beacon-ui 3.6.0 → 3.7.1

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.
Files changed (7) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/tokens/types.d.ts +1 -1
  3. package/dist/tokens/types.d.ts.map +1 -1
  4. package/package.json +1 -1
  5. package/tokens/generated/index.css +59 -10
  6. package/tokens/generated/primitives.css +9 -0
  7. package/tokens/generated/semantic.css +50 -10
package/CHANGELOG.md CHANGED
@@ -5,6 +5,32 @@ All notable changes to this project will be documented in this file.
5
5
  The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
6
6
  and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
7
7
 
8
+ ## [3.7.0] - 2026-05-01
9
+
10
+ ### Added
11
+ - Ginger Orange hue variant (`hue-ginger-orange`) with Chivo as primary font and IBM Plex Sans as secondary font
12
+ - Ginger primitive color palette (`--color-ginger-100` through `--color-ginger-900`) added to token system
13
+ - `hue-ginger-orange` entry added to `HueVariant` TypeScript type
14
+
15
+ ### Fixed
16
+ - Ginger Orange uses Dove Gray neutral palette (warm-toned) matching its token definition, consistent with Chromatic Prime
17
+
18
+ ## [3.6.0] - 2026-04-30
19
+
20
+ ### Added
21
+ - Kelly Green hue variant (`hue-kelly-green`) with Chivo as primary font and IBM Plex Sans as secondary font
22
+ - Chivo and IBM Plex Sans loaded via `next/font/google` and registered as `--font-chivo` and `--font-ibm-plex-sans` CSS variables
23
+ - Chivo and IBM Plex Sans added to typography configuration and primitive token layer
24
+
25
+ ### Fixed
26
+ - Invalid CSS variable references across components: `--spacing-150` → `--spacing-200`, `--spacing-250` → `--spacing-300`, `--fg-primary-on-primary` → `--fg-on-action`, `--fg-brand-primary` → `--fg-primary`, `--fg-neutral-primary` → `--fg-neutral`
27
+ - Package tokens rebuilt to include K_Green primitive palette and new font variables
28
+ - Themes page documentation corrected: `--color-kellygreen-500` → `--color-k-green-500`
29
+
30
+ ### Changed
31
+ - Removed on-dark contrast pairings (on-primary dark, on-success dark, on-warning dark, on-critical dark) from colors page contrast section — these combinations are not intended for use together
32
+ - Typography documentation updated: Required Fonts table, Next.js and CSS setup code blocks, and Font Variables Reference table now include all six font families and the Kelly Green hue row
33
+
8
34
  ## [3.5.13] - 2026-02-05
9
35
 
10
36
  ### Fixed
package/dist/tokens/types.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  * Auto-generated token types
3
3
  * Do not edit directly - regenerate with `npm run build:tokens`
4
4
  */
