ui-foundations 0.3.2 → 0.6.0

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 (87) hide show
  1. package/README.md +181 -37
  2. package/dist/assets/icons/checkmark.svg +1 -0
  3. package/dist/core/index.css +8 -7
  4. package/dist/macros/ui.njk +203 -0
  5. package/dist/main.css +941 -210
  6. package/dist/react/accordion.js +36 -0
  7. package/dist/react/avatar.js +34 -0
  8. package/dist/react/badge.js +41 -0
  9. package/dist/react/button.js +4 -6
  10. package/dist/react/checkbox.js +21 -8
  11. package/dist/react/divider.js +31 -0
  12. package/dist/react/icon.js +8 -1
  13. package/dist/react/index.js +8 -0
  14. package/dist/react/label.js +1 -1
  15. package/dist/react/radio.js +45 -0
  16. package/dist/react/switch.js +9 -8
  17. package/dist/react/tabs.js +72 -0
  18. package/dist/react/textarea.js +38 -0
  19. package/dist/react/tooltip.js +25 -0
  20. package/dist/react/warn-dev.js +15 -0
  21. package/dist/tokens/css/{appearance-(modes).tokens.mode-dark.css → appearance-modes.tokens.mode-dark.css} +6 -6
  22. package/dist/tokens/css/{appearance-(modes).tokens.mode-light.css → appearance-modes.tokens.mode-light.css} +1 -1
  23. package/dist/tokens/css/{components-(ui).tokens.css → components-ui.tokens.css} +73 -32
  24. package/dist/tokens/css/core-primitives.tokens.css +240 -0
  25. package/dist/tokens/css/{semantics-(roles).tokens.css → semantics-roles.tokens.css} +1 -1
  26. package/dist/tokens/css/themes-brands.tokens.brand-a.css +22 -0
  27. package/dist/tokens/css/{themes-(brands).tokens.brand-b.css → themes-brands.tokens.brand-b.css} +9 -9
  28. package/dist/tokens/css/themes-brands.tokens.brand-c.css +22 -0
  29. package/dist/tokens/json/appearance-modes.tokens.mode-dark.json +121 -0
  30. package/dist/tokens/json/appearance-modes.tokens.mode-light.json +121 -0
  31. package/dist/tokens/json/components-ui.tokens.json +713 -0
  32. package/dist/tokens/json/{core-(primitives).tokens.json → core-primitives.tokens.json} +526 -410
  33. package/dist/tokens/json/semantics-roles.tokens.json +141 -0
  34. package/dist/tokens/json/themes-brands.tokens.brand-a.json +81 -0
  35. package/dist/tokens/json/themes-brands.tokens.brand-b.json +81 -0
  36. package/dist/tokens/json/themes-brands.tokens.brand-c.json +81 -0
  37. package/dist/tokens/tokens.yaml +2722 -499
  38. package/dist/tokens/ts/{appearance-(modes).tokens.mode-dark.ts → appearance-modes.tokens.mode-dark.ts} +6 -6
  39. package/dist/tokens/ts/{appearance-(modes).tokens.mode-light.ts → appearance-modes.tokens.mode-light.ts} +1 -1
  40. package/dist/tokens/ts/{components-(ui).tokens.ts → components-ui.tokens.ts} +74 -33
  41. package/dist/tokens/ts/core-primitives.tokens.ts +265 -0
  42. package/dist/tokens/ts/{semantics-(roles).tokens.ts → semantics-roles.tokens.ts} +1 -1
  43. package/dist/tokens/ts/themes-brands.tokens.brand-a.ts +32 -0
  44. package/dist/tokens/ts/{themes-(brands).tokens.brand-b.ts → themes-brands.tokens.brand-b.ts} +9 -9
  45. package/dist/tokens/ts/{themes-(brands).tokens.brand-a.ts → themes-brands.tokens.brand-c.ts} +9 -9
  46. package/dist/ui/index.css +8 -0
  47. package/dist/ui/patterns/accordion.css +81 -0
  48. package/dist/ui/patterns/avatar.css +57 -0
  49. package/dist/ui/patterns/badge.css +49 -0
  50. package/dist/ui/patterns/checkbox.css +71 -22
  51. package/dist/ui/patterns/divider.css +25 -0
  52. package/dist/ui/patterns/radio.css +109 -0
  53. package/dist/ui/patterns/tabs.css +71 -0
  54. package/dist/ui/patterns/textarea.css +50 -0
  55. package/dist/ui/patterns/tooltip.css +64 -0
  56. package/docs/README.md +38 -0
  57. package/docs/agentic/README.md +35 -0
  58. package/docs/agentic/assistant-behavior-rules.md +48 -0
  59. package/docs/agentic/skills/component-accessibility-audit.md +132 -0
  60. package/docs/agentic/skills/ux-writing-coach.md +116 -0
  61. package/docs/foundations/README.md +31 -0
  62. package/docs/foundations/foundation-001-token-layering.md +6 -0
  63. package/docs/foundations/foundation-002-naming-and-grouping.md +6 -0
  64. package/docs/foundations/foundation-003-color-semantics-and-status.md +6 -0
  65. package/docs/foundations/foundation-004-typography-scale-and-line-height.md +6 -0
  66. package/docs/foundations/foundation-005-responsive-breakpoints-and-containers.md +6 -0
  67. package/docs/foundations/foundation-006-z-index-layering.md +6 -0
  68. package/docs/foundations/foundation-007-typography-selectors-and-specificity.md +7 -1
  69. package/docs/foundations/foundation-008-mode-activation-and-consumer-control.md +6 -0
  70. package/docs/foundations/foundation-009-component-boundaries-and-utility.md +6 -0
  71. package/docs/foundations/foundation-010-implementation-and-pipeline-workflow.md +6 -0
  72. package/docs/foundations/foundation-011-branching-and-release-governance.md +6 -0
  73. package/docs/foundations/foundation-012-minimal-markup-and-composition.md +6 -0
  74. package/package.json +16 -11
  75. package/dist/tokens/css/core-(primitives).tokens.css +0 -127
  76. package/dist/tokens/css/themes-(brands).tokens.brand-a.css +0 -22
  77. package/dist/tokens/json/appearance-(modes).tokens.mode-dark.json +0 -182
  78. package/dist/tokens/json/appearance-(modes).tokens.mode-light.json +0 -182
  79. package/dist/tokens/json/components-(ui).tokens.json +0 -739
  80. package/dist/tokens/json/semantics-(roles).tokens.json +0 -203
  81. package/dist/tokens/json/themes-(brands).tokens.brand-a.json +0 -115
  82. package/dist/tokens/json/themes-(brands).tokens.brand-b.json +0 -115
  83. package/dist/tokens/ts/core-(primitives).tokens.ts +0 -152
  84. package/docs/agentic/skills/README.md +0 -51
  85. package/docs/agentic/skills/design-ops-specialist/SKILL.md +0 -60
  86. package/docs/agentic/skills/design-system-architect/SKILL.md +0 -106
  87. package/docs/agentic/team-ai-playbook.md +0 -226
package/dist/tokens/tokens.yaml CHANGED
@@ -1,8 +1,8 @@
1
1
  # Auto-generated design tokens from Figma
2
- # Generated on 2026-03-31T20:27:09.751Z
2
+ # Generated on 2026-05-22T09:23:10.651Z
3
3
 
4
4
  summary:
5
- total: 355
5
+ total: 526
6
6
  tokens:
7
7
  -
8
8
  cssVar: "--breakpoint-100"
@@ -85,7 +85,7 @@ tokens:
85
85
  -
86
86
  cssVar: "--brand-color-accent"
87
87
  name: "brand-color-accent"
88
- value: "var(--color-brand-a-blue-500)"
88
+ value: "var(--color-brand-c-coolblue-60)"
89
89
  type: "color"
90
90
  group: "colors"
91
91
  path: "Brand/Color/Accent"
@@ -98,7 +98,7 @@ tokens:
98
98
  -
99
99
  cssVar: "--brand-color-accent"
100
100
  name: "brand-color-accent"
101
- value: "var(--color-brand-b-purple-600)"
101
+ value: "var(--color-brand-b-green-400)"
102
102
  type: "color"
103
103
  group: "colors"
104
104
  path: "Brand/Color/Accent"
@@ -108,10 +108,23 @@ tokens:
108
108
  scopeId: "b"
109
109
  selector: ":root[data-brand=\"b\"]"
110
110
  sourceFile: "Themes (Brands).tokens.json"
111
+ -
112
+ cssVar: "--brand-color-accent"
113
+ name: "brand-color-accent"
114
+ value: "var(--color-brand-a-green-400)"
115
+ type: "color"
116
+ group: "colors"
117
+ path: "Brand/Color/Accent"
118
+ pathKey: "Brand.Color.Accent"
119
+ scope: "brand:c"
120
+ scopeBucket: "brand"
121
+ scopeId: "c"
122
+ selector: ":root[data-brand=\"c\"]"
123
+ sourceFile: "Themes (Brands).tokens.json"
111
124
  -
112
125
  cssVar: "--brand-color-accent-dark"
113
126
  name: "brand-color-accent-dark"
114
- value: "var(--color-brand-a-blue-700)"
127
+ value: "var(--color-brand-c-coolblue-10)"
115
128
  type: "color"
116
129
  group: "colors"
117
130
  path: "Brand/Color/Accent Dark"
@@ -124,7 +137,7 @@ tokens:
124
137
  -
125
138
  cssVar: "--brand-color-accent-dark"
126
139
  name: "brand-color-accent-dark"
127
- value: "var(--color-brand-b-purple-800)"
140
+ value: "var(--color-brand-b-green-800)"
128
141
  type: "color"
129
142
  group: "colors"
130
143
  path: "Brand/Color/Accent Dark"
@@ -134,10 +147,23 @@ tokens:
134
147
  scopeId: "b"
135
148
  selector: ":root[data-brand=\"b\"]"
136
149
  sourceFile: "Themes (Brands).tokens.json"
150
+ -
151
+ cssVar: "--brand-color-accent-dark"
152
+ name: "brand-color-accent-dark"
153
+ value: "var(--color-brand-a-green-600)"
154
+ type: "color"
155
+ group: "colors"
156
+ path: "Brand/Color/Accent Dark"
157
+ pathKey: "Brand.Color.Accent Dark"
158
+ scope: "brand:c"
159
+ scopeBucket: "brand"
160
+ scopeId: "c"
161
+ selector: ":root[data-brand=\"c\"]"
162
+ sourceFile: "Themes (Brands).tokens.json"
137
163
  -
138
164
  cssVar: "--brand-color-functional-base"
139
165
  name: "brand-color-functional-base"
140
- value: "var(--color-brand-a-blue-700)"
166
+ value: "var(--color-brand-c-blue-10)"
141
167
  type: "color"
142
168
  group: "colors"
143
169
  path: "Brand/Color/Functional/Base"
@@ -150,7 +176,7 @@ tokens:
150
176
  -
151
177
  cssVar: "--brand-color-functional-base"
152
178
  name: "brand-color-functional-base"
153
- value: "var(--color-brand-b-purple-600)"
179
+ value: "var(--color-brand-b-purple-700)"
154
180
  type: "color"
155
181
  group: "colors"
156
182
  path: "Brand/Color/Functional/Base"
@@ -160,10 +186,23 @@ tokens:
160
186
  scopeId: "b"
161
187
  selector: ":root[data-brand=\"b\"]"
162
188
  sourceFile: "Themes (Brands).tokens.json"
189
+ -
190
+ cssVar: "--brand-color-functional-base"
191
+ name: "brand-color-functional-base"
192
+ value: "var(--color-brand-a-green-700)"
193
+ type: "color"
194
+ group: "colors"
195
+ path: "Brand/Color/Functional/Base"
196
+ pathKey: "Brand.Color.Functional.Base"
197
+ scope: "brand:c"
198
+ scopeBucket: "brand"
199
+ scopeId: "c"
200
+ selector: ":root[data-brand=\"c\"]"
201
+ sourceFile: "Themes (Brands).tokens.json"
163
202
  -
164
203
  cssVar: "--brand-color-functional-base-dark"
165
204
  name: "brand-color-functional-base-dark"
166
- value: "var(--color-brand-a-blue-800)"
205
+ value: "var(--color-brand-c-midnight-10)"
167
206
  type: "color"
168
207
  group: "colors"
169
208
  path: "Brand/Color/Functional/Base Dark"
@@ -176,7 +215,7 @@ tokens:
176
215
  -
177
216
  cssVar: "--brand-color-functional-base-dark"
178
217
  name: "brand-color-functional-base-dark"
179
- value: "var(--color-brand-b-purple-800)"
218
+ value: "var(--color-brand-b-purple-900)"
180
219
  type: "color"
181
220
  group: "colors"
182
221
  path: "Brand/Color/Functional/Base Dark"
@@ -186,10 +225,23 @@ tokens:
186
225
  scopeId: "b"
187
226
  selector: ":root[data-brand=\"b\"]"
188
227
  sourceFile: "Themes (Brands).tokens.json"
228
+ -
229
+ cssVar: "--brand-color-functional-base-dark"
230
+ name: "brand-color-functional-base-dark"
231
+ value: "var(--color-brand-a-green-900)"
232
+ type: "color"
233
+ group: "colors"
234
+ path: "Brand/Color/Functional/Base Dark"
235
+ pathKey: "Brand.Color.Functional.Base Dark"
236
+ scope: "brand:c"
237
+ scopeBucket: "brand"
238
+ scopeId: "c"
239
+ selector: ":root[data-brand=\"c\"]"
240
+ sourceFile: "Themes (Brands).tokens.json"
189
241
  -
190
242
  cssVar: "--brand-color-functional-danger"
191
243
  name: "brand-color-functional-danger"
192
- value: "var(--color-brand-a-red)"
244
+ value: "var(--color-brand-c-red-30)"
193
245
  type: "color"
194
246
  group: "colors"
195
247
  path: "Brand/Color/Functional/Danger"
@@ -202,7 +254,7 @@ tokens:
202
254
  -
203
255
  cssVar: "--brand-color-functional-danger"
204
256
  name: "brand-color-functional-danger"
205
- value: "var(--color-brand-b-red)"
257
+ value: "var(--color-brand-b-red-600)"
206
258
  type: "color"
207
259
  group: "colors"
208
260
  path: "Brand/Color/Functional/Danger"
@@ -212,10 +264,23 @@ tokens:
212
264
  scopeId: "b"
213
265
  selector: ":root[data-brand=\"b\"]"
214
266
  sourceFile: "Themes (Brands).tokens.json"
267
+ -
268
+ cssVar: "--brand-color-functional-danger"
269
+ name: "brand-color-functional-danger"
270
+ value: "var(--color-brand-a-red-600)"
271
+ type: "color"
272
+ group: "colors"
273
+ path: "Brand/Color/Functional/Danger"
274
+ pathKey: "Brand.Color.Functional.Danger"
275
+ scope: "brand:c"
276
+ scopeBucket: "brand"
277
+ scopeId: "c"
278
+ selector: ":root[data-brand=\"c\"]"
279
+ sourceFile: "Themes (Brands).tokens.json"
215
280
  -
216
281
  cssVar: "--brand-color-functional-success"
217
282
  name: "brand-color-functional-success"
218
- value: "var(--color-brand-a-green)"
283
+ value: "var(--color-brand-c-green-30)"
219
284
  type: "color"
220
285
  group: "colors"
221
286
  path: "Brand/Color/Functional/Success"
@@ -228,7 +293,7 @@ tokens:
228
293
  -
229
294
  cssVar: "--brand-color-functional-success"
230
295
  name: "brand-color-functional-success"
231
- value: "var(--color-brand-b-green)"
296
+ value: "var(--color-brand-b-green-600)"
232
297
  type: "color"
233
298
  group: "colors"
234
299
  path: "Brand/Color/Functional/Success"
@@ -238,10 +303,23 @@ tokens:
238
303
  scopeId: "b"
239
304
  selector: ":root[data-brand=\"b\"]"
240
305
  sourceFile: "Themes (Brands).tokens.json"
306
+ -
307
+ cssVar: "--brand-color-functional-success"
308
+ name: "brand-color-functional-success"
309
+ value: "var(--color-brand-a-green-600)"
310
+ type: "color"
311
+ group: "colors"
312
+ path: "Brand/Color/Functional/Success"
313
+ pathKey: "Brand.Color.Functional.Success"
314
+ scope: "brand:c"
315
+ scopeBucket: "brand"
316
+ scopeId: "c"
317
+ selector: ":root[data-brand=\"c\"]"
318
+ sourceFile: "Themes (Brands).tokens.json"
241
319
  -
242
320
  cssVar: "--brand-color-primary"
243
321
  name: "brand-color-primary"
244
- value: "var(--color-brand-a-purple-600)"
322
+ value: "var(--color-brand-c-blue-40)"
245
323
  type: "color"
246
324
  group: "colors"
247
325
  path: "Brand/Color/Primary"
@@ -254,7 +332,7 @@ tokens:
254
332
  -
255
333
  cssVar: "--brand-color-primary"
256
334
  name: "brand-color-primary"
257
- value: "var(--color-brand-b-blue-500)"
335
+ value: "var(--color-brand-b-purple-600)"
258
336
  type: "color"
259
337
  group: "colors"
260
338
  path: "Brand/Color/Primary"
@@ -264,10 +342,23 @@ tokens:
264
342
  scopeId: "b"
265
343
  selector: ":root[data-brand=\"b\"]"
266
344
  sourceFile: "Themes (Brands).tokens.json"
345
+ -
346
+ cssVar: "--brand-color-primary"
347
+ name: "brand-color-primary"
348
+ value: "var(--color-brand-a-sand-700)"
349
+ type: "color"
350
+ group: "colors"
351
+ path: "Brand/Color/Primary"
352
+ pathKey: "Brand.Color.Primary"
353
+ scope: "brand:c"
354
+ scopeBucket: "brand"
355
+ scopeId: "c"
356
+ selector: ":root[data-brand=\"c\"]"
357
+ sourceFile: "Themes (Brands).tokens.json"
267
358
  -
268
359
  cssVar: "--brand-color-primary-dark"
269
360
  name: "brand-color-primary-dark"
270
- value: "var(--color-brand-a-purple-800)"
361
+ value: "var(--color-brand-c-blue-10)"
271
362
  type: "color"
272
363
  group: "colors"
273
364
  path: "Brand/Color/Primary Dark"
@@ -280,7 +371,7 @@ tokens:
280
371
  -
281
372
  cssVar: "--brand-color-primary-dark"
282
373
  name: "brand-color-primary-dark"
283
- value: "var(--color-brand-b-blue-700)"
374
+ value: "var(--color-brand-b-purple-800)"
284
375
  type: "color"
285
376
  group: "colors"
286
377
  path: "Brand/Color/Primary Dark"
@@ -290,6 +381,19 @@ tokens:
290
381
  scopeId: "b"
291
382
  selector: ":root[data-brand=\"b\"]"
292
383
  sourceFile: "Themes (Brands).tokens.json"
384
+ -
385
+ cssVar: "--brand-color-primary-dark"
386
+ name: "brand-color-primary-dark"
387
+ value: "var(--color-brand-a-sand-900)"
388
+ type: "color"
389
+ group: "colors"
390
+ path: "Brand/Color/Primary Dark"
391
+ pathKey: "Brand.Color.Primary Dark"
392
+ scope: "brand:c"
393
+ scopeBucket: "brand"
394
+ scopeId: "c"
395
+ selector: ":root[data-brand=\"c\"]"
396
+ sourceFile: "Themes (Brands).tokens.json"
293
397
  -
294
398
  cssVar: "--brand-color-subtle"
295
399
  name: "brand-color-subtle"
@@ -316,6 +420,19 @@ tokens:
316
420
  scopeId: "b"
317
421
  selector: ":root[data-brand=\"b\"]"
318
422
  sourceFile: "Themes (Brands).tokens.json"
423
+ -
424
+ cssVar: "--brand-color-subtle"
425
+ name: "brand-color-subtle"
426
+ value: "var(--color-neutral-500)"
427
+ type: "color"
428
+ group: "colors"
429
+ path: "Brand/Color/Subtle"
430
+ pathKey: "Brand.Color.Subtle"
431
+ scope: "brand:c"
432
+ scopeBucket: "brand"
433
+ scopeId: "c"
434
+ selector: ":root[data-brand=\"c\"]"
435
+ sourceFile: "Themes (Brands).tokens.json"
319
436
  -
320
437
  cssVar: "--brand-color-subtle-dark"
321
438
  name: "brand-color-subtle-dark"
@@ -342,6 +459,19 @@ tokens:
342
459
  scopeId: "b"
343
460
  selector: ":root[data-brand=\"b\"]"
344
461
  sourceFile: "Themes (Brands).tokens.json"
462
+ -
463
+ cssVar: "--brand-color-subtle-dark"
464
+ name: "brand-color-subtle-dark"
465
+ value: "var(--color-neutral-800)"
466
+ type: "color"
467
+ group: "colors"
468
+ path: "Brand/Color/Subtle Dark"
469
+ pathKey: "Brand.Color.Subtle Dark"
470
+ scope: "brand:c"
471
+ scopeBucket: "brand"
472
+ scopeId: "c"
473
+ selector: ":root[data-brand=\"c\"]"
474
+ sourceFile: "Themes (Brands).tokens.json"
345
475
  -
346
476
  cssVar: "--brand-color-subtle-light"
347
477
  name: "brand-color-subtle-light"
@@ -368,6 +498,19 @@ tokens:
368
498
  scopeId: "b"
369
499
  selector: ":root[data-brand=\"b\"]"
370
500
  sourceFile: "Themes (Brands).tokens.json"
501
+ -
502
+ cssVar: "--brand-color-subtle-light"
503
+ name: "brand-color-subtle-light"
504
+ value: "var(--color-neutral-200)"
505
+ type: "color"
506
+ group: "colors"
507
+ path: "Brand/Color/Subtle Light"
508
+ pathKey: "Brand.Color.Subtle Light"
509
+ scope: "brand:c"
510
+ scopeBucket: "brand"
511
+ scopeId: "c"
512
+ selector: ":root[data-brand=\"c\"]"
513
+ sourceFile: "Themes (Brands).tokens.json"
371
514
  -
372
515
  cssVar: "--color-border-brand"
373
516
  name: "color-border-brand"
@@ -525,347 +668,1686 @@ tokens:
525
668
  selector: ":root"
526
669
  sourceFile: "Appearance (Modes).tokens.json"
527
670
  -
528
- cssVar: "--color-brand-a-blue-200"
529
- name: "color-brand-a-blue-200"
530
- value: "rgb(226 244 253)"
671
+ cssVar: "--color-brand-a-green-100"
672
+ name: "color-brand-a-green-100"
673
+ value: "rgb(243 246 233)"
531
674
  type: "color"
532
675
  group: "colors"
533
- path: "Color/Brand A/Blue/200"
534
- pathKey: "Color.Brand A.Blue.200"
676
+ path: "Color/Brand A/Green/100"
677
+ pathKey: "Color.Brand A.Green.100"
535
678
  scope: "global:core-primitives"
536
679
  scopeBucket: "global"
537
680
  scopeId: "core-primitives"
538
681
  selector: ":root"
539
682
  sourceFile: "Core (Primitives).tokens.json"
540
683
  -
