@skbkontur/colors 2.0.6-alpha.0 → 2.0.6-alpha.1

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 (35) hide show
  1. package/default-dark.d.ts +30 -30
  2. package/default-dark.js +30 -30
  3. package/default-light.d.ts +30 -30
  4. package/default-light.js +30 -30
  5. package/lib/consts/default-swatch.js +2 -2
  6. package/lib/consts/default-swatch.ts +2 -2
  7. package/package.json +1 -1
  8. package/tokens/brand-blue-deep_accent-brand.css +60 -60
  9. package/tokens/brand-blue-deep_accent-gray.css +60 -60
  10. package/tokens/brand-blue_accent-brand.css +60 -60
  11. package/tokens/brand-blue_accent-gray.css +60 -60
  12. package/tokens/brand-green_accent-brand.css +60 -60
  13. package/tokens/brand-green_accent-gray.css +60 -60
  14. package/tokens/brand-mint_accent-brand.css +60 -60
  15. package/tokens/brand-mint_accent-gray.css +60 -60
  16. package/tokens/brand-orange_accent-gray.css +60 -60
  17. package/tokens/brand-purple_accent-brand.css +60 -60
  18. package/tokens/brand-purple_accent-gray.css +60 -60
  19. package/tokens/brand-red_accent-gray.css +60 -60
  20. package/tokens/brand-violet_accent-brand.css +60 -60
  21. package/tokens/brand-violet_accent-gray.css +60 -60
  22. package/tokens-mobile/brand-blue-deep_accent-brand.json +28 -28
  23. package/tokens-mobile/brand-blue-deep_accent-gray.json +28 -28
  24. package/tokens-mobile/brand-blue_accent-brand.json +28 -28
  25. package/tokens-mobile/brand-blue_accent-gray.json +28 -28
  26. package/tokens-mobile/brand-green_accent-brand.json +28 -28
  27. package/tokens-mobile/brand-green_accent-gray.json +28 -28
  28. package/tokens-mobile/brand-mint_accent-brand.json +28 -28
  29. package/tokens-mobile/brand-mint_accent-gray.json +28 -28
  30. package/tokens-mobile/brand-orange_accent-gray.json +28 -28
  31. package/tokens-mobile/brand-purple_accent-brand.json +28 -28
  32. package/tokens-mobile/brand-purple_accent-gray.json +28 -28
  33. package/tokens-mobile/brand-red_accent-gray.json +28 -28
  34. package/tokens-mobile/brand-violet_accent-brand.json +28 -28
  35. package/tokens-mobile/brand-violet_accent-gray.json +28 -28
package/default-light.js CHANGED
@@ -17,9 +17,9 @@ export var textInvertedNeutralSoft = 'var(--k-color-text-inverted-neutral-soft,
17
17
  export var textInvertedSuccessHeavy = 'var(--k-color-text-inverted-success-heavy, #00c655)';
18
18
  export var textInvertedSuccessHeavyHover = 'var(--k-color-text-inverted-success-heavy-hover, #4ede76)';
19
19
  export var textInvertedSuccessHeavyPressed = 'var(--k-color-text-inverted-success-heavy-pressed, #4fa161)';
20
- export var textInvertedWarningHeavy = 'var(--k-color-text-inverted-warning-heavy, #fdaa00)';
21
- export var textInvertedWarningHeavyHover = 'var(--k-color-text-inverted-warning-heavy-hover, #ffbe3d)';
22
- export var textInvertedWarningHeavyPressed = 'var(--k-color-text-inverted-warning-heavy-pressed, #d69551)';
20
+ export var textInvertedWarningHeavy = 'var(--k-color-text-inverted-warning-heavy, #faac00)';
21
+ export var textInvertedWarningHeavyHover = 'var(--k-color-text-inverted-warning-heavy-hover, #ffbe26)';
22
+ export var textInvertedWarningHeavyPressed = 'var(--k-color-text-inverted-warning-heavy-pressed, #d29750)';
23
23
  export var textLogo = 'var(--k-color-text-logo, #FE4C4C)';
24
24
  export var textNeutralFaint = 'var(--k-color-text-neutral-faint, rgba(0, 0, 0, 0.32))';
25
25
  export var textNeutralHeavy = 'var(--k-color-text-neutral-heavy, rgba(0, 0, 0, 0.88))';
@@ -28,9 +28,9 @@ export var textNeutralSoft = 'var(--k-color-text-neutral-soft, rgba(0, 0, 0, 0.5
28
28
  export var textSuccessHeavy = 'var(--k-color-text-success-heavy, #007f34)';
29
29
  export var textSuccessHeavyHover = 'var(--k-color-text-success-heavy-hover, #009b41)';
30
30
  export var textSuccessHeavyPressed = 'var(--k-color-text-success-heavy-pressed, #3a6a43)';
31
- export var textWarningHeavy = 'var(--k-color-text-warning-heavy, #d26e00)';
32
- export var textWarningHeavyHover = 'var(--k-color-text-warning-heavy-hover, #e88b00)';
33
- export var textWarningHeavyPressed = 'var(--k-color-text-warning-heavy-pressed, #ab713f)';
31
+ export var textWarningHeavy = 'var(--k-color-text-warning-heavy, #cc7204)';
32
+ export var textWarningHeavyHover = 'var(--k-color-text-warning-heavy-hover, #e28f05)';
33
+ export var textWarningHeavyPressed = 'var(--k-color-text-warning-heavy-pressed, #a9733c)';
34
34
  export var textConstFaintBlack = 'var(--k-color-text-const-faint-black, rgba(0, 0, 0, 0.32))';