5
- export type ColorPrimitive = "Color.Purple.100" | "Color.Purple.200" | "Color.Purple.300" | "Color.Purple.400" | "Color.Purple.500" | "Color.Purple.600" | "Color.Purple.700" | "Color.Purple.800" | "Color.Purple.900" | "Color.Blue.100" | "Color.Blue.200" | "Color.Blue.300" | "Color.Blue.400" | "Color.Blue.500" | "Color.Blue.600" | "Color.Blue.700" | "Color.Blue.800" | "Color.Blue.900" | "Color.Chromatic.100" | "Color.Chromatic.200" | "Color.Chromatic.300" | "Color.Chromatic.400" | "Color.Chromatic.500" | "Color.Chromatic.600" | "Color.Chromatic.700" | "Color.Chromatic.800" | "Color.Chromatic.900" | "Color.Dove_Gray.50" | "Color.Dove_Gray.100" | "Color.Dove_Gray.200" | "Color.Dove_Gray.300" | "Color.Dove_Gray.400" | "Color.Dove_Gray.500" | "Color.Dove_Gray.600" | "Color.Dove_Gray.700" | "Color.Dove_Gray.800" | "Color.Dove_Gray.900" | "Color.Gray.50" | "Color.Gray.100" | "Color.Gray.200" | "Color.Gray.300" | "Color.Gray.400" | "Color.Gray.500" | "Color.Gray.600" | "Color.Gray.700" | "Color.Gray.800" | "Color.Gray.900" | "Color.Green.100" | "Color.Green.200" | "Color.Green.300" | "Color.Green.400" | "Color.Green.500" | "Color.Green.600" | "Color.Green.700" | "Color.Green.800" | "Color.Red.100" | "Color.Red.200" | "Color.Red.300" | "Color.Red.400" | "Color.Red.500" | "Color.Red.600" | "Color.Red.700" | "Color.Red.800" | "Color.Orange.100" | "Color.Orange.200" | "Color.Orange.300" | "Color.Orange.400" | "Color.Orange.500" | "Color.Orange.600" | "Color.Orange.700" | "Color.Orange.800" | "Color.Black.0" | "Color.Black.40" | "Color.Black.60" | "Color.Black.80" | "Color.Black.100" | "Color.Black.120" | "Color.Black.200" | "Color.Black.300" | "Color.Black.400" | "Color.Black.500" | "Color.Black.600" | "Color.Black.700" | "Color.Black.800" | "Color.Black.1000" | "Color.White.0" | "Color.White.20" | "Color.White.30" | "Color.White.40" | "Color.White.70" | "Color.White.100" | "Color.White.200" | "Color.White.300" | "Color.White.400" | "Color.White.500" | "Color.White.600" | "Color.White.700" | "Color.White.800" | "Color.White.1000" | "Color.K_Green.100" | "Color.K_Green.200" | "Color.K_Green.300" | "Color.K_Green.400" | "Color.K_Green.500" | "Color.K_Green.600" | "Color.K_Green.700" | "Color.K_Green.800" | "Color.K_Green.900";
5
+ export type ColorPrimitive = "Color.Purple.100" | "Color.Purple.200" | "Color.Purple.300" | "Color.Purple.400" | "Color.Purple.500" | "Color.Purple.600" | "Color.Purple.700" | "Color.Purple.800" | "Color.Purple.900" | "Color.Blue.100" | "Color.Blue.200" | "Color.Blue.300" | "Color.Blue.400" | "Color.Blue.500" | "Color.Blue.600" | "Color.Blue.700" | "Color.Blue.800" | "Color.Blue.900" | "Color.Chromatic.100" | "Color.Chromatic.200" | "Color.Chromatic.300" | "Color.Chromatic.400" | "Color.Chromatic.500" | "Color.Chromatic.600" | "Color.Chromatic.700" | "Color.Chromatic.800" | "Color.Chromatic.900" | "Color.Dove_Gray.50" | "Color.Dove_Gray.100" | "Color.Dove_Gray.200" | "Color.Dove_Gray.300" | "Color.Dove_Gray.400" | "Color.Dove_Gray.500" | "Color.Dove_Gray.600" | "Color.Dove_Gray.700" | "Color.Dove_Gray.800" | "Color.Dove_Gray.900" | "Color.Gray.50" | "Color.Gray.100" | "Color.Gray.200" | "Color.Gray.300" | "Color.Gray.400" | "Color.Gray.500" | "Color.Gray.600" | "Color.Gray.700" | "Color.Gray.800" | "Color.Gray.900" | "Color.Green.100" | "Color.Green.200" | "Color.Green.300" | "Color.Green.400" | "Color.Green.500" | "Color.Green.600" | "Color.Green.700" | "Color.Green.800" | "Color.Red.100" | "Color.Red.200" | "Color.Red.300" | "Color.Red.400" | "Color.Red.500" | "Color.Red.600" | "Color.Red.700" | "Color.Red.800" | "Color.Orange.100" | "Color.Orange.200" | "Color.Orange.300" | "Color.Orange.400" | "Color.Orange.500" | "Color.Orange.600" | "Color.Orange.700" | "Color.Orange.800" | "Color.Black.0" | "Color.Black.40" | "Color.Black.60" | "Color.Black.80" | "Color.Black.100" | "Color.Black.120" | "Color.Black.200" | "Color.Black.300" | "Color.Black.400" | "Color.Black.500" | "Color.Black.600" | "Color.Black.700" | "Color.Black.800" | "Color.Black.1000" | "Color.White.0" | "Color.White.20" | "Color.White.30" | "Color.White.40" | "Color.White.70" | "Color.White.100" | "Color.White.200" | "Color.White.300" | "Color.White.400" | "Color.White.500" | "Color.White.600" | "Color.White.700" | "Color.White.800" | "Color.White.1000" | "Color.K_Green.100" | "Color.K_Green.200" | "Color.K_Green.300" | "Color.K_Green.400" | "Color.K_Green.500" | "Color.K_Green.600" | "Color.K_Green.700" | "Color.K_Green.800" | "Color.K_Green.900" | "Color.Ginger.100" | "Color.Ginger.200" | "Color.Ginger.300" | "Color.Ginger.400" | "Color.Ginger.500" | "Color.Ginger.600" | "Color.Ginger.700" | "Color.Ginger.800" | "Color.Ginger.900";
6
6
  export type ScaleToken = "Scale.0" | "Scale.25" | "Scale.50" | "Scale.100" | "Scale.150" | "Scale.200" | "Scale.300" | "Scale.400" | "Scale.450" | "Scale.500" | "Scale.550" | "Scale.600" | "Scale.650" | "Scale.700" | "Scale.800" | "Scale.900" | "Scale.1000" | "Scale.2000";
