@skbkontur/colors 2.0.0-alpha.2 → 2.0.0-alpha.3

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 (123) hide show
  1. package/CHANGELOG.md +84 -0
  2. package/README.md +104 -171
  3. package/dist/colors.default-dark.js +16 -16
  4. package/dist/colors.default-light.js +17 -17
  5. package/dist/esm/consts/params/abney-correction.d.ts +2 -0
  6. package/dist/esm/consts/params/chroma-params.d.ts +2 -0
  7. package/dist/esm/{constants/chroma-settings.js → consts/params/chroma-params.js} +1 -1
  8. package/dist/esm/consts/params/logo-lightness.d.ts +1 -0
  9. package/dist/esm/consts/params/logo-lightness.js +1 -0
  10. package/dist/esm/get-colors-base.d.ts +12 -0
  11. package/dist/esm/get-colors-base.js +81 -0
  12. package/dist/{cjs/get-default-tokens.d.ts → esm/get-colors-default-tokens.d.ts} +2 -2
  13. package/dist/{cjs/get-default-tokens.js → esm/get-colors-default-tokens.js} +34 -38
  14. package/dist/esm/get-colors.d.ts +3 -10
  15. package/dist/esm/get-colors.js +6 -8
  16. package/dist/esm/get-default-tokens.d.ts +1 -1
  17. package/dist/esm/get-default-tokens.js +33 -33
  18. package/dist/esm/helpers/get-interactions.js +1 -1
  19. package/dist/esm/helpers/get-logo.js +4 -4
  20. package/dist/esm/helpers/get-palette.d.ts +3 -3
  21. package/dist/esm/helpers/get-palette.js +6 -6
  22. package/dist/esm/helpers/get-promo.js +1 -1
  23. package/dist/esm/types/{generator-tokens.d.ts → tokens-base-generator.d.ts} +2 -2
  24. package/dist/esm/types/tokens.d.ts +12 -0
  25. package/dist/esm/types/tokens.js +1 -0
  26. package/dist/esm/utils/convert-color.d.ts +3 -0
  27. package/dist/esm/utils/convert-color.js +133 -0
  28. package/dist/tokens/brand-blue-deep_accent-brand.css +33 -33
  29. package/dist/tokens/brand-blue-deep_accent-gray.css +33 -33
  30. package/dist/tokens/brand-blue_accent-brand.css +33 -33
  31. package/dist/tokens/brand-blue_accent-gray.css +33 -33
  32. package/dist/tokens/brand-green_accent-brand.css +33 -33
  33. package/dist/tokens/brand-green_accent-gray.css +33 -33
  34. package/dist/tokens/brand-mint_accent-brand.css +33 -33
  35. package/dist/tokens/brand-mint_accent-gray.css +33 -33
  36. package/dist/tokens/brand-orange_accent-gray.css +33 -33
  37. package/dist/tokens/brand-purple_accent-brand.css +33 -33
  38. package/dist/tokens/brand-purple_accent-gray.css +33 -33
  39. package/dist/tokens/brand-red_accent-gray.css +33 -33
  40. package/dist/tokens/brand-violet_accent-brand.css +33 -33
  41. package/dist/tokens/brand-violet_accent-gray.css +33 -33
  42. package/dist/tokens-js/brand-blue-deep_accent-brand.js +33 -33
  43. package/dist/tokens-js/brand-blue-deep_accent-gray.js +33 -33
  44. package/dist/tokens-js/brand-blue_accent-brand.js +33 -33
  45. package/dist/tokens-js/brand-blue_accent-gray.js +33 -33
  46. package/dist/tokens-js/brand-green_accent-brand.js +33 -33
  47. package/dist/tokens-js/brand-green_accent-gray.js +33 -33
  48. package/dist/tokens-js/brand-mint_accent-brand.js +33 -33
  49. package/dist/tokens-js/brand-mint_accent-gray.js +33 -33
  50. package/dist/tokens-js/brand-orange_accent-gray.js +33 -33
  51. package/dist/tokens-js/brand-purple_accent-brand.js +33 -33
  52. package/dist/tokens-js/brand-purple_accent-gray.js +33 -33
  53. package/dist/tokens-js/brand-red_accent-gray.js +33 -33
  54. package/dist/tokens-js/brand-violet_accent-brand.js +33 -33
  55. package/dist/tokens-js/brand-violet_accent-gray.js +33 -33
  56. package/dist/tokens-mobile/brand-blue-deep_accent-brand.json +304 -304
  57. package/dist/tokens-mobile/brand-blue-deep_accent-gray.json +304 -304
  58. package/dist/tokens-mobile/brand-blue_accent-brand.json +304 -304
  59. package/dist/tokens-mobile/brand-blue_accent-gray.json +304 -304
  60. package/dist/tokens-mobile/brand-green_accent-brand.json +304 -304
  61. package/dist/tokens-mobile/brand-green_accent-gray.json +304 -304
  62. package/dist/tokens-mobile/brand-mint_accent-brand.json +304 -304
  63. package/dist/tokens-mobile/brand-mint_accent-gray.json +304 -304
  64. package/dist/tokens-mobile/brand-orange_accent-gray.json +303 -303
  65. package/dist/tokens-mobile/brand-purple_accent-brand.json +304 -304
  66. package/dist/tokens-mobile/brand-purple_accent-gray.json +304 -304
  67. package/dist/tokens-mobile/brand-red_accent-gray.json +303 -303
  68. package/dist/tokens-mobile/brand-violet_accent-brand.json +300 -300
  69. package/dist/tokens-mobile/brand-violet_accent-gray.json +302 -302
  70. package/package.json +13 -22
  71. package/scripts/babel-register.js +4 -0
  72. package/scripts/tokens-base.json +3499 -0
  73. package/scripts/tokens.json +710 -0
  74. package/dist/cjs/constants/abney-correction.d.ts +0 -2
  75. package/dist/cjs/constants/abney-correction.js +0 -1105
  76. package/dist/cjs/constants/chroma-settings.d.ts +0 -2
  77. package/dist/cjs/constants/chroma-settings.js +0 -105
  78. package/dist/cjs/constants/default-swatch.js +0 -112
  79. package/dist/cjs/constants/interaction-settings.js +0 -19
  80. package/dist/cjs/constants/logo-lightness.d.ts +0 -1
  81. package/dist/cjs/constants/logo-lightness.js +0 -4
  82. package/dist/cjs/constants/promo-hue-shift.js +0 -14
  83. package/dist/cjs/constants/warning-hue-patch.js +0 -25
  84. package/dist/cjs/get-base-tokens.d.ts +0 -26
  85. package/dist/cjs/get-base-tokens.js +0 -319
  86. package/dist/cjs/get-colors.d.ts +0 -20
  87. package/dist/cjs/get-colors.js +0 -20
  88. package/dist/cjs/helpers/get-interactions.d.ts +0 -7
  89. package/dist/cjs/helpers/get-interactions.js +0 -61
  90. package/dist/cjs/helpers/get-logo.d.ts +0 -6
  91. package/dist/cjs/helpers/get-logo.js +0 -32
  92. package/dist/cjs/helpers/get-palette.d.ts +0 -76
  93. package/dist/cjs/helpers/get-palette.js +0 -287
  94. package/dist/cjs/helpers/get-promo.d.ts +0 -12
  95. package/dist/cjs/helpers/get-promo.js +0 -56
  96. package/dist/cjs/types/base-tokens.js +0 -2
  97. package/dist/cjs/types/generator-tokens.d.ts +0 -43
  98. package/dist/cjs/types/generator-tokens.js +0 -2
  99. package/dist/cjs/utils/format-variable.d.ts +0 -2
  100. package/dist/cjs/utils/format-variable.js +0 -15
  101. package/dist/esm/constants/abney-correction.d.ts +0 -2
  102. package/dist/esm/constants/chroma-settings.d.ts +0 -2
  103. package/dist/esm/constants/default-swatch.d.ts +0 -109
  104. package/dist/esm/constants/interaction-settings.d.ts +0 -8
  105. package/dist/esm/constants/logo-lightness.d.ts +0 -1
  106. package/dist/esm/constants/logo-lightness.js +0 -1
  107. package/dist/esm/constants/promo-hue-shift.d.ts +0 -3
  108. package/dist/esm/constants/warning-hue-patch.d.ts +0 -3
  109. package/dist/esm/get-base-tokens.d.ts +0 -26
  110. package/dist/esm/get-base-tokens.js +0 -257
  111. package/dist/esm/types/base-tokens.d.ts +0 -125
  112. /package/dist/{cjs/constants → esm/consts}/default-swatch.d.ts +0 -0
  113. /package/dist/esm/{constants → consts}/default-swatch.js +0 -0
  114. /package/dist/esm/{constants → consts/params}/abney-correction.js +0 -0
  115. /package/dist/{cjs/constants/interaction-settings.d.ts → esm/consts/params/interactions.d.ts} +0 -0
  116. /package/dist/esm/{constants/interaction-settings.js → consts/params/interactions.js} +0 -0
  117. /package/dist/{cjs/constants → esm/consts/params}/promo-hue-shift.d.ts +0 -0
  118. /package/dist/esm/{constants → consts/params}/promo-hue-shift.js +0 -0
  119. /package/dist/{cjs/constants → esm/consts/params}/warning-hue-patch.d.ts +0 -0
  120. /package/dist/esm/{constants → consts/params}/warning-hue-patch.js +0 -0
  121. /package/dist/esm/types/{base-tokens.js → tokens-base-generator.js} +0 -0
  122. /package/dist/{cjs/types/base-tokens.d.ts → esm/types/tokens-base.d.ts} +0 -0
  123. /package/dist/esm/types/{generator-tokens.js → tokens-base.js} +0 -0
