@skbkontur/colors 1.1.2-799ba.0 → 1.1.2-97dd9.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 (171) hide show
  1. package/dist/cjs/get-base-tokens.js +2 -0
  2. package/dist/cjs/get-default-tokens.d.ts +40 -22
  3. package/dist/cjs/get-default-tokens.js +163 -145
  4. package/dist/cjs/helpers/get-palette.js +1 -1
  5. package/dist/cjs/tokens/base/js/brand-blue-deep_accent-brand.d.ts +26 -0
  6. package/dist/cjs/tokens/base/js/brand-blue-deep_accent-brand.js +52 -26
  7. package/dist/cjs/tokens/base/js/brand-blue-deep_accent-gray.js +26 -26
  8. package/dist/cjs/tokens/base/js/brand-blue_accent-brand.d.ts +26 -0
  9. package/dist/cjs/tokens/base/js/brand-blue_accent-brand.js +52 -26
  10. package/dist/cjs/tokens/base/js/brand-blue_accent-gray.js +26 -26
  11. package/dist/cjs/tokens/base/js/brand-green_accent-brand.d.ts +26 -0
  12. package/dist/cjs/tokens/base/js/brand-green_accent-brand.js +52 -26
  13. package/dist/cjs/tokens/base/js/brand-green_accent-gray.js +26 -26
  14. package/dist/cjs/tokens/base/js/brand-mint_accent-brand.d.ts +26 -0
  15. package/dist/cjs/tokens/base/js/brand-mint_accent-brand.js +52 -26
  16. package/dist/cjs/tokens/base/js/brand-mint_accent-gray.js +26 -26
  17. package/dist/cjs/tokens/base/js/brand-orange_accent-brand.d.ts +26 -0
  18. package/dist/cjs/tokens/base/js/brand-orange_accent-brand.js +52 -26
  19. package/dist/cjs/tokens/base/js/brand-orange_accent-gray.js +26 -26
  20. package/dist/cjs/tokens/base/js/brand-purple_accent-brand.d.ts +26 -0
  21. package/dist/cjs/tokens/base/js/brand-purple_accent-brand.js +52 -26
  22. package/dist/cjs/tokens/base/js/brand-purple_accent-gray.js +26 -26
  23. package/dist/cjs/tokens/base/js/brand-red_accent-brand.d.ts +26 -0
  24. package/dist/cjs/tokens/base/js/brand-red_accent-brand.js +52 -26
  25. package/dist/cjs/tokens/base/js/brand-red_accent-gray.js +26 -26
  26. package/dist/cjs/tokens/base/js/brand-violet_accent-brand.d.ts +26 -0
  27. package/dist/cjs/tokens/base/js/brand-violet_accent-brand.js +52 -26
  28. package/dist/cjs/tokens/base/js/brand-violet_accent-gray.js +26 -26
  29. package/dist/cjs/tokens/base/js-tree/brand-blue-deep_accent-brand.tree.d.ts +28 -0
  30. package/dist/cjs/tokens/base/js-tree/brand-blue-deep_accent-brand.tree.js +54 -26
  31. package/dist/cjs/tokens/base/js-tree/brand-blue-deep_accent-gray.tree.js +26 -26
  32. package/dist/cjs/tokens/base/js-tree/brand-blue_accent-brand.tree.d.ts +28 -0
  33. package/dist/cjs/tokens/base/js-tree/brand-blue_accent-brand.tree.js +54 -26
  34. package/dist/cjs/tokens/base/js-tree/brand-blue_accent-gray.tree.js +26 -26
  35. package/dist/cjs/tokens/base/js-tree/brand-green_accent-brand.tree.d.ts +28 -0
  36. package/dist/cjs/tokens/base/js-tree/brand-green_accent-brand.tree.js +54 -26
  37. package/dist/cjs/tokens/base/js-tree/brand-green_accent-gray.tree.js +26 -26
  38. package/dist/cjs/tokens/base/js-tree/brand-mint_accent-brand.tree.d.ts +28 -0
  39. package/dist/cjs/tokens/base/js-tree/brand-mint_accent-brand.tree.js +54 -26
  40. package/dist/cjs/tokens/base/js-tree/brand-mint_accent-gray.tree.js +26 -26
  41. package/dist/cjs/tokens/base/js-tree/brand-orange_accent-brand.tree.d.ts +28 -0
  42. package/dist/cjs/tokens/base/js-tree/brand-orange_accent-brand.tree.js +54 -26
  43. package/dist/cjs/tokens/base/js-tree/brand-orange_accent-gray.tree.js +26 -26
  44. package/dist/cjs/tokens/base/js-tree/brand-purple_accent-brand.tree.d.ts +28 -0
  45. package/dist/cjs/tokens/base/js-tree/brand-purple_accent-brand.tree.js +54 -26
  46. package/dist/cjs/tokens/base/js-tree/brand-purple_accent-gray.tree.js +26 -26
  47. package/dist/cjs/tokens/base/js-tree/brand-red_accent-brand.tree.d.ts +28 -0
  48. package/dist/cjs/tokens/base/js-tree/brand-red_accent-brand.tree.js +54 -26
  49. package/dist/cjs/tokens/base/js-tree/brand-red_accent-gray.tree.js +26 -26
  50. package/dist/cjs/tokens/base/js-tree/brand-violet_accent-brand.tree.d.ts +28 -0
  51. package/dist/cjs/tokens/base/js-tree/brand-violet_accent-brand.tree.js +54 -26
  52. package/dist/cjs/tokens/base/js-tree/brand-violet_accent-gray.tree.js +26 -26
  53. package/dist/cjs/tokens/semantic/js/brand-blue-deep_accent-brand.d.ts +60 -33
  54. package/dist/cjs/tokens/semantic/js/brand-blue-deep_accent-brand.js +78 -60
  55. package/dist/cjs/tokens/semantic/js/brand-blue-deep_accent-gray.d.ts +60 -33
  56. package/dist/cjs/tokens/semantic/js/brand-blue-deep_accent-gray.js +78 -60
  57. package/dist/cjs/tokens/semantic/js/brand-blue_accent-brand.d.ts +60 -33
  58. package/dist/cjs/tokens/semantic/js/brand-blue_accent-brand.js +78 -60
  59. package/dist/cjs/tokens/semantic/js/brand-blue_accent-gray.d.ts +60 -33
  60. package/dist/cjs/tokens/semantic/js/brand-blue_accent-gray.js +78 -60
  61. package/dist/cjs/tokens/semantic/js/brand-green_accent-brand.d.ts +60 -33
  62. package/dist/cjs/tokens/semantic/js/brand-green_accent-brand.js +78 -60
  63. package/dist/cjs/tokens/semantic/js/brand-green_accent-gray.d.ts +60 -33
  64. package/dist/cjs/tokens/semantic/js/brand-green_accent-gray.js +78 -60
  65. package/dist/cjs/tokens/semantic/js/brand-mint_accent-brand.d.ts +60 -33
  66. package/dist/cjs/tokens/semantic/js/brand-mint_accent-brand.js +78 -60
  67. package/dist/cjs/tokens/semantic/js/brand-mint_accent-gray.d.ts +60 -33
  68. package/dist/cjs/tokens/semantic/js/brand-mint_accent-gray.js +78 -60
  69. package/dist/cjs/tokens/semantic/js/brand-orange_accent-brand.d.ts +60 -33
  70. package/dist/cjs/tokens/semantic/js/brand-orange_accent-brand.js +78 -60
  71. package/dist/cjs/tokens/semantic/js/brand-orange_accent-gray.d.ts +60 -33
  72. package/dist/cjs/tokens/semantic/js/brand-orange_accent-gray.js +78 -60
  73. package/dist/cjs/tokens/semantic/js/brand-purple_accent-brand.d.ts +60 -33
  74. package/dist/cjs/tokens/semantic/js/brand-purple_accent-brand.js +78 -60
  75. package/dist/cjs/tokens/semantic/js/brand-purple_accent-gray.d.ts +60 -33
  76. package/dist/cjs/tokens/semantic/js/brand-purple_accent-gray.js +78 -60
  77. package/dist/cjs/tokens/semantic/js/brand-red_accent-brand.d.ts +60 -33
  78. package/dist/cjs/tokens/semantic/js/brand-red_accent-brand.js +78 -60
  79. package/dist/cjs/tokens/semantic/js/brand-red_accent-gray.d.ts +60 -33
  80. package/dist/cjs/tokens/semantic/js/brand-red_accent-gray.js +78 -60
  81. package/dist/cjs/tokens/semantic/js/brand-violet_accent-brand.d.ts +60 -33
  82. package/dist/cjs/tokens/semantic/js/brand-violet_accent-brand.js +78 -60
  83. package/dist/cjs/tokens/semantic/js/brand-violet_accent-gray.d.ts +60 -33
  84. package/dist/cjs/tokens/semantic/js/brand-violet_accent-gray.js +78 -60
  85. package/dist/cjs/types/base-tokens.d.ts +1 -0
  86. package/dist/esm/get-base-tokens.js +2 -0
  87. package/dist/esm/get-default-tokens.d.ts +40 -22
  88. package/dist/esm/get-default-tokens.js +163 -145
  89. package/dist/esm/helpers/get-palette.js +1 -1
  90. package/dist/esm/tokens/base/js/brand-blue-deep_accent-brand.d.ts +26 -0
  91. package/dist/esm/tokens/base/js/brand-blue-deep_accent-brand.js +52 -26
  92. package/dist/esm/tokens/base/js/brand-blue-deep_accent-gray.js +26 -26
  93. package/dist/esm/tokens/base/js/brand-blue_accent-brand.d.ts +26 -0
  94. package/dist/esm/tokens/base/js/brand-blue_accent-brand.js +52 -26
  95. package/dist/esm/tokens/base/js/brand-blue_accent-gray.js +26 -26
  96. package/dist/esm/tokens/base/js/brand-green_accent-brand.d.ts +26 -0
  97. package/dist/esm/tokens/base/js/brand-green_accent-brand.js +52 -26
  98. package/dist/esm/tokens/base/js/brand-green_accent-gray.js +26 -26
  99. package/dist/esm/tokens/base/js/brand-mint_accent-brand.d.ts +26 -0
  100. package/dist/esm/tokens/base/js/brand-mint_accent-brand.js +52 -26
  101. package/dist/esm/tokens/base/js/brand-mint_accent-gray.js +26 -26
  102. package/dist/esm/tokens/base/js/brand-orange_accent-brand.d.ts +26 -0
  103. package/dist/esm/tokens/base/js/brand-orange_accent-brand.js +52 -26
  104. package/dist/esm/tokens/base/js/brand-orange_accent-gray.js +26 -26
  105. package/dist/esm/tokens/base/js/brand-purple_accent-brand.d.ts +26 -0
  106. package/dist/esm/tokens/base/js/brand-purple_accent-brand.js +52 -26
  107. package/dist/esm/tokens/base/js/brand-purple_accent-gray.js +26 -26
  108. package/dist/esm/tokens/base/js/brand-red_accent-brand.d.ts +26 -0
  109. package/dist/esm/tokens/base/js/brand-red_accent-brand.js +52 -26
  110. package/dist/esm/tokens/base/js/brand-red_accent-gray.js +26 -26
  111. package/dist/esm/tokens/base/js/brand-violet_accent-brand.d.ts +26 -0
  112. package/dist/esm/tokens/base/js/brand-violet_accent-brand.js +52 -26
  113. package/dist/esm/tokens/base/js/brand-violet_accent-gray.js +26 -26
  114. package/dist/esm/tokens/base/js-tree/brand-blue-deep_accent-brand.tree.d.ts +28 -0
  115. package/dist/esm/tokens/base/js-tree/brand-blue-deep_accent-brand.tree.js +54 -26
  116. package/dist/esm/tokens/base/js-tree/brand-blue-deep_accent-gray.tree.js +26 -26
  117. package/dist/esm/tokens/base/js-tree/brand-blue_accent-brand.tree.d.ts +28 -0
  118. package/dist/esm/tokens/base/js-tree/brand-blue_accent-brand.tree.js +54 -26
  119. package/dist/esm/tokens/base/js-tree/brand-blue_accent-gray.tree.js +26 -26
  120. package/dist/esm/tokens/base/js-tree/brand-green_accent-brand.tree.d.ts +28 -0
  121. package/dist/esm/tokens/base/js-tree/brand-green_accent-brand.tree.js +54 -26
  122. package/dist/esm/tokens/base/js-tree/brand-green_accent-gray.tree.js +26 -26
  123. package/dist/esm/tokens/base/js-tree/brand-mint_accent-brand.tree.d.ts +28 -0
  124. package/dist/esm/tokens/base/js-tree/brand-mint_accent-brand.tree.js +54 -26
  125. package/dist/esm/tokens/base/js-tree/brand-mint_accent-gray.tree.js +26 -26
  126. package/dist/esm/tokens/base/js-tree/brand-orange_accent-brand.tree.d.ts +28 -0
  127. package/dist/esm/tokens/base/js-tree/brand-orange_accent-brand.tree.js +54 -26
  128. package/dist/esm/tokens/base/js-tree/brand-orange_accent-gray.tree.js +26 -26
  129. package/dist/esm/tokens/base/js-tree/brand-purple_accent-brand.tree.d.ts +28 -0
  130. package/dist/esm/tokens/base/js-tree/brand-purple_accent-brand.tree.js +54 -26
  131. package/dist/esm/tokens/base/js-tree/brand-purple_accent-gray.tree.js +26 -26
  132. package/dist/esm/tokens/base/js-tree/brand-red_accent-brand.tree.d.ts +28 -0
  133. package/dist/esm/tokens/base/js-tree/brand-red_accent-brand.tree.js +54 -26
  134. package/dist/esm/tokens/base/js-tree/brand-red_accent-gray.tree.js +26 -26
  135. package/dist/esm/tokens/base/js-tree/brand-violet_accent-brand.tree.d.ts +28 -0
  136. package/dist/esm/tokens/base/js-tree/brand-violet_accent-brand.tree.js +54 -26
  137. package/dist/esm/tokens/base/js-tree/brand-violet_accent-gray.tree.js +26 -26
  138. package/dist/esm/tokens/semantic/js/brand-blue-deep_accent-brand.d.ts +60 -33
  139. package/dist/esm/tokens/semantic/js/brand-blue-deep_accent-brand.js +78 -60
  140. package/dist/esm/tokens/semantic/js/brand-blue-deep_accent-gray.d.ts +60 -33
  141. package/dist/esm/tokens/semantic/js/brand-blue-deep_accent-gray.js +78 -60
  142. package/dist/esm/tokens/semantic/js/brand-blue_accent-brand.d.ts +60 -33
  143. package/dist/esm/tokens/semantic/js/brand-blue_accent-brand.js +78 -60
  144. package/dist/esm/tokens/semantic/js/brand-blue_accent-gray.d.ts +60 -33
  145. package/dist/esm/tokens/semantic/js/brand-blue_accent-gray.js +78 -60
  146. package/dist/esm/tokens/semantic/js/brand-green_accent-brand.d.ts +60 -33
  147. package/dist/esm/tokens/semantic/js/brand-green_accent-brand.js +78 -60
  148. package/dist/esm/tokens/semantic/js/brand-green_accent-gray.d.ts +60 -33
  149. package/dist/esm/tokens/semantic/js/brand-green_accent-gray.js +78 -60
  150. package/dist/esm/tokens/semantic/js/brand-mint_accent-brand.d.ts +60 -33
  151. package/dist/esm/tokens/semantic/js/brand-mint_accent-brand.js +78 -60
  152. package/dist/esm/tokens/semantic/js/brand-mint_accent-gray.d.ts +60 -33
  153. package/dist/esm/tokens/semantic/js/brand-mint_accent-gray.js +78 -60
  154. package/dist/esm/tokens/semantic/js/brand-orange_accent-brand.d.ts +60 -33
  155. package/dist/esm/tokens/semantic/js/brand-orange_accent-brand.js +78 -60
  156. package/dist/esm/tokens/semantic/js/brand-orange_accent-gray.d.ts +60 -33
  157. package/dist/esm/tokens/semantic/js/brand-orange_accent-gray.js +78 -60
  158. package/dist/esm/tokens/semantic/js/brand-purple_accent-brand.d.ts +60 -33
  159. package/dist/esm/tokens/semantic/js/brand-purple_accent-brand.js +78 -60
  160. package/dist/esm/tokens/semantic/js/brand-purple_accent-gray.d.ts +60 -33
  161. package/dist/esm/tokens/semantic/js/brand-purple_accent-gray.js +78 -60
  162. package/dist/esm/tokens/semantic/js/brand-red_accent-brand.d.ts +60 -33
  163. package/dist/esm/tokens/semantic/js/brand-red_accent-brand.js +78 -60
  164. package/dist/esm/tokens/semantic/js/brand-red_accent-gray.d.ts +60 -33
  165. package/dist/esm/tokens/semantic/js/brand-red_accent-gray.js +78 -60
  166. package/dist/esm/tokens/semantic/js/brand-violet_accent-brand.d.ts +60 -33
  167. package/dist/esm/tokens/semantic/js/brand-violet_accent-brand.js +78 -60
  168. package/dist/esm/tokens/semantic/js/brand-violet_accent-gray.d.ts +60 -33
  169. package/dist/esm/tokens/semantic/js/brand-violet_accent-gray.js +78 -60
  170. package/dist/esm/types/base-tokens.d.ts +1 -0
  171. package/package.json +3 -3