35
35
  export var textConstFaintWhite = 'var(--k-color-text-const-faint-white, rgba(255, 255, 255, 0.4))';
36
36
  export var textConstHeavyBlack = 'var(--k-color-text-const-heavy-black, rgba(0, 0, 0, 0.88))';
@@ -62,9 +62,9 @@ export var shapeBoldNeutralPressed = 'var(--k-color-shape-bold-neutral-pressed,
62
62
  export var shapeBoldSuccess = 'var(--k-color-shape-bold-success, #00a948)';
63
63
  export var shapeBoldSuccessHover = 'var(--k-color-shape-bold-success-hover, #009b41)';
64
64
  export var shapeBoldSuccessPressed = 'var(--k-color-shape-bold-success-pressed, #178b3f)';
65
- export var shapeBoldWarning = 'var(--k-color-shape-bold-warning, #ffbe3d)';
66
- export var shapeBoldWarningHover = 'var(--k-color-shape-bold-warning-hover, #fdaa00)';
67
- export var shapeBoldWarningPressed = 'var(--k-color-shape-bold-warning-pressed, #ec9e32)';
65
+ export var shapeBoldWarning = 'var(--k-color-shape-bold-warning, #ffbe26)';
66
+ export var shapeBoldWarningHover = 'var(--k-color-shape-bold-warning-hover, #faac00)';
67
+ export var shapeBoldWarningPressed = 'var(--k-color-shape-bold-warning-pressed, #e7a132)';
68
68
  export var shapeFaintAccent = 'var(--k-color-shape-faint-accent, rgba(0, 0, 0, 0.12))';
69
69
  export var shapeFaintAccentHover = 'var(--k-color-shape-faint-accent-hover, rgba(0, 0, 0, 0.16))';
70
70
  export var shapeFaintAccentPressed = 'var(--k-color-shape-faint-accent-pressed, rgba(0, 0, 0, 0.24))';
@@ -80,13 +80,13 @@ export var shapeFaintNeutralAlphaPressed = 'var(--k-color-shape-faint-neutral-al
80
80
  export var shapeFaintSuccess = 'var(--k-color-shape-faint-success, #defbe2)';
81
81
  export var shapeFaintSuccessHover = 'var(--k-color-shape-faint-success-hover, #c3f3ca)';
82
82
  export var shapeFaintSuccessPressed = 'var(--k-color-shape-faint-success-pressed, #d1edd5)';
83
- export var shapeFaintWarning = 'var(--k-color-shape-faint-warning, #fff1ca)';
84
- export var shapeFaintWarningHover = 'var(--k-color-shape-faint-warning-hover, #f9e3ac)';
85
- export var shapeFaintWarningPressed = 'var(--k-color-shape-faint-warning-pressed, #f1e4c4)';
83
+ export var shapeFaintWarning = 'var(--k-color-shape-faint-warning, #fff2c1)';
84
+ export var shapeFaintWarningHover = 'var(--k-color-shape-faint-warning-hover, #f5e4ac)';
85
+ export var shapeFaintWarningPressed = 'var(--k-color-shape-faint-warning-pressed, #eee5c4)';
86
86
  export var shapeHeavyError = 'var(--k-color-shape-heavy-error, #6b1f1e)';
87
87
  export var shapeHeavyNeutral = 'var(--k-color-shape-heavy-neutral, #292929)';
88
88
  export var shapeHeavySuccess = 'var(--k-color-shape-heavy-success, #0b4a1f)';
89
- export var shapeHeavyWarning = 'var(--k-color-shape-heavy-warning, #583400)';
89
+ export var shapeHeavyWarning = 'var(--k-color-shape-heavy-warning, #563500)';
90
90
  export var shapeOtherAccentBoldDisabled = 'var(--k-color-shape-other-accent-bold-disabled, rgba(0, 0, 0, 0.32))';
91
91
  export var shapeOtherBacklessHover = 'var(--k-color-shape-other-backless-hover, rgba(0, 0, 0, 0.06))';
92
92
  export var shapeOtherBacklessPressed = 'var(--k-color-shape-other-backless-pressed, rgba(0, 0, 0, 0.16))';
@@ -124,9 +124,9 @@ export var shapePaleNeutralAlphaPressed = 'var(--k-color-shape-pale-neutral-alph
124
124
  export var shapePaleSuccess = 'var(--k-color-shape-pale-success, #c3f3ca)';
125
125
  export var shapePaleSuccessHover = 'var(--k-color-shape-pale-success-hover, #a7ebb2)';
126
126
  export var shapePaleSuccessPressed = 'var(--k-color-shape-pale-success-pressed, #bae4c0)';