package/dist/tokens/brand-violet_accent-brand.css CHANGED
@@ -76,8 +76,8 @@
76
76
  --k-color-shape-faint-error-hover: #ffdadd;
77
77
  --k-color-shape-faint-error-pressed: #f5dee0;
78
78
  --k-color-shape-faint-neutral-alpha: rgba(0, 0, 0, 0.06);
79
- --k-color-shape-faint-neutral-alpha-hover: rgba(0, 0, 0, 0.08);
80
- --k-color-shape-faint-neutral-alpha-pressed: rgba(0, 0, 0, 0.12);
79
+ --k-color-shape-faint-neutral-alpha-hover: rgba(0, 0, 0, 0.12);
80
+ --k-color-shape-faint-neutral-alpha-pressed: rgba(0, 0, 0, 0.16);
81
81
  --k-color-shape-faint-success: #defbe2;
82
82
  --k-color-shape-faint-success-hover: #c3f3ca;
83
83
  --k-color-shape-faint-success-pressed: #d1edd5;
@@ -90,7 +90,7 @@
90
90
  --k-color-shape-heavy-warning: #543600;
91
91
  --k-color-shape-other-accent-bold-disabled: rgba(0, 0, 0, 0.32);
92
92
  --k-color-shape-other-backless-hover: rgba(0, 0, 0, 0.06);
93
- --k-color-shape-other-backless-pressed: rgba(0, 0, 0, 0.08);
93
+ --k-color-shape-other-backless-pressed: rgba(0, 0, 0, 0.16);
94
94
  --k-color-shape-other-base: #fff;
95
95
  --k-color-shape-other-base-hover: #f2f2f2;
96
96
  --k-color-shape-other-base-pressed: #e4e4e4;
@@ -107,7 +107,7 @@
107
107
  --k-color-shape-other-neutral-pale-solid: #e4e4e4;
108
108
  --k-color-shape-other-neutral-pale-solid-hover: #d7d7d7;
109
109
  --k-color-shape-other-neutral-pale-solid-pressed: #cacaca;
110
- --k-color-shape-other-neutral-soft-solid: #cacaca;
110
+ --k-color-shape-other-neutral-soft-solid: #d7d7d7;
111
111
  --k-color-shape-other-neutral-soft-solid-hover: #bebebe;
112
112
  --k-color-shape-other-neutral-soft-solid-pressed: #b1b1b1;
113
113
  --k-color-shape-pale-accent: #e4e0ff;
@@ -119,9 +119,9 @@
119
119
  --k-color-shape-pale-error: #ffdadd;
120
120
  --k-color-shape-pale-error-hover: #ffc7c7;
121
121
  --k-color-shape-pale-error-pressed: #f2cdcd;
122
- --k-color-shape-pale-neutral-alpha: rgba(0, 0, 0, 0.08);
123
- --k-color-shape-pale-neutral-alpha-hover: rgba(0, 0, 0, 0.12);
124
- --k-color-shape-pale-neutral-alpha-pressed: rgba(0, 0, 0, 0.16);
122
+ --k-color-shape-pale-neutral-alpha: rgba(0, 0, 0, 0.12);
123
+ --k-color-shape-pale-neutral-alpha-hover: rgba(0, 0, 0, 0.16);
124
+ --k-color-shape-pale-neutral-alpha-pressed: rgba(0, 0, 0, 0.24);
125
125
  --k-color-shape-pale-success: #c3f3ca;
126
126
  --k-color-shape-pale-success-hover: #a7ebb2;
