@lumx/core 2.2.4 → 2.2.5

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 (17) hide show
  1. package/css/design-tokens.css +73 -73
  2. package/js/constants/design-tokens.js +485 -485
  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 +178 -178
  6. package/lumx.css +1 -1
  7. package/lumx.min.css +1 -1
  8. package/package.json +2 -2
  9. package/scss/_design-tokens.scss +73 -73
  10. package/scss/components/badge/_index.scss +5 -1
  11. package/scss/components/flag/_index.scss +3 -3
  12. package/scss/components/icon/_index.scss +22 -0
  13. package/scss/components/icon/_mixins.scss +7 -2
  14. package/scss/components/message/_index.scss +1 -5
  15. package/scss/components/notification/_index.scss +6 -1
  16. package/scss/components/skeleton/_mixins.scss +0 -1
  17. package/scss/core/state/_mixins.scss +12 -2
package/js/constants/design-tokens.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 12 Jan 2022 16:44:48 GMT
3
+ * Generated on Wed, 16 Feb 2022 15:35:04 GMT
4
4
  */
5
5
 
6
6
  export const DESIGN_TOKENS = {
@@ -14,7 +14,7 @@ export const DESIGN_TOKENS = {
14
14
  'theme-light': {
15
15
  'background-color': {
16
16
  value: 'var(--lumx-color-primary-N)',
17
- attributes: { hex: '2196f3', rgb: { r: 33, g: 150, b: 243, a: 1 } },
17
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 1 } },
18
18
  $aliasedFrom: 'color.primary.N',
19
19
  },
20
20
  color: {
@@ -32,7 +32,7 @@ export const DESIGN_TOKENS = {
32
32
  },
33
33
  color: {
34
34
  value: 'var(--lumx-color-primary-N)',
35
- attributes: { hex: '2196f3', rgb: { r: 33, g: 150, b: 243, a: 1 } },
35
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 1 } },
36
36
  $aliasedFrom: 'color.primary.N',
37
37
  },
38
38
  'border-color': { value: 'transparent' },
@@ -44,7 +44,7 @@ export const DESIGN_TOKENS = {
44
44
  'theme-light': {
45
45
  'background-color': {
46
46
  value: 'var(--lumx-color-primary-D1)',
47
- attributes: { hex: '1e88e5', rgb: { r: 30, g: 136, b: 229, a: 1 } },
47
+ attributes: { hex: '184ed8', rgb: { r: 24, g: 78, b: 216, a: 1 } },
48
48
  $aliasedFrom: 'color.primary.D1',
49
49
  },
50
50
  color: {
@@ -62,7 +62,7 @@ export const DESIGN_TOKENS = {
62
62
  },
63
63
  color: {
64
64
  value: 'var(--lumx-color-primary-N)',
65
- attributes: { hex: '2196f3', rgb: { r: 33, g: 150, b: 243, a: 1 } },
65
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 1 } },
66
66
  $aliasedFrom: 'color.primary.N',
67
67
  },
68
68
  'border-color': { value: 'transparent' },
@@ -74,7 +74,7 @@ export const DESIGN_TOKENS = {
74
74
  'theme-light': {
75
75
  'background-color': {
76
76
  value: 'var(--lumx-color-primary-D2)',
77
- attributes: { hex: '1976d2', rgb: { r: 25, g: 118, b: 210, a: 1 } },
77
+ attributes: { hex: '1546c1', rgb: { r: 21, g: 70, b: 193, a: 1 } },
78
78
  $aliasedFrom: 'color.primary.D2',
79
79
  },
80
80
  color: {
@@ -92,7 +92,7 @@ export const DESIGN_TOKENS = {
92
92
  },
93
93
  color: {
94
94
  value: 'var(--lumx-color-primary-N)',
95
- attributes: { hex: '2196f3', rgb: { r: 33, g: 150, b: 243, a: 1 } },
95
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 1 } },
96
96
  $aliasedFrom: 'color.primary.N',
97
97
  },
98
98
  'border-color': { value: 'transparent' },
@@ -282,12 +282,12 @@ export const DESIGN_TOKENS = {
282
282
  'theme-light': {
283
283
  'background-color': {
284
284
  value: 'var(--lumx-color-primary-L5)',
285
- attributes: { hex: '2196f3', rgb: { r: 33, g: 150, b: 243, a: 0.1 } },
285
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.1 } },
286
286
  $aliasedFrom: 'color.primary.L5',
287
287
  },
288
288
  color: {
289
289
  value: 'var(--lumx-color-primary-D2)',
290
- attributes: { hex: '1976d2', rgb: { r: 25, g: 118, b: 210, a: 1 } },
290
+ attributes: { hex: '1546c1', rgb: { r: 21, g: 70, b: 193, a: 1 } },
291
291
  $aliasedFrom: 'color.primary.D2',
292
292
  },
293
293
  'border-color': { value: 'transparent' },
@@ -312,12 +312,12 @@ export const DESIGN_TOKENS = {
312
312
  'theme-light': {
313
313
  'background-color': {
314
314
  value: 'var(--lumx-color-primary-L4)',
315
- attributes: { hex: '2196f3', rgb: { r: 33, g: 150, b: 243, a: 0.2 } },
315
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.2 } },
316
316
  $aliasedFrom: 'color.primary.L4',
317
317
  },
318
318
  color: {
319
319
  value: 'var(--lumx-color-primary-D2)',
320
- attributes: { hex: '1976d2', rgb: { r: 25, g: 118, b: 210, a: 1 } },
320
+ attributes: { hex: '1546c1', rgb: { r: 21, g: 70, b: 193, a: 1 } },
321
321
  $aliasedFrom: 'color.primary.D2',
322
322
  },
323
323
  'border-color': { value: 'transparent' },
@@ -342,12 +342,12 @@ export const DESIGN_TOKENS = {
342
342
  'theme-light': {
343
343
  'background-color': {
344
344
  value: 'var(--lumx-color-primary-L3)',
345
- attributes: { hex: '2196f3', rgb: { r: 33, g: 150, b: 243, a: 0.4 } },
345
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.4 } },
346
346
  $aliasedFrom: 'color.primary.L3',
347
347
  },
348
348
  color: {
349
349
  value: 'var(--lumx-color-primary-D2)',
350
- attributes: { hex: '1976d2', rgb: { r: 25, g: 118, b: 210, a: 1 } },
350
+ attributes: { hex: '1546c1', rgb: { r: 21, g: 70, b: 193, a: 1 } },
351
351
  $aliasedFrom: 'color.primary.D2',
352
352
  },
353
353
  'border-color': { value: 'transparent' },
@@ -641,28 +641,28 @@ export const DESIGN_TOKENS = {
641
641
  'theme-light': {
642
642
  'background-color': {
643
643
  value: 'var(--lumx-color-primary-L5)',
644
- attributes: { hex: '2196f3', rgb: { r: 33, g: 150, b: 243, a: 0.1 } },
644
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.1 } },
645
645
  $aliasedFrom: 'color.primary.L5',
646
646
  },
647
647
  'border-color': {
648
648
  value: 'var(--lumx-color-primary-N)',
649
- attributes: { hex: '2196f3', rgb: { r: 33, g: 150, b: 243, a: 1 } },
649
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 1 } },
650
650
  $aliasedFrom: 'color.primary.N',
651
651
  },