7
7
  export type SemanticColor = "Color.Primary.100" | "Color.Primary.200" | "Color.Primary.300" | "Color.Primary.400" | "Color.Primary.500" | "Color.Primary.600" | "Color.Primary.700" | "Color.Primary.800" | "Color.Primary.900" | "Color.Neutral.50" | "Color.Neutral.100" | "Color.Neutral.200" | "Color.Neutral.300" | "Color.Neutral.400" | "Color.Neutral.500" | "Color.Neutral.600" | "Color.Neutral.700" | "Color.Neutral.800" | "Color.Neutral.900" | "Color.Neutral.White" | "Color.Neutral.Black" | "Color.Success.100" | "Color.Success.200" | "Color.Success.300" | "Color.Success.400" | "Color.Success.500" | "Color.Success.600" | "Color.Success.700" | "Color.Success.800" | "Color.Warning.100" | "Color.Warning.200" | "Color.Warning.300" | "Color.Warning.400" | "Color.Warning.500" | "Color.Warning.600" | "Color.Warning.700" | "Color.Warning.800" | "Color.Critical.100" | "Color.Critical.200" | "Color.Critical.300" | "Color.Critical.400" | "Color.Critical.500" | "Color.Critical.600" | "Color.Critical.700" | "Color.Critical.800" | "Color.Alpha-Neutral.W0" | "Color.Alpha-Neutral.W20" | "Color.Alpha-Neutral.W30" | "Color.Alpha-Neutral.W40" | "Color.Alpha-Neutral.W70" | "Color.Alpha-Neutral.W100" | "Color.Alpha-Neutral.W200" | "Color.Alpha-Neutral.W300" | "Color.Alpha-Neutral.W400" | "Color.Alpha-Neutral.W500" | "Color.Alpha-Neutral.W600" | "Color.Alpha-Neutral.W700" | "Color.Alpha-Neutral.W800" | "Color.Alpha-Neutral.W1000" | "Color.Alpha-Neutral.B0" | "Color.Alpha-Neutral.B40" | "Color.Alpha-Neutral.B60" | "Color.Alpha-Neutral.B80" | "Color.Alpha-Neutral.B100" | "Color.Alpha-Neutral.B120" | "Color.Alpha-Neutral.B200" | "Color.Alpha-Neutral.B300" | "Color.Alpha-Neutral.B400" | "Color.Alpha-Neutral.B500" | "Color.Alpha-Neutral.B600" | "Color.Alpha-Neutral.B700" | "Color.Alpha-Neutral.B800" | "Color.Alpha-Neutral.B1000";
8
8
  export type SpacingToken = "Spacing.50" | "Spacing.100" | "Spacing.200" | "Spacing.300" | "Spacing.400" | "Spacing.450" | "Spacing.500" | "Spacing.600" | "Spacing.650" | "Spacing.700" | "Spacing.800" | "Spacing.900" | "Spacing.1000" | "Spacing.2000" | "Spacing.None";
package/dist/tokens/types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/tokens/types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/tokens/types.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "beacon-ui",
3
- "version": "3.6.0",
3
+ "version": "3.7.1",
4
4
  "description": "Beacon Design System - Components and tokens",
5
5
  "main": "./dist/index.js",
6
6
  "types": "./dist/index.d.ts",
package/tokens/generated/index.css CHANGED
@@ -111,6 +111,15 @@
111
111
  --color-k-green-700: #004600;
112
112
  --color-k-green-800: #002600;
113
113
  --color-k-green-900: #001800;
114
+ --color-ginger-100: #f8e9dc;
115
+ --color-ginger-200: #f0d1b8;
116
+ --color-ginger-300: #e5b18c;
117
+ --color-ginger-400: #da8a5d;
118
+ --color-ginger-500: #d06635;
119
+ --color-ginger-600: #bb4f2c;
120
+ --color-ginger-700: #993c24;
121
+ --color-ginger-800: #7e2e1f;
122
+ --color-ginger-900: #471912;
114
123
  --scale-0: 0px;
