@bergetai/ui 0.13.2 → 0.13.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/index.cjs +16 -12
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +16 -12
- package/dist/index.js.map +1 -1
- package/dist/styles/index.css +51 -20
- package/package.json +1 -1
package/dist/styles/index.css
CHANGED
|
@@ -258,15 +258,30 @@
|
|
|
258
258
|
--berget-shiki-token-punctuation: var(--berget-brand-granite-50);
|
|
259
259
|
|
|
260
260
|
/* ── Badge component-scoped tokens ──────────────────────────────── */
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
--berget-badge-
|
|
265
|
-
--berget-badge-
|
|
266
|
-
--berget-badge-
|
|
267
|
-
--berget-badge-
|
|
268
|
-
--berget-badge-
|
|
269
|
-
--berget-badge-
|
|
261
|
+
/* Tinted status style: 15% brand tint bg with a same-hue accent fg.
|
|
262
|
+
Dark theme uses the -300 accent steps; light theme pairs the same
|
|
263
|
+
tints with -600/-700 fg steps for AA contrast on light surfaces. */
|
|
264
|
+
--berget-badge-default-bg: color-mix(in oklch, var(--berget-brand-moss-400) 15%, transparent);
|
|
265
|
+
--berget-badge-default-fg: var(--berget-brand-moss-300);
|
|
266
|
+
--berget-badge-active-bg: color-mix(in oklch, var(--berget-brand-moss-400) 25%, transparent);
|
|
267
|
+
--berget-badge-active-fg: var(--berget-brand-moss-200);
|
|
268
|
+
--berget-badge-info-bg: color-mix(in oklch, var(--berget-brand-fjord-500) 15%, transparent);
|
|
269
|
+
--berget-badge-info-fg: var(--berget-brand-fjord-300);
|
|
270
|
+
--berget-badge-success-bg: color-mix(in oklch, var(--berget-brand-moss-400) 15%, transparent);
|
|
271
|
+
--berget-badge-success-fg: var(--berget-brand-moss-300);
|
|
272
|
+
--berget-badge-warning-bg: color-mix(
|
|
273
|
+
in oklch,
|
|
274
|
+
var(--berget-brand-chanterelle-300) 15%,
|
|
275
|
+
transparent
|
|
276
|
+
);
|
|
277
|
+
--berget-badge-warning-fg: var(--berget-brand-chanterelle-300);
|
|
278
|
+
--berget-badge-error-bg: color-mix(in oklch, var(--berget-brand-muscaria-400) 15%, transparent);
|
|
279
|
+
--berget-badge-error-fg: var(--berget-brand-muscaria-300);
|
|
280
|
+
--berget-badge-tag-default-bg: color-mix(in oklch, var(--berget-foreground) 10%, transparent);
|
|
281
|
+
--berget-badge-tag-default-fg: var(--berget-foreground);
|
|
282
|
+
--berget-badge-tag-active-bg: color-mix(in oklch, var(--berget-brand-fjord-500) 15%, transparent);
|
|
283
|
+
--berget-badge-tag-active-fg: var(--berget-brand-fjord-300);
|
|
284
|
+
--berget-badge-tag-ghost-bg: color-mix(in oklch, var(--berget-foreground) 5%, transparent);
|
|
270
285
|
--berget-badge-tag-ghost-fg: var(--berget-foreground);
|
|
271
286
|
|
|
272
287
|
/* ── Switch component-scoped tokens ─────────────────────────────── */
|
|
@@ -592,20 +607,28 @@
|
|
|
592
607
|
--berget-shiki-token-string-expression: var(--berget-brand-moss-500);
|
|
593
608
|
--berget-shiki-token-punctuation: var(--berget-brand-granite-900);
|
|
594
609
|
|
|
595
|
-
/* ── Badge component-scoped tokens
|
|
596
|
-
--berget-badge-default-bg: var(--berget-brand-moss-
|
|
597
|
-
--berget-badge-default-fg: var(--berget-
|
|
598
|
-
--berget-badge-active-bg: var(--berget-brand-moss-
|
|
599
|
-
--berget-badge-active-fg: var(--berget-
|
|
600
|
-
--berget-badge-
|
|
601
|
-
--berget-badge-
|
|
602
|
-
--berget-badge-
|
|
603
|
-
--berget-badge-
|
|
604
|
-
--berget-badge-
|
|
610
|
+
/* ── Badge component-scoped tokens (light) ──────────────────────── */
|
|
611
|
+
--berget-badge-default-bg: color-mix(in oklch, var(--berget-brand-moss-400) 15%, transparent);
|
|
612
|
+
--berget-badge-default-fg: var(--berget-brand-moss-700);
|
|
613
|
+
--berget-badge-active-bg: color-mix(in oklch, var(--berget-brand-moss-400) 25%, transparent);
|
|
614
|
+
--berget-badge-active-fg: var(--berget-brand-moss-600);
|
|
615
|
+
--berget-badge-info-bg: color-mix(in oklch, var(--berget-brand-fjord-500) 15%, transparent);
|
|
616
|
+
--berget-badge-info-fg: var(--berget-brand-fjord-700);
|
|
617
|
+
--berget-badge-success-bg: color-mix(in oklch, var(--berget-brand-moss-400) 15%, transparent);
|
|
618
|
+
--berget-badge-success-fg: var(--berget-brand-moss-700);
|
|
619
|
+
--berget-badge-warning-bg: color-mix(
|
|
605
620
|
in oklch,
|
|
606
|
-
var(--berget-brand-
|
|
621
|
+
var(--berget-brand-chanterelle-300) 15%,
|
|
607
622
|
transparent
|
|
608
623
|
);
|
|
624
|
+
--berget-badge-warning-fg: var(--berget-brand-chanterelle-700);
|
|
625
|
+
--berget-badge-error-bg: color-mix(in oklch, var(--berget-brand-muscaria-400) 15%, transparent);
|
|
626
|
+
--berget-badge-error-fg: var(--berget-brand-muscaria-700);
|
|
627
|
+
--berget-badge-tag-default-bg: color-mix(in oklch, var(--berget-foreground) 10%, transparent);
|
|
628
|
+
--berget-badge-tag-default-fg: var(--berget-foreground);
|
|
629
|
+
--berget-badge-tag-active-bg: color-mix(in oklch, var(--berget-brand-fjord-500) 15%, transparent);
|
|
630
|
+
--berget-badge-tag-active-fg: var(--berget-brand-fjord-700);
|
|
631
|
+
--berget-badge-tag-ghost-bg: color-mix(in oklch, var(--berget-foreground) 5%, transparent);
|
|
609
632
|
--berget-badge-tag-ghost-fg: var(--berget-foreground);
|
|
610
633
|
|
|
611
634
|
/* ── Switch component-scoped tokens ─────────────────────────────── */
|
|
@@ -1102,6 +1125,14 @@
|
|
|
1102
1125
|
--color-berget-badge-default-fg: var(--berget-badge-default-fg);
|
|
1103
1126
|
--color-berget-badge-active-bg: var(--berget-badge-active-bg);
|
|
1104
1127
|
--color-berget-badge-active-fg: var(--berget-badge-active-fg);
|
|
1128
|
+
--color-berget-badge-info-bg: var(--berget-badge-info-bg);
|
|
1129
|
+
--color-berget-badge-info-fg: var(--berget-badge-info-fg);
|
|
1130
|
+
--color-berget-badge-success-bg: var(--berget-badge-success-bg);
|
|
1131
|
+
--color-berget-badge-success-fg: var(--berget-badge-success-fg);
|
|
1132
|
+
--color-berget-badge-warning-bg: var(--berget-badge-warning-bg);
|
|
1133
|
+
--color-berget-badge-warning-fg: var(--berget-badge-warning-fg);
|
|
1134
|
+
--color-berget-badge-error-bg: var(--berget-badge-error-bg);
|
|
1135
|
+
--color-berget-badge-error-fg: var(--berget-badge-error-fg);
|
|
1105
1136
|
--color-berget-badge-tag-default-bg: var(--berget-badge-tag-default-bg);
|
|
1106
1137
|
--color-berget-badge-tag-default-fg: var(--berget-badge-tag-default-fg);
|
|
1107
1138
|
--color-berget-badge-tag-active-bg: var(--berget-badge-tag-active-bg);
|