652
652
  'icon-color': {
653
653
  value: 'var(--lumx-color-primary-D2)',
654
- attributes: { hex: '1976d2', rgb: { r: 25, g: 118, b: 210, a: 1 } },
654
+ attributes: { hex: '1546c1', rgb: { r: 21, g: 70, b: 193, a: 1 } },
655
655
  $aliasedFrom: 'color.primary.D2',
656
656
  },
657
657
  'label-color': {
658
658
  value: 'var(--lumx-color-primary-D2)',
659
- attributes: { hex: '1976d2', rgb: { r: 25, g: 118, b: 210, a: 1 } },
659
+ attributes: { hex: '1546c1', rgb: { r: 21, g: 70, b: 193, a: 1 } },
660
660
  $aliasedFrom: 'color.primary.D2',
661
661
  },
662
662
  'chevron-background-color': { value: 'transparent' },
663
663
  'chevron-color': {
664
664
  value: 'var(--lumx-color-primary-D2)',
665
- attributes: { hex: '1976d2', rgb: { r: 25, g: 118, b: 210, a: 1 } },
665
+ attributes: { hex: '1546c1', rgb: { r: 21, g: 70, b: 193, a: 1 } },
666
666
  $aliasedFrom: 'color.primary.D2',
667
667
  },
668
668
  },
@@ -705,32 +705,32 @@ export const DESIGN_TOKENS = {
705
705
  'theme-light': {
706
706
  'background-color': {
707
707
  value: 'var(--lumx-color-primary-L4)',
708
- attributes: { hex: '2196f3', rgb: { r: 33, g: 150, b: 243, a: 0.2 } },
708
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.2 } },
709
709
  $aliasedFrom: 'color.primary.L4',
710
710
  },
711
711
  'border-color': {
712
712
  value: 'var(--lumx-color-primary-N)',
713
- attributes: { hex: '2196f3', rgb: { r: 33, g: 150, b: 243, a: 1 } },
713
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 1 } },
714
714
  $aliasedFrom: 'color.primary.N',
715
715
  },
716
716
  'icon-color': {
717
717
  value: 'var(--lumx-color-primary-D2)',
718
- attributes: { hex: '1976d2', rgb: { r: 25, g: 118, b: 210, a: 1 } },
718
+ attributes: { hex: '1546c1', rgb: { r: 21, g: 70, b: 193, a: 1 } },
719
719
  $aliasedFrom: 'color.primary.D2',
720
720
  },
721
721
  'label-color': {
722
722
  value: 'var(--lumx-color-primary-D2)',
723
- attributes: { hex: '1976d2', rgb: { r: 25, g: 118, b: 210, a: 1 } },
723
+ attributes: { hex: '1546c1', rgb: { r: 21, g: 70, b: 193, a: 1 } },
724
724
  $aliasedFrom: 'color.primary.D2',
725
725
  },
726
726
  'chevron-background-color': {
727
727
  value: 'var(--lumx-color-primary-L4)',
728
- attributes: { hex: '2196f3', rgb: { r: 33, g: 150, b: 243, a: 0.2 } },
728
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.2 } },
729
729
  $aliasedFrom: 'color.primary.L4',
730
730
  },
731
731
  'chevron-color': {
732
732
  value: 'var(--lumx-color-primary-D2)',
733
- attributes: { hex: '1976d2', rgb: { r: 25, g: 118, b: 210, a: 1 } },
733
+ attributes: { hex: '1546c1', rgb: { r: 21, g: 70, b: 193, a: 1 } },
734
734
  $aliasedFrom: 'color.primary.D2',
735
735
  },
736
736
  },
@@ -777,32 +777,32 @@ export const DESIGN_TOKENS = {
777
777
  'theme-light': {
778
778
  'background-color': {
779
779
  value: 'var(--lumx-color-primary-L3)',
780
- attributes: { hex: '2196f3', rgb: { r: 33, g: 150, b: 243, a: 0.4 } },
780
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.4 } },
781
781
  $aliasedFrom: 'color.primary.L3',
782
782
  },
783
783
  'border-color': {
784
784
  value: 'var(--lumx-color-primary-N)',
785
- attributes: { hex: '2196f3', rgb: { r: 33, g: 150, b: 243, a: 1 } },
785
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 1 } },
786
786
  $aliasedFrom: 'color.primary.N',
787
787
  },
788
788
  'icon-color': {
789
789
  value: 'var(--lumx-color-primary-D2)',
790
- attributes: { hex: '1976d2', rgb: { r: 25, g: 118, b: 210, a: 1 } },
790
+ attributes: { hex: '1546c1', rgb: { r: 21, g: 70, b: 193, a: 1 } },
791
791
  $aliasedFrom: 'color.primary.D2',
792
792
  },
793
793
  'label-color': {
794
794
  value: 'var(--lumx-color-primary-D2)',
795
- attributes: { hex: '1976d2', rgb: { r: 25, g: 118, b: 210, a: 1 } },
795
+ attributes: { hex: '1546c1', rgb: { r: 21, g: 70, b: 193, a: 1 } },
796
796
  $aliasedFrom: 'color.primary.D2',
797
797
  },
798
798
  'chevron-background-color': {
799
799
  value: 'var(--lumx-color-primary-L3)',
800
- attributes: { hex: '2196f3', rgb: { r: 33, g: 150, b: 243, a: 0.4 } },
800
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.4 } },
801
801
  $aliasedFrom: 'color.primary.L3',
802
802
  },
