@skbkontur/colors 1.1.2-34230.0 → 1.1.2-6463e.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (125) hide show
  1. package/dist/cjs/get-base-tokens.d.ts +9 -7
  2. package/dist/cjs/get-base-tokens.js +77 -102
  3. package/dist/cjs/get-default-tokens.d.ts +98 -78
  4. package/dist/cjs/get-default-tokens.js +197 -177
  5. package/dist/cjs/helpers/get-palette.js +58 -64
  6. package/dist/cjs/helpers/get-promo.js +21 -27
  7. package/dist/cjs/types/base-tokens.d.ts +4 -4
  8. package/dist/cjs/utils/format-variable.d.ts +2 -0
  9. package/dist/cjs/utils/format-variable.js +11 -0
  10. package/dist/esm/get-base-tokens.d.ts +9 -7
  11. package/dist/esm/get-base-tokens.js +75 -96
  12. package/dist/esm/get-default-tokens.d.ts +98 -78
  13. package/dist/esm/get-default-tokens.js +197 -177
  14. package/dist/esm/helpers/get-palette.js +58 -64
  15. package/dist/esm/helpers/get-promo.js +21 -27
  16. package/dist/esm/types/base-tokens.d.ts +4 -4
  17. package/dist/esm/utils/format-variable.d.ts +2 -0
  18. package/dist/esm/utils/format-variable.js +6 -0
  19. package/dist/tokens/base/css/brand-blue-deep_accent-gray.css +1 -7
  20. package/dist/tokens/base/css/brand-blue_accent-gray.css +1 -7
  21. package/dist/tokens/base/css/brand-green_accent-gray.css +1 -7
  22. package/dist/tokens/base/css/brand-mint_accent-gray.css +1 -7
  23. package/dist/tokens/base/css/brand-orange_accent-gray.css +1 -7
  24. package/dist/tokens/base/css/brand-purple_accent-gray.css +1 -7
  25. package/dist/tokens/base/css/brand-red_accent-gray.css +1 -7
  26. package/dist/tokens/base/css/brand-violet_accent-gray.css +1 -7
  27. package/dist/tokens/base/js/brand-blue-deep_accent-gray.js +0 -6
  28. package/dist/tokens/base/js/brand-blue_accent-gray.js +0 -6
  29. package/dist/tokens/base/js/brand-green_accent-gray.js +0 -6
  30. package/dist/tokens/base/js/brand-mint_accent-gray.js +0 -6
  31. package/dist/tokens/base/js/brand-orange_accent-gray.js +0 -6
  32. package/dist/tokens/base/js/brand-purple_accent-gray.js +0 -6
  33. package/dist/tokens/base/js/brand-red_accent-gray.js +0 -6
  34. package/dist/tokens/base/js/brand-violet_accent-gray.js +0 -6
  35. package/dist/tokens/base/js-tree/brand-blue-deep_accent-gray.tree.js +0 -16
  36. package/dist/tokens/base/js-tree/brand-blue_accent-gray.tree.js +0 -16
  37. package/dist/tokens/base/js-tree/brand-green_accent-gray.tree.js +0 -16
  38. package/dist/tokens/base/js-tree/brand-mint_accent-gray.tree.js +0 -16
  39. package/dist/tokens/base/js-tree/brand-orange_accent-gray.tree.js +0 -16
  40. package/dist/tokens/base/js-tree/brand-purple_accent-gray.tree.js +0 -16
  41. package/dist/tokens/base/js-tree/brand-red_accent-gray.tree.js +0 -16
  42. package/dist/tokens/base/js-tree/brand-violet_accent-gray.tree.js +0 -16
  43. package/dist/tokens/base/json/brand-blue-deep_accent-gray.json +0 -6
  44. package/dist/tokens/base/json/brand-blue_accent-gray.json +0 -6
  45. package/dist/tokens/base/json/brand-green_accent-gray.json +0 -6
  46. package/dist/tokens/base/json/brand-mint_accent-gray.json +0 -6
  47. package/dist/tokens/base/json/brand-orange_accent-gray.json +0 -6
  48. package/dist/tokens/base/json/brand-purple_accent-gray.json +0 -6
  49. package/dist/tokens/base/json/brand-red_accent-gray.json +0 -6
  50. package/dist/tokens/base/json/brand-violet_accent-gray.json +0 -6
  51. package/dist/tokens/base/json-tree/brand-blue-deep_accent-gray.tree.json +0 -16
  52. package/dist/tokens/base/json-tree/brand-blue_accent-gray.tree.json +0 -16
  53. package/dist/tokens/base/json-tree/brand-green_accent-gray.tree.json +0 -16
  54. package/dist/tokens/base/json-tree/brand-mint_accent-gray.tree.json +0 -16
  55. package/dist/tokens/base/json-tree/brand-orange_accent-gray.tree.json +0 -16
  56. package/dist/tokens/base/json-tree/brand-purple_accent-gray.tree.json +0 -16
  57. package/dist/tokens/base/json-tree/brand-red_accent-gray.tree.json +0 -16
  58. package/dist/tokens/base/json-tree/brand-violet_accent-gray.tree.json +0 -16
  59. package/dist/tokens/base/less/brand-blue-deep_accent-gray.less +1 -7
  60. package/dist/tokens/base/less/brand-blue_accent-gray.less +1 -7
  61. package/dist/tokens/base/less/brand-green_accent-gray.less +1 -7
  62. package/dist/tokens/base/less/brand-mint_accent-gray.less +1 -7
  63. package/dist/tokens/base/less/brand-orange_accent-gray.less +1 -7
  64. package/dist/tokens/base/less/brand-purple_accent-gray.less +1 -7
  65. package/dist/tokens/base/less/brand-red_accent-gray.less +1 -7
  66. package/dist/tokens/base/less/brand-violet_accent-gray.less +1 -7
  67. package/dist/tokens/base/scss/brand-blue-deep_accent-gray.scss +1 -7
  68. package/dist/tokens/base/scss/brand-blue_accent-gray.scss +1 -7
  69. package/dist/tokens/base/scss/brand-green_accent-gray.scss +1 -7
  70. package/dist/tokens/base/scss/brand-mint_accent-gray.scss +1 -7
  71. package/dist/tokens/base/scss/brand-orange_accent-gray.scss +1 -7
  72. package/dist/tokens/base/scss/brand-purple_accent-gray.scss +1 -7
  73. package/dist/tokens/base/scss/brand-red_accent-gray.scss +1 -7
  74. package/dist/tokens/base/scss/brand-violet_accent-gray.scss +1 -7
  75. package/dist/tokens/semantic/css/brand-blue-deep_accent-brand.css +104 -84
  76. package/dist/tokens/semantic/css/brand-blue-deep_accent-gray.css +126 -106
  77. package/dist/tokens/semantic/css/brand-blue_accent-brand.css +104 -84
  78. package/dist/tokens/semantic/css/brand-blue_accent-gray.css +126 -106
  79. package/dist/tokens/semantic/css/brand-green_accent-brand.css +104 -84
  80. package/dist/tokens/semantic/css/brand-green_accent-gray.css +126 -106
  81. package/dist/tokens/semantic/css/brand-mint_accent-brand.css +104 -84
  82. package/dist/tokens/semantic/css/brand-mint_accent-gray.css +126 -106
  83. package/dist/tokens/semantic/css/brand-orange_accent-brand.css +104 -84
  84. package/dist/tokens/semantic/css/brand-orange_accent-gray.css +126 -106
  85. package/dist/tokens/semantic/css/brand-purple_accent-brand.css +104 -84
  86. package/dist/tokens/semantic/css/brand-purple_accent-gray.css +126 -106
  87. package/dist/tokens/semantic/css/brand-red_accent-brand.css +104 -84
  88. package/dist/tokens/semantic/css/brand-red_accent-gray.css +126 -106
  89. package/dist/tokens/semantic/css/brand-violet_accent-brand.css +104 -84
  90. package/dist/tokens/semantic/css/brand-violet_accent-gray.css +126 -106
  91. package/dist/tokens/semantic/js/brand-blue-deep_accent-brand.js +104 -84
  92. package/dist/tokens/semantic/js/brand-blue-deep_accent-gray.js +120 -106
  93. package/dist/tokens/semantic/js/brand-blue_accent-brand.js +104 -84
  94. package/dist/tokens/semantic/js/brand-blue_accent-gray.js +120 -106
  95. package/dist/tokens/semantic/js/brand-green_accent-brand.js +104 -84
  96. package/dist/tokens/semantic/js/brand-green_accent-gray.js +120 -106
  97. package/dist/tokens/semantic/js/brand-mint_accent-brand.js +104 -84
  98. package/dist/tokens/semantic/js/brand-mint_accent-gray.js +120 -106
  99. package/dist/tokens/semantic/js/brand-orange_accent-brand.js +104 -84
  100. package/dist/tokens/semantic/js/brand-orange_accent-gray.js +120 -106
  101. package/dist/tokens/semantic/js/brand-purple_accent-brand.js +104 -84
  102. package/dist/tokens/semantic/js/brand-purple_accent-gray.js +120 -106
  103. package/dist/tokens/semantic/js/brand-red_accent-brand.js +104 -84
  104. package/dist/tokens/semantic/js/brand-red_accent-gray.js +120 -106
  105. package/dist/tokens/semantic/js/brand-violet_accent-brand.js +104 -84
  106. package/dist/tokens/semantic/js/brand-violet_accent-gray.js +120 -106
  107. package/dist/tokens/semantic/json/brand-blue-deep_accent-brand.json +54 -22
  108. package/dist/tokens/semantic/json/brand-blue-deep_accent-gray.json +58 -30
  109. package/dist/tokens/semantic/json/brand-blue_accent-brand.json +54 -22
  110. package/dist/tokens/semantic/json/brand-blue_accent-gray.json +58 -30
  111. package/dist/tokens/semantic/json/brand-green_accent-brand.json +54 -22
  112. package/dist/tokens/semantic/json/brand-green_accent-gray.json +58 -30
  113. package/dist/tokens/semantic/json/brand-mint_accent-brand.json +54 -22
  114. package/dist/tokens/semantic/json/brand-mint_accent-gray.json +58 -30
  115. package/dist/tokens/semantic/json/brand-orange_accent-brand.json +54 -22
  116. package/dist/tokens/semantic/json/brand-orange_accent-gray.json +58 -30
  117. package/dist/tokens/semantic/json/brand-purple_accent-brand.json +54 -22
  118. package/dist/tokens/semantic/json/brand-purple_accent-gray.json +58 -30
  119. package/dist/tokens/semantic/json/brand-red_accent-brand.json +54 -22
  120. package/dist/tokens/semantic/json/brand-red_accent-gray.json +58 -30
  121. package/dist/tokens/semantic/json/brand-violet_accent-brand.json +54 -22
  122. package/dist/tokens/semantic/json/brand-violet_accent-gray.json +58 -30
  123. package/dist/tokens/semantic/less/semantic.less +46 -36
  124. package/dist/tokens/semantic/scss/semantic.scss +46 -36
  125. package/package.json +1 -1
