Skip to content

Conversation

@jonatan-reto
Copy link
Collaborator

@jonatan-reto jonatan-reto commented Oct 22, 2025

Description

This PR introduces a comprehensive color picker component that combines multiple color selection methods to support various color formats.

Features

The ch-color-picker component includes:

  • Modular controls that can be shown/hidden via props
  • 2D color field integration (with ch-color-field component)
  • Hue slider for hue adjustment
  • Alpha/transparency slider for opacity control
  • Color format selector for HEX, RGB, HSL, and HSV formats (with ch-combo-box component)
  • Current color preview with transparency pattern support
  • Customizable color palette for quick color selection
  • Configurable control order via the order prop
  • Form integration with form-associated custom elements

Breaking changes

  • Modified the Color Variant HSV value type from array to string format.
    • Before: hsv: [360, 100, 50] (array format)
    • After: hsv: "hsv(360, 100%, 50%)" (string format)
    • Use the new utility functions fromHsvStringToHsvColor() and fromHsvColorToString() to convert between formats
    • This change will improve consistency with other color formats (hex, rgb, hsl) which are all string-based

@netlify
Copy link

netlify bot commented Oct 22, 2025

Deploy Preview for gx-chameleon failed.

Name Link
🔨 Latest commit d27571a
🔍 Latest deploy log https://app.netlify.com/projects/gx-chameleon/deploys/691245be713e67000824a891

@jonatan-reto jonatan-reto added feature Feature implementation pull request target: minor This PR is targeted for the next minor release labels Oct 23, 2025
@jonatan-reto jonatan-reto marked this pull request as ready for review October 29, 2025 20:06
Copy link
Collaborator

@ncamera ncamera left a comment

Choose a reason for hiding this comment

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

Nice work!!

@jonatan-reto jonatan-reto requested a review from ncamera November 10, 2025 15:27
Copy link
Collaborator

@ncamera ncamera left a comment

Choose a reason for hiding this comment

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

LGTM!

@ncamera ncamera changed the title Create [ch-color-picker] component Create ch-color-picker component Nov 11, 2025
@jonatan-reto jonatan-reto merged commit b5ce1bd into main Nov 11, 2025
4 of 8 checks passed
@jonatan-reto jonatan-reto deleted the feat/color-picker branch November 11, 2025 17:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

breaking changes feature Feature implementation pull request target: minor This PR is targeted for the next minor release

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants