@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.
- package/default-dark.d.ts +30 -30
- package/default-dark.js +30 -30
- package/default-light.d.ts +30 -30
- package/default-light.js +30 -30
- package/lib/consts/default-swatch.js +2 -2
- package/lib/consts/default-swatch.ts +2 -2
- package/package.json +1 -1
- package/tokens/brand-blue-deep_accent-brand.css +60 -60
- package/tokens/brand-blue-deep_accent-gray.css +60 -60
- package/tokens/brand-blue_accent-brand.css +60 -60
- package/tokens/brand-blue_accent-gray.css +60 -60
- package/tokens/brand-green_accent-brand.css +60 -60
- package/tokens/brand-green_accent-gray.css +60 -60
- package/tokens/brand-mint_accent-brand.css +60 -60
- package/tokens/brand-mint_accent-gray.css +60 -60
- package/tokens/brand-orange_accent-gray.css +60 -60
- package/tokens/brand-purple_accent-brand.css +60 -60
- package/tokens/brand-purple_accent-gray.css +60 -60
- package/tokens/brand-red_accent-gray.css +60 -60
- package/tokens/brand-violet_accent-brand.css +60 -60
- package/tokens/brand-violet_accent-gray.css +60 -60
- package/tokens-mobile/brand-blue-deep_accent-brand.json +28 -28
- package/tokens-mobile/brand-blue-deep_accent-gray.json +28 -28
- package/tokens-mobile/brand-blue_accent-brand.json +28 -28
- package/tokens-mobile/brand-blue_accent-gray.json +28 -28
- package/tokens-mobile/brand-green_accent-brand.json +28 -28
- package/tokens-mobile/brand-green_accent-gray.json +28 -28
- package/tokens-mobile/brand-mint_accent-brand.json +28 -28
- package/tokens-mobile/brand-mint_accent-gray.json +28 -28
- package/tokens-mobile/brand-orange_accent-gray.json +28 -28
- package/tokens-mobile/brand-purple_accent-brand.json +28 -28
- package/tokens-mobile/brand-purple_accent-gray.json +28 -28
- package/tokens-mobile/brand-red_accent-gray.json +28 -28
- package/tokens-mobile/brand-violet_accent-brand.json +28 -28
- package/tokens-mobile/brand-violet_accent-gray.json +28 -28
package/default-dark.d.ts
CHANGED
|
@@ -17,9 +17,9 @@ export declare const textInvertedNeutralSoft = "var(--k-color-text-inverted-neut
|
|
|
17
17
|
export declare const textInvertedSuccessHeavy = "var(--k-color-text-inverted-success-heavy, #007f34)";
|
|
18
18
|
export declare const textInvertedSuccessHeavyHover = "var(--k-color-text-inverted-success-heavy-hover, #009b41)";
|
|
19
19
|
export declare const textInvertedSuccessHeavyPressed = "var(--k-color-text-inverted-success-heavy-pressed, #3a6a43)";
|
|
20
|
-
export declare const textInvertedWarningHeavy = "var(--k-color-text-inverted-warning-heavy, #
|
|
21
|
-
export declare const textInvertedWarningHeavyHover = "var(--k-color-text-inverted-warning-heavy-hover, #
|
|
22
|
-
export declare const textInvertedWarningHeavyPressed = "var(--k-color-text-inverted-warning-heavy-pressed, #
|
|
20
|
+
export declare const textInvertedWarningHeavy = "var(--k-color-text-inverted-warning-heavy, #cc7204)";
|
|
21
|
+
export declare const textInvertedWarningHeavyHover = "var(--k-color-text-inverted-warning-heavy-hover, #e28f05)";
|
|
22
|
+
export declare const textInvertedWarningHeavyPressed = "var(--k-color-text-inverted-warning-heavy-pressed, #986934)";
|
|
23
23
|
export declare const textLogo = "var(--k-color-text-logo, #fe4c4c)";
|
|
24
24
|
export declare const textNeutralFaint = "var(--k-color-text-neutral-faint, rgba(255, 255, 255, 0.4))";
|
|
25
25
|
export declare const textNeutralHeavy = "var(--k-color-text-neutral-heavy, rgba(255, 255, 255, 0.96))";
|
|
@@ -28,9 +28,9 @@ export declare const textNeutralSoft = "var(--k-color-text-neutral-soft, rgba(25
|
|
|
28
28
|
export declare const textSuccessHeavy = "var(--k-color-text-success-heavy, #00c655)";
|
|
29
29
|
export declare const textSuccessHeavyHover = "var(--k-color-text-success-heavy-hover, #4ede76)";
|
|
30
30
|
export declare const textSuccessHeavyPressed = "var(--k-color-text-success-heavy-pressed, #4fa161)";
|
|
31
|
-
export declare const textWarningHeavy = "var(--k-color-text-warning-heavy, #
|
|
32
|
-
export declare const textWarningHeavyHover = "var(--k-color-text-warning-heavy-hover, #
|
|
33
|
-
export declare const textWarningHeavyPressed = "var(--k-color-text-warning-heavy-pressed, #
|
|
31
|
+
export declare const textWarningHeavy = "var(--k-color-text-warning-heavy, #faac00)";
|
|
32
|
+
export declare const textWarningHeavyHover = "var(--k-color-text-warning-heavy-hover, #ffbe26)";
|
|
33
|
+
export declare const textWarningHeavyPressed = "var(--k-color-text-warning-heavy-pressed, #d29750)";
|
|
34
34
|
export declare const textConstFaintBlack = "var(--k-color-text-const-faint-black, rgba(0, 0, 0, 0.32))";
|
|
35
35
|
export declare const textConstFaintWhite = "var(--k-color-text-const-faint-white, rgba(255, 255, 255, 0.4))";
|
|
36
36
|
export declare const textConstHeavyBlack = "var(--k-color-text-const-heavy-black, rgba(0, 0, 0, 0.88))";
|
|
@@ -62,9 +62,9 @@ export declare const shapeBoldNeutralPressed = "var(--k-color-shape-bold-neutral
|
|
|
62
62
|
export declare const shapeBoldSuccess = "var(--k-color-shape-bold-success, #1d9946)";
|
|
63
63
|
export declare const shapeBoldSuccessHover = "var(--k-color-shape-bold-success-hover, #2ca651)";
|
|
64
64
|
export declare const shapeBoldSuccessPressed = "var(--k-color-shape-bold-success-pressed, #3f784b)";
|
|
65
|
-
export declare const shapeBoldWarning = "var(--k-color-shape-bold-warning, #
|
|
66
|
-
export declare const shapeBoldWarningHover = "var(--k-color-shape-bold-warning-hover, #
|
|
67
|
-
export declare const shapeBoldWarningPressed = "var(--k-color-shape-bold-warning-pressed, #
|
|
65
|
+
export declare const shapeBoldWarning = "var(--k-color-shape-bold-warning, #f4af3c)";
|
|
66
|
+
export declare const shapeBoldWarningHover = "var(--k-color-shape-bold-warning-hover, #f6c15a)";
|
|
67
|
+
export declare const shapeBoldWarningPressed = "var(--k-color-shape-bold-warning-pressed, #d29750)";
|
|
68
68
|
export declare const shapeFaintAccent = "var(--k-color-shape-faint-accent, rgba(255, 255, 255, 0.12))";
|
|
69
69
|
export declare const shapeFaintAccentHover = "var(--k-color-shape-faint-accent-hover, rgba(255, 255, 255, 0.16))";
|
|
70
70
|
export declare const shapeFaintAccentPressed = "var(--k-color-shape-faint-accent-pressed, rgba(255, 255, 255, 0.08))";
|
|
@@ -80,13 +80,13 @@ export declare const shapeFaintNeutralAlphaPressed = "var(--k-color-shape-faint-
|
|
|
80
80
|
export declare const shapeFaintSuccess = "var(--k-color-shape-faint-success, #213a25)";
|
|
81
81
|
export declare const shapeFaintSuccessHover = "var(--k-color-shape-faint-success-hover, #27452d)";
|
|
82
82
|
export declare const shapeFaintSuccessPressed = "var(--k-color-shape-faint-success-pressed, #1a2e1e)";
|
|
83
|
-
export declare const shapeFaintWarning = "var(--k-color-shape-faint-warning, #
|
|
84
|
-
export declare const shapeFaintWarningHover = "var(--k-color-shape-faint-warning-hover, #
|
|
85
|
-
export declare const shapeFaintWarningPressed = "var(--k-color-shape-faint-warning-pressed, #
|
|
83
|
+
export declare const shapeFaintWarning = "var(--k-color-shape-faint-warning, #412f18)";
|
|
84
|
+
export declare const shapeFaintWarningHover = "var(--k-color-shape-faint-warning-hover, #4e381d)";
|
|
85
|
+
export declare const shapeFaintWarningPressed = "var(--k-color-shape-faint-warning-pressed, #342614)";
|
|
86
86
|
export declare const shapeHeavyError = "var(--k-color-shape-heavy-error, #ffdadd)";
|
|
87
87
|
export declare const shapeHeavyNeutral = "var(--k-color-shape-heavy-neutral, #f2f2f2)";
|
|
88
88
|
export declare const shapeHeavySuccess = "var(--k-color-shape-heavy-success, #c3f3ca)";
|
|
89
|
-
export declare const shapeHeavyWarning = "var(--k-color-shape-heavy-warning, #
|
|
89
|
+
export declare const shapeHeavyWarning = "var(--k-color-shape-heavy-warning, #fee38d)";
|
|
90
90
|
export declare const shapeOtherAccentBoldDisabled = "var(--k-color-shape-other-accent-bold-disabled, rgba(255, 255, 255, 0.32))";
|
|
91
91
|
export declare const shapeOtherBacklessHover = "var(--k-color-shape-other-backless-hover, rgba(255, 255, 255, 0.06))";
|
|
92
92
|
export declare const shapeOtherBacklessPressed = "var(--k-color-shape-other-backless-pressed, rgba(255, 255, 255, 0.04))";
|
|
@@ -124,9 +124,9 @@ export declare const shapePaleNeutralAlphaPressed = "var(--k-color-shape-pale-ne
|
|
|
124
124
|
export declare const shapePaleSuccess = "var(--k-color-shape-pale-success, #27452d)";
|
|
125
125
|
export declare const shapePaleSuccessHover = "var(--k-color-shape-pale-success-hover, #2d5134)";
|
|
126
126
|
export declare const shapePaleSuccessPressed = "var(--k-color-shape-pale-success-pressed, #213a25)";
|
|
127
|
-
export declare const shapePaleWarning = "var(--k-color-shape-pale-warning, #
|
|
128
|
-
export declare const shapePaleWarningHover = "var(--k-color-shape-pale-warning-hover, #
|
|
129
|
-
export declare const shapePaleWarningPressed = "var(--k-color-shape-pale-warning-pressed, #
|
|
127
|
+
export declare const shapePaleWarning = "var(--k-color-shape-pale-warning, #4e381d)";
|
|
128
|
+
export declare const shapePaleWarningHover = "var(--k-color-shape-pale-warning-hover, #5c4221)";
|
|
129
|
+
export declare const shapePaleWarningPressed = "var(--k-color-shape-pale-warning-pressed, #412f18)";
|
|
130
130
|
export declare const shapeSoftAccent = "var(--k-color-shape-soft-accent, rgba(255, 255, 255, 0.32))";
|
|
131
131
|
export declare const shapeSoftAccentHover = "var(--k-color-shape-soft-accent-hover, rgba(255, 255, 255, 0.4))";
|
|
132
132
|
export declare const shapeSoftAccentPressed = "var(--k-color-shape-soft-accent-pressed, rgba(255, 255, 255, 0.24))";
|
|
@@ -142,9 +142,9 @@ export declare const shapeSoftNeutralAlphaPressed = "var(--k-color-shape-soft-ne
|
|
|
142
142
|
export declare const shapeSoftSuccess = "var(--k-color-shape-soft-success, #3a6a43)";
|
|
143
143
|
export declare const shapeSoftSuccessHover = "var(--k-color-shape-soft-success-hover, #3f784b)";
|
|
144
144
|
export declare const shapeSoftSuccessPressed = "var(--k-color-shape-soft-success-pressed, #345e3c)";
|
|
145
|
-
export declare const shapeSoftWarning = "var(--k-color-shape-soft-warning, #
|
|
146
|
-
export declare const shapeSoftWarningHover = "var(--k-color-shape-soft-warning-hover, #
|
|
147
|
-
export declare const shapeSoftWarningPressed = "var(--k-color-shape-soft-warning-pressed, #
|
|
145
|
+
export declare const shapeSoftWarning = "var(--k-color-shape-soft-warning, #88602e)";
|
|
146
|
+
export declare const shapeSoftWarningHover = "var(--k-color-shape-soft-warning-hover, #986934)";
|
|
147
|
+
export declare const shapeSoftWarningPressed = "var(--k-color-shape-soft-warning-pressed, #785629)";
|
|
148
148
|
export declare const shapeInvertedBacklessHover = "var(--k-color-shape-inverted-backless-hover, rgba(0, 0, 0, 0.06))";
|
|
149
149
|
export declare const shapeInvertedBacklessPressed = "var(--k-color-shape-inverted-backless-pressed, rgba(0, 0, 0, 0.16))";
|
|
150
150
|
export declare const shapeInvertedDisabled = "var(--k-color-shape-inverted-disabled, rgba(0, 0, 0, 0.06))";
|
|
@@ -215,9 +215,9 @@ export declare const lineOnBrandOriginalPale = "var(--k-color-line-on-brand-orig
|
|
|
215
215
|
export declare const lineSuccessBold = "var(--k-color-line-success-bold, #009b41)";
|
|
216
216
|
export declare const lineSuccessBoldHover = "var(--k-color-line-success-bold-hover, #00b74e)";
|
|
217
217
|
export declare const lineSuccessBoldPressed = "var(--k-color-line-success-bold-pressed, #458552)";
|
|
218
|
-
export declare const lineWarningBold = "var(--k-color-line-warning-bold, #
|
|
219
|
-
export declare const lineWarningBoldHover = "var(--k-color-line-warning-bold-hover, #
|
|
220
|
-
export declare const lineWarningBoldPressed = "var(--k-color-line-warning-bold-pressed, #
|
|
218
|
+
export declare const lineWarningBold = "var(--k-color-line-warning-bold, #faac00)";
|
|
219
|
+
export declare const lineWarningBoldHover = "var(--k-color-line-warning-bold-hover, #ffbe26)";
|
|
220
|
+
export declare const lineWarningBoldPressed = "var(--k-color-line-warning-bold-pressed, #d29750)";
|
|
221
221
|
export declare const lineInvertedAccentBold = "var(--k-color-line-inverted-accent-bold, #525252)";
|
|
222
222
|
export declare const lineInvertedAccentBoldHover = "var(--k-color-line-inverted-accent-bold-hover, #161616)";
|
|
223
223
|
export declare const lineInvertedAccentBoldPressed = "var(--k-color-line-inverted-accent-bold-pressed, rgba(0, 0, 0, 0.64))";
|
|
@@ -237,9 +237,9 @@ export declare const lineInvertedNeutralPalePressed = "var(--k-color-line-invert
|
|
|
237
237
|
export declare const lineInvertedSuccessBold = "var(--k-color-line-inverted-success-bold, #008d3a)";
|
|
238
238
|
export declare const lineInvertedSuccessBoldHover = "var(--k-color-line-inverted-success-bold-hover, #00b74e)";
|
|
239
239
|
export declare const lineInvertedSuccessBoldPressed = "var(--k-color-line-inverted-success-bold-pressed, #458552)";
|
|
240
|
-
export declare const lineInvertedWarningBold = "var(--k-color-line-inverted-warning-bold, #
|
|
241
|
-
export declare const lineInvertedWarningBoldHover = "var(--k-color-line-inverted-warning-bold-hover, #
|
|
242
|
-
export declare const lineInvertedWarningBoldPressed = "var(--k-color-line-inverted-warning-bold-pressed, #
|
|
240
|
+
export declare const lineInvertedWarningBold = "var(--k-color-line-inverted-warning-bold, #faac00)";
|
|
241
|
+
export declare const lineInvertedWarningBoldHover = "var(--k-color-line-inverted-warning-bold-hover, #e28f05)";
|
|
242
|
+
export declare const lineInvertedWarningBoldPressed = "var(--k-color-line-inverted-warning-bold-pressed, #c6894d)";
|
|
243
243
|
export declare const lineConstFaintBlack = "var(--k-color-line-const-faint-black, rgba(0, 0, 0, 0.12))";
|
|
244
244
|
export declare const lineConstFaintWhite = "var(--k-color-line-const-faint-white, rgba(255, 255, 255, 0.12))";
|
|
245
245
|
export declare const lineConstPaleBlack = "var(--k-color-line-const-pale-black, rgba(0, 0, 0, 0.24))";
|
|
@@ -272,7 +272,7 @@ export declare const customizableBoldOrange = "var(--k-color-customizable-bold-o
|
|
|
272
272
|
export declare const customizableBoldPurple = "var(--k-color-customizable-bold-purple, #be5ad8)";
|
|
273
273
|
export declare const customizableBoldRed = "var(--k-color-customizable-bold-red, #ee4948)";
|
|
274
274
|
export declare const customizableBoldViolet = "var(--k-color-customizable-bold-violet, #956ef2)";
|
|
275
|
-
export declare const customizableBoldYellow = "var(--k-color-customizable-bold-yellow, #
|
|
275
|
+
export declare const customizableBoldYellow = "var(--k-color-customizable-bold-yellow, #ed9f00)";
|
|
276
276
|
export declare const customizableFaintBlack = "var(--k-color-customizable-faint-black, #484848)";
|
|
277
277
|
export declare const customizableFaintBlue = "var(--k-color-customizable-faint-blue, #1f344d)";
|
|
278
278
|
export declare const customizableFaintBlueDeep = "var(--k-color-customizable-faint-blue-deep, #1e305c)";
|
|
@@ -283,7 +283,7 @@ export declare const customizableFaintOrange = "var(--k-color-customizable-faint
|
|
|
283
283
|
export declare const customizableFaintPurple = "var(--k-color-customizable-faint-purple, #44244c)";
|
|
284
284
|
export declare const customizableFaintRed = "var(--k-color-customizable-faint-red, #502421)";
|
|
285
285
|
export declare const customizableFaintViolet = "var(--k-color-customizable-faint-violet, #362958)";
|
|
286
|
-
export declare const customizableFaintYellow = "var(--k-color-customizable-faint-yellow, #
|
|
286
|
+
export declare const customizableFaintYellow = "var(--k-color-customizable-faint-yellow, #412f18)";
|
|
287
287
|
export declare const customizableHeavyBlack = "var(--k-color-customizable-heavy-black, #f2f2f2)";
|
|
288
288
|
export declare const customizableHeavyBlue = "var(--k-color-customizable-heavy-blue, #80c5ff)";
|
|
289
289
|
export declare const customizableHeavyBlueDeep = "var(--k-color-customizable-heavy-blue-deep, #88b0ff)";
|
|
@@ -294,7 +294,7 @@ export declare const customizableHeavyOrange = "var(--k-color-customizable-heavy
|
|
|
294
294
|
export declare const customizableHeavyPurple = "var(--k-color-customizable-heavy-purple, #ea9aff)";
|
|
295
295
|
export declare const customizableHeavyRed = "var(--k-color-customizable-heavy-red, #ff8a84)";
|
|
296
296
|
export declare const customizableHeavyViolet = "var(--k-color-customizable-heavy-violet, #b69fff)";
|
|
297
|
-
export declare const customizableHeavyYellow = "var(--k-color-customizable-heavy-yellow, #
|
|
297
|
+
export declare const customizableHeavyYellow = "var(--k-color-customizable-heavy-yellow, #ffbe26)";
|
|
298
298
|
export declare const customizablePaleBlack = "var(--k-color-customizable-pale-black, #525252)";
|
|
299
299
|
export declare const customizablePaleBlue = "var(--k-color-customizable-pale-blue, #253f5c)";
|
|
300
300
|
export declare const customizablePaleBlueDeep = "var(--k-color-customizable-pale-blue-deep, #243a6e)";
|
|
@@ -305,7 +305,7 @@ export declare const customizablePaleOrange = "var(--k-color-customizable-pale-o
|
|
|
305
305
|
export declare const customizablePalePurple = "var(--k-color-customizable-pale-purple, #522a5c)";
|
|
306
306
|
export declare const customizablePaleRed = "var(--k-color-customizable-pale-red, #602a27)";
|
|
307
307
|
export declare const customizablePaleViolet = "var(--k-color-customizable-pale-violet, #413169)";
|
|
308
|
-
export declare const customizablePaleYellow = "var(--k-color-customizable-pale-yellow, #
|
|
308
|
+
export declare const customizablePaleYellow = "var(--k-color-customizable-pale-yellow, #4e381d)";
|
|
309
309
|
export declare const customizableSoftBlack = "var(--k-color-customizable-soft-black, #747474)";
|
|
310
310
|
export declare const customizableSoftBlue = "var(--k-color-customizable-soft-blue, #37608e)";
|
|
311
311
|
export declare const customizableSoftBlueDeep = "var(--k-color-customizable-soft-blue-deep, #3959a5)";
|
|
@@ -316,4 +316,4 @@ export declare const customizableSoftOrange = "var(--k-color-customizable-soft-o
|
|
|
316
316
|
export declare const customizableSoftPurple = "var(--k-color-customizable-soft-purple, #7c428b)";
|
|
317
317
|
export declare const customizableSoftRed = "var(--k-color-customizable-soft-red, #943e3b)";
|
|
318
318
|
export declare const customizableSoftViolet = "var(--k-color-customizable-soft-violet, #634c9e)";
|
|
319
|
-
export declare const customizableSoftYellow = "var(--k-color-customizable-soft-yellow, #
|
|
319
|
+
export declare const customizableSoftYellow = "var(--k-color-customizable-soft-yellow, #87602d)";
|
package/default-dark.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, #007f34)';
|
|
18
18
|
export var textInvertedSuccessHeavyHover = 'var(--k-color-text-inverted-success-heavy-hover, #009b41)';
|
|
19
19
|
export var textInvertedSuccessHeavyPressed = 'var(--k-color-text-inverted-success-heavy-pressed, #3a6a43)';
|
|
20
|
-
export var textInvertedWarningHeavy = 'var(--k-color-text-inverted-warning-heavy, #
|
|
21
|
-
export var textInvertedWarningHeavyHover = 'var(--k-color-text-inverted-warning-heavy-hover, #
|
|
22
|
-
export var textInvertedWarningHeavyPressed = 'var(--k-color-text-inverted-warning-heavy-pressed, #
|
|
20
|
+
export var textInvertedWarningHeavy = 'var(--k-color-text-inverted-warning-heavy, #cc7204)';
|
|
21
|
+
export var textInvertedWarningHeavyHover = 'var(--k-color-text-inverted-warning-heavy-hover, #e28f05)';
|
|
22
|
+
export var textInvertedWarningHeavyPressed = 'var(--k-color-text-inverted-warning-heavy-pressed, #986934)';
|
|
23
23
|
export var textLogo = 'var(--k-color-text-logo, #fe4c4c)';
|
|
24
24
|
export var textNeutralFaint = 'var(--k-color-text-neutral-faint, rgba(255, 255, 255, 0.4))';
|
|
25
25
|
export var textNeutralHeavy = 'var(--k-color-text-neutral-heavy, rgba(255, 255, 255, 0.96))';
|
|
@@ -28,9 +28,9 @@ export var textNeutralSoft = 'var(--k-color-text-neutral-soft, rgba(255, 255, 25
|
|
|
28
28
|
export var textSuccessHeavy = 'var(--k-color-text-success-heavy, #00c655)';
|
|
29
29
|
export var textSuccessHeavyHover = 'var(--k-color-text-success-heavy-hover, #4ede76)';
|
|
30
30
|
export var textSuccessHeavyPressed = 'var(--k-color-text-success-heavy-pressed, #4fa161)';
|
|
31
|
-
export var textWarningHeavy = 'var(--k-color-text-warning-heavy, #
|
|
32
|
-
export var textWarningHeavyHover = 'var(--k-color-text-warning-heavy-hover, #
|
|
33
|
-
export var textWarningHeavyPressed = 'var(--k-color-text-warning-heavy-pressed, #
|
|
31
|
+
export var textWarningHeavy = 'var(--k-color-text-warning-heavy, #faac00)';
|
|
32
|
+
export var textWarningHeavyHover = 'var(--k-color-text-warning-heavy-hover, #ffbe26)';
|
|
33
|
+
export var textWarningHeavyPressed = 'var(--k-color-text-warning-heavy-pressed, #d29750)';
|
|
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, #1d9946)';
|
|
63
63
|
export var shapeBoldSuccessHover = 'var(--k-color-shape-bold-success-hover, #2ca651)';
|
|
64
64
|
export var shapeBoldSuccessPressed = 'var(--k-color-shape-bold-success-pressed, #3f784b)';
|
|
65
|
-
export var shapeBoldWarning = 'var(--k-color-shape-bold-warning, #
|
|
66
|
-
export var shapeBoldWarningHover = 'var(--k-color-shape-bold-warning-hover, #
|
|
67
|
-
export var shapeBoldWarningPressed = 'var(--k-color-shape-bold-warning-pressed, #
|
|
65
|
+
export var shapeBoldWarning = 'var(--k-color-shape-bold-warning, #f4af3c)';
|
|
66
|
+
export var shapeBoldWarningHover = 'var(--k-color-shape-bold-warning-hover, #f6c15a)';
|
|
67
|
+
export var shapeBoldWarningPressed = 'var(--k-color-shape-bold-warning-pressed, #d29750)';
|
|
68
68
|
export var shapeFaintAccent = 'var(--k-color-shape-faint-accent, rgba(255, 255, 255, 0.12))';
|
|
69
69
|
export var shapeFaintAccentHover = 'var(--k-color-shape-faint-accent-hover, rgba(255, 255, 255, 0.16))';
|
|
70
70
|
export var shapeFaintAccentPressed = 'var(--k-color-shape-faint-accent-pressed, rgba(255, 255, 255, 0.08))';
|
|
@@ -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, #213a25)';
|
|
81
81
|
export var shapeFaintSuccessHover = 'var(--k-color-shape-faint-success-hover, #27452d)';
|
|
82
82
|
export var shapeFaintSuccessPressed = 'var(--k-color-shape-faint-success-pressed, #1a2e1e)';
|
|
83
|
-
export var shapeFaintWarning = 'var(--k-color-shape-faint-warning, #
|
|
84
|
-
export var shapeFaintWarningHover = 'var(--k-color-shape-faint-warning-hover, #
|
|
85
|
-
export var shapeFaintWarningPressed = 'var(--k-color-shape-faint-warning-pressed, #
|
|
83
|
+
export var shapeFaintWarning = 'var(--k-color-shape-faint-warning, #412f18)';
|
|
84
|
+
export var shapeFaintWarningHover = 'var(--k-color-shape-faint-warning-hover, #4e381d)';
|
|
85
|
+
export var shapeFaintWarningPressed = 'var(--k-color-shape-faint-warning-pressed, #342614)';
|
|
86
86
|
export var shapeHeavyError = 'var(--k-color-shape-heavy-error, #ffdadd)';
|
|
87
87
|
export var shapeHeavyNeutral = 'var(--k-color-shape-heavy-neutral, #f2f2f2)';
|
|
88
88
|
export var shapeHeavySuccess = 'var(--k-color-shape-heavy-success, #c3f3ca)';
|
|
89
|
-
export var shapeHeavyWarning = 'var(--k-color-shape-heavy-warning, #
|
|
89
|
+
export var shapeHeavyWarning = 'var(--k-color-shape-heavy-warning, #fee38d)';
|
|
90
90
|
export var shapeOtherAccentBoldDisabled = 'var(--k-color-shape-other-accent-bold-disabled, rgba(255, 255, 255, 0.32))';
|
|
91
91
|
export var shapeOtherBacklessHover = 'var(--k-color-shape-other-backless-hover, rgba(255, 255, 255, 0.06))';
|
|
92
92
|
export var shapeOtherBacklessPressed = 'var(--k-color-shape-other-backless-pressed, rgba(255, 255, 255, 0.04))';
|
|
@@ -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, #27452d)';
|
|
125
125
|
export var shapePaleSuccessHover = 'var(--k-color-shape-pale-success-hover, #2d5134)';
|
|
126
126
|
export var shapePaleSuccessPressed = 'var(--k-color-shape-pale-success-pressed, #213a25)';
|
|
127
|
-
export var shapePaleWarning = 'var(--k-color-shape-pale-warning, #
|
|
128
|
-
export var shapePaleWarningHover = 'var(--k-color-shape-pale-warning-hover, #
|
|
129
|
-
export var shapePaleWarningPressed = 'var(--k-color-shape-pale-warning-pressed, #
|
|
127
|
+
export var shapePaleWarning = 'var(--k-color-shape-pale-warning, #4e381d)';
|
|
128
|
+
export var shapePaleWarningHover = 'var(--k-color-shape-pale-warning-hover, #5c4221)';
|
|
129
|
+
export var shapePaleWarningPressed = 'var(--k-color-shape-pale-warning-pressed, #412f18)';
|
|
130
130
|
export var shapeSoftAccent = 'var(--k-color-shape-soft-accent, rgba(255, 255, 255, 0.32))';
|
|
131
131
|
export var shapeSoftAccentHover = 'var(--k-color-shape-soft-accent-hover, rgba(255, 255, 255, 0.4))';
|
|
132
132
|
export var shapeSoftAccentPressed = 'var(--k-color-shape-soft-accent-pressed, rgba(255, 255, 255, 0.24))';
|
|
@@ -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, #3a6a43)';
|
|
143
143
|
export var shapeSoftSuccessHover = 'var(--k-color-shape-soft-success-hover, #3f784b)';
|
|
144
144
|
export var shapeSoftSuccessPressed = 'var(--k-color-shape-soft-success-pressed, #345e3c)';
|
|
145
|
-
export var shapeSoftWarning = 'var(--k-color-shape-soft-warning, #
|
|
146
|
-
export var shapeSoftWarningHover = 'var(--k-color-shape-soft-warning-hover, #
|
|
147
|
-
export var shapeSoftWarningPressed = 'var(--k-color-shape-soft-warning-pressed, #
|
|
145
|
+
export var shapeSoftWarning = 'var(--k-color-shape-soft-warning, #88602e)';
|
|
146
|
+
export var shapeSoftWarningHover = 'var(--k-color-shape-soft-warning-hover, #986934)';
|
|
147
|
+
export var shapeSoftWarningPressed = 'var(--k-color-shape-soft-warning-pressed, #785629)';
|
|
148
148
|
export var shapeInvertedBacklessHover = 'var(--k-color-shape-inverted-backless-hover, rgba(0, 0, 0, 0.06))';
|
|
149
149
|
export var shapeInvertedBacklessPressed = 'var(--k-color-shape-inverted-backless-pressed, rgba(0, 0, 0, 0.16))';
|
|
150
150
|
export var shapeInvertedDisabled = 'var(--k-color-shape-inverted-disabled, rgba(0, 0, 0, 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, #009b41)';
|
|
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, #
|
|
219
|
-
export var lineWarningBoldHover = 'var(--k-color-line-warning-bold-hover, #
|
|
220
|
-
export var lineWarningBoldPressed = 'var(--k-color-line-warning-bold-pressed, #
|
|
218
|
+
export var lineWarningBold = 'var(--k-color-line-warning-bold, #faac00)';
|
|
219
|
+
export var lineWarningBoldHover = 'var(--k-color-line-warning-bold-hover, #ffbe26)';
|
|
220
|
+
export var lineWarningBoldPressed = 'var(--k-color-line-warning-bold-pressed, #d29750)';
|
|
221
221
|
export var lineInvertedAccentBold = 'var(--k-color-line-inverted-accent-bold, #525252)';
|
|
222
222
|
export var lineInvertedAccentBoldHover = 'var(--k-color-line-inverted-accent-bold-hover, #161616)';
|
|
223
223
|
export var lineInvertedAccentBoldPressed = 'var(--k-color-line-inverted-accent-bold-pressed, rgba(0, 0, 0, 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, #008d3a)';
|
|
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, #
|
|
241
|
-
export var lineInvertedWarningBoldHover = 'var(--k-color-line-inverted-warning-bold-hover, #
|
|
242
|
-
export var lineInvertedWarningBoldPressed = 'var(--k-color-line-inverted-warning-bold-pressed, #
|
|
240
|
+
export var lineInvertedWarningBold = 'var(--k-color-line-inverted-warning-bold, #faac00)';
|
|
241
|
+
export var lineInvertedWarningBoldHover = 'var(--k-color-line-inverted-warning-bold-hover, #e28f05)';
|
|
242
|
+
export var lineInvertedWarningBoldPressed = 'var(--k-color-line-inverted-warning-bold-pressed, #c6894d)';
|
|
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, #f0
|
|
|
272
272
|
export var customizableBoldPurple = 'var(--k-color-customizable-bold-purple, #be5ad8)';
|
|
273
273
|
export var customizableBoldRed = 'var(--k-color-customizable-bold-red, #ee4948)';
|
|
274
274
|
export var customizableBoldViolet = 'var(--k-color-customizable-bold-violet, #956ef2)';
|
|
275
|
-
export var customizableBoldYellow = 'var(--k-color-customizable-bold-yellow, #
|
|
275
|
+
export var customizableBoldYellow = 'var(--k-color-customizable-bold-yellow, #ed9f00)';
|
|
276
276
|
export var customizableFaintBlack = 'var(--k-color-customizable-faint-black, #484848)';
|
|
277
277
|
export var customizableFaintBlue = 'var(--k-color-customizable-faint-blue, #1f344d)';
|
|
278
278
|
export var customizableFaintBlueDeep = 'var(--k-color-customizable-faint-blue-deep, #1e305c)';
|
|
@@ -283,7 +283,7 @@ export var customizableFaintOrange = 'var(--k-color-customizable-faint-orange, #
|
|
|
283
283
|
export var customizableFaintPurple = 'var(--k-color-customizable-faint-purple, #44244c)';
|
|
284
284
|
export var customizableFaintRed = 'var(--k-color-customizable-faint-red, #502421)';
|
|
285
285
|
export var customizableFaintViolet = 'var(--k-color-customizable-faint-violet, #362958)';
|
|
286
|
-
export var customizableFaintYellow = 'var(--k-color-customizable-faint-yellow, #
|
|
286
|
+
export var customizableFaintYellow = 'var(--k-color-customizable-faint-yellow, #412f18)';
|
|
287
287
|
export var customizableHeavyBlack = 'var(--k-color-customizable-heavy-black, #f2f2f2)';
|
|
288
288
|
export var customizableHeavyBlue = 'var(--k-color-customizable-heavy-blue, #80c5ff)';
|
|
289
289
|
export var customizableHeavyBlueDeep = 'var(--k-color-customizable-heavy-blue-deep, #88b0ff)';
|
|
@@ -294,7 +294,7 @@ export var customizableHeavyOrange = 'var(--k-color-customizable-heavy-orange, #
|
|
|
294
294
|
export var customizableHeavyPurple = 'var(--k-color-customizable-heavy-purple, #ea9aff)';
|
|
295
295
|
export var customizableHeavyRed = 'var(--k-color-customizable-heavy-red, #ff8a84)';
|
|
296
296
|
export var customizableHeavyViolet = 'var(--k-color-customizable-heavy-violet, #b69fff)';
|
|
297
|
-
export var customizableHeavyYellow = 'var(--k-color-customizable-heavy-yellow, #
|
|
297
|
+
export var customizableHeavyYellow = 'var(--k-color-customizable-heavy-yellow, #ffbe26)';
|
|
298
298
|
export var customizablePaleBlack = 'var(--k-color-customizable-pale-black, #525252)';
|
|
299
299
|
export var customizablePaleBlue = 'var(--k-color-customizable-pale-blue, #253f5c)';
|
|
300
300
|
export var customizablePaleBlueDeep = 'var(--k-color-customizable-pale-blue-deep, #243a6e)';
|
|
@@ -305,7 +305,7 @@ export var customizablePaleOrange = 'var(--k-color-customizable-pale-orange, #57
|
|
|
305
305
|
export var customizablePalePurple = 'var(--k-color-customizable-pale-purple, #522a5c)';
|
|
306
306
|
export var customizablePaleRed = 'var(--k-color-customizable-pale-red, #602a27)';
|
|
307
307
|
export var customizablePaleViolet = 'var(--k-color-customizable-pale-violet, #413169)';
|
|
308
|
-
export var customizablePaleYellow = 'var(--k-color-customizable-pale-yellow, #
|
|
308
|
+
export var customizablePaleYellow = 'var(--k-color-customizable-pale-yellow, #4e381d)';
|
|
309
309
|
export var customizableSoftBlack = 'var(--k-color-customizable-soft-black, #747474)';
|
|
310
310
|
export var customizableSoftBlue = 'var(--k-color-customizable-soft-blue, #37608e)';
|
|
311
311
|
export var customizableSoftBlueDeep = 'var(--k-color-customizable-soft-blue-deep, #3959a5)';
|
|
@@ -316,4 +316,4 @@ export var customizableSoftOrange = 'var(--k-color-customizable-soft-orange, #86
|
|
|
316
316
|
export var customizableSoftPurple = 'var(--k-color-customizable-soft-purple, #7c428b)';
|
|
317
317
|
export var customizableSoftRed = 'var(--k-color-customizable-soft-red, #943e3b)';
|
|
318
318
|
export var customizableSoftViolet = 'var(--k-color-customizable-soft-violet, #634c9e)';
|
|
319
|
-
export var customizableSoftYellow = 'var(--k-color-customizable-soft-yellow, #
|
|
319
|
+
export var customizableSoftYellow = 'var(--k-color-customizable-soft-yellow, #87602d)';
|
package/default-light.d.ts
CHANGED
|
@@ -17,9 +17,9 @@ export declare const textInvertedNeutralSoft = "var(--k-color-text-inverted-neut
|
|
|
17
17
|
export declare const textInvertedSuccessHeavy = "var(--k-color-text-inverted-success-heavy, #00c655)";
|
|
18
18
|
export declare const textInvertedSuccessHeavyHover = "var(--k-color-text-inverted-success-heavy-hover, #4ede76)";
|
|
19
19
|
export declare const textInvertedSuccessHeavyPressed = "var(--k-color-text-inverted-success-heavy-pressed, #4fa161)";
|
|
20
|
-
export declare const textInvertedWarningHeavy = "var(--k-color-text-inverted-warning-heavy, #
|
|
21
|
-
export declare const textInvertedWarningHeavyHover = "var(--k-color-text-inverted-warning-heavy-hover, #
|
|
22
|
-
export declare const textInvertedWarningHeavyPressed = "var(--k-color-text-inverted-warning-heavy-pressed, #
|
|
20
|
+
export declare const textInvertedWarningHeavy = "var(--k-color-text-inverted-warning-heavy, #faac00)";
|
|
21
|
+
export declare const textInvertedWarningHeavyHover = "var(--k-color-text-inverted-warning-heavy-hover, #ffbe26)";
|
|
22
|
+
export declare const textInvertedWarningHeavyPressed = "var(--k-color-text-inverted-warning-heavy-pressed, #d29750)";
|
|
23
23
|
export declare const textLogo = "var(--k-color-text-logo, #FE4C4C)";
|
|
24
24
|
export declare const textNeutralFaint = "var(--k-color-text-neutral-faint, rgba(0, 0, 0, 0.32))";
|
|
25
25
|
export declare const textNeutralHeavy = "var(--k-color-text-neutral-heavy, rgba(0, 0, 0, 0.88))";
|
|
@@ -28,9 +28,9 @@ export declare const textNeutralSoft = "var(--k-color-text-neutral-soft, rgba(0,
|
|
|
28
28
|
export declare const textSuccessHeavy = "var(--k-color-text-success-heavy, #007f34)";
|
|
29
29
|
export declare const textSuccessHeavyHover = "var(--k-color-text-success-heavy-hover, #009b41)";
|
|
30
30
|
export declare const textSuccessHeavyPressed = "var(--k-color-text-success-heavy-pressed, #3a6a43)";
|
|
31
|
-
export declare const textWarningHeavy = "var(--k-color-text-warning-heavy, #
|
|
32
|
-
export declare const textWarningHeavyHover = "var(--k-color-text-warning-heavy-hover, #
|
|
33
|
-
export declare const textWarningHeavyPressed = "var(--k-color-text-warning-heavy-pressed, #
|
|
31
|
+
export declare const textWarningHeavy = "var(--k-color-text-warning-heavy, #cc7204)";
|
|
32
|
+
export declare const textWarningHeavyHover = "var(--k-color-text-warning-heavy-hover, #e28f05)";
|
|
33
|
+
export declare const textWarningHeavyPressed = "var(--k-color-text-warning-heavy-pressed, #a9733c)";
|
|
34
34
|
export declare const textConstFaintBlack = "var(--k-color-text-const-faint-black, rgba(0, 0, 0, 0.32))";
|
|
35
35
|
export declare const textConstFaintWhite = "var(--k-color-text-const-faint-white, rgba(255, 255, 255, 0.4))";
|
|
36
36
|
export declare const textConstHeavyBlack = "var(--k-color-text-const-heavy-black, rgba(0, 0, 0, 0.88))";
|
|
@@ -62,9 +62,9 @@ export declare const shapeBoldNeutralPressed = "var(--k-color-shape-bold-neutral
|
|
|
62
62
|
export declare const shapeBoldSuccess = "var(--k-color-shape-bold-success, #00a948)";
|
|
63
63
|
export declare const shapeBoldSuccessHover = "var(--k-color-shape-bold-success-hover, #009b41)";
|
|
64
64
|
export declare const shapeBoldSuccessPressed = "var(--k-color-shape-bold-success-pressed, #178b3f)";
|
|
65
|
-
export declare const shapeBoldWarning = "var(--k-color-shape-bold-warning, #
|
|
66
|
-
export declare const shapeBoldWarningHover = "var(--k-color-shape-bold-warning-hover, #
|
|
67
|
-
export declare const shapeBoldWarningPressed = "var(--k-color-shape-bold-warning-pressed, #
|
|
65
|
+
export declare const shapeBoldWarning = "var(--k-color-shape-bold-warning, #ffbe26)";
|
|
66
|
+
export declare const shapeBoldWarningHover = "var(--k-color-shape-bold-warning-hover, #faac00)";
|
|
67
|
+
export declare const shapeBoldWarningPressed = "var(--k-color-shape-bold-warning-pressed, #e7a132)";
|
|
68
68
|
export declare const shapeFaintAccent = "var(--k-color-shape-faint-accent, rgba(0, 0, 0, 0.12))";
|
|
69
69
|
export declare const shapeFaintAccentHover = "var(--k-color-shape-faint-accent-hover, rgba(0, 0, 0, 0.16))";
|
|
70
70
|
export declare const shapeFaintAccentPressed = "var(--k-color-shape-faint-accent-pressed, rgba(0, 0, 0, 0.24))";
|
|
@@ -80,13 +80,13 @@ export declare const shapeFaintNeutralAlphaPressed = "var(--k-color-shape-faint-
|
|
|
80
80
|
export declare const shapeFaintSuccess = "var(--k-color-shape-faint-success, #defbe2)";
|
|
81
81
|
export declare const shapeFaintSuccessHover = "var(--k-color-shape-faint-success-hover, #c3f3ca)";
|
|
82
82
|
export declare const shapeFaintSuccessPressed = "var(--k-color-shape-faint-success-pressed, #d1edd5)";
|
|
83
|
-
export declare const shapeFaintWarning = "var(--k-color-shape-faint-warning, #
|
|
84
|
-
export declare const shapeFaintWarningHover = "var(--k-color-shape-faint-warning-hover, #
|
|
85
|
-
export declare const shapeFaintWarningPressed = "var(--k-color-shape-faint-warning-pressed, #
|
|
83
|
+
export declare const shapeFaintWarning = "var(--k-color-shape-faint-warning, #fff2c1)";
|
|
84
|
+
export declare const shapeFaintWarningHover = "var(--k-color-shape-faint-warning-hover, #f5e4ac)";
|
|
85
|
+
export declare const shapeFaintWarningPressed = "var(--k-color-shape-faint-warning-pressed, #eee5c4)";
|
|
86
86
|
export declare const shapeHeavyError = "var(--k-color-shape-heavy-error, #6b1f1e)";
|
|
87
87
|
export declare const shapeHeavyNeutral = "var(--k-color-shape-heavy-neutral, #292929)";
|
|
88
88
|
export declare const shapeHeavySuccess = "var(--k-color-shape-heavy-success, #0b4a1f)";
|
|
89
|
-
export declare const shapeHeavyWarning = "var(--k-color-shape-heavy-warning, #
|
|
89
|
+
export declare const shapeHeavyWarning = "var(--k-color-shape-heavy-warning, #563500)";
|
|
90
90
|
export declare const shapeOtherAccentBoldDisabled = "var(--k-color-shape-other-accent-bold-disabled, rgba(0, 0, 0, 0.32))";
|
|
91
91
|
export declare const shapeOtherBacklessHover = "var(--k-color-shape-other-backless-hover, rgba(0, 0, 0, 0.06))";
|
|
92
92
|
export declare const shapeOtherBacklessPressed = "var(--k-color-shape-other-backless-pressed, rgba(0, 0, 0, 0.16))";
|
|
@@ -124,9 +124,9 @@ export declare const shapePaleNeutralAlphaPressed = "var(--k-color-shape-pale-ne
|
|
|
124
124
|
export declare const shapePaleSuccess = "var(--k-color-shape-pale-success, #c3f3ca)";
|
|
125
125
|
export declare const shapePaleSuccessHover = "var(--k-color-shape-pale-success-hover, #a7ebb2)";
|
|
126
126
|
export declare const shapePaleSuccessPressed = "var(--k-color-shape-pale-success-pressed, #bae4c0)";
|
|
127
|
-
export declare const shapePaleWarning = "var(--k-color-shape-pale-warning, #
|
|
128
|
-
export declare const shapePaleWarningHover = "var(--k-color-shape-pale-warning-hover, #
|
|
129
|
-
export declare const shapePaleWarningPressed = "var(--k-color-shape-pale-warning-pressed, #
|
|
127
|
+
export declare const shapePaleWarning = "var(--k-color-shape-pale-warning, #fee38d)";
|
|
128
|
+
export declare const shapePaleWarningHover = "var(--k-color-shape-pale-warning-hover, #f4d485)";
|
|
129
|
+
export declare const shapePaleWarningPressed = "var(--k-color-shape-pale-warning-pressed, #ead6a5)";
|
|
130
130
|
export declare const shapeSoftAccent = "var(--k-color-shape-soft-accent, rgba(0, 0, 0, 0.32))";
|
|
131
131
|
export declare const shapeSoftAccentHover = "var(--k-color-shape-soft-accent-hover, rgba(0, 0, 0, 0.4))";
|
|
132
132
|
export declare const shapeSoftAccentPressed = "var(--k-color-shape-soft-accent-pressed, rgba(0, 0, 0, 0.48))";
|
|
@@ -142,9 +142,9 @@ export declare const shapeSoftNeutralAlphaPressed = "var(--k-color-shape-soft-ne
|
|
|
142
142
|
export declare const shapeSoftSuccess = "var(--k-color-shape-soft-success, #6cd984)";
|
|
143
143
|
export declare const shapeSoftSuccessHover = "var(--k-color-shape-soft-success-hover, #4ecf70)";
|
|
144
144
|
export declare const shapeSoftSuccessPressed = "var(--k-color-shape-soft-success-pressed, #58be6f)";
|
|
145
|
-
export declare const shapeSoftWarning = "var(--k-color-shape-soft-warning, #
|
|
146
|
-
export declare const shapeSoftWarningHover = "var(--k-color-shape-soft-warning-hover, #
|
|
147
|
-
export declare const shapeSoftWarningPressed = "var(--k-color-shape-soft-warning-pressed, #
|
|
145
|
+
export declare const shapeSoftWarning = "var(--k-color-shape-soft-warning, #fed25d)";
|
|
146
|
+
export declare const shapeSoftWarningHover = "var(--k-color-shape-soft-warning-hover, #f6c15a)";
|
|
147
|
+
export declare const shapeSoftWarningPressed = "var(--k-color-shape-soft-warning-pressed, #e7b467)";
|
|
148
148
|
export declare const shapeInvertedBacklessHover = "var(--k-color-shape-inverted-backless-hover, rgba(255, 255, 255, 0.06))";
|
|
149
149
|
export declare const shapeInvertedBacklessPressed = "var(--k-color-shape-inverted-backless-pressed, rgba(255, 255, 255, 0.04))";
|
|
150
150
|
export declare const shapeInvertedDisabled = "var(--k-color-shape-inverted-disabled, rgba(255, 255, 255, 0.06))";
|
|
@@ -215,9 +215,9 @@ export declare const lineOnBrandOriginalPale = "var(--k-color-line-on-brand-orig
|
|
|
215
215
|
export declare const lineSuccessBold = "var(--k-color-line-success-bold, #008d3a)";
|
|
216
216
|
export declare const lineSuccessBoldHover = "var(--k-color-line-success-bold-hover, #00b74e)";
|
|
217
217
|
export declare const lineSuccessBoldPressed = "var(--k-color-line-success-bold-pressed, #458552)";
|
|
218
|
-
export declare const lineWarningBold = "var(--k-color-line-warning-bold, #
|
|
219
|
-
export declare const lineWarningBoldHover = "var(--k-color-line-warning-bold-hover, #
|
|
220
|
-
export declare const lineWarningBoldPressed = "var(--k-color-line-warning-bold-pressed, #
|
|
218
|
+
export declare const lineWarningBold = "var(--k-color-line-warning-bold, #faac00)";
|
|
219
|
+
export declare const lineWarningBoldHover = "var(--k-color-line-warning-bold-hover, #e28f05)";
|
|
220
|
+
export declare const lineWarningBoldPressed = "var(--k-color-line-warning-bold-pressed, #c6894d)";
|
|
221
221
|
export declare const lineInvertedAccentBold = "var(--k-color-line-inverted-accent-bold, #d7d7d7)";
|
|
222
222
|
export declare const lineInvertedAccentBoldHover = "var(--k-color-line-inverted-accent-bold-hover, #ffffff)";
|
|
223
223
|
export declare const lineInvertedAccentBoldPressed = "var(--k-color-line-inverted-accent-bold-pressed, rgba(255, 255, 255, 0.64))";
|
|
@@ -237,9 +237,9 @@ export declare const lineInvertedNeutralPalePressed = "var(--k-color-line-invert
|
|
|
237
237
|
export declare const lineInvertedSuccessBold = "var(--k-color-line-inverted-success-bold, #009b41)";
|
|
238
238
|
export declare const lineInvertedSuccessBoldHover = "var(--k-color-line-inverted-success-bold-hover, #00b74e)";
|
|
239
239
|
export declare const lineInvertedSuccessBoldPressed = "var(--k-color-line-inverted-success-bold-pressed, #458552)";
|
|
240
|
-
export declare const lineInvertedWarningBold = "var(--k-color-line-inverted-warning-bold, #
|
|
241
|
-
export declare const lineInvertedWarningBoldHover = "var(--k-color-line-inverted-warning-bold-hover, #
|
|
242
|
-
export declare const lineInvertedWarningBoldPressed = "var(--k-color-line-inverted-warning-bold-pressed, #
|
|
240
|
+
export declare const lineInvertedWarningBold = "var(--k-color-line-inverted-warning-bold, #faac00)";
|
|
241
|
+
export declare const lineInvertedWarningBoldHover = "var(--k-color-line-inverted-warning-bold-hover, #ffbe26)";
|
|
242
|
+
export declare const lineInvertedWarningBoldPressed = "var(--k-color-line-inverted-warning-bold-pressed, #d29750)";
|
|
243
243
|
export declare const lineConstFaintBlack = "var(--k-color-line-const-faint-black, rgba(0, 0, 0, 0.12))";
|
|
244
244
|
export declare const lineConstFaintWhite = "var(--k-color-line-const-faint-white, rgba(255, 255, 255, 0.12))";
|
|
245
245
|
export declare const lineConstPaleBlack = "var(--k-color-line-const-pale-black, rgba(0, 0, 0, 0.24))";
|
|
@@ -272,7 +272,7 @@ export declare const customizableBoldOrange = "var(--k-color-customizable-bold-o
|
|
|
272
272
|
export declare const customizableBoldPurple = "var(--k-color-customizable-bold-purple, #cf60ec)";
|
|
273
273
|
export declare const customizableBoldRed = "var(--k-color-customizable-bold-red, #ff5352)";
|
|
274
274
|
export declare const customizableBoldViolet = "var(--k-color-customizable-bold-violet, #a17bff)";
|
|
275
|
-
export declare const customizableBoldYellow = "var(--k-color-customizable-bold-yellow, #
|
|
275
|
+
export declare const customizableBoldYellow = "var(--k-color-customizable-bold-yellow, #faac00)";
|
|
276
276
|
export declare const customizableFaintBlack = "var(--k-color-customizable-faint-black, #e4e4e4)";
|
|
277
277
|
export declare const customizableFaintBlue = "var(--k-color-customizable-faint-blue, #e2f5ff)";
|
|
278
278
|
export declare const customizableFaintBlueDeep = "var(--k-color-customizable-faint-blue-deep, #e8f3ff)";
|
|
@@ -283,7 +283,7 @@ export declare const customizableFaintOrange = "var(--k-color-customizable-faint
|
|
|
283
283
|
export declare const customizableFaintPurple = "var(--k-color-customizable-faint-purple, #ffeaff)";
|
|
284
284
|
export declare const customizableFaintRed = "var(--k-color-customizable-faint-red, #ffedef)";
|
|
285
285
|
export declare const customizableFaintViolet = "var(--k-color-customizable-faint-violet, #f1f0ff)";
|
|
286
|
-
export declare const customizableFaintYellow = "var(--k-color-customizable-faint-yellow, #
|
|
286
|
+
export declare const customizableFaintYellow = "var(--k-color-customizable-faint-yellow, #fff2c1)";
|
|
287
287
|
export declare const customizableHeavyBlack = "var(--k-color-customizable-heavy-black, #3d3d3d)";
|
|
288
288
|
export declare const customizableHeavyBlue = "var(--k-color-customizable-heavy-blue, #005dae)";
|
|
289
289
|
export declare const customizableHeavyBlueDeep = "var(--k-color-customizable-heavy-blue-deep, #234ece)";
|
|
@@ -294,7 +294,7 @@ export declare const customizableHeavyOrange = "var(--k-color-customizable-heavy
|
|
|
294
294
|
export declare const customizableHeavyPurple = "var(--k-color-customizable-heavy-purple, #8b22a4)";
|
|
295
295
|
export declare const customizableHeavyRed = "var(--k-color-customizable-heavy-red, #c50220)";
|
|
296
296
|
export declare const customizableHeavyViolet = "var(--k-color-customizable-heavy-violet, #6936c2)";
|
|
297
|
-
export declare const customizableHeavyYellow = "var(--k-color-customizable-heavy-yellow, #
|
|
297
|
+
export declare const customizableHeavyYellow = "var(--k-color-customizable-heavy-yellow, #9f6700)";
|
|
298
298
|
export declare const customizablePaleBlack = "var(--k-color-customizable-pale-black, #d7d7d7)";
|
|
299
299
|
export declare const customizablePaleBlue = "var(--k-color-customizable-pale-blue, #c7ebff)";
|
|
300
300
|
export declare const customizablePaleBlueDeep = "var(--k-color-customizable-pale-blue-deep, #d2e7ff)";
|
|
@@ -305,7 +305,7 @@ export declare const customizablePaleOrange = "var(--k-color-customizable-pale-o
|
|
|
305
305
|
export declare const customizablePalePurple = "var(--k-color-customizable-pale-purple, #fbd6ff)";
|
|
306
306
|
export declare const customizablePaleRed = "var(--k-color-customizable-pale-red, #ffdadd)";
|
|
307
307
|
export declare const customizablePaleViolet = "var(--k-color-customizable-pale-violet, #e4e0ff)";
|
|
308
|
-
export declare const customizablePaleYellow = "var(--k-color-customizable-pale-yellow, #
|
|
308
|
+
export declare const customizablePaleYellow = "var(--k-color-customizable-pale-yellow, #fee38d)";
|
|
309
309
|
export declare const customizableSoftBlack = "var(--k-color-customizable-soft-black, #b1b1b1)";
|
|
310
310
|
export declare const customizableSoftBlue = "var(--k-color-customizable-soft-blue, #80c5ff)";
|
|
311
311
|
export declare const customizableSoftBlueDeep = "var(--k-color-customizable-soft-blue-deep, #99bfff)";
|
|
@@ -316,4 +316,4 @@ export declare const customizableSoftOrange = "var(--k-color-customizable-soft-o
|
|
|
316
316
|
export declare const customizableSoftPurple = "var(--k-color-customizable-soft-purple, #ea9aff)";
|
|
317
317
|
export declare const customizableSoftRed = "var(--k-color-customizable-soft-red, #ffa09b)";
|
|
318
318
|
export declare const customizableSoftViolet = "var(--k-color-customizable-soft-violet, #c1b0ff)";
|
|
319
|
-
export declare const customizableSoftYellow = "var(--k-color-customizable-soft-yellow, #
|
|
319
|
+
export declare const customizableSoftYellow = "var(--k-color-customizable-soft-yellow, #fed25d)";
|