115
124
  --scale-25: 1px;
116
125
  --scale-50: 2px;
@@ -188,15 +197,16 @@
188
197
  --color-primary-700: var(--color-chromatic-700);
189
198
  --color-primary-800: var(--color-chromatic-800);
190
199
  --color-primary-900: var(--color-chromatic-900);
191
- --color-neutral-50: var(--color-gray-50);
192
- --color-neutral-100: var(--color-gray-100);
193
- --color-neutral-200: var(--color-gray-200);
194
- --color-neutral-300: var(--color-gray-300);
195
- --color-neutral-500: var(--color-gray-500);
196
- --color-neutral-600: var(--color-gray-600);
197
- --color-neutral-700: var(--color-gray-700);
198
- --color-neutral-800: var(--color-gray-800);
199
- --color-neutral-900: var(--color-gray-900);
200
+ --color-neutral-50: var(--color-dove-gray-50);
201
+ --color-neutral-100: var(--color-dove-gray-100);
202
+ --color-neutral-200: var(--color-dove-gray-200);
203
+ --color-neutral-300: var(--color-dove-gray-300);
204
+ --color-neutral-400: var(--color-dove-gray-400);
205
+ --color-neutral-500: var(--color-dove-gray-500);
206
+ --color-neutral-600: var(--color-dove-gray-600);
207
+ --color-neutral-700: var(--color-dove-gray-700);
208
+ --color-neutral-800: var(--color-dove-gray-800);
209
+ --color-neutral-900: var(--color-dove-gray-900);
200
210
  }
201
211
 
202
212
  /* hue-sky */
@@ -228,6 +238,7 @@
228
238
  --color-neutral-100: var(--color-gray-100);
229
239
  --color-neutral-200: var(--color-gray-200);
230
240
  --color-neutral-300: var(--color-gray-300);
241
+ --color-neutral-400: var(--color-gray-400);
231
242
  --color-neutral-500: var(--color-gray-500);
232
243
  --color-neutral-600: var(--color-gray-600);
233
244
  --color-neutral-700: var(--color-gray-700);
@@ -264,6 +275,7 @@
264
275
  --color-neutral-100: var(--color-gray-100);
265
276
  --color-neutral-200: var(--color-gray-200);
266
277
  --color-neutral-300: var(--color-gray-300);
278
+ --color-neutral-400: var(--color-gray-400);
267
279
  --color-neutral-500: var(--color-gray-500);
268
280
  --color-neutral-600: var(--color-gray-600);
269
281
  --color-neutral-700: var(--color-gray-700);
@@ -296,10 +308,48 @@
296
308
  --color-primary-700: var(--color-k-green-700);
297
309
  --color-primary-800: var(--color-k-green-800);
298
310
  --color-primary-900: var(--color-k-green-900);
