@lumx/core 2.1.9-alpha-thumbnail3 → 2.1.9-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/css/design-tokens.css +154 -99
  2. package/js/constants/design-tokens.js +210 -210
  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 +210 -210
  6. package/js/utils.min.js.map +1 -1
  7. package/lumx.css +1 -1
  8. package/lumx.min.css +1 -1
  9. package/package.json +2 -2
  10. package/scss/_components.scss +0 -1
  11. package/scss/_design-tokens.scss +159 -99
  12. package/scss/components/badge/_index.scss +5 -1
  13. package/scss/components/chip/_index.scss +6 -0
  14. package/scss/components/flag/_index.scss +8 -3
  15. package/scss/components/icon/_index.scss +22 -0
  16. package/scss/components/icon/_mixins.scss +12 -3
  17. package/scss/components/image-block/_index.scss +0 -2
  18. package/scss/components/list/_mixins.scss +2 -1
  19. package/scss/components/message/_index.scss +1 -5
  20. package/scss/components/notification/_index.scss +6 -1
  21. package/scss/components/side-navigation/_mixins.scss +0 -1
  22. package/scss/components/skeleton/_index.scss +7 -4
  23. package/scss/components/thumbnail/_index.scss +48 -106
  24. package/scss/components/thumbnail/_variables.scss +1 -1
  25. package/scss/components/uploader/_index.scss +2 -2
  26. package/scss/core/state/_mixins.scss +12 -6
  27. package/scss/components/skeleton/_mixins.scss +0 -10
package/js/constants/design-tokens.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 19 Oct 2021 08:35:25 GMT
3
+ * Generated on Wed, 08 Dec 2021 08:10:59 GMT
4
4
  */
5
5
 
