@bergetai/ui 0.11.3 → 0.11.4
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 +16 -0
- 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 +16 -0
- package/dist/index.js.map +1 -1
- package/dist/styles/index.css +11 -0
- package/package.json +1 -1
package/dist/styles/index.css
CHANGED
|
@@ -315,6 +315,11 @@
|
|
|
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
|
+
/* Ghost: transparent fill, foreground text; hover adds the stronger fill,
|
|
319
|
+
press relaxes to the lighter one (10% / 5% of the theme foreground) */
|
|
320
|
+
--berget-button-ghost-fg: var(--berget-foreground);
|
|
321
|
+
--berget-button-ghost-hover: color-mix(in oklch, var(--berget-foreground) 10%, transparent);
|
|
322
|
+
--berget-button-ghost-active: color-mix(in oklch, var(--berget-foreground) 5%, transparent);
|
|
318
323
|
/* Outline border (static across states — hover only gets a subtle fill) */
|
|
319
324
|
--berget-button-outline-border: color-mix(in oklch, var(--berget-foreground) 25%, transparent);
|
|
320
325
|
/* Outline hover fill: slight brightening (5% of the theme foreground) */
|
|
@@ -637,6 +642,9 @@
|
|
|
637
642
|
light palette automatically. Focus ring flips to moss-600 (≥3:1 on
|
|
638
643
|
light surfaces). */
|
|
639
644
|
--berget-button-focus-ring: var(--berget-brand-moss-600);
|
|
645
|
+
--berget-button-ghost-fg: var(--berget-foreground);
|
|
646
|
+
--berget-button-ghost-hover: color-mix(in oklch, var(--berget-foreground) 10%, transparent);
|
|
647
|
+
--berget-button-ghost-active: color-mix(in oklch, var(--berget-foreground) 5%, transparent);
|
|
640
648
|
--berget-button-outline-border: color-mix(in oklch, var(--berget-foreground) 25%, transparent);
|
|
641
649
|
--berget-button-outline-hover: color-mix(in oklch, var(--berget-foreground) 5%, transparent);
|
|
642
650
|
--berget-button-outline-fg: var(--berget-foreground);
|
|
@@ -1039,6 +1047,9 @@
|
|
|
1039
1047
|
|
|
1040
1048
|
/* Shared button state aliases */
|
|
1041
1049
|
--color-berget-button-focus-ring: var(--berget-button-focus-ring);
|
|
1050
|
+
--color-berget-button-ghost-fg: var(--berget-button-ghost-fg);
|
|
1051
|
+
--color-berget-button-ghost-hover: var(--berget-button-ghost-hover);
|
|
1052
|
+
--color-berget-button-ghost-active: var(--berget-button-ghost-active);
|
|
1042
1053
|
--color-berget-button-outline-border: var(--berget-button-outline-border);
|
|
1043
1054
|
--color-berget-button-outline-hover: var(--berget-button-outline-hover);
|
|
1044
1055
|
--color-berget-button-outline-fg: var(--berget-button-outline-fg);
|