@hilum/ui 3.2.7 → 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/package.json
CHANGED
|
@@ -45,7 +45,7 @@ function ColorPicker({
|
|
|
45
45
|
disabled={disabled}
|
|
46
46
|
aria-label={ariaLabel}
|
|
47
47
|
className={cn(
|
|
48
|
-
"inline-flex size-
|
|
48
|
+
"inline-flex size-9 items-center justify-center rounded-md border border-border bg-card",
|
|
49
49
|
"transition-colors hover:border-border",
|
|
50
50
|
"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-primary/20 focus-visible:border-brand-primary",
|
|
51
51
|
"disabled:cursor-not-allowed disabled:opacity-50",
|
|
@@ -54,7 +54,7 @@ function ColorPicker({
|
|
|
54
54
|
>
|
|
55
55
|
<span
|
|
56
56
|
aria-hidden
|
|
57
|
-
className="
|
|
57
|
+
className="size-4 rounded-sm border border-black/5"
|
|
58
58
|
style={{ backgroundColor: value }}
|
|
59
59
|
/>
|
|
60
60
|
</button>
|
|
@@ -67,7 +67,7 @@ function ColorPicker({
|
|
|
67
67
|
setHex(e.target.value);
|
|
68
68
|
onChange(e.target.value);
|
|
69
69
|
}}
|
|
70
|
-
className="h-
|
|
70
|
+
className="h-9 w-full cursor-pointer rounded-md border border-border bg-card p-0.5"
|
|
71
71
|
/>
|
|
72
72
|
<div className="mt-2 flex items-center gap-2">
|
|
73
73
|
<span className="caption text-muted-foreground">Hex</span>
|
|
@@ -79,7 +79,7 @@ function ColorPicker({
|
|
|
79
79
|
onKeyDown={(e) => {
|
|
80
80
|
if (e.key === "Enter") commit((e.target as HTMLInputElement).value);
|
|
81
81
|
}}
|
|
82
|
-
className="h-
|
|
82
|
+
className="h-9 flex-1 rounded-md border border-border bg-card px-2 caption text-foreground focus:outline-none focus:border-brand-primary"
|
|
83
83
|
/>
|
|
84
84
|
</div>
|
|
85
85
|
{presets && presets.length > 0 && (
|
|
@@ -90,7 +90,7 @@ function ColorPicker({
|
|
|
90
90
|
type="button"
|
|
91
91
|
onClick={() => onChange(p)}
|
|
92
92
|
aria-label={p}
|
|
93
|
-
className="size-
|
|
93
|
+
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"
|
|
94
94
|
style={{ backgroundColor: p }}
|
|
95
95
|
/>
|
|
96
96
|
))}
|