127
- export var shapePaleWarning = 'var(--k-color-shape-pale-warning, #ffe29a)';
128
- export var shapePaleWarningHover = 'var(--k-color-shape-pale-warning-hover, #f8d286)';
129
- export var shapePaleWarningPressed = 'var(--k-color-shape-pale-warning-pressed, #edd5a5)';
127
+ export var shapePaleWarning = 'var(--k-color-shape-pale-warning, #fee38d)';
128
+ export var shapePaleWarningHover = 'var(--k-color-shape-pale-warning-hover, #f4d485)';
129
+ export var shapePaleWarningPressed = 'var(--k-color-shape-pale-warning-pressed, #ead6a5)';
130
130
  export var shapeSoftAccent = 'var(--k-color-shape-soft-accent, rgba(0, 0, 0, 0.32))';
131
131
  export var shapeSoftAccentHover = 'var(--k-color-shape-soft-accent-hover, rgba(0, 0, 0, 0.4))';
132
132
  export var shapeSoftAccentPressed = 'var(--k-color-shape-soft-accent-pressed, rgba(0, 0, 0, 0.48))';
@@ -142,9 +142,9 @@ export var shapeSoftNeutralAlphaPressed = 'var(--k-color-shape-soft-neutral-alph
142
142
  export var shapeSoftSuccess = 'var(--k-color-shape-soft-success, #6cd984)';
143
143
  export var shapeSoftSuccessHover = 'var(--k-color-shape-soft-success-hover, #4ecf70)';
144
144
  export var shapeSoftSuccessPressed = 'var(--k-color-shape-soft-success-pressed, #58be6f)';
145
- export var shapeSoftWarning = 'var(--k-color-shape-soft-warning, #ffd06f)';
146
- export var shapeSoftWarningHover = 'var(--k-color-shape-soft-warning-hover, #f8c05c)';
147
- export var shapeSoftWarningPressed = 'var(--k-color-shape-soft-warning-pressed, #e9b368)';
145
+ export var shapeSoftWarning = 'var(--k-color-shape-soft-warning, #fed25d)';
146
+ export var shapeSoftWarningHover = 'var(--k-color-shape-soft-warning-hover, #f6c15a)';
147
+ export var shapeSoftWarningPressed = 'var(--k-color-shape-soft-warning-pressed, #e7b467)';
148
148
  export var shapeInvertedBacklessHover = 'var(--k-color-shape-inverted-backless-hover, rgba(255, 255, 255, 0.06))';
149
149
  export var shapeInvertedBacklessPressed = 'var(--k-color-shape-inverted-backless-pressed, rgba(255, 255, 255, 0.04))';
150
150
  export var shapeInvertedDisabled = 'var(--k-color-shape-inverted-disabled, rgba(255, 255, 255, 0.06))';
@@ -215,9 +215,9 @@ export var lineOnBrandOriginalPale = 'var(--k-color-line-on-brand-original-pale,
215
215
  export var lineSuccessBold = 'var(--k-color-line-success-bold, #008d3a)';
216
216
  export var lineSuccessBoldHover = 'var(--k-color-line-success-bold-hover, #00b74e)';
217
217
  export var lineSuccessBoldPressed = 'var(--k-color-line-success-bold-pressed, #458552)';
218
- export var lineWarningBold = 'var(--k-color-line-warning-bold, #fdaa00)';
219
- export var lineWarningBoldHover = 'var(--k-color-line-warning-bold-hover, #e88b00)';
220
- export var lineWarningBoldPressed = 'var(--k-color-line-warning-bold-pressed, #cb874c)';
218
+ export var lineWarningBold = 'var(--k-color-line-warning-bold, #faac00)';
219
+ export var lineWarningBoldHover = 'var(--k-color-line-warning-bold-hover, #e28f05)';
220
+ export var lineWarningBoldPressed = 'var(--k-color-line-warning-bold-pressed, #c6894d)';
221
221
  export var lineInvertedAccentBold = 'var(--k-color-line-inverted-accent-bold, #d7d7d7)';
222
222
  export var lineInvertedAccentBoldHover = 'var(--k-color-line-inverted-accent-bold-hover, #ffffff)';
223
223
  export var lineInvertedAccentBoldPressed = 'var(--k-color-line-inverted-accent-bold-pressed, rgba(255, 255, 255, 0.64))';
@@ -237,9 +237,9 @@ export var lineInvertedNeutralPalePressed = 'var(--k-color-line-inverted-neutral
237
237
  export var lineInvertedSuccessBold = 'var(--k-color-line-inverted-success-bold, #009b41)';
238
238
  export var lineInvertedSuccessBoldHover = 'var(--k-color-line-inverted-success-bold-hover, #00b74e)';
239
239
  export var lineInvertedSuccessBoldPressed = 'var(--k-color-line-inverted-success-bold-pressed, #458552)';
240
- export var lineInvertedWarningBold = 'var(--k-color-line-inverted-warning-bold, #fdaa00)';
241
- export var lineInvertedWarningBoldHover = 'var(--k-color-line-inverted-warning-bold-hover, #ffbe3d)';
242
- export var lineInvertedWarningBoldPressed = 'var(--k-color-line-inverted-warning-bold-pressed, #d69551)';
240
+ export var lineInvertedWarningBold = 'var(--k-color-line-inverted-warning-bold, #faac00)';
241
+ export var lineInvertedWarningBoldHover = 'var(--k-color-line-inverted-warning-bold-hover, #ffbe26)';
242
+ export var lineInvertedWarningBoldPressed = 'var(--k-color-line-inverted-warning-bold-pressed, #d29750)';
243
243
  export var lineConstFaintBlack = 'var(--k-color-line-const-faint-black, rgba(0, 0, 0, 0.12))';