6
6
  export const DESIGN_TOKENS = {
@@ -253,7 +253,7 @@ export const DESIGN_TOKENS = {
253
253
  },
254
254
  color: {
255
255
  version: '0.22',
256
- comment: 'Neutral dark color',
256
+ comment: 'Base dark color with 70% opacity',
257
257
  attributes: {
258
258
  category: 'button',
259
259
  type: 'emphasis-medium',
@@ -325,7 +325,7 @@ export const DESIGN_TOKENS = {
325
325
  },
326
326
  color: {
327
327
  version: '0.22',
328
- comment: 'Neutral dark color',
328
+ comment: 'Base dark color with 70% opacity',
329
329
  attributes: {
330
330
  category: 'button',
331
331
  type: 'emphasis-medium',
@@ -397,7 +397,7 @@ export const DESIGN_TOKENS = {
397
397
  },
398
398
  color: {
399
399
  version: '0.22',
400
- comment: 'Neutral dark color',
400
+ comment: 'Base dark color with 70% opacity',
401
401
  attributes: {
402
402
  category: 'button',
403
403
  type: 'emphasis-medium',
@@ -469,7 +469,7 @@ export const DESIGN_TOKENS = {
469
469
  },
470
470
  color: {
471
471
  version: '0.22',
472
- comment: 'Neutral dark color',
472
+ comment: 'Base dark color with 70% opacity',
473
473
  attributes: {
474
474
  category: 'button',
475
475
  type: 'emphasis-low',
@@ -539,7 +539,7 @@ export const DESIGN_TOKENS = {
539
539
  },
540
540
  color: {
541
541
  version: '0.22',
542
- comment: 'Neutral dark color',
542
+ comment: 'Base dark color with 70% opacity',
543
543
  attributes: {
544
544
  category: 'button',
545
545
  type: 'emphasis-low',
@@ -611,7 +611,7 @@ export const DESIGN_TOKENS = {
611
611
  },
612
612
  color: {
613
613
  version: '0.22',
614
- comment: 'Neutral dark color',
614
+ comment: 'Base dark color with 70% opacity',
615
615
  attributes: {
616
616
  category: 'button',
617
617
  type: 'emphasis-low',
@@ -1233,7 +1233,7 @@ export const DESIGN_TOKENS = {
1233
1233
  },
1234
1234
  'icon-color': {
1235
1235
  version: '0.22',
1236
- comment: 'Neutral dark color',
1236
+ comment: 'Base dark color with 70% opacity',
1237
1237
  attributes: {
1238
1238
  category: 'navigation',
1239
1239
  type: 'item',
@@ -1258,7 +1258,7 @@ export const DESIGN_TOKENS = {
1258
1258
  },
1259
1259
  'chevron-color': {
1260
1260
  version: '0.22',
1261
- comment: 'Neutral dark color',
1261
+ comment: 'Base dark color with 70% opacity',
1262
1262
  attributes: {
1263
1263
  category: 'navigation',
1264
1264
  type: 'item',
@@ -1379,7 +1379,7 @@ export const DESIGN_TOKENS = {
1379
1379
  },
1380
1380
  'icon-color': {
1381
1381
  version: '0.22',
1382
- comment: 'Neutral dark color',
1382
+ comment: 'Base dark color with 70% opacity',
1383
1383
  attributes: {
1384
1384
  category: 'navigation',
1385
1385
  type: 'item',
@@ -1406,7 +1406,7 @@ export const DESIGN_TOKENS = {
1406
1406
  },
1407
1407
  'chevron-color': {
1408
1408
  version: '0.22',
1409
- comment: 'Neutral dark color',
1409
+ comment: 'Base dark color with 70% opacity',
1410
1410
  attributes: {
1411
1411
  category: 'navigation',
1412
1412
  type: 'item',
@@ -1531,7 +1531,7 @@ export const DESIGN_TOKENS = {
1531
1531
  },
1532
1532
  'icon-color': {
1533
1533
  version: '0.22',
1534
- comment: 'Neutral dark color',
1534
+ comment: 'Base dark color with 70% opacity',
1535
1535
  attributes: {
1536
1536
  category: 'navigation',
1537
1537
  type: 'item',
@@ -1558,7 +1558,7 @@ export const DESIGN_TOKENS = {
1558
1558
  },
1559
1559
  'chevron-color': {
1560
1560
  version: '0.22',
1561
- comment: 'Neutral dark color',
1561
+ comment: 'Base dark color with 70% opacity',
1562
1562
  attributes: {
1563
1563
  category: 'navigation',
1564
1564
  type: 'item',
@@ -2112,7 +2112,7 @@ export const DESIGN_TOKENS = {
2112
2112
  },
2113
2113
  color: {
2114
2114
  version: '0.22',
2115
- comment: 'Neutral dark color',
2115
+ comment: 'Base dark color with 70% opacity',
2116
2116
  attributes: {
2117
2117
  category: 'tabs',
2118
2118
  type: 'link',
@@ -2208,7 +2208,7 @@ export const DESIGN_TOKENS = {
2208
2208
  },
2209
2209
  color: {
2210
2210
  version: '0.22',
2211
- comment: 'Neutral dark color',
2211
+ comment: 'Base dark color with 70% opacity',
2212
2212
  attributes: {
2213
2213
  category: 'tabs',
2214
2214
  type: 'link',
@@ -2306,7 +2306,7 @@ export const DESIGN_TOKENS = {
2306
2306
  },
2307
2307
  color: {
2308
2308
  version: '0.22',
2309
- comment: 'Neutral dark color',
2309
+ comment: 'Base dark color with 70% opacity',
2310
2310
  attributes: {
2311
2311
  category: 'tabs',
2312
2312
  type: 'link',
@@ -2404,7 +2404,7 @@ export const DESIGN_TOKENS = {
2404
2404
  },
2405
2405
  color: {
2406
2406
  version: '0.22',
2407
- comment: 'Neutral dark color',
2407
+ comment: 'Base dark color with 70% opacity',
2408
2408
  attributes: {
2409
2409
  category: 'tabs',
2410
2410
  type: 'link',
@@ -2498,7 +2498,7 @@ export const DESIGN_TOKENS = {
2498
2498
  },
2499
2499
  color: {
2500
2500
  version: '0.22',
2501
- comment: 'Neutral dark color',
2501
+ comment: 'Base dark color with 70% opacity',
2502
2502
  attributes: {
2503
2503
  category: 'tabs',
2504
2504
  type: 'link',
@@ -2594,7 +2594,7 @@ export const DESIGN_TOKENS = {
2594
2594
  },
2595
2595
  color: {
2596
2596
  version: '0.22',
2597
- comment: 'Neutral dark color',
2597
+ comment: 'Base dark color with 70% opacity',
2598
2598
  attributes: {
2599
2599
  category: 'tabs',
2600
2600
  type: 'link',
@@ -3021,7 +3021,7 @@ export const DESIGN_TOKENS = {
3021
3021
  },
3022
3022
  'border-color': {
3023
3023
  version: '0.22',
3024
- comment: 'Base blue color with 60% opacity',
3024
+ comment: 'Base primary color with 60% opacity',
3025
3025
  attributes: {
3026
3026
  category: 'text-field',
3027
3027
  type: 'state-focus',
@@ -3134,7 +3134,7 @@ export const DESIGN_TOKENS = {
3134
3134
  },
3135
3135
  L1: {
3136
3136
  version: '0.22',
3137
- comment: 'Base dark color with 80% opacity',
3137
+ comment: 'Base dark color with 70% opacity',
3138
3138
  attributes: {
3139
3139
  category: 'color',
3140
3140
  type: 'dark',
@@ -3351,11 +3351,11 @@ export const DESIGN_TOKENS = {
3351
3351
  category: 'color',
3352
3352
  type: 'blue',
3353
3353
  item: 'D2',
3354
- hex: '1976d2',
3354
+ hex: '1546c1',
3355
3355
  rgb: {
3356
- r: 25,
3357
- g: 118,
3358
- b: 210,
3356
+ r: 21,
3357
+ g: 70,
3358
+ b: 193,
3359
3359
  a: 1,
3360
3360
  },
3361
3361
  },
@@ -3367,11 +3367,11 @@ export const DESIGN_TOKENS = {
3367
3367
  category: 'color',
3368
3368
  type: 'blue',
3369
3369
  item: 'D1',
3370
- hex: '1e88e5',
3370
+ hex: '184ed8',
3371
3371
  rgb: {
3372
- r: 30,
3373
- g: 136,
3374
- b: 229,
3372
+ r: 24,
3373
+ g: 78,
3374
+ b: 216,
3375
3375
  a: 1,
3376
3376
  },
3377
3377
  },
@@ -3383,11 +3383,11 @@ export const DESIGN_TOKENS = {
3383
3383
  category: 'color',
3384
3384
  type: 'blue',
3385
3385
  item: 'N',
3386
- hex: '2196f3',
3386
+ hex: '245be7',
3387
3387
  rgb: {
3388
- r: 33,
3389
- g: 150,
3390
- b: 243,
3388
+ r: 36,
3389
+ g: 91,
3390
+ b: 231,
3391
3391
  a: 1,
3392
3392
  },
3393
3393
  },
@@ -3399,11 +3399,11 @@ export const DESIGN_TOKENS = {
3399
3399
  category: 'color',
3400
3400
  type: 'blue',
3401
3401
  item: 'L1',
3402
- hex: '2196f3',
3402
+ hex: '245be7',
3403
3403
  rgb: {
3404
- r: 33,
3405
- g: 150,
3406
- b: 243,
3404
+ r: 36,
3405
+ g: 91,
3406
+ b: 231,
3407
3407
  a: 1,
3408
3408
  },
3409
3409
  },
@@ -3415,11 +3415,11 @@ export const DESIGN_TOKENS = {
3415
3415
  category: 'color',
3416
3416
  type: 'blue',
3417
3417
  item: 'L2',
3418
- hex: '2196f3',
3418
+ hex: '245be7',
3419
3419
  rgb: {
3420
- r: 33,
3421
- g: 150,
3422
- b: 243,
3420
+ r: 36,
3421
+ g: 91,
3422
+ b: 231,
3423
3423
  a: 1,
3424
3424
  },
3425
3425
  },
@@ -3431,11 +3431,11 @@ export const DESIGN_TOKENS = {
3431
3431
  category: 'color',
3432
3432
  type: 'blue',
3433
3433
  item: 'L3',
3434
- hex: '2196f3',
3434
+ hex: '245be7',
3435
3435
  rgb: {
3436
- r: 33,
3437
- g: 150,
3438
- b: 243,
3436
+ r: 36,
3437
+ g: 91,
3438
+ b: 231,
3439
3439
  a: 1,
3440
3440
  },
3441
3441
  },
@@ -3447,11 +3447,11 @@ export const DESIGN_TOKENS = {
3447
3447
  category: 'color',
3448
3448
  type: 'blue',
3449
3449
  item: 'L4',
3450
- hex: '2196f3',
3450
+ hex: '245be7',
3451
3451
  rgb: {
3452
- r: 33,
3453
- g: 150,
3454
- b: 243,
3452
+ r: 36,
3453
+ g: 91,
3454
+ b: 231,
3455
3455
  a: 1,
3456
3456
  },
3457
3457
  },
@@ -3463,11 +3463,11 @@ export const DESIGN_TOKENS = {
3463
3463
  category: 'color',
3464
3464
  type: 'blue',
3465
3465
  item: 'L5',
3466
- hex: '2196f3',
3466
+ hex: '245be7',
3467
3467
  rgb: {
3468
- r: 33,
3469
- g: 150,
3470
- b: 243,
3468
+ r: 36,
3469
+ g: 91,
3470
+ b: 231,
3471
3471
  a: 1,
3472
3472
  },
3473
3473
  },
@@ -3479,11 +3479,11 @@ export const DESIGN_TOKENS = {
3479
3479
  category: 'color',
3480
3480
  type: 'blue',
3481
3481
  item: 'L6',
3482
- hex: '2196f3',
3482
+ hex: '245be7',
3483
3483
  rgb: {
3484
- r: 33,
3485
- g: 150,
3486
- b: 243,
3484
+ r: 36,
3485
+ g: 91,
3486
+ b: 231,
3487
3487
  a: 1,
3488
3488
  },
3489
3489
  },
@@ -3497,11 +3497,11 @@ export const DESIGN_TOKENS = {
3497
3497
  category: 'color',
3498
3498
  type: 'green',
3499
3499
  item: 'D2',
3500
- hex: '388e3c',
3500
+ hex: '1a6e59',
3501
3501
  rgb: {
3502
- r: 56,
3503
- g: 142,
3504
- b: 60,
3502
+ r: 26,
3503
+ g: 110,
3504
+ b: 89,
3505
3505
  a: 1,
3506
3506
  },
3507
3507
  },
@@ -3513,11 +3513,11 @@ export const DESIGN_TOKENS = {
3513
3513
  category: 'color',
3514
3514
  type: 'green',
3515
3515
  item: 'D1',
3516
- hex: '43a047',
3516
+ hex: '177a61',
3517
3517
  rgb: {
3518
- r: 67,
3519
- g: 160,
3520
- b: 71,
3518
+ r: 23,
3519
+ g: 122,
3520
+ b: 97,
3521
3521
  a: 1,
3522
3522
  },
3523
3523
  },
@@ -3529,11 +3529,11 @@ export const DESIGN_TOKENS = {
3529
3529
  category: 'color',
3530
3530
  type: 'green',
3531
3531
  item: 'N',
3532
- hex: '4caf50',
3532
+ hex: '138669',
3533
3533
  rgb: {
3534
- r: 76,
3535
- g: 175,
3536
- b: 80,
3534
+ r: 19,
3535
+ g: 134,
3536
+ b: 105,
3537
3537
  a: 1,
3538
3538
  },
3539
3539
  },
@@ -3545,11 +3545,11 @@ export const DESIGN_TOKENS = {
3545
3545
  category: 'color',
3546
3546
  type: 'green',
3547
3547
  item: 'L1',
3548
- hex: '4caf50',
3548
+ hex: '138669',
3549
3549
  rgb: {
3550
- r: 76,
3551
- g: 175,
3552
- b: 80,
3550
+ r: 19,
3551
+ g: 134,
3552
+ b: 105,
3553
3553
  a: 1,
3554
3554
  },
3555
3555
  },
@@ -3561,11 +3561,11 @@ export const DESIGN_TOKENS = {
3561
3561
  category: 'color',
3562
3562
  type: 'green',
3563
3563
  item: 'L2',
3564
- hex: '4caf50',
3564
+ hex: '138669',
3565
3565
  rgb: {
3566
- r: 76,
3567
- g: 175,
3568
- b: 80,
3566
+ r: 19,
3567
+ g: 134,
3568
+ b: 105,
3569
3569
  a: 1,
3570
3570
  },
3571
3571
  },
@@ -3577,11 +3577,11 @@ export const DESIGN_TOKENS = {
3577
3577
  category: 'color',
3578
3578
  type: 'green',
3579
3579
  item: 'L3',
3580
- hex: '4caf50',
3580
+ hex: '138669',
3581
3581
  rgb: {
3582
- r: 76,
3583
- g: 175,
3584
- b: 80,
3582
+ r: 19,
3583
+ g: 134,
3584
+ b: 105,
3585
3585
  a: 1,
3586
3586
  },
3587
3587
  },
@@ -3593,11 +3593,11 @@ export const DESIGN_TOKENS = {
3593
3593
  category: 'color',
3594
3594
  type: 'green',
3595
3595
  item: 'L4',
3596
- hex: '4caf50',
3596
+ hex: '138669',
3597
3597
  rgb: {
3598
- r: 76,
3599
- g: 175,
3600
- b: 80,
3598
+ r: 19,
3599
+ g: 134,
3600
+ b: 105,
3601
3601
  a: 1,
3602
3602
  },
3603
3603
  },
@@ -3609,11 +3609,11 @@ export const DESIGN_TOKENS = {
3609
3609
  category: 'color',
3610
3610
  type: 'green',
3611
3611
  item: 'L5',
3612
- hex: '4caf50',
3612
+ hex: '138669',
3613
3613
  rgb: {
3614
- r: 76,
3615
- g: 175,
3616
- b: 80,
3614
+ r: 19,
3615
+ g: 134,
3616
+ b: 105,
3617
3617
  a: 1,
3618
3618
  },
3619
3619
  },
@@ -3625,11 +3625,11 @@ export const DESIGN_TOKENS = {
3625
3625
  category: 'color',
3626
3626
  type: 'green',
3627
3627
  item: 'L6',
3628
- hex: '4caf50',
3628
+ hex: '138669',
3629
3629
  rgb: {
3630
- r: 76,
3631
- g: 175,
3632
- b: 80,
3630
+ r: 19,
3631
+ g: 134,
3632
+ b: 105,
3633
3633
  a: 1,
3634
3634
  },
3635
3635
  },
@@ -3643,11 +3643,11 @@ export const DESIGN_TOKENS = {
3643
3643
  category: 'color',
3644
3644
  type: 'yellow',
3645
3645
  item: 'D2',
3646
- hex: 'ff6f00',
3646
+ hex: 'ffa125',
3647
3647
  rgb: {
3648
3648
  r: 255,
3649
- g: 111,
3650
- b: 0,
3649
+ g: 161,
3650
+ b: 37,
3651
3651
  a: 1,
3652
3652
  },
3653
3653
  },
@@ -3659,11 +3659,11 @@ export const DESIGN_TOKENS = {
3659
3659
  category: 'color',
3660
3660
  type: 'yellow',
3661
3661
  item: 'D1',
3662
- hex: 'ff8f00',
3662
+ hex: 'ffb325',
3663
3663
  rgb: {
3664
3664
  r: 255,
3665
- g: 143,
3666
- b: 0,
3665
+ g: 179,
3666
+ b: 37,
3667
3667
  a: 1,
3668
3668
  },
3669
3669
  },
@@ -3675,11 +3675,11 @@ export const DESIGN_TOKENS = {
3675
3675
  category: 'color',
3676
3676
  type: 'yellow',
3677
3677
  item: 'N',
3678
- hex: 'ffb300',
3678
+ hex: 'ffc425',
3679
3679
  rgb: {
3680
3680
  r: 255,
3681
- g: 179,
3682
- b: 0,
3681
+ g: 196,
3682
+ b: 37,
3683
3683
  a: 1,
3684
3684
  },
3685
3685
  },
@@ -3691,11 +3691,11 @@ export const DESIGN_TOKENS = {
3691
3691
  category: 'color',
3692
3692
  type: 'yellow',
3693
3693
  item: 'L1',
3694
- hex: 'ffb300',
3694
+ hex: 'ffc425',
3695
3695
  rgb: {
3696
3696
  r: 255,
3697
- g: 179,
3698
- b: 0,
3697
+ g: 196,
3698
+ b: 37,
3699
3699
  a: 1,
3700
3700
  },
3701
3701
  },
@@ -3707,11 +3707,11 @@ export const DESIGN_TOKENS = {
3707
3707
  category: 'color',
3708
3708
  type: 'yellow',
3709
3709
  item: 'L2',
3710
- hex: 'ffb300',
3710
+ hex: 'ffc425',
3711
3711
  rgb: {
3712
3712
  r: 255,
3713
- g: 179,
3714
- b: 0,
3713
+ g: 196,
3714
+ b: 37,
3715
3715
  a: 1,
3716
3716
  },
3717
3717
  },
@@ -3723,11 +3723,11 @@ export const DESIGN_TOKENS = {
3723
3723
  category: 'color',
3724
3724
  type: 'yellow',
3725
3725
  item: 'L3',
3726
- hex: 'ffb300',
3726
+ hex: 'ffc425',
3727
3727
  rgb: {
3728
3728
  r: 255,
3729
- g: 179,
3730
- b: 0,
3729
+ g: 196,
3730
+ b: 37,
3731
3731
  a: 1,
3732
3732
  },
3733
3733
  },
@@ -3739,11 +3739,11 @@ export const DESIGN_TOKENS = {
3739
3739
  category: 'color',
3740
3740
  type: 'yellow',
3741
3741
  item: 'L4',
3742
- hex: 'ffb300',
3742
+ hex: 'ffc425',
3743
3743
  rgb: {
3744
3744
  r: 255,
3745
- g: 179,
3746
- b: 0,
3745
+ g: 196,
3746
+ b: 37,
3747
3747
  a: 1,
3748
3748
  },
3749
3749
  },
@@ -3755,11 +3755,11 @@ export const DESIGN_TOKENS = {
3755
3755
  category: 'color',
3756
3756
  type: 'yellow',
3757
3757
  item: 'L5',
3758
- hex: 'ffb300',
3758
+ hex: 'ffc425',
3759
3759
  rgb: {
3760
3760
  r: 255,
3761
- g: 179,
3762
- b: 0,
3761
+ g: 196,
3762
+ b: 37,
3763
3763
  a: 1,
3764
3764
  },
3765
3765
  },
@@ -3771,11 +3771,11 @@ export const DESIGN_TOKENS = {
3771
3771
  category: 'color',
3772
3772
  type: 'yellow',
3773
3773
  item: 'L6',
3774
- hex: 'ffb300',
3774
+ hex: 'ffc425',
3775
3775
  rgb: {
3776
3776
  r: 255,
3777
- g: 179,
3778
- b: 0,
3777
+ g: 196,
3778
+ b: 37,
3779
3779
  a: 1,
3780
3780
  },
3781
3781
  },
@@ -3789,11 +3789,11 @@ export const DESIGN_TOKENS = {
3789
3789
  category: 'color',
3790
3790
  type: 'red',
3791
3791
  item: 'D2',
3792
- hex: 'd32f2f',
3792
+ hex: 'be1e46',
3793
3793
  rgb: {
3794
- r: 211,
3795
- g: 47,
3796
- b: 47,
3794
+ r: 190,
3795
+ g: 30,
3796
+ b: 70,
3797
3797
  a: 1,
3798
3798
  },
3799
3799
  },
@@ -3805,11 +3805,11 @@ export const DESIGN_TOKENS = {
3805
3805
  category: 'color',
3806
3806
  type: 'red',
3807
3807
  item: 'D1',
3808
- hex: 'e53935',
3808
+ hex: 'd42148',
3809
3809
  rgb: {
3810
- r: 229,
3811
- g: 57,
3812
- b: 53,
3810
+ r: 212,
3811
+ g: 33,
3812
+ b: 72,
3813
3813
  a: 1,
3814
3814
  },
3815
3815
  },
@@ -3821,11 +3821,11 @@ export const DESIGN_TOKENS = {
3821
3821
  category: 'color',
3822
3822
  type: 'red',
3823
3823
  item: 'N',
3824
- hex: 'f44336',
3824
+ hex: 'df3050',
3825
3825
  rgb: {
3826
- r: 244,
3827
- g: 67,
3828
- b: 54,
3826
+ r: 223,
3827
+ g: 48,
3828
+ b: 80,
3829
3829
  a: 1,
3830
3830
  },
3831
3831
  },
@@ -3837,11 +3837,11 @@ export const DESIGN_TOKENS = {
3837
3837
  category: 'color',
3838
3838
  type: 'red',
3839
3839
  item: 'L1',
3840
- hex: 'f44336',
3840
+ hex: 'df3050',
3841
3841
  rgb: {
3842
- r: 244,
3843
- g: 67,
3844
- b: 54,
3842
+ r: 223,
3843
+ g: 48,
3844
+ b: 80,
3845
3845
  a: 1,
3846
3846
  },
3847
3847
  },
@@ -3853,11 +3853,11 @@ export const DESIGN_TOKENS = {
3853
3853
  category: 'color',
3854
3854
  type: 'red',
3855
3855
  item: 'L2',
3856
- hex: 'f44336',
3856
+ hex: 'df3050',
3857
3857
  rgb: {
3858
- r: 244,
3859
- g: 67,
3860
- b: 54,
3858
+ r: 223,
3859
+ g: 48,
3860
+ b: 80,
3861
3861
  a: 1,
3862
3862
  },
3863
3863
  },
@@ -3869,11 +3869,11 @@ export const DESIGN_TOKENS = {
3869
3869
  category: 'color',
3870
3870
  type: 'red',
3871
3871
  item: 'L3',
3872
- hex: 'f44336',
3872
+ hex: 'df3050',
3873
3873
  rgb: {
3874
- r: 244,
3875
- g: 67,
3876
- b: 54,
3874
+ r: 223,
3875
+ g: 48,
3876
+ b: 80,
3877
3877
  a: 1,
3878
3878
  },
3879
3879
  },
@@ -3885,11 +3885,11 @@ export const DESIGN_TOKENS = {
3885
3885
  category: 'color',
3886
3886
  type: 'red',
3887
3887
  item: 'L4',
3888
- hex: 'f44336',
3888
+ hex: 'df3050',
3889
3889
  rgb: {
3890
- r: 244,
3891
- g: 67,
3892
- b: 54,
3890
+ r: 223,
3891
+ g: 48,
3892
+ b: 80,
3893
3893
  a: 1,
3894
3894
  },
3895
3895
  },
@@ -3901,11 +3901,11 @@ export const DESIGN_TOKENS = {
3901
3901
  category: 'color',
3902
3902
  type: 'red',
3903
3903
  item: 'L5',
3904
- hex: 'f44336',
3904
+ hex: 'df3050',
3905
3905
  rgb: {
3906
- r: 244,
3907
- g: 67,
3908
- b: 54,
3906
+ r: 223,
3907
+ g: 48,
3908
+ b: 80,
3909
3909
  a: 1,
3910
3910
  },
3911
3911
  },
@@ -3917,11 +3917,11 @@ export const DESIGN_TOKENS = {
3917
3917
  category: 'color',
3918
3918
  type: 'red',
3919
3919
  item: 'L6',
3920
- hex: 'f44336',
3920
+ hex: 'df3050',
3921
3921
  rgb: {
3922
- r: 244,
3923
- g: 67,
3924
- b: 54,
3922
+ r: 223,
3923
+ g: 48,
3924
+ b: 80,
3925
3925
  a: 1,
3926
3926
  },
3927
3927
  },
@@ -4044,7 +4044,7 @@ export const DESIGN_TOKENS = {
4044
4044
  primary: {
4045
4045
  D2: {
4046
4046
  version: '0.22',
4047
- comment: 'Darkest blue color',
4047
+ comment: 'Darkest primary color',
4048
4048
  attributes: {
4049
4049
  category: 'color',
4050
4050
  type: 'primary',
@@ -4060,7 +4060,7 @@ export const DESIGN_TOKENS = {
4060
4060
  },
4061
4061
  D1: {
4062
4062
  version: '0.22',
4063
- comment: 'Dark blue color',
4063
+ comment: 'Dark primary color',
4064
4064
  attributes: {
4065
4065
  category: 'color',
4066
4066
  type: 'primary',
@@ -4076,7 +4076,7 @@ export const DESIGN_TOKENS = {
4076
4076
  },
4077
4077
  N: {
4078
4078
  version: '0.22',
4079
- comment: 'Neutral blue color',
4079
+ comment: 'Neutral primary color',
4080
4080
  attributes: {
4081
4081
  category: 'color',
4082
4082
  type: 'primary',
@@ -4092,7 +4092,7 @@ export const DESIGN_TOKENS = {
4092
4092
  },
4093
4093
  L1: {
4094
4094
  version: '0.22',
4095
- comment: 'Base blue color with 80% opacity',
4095
+ comment: 'Base primary color with 80% opacity',
4096
4096
  attributes: {
4097
4097
  category: 'color',
4098
4098
  type: 'primary',
@@ -4108,7 +4108,7 @@ export const DESIGN_TOKENS = {
4108
4108
  },
4109
4109
  L2: {
4110
4110
  version: '0.22',
4111
- comment: 'Base blue color with 60% opacity',
4111
+ comment: 'Base primary color with 60% opacity',
4112
4112
  attributes: {
4113
4113
  category: 'color',
4114
4114
  type: 'primary',
@@ -4124,7 +4124,7 @@ export const DESIGN_TOKENS = {
4124
4124
  },
4125
4125
  L3: {
4126
4126
  version: '0.22',
4127
- comment: 'Base blue color with 40% opacity',
4127
+ comment: 'Base primary color with 40% opacity',
4128
4128
  attributes: {
4129
4129
  category: 'color',
4130
4130
  type: 'primary',
@@ -4140,7 +4140,7 @@ export const DESIGN_TOKENS = {
4140
4140
  },
4141
4141
  L4: {
4142
4142
  version: '0.22',
4143
- comment: 'Base blue color with 20% opacity',
4143
+ comment: 'Base primary color with 20% opacity',
4144
4144
  attributes: {
4145
4145
  category: 'color',
4146
4146
  type: 'primary',
@@ -4156,7 +4156,7 @@ export const DESIGN_TOKENS = {
4156
4156
  },
4157
4157
  L5: {
4158
4158
  version: '0.22',
4159
- comment: 'Base blue color with 10% opacity',
4159
+ comment: 'Base primary color with 10% opacity',
4160
4160
  attributes: {
4161
4161
  category: 'color',
4162
4162
  type: 'primary',
@@ -4190,7 +4190,7 @@ export const DESIGN_TOKENS = {
4190
4190
  secondary: {
4191
4191
  D2: {
4192
4192
  version: '0.22',
4193
- comment: 'Darkest green color',
4193
+ comment: 'Darkest secondary color',
4194
4194
  attributes: {
4195
4195
  category: 'color',
4196
4196
  type: 'secondary',
@@ -4206,7 +4206,7 @@ export const DESIGN_TOKENS = {
4206
4206
  },
4207
4207
  D1: {
4208
4208
  version: '0.22',
4209
- comment: 'Dark green color',
4209
+ comment: 'Dark secondary color',
4210
4210
  attributes: {
4211
4211
  category: 'color',
4212
4212
  type: 'secondary',
@@ -4222,7 +4222,7 @@ export const DESIGN_TOKENS = {
4222
4222
  },
4223
4223
  N: {
4224
4224
  version: '0.22',
4225
- comment: 'Neutral green color',
4225
+ comment: 'Neutral secondary color',
4226
4226
  attributes: {
4227
4227
  category: 'color',
4228
4228
  type: 'secondary',
@@ -4238,7 +4238,7 @@ export const DESIGN_TOKENS = {
4238
4238
  },
4239
4239
  L1: {
4240
4240
  version: '0.22',
4241
- comment: 'Base green color with 80% opacity',
4241
+ comment: 'Base secondary color with 80% opacity',
4242
4242
  attributes: {
4243
4243
  category: 'color',
4244
4244
  type: 'secondary',
@@ -4254,7 +4254,7 @@ export const DESIGN_TOKENS = {
4254
4254
  },
4255
4255
  L2: {
4256
4256
  version: '0.22',
4257
- comment: 'Base green color with 60% opacity',
4257
+ comment: 'Base secondary color with 60% opacity',
4258
4258
  attributes: {
4259
4259
  category: 'color',
4260
4260
  type: 'secondary',
@@ -4270,7 +4270,7 @@ export const DESIGN_TOKENS = {
4270
4270
  },
4271
4271
  L3: {
4272
4272
  version: '0.22',
4273
- comment: 'Base green color with 40% opacity',
4273
+ comment: 'Base secondary color with 40% opacity',
4274
4274
  attributes: {
4275
4275
  category: 'color',
4276
4276
  type: 'secondary',
@@ -4286,7 +4286,7 @@ export const DESIGN_TOKENS = {
4286
4286
  },
4287
4287
  L4: {
4288
4288
  version: '0.22',
4289
- comment: 'Base green color with 20% opacity',
4289
+ comment: 'Base secondary color with 20% opacity',
4290
4290
  attributes: {
4291
4291
  category: 'color',
4292
4292
  type: 'secondary',
@@ -4302,7 +4302,7 @@ export const DESIGN_TOKENS = {
4302
4302
  },
4303
4303
  L5: {
4304
4304
  version: '0.22',
4305
- comment: 'Base green color with 10% opacity',
4305
+ comment: 'Base secondary color with 10% opacity',
4306
4306
  attributes: {
4307
4307
  category: 'color',
4308
4308
  type: 'secondary',
@@ -4318,7 +4318,7 @@ export const DESIGN_TOKENS = {
4318
4318
  },
4319
4319
  L6: {
4320
4320
  version: '0.22',
4321
- comment: 'Base green color with 5% opacity',
4321
+ comment: 'Base secondary color with 5% opacity',
4322
4322
  attributes: {
4323
4323
  category: 'color',
4324
4324
  type: 'secondary',
@@ -4336,7 +4336,7 @@ export const DESIGN_TOKENS = {
4336
4336
  accent: {
4337
4337
  D2: {
4338
4338
  version: '0.22',
4339
- comment: 'Darkest green color',
4339
+ comment: 'Darkest secondary color',
4340
4340
  attributes: {
4341
4341
  category: 'color',
4342
4342
  type: 'accent',
@@ -4352,7 +4352,7 @@ export const DESIGN_TOKENS = {
4352
4352
  },
4353
4353
  D1: {
4354
4354
  version: '0.22',
4355
- comment: 'Dark green color',
4355
+ comment: 'Dark secondary color',
4356
4356
  attributes: {
4357
4357
  category: 'color',
4358
4358
  type: 'accent',
@@ -4368,7 +4368,7 @@ export const DESIGN_TOKENS = {
4368
4368
  },
4369
4369
  N: {
4370
4370
  version: '0.22',
4371
- comment: 'Neutral green color',
4371
+ comment: 'Neutral secondary color',
4372
4372
  attributes: {
4373
4373
  category: 'color',
4374
4374
  type: 'accent',
@@ -4384,7 +4384,7 @@ export const DESIGN_TOKENS = {
4384
4384
  },
4385
4385
  L1: {
4386
4386
  version: '0.22',
4387
- comment: 'Base green color with 80% opacity',
4387
+ comment: 'Base secondary color with 80% opacity',
4388
4388
  attributes: {
4389
4389
  category: 'color',
4390
4390
  type: 'accent',
@@ -4400,7 +4400,7 @@ export const DESIGN_TOKENS = {
4400
4400
  },
4401
4401
  L2: {
4402
4402
  version: '0.22',
4403
- comment: 'Base green color with 60% opacity',
4403
+ comment: 'Base secondary color with 60% opacity',
4404
4404
  attributes: {
4405
4405
  category: 'color',
4406
4406
  type: 'accent',
@@ -4416,7 +4416,7 @@ export const DESIGN_TOKENS = {
4416
4416
  },
4417
4417
  L3: {
4418
4418
  version: '0.22',
4419
- comment: 'Base green color with 40% opacity',
4419
+ comment: 'Base secondary color with 40% opacity',
4420
4420
  attributes: {
4421
4421
  category: 'color',
4422
4422
  type: 'accent',
@@ -4432,7 +4432,7 @@ export const DESIGN_TOKENS = {
4432
4432
  },
4433
4433
  L4: {
4434
4434
  version: '0.22',
4435
- comment: 'Base green color with 20% opacity',
4435
+ comment: 'Base secondary color with 20% opacity',
4436
4436
  attributes: {
4437
4437
  category: 'color',
4438
4438
  type: 'accent',
@@ -4448,7 +4448,7 @@ export const DESIGN_TOKENS = {
4448
4448
  },
4449
4449
  L5: {
4450
4450
  version: '0.22',
4451
- comment: 'Base green color with 10% opacity',
4451
+ comment: 'Base secondary color with 10% opacity',
4452
4452
  attributes: {
4453
4453
  category: 'color',
4454
4454
  type: 'accent',
@@ -4464,7 +4464,7 @@ export const DESIGN_TOKENS = {
4464
4464
  },
4465
4465
  L6: {
4466
4466
  version: '0.22',
4467
- comment: 'Base green color with 5% opacity',
4467
+ comment: 'Base secondary color with 5% opacity',
4468
4468
  attributes: {
4469
4469
  category: 'color',
4470
4470
  type: 'accent',
@@ -4498,7 +4498,7 @@ export const DESIGN_TOKENS = {
4498
4498
  },
4499
4499
  L1: {
4500
4500
  version: '0.22',
4501
- comment: 'Base dark color with 80% opacity',
4501
+ comment: 'Base dark color with 70% opacity',
4502
4502
  attributes: {
4503
4503
  category: 'color',
4504
4504
  type: 'black',
@@ -4715,11 +4715,11 @@ export const DESIGN_TOKENS = {
4715
4715
  category: 'color',
4716
4716
  type: 'orange',
4717
4717
  item: 'D2',
4718
- hex: 'ff6f00',
4718
+ hex: 'ffa125',
4719
4719
  rgb: {
4720
4720
  r: 255,
4721
- g: 111,
4722
- b: 0,
4721
+ g: 161,
4722
+ b: 37,
4723
4723
  a: 1,
4724
4724
  },
4725
4725
  },
@@ -4731,11 +4731,11 @@ export const DESIGN_TOKENS = {
4731
4731
  category: 'color',
4732
4732
  type: 'orange',
4733
4733
  item: 'D1',
4734
- hex: 'ff8f00',
4734
+ hex: 'ffb325',
4735
4735
  rgb: {
4736
4736
  r: 255,
4737
- g: 143,
4738
- b: 0,
4737
+ g: 179,
4738
+ b: 37,
4739
4739
  a: 1,
4740
4740
  },
4741
4741
  },
@@ -4747,11 +4747,11 @@ export const DESIGN_TOKENS = {
4747
4747
  category: 'color',
4748
4748
  type: 'orange',
4749
4749
  item: 'N',
4750
- hex: 'ffb300',
4750
+ hex: 'ffc425',
4751
4751
  rgb: {
4752
4752
  r: 255,
4753
- g: 179,
4754
- b: 0,
4753
+ g: 196,
4754
+ b: 37,
4755
4755
  a: 1,
4756
4756
  },
4757
4757
  },
@@ -4763,11 +4763,11 @@ export const DESIGN_TOKENS = {
4763
4763
  category: 'color',
4764
4764
  type: 'orange',
4765
4765
  item: 'L1',
4766
- hex: 'ffb300',
4766
+ hex: 'ffc425',
4767
4767
  rgb: {
4768
4768
  r: 255,
4769
- g: 179,
4770
- b: 0,
4769
+ g: 196,
4770
+ b: 37,
4771
4771
  a: 1,
4772
4772
  },
4773
4773
  },
@@ -4779,11 +4779,11 @@ export const DESIGN_TOKENS = {
4779
4779
  category: 'color',
4780
4780
  type: 'orange',
4781
4781
  item: 'L2',
4782
- hex: 'ffb300',
4782
+ hex: 'ffc425',
4783
4783
  rgb: {
4784
4784
  r: 255,
4785
- g: 179,
4786
- b: 0,
4785
+ g: 196,
4786
+ b: 37,
4787
4787
  a: 1,
4788
4788
  },
4789
4789
  },
@@ -4795,11 +4795,11 @@ export const DESIGN_TOKENS = {
4795
4795
  category: 'color',
4796
4796
  type: 'orange',
4797
4797
  item: 'L3',
4798
- hex: 'ffb300',
4798
+ hex: 'ffc425',
4799
4799
  rgb: {
4800
4800
  r: 255,
4801
- g: 179,
4802
- b: 0,
4801
+ g: 196,
4802
+ b: 37,
4803
4803
  a: 1,
4804
4804
  },
4805
4805
  },
@@ -4811,11 +4811,11 @@ export const DESIGN_TOKENS = {
4811
4811
  category: 'color',
4812
4812
  type: 'orange',
4813
4813
  item: 'L4',
4814
- hex: 'ffb300',
4814
+ hex: 'ffc425',
4815
4815
  rgb: {
4816
4816
  r: 255,
4817
- g: 179,
4818
- b: 0,
4817
+ g: 196,
4818
+ b: 37,
4819
4819
  a: 1,
4820
4820
  },
4821
4821
  },
@@ -4827,11 +4827,11 @@ export const DESIGN_TOKENS = {
4827
4827
  category: 'color',
4828
4828
  type: 'orange',
4829
4829
  item: 'L5',
4830
- hex: 'ffb300',
4830
+ hex: 'ffc425',
4831
4831
  rgb: {
4832
4832
  r: 255,
4833
- g: 179,
4834
- b: 0,
4833
+ g: 196,
4834
+ b: 37,
4835
4835
  a: 1,
4836
4836
  },
4837
4837
  },
@@ -4843,11 +4843,11 @@ export const DESIGN_TOKENS = {
4843
4843
  category: 'color',
4844
4844
  type: 'orange',
4845
4845
  item: 'L6',
4846
- hex: 'ffb300',
4846
+ hex: 'ffc425',
4847
4847
  rgb: {
4848
4848
  r: 255,
4849
- g: 179,
4850
- b: 0,
4849
+ g: 196,
4850
+ b: 37,
4851
4851
  a: 1,
4852
4852
  },
4853
4853
  },