803
803
  'chevron-color': {
804
804
  value: 'var(--lumx-color-primary-D2)',
805
- attributes: { hex: '1976d2', rgb: { r: 25, g: 118, b: 210, a: 1 } },
805
+ attributes: { hex: '1546c1', rgb: { r: 21, g: 70, b: 193, a: 1 } },
806
806
  $aliasedFrom: 'color.primary.D2',
807
807
  },
808
808
  },
@@ -983,7 +983,7 @@ export const DESIGN_TOKENS = {
983
983
  },
984
984
  'border-color': {
985
985
  value: 'var(--lumx-color-primary-N)',
986
- attributes: { hex: '2196f3', rgb: { r: 33, g: 150, b: 243, a: 1 } },
986
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 1 } },
987
987
  $aliasedFrom: 'color.primary.N',
988
988
  },
989
989
  },
@@ -1021,7 +1021,7 @@ export const DESIGN_TOKENS = {
1021
1021
  },
1022
1022
  'border-color': {
1023
1023
  value: 'var(--lumx-color-primary-N)',
1024
- attributes: { hex: '2196f3', rgb: { r: 33, g: 150, b: 243, a: 1 } },
1024
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 1 } },
1025
1025
  $aliasedFrom: 'color.primary.N',
1026
1026
  },
1027
1027
  },
@@ -1063,7 +1063,7 @@ export const DESIGN_TOKENS = {
1063
1063
  },
1064
1064
  'border-color': {
1065
1065
  value: 'var(--lumx-color-primary-N)',
1066
- attributes: { hex: '2196f3', rgb: { r: 33, g: 150, b: 243, a: 1 } },
1066
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 1 } },
1067
1067
  $aliasedFrom: 'color.primary.N',
1068
1068
  },
1069
1069
  },
@@ -1289,7 +1289,7 @@ export const DESIGN_TOKENS = {
1289
1289
  },
1290
1290
  'border-color': {
1291
1291
  value: 'var(--lumx-color-primary-L2)',
1292
- attributes: { hex: '2196f3', rgb: { r: 33, g: 150, b: 243, a: 0.6 } },
1292
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.6 } },
1293
1293
  $aliasedFrom: 'color.primary.L2',
1294
1294
  },
1295
1295
  content: {
@@ -1437,224 +1437,224 @@ export const DESIGN_TOKENS = {
1437
1437
  D2: {
1438
1438
  version: '0.22',
1439
1439
  comment: 'Darkest blue color',
1440
- value: 'rgb(25, 118, 210)',
1441
- attributes: { hex: '1976d2', rgb: { r: 25, g: 118, b: 210, a: 1 } },
1440
+ value: 'rgb(21, 70, 193)',
1441
+ attributes: { hex: '1546c1', rgb: { r: 21, g: 70, b: 193, a: 1 } },
1442
1442
  },
1443
1443
  D1: {
1444
1444
  version: '0.22',
1445
1445
  comment: 'Dark blue color',
1446
- value: 'rgb(30, 136, 229)',
1447
- attributes: { hex: '1e88e5', rgb: { r: 30, g: 136, b: 229, a: 1 } },
1446
+ value: 'rgb(24, 78, 216)',
1447
+ attributes: { hex: '184ed8', rgb: { r: 24, g: 78, b: 216, a: 1 } },
1448
1448
  },
1449
1449
  N: {
1450
1450
  version: '0.22',
1451
1451
  comment: 'Neutral blue color',
1452
- value: 'rgb(33, 150, 243)',
1453
- attributes: { hex: '2196f3', rgb: { r: 33, g: 150, b: 243, a: 1 } },
1452
+ value: 'rgb(36, 91, 231)',
1453
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 1 } },
1454
1454
  },
1455
1455
  L1: {
1456
1456
  version: '0.22',
1457
1457
  comment: 'Base blue color with 80% opacity',
1458
- value: 'rgba(33, 150, 243, 0.8)',
1459
- attributes: { hex: '2196f3', rgb: { r: 33, g: 150, b: 243, a: 0.8 } },
1458
+ value: 'rgba(36, 91, 231, 0.8)',
1459
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.8 } },
1460
1460
  },
1461
1461
  L2: {
1462
1462
  version: '0.22',
1463
1463
  comment: 'Base blue color with 60% opacity',
1464
- value: 'rgba(33, 150, 243, 0.6)',
1465
- attributes: { hex: '2196f3', rgb: { r: 33, g: 150, b: 243, a: 0.6 } },
1464
+ value: 'rgba(36, 91, 231, 0.6)',
1465
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.6 } },
1466
1466
  },
1467
1467
  L3: {
1468
1468
  version: '0.22',
1469
1469
  comment: 'Base blue color with 40% opacity',
1470
- value: 'rgba(33, 150, 243, 0.4)',
1471
- attributes: { hex: '2196f3', rgb: { r: 33, g: 150, b: 243, a: 0.4 } },
1470
+ value: 'rgba(36, 91, 231, 0.4)',
1471
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.4 } },
1472
1472
  },
1473
1473
  L4: {
1474
1474
  version: '0.22',
1475
1475
  comment: 'Base blue color with 20% opacity',
1476
- value: 'rgba(33, 150, 243, 0.2)',
1477
- attributes: { hex: '2196f3', rgb: { r: 33, g: 150, b: 243, a: 0.2 } },
1476
+ value: 'rgba(36, 91, 231, 0.2)',
1477
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.2 } },
1478
1478
  },
1479
1479
  L5: {
1480
1480
  version: '0.22',
1481
1481
  comment: 'Base blue color with 10% opacity',
1482
- value: 'rgba(33, 150, 243, 0.1)',
1483
- attributes: { hex: '2196f3', rgb: { r: 33, g: 150, b: 243, a: 0.1 } },
1482
+ value: 'rgba(36, 91, 231, 0.1)',
1483
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.1 } },
1484
1484
  },
1485
1485
  L6: {
1486
1486
  version: '0.22',
1487
1487
  comment: 'Base blue color with 5% opacity',
1488
- value: 'rgba(33, 150, 243, 0.05)',
1489
- attributes: { hex: '2196f3', rgb: { r: 33, g: 150, b: 243, a: 0.05 } },
1488
+ value: 'rgba(36, 91, 231, 0.05)',
1489
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.05 } },
1490
1490
  },
1491
1491
  },