127
127
  --k-color-shape-pale-success-pressed: #bae4c0;
@@ -155,12 +155,12 @@
155
155
  --k-color-shape-inverted-neutral-heavy: #fff;
156
156
  --k-color-shape-inverted-neutral-heavy-hover: rgba(255, 255, 255, 0.88);
157
157
  --k-color-shape-inverted-neutral-heavy-pressed: rgba(255, 255, 255, 0.72);
158
- --k-color-shape-inverted-neutral-pale-alpha: rgba(255, 255, 255, 0.08);
159
- --k-color-shape-inverted-neutral-pale-alpha-hover: rgba(255, 255, 255, 0.12);
158
+ --k-color-shape-inverted-neutral-pale-alpha: rgba(255, 255, 255, 0.12);
159
+ --k-color-shape-inverted-neutral-pale-alpha-hover: rgba(255, 255, 255, 0.16);
160
160
  --k-color-shape-inverted-neutral-pale-alpha-pressed: rgba(255, 255, 255, 0.06);
161
161
  --k-color-shape-inverted-neutral-soft-alpha: rgba(255, 255, 255, 0.16);
162
162
  --k-color-shape-inverted-neutral-soft-alpha-hover: rgba(255, 255, 255, 0.24);
163
- --k-color-shape-inverted-neutral-soft-alpha-pressed: rgba(255, 255, 255, 0.12);
163
+ --k-color-shape-inverted-neutral-soft-alpha-pressed: rgba(255, 255, 255, 0.08);
164
164
  --k-color-shape-const-backless-black-hover: rgba(0, 0, 0, 0.12);
165
165
  --k-color-shape-const-backless-black-pressed: rgba(0, 0, 0, 0.16);
166
166
  --k-color-shape-const-backless-white-hover: rgba(255, 255, 255, 0.12);
@@ -265,21 +265,21 @@
265
265
  --k-color-illustration-white: #fff;
266
266
  --k-color-customizable-bold-black: #696969;
267
267
  --k-color-customizable-bold-blue: #369bff;
268
- --k-color-customizable-bold-blue-deep: #6592ff;
268
+ --k-color-customizable-bold-blue-deep: #5183ff;
269
269
  --k-color-customizable-bold-gray: #a4a4a4;
270
270
  --k-color-customizable-bold-green: #00b74e;
271
- --k-color-customizable-bold-mint: #01b197;
271
+ --k-color-customizable-bold-mint: #05bfa3;
272
272
  --k-color-customizable-bold-orange: #f56600;
273
273
  --k-color-customizable-bold-purple: #cf60ec;
274
274
  --k-color-customizable-bold-red: #ff5352;
275
275
  --k-color-customizable-bold-violet: #a17bff;
276
- --k-color-customizable-bold-yellow: #dfa700;
276
+ --k-color-customizable-bold-yellow: #ecb400;
277
277
  --k-color-customizable-faint-black: #e4e4e4;
278
278
  --k-color-customizable-faint-blue: #e2f5ff;
279
279
  --k-color-customizable-faint-blue-deep: #e8f3ff;
280
280
  --k-color-customizable-faint-gray: #f2f2f2;
281
- --k-color-customizable-faint-green: #d4ffda;
282
- --k-color-customizable-faint-mint: #c8fff7;
281
+ --k-color-customizable-faint-green: #defbe2;
282
+ --k-color-customizable-faint-mint: #d2fcf6;
283
283
  --k-color-customizable-faint-orange: #ffeee1;
284
284
  --k-color-customizable-faint-purple: #ffeaff;
285
285
  --k-color-customizable-faint-red: #ffedef;
@@ -300,8 +300,8 @@
300
300
  --k-color-customizable-pale-blue: #c7ebff;
301
301
  --k-color-customizable-pale-blue-deep: #d2e7ff;
302
302
  --k-color-customizable-pale-gray: #e4e4e4;
303
- --k-color-customizable-pale-green: #b0fabd;
304
- --k-color-customizable-pale-mint: #88fdeb;
303
+ --k-color-customizable-pale-green: #c3f3ca;
304
+ --k-color-customizable-pale-mint: #adf5e9;
305
305
  --k-color-customizable-pale-orange: #ffddc6;
306
306
  --k-color-customizable-pale-purple: #fbd6ff;
307
307
  --k-color-customizable-pale-red: #ffdadd;
@@ -425,13 +425,13 @@
425
425
  --k-color-shape-other-low-pressed: rgba(0, 0, 0, 0.32);
426
426
  --k-color-shape-other-neutral-faint-solid: #333;
427
427
  --k-color-shape-other-neutral-faint-solid-hover: #3d3d3d;
428
- --k-color-shape-other-neutral-faint-solid-pressed: #292929;
428
+ --k-color-shape-other-neutral-faint-solid-pressed: #333;
429
429
  --k-color-shape-other-neutral-pale-solid: #3d3d3d;
430
430
  --k-color-shape-other-neutral-pale-solid-hover: #484848;
431
431
  --k-color-shape-other-neutral-pale-solid-pressed: #333;
432
- --k-color-shape-other-neutral-soft-solid: #525252;
432
+ --k-color-shape-other-neutral-soft-solid: #484848;
433
433
  --k-color-shape-other-neutral-soft-solid-hover: #5d5d5d;
434
- --k-color-shape-other-neutral-soft-solid-pressed: #484848;
434
+ --k-color-shape-other-neutral-soft-solid-pressed: #3d3d3d;
435
435
  --k-color-shape-pale-accent: #413169;
436
436
  --k-color-shape-pale-accent-hover: #4c3a7a;
437
437
  --k-color-shape-pale-accent-pressed: #362958;
@@ -441,8 +441,8 @@
441
441
  --k-color-shape-pale-error: #602a27;
442
442
  --k-color-shape-pale-error-hover: #71312e;
443
443
  --k-color-shape-pale-error-pressed: #502421;
444
- --k-color-shape-pale-neutral-alpha: rgba(255, 255, 255, 0.08);
445
- --k-color-shape-pale-neutral-alpha-hover: rgba(255, 255, 255, 0.12);
444
+ --k-color-shape-pale-neutral-alpha: rgba(255, 255, 255, 0.12);
445
+ --k-color-shape-pale-neutral-alpha-hover: rgba(255, 255, 255, 0.16);
446
446
  --k-color-shape-pale-neutral-alpha-pressed: rgba(255, 255, 255, 0.06);
447
447
  --k-color-shape-pale-success: #27452d;
448
448
  --k-color-shape-pale-success-hover: #2d5134;
@@ -461,7 +461,7 @@
461
461
  --k-color-shape-soft-error-pressed: #823835;
