@lumx/core 2.1.9-alpha.0 → 2.1.9-fix-design-tokens

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 (21) hide show
  1. package/css/design-tokens.css +73 -73
  2. package/js/constants/design-tokens.js +716 -190
  3. package/js/constants/design-tokens.min.js +1 -1
  4. package/js/constants/design-tokens.min.js.map +1 -1
  5. package/js/constants/design-tokens.ts +717 -190
  6. package/js/custom-colors.min.js.map +1 -1
  7. package/js/date-picker.min.js.map +1 -1
  8. package/js/utils.min.js.map +1 -1
  9. package/lumx.css +1 -1
  10. package/lumx.min.css +1 -1
  11. package/package.json +2 -2
  12. package/scss/_design-tokens.scss +73 -73
  13. package/scss/components/badge/_index.scss +1 -5
  14. package/scss/components/flag/_index.scss +3 -3
  15. package/scss/components/icon/_index.scss +0 -22
  16. package/scss/components/icon/_mixins.scss +2 -7
  17. package/scss/components/message/_index.scss +5 -1
  18. package/scss/components/notification/_index.scss +1 -6
  19. package/scss/components/thumbnail/_index.scss +5 -7
  20. package/scss/components/user-block/_index.scss +1 -1
  21. package/scss/core/state/_mixins.scss +2 -12
package/js/constants/design-tokens.js CHANGED
@@ -94,17 +94,19 @@ __webpack_require__.r(__webpack_exports__);
94
94
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DESIGN_TOKENS", function() { return DESIGN_TOKENS; });
95
95
  /**
96
96
  * Do not edit directly
97
- * Generated on Wed, 08 Dec 2021 08:10:59 GMT
97
+ * Generated on Thu, 16 Dec 2021 09:34:25 GMT
98
98
  */