1492
1492
  green: {
1493
1493
  D2: {
1494
1494
  version: '0.22',
1495
1495
  comment: 'Darkest green color',
1496
- value: 'rgb(56, 142, 60)',
1497
- attributes: { hex: '388e3c', rgb: { r: 56, g: 142, b: 60, a: 1 } },
1496
+ value: 'rgb(26, 110, 89)',
1497
+ attributes: { hex: '1a6e59', rgb: { r: 26, g: 110, b: 89, a: 1 } },
1498
1498
  },
1499
1499
  D1: {
1500
1500
  version: '0.22',
1501
1501
  comment: 'Dark green color',
1502
- value: 'rgb(67, 160, 71)',
1503
- attributes: { hex: '43a047', rgb: { r: 67, g: 160, b: 71, a: 1 } },
1502
+ value: 'rgb(23, 122, 97)',
1503
+ attributes: { hex: '177a61', rgb: { r: 23, g: 122, b: 97, a: 1 } },
1504
1504
  },
1505
1505
  N: {
1506
1506
  version: '0.22',
1507
1507
  comment: 'Neutral green color',
1508
- value: 'rgb(76, 175, 80)',
1509
- attributes: { hex: '4caf50', rgb: { r: 76, g: 175, b: 80, a: 1 } },
1508
+ value: 'rgb(19, 134, 105)',
1509
+ attributes: { hex: '138669', rgb: { r: 19, g: 134, b: 105, a: 1 } },
1510
1510
  },
1511
1511
  L1: {
1512
1512
  version: '0.22',
1513
1513
  comment: 'Base green color with 80% opacity',
1514
- value: 'rgba(76, 175, 80, 0.8)',
1515
- attributes: { hex: '4caf50', rgb: { r: 76, g: 175, b: 80, a: 0.8 } },
1514
+ value: 'rgba(19, 134, 105, 0.8)',
1515
+ attributes: { hex: '138669', rgb: { r: 19, g: 134, b: 105, a: 0.8 } },
1516
1516
  },
1517
1517
  L2: {
1518
1518
  version: '0.22',
1519
1519
  comment: 'Base green color with 60% opacity',
1520
- value: 'rgba(76, 175, 80, 0.6)',
1521
- attributes: { hex: '4caf50', rgb: { r: 76, g: 175, b: 80, a: 0.6 } },
1520
+ value: 'rgba(19, 134, 105, 0.6)',
1521
+ attributes: { hex: '138669', rgb: { r: 19, g: 134, b: 105, a: 0.6 } },
1522
1522
  },
1523
1523
  L3: {
1524
1524
  version: '0.22',
1525
1525
  comment: 'Base green color with 40% opacity',
1526
- value: 'rgba(76, 175, 80, 0.4)',
1527
- attributes: { hex: '4caf50', rgb: { r: 76, g: 175, b: 80, a: 0.4 } },
1526
+ value: 'rgba(19, 134, 105, 0.4)',
1527
+ attributes: { hex: '138669', rgb: { r: 19, g: 134, b: 105, a: 0.4 } },
1528
1528
  },
1529
1529
  L4: {
1530
1530
  version: '0.22',
1531
1531
  comment: 'Base green color with 20% opacity',
1532
- value: 'rgba(76, 175, 80, 0.2)',
1533
- attributes: { hex: '4caf50', rgb: { r: 76, g: 175, b: 80, a: 0.2 } },
1532
+ value: 'rgba(19, 134, 105, 0.2)',
1533
+ attributes: { hex: '138669', rgb: { r: 19, g: 134, b: 105, a: 0.2 } },
1534
1534
  },
1535
1535
  L5: {
1536
1536
  version: '0.22',
1537
1537
  comment: 'Base green color with 10% opacity',
1538
- value: 'rgba(76, 175, 80, 0.1)',
1539
- attributes: { hex: '4caf50', rgb: { r: 76, g: 175, b: 80, a: 0.1 } },
1538
+ value: 'rgba(19, 134, 105, 0.1)',
1539
+ attributes: { hex: '138669', rgb: { r: 19, g: 134, b: 105, a: 0.1 } },
1540
1540
  },
1541
1541
  L6: {
1542
1542
  version: '0.22',
1543
1543
  comment: 'Base green color with 5% opacity',
1544
- value: 'rgba(76, 175, 80, 0.05)',
1545
- attributes: { hex: '4caf50', rgb: { r: 76, g: 175, b: 80, a: 0.05 } },
1544
+ value: 'rgba(19, 134, 105, 0.05)',
1545
+ attributes: { hex: '138669', rgb: { r: 19, g: 134, b: 105, a: 0.05 } },
1546
1546
  },
1547
1547
  },