541
- cssVar: "--color-brand-a-blue-500"
542
- name: "color-brand-a-blue-500"
543
- value: "rgb(112 203 244)"
684
+ cssVar: "--color-brand-a-green-200"
685
+ name: "color-brand-a-green-200"
686
+ value: "rgb(223 231 197)"
544
687
  type: "color"
545
688
  group: "colors"
546
- path: "Color/Brand A/Blue/500"
547
- pathKey: "Color.Brand A.Blue.500"
689
+ path: "Color/Brand A/Green/200"
690
+ pathKey: "Color.Brand A.Green.200"
548
691
  scope: "global:core-primitives"
549
692
  scopeBucket: "global"
550
693
  scopeId: "core-primitives"
551
694
  selector: ":root"
552
695
  sourceFile: "Core (Primitives).tokens.json"
553
696
  -
554
- cssVar: "--color-brand-a-blue-700"
555
- name: "color-brand-a-blue-700"
556
- value: "rgb(12 75 243)"
697
+ cssVar: "--color-brand-a-green-300"
698
+ name: "color-brand-a-green-300"
699
+ value: "rgb(207 219 169)"
557
700
  type: "color"
558
701
  group: "colors"
559
- path: "Color/Brand A/Blue/700"
560
- pathKey: "Color.Brand A.Blue.700"
702
+ path: "Color/Brand A/Green/300"
703
+ pathKey: "Color.Brand A.Green.300"
561
704
  scope: "global:core-primitives"
562
705
  scopeBucket: "global"
563
706
  scopeId: "core-primitives"
564
707
  selector: ":root"
565
708
  sourceFile: "Core (Primitives).tokens.json"
566
709
  -
567
- cssVar: "--color-brand-a-blue-800"
568
- name: "color-brand-a-blue-800"
569
- value: "rgb(27 17 92)"
710
+ cssVar: "--color-brand-a-green-400"
711
+ name: "color-brand-a-green-400"
712
+ value: "rgb(191 207 140)"
570
713
  type: "color"
571
714
  group: "colors"
572
- path: "Color/Brand A/Blue/800"
573
- pathKey: "Color.Brand A.Blue.800"
715
+ path: "Color/Brand A/Green/400"
716
+ pathKey: "Color.Brand A.Green.400"
574
717
  scope: "global:core-primitives"
575
718
  scopeBucket: "global"
576
719
  scopeId: "core-primitives"
577
720
  selector: ":root"
578
721
  sourceFile: "Core (Primitives).tokens.json"
579
722
  -
580
- cssVar: "--color-brand-a-green"
581
- name: "color-brand-a-green"
582
- value: "rgb(19 174 92)"
723
+ cssVar: "--color-brand-a-green-500"
724
+ name: "color-brand-a-green-500"
725
+ value: "rgb(175 195 111)"
583
726
  type: "color"
584
727
  group: "colors"
585
- path: "Color/Brand A/Green"
586
- pathKey: "Color.Brand A.Green"
728
+ path: "Color/Brand A/Green/500"
729
+ pathKey: "Color.Brand A.Green.500"
587
730
  scope: "global:core-primitives"
588
731
  scopeBucket: "global"
589
732
  scopeId: "core-primitives"
590
733
  selector: ":root"
591
734
  sourceFile: "Core (Primitives).tokens.json"
592
735
  -
593
- cssVar: "--color-brand-a-purple-200"
594
- name: "color-brand-a-purple-200"
595
- value: "rgb(222 192 255)"
736
+ cssVar: "--color-brand-a-green-600"
737
+ name: "color-brand-a-green-600"
738
+ value: "rgb(159 183 82)"
596
739
  type: "color"
597
740
  group: "colors"
598
- path: "Color/Brand A/Purple/200"
599
- pathKey: "Color.Brand A.Purple.200"
741
+ path: "Color/Brand A/Green/600"
742
+ pathKey: "Color.Brand A.Green.600"
600
743
  scope: "global:core-primitives"
601
744
  scopeBucket: "global"
602
745
  scopeId: "core-primitives"
603
746
  selector: ":root"
604
747
  sourceFile: "Core (Primitives).tokens.json"
605
748
  -
606
- cssVar: "--color-brand-a-purple-600"
607
- name: "color-brand-a-purple-600"
608
- value: "rgb(151 71 255)"
749
+ cssVar: "--color-brand-a-green-700"
750
+ name: "color-brand-a-green-700"
751
+ value: "rgb(137 158 66)"
609
752
  type: "color"
610
753
  group: "colors"
611
- path: "Color/Brand A/Purple/600"
612
- pathKey: "Color.Brand A.Purple.600"
754
+ path: "Color/Brand A/Green/700"
755
+ pathKey: "Color.Brand A.Green.700"
613
756
  scope: "global:core-primitives"
614
757
  scopeBucket: "global"
615
758
  scopeId: "core-primitives"
616
759
  selector: ":root"
617
760
  sourceFile: "Core (Primitives).tokens.json"
618
761
  -
619
- cssVar: "--color-brand-a-purple-800"
620
- name: "color-brand-a-purple-800"
621
- value: "rgb(85 26 139)"
762
+ cssVar: "--color-brand-a-green-800"
763
+ name: "color-brand-a-green-800"
764
+ value: "rgb(112 129 54)"
622
765
  type: "color"
623
766
  group: "colors"
624
- path: "Color/Brand A/Purple/800"
625
- pathKey: "Color.Brand A.Purple.800"
767
+ path: "Color/Brand A/Green/800"
768
+ pathKey: "Color.Brand A.Green.800"
626
769
  scope: "global:core-primitives"
627
770
  scopeBucket: "global"
628
771
  scopeId: "core-primitives"
629
772
  selector: ":root"
630
773
  sourceFile: "Core (Primitives).tokens.json"
631
774
  -
632
- cssVar: "--color-brand-a-red"
633
- name: "color-brand-a-red"
634
- value: "rgb(255 0 0)"
775
+ cssVar: "--color-brand-a-green-900"
776
+ name: "color-brand-a-green-900"
777
+ value: "rgb(81 93 39)"
635
778
  type: "color"
636
779
  group: "colors"
637
- path: "Color/Brand A/Red"
638
- pathKey: "Color.Brand A.Red"
780
+ path: "Color/Brand A/Green/900"
781
+ pathKey: "Color.Brand A.Green.900"
639
782
  scope: "global:core-primitives"
640
783
  scopeBucket: "global"
641
784
  scopeId: "core-primitives"
642
785
  selector: ":root"
643
786
  sourceFile: "Core (Primitives).tokens.json"
644
787
  -
645
- cssVar: "--color-brand-b-blue-200"
646
- name: "color-brand-b-blue-200"
647
- value: "rgb(179 226 250)"
788
+ cssVar: "--color-brand-a-red-100"
789
+ name: "color-brand-a-red-100"
790
+ value: "rgb(254 251 251)"
648
791
  type: "color"
649
792
  group: "colors"
650
- path: "Color/Brand B/Blue/200"
651
- pathKey: "Color.Brand B.Blue.200"
793
+ path: "Color/Brand A/Red/100"
794
+ pathKey: "Color.Brand A.Red.100"
652
795
  scope: "global:core-primitives"
653
796
  scopeBucket: "global"
654
797
  scopeId: "core-primitives"
655
798
  selector: ":root"
656
799
  sourceFile: "Core (Primitives).tokens.json"
657
800
  -
658
- cssVar: "--color-brand-b-blue-500"
659
- name: "color-brand-b-blue-500"
660
- value: "rgb(66 186 240)"
801
+ cssVar: "--color-brand-a-red-200"
802
+ name: "color-brand-a-red-200"
803
+ value: "rgb(250 224 230)"
661
804
  type: "color"
662
805
  group: "colors"
663
- path: "Color/Brand B/Blue/500"
664
- pathKey: "Color.Brand B.Blue.500"
806
+ path: "Color/Brand A/Red/200"
807
+ pathKey: "Color.Brand A.Red.200"
665
808
  scope: "global:core-primitives"
666
809
  scopeBucket: "global"
667
810
  scopeId: "core-primitives"
668
811
  selector: ":root"
669
812
  sourceFile: "Core (Primitives).tokens.json"
670
813
  -
671
- cssVar: "--color-brand-b-blue-700"
672
- name: "color-brand-b-blue-700"
673
- value: "rgb(10 60 194)"
814
+ cssVar: "--color-brand-a-red-300"
815
+ name: "color-brand-a-red-300"
816
+ value: "rgb(244 179 195)"
674
817
  type: "color"
675
818
  group: "colors"
676
- path: "Color/Brand B/Blue/700"
677
- pathKey: "Color.Brand B.Blue.700"
819
+ path: "Color/Brand A/Red/300"
820
+ pathKey: "Color.Brand A.Red.300"
678
821
  scope: "global:core-primitives"
679
822
  scopeBucket: "global"
680
823
  scopeId: "core-primitives"
681
824
  selector: ":root"
682
825
  sourceFile: "Core (Primitives).tokens.json"
683
826
  -
684
- cssVar: "--color-brand-b-blue-800"
685
- name: "color-brand-b-blue-800"
686
- value: "rgb(14 9 47)"
827
+ cssVar: "--color-brand-a-red-400"
828
+ name: "color-brand-a-red-400"
829
+ value: "rgb(238 135 160)"
687
830
  type: "color"
688
831
  group: "colors"
689
- path: "Color/Brand B/Blue/800"
690
- pathKey: "Color.Brand B.Blue.800"
832
+ path: "Color/Brand A/Red/400"
833
+ pathKey: "Color.Brand A.Red.400"
691
834
  scope: "global:core-primitives"
692
835
  scopeBucket: "global"
693
836
  scopeId: "core-primitives"
694
837
  selector: ":root"
695
838
  sourceFile: "Core (Primitives).tokens.json"
696
839
  -
697
- cssVar: "--color-brand-b-green"
698
- name: "color-brand-b-green"
699
- value: "rgb(14 129 68)"
840
+ cssVar: "--color-brand-a-red-500"
841
+ name: "color-brand-a-red-500"
842
+ value: "rgb(231 90 124)"
700
843
  type: "color"
701
844
  group: "colors"
702
- path: "Color/Brand B/Green"
703
- pathKey: "Color.Brand B.Green"
845
+ path: "Color/Brand A/Red/500"
846
+ pathKey: "Color.Brand A.Red.500"
704
847
  scope: "global:core-primitives"
705
848
  scopeBucket: "global"
706
849
  scopeId: "core-primitives"
707
850
  selector: ":root"
708
851
  sourceFile: "Core (Primitives).tokens.json"
709
852
  -
710
- cssVar: "--color-brand-b-purple-200"
711
- name: "color-brand-b-purple-200"
712
- value: "rgb(196 143 255)"
853
+ cssVar: "--color-brand-a-red-600"
854
+ name: "color-brand-a-red-600"
855
+ value: "rgb(225 46 89)"
713
856
  type: "color"
714
857
  group: "colors"
715
- path: "Color/Brand B/Purple/200"
716
- pathKey: "Color.Brand B.Purple.200"
858
+ path: "Color/Brand A/Red/600"
859
+ pathKey: "Color.Brand A.Red.600"
717
860
  scope: "global:core-primitives"
718
861
  scopeBucket: "global"
719
862
  scopeId: "core-primitives"
720
863
  selector: ":root"
721
864
  sourceFile: "Core (Primitives).tokens.json"
722
865
  -
723
- cssVar: "--color-brand-b-purple-600"
724
- name: "color-brand-b-purple-600"
725
- value: "rgb(122 20 255)"
866
+ cssVar: "--color-brand-a-red-700"
867
+ name: "color-brand-a-red-700"
868
+ value: "rgb(191 28 67)"
726
869
  type: "color"
727
870
  group: "colors"
728
- path: "Color/Brand B/Purple/600"
729
- pathKey: "Color.Brand B.Purple.600"
871
+ path: "Color/Brand A/Red/700"
872
+ pathKey: "Color.Brand A.Red.700"
730
873
  scope: "global:core-primitives"
731
874
  scopeBucket: "global"
732
875
  scopeId: "core-primitives"
733
876
  selector: ":root"
734
877
  sourceFile: "Core (Primitives).tokens.json"
735
878
  -
736
- cssVar: "--color-brand-b-purple-800"
737
- name: "color-brand-b-purple-800"
738
- value: "rgb(58 18 95)"
879
+ cssVar: "--color-brand-a-red-800"
880
+ name: "color-brand-a-red-800"
881
+ value: "rgb(147 21 52)"
739
882
  type: "color"
740
883
  group: "colors"
741
- path: "Color/Brand B/Purple/800"
742
- pathKey: "Color.Brand B.Purple.800"
884
+ path: "Color/Brand A/Red/800"
885
+ pathKey: "Color.Brand A.Red.800"
743
886
  scope: "global:core-primitives"
744
887
  scopeBucket: "global"
745
888
  scopeId: "core-primitives"
746
889
  selector: ":root"
747
890
  sourceFile: "Core (Primitives).tokens.json"
748
891
  -
749
- cssVar: "--color-brand-b-red"
750
- name: "color-brand-b-red"
751
- value: "rgb(204 0 0)"
892
+ cssVar: "--color-brand-a-red-900"
893
+ name: "color-brand-a-red-900"
894
+ value: "rgb(102 15 36)"
752
895
  type: "color"
753
896
  group: "colors"
754
- path: "Color/Brand B/Red"
755
- pathKey: "Color.Brand B.Red"
897
+ path: "Color/Brand A/Red/900"
898
+ pathKey: "Color.Brand A.Red.900"
756
899
  scope: "global:core-primitives"
757
900
  scopeBucket: "global"
758
901
  scopeId: "core-primitives"
759
902
  selector: ":root"
760
903
  sourceFile: "Core (Primitives).tokens.json"
761
904
  -
762
- cssVar: "--color-fill-active"
763
- name: "color-fill-active"
764
- value: "var(--brand-color-accent)"
905
+ cssVar: "--color-brand-a-sand-100"
906
+ name: "color-brand-a-sand-100"
907
+ value: "rgb(240 240 229)"
765
908
  type: "color"
766
909
  group: "colors"
767
- path: "Color/Fill/Active"
768
- pathKey: "Color.Fill.Active"
769
- scope: "mode:dark"
770
- scopeBucket: "mode"
771
- scopeId: "dark"
772
- selector: ":root[data-mode=\"dark\"]"
773
- sourceFile: "Appearance (Modes).tokens.json"
910
+ path: "Color/Brand A/Sand/100"
911
+ pathKey: "Color.Brand A.Sand.100"
912
+ scope: "global:core-primitives"
913
+ scopeBucket: "global"
914
+ scopeId: "core-primitives"
915
+ selector: ":root"
916
+ sourceFile: "Core (Primitives).tokens.json"
774
917
  -
775
- cssVar: "--color-fill-active"
776
- name: "color-fill-active"
777
- value: "var(--brand-color-accent)"
918
+ cssVar: "--color-brand-a-sand-200"
919
+ name: "color-brand-a-sand-200"
920
+ value: "rgb(221 222 197)"
778
921
  type: "color"
779
922
  group: "colors"
780
- path: "Color/Fill/Active"
781
- pathKey: "Color.Fill.Active"
782
- scope: "mode:light"
783
- scopeBucket: "mode"
784
- scopeId: "light"
923
+ path: "Color/Brand A/Sand/200"
924
+ pathKey: "Color.Brand A.Sand.200"
925
+ scope: "global:core-primitives"
926
+ scopeBucket: "global"
927
+ scopeId: "core-primitives"
785
928
  selector: ":root"
786
- sourceFile: "Appearance (Modes).tokens.json"
929
+ sourceFile: "Core (Primitives).tokens.json"
787
930
  -
788
- cssVar: "--color-fill-brand"
789
- name: "color-fill-brand"
790
- value: "var(--brand-color-primary)"
931
+ cssVar: "--color-brand-a-sand-300"
932
+ name: "color-brand-a-sand-300"
933
+ value: "rgb(192 193 172)"
791
934
  type: "color"
792
935
  group: "colors"
793
- path: "Color/Fill/Brand"
794
- pathKey: "Color.Fill.Brand"
795
- scope: "mode:dark"
796
- scopeBucket: "mode"
797
- scopeId: "dark"
798
- selector: ":root[data-mode=\"dark\"]"
799
- sourceFile: "Appearance (Modes).tokens.json"
936
+ path: "Color/Brand A/Sand/300"
937
+ pathKey: "Color.Brand A.Sand.300"
938
+ scope: "global:core-primitives"
939
+ scopeBucket: "global"
940
+ scopeId: "core-primitives"
941
+ selector: ":root"
942
+ sourceFile: "Core (Primitives).tokens.json"
800
943
  -
801
- cssVar: "--color-fill-brand"
802
- name: "color-fill-brand"
803
- value: "var(--brand-color-primary)"
944
+ cssVar: "--color-brand-a-sand-400"
945
+ name: "color-brand-a-sand-400"
946
+ value: "rgb(164 165 147)"
804
947
  type: "color"
805
948
  group: "colors"
806
- path: "Color/Fill/Brand"
807
- pathKey: "Color.Fill.Brand"
808
- scope: "mode:light"
809
- scopeBucket: "mode"
810
- scopeId: "light"
949
+ path: "Color/Brand A/Sand/400"
950
+ pathKey: "Color.Brand A.Sand.400"
951
+ scope: "global:core-primitives"
952
+ scopeBucket: "global"
953
+ scopeId: "core-primitives"
811
954
  selector: ":root"
812
- sourceFile: "Appearance (Modes).tokens.json"
955
+ sourceFile: "Core (Primitives).tokens.json"
813
956
  -
814
- cssVar: "--color-fill-danger"
815
- name: "color-fill-danger"
816
- value: "var(--brand-color-functional-danger)"
957
+ cssVar: "--color-brand-a-sand-500"
958
+ name: "color-brand-a-sand-500"
959
+ value: "rgb(136 137 122)"
817
960
  type: "color"
818
961
  group: "colors"
819
- path: "Color/Fill/Danger"
820
- pathKey: "Color.Fill.Danger"
821
- scope: "mode:dark"
822
- scopeBucket: "mode"
823
- scopeId: "dark"
824
- selector: ":root[data-mode=\"dark\"]"
825
- sourceFile: "Appearance (Modes).tokens.json"
962
+ path: "Color/Brand A/Sand/500"
963
+ pathKey: "Color.Brand A.Sand.500"
964
+ scope: "global:core-primitives"
965
+ scopeBucket: "global"
966
+ scopeId: "core-primitives"
967
+ selector: ":root"
968
+ sourceFile: "Core (Primitives).tokens.json"
826
969
  -
827
- cssVar: "--color-fill-danger"
828
- name: "color-fill-danger"
829
- value: "var(--brand-color-functional-danger)"
970
+ cssVar: "--color-brand-a-sand-600"
971
+ name: "color-brand-a-sand-600"
972
+ value: "rgb(108 109 97)"
830
973
  type: "color"
831
974
  group: "colors"
832
- path: "Color/Fill/Danger"
833
- pathKey: "Color.Fill.Danger"
834
- scope: "mode:light"
835
- scopeBucket: "mode"
836
- scopeId: "light"
975
+ path: "Color/Brand A/Sand/600"
976
+ pathKey: "Color.Brand A.Sand.600"
977
+ scope: "global:core-primitives"
978
+ scopeBucket: "global"
979
+ scopeId: "core-primitives"
837
980
  selector: ":root"
838
- sourceFile: "Appearance (Modes).tokens.json"
981
+ sourceFile: "Core (Primitives).tokens.json"
839
982
  -
840
- cssVar: "--color-fill-disabled"
841
- name: "color-fill-disabled"
842
- value: "var(--color-neutral-300)"
983
+ cssVar: "--color-brand-a-sand-700"
984
+ name: "color-brand-a-sand-700"
985
+ value: "rgb(80 81 72)"
843
986
  type: "color"
844
987
  group: "colors"
845
- path: "Color/Fill/Disabled"
846
- pathKey: "Color.Fill.Disabled"
847
- scope: "mode:dark"
848
- scopeBucket: "mode"
849
- scopeId: "dark"
850
- selector: ":root[data-mode=\"dark\"]"
851
- sourceFile: "Appearance (Modes).tokens.json"
988
+ path: "Color/Brand A/Sand/700"
989
+ pathKey: "Color.Brand A.Sand.700"
990
+ scope: "global:core-primitives"
991
+ scopeBucket: "global"
992
+ scopeId: "core-primitives"
993
+ selector: ":root"
994
+ sourceFile: "Core (Primitives).tokens.json"
852
995
  -
853
- cssVar: "--color-fill-disabled"
854
- name: "color-fill-disabled"
855
- value: "var(--color-neutral-300)"
996
+ cssVar: "--color-brand-a-sand-800"
997
+ name: "color-brand-a-sand-800"
998
+ value: "rgb(52 52 47)"
856
999
  type: "color"
857
1000
  group: "colors"
