Skip to content

feat: hct color picker alpha support - #142

Merged
Mordech merged 20 commits into
mainfrom
feat/hct-color-picker-alpha-support
Apr 2, 2026
Merged

feat: hct color picker alpha support#142
Mordech merged 20 commits into
mainfrom
feat/hct-color-picker-alpha-support

Conversation

@Mordech

@Mordech Mordech commented Apr 1, 2026

Copy link
Copy Markdown
Owner
  • Adjust plugin UI dimensions (300x564) and size configurations
  • Add CSS variables for consistent sizing, spacing, and border-radius
  • Remove alpha overlay div and apply opacity via CSS style binding
  • Update button text templates to use template literals for better type safety
  • Refactor color swatch styling with CSS variables for maintainability
  • Streamline flexbox properties for better layout control

Mordech and others added 14 commits March 28, 2026 21:10
…OM transparency

Pass --mrd-swatch-color as a CSS custom property on the <mrd-paint-swatch>
host element so it propagates into shadow DOM, matching the slider gradient
pattern. Revert .color prop to hex (no rgba), keeping the gradient as the
visual layer. Also add eslint script/dep and fix tsconfigRootDir path.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Adjust plugin UI dimensions (300x564) and size configurations
- Add CSS variables for consistent sizing, spacing, and border-radius
- Remove alpha overlay div and apply opacity via CSS style binding
- Update button text templates to use template literals for better type safety
- Refactor color swatch styling with CSS variables for maintainability
- Streamline flexbox properties for better layout control
@netlify

netlify Bot commented Apr 1, 2026

Copy link
Copy Markdown

Deploy Preview for mordech-web-components ready!

Name Link
🔨 Latest commit 5f27780
🔍 Latest deploy log https://app.netlify.com/projects/mordech-web-components/deploys/69cedf05a27d7f000886922f
😎 Deploy Preview https://deploy-preview-142--mordech-web-components.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify

netlify Bot commented Apr 1, 2026

Copy link
Copy Markdown

Deploy Preview for mordech-react-components ready!

Name Link
🔨 Latest commit 5f27780
🔍 Latest deploy log https://app.netlify.com/projects/mordech-react-components/deploys/69cedf05f221d20008abc307
😎 Deploy Preview https://deploy-preview-142--mordech-react-components.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Mordech and others added 6 commits April 2, 2026 00:37
…fety

Fix signed integer overflow in ARGB getter by using unsigned right shift.
Fix alpha gradient to always show full 0-100 range. Make alpha required
in types, remove dead filter code and redundant SelectedColor type, and
add NaN guard for variable alpha extraction.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

@Mordech Mordech left a comment

Copy link
Copy Markdown
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Starting review...

@Mordech
Mordech merged commit aee348f into main Apr 2, 2026
9 checks passed
@Mordech
Mordech deleted the feat/hct-color-picker-alpha-support branch April 2, 2026 21:49
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant