@skbkontur/colors 1.1.2-34230.0 → 1.1.2-73aed.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 (125) hide show
  1. package/dist/cjs/get-base-tokens.d.ts +7 -5
  2. package/dist/cjs/get-base-tokens.js +35 -63
  3. package/dist/cjs/get-default-tokens.d.ts +8 -0
  4. package/dist/cjs/get-default-tokens.js +19 -11
  5. package/dist/cjs/helpers/get-palette.js +58 -64
  6. package/dist/cjs/helpers/get-promo.js +21 -27
  7. package/dist/cjs/types/base-tokens.d.ts +5 -6
  8. package/dist/cjs/utils/format-variable.d.ts +2 -0
  9. package/dist/cjs/utils/format-variable.js +11 -0
  10. package/dist/esm/get-base-tokens.d.ts +7 -5
  11. package/dist/esm/get-base-tokens.js +33 -58
  12. package/dist/esm/get-default-tokens.d.ts +8 -0
  13. package/dist/esm/get-default-tokens.js +19 -11
  14. package/dist/esm/helpers/get-palette.js +58 -64
  15. package/dist/esm/helpers/get-promo.js +21 -27
  16. package/dist/esm/types/base-tokens.d.ts +5 -6
  17. package/dist/esm/utils/format-variable.d.ts +2 -0
  18. package/dist/esm/utils/format-variable.js +6 -0
  19. package/dist/tokens/base/css/brand-blue-deep_accent-gray.css +1 -1
  20. package/dist/tokens/base/css/brand-blue_accent-gray.css +1 -1
  21. package/dist/tokens/base/css/brand-green_accent-gray.css +1 -1
  22. package/dist/tokens/base/css/brand-mint_accent-gray.css +1 -1
  23. package/dist/tokens/base/css/brand-orange_accent-gray.css +1 -1
  24. package/dist/tokens/base/css/brand-purple_accent-gray.css +1 -1
  25. package/dist/tokens/base/css/brand-red_accent-gray.css +1 -1
  26. package/dist/tokens/base/css/brand-violet_accent-gray.css +1 -1
  27. package/dist/tokens/base/js/brand-blue-deep_accent-gray.js +1 -0
  28. package/dist/tokens/base/js/brand-blue_accent-gray.js +1 -0
  29. package/dist/tokens/base/js/brand-green_accent-gray.js +1 -0
  30. package/dist/tokens/base/js/brand-mint_accent-gray.js +1 -0
  31. package/dist/tokens/base/js/brand-orange_accent-gray.js +1 -0
  32. package/dist/tokens/base/js/brand-purple_accent-gray.js +1 -0
  33. package/dist/tokens/base/js/brand-red_accent-gray.js +1 -0
  34. package/dist/tokens/base/js/brand-violet_accent-gray.js +1 -0
  35. package/dist/tokens/base/js-tree/brand-blue-deep_accent-gray.tree.js +1 -0
  36. package/dist/tokens/base/js-tree/brand-blue_accent-gray.tree.js +1 -0
  37. package/dist/tokens/base/js-tree/brand-green_accent-gray.tree.js +1 -0
  38. package/dist/tokens/base/js-tree/brand-mint_accent-gray.tree.js +1 -0
  39. package/dist/tokens/base/js-tree/brand-orange_accent-gray.tree.js +1 -0
  40. package/dist/tokens/base/js-tree/brand-purple_accent-gray.tree.js +1 -0
  41. package/dist/tokens/base/js-tree/brand-red_accent-gray.tree.js +1 -0
  42. package/dist/tokens/base/js-tree/brand-violet_accent-gray.tree.js +1 -0
  43. package/dist/tokens/base/json/brand-blue-deep_accent-gray.json +1 -0
  44. package/dist/tokens/base/json/brand-blue_accent-gray.json +1 -0
  45. package/dist/tokens/base/json/brand-green_accent-gray.json +1 -0
  46. package/dist/tokens/base/json/brand-mint_accent-gray.json +1 -0
  47. package/dist/tokens/base/json/brand-orange_accent-gray.json +1 -0
  48. package/dist/tokens/base/json/brand-purple_accent-gray.json +1 -0
  49. package/dist/tokens/base/json/brand-red_accent-gray.json +1 -0
  50. package/dist/tokens/base/json/brand-violet_accent-gray.json +1 -0
  51. package/dist/tokens/base/json-tree/brand-blue-deep_accent-gray.tree.json +1 -0
  52. package/dist/tokens/base/json-tree/brand-blue_accent-gray.tree.json +1 -0
  53. package/dist/tokens/base/json-tree/brand-green_accent-gray.tree.json +1 -0
  54. package/dist/tokens/base/json-tree/brand-mint_accent-gray.tree.json +1 -0
  55. package/dist/tokens/base/json-tree/brand-orange_accent-gray.tree.json +1 -0
  56. package/dist/tokens/base/json-tree/brand-purple_accent-gray.tree.json +1 -0
  57. package/dist/tokens/base/json-tree/brand-red_accent-gray.tree.json +1 -0
  58. package/dist/tokens/base/json-tree/brand-violet_accent-gray.tree.json +1 -0
  59. package/dist/tokens/base/less/brand-blue-deep_accent-gray.less +1 -1
  60. package/dist/tokens/base/less/brand-blue_accent-gray.less +1 -1
  61. package/dist/tokens/base/less/brand-green_accent-gray.less +1 -1
  62. package/dist/tokens/base/less/brand-mint_accent-gray.less +1 -1
  63. package/dist/tokens/base/less/brand-orange_accent-gray.less +1 -1
  64. package/dist/tokens/base/less/brand-purple_accent-gray.less +1 -1
  65. package/dist/tokens/base/less/brand-red_accent-gray.less +1 -1
  66. package/dist/tokens/base/less/brand-violet_accent-gray.less +1 -1
  67. package/dist/tokens/base/scss/brand-blue-deep_accent-gray.scss +1 -1
  68. package/dist/tokens/base/scss/brand-blue_accent-gray.scss +1 -1
  69. package/dist/tokens/base/scss/brand-green_accent-gray.scss +1 -1
  70. package/dist/tokens/base/scss/brand-mint_accent-gray.scss +1 -1
  71. package/dist/tokens/base/scss/brand-orange_accent-gray.scss +1 -1
  72. package/dist/tokens/base/scss/brand-purple_accent-gray.scss +1 -1
  73. package/dist/tokens/base/scss/brand-red_accent-gray.scss +1 -1
  74. package/dist/tokens/base/scss/brand-violet_accent-gray.scss +1 -1
  75. package/dist/tokens/semantic/css/brand-blue-deep_accent-brand.css +19 -11
  76. package/dist/tokens/semantic/css/brand-blue-deep_accent-gray.css +19 -11
  77. package/dist/tokens/semantic/css/brand-blue_accent-brand.css +19 -11
  78. package/dist/tokens/semantic/css/brand-blue_accent-gray.css +19 -11
  79. package/dist/tokens/semantic/css/brand-green_accent-brand.css +19 -11
  80. package/dist/tokens/semantic/css/brand-green_accent-gray.css +19 -11
  81. package/dist/tokens/semantic/css/brand-mint_accent-brand.css +19 -11
  82. package/dist/tokens/semantic/css/brand-mint_accent-gray.css +19 -11
  83. package/dist/tokens/semantic/css/brand-orange_accent-brand.css +19 -11
  84. package/dist/tokens/semantic/css/brand-orange_accent-gray.css +19 -11
  85. package/dist/tokens/semantic/css/brand-purple_accent-brand.css +19 -11
  86. package/dist/tokens/semantic/css/brand-purple_accent-gray.css +19 -11
  87. package/dist/tokens/semantic/css/brand-red_accent-brand.css +19 -11
  88. package/dist/tokens/semantic/css/brand-red_accent-gray.css +19 -11
  89. package/dist/tokens/semantic/css/brand-violet_accent-brand.css +19 -11
  90. package/dist/tokens/semantic/css/brand-violet_accent-gray.css +19 -11
  91. package/dist/tokens/semantic/js/brand-blue-deep_accent-brand.js +19 -11
  92. package/dist/tokens/semantic/js/brand-blue-deep_accent-gray.js +19 -11
  93. package/dist/tokens/semantic/js/brand-blue_accent-brand.js +19 -11
  94. package/dist/tokens/semantic/js/brand-blue_accent-gray.js +19 -11
  95. package/dist/tokens/semantic/js/brand-green_accent-brand.js +19 -11
  96. package/dist/tokens/semantic/js/brand-green_accent-gray.js +19 -11
  97. package/dist/tokens/semantic/js/brand-mint_accent-brand.js +19 -11
  98. package/dist/tokens/semantic/js/brand-mint_accent-gray.js +19 -11
  99. package/dist/tokens/semantic/js/brand-orange_accent-brand.js +19 -11
  100. package/dist/tokens/semantic/js/brand-orange_accent-gray.js +19 -11
  101. package/dist/tokens/semantic/js/brand-purple_accent-brand.js +19 -11
  102. package/dist/tokens/semantic/js/brand-purple_accent-gray.js +19 -11
  103. package/dist/tokens/semantic/js/brand-red_accent-brand.js +19 -11
  104. package/dist/tokens/semantic/js/brand-red_accent-gray.js +19 -11
  105. package/dist/tokens/semantic/js/brand-violet_accent-brand.js +19 -11
  106. package/dist/tokens/semantic/js/brand-violet_accent-gray.js +19 -11
  107. package/dist/tokens/semantic/json/brand-blue-deep_accent-brand.json +9 -1
  108. package/dist/tokens/semantic/json/brand-blue-deep_accent-gray.json +9 -1
  109. package/dist/tokens/semantic/json/brand-blue_accent-brand.json +9 -1
  110. package/dist/tokens/semantic/json/brand-blue_accent-gray.json +9 -1
  111. package/dist/tokens/semantic/json/brand-green_accent-brand.json +9 -1
  112. package/dist/tokens/semantic/json/brand-green_accent-gray.json +9 -1
  113. package/dist/tokens/semantic/json/brand-mint_accent-brand.json +9 -1
  114. package/dist/tokens/semantic/json/brand-mint_accent-gray.json +9 -1
  115. package/dist/tokens/semantic/json/brand-orange_accent-brand.json +9 -1
  116. package/dist/tokens/semantic/json/brand-orange_accent-gray.json +9 -1
  117. package/dist/tokens/semantic/json/brand-purple_accent-brand.json +9 -1
  118. package/dist/tokens/semantic/json/brand-purple_accent-gray.json +9 -1
  119. package/dist/tokens/semantic/json/brand-red_accent-brand.json +9 -1
  120. package/dist/tokens/semantic/json/brand-red_accent-gray.json +9 -1
  121. package/dist/tokens/semantic/json/brand-violet_accent-brand.json +9 -1
  122. package/dist/tokens/semantic/json/brand-violet_accent-gray.json +9 -1
  123. package/dist/tokens/semantic/less/semantic.less +4 -0
  124. package/dist/tokens/semantic/scss/semantic.scss +4 -0
  125. package/package.json +1 -1