@@ -1,47 +1,53 @@
1
1
  [data-k-brand='purple'][data-k-accent='brand'] {
2
- --k-textAccentPrimary: #992db3;
3
- --k-textAccentPrimaryHover: #b545d1;
4
- --k-textAccentPrimaryPressed: #7c428b;
2
+ --k-textAccentHeavy: #992db3;
3
+ --k-textAccentHeavyHover: #b545d1;
4
+ --k-textAccentHeavyPressed: #7c428b;
5
5
  --k-textDisabled: rgba(0, 0, 0, 0.32);
6
- --k-textErrorPrimary: #c50220;
7
- --k-textErrorPrimaryHover: #e62b34;
8
- --k-textErrorPrimaryPressed: #943e3b;
9
- --k-textInvertedAccentPrimary: #db70f7;
10
- --k-textInvertedAccentPrimaryHover: #ea9aff;
11
- --k-textInvertedAccentPrimaryPressed: #b568ca;
6
+ --k-textErrorHeavy: #c50220;
7
+ --k-textErrorHeavyHover: #e62b34;
8
+ --k-textErrorHeavyPressed: #943e3b;
9
+ --k-textInvertedAccentHeavy: #db70f7;
10
+ --k-textInvertedAccentHeavyHover: #ea9aff;
11
+ --k-textInvertedAccentHeavyPressed: #b568ca;
12
12
  --k-textInvertedDisabled: rgba(255, 255, 255, 0.4);
13
- --k-textInvertedErrorPrimary: #ff5352;
14
- --k-textInvertedErrorPrimaryHover: #ff726b;
15
- --k-textInvertedErrorPrimaryPressed: #dd5d58;
16
- --k-textInvertedNeutralPrimary: rgba(255, 255, 255, 0.96);
17
- --k-textInvertedNeutralSecondary: rgba(255, 255, 255, 0.64);
18
- --k-textInvertedSuccessPrimary: #00c655;
19
- --k-textInvertedSuccessPrimaryHover: #4ede76;
20
- --k-textInvertedSuccessPrimaryPressed: #4fa161;
21
- --k-textInvertedWarningPrimary: #f8ae00;
22
- --k-textInvertedWarningPrimaryHover: #ffbf0b;
23
- --k-textInvertedWarningPrimaryPressed: #cc9a51;
13
+ --k-textInvertedErrorHeavy: #ff5352;
14
+ --k-textInvertedErrorHeavyHover: #ff726b;
15
+ --k-textInvertedErrorHeavyPressed: #dd5d58;
16
+ --k-textInvertedNeutralHeavy: rgba(255, 255, 255, 0.96);
17
+ --k-textInvertedNeutralPale: rgba(255, 255, 255, 0.48);
18
+ --k-textInvertedNeutralSoft: rgba(255, 255, 255, 0.64);
19
+ --k-textInvertedSuccessHeavy: #00c655;
20
+ --k-textInvertedSuccessHeavyHover: #4ede76;
21
+ --k-textInvertedSuccessHeavyPressed: #4fa161;
22
+ --k-textInvertedWarningHeavy: #f8ae00;
23
+ --k-textInvertedWarningHeavyHover: #ffbf0b;
24
+ --k-textInvertedWarningHeavyPressed: #cc9a51;
24
25
  --k-textLogo: #b750d1;
25
- --k-textNeutralPrimary: rgba(0, 0, 0, 0.88);
26
- --k-textNeutralSecondary: rgba(0, 0, 0, 0.56);
27
- --k-textSuccessPrimary: #007f34;
28
- --k-textSuccessPrimaryHover: #009b41;
29
- --k-textSuccessPrimaryPressed: #3a6a43;
30
- --k-textWarningPrimary: #bc7d00;
31
- --k-textWarningPrimaryHover: #db9400;
32
- --k-textWarningPrimaryPressed: #a37736;
26
+ --k-textNeutralHeavy: rgba(0, 0, 0, 0.88);
27
+ --k-textNeutralPale: rgba(0, 0, 0, 0.4);
28
+ --k-textNeutralSoft: rgba(0, 0, 0, 0.56);
29
+ --k-textSuccessHeavy: #007f34;
30
+ --k-textSuccessHeavyHover: #009b41;
31
+ --k-textSuccessHeavyPressed: #3a6a43;
32
+ --k-textWarningHeavy: #bc7d00;
33
+ --k-textWarningHeavyHover: #db9400;
34
+ --k-textWarningHeavyPressed: #a37736;
33
35
  --k-textConstDisabledBlack: rgba(0, 0, 0, 0.32);
34
36
  --k-textConstDisabledWhite: rgba(255, 255, 255, 0.4);
35
- --k-textConstPrimaryBlack: rgba(0, 0, 0, 0.88);
36
- --k-textConstPrimaryWhite: rgba(255, 255, 255, 0.96);
37
- --k-textConstSecondaryBlack: rgba(0, 0, 0, 0.56);
38
- --k-textConstSecondaryWhite: rgba(255, 255, 255, 0.64);
37
+ --k-textConstHeavyBlack: rgba(0, 0, 0, 0.88);
38
+ --k-textConstHeavyWhite: rgba(255, 255, 255, 0.96);
39
+ --k-textConstPaleBlack: rgba(0, 0, 0, 0.4);
40
+ --k-textConstPaleWhite: rgba(255, 255, 255, 0.48);
41
+ --k-textConstSoftBlack: rgba(0, 0, 0, 0.56);
42
+ --k-textConstSoftWhite: rgba(255, 255, 255, 0.64);
39
43
  --k-textOnAccentBoldDisabled: rgba(255, 255, 255, 0.4);
40
- --k-textOnAccentBoldPrimary: rgba(255, 255, 255, 0.96);
41
- --k-textOnAccentBoldSecondary: rgba(255, 255, 255, 0.64);
44
+ --k-textOnAccentBoldHeavy: rgba(255, 255, 255, 0.96);
45
+ --k-textOnAccentBoldPale: rgba(255, 255, 255, 0.48);
46
+ --k-textOnAccentBoldSoft: rgba(255, 255, 255, 0.64);
42
47
  --k-textOnBrandOriginalDisabled: rgba(255, 255, 255, 0.4);
43
- --k-textOnBrandOriginalPrimary: rgba(255, 255, 255, 0.96);
44
- --k-textOnBrandOriginalSecondary: rgba(255, 255, 255, 0.64);
48
+ --k-textOnBrandOriginalHeavy: rgba(255, 255, 255, 0.96);
49
+ --k-textOnBrandOriginalPale: rgba(255, 255, 255, 0.48);
50
+ --k-textOnBrandOriginalSoft: rgba(255, 255, 255, 0.64);
45
51
  --k-shapeBoldAccent: #b750d1;
46
52
  --k-shapeBoldAccentHover: #aa43c4;
47
53
  --k-shapeBoldAccentPressed: #9742ac;
@@ -83,13 +89,15 @@
83
89
  --k-shapeHeavySuccess: #0b4a1f;
84
90
  --k-shapeHeavyWarning: #543600;
85
91
  --k-shapeOtherAccentBoldDisabled: rgba(0, 0, 0, 0.32);
86
- --k-shapeOtherBacklessHover: rgba(0, 0, 0, 0.08);
87
- --k-shapeOtherBacklessPressed: rgba(0, 0, 0, 0.12);
92
+ --k-shapeOtherBacklessHover: rgba(0, 0, 0, 0.06);
93
+ --k-shapeOtherBacklessPressed: rgba(0, 0, 0, 0.08);
88
94
  --k-shapeOtherBase: #fff;
89
- --k-shapeOtherBaseHover: rgba(255, 255, 255, 0.64);
90
- --k-shapeOtherBasePressed: rgba(255, 255, 255, 0.32);
95
+ --k-shapeOtherBaseHover: #f2f2f2;
96
+ --k-shapeOtherBasePressed: #e4e4e4;
91
97
  --k-shapeOtherDisabled: rgba(0, 0, 0, 0.06);
92
98
  --k-shapeOtherField: #fff;
99
+ --k-shapeOtherFieldHover: #f2f2f2;
100
+ --k-shapeOtherFieldPressed: #e4e4e4;
93
101
  --k-shapeOtherLow: rgba(0, 0, 0, 0.06);
94
102
  --k-shapeOtherLowHover: rgba(0, 0, 0, 0.08);
95
103
  --k-shapeOtherLowPressed: rgba(0, 0, 0, 0.12);
@@ -138,7 +146,7 @@
138
146
  --k-shapeSoftWarning: #fcd35d;
139
147
  --k-shapeSoftWarningHover: #f4c359;
140
148
  --k-shapeSoftWarningPressed: #e5b566;
141
- --k-shapeInvertedBacklessHover: rgba(255, 255, 255, 0.08);
149
+ --k-shapeInvertedBacklessHover: rgba(255, 255, 255, 0.06);
142
150
  --k-shapeInvertedBacklessPressed: rgba(255, 255, 255, 0.04);
143
151
  --k-shapeInvertedDisabled: rgba(255, 255, 255, 0.06);
144
152
  --k-shapeInvertedNeutralFaintAlpha: rgba(255, 255, 255, 0.06);
@@ -248,6 +256,8 @@
248
256
  --k-illustrationBlack: #0d0d0d;
249
257
  --k-illustrationBrand: #b750d1;
250
258
  --k-illustrationComplement: #331f5a;
259
+ --k-illustrationInvertedNeutral: #fff;
260
+ --k-illustrationNeutral: #000;
251
261
  --k-illustrationOnBrand: rgba(255, 255, 255, 1);
252
262
  --k-illustrationOnComplement: #fff;
253
263
  --k-illustrationPromo: #331f5a;
@@ -311,49 +321,55 @@
311
321
  }
