@bergetai/ui 0.3.2 → 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 +19 -12
- package/package.json +1 -1
package/dist/styles/index.css
CHANGED
|
@@ -322,12 +322,14 @@
|
|
|
322
322
|
/* Line variant sliding underline (renders under/along the active tab) */
|
|
323
323
|
--berget-tabs-line-indicator: var(--berget-accent);
|
|
324
324
|
|
|
325
|
-
/* ──
|
|
326
|
-
|
|
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;
|
|
327
329
|
--berget-body-leading: 1.6;
|
|
328
330
|
|
|
329
331
|
/* ── WCAG 1.4.12 Text Spacing ──────────────────────────────────── */
|
|
330
|
-
--berget-heading-spacing: -0.
|
|
332
|
+
--berget-heading-spacing: -0.03em;
|
|
331
333
|
--berget-body-spacing: 0;
|
|
332
334
|
|
|
333
335
|
/* ── WCAG 1.4.12 Paragraph spacing ──────────────────────────────── */
|
|
@@ -1083,29 +1085,34 @@
|
|
|
1083
1085
|
--stroke-icon-md: 1.6px;
|
|
1084
1086
|
--stroke-icon-lg: 1.8px;
|
|
1085
1087
|
|
|
1086
|
-
/* 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 */
|
|
1087
1094
|
/* Heading 1 (Ovo, Serif) */
|
|
1088
1095
|
--text-h1: clamp(1.875rem, 0.714rem + 4.76vw, 5rem);
|
|
1089
|
-
--leading-h1:
|
|
1096
|
+
--leading-h1: 1.1;
|
|
1090
1097
|
--tracking-h1: var(--berget-heading-spacing);
|
|
1091
1098
|
--font-h1: 'Ovo', serif;
|
|
1092
1099
|
|
|
1093
1100
|
/* Heading 2 (Ovo, Serif) */
|
|
1094
1101
|
--text-h2: clamp(1.75rem, 1.47rem + 1.14vw, 2.5rem);
|
|
1095
|
-
--leading-h2:
|
|
1102
|
+
--leading-h2: 1.4;
|
|
1096
1103
|
--tracking-h2: var(--berget-heading-spacing);
|
|
1097
1104
|
--font-h2: 'Ovo', serif;
|
|
1098
1105
|
|
|
1099
1106
|
/* Heading 3 (Ovo, Serif) */
|
|
1100
|
-
--text-h3: clamp(1.25rem, 1.
|
|
1101
|
-
--leading-h3:
|
|
1102
|
-
--tracking-h3:
|
|
1107
|
+
--text-h3: clamp(1.25rem, 1.06rem + 0.76vw, 2rem);
|
|
1108
|
+
--leading-h3: 1.25;
|
|
1109
|
+
--tracking-h3: -0.01em;
|
|
1103
1110
|
--font-h3: 'Ovo', serif;
|
|
1104
1111
|
|
|
1105
1112
|
/* Heading 4 (DM Sans, Sans) */
|
|
1106
1113
|
--text-h4: clamp(1.25rem, 1.16rem + 0.38vw, 1.5rem);
|
|
1107
|
-
--leading-h4:
|
|
1108
|
-
--tracking-h4:
|
|
1114
|
+
--leading-h4: 1.67;
|
|
1115
|
+
--tracking-h4: -0.01em;
|
|
1109
1116
|
--font-h4: 'DM Sans', sans-serif;
|
|
1110
1117
|
|
|
1111
1118
|
/* Paragraph (DM Sans, Sans) */
|
|
@@ -1133,7 +1140,7 @@
|
|
|
1133
1140
|
|
|
1134
1141
|
/* Heading 5 (DM Sans, Sans) */
|
|
1135
1142
|
--text-xl: 1.25rem;
|
|
1136
|
-
--leading-xl:
|
|
1143
|
+
--leading-xl: 1.4;
|
|
1137
1144
|
--font-xl: 'DM Sans', sans-serif;
|
|
1138
1145
|
--tracking-xl: var(--berget-body-spacing);
|
|
1139
1146
|
|