244
244
  export var lineConstFaintWhite = 'var(--k-color-line-const-faint-white, rgba(255, 255, 255, 0.12))';
245
245
  export var lineConstPaleBlack = 'var(--k-color-line-const-pale-black, rgba(0, 0, 0, 0.24))';
@@ -272,7 +272,7 @@ export var customizableBoldOrange = 'var(--k-color-customizable-bold-orange, #f9
272
272
  export var customizableBoldPurple = 'var(--k-color-customizable-bold-purple, #cf60ec)';
273
273
  export var customizableBoldRed = 'var(--k-color-customizable-bold-red, #ff5352)';
274
274
  export var customizableBoldViolet = 'var(--k-color-customizable-bold-violet, #a17bff)';
275
- export var customizableBoldYellow = 'var(--k-color-customizable-bold-yellow, #f2b100)';
275
+ export var customizableBoldYellow = 'var(--k-color-customizable-bold-yellow, #faac00)';
276
276
  export var customizableFaintBlack = 'var(--k-color-customizable-faint-black, #e4e4e4)';
277
277
  export var customizableFaintBlue = 'var(--k-color-customizable-faint-blue, #e2f5ff)';
278
278
  export var customizableFaintBlueDeep = 'var(--k-color-customizable-faint-blue-deep, #e8f3ff)';
@@ -283,7 +283,7 @@ export var customizableFaintOrange = 'var(--k-color-customizable-faint-orange, #
283
283
  export var customizableFaintPurple = 'var(--k-color-customizable-faint-purple, #ffeaff)';
284
284
  export var customizableFaintRed = 'var(--k-color-customizable-faint-red, #ffedef)';
285
285
  export var customizableFaintViolet = 'var(--k-color-customizable-faint-violet, #f1f0ff)';
286
- export var customizableFaintYellow = 'var(--k-color-customizable-faint-yellow, #fcf4be)';
286
+ export var customizableFaintYellow = 'var(--k-color-customizable-faint-yellow, #fff2c1)';
287
287
  export var customizableHeavyBlack = 'var(--k-color-customizable-heavy-black, #3d3d3d)';
288
288
  export var customizableHeavyBlue = 'var(--k-color-customizable-heavy-blue, #005dae)';
289
289
  export var customizableHeavyBlueDeep = 'var(--k-color-customizable-heavy-blue-deep, #234ece)';
@@ -294,7 +294,7 @@ export var customizableHeavyOrange = 'var(--k-color-customizable-heavy-orange, #
294
294
  export var customizableHeavyPurple = 'var(--k-color-customizable-heavy-purple, #8b22a4)';
295
295
  export var customizableHeavyRed = 'var(--k-color-customizable-heavy-red, #c50220)';
296
296
  export var customizableHeavyViolet = 'var(--k-color-customizable-heavy-violet, #6936c2)';
297
- export var customizableHeavyYellow = 'var(--k-color-customizable-heavy-yellow, #9a6a00)';
297
+ export var customizableHeavyYellow = 'var(--k-color-customizable-heavy-yellow, #9f6700)';
298
298
  export var customizablePaleBlack = 'var(--k-color-customizable-pale-black, #d7d7d7)';
299
299
  export var customizablePaleBlue = 'var(--k-color-customizable-pale-blue, #c7ebff)';
300
300
  export var customizablePaleBlueDeep = 'var(--k-color-customizable-pale-blue-deep, #d2e7ff)';
@@ -305,7 +305,7 @@ export var customizablePaleOrange = 'var(--k-color-customizable-pale-orange, #ff
305
305
  export var customizablePalePurple = 'var(--k-color-customizable-pale-purple, #fbd6ff)';
306
306
  export var customizablePaleRed = 'var(--k-color-customizable-pale-red, #ffdadd)';
307
307
  export var customizablePaleViolet = 'var(--k-color-customizable-pale-violet, #e4e0ff)';
308
- export var customizablePaleYellow = 'var(--k-color-customizable-pale-yellow, #f7e68e)';
308
+ export var customizablePaleYellow = 'var(--k-color-customizable-pale-yellow, #fee38d)';
309
309
  export var customizableSoftBlack = 'var(--k-color-customizable-soft-black, #b1b1b1)';
310
310
  export var customizableSoftBlue = 'var(--k-color-customizable-soft-blue, #80c5ff)';
311
311
  export var customizableSoftBlueDeep = 'var(--k-color-customizable-soft-blue-deep, #99bfff)';
@@ -316,4 +316,4 @@ export var customizableSoftOrange = 'var(--k-color-customizable-soft-orange, #ff
316
316
  export var customizableSoftPurple = 'var(--k-color-customizable-soft-purple, #ea9aff)';
317
317
  export var customizableSoftRed = 'var(--k-color-customizable-soft-red, #ffa09b)';
318
318
  export var customizableSoftViolet = 'var(--k-color-customizable-soft-violet, #c1b0ff)';