858
- path: "Color/Fill/Disabled"
859
- pathKey: "Color.Fill.Disabled"
860
- scope: "mode:light"
861
- scopeBucket: "mode"
1001
+ path: "Color/Brand A/Sand/800"
1002
+ pathKey: "Color.Brand A.Sand.800"
1003
+ scope: "global:core-primitives"
1004
+ scopeBucket: "global"
1005
+ scopeId: "core-primitives"
1006
+ selector: ":root"
1007
+ sourceFile: "Core (Primitives).tokens.json"
1008
+ -
1009
+ cssVar: "--color-brand-a-sand-900"
1010
+ name: "color-brand-a-sand-900"
1011
+ value: "rgb(24 24 22)"
1012
+ type: "color"
1013
+ group: "colors"
1014
+ path: "Color/Brand A/Sand/900"
1015
+ pathKey: "Color.Brand A.Sand.900"
1016
+ scope: "global:core-primitives"
1017
+ scopeBucket: "global"
1018
+ scopeId: "core-primitives"
1019
+ selector: ":root"
1020
+ sourceFile: "Core (Primitives).tokens.json"
1021
+ -
1022
+ cssVar: "--color-brand-b-blue-100"
1023
+ name: "color-brand-b-blue-100"
1024
+ value: "rgb(206 219 253)"
1025
+ type: "color"
1026
+ group: "colors"
1027
+ path: "Color/Brand B/Blue/100"
1028
+ pathKey: "Color.Brand B.Blue.100"
1029
+ scope: "global:core-primitives"
1030
+ scopeBucket: "global"
1031
+ scopeId: "core-primitives"
1032
+ selector: ":root"
1033
+ sourceFile: "Core (Primitives).tokens.json"
1034
+ -
1035
+ cssVar: "--color-brand-b-blue-200"
1036
+ name: "color-brand-b-blue-200"
1037
+ value: "rgb(158 183 250)"
1038
+ type: "color"
1039
+ group: "colors"
1040
+ path: "Color/Brand B/Blue/200"
1041
+ pathKey: "Color.Brand B.Blue.200"
1042
+ scope: "global:core-primitives"
1043
+ scopeBucket: "global"
1044
+ scopeId: "core-primitives"
1045
+ selector: ":root"
1046
+ sourceFile: "Core (Primitives).tokens.json"
1047
+ -
1048
+ cssVar: "--color-brand-b-blue-300"
1049
+ name: "color-brand-b-blue-300"
1050
+ value: "rgb(109 147 248)"
1051
+ type: "color"
1052
+ group: "colors"
1053
+ path: "Color/Brand B/Blue/300"
1054
+ pathKey: "Color.Brand B.Blue.300"
1055
+ scope: "global:core-primitives"
1056
+ scopeBucket: "global"
1057
+ scopeId: "core-primitives"
1058
+ selector: ":root"
1059
+ sourceFile: "Core (Primitives).tokens.json"
1060
+ -
1061
+ cssVar: "--color-brand-b-blue-400"
1062
+ name: "color-brand-b-blue-400"
1063
+ value: "rgb(61 111 245)"
1064
+ type: "color"
1065
+ group: "colors"
1066
+ path: "Color/Brand B/Blue/400"
1067
+ pathKey: "Color.Brand B.Blue.400"
1068
+ scope: "global:core-primitives"
1069
+ scopeBucket: "global"
1070
+ scopeId: "core-primitives"
1071
+ selector: ":root"
1072
+ sourceFile: "Core (Primitives).tokens.json"
1073
+ -
1074
+ cssVar: "--color-brand-b-blue-500"
1075
+ name: "color-brand-b-blue-500"
1076
+ value: "rgb(12 75 243)"
1077
+ type: "color"
1078
+ group: "colors"
1079
+ path: "Color/Brand B/Blue/500"
1080
+ pathKey: "Color.Brand B.Blue.500"
1081
+ scope: "global:core-primitives"
1082
+ scopeBucket: "global"
1083
+ scopeId: "core-primitives"
1084
+ selector: ":root"
1085
+ sourceFile: "Core (Primitives).tokens.json"
1086
+ -
1087
+ cssVar: "--color-brand-b-blue-600"
1088
+ name: "color-brand-b-blue-600"
1089
+ value: "rgb(10 60 194)"
1090
+ type: "color"
1091
+ group: "colors"
1092
+ path: "Color/Brand B/Blue/600"
1093
+ pathKey: "Color.Brand B.Blue.600"
1094
+ scope: "global:core-primitives"
1095
+ scopeBucket: "global"
1096
+ scopeId: "core-primitives"
1097
+ selector: ":root"
1098
+ sourceFile: "Core (Primitives).tokens.json"
1099
+ -
1100
+ cssVar: "--color-brand-b-blue-700"
1101
+ name: "color-brand-b-blue-700"
1102
+ value: "rgb(7 45 146)"
1103
+ type: "color"
1104
+ group: "colors"
1105
+ path: "Color/Brand B/Blue/700"
1106
+ pathKey: "Color.Brand B.Blue.700"
1107
+ scope: "global:core-primitives"
1108
+ scopeBucket: "global"
1109
+ scopeId: "core-primitives"
1110
+ selector: ":root"
1111
+ sourceFile: "Core (Primitives).tokens.json"
1112
+ -
1113
+ cssVar: "--color-brand-b-blue-800"
1114
+ name: "color-brand-b-blue-800"
1115
+ value: "rgb(5 30 97)"
1116
+ type: "color"
1117
+ group: "colors"
1118
+ path: "Color/Brand B/Blue/800"
1119
+ pathKey: "Color.Brand B.Blue.800"
1120
+ scope: "global:core-primitives"
1121
+ scopeBucket: "global"
1122
+ scopeId: "core-primitives"
1123
+ selector: ":root"
1124
+ sourceFile: "Core (Primitives).tokens.json"
1125
+ -
1126
+ cssVar: "--color-brand-b-blue-900"
1127
+ name: "color-brand-b-blue-900"
1128
+ value: "rgb(2 15 49)"
1129
+ type: "color"
1130
+ group: "colors"
1131
+ path: "Color/Brand B/Blue/900"
1132
+ pathKey: "Color.Brand B.Blue.900"
1133
+ scope: "global:core-primitives"
1134
+ scopeBucket: "global"
1135
+ scopeId: "core-primitives"
1136
+ selector: ":root"
1137
+ sourceFile: "Core (Primitives).tokens.json"
1138
+ -
1139
+ cssVar: "--color-brand-b-green-100"
1140
+ name: "color-brand-b-green-100"
1141
+ value: "rgb(246 254 250)"
1142
+ type: "color"
1143
+ group: "colors"
1144
+ path: "Color/Brand B/Green/100"
1145
+ pathKey: "Color.Brand B.Green.100"
1146
+ scope: "global:core-primitives"
1147
+ scopeBucket: "global"
1148
+ scopeId: "core-primitives"
1149
+ selector: ":root"
1150
+ sourceFile: "Core (Primitives).tokens.json"
1151
+ -
1152
+ cssVar: "--color-brand-b-green-200"
1153
+ name: "color-brand-b-green-200"
1154
+ value: "rgb(200 249 223)"
1155
+ type: "color"
1156
+ group: "colors"
1157
+ path: "Color/Brand B/Green/200"
1158
+ pathKey: "Color.Brand B.Green.200"
1159
+ scope: "global:core-primitives"
1160
+ scopeBucket: "global"
1161
+ scopeId: "core-primitives"
1162
+ selector: ":root"
1163
+ sourceFile: "Core (Primitives).tokens.json"
1164
+ -
1165
+ cssVar: "--color-brand-b-green-300"
1166
+ name: "color-brand-b-green-300"
1167
+ value: "rgb(154 244 196)"
1168
+ type: "color"
1169
+ group: "colors"
1170
+ path: "Color/Brand B/Green/300"
1171
+ pathKey: "Color.Brand B.Green.300"
1172
+ scope: "global:core-primitives"
1173
+ scopeBucket: "global"
1174
+ scopeId: "core-primitives"
1175
+ selector: ":root"
1176
+ sourceFile: "Core (Primitives).tokens.json"
1177
+ -
1178
+ cssVar: "--color-brand-b-green-400"
1179
+ name: "color-brand-b-green-400"
1180
+ value: "rgb(108 239 170)"
1181
+ type: "color"
1182
+ group: "colors"
1183
+ path: "Color/Brand B/Green/400"
1184
+ pathKey: "Color.Brand B.Green.400"
1185
+ scope: "global:core-primitives"
1186
+ scopeBucket: "global"
1187
+ scopeId: "core-primitives"
1188
+ selector: ":root"
1189
+ sourceFile: "Core (Primitives).tokens.json"
1190
+ -
1191
+ cssVar: "--color-brand-b-green-500"
1192
+ name: "color-brand-b-green-500"
1193
+ value: "rgb(62 234 143)"
1194
+ type: "color"
1195
+ group: "colors"
1196
+ path: "Color/Brand B/Green/500"
1197
+ pathKey: "Color.Brand B.Green.500"
1198
+ scope: "global:core-primitives"
1199
+ scopeBucket: "global"
1200
+ scopeId: "core-primitives"
1201
+ selector: ":root"
1202
+ sourceFile: "Core (Primitives).tokens.json"
1203
+ -
1204
+ cssVar: "--color-brand-b-green-600"
1205
+ name: "color-brand-b-green-600"
1206
+ value: "rgb(19 174 92)"
1207
+ type: "color"
1208
+ group: "colors"
1209
+ path: "Color/Brand B/Green/600"
1210
+ pathKey: "Color.Brand B.Green.600"
1211
+ scope: "global:core-primitives"
1212
+ scopeBucket: "global"
1213
+ scopeId: "core-primitives"
1214
+ selector: ":root"
1215
+ sourceFile: "Core (Primitives).tokens.json"
1216
+ -
1217
+ cssVar: "--color-brand-b-green-700"
1218
+ name: "color-brand-b-green-700"
1219
+ value: "rgb(14 129 68)"
1220
+ type: "color"
1221
+ group: "colors"
1222
+ path: "Color/Brand B/Green/700"
1223
+ pathKey: "Color.Brand B.Green.700"
1224
+ scope: "global:core-primitives"
1225
+ scopeBucket: "global"
1226
+ scopeId: "core-primitives"
1227
+ selector: ":root"
1228
+ sourceFile: "Core (Primitives).tokens.json"
1229
+ -
1230
+ cssVar: "--color-brand-b-green-800"
1231
+ name: "color-brand-b-green-800"
1232
+ value: "rgb(8 69 36)"
1233
+ type: "color"
1234
+ group: "colors"
1235
+ path: "Color/Brand B/Green/800"
1236
+ pathKey: "Color.Brand B.Green.800"
1237
+ scope: "global:core-primitives"
1238
+ scopeBucket: "global"
1239
+ scopeId: "core-primitives"
1240
+ selector: ":root"
1241
+ sourceFile: "Core (Primitives).tokens.json"
1242
+ -
1243
+ cssVar: "--color-brand-b-green-900"
1244
+ name: "color-brand-b-green-900"
1245
+ value: "rgb(4 37 19)"
1246
+ type: "color"
1247
+ group: "colors"
1248
+ path: "Color/Brand B/Green/900"
1249
+ pathKey: "Color.Brand B.Green.900"
1250
+ scope: "global:core-primitives"
1251
+ scopeBucket: "global"
1252
+ scopeId: "core-primitives"
1253
+ selector: ":root"
1254
+ sourceFile: "Core (Primitives).tokens.json"
1255
+ -
1256
+ cssVar: "--color-brand-b-purple-200"
1257
+ name: "color-brand-b-purple-200"
1258
+ value: "rgb(222 192 255)"
1259
+ type: "color"
1260
+ group: "colors"
1261
+ path: "Color/Brand B/Purple/200"
1262
+ pathKey: "Color.Brand B.Purple.200"
1263
+ scope: "global:core-primitives"
1264
+ scopeBucket: "global"
1265
+ scopeId: "core-primitives"
1266
+ selector: ":root"
1267
+ sourceFile: "Core (Primitives).tokens.json"
1268
+ -
1269
+ cssVar: "--color-brand-b-purple-300"
1270
+ name: "color-brand-b-purple-300"
1271
+ value: "rgb(196 143 255)"
1272
+ type: "color"
1273
+ group: "colors"
1274
+ path: "Color/Brand B/Purple/300"
1275
+ pathKey: "Color.Brand B.Purple.300"
1276
+ scope: "global:core-primitives"
1277
+ scopeBucket: "global"
1278
+ scopeId: "core-primitives"
1279
+ selector: ":root"
1280
+ sourceFile: "Core (Primitives).tokens.json"
1281
+ -
1282
+ cssVar: "--color-brand-b-purple-600"
1283
+ name: "color-brand-b-purple-600"
1284
+ value: "rgb(151 71 255)"
1285
+ type: "color"
1286
+ group: "colors"
1287
+ path: "Color/Brand B/Purple/600"
1288
+ pathKey: "Color.Brand B.Purple.600"
1289
+ scope: "global:core-primitives"
1290
+ scopeBucket: "global"
1291
+ scopeId: "core-primitives"
1292
+ selector: ":root"
1293
+ sourceFile: "Core (Primitives).tokens.json"
1294
+ -
1295
+ cssVar: "--color-brand-b-purple-700"
1296
+ name: "color-brand-b-purple-700"
1297
+ value: "rgb(122 20 255)"
1298
+ type: "color"
1299
+ group: "colors"
1300
+ path: "Color/Brand B/Purple/700"
1301
+ pathKey: "Color.Brand B.Purple.700"
1302
+ scope: "global:core-primitives"
1303
+ scopeBucket: "global"
1304
+ scopeId: "core-primitives"
1305
+ selector: ":root"
1306
+ sourceFile: "Core (Primitives).tokens.json"
1307
+ -
1308
+ cssVar: "--color-brand-b-purple-800"
1309
+ name: "color-brand-b-purple-800"
1310
+ value: "rgb(85 26 139)"
1311
+ type: "color"
1312
+ group: "colors"
1313
+ path: "Color/Brand B/Purple/800"
1314
+ pathKey: "Color.Brand B.Purple.800"
1315
+ scope: "global:core-primitives"
1316
+ scopeBucket: "global"
1317
+ scopeId: "core-primitives"
1318
+ selector: ":root"
1319
+ sourceFile: "Core (Primitives).tokens.json"
1320
+ -
1321
+ cssVar: "--color-brand-b-purple-900"
1322
+ name: "color-brand-b-purple-900"
1323
+ value: "rgb(58 18 95)"
1324
+ type: "color"
1325
+ group: "colors"
1326
+ path: "Color/Brand B/Purple/900"
1327
+ pathKey: "Color.Brand B.Purple.900"
1328
+ scope: "global:core-primitives"
1329
+ scopeBucket: "global"
1330
+ scopeId: "core-primitives"
1331
+ selector: ":root"
1332
+ sourceFile: "Core (Primitives).tokens.json"
1333
+ -
1334
+ cssVar: "--color-brand-b-red-100"
1335
+ name: "color-brand-b-red-100"
1336
+ value: "rgb(255 255 255)"
1337
+ type: "color"
1338
+ group: "colors"
1339
+ path: "Color/Brand B/Red/100"
1340
+ pathKey: "Color.Brand B.Red.100"
1341
+ scope: "global:core-primitives"
1342
+ scopeBucket: "global"
1343
+ scopeId: "core-primitives"
1344
+ selector: ":root"
1345
+ sourceFile: "Core (Primitives).tokens.json"
1346
+ -
1347
+ cssVar: "--color-brand-b-red-200"
1348
+ name: "color-brand-b-red-200"
1349
+ value: "rgb(255 204 204)"
1350
+ type: "color"
1351
+ group: "colors"
1352
+ path: "Color/Brand B/Red/200"
1353
+ pathKey: "Color.Brand B.Red.200"
1354
+ scope: "global:core-primitives"
1355
+ scopeBucket: "global"
1356
+ scopeId: "core-primitives"
1357
+ selector: ":root"
1358
+ sourceFile: "Core (Primitives).tokens.json"
1359
+ -
1360
+ cssVar: "--color-brand-b-red-300"
1361
+ name: "color-brand-b-red-300"
1362
+ value: "rgb(255 153 153)"
1363
+ type: "color"
1364
+ group: "colors"
1365
+ path: "Color/Brand B/Red/300"
1366
+ pathKey: "Color.Brand B.Red.300"
1367
+ scope: "global:core-primitives"
1368
+ scopeBucket: "global"
1369
+ scopeId: "core-primitives"
1370
+ selector: ":root"
1371
+ sourceFile: "Core (Primitives).tokens.json"
1372
+ -
1373
+ cssVar: "--color-brand-b-red-400"
1374
+ name: "color-brand-b-red-400"
1375
+ value: "rgb(255 102 102)"
1376
+ type: "color"
1377
+ group: "colors"
1378
+ path: "Color/Brand B/Red/400"
1379
+ pathKey: "Color.Brand B.Red.400"
1380
+ scope: "global:core-primitives"
1381
+ scopeBucket: "global"
1382
+ scopeId: "core-primitives"
1383
+ selector: ":root"
1384
+ sourceFile: "Core (Primitives).tokens.json"
1385
+ -
1386
+ cssVar: "--color-brand-b-red-500"
1387
+ name: "color-brand-b-red-500"
1388
+ value: "rgb(255 51 51)"
1389
+ type: "color"
1390
+ group: "colors"
1391
+ path: "Color/Brand B/Red/500"
1392
+ pathKey: "Color.Brand B.Red.500"
1393
+ scope: "global:core-primitives"
1394
+ scopeBucket: "global"
1395
+ scopeId: "core-primitives"
1396
+ selector: ":root"
1397
+ sourceFile: "Core (Primitives).tokens.json"
1398
+ -
1399
+ cssVar: "--color-brand-b-red-600"
1400
+ name: "color-brand-b-red-600"
1401
+ value: "rgb(255 0 0)"
1402
+ type: "color"
1403
+ group: "colors"
1404
+ path: "Color/Brand B/Red/600"
1405
+ pathKey: "Color.Brand B.Red.600"
1406
+ scope: "global:core-primitives"
1407
+ scopeBucket: "global"
1408
+ scopeId: "core-primitives"
1409
+ selector: ":root"
1410
+ sourceFile: "Core (Primitives).tokens.json"
1411
+ -
1412
+ cssVar: "--color-brand-b-red-700"
1413
+ name: "color-brand-b-red-700"
1414
+ value: "rgb(153 0 0)"
1415
+ type: "color"
1416
+ group: "colors"
1417
+ path: "Color/Brand B/Red/700"
1418
+ pathKey: "Color.Brand B.Red.700"
1419
+ scope: "global:core-primitives"
1420
+ scopeBucket: "global"
1421
+ scopeId: "core-primitives"
1422
+ selector: ":root"
1423
+ sourceFile: "Core (Primitives).tokens.json"
1424
+ -
1425
+ cssVar: "--color-brand-b-red-800"
1426
+ name: "color-brand-b-red-800"
1427
+ value: "rgb(102 0 0)"
1428
+ type: "color"
1429
+ group: "colors"
1430
+ path: "Color/Brand B/Red/800"
1431
+ pathKey: "Color.Brand B.Red.800"
1432
+ scope: "global:core-primitives"
1433
+ scopeBucket: "global"
1434
+ scopeId: "core-primitives"
1435
+ selector: ":root"
1436
+ sourceFile: "Core (Primitives).tokens.json"
1437
+ -
1438
+ cssVar: "--color-brand-b-red-900"
1439
+ name: "color-brand-b-red-900"
1440
+ value: "rgb(51 0 0)"
1441
+ type: "color"
1442
+ group: "colors"
1443
+ path: "Color/Brand B/Red/900"
1444
+ pathKey: "Color.Brand B.Red.900"
1445
+ scope: "global:core-primitives"
1446
+ scopeBucket: "global"
1447
+ scopeId: "core-primitives"
1448
+ selector: ":root"
1449
+ sourceFile: "Core (Primitives).tokens.json"
1450
+ -
1451
+ cssVar: "--color-brand-c-blue-10"
1452
+ name: "color-brand-c-blue-10"
1453
+ value: "rgb(27 17 92)"
1454
+ type: "color"
1455
+ group: "colors"
1456
+ path: "Color/Brand C/Blue/10"
1457
+ pathKey: "Color.Brand C.Blue.10"
1458
+ scope: "global:core-primitives"
1459
+ scopeBucket: "global"
1460
+ scopeId: "core-primitives"
1461
+ selector: ":root"
1462
+ sourceFile: "Core (Primitives).tokens.json"
1463
+ -
1464
+ cssVar: "--color-brand-c-blue-20"
1465
+ name: "color-brand-c-blue-20"
1466
+ value: "rgb(7 45 146)"
1467
+ type: "color"
1468
+ group: "colors"
1469
+ path: "Color/Brand C/Blue/20"
1470
+ pathKey: "Color.Brand C.Blue.20"
1471
+ scope: "global:core-primitives"
1472
+ scopeBucket: "global"
1473
+ scopeId: "core-primitives"
1474
+ selector: ":root"
1475
+ sourceFile: "Core (Primitives).tokens.json"
1476
+ -
1477
+ cssVar: "--color-brand-c-blue-30"
1478
+ name: "color-brand-c-blue-30"
1479
+ value: "rgb(10 60 194)"
1480
+ type: "color"
1481
+ group: "colors"
1482
+ path: "Color/Brand C/Blue/30"
1483
+ pathKey: "Color.Brand C.Blue.30"
1484
+ scope: "global:core-primitives"
1485
+ scopeBucket: "global"
1486
+ scopeId: "core-primitives"
1487
+ selector: ":root"
1488
+ sourceFile: "Core (Primitives).tokens.json"
1489
+ -
1490
+ cssVar: "--color-brand-c-blue-40"
1491
+ name: "color-brand-c-blue-40"
1492
+ value: "rgb(12 75 243)"
1493
+ type: "color"
1494
+ group: "colors"
1495
+ path: "Color/Brand C/Blue/40"
1496
+ pathKey: "Color.Brand C.Blue.40"
1497
+ scope: "global:core-primitives"
1498
+ scopeBucket: "global"
1499
+ scopeId: "core-primitives"
1500
+ selector: ":root"
1501
+ sourceFile: "Core (Primitives).tokens.json"
1502
+ -
1503
+ cssVar: "--color-brand-c-blue-50"
1504
+ name: "color-brand-c-blue-50"
1505
+ value: "rgb(53 103 246)"
1506
+ type: "color"
1507
+ group: "colors"
1508
+ path: "Color/Brand C/Blue/50"
1509
+ pathKey: "Color.Brand C.Blue.50"
1510
+ scope: "global:core-primitives"
1511
+ scopeBucket: "global"
1512
+ scopeId: "core-primitives"
1513
+ selector: ":root"
1514
+ sourceFile: "Core (Primitives).tokens.json"
1515
+ -
1516
+ cssVar: "--color-brand-c-blue-60"
1517
+ name: "color-brand-c-blue-60"
1518
+ value: "rgb(109 147 248)"
1519
+ type: "color"
1520
+ group: "colors"
1521
+ path: "Color/Brand C/Blue/60"
1522
+ pathKey: "Color.Brand C.Blue.60"
1523
+ scope: "global:core-primitives"
1524
+ scopeBucket: "global"
1525
+ scopeId: "core-primitives"
1526
+ selector: ":root"
1527
+ sourceFile: "Core (Primitives).tokens.json"
1528
+ -
1529
+ cssVar: "--color-brand-c-blue-70"
1530
+ name: "color-brand-c-blue-70"
1531
+ value: "rgb(148 176 250)"
1532
+ type: "color"
1533
+ group: "colors"
1534
+ path: "Color/Brand C/Blue/70"
1535
+ pathKey: "Color.Brand C.Blue.70"
1536
+ scope: "global:core-primitives"
1537
+ scopeBucket: "global"
1538
+ scopeId: "core-primitives"
1539
+ selector: ":root"
1540
+ sourceFile: "Core (Primitives).tokens.json"
1541
+ -
1542
+ cssVar: "--color-brand-c-blue-80"
1543
+ name: "color-brand-c-blue-80"
1544
+ value: "rgb(182 200 252)"
1545
+ type: "color"
1546
+ group: "colors"
1547
+ path: "Color/Brand C/Blue/80"
1548
+ pathKey: "Color.Brand C.Blue.80"
1549
+ scope: "global:core-primitives"
1550
+ scopeBucket: "global"
1551
+ scopeId: "core-primitives"
1552
+ selector: ":root"
1553
+ sourceFile: "Core (Primitives).tokens.json"
1554
+ -
1555
+ cssVar: "--color-brand-c-blue-90"
1556
+ name: "color-brand-c-blue-90"
1557
+ value: "rgb(216 226 253)"
1558
+ type: "color"
1559
+ group: "colors"
1560
+ path: "Color/Brand C/Blue/90"
1561
+ pathKey: "Color.Brand C.Blue.90"
1562
+ scope: "global:core-primitives"
1563
+ scopeBucket: "global"
1564
+ scopeId: "core-primitives"
1565
+ selector: ":root"
1566
+ sourceFile: "Core (Primitives).tokens.json"
1567
+ -
1568
+ cssVar: "--color-brand-c-blue-100"
1569
+ name: "color-brand-c-blue-100"
1570
+ value: "rgb(27 17 92)"
1571
+ type: "color"
1572
+ group: "colors"
1573
+ path: "Color/Brand C/Blue/100"
1574
+ pathKey: "Color.Brand C.Blue.100"
1575
+ scope: "global:core-primitives"
1576
+ scopeBucket: "global"
1577
+ scopeId: "core-primitives"
1578
+ selector: ":root"
1579
+ sourceFile: "Core (Primitives).tokens.json"
1580
+ -
1581
+ cssVar: "--color-brand-c-coolblue-10"
1582
+ name: "color-brand-c-coolblue-10"
1583
+ value: "rgb(5 68 97)"
1584
+ type: "color"
1585
+ group: "colors"
1586
+ path: "Color/Brand C/Coolblue/10"
1587
+ pathKey: "Color.Brand C.Coolblue.10"
1588
+ scope: "global:core-primitives"
1589
+ scopeBucket: "global"
1590
+ scopeId: "core-primitives"
1591
+ selector: ":root"
1592
+ sourceFile: "Core (Primitives).tokens.json"
1593
+ -
1594
+ cssVar: "--color-brand-c-coolblue-20"
1595
+ name: "color-brand-c-coolblue-20"
1596
+ value: "rgb(7 102 146)"
1597
+ type: "color"
1598
+ group: "colors"
1599
+ path: "Color/Brand C/Coolblue/20"
1600
+ pathKey: "Color.Brand C.Coolblue.20"
1601
+ scope: "global:core-primitives"
1602
+ scopeBucket: "global"
1603
+ scopeId: "core-primitives"
1604
+ selector: ":root"
1605
+ sourceFile: "Core (Primitives).tokens.json"
1606
+ -
1607
+ cssVar: "--color-brand-c-coolblue-30"
1608
+ name: "color-brand-c-coolblue-30"
1609
+ value: "rgb(10 136 194)"
1610
+ type: "color"
1611
+ group: "colors"
1612
+ path: "Color/Brand C/Coolblue/30"
1613
+ pathKey: "Color.Brand C.Coolblue.30"
1614
+ scope: "global:core-primitives"
1615
+ scopeBucket: "global"
1616
+ scopeId: "core-primitives"
1617
+ selector: ":root"
1618
+ sourceFile: "Core (Primitives).tokens.json"
1619
+ -
1620
+ cssVar: "--color-brand-c-coolblue-40"
1621
+ name: "color-brand-c-coolblue-40"
1622
+ value: "rgb(12 170 243)"
1623
+ type: "color"
1624
+ group: "colors"
1625
+ path: "Color/Brand C/Coolblue/40"
1626
+ pathKey: "Color.Brand C.Coolblue.40"
1627
+ scope: "global:core-primitives"
1628
+ scopeBucket: "global"
1629
+ scopeId: "core-primitives"
1630
+ selector: ":root"
1631
+ sourceFile: "Core (Primitives).tokens.json"
1632
+ -
1633
+ cssVar: "--color-brand-c-coolblue-50"
1634
+ name: "color-brand-c-coolblue-50"
1635
+ value: "rgb(56 185 245)"
1636
+ type: "color"
1637
+ group: "colors"
1638
+ path: "Color/Brand C/Coolblue/50"
1639
+ pathKey: "Color.Brand C.Coolblue.50"
1640
+ scope: "global:core-primitives"
1641
+ scopeBucket: "global"
1642
+ scopeId: "core-primitives"
1643
+ selector: ":root"
1644
+ sourceFile: "Core (Primitives).tokens.json"
1645
+ -
1646
+ cssVar: "--color-brand-c-coolblue-60"
1647
+ name: "color-brand-c-coolblue-60"
1648
+ value: "rgb(112 203 244)"
1649
+ type: "color"
1650
+ group: "colors"
1651
+ path: "Color/Brand C/Coolblue/60"
1652
+ pathKey: "Color.Brand C.Coolblue.60"
1653
+ scope: "global:core-primitives"
1654
+ scopeBucket: "global"
1655
+ scopeId: "core-primitives"
1656
+ selector: ":root"
1657
+ sourceFile: "Core (Primitives).tokens.json"
1658
+ -
1659
+ cssVar: "--color-brand-c-coolblue-70"
1660
+ name: "color-brand-c-coolblue-70"
1661
+ value: "rgb(169 223 248)"
1662
+ type: "color"
1663
+ group: "colors"
1664
+ path: "Color/Brand C/Coolblue/70"
1665
+ pathKey: "Color.Brand C.Coolblue.70"
1666
+ scope: "global:core-primitives"
1667
+ scopeBucket: "global"
1668
+ scopeId: "core-primitives"
1669
+ selector: ":root"
1670
+ sourceFile: "Core (Primitives).tokens.json"
1671
+ -
1672
+ cssVar: "--color-brand-c-coolblue-80"
1673
+ name: "color-brand-c-coolblue-80"
1674
+ value: "rgb(198 234 251)"
1675
+ type: "color"
1676
+ group: "colors"
1677
+ path: "Color/Brand C/Coolblue/80"
1678
+ pathKey: "Color.Brand C.Coolblue.80"
1679
+ scope: "global:core-primitives"
1680
+ scopeBucket: "global"
1681
+ scopeId: "core-primitives"
1682
+ selector: ":root"
1683
+ sourceFile: "Core (Primitives).tokens.json"
1684
+ -
1685
+ cssVar: "--color-brand-c-coolblue-90"
1686
+ name: "color-brand-c-coolblue-90"
1687
+ value: "rgb(226 244 253)"
1688
+ type: "color"
1689
+ group: "colors"
1690
+ path: "Color/Brand C/Coolblue/90"
1691
+ pathKey: "Color.Brand C.Coolblue.90"
1692
+ scope: "global:core-primitives"
1693
+ scopeBucket: "global"
1694
+ scopeId: "core-primitives"
1695
+ selector: ":root"
1696
+ sourceFile: "Core (Primitives).tokens.json"
1697
+ -
1698
+ cssVar: "--color-brand-c-coolblue-100"
1699
+ name: "color-brand-c-coolblue-100"
1700
+ value: "rgb(11 68 97)"
1701
+ type: "color"
1702
+ group: "colors"
1703
+ path: "Color/Brand C/Coolblue/100"
1704
+ pathKey: "Color.Brand C.Coolblue.100"
1705
+ scope: "global:core-primitives"
1706
+ scopeBucket: "global"
1707
+ scopeId: "core-primitives"
1708
+ selector: ":root"
1709
+ sourceFile: "Core (Primitives).tokens.json"
1710
+ -
1711
+ cssVar: "--color-brand-c-green-10"
1712
+ name: "color-brand-c-green-10"
1713
+ value: "rgb(5 66 61)"
1714
+ type: "color"
1715
+ group: "colors"
1716
+ path: "Color/Brand C/Green/10"
1717
+ pathKey: "Color.Brand C.Green.10"
1718
+ scope: "global:core-primitives"
1719
+ scopeBucket: "global"
1720
+ scopeId: "core-primitives"
1721
+ selector: ":root"
1722
+ sourceFile: "Core (Primitives).tokens.json"
1723
+ -
1724
+ cssVar: "--color-brand-c-green-20"
1725
+ name: "color-brand-c-green-20"
1726
+ value: "rgb(36 111 73)"
1727
+ type: "color"
1728
+ group: "colors"
1729
+ path: "Color/Brand C/Green/20"
1730
+ pathKey: "Color.Brand C.Green.20"
1731
+ scope: "global:core-primitives"
1732
+ scopeBucket: "global"
1733
+ scopeId: "core-primitives"
1734
+ selector: ":root"
1735
+ sourceFile: "Core (Primitives).tokens.json"
1736
+ -
1737
+ cssVar: "--color-brand-c-green-30"
1738
+ name: "color-brand-c-green-30"
1739
+ value: "rgb(43 161 104)"
1740
+ type: "color"
1741
+ group: "colors"
1742
+ path: "Color/Brand C/Green/30"
1743
+ pathKey: "Color.Brand C.Green.30"
1744
+ scope: "global:core-primitives"
1745
+ scopeBucket: "global"
1746
+ scopeId: "core-primitives"
1747
+ selector: ":root"
1748
+ sourceFile: "Core (Primitives).tokens.json"
1749
+ -
1750
+ cssVar: "--color-brand-c-green-40"
1751
+ name: "color-brand-c-green-40"
1752
+ value: "rgb(48 182 117)"
1753
+ type: "color"
1754
+ group: "colors"
1755
+ path: "Color/Brand C/Green/40"
1756
+ pathKey: "Color.Brand C.Green.40"
1757
+ scope: "global:core-primitives"
1758
+ scopeBucket: "global"
1759
+ scopeId: "core-primitives"
1760
+ selector: ":root"
1761
+ sourceFile: "Core (Primitives).tokens.json"
1762
+ -
1763
+ cssVar: "--color-brand-c-green-50"
1764
+ name: "color-brand-c-green-50"
1765
+ value: "rgb(97 196 141)"
1766
+ type: "color"
1767
+ group: "colors"
1768
+ path: "Color/Brand C/Green/50"
1769
+ pathKey: "Color.Brand C.Green.50"
1770
+ scope: "global:core-primitives"
1771
+ scopeBucket: "global"
1772
+ scopeId: "core-primitives"
1773
+ selector: ":root"
1774
+ sourceFile: "Core (Primitives).tokens.json"
1775
+ -
1776
+ cssVar: "--color-brand-c-green-60"
1777
+ name: "color-brand-c-green-60"
1778
+ value: "rgb(135 210 166)"
1779
+ type: "color"
1780
+ group: "colors"
1781
+ path: "Color/Brand C/Green/60"
1782
+ pathKey: "Color.Brand C.Green.60"
1783
+ scope: "global:core-primitives"
1784
+ scopeBucket: "global"
1785
+ scopeId: "core-primitives"
1786
+ selector: ":root"
1787
+ sourceFile: "Core (Primitives).tokens.json"
1788
+ -
1789
+ cssVar: "--color-brand-c-green-70"
1790
+ name: "color-brand-c-green-70"
1791
+ value: "rgb(169 224 191)"
1792
+ type: "color"
1793
+ group: "colors"
1794
+ path: "Color/Brand C/Green/70"
1795
+ pathKey: "Color.Brand C.Green.70"
1796
+ scope: "global:core-primitives"
1797
+ scopeBucket: "global"
1798
+ scopeId: "core-primitives"
1799
+ selector: ":root"
1800
+ sourceFile: "Core (Primitives).tokens.json"
1801
+ -
1802
+ cssVar: "--color-brand-c-green-80"
1803
+ name: "color-brand-c-green-80"
1804
+ value: "rgb(197 228 205)"
1805
+ type: "color"
1806
+ group: "colors"
1807
+ path: "Color/Brand C/Green/80"
1808
+ pathKey: "Color.Brand C.Green.80"
1809
+ scope: "global:core-primitives"
1810
+ scopeBucket: "global"
1811
+ scopeId: "core-primitives"
1812
+ selector: ":root"
1813
+ sourceFile: "Core (Primitives).tokens.json"
1814
+ -
1815
+ cssVar: "--color-brand-c-green-90"
1816
+ name: "color-brand-c-green-90"
1817
+ value: "rgb(223 246 235)"
1818
+ type: "color"
1819
+ group: "colors"
1820
+ path: "Color/Brand C/Green/90"
1821
+ pathKey: "Color.Brand C.Green.90"
1822
+ scope: "global:core-primitives"
1823
+ scopeBucket: "global"
1824
+ scopeId: "core-primitives"
1825
+ selector: ":root"
1826
+ sourceFile: "Core (Primitives).tokens.json"
1827
+ -
1828
+ cssVar: "--color-brand-c-green-100"
1829
+ name: "color-brand-c-green-100"
1830
+ value: "rgb(239 251 245)"
1831
+ type: "color"
1832
+ group: "colors"
1833
+ path: "Color/Brand C/Green/100"
1834
+ pathKey: "Color.Brand C.Green.100"
1835
+ scope: "global:core-primitives"
1836
+ scopeBucket: "global"
1837
+ scopeId: "core-primitives"
1838
+ selector: ":root"
1839
+ sourceFile: "Core (Primitives).tokens.json"
1840
+ -
1841
+ cssVar: "--color-brand-c-midnight-10"
1842
+ name: "color-brand-c-midnight-10"
1843
+ value: "rgb(11 9 45)"
1844
+ type: "color"
1845
+ group: "colors"
1846
+ path: "Color/Brand C/Midnight/10"
1847
+ pathKey: "Color.Brand C.Midnight.10"
1848
+ scope: "global:core-primitives"
1849
+ scopeBucket: "global"
1850
+ scopeId: "core-primitives"
1851
+ selector: ":root"
1852
+ sourceFile: "Core (Primitives).tokens.json"
1853
+ -
1854
+ cssVar: "--color-brand-c-orange-10"
1855
+ name: "color-brand-c-orange-10"
1856
+ value: "rgb(102 61 0)"
1857
+ type: "color"
1858
+ group: "colors"
1859
+ path: "Color/Brand C/Orange/10"
1860
+ pathKey: "Color.Brand C.Orange.10"
1861
+ scope: "global:core-primitives"
1862
+ scopeBucket: "global"
1863
+ scopeId: "core-primitives"
1864
+ selector: ":root"
1865
+ sourceFile: "Core (Primitives).tokens.json"
1866
+ -
1867
+ cssVar: "--color-brand-c-orange-20"
1868
+ name: "color-brand-c-orange-20"
1869
+ value: "rgb(153 92 0)"
1870
+ type: "color"
1871
+ group: "colors"
1872
+ path: "Color/Brand C/Orange/20"
1873
+ pathKey: "Color.Brand C.Orange.20"
1874
+ scope: "global:core-primitives"
1875
+ scopeBucket: "global"
1876
+ scopeId: "core-primitives"
1877
+ selector: ":root"
1878
+ sourceFile: "Core (Primitives).tokens.json"
1879
+ -
1880
+ cssVar: "--color-brand-c-orange-30"
1881
+ name: "color-brand-c-orange-30"
1882
+ value: "rgb(204 122 0)"
1883
+ type: "color"
1884
+ group: "colors"
1885
+ path: "Color/Brand C/Orange/30"
1886
+ pathKey: "Color.Brand C.Orange.30"
1887
+ scope: "global:core-primitives"
1888
+ scopeBucket: "global"
1889
+ scopeId: "core-primitives"
1890
+ selector: ":root"
1891
+ sourceFile: "Core (Primitives).tokens.json"
1892
+ -
1893
+ cssVar: "--color-brand-c-orange-40"
1894
+ name: "color-brand-c-orange-40"
1895
+ value: "rgb(255 153 0)"
1896
+ type: "color"
1897
+ group: "colors"
1898
+ path: "Color/Brand C/Orange/40"
1899
+ pathKey: "Color.Brand C.Orange.40"
1900
+ scope: "global:core-primitives"
1901
+ scopeBucket: "global"
1902
+ scopeId: "core-primitives"
1903
+ selector: ":root"
1904
+ sourceFile: "Core (Primitives).tokens.json"
1905
+ -
1906
+ cssVar: "--color-brand-c-orange-50"
1907
+ name: "color-brand-c-orange-50"
1908
+ value: "rgb(255 171 46)"
1909
+ type: "color"
1910
+ group: "colors"
1911
+ path: "Color/Brand C/Orange/50"
1912
+ pathKey: "Color.Brand C.Orange.50"
1913
+ scope: "global:core-primitives"
1914
+ scopeBucket: "global"
1915
+ scopeId: "core-primitives"
1916
+ selector: ":root"
1917
+ sourceFile: "Core (Primitives).tokens.json"
1918
+ -
1919
+ cssVar: "--color-brand-c-orange-60"
1920
+ name: "color-brand-c-orange-60"
1921
+ value: "rgb(255 194 102)"
1922
+ type: "color"
1923
+ group: "colors"
1924
+ path: "Color/Brand C/Orange/60"
1925
+ pathKey: "Color.Brand C.Orange.60"
1926
+ scope: "global:core-primitives"
1927
+ scopeBucket: "global"
1928
+ scopeId: "core-primitives"
1929
+ selector: ":root"
1930
+ sourceFile: "Core (Primitives).tokens.json"
1931
+ -
1932
+ cssVar: "--color-brand-c-orange-70"
1933
+ name: "color-brand-c-orange-70"
1934
+ value: "rgb(255 210 143)"
1935
+ type: "color"
1936
+ group: "colors"
1937
+ path: "Color/Brand C/Orange/70"
1938
+ pathKey: "Color.Brand C.Orange.70"
1939
+ scope: "global:core-primitives"
1940
+ scopeBucket: "global"
1941
+ scopeId: "core-primitives"
1942
+ selector: ":root"
1943
+ sourceFile: "Core (Primitives).tokens.json"
1944
+ -
1945
+ cssVar: "--color-brand-c-orange-80"
1946
+ name: "color-brand-c-orange-80"
1947
+ value: "rgb(255 224 178)"
1948
+ type: "color"
1949
+ group: "colors"
1950
+ path: "Color/Brand C/Orange/80"
1951
+ pathKey: "Color.Brand C.Orange.80"
1952
+ scope: "global:core-primitives"
1953
+ scopeBucket: "global"
1954
+ scopeId: "core-primitives"
1955
+ selector: ":root"
1956
+ sourceFile: "Core (Primitives).tokens.json"
1957
+ -
1958
+ cssVar: "--color-brand-c-orange-90"
1959
+ name: "color-brand-c-orange-90"
1960
+ value: "rgb(255 239 214)"
1961
+ type: "color"
1962
+ group: "colors"
1963
+ path: "Color/Brand C/Orange/90"
1964
+ pathKey: "Color.Brand C.Orange.90"
1965
+ scope: "global:core-primitives"
1966
+ scopeBucket: "global"
1967
+ scopeId: "core-primitives"
1968
+ selector: ":root"
1969
+ sourceFile: "Core (Primitives).tokens.json"
1970
+ -
1971
+ cssVar: "--color-brand-c-orange-100"
1972
+ name: "color-brand-c-orange-100"
1973
+ value: "rgb(255 247 235)"
1974
+ type: "color"
1975
+ group: "colors"
1976
+ path: "Color/Brand C/Orange/100"
1977
+ pathKey: "Color.Brand C.Orange.100"
1978
+ scope: "global:core-primitives"
1979
+ scopeBucket: "global"
1980
+ scopeId: "core-primitives"
1981
+ selector: ":root"
1982
+ sourceFile: "Core (Primitives).tokens.json"
1983
+ -
1984
+ cssVar: "--color-brand-c-purple-10"
1985
+ name: "color-brand-c-purple-10"
1986
+ value: "rgb(57 17 92)"
1987
+ type: "color"
1988
+ group: "colors"
1989
+ path: "Color/Brand C/Purple/10"
1990
+ pathKey: "Color.Brand C.Purple.10"
1991
+ scope: "global:core-primitives"
1992
+ scopeBucket: "global"
1993
+ scopeId: "core-primitives"
1994
+ selector: ":root"
1995
+ sourceFile: "Core (Primitives).tokens.json"
1996
+ -
1997
+ cssVar: "--color-brand-c-purple-20"
1998
+ name: "color-brand-c-purple-20"
1999
+ value: "rgb(81 7 146)"
2000
+ type: "color"
2001
+ group: "colors"
2002
+ path: "Color/Brand C/Purple/20"
2003
+ pathKey: "Color.Brand C.Purple.20"
2004
+ scope: "global:core-primitives"
2005
+ scopeBucket: "global"
2006
+ scopeId: "core-primitives"
2007
+ selector: ":root"
2008
+ sourceFile: "Core (Primitives).tokens.json"
2009
+ -
2010
+ cssVar: "--color-brand-c-purple-30"
2011
+ name: "color-brand-c-purple-30"
2012
+ value: "rgb(108 10 194)"
2013
+ type: "color"
2014
+ group: "colors"
2015
+ path: "Color/Brand C/Purple/30"
2016
+ pathKey: "Color.Brand C.Purple.30"
2017
+ scope: "global:core-primitives"
2018
+ scopeBucket: "global"
2019
+ scopeId: "core-primitives"
2020
+ selector: ":root"
2021
+ sourceFile: "Core (Primitives).tokens.json"
2022
+ -
2023
+ cssVar: "--color-brand-c-purple-40"
2024
+ name: "color-brand-c-purple-40"
2025
+ value: "rgb(135 12 243)"
2026
+ type: "color"
2027
+ group: "colors"
2028
+ path: "Color/Brand C/Purple/40"
2029
+ pathKey: "Color.Brand C.Purple.40"
2030
+ scope: "global:core-primitives"
2031
+ scopeBucket: "global"
2032
+ scopeId: "core-primitives"
2033
+ selector: ":root"
2034
+ sourceFile: "Core (Primitives).tokens.json"
2035
+ -
2036
+ cssVar: "--color-brand-c-purple-50"
2037
+ name: "color-brand-c-purple-50"
2038
+ value: "rgb(156 53 246)"
2039
+ type: "color"
2040
+ group: "colors"
2041
+ path: "Color/Brand C/Purple/50"
2042
+ pathKey: "Color.Brand C.Purple.50"
2043
+ scope: "global:core-primitives"
2044
+ scopeBucket: "global"
2045
+ scopeId: "core-primitives"
2046
+ selector: ":root"
2047
+ sourceFile: "Core (Primitives).tokens.json"
2048
+ -
2049
+ cssVar: "--color-brand-c-purple-60"
2050
+ name: "color-brand-c-purple-60"
2051
+ value: "rgb(183 109 248)"
2052
+ type: "color"
2053
+ group: "colors"
2054
+ path: "Color/Brand C/Purple/60"
2055
+ pathKey: "Color.Brand C.Purple.60"
2056
+ scope: "global:core-primitives"
2057
+ scopeBucket: "global"
2058
+ scopeId: "core-primitives"
2059
+ selector: ":root"
2060
+ sourceFile: "Core (Primitives).tokens.json"
2061
+ -
2062
+ cssVar: "--color-brand-c-purple-70"
2063
+ name: "color-brand-c-purple-70"
2064
+ value: "rgb(202 148 250)"
2065
+ type: "color"
2066
+ group: "colors"
2067
+ path: "Color/Brand C/Purple/70"
2068
+ pathKey: "Color.Brand C.Purple.70"
2069
+ scope: "global:core-primitives"
2070
+ scopeBucket: "global"
2071
+ scopeId: "core-primitives"
2072
+ selector: ":root"
2073
+ sourceFile: "Core (Primitives).tokens.json"
2074
+ -
2075
+ cssVar: "--color-brand-c-purple-80"
2076
+ name: "color-brand-c-purple-80"
2077
+ value: "rgb(219 182 252)"
2078
+ type: "color"
2079
+ group: "colors"
2080
+ path: "Color/Brand C/Purple/80"
2081
+ pathKey: "Color.Brand C.Purple.80"
2082
+ scope: "global:core-primitives"
2083
+ scopeBucket: "global"
2084
+ scopeId: "core-primitives"
2085
+ selector: ":root"
2086
+ sourceFile: "Core (Primitives).tokens.json"
2087
+ -
2088
+ cssVar: "--color-brand-c-purple-90"
2089
+ name: "color-brand-c-purple-90"
2090
+ value: "rgb(236 216 253)"
2091
+ type: "color"
2092
+ group: "colors"
2093
+ path: "Color/Brand C/Purple/90"
2094
+ pathKey: "Color.Brand C.Purple.90"
2095
+ scope: "global:core-primitives"
2096
+ scopeBucket: "global"
2097
+ scopeId: "core-primitives"
2098
+ selector: ":root"
2099
+ sourceFile: "Core (Primitives).tokens.json"
2100
+ -
2101
+ cssVar: "--color-brand-c-purple-100"
2102
+ name: "color-brand-c-purple-100"
2103
+ value: "rgb(245 236 254)"
2104
+ type: "color"
2105
+ group: "colors"
2106
+ path: "Color/Brand C/Purple/100"
2107
+ pathKey: "Color.Brand C.Purple.100"
2108
+ scope: "global:core-primitives"
2109
+ scopeBucket: "global"
2110
+ scopeId: "core-primitives"
2111
+ selector: ":root"
2112
+ sourceFile: "Core (Primitives).tokens.json"
2113
+ -
2114
+ cssVar: "--color-brand-c-red-10"
2115
+ name: "color-brand-c-red-10"
2116
+ value: "rgb(96 6 9)"
2117
+ type: "color"
2118
+ group: "colors"
2119
+ path: "Color/Brand C/Red/10"
2120
+ pathKey: "Color.Brand C.Red.10"
2121
+ scope: "global:core-primitives"
2122
+ scopeBucket: "global"
2123
+ scopeId: "core-primitives"
2124
+ selector: ":root"
2125
+ sourceFile: "Core (Primitives).tokens.json"
2126
+ -
2127
+ cssVar: "--color-brand-c-red-20"
2128
+ name: "color-brand-c-red-20"
2129
+ value: "rgb(144 9 14)"
2130
+ type: "color"
2131
+ group: "colors"
2132
+ path: "Color/Brand C/Red/20"
2133
+ pathKey: "Color.Brand C.Red.20"
2134
+ scope: "global:core-primitives"
2135
+ scopeBucket: "global"
2136
+ scopeId: "core-primitives"
2137
+ selector: ":root"
2138
+ sourceFile: "Core (Primitives).tokens.json"
2139
+ -
2140
+ cssVar: "--color-brand-c-red-30"
2141
+ name: "color-brand-c-red-30"
2142
+ value: "rgb(192 12 18)"
2143
+ type: "color"
2144
+ group: "colors"
2145
+ path: "Color/Brand C/Red/30"
2146
+ pathKey: "Color.Brand C.Red.30"
2147
+ scope: "global:core-primitives"
2148
+ scopeBucket: "global"
2149
+ scopeId: "core-primitives"
2150
+ selector: ":root"
2151
+ sourceFile: "Core (Primitives).tokens.json"
2152
+ -
2153
+ cssVar: "--color-brand-c-red-40"
2154
+ name: "color-brand-c-red-40"
2155
+ value: "rgb(240 15 23)"
2156
+ type: "color"
2157
+ group: "colors"
2158
+ path: "Color/Brand C/Red/40"
2159
+ pathKey: "Color.Brand C.Red.40"
2160
+ scope: "global:core-primitives"
2161
+ scopeBucket: "global"
2162
+ scopeId: "core-primitives"
2163
+ selector: ":root"
2164
+ sourceFile: "Core (Primitives).tokens.json"
2165
+ -
2166
+ cssVar: "--color-brand-c-red-50"
2167
+ name: "color-brand-c-red-50"
2168
+ value: "rgb(242 58 65)"
2169
+ type: "color"
2170
+ group: "colors"
2171
+ path: "Color/Brand C/Red/50"
2172
+ pathKey: "Color.Brand C.Red.50"
2173
+ scope: "global:core-primitives"
2174
+ scopeBucket: "global"
2175
+ scopeId: "core-primitives"
2176
+ selector: ":root"
2177
+ sourceFile: "Core (Primitives).tokens.json"
2178
+ -
2179
+ cssVar: "--color-brand-c-red-60"
2180
+ name: "color-brand-c-red-60"
2181
+ value: "rgb(246 111 116)"
2182
+ type: "color"
2183
+ group: "colors"
2184
+ path: "Color/Brand C/Red/60"
2185
+ pathKey: "Color.Brand C.Red.60"
2186
+ scope: "global:core-primitives"
2187
+ scopeBucket: "global"
2188
+ scopeId: "core-primitives"
2189
+ selector: ":root"
2190
+ sourceFile: "Core (Primitives).tokens.json"
2191
+ -
2192
+ cssVar: "--color-brand-c-red-70"
2193
+ name: "color-brand-c-red-70"
2194
+ value: "rgb(248 150 153)"
2195
+ type: "color"
2196
+ group: "colors"
2197
+ path: "Color/Brand C/Red/70"
2198
+ pathKey: "Color.Brand C.Red.70"
2199
+ scope: "global:core-primitives"
2200
+ scopeBucket: "global"
2201
+ scopeId: "core-primitives"
2202
+ selector: ":root"
2203
+ sourceFile: "Core (Primitives).tokens.json"
2204
+ -
2205
+ cssVar: "--color-brand-c-red-80"
2206
+ name: "color-brand-c-red-80"
2207
+ value: "rgb(250 183 185)"
2208
+ type: "color"
2209
+ group: "colors"
2210
+ path: "Color/Brand C/Red/80"
2211
+ pathKey: "Color.Brand C.Red.80"
2212
+ scope: "global:core-primitives"
2213
+ scopeBucket: "global"
2214
+ scopeId: "core-primitives"
2215
+ selector: ":root"
2216
+ sourceFile: "Core (Primitives).tokens.json"
2217
+ -
2218
+ cssVar: "--color-brand-c-red-90"
2219
+ name: "color-brand-c-red-90"
2220
+ value: "rgb(253 226 227)"
2221
+ type: "color"
2222
+ group: "colors"
2223
+ path: "Color/Brand C/Red/90"
2224
+ pathKey: "Color.Brand C.Red.90"
2225
+ scope: "global:core-primitives"
2226
+ scopeBucket: "global"
2227
+ scopeId: "core-primitives"
2228
+ selector: ":root"
2229
+ sourceFile: "Core (Primitives).tokens.json"
2230
+ -
2231
+ cssVar: "--color-brand-c-red-100"
2232
+ name: "color-brand-c-red-100"
2233
+ value: "rgb(254 236 236)"
2234
+ type: "color"
2235
+ group: "colors"
2236
+ path: "Color/Brand C/Red/100"
2237
+ pathKey: "Color.Brand C.Red.100"
2238
+ scope: "global:core-primitives"
2239
+ scopeBucket: "global"
2240
+ scopeId: "core-primitives"
2241
+ selector: ":root"
2242
+ sourceFile: "Core (Primitives).tokens.json"
2243
+ -
2244
+ cssVar: "--color-fill-active"
2245
+ name: "color-fill-active"
2246
+ value: "var(--brand-color-accent)"
2247
+ type: "color"
2248
+ group: "colors"
2249
+ path: "Color/Fill/Active"
2250
+ pathKey: "Color.Fill.Active"
2251
+ scope: "mode:dark"
2252
+ scopeBucket: "mode"
2253
+ scopeId: "dark"
2254
+ selector: ":root[data-mode=\"dark\"]"
2255
+ sourceFile: "Appearance (Modes).tokens.json"
2256
+ -
2257
+ cssVar: "--color-fill-active"
2258
+ name: "color-fill-active"
2259
+ value: "var(--brand-color-accent)"
2260
+ type: "color"
2261
+ group: "colors"
2262
+ path: "Color/Fill/Active"
2263
+ pathKey: "Color.Fill.Active"
2264
+ scope: "mode:light"
2265
+ scopeBucket: "mode"
2266
+ scopeId: "light"
2267
+ selector: ":root"
2268
+ sourceFile: "Appearance (Modes).tokens.json"
2269
+ -
2270
+ cssVar: "--color-fill-brand"
2271
+ name: "color-fill-brand"
2272
+ value: "var(--brand-color-primary)"
2273
+ type: "color"
2274
+ group: "colors"
2275
+ path: "Color/Fill/Brand"
2276
+ pathKey: "Color.Fill.Brand"
2277
+ scope: "mode:dark"
2278
+ scopeBucket: "mode"
2279
+ scopeId: "dark"
2280
+ selector: ":root[data-mode=\"dark\"]"
2281
+ sourceFile: "Appearance (Modes).tokens.json"
2282
+ -
2283
+ cssVar: "--color-fill-brand"
2284
+ name: "color-fill-brand"
2285
+ value: "var(--brand-color-primary)"
2286
+ type: "color"
2287
+ group: "colors"
2288
+ path: "Color/Fill/Brand"
2289
+ pathKey: "Color.Fill.Brand"
2290
+ scope: "mode:light"
2291
+ scopeBucket: "mode"
2292
+ scopeId: "light"
2293
+ selector: ":root"
2294
+ sourceFile: "Appearance (Modes).tokens.json"
2295
+ -
2296
+ cssVar: "--color-fill-danger"
2297
+ name: "color-fill-danger"
2298
+ value: "var(--brand-color-functional-danger)"
2299
+ type: "color"
2300
+ group: "colors"
2301
+ path: "Color/Fill/Danger"
2302
+ pathKey: "Color.Fill.Danger"
2303
+ scope: "mode:dark"
2304
+ scopeBucket: "mode"
2305
+ scopeId: "dark"
2306
+ selector: ":root[data-mode=\"dark\"]"
2307
+ sourceFile: "Appearance (Modes).tokens.json"
2308
+ -
2309
+ cssVar: "--color-fill-danger"
2310
+ name: "color-fill-danger"
2311
+ value: "var(--brand-color-functional-danger)"
2312
+ type: "color"
2313
+ group: "colors"
2314
+ path: "Color/Fill/Danger"
2315
+ pathKey: "Color.Fill.Danger"
2316
+ scope: "mode:light"
2317
+ scopeBucket: "mode"
2318
+ scopeId: "light"
2319
+ selector: ":root"
2320
+ sourceFile: "Appearance (Modes).tokens.json"
2321
+ -
2322
+ cssVar: "--color-fill-disabled"
2323
+ name: "color-fill-disabled"
2324
+ value: "var(--color-neutral-300)"
2325
+ type: "color"
2326
+ group: "colors"
2327
+ path: "Color/Fill/Disabled"
2328
+ pathKey: "Color.Fill.Disabled"
2329
+ scope: "mode:dark"
2330
+ scopeBucket: "mode"
2331
+ scopeId: "dark"
2332
+ selector: ":root[data-mode=\"dark\"]"
2333
+ sourceFile: "Appearance (Modes).tokens.json"
2334
+ -
2335
+ cssVar: "--color-fill-disabled"
2336
+ name: "color-fill-disabled"
2337
+ value: "var(--color-neutral-300)"
2338
+ type: "color"
2339
+ group: "colors"
2340
+ path: "Color/Fill/Disabled"
2341
+ pathKey: "Color.Fill.Disabled"
2342
+ scope: "mode:light"
2343
+ scopeBucket: "mode"
862
2344
  scopeId: "light"