@@ -84,13 +84,15 @@ export const SEMANTIC_TOKENS = {
84
84
  shapeHeavySuccess: '#0b4a1f',
85
85
  shapeHeavyWarning: '#543600',
86
86
  shapeOtherAccentBoldDisabled: 'rgba(0, 0, 0, 0.32)',
87
- shapeOtherBacklessHover: 'rgba(0, 0, 0, 0.08)',
88
- shapeOtherBacklessPressed: 'rgba(0, 0, 0, 0.12)',
87
+ shapeOtherBacklessHover: 'rgba(0, 0, 0, 0.06)',
88
+ shapeOtherBacklessPressed: 'rgba(0, 0, 0, 0.08)',
89
89
  shapeOtherBase: '#ffffff',
90
- shapeOtherBaseHover: 'rgba(255, 255, 255, 0.64)',
91
- shapeOtherBasePressed: 'rgba(255, 255, 255, 0.32)',
90
+ shapeOtherBaseHover: '#f2f2f2',
91
+ shapeOtherBasePressed: '#e4e4e4',
92
92
  shapeOtherDisabled: 'rgba(0, 0, 0, 0.06)',
93
93
  shapeOtherField: '#ffffff',
94
+ shapeOtherFieldHover: '#f2f2f2',
95
+ shapeOtherFieldPressed: '#e4e4e4',
94
96
  shapeOtherLow: 'rgba(0, 0, 0, 0.06)',
95
97
  shapeOtherLowHover: 'rgba(0, 0, 0, 0.08)',
96
98
  shapeOtherLowPressed: 'rgba(0, 0, 0, 0.12)',
@@ -139,7 +141,7 @@ export const SEMANTIC_TOKENS = {
139
141
  shapeSoftWarning: '#fcd35d',
140
142
  shapeSoftWarningHover: '#f4c359',
141
143
  shapeSoftWarningPressed: '#e5b566',
142
- shapeInvertedBacklessHover: 'rgba(255, 255, 255, 0.08)',
144
+ shapeInvertedBacklessHover: 'rgba(255, 255, 255, 0.06)',
143
145
  shapeInvertedBacklessPressed: 'rgba(255, 255, 255, 0.04)',
144
146
  shapeInvertedDisabled: 'rgba(255, 255, 255, 0.06)',
145
147
  shapeInvertedNeutralFaintAlpha: 'rgba(255, 255, 255, 0.06)',
@@ -249,6 +251,8 @@ export const SEMANTIC_TOKENS = {
249
251
  illustrationBlack: '#0d0d0d',
250
252
  illustrationBrand: '#B750D1',
251
253
  illustrationComplement: '#331f5a',
254
+ illustrationInvertedNeutral: '#ffffff',
255
+ illustrationNeutral: '#000000',
252
256
  illustrationOnBrand: 'rgba(255, 255, 255, 1)',
253
257
  illustrationOnComplement: '#ffffff',
254
258
  illustrationPromo: '#331f5a',
@@ -395,13 +399,15 @@ export const SEMANTIC_TOKENS = {
395
399
  shapeHeavySuccess: '#c3f3ca',
396
400
  shapeHeavyWarning: '#fbe48d',
397
401
  shapeOtherAccentBoldDisabled: 'rgba(255, 255, 255, 0.32)',
398
- shapeOtherBacklessHover: 'rgba(255, 255, 255, 0.08)',
402
+ shapeOtherBacklessHover: 'rgba(255, 255, 255, 0.06)',
399
403
  shapeOtherBacklessPressed: 'rgba(255, 255, 255, 0.04)',
400
- shapeOtherBase: 'rgba(255, 255, 255, 0.06)',
401
- shapeOtherBaseHover: 'rgba(255, 255, 255, 0.12)',
402
- shapeOtherBasePressed: 'rgba(255, 255, 255, 0.04)',
404
+ shapeOtherBase: '#333333',
405
+ shapeOtherBaseHover: '#3d3d3d',
406
+ shapeOtherBasePressed: '#292929',
403
407
  shapeOtherDisabled: 'rgba(255, 255, 255, 0.06)',
404
408
  shapeOtherField: 'rgba(0, 0, 0, 0.12)',
409
+ shapeOtherFieldHover: 'rgba(255, 255, 255, 0.04)',
410
+ shapeOtherFieldPressed: 'rgba(0, 0, 0, 0.24)',
405
411
  shapeOtherLow: 'rgba(0, 0, 0, 0.24)',
406
412
  shapeOtherLowHover: 'rgba(0, 0, 0, 0.16)',
407
413
  shapeOtherLowPressed: 'rgba(0, 0, 0, 0.32)',
@@ -450,8 +456,8 @@ export const SEMANTIC_TOKENS = {
450
456
  shapeSoftWarning: '#86612c',
451
457
  shapeSoftWarningHover: '#956c30',
452
458
  shapeSoftWarningPressed: '#775728',
453
- shapeInvertedBacklessHover: 'rgba(0, 0, 0, 0.08)',
454
- shapeInvertedBacklessPressed: 'rgba(0, 0, 0, 0.12)',
459
+ shapeInvertedBacklessHover: 'rgba(0, 0, 0, 0.06)',
460
+ shapeInvertedBacklessPressed: 'rgba(0, 0, 0, 0.08)',
455
461
  shapeInvertedDisabled: 'rgba(0, 0, 0, 0.06)',
456
462
  shapeInvertedNeutralFaintAlpha: 'rgba(0, 0, 0, 0.06)',
457
463
  shapeInvertedNeutralFaintAlphaHover: 'rgba(0, 0, 0, 0.08)',
@@ -560,6 +566,8 @@ export const SEMANTIC_TOKENS = {
560
566
  illustrationBlack: '#0d0d0d',
561
567
  illustrationBrand: '#B750D1',
562
568
  illustrationComplement: '#ffffff',
569
+ illustrationInvertedNeutral: '#000000',
570
+ illustrationNeutral: '#ffffff',
563
571
  illustrationOnBrand: 'rgba(255, 255, 255, 1)',
564
572
  illustrationOnComplement: '#331f5a',
565
573
  illustrationPromo: '#331f5a',
@@ -84,13 +84,15 @@ export const SEMANTIC_TOKENS = {
84
84
  shapeHeavySuccess: '#0b4a1f',
85
85
  shapeHeavyWarning: '#543600',
86
86
  shapeOtherAccentBoldDisabled: 'rgba(0, 0, 0, 0.32)',
87
- shapeOtherBacklessHover: 'rgba(0, 0, 0, 0.08)',
88
- shapeOtherBacklessPressed: 'rgba(0, 0, 0, 0.12)',
87
+ shapeOtherBacklessHover: 'rgba(0, 0, 0, 0.06)',
88
+ shapeOtherBacklessPressed: 'rgba(0, 0, 0, 0.08)',
89
89
  shapeOtherBase: '#ffffff',
90
- shapeOtherBaseHover: 'rgba(255, 255, 255, 0.64)',
91
- shapeOtherBasePressed: 'rgba(255, 255, 255, 0.32)',
90
+ shapeOtherBaseHover: '#f2f2f2',
91
+ shapeOtherBasePressed: '#e4e4e4',
92
92
  shapeOtherDisabled: 'rgba(0, 0, 0, 0.06)',
93
93
  shapeOtherField: '#ffffff',
94
+ shapeOtherFieldHover: '#f2f2f2',
95
+ shapeOtherFieldPressed: '#e4e4e4',
94
96
  shapeOtherLow: 'rgba(0, 0, 0, 0.06)',
95
97
  shapeOtherLowHover: 'rgba(0, 0, 0, 0.08)',
96
98
  shapeOtherLowPressed: 'rgba(0, 0, 0, 0.12)',
@@ -139,7 +141,7 @@ export const SEMANTIC_TOKENS = {
139
141
  shapeSoftWarning: '#fcd35d',
140
142
  shapeSoftWarningHover: '#f4c359',
141
143
  shapeSoftWarningPressed: '#e5b566',
142
- shapeInvertedBacklessHover: 'rgba(255, 255, 255, 0.08)',
144
+ shapeInvertedBacklessHover: 'rgba(255, 255, 255, 0.06)',
143
145
  shapeInvertedBacklessPressed: 'rgba(255, 255, 255, 0.04)',
144
146
  shapeInvertedDisabled: 'rgba(255, 255, 255, 0.06)',
145
147
  shapeInvertedNeutralFaintAlpha: 'rgba(255, 255, 255, 0.06)',
@@ -249,6 +251,8 @@ export const SEMANTIC_TOKENS = {
249
251
  illustrationBlack: '#0d0d0d',
250
252
  illustrationBrand: '#FE4C4C',
251
253
  illustrationComplement: '#5d1d3c',
254
+ illustrationInvertedNeutral: '#ffffff',
255
+ illustrationNeutral: '#000000',
252
256
  illustrationOnBrand: 'rgba(255, 255, 255, 1)',
253
257
  illustrationOnComplement: '#ffffff',
254
258
  illustrationPromo: '#5d1d3c',
@@ -395,13 +399,15 @@ export const SEMANTIC_TOKENS = {
395
399
  shapeHeavySuccess: '#c3f3ca',
396
400
  shapeHeavyWarning: '#fbe48d',
397
401
  shapeOtherAccentBoldDisabled: 'rgba(255, 255, 255, 0.32)',
398
- shapeOtherBacklessHover: 'rgba(255, 255, 255, 0.08)',
402
+ shapeOtherBacklessHover: 'rgba(255, 255, 255, 0.06)',
399
403
  shapeOtherBacklessPressed: 'rgba(255, 255, 255, 0.04)',
400
- shapeOtherBase: 'rgba(255, 255, 255, 0.06)',
401
- shapeOtherBaseHover: 'rgba(255, 255, 255, 0.12)',
402
- shapeOtherBasePressed: 'rgba(255, 255, 255, 0.04)',
404
+ shapeOtherBase: '#333333',
405
+ shapeOtherBaseHover: '#3d3d3d',
406
+ shapeOtherBasePressed: '#292929',
403
407
  shapeOtherDisabled: 'rgba(255, 255, 255, 0.06)',
404
408
  shapeOtherField: 'rgba(0, 0, 0, 0.12)',
409
+ shapeOtherFieldHover: 'rgba(255, 255, 255, 0.04)',
410
+ shapeOtherFieldPressed: 'rgba(0, 0, 0, 0.24)',
405
411
  shapeOtherLow: 'rgba(0, 0, 0, 0.24)',
406
412
  shapeOtherLowHover: 'rgba(0, 0, 0, 0.16)',
407
413
  shapeOtherLowPressed: 'rgba(0, 0, 0, 0.32)',
@@ -450,8 +456,8 @@ export const SEMANTIC_TOKENS = {
450
456
  shapeSoftWarning: '#86612c',
451
457
  shapeSoftWarningHover: '#956c30',
452
458
  shapeSoftWarningPressed: '#775728',
453
- shapeInvertedBacklessHover: 'rgba(0, 0, 0, 0.08)',
454
- shapeInvertedBacklessPressed: 'rgba(0, 0, 0, 0.12)',
459
+ shapeInvertedBacklessHover: 'rgba(0, 0, 0, 0.06)',
460
+ shapeInvertedBacklessPressed: 'rgba(0, 0, 0, 0.08)',
455
461
  shapeInvertedDisabled: 'rgba(0, 0, 0, 0.06)',
456
462
  shapeInvertedNeutralFaintAlpha: 'rgba(0, 0, 0, 0.06)',
457
463
  shapeInvertedNeutralFaintAlphaHover: 'rgba(0, 0, 0, 0.08)',
@@ -560,6 +566,8 @@ export const SEMANTIC_TOKENS = {
560
566
  illustrationBlack: '#0d0d0d',
561
567
  illustrationBrand: '#FE4C4C',
562
568
  illustrationComplement: '#ffffff',
569
+ illustrationInvertedNeutral: '#000000',
570
+ illustrationNeutral: '#ffffff',
563
571
  illustrationOnBrand: 'rgba(255, 255, 255, 1)',
564
572
  illustrationOnComplement: '#5d1d3c',
565
573
  illustrationPromo: '#5d1d3c',
@@ -84,13 +84,15 @@ export const SEMANTIC_TOKENS = {
84
84
  shapeHeavySuccess: '#0b4a1f',
85
85
  shapeHeavyWarning: '#543600',
86
86
  shapeOtherAccentBoldDisabled: 'rgba(0, 0, 0, 0.32)',
87
- shapeOtherBacklessHover: 'rgba(0, 0, 0, 0.08)',
88
- shapeOtherBacklessPressed: 'rgba(0, 0, 0, 0.12)',
87
+ shapeOtherBacklessHover: 'rgba(0, 0, 0, 0.06)',
88
+ shapeOtherBacklessPressed: 'rgba(0, 0, 0, 0.08)',
89
89
  shapeOtherBase: '#ffffff',
90
- shapeOtherBaseHover: 'rgba(255, 255, 255, 0.64)',
91
- shapeOtherBasePressed: 'rgba(255, 255, 255, 0.32)',
90
+ shapeOtherBaseHover: '#f2f2f2',
91
+ shapeOtherBasePressed: '#e4e4e4',
92
92
  shapeOtherDisabled: 'rgba(0, 0, 0, 0.06)',
93
93
  shapeOtherField: '#ffffff',
94
+ shapeOtherFieldHover: '#f2f2f2',
95
+ shapeOtherFieldPressed: '#e4e4e4',
94
96
  shapeOtherLow: 'rgba(0, 0, 0, 0.06)',
95
97
  shapeOtherLowHover: 'rgba(0, 0, 0, 0.08)',
96
98
  shapeOtherLowPressed: 'rgba(0, 0, 0, 0.12)',
@@ -139,7 +141,7 @@ export const SEMANTIC_TOKENS = {
139
141
  shapeSoftWarning: '#fcd35d',
140
142
  shapeSoftWarningHover: '#f4c359',
141
143
  shapeSoftWarningPressed: '#e5b566',
142
- shapeInvertedBacklessHover: 'rgba(255, 255, 255, 0.08)',
144
+ shapeInvertedBacklessHover: 'rgba(255, 255, 255, 0.06)',
143
145
  shapeInvertedBacklessPressed: 'rgba(255, 255, 255, 0.04)',
144
146
  shapeInvertedDisabled: 'rgba(255, 255, 255, 0.06)',
145
147
  shapeInvertedNeutralFaintAlpha: 'rgba(255, 255, 255, 0.06)',
@@ -249,6 +251,8 @@ export const SEMANTIC_TOKENS = {
249
251
  illustrationBlack: '#0d0d0d',
250
252
  illustrationBrand: '#FE4C4C',
251
253
  illustrationComplement: '#5d1d3c',
254
+ illustrationInvertedNeutral: '#ffffff',
255
+ illustrationNeutral: '#000000',
252
256
  illustrationOnBrand: 'rgba(255, 255, 255, 1)',
253
257
  illustrationOnComplement: '#ffffff',
254
258
  illustrationPromo: '#5d1d3c',
@@ -395,13 +399,15 @@ export const SEMANTIC_TOKENS = {
395
399
  shapeHeavySuccess: '#c3f3ca',
396
400
  shapeHeavyWarning: '#fbe48d',
397
401
  shapeOtherAccentBoldDisabled: 'rgba(255, 255, 255, 0.32)',
398
- shapeOtherBacklessHover: 'rgba(255, 255, 255, 0.08)',
402
+ shapeOtherBacklessHover: 'rgba(255, 255, 255, 0.06)',
399
403
  shapeOtherBacklessPressed: 'rgba(255, 255, 255, 0.04)',
400
- shapeOtherBase: 'rgba(255, 255, 255, 0.06)',
401
- shapeOtherBaseHover: 'rgba(255, 255, 255, 0.12)',
402
- shapeOtherBasePressed: 'rgba(255, 255, 255, 0.04)',
404
+ shapeOtherBase: '#333333',
405
+ shapeOtherBaseHover: '#3d3d3d',
406
+ shapeOtherBasePressed: '#292929',
403
407
  shapeOtherDisabled: 'rgba(255, 255, 255, 0.06)',
404
408
  shapeOtherField: 'rgba(0, 0, 0, 0.12)',
409
+ shapeOtherFieldHover: 'rgba(255, 255, 255, 0.04)',
410
+ shapeOtherFieldPressed: 'rgba(0, 0, 0, 0.24)',
405
411
  shapeOtherLow: 'rgba(0, 0, 0, 0.24)',
406
412
  shapeOtherLowHover: 'rgba(0, 0, 0, 0.16)',
407
413
  shapeOtherLowPressed: 'rgba(0, 0, 0, 0.32)',
@@ -450,8 +456,8 @@ export const SEMANTIC_TOKENS = {
450
456
  shapeSoftWarning: '#86612c',
451
457
  shapeSoftWarningHover: '#956c30',
452
458
  shapeSoftWarningPressed: '#775728',
453
- shapeInvertedBacklessHover: 'rgba(0, 0, 0, 0.08)',
454
- shapeInvertedBacklessPressed: 'rgba(0, 0, 0, 0.12)',
459
+ shapeInvertedBacklessHover: 'rgba(0, 0, 0, 0.06)',
460
+ shapeInvertedBacklessPressed: 'rgba(0, 0, 0, 0.08)',
455
461
  shapeInvertedDisabled: 'rgba(0, 0, 0, 0.06)',
456
462
  shapeInvertedNeutralFaintAlpha: 'rgba(0, 0, 0, 0.06)',
457
463
  shapeInvertedNeutralFaintAlphaHover: 'rgba(0, 0, 0, 0.08)',
@@ -560,6 +566,8 @@ export const SEMANTIC_TOKENS = {
560
566
  illustrationBlack: '#0d0d0d',
561
567
  illustrationBrand: '#FE4C4C',
562
568
  illustrationComplement: '#ffffff',
569
+ illustrationInvertedNeutral: '#000000',
570
+ illustrationNeutral: '#ffffff',
563
571
  illustrationOnBrand: 'rgba(255, 255, 255, 1)',
564
572
  illustrationOnComplement: '#5d1d3c',
565
573
  illustrationPromo: '#5d1d3c',
@@ -84,13 +84,15 @@ export const SEMANTIC_TOKENS = {
84
84
  shapeHeavySuccess: '#0b4a1f',
85
85
  shapeHeavyWarning: '#543600',
86
86
  shapeOtherAccentBoldDisabled: 'rgba(0, 0, 0, 0.32)',
87
- shapeOtherBacklessHover: 'rgba(0, 0, 0, 0.08)',
88
- shapeOtherBacklessPressed: 'rgba(0, 0, 0, 0.12)',
87
+ shapeOtherBacklessHover: 'rgba(0, 0, 0, 0.06)',
88
+ shapeOtherBacklessPressed: 'rgba(0, 0, 0, 0.08)',
89
89
  shapeOtherBase: '#ffffff',
90
- shapeOtherBaseHover: 'rgba(255, 255, 255, 0.64)',
91
- shapeOtherBasePressed: 'rgba(255, 255, 255, 0.32)',
90
+ shapeOtherBaseHover: '#f2f2f2',
91
+ shapeOtherBasePressed: '#e4e4e4',
92
92
  shapeOtherDisabled: 'rgba(0, 0, 0, 0.06)',
93
93
  shapeOtherField: '#ffffff',
94
+ shapeOtherFieldHover: '#f2f2f2',
95
+ shapeOtherFieldPressed: '#e4e4e4',
94
96
  shapeOtherLow: 'rgba(0, 0, 0, 0.06)',
95
97
  shapeOtherLowHover: 'rgba(0, 0, 0, 0.08)',
96
98
  shapeOtherLowPressed: 'rgba(0, 0, 0, 0.12)',
@@ -139,7 +141,7 @@ export const SEMANTIC_TOKENS = {
139
141
  shapeSoftWarning: '#fcd35d',
140
142
  shapeSoftWarningHover: '#f4c359',
141
143
  shapeSoftWarningPressed: '#e5b566',
142
- shapeInvertedBacklessHover: 'rgba(255, 255, 255, 0.08)',
144
+ shapeInvertedBacklessHover: 'rgba(255, 255, 255, 0.06)',
143
145
  shapeInvertedBacklessPressed: 'rgba(255, 255, 255, 0.04)',
144
146
  shapeInvertedDisabled: 'rgba(255, 255, 255, 0.06)',
145
147
  shapeInvertedNeutralFaintAlpha: 'rgba(255, 255, 255, 0.06)',
@@ -249,6 +251,8 @@ export const SEMANTIC_TOKENS = {
249
251
  illustrationBlack: '#0d0d0d',
250
252
  illustrationBrand: '#844BEC',
251
253
  illustrationComplement: '#32205a',
254
+ illustrationInvertedNeutral: '#ffffff',
255
+ illustrationNeutral: '#000000',
252
256
  illustrationOnBrand: 'rgba(255, 255, 255, 1)',
253
257
  illustrationOnComplement: '#ffffff',
254
258
  illustrationPromo: '#32205a',
@@ -395,13 +399,15 @@ export const SEMANTIC_TOKENS = {
395
399
  shapeHeavySuccess: '#c3f3ca',
396
400
  shapeHeavyWarning: '#fbe48d',
397
401
  shapeOtherAccentBoldDisabled: 'rgba(255, 255, 255, 0.32)',
398
- shapeOtherBacklessHover: 'rgba(255, 255, 255, 0.08)',
402
+ shapeOtherBacklessHover: 'rgba(255, 255, 255, 0.06)',
399
403
  shapeOtherBacklessPressed: 'rgba(255, 255, 255, 0.04)',
400
- shapeOtherBase: 'rgba(255, 255, 255, 0.06)',
401
- shapeOtherBaseHover: 'rgba(255, 255, 255, 0.12)',
402
- shapeOtherBasePressed: 'rgba(255, 255, 255, 0.04)',
404
+ shapeOtherBase: '#333333',
405
+ shapeOtherBaseHover: '#3d3d3d',
406
+ shapeOtherBasePressed: '#292929',
403
407
  shapeOtherDisabled: 'rgba(255, 255, 255, 0.06)',
404
408
  shapeOtherField: 'rgba(0, 0, 0, 0.12)',
409
+ shapeOtherFieldHover: 'rgba(255, 255, 255, 0.04)',
410
+ shapeOtherFieldPressed: 'rgba(0, 0, 0, 0.24)',
405
411
  shapeOtherLow: 'rgba(0, 0, 0, 0.24)',
406
412
  shapeOtherLowHover: 'rgba(0, 0, 0, 0.16)',
407
413
  shapeOtherLowPressed: 'rgba(0, 0, 0, 0.32)',
@@ -450,8 +456,8 @@ export const SEMANTIC_TOKENS = {
450
456
  shapeSoftWarning: '#86612c',
451
457
  shapeSoftWarningHover: '#956c30',
452
458
  shapeSoftWarningPressed: '#775728',
453
- shapeInvertedBacklessHover: 'rgba(0, 0, 0, 0.08)',
454
- shapeInvertedBacklessPressed: 'rgba(0, 0, 0, 0.12)',
459
+ shapeInvertedBacklessHover: 'rgba(0, 0, 0, 0.06)',
460
+ shapeInvertedBacklessPressed: 'rgba(0, 0, 0, 0.08)',
455
461
  shapeInvertedDisabled: 'rgba(0, 0, 0, 0.06)',
456
462
  shapeInvertedNeutralFaintAlpha: 'rgba(0, 0, 0, 0.06)',
457
463
  shapeInvertedNeutralFaintAlphaHover: 'rgba(0, 0, 0, 0.08)',
@@ -560,6 +566,8 @@ export const SEMANTIC_TOKENS = {
560
566
  illustrationBlack: '#0d0d0d',
561
567
  illustrationBrand: '#844BEC',
562
568
  illustrationComplement: '#ffffff',
569
+ illustrationInvertedNeutral: '#000000',
570
+ illustrationNeutral: '#ffffff',
563
571
  illustrationOnBrand: 'rgba(255, 255, 255, 1)',
564
572
  illustrationOnComplement: '#32205a',
565
573
  illustrationPromo: '#32205a',
@@ -84,13 +84,15 @@ export const SEMANTIC_TOKENS = {
84
84
  shapeHeavySuccess: '#0b4a1f',
85
85
  shapeHeavyWarning: '#543600',
86
86
  shapeOtherAccentBoldDisabled: 'rgba(0, 0, 0, 0.32)',
87
- shapeOtherBacklessHover: 'rgba(0, 0, 0, 0.08)',
88
- shapeOtherBacklessPressed: 'rgba(0, 0, 0, 0.12)',
87
+ shapeOtherBacklessHover: 'rgba(0, 0, 0, 0.06)',
88
+ shapeOtherBacklessPressed: 'rgba(0, 0, 0, 0.08)',
89
89
  shapeOtherBase: '#ffffff',
90
- shapeOtherBaseHover: 'rgba(255, 255, 255, 0.64)',
91
- shapeOtherBasePressed: 'rgba(255, 255, 255, 0.32)',
90
+ shapeOtherBaseHover: '#f2f2f2',
91
+ shapeOtherBasePressed: '#e4e4e4',
92
92
  shapeOtherDisabled: 'rgba(0, 0, 0, 0.06)',
93
93
  shapeOtherField: '#ffffff',
94
+ shapeOtherFieldHover: '#f2f2f2',
95
+ shapeOtherFieldPressed: '#e4e4e4',
94
96
  shapeOtherLow: 'rgba(0, 0, 0, 0.06)',
95
97
  shapeOtherLowHover: 'rgba(0, 0, 0, 0.08)',
96
98
  shapeOtherLowPressed: 'rgba(0, 0, 0, 0.12)',
@@ -139,7 +141,7 @@ export const SEMANTIC_TOKENS = {
139
141
  shapeSoftWarning: '#fcd35d',
140
142
  shapeSoftWarningHover: '#f4c359',
141
143
  shapeSoftWarningPressed: '#e5b566',
142
- shapeInvertedBacklessHover: 'rgba(255, 255, 255, 0.08)',
144
+ shapeInvertedBacklessHover: 'rgba(255, 255, 255, 0.06)',
143
145
  shapeInvertedBacklessPressed: 'rgba(255, 255, 255, 0.04)',
144
146
  shapeInvertedDisabled: 'rgba(255, 255, 255, 0.06)',
145
147
  shapeInvertedNeutralFaintAlpha: 'rgba(255, 255, 255, 0.06)',
@@ -249,6 +251,8 @@ export const SEMANTIC_TOKENS = {
249
251
  illustrationBlack: '#0d0d0d',
250
252
  illustrationBrand: '#844BEC',
251
253
  illustrationComplement: '#32205a',
254
+ illustrationInvertedNeutral: '#ffffff',
255
+ illustrationNeutral: '#000000',
252
256
  illustrationOnBrand: 'rgba(255, 255, 255, 1)',
253
257
  illustrationOnComplement: '#ffffff',
254
258
  illustrationPromo: '#32205a',
@@ -395,13 +399,15 @@ export const SEMANTIC_TOKENS = {
395
399
  shapeHeavySuccess: '#c3f3ca',
396
400
  shapeHeavyWarning: '#fbe48d',
397
401
  shapeOtherAccentBoldDisabled: 'rgba(255, 255, 255, 0.32)',
398
- shapeOtherBacklessHover: 'rgba(255, 255, 255, 0.08)',
402
+ shapeOtherBacklessHover: 'rgba(255, 255, 255, 0.06)',
399
403
  shapeOtherBacklessPressed: 'rgba(255, 255, 255, 0.04)',
400
- shapeOtherBase: 'rgba(255, 255, 255, 0.06)',
401
- shapeOtherBaseHover: 'rgba(255, 255, 255, 0.12)',
402
- shapeOtherBasePressed: 'rgba(255, 255, 255, 0.04)',
404
+ shapeOtherBase: '#333333',
405
+ shapeOtherBaseHover: '#3d3d3d',
406
+ shapeOtherBasePressed: '#292929',
403
407
  shapeOtherDisabled: 'rgba(255, 255, 255, 0.06)',
404
408
  shapeOtherField: 'rgba(0, 0, 0, 0.12)',
409
+ shapeOtherFieldHover: 'rgba(255, 255, 255, 0.04)',
410
+ shapeOtherFieldPressed: 'rgba(0, 0, 0, 0.24)',
405
411
  shapeOtherLow: 'rgba(0, 0, 0, 0.24)',
406
412
  shapeOtherLowHover: 'rgba(0, 0, 0, 0.16)',
407
413
  shapeOtherLowPressed: 'rgba(0, 0, 0, 0.32)',
@@ -450,8 +456,8 @@ export const SEMANTIC_TOKENS = {
450
456
  shapeSoftWarning: '#86612c',
451
457
  shapeSoftWarningHover: '#956c30',
452
458
  shapeSoftWarningPressed: '#775728',
453
- shapeInvertedBacklessHover: 'rgba(0, 0, 0, 0.08)',
454
- shapeInvertedBacklessPressed: 'rgba(0, 0, 0, 0.12)',
459
+ shapeInvertedBacklessHover: 'rgba(0, 0, 0, 0.06)',
460
+ shapeInvertedBacklessPressed: 'rgba(0, 0, 0, 0.08)',
455
461
  shapeInvertedDisabled: 'rgba(0, 0, 0, 0.06)',
456
462
  shapeInvertedNeutralFaintAlpha: 'rgba(0, 0, 0, 0.06)',
457
463
  shapeInvertedNeutralFaintAlphaHover: 'rgba(0, 0, 0, 0.08)',
@@ -560,6 +566,8 @@ export const SEMANTIC_TOKENS = {
560
566
  illustrationBlack: '#0d0d0d',
561
567
  illustrationBrand: '#844BEC',
562
568
  illustrationComplement: '#ffffff',
569
+ illustrationInvertedNeutral: '#000000',
570
+ illustrationNeutral: '#ffffff',
563
571
  illustrationOnBrand: 'rgba(255, 255, 255, 1)',
564
572
  illustrationOnComplement: '#32205a',
565
573
  illustrationPromo: '#32205a',
@@ -177,7 +177,7 @@
177
177
  },
178
178
  "shapeOtherBase": {
179
179
  "light": "#ffffff",
180
- "dark": "#0fffffff"
180
+ "dark": "#333333"
181
181
  },
182
182
  "shapeOtherDisabled": {
183
183
  "light": "#0f000000",
@@ -443,6 +443,14 @@
443
443
  "light": "#25255e",
444
444
  "dark": "#ffffff"
445
445
  },
446
+ "illustrationInvertedNeutral": {
447
+ "light": "#ffffff",
448
+ "dark": "#000000"
449
+ },
450
+ "illustrationNeutral": {
451
+ "light": "#000000",
452
+ "dark": "#ffffff"
453
+ },
446
454
  "illustrationOnBrand": {
447
455
  "light": "#ffffffff",
448
456
  "dark": "#ffffffff"
@@ -177,7 +177,7 @@
177
177
  },
178
178
  "shapeOtherBase": {
179
179
  "light": "#ffffff",
180
- "dark": "#0fffffff"
180
+ "dark": "#333333"
181
181
  },
182
182
  "shapeOtherDisabled": {
183
183
  "light": "#0f000000",
@@ -443,6 +443,14 @@
443
443
  "light": "#25255e",
444
444
  "dark": "#ffffff"
445
445
  },
446
+ "illustrationInvertedNeutral": {
447
+ "light": "#ffffff",
448
+ "dark": "#000000"
449
+ },
450
+ "illustrationNeutral": {
451
+ "light": "#000000",
452
+ "dark": "#ffffff"
453
+ },
446
454
  "illustrationOnBrand": {
447
455
  "light": "#ffffffff",
448
456
  "dark": "#ffffffff"
@@ -177,7 +177,7 @@
177
177
  },
178
178
  "shapeOtherBase": {
179
179
  "light": "#ffffff",
180
- "dark": "#0fffffff"
180
+ "dark": "#333333"
181
181
  },
182
182
  "shapeOtherDisabled": {
183
183
  "light": "#0f000000",
@@ -443,6 +443,14 @@
443
443
  "light": "#1a3268",
444
444
  "dark": "#ffffff"
445
445
  },
446
+ "illustrationInvertedNeutral": {
447
+ "light": "#ffffff",
448
+ "dark": "#000000"
449
+ },
450
+ "illustrationNeutral": {
451
+ "light": "#000000",
452
+ "dark": "#ffffff"
453
+ },
446
454
  "illustrationOnBrand": {
447
455
  "light": "#ffffffff",
448
456
  "dark": "#ffffffff"
@@ -177,7 +177,7 @@
177
177
  },
178
178
  "shapeOtherBase": {
179
179
  "light": "#ffffff",
180
- "dark": "#0fffffff"
180
+ "dark": "#333333"
181
181
  },
182
182
  "shapeOtherDisabled": {
183
183
  "light": "#0f000000",
@@ -443,6 +443,14 @@
443
443
  "light": "#1a3268",
444
444
  "dark": "#ffffff"
445
445
  },
446
+ "illustrationInvertedNeutral": {
447
+ "light": "#ffffff",
448
+ "dark": "#000000"
449
+ },
450
+ "illustrationNeutral": {
451
+ "light": "#000000",
452
+ "dark": "#ffffff"
453
+ },
446
454
  "illustrationOnBrand": {
447
455
  "light": "#ffffffff",
448
456
  "dark": "#ffffffff"
@@ -177,7 +177,7 @@
177
177
  },
178
178
  "shapeOtherBase": {
179
179
  "light": "#ffffff",
180
- "dark": "#0fffffff"
180
+ "dark": "#333333"
181
181
  },
182
182
  "shapeOtherDisabled": {
183
183
  "light": "#0f000000",
@@ -443,6 +443,14 @@
443
443
  "light": "#00413e",
444
444
  "dark": "#ffffff"
445
445
  },
446
+ "illustrationInvertedNeutral": {
447
+ "light": "#ffffff",
448
+ "dark": "#000000"
449
+ },
450
+ "illustrationNeutral": {
451
+ "light": "#000000",
452
+ "dark": "#ffffff"
453
+ },
446
454
  "illustrationOnBrand": {
447
455
  "light": "#ffffffff",
448
456
  "dark": "#ffffffff"
@@ -177,7 +177,7 @@
177
177
  },
178
178
  "shapeOtherBase": {
179
179
  "light": "#ffffff",
180
- "dark": "#0fffffff"
180
+ "dark": "#333333"
181
181
  },
182
182
  "shapeOtherDisabled": {
183
183
  "light": "#0f000000",
@@ -443,6 +443,14 @@
443
443
  "light": "#00413e",
444
444
  "dark": "#ffffff"
445
445
  },
446
+ "illustrationInvertedNeutral": {
447
+ "light": "#ffffff",
448
+ "dark": "#000000"
449
+ },
450
+ "illustrationNeutral": {
451
+ "light": "#000000",
452
+ "dark": "#ffffff"
453
+ },
446
454
  "illustrationOnBrand": {
447
455
  "light": "#ffffffff",
448
456
  "dark": "#ffffffff"
@@ -177,7 +177,7 @@
177
177
  },
178
178
  "shapeOtherBase": {
179
179
  "light": "#ffffff",
180
- "dark": "#0fffffff"
180
+ "dark": "#333333"
181
181
  },
182
182
  "shapeOtherDisabled": {
183
183
  "light": "#0f000000",
@@ -443,6 +443,14 @@
443
443
  "light": "#003e53",
444
444
  "dark": "#ffffff"
445
445
  },
446
+ "illustrationInvertedNeutral": {
447
+ "light": "#ffffff",
448
+ "dark": "#000000"
449
+ },
450
+ "illustrationNeutral": {
451
+ "light": "#000000",
452
+ "dark": "#ffffff"
453
+ },
446
454
  "illustrationOnBrand": {
447
455
  "light": "#ffffffff",
448
456
  "dark": "#ffffffff"
@@ -177,7 +177,7 @@
177
177
  },
178
178
  "shapeOtherBase": {
179
179
  "light": "#ffffff",
180
- "dark": "#0fffffff"
180
+ "dark": "#333333"
181
181
  },
182
182
  "shapeOtherDisabled": {
183
183
  "light": "#0f000000",
@@ -443,6 +443,14 @@
443
443
  "light": "#003e53",
444
444
  "dark": "#ffffff"
445
445
  },
446
+ "illustrationInvertedNeutral": {
447
+ "light": "#ffffff",
448
+ "dark": "#000000"
449
+ },
450
+ "illustrationNeutral": {
451
+ "light": "#000000",
452
+ "dark": "#ffffff"
453
+ },
446
454
  "illustrationOnBrand": {
447
455
  "light": "#ffffffff",
448
456
  "dark": "#ffffffff"
@@ -177,7 +177,7 @@
177
177
  },
178
178
  "shapeOtherBase": {
179
179
  "light": "#ffffff",
180
- "dark": "#0fffffff"
180
+ "dark": "#333333"
181
181
  },
182
182
  "shapeOtherDisabled": {
183
183
  "light": "#0f000000",
@@ -443,6 +443,14 @@
443
443
  "light": "#601c2c",
444
444
  "dark": "#ffffff"
445
445
  },
446
+ "illustrationInvertedNeutral": {
447
+ "light": "#ffffff",
448
+ "dark": "#000000"
449
+ },
450
+ "illustrationNeutral": {
451
+ "light": "#000000",
452
+ "dark": "#ffffff"
453
+ },
446
454
  "illustrationOnBrand": {
447
455
  "light": "#ffffffff",
448
456
  "dark": "#ffffffff"
@@ -177,7 +177,7 @@
177
177
  },
178
178
  "shapeOtherBase": {
179
179
  "light": "#ffffff",
180
- "dark": "#0fffffff"
180
+ "dark": "#333333"
181
181
  },
182
182
  "shapeOtherDisabled": {
183
183
  "light": "#0f000000",
@@ -443,6 +443,14 @@
443
443
  "light": "#601c2c",
444
444
  "dark": "#ffffff"
445
445
  },
446
+ "illustrationInvertedNeutral": {
447
+ "light": "#ffffff",
448
+ "dark": "#000000"
449
+ },
450
+ "illustrationNeutral": {
451
+ "light": "#000000",
452
+ "dark": "#ffffff"
453
+ },
446
454
  "illustrationOnBrand": {
447
455
  "light": "#ffffffff",
448
456
  "dark": "#ffffffff"
@@ -177,7 +177,7 @@
177
177
  },
178
178
  "shapeOtherBase": {
179
179
  "light": "#ffffff",
180
- "dark": "#0fffffff"
180
+ "dark": "#333333"
181
181
  },
182
182
  "shapeOtherDisabled": {
183
183
  "light": "#0f000000",
@@ -443,6 +443,14 @@
443
443
  "light": "#331f5a",
444
444
  "dark": "#ffffff"
445
445
  },
446
+ "illustrationInvertedNeutral": {
447
+ "light": "#ffffff",
448
+ "dark": "#000000"
449
+ },
450
+ "illustrationNeutral": {
451
+ "light": "#000000",
452
+ "dark": "#ffffff"
453
+ },
446
454
  "illustrationOnBrand": {
447
455
  "light": "#ffffffff",
448
456
  "dark": "#ffffffff"