462
462
  --k-color-shape-soft-neutral-alpha: rgba(255, 255, 255, 0.16);
463
463
  --k-color-shape-soft-neutral-alpha-hover: rgba(255, 255, 255, 0.24);
464
- --k-color-shape-soft-neutral-alpha-pressed: rgba(255, 255, 255, 0.12);
464
+ --k-color-shape-soft-neutral-alpha-pressed: rgba(255, 255, 255, 0.08);
465
465
  --k-color-shape-soft-success: #3a6a43;
466
466
  --k-color-shape-soft-success-hover: #3f784b;
467
467
  --k-color-shape-soft-success-pressed: #345e3c;
@@ -469,17 +469,17 @@
469
469
  --k-color-shape-soft-warning-hover: #956c30;
470
470
  --k-color-shape-soft-warning-pressed: #775728;
471
471
  --k-color-shape-inverted-backless-hover: rgba(0, 0, 0, 0.06);
472
- --k-color-shape-inverted-backless-pressed: rgba(0, 0, 0, 0.08);
472
+ --k-color-shape-inverted-backless-pressed: rgba(0, 0, 0, 0.16);
473
473
  --k-color-shape-inverted-disabled: rgba(0, 0, 0, 0.06);
474
474
  --k-color-shape-inverted-neutral-faint-alpha: rgba(0, 0, 0, 0.06);
475
- --k-color-shape-inverted-neutral-faint-alpha-hover: rgba(0, 0, 0, 0.08);
476
- --k-color-shape-inverted-neutral-faint-alpha-pressed: rgba(0, 0, 0, 0.12);
475
+ --k-color-shape-inverted-neutral-faint-alpha-hover: rgba(0, 0, 0, 0.12);
476
+ --k-color-shape-inverted-neutral-faint-alpha-pressed: rgba(0, 0, 0, 0.16);
477
477
  --k-color-shape-inverted-neutral-heavy: rgba(0, 0, 0, 0.8);
478
478
  --k-color-shape-inverted-neutral-heavy-hover: rgba(0, 0, 0, 0.88);
479
479
  --k-color-shape-inverted-neutral-heavy-pressed: rgba(0, 0, 0, 0.72);
480
- --k-color-shape-inverted-neutral-pale-alpha: rgba(0, 0, 0, 0.08);
481
- --k-color-shape-inverted-neutral-pale-alpha-hover: rgba(0, 0, 0, 0.12);
482
- --k-color-shape-inverted-neutral-pale-alpha-pressed: rgba(0, 0, 0, 0.16);
480
+ --k-color-shape-inverted-neutral-pale-alpha: rgba(0, 0, 0, 0.12);
481
+ --k-color-shape-inverted-neutral-pale-alpha-hover: rgba(0, 0, 0, 0.16);
482
+ --k-color-shape-inverted-neutral-pale-alpha-pressed: rgba(0, 0, 0, 0.24);
483
483
  --k-color-shape-inverted-neutral-soft-alpha: rgba(0, 0, 0, 0.16);
484
484
  --k-color-shape-inverted-neutral-soft-alpha-hover: rgba(0, 0, 0, 0.24);
485
485
  --k-color-shape-inverted-neutral-soft-alpha-pressed: rgba(0, 0, 0, 0.32);
@@ -587,15 +587,15 @@
587
587
  --k-color-illustration-white: #fff;
588
588
  --k-color-customizable-bold-black: #b1b1b1;
589
589
  --k-color-customizable-bold-blue: #2b8df2;
590
- --k-color-customizable-bold-blue-deep: #5183ff;
590
+ --k-color-customizable-bold-blue-deep: #3e72ff;
591
591
  --k-color-customizable-bold-gray: #696969;
592
592
  --k-color-customizable-bold-green: #2ca651;
593
- --k-color-customizable-bold-mint: #00a38b;
594
- --k-color-customizable-bold-orange: #d96528;
593
+ --k-color-customizable-bold-mint: #01b197;
594
+ --k-color-customizable-bold-orange: #ed6d28;
595
595
  --k-color-customizable-bold-purple: #be5ad8;
596
596
  --k-color-customizable-bold-red: #ee4948;
597
597
  --k-color-customizable-bold-violet: #956ef2;
598
- --k-color-customizable-bold-yellow: #d19a00;
598
+ --k-color-customizable-bold-yellow: #dfa700;
599
599
  --k-color-customizable-faint-black: #484848;
600
600
  --k-color-customizable-faint-blue: #1f344d;
601
601
  --k-color-customizable-faint-blue-deep: #1e305c;
package/dist/tokens/brand-violet_accent-gray.css CHANGED
@@ -76,8 +76,8 @@
76
76
  --k-color-shape-faint-error-hover: #ffdadd;
77
77
  --k-color-shape-faint-error-pressed: #f5dee0;
78
78
  --k-color-shape-faint-neutral-alpha: rgba(0, 0, 0, 0.06);
79
- --k-color-shape-faint-neutral-alpha-hover: rgba(0, 0, 0, 0.08);
80
- --k-color-shape-faint-neutral-alpha-pressed: rgba(0, 0, 0, 0.12);
79
+ --k-color-shape-faint-neutral-alpha-hover: rgba(0, 0, 0, 0.12);
80
+ --k-color-shape-faint-neutral-alpha-pressed: rgba(0, 0, 0, 0.16);
81
81
  --k-color-shape-faint-success: #defbe2;
82
82
  --k-color-shape-faint-success-hover: #c3f3ca;
83
83
  --k-color-shape-faint-success-pressed: #d1edd5;
@@ -90,7 +90,7 @@
90
90
  --k-color-shape-heavy-warning: #543600;
91
91
  --k-color-shape-other-accent-bold-disabled: rgba(0, 0, 0, 0.32);
92
92
  --k-color-shape-other-backless-hover: rgba(0, 0, 0, 0.06);
93
- --k-color-shape-other-backless-pressed: rgba(0, 0, 0, 0.08);
93
+ --k-color-shape-other-backless-pressed: rgba(0, 0, 0, 0.16);
94
94
  --k-color-shape-other-base: #fff;
95
95
  --k-color-shape-other-base-hover: #f2f2f2;
96
96
  --k-color-shape-other-base-pressed: #e4e4e4;
@@ -107,7 +107,7 @@
107
107
  --k-color-shape-other-neutral-pale-solid: #e4e4e4;
108
108
  --k-color-shape-other-neutral-pale-solid-hover: #d7d7d7;
109
109
  --k-color-shape-other-neutral-pale-solid-pressed: #cacaca;
110
- --k-color-shape-other-neutral-soft-solid: #cacaca;
110
+ --k-color-shape-other-neutral-soft-solid: #d7d7d7;
111
111
  --k-color-shape-other-neutral-soft-solid-hover: #bebebe;