863
2345
  selector: ":root"
864
2346
  sourceFile: "Appearance (Modes).tokens.json"
865
2347
  -
866
2348
  cssVar: "--color-fill-hover"
867
2349
  name: "color-fill-hover"
868
- value: "var(--color-neutral-alpha-500)"
2350
+ value: "var(--color-neutral-alpha-inverse-100)"
869
2351
  type: "color"
870
2352
  group: "colors"
871
2353
  path: "Color/Fill/Hover"
@@ -1167,99 +2649,229 @@ tokens:
1167
2649
  value: "rgba(0 0 0 / 0.2)"
1168
2650
  type: "color"
1169
2651
  group: "colors"
1170
- path: "Color/Neutral/Alpha/200"
1171
- pathKey: "Color.Neutral.Alpha.200"
2652
+ path: "Color/Neutral/Alpha/200"
2653
+ pathKey: "Color.Neutral.Alpha.200"
2654
+ scope: "global:core-primitives"
2655
+ scopeBucket: "global"
2656
+ scopeId: "core-primitives"
2657
+ selector: ":root"
2658
+ sourceFile: "Core (Primitives).tokens.json"
2659
+ -
2660
+ cssVar: "--color-neutral-alpha-300"
2661
+ name: "color-neutral-alpha-300"
2662
+ value: "rgba(0 0 0 / 0.3)"
2663
+ type: "color"
2664
+ group: "colors"
2665
+ path: "Color/Neutral/Alpha/300"
2666
+ pathKey: "Color.Neutral.Alpha.300"
2667
+ scope: "global:core-primitives"
2668
+ scopeBucket: "global"
2669
+ scopeId: "core-primitives"
2670
+ selector: ":root"
2671
+ sourceFile: "Core (Primitives).tokens.json"
2672
+ -
2673
+ cssVar: "--color-neutral-alpha-400"
2674
+ name: "color-neutral-alpha-400"
2675
+ value: "rgba(0 0 0 / 0.4)"
2676
+ type: "color"
2677
+ group: "colors"
2678
+ path: "Color/Neutral/Alpha/400"
2679
+ pathKey: "Color.Neutral.Alpha.400"
2680
+ scope: "global:core-primitives"
2681
+ scopeBucket: "global"
2682
+ scopeId: "core-primitives"
2683
+ selector: ":root"
2684
+ sourceFile: "Core (Primitives).tokens.json"
2685
+ -
2686
+ cssVar: "--color-neutral-alpha-500"
2687
+ name: "color-neutral-alpha-500"
2688
+ value: "rgba(0 0 0 / 0.5)"
2689
+ type: "color"
2690
+ group: "colors"
2691
+ path: "Color/Neutral/Alpha/500"
2692
+ pathKey: "Color.Neutral.Alpha.500"
2693
+ scope: "global:core-primitives"
2694
+ scopeBucket: "global"
2695
+ scopeId: "core-primitives"
2696
+ selector: ":root"
2697
+ sourceFile: "Core (Primitives).tokens.json"
2698
+ -
2699
+ cssVar: "--color-neutral-alpha-600"
2700
+ name: "color-neutral-alpha-600"
2701
+ value: "rgba(0 0 0 / 0.6)"
2702
+ type: "color"
2703
+ group: "colors"
2704
+ path: "Color/Neutral/Alpha/600"
2705
+ pathKey: "Color.Neutral.Alpha.600"
2706
+ scope: "global:core-primitives"
2707
+ scopeBucket: "global"
2708
+ scopeId: "core-primitives"
2709
+ selector: ":root"
2710
+ sourceFile: "Core (Primitives).tokens.json"
2711
+ -
2712
+ cssVar: "--color-neutral-alpha-700"
2713
+ name: "color-neutral-alpha-700"
2714
+ value: "rgba(0 0 0 / 0.7)"
2715
+ type: "color"
2716
+ group: "colors"
2717
+ path: "Color/Neutral/Alpha/700"
2718
+ pathKey: "Color.Neutral.Alpha.700"
2719
+ scope: "global:core-primitives"
2720
+ scopeBucket: "global"
2721
+ scopeId: "core-primitives"
2722
+ selector: ":root"
2723
+ sourceFile: "Core (Primitives).tokens.json"
2724
+ -
2725
+ cssVar: "--color-neutral-alpha-800"
2726
+ name: "color-neutral-alpha-800"
2727
+ value: "rgba(0 0 0 / 0.8)"
2728
+ type: "color"
2729
+ group: "colors"
2730
+ path: "Color/Neutral/Alpha/800"
2731
+ pathKey: "Color.Neutral.Alpha.800"
2732
+ scope: "global:core-primitives"
2733
+ scopeBucket: "global"
2734
+ scopeId: "core-primitives"
2735
+ selector: ":root"
2736
+ sourceFile: "Core (Primitives).tokens.json"
2737
+ -
2738
+ cssVar: "--color-neutral-alpha-900"
2739
+ name: "color-neutral-alpha-900"
2740
+ value: "rgba(0 0 0 / 0.9)"
2741
+ type: "color"
2742
+ group: "colors"
2743
+ path: "Color/Neutral/Alpha/900"
2744
+ pathKey: "Color.Neutral.Alpha.900"
2745
+ scope: "global:core-primitives"
2746
+ scopeBucket: "global"
2747
+ scopeId: "core-primitives"
2748
+ selector: ":root"
2749
+ sourceFile: "Core (Primitives).tokens.json"
2750
+ -
2751
+ cssVar: "--color-neutral-alpha-inverse-000"
2752
+ name: "color-neutral-alpha-inverse-000"
2753
+ value: "rgba(255 255 255 / 0)"
2754
+ type: "color"
2755
+ group: "colors"
2756
+ path: "Color/Neutral/Alpha Inverse/000"
2757
+ pathKey: "Color.Neutral.Alpha Inverse.000"
2758
+ scope: "global:core-primitives"
2759
+ scopeBucket: "global"
2760
+ scopeId: "core-primitives"
2761
+ selector: ":root"
2762
+ sourceFile: "Core (Primitives).tokens.json"
2763
+ -
2764
+ cssVar: "--color-neutral-alpha-inverse-100"
2765
+ name: "color-neutral-alpha-inverse-100"
2766
+ value: "rgba(255 255 255 / 0.1)"
2767
+ type: "color"
2768
+ group: "colors"
2769
+ path: "Color/Neutral/Alpha Inverse/100"
2770
+ pathKey: "Color.Neutral.Alpha Inverse.100"
2771
+ scope: "global:core-primitives"
2772
+ scopeBucket: "global"
2773
+ scopeId: "core-primitives"
2774
+ selector: ":root"
2775
+ sourceFile: "Core (Primitives).tokens.json"
2776
+ -
2777
+ cssVar: "--color-neutral-alpha-inverse-200"
2778
+ name: "color-neutral-alpha-inverse-200"
2779
+ value: "rgba(255 255 255 / 0.2)"
2780
+ type: "color"
2781
+ group: "colors"
2782
+ path: "Color/Neutral/Alpha Inverse/200"
2783
+ pathKey: "Color.Neutral.Alpha Inverse.200"
1172
2784
  scope: "global:core-primitives"