99
99
  var DESIGN_TOKENS = {
100
100
  button: {
101
101
  height: {
102
+ value: '36px',
102
103
  attributes: {
103
104
  category: 'button',
104
105
  type: 'height'
105
106
  }
106
107
  },
107
108
  'border-radius': {
109
+ value: 'var(--lumx-border-radius)',
108
110
  attributes: {
109
111
  category: 'button',
110
112
  type: 'border-radius'
@@ -114,6 +116,7 @@ var DESIGN_TOKENS = {
114
116
  'state-default': {
115
117
  padding: {
116
118
  horizontal: {
119
+ value: '16px',
117
120
  attributes: {
118
121
  category: 'button',
119
122
  type: 'emphasis-high',
@@ -122,6 +125,7 @@ var DESIGN_TOKENS = {
122
125
  }
123
126
  },
124
127
  'border-width': {
128
+ value: '0',
125
129
  attributes: {
126
130
  category: 'button',
127
131
  type: 'emphasis-high',
@@ -130,6 +134,7 @@ var DESIGN_TOKENS = {
130
134
  },
131
135
  'theme-light': {
132
136
  'background-color': {
137
+ value: 'var(--lumx-color-primary-N)',
133
138
  attributes: {
134
139
  category: 'button',
135
140
  type: 'emphasis-high',
@@ -139,6 +144,7 @@ var DESIGN_TOKENS = {
139
144
  color: {
140
145
  version: '0.22',
141
146
  comment: 'Neutral light color',
147
+ value: '#fff',
142
148
  attributes: {
143
149
  category: 'button',
144
150
  type: 'emphasis-high',
@@ -146,6 +152,7 @@ var DESIGN_TOKENS = {
146
152
  }
147
153
  },
148
154
  'border-color': {
155
+ value: 'transparent',
149
156
  attributes: {
150
157
  category: 'button',
151
158
  type: 'emphasis-high',
@@ -157,6 +164,7 @@ var DESIGN_TOKENS = {
157
164
  'background-color': {
158
165
  version: '0.22',
159
166
  comment: 'Neutral light color',
167
+ value: '#fff',
160
168
  attributes: {
161
169
  category: 'button',
162
170
  type: 'emphasis-high',
@@ -164,6 +172,7 @@ var DESIGN_TOKENS = {
164
172
  }
165
173
  },
166
174
  color: {
175
+ value: 'var(--lumx-color-primary-N)',
167
176
  attributes: {
168
177
  category: 'button',
169
178
  type: 'emphasis-high',
@@ -171,6 +180,7 @@ var DESIGN_TOKENS = {
171
180
  }
172
181
  },
173
182
  'border-color': {
183
+ value: 'transparent',
174
184
  attributes: {
175
185
  category: 'button',
176
186
  type: 'emphasis-high',
@@ -182,6 +192,7 @@ var DESIGN_TOKENS = {
182
192
  'state-hover': {
183
193
  padding: {
184
194
  horizontal: {
195
+ value: '16px',
185
196
  attributes: {
186
197
  category: 'button',
187
198
  type: 'emphasis-high',
@@ -190,6 +201,7 @@ var DESIGN_TOKENS = {
190
201
  }
191
202
  },
192
203
  'border-width': {
204
+ value: '0',
193
205
  attributes: {
194
206
  category: 'button',
195
207
  type: 'emphasis-high',
@@ -198,6 +210,7 @@ var DESIGN_TOKENS = {
198
210
  },
199
211
  'theme-light': {
200
212
  'background-color': {
213
+ value: 'var(--lumx-color-primary-D1)',
201
214
  attributes: {
202
215
  category: 'button',
203
216
  type: 'emphasis-high',
@@ -207,6 +220,7 @@ var DESIGN_TOKENS = {
207
220
  color: {
208
221
  version: '0.22',
209
222
  comment: 'Neutral light color',
223
+ value: '#fff',
210
224
  attributes: {
211
225
  category: 'button',
212
226
  type: 'emphasis-high',
@@ -214,6 +228,7 @@ var DESIGN_TOKENS = {
214
228
  }
215
229
  },
216
230
  'border-color': {
231
+ value: 'transparent',
217
232
  attributes: {
218
233
  category: 'button',
219
234
  type: 'emphasis-high',
@@ -225,6 +240,7 @@ var DESIGN_TOKENS = {
225
240
  'background-color': {
226
241
  version: '0.22',
227
242
  comment: 'Base light color with 90% opacity',
243
+ value: '#fff',
228
244
  attributes: {
229
245
  category: 'button',
230
246
  type: 'emphasis-high',
@@ -232,6 +248,7 @@ var DESIGN_TOKENS = {
232
248
  }
233
249
  },
234
250
  color: {
251
+ value: 'var(--lumx-color-primary-N)',
235
252
  attributes: {
236
253
  category: 'button',
237
254
  type: 'emphasis-high',
@@ -239,6 +256,7 @@ var DESIGN_TOKENS = {
239
256
  }
240
257
  },
241
258
  'border-color': {
259
+ value: 'transparent',
242
260
  attributes: {
243
261
  category: 'button',
244
262
  type: 'emphasis-high',
@@ -250,6 +268,7 @@ var DESIGN_TOKENS = {
250
268
  'state-active': {
251
269
  padding: {
252
270
  horizontal: {
271
+ value: '16px',
253
272
  attributes: {
254
273
  category: 'button',
255
274
  type: 'emphasis-high',
@@ -258,6 +277,7 @@ var DESIGN_TOKENS = {
258
277
  }
259
278
  },
260
279
  'border-width': {
280
+ value: '0',
261
281
  attributes: {
262
282
  category: 'button',
263
283
  type: 'emphasis-high',
@@ -266,6 +286,7 @@ var DESIGN_TOKENS = {
266
286
  },
267
287
  'theme-light': {
268
288
  'background-color': {
289
+ value: 'var(--lumx-color-primary-D2)',
269
290
  attributes: {
270
291
  category: 'button',
271
292
  type: 'emphasis-high',
@@ -275,6 +296,7 @@ var DESIGN_TOKENS = {
275
296
  color: {
276
297
  version: '0.22',
277
298
  comment: 'Neutral light color',
299
+ value: '#fff',
278
300
  attributes: {
279
301
  category: 'button',
280
302
  type: 'emphasis-high',
@@ -282,6 +304,7 @@ var DESIGN_TOKENS = {
282
304
  }
283
305
  },
284
306
  'border-color': {
307
+ value: 'transparent',
285
308
  attributes: {
286
309
  category: 'button',
287
310
  type: 'emphasis-high',
@@ -293,6 +316,7 @@ var DESIGN_TOKENS = {
293
316
  'background-color': {
294
317
  version: '0.22',
295
318
  comment: 'Base light color with 80% opacity',
319
+ value: '#fff',
296
320
  attributes: {
297
321
  category: 'button',
298
322
  type: 'emphasis-high',
@@ -300,6 +324,7 @@ var DESIGN_TOKENS = {
300
324
  }
301
325
  },
302
326
  color: {
327
+ value: 'var(--lumx-color-primary-N)',
303
328
  attributes: {
304
329
  category: 'button',
305
330
  type: 'emphasis-high',
@@ -307,6 +332,7 @@ var DESIGN_TOKENS = {
307
332
  }
308
333
  },
309
334
  'border-color': {
335
+ value: 'transparent',
310
336
  attributes: {
311
337
  category: 'button',
312
338
  type: 'emphasis-high',
@@ -320,6 +346,7 @@ var DESIGN_TOKENS = {
320
346
  'state-default': {
321
347
  padding: {
322
348
  horizontal: {
349
+ value: '16px',
323
350
  attributes: {
324
351
  category: 'button',
325
352
  type: 'emphasis-medium',
@@ -328,6 +355,7 @@ var DESIGN_TOKENS = {
328
355
  }
329
356
  },
330
357
  'border-width': {
358
+ value: '0',
331
359
  attributes: {
332
360
  category: 'button',
333
361
  type: 'emphasis-medium',
@@ -338,6 +366,7 @@ var DESIGN_TOKENS = {
338
366
  'background-color': {
339
367
  version: '0.22',
340
368
  comment: 'Base dark color with 12% opacity',
369
+ value: '#000000',
341
370
  attributes: {
342
371
  category: 'button',
343
372
  type: 'emphasis-medium',
@@ -347,6 +376,7 @@ var DESIGN_TOKENS = {
347
376
  color: {
348
377
  version: '0.22',
349
378
  comment: 'Base dark color with 70% opacity',
379
+ value: '#000000',
350
380
  attributes: {
351
381
  category: 'button',
352
382
  type: 'emphasis-medium',
@@ -354,6 +384,7 @@ var DESIGN_TOKENS = {
354
384
  }
355
385
  },
356
386
  'border-color': {
387
+ value: 'transparent',
357
388
  attributes: {
358
389
  category: 'button',
359
390
  type: 'emphasis-medium',
@@ -365,6 +396,7 @@ var DESIGN_TOKENS = {
365
396
  'background-color': {
366
397
  version: '0.22',
367
398
  comment: 'Base light color with 20% opacity',
399
+ value: '#fff',
368
400
  attributes: {
369
401
  category: 'button',
370
402
  type: 'emphasis-medium',
@@ -374,6 +406,7 @@ var DESIGN_TOKENS = {
374
406
  color: {
375
407
  version: '0.22',
376
408
  comment: 'Neutral light color',
409
+ value: '#fff',
377
410
  attributes: {
378
411
  category: 'button',
379
412
  type: 'emphasis-medium',
@@ -381,6 +414,7 @@ var DESIGN_TOKENS = {
381
414
  }
382
415
  },
383
416
  'border-color': {
417
+ value: 'transparent',
384
418
  attributes: {
385
419
  category: 'button',
386
420
  type: 'emphasis-medium',
@@ -392,6 +426,7 @@ var DESIGN_TOKENS = {
392
426
  'state-hover': {
393
427
  padding: {
394
428
  horizontal: {
429
+ value: '16px',
395
430
  attributes: {
396
431
  category: 'button',
397
432
  type: 'emphasis-medium',
@@ -400,6 +435,7 @@ var DESIGN_TOKENS = {
400
435
  }
401
436
  },
402
437
  'border-width': {
438
+ value: '0',
403
439
  attributes: {
404
440
  category: 'button',
405
441
  type: 'emphasis-medium',
@@ -410,6 +446,7 @@ var DESIGN_TOKENS = {
410
446
  'background-color': {
411
447
  version: '0.22',
412
448
  comment: 'Base dark color with 20% opacity',
449
+ value: '#000000',
413
450
  attributes: {
414
451
  category: 'button',
415
452
  type: 'emphasis-medium',
@@ -419,6 +456,7 @@ var DESIGN_TOKENS = {
419
456
  color: {
420
457
  version: '0.22',
421
458
  comment: 'Base dark color with 70% opacity',
459
+ value: '#000000',
422
460
  attributes: {
423
461
  category: 'button',
424
462
  type: 'emphasis-medium',
@@ -426,6 +464,7 @@ var DESIGN_TOKENS = {
426
464
  }
427
465
  },
428
466
  'border-color': {
467
+ value: 'transparent',
429
468
  attributes: {
430
469
  category: 'button',
431
470
  type: 'emphasis-medium',
@@ -437,6 +476,7 @@ var DESIGN_TOKENS = {
437
476
  'background-color': {
438
477
  version: '0.22',
439
478
  comment: 'Base light color with 40% opacity',
479
+ value: '#fff',
440
480
  attributes: {
441
481
  category: 'button',
442
482
  type: 'emphasis-medium',
@@ -446,6 +486,7 @@ var DESIGN_TOKENS = {
446
486
  color: {
447
487
  version: '0.22',
448
488
  comment: 'Neutral light color',
489
+ value: '#fff',
449
490
  attributes: {
450
491
  category: 'button',
451
492
  type: 'emphasis-medium',
@@ -453,6 +494,7 @@ var DESIGN_TOKENS = {
453
494
  }
454
495
  },
455
496
  'border-color': {
497
+ value: 'transparent',
456
498
  attributes: {
457
499
  category: 'button',
458
500
  type: 'emphasis-medium',
@@ -464,6 +506,7 @@ var DESIGN_TOKENS = {
464
506
  'state-active': {
465
507
  padding: {
466
508
  horizontal: {
509
+ value: '16px',
467
510
  attributes: {
468
511
  category: 'button',
469
512
  type: 'emphasis-medium',
@@ -472,6 +515,7 @@ var DESIGN_TOKENS = {
472
515
  }
473
516
  },
474
517
  'border-width': {
518
+ value: '0',
475
519
  attributes: {
476
520
  category: 'button',
477
521
  type: 'emphasis-medium',
@@ -482,6 +526,7 @@ var DESIGN_TOKENS = {
482
526
  'background-color': {
483
527
  version: '0.22',
484
528
  comment: 'Base dark color with 38% opacity',
529
+ value: '#000000',
485
530
  attributes: {
486
531
  category: 'button',
487
532
  type: 'emphasis-medium',
@@ -491,6 +536,7 @@ var DESIGN_TOKENS = {
491
536
  color: {
492
537
  version: '0.22',
493
538
  comment: 'Base dark color with 70% opacity',
539
+ value: '#000000',
494
540
  attributes: {
495
541
  category: 'button',
496
542
  type: 'emphasis-medium',
@@ -498,6 +544,7 @@ var DESIGN_TOKENS = {
498
544
  }
499
545
  },
500
546
  'border-color': {
547
+ value: 'transparent',
501
548
  attributes: {
502
549
  category: 'button',
503
550
  type: 'emphasis-medium',
@@ -509,6 +556,7 @@ var DESIGN_TOKENS = {
509
556
  'background-color': {
510
557
  version: '0.22',
511
558
  comment: 'Base light color with 60% opacity',
559
+ value: '#fff',
512
560
  attributes: {
513
561
  category: 'button',
514
562
  type: 'emphasis-medium',
@@ -518,6 +566,7 @@ var DESIGN_TOKENS = {
518
566
  color: {
519
567
  version: '0.22',
520
568
  comment: 'Neutral light color',
569
+ value: '#fff',
521
570
  attributes: {
522
571
  category: 'button',
523
572
  type: 'emphasis-medium',
@@ -525,6 +574,7 @@ var DESIGN_TOKENS = {
525
574
  }
526
575
  },
527
576
  'border-color': {
577
+ value: 'transparent',
528
578
  attributes: {
529
579
  category: 'button',
530
580
  type: 'emphasis-medium',
@@ -538,6 +588,7 @@ var DESIGN_TOKENS = {
538
588
  'state-default': {
539
589
  padding: {
540
590
  horizontal: {
591
+ value: '8px',
541
592
  attributes: {
542
593
  category: 'button',
543
594
  type: 'emphasis-low',
@@ -546,6 +597,7 @@ var DESIGN_TOKENS = {
546
597
  }
547
598
  },
548
599
  'border-width': {
600
+ value: '0',
549
601
  attributes: {
550
602
  category: 'button',
551
603
  type: 'emphasis-low',
@@ -554,6 +606,7 @@ var DESIGN_TOKENS = {
554
606
  },
555
607
  'theme-light': {
556
608
  'background-color': {
609
+ value: 'transparent',
557
610
  attributes: {
558
611
  category: 'button',
559
612
  type: 'emphasis-low',
@@ -563,6 +616,7 @@ var DESIGN_TOKENS = {
563
616
  color: {
564
617
  version: '0.22',
565
618
  comment: 'Base dark color with 70% opacity',
619
+ value: '#000000',
566
620
  attributes: {
567
621
  category: 'button',
568
622
  type: 'emphasis-low',
@@ -570,6 +624,7 @@ var DESIGN_TOKENS = {
570
624
  }
571
625
  },
572
626
  'border-color': {
627
+ value: 'transparent',
573
628
  attributes: {
574
629
  category: 'button',
575
630
  type: 'emphasis-low',
@@ -579,6 +634,7 @@ var DESIGN_TOKENS = {
579
634
  },
580
635
  'theme-dark': {
581
636
  'background-color': {
637
+ value: 'transparent',
582
638
  attributes: {
583
639
  category: 'button',
584
640
  type: 'emphasis-low',
@@ -588,6 +644,7 @@ var DESIGN_TOKENS = {
588
644
  color: {
589
645
  version: '0.22',
590
646
  comment: 'Neutral light color',
647
+ value: '#fff',
591
648
  attributes: {
592
649
  category: 'button',
593
650
  type: 'emphasis-low',
@@ -595,6 +652,7 @@ var DESIGN_TOKENS = {
595
652
  }
596
653
  },
597
654
  'border-color': {
655
+ value: 'transparent',
598
656
  attributes: {
599
657
  category: 'button',
600
658
  type: 'emphasis-low',
@@ -606,6 +664,7 @@ var DESIGN_TOKENS = {
606
664
  'state-hover': {
607
665
  padding: {
608
666
  horizontal: {
667
+ value: '8px',
609
668
  attributes: {
610
669
  category: 'button',
611
670
  type: 'emphasis-low',
@@ -614,6 +673,7 @@ var DESIGN_TOKENS = {
614
673
  }
615
674
  },
616
675
  'border-width': {
676
+ value: '0',
617
677
  attributes: {
618
678
  category: 'button',
619
679
  type: 'emphasis-low',
@@ -624,6 +684,7 @@ var DESIGN_TOKENS = {
624
684
  'background-color': {
625
685
  version: '0.22',
626
686
  comment: 'Base dark color with 12% opacity',
687
+ value: '#000000',
627
688
  attributes: {
628
689
  category: 'button',
629
690
  type: 'emphasis-low',
@@ -633,6 +694,7 @@ var DESIGN_TOKENS = {
633
694
  color: {
634
695
  version: '0.22',
635
696
  comment: 'Base dark color with 70% opacity',
697
+ value: '#000000',
636
698
  attributes: {
637
699
  category: 'button',
638
700
  type: 'emphasis-low',
@@ -640,6 +702,7 @@ var DESIGN_TOKENS = {
640
702
  }
641
703
  },
642
704
  'border-color': {
705
+ value: 'transparent',
643
706
  attributes: {
644
707
  category: 'button',
645
708
  type: 'emphasis-low',
@@ -651,6 +714,7 @@ var DESIGN_TOKENS = {
651
714
  'background-color': {
652
715
  version: '0.22',
653
716
  comment: 'Base light color with 20% opacity',
717
+ value: '#fff',
654
718
  attributes: {
655
719
  category: 'button',
656
720
  type: 'emphasis-low',
@@ -660,6 +724,7 @@ var DESIGN_TOKENS = {
660
724
  color: {
661
725
  version: '0.22',
662
726
  comment: 'Neutral light color',
727
+ value: '#fff',
663
728
  attributes: {
664
729
  category: 'button',
665
730
  type: 'emphasis-low',
@@ -667,6 +732,7 @@ var DESIGN_TOKENS = {
667
732
  }
668
733
  },
669
734
  'border-color': {
735
+ value: 'transparent',
670
736
  attributes: {
671
737
  category: 'button',
672
738
  type: 'emphasis-low',
@@ -678,6 +744,7 @@ var DESIGN_TOKENS = {
678
744
  'state-active': {
679
745
  padding: {
680
746
  horizontal: {
747
+ value: '8px',
681
748
  attributes: {
682
749
  category: 'button',
683
750
  type: 'emphasis-low',
@@ -686,6 +753,7 @@ var DESIGN_TOKENS = {
686
753
  }
687
754
  },
688
755
  'border-width': {
756
+ value: '0',
689
757
  attributes: {
690
758
  category: 'button',
691
759
  type: 'emphasis-low',
@@ -696,6 +764,7 @@ var DESIGN_TOKENS = {
696
764
  'background-color': {
697
765
  version: '0.22',
698
766
  comment: 'Base dark color with 20% opacity',
767
+ value: '#000000',
699
768
  attributes: {
700
769
  category: 'button',
701
770
  type: 'emphasis-low',
@@ -705,6 +774,7 @@ var DESIGN_TOKENS = {
705
774
  color: {
706
775
  version: '0.22',
707
776
  comment: 'Base dark color with 70% opacity',
777
+ value: '#000000',
708
778
  attributes: {
709
779
  category: 'button',
710
780
  type: 'emphasis-low',
@@ -712,6 +782,7 @@ var DESIGN_TOKENS = {
712
782
  }
713
783
  },
714
784
  'border-color': {
785
+ value: 'transparent',
715
786
  attributes: {
716
787
  category: 'button',
717
788
  type: 'emphasis-low',
@@ -723,6 +794,7 @@ var DESIGN_TOKENS = {
723
794
  'background-color': {
724
795
  version: '0.22',
725
796
  comment: 'Base light color with 40% opacity',
797
+ value: '#fff',
726
798
  attributes: {
727
799
  category: 'button',
728
800
  type: 'emphasis-low',
@@ -732,6 +804,7 @@ var DESIGN_TOKENS = {
732
804
  color: {
733
805
  version: '0.22',
734
806
  comment: 'Neutral light color',
807
+ value: '#fff',
735
808
  attributes: {
736
809
  category: 'button',
737
810
  type: 'emphasis-low',
@@ -739,6 +812,7 @@ var DESIGN_TOKENS = {
739
812
  }
740
813
  },
741
814
  'border-color': {
815
+ value: 'transparent',
742
816
  attributes: {
743
817
  category: 'button',
744
818
  type: 'emphasis-low',
@@ -752,6 +826,7 @@ var DESIGN_TOKENS = {
752
826
  'state-default': {
753
827
  padding: {
754
828
  horizontal: {
829
+ value: '16px',
755
830
  attributes: {
756
831
  category: 'button',
757
832
  type: 'emphasis-selected',
@@ -760,6 +835,7 @@ var DESIGN_TOKENS = {
760
835
  }
761
836
  },
762
837
  'border-width': {
838
+ value: '0',
763
839
  attributes: {
764
840
  category: 'button',
765
841
  type: 'emphasis-selected',
@@ -768,6 +844,7 @@ var DESIGN_TOKENS = {
768
844
  },
769
845
  'theme-light': {
770
846
  'background-color': {
847
+ value: 'var(--lumx-color-primary-L5)',
771
848
  attributes: {
772
849
  category: 'button',
773
850
  type: 'emphasis-selected',
@@ -775,6 +852,7 @@ var DESIGN_TOKENS = {
775
852
  }
776
853
  },
777
854
  color: {
855
+ value: 'var(--lumx-color-primary-D2)',
778
856
  attributes: {
779
857
  category: 'button',
780
858
  type: 'emphasis-selected',
@@ -782,6 +860,7 @@ var DESIGN_TOKENS = {
782
860
  }
783
861
  },
784
862
  'border-color': {
863
+ value: 'transparent',
785
864
  attributes: {
786
865
  category: 'button',
787
866
  type: 'emphasis-selected',
@@ -793,6 +872,7 @@ var DESIGN_TOKENS = {
793
872
  'background-color': {
794
873
  version: '0.22',
795
874
  comment: 'Base light color with 60% opacity',
875
+ value: '#fff',
796
876
  attributes: {
797
877
  category: 'button',
798
878
  type: 'emphasis-selected',
@@ -802,6 +882,7 @@ var DESIGN_TOKENS = {
802
882
  color: {
803
883
  version: '0.22',
804
884
  comment: 'Neutral light color',
885
+ value: '#fff',
805
886
  attributes: {
806
887
  category: 'button',
807
888
  type: 'emphasis-selected',
@@ -809,6 +890,7 @@ var DESIGN_TOKENS = {
809
890
  }
810
891
  },
811
892
  'border-color': {
893
+ value: 'transparent',
812
894
  attributes: {
813
895
  category: 'button',
814
896
  type: 'emphasis-selected',
@@ -820,6 +902,7 @@ var DESIGN_TOKENS = {
820
902
  'state-hover': {
821
903
  padding: {
822
904
  horizontal: {
905
+ value: '16px',
823
906
  attributes: {
824
907
  category: 'button',
825
908
  type: 'emphasis-selected',
@@ -828,6 +911,7 @@ var DESIGN_TOKENS = {
828
911
  }
829
912
  },
830
913
  'border-width': {
914
+ value: '0',
831
915
  attributes: {
832
916
  category: 'button',
833
917
  type: 'emphasis-selected',
@@ -836,6 +920,7 @@ var DESIGN_TOKENS = {
836
920
  },
837
921
  'theme-light': {
838
922
  'background-color': {
923
+ value: 'var(--lumx-color-primary-L4)',
839
924
  attributes: {
840
925
  category: 'button',
841
926
  type: 'emphasis-selected',
@@ -843,6 +928,7 @@ var DESIGN_TOKENS = {
843
928
  }
844
929
  },
845
930
  color: {
931
+ value: 'var(--lumx-color-primary-D2)',
846
932
  attributes: {
847
933
  category: 'button',
848
934
  type: 'emphasis-selected',
@@ -850,6 +936,7 @@ var DESIGN_TOKENS = {
850
936
  }
851
937
  },
852
938
  'border-color': {
939
+ value: 'transparent',
853
940
  attributes: {
854
941
  category: 'button',
855
942
  type: 'emphasis-selected',
@@ -861,6 +948,7 @@ var DESIGN_TOKENS = {
861
948
  'background-color': {
862
949
  version: '0.22',
863
950
  comment: 'Base light color with 40% opacity',
951
+ value: '#fff',
864
952
  attributes: {
865
953
  category: 'button',
866
954
  type: 'emphasis-selected',
@@ -870,6 +958,7 @@ var DESIGN_TOKENS = {
870
958
  color: {
871
959
  version: '0.22',
872
960
  comment: 'Neutral light color',
961
+ value: '#fff',
873
962
  attributes: {
874
963
  category: 'button',
875
964
  type: 'emphasis-selected',
@@ -877,6 +966,7 @@ var DESIGN_TOKENS = {
877
966
  }
878
967
  },
879
968
  'border-color': {
969
+ value: 'transparent',
880
970
  attributes: {
881
971
  category: 'button',
882
972
  type: 'emphasis-selected',
@@ -888,6 +978,7 @@ var DESIGN_TOKENS = {
888
978
  'state-active': {
889
979
  padding: {
890
980
  horizontal: {
981
+ value: '16px',
891
982
  attributes: {
892
983
  category: 'button',
893
984
  type: 'emphasis-selected',
@@ -896,6 +987,7 @@ var DESIGN_TOKENS = {
896
987
  }
897
988
  },
898
989
  'border-width': {
990
+ value: '0',
899
991
  attributes: {
900
992
  category: 'button',
901
993
  type: 'emphasis-selected',
@@ -904,6 +996,7 @@ var DESIGN_TOKENS = {
904
996
  },
905
997
  'theme-light': {
906
998
  'background-color': {
999
+ value: 'var(--lumx-color-primary-L3)',
907
1000
  attributes: {
908
1001
  category: 'button',
909
1002
  type: 'emphasis-selected',
@@ -911,6 +1004,7 @@ var DESIGN_TOKENS = {
911
1004
  }
912
1005
  },
913
1006
  color: {
1007
+ value: 'var(--lumx-color-primary-D2)',
914
1008
  attributes: {
915
1009
  category: 'button',
916
1010
  type: 'emphasis-selected',
@@ -918,6 +1012,7 @@ var DESIGN_TOKENS = {
918
1012
  }
919
1013
  },
920
1014
  'border-color': {
1015
+ value: 'transparent',
921
1016
  attributes: {
922
1017
  category: 'button',
923
1018
  type: 'emphasis-selected',
@@ -929,6 +1024,7 @@ var DESIGN_TOKENS = {
929
1024
  'background-color': {
930
1025
  version: '0.22',
931
1026
  comment: 'Base light color with 20% opacity',
1027
+ value: '#fff',
932
1028
  attributes: {
933
1029
  category: 'button',
934
1030
  type: 'emphasis-selected',
@@ -938,6 +1034,7 @@ var DESIGN_TOKENS = {
938
1034
  color: {
939
1035
  version: '0.22',
940
1036
  comment: 'Neutral light color',
1037
+ value: '#fff',
941
1038
  attributes: {
942
1039
  category: 'button',
943
1040
  type: 'emphasis-selected',
@@ -945,6 +1042,7 @@ var DESIGN_TOKENS = {
945
1042
  }
946
1043
  },
947
1044
  'border-color': {
1045
+ value: 'transparent',
948
1046
  attributes: {
949
1047
  category: 'button',
950
1048
  type: 'emphasis-selected',
@@ -958,6 +1056,7 @@ var DESIGN_TOKENS = {
958
1056
  material: {
959
1057
  button: {
960
1058
  'text-transform': {
1059
+ value: 'none',
961
1060
  attributes: {
962
1061
  category: 'material',
963
1062
  type: 'button',
@@ -967,6 +1066,7 @@ var DESIGN_TOKENS = {
967
1066
  },
968
1067
  checkbox: {
969
1068
  'wrapper-size': {
1069
+ value: '20px',
970
1070
  attributes: {
971
1071
  category: 'material',
972
1072
  type: 'checkbox',
@@ -974,6 +1074,7 @@ var DESIGN_TOKENS = {
974
1074
  }
975
1075
  },
976
1076
  'control-size': {
1077
+ value: '16px',
977
1078
  attributes: {
978
1079
  category: 'material',
979
1080
  type: 'checkbox',
@@ -984,6 +1085,7 @@ var DESIGN_TOKENS = {
984
1085
  chip: {
985
1086
  'size-m': {
986
1087
  height: {
1088
+ value: '36px',
987
1089
  attributes: {
988
1090
  category: 'material',
989
1091
  type: 'chip',
@@ -991,6 +1093,7 @@ var DESIGN_TOKENS = {
991
1093
  }
992
1094
  },
993
1095
  'border-radius': {
1096
+ value: '18px',
994
1097
  attributes: {
995
1098
  category: 'material',
996
1099
  type: 'chip',
@@ -998,6 +1101,7 @@ var DESIGN_TOKENS = {
998
1101
  }
999
1102
  },
1000
1103
  'padding-vertical': {
1104
+ value: '16px',
1001
1105
  attributes: {
1002
1106
  category: 'material',
1003
1107
  type: 'chip',
@@ -1007,6 +1111,7 @@ var DESIGN_TOKENS = {
1007
1111
  },
1008
1112
  'size-s': {
1009
1113
  height: {
1114
+ value: '24px',
1010
1115
  attributes: {
1011
1116
  category: 'material',
1012
1117
  type: 'chip',
@@ -1014,6 +1119,7 @@ var DESIGN_TOKENS = {
1014
1119
  }
1015
1120
  },
1016
1121
  'border-radius': {
1122
+ value: '12px',
1017
1123
  attributes: {
1018
1124
  category: 'material',
1019
1125
  type: 'chip',
@@ -1021,6 +1127,7 @@ var DESIGN_TOKENS = {
1021
1127
  }
1022
1128
  },
1023
1129
  'padding-vertical': {
1130
+ value: '12px',
1024
1131
  attributes: {
1025
1132
  category: 'material',
1026
1133
  type: 'chip',
@@ -1031,6 +1138,7 @@ var DESIGN_TOKENS = {
1031
1138
  },
1032
1139
  'input-helper': {
1033
1140
  'font-size': {
1141
+ value: '12px',
1034
1142
  attributes: {
1035
1143
  category: 'material',
1036
1144
  type: 'input-helper',
@@ -1038,6 +1146,7 @@ var DESIGN_TOKENS = {
1038
1146
  }
1039
1147
  },
1040
1148
  'font-weight': {
1149
+ value: 'var(--lumx-typography-font-weight-regular)',
1041
1150
  attributes: {
1042
1151
  category: 'material',
1043
1152
  type: 'input-helper',
@@ -1045,6 +1154,7 @@ var DESIGN_TOKENS = {
1045
1154
  }
1046
1155
  },
1047
1156
  'line-height': {
1157
+ value: '16px',
1048
1158
  attributes: {
1049
1159
  category: 'material',
1050
1160
  type: 'input-helper',
@@ -1054,6 +1164,7 @@ var DESIGN_TOKENS = {
1054
1164
  },
1055
1165
  'input-label': {
1056
1166
  'font-size': {
1167
+ value: '14px',
1057
1168
  attributes: {
1058
1169
  category: 'material',
1059
1170
  type: 'input-label',
@@ -1061,6 +1172,7 @@ var DESIGN_TOKENS = {
1061
1172
  }
1062
1173
  },
1063
1174
  'font-weight': {
1175
+ value: 'var(--lumx-typography-font-weight-regular)',
1064
1176
  attributes: {
1065
1177
  category: 'material',
1066
1178
  type: 'input-label',
@@ -1068,6 +1180,7 @@ var DESIGN_TOKENS = {
1068
1180
  }
1069
1181
  },
1070
1182
  'line-height': {
1183
+ value: '20px',
1071
1184
  attributes: {
1072
1185
  category: 'material',
1073
1186
  type: 'input-label',
@@ -1077,6 +1190,7 @@ var DESIGN_TOKENS = {
1077
1190
  },
1078
1191
  progress: {
1079
1192
  bounce: {
1193
+ value: 'block',
1080
1194
  attributes: {
1081
1195
  category: 'material',
1082
1196
  type: 'progress',
@@ -1084,6 +1198,7 @@ var DESIGN_TOKENS = {
1084
1198
  }
1085
1199
  },
1086
1200
  rotate: {
1201
+ value: 'none',
1087
1202
  attributes: {
1088
1203
  category: 'material',
1089
1204
  type: 'progress',
@@ -1093,6 +1208,7 @@ var DESIGN_TOKENS = {
1093
1208
  },
1094
1209
  'radio-button': {
1095
1210
  'wrapper-size': {
1211
+ value: '20px',
1096
1212
  attributes: {
1097
1213
  category: 'material',
1098
1214
  type: 'radio-button',
@@ -1100,6 +1216,7 @@ var DESIGN_TOKENS = {
1100
1216
  }
1101
1217
  },
1102
1218
  'control-size': {
1219
+ value: '16px',
1103
1220
  attributes: {
1104
1221
  category: 'material',
1105
1222
  type: 'radio-button',
@@ -1107,6 +1224,7 @@ var DESIGN_TOKENS = {
1107
1224
  }
1108
1225
  },
1109
1226
  'indicator-size': {
1227
+ value: '8px',
1110
1228
  attributes: {
1111
1229
  category: 'material',
1112
1230
  type: 'radio-button',
@@ -1117,6 +1235,7 @@ var DESIGN_TOKENS = {
1117
1235
  switch: {
1118
1236
  wrapper: {
1119
1237
  width: {
1238
+ value: '30px',
1120
1239
  attributes: {
1121
1240
  category: 'material',
1122
1241
  type: 'switch',
@@ -1124,6 +1243,7 @@ var DESIGN_TOKENS = {
1124
1243
  }
1125
1244
  },
1126
1245
  height: {
1246
+ value: '20px',
1127
1247
  attributes: {
1128
1248
  category: 'material',
1129
1249
  type: 'switch',
@@ -1133,6 +1253,7 @@ var DESIGN_TOKENS = {
1133
1253
  },
1134
1254
  control: {
1135
1255
  width: {
1256
+ value: '30px',
1136
1257
  attributes: {
1137
1258
  category: 'material',
1138
1259
  type: 'switch',
@@ -1140,6 +1261,7 @@ var DESIGN_TOKENS = {
1140
1261
  }
1141
1262
  },
1142
1263
  height: {
1264
+ value: '16px',
1143
1265
  attributes: {
1144
1266
  category: 'material',
1145
1267
  type: 'switch',
@@ -1149,6 +1271,7 @@ var DESIGN_TOKENS = {
1149
1271
  },
1150
1272
  indicator: {
1151
1273
  size: {
1274
+ value: '8px',
1152
1275
  attributes: {
1153
1276
  category: 'material',
1154
1277
  type: 'switch',
@@ -1156,6 +1279,7 @@ var DESIGN_TOKENS = {
1156
1279
  }
1157
1280
  },
1158
1281
  offset: {
1282
+ value: '4px',
1159
1283
  attributes: {
1160
1284
  category: 'material',
1161
1285
  type: 'switch',
@@ -1167,6 +1291,7 @@ var DESIGN_TOKENS = {
1167
1291
  'text-field': {
1168
1292
  padding: {
1169
1293
  top: {
1294
+ value: '0',
1170
1295
  attributes: {
1171
1296
  category: 'material',
1172
1297
  type: 'text-field',
@@ -1174,6 +1299,7 @@ var DESIGN_TOKENS = {
1174
1299
  }
1175
1300
  },
1176
1301
  bottom: {
1302
+ value: '0',
1177
1303
  attributes: {
1178
1304
  category: 'material',
1179
1305
  type: 'text-field',
@@ -1184,6 +1310,7 @@ var DESIGN_TOKENS = {
1184
1310
  header: {
1185
1311
  wrapper: {
1186
1312
  'margin-bottom': {
1313
+ value: '8px',
1187
1314
  attributes: {
1188
1315
  category: 'material',
1189
1316
  type: 'text-field',
@@ -1193,6 +1320,7 @@ var DESIGN_TOKENS = {
1193
1320
  },
1194
1321
  label: {
1195
1322
  'font-size': {
1323
+ value: '14px',
1196
1324
  attributes: {
1197
1325
  category: 'material',
1198
1326
  type: 'text-field',
@@ -1200,6 +1328,7 @@ var DESIGN_TOKENS = {
1200
1328
  }
1201
1329
  },
1202
1330
  'font-weight': {
1331
+ value: 'var(--lumx-typography-font-weight-regular)',
1203
1332
  attributes: {
1204
1333
  category: 'material',
1205
1334
  type: 'text-field',
@@ -1207,6 +1336,7 @@ var DESIGN_TOKENS = {
1207
1336
  }
1208
1337
  },
1209
1338
  'line-height': {
1339
+ value: '20px',
1210
1340
  attributes: {
1211
1341
  category: 'material',
1212
1342
  type: 'text-field',
@@ -1218,6 +1348,7 @@ var DESIGN_TOKENS = {
1218
1348
  input: {
1219
1349
  content: {
1220
1350
  'font-size': {
1351
+ value: '14px',
1221
1352
  attributes: {
1222
1353
  category: 'material',
1223
1354
  type: 'text-field',
@@ -1225,6 +1356,7 @@ var DESIGN_TOKENS = {
1225
1356
  }
1226
1357
  },
1227
1358
  'font-weight': {
1359
+ value: 'var(--lumx-typography-font-weight-regular)',
1228
1360
  attributes: {
1229
1361
  category: 'material',
1230
1362
  type: 'text-field',
@@ -1232,6 +1364,7 @@ var DESIGN_TOKENS = {
1232
1364
  }
1233
1365
  },
1234
1366
  'line-height': {
1367
+ value: '20px',
1235
1368
  attributes: {
1236
1369
  category: 'material',
1237
1370
  type: 'text-field',
@@ -1246,6 +1379,7 @@ var DESIGN_TOKENS = {
1246
1379
  item: {
1247
1380
  padding: {
1248
1381
  horizontal: {
1382
+ value: '8px',
1249
1383
  attributes: {
1250
1384
  category: 'navigation',
1251
1385
  type: 'item',
@@ -1254,6 +1388,7 @@ var DESIGN_TOKENS = {
1254
1388
  }
1255
1389
  },
1256
1390
  'min-height': {
1391
+ value: '36px',
1257
1392
  attributes: {
1258
1393
  category: 'navigation',
1259
1394
  type: 'item',
@@ -1261,6 +1396,7 @@ var DESIGN_TOKENS = {
1261
1396
  }
1262
1397
  },
1263
1398
  'border-radius': {
1399
+ value: 'var(--lumx-border-radius)',
1264
1400
  attributes: {
1265
1401
  category: 'navigation',
1266
1402
  type: 'item',
@@ -1272,6 +1408,7 @@ var DESIGN_TOKENS = {
1272
1408
  border: {
1273
1409
  top: {
1274
1410
  width: {
1411
+ value: '0',
1275
1412
  attributes: {
1276
1413
  category: 'navigation',
1277
1414
  type: 'item',
@@ -1281,6 +1418,7 @@ var DESIGN_TOKENS = {
1281
1418
  },
1282
1419
  right: {
1283
1420
  width: {
1421
+ value: '0',
1284
1422
  attributes: {
1285
1423
  category: 'navigation',
1286
1424
  type: 'item',
@@ -1290,6 +1428,7 @@ var DESIGN_TOKENS = {
1290
1428
  },
1291
1429
  bottom: {
1292
1430
  width: {
1431
+ value: '0',
1293
1432
  attributes: {
1294
1433
  category: 'navigation',
1295
1434
  type: 'item',
@@ -1299,6 +1438,7 @@ var DESIGN_TOKENS = {
1299
1438
  },
1300
1439
  left: {
1301
1440
  width: {
1441
+ value: '0',
1302
1442
  attributes: {
1303
1443
  category: 'navigation',
1304
1444
  type: 'item',
@@ -1309,6 +1449,7 @@ var DESIGN_TOKENS = {
1309
1449
  },
1310
1450
  'theme-light': {
1311
1451
  'background-color': {
1452
+ value: 'transparent',
1312
1453
  attributes: {
1313
1454
  category: 'navigation',
1314
1455
  type: 'item',
@@ -1318,6 +1459,7 @@ var DESIGN_TOKENS = {
1318
1459
  'border-color': {
1319
1460
  version: '0.22',
1320
1461
  comment: 'Base dark color with 12% opacity',
1462
+ value: '#000000',
1321
1463
  attributes: {
1322
1464
  category: 'navigation',
1323
1465
  type: 'item',
@@ -1327,6 +1469,7 @@ var DESIGN_TOKENS = {
1327
1469
  'icon-color': {
1328
1470
  version: '0.22',
1329
1471
  comment: 'Base dark color with 70% opacity',
1472
+ value: '#000000',
1330
1473
  attributes: {
1331
1474
  category: 'navigation',
1332
1475
  type: 'item',
@@ -1336,6 +1479,7 @@ var DESIGN_TOKENS = {
1336
1479
  'label-color': {
1337
1480
  version: '0.22',
1338
1481
  comment: 'Neutral dark color',
1482
+ value: '#000000',
1339
1483
  attributes: {
1340
1484
  category: 'navigation',
1341
1485
  type: 'item',
@@ -1343,6 +1487,7 @@ var DESIGN_TOKENS = {
1343
1487
  }
1344
1488
  },
1345
1489
  'chevron-background-color': {
1490
+ value: 'transparent',
1346
1491
  attributes: {
1347
1492
  category: 'navigation',
1348
1493
  type: 'item',
@@ -1352,6 +1497,7 @@ var DESIGN_TOKENS = {
1352
1497
  'chevron-color': {
1353
1498
  version: '0.22',
1354
1499
  comment: 'Base dark color with 70% opacity',
1500
+ value: '#000000',
1355
1501
  attributes: {
1356
1502
  category: 'navigation',
1357
1503
  type: 'item',
@@ -1361,6 +1507,7 @@ var DESIGN_TOKENS = {
1361
1507
  },
1362
1508
  'theme-dark': {
1363
1509
  'background-color': {
1510
+ value: 'transparent',
1364
1511
  attributes: {
1365
1512
  category: 'navigation',
1366
1513
  type: 'item',
@@ -1370,6 +1517,7 @@ var DESIGN_TOKENS = {
1370
1517
  'border-color': {
1371
1518
  version: '0.22',
1372
1519
  comment: 'Base light color with 20% opacity',
1520
+ value: '#fff',
1373
1521
  attributes: {
1374
1522
  category: 'navigation',
1375
1523
  type: 'item',
@@ -1379,6 +1527,7 @@ var DESIGN_TOKENS = {
1379
1527
  'icon-color': {
1380
1528
  version: '0.22',
1381
1529
  comment: 'Neutral light color',
1530
+ value: '#fff',
1382
1531
  attributes: {
1383
1532
  category: 'navigation',
1384
1533
  type: 'item',
@@ -1388,6 +1537,7 @@ var DESIGN_TOKENS = {
1388
1537
  'label-color': {
1389
1538
  version: '0.22',
1390
1539
  comment: 'Neutral light color',
1540
+ value: '#fff',
1391
1541
  attributes: {
1392
1542
  category: 'navigation',
1393
1543
  type: 'item',
@@ -1395,6 +1545,7 @@ var DESIGN_TOKENS = {
1395
1545
  }
1396
1546
  },
1397
1547
  'chevron-background-color': {
1548
+ value: 'transparent',
1398
1549
  attributes: {
1399
1550
  category: 'navigation',
1400
1551
  type: 'item',
@@ -1404,6 +1555,7 @@ var DESIGN_TOKENS = {
1404
1555
  'chevron-color': {
1405
1556
  version: '0.22',
1406
1557
  comment: 'Neutral light color',
1558
+ value: '#fff',
1407
1559
  attributes: {
1408
1560
  category: 'navigation',
1409
1561
  type: 'item',
@@ -1416,6 +1568,7 @@ var DESIGN_TOKENS = {
1416
1568
  border: {
1417
1569
  top: {
1418
1570
  width: {
1571
+ value: '0',
1419
1572
  attributes: {
1420
1573
  category: 'navigation',
1421
1574
  type: 'item',
@@ -1425,6 +1578,7 @@ var DESIGN_TOKENS = {
1425
1578
  },
1426
1579
  right: {
1427
1580
  width: {
1581
+ value: '0',
1428
1582
  attributes: {
1429
1583
  category: 'navigation',
1430
1584
  type: 'item',
@@ -1434,6 +1588,7 @@ var DESIGN_TOKENS = {
1434
1588
  },
1435
1589
  bottom: {
1436
1590
  width: {
1591
+ value: '0',
1437
1592
  attributes: {
1438
1593
  category: 'navigation',
1439
1594
  type: 'item',
@@ -1443,6 +1598,7 @@ var DESIGN_TOKENS = {
1443
1598
  },
1444
1599
  left: {
1445
1600
  width: {
1601
+ value: '0',
1446
1602
  attributes: {
1447
1603
  category: 'navigation',
1448
1604
  type: 'item',
@@ -1455,6 +1611,7 @@ var DESIGN_TOKENS = {
1455
1611
  'background-color': {
1456
1612
  version: '0.22',
1457
1613
  comment: 'Base dark color with 12% opacity',
1614
+ value: '#000000',
1458
1615
  attributes: {
1459
1616
  category: 'navigation',
1460
1617
  type: 'item',
@@ -1464,6 +1621,7 @@ var DESIGN_TOKENS = {
1464
1621
  'border-color': {
1465
1622
  version: '0.22',
1466
1623
  comment: 'Base dark color with 12% opacity',
1624
+ value: '#000000',
1467
1625
  attributes: {
1468
1626
  category: 'navigation',
1469
1627
  type: 'item',
@@ -1473,6 +1631,7 @@ var DESIGN_TOKENS = {
1473
1631
  'icon-color': {
1474
1632
  version: '0.22',
1475
1633
  comment: 'Base dark color with 70% opacity',
1634
+ value: '#000000',
1476
1635
  attributes: {
1477
1636
  category: 'navigation',
1478
1637
  type: 'item',
@@ -1482,6 +1641,7 @@ var DESIGN_TOKENS = {
1482
1641
  'label-color': {
1483
1642
  version: '0.22',
1484
1643
  comment: 'Neutral dark color',
1644
+ value: '#000000',
1485
1645
  attributes: {
1486
1646
  category: 'navigation',
1487
1647
  type: 'item',
@@ -1491,6 +1651,7 @@ var DESIGN_TOKENS = {
1491
1651
  'chevron-background-color': {
1492
1652
  version: '0.22',
1493
1653
  comment: 'Base dark color with 12% opacity',
1654
+ value: '#000000',
1494
1655
  attributes: {
1495
1656
  category: 'navigation',
1496
1657
  type: 'item',
@@ -1500,6 +1661,7 @@ var DESIGN_TOKENS = {
1500
1661
  'chevron-color': {
1501
1662
  version: '0.22',
1502
1663
  comment: 'Base dark color with 70% opacity',
1664
+ value: '#000000',
1503
1665
  attributes: {
1504
1666
  category: 'navigation',
1505
1667
  type: 'item',
@@ -1511,6 +1673,7 @@ var DESIGN_TOKENS = {
1511
1673
  'background-color': {
1512
1674
  version: '0.22',
1513
1675
  comment: 'Base light color with 20% opacity',
1676
+ value: '#fff',
1514
1677
  attributes: {
1515
1678
  category: 'navigation',
1516
1679
  type: 'item',
@@ -1520,6 +1683,7 @@ var DESIGN_TOKENS = {
1520
1683
  'border-color': {
1521
1684
  version: '0.22',
1522
1685
  comment: 'Base light color with 20% opacity',
1686
+ value: '#fff',
1523
1687
  attributes: {
1524
1688
  category: 'navigation',
1525
1689
  type: 'item',
@@ -1529,6 +1693,7 @@ var DESIGN_TOKENS = {
1529
1693
  'icon-color': {
1530
1694
  version: '0.22',
1531
1695
  comment: 'Neutral light color',
1696
+ value: '#fff',
1532
1697
  attributes: {
1533
1698
  category: 'navigation',
1534
1699
  type: 'item',
@@ -1538,6 +1703,7 @@ var DESIGN_TOKENS = {
1538
1703
  'label-color': {
1539
1704
  version: '0.22',
1540
1705
  comment: 'Neutral light color',
1706
+ value: '#fff',
1541
1707
  attributes: {
1542
1708
  category: 'navigation',
1543
1709
  type: 'item',
@@ -1547,6 +1713,7 @@ var DESIGN_TOKENS = {
1547
1713
  'chevron-background-color': {
1548
1714
  version: '0.22',
1549
1715
  comment: 'Base light color with 20% opacity',
1716
+ value: '#fff',
1550
1717
  attributes: {
1551
1718
  category: 'navigation',
1552
1719
  type: 'item',
@@ -1556,6 +1723,7 @@ var DESIGN_TOKENS = {
1556
1723
  'chevron-color': {
1557
1724
  version: '0.22',
1558
1725
  comment: 'Neutral light color',
1726
+ value: '#fff',
1559
1727
  attributes: {
1560
1728
  category: 'navigation',
1561
1729
  type: 'item',
@@ -1568,6 +1736,7 @@ var DESIGN_TOKENS = {
1568
1736
  border: {
1569
1737
  top: {
1570
1738
  width: {
1739
+ value: '0',
1571
1740
  attributes: {
1572
1741
  category: 'navigation',
1573
1742
  type: 'item',
@@ -1577,6 +1746,7 @@ var DESIGN_TOKENS = {
1577
1746
  },
1578
1747
  right: {
1579
1748
  width: {
1749
+ value: '0',
1580
1750
  attributes: {
1581
1751
  category: 'navigation',
1582
1752
  type: 'item',
@@ -1586,6 +1756,7 @@ var DESIGN_TOKENS = {
1586
1756
  },
1587
1757
  bottom: {
1588
1758
  width: {
1759
+ value: '0',
1589
1760
  attributes: {
1590
1761
  category: 'navigation',
1591
1762
  type: 'item',
@@ -1595,6 +1766,7 @@ var DESIGN_TOKENS = {
1595
1766
  },
1596
1767
  left: {
1597
1768
  width: {
1769
+ value: '0',
1598
1770
  attributes: {
1599
1771
  category: 'navigation',
1600
1772
  type: 'item',
@@ -1607,6 +1779,7 @@ var DESIGN_TOKENS = {
1607
1779
  'background-color': {
1608
1780
  version: '0.22',
1609
1781
  comment: 'Base dark color with 20% opacity',
1782
+ value: '#000000',
1610
1783
  attributes: {
1611
1784
  category: 'navigation',
1612
1785
  type: 'item',
@@ -1616,6 +1789,7 @@ var DESIGN_TOKENS = {
1616
1789
  'border-color': {
1617
1790
  version: '0.22',
1618
1791
  comment: 'Base dark color with 12% opacity',
1792
+ value: '#000000',
1619
1793
  attributes: {
1620
1794
  category: 'navigation',
1621
1795
  type: 'item',
@@ -1625,6 +1799,7 @@ var DESIGN_TOKENS = {
1625
1799
  'icon-color': {
1626
1800
  version: '0.22',
1627
1801
  comment: 'Base dark color with 70% opacity',
1802
+ value: '#000000',
1628
1803
  attributes: {
1629
1804
  category: 'navigation',
1630
1805
  type: 'item',
@@ -1634,6 +1809,7 @@ var DESIGN_TOKENS = {
1634
1809
  'label-color': {
1635
1810
  version: '0.22',
1636
1811
  comment: 'Neutral dark color',
1812
+ value: '#000000',
1637
1813
  attributes: {
1638
1814
  category: 'navigation',
1639
1815
  type: 'item',
@@ -1643,6 +1819,7 @@ var DESIGN_TOKENS = {
1643
1819
  'chevron-background-color': {
1644
1820
  version: '0.22',
1645
1821
  comment: 'Base dark color with 20% opacity',
1822
+ value: '#000000',
1646
1823
  attributes: {
1647
1824
  category: 'navigation',
1648
1825
  type: 'item',
@@ -1652,6 +1829,7 @@ var DESIGN_TOKENS = {
1652
1829
  'chevron-color': {
1653
1830
  version: '0.22',
1654
1831
  comment: 'Base dark color with 70% opacity',
1832
+ value: '#000000',
1655
1833
  attributes: {
1656
1834
  category: 'navigation',
1657
1835
  type: 'item',
@@ -1663,6 +1841,7 @@ var DESIGN_TOKENS = {
1663
1841
  'background-color': {
1664
1842
  version: '0.22',
1665
1843
  comment: 'Base light color with 40% opacity',
1844
+ value: '#fff',
1666
1845
  attributes: {
1667
1846
  category: 'navigation',
1668
1847
  type: 'item',
@@ -1672,6 +1851,7 @@ var DESIGN_TOKENS = {
1672
1851
  'border-color': {
1673
1852
  version: '0.22',
1674
1853
  comment: 'Base light color with 20% opacity',
1854
+ value: '#fff',
1675
1855
  attributes: {
1676
1856
  category: 'navigation',
1677
1857
  type: 'item',
@@ -1681,6 +1861,7 @@ var DESIGN_TOKENS = {
1681
1861
  'icon-color': {
1682
1862
  version: '0.22',
1683
1863
  comment: 'Neutral light color',
1864
+ value: '#fff',
1684
1865
  attributes: {
1685
1866
  category: 'navigation',
1686
1867
  type: 'item',
@@ -1690,6 +1871,7 @@ var DESIGN_TOKENS = {
1690
1871
  'label-color': {
1691
1872
  version: '0.22',
1692
1873
  comment: 'Neutral light color',
1874
+ value: '#fff',
1693
1875
  attributes: {
1694
1876
  category: 'navigation',
1695
1877
  type: 'item',
@@ -1699,6 +1881,7 @@ var DESIGN_TOKENS = {
1699
1881
  'chevron-background-color': {
1700
1882
  version: '0.22',
1701
1883
  comment: 'Base light color with 40% opacity',
1884
+ value: '#fff',
1702
1885
  attributes: {
1703
1886
  category: 'navigation',
1704
1887
  type: 'item',
@@ -1708,6 +1891,7 @@ var DESIGN_TOKENS = {
1708
1891
  'chevron-color': {
1709
1892
  version: '0.22',
1710
1893
  comment: 'Neutral light color',
1894
+ value: '#fff',
1711
1895
  attributes: {
1712
1896
  category: 'navigation',
1713
1897
  type: 'item',
@@ -1722,6 +1906,7 @@ var DESIGN_TOKENS = {
1722
1906
  border: {
1723
1907
  top: {
1724
1908
  width: {
1909
+ value: '0',
1725
1910
  attributes: {
1726
1911
  category: 'navigation',
1727
1912
  type: 'item',
@@ -1731,6 +1916,7 @@ var DESIGN_TOKENS = {
1731
1916
  },
1732
1917
  right: {
1733
1918
  width: {
1919
+ value: '0',
1734
1920
  attributes: {
1735
1921
  category: 'navigation',
1736
1922
  type: 'item',
@@ -1740,6 +1926,7 @@ var DESIGN_TOKENS = {
1740
1926
  },
1741
1927
  bottom: {
1742
1928
  width: {
1929
+ value: '0',
1743
1930
  attributes: {
1744
1931
  category: 'navigation',
1745
1932
  type: 'item',
@@ -1749,6 +1936,7 @@ var DESIGN_TOKENS = {
1749
1936
  },
1750
1937
  left: {
1751
1938
  width: {
1939
+ value: '0',
1752
1940
  attributes: {
1753
1941
  category: 'navigation',
1754
1942
  type: 'item',
@@ -1759,6 +1947,7 @@ var DESIGN_TOKENS = {
1759
1947
  },
1760
1948
  'theme-light': {
1761
1949
  'background-color': {
1950
+ value: 'var(--lumx-color-primary-L5)',
1762
1951
  attributes: {
1763
1952
  category: 'navigation',
1764
1953
  type: 'item',
@@ -1766,6 +1955,7 @@ var DESIGN_TOKENS = {
1766
1955
  }
1767
1956
  },
1768
1957
  'border-color': {
1958
+ value: 'var(--lumx-color-primary-N)',
1769
1959
  attributes: {
1770
1960
  category: 'navigation',
1771
1961
  type: 'item',
@@ -1773,6 +1963,7 @@ var DESIGN_TOKENS = {
1773
1963
  }
1774
1964
  },
1775
1965
  'icon-color': {
1966
+ value: 'var(--lumx-color-primary-D2)',
1776
1967
  attributes: {
1777
1968
  category: 'navigation',
1778
1969
  type: 'item',
@@ -1780,6 +1971,7 @@ var DESIGN_TOKENS = {
1780
1971
  }
1781
1972
  },
1782
1973
  'label-color': {
1974
+ value: 'var(--lumx-color-primary-D2)',
1783
1975
  attributes: {
1784
1976
  category: 'navigation',
1785
1977
  type: 'item',
@@ -1787,6 +1979,7 @@ var DESIGN_TOKENS = {
1787
1979
  }
1788
1980
  },
1789
1981
  'chevron-background-color': {
1982
+ value: 'transparent',
1790
1983
  attributes: {
1791
1984
  category: 'navigation',
1792
1985
  type: 'item',
@@ -1794,6 +1987,7 @@ var DESIGN_TOKENS = {
1794
1987
  }
1795
1988
  },
1796
1989
  'chevron-color': {
1990
+ value: 'var(--lumx-color-primary-D2)',
1797
1991
  attributes: {
1798
1992
  category: 'navigation',
1799
1993
  type: 'item',
@@ -1805,6 +1999,7 @@ var DESIGN_TOKENS = {
1805
1999
  'background-color': {
1806
2000
  version: '0.22',
1807
2001
  comment: 'Base light color with 60% opacity',
2002
+ value: '#fff',
1808
2003
  attributes: {
1809
2004
  category: 'navigation',
1810
2005
  type: 'item',
@@ -1814,6 +2009,7 @@ var DESIGN_TOKENS = {
1814
2009
  'border-color': {
1815
2010
  version: '0.22',
1816
2011
  comment: 'Base light color with 20% opacity',
2012
+ value: '#fff',
1817
2013
  attributes: {
1818
2014
  category: 'navigation',
1819
2015
  type: 'item',
@@ -1823,6 +2019,7 @@ var DESIGN_TOKENS = {
1823
2019
  'icon-color': {
1824
2020
  version: '0.22',
1825
2021
  comment: 'Neutral light color',
2022
+ value: '#fff',
1826
2023
  attributes: {
1827
2024
  category: 'navigation',
1828
2025
  type: 'item',
@@ -1832,6 +2029,7 @@ var DESIGN_TOKENS = {
1832
2029
  'label-color': {
1833
2030
  version: '0.22',
1834
2031
  comment: 'Neutral light color',
2032
+ value: '#fff',
1835
2033
  attributes: {
1836
2034
  category: 'navigation',
1837
2035
  type: 'item',
@@ -1839,6 +2037,7 @@ var DESIGN_TOKENS = {
1839
2037
  }
1840
2038
  },
1841
2039
  'chevron-background-color': {
2040
+ value: 'transparent',
1842
2041
  attributes: {
1843
2042
  category: 'navigation',
1844
2043
  type: 'item',
@@ -1848,6 +2047,7 @@ var DESIGN_TOKENS = {
1848
2047
  'chevron-color': {
1849
2048
  version: '0.22',
1850
2049
  comment: 'Neutral light color',
2050
+ value: '#fff',
1851
2051
  attributes: {
1852
2052
  category: 'navigation',
1853
2053
  type: 'item',
@@ -1860,6 +2060,7 @@ var DESIGN_TOKENS = {
1860
2060
  border: {
1861
2061
  top: {
1862
2062
  width: {
2063
+ value: '0',
1863
2064
  attributes: {
1864
2065
  category: 'navigation',
1865
2066
  type: 'item',
@@ -1869,6 +2070,7 @@ var DESIGN_TOKENS = {
1869
2070
  },
1870
2071
  right: {
1871
2072
  width: {
2073
+ value: '0',
1872
2074
  attributes: {
1873
2075
  category: 'navigation',
1874
2076
  type: 'item',
@@ -1878,6 +2080,7 @@ var DESIGN_TOKENS = {
1878
2080
  },
1879
2081
  bottom: {
1880
2082
  width: {
2083
+ value: '0',
1881
2084
  attributes: {
1882
2085
  category: 'navigation',
1883
2086
  type: 'item',
@@ -1887,6 +2090,7 @@ var DESIGN_TOKENS = {
1887
2090
  },
1888
2091
  left: {
1889
2092
  width: {
2093
+ value: '0',
1890
2094
  attributes: {
1891
2095
  category: 'navigation',
1892
2096
  type: 'item',
@@ -1897,6 +2101,7 @@ var DESIGN_TOKENS = {
1897
2101
  },
1898
2102
  'theme-light': {
1899
2103
  'background-color': {
2104
+ value: 'var(--lumx-color-primary-L4)',
1900
2105
  attributes: {
1901
2106
  category: 'navigation',
1902
2107
  type: 'item',
@@ -1904,6 +2109,7 @@ var DESIGN_TOKENS = {
1904
2109
  }
1905
2110
  },
1906
2111
  'border-color': {
2112
+ value: 'var(--lumx-color-primary-N)',
1907
2113
  attributes: {
1908
2114
  category: 'navigation',
1909
2115
  type: 'item',
@@ -1911,6 +2117,7 @@ var DESIGN_TOKENS = {
1911
2117
  }
1912
2118
  },
1913
2119
  'icon-color': {
2120
+ value: 'var(--lumx-color-primary-D2)',
1914
2121
  attributes: {
1915
2122
  category: 'navigation',
1916
2123
  type: 'item',
@@ -1918,6 +2125,7 @@ var DESIGN_TOKENS = {
1918
2125
  }
1919
2126
  },
1920
2127
  'label-color': {
2128
+ value: 'var(--lumx-color-primary-D2)',
1921
2129
  attributes: {
1922
2130
  category: 'navigation',
1923
2131
  type: 'item',
@@ -1925,6 +2133,7 @@ var DESIGN_TOKENS = {
1925
2133
  }
1926
2134
  },
1927
2135
  'chevron-background-color': {
2136
+ value: 'var(--lumx-color-primary-L4)',
1928
2137
  attributes: {
1929
2138
  category: 'navigation',
1930
2139
  type: 'item',
@@ -1932,6 +2141,7 @@ var DESIGN_TOKENS = {
1932
2141
  }
1933
2142
  },
1934
2143
  'chevron-color': {
2144
+ value: 'var(--lumx-color-primary-D2)',
1935
2145
  attributes: {
1936
2146
  category: 'navigation',
1937
2147
  type: 'item',
@@ -1943,6 +2153,7 @@ var DESIGN_TOKENS = {
1943
2153
  'background-color': {
1944
2154
  version: '0.22',
1945
2155
  comment: 'Base light color with 40% opacity',
2156
+ value: '#fff',
1946
2157
  attributes: {
1947
2158
  category: 'navigation',
1948
2159
  type: 'item',
@@ -1952,6 +2163,7 @@ var DESIGN_TOKENS = {
1952
2163
  'border-color': {
1953
2164
  version: '0.22',
1954
2165
  comment: 'Base light color with 20% opacity',
2166
+ value: '#fff',
1955
2167
  attributes: {
1956
2168
  category: 'navigation',
1957
2169
  type: 'item',
@@ -1961,6 +2173,7 @@ var DESIGN_TOKENS = {
1961
2173
  'icon-color': {
1962
2174
  version: '0.22',
1963
2175
  comment: 'Neutral light color',
2176
+ value: '#fff',
1964
2177
  attributes: {
1965
2178
  category: 'navigation',
1966
2179
  type: 'item',
@@ -1970,6 +2183,7 @@ var DESIGN_TOKENS = {
1970
2183
  'label-color': {
1971
2184
  version: '0.22',
1972
2185
  comment: 'Neutral light color',
2186
+ value: '#fff',
1973
2187
  attributes: {
1974
2188
  category: 'navigation',
1975
2189
  type: 'item',
@@ -1979,6 +2193,7 @@ var DESIGN_TOKENS = {
1979
2193
  'chevron-background-color': {
1980
2194
  version: '0.22',
1981
2195
  comment: 'Base light color with 40% opacity',
2196
+ value: '#fff',
1982
2197
  attributes: {
1983
2198
  category: 'navigation',
1984
2199
  type: 'item',
@@ -1988,6 +2203,7 @@ var DESIGN_TOKENS = {
1988
2203
  'chevron-color': {
1989
2204
  version: '0.22',
1990
2205
  comment: 'Neutral light color',
2206
+ value: '#fff',
1991
2207
  attributes: {
1992
2208
  category: 'navigation',
1993
2209
  type: 'item',
@@ -2000,6 +2216,7 @@ var DESIGN_TOKENS = {
2000
2216
  border: {
2001
2217
  top: {
2002
2218
  width: {
2219
+ value: '0',
2003
2220
  attributes: {
2004
2221
  category: 'navigation',
2005
2222
  type: 'item',
@@ -2009,6 +2226,7 @@ var DESIGN_TOKENS = {
2009
2226
  },
2010
2227
  right: {
2011
2228
  width: {
2229
+ value: '0',
2012
2230
  attributes: {
2013
2231
  category: 'navigation',
2014
2232
  type: 'item',
@@ -2018,6 +2236,7 @@ var DESIGN_TOKENS = {
2018
2236
  },
2019
2237
  bottom: {
2020
2238
  width: {
2239
+ value: '0',
2021
2240
  attributes: {
2022
2241
  category: 'navigation',
2023
2242
  type: 'item',
@@ -2027,6 +2246,7 @@ var DESIGN_TOKENS = {
2027
2246
  },
2028
2247
  left: {
2029
2248
  width: {
2249
+ value: '0',
2030
2250
  attributes: {
2031
2251
  category: 'navigation',
2032
2252
  type: 'item',
@@ -2037,6 +2257,7 @@ var DESIGN_TOKENS = {
2037
2257
  },
2038
2258
  'theme-light': {
2039
2259
  'background-color': {
2260
+ value: 'var(--lumx-color-primary-L3)',
2040
2261
  attributes: {
2041
2262
  category: 'navigation',
2042
2263
  type: 'item',
@@ -2044,6 +2265,7 @@ var DESIGN_TOKENS = {
2044
2265
  }
2045
2266
  },
2046
2267
  'border-color': {
2268
+ value: 'var(--lumx-color-primary-N)',
2047
2269
  attributes: {
2048
2270
  category: 'navigation',
2049
2271
  type: 'item',
@@ -2051,6 +2273,7 @@ var DESIGN_TOKENS = {
2051
2273
  }
2052
2274
  },
2053
2275
  'icon-color': {
2276
+ value: 'var(--lumx-color-primary-D2)',
2054
2277
  attributes: {
2055
2278
  category: 'navigation',
2056
2279
  type: 'item',
@@ -2058,6 +2281,7 @@ var DESIGN_TOKENS = {
2058
2281
  }
2059
2282
  },
2060
2283
  'label-color': {
2284
+ value: 'var(--lumx-color-primary-D2)',
2061
2285
  attributes: {
2062
2286
  category: 'navigation',
2063
2287
  type: 'item',
@@ -2065,6 +2289,7 @@ var DESIGN_TOKENS = {
2065
2289
  }
2066
2290
  },
2067
2291
  'chevron-background-color': {
2292
+ value: 'var(--lumx-color-primary-L3)',
2068
2293
  attributes: {
2069
2294
  category: 'navigation',
2070
2295
  type: 'item',
@@ -2072,6 +2297,7 @@ var DESIGN_TOKENS = {
2072
2297
  }
2073
2298
  },
2074
2299
  'chevron-color': {
2300
+ value: 'var(--lumx-color-primary-D2)',
2075
2301
  attributes: {
2076
2302
  category: 'navigation',
2077
2303
  type: 'item',
@@ -2083,6 +2309,7 @@ var DESIGN_TOKENS = {
2083
2309
  'background-color': {
2084
2310
  version: '0.22',
2085
2311
  comment: 'Base light color with 20% opacity',
2312
+ value: '#fff',
2086
2313
  attributes: {
2087
2314
  category: 'navigation',
2088
2315
  type: 'item',
@@ -2092,6 +2319,7 @@ var DESIGN_TOKENS = {
2092
2319
  'border-color': {
2093
2320
  version: '0.22',
2094
2321
  comment: 'Base light color with 20% opacity',
2322
+ value: '#fff',
2095
2323
  attributes: {
2096
2324
  category: 'navigation',
2097
2325
  type: 'item',
@@ -2101,6 +2329,7 @@ var DESIGN_TOKENS = {
2101
2329
  'icon-color': {
2102
2330
  version: '0.22',
2103
2331
  comment: 'Neutral light color',
2332
+ value: '#fff',
2104
2333
  attributes: {
2105
2334
  category: 'navigation',
2106
2335
  type: 'item',
@@ -2110,6 +2339,7 @@ var DESIGN_TOKENS = {
2110
2339
  'label-color': {
2111
2340
  version: '0.22',
2112
2341
  comment: 'Neutral light color',
2342
+ value: '#fff',
2113
2343
  attributes: {
2114
2344
  category: 'navigation',
2115
2345
  type: 'item',
@@ -2119,6 +2349,7 @@ var DESIGN_TOKENS = {
2119
2349
  'chevron-background-color': {
2120
2350
  version: '0.22',
2121
2351
  comment: 'Base light color with 20% opacity',
2352
+ value: '#fff',
2122
2353
  attributes: {
2123
2354
  category: 'navigation',
2124
2355
  type: 'item',
@@ -2128,6 +2359,7 @@ var DESIGN_TOKENS = {
2128
2359
  'chevron-color': {
2129
2360
  version: '0.22',
2130
2361
  comment: 'Neutral light color',
2362
+ value: '#fff',
2131
2363
  attributes: {
2132
2364
  category: 'navigation',
2133
2365
  type: 'item',
@@ -2142,6 +2374,7 @@ var DESIGN_TOKENS = {
2142
2374
  tabs: {
2143
2375
  link: {
2144
2376
  height: {
2377
+ value: '48px',
2145
2378
  attributes: {
2146
2379
  category: 'tabs',
2147
2380
  type: 'link',
@@ -2149,6 +2382,7 @@ var DESIGN_TOKENS = {
2149
2382
  }
2150
2383
  },
2151
2384
  'border-radius': {
2385
+ value: '0',
2152
2386
  attributes: {
2153
2387
  category: 'tabs',
2154
2388
  type: 'link',
@@ -2160,6 +2394,7 @@ var DESIGN_TOKENS = {
2160
2394
  border: {
2161
2395
  top: {
2162
2396
  width: {
2397
+ value: '0',
2163
2398
  attributes: {
2164
2399
  category: 'tabs',
2165
2400
  type: 'link',
@@ -2169,6 +2404,7 @@ var DESIGN_TOKENS = {
2169
2404
  },
2170
2405
  right: {
2171
2406
  width: {
2407
+ value: '0',
2172
2408
  attributes: {
2173
2409
  category: 'tabs',
2174
2410
  type: 'link',
@@ -2178,6 +2414,7 @@ var DESIGN_TOKENS = {
2178
2414
  },
2179
2415
  bottom: {
2180
2416
  width: {
2417
+ value: '2px',
2181
2418
  attributes: {
2182
2419
  category: 'tabs',
2183
2420
  type: 'link',
@@ -2187,6 +2424,7 @@ var DESIGN_TOKENS = {
2187
2424
  },
2188
2425
  left: {
2189
2426
  width: {
2427
+ value: '0',
2190
2428
  attributes: {
2191
2429
  category: 'tabs',
2192
2430
  type: 'link',
@@ -2197,6 +2435,7 @@ var DESIGN_TOKENS = {
2197
2435
  },
2198
2436
  'theme-light': {
2199
2437
  'background-color': {
2438
+ value: 'transparent',
2200
2439
  attributes: {
2201
2440
  category: 'tabs',
2202
2441
  type: 'link',
@@ -2206,6 +2445,7 @@ var DESIGN_TOKENS = {
2206
2445
  color: {
2207
2446
  version: '0.22',
2208
2447
  comment: 'Base dark color with 70% opacity',
2448
+ value: '#000000',
2209
2449
  attributes: {
2210
2450
  category: 'tabs',
2211
2451
  type: 'link',
@@ -2215,6 +2455,7 @@ var DESIGN_TOKENS = {
2215
2455
  'border-color': {
2216
2456
  version: '0.22',
2217
2457
  comment: 'Base dark color with 12% opacity',
2458
+ value: '#000000',
2218
2459
  attributes: {
2219
2460
  category: 'tabs',
2220
2461
  type: 'link',
@@ -2224,6 +2465,7 @@ var DESIGN_TOKENS = {
2224
2465
  },
2225
2466
  'theme-dark': {
2226
2467
  'background-color': {
2468
+ value: 'transparent',
2227
2469
  attributes: {
2228
2470
  category: 'tabs',
2229
2471
  type: 'link',
@@ -2233,6 +2475,7 @@ var DESIGN_TOKENS = {
2233
2475
  color: {
2234
2476
  version: '0.22',
2235
2477
  comment: 'Neutral light color',
2478
+ value: '#fff',
2236
2479
  attributes: {
2237
2480
  category: 'tabs',
2238
2481
  type: 'link',
@@ -2242,6 +2485,7 @@ var DESIGN_TOKENS = {
2242
2485
  'border-color': {
2243
2486
  version: '0.22',
2244
2487
  comment: 'Base light color with 20% opacity',
2488
+ value: '#fff',
2245
2489
  attributes: {
2246
2490
  category: 'tabs',
2247
2491
  type: 'link',
@@ -2254,6 +2498,7 @@ var DESIGN_TOKENS = {
2254
2498
  border: {
2255
2499
  top: {
2256
2500
  width: {
2501
+ value: '0',
2257
2502
  attributes: {
2258
2503
  category: 'tabs',
2259
2504
  type: 'link',
@@ -2263,6 +2508,7 @@ var DESIGN_TOKENS = {
2263
2508
  },
2264
2509
  right: {
2265
2510
  width: {
2511
+ value: '0',
2266
2512
  attributes: {
2267
2513
  category: 'tabs',
2268
2514
  type: 'link',
@@ -2272,6 +2518,7 @@ var DESIGN_TOKENS = {
2272
2518
  },
2273
2519
  bottom: {
2274
2520
  width: {
2521
+ value: '2px',
2275
2522
  attributes: {
2276
2523
  category: 'tabs',
2277
2524
  type: 'link',
@@ -2281,6 +2528,7 @@ var DESIGN_TOKENS = {
2281
2528
  },
2282
2529
  left: {
2283
2530
  width: {
2531
+ value: '0',
2284
2532
  attributes: {
2285
2533
  category: 'tabs',
2286
2534
  type: 'link',
@@ -2293,6 +2541,7 @@ var DESIGN_TOKENS = {
2293
2541
  'background-color': {
2294
2542
  version: '0.22',
2295
2543
  comment: 'Base dark color with 12% opacity',
2544
+ value: '#000000',
2296
2545
  attributes: {
2297
2546
  category: 'tabs',
2298
2547
  type: 'link',
@@ -2302,6 +2551,7 @@ var DESIGN_TOKENS = {
2302
2551
  color: {
2303
2552
  version: '0.22',
2304
2553
  comment: 'Base dark color with 70% opacity',
2554
+ value: '#000000',
2305
2555
  attributes: {
2306
2556
  category: 'tabs',
2307
2557
  type: 'link',
@@ -2311,6 +2561,7 @@ var DESIGN_TOKENS = {
2311
2561
  'border-color': {
2312
2562
  version: '0.22',
2313
2563
  comment: 'Base dark color with 12% opacity',
2564
+ value: '#000000',
2314
2565
  attributes: {
2315
2566
  category: 'tabs',
2316
2567
  type: 'link',
@@ -2322,6 +2573,7 @@ var DESIGN_TOKENS = {
2322
2573
  'background-color': {
2323
2574
  version: '0.22',
2324
2575
  comment: 'Base light color with 20% opacity',
2576
+ value: '#fff',
2325
2577
  attributes: {
2326
2578
  category: 'tabs',
2327
2579
  type: 'link',
@@ -2331,6 +2583,7 @@ var DESIGN_TOKENS = {
2331
2583
  color: {
2332
2584
  version: '0.22',
2333
2585
  comment: 'Neutral light color',
2586
+ value: '#fff',
2334
2587
  attributes: {
2335
2588
  category: 'tabs',
2336
2589
  type: 'link',
@@ -2340,6 +2593,7 @@ var DESIGN_TOKENS = {
2340
2593
  'border-color': {
2341
2594
  version: '0.22',
2342
2595
  comment: 'Base light color with 20% opacity',
2596
+ value: '#fff',
2343
2597
  attributes: {
2344
2598
  category: 'tabs',
2345
2599
  type: 'link',
@@ -2352,6 +2606,7 @@ var DESIGN_TOKENS = {
2352
2606
  border: {
2353
2607
  top: {
2354
2608
  width: {
2609
+ value: '0',
2355
2610
  attributes: {
2356
2611
  category: 'tabs',
2357
2612
  type: 'link',
@@ -2361,6 +2616,7 @@ var DESIGN_TOKENS = {
2361
2616
  },
2362
2617
  right: {
2363
2618
  width: {
2619
+ value: '0',
2364
2620
  attributes: {
2365
2621
  category: 'tabs',
2366
2622
  type: 'link',
@@ -2370,6 +2626,7 @@ var DESIGN_TOKENS = {
2370
2626
  },
2371
2627
  bottom: {
2372
2628
  width: {
2629
+ value: '2px',
2373
2630
  attributes: {
2374
2631
  category: 'tabs',
2375
2632
  type: 'link',
@@ -2379,6 +2636,7 @@ var DESIGN_TOKENS = {
2379
2636
  },
2380
2637
  left: {
2381
2638
  width: {
2639
+ value: '0',
2382
2640
  attributes: {
2383
2641
  category: 'tabs',
2384
2642
  type: 'link',
@@ -2391,6 +2649,7 @@ var DESIGN_TOKENS = {
2391
2649
  'background-color': {
2392
2650
  version: '0.22',
2393
2651
  comment: 'Base dark color with 20% opacity',
2652
+ value: '#000000',
2394
2653
  attributes: {
2395
2654
  category: 'tabs',
2396
2655
  type: 'link',
@@ -2400,6 +2659,7 @@ var DESIGN_TOKENS = {
2400
2659
  color: {
2401
2660
  version: '0.22',
2402
2661
  comment: 'Base dark color with 70% opacity',
2662
+ value: '#000000',
2403
2663
  attributes: {
2404
2664
  category: 'tabs',
2405
2665
  type: 'link',
@@ -2409,6 +2669,7 @@ var DESIGN_TOKENS = {
2409
2669
  'border-color': {
2410
2670
  version: '0.22',
2411
2671
  comment: 'Base dark color with 12% opacity',
2672
+ value: '#000000',
2412
2673
  attributes: {
2413
2674
  category: 'tabs',
2414
2675
  type: 'link',
@@ -2420,6 +2681,7 @@ var DESIGN_TOKENS = {
2420
2681
  'background-color': {
2421
2682
  version: '0.22',
2422
2683
  comment: 'Base light color with 40% opacity',
2684
+ value: '#fff',
2423
2685
  attributes: {
2424
2686
  category: 'tabs',
2425
2687
  type: 'link',
@@ -2429,6 +2691,7 @@ var DESIGN_TOKENS = {
2429
2691
  color: {
2430
2692
  version: '0.22',
2431
2693
  comment: 'Neutral light color',
2694
+ value: '#fff',
2432
2695
  attributes: {
2433
2696
  category: 'tabs',
2434
2697
  type: 'link',
@@ -2438,6 +2701,7 @@ var DESIGN_TOKENS = {
2438
2701
  'border-color': {
2439
2702
  version: '0.22',
2440
2703
  comment: 'Base light color with 20% opacity',
2704
+ value: '#fff',
2441
2705
  attributes: {
2442
2706
  category: 'tabs',
2443
2707
  type: 'link',
@@ -2452,6 +2716,7 @@ var DESIGN_TOKENS = {
2452
2716
  border: {
2453
2717
  top: {
2454
2718
  width: {
2719
+ value: '0',
2455
2720
  attributes: {
2456
2721
  category: 'tabs',
2457
2722
  type: 'link',
@@ -2461,6 +2726,7 @@ var DESIGN_TOKENS = {
2461
2726
  },
2462
2727
  right: {
2463
2728
  width: {
2729
+ value: '0',
2464
2730
  attributes: {
2465
2731
  category: 'tabs',
2466
2732
  type: 'link',
@@ -2470,6 +2736,7 @@ var DESIGN_TOKENS = {
2470
2736
  },
2471
2737
  bottom: {
2472
2738
  width: {
2739
+ value: '2px',
2473
2740
  attributes: {
2474
2741
  category: 'tabs',
2475
2742
  type: 'link',
@@ -2479,6 +2746,7 @@ var DESIGN_TOKENS = {
2479
2746
  },
2480
2747
  left: {
2481
2748
  width: {
2749
+ value: '0',
2482
2750
  attributes: {
2483
2751
  category: 'tabs',
2484
2752
  type: 'link',
@@ -2489,6 +2757,7 @@ var DESIGN_TOKENS = {
2489
2757
  },
2490
2758
  'theme-light': {
2491
2759
  'background-color': {
2760
+ value: 'transparent',
2492
2761
  attributes: {
2493
2762
  category: 'tabs',
2494
2763
  type: 'link',
@@ -2498,6 +2767,7 @@ var DESIGN_TOKENS = {
2498
2767
  color: {
2499
2768
  version: '0.22',
2500
2769
  comment: 'Base dark color with 70% opacity',
2770
+ value: '#000000',
2501
2771
  attributes: {
2502
2772
  category: 'tabs',
2503
2773
  type: 'link',
@@ -2505,6 +2775,7 @@ var DESIGN_TOKENS = {
2505
2775
  }
2506
2776
  },
2507
2777
  'border-color': {
2778
+ value: 'var(--lumx-color-primary-N)',
2508
2779
  attributes: {
2509
2780
  category: 'tabs',
2510
2781
  type: 'link',
@@ -2514,6 +2785,7 @@ var DESIGN_TOKENS = {
2514
2785
  },
2515
2786
  'theme-dark': {
2516
2787
  'background-color': {
2788
+ value: 'transparent',
2517
2789
  attributes: {
2518
2790
  category: 'tabs',
2519
2791
  type: 'link',
@@ -2523,6 +2795,7 @@ var DESIGN_TOKENS = {
2523
2795
  color: {
2524
2796
  version: '0.22',
2525
2797
  comment: 'Neutral light color',
2798
+ value: '#fff',
2526
2799
  attributes: {
2527
2800
  category: 'tabs',
2528
2801
  type: 'link',
@@ -2532,6 +2805,7 @@ var DESIGN_TOKENS = {
2532
2805
  'border-color': {
2533
2806
  version: '0.22',
2534
2807
  comment: 'Neutral light color',
2808
+ value: '#fff',
2535
2809
  attributes: {
2536
2810
  category: 'tabs',
2537
2811
  type: 'link',
@@ -2544,6 +2818,7 @@ var DESIGN_TOKENS = {
2544
2818
  border: {
2545
2819
  top: {
2546
2820
  width: {
2821
+ value: '0',
2547
2822
  attributes: {
2548
2823
  category: 'tabs',
2549
2824
  type: 'link',
@@ -2553,6 +2828,7 @@ var DESIGN_TOKENS = {
2553
2828
  },
2554
2829
  right: {
2555
2830
  width: {
2831
+ value: '0',
2556
2832
  attributes: {
2557
2833
  category: 'tabs',
2558
2834
  type: 'link',
@@ -2562,6 +2838,7 @@ var DESIGN_TOKENS = {
2562
2838
  },
2563
2839
  bottom: {
2564
2840
  width: {
2841
+ value: '2px',
2565
2842
  attributes: {
2566
2843
  category: 'tabs',
2567
2844
  type: 'link',
@@ -2571,6 +2848,7 @@ var DESIGN_TOKENS = {
2571
2848
  },
2572
2849
  left: {
2573
2850
  width: {
2851
+ value: '0',
2574
2852
  attributes: {
2575
2853
  category: 'tabs',
2576
2854
  type: 'link',
@@ -2583,6 +2861,7 @@ var DESIGN_TOKENS = {
2583
2861
  'background-color': {
2584
2862
  version: '0.22',
2585
2863
  comment: 'Base dark color with 12% opacity',
2864
+ value: '#000000',
2586
2865
  attributes: {
2587
2866
  category: 'tabs',
2588
2867
  type: 'link',
@@ -2592,6 +2871,7 @@ var DESIGN_TOKENS = {
2592
2871
  color: {
2593
2872
  version: '0.22',
2594
2873
  comment: 'Base dark color with 70% opacity',
2874
+ value: '#000000',
2595
2875
  attributes: {
2596
2876
  category: 'tabs',
2597
2877
  type: 'link',
@@ -2599,6 +2879,7 @@ var DESIGN_TOKENS = {
2599
2879
  }
2600
2880
  },
2601
2881
  'border-color': {
2882
+ value: 'var(--lumx-color-primary-N)',
2602
2883
  attributes: {
2603
2884
  category: 'tabs',
2604
2885
  type: 'link',
@@ -2610,6 +2891,7 @@ var DESIGN_TOKENS = {
2610
2891
  'background-color': {
2611
2892
  version: '0.22',
2612
2893
  comment: 'Base light color with 20% opacity',
2894
+ value: '#fff',
2613
2895
  attributes: {
2614
2896
  category: 'tabs',
2615
2897
  type: 'link',
@@ -2619,6 +2901,7 @@ var DESIGN_TOKENS = {
2619
2901
  color: {
2620
2902
  version: '0.22',
2621
2903
  comment: 'Neutral light color',
2904
+ value: '#fff',
2622
2905
  attributes: {
2623
2906
  category: 'tabs',
2624
2907
  type: 'link',
@@ -2628,6 +2911,7 @@ var DESIGN_TOKENS = {
2628
2911
  'border-color': {
2629
2912
  version: '0.22',
2630
2913
  comment: 'Neutral light color',
2914
+ value: '#fff',
2631
2915
  attributes: {
2632
2916
  category: 'tabs',
2633
2917
  type: 'link',
@@ -2640,6 +2924,7 @@ var DESIGN_TOKENS = {
2640
2924
  border: {
2641
2925
  top: {
2642
2926
  width: {
2927
+ value: '0',
2643
2928
  attributes: {
2644
2929
  category: 'tabs',
2645
2930
  type: 'link',
@@ -2649,6 +2934,7 @@ var DESIGN_TOKENS = {
2649
2934
  },
2650
2935
  right: {
2651
2936
  width: {
2937
+ value: '0',
2652
2938
  attributes: {
2653
2939
  category: 'tabs',
2654
2940
  type: 'link',
@@ -2658,6 +2944,7 @@ var DESIGN_TOKENS = {
2658
2944
  },
2659
2945
  bottom: {
2660
2946
  width: {
2947
+ value: '2px',
2661
2948
  attributes: {
2662
2949
  category: 'tabs',
2663
2950
  type: 'link',
@@ -2667,6 +2954,7 @@ var DESIGN_TOKENS = {
2667
2954
  },
2668
2955
  left: {
2669
2956
  width: {
2957
+ value: '0',
2670
2958
  attributes: {
2671
2959
  category: 'tabs',
2672
2960
  type: 'link',
@@ -2679,6 +2967,7 @@ var DESIGN_TOKENS = {
2679
2967
  'background-color': {
2680
2968
  version: '0.22',
2681
2969
  comment: 'Base dark color with 20% opacity',
2970
+ value: '#000000',
2682
2971
  attributes: {
2683
2972
  category: 'tabs',
2684
2973
  type: 'link',
@@ -2688,6 +2977,7 @@ var DESIGN_TOKENS = {
2688
2977
  color: {
2689
2978
  version: '0.22',
2690
2979
  comment: 'Base dark color with 70% opacity',
2980
+ value: '#000000',
2691
2981
  attributes: {
2692
2982
  category: 'tabs',
2693
2983
  type: 'link',
@@ -2695,6 +2985,7 @@ var DESIGN_TOKENS = {
2695
2985
  }
2696
2986
  },
2697
2987
  'border-color': {
2988
+ value: 'var(--lumx-color-primary-N)',
2698
2989
  attributes: {
2699
2990
  category: 'tabs',
2700
2991
  type: 'link',
@@ -2706,6 +2997,7 @@ var DESIGN_TOKENS = {
2706
2997
  'background-color': {
2707
2998
  version: '0.22',
2708
2999
  comment: 'Base light color with 40% opacity',
3000
+ value: '#fff',
2709
3001
  attributes: {
2710
3002
  category: 'tabs',
2711
3003
  type: 'link',
@@ -2715,6 +3007,7 @@ var DESIGN_TOKENS = {
2715
3007
  color: {
2716
3008
  version: '0.22',
2717
3009
  comment: 'Neutral light color',
3010
+ value: '#fff',
2718
3011
  attributes: {
2719
3012
  category: 'tabs',
2720
3013
  type: 'link',
@@ -2724,6 +3017,7 @@ var DESIGN_TOKENS = {
2724
3017
  'border-color': {
2725
3018
  version: '0.22',
2726
3019
  comment: 'Neutral light color',
3020
+ value: '#fff',
2727
3021
  attributes: {
2728
3022
  category: 'tabs',
2729
3023
  type: 'link',
@@ -2738,6 +3032,7 @@ var DESIGN_TOKENS = {
2738
3032
  'text-field': {
2739
3033
  input: {
2740
3034
  'min-height': {
3035
+ value: '36px',
2741
3036
  attributes: {
2742
3037
  category: 'text-field',
2743
3038
  type: 'input',
@@ -2746,6 +3041,7 @@ var DESIGN_TOKENS = {
2746
3041
  },
2747
3042
  padding: {
2748
3043
  horizontal: {
3044
+ value: '12px',
2749
3045
  attributes: {
2750
3046
  category: 'text-field',
2751
3047
  type: 'input',
@@ -2754,6 +3050,7 @@ var DESIGN_TOKENS = {
2754
3050
  }
2755
3051
  },
2756
3052
  'border-radius': {
3053
+ value: '4px',
2757
3054
  attributes: {
2758
3055
  category: 'text-field',
2759
3056
  type: 'input',
@@ -2766,6 +3063,7 @@ var DESIGN_TOKENS = {
2766
3063
  border: {
2767
3064
  top: {
2768
3065
  width: {
3066
+ value: '1px',
2769
3067
  attributes: {
2770
3068
  category: 'text-field',
2771
3069
  type: 'state-default',
@@ -2775,6 +3073,7 @@ var DESIGN_TOKENS = {
2775
3073
  },
2776
3074
  right: {
2777
3075
  width: {
3076
+ value: '1px',
2778
3077
  attributes: {
2779
3078
  category: 'text-field',
2780
3079
  type: 'state-default',
@@ -2784,6 +3083,7 @@ var DESIGN_TOKENS = {
2784
3083
  },
2785
3084
  bottom: {
2786
3085
  width: {
3086
+ value: '1px',
2787
3087
  attributes: {
2788
3088
  category: 'text-field',
2789
3089
  type: 'state-default',
@@ -2793,6 +3093,7 @@ var DESIGN_TOKENS = {
2793
3093
  },
2794
3094
  left: {
2795
3095
  width: {
3096
+ value: '1px',
2796
3097
  attributes: {
2797
3098
  category: 'text-field',
2798
3099
  type: 'state-default',
@@ -2808,6 +3109,7 @@ var DESIGN_TOKENS = {
2808
3109
  color: {
2809
3110
  version: '0.22',
2810
3111
  comment: 'Neutral dark color',
3112
+ value: '#000000',
2811
3113
  attributes: {
2812
3114
  category: 'text-field',
2813
3115
  type: 'state-default',
@@ -2820,6 +3122,7 @@ var DESIGN_TOKENS = {
2820
3122
  'background-color': {
2821
3123
  version: '0.22',
2822
3124
  comment: 'Base dark color with 5% opacity',
3125
+ value: '#000000',
2823
3126
  attributes: {
2824
3127
  category: 'text-field',
2825
3128
  type: 'state-default',
@@ -2829,6 +3132,7 @@ var DESIGN_TOKENS = {
2829
3132
  'border-color': {
2830
3133
  version: '0.22',
2831
3134
  comment: 'Base dark color with 20% opacity',
3135
+ value: '#000000',
2832
3136
  attributes: {
2833
3137
  category: 'text-field',
2834
3138
  type: 'state-default',
@@ -2839,6 +3143,7 @@ var DESIGN_TOKENS = {
2839
3143
  color: {
2840
3144
  version: '0.22',
2841
3145
  comment: 'Neutral dark color',
3146
+ value: '#000000',
2842
3147
  attributes: {
2843
3148
  category: 'text-field',
2844
3149
  type: 'state-default',
@@ -2850,6 +3155,7 @@ var DESIGN_TOKENS = {
2850
3155
  color: {
2851
3156
  version: '0.22',
2852
3157
  comment: 'Base dark color with 54% opacity',
3158
+ value: '#000000',
2853
3159
  attributes: {
2854
3160
  category: 'text-field',
2855
3161
  type: 'state-default',
@@ -2865,6 +3171,7 @@ var DESIGN_TOKENS = {
2865
3171
  color: {
2866
3172
  version: '0.22',
2867
3173
  comment: 'Neutral light color',
3174
+ value: '#fff',
2868
3175
  attributes: {
2869
3176
  category: 'text-field',
2870
3177
  type: 'state-default',
@@ -2877,6 +3184,7 @@ var DESIGN_TOKENS = {
2877
3184
  'background-color': {
2878
3185
  version: '0.22',
2879
3186
  comment: 'Base light color with 10% opacity',
3187
+ value: '#fff',
2880
3188
  attributes: {
2881
3189
  category: 'text-field',
2882
3190
  type: 'state-default',
@@ -2886,6 +3194,7 @@ var DESIGN_TOKENS = {
2886
3194
  'border-color': {
2887
3195
  version: '0.22',
2888
3196
  comment: 'Base light color with 40% opacity',
3197
+ value: '#fff',
2889
3198
  attributes: {
2890
3199
  category: 'text-field',
2891
3200
  type: 'state-default',
@@ -2896,6 +3205,7 @@ var DESIGN_TOKENS = {
2896
3205
  color: {
2897
3206
  version: '0.22',
2898
3207
  comment: 'Neutral light color',
3208
+ value: '#fff',
2899
3209
  attributes: {
2900
3210
  category: 'text-field',
2901
3211
  type: 'state-default',
@@ -2907,6 +3217,7 @@ var DESIGN_TOKENS = {
2907
3217
  color: {
2908
3218
  version: '0.22',
2909
3219
  comment: 'Base light color with 80% opacity',
3220
+ value: '#fff',
2910
3221
  attributes: {
2911
3222
  category: 'text-field',
2912
3223
  type: 'state-default',
@@ -2922,6 +3233,7 @@ var DESIGN_TOKENS = {
2922
3233
  border: {
2923
3234
  top: {
2924
3235
  width: {
3236
+ value: '1px',
2925
3237
  attributes: {
2926
3238
  category: 'text-field',
2927
3239
  type: 'state-hover',
@@ -2931,6 +3243,7 @@ var DESIGN_TOKENS = {
2931
3243
  },
2932
3244
  right: {
2933
3245
  width: {
3246
+ value: '1px',
2934
3247
  attributes: {
2935
3248
  category: 'text-field',
2936
3249
  type: 'state-hover',
@@ -2940,6 +3253,7 @@ var DESIGN_TOKENS = {
2940
3253
  },
2941
3254
  bottom: {
2942
3255
  width: {
3256
+ value: '1px',
2943
3257
  attributes: {
2944
3258
  category: 'text-field',
2945
3259
  type: 'state-hover',
@@ -2949,6 +3263,7 @@ var DESIGN_TOKENS = {
2949
3263
  },
2950
3264
  left: {
2951
3265
  width: {
3266
+ value: '1px',
2952
3267
  attributes: {
2953
3268
  category: 'text-field',
2954
3269
  type: 'state-hover',
@@ -2963,6 +3278,7 @@ var DESIGN_TOKENS = {
2963
3278
  'background-color': {
2964
3279
  version: '0.22',
2965
3280
  comment: 'Base dark color with 12% opacity',
3281
+ value: '#000000',
2966
3282
  attributes: {
2967
3283
  category: 'text-field',
2968
3284
  type: 'state-hover',
@@ -2972,6 +3288,7 @@ var DESIGN_TOKENS = {
2972
3288
  'border-color': {
2973
3289
  version: '0.22',
2974
3290
  comment: 'Base dark color with 20% opacity',
3291
+ value: '#000000',
2975
3292
  attributes: {
2976
3293
  category: 'text-field',
2977
3294
  type: 'state-hover',
@@ -2982,6 +3299,7 @@ var DESIGN_TOKENS = {
2982
3299
  color: {
2983
3300
  version: '0.22',
2984
3301
  comment: 'Neutral dark color',
3302
+ value: '#000000',
2985
3303
  attributes: {
2986
3304
  category: 'text-field',
2987
3305
  type: 'state-hover',
@@ -2993,6 +3311,7 @@ var DESIGN_TOKENS = {
2993
3311
  color: {
2994
3312
  version: '0.22',
2995
3313
  comment: 'Base dark color with 54% opacity',
3314
+ value: '#000000',
2996
3315
  attributes: {
2997
3316
  category: 'text-field',
2998
3317
  type: 'state-hover',
@@ -3007,6 +3326,7 @@ var DESIGN_TOKENS = {
3007
3326
  'background-color': {
3008
3327
  version: '0.22',
3009
3328
  comment: 'Base light color with 20% opacity',
3329
+ value: '#fff',
3010
3330
  attributes: {
3011
3331
  category: 'text-field',
3012
3332
  type: 'state-hover',
@@ -3016,6 +3336,7 @@ var DESIGN_TOKENS = {
3016
3336
  'border-color': {
3017
3337
  version: '0.22',
3018
3338
  comment: 'Base light color with 40% opacity',
3339
+ value: '#fff',
3019
3340
  attributes: {
3020
3341
  category: 'text-field',
3021
3342
  type: 'state-hover',
@@ -3026,6 +3347,7 @@ var DESIGN_TOKENS = {
3026
3347
  color: {
3027
3348
  version: '0.22',
3028
3349
  comment: 'Neutral light color',
3350
+ value: '#fff',
3029
3351
  attributes: {
3030
3352
  category: 'text-field',
3031
3353
  type: 'state-hover',
@@ -3037,6 +3359,7 @@ var DESIGN_TOKENS = {
3037
3359
  color: {
3038
3360
  version: '0.22',
3039
3361
  comment: 'Base light color with 80% opacity',
3362
+ value: '#fff',
3040
3363
  attributes: {
3041
3364
  category: 'text-field',
3042
3365
  type: 'state-hover',
@@ -3052,6 +3375,7 @@ var DESIGN_TOKENS = {
3052
3375
  border: {
3053
3376
  top: {
3054
3377
  width: {
3378
+ value: '2px',
3055
3379
  attributes: {
3056
3380
  category: 'text-field',
3057
3381
  type: 'state-focus',
@@ -3061,6 +3385,7 @@ var DESIGN_TOKENS = {
3061
3385
  },
3062
3386
  right: {
3063
3387
  width: {
3388
+ value: '2px',
3064
3389
  attributes: {
3065
3390
  category: 'text-field',
3066
3391
  type: 'state-focus',
@@ -3070,6 +3395,7 @@ var DESIGN_TOKENS = {
3070
3395
  },
3071
3396
  bottom: {
3072
3397
  width: {
3398
+ value: '2px',
3073
3399
  attributes: {
3074
3400
  category: 'text-field',
3075
3401
  type: 'state-focus',
@@ -3079,6 +3405,7 @@ var DESIGN_TOKENS = {
3079
3405
  },
3080
3406
  left: {
3081
3407
  width: {
3408
+ value: '2px',
3082
3409
  attributes: {
3083
3410
  category: 'text-field',
3084
3411
  type: 'state-focus',
@@ -3094,6 +3421,7 @@ var DESIGN_TOKENS = {
3094
3421
  color: {
3095
3422
  version: '0.22',
3096
3423
  comment: 'Neutral dark color',
3424
+ value: '#000000',
3097
3425
  attributes: {
3098
3426
  category: 'text-field',
3099
3427
  type: 'state-focus',
@@ -3106,6 +3434,7 @@ var DESIGN_TOKENS = {
3106
3434
  'background-color': {
3107
3435
  version: '0.22',
3108
3436
  comment: 'Neutral light color',
3437
+ value: '#fff',
3109
3438
  attributes: {
3110
3439
  category: 'text-field',
3111
3440
  type: 'state-focus',
@@ -3114,7 +3443,8 @@ var DESIGN_TOKENS = {
3114
3443
  },
3115
3444
  'border-color': {
3116
3445
  version: '0.22',
3117
- comment: 'Base primary color with 60% opacity',
3446
+ comment: 'Base blue color with 60% opacity',
3447
+ value: '#2196f3',
3118
3448
  attributes: {
3119
3449
  category: 'text-field',
3120
3450
  type: 'state-focus',
@@ -3125,6 +3455,7 @@ var DESIGN_TOKENS = {
3125
3455
  color: {
3126
3456
  version: '0.22',
3127
3457
  comment: 'Neutral dark color',
3458
+ value: '#000000',
3128
3459
  attributes: {
3129
3460
  category: 'text-field',
3130
3461
  type: 'state-focus',
@@ -3136,6 +3467,7 @@ var DESIGN_TOKENS = {
3136
3467
  color: {
3137
3468
  version: '0.22',
3138
3469
  comment: 'Base dark color with 54% opacity',
3470
+ value: '#000000',
3139
3471
  attributes: {
3140
3472
  category: 'text-field',
3141
3473
  type: 'state-focus',
@@ -3151,6 +3483,7 @@ var DESIGN_TOKENS = {
3151
3483
  color: {
3152
3484
  version: '0.22',
3153
3485
  comment: 'Neutral light color',
3486
+ value: '#fff',
3154
3487
  attributes: {
3155
3488
  category: 'text-field',
3156
3489
  type: 'state-focus',
@@ -3161,6 +3494,7 @@ var DESIGN_TOKENS = {
3161
3494
  },
3162
3495
  input: {
3163
3496
  'background-color': {
3497
+ value: 'transparent',
3164
3498
  attributes: {
3165
3499
  category: 'text-field',
3166
3500
  type: 'state-focus',
@@ -3170,6 +3504,7 @@ var DESIGN_TOKENS = {
3170
3504
  'border-color': {
3171
3505
  version: '0.22',
3172
3506
  comment: 'Base light color with 80% opacity',
3507
+ value: '#fff',
3173
3508
  attributes: {
3174
3509
  category: 'text-field',
3175
3510
  type: 'state-focus',
@@ -3180,6 +3515,7 @@ var DESIGN_TOKENS = {
3180
3515
  color: {
3181
3516
  version: '0.22',
3182
3517
  comment: 'Neutral light color',
3518
+ value: '#fff',
3183
3519
  attributes: {
3184
3520
  category: 'text-field',
3185
3521
  type: 'state-focus',
@@ -3191,6 +3527,7 @@ var DESIGN_TOKENS = {
3191
3527
  color: {
3192
3528
  version: '0.22',
3193
3529
  comment: 'Base light color with 80% opacity',
3530
+ value: '#fff',
3194
3531
  attributes: {
3195
3532
  category: 'text-field',
3196
3533
  type: 'state-focus',
@@ -3203,6 +3540,7 @@ var DESIGN_TOKENS = {
3203
3540
  }
3204
3541
  },
3205
3542
  'border-radius': {
3543
+ value: '4px',
3206
3544
  attributes: {
3207
3545
  category: 'border-radius'
3208
3546
  }
@@ -3212,6 +3550,7 @@ var DESIGN_TOKENS = {
3212
3550
  N: {
3213
3551
  version: '0.22',
3214
3552
  comment: 'Neutral dark color',
3553
+ value: '#000000',
3215
3554
  attributes: {
3216
3555
  category: 'color',
3217
3556
  type: 'dark',
@@ -3228,6 +3567,7 @@ var DESIGN_TOKENS = {
3228
3567
  L1: {
3229
3568
  version: '0.22',
3230
3569
  comment: 'Base dark color with 70% opacity',
3570
+ value: '#000000',
3231
3571
  attributes: {
3232
3572
  category: 'color',
3233
3573
  type: 'dark',
@@ -3244,6 +3584,7 @@ var DESIGN_TOKENS = {
3244
3584
  L2: {
3245
3585
  version: '0.22',
3246
3586
  comment: 'Base dark color with 54% opacity',
3587
+ value: '#000000',
3247
3588
  attributes: {
3248
3589
  category: 'color',
3249
3590
  type: 'dark',
@@ -3260,6 +3601,7 @@ var DESIGN_TOKENS = {
3260
3601
  L3: {
3261
3602
  version: '0.22',
3262
3603
  comment: 'Base dark color with 38% opacity',
3604
+ value: '#000000',
3263
3605
  attributes: {
3264
3606
  category: 'color',
3265
3607
  type: 'dark',
@@ -3276,6 +3618,7 @@ var DESIGN_TOKENS = {
3276
3618
  L4: {
3277
3619
  version: '0.22',
3278
3620
  comment: 'Base dark color with 20% opacity',
3621
+ value: '#000000',
3279
3622
  attributes: {
3280
3623
  category: 'color',
3281
3624
  type: 'dark',
@@ -3292,6 +3635,7 @@ var DESIGN_TOKENS = {
3292
3635
  L5: {
3293
3636
  version: '0.22',
3294
3637
  comment: 'Base dark color with 12% opacity',
3638
+ value: '#000000',
3295
3639
  attributes: {
3296
3640
  category: 'color',
3297
3641
  type: 'dark',
@@ -3308,6 +3652,7 @@ var DESIGN_TOKENS = {
3308
3652
  L6: {
3309
3653
  version: '0.22',
3310
3654
  comment: 'Base dark color with 5% opacity',
3655
+ value: '#000000',
3311
3656
  attributes: {
3312
3657
  category: 'color',
3313
3658
  type: 'dark',
@@ -3326,6 +3671,7 @@ var DESIGN_TOKENS = {
3326
3671
  N: {
3327
3672
  version: '0.22',
3328
3673
  comment: 'Neutral light color',
3674
+ value: '#ffffff',
3329
3675
  attributes: {
3330
3676
  category: 'color',
3331
3677
  type: 'light',
@@ -3342,6 +3688,7 @@ var DESIGN_TOKENS = {
3342
3688
  L1: {
3343
3689
  version: '0.22',
3344
3690
  comment: 'Base light color with 90% opacity',
3691
+ value: '#ffffff',
3345
3692
  attributes: {
3346
3693
  category: 'color',
3347
3694
  type: 'light',
@@ -3358,6 +3705,7 @@ var DESIGN_TOKENS = {
3358
3705
  L2: {
3359
3706
  version: '0.22',
3360
3707
  comment: 'Base light color with 80% opacity',
3708
+ value: '#ffffff',
3361
3709
  attributes: {
3362
3710
  category: 'color',
3363
3711
  type: 'light',
@@ -3374,6 +3722,7 @@ var DESIGN_TOKENS = {
3374
3722
  L3: {
3375
3723
  version: '0.22',
3376
3724
  comment: 'Base light color with 60% opacity',
3725
+ value: '#ffffff',
3377
3726
  attributes: {
3378
3727
  category: 'color',
3379
3728
  type: 'light',
@@ -3390,6 +3739,7 @@ var DESIGN_TOKENS = {
3390
3739
  L4: {
3391
3740
  version: '0.22',
3392
3741
  comment: 'Base light color with 40% opacity',
3742
+ value: '#ffffff',
3393
3743
  attributes: {
3394
3744
  category: 'color',
3395
3745
  type: 'light',
@@ -3406,6 +3756,7 @@ var DESIGN_TOKENS = {
3406
3756
  L5: {
3407
3757
  version: '0.22',
3408
3758
  comment: 'Base light color with 20% opacity',
3759
+ value: '#ffffff',
3409
3760
  attributes: {
3410
3761
  category: 'color',
3411
3762
  type: 'light',
@@ -3422,6 +3773,7 @@ var DESIGN_TOKENS = {
3422
3773
  L6: {
3423
3774
  version: '0.22',
3424
3775
  comment: 'Base light color with 10% opacity',
3776
+ value: '#ffffff',
3425
3777
  attributes: {
3426
3778
  category: 'color',
3427
3779
  type: 'light',
@@ -3440,15 +3792,16 @@ var DESIGN_TOKENS = {
3440
3792
  D2: {
3441
3793
  version: '0.22',
3442
3794
  comment: 'Darkest blue color',
3795
+ value: '#1976d2',
3443
3796
  attributes: {
3444
3797
  category: 'color',
3445
3798
  type: 'blue',
3446
3799
  item: 'D2',
3447
- hex: '1546c1',
3800
+ hex: '1976d2',
3448
3801
  rgb: {
3449
- r: 21,
3450
- g: 70,
3451
- b: 193,
3802
+ r: 25,
3803
+ g: 118,
3804
+ b: 210,
3452
3805
  a: 1
3453
3806
  }
3454
3807
  }
@@ -3456,15 +3809,16 @@ var DESIGN_TOKENS = {
3456
3809
  D1: {
3457
3810
  version: '0.22',
3458
3811
  comment: 'Dark blue color',
3812
+ value: '#1e88e5',
3459
3813
  attributes: {
3460
3814
  category: 'color',
3461
3815
  type: 'blue',
3462
3816
  item: 'D1',
3463
- hex: '184ed8',
3817
+ hex: '1e88e5',
3464
3818
  rgb: {
3465
- r: 24,
3466
- g: 78,
3467
- b: 216,
3819
+ r: 30,
3820
+ g: 136,
3821
+ b: 229,
3468
3822
  a: 1
3469
3823
  }
3470
3824
  }
@@ -3472,15 +3826,16 @@ var DESIGN_TOKENS = {
3472
3826
  N: {
3473
3827
  version: '0.22',
3474
3828
  comment: 'Neutral blue color',
3829
+ value: '#2196f3',
3475
3830
  attributes: {
3476
3831
  category: 'color',
3477
3832
  type: 'blue',
3478
3833
  item: 'N',
3479
- hex: '245be7',
3834
+ hex: '2196f3',
3480
3835
  rgb: {
3481
- r: 36,
3482
- g: 91,
3483
- b: 231,
3836
+ r: 33,
3837
+ g: 150,
3838
+ b: 243,
3484
3839
  a: 1
3485
3840
  }
3486
3841
  }
@@ -3488,15 +3843,16 @@ var DESIGN_TOKENS = {
3488
3843
  L1: {
3489
3844
  version: '0.22',
3490
3845
  comment: 'Base blue color with 80% opacity',
3846
+ value: '#2196f3',
3491
3847
  attributes: {
3492
3848
  category: 'color',
3493
3849
  type: 'blue',
3494
3850
  item: 'L1',
3495
- hex: '245be7',
3851
+ hex: '2196f3',
3496
3852
  rgb: {
3497
- r: 36,
3498
- g: 91,
3499
- b: 231,
3853
+ r: 33,
3854
+ g: 150,
3855
+ b: 243,
3500
3856
  a: 1
3501
3857
  }
3502
3858
  }
@@ -3504,15 +3860,16 @@ var DESIGN_TOKENS = {
3504
3860
  L2: {
3505
3861
  version: '0.22',
3506
3862
  comment: 'Base blue color with 60% opacity',
3863
+ value: '#2196f3',
3507
3864
  attributes: {
3508
3865
  category: 'color',
3509
3866
  type: 'blue',
3510
3867
  item: 'L2',
3511
- hex: '245be7',
3868
+ hex: '2196f3',
3512
3869
  rgb: {
3513
- r: 36,
3514
- g: 91,
3515
- b: 231,
3870
+ r: 33,
3871
+ g: 150,
3872
+ b: 243,
3516
3873
  a: 1
3517
3874
  }
3518
3875
  }
@@ -3520,15 +3877,16 @@ var DESIGN_TOKENS = {
3520
3877
  L3: {
3521
3878
  version: '0.22',
3522
3879
  comment: 'Base blue color with 40% opacity',
3880
+ value: '#2196f3',
3523
3881
  attributes: {
3524
3882
  category: 'color',
3525
3883
  type: 'blue',
3526
3884
  item: 'L3',
3527
- hex: '245be7',
3885
+ hex: '2196f3',
3528
3886
  rgb: {
3529
- r: 36,
3530
- g: 91,
3531
- b: 231,
3887
+ r: 33,
3888
+ g: 150,
3889
+ b: 243,
3532
3890
  a: 1
3533
3891
  }
3534
3892
  }
@@ -3536,15 +3894,16 @@ var DESIGN_TOKENS = {
3536
3894
  L4: {
3537
3895
  version: '0.22',
3538
3896
  comment: 'Base blue color with 20% opacity',
3897
+ value: '#2196f3',
3539
3898
  attributes: {
3540
3899
  category: 'color',
3541
3900
  type: 'blue',
3542
3901
  item: 'L4',
3543
- hex: '245be7',
3902
+ hex: '2196f3',
3544
3903
  rgb: {
3545
- r: 36,
3546
- g: 91,
3547
- b: 231,
3904
+ r: 33,
3905
+ g: 150,
3906
+ b: 243,
3548
3907
  a: 1
3549
3908
  }
3550
3909
  }
@@ -3552,15 +3911,16 @@ var DESIGN_TOKENS = {
3552
3911
  L5: {
3553
3912
  version: '0.22',
3554
3913
  comment: 'Base blue color with 10% opacity',
3914
+ value: '#2196f3',
3555
3915
  attributes: {
3556
3916
  category: 'color',
3557
3917
  type: 'blue',
3558
3918
  item: 'L5',
3559
- hex: '245be7',
3919
+ hex: '2196f3',
3560
3920
  rgb: {
3561
- r: 36,
3562
- g: 91,
3563
- b: 231,
3921
+ r: 33,
3922
+ g: 150,
3923
+ b: 243,
3564
3924
  a: 1
3565
3925
  }
3566
3926
  }
@@ -3568,15 +3928,16 @@ var DESIGN_TOKENS = {
3568
3928
  L6: {
3569
3929
  version: '0.22',
3570
3930
  comment: 'Base blue color with 5% opacity',
3931
+ value: '#2196f3',
3571
3932
  attributes: {
3572
3933
  category: 'color',
3573
3934
  type: 'blue',
3574
3935
  item: 'L6',
3575
- hex: '245be7',
3936
+ hex: '2196f3',
3576
3937
  rgb: {
3577
- r: 36,
3578
- g: 91,
3579
- b: 231,
3938
+ r: 33,
3939
+ g: 150,
3940
+ b: 243,
3580
3941
  a: 1
3581
3942
  }
3582
3943
  }
@@ -3586,15 +3947,16 @@ var DESIGN_TOKENS = {
3586
3947
  D2: {
3587
3948
  version: '0.22',
3588
3949
  comment: 'Darkest green color',
3950
+ value: '#388e3c',
3589
3951
  attributes: {
3590
3952
  category: 'color',
3591
3953
  type: 'green',
3592
3954
  item: 'D2',
3593
- hex: '1a6e59',
3955
+ hex: '388e3c',
3594
3956
  rgb: {
3595
- r: 26,
3596
- g: 110,
3597
- b: 89,
3957
+ r: 56,
3958
+ g: 142,
3959
+ b: 60,
3598
3960
  a: 1
3599
3961
  }
3600
3962
  }
@@ -3602,15 +3964,16 @@ var DESIGN_TOKENS = {
3602
3964
  D1: {
3603
3965
  version: '0.22',
3604
3966
  comment: 'Dark green color',
3967
+ value: '#43a047',
3605
3968
  attributes: {
3606
3969
  category: 'color',
3607
3970
  type: 'green',
3608
3971
  item: 'D1',
3609
- hex: '177a61',
3972
+ hex: '43a047',
3610
3973
  rgb: {
3611
- r: 23,
3612
- g: 122,
3613
- b: 97,
3974
+ r: 67,
3975
+ g: 160,
3976
+ b: 71,
3614
3977
  a: 1
3615
3978
  }
3616
3979
  }
@@ -3618,15 +3981,16 @@ var DESIGN_TOKENS = {
3618
3981
  N: {
3619
3982
  version: '0.22',
3620
3983
  comment: 'Neutral green color',
3984
+ value: '#4caf50',
3621
3985
  attributes: {
3622
3986
  category: 'color',
3623
3987
  type: 'green',
3624
3988
  item: 'N',
3625
- hex: '138669',
3989
+ hex: '4caf50',
3626
3990
  rgb: {
3627
- r: 19,
3628
- g: 134,
3629
- b: 105,
3991
+ r: 76,
3992
+ g: 175,
3993
+ b: 80,
3630
3994
  a: 1
3631
3995
  }
3632
3996
  }
@@ -3634,15 +3998,16 @@ var DESIGN_TOKENS = {
3634
3998
  L1: {
3635
3999
  version: '0.22',
3636
4000
  comment: 'Base green color with 80% opacity',
4001
+ value: '#4caf50',
3637
4002
  attributes: {
3638
4003
  category: 'color',
3639
4004
  type: 'green',
3640
4005
  item: 'L1',
3641
- hex: '138669',
4006
+ hex: '4caf50',
3642
4007
  rgb: {
3643
- r: 19,
3644
- g: 134,
3645
- b: 105,
4008
+ r: 76,
4009
+ g: 175,
4010
+ b: 80,
3646
4011
  a: 1
3647
4012
  }
3648
4013
  }
@@ -3650,15 +4015,16 @@ var DESIGN_TOKENS = {
3650
4015
  L2: {
3651
4016
  version: '0.22',
3652
4017
  comment: 'Base green color with 60% opacity',
4018
+ value: '#4caf50',
3653
4019
  attributes: {
3654
4020
  category: 'color',
3655
4021
  type: 'green',
3656
4022
  item: 'L2',
3657
- hex: '138669',
4023
+ hex: '4caf50',
3658
4024
  rgb: {
3659
- r: 19,
3660
- g: 134,
3661
- b: 105,
4025
+ r: 76,
4026
+ g: 175,
4027
+ b: 80,
3662
4028
  a: 1
3663
4029
  }
3664
4030
  }
@@ -3666,15 +4032,16 @@ var DESIGN_TOKENS = {
3666
4032
  L3: {
3667
4033
  version: '0.22',
3668
4034
  comment: 'Base green color with 40% opacity',
4035
+ value: '#4caf50',
3669
4036
  attributes: {
3670
4037
  category: 'color',
3671
4038
  type: 'green',
3672
4039
  item: 'L3',
3673
- hex: '138669',
4040
+ hex: '4caf50',
3674
4041
  rgb: {
3675
- r: 19,
3676
- g: 134,
3677
- b: 105,
4042
+ r: 76,
4043
+ g: 175,
4044
+ b: 80,
3678
4045
  a: 1
3679
4046
  }
3680
4047
  }
@@ -3682,15 +4049,16 @@ var DESIGN_TOKENS = {
3682
4049
  L4: {
3683
4050
  version: '0.22',
3684
4051
  comment: 'Base green color with 20% opacity',
4052
+ value: '#4caf50',
3685
4053
  attributes: {
3686
4054
  category: 'color',
3687
4055
  type: 'green',
3688
4056
  item: 'L4',
3689
- hex: '138669',
4057
+ hex: '4caf50',
3690
4058
  rgb: {
3691
- r: 19,
3692
- g: 134,
3693
- b: 105,
4059
+ r: 76,
4060
+ g: 175,
4061
+ b: 80,
3694
4062
  a: 1
3695
4063
  }
3696
4064
  }
@@ -3698,15 +4066,16 @@ var DESIGN_TOKENS = {
3698
4066
  L5: {
3699
4067
  version: '0.22',
3700
4068
  comment: 'Base green color with 10% opacity',
4069
+ value: '#4caf50',
3701
4070
  attributes: {
3702
4071
  category: 'color',
3703
4072
  type: 'green',
3704
4073
  item: 'L5',
3705
- hex: '138669',
4074
+ hex: '4caf50',
3706
4075
  rgb: {
3707
- r: 19,
3708
- g: 134,
3709
- b: 105,
4076
+ r: 76,
4077
+ g: 175,
4078
+ b: 80,
3710
4079
  a: 1
3711
4080
  }
3712
4081
  }
@@ -3714,15 +4083,16 @@ var DESIGN_TOKENS = {
3714
4083
  L6: {
3715
4084
  version: '0.22',
3716
4085
  comment: 'Base green color with 5% opacity',
4086
+ value: '#4caf50',
3717
4087
  attributes: {
3718
4088
  category: 'color',
3719
4089
  type: 'green',
3720
4090
  item: 'L6',
3721
- hex: '138669',
4091
+ hex: '4caf50',
3722
4092
  rgb: {
3723
- r: 19,
3724
- g: 134,
3725
- b: 105,
4093
+ r: 76,
4094
+ g: 175,
4095
+ b: 80,
3726
4096
  a: 1
3727
4097
  }
3728
4098
  }
@@ -3732,15 +4102,16 @@ var DESIGN_TOKENS = {
3732
4102
  D2: {
3733
4103
  version: '0.22',
3734
4104
  comment: 'Darkest yellow color',
4105
+ value: '#ff6f00',
3735
4106
  attributes: {
3736
4107
  category: 'color',
3737
4108
  type: 'yellow',
3738
4109
  item: 'D2',
3739
- hex: 'ffa125',
4110
+ hex: 'ff6f00',
3740
4111
  rgb: {
3741
4112
  r: 255,
3742
- g: 161,
3743
- b: 37,
4113
+ g: 111,
4114
+ b: 0,
3744
4115
  a: 1
3745
4116
  }
3746
4117
  }
@@ -3748,15 +4119,16 @@ var DESIGN_TOKENS = {
3748
4119
  D1: {
3749
4120
  version: '0.22',
3750
4121
  comment: 'Dark yellow color',
4122
+ value: '#ff8f00',
3751
4123
  attributes: {
3752
4124
  category: 'color',
3753
4125
  type: 'yellow',
3754
4126
  item: 'D1',
3755
- hex: 'ffb325',
4127
+ hex: 'ff8f00',
3756
4128
  rgb: {
3757
4129
  r: 255,
3758
- g: 179,
3759
- b: 37,
4130
+ g: 143,
4131
+ b: 0,
3760
4132
  a: 1
3761
4133
  }
3762
4134
  }
@@ -3764,15 +4136,16 @@ var DESIGN_TOKENS = {
3764
4136
  N: {
3765
4137
  version: '0.22',
3766
4138
  comment: 'Neutral yellow color',
4139
+ value: '#ffb300',
3767
4140
  attributes: {
3768
4141
  category: 'color',
3769
4142
  type: 'yellow',
3770
4143
  item: 'N',
3771
- hex: 'ffc425',
4144
+ hex: 'ffb300',
3772
4145
  rgb: {
3773
4146
  r: 255,
3774
- g: 196,
3775
- b: 37,
4147
+ g: 179,
4148
+ b: 0,
3776
4149
  a: 1
3777
4150
  }
3778
4151
  }
@@ -3780,15 +4153,16 @@ var DESIGN_TOKENS = {
3780
4153
  L1: {
3781
4154
  version: '0.22',
3782
4155
  comment: 'Base yellow color with 80% opacity',
4156
+ value: '#ffb300',
3783
4157
  attributes: {
3784
4158
  category: 'color',
3785
4159
  type: 'yellow',
3786
4160
  item: 'L1',
3787
- hex: 'ffc425',
4161
+ hex: 'ffb300',
3788
4162
  rgb: {
3789
4163
  r: 255,
3790
- g: 196,
3791
- b: 37,
4164
+ g: 179,
4165
+ b: 0,
3792
4166
  a: 1
3793
4167
  }
3794
4168
  }
@@ -3796,15 +4170,16 @@ var DESIGN_TOKENS = {
3796
4170
  L2: {
3797
4171
  version: '0.22',
3798
4172
  comment: 'Base yellow color with 70% opacity',
4173
+ value: '#ffb300',
3799
4174
  attributes: {
3800
4175
  category: 'color',
3801
4176
  type: 'yellow',
3802
4177
  item: 'L2',
3803
- hex: 'ffc425',
4178
+ hex: 'ffb300',
3804
4179
  rgb: {
3805
4180
  r: 255,
3806
- g: 196,
3807
- b: 37,
4181
+ g: 179,
4182
+ b: 0,
3808
4183
  a: 1
3809
4184
  }
3810
4185
  }
@@ -3812,15 +4187,16 @@ var DESIGN_TOKENS = {
3812
4187
  L3: {
3813
4188
  version: '0.22',
3814
4189
  comment: 'Base yellow color with 60% opacity',
4190
+ value: '#ffb300',
3815
4191
  attributes: {
3816
4192
  category: 'color',
3817
4193
  type: 'yellow',
3818
4194
  item: 'L3',
3819
- hex: 'ffc425',
4195
+ hex: 'ffb300',
3820
4196
  rgb: {
3821
4197
  r: 255,
3822
- g: 196,
3823
- b: 37,
4198
+ g: 179,
4199
+ b: 0,
3824
4200
  a: 1
3825
4201
  }
3826
4202
  }
@@ -3828,15 +4204,16 @@ var DESIGN_TOKENS = {
3828
4204
  L4: {
3829
4205
  version: '0.22',
3830
4206
  comment: 'Base yellow color with 40% opacity',
4207
+ value: '#ffb300',
3831
4208
  attributes: {
3832
4209
  category: 'color',
3833
4210
  type: 'yellow',
3834
4211
  item: 'L4',
3835
- hex: 'ffc425',
4212
+ hex: 'ffb300',
3836
4213
  rgb: {
3837
4214
  r: 255,
3838
- g: 196,
3839
- b: 37,
4215
+ g: 179,
4216
+ b: 0,
3840
4217
  a: 1
3841
4218
  }
3842
4219
  }
@@ -3844,15 +4221,16 @@ var DESIGN_TOKENS = {
3844
4221
  L5: {
3845
4222
  version: '0.22',
3846
4223
  comment: 'Base yellow color with 20% opacity',
4224
+ value: '#ffb300',
3847
4225
  attributes: {
3848
4226
  category: 'color',
3849
4227
  type: 'yellow',
3850
4228
  item: 'L5',
3851
- hex: 'ffc425',
4229
+ hex: 'ffb300',
3852
4230
  rgb: {
3853
4231
  r: 255,
3854
- g: 196,
3855
- b: 37,
4232
+ g: 179,
4233
+ b: 0,
3856
4234
  a: 1
3857
4235
  }
3858
4236
  }
@@ -3860,15 +4238,16 @@ var DESIGN_TOKENS = {
3860
4238
  L6: {
3861
4239
  version: '0.22',
3862
4240
  comment: 'Base yellow color with 10% opacity',
4241
+ value: '#ffb300',
3863
4242
  attributes: {
3864
4243
  category: 'color',
3865
4244
  type: 'yellow',
3866
4245
  item: 'L6',
3867
- hex: 'ffc425',
4246
+ hex: 'ffb300',
3868
4247
  rgb: {
3869
4248
  r: 255,
3870
- g: 196,
3871
- b: 37,
4249
+ g: 179,
4250
+ b: 0,
3872
4251
  a: 1
3873
4252
  }
3874
4253
  }
@@ -3878,15 +4257,16 @@ var DESIGN_TOKENS = {
3878
4257
  D2: {
3879
4258
  version: '0.22',
3880
4259
  comment: 'Darkest red color',
4260
+ value: '#d32f2f',
3881
4261
  attributes: {
3882
4262
  category: 'color',
3883
4263
  type: 'red',
3884
4264
  item: 'D2',
3885
- hex: 'be1e46',
4265
+ hex: 'd32f2f',
3886
4266
  rgb: {
3887
- r: 190,
3888
- g: 30,
3889
- b: 70,
4267
+ r: 211,
4268
+ g: 47,
4269
+ b: 47,
3890
4270
  a: 1
3891
4271
  }
3892
4272
  }
@@ -3894,15 +4274,16 @@ var DESIGN_TOKENS = {
3894
4274
  D1: {
3895
4275
  version: '0.22',
3896
4276
  comment: 'Dark red color',
4277
+ value: '#e53935',
3897
4278
  attributes: {
3898
4279
  category: 'color',
3899
4280
  type: 'red',
3900
4281
  item: 'D1',
3901
- hex: 'd42148',
4282
+ hex: 'e53935',
3902
4283
  rgb: {
3903
- r: 212,
3904
- g: 33,
3905
- b: 72,
4284
+ r: 229,
4285
+ g: 57,
4286
+ b: 53,
3906
4287
  a: 1
3907
4288
  }
3908
4289
  }
@@ -3910,15 +4291,16 @@ var DESIGN_TOKENS = {
3910
4291
  N: {
3911
4292
  version: '0.22',
3912
4293
  comment: 'Neutral red color',
4294
+ value: '#f44336',
3913
4295
  attributes: {
3914
4296
  category: 'color',
3915
4297
  type: 'red',
3916
4298
  item: 'N',
3917
- hex: 'df3050',
4299
+ hex: 'f44336',
3918
4300
  rgb: {
3919
- r: 223,
3920
- g: 48,
3921
- b: 80,
4301
+ r: 244,
4302
+ g: 67,
4303
+ b: 54,
3922
4304
  a: 1
3923
4305
  }
3924
4306
  }
@@ -3926,15 +4308,16 @@ var DESIGN_TOKENS = {
3926
4308
  L1: {
3927
4309
  version: '0.22',
3928
4310
  comment: 'Base red color with 80% opacity',
4311
+ value: '#f44336',
3929
4312
  attributes: {
3930
4313
  category: 'color',
3931
4314
  type: 'red',
3932
4315
  item: 'L1',
3933
- hex: 'df3050',
4316
+ hex: 'f44336',
3934
4317
  rgb: {
3935
- r: 223,
3936
- g: 48,
3937
- b: 80,
4318
+ r: 244,
4319
+ g: 67,
4320
+ b: 54,
3938
4321
  a: 1
3939
4322
  }
3940
4323
  }
@@ -3942,15 +4325,16 @@ var DESIGN_TOKENS = {
3942
4325
  L2: {
3943
4326
  version: '0.22',
3944
4327
  comment: 'Base red color with 60% opacity',
4328
+ value: '#f44336',
3945
4329
  attributes: {
3946
4330
  category: 'color',
3947
4331
  type: 'red',
3948
4332
  item: 'L2',
3949
- hex: 'df3050',
4333
+ hex: 'f44336',
3950
4334
  rgb: {
3951
- r: 223,
3952
- g: 48,
3953
- b: 80,
4335
+ r: 244,
4336
+ g: 67,
4337
+ b: 54,
3954
4338
  a: 1
3955
4339
  }
3956
4340
  }
@@ -3958,15 +4342,16 @@ var DESIGN_TOKENS = {
3958
4342
  L3: {
3959
4343
  version: '0.22',
3960
4344
  comment: 'Base red color with 40% opacity',
4345
+ value: '#f44336',
3961
4346
  attributes: {
3962
4347
  category: 'color',
3963
4348
  type: 'red',
3964
4349
  item: 'L3',
3965
- hex: 'df3050',
4350
+ hex: 'f44336',
3966
4351
  rgb: {
3967
- r: 223,
3968
- g: 48,
3969
- b: 80,
4352
+ r: 244,
4353
+ g: 67,
4354
+ b: 54,
3970
4355
  a: 1
3971
4356
  }
3972
4357
  }
@@ -3974,15 +4359,16 @@ var DESIGN_TOKENS = {
3974
4359
  L4: {
3975
4360
  version: '0.22',
3976
4361
  comment: 'Base red color with 20% opacity',
4362
+ value: '#f44336',
3977
4363
  attributes: {
3978
4364
  category: 'color',
3979
4365
  type: 'red',
3980
4366
  item: 'L4',
3981
- hex: 'df3050',
4367
+ hex: 'f44336',
3982
4368
  rgb: {
3983
- r: 223,
3984
- g: 48,
3985
- b: 80,
4369
+ r: 244,
4370
+ g: 67,
4371
+ b: 54,
3986
4372
  a: 1
3987
4373
  }
3988
4374
  }
@@ -3990,15 +4376,16 @@ var DESIGN_TOKENS = {
3990
4376
  L5: {
3991
4377
  version: '0.22',
3992
4378
  comment: 'Base red color with 10% opacity',
4379
+ value: '#f44336',
3993
4380
  attributes: {
3994
4381
  category: 'color',
3995
4382
  type: 'red',
3996
4383
  item: 'L5',
3997
- hex: 'df3050',
4384
+ hex: 'f44336',
3998
4385
  rgb: {
3999
- r: 223,
4000
- g: 48,
4001
- b: 80,
4386
+ r: 244,
4387
+ g: 67,
4388
+ b: 54,
4002
4389
  a: 1
4003
4390
  }
4004
4391
  }
@@ -4006,15 +4393,16 @@ var DESIGN_TOKENS = {
4006
4393
  L6: {
4007
4394
  version: '0.22',
4008
4395
  comment: 'Base red color with 5% opacity',
4396
+ value: '#f44336',
4009
4397
  attributes: {
4010
4398
  category: 'color',
4011
4399
  type: 'red',
4012
4400
  item: 'L6',
4013
- hex: 'df3050',
4401
+ hex: 'f44336',
4014
4402
  rgb: {
4015
- r: 223,
4016
- g: 48,
4017
- b: 80,
4403
+ r: 244,
4404
+ g: 67,
4405
+ b: 54,
4018
4406
  a: 1
4019
4407
  }
4020
4408
  }
@@ -4024,6 +4412,7 @@ var DESIGN_TOKENS = {
4024
4412
  N: {
4025
4413
  version: '0.22',
4026
4414
  comment: 'Neutral grey color',
4415
+ value: '#757575',
4027
4416
  attributes: {
4028
4417
  category: 'color',
4029
4418
  type: 'grey',
@@ -4040,6 +4429,7 @@ var DESIGN_TOKENS = {
4040
4429
  L1: {
4041
4430
  version: '0.22',
4042
4431
  comment: 'Base grey color with 80% opacity',
4432
+ value: '#757575',
4043
4433
  attributes: {
4044
4434
  category: 'color',
4045
4435
  type: 'grey',
@@ -4056,6 +4446,7 @@ var DESIGN_TOKENS = {
4056
4446
  L2: {
4057
4447
  version: '0.22',
4058
4448
  comment: 'Base grey color with 60% opacity',
4449
+ value: '#757575',
4059
4450
  attributes: {
4060
4451
  category: 'color',
4061
4452
  type: 'grey',
@@ -4072,6 +4463,7 @@ var DESIGN_TOKENS = {
4072
4463
  L3: {
4073
4464
  version: '0.22',
4074
4465
  comment: 'Base grey color with 40% opacity',
4466
+ value: '#757575',
4075
4467
  attributes: {
4076
4468
  category: 'color',
4077
4469
  type: 'grey',
@@ -4088,6 +4480,7 @@ var DESIGN_TOKENS = {
4088
4480
  L4: {
4089
4481
  version: '0.22',
4090
4482
  comment: 'Base grey color with 20% opacity',
4483
+ value: '#757575',
4091
4484
  attributes: {
4092
4485
  category: 'color',
4093
4486
  type: 'grey',
@@ -4104,6 +4497,7 @@ var DESIGN_TOKENS = {
4104
4497
  L5: {
4105
4498
  version: '0.22',
4106
4499
  comment: 'Base grey color with 10% opacity',
4500
+ value: '#757575',
4107
4501
  attributes: {
4108
4502
  category: 'color',
4109
4503
  type: 'grey',
@@ -4120,6 +4514,7 @@ var DESIGN_TOKENS = {
4120
4514
  L6: {
4121
4515
  version: '0.22',
4122
4516
  comment: 'Base grey color with 5% opacity',
4517
+ value: '#757575',
4123
4518
  attributes: {
4124
4519
  category: 'color',
4125
4520
  type: 'grey',
@@ -4137,7 +4532,8 @@ var DESIGN_TOKENS = {
4137
4532
  primary: {
4138
4533
  D2: {
4139
4534
  version: '0.22',
4140
- comment: 'Darkest primary color',
4535
+ comment: 'Darkest blue color',
4536
+ value: '#1976d2',
4141
4537
  attributes: {
4142
4538
  category: 'color',
4143
4539
  type: 'primary',
@@ -4153,7 +4549,8 @@ var DESIGN_TOKENS = {
4153
4549
  },
4154
4550
  D1: {
4155
4551
  version: '0.22',
4156
- comment: 'Dark primary color',
4552
+ comment: 'Dark blue color',
4553
+ value: '#1e88e5',
4157
4554
  attributes: {
4158
4555
  category: 'color',
4159
4556
  type: 'primary',
@@ -4169,7 +4566,8 @@ var DESIGN_TOKENS = {
4169
4566
  },
4170
4567
  N: {
4171
4568
  version: '0.22',
4172
- comment: 'Neutral primary color',
4569
+ comment: 'Neutral blue color',
4570
+ value: '#2196f3',
4173
4571
  attributes: {
4174
4572
  category: 'color',
4175
4573
  type: 'primary',
@@ -4185,7 +4583,8 @@ var DESIGN_TOKENS = {
4185
4583
  },
4186
4584
  L1: {
4187
4585
  version: '0.22',
4188
- comment: 'Base primary color with 80% opacity',
4586
+ comment: 'Base blue color with 80% opacity',
4587
+ value: '#2196f3',
4189
4588
  attributes: {
4190
4589
  category: 'color',
4191
4590
  type: 'primary',
@@ -4201,7 +4600,8 @@ var DESIGN_TOKENS = {
4201
4600
  },
4202
4601
  L2: {
4203
4602
  version: '0.22',
4204
- comment: 'Base primary color with 60% opacity',
4603
+ comment: 'Base blue color with 60% opacity',
4604
+ value: '#2196f3',
4205
4605
  attributes: {
4206
4606
  category: 'color',
4207
4607
  type: 'primary',
@@ -4217,7 +4617,8 @@ var DESIGN_TOKENS = {
4217
4617
  },
4218
4618
  L3: {
4219
4619
  version: '0.22',
4220
- comment: 'Base primary color with 40% opacity',
4620
+ comment: 'Base blue color with 40% opacity',
4621
+ value: '#2196f3',
4221
4622
  attributes: {
4222
4623
  category: 'color',
4223
4624
  type: 'primary',
@@ -4233,7 +4634,8 @@ var DESIGN_TOKENS = {
4233
4634
  },
4234
4635
  L4: {
4235
4636
  version: '0.22',
4236
- comment: 'Base primary color with 20% opacity',
4637
+ comment: 'Base blue color with 20% opacity',
4638
+ value: '#2196f3',
4237
4639
  attributes: {
4238
4640
  category: 'color',
4239
4641
  type: 'primary',
@@ -4249,7 +4651,8 @@ var DESIGN_TOKENS = {
4249
4651
  },
4250
4652
  L5: {
4251
4653
  version: '0.22',
4252
- comment: 'Base primary color with 10% opacity',
4654
+ comment: 'Base blue color with 10% opacity',
4655
+ value: '#2196f3',
4253
4656
  attributes: {
4254
4657
  category: 'color',
4255
4658
  type: 'primary',
@@ -4266,6 +4669,7 @@ var DESIGN_TOKENS = {
4266
4669
  L6: {
4267
4670
  version: '0.22',
4268
4671
  comment: 'Base blue color with 5% opacity',
4672
+ value: '#2196f3',
4269
4673
  attributes: {
4270
4674
  category: 'color',
4271
4675
  type: 'primary',
@@ -4283,7 +4687,8 @@ var DESIGN_TOKENS = {
4283
4687
  secondary: {
4284
4688
  D2: {
4285
4689
  version: '0.22',
4286
- comment: 'Darkest secondary color',
4690
+ comment: 'Darkest green color',
4691
+ value: '#388e3c',
4287
4692
  attributes: {
4288
4693
  category: 'color',
4289
4694
  type: 'secondary',
@@ -4299,7 +4704,8 @@ var DESIGN_TOKENS = {
4299
4704
  },
4300
4705
  D1: {
4301
4706
  version: '0.22',
4302
- comment: 'Dark secondary color',
4707
+ comment: 'Dark green color',
4708
+ value: '#43a047',
4303
4709
  attributes: {
4304
4710
  category: 'color',
4305
4711
  type: 'secondary',
@@ -4315,7 +4721,8 @@ var DESIGN_TOKENS = {
4315
4721
  },
4316
4722
  N: {
4317
4723
  version: '0.22',
4318
- comment: 'Neutral secondary color',
4724
+ comment: 'Neutral green color',
4725
+ value: '#4caf50',
4319
4726
  attributes: {
4320
4727
  category: 'color',
4321
4728
  type: 'secondary',
@@ -4331,7 +4738,8 @@ var DESIGN_TOKENS = {
4331
4738
  },
4332
4739
  L1: {
4333
4740
  version: '0.22',
4334
- comment: 'Base secondary color with 80% opacity',
4741
+ comment: 'Base green color with 80% opacity',
4742
+ value: '#4caf50',
4335
4743
  attributes: {
4336
4744
  category: 'color',
4337
4745
  type: 'secondary',
@@ -4347,7 +4755,8 @@ var DESIGN_TOKENS = {
4347
4755
  },
4348
4756
  L2: {
4349
4757
  version: '0.22',
4350
- comment: 'Base secondary color with 60% opacity',
4758
+ comment: 'Base green color with 60% opacity',
4759
+ value: '#4caf50',
4351
4760
  attributes: {
4352
4761
  category: 'color',
4353
4762
  type: 'secondary',
@@ -4363,7 +4772,8 @@ var DESIGN_TOKENS = {
4363
4772
  },
4364
4773
  L3: {
4365
4774
  version: '0.22',
4366
- comment: 'Base secondary color with 40% opacity',
4775
+ comment: 'Base green color with 40% opacity',
4776
+ value: '#4caf50',
4367
4777
  attributes: {
4368
4778
  category: 'color',
4369
4779
  type: 'secondary',
@@ -4379,7 +4789,8 @@ var DESIGN_TOKENS = {
4379
4789
  },
4380
4790
  L4: {
4381
4791
  version: '0.22',
4382
- comment: 'Base secondary color with 20% opacity',
4792
+ comment: 'Base green color with 20% opacity',
4793
+ value: '#4caf50',
4383
4794
  attributes: {
4384
4795
  category: 'color',
4385
4796
  type: 'secondary',
@@ -4395,7 +4806,8 @@ var DESIGN_TOKENS = {
4395
4806
  },
4396
4807
  L5: {
4397
4808
  version: '0.22',
4398
- comment: 'Base secondary color with 10% opacity',
4809
+ comment: 'Base green color with 10% opacity',
4810
+ value: '#4caf50',
4399
4811
  attributes: {
4400
4812
  category: 'color',
4401
4813
  type: 'secondary',
@@ -4411,7 +4823,8 @@ var DESIGN_TOKENS = {
4411
4823
  },
4412
4824
  L6: {
4413
4825
  version: '0.22',
4414
- comment: 'Base secondary color with 5% opacity',
4826
+ comment: 'Base green color with 5% opacity',
4827
+ value: '#4caf50',
4415
4828
  attributes: {
4416
4829
  category: 'color',
4417
4830
  type: 'secondary',
@@ -4429,7 +4842,8 @@ var DESIGN_TOKENS = {
4429
4842
  accent: {
4430
4843
  D2: {
4431
4844
  version: '0.22',
4432
- comment: 'Darkest secondary color',
4845
+ comment: 'Darkest green color',
4846
+ value: '#388e3c',
4433
4847
  attributes: {
4434
4848
  category: 'color',
4435
4849
  type: 'accent',
@@ -4445,7 +4859,8 @@ var DESIGN_TOKENS = {
4445
4859
  },
4446
4860
  D1: {
4447
4861
  version: '0.22',
4448
- comment: 'Dark secondary color',
4862
+ comment: 'Dark green color',
4863
+ value: '#43a047',
4449
4864
  attributes: {
4450
4865
  category: 'color',
4451
4866
  type: 'accent',
@@ -4461,7 +4876,8 @@ var DESIGN_TOKENS = {
4461
4876
  },
4462
4877
  N: {
4463
4878
  version: '0.22',
4464
- comment: 'Neutral secondary color',
4879
+ comment: 'Neutral green color',
4880
+ value: '#4caf50',
4465
4881
  attributes: {
4466
4882
  category: 'color',
4467
4883
  type: 'accent',
@@ -4477,7 +4893,8 @@ var DESIGN_TOKENS = {
4477
4893
  },
4478
4894
  L1: {
4479
4895
  version: '0.22',
4480
- comment: 'Base secondary color with 80% opacity',
4896
+ comment: 'Base green color with 80% opacity',
4897
+ value: '#4caf50',
4481
4898
  attributes: {
4482
4899
  category: 'color',
4483
4900
  type: 'accent',
@@ -4493,7 +4910,8 @@ var DESIGN_TOKENS = {
4493
4910
  },
4494
4911
  L2: {
4495
4912
  version: '0.22',
4496
- comment: 'Base secondary color with 60% opacity',
4913
+ comment: 'Base green color with 60% opacity',
4914
+ value: '#4caf50',
4497
4915
  attributes: {
4498
4916
  category: 'color',
4499
4917
  type: 'accent',
@@ -4509,7 +4927,8 @@ var DESIGN_TOKENS = {
4509
4927
  },
4510
4928
  L3: {
4511
4929
  version: '0.22',
4512
- comment: 'Base secondary color with 40% opacity',
4930
+ comment: 'Base green color with 40% opacity',
4931
+ value: '#4caf50',
4513
4932
  attributes: {
4514
4933
  category: 'color',
4515
4934
  type: 'accent',
@@ -4525,7 +4944,8 @@ var DESIGN_TOKENS = {
4525
4944
  },
4526
4945
  L4: {
4527
4946
  version: '0.22',
4528
- comment: 'Base secondary color with 20% opacity',
4947
+ comment: 'Base green color with 20% opacity',
4948
+ value: '#4caf50',
4529
4949
  attributes: {
4530
4950
  category: 'color',
4531
4951
  type: 'accent',
@@ -4541,7 +4961,8 @@ var DESIGN_TOKENS = {
4541
4961
  },
4542
4962
  L5: {
4543
4963
  version: '0.22',
4544
- comment: 'Base secondary color with 10% opacity',
4964
+ comment: 'Base green color with 10% opacity',
4965
+ value: '#4caf50',
4545
4966
  attributes: {
4546
4967
  category: 'color',
4547
4968
  type: 'accent',
@@ -4557,7 +4978,8 @@ var DESIGN_TOKENS = {
4557
4978
  },
4558
4979
  L6: {
4559
4980
  version: '0.22',
4560
- comment: 'Base secondary color with 5% opacity',
4981
+ comment: 'Base green color with 5% opacity',
4982
+ value: '#4caf50',
4561
4983
  attributes: {
4562
4984
  category: 'color',
4563
4985
  type: 'accent',
@@ -4576,6 +4998,7 @@ var DESIGN_TOKENS = {
4576
4998
  N: {
4577
4999
  version: '0.22',
4578
5000
  comment: 'Neutral dark color',
5001
+ value: '#000000',
4579
5002
  attributes: {
4580
5003
  category: 'color',
4581
5004
  type: 'black',
@@ -4592,6 +5015,7 @@ var DESIGN_TOKENS = {
4592
5015
  L1: {
4593
5016
  version: '0.22',
4594
5017
  comment: 'Base dark color with 70% opacity',
5018
+ value: '#000000',
4595
5019
  attributes: {
4596
5020
  category: 'color',
4597
5021
  type: 'black',
@@ -4608,6 +5032,7 @@ var DESIGN_TOKENS = {
4608
5032
  L2: {
4609
5033
  version: '0.22',
4610
5034
  comment: 'Base dark color with 54% opacity',
5035
+ value: '#000000',
4611
5036
  attributes: {
4612
5037
  category: 'color',
4613
5038
  type: 'black',
@@ -4624,6 +5049,7 @@ var DESIGN_TOKENS = {
4624
5049
  L3: {
4625
5050
  version: '0.22',
4626
5051
  comment: 'Base dark color with 38% opacity',
5052
+ value: '#000000',
4627
5053
  attributes: {
4628
5054
  category: 'color',
4629
5055
  type: 'black',
@@ -4640,6 +5066,7 @@ var DESIGN_TOKENS = {
4640
5066
  L4: {
4641
5067
  version: '0.22',
4642
5068
  comment: 'Base dark color with 20% opacity',
5069
+ value: '#000000',
4643
5070
  attributes: {
4644
5071
  category: 'color',
4645
5072
  type: 'black',
@@ -4656,6 +5083,7 @@ var DESIGN_TOKENS = {
4656
5083
  L5: {
4657
5084
  version: '0.22',
4658
5085
  comment: 'Base dark color with 12% opacity',
5086
+ value: '#000000',
4659
5087
  attributes: {
4660
5088
  category: 'color',
4661
5089
  type: 'black',
@@ -4672,6 +5100,7 @@ var DESIGN_TOKENS = {
4672
5100
  L6: {
4673
5101
  version: '0.22',
4674
5102
  comment: 'Base dark color with 5% opacity',
5103
+ value: '#000000',
4675
5104
  attributes: {
4676
5105
  category: 'color',
4677
5106
  type: 'black',
@@ -4690,6 +5119,7 @@ var DESIGN_TOKENS = {
4690
5119
  N: {
4691
5120
  version: '0.22',
4692
5121
  comment: 'Neutral light color',
5122
+ value: '#ffffff',
4693
5123
  attributes: {
4694
5124
  category: 'color',
4695
5125
  type: 'white',
@@ -4706,6 +5136,7 @@ var DESIGN_TOKENS = {
4706
5136
  L1: {
4707
5137
  version: '0.22',
4708
5138
  comment: 'Base light color with 90% opacity',
5139
+ value: '#ffffff',
4709
5140
  attributes: {
4710
5141
  category: 'color',
4711
5142
  type: 'white',
@@ -4722,6 +5153,7 @@ var DESIGN_TOKENS = {
4722
5153
  L2: {
4723
5154
  version: '0.22',
4724
5155
  comment: 'Base light color with 80% opacity',
5156
+ value: '#ffffff',
4725
5157
  attributes: {
4726
5158
  category: 'color',
4727
5159
  type: 'white',
@@ -4738,6 +5170,7 @@ var DESIGN_TOKENS = {
4738
5170
  L3: {
4739
5171
  version: '0.22',
4740
5172
  comment: 'Base light color with 60% opacity',
5173
+ value: '#ffffff',
4741
5174
  attributes: {
4742
5175
  category: 'color',
4743
5176
  type: 'white',
@@ -4754,6 +5187,7 @@ var DESIGN_TOKENS = {
4754
5187
  L4: {
4755
5188
  version: '0.22',
4756
5189
  comment: 'Base light color with 40% opacity',
5190
+ value: '#ffffff',
4757
5191
  attributes: {
4758
5192
  category: 'color',
4759
5193
  type: 'white',
@@ -4770,6 +5204,7 @@ var DESIGN_TOKENS = {
4770
5204
  L5: {
4771
5205
  version: '0.22',
4772
5206
  comment: 'Base light color with 20% opacity',
5207
+ value: '#ffffff',
4773
5208
  attributes: {
4774
5209
  category: 'color',
4775
5210
  type: 'white',
@@ -4786,6 +5221,7 @@ var DESIGN_TOKENS = {
4786
5221
  L6: {
4787
5222
  version: '0.22',
4788
5223
  comment: 'Base light color with 10% opacity',
5224
+ value: '#ffffff',
4789
5225
  attributes: {
4790
5226
  category: 'color',
4791
5227
  type: 'white',
@@ -4804,15 +5240,16 @@ var DESIGN_TOKENS = {
4804
5240
  D2: {
4805
5241
  version: '0.22',
4806
5242
  comment: 'Darkest yellow color',
5243
+ value: '#ff6f00',
4807
5244
  attributes: {
4808
5245
  category: 'color',
4809
5246
  type: 'orange',
4810
5247
  item: 'D2',
4811
- hex: 'ffa125',
5248
+ hex: 'ff6f00',
4812
5249
  rgb: {
4813
5250
  r: 255,
4814
- g: 161,
4815
- b: 37,
5251
+ g: 111,
5252
+ b: 0,
4816
5253
  a: 1
4817
5254
  }
4818
5255
  }
@@ -4820,15 +5257,16 @@ var DESIGN_TOKENS = {
4820
5257
  D1: {
4821
5258
  version: '0.22',
4822
5259
  comment: 'Dark yellow color',
5260
+ value: '#ff8f00',
4823
5261
  attributes: {
4824
5262
  category: 'color',
4825
5263
  type: 'orange',
4826
5264
  item: 'D1',
4827
- hex: 'ffb325',
5265
+ hex: 'ff8f00',
4828
5266
  rgb: {
4829
5267
  r: 255,
4830
- g: 179,
4831
- b: 37,
5268
+ g: 143,
5269
+ b: 0,
4832
5270
  a: 1
4833
5271
  }
4834
5272
  }
@@ -4836,15 +5274,16 @@ var DESIGN_TOKENS = {
4836
5274
  N: {
4837
5275
  version: '0.22',
4838
5276
  comment: 'Neutral yellow color',
5277
+ value: '#ffb300',
4839
5278
  attributes: {
4840
5279
  category: 'color',
4841
5280
  type: 'orange',
4842
5281
  item: 'N',
4843
- hex: 'ffc425',
5282
+ hex: 'ffb300',
4844
5283
  rgb: {
4845
5284
  r: 255,
4846
- g: 196,
4847
- b: 37,
5285
+ g: 179,
5286
+ b: 0,
4848
5287
  a: 1
4849
5288
  }
4850
5289
  }
@@ -4852,15 +5291,16 @@ var DESIGN_TOKENS = {
4852
5291
  L1: {
4853
5292
  version: '0.22',
4854
5293
  comment: 'Base yellow color with 80% opacity',
5294
+ value: '#ffb300',
4855
5295
  attributes: {
4856
5296
  category: 'color',
4857
5297
  type: 'orange',
4858
5298
  item: 'L1',
4859
- hex: 'ffc425',
5299
+ hex: 'ffb300',
4860
5300
  rgb: {
4861
5301
  r: 255,
4862
- g: 196,
4863
- b: 37,
5302
+ g: 179,
5303
+ b: 0,
4864
5304
  a: 1
4865
5305
  }
4866
5306
  }
@@ -4868,15 +5308,16 @@ var DESIGN_TOKENS = {
4868
5308
  L2: {
4869
5309
  version: '0.22',
4870
5310
  comment: 'Base yellow color with 70% opacity',
5311
+ value: '#ffb300',
4871
5312
  attributes: {
4872
5313
  category: 'color',
4873
5314
  type: 'orange',
4874
5315
  item: 'L2',
4875
- hex: 'ffc425',
5316
+ hex: 'ffb300',
4876
5317
  rgb: {
4877
5318
  r: 255,
4878
- g: 196,
4879
- b: 37,
5319
+ g: 179,
5320
+ b: 0,
4880
5321
  a: 1
4881
5322
  }
4882
5323
  }
@@ -4884,15 +5325,16 @@ var DESIGN_TOKENS = {
4884
5325
  L3: {
4885
5326
  version: '0.22',
4886
5327
  comment: 'Base yellow color with 60% opacity',
5328
+ value: '#ffb300',
4887
5329
  attributes: {
4888
5330
  category: 'color',
4889
5331
  type: 'orange',
4890
5332
  item: 'L3',
4891
- hex: 'ffc425',
5333
+ hex: 'ffb300',
4892
5334
  rgb: {
4893
5335
  r: 255,
4894
- g: 196,
4895
- b: 37,
5336
+ g: 179,
5337
+ b: 0,
4896
5338
  a: 1
4897
5339
  }
4898
5340
  }
@@ -4900,15 +5342,16 @@ var DESIGN_TOKENS = {
4900
5342
  L4: {
4901
5343
  version: '0.22',
4902
5344
  comment: 'Base yellow color with 40% opacity',
5345
+ value: '#ffb300',
4903
5346
  attributes: {
4904
5347
  category: 'color',
4905
5348
  type: 'orange',
4906
5349
  item: 'L4',
4907
- hex: 'ffc425',
5350
+ hex: 'ffb300',
4908
5351
  rgb: {
4909
5352
  r: 255,
4910
- g: 196,
4911
- b: 37,
5353
+ g: 179,
5354
+ b: 0,
4912
5355
  a: 1
4913
5356
  }
4914
5357
  }
@@ -4916,15 +5359,16 @@ var DESIGN_TOKENS = {
4916
5359
  L5: {
4917
5360
  version: '0.22',
4918
5361
  comment: 'Base yellow color with 20% opacity',
5362
+ value: '#ffb300',
4919
5363
  attributes: {
4920
5364
  category: 'color',
4921
5365
  type: 'orange',
4922
5366
  item: 'L5',
4923
- hex: 'ffc425',
5367
+ hex: 'ffb300',
4924
5368
  rgb: {
4925
5369
  r: 255,
4926
- g: 196,
4927
- b: 37,
5370
+ g: 179,
5371
+ b: 0,
4928
5372
  a: 1
4929
5373
  }
4930
5374
  }
@@ -4932,15 +5376,16 @@ var DESIGN_TOKENS = {
4932
5376
  L6: {
4933
5377
  version: '0.22',
4934
5378
  comment: 'Base yellow color with 10% opacity',
5379
+ value: '#ffb300',
4935
5380
  attributes: {
4936
5381
  category: 'color',
4937
5382
  type: 'orange',
4938
5383
  item: 'L6',
4939
- hex: 'ffc425',
5384
+ hex: 'ffb300',
4940
5385
  rgb: {
4941
5386
  r: 255,
4942
- g: 196,
4943
- b: 37,
5387
+ g: 179,
5388
+ b: 0,
4944
5389
  a: 1
4945
5390
  }
4946
5391
  }
@@ -4949,42 +5394,49 @@ var DESIGN_TOKENS = {
4949
5394
  },
4950
5395
  size: {
4951
5396
  xxs: {
5397
+ value: '14px',
4952
5398
  attributes: {
4953
5399
  category: 'size',
4954
5400
  type: 'xxs'
4955
5401
  }
4956
5402
  },
4957
5403
  xs: {
5404
+ value: '20px',
4958
5405
  attributes: {
4959
5406
  category: 'size',
4960
5407
  type: 'xs'
4961
5408
  }
4962
5409
  },
4963
5410
  s: {
5411
+ value: '24px',
4964
5412
  attributes: {
4965
5413
  category: 'size',
4966
5414
  type: 's'
4967
5415
  }
4968
5416
  },
4969
5417
  m: {
5418
+ value: '36px',
4970
5419
  attributes: {
4971
5420
  category: 'size',
4972
5421
  type: 'm'
4973
5422
  }
4974
5423
  },
4975
5424
  l: {
5425
+ value: '64px',
4976
5426
  attributes: {
4977
5427
  category: 'size',
4978
5428
  type: 'l'
4979
5429
  }
4980
5430
  },
4981
5431
  xl: {
5432
+ value: '128px',
4982
5433
  attributes: {
4983
5434
  category: 'size',
4984
5435
  type: 'xl'
4985
5436
  }
4986
5437
  },
4987
5438
  xxl: {
5439
+ value: '256px',
4988
5440
  attributes: {
4989
5441
  category: 'size',
4990
5442
  type: 'xxl'
@@ -4994,6 +5446,7 @@ var DESIGN_TOKENS = {
4994
5446
  spacing: {
4995
5447
  unit: {
4996
5448
  tiny: {
5449
+ value: '4px',
4997
5450
  attributes: {
4998
5451
  category: 'spacing',
4999
5452
  type: 'unit',
@@ -5001,6 +5454,7 @@ var DESIGN_TOKENS = {
5001
5454
  }
5002
5455
  },
5003
5456
  regular: {
5457
+ value: '8px',
5004
5458
  attributes: {
5005
5459
  category: 'spacing',
5006
5460
  type: 'unit',
@@ -5008,6 +5462,7 @@ var DESIGN_TOKENS = {
5008
5462
  }
5009
5463
  },
5010
5464
  medium: {
5465
+ value: '12px',
5011
5466
  attributes: {
5012
5467
  category: 'spacing',
5013
5468
  type: 'unit',
@@ -5015,6 +5470,7 @@ var DESIGN_TOKENS = {
5015
5470
  }
5016
5471
  },
5017
5472
  big: {
5473
+ value: '16px',
5018
5474
  attributes: {
5019
5475
  category: 'spacing',
5020
5476
  type: 'unit',
@@ -5022,6 +5478,7 @@ var DESIGN_TOKENS = {
5022
5478
  }
5023
5479
  },
5024
5480
  huge: {
5481
+ value: '24px',
5025
5482
  attributes: {
5026
5483
  category: 'spacing',
5027
5484
  type: 'unit',
@@ -5032,6 +5489,7 @@ var DESIGN_TOKENS = {
5032
5489
  },
5033
5490
  typography: {
5034
5491
  'font-family': {
5492
+ value: "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
5035
5493
  attributes: {
5036
5494
  category: 'typography',
5037
5495
  type: 'font-family'
@@ -5039,6 +5497,7 @@ var DESIGN_TOKENS = {
5039
5497
  },
5040
5498
  'font-weight': {
5041
5499
  regular: {
5500
+ value: '400',
5042
5501
  attributes: {
5043
5502
  category: 'typography',
5044
5503
  type: 'font-weight',
@@ -5046,6 +5505,7 @@ var DESIGN_TOKENS = {
5046
5505
  }
5047
5506
  },
5048
5507
  bold: {
5508
+ value: '700',
5049
5509
  attributes: {
5050
5510
  category: 'typography',
5051
5511
  type: 'font-weight',
@@ -5053,6 +5513,7 @@ var DESIGN_TOKENS = {
5053
5513
  }
5054
5514
  },
5055
5515
  light: {
5516
+ value: '300',
5056
5517
  attributes: {
5057
5518
  category: 'typography',
5058
5519
  type: 'font-weight',
@@ -5063,6 +5524,7 @@ var DESIGN_TOKENS = {
5063
5524
  interface: {
5064
5525
  display1: {
5065
5526
  'font-size': {
5527
+ value: '34px',
5066
5528
  attributes: {
5067
5529
  category: 'typography',
5068
5530
  type: 'interface',
@@ -5070,6 +5532,7 @@ var DESIGN_TOKENS = {
5070
5532
  }
5071
5533
  },
5072
5534
  'font-weight': {
5535
+ value: 'var(--lumx-typography-font-weight-bold)',
5073
5536
  attributes: {
5074
5537
  category: 'typography',
5075
5538
  type: 'interface',
@@ -5077,6 +5540,7 @@ var DESIGN_TOKENS = {
5077
5540
  }
5078
5541
  },
5079
5542
  'line-height': {
5543
+ value: '40px',
5080
5544
  attributes: {
5081
5545
  category: 'typography',
5082
5546
  type: 'interface',
@@ -5086,6 +5550,7 @@ var DESIGN_TOKENS = {
5086
5550
  },
5087
5551
  headline: {
5088
5552
  'font-size': {
5553
+ value: '24px',
5089
5554
  attributes: {
5090
5555
  category: 'typography',
5091
5556
  type: 'interface',
@@ -5093,6 +5558,7 @@ var DESIGN_TOKENS = {
5093
5558
  }
5094
5559
  },
5095
5560
  'font-weight': {
5561
+ value: 'var(--lumx-typography-font-weight-bold)',
5096
5562
  attributes: {
5097
5563
  category: 'typography',
5098
5564
  type: 'interface',
@@ -5100,6 +5566,7 @@ var DESIGN_TOKENS = {
5100
5566
  }
5101
5567
  },
5102
5568
  'line-height': {
5569
+ value: '32px',
5103
5570
  attributes: {
5104
5571
  category: 'typography',
5105
5572
  type: 'interface',
@@ -5109,6 +5576,7 @@ var DESIGN_TOKENS = {
5109
5576
  },
5110
5577
  title: {
5111
5578
  'font-size': {
5579
+ value: '20px',
5112
5580
  attributes: {
5113
5581
  category: 'typography',
5114
5582
  type: 'interface',
@@ -5116,6 +5584,7 @@ var DESIGN_TOKENS = {
5116
5584
  }
5117
5585
  },
5118
5586
  'font-weight': {
5587
+ value: 'var(--lumx-typography-font-weight-bold)',
5119
5588
  attributes: {
5120
5589
  category: 'typography',
5121
5590
  type: 'interface',
@@ -5123,6 +5592,7 @@ var DESIGN_TOKENS = {
5123
5592
  }
5124
5593
  },
5125
5594
  'line-height': {
5595
+ value: '30px',
5126
5596
  attributes: {
5127
5597
  category: 'typography',
5128
5598
  type: 'interface',
@@ -5132,6 +5602,7 @@ var DESIGN_TOKENS = {
5132
5602
  },
5133
5603
  subtitle2: {
5134
5604
  'font-size': {
5605
+ value: '16px',
5135
5606
  attributes: {
5136
5607
  category: 'typography',
5137
5608
  type: 'interface',
@@ -5139,6 +5610,7 @@ var DESIGN_TOKENS = {
5139
5610
  }
5140
5611
  },
5141
5612
  'font-weight': {
5613
+ value: 'var(--lumx-typography-font-weight-bold)',
5142
5614
  attributes: {
5143
5615
  category: 'typography',
5144
5616
  type: 'interface',
@@ -5146,6 +5618,7 @@ var DESIGN_TOKENS = {
5146
5618
  }
5147
5619
  },
5148
5620
  'line-height': {
5621
+ value: '24px',
5149
5622
  attributes: {
5150
5623
  category: 'typography',
5151
5624
  type: 'interface',
@@ -5155,6 +5628,7 @@ var DESIGN_TOKENS = {
5155
5628
  },
5156
5629
  subtitle1: {
5157
5630
  'font-size': {
5631
+ value: '14px',
5158
5632
  attributes: {
5159
5633
  category: 'typography',
5160
5634
  type: 'interface',
@@ -5162,6 +5636,7 @@ var DESIGN_TOKENS = {
5162
5636
  }
5163
5637
  },
5164
5638
  'font-weight': {
5639
+ value: 'var(--lumx-typography-font-weight-bold)',
5165
5640
  attributes: {
5166
5641
  category: 'typography',
5167
5642
  type: 'interface',
@@ -5169,6 +5644,7 @@ var DESIGN_TOKENS = {
5169
5644
  }
5170
5645
  },
5171
5646
  'line-height': {
5647
+ value: '20px',
5172
5648
  attributes: {
5173
5649
  category: 'typography',
5174
5650
  type: 'interface',
@@ -5178,6 +5654,7 @@ var DESIGN_TOKENS = {
5178
5654
  },
5179
5655
  body2: {
5180
5656
  'font-size': {
5657
+ value: '16px',
5181
5658
  attributes: {
5182
5659
  category: 'typography',
5183
5660
  type: 'interface',
@@ -5185,6 +5662,7 @@ var DESIGN_TOKENS = {
5185
5662
  }
5186
5663
  },
5187
5664
  'font-weight': {
5665
+ value: 'var(--lumx-typography-font-weight-regular)',
5188
5666
  attributes: {
5189
5667
  category: 'typography',
5190
5668
  type: 'interface',
@@ -5192,6 +5670,7 @@ var DESIGN_TOKENS = {
5192
5670
  }
5193
5671
  },
5194
5672
  'line-height': {
5673
+ value: '24px',
5195
5674
  attributes: {
5196
5675
  category: 'typography',
5197
5676
  type: 'interface',
@@ -5201,6 +5680,7 @@ var DESIGN_TOKENS = {
5201
5680
  },
5202
5681
  body1: {
5203
5682
  'font-size': {
5683
+ value: '14px',
5204
5684
  attributes: {
5205
5685
  category: 'typography',
5206
5686
  type: 'interface',
@@ -5208,6 +5688,7 @@ var DESIGN_TOKENS = {
5208
5688
  }
5209
5689
  },
5210
5690
  'font-weight': {
5691
+ value: 'var(--lumx-typography-font-weight-regular)',
5211
5692
  attributes: {
5212
5693
  category: 'typography',
5213
5694
  type: 'interface',
@@ -5215,6 +5696,7 @@ var DESIGN_TOKENS = {
5215
5696
  }
5216
5697
  },
5217
5698
  'line-height': {
5699
+ value: '20px',
5218
5700
  attributes: {
5219
5701
  category: 'typography',
5220
5702
  type: 'interface',
@@ -5224,6 +5706,7 @@ var DESIGN_TOKENS = {
5224
5706
  },
5225
5707
  caption: {
5226
5708
  'font-size': {
5709
+ value: '12px',
5227
5710
  attributes: {
5228
5711
  category: 'typography',
5229
5712
  type: 'interface',
@@ -5231,6 +5714,7 @@ var DESIGN_TOKENS = {
5231
5714
  }
5232
5715
  },
5233
5716
  'font-weight': {
5717
+ value: 'var(--lumx-typography-font-weight-regular)',
5234
5718
  attributes: {
5235
5719
  category: 'typography',
5236
5720
  type: 'interface',
@@ -5238,6 +5722,7 @@ var DESIGN_TOKENS = {
5238
5722
  }
5239
5723
  },
5240
5724
  'line-height': {
5725
+ value: '16px',
5241
5726
  attributes: {
5242
5727
  category: 'typography',
5243
5728
  type: 'interface',
@@ -5247,6 +5732,7 @@ var DESIGN_TOKENS = {
5247
5732
  },
5248
5733
  overline: {
5249
5734
  'font-size': {
5735
+ value: '10px',
5250
5736
  attributes: {
5251
5737
  category: 'typography',
5252
5738
  type: 'interface',
@@ -5254,6 +5740,7 @@ var DESIGN_TOKENS = {
5254
5740
  }
5255
5741
  },
5256
5742
  'font-weight': {
5743
+ value: 'var(--lumx-typography-font-weight-bold)',
5257
5744
  attributes: {
5258
5745
  category: 'typography',
5259
5746
  type: 'interface',
@@ -5261,6 +5748,7 @@ var DESIGN_TOKENS = {
5261
5748
  }
5262
5749
  },
5263
5750
  'line-height': {
5751
+ value: '12px',
5264
5752
  attributes: {
5265
5753
  category: 'typography',
5266
5754
  type: 'interface',
@@ -5272,6 +5760,7 @@ var DESIGN_TOKENS = {
5272
5760
  custom: {
5273
5761
  title1: {
5274
5762
  'font-size': {
5763
+ value: '40px',
5275
5764
  attributes: {
5276
5765
  category: 'typography',
5277
5766
  type: 'custom',
@@ -5279,6 +5768,7 @@ var DESIGN_TOKENS = {
5279
5768
  }
5280
5769
  },
5281
5770
  'font-weight': {
5771
+ value: 'var(--lumx-typography-font-weight-bold)',
5282
5772
  attributes: {
5283
5773
  category: 'typography',
5284
5774
  type: 'custom',
@@ -5286,6 +5776,7 @@ var DESIGN_TOKENS = {
5286
5776
  }
5287
5777
  },
5288
5778
  'line-height': {
5779
+ value: '50px',
5289
5780
  attributes: {
5290
5781
  category: 'typography',
5291
5782
  type: 'custom',
@@ -5295,6 +5786,7 @@ var DESIGN_TOKENS = {
5295
5786
  },
5296
5787
  title2: {
5297
5788
  'font-size': {
5789
+ value: '30px',
5298
5790
  attributes: {
5299
5791
  category: 'typography',
5300
5792
  type: 'custom',
@@ -5302,6 +5794,7 @@ var DESIGN_TOKENS = {
5302
5794
  }
5303
5795
  },
5304
5796
  'font-weight': {
5797
+ value: 'var(--lumx-typography-font-weight-bold)',
5305
5798
  attributes: {
5306
5799
  category: 'typography',
5307
5800
  type: 'custom',
@@ -5309,6 +5802,7 @@ var DESIGN_TOKENS = {
5309
5802
  }
5310
5803
  },
5311
5804
  'line-height': {
5805
+ value: '40px',
5312
5806
  attributes: {
5313
5807
  category: 'typography',
5314
5808
  type: 'custom',
@@ -5318,6 +5812,7 @@ var DESIGN_TOKENS = {
5318
5812
  },
5319
5813
  title3: {
5320
5814
  'font-size': {
5815
+ value: '24px',
5321
5816
  attributes: {
5322
5817
  category: 'typography',
5323
5818
  type: 'custom',
@@ -5325,6 +5820,7 @@ var DESIGN_TOKENS = {
5325
5820
  }
5326
5821
  },
5327
5822
  'font-weight': {
5823
+ value: 'var(--lumx-typography-font-weight-bold)',
5328
5824
  attributes: {
5329
5825
  category: 'typography',
5330
5826
  type: 'custom',
@@ -5332,6 +5828,7 @@ var DESIGN_TOKENS = {
5332
5828
  }
5333
5829
  },
5334
5830
  'line-height': {
5831
+ value: '32px',
5335
5832
  attributes: {
5336
5833
  category: 'typography',
5337
5834
  type: 'custom',
@@ -5341,6 +5838,7 @@ var DESIGN_TOKENS = {
5341
5838
  },
5342
5839
  title4: {
5343
5840
  'font-size': {
5841
+ value: '20px',
5344
5842
  attributes: {
5345
5843
  category: 'typography',
5346
5844
  type: 'custom',
@@ -5348,6 +5846,7 @@ var DESIGN_TOKENS = {
5348
5846
  }
5349
5847
  },
5350
5848
  'font-weight': {
5849
+ value: 'var(--lumx-typography-font-weight-bold)',
5351
5850
  attributes: {
5352
5851
  category: 'typography',
5353
5852
  type: 'custom',
@@ -5355,6 +5854,7 @@ var DESIGN_TOKENS = {
5355
5854
  }
5356
5855
  },
5357
5856
  'line-height': {
5857
+ value: '30px',
5358
5858
  attributes: {
5359
5859
  category: 'typography',
5360
5860
  type: 'custom',
@@ -5364,6 +5864,7 @@ var DESIGN_TOKENS = {
5364
5864
  },
5365
5865
  title5: {
5366
5866
  'font-size': {
5867
+ value: '16px',
5367
5868
  attributes: {
5368
5869
  category: 'typography',
5369
5870
  type: 'custom',
@@ -5371,6 +5872,7 @@ var DESIGN_TOKENS = {
5371
5872
  }
5372
5873
  },
5373
5874
  'font-weight': {
5875
+ value: 'var(--lumx-typography-font-weight-bold)',
5374
5876
  attributes: {
5375
5877
  category: 'typography',
5376
5878
  type: 'custom',
@@ -5378,6 +5880,7 @@ var DESIGN_TOKENS = {
5378
5880
  }
5379
5881
  },
5380
5882
  'line-height': {
5883
+ value: '24px',
5381
5884
  attributes: {
5382
5885
  category: 'typography',
5383
5886
  type: 'custom',
@@ -5387,6 +5890,7 @@ var DESIGN_TOKENS = {
5387
5890
  },
5388
5891
  title6: {
5389
5892
  'font-size': {
5893
+ value: '14px',
5390
5894
  attributes: {
5391
5895
  category: 'typography',
5392
5896
  type: 'custom',
@@ -5394,6 +5898,7 @@ var DESIGN_TOKENS = {
5394
5898
  }
5395
5899
  },
5396
5900
  'font-weight': {
5901
+ value: 'var(--lumx-typography-font-weight-bold)',
5397
5902
  attributes: {
5398
5903
  category: 'typography',
5399
5904
  type: 'custom',
@@ -5401,6 +5906,7 @@ var DESIGN_TOKENS = {
5401
5906
  }
5402
5907
  },
5403
5908
  'line-height': {
5909
+ value: '20px',
5404
5910
  attributes: {
5405
5911
  category: 'typography',
5406
5912
  type: 'custom',
@@ -5410,6 +5916,7 @@ var DESIGN_TOKENS = {
5410
5916
  },
5411
5917
  intro: {
5412
5918
  'font-size': {
5919
+ value: '18px',
5413
5920
  attributes: {
5414
5921
  category: 'typography',
5415
5922
  type: 'custom',
@@ -5417,6 +5924,7 @@ var DESIGN_TOKENS = {
5417
5924
  }
5418
5925
  },
5419
5926
  'font-weight': {
5927
+ value: 'var(--lumx-typography-font-weight-bold)',
5420
5928
  attributes: {
5421
5929
  category: 'typography',
5422
5930
  type: 'custom',
@@ -5424,6 +5932,7 @@ var DESIGN_TOKENS = {
5424
5932
  }
5425
5933
  },
5426
5934
  'line-height': {
5935
+ value: '30px',
5427
5936
  attributes: {
5428
5937
  category: 'typography',
5429
5938
  type: 'custom',
@@ -5433,6 +5942,7 @@ var DESIGN_TOKENS = {
5433
5942
  },
5434
5943
  'body-large': {
5435
5944
  'font-size': {
5945
+ value: '16px',
5436
5946
  attributes: {
5437
5947
  category: 'typography',
5438
5948
  type: 'custom',
@@ -5440,6 +5950,7 @@ var DESIGN_TOKENS = {
5440
5950
  }
5441
5951
  },
5442
5952
  'font-weight': {
5953
+ value: 'var(--lumx-typography-font-weight-regular)',
5443
5954
  attributes: {
5444
5955
  category: 'typography',
5445
5956
  type: 'custom',
@@ -5447,6 +5958,7 @@ var DESIGN_TOKENS = {
5447
5958
  }
5448
5959
  },
5449
5960
  'line-height': {
5961
+ value: '24px',
5450
5962
  attributes: {
5451
5963
  category: 'typography',
5452
5964
  type: 'custom',
@@ -5456,6 +5968,7 @@ var DESIGN_TOKENS = {
5456
5968
  },
5457
5969
  body: {
5458
5970
  'font-size': {
5971
+ value: '14px',
5459
5972
  attributes: {
5460
5973
  category: 'typography',
5461
5974
  type: 'custom',
@@ -5463,6 +5976,7 @@ var DESIGN_TOKENS = {
5463
5976
  }
5464
5977
  },
5465
5978
  'font-weight': {
5979
+ value: 'var(--lumx-typography-font-weight-regular)',
5466
5980
  attributes: {
5467
5981
  category: 'typography',
5468
5982
  type: 'custom',
@@ -5470,6 +5984,7 @@ var DESIGN_TOKENS = {
5470
5984
  }
5471
5985
  },
5472
5986
  'line-height': {
5987
+ value: '20px',
5473
5988
  attributes: {
5474
5989
  category: 'typography',
5475
5990
  type: 'custom',
@@ -5479,6 +5994,7 @@ var DESIGN_TOKENS = {
5479
5994
  },
5480
5995
  quote: {
5481
5996
  'font-size': {
5997
+ value: '16px',
5482
5998
  attributes: {
5483
5999
  category: 'typography',
5484
6000
  type: 'custom',
@@ -5486,6 +6002,7 @@ var DESIGN_TOKENS = {
5486
6002
  }
5487
6003
  },
5488
6004
  'font-weight': {
6005
+ value: 'var(--lumx-typography-font-weight-light)',
5489
6006
  attributes: {
5490
6007
  category: 'typography',
5491
6008
  type: 'custom',
@@ -5493,6 +6010,7 @@ var DESIGN_TOKENS = {
5493
6010
  }
5494
6011
  },
5495
6012
  'font-style': {
6013
+ value: 'italic',
5496
6014
  attributes: {
5497
6015
  category: 'typography',
5498
6016
  type: 'custom',
@@ -5500,6 +6018,7 @@ var DESIGN_TOKENS = {
5500
6018
  }
5501
6019
  },
5502
6020
  'line-height': {
6021
+ value: '24px',
5503
6022
  attributes: {
5504
6023
  category: 'typography',
5505
6024
  type: 'custom',
@@ -5509,6 +6028,7 @@ var DESIGN_TOKENS = {
5509
6028
  },
5510
6029
  'publish-info': {
5511
6030
  'font-size': {
6031
+ value: '14px',
5512
6032
  attributes: {
5513
6033
  category: 'typography',
5514
6034
  type: 'custom',
@@ -5516,6 +6036,7 @@ var DESIGN_TOKENS = {
5516
6036
  }
5517
6037
  },
5518
6038
  'font-weight': {
6039
+ value: 'var(--lumx-typography-font-weight-regular)',
5519
6040
  attributes: {
5520
6041
  category: 'typography',
5521
6042
  type: 'custom',
@@ -5523,6 +6044,7 @@ var DESIGN_TOKENS = {
5523
6044
  }
5524
6045
  },
5525
6046
  'line-height': {
6047
+ value: '20px',
5526
6048
  attributes: {
5527
6049
  category: 'typography',
5528
6050
  type: 'custom',
@@ -5533,6 +6055,7 @@ var DESIGN_TOKENS = {
5533
6055
  button: {
5534
6056
  'size-m': {
5535
6057
  'font-size': {
6058
+ value: '14px',
5536
6059
  attributes: {
5537
6060
  category: 'typography',
5538
6061
  type: 'custom',
@@ -5540,6 +6063,7 @@ var DESIGN_TOKENS = {
5540
6063
  }
5541
6064
  },
5542
6065
  'font-weight': {
6066
+ value: 'var(--lumx-typography-font-weight-bold)',
5543
6067
  attributes: {
5544
6068
  category: 'typography',
5545
6069
  type: 'custom',
@@ -5549,6 +6073,7 @@ var DESIGN_TOKENS = {
5549
6073
  },
5550
6074
  'size-s': {
5551
6075
  'font-size': {
6076
+ value: '12px',
5552
6077
  attributes: {
5553
6078
  category: 'typography',
5554
6079
  type: 'custom',
@@ -5556,6 +6081,7 @@ var DESIGN_TOKENS = {
5556
6081
  }
5557
6082
  },
5558
6083
  'font-weight': {
6084
+ value: 'var(--lumx-typography-font-weight-bold)',
5559
6085
  attributes: {
5560
6086
  category: 'typography',
5561
6087
  type: 'custom',