@bergetai/ui 0.3.1 → 0.3.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 +1 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/styles/index.css +34 -12
- package/package.json +1 -1
package/dist/styles/index.css
CHANGED
|
@@ -313,12 +313,23 @@
|
|
|
313
313
|
--berget-item-footer-fg: var(--berget-muted-foreground);
|
|
314
314
|
--berget-item-separator: var(--berget-separator);
|
|
315
315
|
|
|
316
|
-
/* ──
|
|
317
|
-
|
|
316
|
+
/* ── Tabs component-scoped tokens ─────────────────────────────────── */
|
|
317
|
+
/* Pill/segmented list track (default variant) */
|
|
318
|
+
--berget-tabs-list-bg: var(--berget-surface-02);
|
|
319
|
+
/* Active pill trigger lifts to the page background */
|
|
320
|
+
--berget-tabs-trigger-active-bg: var(--berget-background);
|
|
321
|
+
--berget-tabs-trigger-active-fg: var(--berget-foreground);
|
|
322
|
+
/* Line variant sliding underline (renders under/along the active tab) */
|
|
323
|
+
--berget-tabs-line-indicator: var(--berget-accent);
|
|
324
|
+
|
|
325
|
+
/* ── Line heights — per-level scale per Berget brand guidelines (VIG) ──
|
|
326
|
+
Display/serif headings use tighter leading than body text; the larger the type,
|
|
327
|
+
the tighter the line height per the VIG spec. */
|
|
328
|
+
--berget-heading-leading: 1.25;
|
|
318
329
|
--berget-body-leading: 1.6;
|
|
319
330
|
|
|
320
331
|
/* ── WCAG 1.4.12 Text Spacing ──────────────────────────────────── */
|
|
321
|
-
--berget-heading-spacing: -0.
|
|
332
|
+
--berget-heading-spacing: -0.03em;
|
|
322
333
|
--berget-body-spacing: 0;
|
|
323
334
|
|
|
324
335
|
/* ── WCAG 1.4.12 Paragraph spacing ──────────────────────────────── */
|
|
@@ -1035,6 +1046,12 @@
|
|
|
1035
1046
|
--color-berget-item-footer-fg: var(--berget-item-footer-fg);
|
|
1036
1047
|
--color-berget-item-separator: var(--berget-item-separator);
|
|
1037
1048
|
|
|
1049
|
+
/* Tabs component-scoped aliases */
|
|
1050
|
+
--color-berget-tabs-list-bg: var(--berget-tabs-list-bg);
|
|
1051
|
+
--color-berget-tabs-trigger-active-bg: var(--berget-tabs-trigger-active-bg);
|
|
1052
|
+
--color-berget-tabs-trigger-active-fg: var(--berget-tabs-trigger-active-fg);
|
|
1053
|
+
--color-berget-tabs-line-indicator: var(--berget-tabs-line-indicator);
|
|
1054
|
+
|
|
1038
1055
|
/* Sidebar aliases */
|
|
1039
1056
|
--color-berget-sidebar: var(--berget-sidebar);
|
|
1040
1057
|
--color-berget-sidebar-foreground: var(--berget-sidebar-foreground);
|
|
@@ -1068,29 +1085,34 @@
|
|
|
1068
1085
|
--stroke-icon-md: 1.6px;
|
|
1069
1086
|
--stroke-icon-lg: 1.8px;
|
|
1070
1087
|
|
|
1071
|
-
/* Typography scale - fluid
|
|
1088
|
+
/* Typography scale - fluid
|
|
1089
|
+
Line heights follow the Berget brand guidelines (VIG):
|
|
1090
|
+
H1 80px/5rem → 5.5rem (1.1), tracking -0.03em
|
|
1091
|
+
H2 40px/2.5rem → 3.5rem (1.4), tracking -0.03em
|
|
1092
|
+
H3 32px/2rem → 2.5rem (1.25), tracking -0.01em
|
|
1093
|
+
H4 24px/1.5rem → 2.5rem (1.67), tracking -0.01em */
|
|
1072
1094
|
/* Heading 1 (Ovo, Serif) */
|
|
1073
1095
|
--text-h1: clamp(1.875rem, 0.714rem + 4.76vw, 5rem);
|
|
1074
|
-
--leading-h1:
|
|
1096
|
+
--leading-h1: 1.1;
|
|
1075
1097
|
--tracking-h1: var(--berget-heading-spacing);
|
|
1076
1098
|
--font-h1: 'Ovo', serif;
|
|
1077
1099
|
|
|
1078
1100
|
/* Heading 2 (Ovo, Serif) */
|
|
1079
1101
|
--text-h2: clamp(1.75rem, 1.47rem + 1.14vw, 2.5rem);
|
|
1080
|
-
--leading-h2:
|
|
1102
|
+
--leading-h2: 1.4;
|
|
1081
1103
|
--tracking-h2: var(--berget-heading-spacing);
|
|
1082
1104
|
--font-h2: 'Ovo', serif;
|
|
1083
1105
|
|
|
1084
1106
|
/* Heading 3 (Ovo, Serif) */
|
|
1085
|
-
--text-h3: clamp(1.25rem, 1.
|
|
1086
|
-
--leading-h3:
|
|
1087
|
-
--tracking-h3:
|
|
1107
|
+
--text-h3: clamp(1.25rem, 1.06rem + 0.76vw, 2rem);
|
|
1108
|
+
--leading-h3: 1.25;
|
|
1109
|
+
--tracking-h3: -0.01em;
|
|
1088
1110
|
--font-h3: 'Ovo', serif;
|
|
1089
1111
|
|
|
1090
1112
|
/* Heading 4 (DM Sans, Sans) */
|
|
1091
1113
|
--text-h4: clamp(1.25rem, 1.16rem + 0.38vw, 1.5rem);
|
|
1092
|
-
--leading-h4:
|
|
1093
|
-
--tracking-h4:
|
|
1114
|
+
--leading-h4: 1.67;
|
|
1115
|
+
--tracking-h4: -0.01em;
|
|
1094
1116
|
--font-h4: 'DM Sans', sans-serif;
|
|
1095
1117
|
|
|
1096
1118
|
/* Paragraph (DM Sans, Sans) */
|
|
@@ -1118,7 +1140,7 @@
|
|
|
1118
1140
|
|
|
1119
1141
|
/* Heading 5 (DM Sans, Sans) */
|
|
1120
1142
|
--text-xl: 1.25rem;
|
|
1121
|
-
--leading-xl:
|
|
1143
|
+
--leading-xl: 1.4;
|
|
1122
1144
|
--font-xl: 'DM Sans', sans-serif;
|
|
1123
1145
|
--tracking-xl: var(--berget-body-spacing);
|
|
1124
1146
|
|