1173
2785
  scopeBucket: "global"
1174
2786
  scopeId: "core-primitives"
1175
2787
  selector: ":root"
1176
2788
  sourceFile: "Core (Primitives).tokens.json"
1177
2789
  -
1178
- cssVar: "--color-neutral-alpha-300"
1179
- name: "color-neutral-alpha-300"
1180
- value: "rgba(0 0 0 / 0.3)"
2790
+ cssVar: "--color-neutral-alpha-inverse-300"
2791
+ name: "color-neutral-alpha-inverse-300"
2792
+ value: "rgba(255 255 255 / 0.3)"
1181
2793
  type: "color"
1182
2794
  group: "colors"
1183
- path: "Color/Neutral/Alpha/300"
1184
- pathKey: "Color.Neutral.Alpha.300"
2795
+ path: "Color/Neutral/Alpha Inverse/300"
2796
+ pathKey: "Color.Neutral.Alpha Inverse.300"
1185
2797
  scope: "global:core-primitives"
1186
2798
  scopeBucket: "global"
1187
2799
  scopeId: "core-primitives"
1188
2800
  selector: ":root"
1189
2801
  sourceFile: "Core (Primitives).tokens.json"
1190
2802
  -
1191
- cssVar: "--color-neutral-alpha-400"
1192
- name: "color-neutral-alpha-400"
1193
- value: "rgba(0 0 0 / 0.4)"
2803
+ cssVar: "--color-neutral-alpha-inverse-400"
2804
+ name: "color-neutral-alpha-inverse-400"
2805
+ value: "rgba(255 255 255 / 0.4)"
1194
2806
  type: "color"
1195
2807
  group: "colors"
1196
- path: "Color/Neutral/Alpha/400"
1197
- pathKey: "Color.Neutral.Alpha.400"
2808
+ path: "Color/Neutral/Alpha Inverse/400"
2809
+ pathKey: "Color.Neutral.Alpha Inverse.400"
1198
2810
  scope: "global:core-primitives"
1199
2811
  scopeBucket: "global"
1200
2812
  scopeId: "core-primitives"
1201
2813
  selector: ":root"
1202
2814
  sourceFile: "Core (Primitives).tokens.json"
1203
2815
  -
1204
- cssVar: "--color-neutral-alpha-500"
1205
- name: "color-neutral-alpha-500"
1206
- value: "rgba(0 0 0 / 0.5)"
2816
+ cssVar: "--color-neutral-alpha-inverse-500"
2817
+ name: "color-neutral-alpha-inverse-500"
2818
+ value: "rgba(255 255 255 / 0.5)"
1207
2819
  type: "color"
1208
2820
  group: "colors"
1209
- path: "Color/Neutral/Alpha/500"
1210
- pathKey: "Color.Neutral.Alpha.500"
2821
+ path: "Color/Neutral/Alpha Inverse/500"
2822
+ pathKey: "Color.Neutral.Alpha Inverse.500"
1211
2823
  scope: "global:core-primitives"
1212
2824
  scopeBucket: "global"
1213
2825
  scopeId: "core-primitives"
1214
2826
  selector: ":root"
1215
2827
  sourceFile: "Core (Primitives).tokens.json"
1216
2828
  -
1217
- cssVar: "--color-neutral-alpha-600"
1218
- name: "color-neutral-alpha-600"
1219
- value: "rgba(0 0 0 / 0.6)"
2829
+ cssVar: "--color-neutral-alpha-inverse-600"
2830
+ name: "color-neutral-alpha-inverse-600"
2831
+ value: "rgba(255 255 255 / 0.6)"
1220
2832
  type: "color"
1221
2833
  group: "colors"
1222
- path: "Color/Neutral/Alpha/600"
1223
- pathKey: "Color.Neutral.Alpha.600"
2834
+ path: "Color/Neutral/Alpha Inverse/600"
2835
+ pathKey: "Color.Neutral.Alpha Inverse.600"
1224
2836
  scope: "global:core-primitives"
1225
2837
  scopeBucket: "global"
1226
2838
  scopeId: "core-primitives"
1227
2839
  selector: ":root"
1228
2840
  sourceFile: "Core (Primitives).tokens.json"
1229
2841
  -
1230
- cssVar: "--color-neutral-alpha-700"
1231
- name: "color-neutral-alpha-700"
1232
- value: "rgba(0 0 0 / 0.7)"
2842
+ cssVar: "--color-neutral-alpha-inverse-700"
2843
+ name: "color-neutral-alpha-inverse-700"
2844
+ value: "rgba(255 255 255 / 0.7)"
1233
2845
  type: "color"
1234
2846
  group: "colors"
1235
- path: "Color/Neutral/Alpha/700"
1236
- pathKey: "Color.Neutral.Alpha.700"
2847
+ path: "Color/Neutral/Alpha Inverse/700"
2848
+ pathKey: "Color.Neutral.Alpha Inverse.700"
1237
2849
  scope: "global:core-primitives"
1238
2850
  scopeBucket: "global"
1239
2851
  scopeId: "core-primitives"
1240
2852
  selector: ":root"
1241
2853
  sourceFile: "Core (Primitives).tokens.json"
1242
2854
  -
1243
- cssVar: "--color-neutral-alpha-800"
1244
- name: "color-neutral-alpha-800"
1245
- value: "rgba(0 0 0 / 0.8)"
2855
+ cssVar: "--color-neutral-alpha-inverse-800"
2856
+ name: "color-neutral-alpha-inverse-800"
2857
+ value: "rgba(255 255 255 / 0.8)"
1246
2858
  type: "color"
1247
2859
  group: "colors"
1248
- path: "Color/Neutral/Alpha/800"
1249
- pathKey: "Color.Neutral.Alpha.800"
2860
+ path: "Color/Neutral/Alpha Inverse/800"
2861
+ pathKey: "Color.Neutral.Alpha Inverse.800"
1250
2862
  scope: "global:core-primitives"