1548
1548
  yellow: {
1549
1549
  D2: {
1550
1550
  version: '0.22',
1551
1551
  comment: 'Darkest yellow color',
1552
- value: 'rgb(255, 111, 0)',
1553
- attributes: { hex: 'ff6f00', rgb: { r: 255, g: 111, b: 0, a: 1 } },
1552
+ value: 'rgb(255, 161, 37)',
1553
+ attributes: { hex: 'ffa125', rgb: { r: 255, g: 161, b: 37, a: 1 } },
1554
1554
  },
1555
1555
  D1: {
1556
1556
  version: '0.22',
1557
1557
  comment: 'Dark yellow color',
1558
- value: 'rgb(255, 143, 0)',
1559
- attributes: { hex: 'ff8f00', rgb: { r: 255, g: 143, b: 0, a: 1 } },
1558
+ value: 'rgb(255, 179, 37)',
1559
+ attributes: { hex: 'ffb325', rgb: { r: 255, g: 179, b: 37, a: 1 } },
1560
1560
  },
1561
1561
  N: {
1562
1562
  version: '0.22',
1563
1563
  comment: 'Neutral yellow color',
1564
- value: 'rgb(255, 179, 0)',
1565
- attributes: { hex: 'ffb300', rgb: { r: 255, g: 179, b: 0, a: 1 } },
1564
+ value: 'rgb(255, 196, 37)',
1565
+ attributes: { hex: 'ffc425', rgb: { r: 255, g: 196, b: 37, a: 1 } },
1566
1566
  },
1567
1567
  L1: {
1568
1568
  version: '0.22',
1569
1569
  comment: 'Base yellow color with 80% opacity',
1570
- value: 'rgba(255, 179, 0, 0.8)',
1571
- attributes: { hex: 'ffb300', rgb: { r: 255, g: 179, b: 0, a: 0.8 } },
1570
+ value: 'rgba(255, 196, 37, 0.9)',
1571
+ attributes: { hex: 'ffc425', rgb: { r: 255, g: 196, b: 37, a: 0.9 } },
1572
1572
  },
1573
1573
  L2: {
1574
1574
  version: '0.22',
1575
1575
  comment: 'Base yellow color with 70% opacity',
1576
- value: 'rgba(255, 179, 0, 0.7)',
1577
- attributes: { hex: 'ffb300', rgb: { r: 255, g: 179, b: 0, a: 0.7 } },
1576
+ value: 'rgba(255, 196, 37, 0.8)',
1577
+ attributes: { hex: 'ffc425', rgb: { r: 255, g: 196, b: 37, a: 0.8 } },
1578
1578
  },
1579
1579
  L3: {
1580
1580
  version: '0.22',
1581
1581
  comment: 'Base yellow color with 60% opacity',
1582
- value: 'rgba(255, 179, 0, 0.6)',
1583
- attributes: { hex: 'ffb300', rgb: { r: 255, g: 179, b: 0, a: 0.6 } },
1582
+ value: 'rgba(255, 196, 37, 0.6)',
1583
+ attributes: { hex: 'ffc425', rgb: { r: 255, g: 196, b: 37, a: 0.6 } },
1584
1584
  },
1585
1585
  L4: {
1586
1586
  version: '0.22',
1587
1587
  comment: 'Base yellow color with 40% opacity',
1588
- value: 'rgba(255, 179, 0, 0.4)',
1589
- attributes: { hex: 'ffb300', rgb: { r: 255, g: 179, b: 0, a: 0.4 } },
1588
+ value: 'rgba(255, 196, 37, 0.48)',
1589
+ attributes: { hex: 'ffc425', rgb: { r: 255, g: 196, b: 37, a: 0.48 } },
1590
1590
  },
1591
1591
  L5: {
1592
1592
  version: '0.22',
1593
1593
  comment: 'Base yellow color with 20% opacity',
1594
- value: 'rgba(255, 179, 0, 0.2)',
1595
- attributes: { hex: 'ffb300', rgb: { r: 255, g: 179, b: 0, a: 0.2 } },
1594
+ value: 'rgba(255, 196, 37, 0.24)',
1595
+ attributes: { hex: 'ffc425', rgb: { r: 255, g: 196, b: 37, a: 0.24 } },
1596
1596
  },
1597
1597
  L6: {
1598
1598
  version: '0.22',
1599
1599
  comment: 'Base yellow color with 10% opacity',
1600
- value: 'rgba(255, 179, 0, 0.1)',
1601
- attributes: { hex: 'ffb300', rgb: { r: 255, g: 179, b: 0, a: 0.1 } },
1600
+ value: 'rgba(255, 196, 37, 0.12)',
1601
+ attributes: { hex: 'ffc425', rgb: { r: 255, g: 196, b: 37, a: 0.12 } },
1602
1602
  },
1603
1603
  },
1604
1604
  red: {
1605
1605
  D2: {
1606
1606
  version: '0.22',
1607
1607
  comment: 'Darkest red color',
1608
- value: 'rgb(211, 47, 47)',
1609
- attributes: { hex: 'd32f2f', rgb: { r: 211, g: 47, b: 47, a: 1 } },
1608
+ value: 'rgb(190, 30, 70)',
1609
+ attributes: { hex: 'be1e46', rgb: { r: 190, g: 30, b: 70, a: 1 } },
1610
1610
  },
1611
1611
  D1: {
1612
1612
  version: '0.22',
1613
1613
  comment: 'Dark red color',
1614
- value: 'rgb(229, 57, 53)',
1615
- attributes: { hex: 'e53935', rgb: { r: 229, g: 57, b: 53, a: 1 } },
1614
+ value: 'rgb(212, 33, 72)',
1615
+ attributes: { hex: 'd42148', rgb: { r: 212, g: 33, b: 72, a: 1 } },
1616
1616
  },
1617
1617
  N: {
1618
1618
  version: '0.22',
1619
1619
  comment: 'Neutral red color',
1620
- value: 'rgb(244, 67, 54)',
1621
- attributes: { hex: 'f44336', rgb: { r: 244, g: 67, b: 54, a: 1 } },
1620
+ value: 'rgb(223, 48, 80)',
1621
+ attributes: { hex: 'df3050', rgb: { r: 223, g: 48, b: 80, a: 1 } },
1622
1622
  },
1623
1623
  L1: {
1624
1624
  version: '0.22',
1625
1625
  comment: 'Base red color with 80% opacity',
1626
- value: 'rgba(244, 67, 54, 0.8)',
1627
- attributes: { hex: 'f44336', rgb: { r: 244, g: 67, b: 54, a: 0.8 } },
1626
+ value: 'rgba(223, 48, 80, 0.8)',
1627
+ attributes: { hex: 'df3050', rgb: { r: 223, g: 48, b: 80, a: 0.8 } },
1628
1628
  },
1629
1629
  L2: {
1630
1630
  version: '0.22',
1631
1631
  comment: 'Base red color with 60% opacity',
1632
- value: 'rgba(244, 67, 54, 0.6)',
1633
- attributes: { hex: 'f44336', rgb: { r: 244, g: 67, b: 54, a: 0.6 } },
1632
+ value: 'rgba(223, 48, 80, 0.6)',
1633
+ attributes: { hex: 'df3050', rgb: { r: 223, g: 48, b: 80, a: 0.6 } },
1634
1634
  },
1635
1635
  L3: {
1636
1636
  version: '0.22',
1637
1637
  comment: 'Base red color with 40% opacity',
1638
- value: 'rgba(244, 67, 54, 0.4)',
1639
- attributes: { hex: 'f44336', rgb: { r: 244, g: 67, b: 54, a: 0.4 } },
1638
+ value: 'rgba(223, 48, 80, 0.4)',
1639
+ attributes: { hex: 'df3050', rgb: { r: 223, g: 48, b: 80, a: 0.4 } },
1640
1640
  },
1641
1641
  L4: {
1642
1642
  version: '0.22',
1643
1643
  comment: 'Base red color with 20% opacity',
1644
- value: 'rgba(244, 67, 54, 0.2)',
1645
- attributes: { hex: 'f44336', rgb: { r: 244, g: 67, b: 54, a: 0.2 } },
1644
+ value: 'rgba(223, 48, 80, 0.2)',
1645
+ attributes: { hex: 'df3050', rgb: { r: 223, g: 48, b: 80, a: 0.2 } },
1646
1646
  },
1647
1647
  L5: {
1648
1648
  version: '0.22',
1649
1649
  comment: 'Base red color with 10% opacity',
1650
- value: 'rgba(244, 67, 54, 0.1)',
1651
- attributes: { hex: 'f44336', rgb: { r: 244, g: 67, b: 54, a: 0.1 } },
1650
+ value: 'rgba(223, 48, 80, 0.1)',
1651
+ attributes: { hex: 'df3050', rgb: { r: 223, g: 48, b: 80, a: 0.1 } },
1652
1652
  },
1653
1653
  L6: {
1654
1654
  version: '0.22',
1655
1655
  comment: 'Base red color with 5% opacity',
1656
- value: 'rgba(244, 67, 54, 0.05)',
1657
- attributes: { hex: 'f44336', rgb: { r: 244, g: 67, b: 54, a: 0.05 } },
1656
+ value: 'rgba(223, 48, 80, 0.05)',
1657
+ attributes: { hex: 'df3050', rgb: { r: 223, g: 48, b: 80, a: 0.05 } },
1658
1658
  },
1659
1659
  },
