@bergetai/ui 0.19.2 → 0.19.3
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/styles/index.css +12 -2
- package/package.json +1 -1
package/dist/styles/index.css
CHANGED
|
@@ -251,6 +251,13 @@
|
|
|
251
251
|
--berget-destructive: color-mix(in oklch, var(--berget-brand-muscaria-400) 20%, transparent);
|
|
252
252
|
--berget-destructive-border: var(--berget-brand-muscaria-400);
|
|
253
253
|
--berget-destructive-foreground: var(--berget-brand-muscaria-400);
|
|
254
|
+
/* ^ The full-strength colour. `destructive` utilities (text-destructive,
|
|
255
|
+
border-destructive/50, ring-destructive/20, bg-destructive/10 …) follow
|
|
256
|
+
the shadcn contract and assume a SOLID base colour, so the @theme alias
|
|
257
|
+
(section D) maps --color-destructive to this token — NOT to the 20%
|
|
258
|
+
pre-tinted --berget-destructive background fill above. Components that
|
|
259
|
+
want the tinted status surface use bg-berget-destructive + the -border/
|
|
260
|
+
-foreground companions (see Checkbox). */
|
|
254
261
|
|
|
255
262
|
/* ── Sidebar ────────────────────────────────────────────────────── */
|
|
256
263
|
--berget-sidebar: color-mix(in oklch, var(--berget-brand-granite-900) 40%, transparent);
|
|
@@ -628,7 +635,10 @@
|
|
|
628
635
|
/* ── Destructive ────────────────────────────────────────────────── */
|
|
629
636
|
--berget-destructive: color-mix(in oklch, var(--berget-brand-muscaria-500) 20%, transparent);
|
|
630
637
|
--berget-destructive-border: var(--berget-brand-muscaria-500);
|
|
631
|
-
|
|
638
|
+
/* Foreground steps up to -600 in light mode like its status siblings
|
|
639
|
+
(info/success/warning), keeping text-destructive above WCAG AA (4.5:1)
|
|
640
|
+
on light surfaces — muscaria-500 lands at 4.3:1. */
|
|
641
|
+
--berget-destructive-foreground: var(--berget-brand-muscaria-600);
|
|
632
642
|
|
|
633
643
|
/* ── Sidebar ────────────────────────────────────────────────────── */
|
|
634
644
|
--berget-sidebar: color-mix(in oklch, var(--berget-brand-granite-100) 40%, transparent);
|
|
@@ -1064,7 +1074,7 @@
|
|
|
1064
1074
|
--color-secondary-foreground: var(--berget-secondary-foreground);
|
|
1065
1075
|
--color-accent: var(--berget-accent);
|
|
1066
1076
|
--color-accent-foreground: var(--berget-accent-foreground);
|
|
1067
|
-
--color-destructive: var(--berget-destructive);
|
|
1077
|
+
--color-destructive: var(--berget-destructive-foreground);
|
|
1068
1078
|
--color-destructive-foreground: var(--berget-destructive-foreground);
|
|
1069
1079
|
--color-muted: var(--berget-muted);
|
|
1070
1080
|
--color-muted-foreground: var(--berget-muted-foreground);
|