1251
2863
  scopeBucket: "global"
1252
2864
  scopeId: "core-primitives"
1253
2865
  selector: ":root"
1254
2866
  sourceFile: "Core (Primitives).tokens.json"
1255
2867
  -
1256
- cssVar: "--color-neutral-alpha-900"
1257
- name: "color-neutral-alpha-900"
1258
- value: "rgba(0 0 0 / 0.9)"
2868
+ cssVar: "--color-neutral-alpha-inverse-900"
2869
+ name: "color-neutral-alpha-inverse-900"
2870
+ value: "rgba(255 255 255 / 0.9)"
1259
2871
  type: "color"
1260
2872
  group: "colors"
1261
- path: "Color/Neutral/Alpha/900"
1262
- pathKey: "Color.Neutral.Alpha.900"
2873
+ path: "Color/Neutral/Alpha Inverse/900"
2874
+ pathKey: "Color.Neutral.Alpha Inverse.900"
1263
2875
  scope: "global:core-primitives"
1264
2876
  scopeBucket: "global"
1265
2877
  scopeId: "core-primitives"
@@ -1268,7 +2880,7 @@ tokens:
1268
2880
  -
1269
2881
  cssVar: "--color-overlay-active"
1270
2882
  name: "color-overlay-active"
1271
- value: "var(--color-neutral-alpha-400)"
2883
+ value: "var(--color-neutral-alpha-inverse-200)"
1272
2884
  type: "color"
1273
2885
  group: "colors"
1274
2886
  path: "Color/Overlay/Active"
@@ -1294,7 +2906,7 @@ tokens:
1294
2906
  -
1295
2907
  cssVar: "--color-overlay-backdrop"
1296
2908
  name: "color-overlay-backdrop"
1297
- value: "var(--color-neutral-alpha-400)"
2909
+ value: "var(--color-neutral-alpha-inverse-400)"
1298
2910
  type: "color"
1299
2911
  group: "colors"
1300
2912
  path: "Color/Overlay/Backdrop"
@@ -1320,7 +2932,7 @@ tokens:
1320
2932
  -
1321
2933
  cssVar: "--color-overlay-hover"
1322
2934
  name: "color-overlay-hover"
1323
- value: "var(--color-neutral-alpha-200)"
2935
+ value: "var(--color-neutral-alpha-inverse-100)"
1324
2936
  type: "color"
1325
2937
  group: "colors"
1326
2938
  path: "Color/Overlay/Hover"
@@ -1346,7 +2958,7 @@ tokens:
1346
2958
  -
1347
2959
  cssVar: "--color-overlay-selected"
1348
2960
  name: "color-overlay-selected"
1349
- value: "var(--color-neutral-alpha-600)"
2961
+ value: "var(--color-neutral-alpha-inverse-300)"
1350
2962
  type: "color"
1351
2963
  group: "colors"
1352
2964
  path: "Color/Overlay/Selected"
@@ -1550,46 +3162,358 @@ tokens:
1550
3162
  scopeBucket: "mode"
1551
3163
  scopeId: "light"
1552
3164
  selector: ":root"
1553
- sourceFile: "Appearance (Modes).tokens.json"
3165
+ sourceFile: "Appearance (Modes).tokens.json"
3166
+ -
3167
+ cssVar: "--color-text-success"
3168
+ name: "color-text-success"
3169
+ value: "var(--brand-color-functional-success)"
3170
+ type: "color"
3171
+ group: "colors"
3172
+ path: "Color/Text/Success"
3173
+ pathKey: "Color.Text.Success"
3174
+ scope: "mode:dark"
3175
+ scopeBucket: "mode"
3176
+ scopeId: "dark"
3177
+ selector: ":root[data-mode=\"dark\"]"
3178
+ sourceFile: "Appearance (Modes).tokens.json"
3179
+ -
3180
+ cssVar: "--color-text-success"
3181
+ name: "color-text-success"
3182
+ value: "var(--brand-color-functional-success)"
3183
+ type: "color"
3184
+ group: "colors"
3185
+ path: "Color/Text/Success"
3186
+ pathKey: "Color.Text.Success"
3187
+ scope: "mode:light"
3188
+ scopeBucket: "mode"
3189
+ scopeId: "light"
3190
+ selector: ":root"
3191
+ sourceFile: "Appearance (Modes).tokens.json"
3192
+ -
3193
+ cssVar: "--color-transparent"
3194
+ name: "color-transparent"
3195
+ value: "rgba(0 0 0 / 0)"
3196
+ type: "color"
3197
+ group: "colors"
3198
+ path: "Color/Transparent"
3199
+ pathKey: "Color.Transparent"
3200
+ scope: "global:core-primitives"
3201
+ scopeBucket: "global"
3202
+ scopeId: "core-primitives"
3203
+ selector: ":root"
3204
+ sourceFile: "Core (Primitives).tokens.json"
3205
+ -
3206
+ cssVar: "--badge-border-radius"
3207
+ name: "badge-border-radius"
3208
+ value: "var(--brand-corner-input)"
3209
+ type: "number"
3210
+ group: "components"
3211
+ path: "Badge/Border Radius"
3212
+ pathKey: "Badge.Border Radius"
3213
+ scope: "global:components-ui"
3214
+ scopeBucket: "global"
3215
+ scopeId: "components-ui"
3216
+ selector: ":root"
3217
+ sourceFile: "Components (UI).tokens.json"
3218
+ -
3219
+ cssVar: "--badge-border-size-default"
3220
+ name: "badge-border-size-default"
3221
+ value: "var(--size-border-100)"
3222
+ type: "number"
3223
+ group: "components"
3224
+ path: "Badge/Border Size Default"
3225
+ pathKey: "Badge.Border Size Default"
3226
+ scope: "global:components-ui"
3227
+ scopeBucket: "global"
3228
+ scopeId: "components-ui"
3229
+ selector: ":root"
3230
+ sourceFile: "Components (UI).tokens.json"
3231
+ -
3232
+ cssVar: "--badge-brand-border-color"
3233
+ name: "badge-brand-border-color"
3234
+ value: "var(--color-transparent)"
3235
+ type: "color"
3236
+ group: "components"
3237
+ path: "Badge/Brand/Border Color"
3238
+ pathKey: "Badge.Brand.Border Color"
3239
+ scope: "global:components-ui"
3240
+ scopeBucket: "global"
3241
+ scopeId: "components-ui"
3242
+ selector: ":root"
3243
+ sourceFile: "Components (UI).tokens.json"
3244
+ -
3245
+ cssVar: "--badge-brand-container-background"
3246
+ name: "badge-brand-container-background"
3247
+ value: "var(--color-fill-brand)"
3248
+ type: "color"
3249
+ group: "components"
3250
+ path: "Badge/Brand/Container/Background"
3251
+ pathKey: "Badge.Brand.Container.Background"
3252
+ scope: "global:components-ui"
3253
+ scopeBucket: "global"
3254
+ scopeId: "components-ui"
3255
+ selector: ":root"
3256
+ sourceFile: "Components (UI).tokens.json"
3257
+ -
3258
+ cssVar: "--badge-brand-text-color"
3259
+ name: "badge-brand-text-color"
3260
+ value: "var(--color-text-inverse)"
3261
+ type: "color"
3262
+ group: "components"
3263
+ path: "Badge/Brand/Text Color"
3264
+ pathKey: "Badge.Brand.Text Color"
3265
+ scope: "global:components-ui"
3266
+ scopeBucket: "global"
3267
+ scopeId: "components-ui"
3268
+ selector: ":root"
3269
+ sourceFile: "Components (UI).tokens.json"
3270
+ -
3271
+ cssVar: "--badge-danger-border-color"
3272
+ name: "badge-danger-border-color"
3273
+ value: "var(--color-transparent)"
3274
+ type: "color"
3275
+ group: "components"
3276
+ path: "Badge/Danger/Container/Border Color"
3277
+ pathKey: "Badge.Danger.Container.Border Color"
3278
+ scope: "global:components-ui"
3279
+ scopeBucket: "global"
3280
+ scopeId: "components-ui"
3281
+ selector: ":root"
3282
+ sourceFile: "Components (UI).tokens.json"
3283
+ -
3284
+ cssVar: "--badge-danger-container-background"
3285
+ name: "badge-danger-container-background"
3286
+ value: "var(--color-fill-danger)"
3287
+ type: "color"
3288
+ group: "components"
3289
+ path: "Badge/Danger/Container/Background"
3290
+ pathKey: "Badge.Danger.Container.Background"
3291
+ scope: "global:components-ui"
3292
+ scopeBucket: "global"
3293
+ scopeId: "components-ui"
3294
+ selector: ":root"
3295
+ sourceFile: "Components (UI).tokens.json"
3296
+ -
3297
+ cssVar: "--badge-danger-text-color"
3298
+ name: "badge-danger-text-color"
3299
+ value: "var(--color-text-inverse)"
3300
+ type: "color"
3301
+ group: "components"
3302
+ path: "Badge/Danger/Text Color"
3303
+ pathKey: "Badge.Danger.Text Color"
3304
+ scope: "global:components-ui"
3305
+ scopeBucket: "global"
3306
+ scopeId: "components-ui"
3307
+ selector: ":root"
3308
+ sourceFile: "Components (UI).tokens.json"
3309
+ -
3310
+ cssVar: "--badge-default-border-color"
3311
+ name: "badge-default-border-color"
3312
+ value: "var(--color-transparent)"
3313
+ type: "color"
3314
+ group: "components"
3315
+ path: "Badge/Default/Border Color"
3316
+ pathKey: "Badge.Default.Border Color"
3317
+ scope: "global:components-ui"
3318
+ scopeBucket: "global"
3319
+ scopeId: "components-ui"
3320
+ selector: ":root"
3321
+ sourceFile: "Components (UI).tokens.json"
3322
+ -
3323
+ cssVar: "--badge-default-container-background"
3324
+ name: "badge-default-container-background"
3325
+ value: "var(--color-fill-subtle)"
3326
+ type: "color"
3327
+ group: "components"
3328
+ path: "Badge/Default/Container/Background"
3329
+ pathKey: "Badge.Default.Container.Background"
3330
+ scope: "global:components-ui"
3331
+ scopeBucket: "global"
3332
+ scopeId: "components-ui"
3333
+ selector: ":root"
3334
+ sourceFile: "Components (UI).tokens.json"
3335
+ -
3336
+ cssVar: "--badge-default-text-color"
3337
+ name: "badge-default-text-color"
3338
+ value: "var(--color-text-default)"
3339
+ type: "color"
3340
+ group: "components"
3341
+ path: "Badge/Default/Text Color"
3342
+ pathKey: "Badge.Default.Text Color"
3343
+ scope: "global:components-ui"
3344
+ scopeBucket: "global"
3345
+ scopeId: "components-ui"
3346
+ selector: ":root"
3347
+ sourceFile: "Components (UI).tokens.json"
3348
+ -
3349
+ cssVar: "--badge-font-family"
3350
+ name: "badge-font-family"
3351
+ value: "var(--brand-font-lead)"
3352
+ type: "string"
3353
+ group: "components"
3354
+ path: "Badge/Font Family"
3355
+ pathKey: "Badge.Font Family"
3356
+ scope: "global:components-ui"
3357
+ scopeBucket: "global"
3358
+ scopeId: "components-ui"
3359
+ selector: ":root"
3360
+ sourceFile: "Components (UI).tokens.json"
3361
+ -
3362
+ cssVar: "--badge-font-size"
3363
+ name: "badge-font-size"
3364
+ value: "var(--typography-label-font-size)"
3365
+ type: "number"
3366
+ group: "components"
3367
+ path: "Badge/Font Size"
3368
+ pathKey: "Badge.Font Size"
3369
+ scope: "global:components-ui"
3370
+ scopeBucket: "global"
3371
+ scopeId: "components-ui"
3372
+ selector: ":root"
3373
+ sourceFile: "Components (UI).tokens.json"
3374
+ -
3375
+ cssVar: "--badge-font-weight"
3376
+ name: "badge-font-weight"
3377
+ value: "var(--typography-label-font-weight)"
3378
+ type: "string"
3379
+ group: "components"
3380
+ path: "Badge/Font Weight"
3381
+ pathKey: "Badge.Font Weight"
3382
+ scope: "global:components-ui"
3383
+ scopeBucket: "global"
3384
+ scopeId: "components-ui"
3385
+ selector: ":root"
3386
+ sourceFile: "Components (UI).tokens.json"
3387
+ -
3388
+ cssVar: "--badge-gap"
3389
+ name: "badge-gap"
3390
+ value: "var(--size-spacing-200)"
3391
+ type: "number"
3392
+ group: "components"
3393
+ path: "Badge/Gap"
3394
+ pathKey: "Badge.Gap"
3395
+ scope: "global:components-ui"
3396
+ scopeBucket: "global"
3397
+ scopeId: "components-ui"
3398
+ selector: ":root"
3399
+ sourceFile: "Components (UI).tokens.json"
3400
+ -
3401
+ cssVar: "--badge-height-min"
3402
+ name: "badge-height-min"
3403
+ value: "2.5rem"
3404
+ type: "number"
3405
+ group: "components"
3406
+ path: "Badge/Height Min"
3407
+ pathKey: "Badge.Height Min"
3408
+ scope: "global:components-ui"
3409
+ scopeBucket: "global"
3410
+ scopeId: "components-ui"
3411
+ selector: ":root"
3412
+ sourceFile: "Components (UI).tokens.json"
3413
+ -
3414
+ cssVar: "--badge-line-height"
3415
+ name: "badge-line-height"
3416
+ value: "var(--typography-label-line-height)"
3417
+ type: "number"
3418
+ group: "components"
3419
+ path: "Badge/Line Height"
3420
+ pathKey: "Badge.Line Height"
3421
+ scope: "global:components-ui"
3422
+ scopeBucket: "global"
3423
+ scopeId: "components-ui"
3424
+ selector: ":root"
3425
+ sourceFile: "Components (UI).tokens.json"
3426
+ -
3427
+ cssVar: "--badge-padding-block"
3428
+ name: "badge-padding-block"
3429
+ value: "var(--size-spacing-200)"
3430
+ type: "number"
3431
+ group: "components"
3432
+ path: "Badge/Padding Block"
3433
+ pathKey: "Badge.Padding Block"
3434
+ scope: "global:components-ui"
3435
+ scopeBucket: "global"
3436
+ scopeId: "components-ui"
3437
+ selector: ":root"
3438
+ sourceFile: "Components (UI).tokens.json"
3439
+ -
3440
+ cssVar: "--badge-padding-inline"
3441
+ name: "badge-padding-inline"
3442
+ value: "var(--size-spacing-400)"
3443
+ type: "number"
3444
+ group: "components"
3445
+ path: "Badge/Padding Inline"
3446
+ pathKey: "Badge.Padding Inline"
3447
+ scope: "global:components-ui"
3448
+ scopeBucket: "global"
3449
+ scopeId: "components-ui"
3450
+ selector: ":root"
3451
+ sourceFile: "Components (UI).tokens.json"
3452
+ -
3453
+ cssVar: "--badge-padding-inline-icon-only"
3454
+ name: "badge-padding-inline-icon-only"
3455
+ value: "var(--size-spacing-200)"
3456
+ type: "number"
3457
+ group: "components"
3458
+ path: "Badge/Padding Inline Icon Only"
3459
+ pathKey: "Badge.Padding Inline Icon Only"
3460
+ scope: "global:components-ui"
3461
+ scopeBucket: "global"
3462
+ scopeId: "components-ui"
3463
+ selector: ":root"
3464
+ sourceFile: "Components (UI).tokens.json"
1554
3465
  -
1555
- cssVar: "--color-text-success"
1556
- name: "color-text-success"
1557
- value: "var(--brand-color-functional-success)"
3466
+ cssVar: "--badge-success-border-color"
3467
+ name: "badge-success-border-color"
3468
+ value: "var(--color-transparent)"
1558
3469
  type: "color"
1559
- group: "colors"
1560
- path: "Color/Text/Success"
1561
- pathKey: "Color.Text.Success"
1562
- scope: "mode:dark"
1563
- scopeBucket: "mode"
1564
- scopeId: "dark"
1565
- selector: ":root[data-mode=\"dark\"]"
1566
- sourceFile: "Appearance (Modes).tokens.json"
3470
+ group: "components"
3471
+ path: "Badge/Success/Border Color"
3472
+ pathKey: "Badge.Success.Border Color"
3473
+ scope: "global:components-ui"
3474
+ scopeBucket: "global"
3475
+ scopeId: "components-ui"
3476
+ selector: ":root"
3477
+ sourceFile: "Components (UI).tokens.json"
1567
3478
  -
1568
- cssVar: "--color-text-success"
1569
- name: "color-text-success"
1570
- value: "var(--brand-color-functional-success)"
3479
+ cssVar: "--badge-success-container-background"
3480
+ name: "badge-success-container-background"
3481
+ value: "var(--color-fill-success)"
1571
3482
  type: "color"
1572
- group: "colors"
1573
- path: "Color/Text/Success"
1574
- pathKey: "Color.Text.Success"
1575
- scope: "mode:light"
1576
- scopeBucket: "mode"
1577
- scopeId: "light"
3483
+ group: "components"
3484
+ path: "Badge/Success/Container/Background"
3485
+ pathKey: "Badge.Success.Container.Background"
3486
+ scope: "global:components-ui"
3487
+ scopeBucket: "global"
3488
+ scopeId: "components-ui"
1578
3489
  selector: ":root"
1579
- sourceFile: "Appearance (Modes).tokens.json"
3490
+ sourceFile: "Components (UI).tokens.json"
1580
3491
  -
1581
- cssVar: "--color-transparent"
1582
- name: "color-transparent"
1583
- value: "rgba(0 0 0 / 0)"
3492
+ cssVar: "--badge-success-text-color"
3493
+ name: "badge-success-text-color"
3494
+ value: "var(--color-text-inverse)"
1584
3495
  type: "color"
1585
- group: "colors"
1586
- path: "Color/Transparent"
1587
- pathKey: "Color.Transparent"
1588
- scope: "global:core-primitives"
3496
+ group: "components"
3497
+ path: "Badge/Success/Text Color"
3498
+ pathKey: "Badge.Success.Text Color"
3499
+ scope: "global:components-ui"
1589
3500
  scopeBucket: "global"
1590
- scopeId: "core-primitives"
3501
+ scopeId: "components-ui"
1591
3502
  selector: ":root"
1592
- sourceFile: "Core (Primitives).tokens.json"
3503
+ sourceFile: "Components (UI).tokens.json"
3504
+ -
3505
+ cssVar: "--badge-width-min"
3506
+ name: "badge-width-min"
3507
+ value: "2.5rem"
3508
+ type: "number"
3509
+ group: "components"
3510
+ path: "Badge/Width Min"
3511
+ pathKey: "Badge.Width Min"
3512
+ scope: "global:components-ui"
3513
+ scopeBucket: "global"
3514
+ scopeId: "components-ui"
3515
+ selector: ":root"
3516
+ sourceFile: "Components (UI).tokens.json"
1593
3517
  -
1594
3518
  cssVar: "--button-border-color-disabled"
1595
3519
  name: "button-border-color-disabled"
@@ -2194,86 +4118,333 @@ tokens:
2194
4118
  value: "var(--color-fill-brand)"
2195
4119
  type: "color"
2196
4120
  group: "components"
