@cntyclub/ui-react 0.16.0 → 0.16.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +11 -0
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/ui/color-picker.tsx +12 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cntyclub/ui-react",
|
|
3
|
-
"version": "0.16.
|
|
3
|
+
"version": "0.16.1",
|
|
4
4
|
"description": "React component library for the Country Club UI Kit — Base UI primitives styled with the Country Club design system (Tailwind CSS v4)",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": [
|
|
@@ -137,8 +137,19 @@ function ColorSliderBase({
|
|
|
137
137
|
);
|
|
138
138
|
}
|
|
139
139
|
|
|
140
|
+
/**
|
|
141
|
+
* Hue, in HSB whatever the colour arrived as.
|
|
142
|
+
*
|
|
143
|
+
* `colorSpace` is not decoration here. A slider reads its channel off the picker's
|
|
144
|
+
* current colour, and `hue` is not a channel an RGB colour has — so a picker handed
|
|
145
|
+
* `"#8c1515"`, which is every picker handed a hex, threw `Unknown color channel: hue`
|
|
146
|
+
* and took the page down with it. Naming the space converts on the way in instead,
|
|
147
|
+
* which is what a hue slider means by "hue" in the first place.
|
|
148
|
+
*
|
|
149
|
+
* A caller may still override it; HSL is the other space with a hue.
|
|
150
|
+
*/
|
|
140
151
|
function ColorHueSlider(props: Omit<React.ComponentProps<typeof AriaColorSlider>, "channel">) {
|
|
141
|
-
return <ColorSliderBase channel="hue" {...props} />;
|
|
152
|
+
return <ColorSliderBase channel="hue" colorSpace="hsb" {...props} />;
|
|
142
153
|
}
|
|
143
154
|
|
|
144
155
|
function ColorAlphaSlider(props: Omit<React.ComponentProps<typeof AriaColorSlider>, "channel">) {
|