1660
1660
  grey: {
@@ -1705,168 +1705,168 @@ export const DESIGN_TOKENS = {
1705
1705
  D2: {
1706
1706
  version: '0.22',
1707
1707
  comment: 'Darkest blue color',
1708
- value: 'rgb(25, 118, 210)',
1709
- attributes: { hex: '1976d2', rgb: { r: 25, g: 118, b: 210, a: 1 } },
1708
+ value: 'rgb(21, 70, 193)',
1709
+ attributes: { hex: '1546c1', rgb: { r: 21, g: 70, b: 193, a: 1 } },
1710
1710
  },
1711
1711
  D1: {
1712
1712
  version: '0.22',
1713
1713
  comment: 'Dark blue color',
1714
- value: 'rgb(30, 136, 229)',
1715
- attributes: { hex: '1e88e5', rgb: { r: 30, g: 136, b: 229, a: 1 } },
1714
+ value: 'rgb(24, 78, 216)',
1715
+ attributes: { hex: '184ed8', rgb: { r: 24, g: 78, b: 216, a: 1 } },
1716
1716
  },
1717
1717
  N: {
1718
1718
  version: '0.22',
1719
1719
  comment: 'Neutral blue color',
1720
- value: 'rgb(33, 150, 243)',
1721
- attributes: { hex: '2196f3', rgb: { r: 33, g: 150, b: 243, a: 1 } },
1720
+ value: 'rgb(36, 91, 231)',
1721
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 1 } },
1722
1722
  },
1723
1723
  L1: {
1724
1724
  version: '0.22',
1725
1725
  comment: 'Base blue color with 80% opacity',
1726
- value: 'rgba(33, 150, 243, 0.8)',
1727
- attributes: { hex: '2196f3', rgb: { r: 33, g: 150, b: 243, a: 0.8 } },
1726
+ value: 'rgba(36, 91, 231, 0.8)',
1727
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.8 } },
1728
1728
  },
1729
1729
  L2: {
1730
1730
  version: '0.22',
1731
1731
  comment: 'Base blue color with 60% opacity',
1732
- value: 'rgba(33, 150, 243, 0.6)',
1733
- attributes: { hex: '2196f3', rgb: { r: 33, g: 150, b: 243, a: 0.6 } },
1732
+ value: 'rgba(36, 91, 231, 0.6)',
1733
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.6 } },
1734
1734
  },
1735
1735
  L3: {
1736
1736
  version: '0.22',
1737
1737
  comment: 'Base blue color with 40% opacity',
1738
- value: 'rgba(33, 150, 243, 0.4)',
1739
- attributes: { hex: '2196f3', rgb: { r: 33, g: 150, b: 243, a: 0.4 } },
1738
+ value: 'rgba(36, 91, 231, 0.4)',
1739
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.4 } },
1740
1740
  },
1741
1741
  L4: {
1742
1742
  version: '0.22',
1743
1743
  comment: 'Base blue color with 20% opacity',
1744
- value: 'rgba(33, 150, 243, 0.2)',
1745
- attributes: { hex: '2196f3', rgb: { r: 33, g: 150, b: 243, a: 0.2 } },
1744
+ value: 'rgba(36, 91, 231, 0.2)',
1745
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.2 } },
1746
1746
  },
1747
1747
  L5: {
1748
1748
  version: '0.22',
1749
1749
  comment: 'Base blue color with 10% opacity',
1750
- value: 'rgba(33, 150, 243, 0.1)',
1751
- attributes: { hex: '2196f3', rgb: { r: 33, g: 150, b: 243, a: 0.1 } },
1750
+ value: 'rgba(36, 91, 231, 0.1)',
1751
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.1 } },
1752
1752
  },
1753
1753
  L6: {
1754
1754
  version: '0.22',
1755
1755
  comment: 'Base blue color with 5% opacity',
1756
- value: 'rgba(33, 150, 243, 0.05)',
1757
- attributes: { hex: '2196f3', rgb: { r: 33, g: 150, b: 243, a: 0.05 } },
1756
+ value: 'rgba(36, 91, 231, 0.05)',
1757
+ attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.05 } },
1758
1758
  },
1759
1759
  },