2197
- path: "Button/Solid/Container/Background Focus"
2198
- pathKey: "Button.Solid.Container.Background Focus"
4121
+ path: "Button/Solid/Container/Background Focus"
4122
+ pathKey: "Button.Solid.Container.Background Focus"
4123
+ scope: "global:components-ui"
4124
+ scopeBucket: "global"
4125
+ scopeId: "components-ui"
4126
+ selector: ":root"
4127
+ sourceFile: "Components (UI).tokens.json"
4128
+ -
4129
+ cssVar: "--button-solid-container-background-hover"
4130
+ name: "button-solid-container-background-hover"
4131
+ value: "var(--color-fill-brand)"
4132
+ type: "color"
4133
+ group: "components"
4134
+ path: "Button/Solid/Container/Background Hover"
4135
+ pathKey: "Button.Solid.Container.Background Hover"
4136
+ scope: "global:components-ui"
4137
+ scopeBucket: "global"
4138
+ scopeId: "components-ui"
4139
+ selector: ":root"
4140
+ sourceFile: "Components (UI).tokens.json"
4141
+ -
4142
+ cssVar: "--button-solid-text-color-active"
4143
+ name: "button-solid-text-color-active"
4144
+ value: "var(--color-text-inverse)"
4145
+ type: "color"
4146
+ group: "components"
4147
+ path: "Button/Solid/Text Color Active"
4148
+ pathKey: "Button.Solid.Text Color Active"
4149
+ scope: "global:components-ui"
4150
+ scopeBucket: "global"
4151
+ scopeId: "components-ui"
4152
+ selector: ":root"
4153
+ sourceFile: "Components (UI).tokens.json"
4154
+ -
4155
+ cssVar: "--button-solid-text-color-default"
4156
+ name: "button-solid-text-color-default"
4157
+ value: "var(--color-text-inverse)"
4158
+ type: "color"
4159
+ group: "components"
4160
+ path: "Button/Solid/Text Color Default"
4161
+ pathKey: "Button.Solid.Text Color Default"
4162
+ scope: "global:components-ui"
4163
+ scopeBucket: "global"
4164
+ scopeId: "components-ui"
4165
+ selector: ":root"
4166
+ sourceFile: "Components (UI).tokens.json"
4167
+ -
4168
+ cssVar: "--button-solid-text-color-hover"
4169
+ name: "button-solid-text-color-hover"
4170
+ value: "var(--color-text-inverse)"
4171
+ type: "color"
4172
+ group: "components"
4173
+ path: "Button/Solid/Text Color Hover"
4174
+ pathKey: "Button.Solid.Text Color Hover"
4175
+ scope: "global:components-ui"
4176
+ scopeBucket: "global"
4177
+ scopeId: "components-ui"
4178
+ selector: ":root"
4179
+ sourceFile: "Components (UI).tokens.json"
4180
+ -
4181
+ cssVar: "--button-text-color-disabled"
4182
+ name: "button-text-color-disabled"
4183
+ value: "var(--color-text-disabled)"
4184
+ type: "color"
4185
+ group: "components"
4186
+ path: "Button/Text Color Disabled"
4187
+ pathKey: "Button.Text Color Disabled"
4188
+ scope: "global:components-ui"
4189
+ scopeBucket: "global"
4190
+ scopeId: "components-ui"
4191
+ selector: ":root"
4192
+ sourceFile: "Components (UI).tokens.json"
4193
+ -
4194
+ cssVar: "--button-width-min"
4195
+ name: "button-width-min"
4196
+ value: "2.5rem"
4197
+ type: "number"
4198
+ group: "components"
4199
+ path: "Button/Width Min"
4200
+ pathKey: "Button.Width Min"
4201
+ scope: "global:components-ui"
4202
+ scopeBucket: "global"
4203
+ scopeId: "components-ui"
4204
+ selector: ":root"
4205
+ sourceFile: "Components (UI).tokens.json"
4206
+ -
4207
+ cssVar: "--checkbox-border-color-active"
4208
+ name: "checkbox-border-color-active"
4209
+ value: "var(--color-border-brand)"
4210
+ type: "color"
4211
+ group: "components"
4212
+ path: "Checkbox/Border/Color Active"
4213
+ pathKey: "Checkbox.Border.Color Active"
4214
+ scope: "global:components-ui"
4215
+ scopeBucket: "global"
4216
+ scopeId: "components-ui"
4217
+ selector: ":root"
4218
+ sourceFile: "Components (UI).tokens.json"
4219
+ -
4220
+ cssVar: "--checkbox-border-color-default"
4221
+ name: "checkbox-border-color-default"
4222
+ value: "var(--color-border-subtle)"
4223
+ type: "color"
4224
+ group: "components"
4225
+ path: "Checkbox/Border/Color Default"
4226
+ pathKey: "Checkbox.Border.Color Default"
4227
+ scope: "global:components-ui"
4228
+ scopeBucket: "global"
4229
+ scopeId: "components-ui"
4230
+ selector: ":root"
4231
+ sourceFile: "Components (UI).tokens.json"
4232
+ -
4233
+ cssVar: "--checkbox-border-color-disabled"
4234
+ name: "checkbox-border-color-disabled"
4235
+ value: "var(--color-border-disabled)"
4236
+ type: "color"
4237
+ group: "components"
4238
+ path: "Checkbox/Border/Color Disabled"
4239
+ pathKey: "Checkbox.Border.Color Disabled"
4240
+ scope: "global:components-ui"
4241
+ scopeBucket: "global"
4242
+ scopeId: "components-ui"
4243
+ selector: ":root"
4244
+ sourceFile: "Components (UI).tokens.json"
4245
+ -
4246
+ cssVar: "--checkbox-border-color-focus"
4247
+ name: "checkbox-border-color-focus"
4248
+ value: "var(--color-border-brand)"
4249
+ type: "color"
4250
+ group: "components"
4251
+ path: "Checkbox/Border/Color Focus"
4252
+ pathKey: "Checkbox.Border.Color Focus"
4253
+ scope: "global:components-ui"
4254
+ scopeBucket: "global"
4255
+ scopeId: "components-ui"
4256
+ selector: ":root"
4257
+ sourceFile: "Components (UI).tokens.json"
4258
+ -
4259
+ cssVar: "--checkbox-border-color-hover"
4260
+ name: "checkbox-border-color-hover"
4261
+ value: "var(--color-border-strong)"
4262
+ type: "color"
4263
+ group: "components"
4264
+ path: "Checkbox/Border/Color Hover"
4265
+ pathKey: "Checkbox.Border.Color Hover"
4266
+ scope: "global:components-ui"
4267
+ scopeBucket: "global"
4268
+ scopeId: "components-ui"
4269
+ selector: ":root"
4270
+ sourceFile: "Components (UI).tokens.json"
4271
+ -
4272
+ cssVar: "--checkbox-border-color-invalid"
4273
+ name: "checkbox-border-color-invalid"
4274
+ value: "var(--color-border-danger)"
4275
+ type: "color"
4276
+ group: "components"
4277
+ path: "Checkbox/Border/Color Invalid"
4278
+ pathKey: "Checkbox.Border.Color Invalid"
4279
+ scope: "global:components-ui"
4280
+ scopeBucket: "global"
4281
+ scopeId: "components-ui"
4282
+ selector: ":root"
4283
+ sourceFile: "Components (UI).tokens.json"
4284
+ -
4285
+ cssVar: "--checkbox-border-color-valid"
4286
+ name: "checkbox-border-color-valid"
4287
+ value: "var(--color-border-strong)"
4288
+ type: "color"
4289
+ group: "components"
4290
+ path: "Checkbox/Border/Color Valid"
4291
+ pathKey: "Checkbox.Border.Color Valid"
4292
+ scope: "global:components-ui"
4293
+ scopeBucket: "global"
4294
+ scopeId: "components-ui"
4295
+ selector: ":root"
4296
+ sourceFile: "Components (UI).tokens.json"
4297
+ -
4298
+ cssVar: "--checkbox-border-size-default"
4299
+ name: "checkbox-border-size-default"
4300
+ value: "var(--size-border-100)"
4301
+ type: "number"
4302
+ group: "components"
4303
+ path: "Checkbox/Border/Size Default"
4304
+ pathKey: "Checkbox.Border.Size Default"
4305
+ scope: "global:components-ui"
4306
+ scopeBucket: "global"
4307
+ scopeId: "components-ui"
4308
+ selector: ":root"
4309
+ sourceFile: "Components (UI).tokens.json"
4310
+ -
4311
+ cssVar: "--checkbox-border-size-disabled"
4312
+ name: "checkbox-border-size-disabled"
4313
+ value: "var(--size-border-000)"
4314
+ type: "number"
4315
+ group: "components"
4316
+ path: "Checkbox/Border/Size Disabled"
4317
+ pathKey: "Checkbox.Border.Size Disabled"
4318
+ scope: "global:components-ui"
4319
+ scopeBucket: "global"
4320
+ scopeId: "components-ui"
4321
+ selector: ":root"
4322
+ sourceFile: "Components (UI).tokens.json"
4323
+ -
4324
+ cssVar: "--checkbox-border-size-hover"
4325
+ name: "checkbox-border-size-hover"
4326
+ value: "var(--size-border-200)"
4327
+ type: "number"
4328
+ group: "components"
4329
+ path: "Checkbox/Border/Size Hover"
4330
+ pathKey: "Checkbox.Border.Size Hover"
4331
+ scope: "global:components-ui"
4332
+ scopeBucket: "global"
4333
+ scopeId: "components-ui"
4334
+ selector: ":root"
4335
+ sourceFile: "Components (UI).tokens.json"
4336
+ -
4337
+ cssVar: "--checkbox-container-background-active"
4338
+ name: "checkbox-container-background-active"
4339
+ value: "var(--color-fill-brand)"
4340
+ type: "color"
4341
+ group: "components"
4342
+ path: "Checkbox/Container/Background Active"
4343
+ pathKey: "Checkbox.Container.Background Active"
4344
+ scope: "global:components-ui"
4345
+ scopeBucket: "global"
4346
+ scopeId: "components-ui"
4347
+ selector: ":root"
4348
+ sourceFile: "Components (UI).tokens.json"
4349
+ -
4350
+ cssVar: "--checkbox-container-background-default"
4351
+ name: "checkbox-container-background-default"
4352
+ value: "var(--color-fill-surface)"
4353
+ type: "color"
4354
+ group: "components"
4355
+ path: "Checkbox/Container/Background Default"
4356
+ pathKey: "Checkbox.Container.Background Default"
4357
+ scope: "global:components-ui"
4358
+ scopeBucket: "global"
4359
+ scopeId: "components-ui"
4360
+ selector: ":root"
4361
+ sourceFile: "Components (UI).tokens.json"
4362
+ -
4363
+ cssVar: "--checkbox-container-background-disabled"
4364
+ name: "checkbox-container-background-disabled"
4365
+ value: "var(--color-fill-disabled)"
4366
+ type: "color"
4367
+ group: "components"
4368
+ path: "Checkbox/Container/Background Disabled"
4369
+ pathKey: "Checkbox.Container.Background Disabled"
2199
4370
  scope: "global:components-ui"
2200
4371
  scopeBucket: "global"
2201
4372
  scopeId: "components-ui"
2202
4373
  selector: ":root"
2203
4374
  sourceFile: "Components (UI).tokens.json"
2204
4375
  -
2205
- cssVar: "--button-solid-container-background-hover"
2206
- name: "button-solid-container-background-hover"
2207
- value: "var(--color-fill-brand)"
4376
+ cssVar: "--checkbox-container-background-focus"
4377
+ name: "checkbox-container-background-focus"
4378
+ value: "var(--color-fill-surface)"
2208
4379
  type: "color"
2209
4380
  group: "components"
2210
- path: "Button/Solid/Container/Background Hover"
2211
- pathKey: "Button.Solid.Container.Background Hover"
4381
+ path: "Checkbox/Container/Background Focus"
4382
+ pathKey: "Checkbox.Container.Background Focus"
2212
4383
  scope: "global:components-ui"
2213
4384
  scopeBucket: "global"
2214
4385
  scopeId: "components-ui"
2215
4386
  selector: ":root"
2216
4387
  sourceFile: "Components (UI).tokens.json"
2217
4388
  -
2218
- cssVar: "--button-solid-text-color-active"
2219
- name: "button-solid-text-color-active"
2220
- value: "var(--color-text-inverse)"
4389
+ cssVar: "--checkbox-container-background-hover"
4390
+ name: "checkbox-container-background-hover"
4391
+ value: "var(--color-fill-surface)"
2221
4392
  type: "color"
2222
4393
  group: "components"
2223
- path: "Button/Solid/Text Color Active"
2224
- pathKey: "Button.Solid.Text Color Active"
4394
+ path: "Checkbox/Container/Background Hover"
4395
+ pathKey: "Checkbox.Container.Background Hover"
2225
4396
  scope: "global:components-ui"
2226
4397
  scopeBucket: "global"
2227
4398
  scopeId: "components-ui"
2228
4399
  selector: ":root"
2229
4400
  sourceFile: "Components (UI).tokens.json"
2230
4401
  -
2231
- cssVar: "--button-solid-text-color-default"
2232
- name: "button-solid-text-color-default"
4402
+ cssVar: "--checkbox-text-color-active"
4403
+ name: "checkbox-text-color-active"
2233
4404
  value: "var(--color-text-inverse)"
2234
4405
  type: "color"
2235
4406
  group: "components"
2236
- path: "Button/Solid/Text Color Default"
2237
- pathKey: "Button.Solid.Text Color Default"
4407
+ path: "Checkbox/Text Color Active"
4408
+ pathKey: "Checkbox.Text Color Active"
2238
4409
  scope: "global:components-ui"
2239
4410
  scopeBucket: "global"
2240
4411
  scopeId: "components-ui"
2241
4412
  selector: ":root"
2242
4413
  sourceFile: "Components (UI).tokens.json"
2243
4414
  -
2244
- cssVar: "--button-solid-text-color-hover"
2245
- name: "button-solid-text-color-hover"
2246
- value: "var(--color-text-inverse)"
4415
+ cssVar: "--checkbox-text-color-default"
4416
+ name: "checkbox-text-color-default"
4417
+ value: "var(--color-text-default)"
2247
4418
  type: "color"
2248
4419
  group: "components"
2249
- path: "Button/Solid/Text Color Hover"
2250
- pathKey: "Button.Solid.Text Color Hover"
4420
+ path: "Checkbox/Text Color Default"
4421
+ pathKey: "Checkbox.Text Color Default"
2251
4422
  scope: "global:components-ui"
2252
4423
  scopeBucket: "global"
2253
4424
  scopeId: "components-ui"
2254
4425
  selector: ":root"
2255
4426
  sourceFile: "Components (UI).tokens.json"
2256
4427
  -
2257
- cssVar: "--button-text-color-disabled"
2258
- name: "button-text-color-disabled"
4428
+ cssVar: "--checkbox-text-color-disabled"
4429
+ name: "checkbox-text-color-disabled"
2259
4430
  value: "var(--color-text-disabled)"
2260
4431
  type: "color"
2261
4432
  group: "components"
2262
- path: "Button/Text Color Disabled"
2263
- pathKey: "Button.Text Color Disabled"
4433
+ path: "Checkbox/Text Color Disabled"
4434
+ pathKey: "Checkbox.Text Color Disabled"
2264
4435
  scope: "global:components-ui"
2265
4436
  scopeBucket: "global"
2266
4437
  scopeId: "components-ui"
2267
4438
  selector: ":root"
2268
4439
  sourceFile: "Components (UI).tokens.json"
2269
4440
  -
2270
- cssVar: "--button-width-min"
2271
- name: "button-width-min"
2272
- value: "2.5rem"
2273
- type: "number"
4441
+ cssVar: "--checkbox-text-color-hover"
4442
+ name: "checkbox-text-color-hover"
4443
+ value: "var(--color-text-strong)"
4444
+ type: "color"
2274
4445
  group: "components"
2275
- path: "Button/Width Min"
2276
- pathKey: "Button.Width Min"
4446
+ path: "Checkbox/Text Color Hover"
4447
+ pathKey: "Checkbox.Text Color Hover"
2277
4448
  scope: "global:components-ui"
2278
4449
  scopeBucket: "global"
2279
4450
  scopeId: "components-ui"
@@ -2436,247 +4607,208 @@ tokens:
2436
4607
  selector: ":root"
2437
4608
  sourceFile: "Components (UI).tokens.json"
2438
4609
  -
2439
- cssVar: "--input-border-color-disabled"
2440
- name: "input-border-color-disabled"
2441
- value: "var(--color-border-disabled)"
4610
+ cssVar: "--input-border-border-color-active"
4611
+ name: "input-border-border-color-active"
4612
+ value: "var(--color-border-brand)"
2442
4613
  type: "color"
2443
4614
  group: "components"
2444
- path: "Input/Border Color Disabled"
2445
- pathKey: "Input.Border Color Disabled"
2446
- scope: "global:components-ui"
2447
- scopeBucket: "global"
2448
- scopeId: "components-ui"
2449
- selector: ":root"
2450
- sourceFile: "Components (UI).tokens.json"
2451
- -
2452
- cssVar: "--input-border-radius"
2453
- name: "input-border-radius"
2454
- value: "var(--brand-corner-input)"
2455
- type: "number"
2456
- group: "components"
2457
- path: "Input/Border Radius"
2458
- pathKey: "Input.Border Radius"
2459
- scope: "global:components-ui"
2460
- scopeBucket: "global"
2461
- scopeId: "components-ui"
2462
- selector: ":root"
2463
- sourceFile: "Components (UI).tokens.json"
2464
- -
2465
- cssVar: "--input-border-size-active"
2466
- name: "input-border-size-active"
2467
- value: "var(--size-border-200)"
2468
- type: "number"
2469
- group: "components"
2470
- path: "Input/Border Size Active"
2471
- pathKey: "Input.Border Size Active"
2472
- scope: "global:components-ui"
2473
- scopeBucket: "global"
2474
- scopeId: "components-ui"
2475
- selector: ":root"
2476
- sourceFile: "Components (UI).tokens.json"
2477
- -
2478
- cssVar: "--input-border-size-default"
2479
- name: "input-border-size-default"
2480
- value: "var(--size-border-100)"
2481
- type: "number"
2482
- group: "components"
2483
- path: "Input/Border Size Default"
2484
- pathKey: "Input.Border Size Default"
4615
+ path: "Input/Border/Border Color Active"
4616
+ pathKey: "Input.Border.Border Color Active"
2485
4617
  scope: "global:components-ui"
2486
4618
  scopeBucket: "global"
2487
4619
  scopeId: "components-ui"
2488
4620
  selector: ":root"
2489
4621
  sourceFile: "Components (UI).tokens.json"
2490
4622
  -
2491
- cssVar: "--input-border-size-hover"
2492
- name: "input-border-size-hover"
2493
- value: "var(--size-border-100)"
2494
- type: "number"
4623
+ cssVar: "--input-border-border-color-default"
4624
+ name: "input-border-border-color-default"
4625
+ value: "var(--color-border-default)"
4626
+ type: "color"
2495
4627
  group: "components"
2496
- path: "Input/Border Size Hover"
2497
- pathKey: "Input.Border Size Hover"
4628
+ path: "Input/Border/Border Color Default"
4629
+ pathKey: "Input.Border.Border Color Default"
2498
4630
  scope: "global:components-ui"
2499
4631
  scopeBucket: "global"
2500
4632
  scopeId: "components-ui"
2501
4633
  selector: ":root"
2502
4634
  sourceFile: "Components (UI).tokens.json"
2503
4635
  -
2504
- cssVar: "--input-checkbox-border-color-active"
2505
- name: "input-checkbox-border-color-active"
2506
- value: "var(--color-border-brand)"
4636
+ cssVar: "--input-border-border-color-disabled"
4637
+ name: "input-border-border-color-disabled"
4638
+ value: "var(--color-border-disabled)"
2507
4639
  type: "color"
2508
4640
  group: "components"
2509
- path: "Input/Checkbox/Border/Color Active"
2510
- pathKey: "Input.Checkbox.Border.Color Active"
4641
+ path: "Input/Border/Border Color Disabled"
4642
+ pathKey: "Input.Border.Border Color Disabled"
2511
4643
  scope: "global:components-ui"
2512
4644
  scopeBucket: "global"
2513
4645
  scopeId: "components-ui"
2514
4646
  selector: ":root"
2515
4647
  sourceFile: "Components (UI).tokens.json"
2516
4648
  -
2517
- cssVar: "--input-checkbox-border-color-default"
2518
- name: "input-checkbox-border-color-default"
2519
- value: "var(--color-border-subtle)"
4649
+ cssVar: "--input-border-border-color-focus"
4650
+ name: "input-border-border-color-focus"
4651
+ value: "var(--color-border-brand)"
2520
4652
  type: "color"
2521
4653
  group: "components"
2522
- path: "Input/Checkbox/Border/Color Default"
2523
- pathKey: "Input.Checkbox.Border.Color Default"
4654
+ path: "Input/Border/Border Color Focus"
4655
+ pathKey: "Input.Border.Border Color Focus"
2524
4656
  scope: "global:components-ui"
2525
4657
  scopeBucket: "global"
2526
4658
  scopeId: "components-ui"
2527
4659
  selector: ":root"
2528
4660
  sourceFile: "Components (UI).tokens.json"
2529
4661
  -
2530
- cssVar: "--input-checkbox-border-color-focus"
2531
- name: "input-checkbox-border-color-focus"
4662
+ cssVar: "--input-border-border-color-hover"
4663
+ name: "input-border-border-color-hover"
2532
4664
  value: "var(--color-border-brand)"
2533
4665
  type: "color"
2534
4666
  group: "components"
2535
- path: "Input/Checkbox/Border/Color Focus"
2536
- pathKey: "Input.Checkbox.Border.Color Focus"
4667
+ path: "Input/Border/Border Color Hover"
4668
+ pathKey: "Input.Border.Border Color Hover"
2537
4669
  scope: "global:components-ui"
2538
4670
  scopeBucket: "global"
2539
4671
  scopeId: "components-ui"
2540
4672
  selector: ":root"
2541
4673
  sourceFile: "Components (UI).tokens.json"
2542
4674
  -
2543
- cssVar: "--input-checkbox-border-color-hover"
2544
- name: "input-checkbox-border-color-hover"
2545
- value: "var(--color-border-brand)"
4675
+ cssVar: "--input-border-border-color-invalid"
4676
+ name: "input-border-border-color-invalid"
4677
+ value: "var(--color-border-danger)"
2546
4678
  type: "color"
2547
4679
  group: "components"
2548
- path: "Input/Checkbox/Border/Color Hover"
2549
- pathKey: "Input.Checkbox.Border.Color Hover"
4680
+ path: "Input/Border/Border Color Invalid"
4681
+ pathKey: "Input.Border.Border Color Invalid"
2550
4682
  scope: "global:components-ui"
2551
4683
  scopeBucket: "global"
2552
4684
  scopeId: "components-ui"
2553
4685
  selector: ":root"
2554
4686
  sourceFile: "Components (UI).tokens.json"
2555
4687
  -
2556
- cssVar: "--input-checkbox-border-color-invalid"
2557
- name: "input-checkbox-border-color-invalid"
2558
- value: "var(--color-border-danger)"
4688
+ cssVar: "--input-border-border-color-valid"
4689
+ name: "input-border-border-color-valid"
4690
+ value: "var(--color-border-strong)"
2559
4691
  type: "color"
2560
4692
  group: "components"
2561
- path: "Input/Checkbox/Border/Color Invalid"
2562
- pathKey: "Input.Checkbox.Border.Color Invalid"
4693
+ path: "Input/Border/Border Color Valid"
4694
+ pathKey: "Input.Border.Border Color Valid"
2563
4695
  scope: "global:components-ui"
2564
4696
  scopeBucket: "global"
2565
4697
  scopeId: "components-ui"
2566
4698
  selector: ":root"
2567
4699
  sourceFile: "Components (UI).tokens.json"
2568
4700
  -
2569
- cssVar: "--input-checkbox-border-color-valid"
2570
- name: "input-checkbox-border-color-valid"
2571
- value: "var(--color-border-strong)"
2572
- type: "color"
4701
+ cssVar: "--input-border-border-radius"
4702
+ name: "input-border-border-radius"
4703
+ value: "var(--brand-corner-input)"
4704
+ type: "number"
2573
4705
  group: "components"
2574
- path: "Input/Checkbox/Border/Color Valid"
2575
- pathKey: "Input.Checkbox.Border.Color Valid"
4706
+ path: "Input/Border/Border Radius"
4707
+ pathKey: "Input.Border.Border Radius"
2576
4708
  scope: "global:components-ui"
2577
4709
  scopeBucket: "global"
2578
4710
  scopeId: "components-ui"
2579
4711
  selector: ":root"
2580
4712
  sourceFile: "Components (UI).tokens.json"
2581
4713
  -
2582
- cssVar: "--input-checkbox-container-background-active"
2583
- name: "input-checkbox-container-background-active"
2584
- value: "var(--color-fill-brand)"
2585
- type: "color"
4714
+ cssVar: "--input-border-border-size-active"
4715
+ name: "input-border-border-size-active"
4716
+ value: "var(--size-border-200)"
4717
+ type: "number"
2586
4718
  group: "components"
2587
- path: "Input/Checkbox/Container/Background Active"
2588
- pathKey: "Input.Checkbox.Container.Background Active"
4719
+ path: "Input/Border/Border Size Active"
4720
+ pathKey: "Input.Border.Border Size Active"
2589
4721
  scope: "global:components-ui"
2590
4722
  scopeBucket: "global"
2591
4723
  scopeId: "components-ui"
2592
4724
  selector: ":root"
2593
4725
  sourceFile: "Components (UI).tokens.json"
2594
4726
  -
2595
- cssVar: "--input-checkbox-container-background-default"
2596
- name: "input-checkbox-container-background-default"
2597
- value: "var(--color-fill-surface)"
2598
- type: "color"
4727
+ cssVar: "--input-border-border-size-default"
4728
+ name: "input-border-border-size-default"
4729
+ value: "var(--size-border-100)"
4730
+ type: "number"
2599
4731
  group: "components"
2600
- path: "Input/Checkbox/Container/Background Default"
2601
- pathKey: "Input.Checkbox.Container.Background Default"
4732
+ path: "Input/Border/Border Size Default"
4733
+ pathKey: "Input.Border.Border Size Default"
2602
4734
  scope: "global:components-ui"
2603
4735
  scopeBucket: "global"
2604
4736
  scopeId: "components-ui"
2605
4737
  selector: ":root"
2606
4738
  sourceFile: "Components (UI).tokens.json"
2607
4739
  -
2608
- cssVar: "--input-checkbox-container-background-focus"
2609
- name: "input-checkbox-container-background-focus"
2610
- value: "var(--color-fill-surface)"
2611
- type: "color"
4740
+ cssVar: "--input-border-border-size-hover"
4741
+ name: "input-border-border-size-hover"
4742
+ value: "var(--size-border-100)"
4743
+ type: "number"
2612
4744
  group: "components"