112
112
  --k-color-shape-other-neutral-soft-solid-pressed: #b1b1b1;
113
113
  --k-color-shape-pale-accent: rgba(0, 0, 0, 0.16);
@@ -119,9 +119,9 @@
119
119
  --k-color-shape-pale-error: #ffdadd;
120
120
  --k-color-shape-pale-error-hover: #ffc7c7;
121
121
  --k-color-shape-pale-error-pressed: #f2cdcd;
122
- --k-color-shape-pale-neutral-alpha: rgba(0, 0, 0, 0.08);
123
- --k-color-shape-pale-neutral-alpha-hover: rgba(0, 0, 0, 0.12);
124
- --k-color-shape-pale-neutral-alpha-pressed: rgba(0, 0, 0, 0.16);
122
+ --k-color-shape-pale-neutral-alpha: rgba(0, 0, 0, 0.12);
123
+ --k-color-shape-pale-neutral-alpha-hover: rgba(0, 0, 0, 0.16);
124
+ --k-color-shape-pale-neutral-alpha-pressed: rgba(0, 0, 0, 0.24);
125
125
  --k-color-shape-pale-success: #c3f3ca;
126
126
  --k-color-shape-pale-success-hover: #a7ebb2;
127
127
  --k-color-shape-pale-success-pressed: #bae4c0;
@@ -155,12 +155,12 @@
155
155
  --k-color-shape-inverted-neutral-heavy: #fff;
156
156
  --k-color-shape-inverted-neutral-heavy-hover: rgba(255, 255, 255, 0.88);
157
157
  --k-color-shape-inverted-neutral-heavy-pressed: rgba(255, 255, 255, 0.72);
158
- --k-color-shape-inverted-neutral-pale-alpha: rgba(255, 255, 255, 0.08);
159
- --k-color-shape-inverted-neutral-pale-alpha-hover: rgba(255, 255, 255, 0.12);
158
+ --k-color-shape-inverted-neutral-pale-alpha: rgba(255, 255, 255, 0.12);
159
+ --k-color-shape-inverted-neutral-pale-alpha-hover: rgba(255, 255, 255, 0.16);
160
160
  --k-color-shape-inverted-neutral-pale-alpha-pressed: rgba(255, 255, 255, 0.06);
161
161
  --k-color-shape-inverted-neutral-soft-alpha: rgba(255, 255, 255, 0.16);
162
162
  --k-color-shape-inverted-neutral-soft-alpha-hover: rgba(255, 255, 255, 0.24);
163
- --k-color-shape-inverted-neutral-soft-alpha-pressed: rgba(255, 255, 255, 0.12);
163
+ --k-color-shape-inverted-neutral-soft-alpha-pressed: rgba(255, 255, 255, 0.08);
164
164
  --k-color-shape-const-backless-black-hover: rgba(0, 0, 0, 0.12);
165
165
  --k-color-shape-const-backless-black-pressed: rgba(0, 0, 0, 0.16);
166
166
  --k-color-shape-const-backless-white-hover: rgba(255, 255, 255, 0.12);
@@ -265,21 +265,21 @@
265
265
  --k-color-illustration-white: #fff;
266
266
  --k-color-customizable-bold-black: #696969;
267
267
  --k-color-customizable-bold-blue: #369bff;
268
- --k-color-customizable-bold-blue-deep: #6592ff;
268
+ --k-color-customizable-bold-blue-deep: #5183ff;
269
269
  --k-color-customizable-bold-gray: #a4a4a4;
270
270
  --k-color-customizable-bold-green: #00b74e;
271
- --k-color-customizable-bold-mint: #01b197;
271
+ --k-color-customizable-bold-mint: #05bfa3;
272
272
  --k-color-customizable-bold-orange: #f56600;
273
273
  --k-color-customizable-bold-purple: #cf60ec;
274
274
  --k-color-customizable-bold-red: #ff5352;
275
275
  --k-color-customizable-bold-violet: #a17bff;
276
- --k-color-customizable-bold-yellow: #dfa700;
276
+ --k-color-customizable-bold-yellow: #ecb400;
277
277
  --k-color-customizable-faint-black: #e4e4e4;
278
278
  --k-color-customizable-faint-blue: #e2f5ff;
279
279
  --k-color-customizable-faint-blue-deep: #e8f3ff;
280
280
  --k-color-customizable-faint-gray: #f2f2f2;
281
- --k-color-customizable-faint-green: #d4ffda;
282
- --k-color-customizable-faint-mint: #c8fff7;
281
+ --k-color-customizable-faint-green: #defbe2;
282
+ --k-color-customizable-faint-mint: #d2fcf6;
283
283
  --k-color-customizable-faint-orange: #ffeee1;
284
284
  --k-color-customizable-faint-purple: #ffeaff;
285
285
  --k-color-customizable-faint-red: #ffedef;
@@ -300,8 +300,8 @@
300
300
  --k-color-customizable-pale-blue: #c7ebff;
301
301
  --k-color-customizable-pale-blue-deep: #d2e7ff;
302
302
  --k-color-customizable-pale-gray: #e4e4e4;
303
- --k-color-customizable-pale-green: #b0fabd;
304
- --k-color-customizable-pale-mint: #88fdeb;
303
+ --k-color-customizable-pale-green: #c3f3ca;
304
+ --k-color-customizable-pale-mint: #adf5e9;
305
305
  --k-color-customizable-pale-orange: #ffddc6;
306
306
  --k-color-customizable-pale-purple: #fbd6ff;
307
307
  --k-color-customizable-pale-red: #ffdadd;
@@ -425,13 +425,13 @@
425
425
  --k-color-shape-other-low-pressed: rgba(0, 0, 0, 0.32);
426
426
  --k-color-shape-other-neutral-faint-solid: #333;
427
427
  --k-color-shape-other-neutral-faint-solid-hover: #3d3d3d;
428
- --k-color-shape-other-neutral-faint-solid-pressed: #292929;
428
+ --k-color-shape-other-neutral-faint-solid-pressed: #333;
429
429
  --k-color-shape-other-neutral-pale-solid: #3d3d3d;
430
430
  --k-color-shape-other-neutral-pale-solid-hover: #484848;
431
431
  --k-color-shape-other-neutral-pale-solid-pressed: #333;
432
- --k-color-shape-other-neutral-soft-solid: #525252;
432
+ --k-color-shape-other-neutral-soft-solid: #484848;
433
433
  --k-color-shape-other-neutral-soft-solid-hover: #5d5d5d;
