@hilum/ui 3.2.8 → 3.2.9
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.js +5 -5
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/color-picker.tsx +5 -5
package/dist/index.js
CHANGED
|
@@ -1664,7 +1664,7 @@ function ColorPicker({
|
|
|
1664
1664
|
disabled,
|
|
1665
1665
|
"aria-label": ariaLabel,
|
|
1666
1666
|
className: cn(
|
|
1667
|
-
"inline-flex size-
|
|
1667
|
+
"inline-flex size-9 items-center justify-center rounded-md border border-border bg-card",
|
|
1668
1668
|
"transition-colors hover:border-border",
|
|
1669
1669
|
"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-primary/20 focus-visible:border-brand-primary",
|
|
1670
1670
|
"disabled:cursor-not-allowed disabled:opacity-50",
|
|
@@ -1674,7 +1674,7 @@ function ColorPicker({
|
|
|
1674
1674
|
"span",
|
|
1675
1675
|
{
|
|
1676
1676
|
"aria-hidden": true,
|
|
1677
|
-
className: "
|
|
1677
|
+
className: "size-4 rounded-sm border border-black/5",
|
|
1678
1678
|
style: { backgroundColor: value }
|
|
1679
1679
|
}
|
|
1680
1680
|
)
|
|
@@ -1690,7 +1690,7 @@ function ColorPicker({
|
|
|
1690
1690
|
setHex(e.target.value);
|
|
1691
1691
|
onChange(e.target.value);
|
|
1692
1692
|
},
|
|
1693
|
-
className: "h-
|
|
1693
|
+
className: "h-9 w-full cursor-pointer rounded-md border border-border bg-card p-0.5"
|
|
1694
1694
|
}
|
|
1695
1695
|
),
|
|
1696
1696
|
/* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center gap-2", children: [
|
|
@@ -1705,7 +1705,7 @@ function ColorPicker({
|
|
|
1705
1705
|
onKeyDown: (e) => {
|
|
1706
1706
|
if (e.key === "Enter") commit(e.target.value);
|
|
1707
1707
|
},
|
|
1708
|
-
className: "h-
|
|
1708
|
+
className: "h-9 flex-1 rounded-md border border-border bg-card px-2 caption text-foreground focus:outline-none focus:border-brand-primary"
|
|
1709
1709
|
}
|
|
1710
1710
|
)
|
|
1711
1711
|
] }),
|
|
@@ -1715,7 +1715,7 @@ function ColorPicker({
|
|
|
1715
1715
|
type: "button",
|
|
1716
1716
|
onClick: () => onChange(p),
|
|
1717
1717
|
"aria-label": p,
|
|
1718
|
-
className: "size-
|
|
1718
|
+
className: "size-9 rounded-md border border-black/10 transition-transform hover:scale-105 active:scale-[0.96] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-primary/30",
|
|
1719
1719
|
style: { backgroundColor: p }
|
|
1720
1720
|
},
|
|
1721
1721
|
p
|