2613
- path: "Input/Checkbox/Container/Background Focus"
2614
- pathKey: "Input.Checkbox.Container.Background Focus"
4745
+ path: "Input/Border/Border Size Hover"
4746
+ pathKey: "Input.Border.Border Size Hover"
2615
4747
  scope: "global:components-ui"
2616
4748
  scopeBucket: "global"
2617
4749
  scopeId: "components-ui"
2618
4750
  selector: ":root"
2619
4751
  sourceFile: "Components (UI).tokens.json"
2620
4752
  -
2621
- cssVar: "--input-checkbox-container-background-hover"
2622
- name: "input-checkbox-container-background-hover"
4753
+ cssVar: "--input-container-background-active"
4754
+ name: "input-container-background-active"
2623
4755
  value: "var(--color-fill-surface)"
2624
4756
  type: "color"
2625
4757
  group: "components"
2626
- path: "Input/Checkbox/Container/Background Hover"
2627
- pathKey: "Input.Checkbox.Container.Background Hover"
4758
+ path: "Input/Container/Background Active"
4759
+ pathKey: "Input.Container.Background Active"
2628
4760
  scope: "global:components-ui"
2629
4761
  scopeBucket: "global"
2630
4762
  scopeId: "components-ui"
2631
4763
  selector: ":root"
2632
4764
  sourceFile: "Components (UI).tokens.json"
2633
4765
  -
2634
- cssVar: "--input-checkbox-text-color-active"
2635
- name: "input-checkbox-text-color-active"
2636
- value: "var(--color-text-inverse)"
4766
+ cssVar: "--input-container-background-default"
4767
+ name: "input-container-background-default"
4768
+ value: "var(--color-fill-surface)"
2637
4769
  type: "color"
2638
4770
  group: "components"
2639
- path: "Input/Checkbox/Text Color Active"
2640
- pathKey: "Input.Checkbox.Text Color Active"
4771
+ path: "Input/Container/Background Default"
4772
+ pathKey: "Input.Container.Background Default"
2641
4773
  scope: "global:components-ui"
2642
4774
  scopeBucket: "global"
2643
4775
  scopeId: "components-ui"
2644
4776
  selector: ":root"
2645
4777
  sourceFile: "Components (UI).tokens.json"
2646
4778
  -
2647
- cssVar: "--input-checkbox-text-color-default"
2648
- name: "input-checkbox-text-color-default"
2649
- value: "var(--color-text-default)"
4779
+ cssVar: "--input-container-background-disabled"
4780
+ name: "input-container-background-disabled"
4781
+ value: "var(--color-fill-disabled)"
2650
4782
  type: "color"
2651
4783
  group: "components"
2652
- path: "Input/Checkbox/Text Color Default"
2653
- pathKey: "Input.Checkbox.Text Color Default"
4784
+ path: "Input/Container/Background Disabled"
4785
+ pathKey: "Input.Container.Background Disabled"
2654
4786
  scope: "global:components-ui"
2655
4787
  scopeBucket: "global"
2656
4788
  scopeId: "components-ui"
2657
4789
  selector: ":root"
2658
4790
  sourceFile: "Components (UI).tokens.json"
2659
4791
  -
2660
- cssVar: "--input-checkbox-text-color-hover"
2661
- name: "input-checkbox-text-color-hover"
2662
- value: "var(--color-text-default)"
4792
+ cssVar: "--input-container-background-focus"
4793
+ name: "input-container-background-focus"
4794
+ value: "var(--color-fill-surface)"
2663
4795
  type: "color"
2664
4796
  group: "components"
2665
- path: "Input/Checkbox/Text Color Hover"
2666
- pathKey: "Input.Checkbox.Text Color Hover"
4797
+ path: "Input/Container/Background Focus"
4798
+ pathKey: "Input.Container.Background Focus"
2667
4799
  scope: "global:components-ui"
2668
4800
  scopeBucket: "global"
2669
4801
  scopeId: "components-ui"
2670
4802
  selector: ":root"
2671
4803
  sourceFile: "Components (UI).tokens.json"
2672
4804
  -
2673
- cssVar: "--input-container-background-disabled"
2674
- name: "input-container-background-disabled"
2675
- value: "var(--color-fill-disabled)"
4805
+ cssVar: "--input-container-background-hover"
4806
+ name: "input-container-background-hover"
4807
+ value: "var(--color-fill-surface)"
2676
4808
  type: "color"
2677
4809
  group: "components"
2678
- path: "Input/Container Background Disabled"
2679
- pathKey: "Input.Container Background Disabled"
4810
+ path: "Input/Container/Background Hover"
4811
+ pathKey: "Input.Container.Background Hover"
2680
4812
  scope: "global:components-ui"
2681
4813
  scopeBucket: "global"
2682
4814
  scopeId: "components-ui"
@@ -2747,6 +4879,19 @@ tokens:
2747
4879
  scopeId: "components-ui"
2748
4880
  selector: ":root"
2749
4881
  sourceFile: "Components (UI).tokens.json"
4882
+ -
4883
+ cssVar: "--input-height-min"
4884
+ name: "input-height-min"
4885
+ value: "2.5rem"
4886
+ type: "number"
4887
+ group: "components"
4888
+ path: "Input/Height Min"
4889
+ pathKey: "Input.Height Min"
4890
+ scope: "global:components-ui"
4891
+ scopeBucket: "global"
4892
+ scopeId: "components-ui"
4893
+ selector: ":root"
4894
+ sourceFile: "Components (UI).tokens.json"
2750
4895
  -
2751
4896
  cssVar: "--input-line-height"
2752
4897
  name: "input-line-height"
@@ -2826,156 +4971,104 @@ tokens:
2826
4971
  selector: ":root"
2827
4972
  sourceFile: "Components (UI).tokens.json"
2828
4973
  -
2829
- cssVar: "--input-text-border-color-active"
2830
- name: "input-text-border-color-active"
2831
- value: "var(--color-border-brand)"
2832
- type: "color"
2833
- group: "components"
2834
- path: "Input/Text/Border/Color Active"
2835
- pathKey: "Input.Text.Border.Color Active"
2836
- scope: "global:components-ui"
2837
- scopeBucket: "global"
2838
- scopeId: "components-ui"
2839
- selector: ":root"
2840
- sourceFile: "Components (UI).tokens.json"
2841
- -
2842
- cssVar: "--input-text-border-color-default"
2843
- name: "input-text-border-color-default"
2844
- value: "var(--color-border-default)"
2845
- type: "color"
2846
- group: "components"
2847
- path: "Input/Text/Border/Color Default"
2848
- pathKey: "Input.Text.Border.Color Default"
2849
- scope: "global:components-ui"
2850
- scopeBucket: "global"
2851
- scopeId: "components-ui"
2852
- selector: ":root"
2853
- sourceFile: "Components (UI).tokens.json"
2854
- -
2855
- cssVar: "--input-text-border-color-focus"
2856
- name: "input-text-border-color-focus"
4974
+ cssVar: "--input-radio-border-color-active"
4975
+ name: "input-radio-border-color-active"
2857
4976
  value: "var(--color-border-brand)"
2858
4977
  type: "color"
2859
4978
  group: "components"
2860
- path: "Input/Text/Border/Color Focus"
2861
- pathKey: "Input.Text.Border.Color Focus"
4979
+ path: "Radio/Border/Color Active"
4980
+ pathKey: "Radio.Border.Color Active"
2862
4981
  scope: "global:components-ui"
2863
4982
  scopeBucket: "global"
2864
4983
  scopeId: "components-ui"
2865
4984
  selector: ":root"
2866
4985
  sourceFile: "Components (UI).tokens.json"
2867
4986
  -
2868
- cssVar: "--input-text-border-color-hover"
2869
- name: "input-text-border-color-hover"
2870
- value: "var(--color-border-brand)"
4987
+ cssVar: "--input-radio-border-color-default"
4988
+ name: "input-radio-border-color-default"
4989
+ value: "var(--color-border-subtle)"
2871
4990
  type: "color"
2872
4991
  group: "components"
2873
- path: "Input/Text/Border/Color Hover"
2874
- pathKey: "Input.Text.Border.Color Hover"
4992
+ path: "Radio/Border/Color Default"
4993
+ pathKey: "Radio.Border.Color Default"
2875
4994
  scope: "global:components-ui"
2876
4995
  scopeBucket: "global"
2877
4996
  scopeId: "components-ui"
2878
4997
  selector: ":root"
2879
4998
  sourceFile: "Components (UI).tokens.json"
2880
4999
  -
2881
- cssVar: "--input-text-border-color-invalid"
2882
- name: "input-text-border-color-invalid"
2883
- value: "var(--color-border-danger)"
5000
+ cssVar: "--input-radio-border-color-disabled"
5001
+ name: "input-radio-border-color-disabled"
5002
+ value: "var(--color-border-disabled)"
2884
5003
  type: "color"
2885
5004
  group: "components"
2886
- path: "Input/Text/Border/Color Invalid"
2887
- pathKey: "Input.Text.Border.Color Invalid"
5005
+ path: "Radio/Border/Color Disabled"
5006
+ pathKey: "Radio.Border.Color Disabled"
2888
5007
  scope: "global:components-ui"
2889
5008
  scopeBucket: "global"
2890
5009
  scopeId: "components-ui"
2891
5010
  selector: ":root"
2892
5011
  sourceFile: "Components (UI).tokens.json"
2893
5012
  -
2894
- cssVar: "--input-text-border-color-valid"
2895
- name: "input-text-border-color-valid"
5013
+ cssVar: "--input-radio-border-color-hover"
5014
+ name: "input-radio-border-color-hover"
2896
5015
  value: "var(--color-border-strong)"
2897
5016
  type: "color"
2898
5017
  group: "components"
2899
- path: "Input/Text/Border/Color Valid"
2900
- pathKey: "Input.Text.Border.Color Valid"
2901
- scope: "global:components-ui"
2902
- scopeBucket: "global"
2903
- scopeId: "components-ui"
2904
- selector: ":root"
2905
- sourceFile: "Components (UI).tokens.json"
2906
- -
2907
- cssVar: "--input-text-color-disabled"
2908
- name: "input-text-color-disabled"
2909
- value: "var(--color-text-disabled)"
2910
- type: "color"
2911
- group: "components"
2912
- path: "Input/Text Color Disabled"
2913
- pathKey: "Input.Text Color Disabled"
5018
+ path: "Radio/Border/Color Hover"
5019
+ pathKey: "Radio.Border.Color Hover"
2914
5020
  scope: "global:components-ui"
2915
5021
  scopeBucket: "global"
2916
5022
  scopeId: "components-ui"
2917
5023
  selector: ":root"
2918
5024
  sourceFile: "Components (UI).tokens.json"
2919
5025
  -
2920
- cssVar: "--input-text-container-background-active"
2921
- name: "input-text-container-background-active"
5026
+ cssVar: "--input-radio-container-background-default"
5027
+ name: "input-radio-container-background-default"
2922
5028
  value: "var(--color-fill-surface)"
2923
5029
  type: "color"
2924
5030
  group: "components"
2925
- path: "Input/Text/Container/Background Active"
2926
- pathKey: "Input.Text.Container.Background Active"
5031
+ path: "Radio/Container/Background Default"
5032
+ pathKey: "Radio.Container.Background Default"
2927
5033
  scope: "global:components-ui"
2928
5034
  scopeBucket: "global"
2929
5035
  scopeId: "components-ui"
2930
5036
  selector: ":root"
2931
5037
  sourceFile: "Components (UI).tokens.json"
2932
5038
  -
2933
- cssVar: "--input-text-container-background-default"
2934
- name: "input-text-container-background-default"
2935
- value: "var(--color-fill-surface)"
5039
+ cssVar: "--input-radio-container-background-disabled"
5040
+ name: "input-radio-container-background-disabled"
5041
+ value: "var(--color-fill-disabled)"
2936
5042
  type: "color"
2937
5043
  group: "components"
2938
- path: "Input/Text/Container/Background Default"
2939
- pathKey: "Input.Text.Container.Background Default"
5044
+ path: "Radio/Container/Background Disabled"
5045
+ pathKey: "Radio.Container.Background Disabled"
2940
5046
  scope: "global:components-ui"
2941
5047
  scopeBucket: "global"
2942
5048
  scopeId: "components-ui"
2943
5049
  selector: ":root"
2944
5050
  sourceFile: "Components (UI).tokens.json"
2945
5051
  -
2946
- cssVar: "--input-text-container-background-focus"
2947
- name: "input-text-container-background-focus"
2948
- value: "var(--color-fill-surface)"
5052
+ cssVar: "--input-radio-text-color-default"
5053
+ name: "input-radio-text-color-default"
5054
+ value: "var(--color-text-default)"
2949
5055
  type: "color"
2950
5056
  group: "components"
2951
- path: "Input/Text/Container/Background Focus"
2952
- pathKey: "Input.Text.Container.Background Focus"
5057
+ path: "Radio/Text Color Default"
5058
+ pathKey: "Radio.Text Color Default"
2953
5059
  scope: "global:components-ui"
2954
5060
  scopeBucket: "global"
2955
5061
  scopeId: "components-ui"
2956
5062
  selector: ":root"
2957
5063
  sourceFile: "Components (UI).tokens.json"
2958
5064
  -
2959
- cssVar: "--input-text-container-background-hover"
2960
- name: "input-text-container-background-hover"
2961
- value: "var(--color-fill-surface)"
5065
+ cssVar: "--input-radio-text-color-disabled"
5066
+ name: "input-radio-text-color-disabled"
5067
+ value: "var(--color-text-disabled)"
2962
5068
  type: "color"
2963
5069
  group: "components"
2964
- path: "Input/Text/Container/Background Hover"
2965
- pathKey: "Input.Text.Container.Background Hover"
2966
- scope: "global:components-ui"
2967
- scopeBucket: "global"
2968
- scopeId: "components-ui"
2969
- selector: ":root"
2970
- sourceFile: "Components (UI).tokens.json"
2971
- -
2972
- cssVar: "--input-text-height-min"
2973
- name: "input-text-height-min"
2974
- value: "2.5rem"
2975
- type: "number"
2976
- group: "components"
2977
- path: "Input/Text/Height Min"
2978
- pathKey: "Input.Text.Height Min"
5070
+ path: "Radio/Text Color Disabled"
5071
+ pathKey: "Radio.Text Color Disabled"
2979
5072
  scope: "global:components-ui"
2980
5073
  scopeBucket: "global"
2981
5074
  scopeId: "components-ui"
@@ -3007,6 +5100,19 @@ tokens:
3007
5100
  scopeId: "components-ui"
3008
5101
  selector: ":root"
3009
5102
  sourceFile: "Components (UI).tokens.json"
5103
+ -
5104
+ cssVar: "--input-text-text-color-disabled"
5105
+ name: "input-text-text-color-disabled"
5106
+ value: "var(--color-text-disabled)"
5107
+ type: "color"
5108
+ group: "components"
5109
+ path: "Input/Text/Text Color Disabled"
5110
+ pathKey: "Input.Text.Text Color Disabled"
5111
+ scope: "global:components-ui"
5112
+ scopeBucket: "global"
5113
+ scopeId: "components-ui"
5114
+ selector: ":root"
5115
+ sourceFile: "Components (UI).tokens.json"
3010
5116
  -
3011
5117
  cssVar: "--input-text-text-color-hover"
3012
5118
  name: "input-text-text-color-hover"
@@ -3150,6 +5256,45 @@ tokens:
3150
5256
  scopeId: "components-ui"
3151
5257
  selector: ":root"
3152
5258
  sourceFile: "Components (UI).tokens.json"
5259
+ -
5260
+ cssVar: "--radio-border-size-default"
5261
+ name: "radio-border-size-default"
5262
+ value: "var(--size-border-100)"
5263
+ type: "number"
5264
+ group: "components"
5265
+ path: "Radio/Border Size Default"
5266
+ pathKey: "Radio.Border Size Default"
5267
+ scope: "global:components-ui"
5268
+ scopeBucket: "global"
5269
+ scopeId: "components-ui"
5270
+ selector: ":root"
5271
+ sourceFile: "Components (UI).tokens.json"
5272
+ -
5273
+ cssVar: "--radio-border-size-disabled"
5274
+ name: "radio-border-size-disabled"
5275
+ value: "var(--size-border-000)"
5276
+ type: "number"
5277
+ group: "components"
5278
+ path: "Radio/Border Size Disabled"
5279
+ pathKey: "Radio.Border Size Disabled"
5280
+ scope: "global:components-ui"
5281
+ scopeBucket: "global"
5282
+ scopeId: "components-ui"
5283
+ selector: ":root"
5284
+ sourceFile: "Components (UI).tokens.json"
5285
+ -
5286
+ cssVar: "--radio-border-size-hover"
5287
+ name: "radio-border-size-hover"
5288
+ value: "var(--size-border-200)"
5289
+ type: "number"
5290
+ group: "components"
5291
+ path: "Radio/Border Size Hover"
5292
+ pathKey: "Radio.Border Size Hover"
5293
+ scope: "global:components-ui"
5294
+ scopeBucket: "global"
5295
+ scopeId: "components-ui"
5296
+ selector: ":root"
5297
+ sourceFile: "Components (UI).tokens.json"
3153
5298
  -
3154
5299
  cssVar: "--size-border-000"
3155
5300
  name: "size-border-000"
@@ -3426,7 +5571,7 @@ tokens:
3426
5571
  -
3427
5572
  cssVar: "--brand-corner-button"
3428
5573
  name: "brand-corner-button"
3429
- value: "var(--size-radius-700)"
5574
+ value: "var(--size-radius-full)"
3430
5575
  type: "number"
3431
5576
  group: "radii"
3432
5577
  path: "Brand/Corner/Button"
@@ -3449,10 +5594,23 @@ tokens:
3449
5594
  scopeId: "b"
3450
5595
  selector: ":root[data-brand=\"b\"]"
3451
5596
  sourceFile: "Themes (Brands).tokens.json"
5597
+ -
5598
+ cssVar: "--brand-corner-button"
5599
+ name: "brand-corner-button"
5600
+ value: "var(--size-radius-700)"
5601
+ type: "number"
5602
+ group: "radii"
5603
+ path: "Brand/Corner/Button"
5604
+ pathKey: "Brand.Corner.Button"
5605
+ scope: "brand:c"
5606
+ scopeBucket: "brand"
5607
+ scopeId: "c"
5608
+ selector: ":root[data-brand=\"c\"]"
5609
+ sourceFile: "Themes (Brands).tokens.json"
3452
5610
  -
3453
5611
  cssVar: "--brand-corner-card"
3454
5612
  name: "brand-corner-card"
3455
- value: "var(--size-radius-200)"
5613
+ value: "var(--size-radius-300)"
3456
5614
  type: "number"
3457
5615
  group: "radii"
3458
5616
  path: "Brand/Corner/Card"
@@ -3475,6 +5633,19 @@ tokens:
3475
5633
  scopeId: "b"
3476
5634
  selector: ":root[data-brand=\"b\"]"
3477
5635
  sourceFile: "Themes (Brands).tokens.json"
5636
+ -
5637
+ cssVar: "--brand-corner-card"
5638
+ name: "brand-corner-card"
5639
+ value: "var(--size-radius-200)"
5640
+ type: "number"
5641
+ group: "radii"
5642
+ path: "Brand/Corner/Card"
5643
+ pathKey: "Brand.Corner.Card"
5644
+ scope: "brand:c"
5645
+ scopeBucket: "brand"
5646
+ scopeId: "c"
5647
+ selector: ":root[data-brand=\"c\"]"
5648
+ sourceFile: "Themes (Brands).tokens.json"
3478
5649
  -
3479
5650
  cssVar: "--brand-corner-input"
3480
5651
  name: "brand-corner-input"
@@ -3501,6 +5672,19 @@ tokens:
3501
5672
  scopeId: "b"
3502
5673
  selector: ":root[data-brand=\"b\"]"
3503
5674
  sourceFile: "Themes (Brands).tokens.json"
5675
+ -
5676
+ cssVar: "--brand-corner-input"
5677
+ name: "brand-corner-input"
5678
+ value: "var(--size-radius-200)"
5679
+ type: "number"
5680
+ group: "radii"
5681
+ path: "Brand/Corner/Input"
5682
+ pathKey: "Brand.Corner.Input"
5683
+ scope: "brand:c"
5684
+ scopeBucket: "brand"
5685
+ scopeId: "c"
5686
+ selector: ":root[data-brand=\"c\"]"
5687
+ sourceFile: "Themes (Brands).tokens.json"
3504
5688
  -
3505
5689
  cssVar: "--brand-corner-modal"
3506
5690
  name: "brand-corner-modal"
@@ -3527,6 +5711,19 @@ tokens:
3527
5711
  scopeId: "b"
3528
5712
  selector: ":root[data-brand=\"b\"]"
3529
5713
  sourceFile: "Themes (Brands).tokens.json"
5714
+ -
5715
+ cssVar: "--brand-corner-modal"
5716
+ name: "brand-corner-modal"
5717
+ value: "var(--size-radius-400)"
5718
+ type: "number"
5719
+ group: "radii"
5720
+ path: "Brand/Corner/Modal"
5721
+ pathKey: "Brand.Corner.Modal"
5722
+ scope: "brand:c"
5723
+ scopeBucket: "brand"
5724
+ scopeId: "c"
5725
+ selector: ":root[data-brand=\"c\"]"
5726
+ sourceFile: "Themes (Brands).tokens.json"
3530
5727
  -
3531
5728
  cssVar: "--corner-button-radius"
3532
5729
  name: "corner-button-radius"
@@ -3917,6 +6114,19 @@ tokens:
3917
6114
  scopeId: "b"
3918
6115
  selector: ":root[data-brand=\"b\"]"
3919
6116
  sourceFile: "Themes (Brands).tokens.json"
6117
+ -
6118
+ cssVar: "--brand-font-base"
6119
+ name: "brand-font-base"
6120
+ value: "var(--font-family-sans)"
6121
+ type: "string"
6122
+ group: "typography"
6123
+ path: "Brand/Font/Base"
6124
+ pathKey: "Brand.Font.Base"
6125
+ scope: "brand:c"
6126
+ scopeBucket: "brand"
6127
+ scopeId: "c"
6128
+ selector: ":root[data-brand=\"c\"]"
6129
+ sourceFile: "Themes (Brands).tokens.json"
3920
6130
  -
3921
6131
  cssVar: "--brand-font-lead"
3922
6132
  name: "brand-font-lead"
@@ -3943,6 +6153,19 @@ tokens:
3943
6153
  scopeId: "b"
3944
6154
  selector: ":root[data-brand=\"b\"]"
3945
6155
  sourceFile: "Themes (Brands).tokens.json"
6156
+ -
6157
+ cssVar: "--brand-font-lead"
6158
+ name: "brand-font-lead"
6159
+ value: "var(--font-family-serif)"
6160
+ type: "string"
6161
+ group: "typography"
6162
+ path: "Brand/Font/Lead"
6163
+ pathKey: "Brand.Font.Lead"
6164
+ scope: "brand:c"
6165
+ scopeBucket: "brand"
6166
+ scopeId: "c"
6167
+ selector: ":root[data-brand=\"c\"]"
6168
+ sourceFile: "Themes (Brands).tokens.json"
3946
6169
  -
3947
6170
  cssVar: "--font-family-mono"
3948
6171
  name: "font-family-mono"