@@ -459,32 +459,60 @@ exports.BASE_TOKENS = {
459
459
  100: 'rgba(0, 0, 0, 1)',
460
460
  },
461
461
  onBrand: {
462
- 4: 'rgba(0, 0, 0, 0.04)',
463
- 6: 'rgba(0, 0, 0, 0.06)',
464
- 8: 'rgba(0, 0, 0, 0.08)',
465
- 12: 'rgba(0, 0, 0, 0.12)',
466
- 16: 'rgba(0, 0, 0, 0.16)',
467
- 20: 'rgba(0, 0, 0, 0.2)',
468
- 24: 'rgba(0, 0, 0, 0.24)',
469
- 28: 'rgba(0, 0, 0, 0.28)',
470
- 32: 'rgba(0, 0, 0, 0.32)',
471
- 36: 'rgba(0, 0, 0, 0.36)',
472
- 40: 'rgba(0, 0, 0, 0.4)',
473
- 44: 'rgba(0, 0, 0, 0.44)',
474
- 48: 'rgba(0, 0, 0, 0.48)',
475
- 52: 'rgba(0, 0, 0, 0.52)',
476
- 56: 'rgba(0, 0, 0, 0.56)',
477
- 60: 'rgba(0, 0, 0, 0.6)',
478
- 64: 'rgba(0, 0, 0, 0.64)',
479
- 68: 'rgba(0, 0, 0, 0.68)',
480
- 72: 'rgba(0, 0, 0, 0.72)',
481
- 76: 'rgba(0, 0, 0, 0.76)',
482
- 80: 'rgba(0, 0, 0, 0.8)',
483
- 84: 'rgba(0, 0, 0, 0.84)',
484
- 88: 'rgba(0, 0, 0, 0.88)',
485
- 92: 'rgba(0, 0, 0, 0.92)',
486
- 96: 'rgba(0, 0, 0, 0.96)',
487
- 100: 'rgba(0, 0, 0, 1)',
462
+ 4: 'rgba(255, 255, 255, 0.04)',
463
+ 6: 'rgba(255, 255, 255, 0.06)',
464
+ 8: 'rgba(255, 255, 255, 0.08)',
465
+ 12: 'rgba(255, 255, 255, 0.12)',
466
+ 16: 'rgba(255, 255, 255, 0.16)',
467
+ 20: 'rgba(255, 255, 255, 0.2)',
468
+ 24: 'rgba(255, 255, 255, 0.24)',
469
+ 28: 'rgba(255, 255, 255, 0.28)',
470
+ 32: 'rgba(255, 255, 255, 0.32)',
471
+ 36: 'rgba(255, 255, 255, 0.36)',
472
+ 40: 'rgba(255, 255, 255, 0.4)',
473
+ 44: 'rgba(255, 255, 255, 0.44)',
474
+ 48: 'rgba(255, 255, 255, 0.48)',
475
+ 52: 'rgba(255, 255, 255, 0.52)',
476
+ 56: 'rgba(255, 255, 255, 0.56)',
477
+ 60: 'rgba(255, 255, 255, 0.6)',
478
+ 64: 'rgba(255, 255, 255, 0.64)',
479
+ 68: 'rgba(255, 255, 255, 0.68)',
480
+ 72: 'rgba(255, 255, 255, 0.72)',
481
+ 76: 'rgba(255, 255, 255, 0.76)',
482
+ 80: 'rgba(255, 255, 255, 0.8)',
483
+ 84: 'rgba(255, 255, 255, 0.84)',
484
+ 88: 'rgba(255, 255, 255, 0.88)',
485
+ 92: 'rgba(255, 255, 255, 0.92)',
486
+ 96: 'rgba(255, 255, 255, 0.96)',
487
+ 100: 'rgba(255, 255, 255, 1)',
488
+ },
489
+ onAccent: {
490
+ 4: 'rgba(255, 255, 255, 0.04)',
491
+ 6: 'rgba(255, 255, 255, 0.06)',
492
+ 8: 'rgba(255, 255, 255, 0.08)',
493
+ 12: 'rgba(255, 255, 255, 0.12)',
494
+ 16: 'rgba(255, 255, 255, 0.16)',
495
+ 20: 'rgba(255, 255, 255, 0.2)',
496
+ 24: 'rgba(255, 255, 255, 0.24)',
497
+ 28: 'rgba(255, 255, 255, 0.28)',
498
+ 32: 'rgba(255, 255, 255, 0.32)',
499
+ 36: 'rgba(255, 255, 255, 0.36)',
500
+ 40: 'rgba(255, 255, 255, 0.4)',
501
+ 44: 'rgba(255, 255, 255, 0.44)',
502
+ 48: 'rgba(255, 255, 255, 0.48)',
503
+ 52: 'rgba(255, 255, 255, 0.52)',
504
+ 56: 'rgba(255, 255, 255, 0.56)',
505
+ 60: 'rgba(255, 255, 255, 0.6)',
506
+ 64: 'rgba(255, 255, 255, 0.64)',
507
+ 68: 'rgba(255, 255, 255, 0.68)',
508
+ 72: 'rgba(255, 255, 255, 0.72)',
509
+ 76: 'rgba(255, 255, 255, 0.76)',
510
+ 80: 'rgba(255, 255, 255, 0.8)',
511
+ 84: 'rgba(255, 255, 255, 0.84)',
512
+ 88: 'rgba(255, 255, 255, 0.88)',
513
+ 92: 'rgba(255, 255, 255, 0.92)',
514
+ 96: 'rgba(255, 255, 255, 0.96)',
515
+ 100: 'rgba(255, 255, 255, 1)',
488
516
  },