311
+ --color-neutral-50: var(--color-gray-50);
312
+ --color-neutral-100: var(--color-gray-100);
313
+ --color-neutral-200: var(--color-gray-200);
314
+ --color-neutral-300: var(--color-gray-300);
315
+ --color-neutral-400: var(--color-gray-400);
316
+ --color-neutral-500: var(--color-gray-500);
317
+ --color-neutral-600: var(--color-gray-600);
318
+ --color-neutral-700: var(--color-gray-700);
319
+ --color-neutral-800: var(--color-gray-800);
320
+ --color-neutral-900: var(--color-gray-900);
321
+ }
322
+
323
+ /* hue-ginger-orange */
324
+ [data-hue="hue-ginger-orange"] {
325
+ --font-primary: var(--fonts-chivo-style-chivo);
326
+ --font-secondary: var(--fonts-ibm-plex-sans-style-ibm-plex-sans);
327
+ --font-weight-primary-regular: var(--fonts-chivo-weight-regular);
328
+ --font-weight-primary-medium: var(--fonts-chivo-weight-medium);
329
+ --font-weight-primary-semibold: var(--fonts-chivo-weight-semibold);
330
+ --font-weight-primary-bold: var(--fonts-chivo-weight-bold);
331
+ --font-weight-secondary-regular: var(--fonts-ibm-plex-sans-weight-regular);
332
+ --font-weight-secondary-medium: var(--fonts-ibm-plex-sans-weight-medium);
333
+ --font-weight-secondary-semibold: var(--fonts-ibm-plex-sans-weight-semibold);
334
+ --font-weight-secondary-bold: var(--fonts-ibm-plex-sans-weight-bold);
335
+ --font-weight-regular: var(--font-weight-secondary-regular);
336
+ --font-weight-medium: var(--font-weight-secondary-medium);
337
+ --font-weight-semibold: var(--font-weight-secondary-semibold);
338
+ --font-weight-bold: var(--font-weight-secondary-bold);
339
+ --color-primary-100: var(--color-ginger-100);
340
+ --color-primary-200: var(--color-ginger-200);
341
+ --color-primary-300: var(--color-ginger-300);
342
+ --color-primary-400: var(--color-ginger-400);
343
+ --color-primary-500: var(--color-ginger-500);
344
+ --color-primary-600: var(--color-ginger-600);
345
+ --color-primary-700: var(--color-ginger-700);
346
+ --color-primary-800: var(--color-ginger-800);
347
+ --color-primary-900: var(--color-ginger-900);
299
348
  --color-neutral-50: var(--color-dove-gray-50);
300
349
  --color-neutral-100: var(--color-dove-gray-100);
301
350
  --color-neutral-200: var(--color-dove-gray-200);
302
351
  --color-neutral-300: var(--color-dove-gray-300);
352
+ --color-neutral-400: var(--color-dove-gray-400);
303
353
  --color-neutral-500: var(--color-dove-gray-500);
304
354
  --color-neutral-600: var(--color-dove-gray-600);
305
355
  --color-neutral-700: var(--color-dove-gray-700);
@@ -309,7 +359,6 @@
309
359
 
310
360
  /* Shared semantic tokens (same across all hues) */
311
361
  :root {
312
- --color-neutral-400: var(--color-gray-400);
313
362
  --color-neutral-white: var(--color-white-1000);
314
363
  --color-neutral-black: var(--color-black-1000);
315
364
  --color-success-100: var(--color-green-100);
package/tokens/generated/primitives.css CHANGED
@@ -108,6 +108,15 @@
108
108
  --color-k-green-700: #004600;
109
109
  --color-k-green-800: #002600;
110
110
  --color-k-green-900: #001800;
111
+ --color-ginger-100: #f8e9dc;
112
+ --color-ginger-200: #f0d1b8;
113
+ --color-ginger-300: #e5b18c;
114
+ --color-ginger-400: #da8a5d;
115
+ --color-ginger-500: #d06635;
116
+ --color-ginger-600: #bb4f2c;
117
+ --color-ginger-700: #993c24;
118
+ --color-ginger-800: #7e2e1f;
119
+ --color-ginger-900: #471912;
111
120
  --scale-0: 0px;
112
121
  --scale-25: 1px;
113
122
  --scale-50: 2px;
package/tokens/generated/semantic.css CHANGED
@@ -25,15 +25,16 @@
25
25
  --color-primary-700: var(--color-chromatic-700);
26
26
  --color-primary-800: var(--color-chromatic-800);
27
27
  --color-primary-900: var(--color-chromatic-900);
28
- --color-neutral-50: var(--color-gray-50);
29
- --color-neutral-100: var(--color-gray-100);
30
- --color-neutral-200: var(--color-gray-200);
31
- --color-neutral-300: var(--color-gray-300);
32
- --color-neutral-500: var(--color-gray-500);
33
- --color-neutral-600: var(--color-gray-600);
34
- --color-neutral-700: var(--color-gray-700);
35
- --color-neutral-800: var(--color-gray-800);
36
- --color-neutral-900: var(--color-gray-900);
28
+ --color-neutral-50: var(--color-dove-gray-50);
29
+ --color-neutral-100: var(--color-dove-gray-100);
30
+ --color-neutral-200: var(--color-dove-gray-200);
31
+ --color-neutral-300: var(--color-dove-gray-300);
32
+ --color-neutral-400: var(--color-dove-gray-400);
33
+ --color-neutral-500: var(--color-dove-gray-500);
34
+ --color-neutral-600: var(--color-dove-gray-600);
35
+ --color-neutral-700: var(--color-dove-gray-700);
36
+ --color-neutral-800: var(--color-dove-gray-800);
37
+ --color-neutral-900: var(--color-dove-gray-900);
37
38
  }
38
39
 
39
40
  /* hue-sky */
@@ -65,6 +66,7 @@
65
66
  --color-neutral-100: var(--color-gray-100);
66
67
  --color-neutral-200: var(--color-gray-200);
67
68
  --color-neutral-300: var(--color-gray-300);
69
+ --color-neutral-400: var(--color-gray-400);
68
70
  --color-neutral-500: var(--color-gray-500);
69
71
  --color-neutral-600: var(--color-gray-600);
70
72
  --color-neutral-700: var(--color-gray-700);
@@ -101,6 +103,7 @@
101
103
  --color-neutral-100: var(--color-gray-100);
102
104
  --color-neutral-200: var(--color-gray-200);
103
105
  --color-neutral-300: var(--color-gray-300);
106
+ --color-neutral-400: var(--color-gray-400);
104
107
  --color-neutral-500: var(--color-gray-500);
105
108
  --color-neutral-600: var(--color-gray-600);
106
109
  --color-neutral-700: var(--color-gray-700);
@@ -133,10 +136,48 @@
133
136
  --color-primary-700: var(--color-k-green-700);
134
137
  --color-primary-800: var(--color-k-green-800);
135
138
  --color-primary-900: var(--color-k-green-900);
139
+ --color-neutral-50: var(--color-gray-50);
140
+ --color-neutral-100: var(--color-gray-100);
141
+ --color-neutral-200: var(--color-gray-200);
142
+ --color-neutral-300: var(--color-gray-300);
143
+ --color-neutral-400: var(--color-gray-400);
144
+ --color-neutral-500: var(--color-gray-500);
145
+ --color-neutral-600: var(--color-gray-600);
146
+ --color-neutral-700: var(--color-gray-700);
147
+ --color-neutral-800: var(--color-gray-800);
148
+ --color-neutral-900: var(--color-gray-900);
149
+ }
150
+
151
+ /* hue-ginger-orange */
152
+ [data-hue="hue-ginger-orange"] {
153
+ --font-primary: var(--fonts-chivo-style-chivo);
154
+ --font-secondary: var(--fonts-ibm-plex-sans-style-ibm-plex-sans);
155
+ --font-weight-primary-regular: var(--fonts-chivo-weight-regular);
156
+ --font-weight-primary-medium: var(--fonts-chivo-weight-medium);
157
+ --font-weight-primary-semibold: var(--fonts-chivo-weight-semibold);
158
+ --font-weight-primary-bold: var(--fonts-chivo-weight-bold);
159
+ --font-weight-secondary-regular: var(--fonts-ibm-plex-sans-weight-regular);
160
+ --font-weight-secondary-medium: var(--fonts-ibm-plex-sans-weight-medium);
161
+ --font-weight-secondary-semibold: var(--fonts-ibm-plex-sans-weight-semibold);
162
+ --font-weight-secondary-bold: var(--fonts-ibm-plex-sans-weight-bold);
163
+ --font-weight-regular: var(--font-weight-secondary-regular);
164
+ --font-weight-medium: var(--font-weight-secondary-medium);
165
+ --font-weight-semibold: var(--font-weight-secondary-semibold);
166
+ --font-weight-bold: var(--font-weight-secondary-bold);
167
+ --color-primary-100: var(--color-ginger-100);
168
+ --color-primary-200: var(--color-ginger-200);
169
+ --color-primary-300: var(--color-ginger-300);
170
+ --color-primary-400: var(--color-ginger-400);
171
+ --color-primary-500: var(--color-ginger-500);
172
+ --color-primary-600: var(--color-ginger-600);
173
+ --color-primary-700: var(--color-ginger-700);
174
+ --color-primary-800: var(--color-ginger-800);
175
+ --color-primary-900: var(--color-ginger-900);
136
176
  --color-neutral-50: var(--color-dove-gray-50);
137
177
  --color-neutral-100: var(--color-dove-gray-100);
138
178
  --color-neutral-200: var(--color-dove-gray-200);
139
179
  --color-neutral-300: var(--color-dove-gray-300);
180
+ --color-neutral-400: var(--color-dove-gray-400);
140
181
  --color-neutral-500: var(--color-dove-gray-500);
141
182
  --color-neutral-600: var(--color-dove-gray-600);
142
183
  --color-neutral-700: var(--color-dove-gray-700);
@@ -146,7 +187,6 @@
146
187
 
147
188
  /* Shared semantic tokens (same across all hues) */
148
189
  :root {
149
- --color-neutral-400: var(--color-gray-400);
150
190
  --color-neutral-white: var(--color-white-1000);
151
191
  --color-neutral-black: var(--color-black-1000);
152
192
  --color-success-100: var(--color-green-100);