319
- export var customizableSoftYellow = 'var(--k-color-customizable-soft-yellow, #f6d65e)';
319
+ export var customizableSoftYellow = 'var(--k-color-customizable-soft-yellow, #fed25d)';
@@ -9,7 +9,7 @@ export var brand = {
9
9
  purple: '#B750D1',
10
10
  };
11
11
  export var system = {
12
- warning: '#FDAA00',
12
+ warning: '#FAB800',
13
13
  error: '#E62B34',
14
14
  success: '#009A40',
15
15
  };
@@ -22,7 +22,7 @@ export var customizable = {
22
22
  blueDeep: '#366AF3',
23
23
  violet: '#844BEC',
24
24
  purple: '#B750D1',
25
- yellow: '#FAB700',
25
+ yellow: '#FAB800',
26
26
  };
27
27
  export var gray = {
28
28
  0: 'oklch(0% 0 0)',
@@ -10,7 +10,7 @@ export const brand = {
10
10
  };
11
11
 
12
12
  export const system = {
13
- warning: '#FDAA00',
13
+ warning: '#FAB800',
14
14
  error: '#E62B34',
15
15
  success: '#009A40',
16
16
  };
@@ -24,7 +24,7 @@ export const customizable = {
24
24
  blueDeep: '#366AF3',
25
25
  violet: '#844BEC',
26
26
  purple: '#B750D1',
27
- yellow: '#FAB700',
27
+ yellow: '#FAB800',
28
28
  };
29
29
 
30
30
  export const gray = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skbkontur/colors",
3
- "version": "2.0.6-alpha.0",
3
+ "version": "2.0.6-alpha.1",
4
4
  "author": "Kontur",
5
5
  "publishConfig": {
6
6
  "access": "public",
@@ -18,9 +18,9 @@
18
18
  --k-color-text-inverted-success-heavy: #00c655;
19
19
  --k-color-text-inverted-success-heavy-hover: #4ede76;
20
20
  --k-color-text-inverted-success-heavy-pressed: #4fa161;
21
- --k-color-text-inverted-warning-heavy: #fdaa00;
22
- --k-color-text-inverted-warning-heavy-hover: #ffbe3d;
23
- --k-color-text-inverted-warning-heavy-pressed: #d69551;
21
+ --k-color-text-inverted-warning-heavy: #faac00;
22
+ --k-color-text-inverted-warning-heavy-hover: #ffbe26;
23
+ --k-color-text-inverted-warning-heavy-pressed: #d29750;
24
24
  --k-color-text-logo: #366af3;
25
25
  --k-color-text-neutral-faint: rgba(0, 0, 0, 0.32);
26
26
  --k-color-text-neutral-heavy: rgba(0, 0, 0, 0.88);
@@ -29,9 +29,9 @@
29
29
  --k-color-text-success-heavy: #007f34;
30
30
  --k-color-text-success-heavy-hover: #009b41;
31
31
  --k-color-text-success-heavy-pressed: #3a6a43;
32
- --k-color-text-warning-heavy: #d26e00;
33
- --k-color-text-warning-heavy-hover: #e88b00;
34
- --k-color-text-warning-heavy-pressed: #ab713f;
32
+ --k-color-text-warning-heavy: #cc7204;
33
+ --k-color-text-warning-heavy-hover: #e28f05;
34
+ --k-color-text-warning-heavy-pressed: #a9733c;
35
35
  --k-color-text-const-faint-black: rgba(0, 0, 0, 0.32);
36
36
  --k-color-text-const-faint-white: rgba(255, 255, 255, 0.4);
37
37
  --k-color-text-const-heavy-black: rgba(0, 0, 0, 0.88);
@@ -63,9 +63,9 @@
63
63
  --k-color-shape-bold-success: #00a948;
64
64
  --k-color-shape-bold-success-hover: #009b41;
65
65
  --k-color-shape-bold-success-pressed: #178b3f;
66
- --k-color-shape-bold-warning: #ffbe3d;
67
- --k-color-shape-bold-warning-hover: #fdaa00;
68
- --k-color-shape-bold-warning-pressed: #ec9e32;
66
+ --k-color-shape-bold-warning: #ffbe26;
67
+ --k-color-shape-bold-warning-hover: #faac00;
68
+ --k-color-shape-bold-warning-pressed: #e7a132;
69
69
  --k-color-shape-faint-accent: #e8f3ff;
70
70
  --k-color-shape-faint-accent-hover: #d2e7ff;
71
71
  --k-color-shape-faint-accent-pressed: #c8d9f1;
@@ -81,13 +81,13 @@
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;
84
- --k-color-shape-faint-warning: #fff1ca;
85
- --k-color-shape-faint-warning-hover: #f9e3ac;
86
- --k-color-shape-faint-warning-pressed: #f1e4c4;
84
+ --k-color-shape-faint-warning: #fff2c1;
85
+ --k-color-shape-faint-warning-hover: #f5e4ac;
86
+ --k-color-shape-faint-warning-pressed: #eee5c4;
87
87
  --k-color-shape-heavy-error: #6b1f1e;
88
88
  --k-color-shape-heavy-neutral: #292929;
89
89
  --k-color-shape-heavy-success: #0b4a1f;
90
- --k-color-shape-heavy-warning: #583400;
90
+ --k-color-shape-heavy-warning: #563500;
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
93
  --k-color-shape-other-backless-pressed: rgba(0, 0, 0, 0.16);
@@ -125,9 +125,9 @@
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;
128
- --k-color-shape-pale-warning: #ffe29a;
129
- --k-color-shape-pale-warning-hover: #f8d286;
130
- --k-color-shape-pale-warning-pressed: #edd5a5;
128
+ --k-color-shape-pale-warning: #fee38d;
129
+ --k-color-shape-pale-warning-hover: #f4d485;
130
+ --k-color-shape-pale-warning-pressed: #ead6a5;
131
131
  --k-color-shape-soft-accent: #99bfff;
132
132
  --k-color-shape-soft-accent-hover: #88b0ff;
133
133
  --k-color-shape-soft-accent-pressed: #83a4e6;
@@ -143,9 +143,9 @@
143
143
  --k-color-shape-soft-success: #6cd984;
144
144
  --k-color-shape-soft-success-hover: #4ecf70;
145
145
  --k-color-shape-soft-success-pressed: #58be6f;
146
- --k-color-shape-soft-warning: #ffd06f;
147
- --k-color-shape-soft-warning-hover: #f8c05c;
148
- --k-color-shape-soft-warning-pressed: #e9b368;
146
+ --k-color-shape-soft-warning: #fed25d;
147
+ --k-color-shape-soft-warning-hover: #f6c15a;
148
+ --k-color-shape-soft-warning-pressed: #e7b467;
149
149
  --k-color-shape-inverted-backless-hover: rgba(255, 255, 255, 0.06);
150
150
  --k-color-shape-inverted-backless-pressed: rgba(255, 255, 255, 0.04);
151
151
  --k-color-shape-inverted-disabled: rgba(255, 255, 255, 0.06);
@@ -216,9 +216,9 @@
216
216
  --k-color-line-success-bold: #008d3a;
217
217
  --k-color-line-success-bold-hover: #00b74e;
218
218
  --k-color-line-success-bold-pressed: #458552;
219
- --k-color-line-warning-bold: #fdaa00;
220
- --k-color-line-warning-bold-hover: #e88b00;
221
- --k-color-line-warning-bold-pressed: #cb874c;
219
+ --k-color-line-warning-bold: #faac00;
220
+ --k-color-line-warning-bold-hover: #e28f05;
221
+ --k-color-line-warning-bold-pressed: #c6894d;
222
222
  --k-color-line-inverted-accent-bold: #366af3;
223
223
  --k-color-line-inverted-accent-bold-hover: #4377ff;
224
224
  --k-color-line-inverted-accent-bold-pressed: #3662d4;
@@ -238,9 +238,9 @@
238
238
  --k-color-line-inverted-success-bold: #009b41;
239
239
  --k-color-line-inverted-success-bold-hover: #00b74e;
240
240
  --k-color-line-inverted-success-bold-pressed: #458552;
241
- --k-color-line-inverted-warning-bold: #fdaa00;
242
- --k-color-line-inverted-warning-bold-hover: #ffbe3d;
243
- --k-color-line-inverted-warning-bold-pressed: #d69551;
241
+ --k-color-line-inverted-warning-bold: #faac00;
242
+ --k-color-line-inverted-warning-bold-hover: #ffbe26;
243
+ --k-color-line-inverted-warning-bold-pressed: #d29750;
244
244
  --k-color-line-const-faint-black: rgba(0, 0, 0, 0.12);
245
245
  --k-color-line-const-faint-white: rgba(255, 255, 255, 0.12);
246
246
  --k-color-line-const-pale-black: rgba(0, 0, 0, 0.24);
@@ -273,7 +273,7 @@
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: #f2b100;
276
+ --k-color-customizable-bold-yellow: #faac00;
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;
@@ -284,7 +284,7 @@
284
284
  --k-color-customizable-faint-purple: #ffeaff;
285
285
  --k-color-customizable-faint-red: #ffedef;
286
286
  --k-color-customizable-faint-violet: #f1f0ff;
287
- --k-color-customizable-faint-yellow: #fcf4be;
287
+ --k-color-customizable-faint-yellow: #fff2c1;
288
288
  --k-color-customizable-heavy-black: #3d3d3d;
289
289
  --k-color-customizable-heavy-blue: #005dae;
290
290
  --k-color-customizable-heavy-blue-deep: #234ece;
@@ -295,7 +295,7 @@
295
295
  --k-color-customizable-heavy-purple: #8b22a4;
296
296
  --k-color-customizable-heavy-red: #c50220;
297
297
  --k-color-customizable-heavy-violet: #6936c2;
298
- --k-color-customizable-heavy-yellow: #9a6a00;
298
+ --k-color-customizable-heavy-yellow: #9f6700;
299
299
  --k-color-customizable-pale-black: #d7d7d7;
300
300
  --k-color-customizable-pale-blue: #c7ebff;
301
301
  --k-color-customizable-pale-blue-deep: #d2e7ff;
@@ -306,7 +306,7 @@
306
306
  --k-color-customizable-pale-purple: #fbd6ff;
307
307
  --k-color-customizable-pale-red: #ffdadd;
308
308
  --k-color-customizable-pale-violet: #e4e0ff;
309
- --k-color-customizable-pale-yellow: #f7e68e;
309
+ --k-color-customizable-pale-yellow: #fee38d;
310
310
  --k-color-customizable-soft-black: #b1b1b1;
311
311
  --k-color-customizable-soft-blue: #80c5ff;
312
312
  --k-color-customizable-soft-blue-deep: #99bfff;
@@ -317,7 +317,7 @@
317
317
  --k-color-customizable-soft-purple: #ea9aff;
318
318
  --k-color-customizable-soft-red: #ffa09b;
319
319
  --k-color-customizable-soft-violet: #c1b0ff;
320
- --k-color-customizable-soft-yellow: #f6d65e;
320
+ --k-color-customizable-soft-yellow: #fed25d;
321
321
  }
322
322
 
323
323
  [data-k-brand='blue-deep'][data-k-accent='brand'][data-k-theme='dark'] {
@@ -340,9 +340,9 @@
340
340
  --k-color-text-inverted-success-heavy: #007f34;
341
341
  --k-color-text-inverted-success-heavy-hover: #009b41;
342
342
  --k-color-text-inverted-success-heavy-pressed: #3a6a43;
343
- --k-color-text-inverted-warning-heavy: #d26e00;
344
- --k-color-text-inverted-warning-heavy-hover: #e88b00;
345
- --k-color-text-inverted-warning-heavy-pressed: #9a6836;
343
+ --k-color-text-inverted-warning-heavy: #cc7204;
344
+ --k-color-text-inverted-warning-heavy-hover: #e28f05;
345
+ --k-color-text-inverted-warning-heavy-pressed: #986934;
346
346
  --k-color-text-logo: #4b80ff;
347
347
  --k-color-text-neutral-faint: rgba(255, 255, 255, 0.4);
348
348
  --k-color-text-neutral-heavy: rgba(255, 255, 255, 0.96);
@@ -351,9 +351,9 @@
351
351
  --k-color-text-success-heavy: #00c655;
352
352
  --k-color-text-success-heavy-hover: #4ede76;
353
353
  --k-color-text-success-heavy-pressed: #4fa161;
354
- --k-color-text-warning-heavy: #fdaa00;
355
- --k-color-text-warning-heavy-hover: #ffbe3d;
356
- --k-color-text-warning-heavy-pressed: #d69551;
354
+ --k-color-text-warning-heavy: #faac00;
355
+ --k-color-text-warning-heavy-hover: #ffbe26;
356
+ --k-color-text-warning-heavy-pressed: #d29750;
357
357
  --k-color-text-const-faint-black: rgba(0, 0, 0, 0.32);
358
358
  --k-color-text-const-faint-white: rgba(255, 255, 255, 0.4);
359
359
  --k-color-text-const-heavy-black: rgba(0, 0, 0, 0.88);
@@ -385,9 +385,9 @@
385
385
  --k-color-shape-bold-success: #1d9946;
386
386
  --k-color-shape-bold-success-hover: #2ca651;
387
387
  --k-color-shape-bold-success-pressed: #3f784b;
388
- --k-color-shape-bold-warning: #f6ad3c;
389
- --k-color-shape-bold-warning-hover: #f8c05c;
390
- --k-color-shape-bold-warning-pressed: #d69551;
388
+ --k-color-shape-bold-warning: #f4af3c;
389
+ --k-color-shape-bold-warning-hover: #f6c15a;
390
+ --k-color-shape-bold-warning-pressed: #d29750;
391
391
  --k-color-shape-faint-accent: #1e305c;
392
392
  --k-color-shape-faint-accent-hover: #243a6e;
393
393
  --k-color-shape-faint-accent-pressed: #18274b;
@@ -403,13 +403,13 @@
403
403
  --k-color-shape-faint-success: #213a25;
404
404
  --k-color-shape-faint-success-hover: #27452d;
405
405
  --k-color-shape-faint-success-pressed: #1a2e1e;
406
- --k-color-shape-faint-warning: #422e19;
407
- --k-color-shape-faint-warning-hover: #4f381d;
408
- --k-color-shape-faint-warning-pressed: #352515;
406
+ --k-color-shape-faint-warning: #412f18;
407
+ --k-color-shape-faint-warning-hover: #4e381d;
408
+ --k-color-shape-faint-warning-pressed: #342614;
409
409
  --k-color-shape-heavy-error: #ffdadd;
410
410
  --k-color-shape-heavy-neutral: #f2f2f2;
411
411
  --k-color-shape-heavy-success: #c3f3ca;
412
- --k-color-shape-heavy-warning: #ffe29a;
412
+ --k-color-shape-heavy-warning: #fee38d;
413
413
  --k-color-shape-other-accent-bold-disabled: rgba(255, 255, 255, 0.32);
414
414
  --k-color-shape-other-backless-hover: rgba(255, 255, 255, 0.06);
415
415
  --k-color-shape-other-backless-pressed: rgba(255, 255, 255, 0.04);
@@ -447,9 +447,9 @@
447
447
  --k-color-shape-pale-success: #27452d;
448
448
  --k-color-shape-pale-success-hover: #2d5134;
449
449
  --k-color-shape-pale-success-pressed: #213a25;
450
- --k-color-shape-pale-warning: #4f381d;
451
- --k-color-shape-pale-warning-hover: #5d4122;
452
- --k-color-shape-pale-warning-pressed: #422e19;
450
+ --k-color-shape-pale-warning: #4e381d;
451
+ --k-color-shape-pale-warning-hover: #5c4221;
452
+ --k-color-shape-pale-warning-pressed: #412f18;
453
453
  --k-color-shape-soft-accent: #3959a5;
454
454
  --k-color-shape-soft-accent-hover: #4164b8;
455
455
  --k-color-shape-soft-accent-pressed: #324e92;
@@ -465,9 +465,9 @@
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;
468
- --k-color-shape-soft-warning: #8a5f30;
469
- --k-color-shape-soft-warning-hover: #9a6836;
470
- --k-color-shape-soft-warning-pressed: #7a552b;
468
+ --k-color-shape-soft-warning: #88602e;
469
+ --k-color-shape-soft-warning-hover: #986934;
470
+ --k-color-shape-soft-warning-pressed: #785629;
471
471
  --k-color-shape-inverted-backless-hover: rgba(0, 0, 0, 0.06);
472
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);
@@ -538,9 +538,9 @@
538
538
  --k-color-line-success-bold: #009b41;
539
539
  --k-color-line-success-bold-hover: #00b74e;
540
540
  --k-color-line-success-bold-pressed: #458552;
541
- --k-color-line-warning-bold: #fdaa00;
542
- --k-color-line-warning-bold-hover: #ffbe3d;
543
- --k-color-line-warning-bold-pressed: #d69551;
541
+ --k-color-line-warning-bold: #faac00;
542
+ --k-color-line-warning-bold-hover: #ffbe26;
543
+ --k-color-line-warning-bold-pressed: #d29750;
544
544
  --k-color-line-inverted-accent-bold: #366af3;
545
545
  --k-color-line-inverted-accent-bold-hover: #2d5de5;
546
546
  --k-color-line-inverted-accent-bold-pressed: #2c55c6;
@@ -560,9 +560,9 @@
560
560
  --k-color-line-inverted-success-bold: #008d3a;
561
561
  --k-color-line-inverted-success-bold-hover: #00b74e;
562
562
  --k-color-line-inverted-success-bold-pressed: #458552;
563
- --k-color-line-inverted-warning-bold: #fdaa00;
564
- --k-color-line-inverted-warning-bold-hover: #e88b00;
565
- --k-color-line-inverted-warning-bold-pressed: #cb874c;
563
+ --k-color-line-inverted-warning-bold: #faac00;
564
+ --k-color-line-inverted-warning-bold-hover: #e28f05;
565
+ --k-color-line-inverted-warning-bold-pressed: #c6894d;
566
566
  --k-color-line-const-faint-black: rgba(0, 0, 0, 0.12);
567
567
  --k-color-line-const-faint-white: rgba(255, 255, 255, 0.12);
568
568
  --k-color-line-const-pale-black: rgba(0, 0, 0, 0.24);
@@ -595,7 +595,7 @@
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: #e5a403;
598
+ --k-color-customizable-bold-yellow: #ed9f00;
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;
@@ -606,7 +606,7 @@
606
606
  --k-color-customizable-faint-purple: #44244c;
607
607
  --k-color-customizable-faint-red: #502421;
608
608
  --k-color-customizable-faint-violet: #362958;
609
- --k-color-customizable-faint-yellow: #3f3018;
609
+ --k-color-customizable-faint-yellow: #412f18;
610
610
  --k-color-customizable-heavy-black: #f2f2f2;
611
611
  --k-color-customizable-heavy-blue: #80c5ff;
612
612
  --k-color-customizable-heavy-blue-deep: #88b0ff;
@@ -617,7 +617,7 @@
617
617
  --k-color-customizable-heavy-purple: #ea9aff;
618
618
  --k-color-customizable-heavy-red: #ff8a84;
619
619
  --k-color-customizable-heavy-violet: #b69fff;
620
- --k-color-customizable-heavy-yellow: #f9c206;
620
+ --k-color-customizable-heavy-yellow: #ffbe26;
621
621
  --k-color-customizable-pale-black: #525252;
622
622
  --k-color-customizable-pale-blue: #253f5c;
623
623
  --k-color-customizable-pale-blue-deep: #243a6e;
@@ -628,7 +628,7 @@
628
628
  --k-color-customizable-pale-purple: #522a5c;
629
629
  --k-color-customizable-pale-red: #602a27;
630
630
  --k-color-customizable-pale-violet: #413169;
631
- --k-color-customizable-pale-yellow: #4c3a1b;
631
+ --k-color-customizable-pale-yellow: #4e381d;
632
632
  --k-color-customizable-soft-black: #747474;
633
633
  --k-color-customizable-soft-blue: #37608e;
634
634
  --k-color-customizable-soft-blue-deep: #3959a5;
@@ -639,5 +639,5 @@
639
639
  --k-color-customizable-soft-purple: #7c428b;
640
640
  --k-color-customizable-soft-red: #943e3b;
641
641
  --k-color-customizable-soft-violet: #634c9e;
642
- --k-color-customizable-soft-yellow: #83622b;
642
+ --k-color-customizable-soft-yellow: #87602d;
643
643
  }