1760
1760
  secondary: {
1761
1761
  D2: {
1762
1762
  version: '0.22',
1763
1763
  comment: 'Darkest green color',
1764
- value: 'rgb(56, 142, 60)',
1765
- attributes: { hex: '388e3c', rgb: { r: 56, g: 142, b: 60, a: 1 } },
1764
+ value: 'rgb(26, 110, 89)',
1765
+ attributes: { hex: '1a6e59', rgb: { r: 26, g: 110, b: 89, a: 1 } },
1766
1766
  },
1767
1767
  D1: {
1768
1768
  version: '0.22',
1769
1769
  comment: 'Dark green color',
1770
- value: 'rgb(67, 160, 71)',
1771
- attributes: { hex: '43a047', rgb: { r: 67, g: 160, b: 71, a: 1 } },
1770
+ value: 'rgb(23, 122, 97)',
1771
+ attributes: { hex: '177a61', rgb: { r: 23, g: 122, b: 97, a: 1 } },
1772
1772
  },
1773
1773
  N: {
1774
1774
  version: '0.22',
1775
1775
  comment: 'Neutral green color',
1776
- value: 'rgb(76, 175, 80)',
1777
- attributes: { hex: '4caf50', rgb: { r: 76, g: 175, b: 80, a: 1 } },
1776
+ value: 'rgb(19, 134, 105)',
1777
+ attributes: { hex: '138669', rgb: { r: 19, g: 134, b: 105, a: 1 } },
1778
1778
  },
1779
1779
  L1: {
1780
1780
  version: '0.22',
1781
1781
  comment: 'Base green color with 80% opacity',
1782
- value: 'rgba(76, 175, 80, 0.8)',
1783
- attributes: { hex: '4caf50', rgb: { r: 76, g: 175, b: 80, a: 0.8 } },
1782
+ value: 'rgba(19, 134, 105, 0.8)',
1783
+ attributes: { hex: '138669', rgb: { r: 19, g: 134, b: 105, a: 0.8 } },
1784
1784
  },
1785
1785
  L2: {
1786
1786
  version: '0.22',
1787
1787
  comment: 'Base green color with 60% opacity',
1788
- value: 'rgba(76, 175, 80, 0.6)',
1789
- attributes: { hex: '4caf50', rgb: { r: 76, g: 175, b: 80, a: 0.6 } },
1788
+ value: 'rgba(19, 134, 105, 0.6)',
1789
+ attributes: { hex: '138669', rgb: { r: 19, g: 134, b: 105, a: 0.6 } },
1790
1790
  },
1791
1791
  L3: {
1792
1792
  version: '0.22',
1793
1793
  comment: 'Base green color with 40% opacity',
1794
- value: 'rgba(76, 175, 80, 0.4)',
1795
- attributes: { hex: '4caf50', rgb: { r: 76, g: 175, b: 80, a: 0.4 } },
1794
+ value: 'rgba(19, 134, 105, 0.4)',
1795
+ attributes: { hex: '138669', rgb: { r: 19, g: 134, b: 105, a: 0.4 } },
1796
1796
  },
1797
1797
  L4: {
1798
1798
  version: '0.22',
1799
1799
  comment: 'Base green color with 20% opacity',
1800
- value: 'rgba(76, 175, 80, 0.2)',
1801
- attributes: { hex: '4caf50', rgb: { r: 76, g: 175, b: 80, a: 0.2 } },
1800
+ value: 'rgba(19, 134, 105, 0.2)',
1801
+ attributes: { hex: '138669', rgb: { r: 19, g: 134, b: 105, a: 0.2 } },
1802
1802
  },
1803
1803
  L5: {
1804
1804
  version: '0.22',
1805
1805
  comment: 'Base green color with 10% opacity',
1806
- value: 'rgba(76, 175, 80, 0.1)',
1807
- attributes: { hex: '4caf50', rgb: { r: 76, g: 175, b: 80, a: 0.1 } },
1806
+ value: 'rgba(19, 134, 105, 0.1)',
1807
+ attributes: { hex: '138669', rgb: { r: 19, g: 134, b: 105, a: 0.1 } },
1808
1808
  },
1809
1809
  L6: {
1810
1810
  version: '0.22',
1811
1811
  comment: 'Base green color with 5% opacity',
1812
- value: 'rgba(76, 175, 80, 0.05)',
1813
- attributes: { hex: '4caf50', rgb: { r: 76, g: 175, b: 80, a: 0.05 } },
1812
+ value: 'rgba(19, 134, 105, 0.05)',
1813
+ attributes: { hex: '138669', rgb: { r: 19, g: 134, b: 105, a: 0.05 } },
1814
1814
  },
1815
1815
  },
1816
1816
  accent: {
1817
1817
  D2: {
1818
1818
  version: '0.22',
1819
1819
  comment: 'Darkest green color',
1820
- value: 'rgb(56, 142, 60)',
1821
- attributes: { hex: '388e3c', rgb: { r: 56, g: 142, b: 60, a: 1 } },
1820
+ value: 'rgb(26, 110, 89)',
1821
+ attributes: { hex: '1a6e59', rgb: { r: 26, g: 110, b: 89, a: 1 } },
1822
1822
  },
1823
1823
  D1: {
1824
1824
  version: '0.22',
1825
1825
  comment: 'Dark green color',
1826
- value: 'rgb(67, 160, 71)',
1827
- attributes: { hex: '43a047', rgb: { r: 67, g: 160, b: 71, a: 1 } },
1826
+ value: 'rgb(23, 122, 97)',
1827
+ attributes: { hex: '177a61', rgb: { r: 23, g: 122, b: 97, a: 1 } },
1828
1828
  },
1829
1829
  N: {
1830
1830
  version: '0.22',
1831
1831
  comment: 'Neutral green color',
1832
- value: 'rgb(76, 175, 80)',
1833
- attributes: { hex: '4caf50', rgb: { r: 76, g: 175, b: 80, a: 1 } },
1832
+ value: 'rgb(19, 134, 105)',
1833
+ attributes: { hex: '138669', rgb: { r: 19, g: 134, b: 105, a: 1 } },
1834
1834
  },
1835
1835
  L1: {
1836
1836
  version: '0.22',
1837
1837
  comment: 'Base green color with 80% opacity',
1838
- value: 'rgba(76, 175, 80, 0.8)',
1839
- attributes: { hex: '4caf50', rgb: { r: 76, g: 175, b: 80, a: 0.8 } },
1838
+ value: 'rgba(19, 134, 105, 0.8)',
1839
+ attributes: { hex: '138669', rgb: { r: 19, g: 134, b: 105, a: 0.8 } },
1840
1840
  },
1841
1841
  L2: {
1842
1842
  version: '0.22',
1843
1843
  comment: 'Base green color with 60% opacity',
1844
- value: 'rgba(76, 175, 80, 0.6)',
1845
- attributes: { hex: '4caf50', rgb: { r: 76, g: 175, b: 80, a: 0.6 } },
1844
+ value: 'rgba(19, 134, 105, 0.6)',
1845
+ attributes: { hex: '138669', rgb: { r: 19, g: 134, b: 105, a: 0.6 } },
1846
1846
  },
1847
1847
  L3: {
1848
1848
  version: '0.22',
1849
1849
  comment: 'Base green color with 40% opacity',
1850
- value: 'rgba(76, 175, 80, 0.4)',
1851
- attributes: { hex: '4caf50', rgb: { r: 76, g: 175, b: 80, a: 0.4 } },
1850
+ value: 'rgba(19, 134, 105, 0.4)',
1851
+ attributes: { hex: '138669', rgb: { r: 19, g: 134, b: 105, a: 0.4 } },
1852
1852
  },
1853
1853
  L4: {
1854
1854
  version: '0.22',
1855
1855
  comment: 'Base green color with 20% opacity',
1856
- value: 'rgba(76, 175, 80, 0.2)',
1857
- attributes: { hex: '4caf50', rgb: { r: 76, g: 175, b: 80, a: 0.2 } },
1856
+ value: 'rgba(19, 134, 105, 0.2)',
1857
+ attributes: { hex: '138669', rgb: { r: 19, g: 134, b: 105, a: 0.2 } },
1858
1858
  },
1859
1859
  L5: {
1860
1860
  version: '0.22',
1861
1861
  comment: 'Base green color with 10% opacity',
1862
- value: 'rgba(76, 175, 80, 0.1)',
1863
- attributes: { hex: '4caf50', rgb: { r: 76, g: 175, b: 80, a: 0.1 } },
1862
+ value: 'rgba(19, 134, 105, 0.1)',
1863
+ attributes: { hex: '138669', rgb: { r: 19, g: 134, b: 105, a: 0.1 } },
1864
1864
  },
1865
1865
  L6: {
1866
1866
  version: '0.22',
1867
1867
  comment: 'Base green color with 5% opacity',
1868
- value: 'rgba(76, 175, 80, 0.05)',
1869
- attributes: { hex: '4caf50', rgb: { r: 76, g: 175, b: 80, a: 0.05 } },
1868
+ value: 'rgba(19, 134, 105, 0.05)',
1869
+ attributes: { hex: '138669', rgb: { r: 19, g: 134, b: 105, a: 0.05 } },
1870
1870
  },
1871
1871
  },