434
- --k-color-shape-other-neutral-soft-solid-pressed: #484848;
434
+ --k-color-shape-other-neutral-soft-solid-pressed: #3d3d3d;
435
435
  --k-color-shape-pale-accent: rgba(255, 255, 255, 0.16);
436
436
  --k-color-shape-pale-accent-hover: rgba(255, 255, 255, 0.24);
437
437
  --k-color-shape-pale-accent-pressed: rgba(255, 255, 255, 0.12);
@@ -441,8 +441,8 @@
441
441
  --k-color-shape-pale-error: #602a27;
442
442
  --k-color-shape-pale-error-hover: #71312e;
443
443
  --k-color-shape-pale-error-pressed: #502421;
444
- --k-color-shape-pale-neutral-alpha: rgba(255, 255, 255, 0.08);
445
- --k-color-shape-pale-neutral-alpha-hover: rgba(255, 255, 255, 0.12);
444
+ --k-color-shape-pale-neutral-alpha: rgba(255, 255, 255, 0.12);
445
+ --k-color-shape-pale-neutral-alpha-hover: rgba(255, 255, 255, 0.16);
446
446
  --k-color-shape-pale-neutral-alpha-pressed: rgba(255, 255, 255, 0.06);
447
447
  --k-color-shape-pale-success: #27452d;
448
448
  --k-color-shape-pale-success-hover: #2d5134;
@@ -461,7 +461,7 @@
461
461
  --k-color-shape-soft-error-pressed: #823835;
462
462
  --k-color-shape-soft-neutral-alpha: rgba(255, 255, 255, 0.16);
463
463
  --k-color-shape-soft-neutral-alpha-hover: rgba(255, 255, 255, 0.24);
464
- --k-color-shape-soft-neutral-alpha-pressed: rgba(255, 255, 255, 0.12);
464
+ --k-color-shape-soft-neutral-alpha-pressed: rgba(255, 255, 255, 0.08);
465
465
  --k-color-shape-soft-success: #3a6a43;
466
466
  --k-color-shape-soft-success-hover: #3f784b;
467
467
  --k-color-shape-soft-success-pressed: #345e3c;
@@ -469,17 +469,17 @@
469
469
  --k-color-shape-soft-warning-hover: #956c30;
470
470
  --k-color-shape-soft-warning-pressed: #775728;
471
471
  --k-color-shape-inverted-backless-hover: rgba(0, 0, 0, 0.06);
472
- --k-color-shape-inverted-backless-pressed: rgba(0, 0, 0, 0.08);
472
+ --k-color-shape-inverted-backless-pressed: rgba(0, 0, 0, 0.16);
473
473
  --k-color-shape-inverted-disabled: rgba(0, 0, 0, 0.06);
474
474
  --k-color-shape-inverted-neutral-faint-alpha: rgba(0, 0, 0, 0.06);
475
- --k-color-shape-inverted-neutral-faint-alpha-hover: rgba(0, 0, 0, 0.08);
476
- --k-color-shape-inverted-neutral-faint-alpha-pressed: rgba(0, 0, 0, 0.12);
475
+ --k-color-shape-inverted-neutral-faint-alpha-hover: rgba(0, 0, 0, 0.12);
476
+ --k-color-shape-inverted-neutral-faint-alpha-pressed: rgba(0, 0, 0, 0.16);
477
477
  --k-color-shape-inverted-neutral-heavy: rgba(0, 0, 0, 0.8);
478
478
  --k-color-shape-inverted-neutral-heavy-hover: rgba(0, 0, 0, 0.88);
479
479
  --k-color-shape-inverted-neutral-heavy-pressed: rgba(0, 0, 0, 0.72);
480
- --k-color-shape-inverted-neutral-pale-alpha: rgba(0, 0, 0, 0.08);
481
- --k-color-shape-inverted-neutral-pale-alpha-hover: rgba(0, 0, 0, 0.12);
482
- --k-color-shape-inverted-neutral-pale-alpha-pressed: rgba(0, 0, 0, 0.16);
480
+ --k-color-shape-inverted-neutral-pale-alpha: rgba(0, 0, 0, 0.12);
481
+ --k-color-shape-inverted-neutral-pale-alpha-hover: rgba(0, 0, 0, 0.16);
482
+ --k-color-shape-inverted-neutral-pale-alpha-pressed: rgba(0, 0, 0, 0.24);
483
483
  --k-color-shape-inverted-neutral-soft-alpha: rgba(0, 0, 0, 0.16);
484
484
  --k-color-shape-inverted-neutral-soft-alpha-hover: rgba(0, 0, 0, 0.24);
485
485
  --k-color-shape-inverted-neutral-soft-alpha-pressed: rgba(0, 0, 0, 0.32);
@@ -587,15 +587,15 @@
587
587
  --k-color-illustration-white: #fff;
588
588
  --k-color-customizable-bold-black: #b1b1b1;
589
589
  --k-color-customizable-bold-blue: #2b8df2;
590
- --k-color-customizable-bold-blue-deep: #5183ff;
590
+ --k-color-customizable-bold-blue-deep: #3e72ff;
591
591
  --k-color-customizable-bold-gray: #696969;
592
592
  --k-color-customizable-bold-green: #2ca651;
593
- --k-color-customizable-bold-mint: #00a38b;
594
- --k-color-customizable-bold-orange: #d96528;
593
+ --k-color-customizable-bold-mint: #01b197;
594
+ --k-color-customizable-bold-orange: #ed6d28;
595
595
  --k-color-customizable-bold-purple: #be5ad8;
596
596
  --k-color-customizable-bold-red: #ee4948;
597
597
  --k-color-customizable-bold-violet: #956ef2;
598
- --k-color-customizable-bold-yellow: #d19a00;
598
+ --k-color-customizable-bold-yellow: #dfa700;
599
599
  --k-color-customizable-faint-black: #484848;
600
600
  --k-color-customizable-faint-blue: #1f344d;
601
601
  --k-color-customizable-faint-blue-deep: #1e305c;
