@bergetai/ui 0.11.1 → 0.11.2
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.cjs +29 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +29 -1
- package/dist/index.js.map +1 -1
- package/dist/styles/index.css +6 -31
- package/package.json +1 -1
package/dist/styles/index.css
CHANGED
|
@@ -315,21 +315,10 @@
|
|
|
315
315
|
invert correctly in light mode without per-theme overrides. */
|
|
316
316
|
/* Focus ring: moss-300 on dark, moss-600 on light (both ≥3:1 vs bg, WCAG 2.4.7) */
|
|
317
317
|
--berget-button-focus-ring: var(--berget-brand-moss-300);
|
|
318
|
-
/*
|
|
319
|
-
--berget-button-ghost-hover: color-mix(in oklch, var(--berget-foreground) 5%, transparent);
|
|
320
|
-
--berget-button-ghost-active: color-mix(in oklch, var(--berget-foreground) 10%, transparent);
|
|
321
|
-
/* Outline border at rest / hover / active (20% → 35% → 50% foreground) */
|
|
318
|
+
/* Outline border (static across states — hover only gets a subtle fill) */
|
|
322
319
|
--berget-button-outline-border: color-mix(in oklch, var(--berget-foreground) 25%, transparent);
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
var(--berget-foreground) 40%,
|
|
326
|
-
transparent
|
|
327
|
-
);
|
|
328
|
-
--berget-button-outline-border-active: color-mix(
|
|
329
|
-
in oklch,
|
|
330
|
-
var(--berget-foreground) 55%,
|
|
331
|
-
transparent
|
|
332
|
-
);
|
|
320
|
+
/* Outline hover fill: slight brightening (5% of the theme foreground) */
|
|
321
|
+
--berget-button-outline-hover: color-mix(in oklch, var(--berget-foreground) 5%, transparent);
|
|
333
322
|
/* Outline text accent: neutral foreground (≥4.5:1 on bg in all states) */
|
|
334
323
|
--berget-button-outline-fg: var(--berget-foreground);
|
|
335
324
|
/* Disabled: variant fill at 8% + half-opacity neutral foreground (≥3:1,
|
|
@@ -646,21 +635,10 @@
|
|
|
646
635
|
|
|
647
636
|
/* Shared state tokens — foreground-driven, so they follow the inverted
|
|
648
637
|
light palette automatically. Focus ring flips to moss-600 (≥3:1 on
|
|
649
|
-
light surfaces)
|
|
638
|
+
light surfaces). */
|
|
650
639
|
--berget-button-focus-ring: var(--berget-brand-moss-600);
|
|
651
|
-
--berget-button-ghost-hover: color-mix(in oklch, var(--berget-foreground) 5%, transparent);
|
|
652
|
-
--berget-button-ghost-active: color-mix(in oklch, var(--berget-foreground) 10%, transparent);
|
|
653
640
|
--berget-button-outline-border: color-mix(in oklch, var(--berget-foreground) 25%, transparent);
|
|
654
|
-
--berget-button-outline-
|
|
655
|
-
in oklch,
|
|
656
|
-
var(--berget-foreground) 40%,
|
|
657
|
-
transparent
|
|
658
|
-
);
|
|
659
|
-
--berget-button-outline-border-active: color-mix(
|
|
660
|
-
in oklch,
|
|
661
|
-
var(--berget-foreground) 55%,
|
|
662
|
-
transparent
|
|
663
|
-
);
|
|
641
|
+
--berget-button-outline-hover: color-mix(in oklch, var(--berget-foreground) 5%, transparent);
|
|
664
642
|
--berget-button-outline-fg: var(--berget-foreground);
|
|
665
643
|
--berget-button-disabled-bg: color-mix(in oklch, var(--berget-foreground) 8%, transparent);
|
|
666
644
|
--berget-button-disabled-fg: color-mix(in oklch, var(--berget-foreground) 50%, transparent);
|
|
@@ -1061,11 +1039,8 @@
|
|
|
1061
1039
|
|
|
1062
1040
|
/* Shared button state aliases */
|
|
1063
1041
|
--color-berget-button-focus-ring: var(--berget-button-focus-ring);
|
|
1064
|
-
--color-berget-button-ghost-hover: var(--berget-button-ghost-hover);
|
|
1065
|
-
--color-berget-button-ghost-active: var(--berget-button-ghost-active);
|
|
1066
1042
|
--color-berget-button-outline-border: var(--berget-button-outline-border);
|
|
1067
|
-
--color-berget-button-outline-
|
|
1068
|
-
--color-berget-button-outline-border-active: var(--berget-button-outline-border-active);
|
|
1043
|
+
--color-berget-button-outline-hover: var(--berget-button-outline-hover);
|
|
1069
1044
|
--color-berget-button-outline-fg: var(--berget-button-outline-fg);
|
|
1070
1045
|
--color-berget-button-disabled-bg: var(--berget-button-disabled-bg);
|
|
1071
1046
|
--color-berget-button-disabled-fg: var(--berget-button-disabled-fg);
|