1872
1872
  black: {
@@ -1961,56 +1961,56 @@ export const DESIGN_TOKENS = {
1961
1961
  D2: {
1962
1962
  version: '0.22',
1963
1963
  comment: 'Darkest yellow color',
1964
- value: 'rgb(255, 111, 0)',
1965
- attributes: { hex: 'ff6f00', rgb: { r: 255, g: 111, b: 0, a: 1 } },
1964
+ value: 'rgb(255, 161, 37)',
1965
+ attributes: { hex: 'ffa125', rgb: { r: 255, g: 161, b: 37, a: 1 } },
1966
1966
  },
1967
1967
  D1: {
1968
1968
  version: '0.22',
1969
1969
  comment: 'Dark yellow color',
1970
- value: 'rgb(255, 143, 0)',
1971
- attributes: { hex: 'ff8f00', rgb: { r: 255, g: 143, b: 0, a: 1 } },
1970
+ value: 'rgb(255, 179, 37)',
1971
+ attributes: { hex: 'ffb325', rgb: { r: 255, g: 179, b: 37, a: 1 } },
1972
1972
  },
1973
1973
  N: {
1974
1974
  version: '0.22',
1975
1975
  comment: 'Neutral yellow color',
1976
- value: 'rgb(255, 179, 0)',
1977
- attributes: { hex: 'ffb300', rgb: { r: 255, g: 179, b: 0, a: 1 } },
1976
+ value: 'rgb(255, 196, 37)',
1977
+ attributes: { hex: 'ffc425', rgb: { r: 255, g: 196, b: 37, a: 1 } },
1978
1978
  },
1979
1979
  L1: {
1980
1980
  version: '0.22',
1981
1981
  comment: 'Base yellow color with 80% opacity',
1982
- value: 'rgba(255, 179, 0, 0.8)',
1983
- attributes: { hex: 'ffb300', rgb: { r: 255, g: 179, b: 0, a: 0.8 } },
1982
+ value: 'rgba(255, 196, 37, 0.9)',
1983
+ attributes: { hex: 'ffc425', rgb: { r: 255, g: 196, b: 37, a: 0.9 } },
1984
1984
  },
1985
1985
  L2: {
1986
1986
  version: '0.22',
1987
1987
  comment: 'Base yellow color with 70% opacity',
1988
- value: 'rgba(255, 179, 0, 0.7)',
1989
- attributes: { hex: 'ffb300', rgb: { r: 255, g: 179, b: 0, a: 0.7 } },
1988
+ value: 'rgba(255, 196, 37, 0.8)',
1989
+ attributes: { hex: 'ffc425', rgb: { r: 255, g: 196, b: 37, a: 0.8 } },
1990
1990
  },
1991
1991
  L3: {
1992
1992
  version: '0.22',
1993
1993
  comment: 'Base yellow color with 60% opacity',
1994
- value: 'rgba(255, 179, 0, 0.6)',
1995
- attributes: { hex: 'ffb300', rgb: { r: 255, g: 179, b: 0, a: 0.6 } },
1994
+ value: 'rgba(255, 196, 37, 0.6)',
1995
+ attributes: { hex: 'ffc425', rgb: { r: 255, g: 196, b: 37, a: 0.6 } },
1996
1996
  },
1997
1997
  L4: {
1998
1998
  version: '0.22',
1999
1999
  comment: 'Base yellow color with 40% opacity',
2000
- value: 'rgba(255, 179, 0, 0.4)',
2001
- attributes: { hex: 'ffb300', rgb: { r: 255, g: 179, b: 0, a: 0.4 } },
2000
+ value: 'rgba(255, 196, 37, 0.48)',
2001
+ attributes: { hex: 'ffc425', rgb: { r: 255, g: 196, b: 37, a: 0.48 } },
2002
2002
  },
2003
2003
  L5: {
2004
2004
  version: '0.22',
2005
2005
  comment: 'Base yellow color with 20% opacity',
2006
- value: 'rgba(255, 179, 0, 0.2)',
2007
- attributes: { hex: 'ffb300', rgb: { r: 255, g: 179, b: 0, a: 0.2 } },
2006
+ value: 'rgba(255, 196, 37, 0.24)',
2007
+ attributes: { hex: 'ffc425', rgb: { r: 255, g: 196, b: 37, a: 0.24 } },
2008
2008
  },
2009
2009
  L6: {
2010
2010
  version: '0.22',
2011
2011
  comment: 'Base yellow color with 10% opacity',
2012
- value: 'rgba(255, 179, 0, 0.1)',
2013
- attributes: { hex: 'ffb300', rgb: { r: 255, g: 179, b: 0, a: 0.1 } },
2012
+ value: 'rgba(255, 196, 37, 0.12)',
2013
+ attributes: { hex: 'ffc425', rgb: { r: 255, g: 196, b: 37, a: 0.12 } },
2014
2014
  },
2015
2015
  },
2016
2016
  },