@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/esm/utils/convert-color.js ADDED
@@ -0,0 +1,133 @@
1
+ import { converter, formatHex } from 'culori';
2
+ export function convertColorFormat(obj, format) {
3
+ if (format === void 0) {
4
+ format = 'hex/rgba';
5
+ }
6
+ var result = obj;
7
+ result = convertOklchToHex(obj);
8
+ result = convertAlphaOklchToRgba(result);
9
+ switch (format) {
10
+ case 'oklch':
11
+ return obj;
12
+ case 'hex/rgba':
13
+ return result;
14
+ case 'hex-aarrggbb':
15
+ return convertToAarrggbbRecursive(result);
16
+ default:
17
+ return result;
18
+ }
19
+ }
20
+ function convertOklchToHex(obj) {
21
+ if (typeof obj !== 'object' || obj === null) {
22
+ return obj;
23
+ }
24
+ if (Array.isArray(obj)) {
25
+ return obj.map(function (item) {
26
+ if (typeof item === 'object' && item !== null) {
27
+ return convertOklchToHex(item);
28
+ }
29
+ return item;
30
+ });
31
+ }
32
+ var newObj = {};
33
+ for (var key in obj) {
34
+ if (Object.prototype.hasOwnProperty.call(obj, key)) {
35
+ var value = obj[key];
36
+ if (typeof value === 'string' && value.startsWith('oklch(') && !value.includes('/')) {
37
+ var oklchColor = converter('oklch')(value);
38
+ var rgbColor = converter('rgb')(oklchColor);
39
+ value = formatHex(rgbColor);
40
+ }
41
+ if (typeof value === 'object' && value !== null) {
42
+ newObj[key] = convertOklchToHex(value);
43
+ } else {
44
+ newObj[key] = value;
45
+ }
46
+ }
47
+ }
48
+ return newObj;
49
+ }
50
+ var convertOklchToRgba = function (oklchString) {
51
+ var _a;
52
+ var oklch = converter('oklch')(oklchString);
53
+ var rgb = converter('rgb')(oklch);
54
+ var r = Math.round(rgb.r * 255);
55
+ var g = Math.round(rgb.g * 255);
56
+ var b = Math.round(rgb.b * 255);
57
+ var alpha = (_a = oklch.alpha) !== null && _a !== void 0 ? _a : 1;
58
+ return 'rgba('.concat(r, ', ').concat(g, ', ').concat(b, ', ').concat(alpha, ')');
59
+ };
60
+ function convertAlphaOklchToRgba(obj) {
61
+ if (typeof obj !== 'object' || obj === null) {
62
+ return obj;
63
+ }
64
+ if (Array.isArray(obj)) {
65
+ return obj.map(function (item) {
66
+ if (typeof item === 'object' && item !== null) {
67
+ return convertAlphaOklchToRgba(item);
68
+ }
69
+ return item;
70
+ });
71
+ }
72
+ var newObj = {};
73
+ for (var key in obj) {
74
+ if (Object.prototype.hasOwnProperty.call(obj, key)) {
75
+ var value = obj[key];
76
+ if (typeof value === 'string' && value.includes('oklch(')) {
77
+ value = convertOklchToRgba(value);
78
+ }
79
+ if (typeof value === 'object' && value !== null) {
80
+ newObj[key] = convertAlphaOklchToRgba(value);
81
+ } else {
82
+ newObj[key] = value;
83
+ }
84
+ }
85
+ }
86
+ return newObj;
87
+ }
88
+ var convertToAarrggbb = function (colorString) {
89
+ var _a;
90
+ var color = converter('rgb')(colorString);
91
+ if (!color) {
92
+ return colorString;
93
+ }
94
+ var r = Math.round(color.r * 255);
95
+ var g = Math.round(color.g * 255);
96
+ var b = Math.round(color.b * 255);
97
+ var alpha = Math.round(((_a = color.alpha) !== null && _a !== void 0 ? _a : 1) * 255);
98
+ var toHex = function (c) {
99
+ return c.toString(16).padStart(2, '0');
100
+ };
101
+ var rgbHex = ''.concat(toHex(r)).concat(toHex(g)).concat(toHex(b)).toUpperCase();
102
+ if (alpha === 255) {
103
+ return '#'.concat(rgbHex);
104
+ }
105
+ return '#'.concat(toHex(alpha)).concat(rgbHex).toUpperCase();
106
+ };
107
+ function convertToAarrggbbRecursive(obj) {
108
+ if (typeof obj !== 'object' || obj === null) {
109
+ return obj;
110
+ }
111
+ if (Array.isArray(obj)) {
112
+ return obj.map(function (item) {
113
+ if (typeof item === 'object' && item !== null) {
114
+ return convertToAarrggbbRecursive(item);
115
+ }
116
+ return item;
117
+ });
118
+ }
119
+ var newObj = {};
120
+ for (var key in obj) {
121
+ if (Object.prototype.hasOwnProperty.call(obj, key)) {
122
+ var value = obj[key];
123
+ if (typeof value === 'string') {
124
+ newObj[key] = convertToAarrggbb(value);
125
+ } else if (typeof value === 'object' && value !== null) {
126
+ newObj[key] = convertToAarrggbbRecursive(value);
127
+ } else {
128
+ newObj[key] = value;
129
+ }
130
+ }
131
+ }
132
+ return newObj;
133
+ }
package/dist/tokens/brand-blue-deep_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: #d2e7ff;
@@ -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: #243a6e;
436
436
  --k-color-shape-pale-accent-hover: #2b4480;
437
437
  --k-color-shape-pale-accent-pressed: #1e305c;
@@ -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-blue-deep_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/brand-blue_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: #c7ebff;
@@ -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: #253f5c;
436
436
  --k-color-shape-pale-accent-hover: #2b496c;
437
437
  --k-color-shape-pale-accent-pressed: #1f344d;
@@ -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;