package/dist/tokens-js/brand-blue-deep_accent-brand.js CHANGED
@@ -77,8 +77,8 @@ export const SEMANTIC_TOKENS = {
77
77
  shapeFaintErrorHover: '#ffdadd',
78
78
  shapeFaintErrorPressed: '#f5dee0',
79
79
  shapeFaintNeutralAlpha: 'rgba(0, 0, 0, 0.06)',
80
- shapeFaintNeutralAlphaHover: 'rgba(0, 0, 0, 0.08)',
81
- shapeFaintNeutralAlphaPressed: 'rgba(0, 0, 0, 0.12)',
80
+ shapeFaintNeutralAlphaHover: 'rgba(0, 0, 0, 0.12)',
81
+ shapeFaintNeutralAlphaPressed: 'rgba(0, 0, 0, 0.16)',
82
82
  shapeFaintSuccess: '#defbe2',
83
83
  shapeFaintSuccessHover: '#c3f3ca',
84
84
  shapeFaintSuccessPressed: '#d1edd5',
@@ -91,7 +91,7 @@ export const SEMANTIC_TOKENS = {
91
91
  shapeHeavyWarning: '#543600',
92
92
  shapeOtherAccentBoldDisabled: 'rgba(0, 0, 0, 0.32)',
93
93
  shapeOtherBacklessHover: 'rgba(0, 0, 0, 0.06)',
94
- shapeOtherBacklessPressed: 'rgba(0, 0, 0, 0.08)',
94
+ shapeOtherBacklessPressed: 'rgba(0, 0, 0, 0.16)',
95
95
  shapeOtherBase: '#ffffff',
96
96
  shapeOtherBaseHover: '#f2f2f2',
97
97
  shapeOtherBasePressed: '#e4e4e4',
@@ -108,7 +108,7 @@ export const SEMANTIC_TOKENS = {
108
108
  shapeOtherNeutralPaleSolid: '#e4e4e4',
109
109
  shapeOtherNeutralPaleSolidHover: '#d7d7d7',
110
110
  shapeOtherNeutralPaleSolidPressed: '#cacaca',
111
- shapeOtherNeutralSoftSolid: '#cacaca',
111
+ shapeOtherNeutralSoftSolid: '#d7d7d7',
112
112
  shapeOtherNeutralSoftSolidHover: '#bebebe',
113
113
  shapeOtherNeutralSoftSolidPressed: '#b1b1b1',
114
114
  shapePaleAccent: '#d2e7ff',
@@ -120,9 +120,9 @@ export const SEMANTIC_TOKENS = {
120
120
  shapePaleError: '#ffdadd',
121
121
  shapePaleErrorHover: '#ffc7c7',
122
122
  shapePaleErrorPressed: '#f2cdcd',
123
- shapePaleNeutralAlpha: 'rgba(0, 0, 0, 0.08)',
124
- shapePaleNeutralAlphaHover: 'rgba(0, 0, 0, 0.12)',
125
- shapePaleNeutralAlphaPressed: 'rgba(0, 0, 0, 0.16)',
123
+ shapePaleNeutralAlpha: 'rgba(0, 0, 0, 0.12)',
124
+ shapePaleNeutralAlphaHover: 'rgba(0, 0, 0, 0.16)',
125
+ shapePaleNeutralAlphaPressed: 'rgba(0, 0, 0, 0.24)',
126
126
  shapePaleSuccess: '#c3f3ca',
127
127
  shapePaleSuccessHover: '#a7ebb2',
128
128
  shapePaleSuccessPressed: '#bae4c0',
@@ -156,12 +156,12 @@ export const SEMANTIC_TOKENS = {
156
156
  shapeInvertedNeutralHeavy: '#ffffff',
157
157
  shapeInvertedNeutralHeavyHover: 'rgba(255, 255, 255, 0.88)',
158
158
  shapeInvertedNeutralHeavyPressed: 'rgba(255, 255, 255, 0.72)',
159
- shapeInvertedNeutralPaleAlpha: 'rgba(255, 255, 255, 0.08)',
160
- shapeInvertedNeutralPaleAlphaHover: 'rgba(255, 255, 255, 0.12)',
159
+ shapeInvertedNeutralPaleAlpha: 'rgba(255, 255, 255, 0.12)',
160
+ shapeInvertedNeutralPaleAlphaHover: 'rgba(255, 255, 255, 0.16)',
161
161
  shapeInvertedNeutralPaleAlphaPressed: 'rgba(255, 255, 255, 0.06)',
162
162
  shapeInvertedNeutralSoftAlpha: 'rgba(255, 255, 255, 0.16)',
163
163
  shapeInvertedNeutralSoftAlphaHover: 'rgba(255, 255, 255, 0.24)',
164
- shapeInvertedNeutralSoftAlphaPressed: 'rgba(255, 255, 255, 0.12)',
164
+ shapeInvertedNeutralSoftAlphaPressed: 'rgba(255, 255, 255, 0.08)',
165
165
  shapeConstBacklessBlackHover: 'rgba(0, 0, 0, 0.12)',
166
166
  shapeConstBacklessBlackPressed: 'rgba(0, 0, 0, 0.16)',
167
167
  shapeConstBacklessWhiteHover: 'rgba(255, 255, 255, 0.12)',
@@ -266,21 +266,21 @@ export const SEMANTIC_TOKENS = {
266
266
  illustrationWhite: '#ffffff',
267
267
  customizableBoldBlack: '#696969',
268
268
  customizableBoldBlue: '#369bff',
269
- customizableBoldBlueDeep: '#6592ff',
269
+ customizableBoldBlueDeep: '#5183ff',
270
270
  customizableBoldGray: '#a4a4a4',
271
271
  customizableBoldGreen: '#00b74e',
272
- customizableBoldMint: '#01b197',
272
+ customizableBoldMint: '#05bfa3',
273
273
  customizableBoldOrange: '#f56600',
274
274
  customizableBoldPurple: '#cf60ec',
275
275
  customizableBoldRed: '#ff5352',
276
276
  customizableBoldViolet: '#a17bff',
277
- customizableBoldYellow: '#dfa700',
277
+ customizableBoldYellow: '#ecb400',
278
278
  customizableFaintBlack: '#e4e4e4',
279
279
  customizableFaintBlue: '#e2f5ff',
280
280
  customizableFaintBlueDeep: '#e8f3ff',
281
281
  customizableFaintGray: '#f2f2f2',
282
- customizableFaintGreen: '#d4ffda',
283
- customizableFaintMint: '#c8fff7',
282
+ customizableFaintGreen: '#defbe2',
283
+ customizableFaintMint: '#d2fcf6',
284
284
  customizableFaintOrange: '#ffeee1',
285
285
  customizableFaintPurple: '#ffeaff',
286
286
  customizableFaintRed: '#ffedef',
@@ -301,8 +301,8 @@ export const SEMANTIC_TOKENS = {
301
301
  customizablePaleBlue: '#c7ebff',
302
302
  customizablePaleBlueDeep: '#d2e7ff',
303
303
  customizablePaleGray: '#e4e4e4',
304
- customizablePaleGreen: '#b0fabd',
305
- customizablePaleMint: '#88fdeb',
304
+ customizablePaleGreen: '#c3f3ca',
305
+ customizablePaleMint: '#adf5e9',
306
306
  customizablePaleOrange: '#ffddc6',
307
307
  customizablePalePurple: '#fbd6ff',
308
308
  customizablePaleRed: '#ffdadd',
@@ -425,13 +425,13 @@ export const SEMANTIC_TOKENS = {
425
425
  shapeOtherLowPressed: 'rgba(0, 0, 0, 0.32)',
426
426
  shapeOtherNeutralFaintSolid: '#333333',
427
427
  shapeOtherNeutralFaintSolidHover: '#3d3d3d',
428
- shapeOtherNeutralFaintSolidPressed: '#292929',
428
+ shapeOtherNeutralFaintSolidPressed: '#333333',
429
429
  shapeOtherNeutralPaleSolid: '#3d3d3d',
430
430
  shapeOtherNeutralPaleSolidHover: '#484848',
431
431
  shapeOtherNeutralPaleSolidPressed: '#333333',
432
- shapeOtherNeutralSoftSolid: '#525252',
432
+ shapeOtherNeutralSoftSolid: '#484848',
433
433
  shapeOtherNeutralSoftSolidHover: '#5d5d5d',
434
- shapeOtherNeutralSoftSolidPressed: '#484848',
434
+ shapeOtherNeutralSoftSolidPressed: '#3d3d3d',
435
435
  shapePaleAccent: '#243a6e',
436
436
  shapePaleAccentHover: '#2b4480',
437
437
  shapePaleAccentPressed: '#1e305c',
@@ -441,8 +441,8 @@ export const SEMANTIC_TOKENS = {
441
441
  shapePaleError: '#602a27',
442
442
  shapePaleErrorHover: '#71312e',
443
443
  shapePaleErrorPressed: '#502421',
444
- shapePaleNeutralAlpha: 'rgba(255, 255, 255, 0.08)',
445
- shapePaleNeutralAlphaHover: 'rgba(255, 255, 255, 0.12)',
444
+ shapePaleNeutralAlpha: 'rgba(255, 255, 255, 0.12)',
445
+ shapePaleNeutralAlphaHover: 'rgba(255, 255, 255, 0.16)',
446
446
  shapePaleNeutralAlphaPressed: 'rgba(255, 255, 255, 0.06)',
447
447
  shapePaleSuccess: '#27452d',
448
448
  shapePaleSuccessHover: '#2d5134',
@@ -461,7 +461,7 @@ export const SEMANTIC_TOKENS = {
461
461
  shapeSoftErrorPressed: '#823835',
462
462
  shapeSoftNeutralAlpha: 'rgba(255, 255, 255, 0.16)',
463
463
  shapeSoftNeutralAlphaHover: 'rgba(255, 255, 255, 0.24)',
464
- shapeSoftNeutralAlphaPressed: 'rgba(255, 255, 255, 0.12)',
464
+ shapeSoftNeutralAlphaPressed: 'rgba(255, 255, 255, 0.08)',
465
465
  shapeSoftSuccess: '#3a6a43',
466
466
  shapeSoftSuccessHover: '#3f784b',
467
467
  shapeSoftSuccessPressed: '#345e3c',
@@ -469,17 +469,17 @@ export const SEMANTIC_TOKENS = {
469
469
  shapeSoftWarningHover: '#956c30',
470
470
  shapeSoftWarningPressed: '#775728',
471
471
  shapeInvertedBacklessHover: 'rgba(0, 0, 0, 0.06)',
472
- shapeInvertedBacklessPressed: 'rgba(0, 0, 0, 0.08)',
472
+ shapeInvertedBacklessPressed: 'rgba(0, 0, 0, 0.16)',
473
473
  shapeInvertedDisabled: 'rgba(0, 0, 0, 0.06)',
474
474
  shapeInvertedNeutralFaintAlpha: 'rgba(0, 0, 0, 0.06)',
475
- shapeInvertedNeutralFaintAlphaHover: 'rgba(0, 0, 0, 0.08)',
476
- shapeInvertedNeutralFaintAlphaPressed: 'rgba(0, 0, 0, 0.12)',
475
+ shapeInvertedNeutralFaintAlphaHover: 'rgba(0, 0, 0, 0.12)',
476
+ shapeInvertedNeutralFaintAlphaPressed: 'rgba(0, 0, 0, 0.16)',
477
477
  shapeInvertedNeutralHeavy: 'rgba(0, 0, 0, 0.8)',
478
478
  shapeInvertedNeutralHeavyHover: 'rgba(0, 0, 0, 0.88)',
479
479
  shapeInvertedNeutralHeavyPressed: 'rgba(0, 0, 0, 0.72)',
480
- shapeInvertedNeutralPaleAlpha: 'rgba(0, 0, 0, 0.08)',
481
- shapeInvertedNeutralPaleAlphaHover: 'rgba(0, 0, 0, 0.12)',
482
- shapeInvertedNeutralPaleAlphaPressed: 'rgba(0, 0, 0, 0.16)',
480
+ shapeInvertedNeutralPaleAlpha: 'rgba(0, 0, 0, 0.12)',
481
+ shapeInvertedNeutralPaleAlphaHover: 'rgba(0, 0, 0, 0.16)',
482
+ shapeInvertedNeutralPaleAlphaPressed: 'rgba(0, 0, 0, 0.24)',
483
483
  shapeInvertedNeutralSoftAlpha: 'rgba(0, 0, 0, 0.16)',
484
484
  shapeInvertedNeutralSoftAlphaHover: 'rgba(0, 0, 0, 0.24)',
485
485
  shapeInvertedNeutralSoftAlphaPressed: 'rgba(0, 0, 0, 0.32)',
@@ -587,15 +587,15 @@ export const SEMANTIC_TOKENS = {
587
587
  illustrationWhite: '#ffffff',
588
588
  customizableBoldBlack: '#b1b1b1',
589
589
  customizableBoldBlue: '#2b8df2',
590
- customizableBoldBlueDeep: '#5183ff',
590
+ customizableBoldBlueDeep: '#3e72ff',
591
591
  customizableBoldGray: '#696969',
592
592
  customizableBoldGreen: '#2ca651',
593
- customizableBoldMint: '#00a38b',
594
- customizableBoldOrange: '#d96528',
593
+ customizableBoldMint: '#01b197',
594
+ customizableBoldOrange: '#ed6d28',
595
595
  customizableBoldPurple: '#be5ad8',
596
596
  customizableBoldRed: '#ee4948',
597
597
  customizableBoldViolet: '#956ef2',
598
- customizableBoldYellow: '#d19a00',
598
+ customizableBoldYellow: '#dfa700',
599
599
  customizableFaintBlack: '#484848',
600
600
  customizableFaintBlue: '#1f344d',
601
601
  customizableFaintBlueDeep: '#1e305c',