312
322
 
313
323
  [data-k-brand='purple'][data-k-accent='brand'][data-k-theme='dark'] {
314
- --k-textAccentPrimary: #db70f7;
315
- --k-textAccentPrimaryHover: #ea9aff;
316
- --k-textAccentPrimaryPressed: #b568ca;
324
+ --k-textAccentHeavy: #db70f7;
325
+ --k-textAccentHeavyHover: #ea9aff;
326
+ --k-textAccentHeavyPressed: #b568ca;
317
327
  --k-textDisabled: rgba(255, 255, 255, 0.4);
318
- --k-textErrorPrimary: #ff5352;
319
- --k-textErrorPrimaryHover: #ff726b;
320
- --k-textErrorPrimaryPressed: #dd5d58;
321
- --k-textInvertedAccentPrimary: #992db3;
322
- --k-textInvertedAccentPrimaryHover: #b545d1;
323
- --k-textInvertedAccentPrimaryPressed: #7c428b;
328
+ --k-textErrorHeavy: #ff5352;
329
+ --k-textErrorHeavyHover: #ff726b;
330
+ --k-textErrorHeavyPressed: #dd5d58;
331
+ --k-textInvertedAccentHeavy: #992db3;
332
+ --k-textInvertedAccentHeavyHover: #b545d1;
333
+ --k-textInvertedAccentHeavyPressed: #7c428b;
324
334
  --k-textInvertedDisabled: rgba(0, 0, 0, 0.32);
325
- --k-textInvertedErrorPrimary: #c50220;
326
- --k-textInvertedErrorPrimaryHover: #e62b34;
327
- --k-textInvertedErrorPrimaryPressed: #943e3b;
328
- --k-textInvertedNeutralPrimary: rgba(0, 0, 0, 0.88);
329
- --k-textInvertedNeutralSecondary: rgba(0, 0, 0, 0.56);
330
- --k-textInvertedSuccessPrimary: #007f34;
331
- --k-textInvertedSuccessPrimaryHover: #009b41;
332
- --k-textInvertedSuccessPrimaryPressed: #3a6a43;
333
- --k-textInvertedWarningPrimary: #bc7d00;
334
- --k-textInvertedWarningPrimaryHover: #db9400;
335
- --k-textInvertedWarningPrimaryPressed: #956c30;
335
+ --k-textInvertedErrorHeavy: #c50220;
336
+ --k-textInvertedErrorHeavyHover: #e62b34;
337
+ --k-textInvertedErrorHeavyPressed: #943e3b;
338
+ --k-textInvertedNeutralHeavy: rgba(0, 0, 0, 0.88);
339
+ --k-textInvertedNeutralPale: rgba(0, 0, 0, 0.4);
340
+ --k-textInvertedNeutralSoft: rgba(0, 0, 0, 0.56);
341
+ --k-textInvertedSuccessHeavy: #007f34;
342
+ --k-textInvertedSuccessHeavyHover: #009b41;
343
+ --k-textInvertedSuccessHeavyPressed: #3a6a43;
344
+ --k-textInvertedWarningHeavy: #bc7d00;
345
+ --k-textInvertedWarningHeavyHover: #db9400;
346
+ --k-textInvertedWarningHeavyPressed: #956c30;
336
347
  --k-textLogo: #bf58d9;
337
- --k-textNeutralPrimary: rgba(255, 255, 255, 0.96);
338
- --k-textNeutralSecondary: rgba(255, 255, 255, 0.64);
339
- --k-textSuccessPrimary: #00c655;
340
- --k-textSuccessPrimaryHover: #4ede76;
341
- --k-textSuccessPrimaryPressed: #4fa161;
342
- --k-textWarningPrimary: #f8ae00;
343
- --k-textWarningPrimaryHover: #ffbf0b;
344
- --k-textWarningPrimaryPressed: #cc9a51;
348
+ --k-textNeutralHeavy: rgba(255, 255, 255, 0.96);
349
+ --k-textNeutralPale: rgba(255, 255, 255, 0.48);
350
+ --k-textNeutralSoft: rgba(255, 255, 255, 0.64);
351
+ --k-textSuccessHeavy: #00c655;
352
+ --k-textSuccessHeavyHover: #4ede76;
353
+ --k-textSuccessHeavyPressed: #4fa161;
354
+ --k-textWarningHeavy: #f8ae00;
355
+ --k-textWarningHeavyHover: #ffbf0b;
356
+ --k-textWarningHeavyPressed: #cc9a51;
345
357
  --k-textConstDisabledBlack: rgba(0, 0, 0, 0.32);
346
358
  --k-textConstDisabledWhite: rgba(255, 255, 255, 0.4);
347
- --k-textConstPrimaryBlack: rgba(0, 0, 0, 0.88);
348
- --k-textConstPrimaryWhite: rgba(255, 255, 255, 0.96);
349
- --k-textConstSecondaryBlack: rgba(0, 0, 0, 0.56);
350
- --k-textConstSecondaryWhite: rgba(255, 255, 255, 0.64);
359
+ --k-textConstHeavyBlack: rgba(0, 0, 0, 0.88);
360
+ --k-textConstHeavyWhite: rgba(255, 255, 255, 0.96);
361
+ --k-textConstPaleBlack: rgba(0, 0, 0, 0.4);
362
+ --k-textConstPaleWhite: rgba(255, 255, 255, 0.48);
363
+ --k-textConstSoftBlack: rgba(0, 0, 0, 0.56);
364
+ --k-textConstSoftWhite: rgba(255, 255, 255, 0.64);
351
365
  --k-textOnAccentBoldDisabled: rgba(255, 255, 255, 0.32);
352
- --k-textOnAccentBoldPrimary: rgba(255, 255, 255, 0.96);
353
- --k-textOnAccentBoldSecondary: rgba(255, 255, 255, 0.56);
366
+ --k-textOnAccentBoldHeavy: rgba(255, 255, 255, 0.96);
367
+ --k-textOnAccentBoldPale: rgba(255, 255, 255, 0.4);
368
+ --k-textOnAccentBoldSoft: rgba(255, 255, 255, 0.56);
354
369
  --k-textOnBrandOriginalDisabled: rgba(255, 255, 255, 0.4);
355
- --k-textOnBrandOriginalPrimary: rgba(255, 255, 255, 0.96);
356
- --k-textOnBrandOriginalSecondary: rgba(255, 255, 255, 0.64);
370
+ --k-textOnBrandOriginalHeavy: rgba(255, 255, 255, 0.96);
371
+ --k-textOnBrandOriginalPale: rgba(255, 255, 255, 0.48);
372
+ --k-textOnBrandOriginalSoft: rgba(255, 255, 255, 0.64);
357
373
  --k-shapeBoldAccent: #b750d1;
358
374
  --k-shapeBoldAccentHover: #c45ddf;
359
375
  --k-shapeBoldAccentPressed: #a44fb9;
@@ -395,13 +411,15 @@
395
411
  --k-shapeHeavySuccess: #c3f3ca;
396
412
  --k-shapeHeavyWarning: #fbe48d;
397
413
  --k-shapeOtherAccentBoldDisabled: rgba(255, 255, 255, 0.32);
398
- --k-shapeOtherBacklessHover: rgba(255, 255, 255, 0.08);
414
+ --k-shapeOtherBacklessHover: rgba(255, 255, 255, 0.06);
399
415
  --k-shapeOtherBacklessPressed: rgba(255, 255, 255, 0.04);
400
- --k-shapeOtherBase: rgba(255, 255, 255, 0.06);
401
- --k-shapeOtherBaseHover: rgba(255, 255, 255, 0.12);
402
- --k-shapeOtherBasePressed: rgba(255, 255, 255, 0.04);
416
+ --k-shapeOtherBase: #333;
417
+ --k-shapeOtherBaseHover: #3d3d3d;
418
+ --k-shapeOtherBasePressed: #292929;
403
419
  --k-shapeOtherDisabled: rgba(255, 255, 255, 0.06);
404
- --k-shapeOtherField: rgba(0, 0, 0, 0.12);
420
+ --k-shapeOtherField: rgba(0, 0, 0, 0.16);
421
+ --k-shapeOtherFieldHover: rgba(0, 0, 0, 0.04);
422
+ --k-shapeOtherFieldPressed: rgba(0, 0, 0, 0.12);
405
423
  --k-shapeOtherLow: rgba(0, 0, 0, 0.24);
406
424
  --k-shapeOtherLowHover: rgba(0, 0, 0, 0.16);
407
425
  --k-shapeOtherLowPressed: rgba(0, 0, 0, 0.32);
@@ -450,8 +468,8 @@
450
468
  --k-shapeSoftWarning: #86612c;
451
469
  --k-shapeSoftWarningHover: #956c30;
452
470
  --k-shapeSoftWarningPressed: #775728;
453
- --k-shapeInvertedBacklessHover: rgba(0, 0, 0, 0.08);
454
- --k-shapeInvertedBacklessPressed: rgba(0, 0, 0, 0.12);
471
+ --k-shapeInvertedBacklessHover: rgba(0, 0, 0, 0.06);
472
+ --k-shapeInvertedBacklessPressed: rgba(0, 0, 0, 0.08);
455
473
  --k-shapeInvertedDisabled: rgba(0, 0, 0, 0.06);
456
474
  --k-shapeInvertedNeutralFaintAlpha: rgba(0, 0, 0, 0.06);
457
475
  --k-shapeInvertedNeutralFaintAlphaHover: rgba(0, 0, 0, 0.08);
@@ -560,6 +578,8 @@
560
578
  --k-illustrationBlack: #0d0d0d;
561
579
  --k-illustrationBrand: #b750d1;
562
580
  --k-illustrationComplement: #fff;
581
+ --k-illustrationInvertedNeutral: #000;
582
+ --k-illustrationNeutral: #fff;
563
583
  --k-illustrationOnBrand: rgba(255, 255, 255, 1);
564
584
  --k-illustrationOnComplement: #331f5a;
565
585
  --k-illustrationPromo: #331f5a;
@@ -1,53 +1,59 @@
1
1
  [data-k-brand='purple'][data-k-accent='gray'] {
2
- --k-textAccentPrimary: rgba(0, 0, 0, 0.88);
3
- --k-textAccentPrimaryHover: rgba(0, 0, 0, 0.96);
4
- --k-textAccentPrimaryPressed: rgba(0, 0, 0, 0.96);
2
+ --k-textAccentHeavy: rgba(0, 0, 0, 0.88);
3
+ --k-textAccentHeavyHover: rgba(0, 0, 0, 0.96);
4
+ --k-textAccentHeavyPressed: rgba(0, 0, 0, 0.96);
5
5
  --k-textDisabled: rgba(0, 0, 0, 0.32);
6
- --k-textErrorPrimary: #c50220;
7
- --k-textErrorPrimaryHover: #e62b34;
8
- --k-textErrorPrimaryPressed: #943e3b;
9
- --k-textInvertedAccentPrimary: rgba(255, 255, 255, 0.96);
10
- --k-textInvertedAccentPrimaryHover: #fff;
11
- --k-textInvertedAccentPrimaryPressed: #fff;
6
+ --k-textErrorHeavy: #c50220;
7
+ --k-textErrorHeavyHover: #e62b34;
8
+ --k-textErrorHeavyPressed: #943e3b;
9
+ --k-textInvertedAccentHeavy: rgba(255, 255, 255, 0.96);
10
+ --k-textInvertedAccentHeavyHover: #fff;
11
+ --k-textInvertedAccentHeavyPressed: #fff;
12
12
  --k-textInvertedDisabled: rgba(255, 255, 255, 0.4);
13
- --k-textInvertedErrorPrimary: #ff5352;
14
- --k-textInvertedErrorPrimaryHover: #ff726b;
15
- --k-textInvertedErrorPrimaryPressed: #dd5d58;
16
- --k-textInvertedNeutralPrimary: rgba(255, 255, 255, 0.96);
17
- --k-textInvertedNeutralSecondary: rgba(255, 255, 255, 0.64);
18
- --k-textInvertedSuccessPrimary: #00c655;
19
- --k-textInvertedSuccessPrimaryHover: #4ede76;
20
- --k-textInvertedSuccessPrimaryPressed: #4fa161;
21
- --k-textInvertedWarningPrimary: #f8ae00;
22
- --k-textInvertedWarningPrimaryHover: #ffbf0b;
23
- --k-textInvertedWarningPrimaryPressed: #cc9a51;
13
+ --k-textInvertedErrorHeavy: #ff5352;
14
+ --k-textInvertedErrorHeavyHover: #ff726b;
15
+ --k-textInvertedErrorHeavyPressed: #dd5d58;
16
+ --k-textInvertedNeutralHeavy: rgba(255, 255, 255, 0.96);
17
+ --k-textInvertedNeutralPale: rgba(255, 255, 255, 0.48);
18
+ --k-textInvertedNeutralSoft: rgba(255, 255, 255, 0.64);
19
+ --k-textInvertedSuccessHeavy: #00c655;
20
+ --k-textInvertedSuccessHeavyHover: #4ede76;
21
+ --k-textInvertedSuccessHeavyPressed: #4fa161;
22
+ --k-textInvertedWarningHeavy: #f8ae00;
23
+ --k-textInvertedWarningHeavyHover: #ffbf0b;
24
+ --k-textInvertedWarningHeavyPressed: #cc9a51;
24
25
  --k-textLogo: #b750d1;
25
- --k-textNeutralPrimary: rgba(0, 0, 0, 0.88);
26
- --k-textNeutralSecondary: rgba(0, 0, 0, 0.56);
27
- --k-textSuccessPrimary: #007f34;
28
- --k-textSuccessPrimaryHover: #009b41;
29
- --k-textSuccessPrimaryPressed: #3a6a43;
30
- --k-textWarningPrimary: #bc7d00;
31
- --k-textWarningPrimaryHover: #db9400;
32
- --k-textWarningPrimaryPressed: #a37736;
26
+ --k-textNeutralHeavy: rgba(0, 0, 0, 0.88);
27
+ --k-textNeutralPale: rgba(0, 0, 0, 0.4);
28
+ --k-textNeutralSoft: rgba(0, 0, 0, 0.56);
29
+ --k-textSuccessHeavy: #007f34;
30
+ --k-textSuccessHeavyHover: #009b41;
31
+ --k-textSuccessHeavyPressed: #3a6a43;
32
+ --k-textWarningHeavy: #bc7d00;
33
+ --k-textWarningHeavyHover: #db9400;
34
+ --k-textWarningHeavyPressed: #a37736;
33
35
  --k-textConstDisabledBlack: rgba(0, 0, 0, 0.32);
34
36
  --k-textConstDisabledWhite: rgba(255, 255, 255, 0.4);
35
- --k-textConstPrimaryBlack: rgba(0, 0, 0, 0.88);
36
- --k-textConstPrimaryWhite: rgba(255, 255, 255, 0.96);
37
- --k-textConstSecondaryBlack: rgba(0, 0, 0, 0.56);
38
- --k-textConstSecondaryWhite: rgba(255, 255, 255, 0.64);
37
+ --k-textConstHeavyBlack: rgba(0, 0, 0, 0.88);
38
+ --k-textConstHeavyWhite: rgba(255, 255, 255, 0.96);
39
+ --k-textConstPaleBlack: rgba(0, 0, 0, 0.4);
40
+ --k-textConstPaleWhite: rgba(255, 255, 255, 0.48);
41
+ --k-textConstSoftBlack: rgba(0, 0, 0, 0.56);
42
+ --k-textConstSoftWhite: rgba(255, 255, 255, 0.64);
39
43
  --k-textOnAccentBoldDisabled: rgba(255, 255, 255, 0.4);
40
- --k-textOnAccentBoldPrimary: rgba(255, 255, 255, 0.96);
41
- --k-textOnAccentBoldSecondary: rgba(255, 255, 255, 0.64);
44
+ --k-textOnAccentBoldHeavy: rgba(255, 255, 255, 0.96);
45
+ --k-textOnAccentBoldPale: rgba(255, 255, 255, 0.48);
46
+ --k-textOnAccentBoldSoft: rgba(255, 255, 255, 0.64);
42
47
  --k-textOnBrandOriginalDisabled: rgba(255, 255, 255, 0.4);
43
- --k-textOnBrandOriginalPrimary: rgba(255, 255, 255, 0.96);
44
- --k-textOnBrandOriginalSecondary: rgba(255, 255, 255, 0.64);
48
+ --k-textOnBrandOriginalHeavy: rgba(255, 255, 255, 0.96);
49
+ --k-textOnBrandOriginalPale: rgba(255, 255, 255, 0.48);
50
+ --k-textOnBrandOriginalSoft: rgba(255, 255, 255, 0.64);
45
51
  --k-shapeBoldAccent: #3d3d3d;
46
- --k-shapeBoldAccentHover: #333;
47
- --k-shapeBoldAccentPressed: #292929;
48
- --k-shapeBoldBrandOriginal: #3d3d3d;
49
- --k-shapeBoldBrandOriginalHover: #333;
50
- --k-shapeBoldBrandOriginalPressed: #292929;
52
+ --k-shapeBoldAccentHover: #292929;
53
+ --k-shapeBoldAccentPressed: #161616;
54
+ --k-shapeBoldBrandOriginal: undefined;
55
+ --k-shapeBoldBrandOriginalHover: undefined;
56
+ --k-shapeBoldBrandOriginalPressed: undefined;
51
57
  --k-shapeBoldError: #f63b40;
52
58
  --k-shapeBoldErrorHover: #e62b34;
53
59
  --k-shapeBoldErrorPressed: #cd3235;
@@ -83,13 +89,15 @@
83
89
  --k-shapeHeavySuccess: #0b4a1f;
84
90
  --k-shapeHeavyWarning: #543600;
85
91
  --k-shapeOtherAccentBoldDisabled: rgba(0, 0, 0, 0.32);
86
- --k-shapeOtherBacklessHover: rgba(0, 0, 0, 0.08);
87
- --k-shapeOtherBacklessPressed: rgba(0, 0, 0, 0.12);
92
+ --k-shapeOtherBacklessHover: rgba(0, 0, 0, 0.06);
93
+ --k-shapeOtherBacklessPressed: rgba(0, 0, 0, 0.08);
88
94
  --k-shapeOtherBase: #fff;
89
- --k-shapeOtherBaseHover: rgba(255, 255, 255, 0.64);
90
- --k-shapeOtherBasePressed: rgba(255, 255, 255, 0.32);
95
+ --k-shapeOtherBaseHover: #f2f2f2;
96
+ --k-shapeOtherBasePressed: #e4e4e4;
91
97
  --k-shapeOtherDisabled: rgba(0, 0, 0, 0.06);
92
98
  --k-shapeOtherField: #fff;
99
+ --k-shapeOtherFieldHover: #f2f2f2;
100
+ --k-shapeOtherFieldPressed: #e4e4e4;
93
101
  --k-shapeOtherLow: rgba(0, 0, 0, 0.06);
94
102
  --k-shapeOtherLowHover: rgba(0, 0, 0, 0.08);
95
103
  --k-shapeOtherLowPressed: rgba(0, 0, 0, 0.12);
@@ -138,7 +146,7 @@
138
146
  --k-shapeSoftWarning: #fcd35d;
139
147
  --k-shapeSoftWarningHover: #f4c359;
140
148
  --k-shapeSoftWarningPressed: #e5b566;
141
- --k-shapeInvertedBacklessHover: rgba(255, 255, 255, 0.08);
149
+ --k-shapeInvertedBacklessHover: rgba(255, 255, 255, 0.06);
142
150
  --k-shapeInvertedBacklessPressed: rgba(255, 255, 255, 0.04);
143
151
  --k-shapeInvertedDisabled: rgba(255, 255, 255, 0.06);
144
152
  --k-shapeInvertedNeutralFaintAlpha: rgba(255, 255, 255, 0.06);
@@ -184,9 +192,9 @@
184
192
  --k-shapeConstSoftWhite: rgba(255, 255, 255, 0.24);
185
193
  --k-shapeConstSoftWhiteHover: rgba(255, 255, 255, 0.32);
186
194
  --k-shapeConstSoftWhitePressed: rgba(255, 255, 255, 0.24);
187
- --k-lineAccentBold: #3d3d3d;
188
- --k-lineAccentBoldHover: #333;
189
- --k-lineAccentBoldPressed: #292929;
195
+ --k-lineAccentBold: #484848;
196
+ --k-lineAccentBoldHover: #161616;
197
+ --k-lineAccentBoldPressed: rgba(0, 0, 0, 0.64);
190
198
  --k-lineAccentPale: rgba(0, 0, 0, 0.24);
191
199
  --k-lineAccentPaleHover: rgba(0, 0, 0, 0.32);
192
200
  --k-lineAccentPalePressed: rgba(0, 0, 0, 0.4);
@@ -211,9 +219,9 @@
211
219
  --k-lineWarningBold: #f8ae00;
212
220
  --k-lineWarningBoldHover: #db9400;
213
221
  --k-lineWarningBoldPressed: #bd8f4d;
214
- --k-lineInvertedAccentBold: #f2f2f2;
215
- --k-lineInvertedAccentBoldHover: #484848;
216
- --k-lineInvertedAccentBoldPressed: #333;
222
+ --k-lineInvertedAccentBold: #d7d7d7;
223
+ --k-lineInvertedAccentBoldHover: #fff;
224
+ --k-lineInvertedAccentBoldPressed: rgba(255, 255, 255, 0.64);
217
225
  --k-lineInvertedAccentPale: rgba(255, 255, 255, 0.24);
218
226
  --k-lineInvertedAccentPaleHover: rgba(255, 255, 255, 0.32);
219
227
  --k-lineInvertedAccentPalePressed: rgba(255, 255, 255, 0.16);
@@ -248,6 +256,8 @@
248
256
  --k-illustrationBlack: #0d0d0d;
249
257
  --k-illustrationBrand: #b750d1;
250
258
  --k-illustrationComplement: #331f5a;
259
+ --k-illustrationInvertedNeutral: #fff;
260
+ --k-illustrationNeutral: #000;
251
261
  --k-illustrationOnBrand: rgba(255, 255, 255, 1);
252
262
  --k-illustrationOnComplement: #fff;
253
263
  --k-illustrationPromo: #331f5a;
@@ -311,55 +321,61 @@
311
321
  }
312
322
 
313
323
  [data-k-brand='purple'][data-k-accent='gray'][data-k-theme='dark'] {
314
- --k-textAccentPrimary: rgba(255, 255, 255, 0.96);
315
- --k-textAccentPrimaryHover: #fff;
316
- --k-textAccentPrimaryPressed: #fff;
324
+ --k-textAccentHeavy: rgba(255, 255, 255, 0.96);
325
+ --k-textAccentHeavyHover: #fff;
326
+ --k-textAccentHeavyPressed: #fff;
317
327
  --k-textDisabled: rgba(255, 255, 255, 0.4);
318
- --k-textErrorPrimary: #ff5352;
319
- --k-textErrorPrimaryHover: #ff726b;
320
- --k-textErrorPrimaryPressed: #dd5d58;
321
- --k-textInvertedAccentPrimary: rgba(0, 0, 0, 0.88);
322
- --k-textInvertedAccentPrimaryHover: rgba(0, 0, 0, 0.96);
323
- --k-textInvertedAccentPrimaryPressed: rgba(0, 0, 0, 0.96);
328
+ --k-textErrorHeavy: #ff5352;
329
+ --k-textErrorHeavyHover: #ff726b;
330
+ --k-textErrorHeavyPressed: #dd5d58;
331
+ --k-textInvertedAccentHeavy: rgba(0, 0, 0, 0.88);
332
+ --k-textInvertedAccentHeavyHover: rgba(0, 0, 0, 0.96);
333
+ --k-textInvertedAccentHeavyPressed: rgba(0, 0, 0, 0.96);
324
334
  --k-textInvertedDisabled: rgba(0, 0, 0, 0.32);
325
- --k-textInvertedErrorPrimary: #c50220;
326
- --k-textInvertedErrorPrimaryHover: #e62b34;
327
- --k-textInvertedErrorPrimaryPressed: #943e3b;
328
- --k-textInvertedNeutralPrimary: rgba(0, 0, 0, 0.88);
329
- --k-textInvertedNeutralSecondary: rgba(0, 0, 0, 0.56);
330
- --k-textInvertedSuccessPrimary: #007f34;
331
- --k-textInvertedSuccessPrimaryHover: #009b41;
332
- --k-textInvertedSuccessPrimaryPressed: #3a6a43;
333
- --k-textInvertedWarningPrimary: #bc7d00;
334
- --k-textInvertedWarningPrimaryHover: #db9400;
335
- --k-textInvertedWarningPrimaryPressed: #956c30;
335
+ --k-textInvertedErrorHeavy: #c50220;
336
+ --k-textInvertedErrorHeavyHover: #e62b34;
337
+ --k-textInvertedErrorHeavyPressed: #943e3b;
338
+ --k-textInvertedNeutralHeavy: rgba(0, 0, 0, 0.88);
339
+ --k-textInvertedNeutralPale: rgba(0, 0, 0, 0.4);
340
+ --k-textInvertedNeutralSoft: rgba(0, 0, 0, 0.56);
341
+ --k-textInvertedSuccessHeavy: #007f34;
342
+ --k-textInvertedSuccessHeavyHover: #009b41;
343
+ --k-textInvertedSuccessHeavyPressed: #3a6a43;
344
+ --k-textInvertedWarningHeavy: #bc7d00;
345
+ --k-textInvertedWarningHeavyHover: #db9400;
346
+ --k-textInvertedWarningHeavyPressed: #956c30;
336
347
  --k-textLogo: #bf58d9;
337
- --k-textNeutralPrimary: rgba(255, 255, 255, 0.96);
338
- --k-textNeutralSecondary: rgba(255, 255, 255, 0.64);
339
- --k-textSuccessPrimary: #00c655;
340
- --k-textSuccessPrimaryHover: #4ede76;
341
- --k-textSuccessPrimaryPressed: #4fa161;
342
- --k-textWarningPrimary: #f8ae00;
343
- --k-textWarningPrimaryHover: #ffbf0b;
344
- --k-textWarningPrimaryPressed: #cc9a51;
348
+ --k-textNeutralHeavy: rgba(255, 255, 255, 0.96);
349
+ --k-textNeutralPale: rgba(255, 255, 255, 0.48);
350
+ --k-textNeutralSoft: rgba(255, 255, 255, 0.64);
351
+ --k-textSuccessHeavy: #00c655;
352
+ --k-textSuccessHeavyHover: #4ede76;
353
+ --k-textSuccessHeavyPressed: #4fa161;
354
+ --k-textWarningHeavy: #f8ae00;
355
+ --k-textWarningHeavyHover: #ffbf0b;
356
+ --k-textWarningHeavyPressed: #cc9a51;
345
357
  --k-textConstDisabledBlack: rgba(0, 0, 0, 0.32);
346
358
  --k-textConstDisabledWhite: rgba(255, 255, 255, 0.4);
347
- --k-textConstPrimaryBlack: rgba(0, 0, 0, 0.88);
348
- --k-textConstPrimaryWhite: rgba(255, 255, 255, 0.96);
349
- --k-textConstSecondaryBlack: rgba(0, 0, 0, 0.56);
350
- --k-textConstSecondaryWhite: rgba(255, 255, 255, 0.64);
359
+ --k-textConstHeavyBlack: rgba(0, 0, 0, 0.88);
360
+ --k-textConstHeavyWhite: rgba(255, 255, 255, 0.96);
361
+ --k-textConstPaleBlack: rgba(0, 0, 0, 0.4);
362
+ --k-textConstPaleWhite: rgba(255, 255, 255, 0.48);
363
+ --k-textConstSoftBlack: rgba(0, 0, 0, 0.56);
364
+ --k-textConstSoftWhite: rgba(255, 255, 255, 0.64);
351
365
  --k-textOnAccentBoldDisabled: rgba(0, 0, 0, 0.32);
352
- --k-textOnAccentBoldPrimary: rgba(0, 0, 0, 0.88);
353
- --k-textOnAccentBoldSecondary: rgba(0, 0, 0, 0.56);
366
+ --k-textOnAccentBoldHeavy: rgba(0, 0, 0, 0.88);
367
+ --k-textOnAccentBoldPale: rgba(0, 0, 0, 0.4);
368
+ --k-textOnAccentBoldSoft: rgba(0, 0, 0, 0.56);
354
369
  --k-textOnBrandOriginalDisabled: rgba(255, 255, 255, 0.4);
355
- --k-textOnBrandOriginalPrimary: rgba(255, 255, 255, 0.96);
356
- --k-textOnBrandOriginalSecondary: rgba(255, 255, 255, 0.64);
370
+ --k-textOnBrandOriginalHeavy: rgba(255, 255, 255, 0.96);
371
+ --k-textOnBrandOriginalPale: rgba(255, 255, 255, 0.48);
372
+ --k-textOnBrandOriginalSoft: rgba(255, 255, 255, 0.64);
357
373
  --k-shapeBoldAccent: #f2f2f2;
358
- --k-shapeBoldAccentHover: #484848;
359
- --k-shapeBoldAccentPressed: #333;
360
- --k-shapeBoldBrandOriginal: #f2f2f2;
361
- --k-shapeBoldBrandOriginalHover: #484848;
362
- --k-shapeBoldBrandOriginalPressed: #292929;
374
+ --k-shapeBoldAccentHover: #fff;
375
+ --k-shapeBoldAccentPressed: #cacaca;
376
+ --k-shapeBoldBrandOriginal: undefined;
377
+ --k-shapeBoldBrandOriginalHover: undefined;
378
+ --k-shapeBoldBrandOriginalPressed: undefined;
363
379
  --k-shapeBoldError: #de3c3e;
364
380
  --k-shapeBoldErrorHover: #ee4948;
365
381
  --k-shapeBoldErrorPressed: #a74541;
@@ -395,13 +411,15 @@
395
411
  --k-shapeHeavySuccess: #c3f3ca;
396
412
  --k-shapeHeavyWarning: #fbe48d;
397
413
  --k-shapeOtherAccentBoldDisabled: rgba(255, 255, 255, 0.32);
398
- --k-shapeOtherBacklessHover: rgba(255, 255, 255, 0.08);
414
+ --k-shapeOtherBacklessHover: rgba(255, 255, 255, 0.06);
399
415
  --k-shapeOtherBacklessPressed: rgba(255, 255, 255, 0.04);
400
- --k-shapeOtherBase: rgba(255, 255, 255, 0.06);
401
- --k-shapeOtherBaseHover: rgba(255, 255, 255, 0.12);
402
- --k-shapeOtherBasePressed: rgba(255, 255, 255, 0.04);
416
+ --k-shapeOtherBase: #333;
417
+ --k-shapeOtherBaseHover: #3d3d3d;
418
+ --k-shapeOtherBasePressed: #292929;
403
419
  --k-shapeOtherDisabled: rgba(255, 255, 255, 0.06);
404
- --k-shapeOtherField: rgba(0, 0, 0, 0.12);
420
+ --k-shapeOtherField: rgba(0, 0, 0, 0.16);
421
+ --k-shapeOtherFieldHover: rgba(0, 0, 0, 0.04);
422
+ --k-shapeOtherFieldPressed: rgba(0, 0, 0, 0.12);
405
423
  --k-shapeOtherLow: rgba(0, 0, 0, 0.24);
406
424
  --k-shapeOtherLowHover: rgba(0, 0, 0, 0.16);
407
425
  --k-shapeOtherLowPressed: rgba(0, 0, 0, 0.32);
@@ -450,8 +468,8 @@
450
468
  --k-shapeSoftWarning: #86612c;
451
469
  --k-shapeSoftWarningHover: #956c30;
452
470
  --k-shapeSoftWarningPressed: #775728;
453
- --k-shapeInvertedBacklessHover: rgba(0, 0, 0, 0.08);
454
- --k-shapeInvertedBacklessPressed: rgba(0, 0, 0, 0.12);
471
+ --k-shapeInvertedBacklessHover: rgba(0, 0, 0, 0.06);
472
+ --k-shapeInvertedBacklessPressed: rgba(0, 0, 0, 0.08);
455
473
  --k-shapeInvertedDisabled: rgba(0, 0, 0, 0.06);
456
474
  --k-shapeInvertedNeutralFaintAlpha: rgba(0, 0, 0, 0.06);
457
475
  --k-shapeInvertedNeutralFaintAlphaHover: rgba(0, 0, 0, 0.08);
@@ -496,9 +514,9 @@
496
514
  --k-shapeConstSoftWhite: rgba(255, 255, 255, 0.24);
497
515
  --k-shapeConstSoftWhiteHover: rgba(255, 255, 255, 0.32);
498
516
  --k-shapeConstSoftWhitePressed: rgba(255, 255, 255, 0.24);
499
- --k-lineAccentBold: #f2f2f2;
500
- --k-lineAccentBoldHover: #484848;
501
- --k-lineAccentBoldPressed: #333;
517
+ --k-lineAccentBold: #d7d7d7;
518
+ --k-lineAccentBoldHover: #fff;
519
+ --k-lineAccentBoldPressed: rgba(255, 255, 255, 0.64);
502
520
  --k-lineAccentPale: rgba(255, 255, 255, 0.24);
503
521
  --k-lineAccentPaleHover: rgba(255, 255, 255, 0.32);
504
522
  --k-lineAccentPalePressed: rgba(255, 255, 255, 0.16);
@@ -523,9 +541,9 @@
523
541
  --k-lineWarningBold: #f8ae00;
524
542
  --k-lineWarningBoldHover: #ffbf0b;
525
543
  --k-lineWarningBoldPressed: #cc9a51;
526
- --k-lineInvertedAccentBold: #3d3d3d;
527
- --k-lineInvertedAccentBoldHover: #333;
528
- --k-lineInvertedAccentBoldPressed: #292929;
544
+ --k-lineInvertedAccentBold: #525252;
545
+ --k-lineInvertedAccentBoldHover: #161616;
546
+ --k-lineInvertedAccentBoldPressed: rgba(0, 0, 0, 0.64);
529
547
  --k-lineInvertedAccentPale: rgba(0, 0, 0, 0.24);
530
548
  --k-lineInvertedAccentPaleHover: rgba(0, 0, 0, 0.32);
531
549
  --k-lineInvertedAccentPalePressed: rgba(0, 0, 0, 0.4);
@@ -560,6 +578,8 @@
560
578
  --k-illustrationBlack: #0d0d0d;
561
579
  --k-illustrationBrand: #b750d1;
562
580
  --k-illustrationComplement: #fff;
581
+ --k-illustrationInvertedNeutral: #000;
582
+ --k-illustrationNeutral: #fff;
563
583
  --k-illustrationOnBrand: rgba(255, 255, 255, 1);
564
584
  --k-illustrationOnComplement: #331f5a;
565
585
  --k-illustrationPromo: #331f5a;