489
517
  customizable: {
490
518
  red: {
@@ -391,32 +391,32 @@ exports.BASE_TOKENS = {
391
391
  100: 'rgba(0, 0, 0, 1)',
392
392
  },
393
393
  onBrand: {
394
- 4: 'rgba(0, 0, 0, 0.04)',
395
- 6: 'rgba(0, 0, 0, 0.06)',
396
- 8: 'rgba(0, 0, 0, 0.08)',
397
- 12: 'rgba(0, 0, 0, 0.12)',
398
- 16: 'rgba(0, 0, 0, 0.16)',
399
- 20: 'rgba(0, 0, 0, 0.2)',
400
- 24: 'rgba(0, 0, 0, 0.24)',
401
- 28: 'rgba(0, 0, 0, 0.28)',
402
- 32: 'rgba(0, 0, 0, 0.32)',
403
- 36: 'rgba(0, 0, 0, 0.36)',
404
- 40: 'rgba(0, 0, 0, 0.4)',
405
- 44: 'rgba(0, 0, 0, 0.44)',
406
- 48: 'rgba(0, 0, 0, 0.48)',
407
- 52: 'rgba(0, 0, 0, 0.52)',
408
- 56: 'rgba(0, 0, 0, 0.56)',
409
- 60: 'rgba(0, 0, 0, 0.6)',
410
- 64: 'rgba(0, 0, 0, 0.64)',
411
- 68: 'rgba(0, 0, 0, 0.68)',
412
- 72: 'rgba(0, 0, 0, 0.72)',
413
- 76: 'rgba(0, 0, 0, 0.76)',
414
- 80: 'rgba(0, 0, 0, 0.8)',
415
- 84: 'rgba(0, 0, 0, 0.84)',
416
- 88: 'rgba(0, 0, 0, 0.88)',
417
- 92: 'rgba(0, 0, 0, 0.92)',
418
- 96: 'rgba(0, 0, 0, 0.96)',
419
- 100: 'rgba(0, 0, 0, 1)',
394
+ 4: 'rgba(255, 255, 255, 0.04)',
395
+ 6: 'rgba(255, 255, 255, 0.06)',
396
+ 8: 'rgba(255, 255, 255, 0.08)',
397
+ 12: 'rgba(255, 255, 255, 0.12)',
398
+ 16: 'rgba(255, 255, 255, 0.16)',
399
+ 20: 'rgba(255, 255, 255, 0.2)',
400
+ 24: 'rgba(255, 255, 255, 0.24)',
401
+ 28: 'rgba(255, 255, 255, 0.28)',
402
+ 32: 'rgba(255, 255, 255, 0.32)',
403
+ 36: 'rgba(255, 255, 255, 0.36)',
404
+ 40: 'rgba(255, 255, 255, 0.4)',
405
+ 44: 'rgba(255, 255, 255, 0.44)',
406
+ 48: 'rgba(255, 255, 255, 0.48)',
407
+ 52: 'rgba(255, 255, 255, 0.52)',
408
+ 56: 'rgba(255, 255, 255, 0.56)',
409
+ 60: 'rgba(255, 255, 255, 0.6)',
410
+ 64: 'rgba(255, 255, 255, 0.64)',
411
+ 68: 'rgba(255, 255, 255, 0.68)',
412
+ 72: 'rgba(255, 255, 255, 0.72)',
413
+ 76: 'rgba(255, 255, 255, 0.76)',
414
+ 80: 'rgba(255, 255, 255, 0.8)',
415
+ 84: 'rgba(255, 255, 255, 0.84)',
416
+ 88: 'rgba(255, 255, 255, 0.88)',
417
+ 92: 'rgba(255, 255, 255, 0.92)',
418
+ 96: 'rgba(255, 255, 255, 0.96)',
419
+ 100: 'rgba(255, 255, 255, 1)',
420
420
  },
421
421
  customizable: {
422
422
  red: {
@@ -510,6 +510,34 @@ export namespace BASE_TOKENS {
510
510
  96: string;
511
511
  100: string;
512
512
  };
513
+ const onAccent: {
514
+ 4: string;
515
+ 6: string;
516
+ 8: string;
517
+ 12: string;
518
+ 16: string;
519
+ 20: string;
520
+ 24: string;
521
+ 28: string;
522
+ 32: string;
523
+ 36: string;
524
+ 40: string;
525
+ 44: string;
526
+ 48: string;
527
+ 52: string;
528
+ 56: string;
529
+ 60: string;
530
+ 64: string;
531
+ 68: string;
532
+ 72: string;
533
+ 76: string;
534
+ 80: string;
535
+ 84: string;
536
+ 88: string;
537
+ 92: string;
538
+ 96: string;
539
+ 100: string;
540
+ };
513
541
  namespace customizable {
514
542
  namespace red {
515
543
  const vivid_5: {
@@ -459,32 +459,60 @@ exports.BASE_TOKENS = {
459
459
  100: 'rgba(0, 0, 0, 1)',
460
460
  },
461
461
  onBrand: {
462
- 4: 'rgba(0, 0, 0, 0.04)',
463
- 6: 'rgba(0, 0, 0, 0.06)',
464
- 8: 'rgba(0, 0, 0, 0.08)',
465
- 12: 'rgba(0, 0, 0, 0.12)',
466
- 16: 'rgba(0, 0, 0, 0.16)',
467
- 20: 'rgba(0, 0, 0, 0.2)',
468
- 24: 'rgba(0, 0, 0, 0.24)',
469
- 28: 'rgba(0, 0, 0, 0.28)',
470
- 32: 'rgba(0, 0, 0, 0.32)',
471
- 36: 'rgba(0, 0, 0, 0.36)',
472
- 40: 'rgba(0, 0, 0, 0.4)',
473
- 44: 'rgba(0, 0, 0, 0.44)',
474
- 48: 'rgba(0, 0, 0, 0.48)',
475
- 52: 'rgba(0, 0, 0, 0.52)',
476
- 56: 'rgba(0, 0, 0, 0.56)',
477
- 60: 'rgba(0, 0, 0, 0.6)',
478
- 64: 'rgba(0, 0, 0, 0.64)',
479
- 68: 'rgba(0, 0, 0, 0.68)',
480
- 72: 'rgba(0, 0, 0, 0.72)',
481
- 76: 'rgba(0, 0, 0, 0.76)',
482
- 80: 'rgba(0, 0, 0, 0.8)',
483
- 84: 'rgba(0, 0, 0, 0.84)',
484
- 88: 'rgba(0, 0, 0, 0.88)',
485
- 92: 'rgba(0, 0, 0, 0.92)',
486
- 96: 'rgba(0, 0, 0, 0.96)',
487
- 100: 'rgba(0, 0, 0, 1)',
462
+ 4: 'rgba(255, 255, 255, 0.04)',
463
+ 6: 'rgba(255, 255, 255, 0.06)',
464
+ 8: 'rgba(255, 255, 255, 0.08)',
465
+ 12: 'rgba(255, 255, 255, 0.12)',
466
+ 16: 'rgba(255, 255, 255, 0.16)',
467
+ 20: 'rgba(255, 255, 255, 0.2)',
468
+ 24: 'rgba(255, 255, 255, 0.24)',
469
+ 28: 'rgba(255, 255, 255, 0.28)',
470
+ 32: 'rgba(255, 255, 255, 0.32)',
471
+ 36: 'rgba(255, 255, 255, 0.36)',
472
+ 40: 'rgba(255, 255, 255, 0.4)',
473
+ 44: 'rgba(255, 255, 255, 0.44)',
474
+ 48: 'rgba(255, 255, 255, 0.48)',
475
+ 52: 'rgba(255, 255, 255, 0.52)',
476
+ 56: 'rgba(255, 255, 255, 0.56)',
477
+ 60: 'rgba(255, 255, 255, 0.6)',
478
+ 64: 'rgba(255, 255, 255, 0.64)',
479
+ 68: 'rgba(255, 255, 255, 0.68)',
480
+ 72: 'rgba(255, 255, 255, 0.72)',
481
+ 76: 'rgba(255, 255, 255, 0.76)',
482
+ 80: 'rgba(255, 255, 255, 0.8)',
483
+ 84: 'rgba(255, 255, 255, 0.84)',
484
+ 88: 'rgba(255, 255, 255, 0.88)',
485
+ 92: 'rgba(255, 255, 255, 0.92)',
486
+ 96: 'rgba(255, 255, 255, 0.96)',
487
+ 100: 'rgba(255, 255, 255, 1)',
488
+ },
489
+ onAccent: {
490
+ 4: 'rgba(255, 255, 255, 0.04)',
491
+ 6: 'rgba(255, 255, 255, 0.06)',
492
+ 8: 'rgba(255, 255, 255, 0.08)',
493
+ 12: 'rgba(255, 255, 255, 0.12)',
494
+ 16: 'rgba(255, 255, 255, 0.16)',
495
+ 20: 'rgba(255, 255, 255, 0.2)',
496
+ 24: 'rgba(255, 255, 255, 0.24)',
497
+ 28: 'rgba(255, 255, 255, 0.28)',
498
+ 32: 'rgba(255, 255, 255, 0.32)',
499
+ 36: 'rgba(255, 255, 255, 0.36)',
500
+ 40: 'rgba(255, 255, 255, 0.4)',
501
+ 44: 'rgba(255, 255, 255, 0.44)',
502
+ 48: 'rgba(255, 255, 255, 0.48)',
503
+ 52: 'rgba(255, 255, 255, 0.52)',
504
+ 56: 'rgba(255, 255, 255, 0.56)',
505
+ 60: 'rgba(255, 255, 255, 0.6)',
506
+ 64: 'rgba(255, 255, 255, 0.64)',
507
+ 68: 'rgba(255, 255, 255, 0.68)',
508
+ 72: 'rgba(255, 255, 255, 0.72)',
509
+ 76: 'rgba(255, 255, 255, 0.76)',
510
+ 80: 'rgba(255, 255, 255, 0.8)',
511
+ 84: 'rgba(255, 255, 255, 0.84)',
512
+ 88: 'rgba(255, 255, 255, 0.88)',
513
+ 92: 'rgba(255, 255, 255, 0.92)',
514
+ 96: 'rgba(255, 255, 255, 0.96)',
515
+ 100: 'rgba(255, 255, 255, 1)',
488
516
  },
489
517
  customizable: {
490
518
  red: {
@@ -391,32 +391,32 @@ exports.BASE_TOKENS = {
391
391
  100: 'rgba(0, 0, 0, 1)',
392
392
  },
393
393
  onBrand: {
394
- 4: 'rgba(0, 0, 0, 0.04)',
395
- 6: 'rgba(0, 0, 0, 0.06)',
396
- 8: 'rgba(0, 0, 0, 0.08)',
397
- 12: 'rgba(0, 0, 0, 0.12)',
398
- 16: 'rgba(0, 0, 0, 0.16)',
399
- 20: 'rgba(0, 0, 0, 0.2)',
400
- 24: 'rgba(0, 0, 0, 0.24)',
401
- 28: 'rgba(0, 0, 0, 0.28)',
402
- 32: 'rgba(0, 0, 0, 0.32)',
403
- 36: 'rgba(0, 0, 0, 0.36)',
404
- 40: 'rgba(0, 0, 0, 0.4)',
405
- 44: 'rgba(0, 0, 0, 0.44)',
406
- 48: 'rgba(0, 0, 0, 0.48)',
407
- 52: 'rgba(0, 0, 0, 0.52)',
408
- 56: 'rgba(0, 0, 0, 0.56)',
409
- 60: 'rgba(0, 0, 0, 0.6)',
410
- 64: 'rgba(0, 0, 0, 0.64)',
411
- 68: 'rgba(0, 0, 0, 0.68)',
412
- 72: 'rgba(0, 0, 0, 0.72)',
413
- 76: 'rgba(0, 0, 0, 0.76)',
414
- 80: 'rgba(0, 0, 0, 0.8)',
415
- 84: 'rgba(0, 0, 0, 0.84)',
416
- 88: 'rgba(0, 0, 0, 0.88)',
417
- 92: 'rgba(0, 0, 0, 0.92)',
418
- 96: 'rgba(0, 0, 0, 0.96)',
419
- 100: 'rgba(0, 0, 0, 1)',
394
+ 4: 'rgba(255, 255, 255, 0.04)',
395
+ 6: 'rgba(255, 255, 255, 0.06)',
396
+ 8: 'rgba(255, 255, 255, 0.08)',
397
+ 12: 'rgba(255, 255, 255, 0.12)',
398
+ 16: 'rgba(255, 255, 255, 0.16)',
399
+ 20: 'rgba(255, 255, 255, 0.2)',
400
+ 24: 'rgba(255, 255, 255, 0.24)',
401
+ 28: 'rgba(255, 255, 255, 0.28)',
402
+ 32: 'rgba(255, 255, 255, 0.32)',
403
+ 36: 'rgba(255, 255, 255, 0.36)',
404
+ 40: 'rgba(255, 255, 255, 0.4)',
405
+ 44: 'rgba(255, 255, 255, 0.44)',
406
+ 48: 'rgba(255, 255, 255, 0.48)',
407
+ 52: 'rgba(255, 255, 255, 0.52)',
408
+ 56: 'rgba(255, 255, 255, 0.56)',
409
+ 60: 'rgba(255, 255, 255, 0.6)',
410
+ 64: 'rgba(255, 255, 255, 0.64)',
411
+ 68: 'rgba(255, 255, 255, 0.68)',
412
+ 72: 'rgba(255, 255, 255, 0.72)',
413
+ 76: 'rgba(255, 255, 255, 0.76)',
414
+ 80: 'rgba(255, 255, 255, 0.8)',
415
+ 84: 'rgba(255, 255, 255, 0.84)',
416
+ 88: 'rgba(255, 255, 255, 0.88)',
417
+ 92: 'rgba(255, 255, 255, 0.92)',
418
+ 96: 'rgba(255, 255, 255, 0.96)',
419
+ 100: 'rgba(255, 255, 255, 1)',
420
420
  },
421
421
  customizable: {
422
422
  red: {
@@ -510,6 +510,34 @@ export namespace BASE_TOKENS {
510
510
  96: string;
511
511
  100: string;
512
512
  };
513
+ const onAccent: {
514
+ 4: string;
515
+ 6: string;
516
+ 8: string;
517
+ 12: string;
518
+ 16: string;
519
+ 20: string;
520
+ 24: string;
521
+ 28: string;
522
+ 32: string;
523
+ 36: string;
524
+ 40: string;
525
+ 44: string;
526
+ 48: string;
527
+ 52: string;
528
+ 56: string;
529
+ 60: string;
530
+ 64: string;
531
+ 68: string;
532
+ 72: string;
533
+ 76: string;
534
+ 80: string;
535
+ 84: string;
536
+ 88: string;
537
+ 92: string;
538
+ 96: string;
539
+ 100: string;
540
+ };
513
541
  namespace customizable {
514
542
  namespace red {
515
543
  const vivid_5: {
@@ -459,32 +459,60 @@ exports.BASE_TOKENS = {
459
459
  100: 'rgba(0, 0, 0, 1)',
460
460
  },
461
461
  onBrand: {
462
- 4: 'rgba(0, 0, 0, 0.04)',
463
- 6: 'rgba(0, 0, 0, 0.06)',
464
- 8: 'rgba(0, 0, 0, 0.08)',
465
- 12: 'rgba(0, 0, 0, 0.12)',
466
- 16: 'rgba(0, 0, 0, 0.16)',
467
- 20: 'rgba(0, 0, 0, 0.2)',
468
- 24: 'rgba(0, 0, 0, 0.24)',
469
- 28: 'rgba(0, 0, 0, 0.28)',
470
- 32: 'rgba(0, 0, 0, 0.32)',
471
- 36: 'rgba(0, 0, 0, 0.36)',
472
- 40: 'rgba(0, 0, 0, 0.4)',
473
- 44: 'rgba(0, 0, 0, 0.44)',
474
- 48: 'rgba(0, 0, 0, 0.48)',
475
- 52: 'rgba(0, 0, 0, 0.52)',
476
- 56: 'rgba(0, 0, 0, 0.56)',
477
- 60: 'rgba(0, 0, 0, 0.6)',
478
- 64: 'rgba(0, 0, 0, 0.64)',
479
- 68: 'rgba(0, 0, 0, 0.68)',
480
- 72: 'rgba(0, 0, 0, 0.72)',
481
- 76: 'rgba(0, 0, 0, 0.76)',
482
- 80: 'rgba(0, 0, 0, 0.8)',
483
- 84: 'rgba(0, 0, 0, 0.84)',
484
- 88: 'rgba(0, 0, 0, 0.88)',
485
- 92: 'rgba(0, 0, 0, 0.92)',
486
- 96: 'rgba(0, 0, 0, 0.96)',
487
- 100: 'rgba(0, 0, 0, 1)',
462
+ 4: 'rgba(255, 255, 255, 0.04)',
463
+ 6: 'rgba(255, 255, 255, 0.06)',
464
+ 8: 'rgba(255, 255, 255, 0.08)',
465
+ 12: 'rgba(255, 255, 255, 0.12)',
466
+ 16: 'rgba(255, 255, 255, 0.16)',
467
+ 20: 'rgba(255, 255, 255, 0.2)',
468
+ 24: 'rgba(255, 255, 255, 0.24)',
469
+ 28: 'rgba(255, 255, 255, 0.28)',
470
+ 32: 'rgba(255, 255, 255, 0.32)',
471
+ 36: 'rgba(255, 255, 255, 0.36)',
472
+ 40: 'rgba(255, 255, 255, 0.4)',
473
+ 44: 'rgba(255, 255, 255, 0.44)',
474
+ 48: 'rgba(255, 255, 255, 0.48)',
475
+ 52: 'rgba(255, 255, 255, 0.52)',
476
+ 56: 'rgba(255, 255, 255, 0.56)',
477
+ 60: 'rgba(255, 255, 255, 0.6)',
478
+ 64: 'rgba(255, 255, 255, 0.64)',
479
+ 68: 'rgba(255, 255, 255, 0.68)',
480
+ 72: 'rgba(255, 255, 255, 0.72)',
481
+ 76: 'rgba(255, 255, 255, 0.76)',
482
+ 80: 'rgba(255, 255, 255, 0.8)',
483
+ 84: 'rgba(255, 255, 255, 0.84)',
484
+ 88: 'rgba(255, 255, 255, 0.88)',
485
+ 92: 'rgba(255, 255, 255, 0.92)',
486
+ 96: 'rgba(255, 255, 255, 0.96)',
487
+ 100: 'rgba(255, 255, 255, 1)',
488
+ },
489
+ onAccent: {
490
+ 4: 'rgba(255, 255, 255, 0.04)',
491
+ 6: 'rgba(255, 255, 255, 0.06)',
492
+ 8: 'rgba(255, 255, 255, 0.08)',
493
+ 12: 'rgba(255, 255, 255, 0.12)',
494
+ 16: 'rgba(255, 255, 255, 0.16)',
495
+ 20: 'rgba(255, 255, 255, 0.2)',
496
+ 24: 'rgba(255, 255, 255, 0.24)',
497
+ 28: 'rgba(255, 255, 255, 0.28)',
498
+ 32: 'rgba(255, 255, 255, 0.32)',
499
+ 36: 'rgba(255, 255, 255, 0.36)',
500
+ 40: 'rgba(255, 255, 255, 0.4)',
501
+ 44: 'rgba(255, 255, 255, 0.44)',
502
+ 48: 'rgba(255, 255, 255, 0.48)',
503
+ 52: 'rgba(255, 255, 255, 0.52)',
504
+ 56: 'rgba(255, 255, 255, 0.56)',
505
+ 60: 'rgba(255, 255, 255, 0.6)',
506
+ 64: 'rgba(255, 255, 255, 0.64)',
507
+ 68: 'rgba(255, 255, 255, 0.68)',
508
+ 72: 'rgba(255, 255, 255, 0.72)',
509
+ 76: 'rgba(255, 255, 255, 0.76)',
510
+ 80: 'rgba(255, 255, 255, 0.8)',
511
+ 84: 'rgba(255, 255, 255, 0.84)',
512
+ 88: 'rgba(255, 255, 255, 0.88)',
513
+ 92: 'rgba(255, 255, 255, 0.92)',
514
+ 96: 'rgba(255, 255, 255, 0.96)',
515
+ 100: 'rgba(255, 255, 255, 1)',
488
516
  },
489
517
  customizable: {
490
518
  red: {
@@ -391,32 +391,32 @@ exports.BASE_TOKENS = {
391
391
  100: 'rgba(0, 0, 0, 1)',
392
392
  },
393
393
  onBrand: {
394
- 4: 'rgba(0, 0, 0, 0.04)',
395
- 6: 'rgba(0, 0, 0, 0.06)',
396
- 8: 'rgba(0, 0, 0, 0.08)',
397
- 12: 'rgba(0, 0, 0, 0.12)',
398
- 16: 'rgba(0, 0, 0, 0.16)',
399
- 20: 'rgba(0, 0, 0, 0.2)',
400
- 24: 'rgba(0, 0, 0, 0.24)',
401
- 28: 'rgba(0, 0, 0, 0.28)',
402
- 32: 'rgba(0, 0, 0, 0.32)',
403
- 36: 'rgba(0, 0, 0, 0.36)',
404
- 40: 'rgba(0, 0, 0, 0.4)',
405
- 44: 'rgba(0, 0, 0, 0.44)',
406
- 48: 'rgba(0, 0, 0, 0.48)',
407
- 52: 'rgba(0, 0, 0, 0.52)',
408
- 56: 'rgba(0, 0, 0, 0.56)',
409
- 60: 'rgba(0, 0, 0, 0.6)',
410
- 64: 'rgba(0, 0, 0, 0.64)',
411
- 68: 'rgba(0, 0, 0, 0.68)',
412
- 72: 'rgba(0, 0, 0, 0.72)',
413
- 76: 'rgba(0, 0, 0, 0.76)',
414
- 80: 'rgba(0, 0, 0, 0.8)',
415
- 84: 'rgba(0, 0, 0, 0.84)',
416
- 88: 'rgba(0, 0, 0, 0.88)',
417
- 92: 'rgba(0, 0, 0, 0.92)',
418
- 96: 'rgba(0, 0, 0, 0.96)',
419
- 100: 'rgba(0, 0, 0, 1)',
394
+ 4: 'rgba(255, 255, 255, 0.04)',
395
+ 6: 'rgba(255, 255, 255, 0.06)',
396
+ 8: 'rgba(255, 255, 255, 0.08)',
397
+ 12: 'rgba(255, 255, 255, 0.12)',
398
+ 16: 'rgba(255, 255, 255, 0.16)',
399
+ 20: 'rgba(255, 255, 255, 0.2)',
400
+ 24: 'rgba(255, 255, 255, 0.24)',
401
+ 28: 'rgba(255, 255, 255, 0.28)',
402
+ 32: 'rgba(255, 255, 255, 0.32)',
403
+ 36: 'rgba(255, 255, 255, 0.36)',
404
+ 40: 'rgba(255, 255, 255, 0.4)',
405
+ 44: 'rgba(255, 255, 255, 0.44)',
406
+ 48: 'rgba(255, 255, 255, 0.48)',
407
+ 52: 'rgba(255, 255, 255, 0.52)',
408
+ 56: 'rgba(255, 255, 255, 0.56)',
409
+ 60: 'rgba(255, 255, 255, 0.6)',
410
+ 64: 'rgba(255, 255, 255, 0.64)',
411
+ 68: 'rgba(255, 255, 255, 0.68)',
412
+ 72: 'rgba(255, 255, 255, 0.72)',
413
+ 76: 'rgba(255, 255, 255, 0.76)',
414
+ 80: 'rgba(255, 255, 255, 0.8)',
415
+ 84: 'rgba(255, 255, 255, 0.84)',
416
+ 88: 'rgba(255, 255, 255, 0.88)',
417
+ 92: 'rgba(255, 255, 255, 0.92)',
418
+ 96: 'rgba(255, 255, 255, 0.96)',
419
+ 100: 'rgba(255, 255, 255, 1)',
420
420
  },
421
421
  customizable: {
422
422
  red: {
@@ -510,6 +510,34 @@ export namespace BASE_TOKENS {
510
510
  96: string;
511
511
  100: string;
512
512
  };
513
+ const onAccent: {
514
+ 4: string;
515
+ 6: string;
516
+ 8: string;
517
+ 12: string;
518
+ 16: string;
519
+ 20: string;
520
+ 24: string;
521
+ 28: string;
522
+ 32: string;
523
+ 36: string;
524
+ 40: string;
525
+ 44: string;
526
+ 48: string;
527
+ 52: string;
528
+ 56: string;
529
+ 60: string;
530
+ 64: string;
531
+ 68: string;
532
+ 72: string;
533
+ 76: string;
534
+ 80: string;
535
+ 84: string;
536
+ 88: string;
537
+ 92: string;
538
+ 96: string;
539
+ 100: string;
540
+ };
513
541
  namespace customizable {
514
542
  namespace red {
515
543
  const vivid_5: {
@@ -459,32 +459,60 @@ exports.BASE_TOKENS = {
459
459
  100: 'rgba(0, 0, 0, 1)',
460
460
  },
461
461
  onBrand: {
462
- 4: 'rgba(0, 0, 0, 0.04)',
463
- 6: 'rgba(0, 0, 0, 0.06)',
464
- 8: 'rgba(0, 0, 0, 0.08)',
465
- 12: 'rgba(0, 0, 0, 0.12)',
466
- 16: 'rgba(0, 0, 0, 0.16)',
467
- 20: 'rgba(0, 0, 0, 0.2)',
468
- 24: 'rgba(0, 0, 0, 0.24)',
469
- 28: 'rgba(0, 0, 0, 0.28)',
470
- 32: 'rgba(0, 0, 0, 0.32)',
471
- 36: 'rgba(0, 0, 0, 0.36)',
472
- 40: 'rgba(0, 0, 0, 0.4)',
473
- 44: 'rgba(0, 0, 0, 0.44)',
474
- 48: 'rgba(0, 0, 0, 0.48)',
475
- 52: 'rgba(0, 0, 0, 0.52)',
476
- 56: 'rgba(0, 0, 0, 0.56)',
477
- 60: 'rgba(0, 0, 0, 0.6)',
478
- 64: 'rgba(0, 0, 0, 0.64)',
479
- 68: 'rgba(0, 0, 0, 0.68)',
480
- 72: 'rgba(0, 0, 0, 0.72)',
481
- 76: 'rgba(0, 0, 0, 0.76)',
482
- 80: 'rgba(0, 0, 0, 0.8)',
483
- 84: 'rgba(0, 0, 0, 0.84)',
484
- 88: 'rgba(0, 0, 0, 0.88)',
485
- 92: 'rgba(0, 0, 0, 0.92)',
486
- 96: 'rgba(0, 0, 0, 0.96)',
487
- 100: 'rgba(0, 0, 0, 1)',
462
+ 4: 'rgba(255, 255, 255, 0.04)',
463
+ 6: 'rgba(255, 255, 255, 0.06)',
464
+ 8: 'rgba(255, 255, 255, 0.08)',
465
+ 12: 'rgba(255, 255, 255, 0.12)',
466
+ 16: 'rgba(255, 255, 255, 0.16)',
467
+ 20: 'rgba(255, 255, 255, 0.2)',
468
+ 24: 'rgba(255, 255, 255, 0.24)',
469
+ 28: 'rgba(255, 255, 255, 0.28)',
470
+ 32: 'rgba(255, 255, 255, 0.32)',
471
+ 36: 'rgba(255, 255, 255, 0.36)',
472
+ 40: 'rgba(255, 255, 255, 0.4)',
473
+ 44: 'rgba(255, 255, 255, 0.44)',
474
+ 48: 'rgba(255, 255, 255, 0.48)',
475
+ 52: 'rgba(255, 255, 255, 0.52)',
476
+ 56: 'rgba(255, 255, 255, 0.56)',
477
+ 60: 'rgba(255, 255, 255, 0.6)',
478
+ 64: 'rgba(255, 255, 255, 0.64)',
479
+ 68: 'rgba(255, 255, 255, 0.68)',
480
+ 72: 'rgba(255, 255, 255, 0.72)',
481
+ 76: 'rgba(255, 255, 255, 0.76)',
482
+ 80: 'rgba(255, 255, 255, 0.8)',
483
+ 84: 'rgba(255, 255, 255, 0.84)',
484
+ 88: 'rgba(255, 255, 255, 0.88)',
485
+ 92: 'rgba(255, 255, 255, 0.92)',
486
+ 96: 'rgba(255, 255, 255, 0.96)',
487
+ 100: 'rgba(255, 255, 255, 1)',
488
+ },
489
+ onAccent: {
490
+ 4: 'rgba(255, 255, 255, 0.04)',
491
+ 6: 'rgba(255, 255, 255, 0.06)',
492
+ 8: 'rgba(255, 255, 255, 0.08)',
493
+ 12: 'rgba(255, 255, 255, 0.12)',
494
+ 16: 'rgba(255, 255, 255, 0.16)',
495
+ 20: 'rgba(255, 255, 255, 0.2)',
496
+ 24: 'rgba(255, 255, 255, 0.24)',
497
+ 28: 'rgba(255, 255, 255, 0.28)',
498
+ 32: 'rgba(255, 255, 255, 0.32)',
499
+ 36: 'rgba(255, 255, 255, 0.36)',
500
+ 40: 'rgba(255, 255, 255, 0.4)',
501
+ 44: 'rgba(255, 255, 255, 0.44)',
502
+ 48: 'rgba(255, 255, 255, 0.48)',
503
+ 52: 'rgba(255, 255, 255, 0.52)',
504
+ 56: 'rgba(255, 255, 255, 0.56)',
505
+ 60: 'rgba(255, 255, 255, 0.6)',
506
+ 64: 'rgba(255, 255, 255, 0.64)',
507
+ 68: 'rgba(255, 255, 255, 0.68)',
508
+ 72: 'rgba(255, 255, 255, 0.72)',
509
+ 76: 'rgba(255, 255, 255, 0.76)',
510
+ 80: 'rgba(255, 255, 255, 0.8)',
511
+ 84: 'rgba(255, 255, 255, 0.84)',
512
+ 88: 'rgba(255, 255, 255, 0.88)',
513
+ 92: 'rgba(255, 255, 255, 0.92)',
514
+ 96: 'rgba(255, 255, 255, 0.96)',
515
+ 100: 'rgba(255, 255, 255, 1)',
488
516
  },
489
517
  customizable: {
490
518
  red: {