@skbkontur/colors 2.0.4 → 2.0.6-alpha.0

package/default-light.js

@@ -17,9 +17,9 @@ export var textInvertedNeutralSoft = 'var(--k-color-text-inverted-neutral-soft,
 export var textInvertedSuccessHeavy = 'var(--k-color-text-inverted-success-heavy, #00c655)';
 export var textInvertedSuccessHeavyHover = 'var(--k-color-text-inverted-success-heavy-hover, #4ede76)';
 export var textInvertedSuccessHeavyPressed = 'var(--k-color-text-inverted-success-heavy-pressed, #4fa161)';
-export var textInvertedWarningHeavy = 'var(--k-color-text-inverted-warning-heavy, #f8ae00)';
-export var textInvertedWarningHeavyHover = 'var(--k-color-text-inverted-warning-heavy-hover, #ffbf0b)';
-export var textInvertedWarningHeavyPressed = 'var(--k-color-text-inverted-warning-heavy-pressed, #cc9a51)';
+export var textInvertedWarningHeavy = 'var(--k-color-text-inverted-warning-heavy, #fdaa00)';
+export var textInvertedWarningHeavyHover = 'var(--k-color-text-inverted-warning-heavy-hover, #ffbe3d)';
+export var textInvertedWarningHeavyPressed = 'var(--k-color-text-inverted-warning-heavy-pressed, #d69551)';
 export var textLogo = 'var(--k-color-text-logo, #FE4C4C)';
 export var textNeutralFaint = 'var(--k-color-text-neutral-faint, rgba(0, 0, 0, 0.32))';
 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
 export var textSuccessHeavy = 'var(--k-color-text-success-heavy, #007f34)';
 export var textSuccessHeavyHover = 'var(--k-color-text-success-heavy-hover, #009b41)';
 export var textSuccessHeavyPressed = 'var(--k-color-text-success-heavy-pressed, #3a6a43)';
-export var textWarningHeavy = 'var(--k-color-text-warning-heavy, #bc7d00)';
-export var textWarningHeavyHover = 'var(--k-color-text-warning-heavy-hover, #db9400)';
-export var textWarningHeavyPressed = 'var(--k-color-text-warning-heavy-pressed, #a37736)';
+export var textWarningHeavy = 'var(--k-color-text-warning-heavy, #d26e00)';
+export var textWarningHeavyHover = 'var(--k-color-text-warning-heavy-hover, #e88b00)';
+export var textWarningHeavyPressed = 'var(--k-color-text-warning-heavy-pressed, #ab713f)';
 export var textConstFaintBlack = 'var(--k-color-text-const-faint-black, rgba(0, 0, 0, 0.32))';
 export var textConstFaintWhite = 'var(--k-color-text-const-faint-white, rgba(255, 255, 255, 0.4))';
 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,
 export var shapeBoldSuccess = 'var(--k-color-shape-bold-success, #00a948)';
 export var shapeBoldSuccessHover = 'var(--k-color-shape-bold-success-hover, #009b41)';
 export var shapeBoldSuccessPressed = 'var(--k-color-shape-bold-success-pressed, #178b3f)';
-export var shapeBoldWarning = 'var(--k-color-shape-bold-warning, #ffbf0b)';
-export var shapeBoldWarningHover = 'var(--k-color-shape-bold-warning-hover, #f8ae00)';
-export var shapeBoldWarningPressed = 'var(--k-color-shape-bold-warning-pressed, #e5a331)';
+export var shapeBoldWarning = 'var(--k-color-shape-bold-warning, #ffbe3d)';
+export var shapeBoldWarningHover = 'var(--k-color-shape-bold-warning-hover, #fdaa00)';
+export var shapeBoldWarningPressed = 'var(--k-color-shape-bold-warning-pressed, #ec9e32)';
 export var shapeFaintAccent = 'var(--k-color-shape-faint-accent, rgba(0, 0, 0, 0.12))';
 export var shapeFaintAccentHover = 'var(--k-color-shape-faint-accent-hover, rgba(0, 0, 0, 0.16))';
 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
 export var shapeFaintSuccess = 'var(--k-color-shape-faint-success, #defbe2)';
 export var shapeFaintSuccessHover = 'var(--k-color-shape-faint-success-hover, #c3f3ca)';
 export var shapeFaintSuccessPressed = 'var(--k-color-shape-faint-success-pressed, #d1edd5)';
-export var shapeFaintWarning = 'var(--k-color-shape-faint-warning, #fff3bd)';
-export var shapeFaintWarningHover = 'var(--k-color-shape-faint-warning-hover, #f4e5ad)';
-export var shapeFaintWarningPressed = 'var(--k-color-shape-faint-warning-pressed, #ede5c4)';
+export var shapeFaintWarning = 'var(--k-color-shape-faint-warning, #fff1ca)';
+export var shapeFaintWarningHover = 'var(--k-color-shape-faint-warning-hover, #f9e3ac)';
+export var shapeFaintWarningPressed = 'var(--k-color-shape-faint-warning-pressed, #f1e4c4)';
 export var shapeHeavyError = 'var(--k-color-shape-heavy-error, #6b1f1e)';
 export var shapeHeavyNeutral = 'var(--k-color-shape-heavy-neutral, #292929)';
 export var shapeHeavySuccess = 'var(--k-color-shape-heavy-success, #0b4a1f)';
-export var shapeHeavyWarning = 'var(--k-color-shape-heavy-warning, #543600)';
+export var shapeHeavyWarning = 'var(--k-color-shape-heavy-warning, #583400)';
 export var shapeOtherAccentBoldDisabled = 'var(--k-color-shape-other-accent-bold-disabled, rgba(0, 0, 0, 0.32))';
 export var shapeOtherBacklessHover = 'var(--k-color-shape-other-backless-hover, rgba(0, 0, 0, 0.06))';
 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
 export var shapePaleSuccess = 'var(--k-color-shape-pale-success, #c3f3ca)';
 export var shapePaleSuccessHover = 'var(--k-color-shape-pale-success-hover, #a7ebb2)';
 export var shapePaleSuccessPressed = 'var(--k-color-shape-pale-success-pressed, #bae4c0)';
-export var shapePaleWarning = 'var(--k-color-shape-pale-warning, #fbe48d)';
-export var shapePaleWarningHover = 'var(--k-color-shape-pale-warning-hover, #f2d585)';
-export var shapePaleWarningPressed = 'var(--k-color-shape-pale-warning-pressed, #e9d6a5)';
+export var shapePaleWarning = 'var(--k-color-shape-pale-warning, #ffe29a)';
+export var shapePaleWarningHover = 'var(--k-color-shape-pale-warning-hover, #f8d286)';
+export var shapePaleWarningPressed = 'var(--k-color-shape-pale-warning-pressed, #edd5a5)';
 export var shapeSoftAccent = 'var(--k-color-shape-soft-accent, rgba(0, 0, 0, 0.32))';
 export var shapeSoftAccentHover = 'var(--k-color-shape-soft-accent-hover, rgba(0, 0, 0, 0.4))';
 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
 export var shapeSoftSuccess = 'var(--k-color-shape-soft-success, #6cd984)';
 export var shapeSoftSuccessHover = 'var(--k-color-shape-soft-success-hover, #4ecf70)';
 export var shapeSoftSuccessPressed = 'var(--k-color-shape-soft-success-pressed, #58be6f)';
-export var shapeSoftWarning = 'var(--k-color-shape-soft-warning, #fcd35d)';
-export var shapeSoftWarningHover = 'var(--k-color-shape-soft-warning-hover, #f4c359)';
-export var shapeSoftWarningPressed = 'var(--k-color-shape-soft-warning-pressed, #e5b566)';
+export var shapeSoftWarning = 'var(--k-color-shape-soft-warning, #ffd06f)';
+export var shapeSoftWarningHover = 'var(--k-color-shape-soft-warning-hover, #f8c05c)';
+export var shapeSoftWarningPressed = 'var(--k-color-shape-soft-warning-pressed, #e9b368)';
 export var shapeInvertedBacklessHover = 'var(--k-color-shape-inverted-backless-hover, rgba(255, 255, 255, 0.06))';
 export var shapeInvertedBacklessPressed = 'var(--k-color-shape-inverted-backless-pressed, rgba(255, 255, 255, 0.04))';
 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,
 export var lineSuccessBold = 'var(--k-color-line-success-bold, #008d3a)';
 export var lineSuccessBoldHover = 'var(--k-color-line-success-bold-hover, #00b74e)';
 export var lineSuccessBoldPressed = 'var(--k-color-line-success-bold-pressed, #458552)';
-export var lineWarningBold = 'var(--k-color-line-warning-bold, #f8ae00)';
-export var lineWarningBoldHover = 'var(--k-color-line-warning-bold-hover, #db9400)';
-export var lineWarningBoldPressed = 'var(--k-color-line-warning-bold-pressed, #bd8f4d)';
+export var lineWarningBold = 'var(--k-color-line-warning-bold, #fdaa00)';
+export var lineWarningBoldHover = 'var(--k-color-line-warning-bold-hover, #e88b00)';
+export var lineWarningBoldPressed = 'var(--k-color-line-warning-bold-pressed, #cb874c)';
 export var lineInvertedAccentBold = 'var(--k-color-line-inverted-accent-bold, #d7d7d7)';
 export var lineInvertedAccentBoldHover = 'var(--k-color-line-inverted-accent-bold-hover, #ffffff)';
 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
 export var lineInvertedSuccessBold = 'var(--k-color-line-inverted-success-bold, #009b41)';
 export var lineInvertedSuccessBoldHover = 'var(--k-color-line-inverted-success-bold-hover, #00b74e)';
 export var lineInvertedSuccessBoldPressed = 'var(--k-color-line-inverted-success-bold-pressed, #458552)';
-export var lineInvertedWarningBold = 'var(--k-color-line-inverted-warning-bold, #f8ae00)';
-export var lineInvertedWarningBoldHover = 'var(--k-color-line-inverted-warning-bold-hover, #ffbf0b)';
-export var lineInvertedWarningBoldPressed = 'var(--k-color-line-inverted-warning-bold-pressed, #cc9a51)';
+export var lineInvertedWarningBold = 'var(--k-color-line-inverted-warning-bold, #fdaa00)';
+export var lineInvertedWarningBoldHover = 'var(--k-color-line-inverted-warning-bold-hover, #ffbe3d)';
+export var lineInvertedWarningBoldPressed = 'var(--k-color-line-inverted-warning-bold-pressed, #d69551)';
 export var lineConstFaintBlack = 'var(--k-color-line-const-faint-black, rgba(0, 0, 0, 0.12))';
 export var lineConstFaintWhite = 'var(--k-color-line-const-faint-white, rgba(255, 255, 255, 0.12))';
 export var lineConstPaleBlack = 'var(--k-color-line-const-pale-black, rgba(0, 0, 0, 0.24))';
@@ -268,51 +268,51 @@ export var customizableBoldBlueDeep = 'var(--k-color-customizable-bold-blue-deep
 export var customizableBoldGray = 'var(--k-color-customizable-bold-gray, #a4a4a4)';
 export var customizableBoldGreen = 'var(--k-color-customizable-bold-green, #00b74e)';
 export var customizableBoldMint = 'var(--k-color-customizable-bold-mint, #05bfa3)';
-export var customizableBoldOrange = 'var(--k-color-customizable-bold-orange, #f56600)';
+export var customizableBoldOrange = 'var(--k-color-customizable-bold-orange, #f96100)';
 export var customizableBoldPurple = 'var(--k-color-customizable-bold-purple, #cf60ec)';
 export var customizableBoldRed = 'var(--k-color-customizable-bold-red, #ff5352)';
 export var customizableBoldViolet = 'var(--k-color-customizable-bold-violet, #a17bff)';
-export var customizableBoldYellow = 'var(--k-color-customizable-bold-yellow, #ecb400)';
+export var customizableBoldYellow = 'var(--k-color-customizable-bold-yellow, #f2b100)';
 export var customizableFaintBlack = 'var(--k-color-customizable-faint-black, #e4e4e4)';
 export var customizableFaintBlue = 'var(--k-color-customizable-faint-blue, #e2f5ff)';
 export var customizableFaintBlueDeep = 'var(--k-color-customizable-faint-blue-deep, #e8f3ff)';
 export var customizableFaintGray = 'var(--k-color-customizable-faint-gray, #f2f2f2)';
 export var customizableFaintGreen = 'var(--k-color-customizable-faint-green, #defbe2)';
 export var customizableFaintMint = 'var(--k-color-customizable-faint-mint, #d2fcf6)';
-export var customizableFaintOrange = 'var(--k-color-customizable-faint-orange, #ffeee1)';
+export var customizableFaintOrange = 'var(--k-color-customizable-faint-orange, #ffeee2)';
 export var customizableFaintPurple = 'var(--k-color-customizable-faint-purple, #ffeaff)';
 export var customizableFaintRed = 'var(--k-color-customizable-faint-red, #ffedef)';
 export var customizableFaintViolet = 'var(--k-color-customizable-faint-violet, #f1f0ff)';
-export var customizableFaintYellow = 'var(--k-color-customizable-faint-yellow, #faf5be)';
+export var customizableFaintYellow = 'var(--k-color-customizable-faint-yellow, #fcf4be)';
 export var customizableHeavyBlack = 'var(--k-color-customizable-heavy-black, #3d3d3d)';
 export var customizableHeavyBlue = 'var(--k-color-customizable-heavy-blue, #005dae)';
 export var customizableHeavyBlueDeep = 'var(--k-color-customizable-heavy-blue-deep, #234ece)';
 export var customizableHeavyGray = 'var(--k-color-customizable-heavy-gray, #747474)';
 export var customizableHeavyGreen = 'var(--k-color-customizable-heavy-green, #00722d)';
 export var customizableHeavyMint = 'var(--k-color-customizable-heavy-mint, #027b68)';
-export var customizableHeavyOrange = 'var(--k-color-customizable-heavy-orange, #9a3d00)';
+export var customizableHeavyOrange = 'var(--k-color-customizable-heavy-orange, #9c3a00)';
 export var customizableHeavyPurple = 'var(--k-color-customizable-heavy-purple, #8b22a4)';
 export var customizableHeavyRed = 'var(--k-color-customizable-heavy-red, #c50220)';
 export var customizableHeavyViolet = 'var(--k-color-customizable-heavy-violet, #6936c2)';
-export var customizableHeavyYellow = 'var(--k-color-customizable-heavy-yellow, #966c01)';
+export var customizableHeavyYellow = 'var(--k-color-customizable-heavy-yellow, #9a6a00)';
 export var customizablePaleBlack = 'var(--k-color-customizable-pale-black, #d7d7d7)';
 export var customizablePaleBlue = 'var(--k-color-customizable-pale-blue, #c7ebff)';
 export var customizablePaleBlueDeep = 'var(--k-color-customizable-pale-blue-deep, #d2e7ff)';
 export var customizablePaleGray = 'var(--k-color-customizable-pale-gray, #e4e4e4)';
 export var customizablePaleGreen = 'var(--k-color-customizable-pale-green, #c3f3ca)';
 export var customizablePaleMint = 'var(--k-color-customizable-pale-mint, #adf5e9)';
-export var customizablePaleOrange = 'var(--k-color-customizable-pale-orange, #ffddc6)';
+export var customizablePaleOrange = 'var(--k-color-customizable-pale-orange, #ffddc7)';
 export var customizablePalePurple = 'var(--k-color-customizable-pale-purple, #fbd6ff)';
 export var customizablePaleRed = 'var(--k-color-customizable-pale-red, #ffdadd)';
 export var customizablePaleViolet = 'var(--k-color-customizable-pale-violet, #e4e0ff)';
-export var customizablePaleYellow = 'var(--k-color-customizable-pale-yellow, #f5e78f)';
+export var customizablePaleYellow = 'var(--k-color-customizable-pale-yellow, #f7e68e)';
 export var customizableSoftBlack = 'var(--k-color-customizable-soft-black, #b1b1b1)';
 export var customizableSoftBlue = 'var(--k-color-customizable-soft-blue, #80c5ff)';
 export var customizableSoftBlueDeep = 'var(--k-color-customizable-soft-blue-deep, #99bfff)';
 export var customizableSoftGray = 'var(--k-color-customizable-soft-gray, #d7d7d7)';
 export var customizableSoftGreen = 'var(--k-color-customizable-soft-green, #6cd984)';
 export var customizableSoftMint = 'var(--k-color-customizable-soft-mint, #4fe6cc)';
-export var customizableSoftOrange = 'var(--k-color-customizable-soft-orange, #ffa56f)';
+export var customizableSoftOrange = 'var(--k-color-customizable-soft-orange, #ffa573)';
 export var customizableSoftPurple = 'var(--k-color-customizable-soft-purple, #ea9aff)';
 export var customizableSoftRed = 'var(--k-color-customizable-soft-red, #ffa09b)';
 export var customizableSoftViolet = 'var(--k-color-customizable-soft-violet, #c1b0ff)';

package/get-colors.d.ts

@@ -0,0 +1 @@
+export { getColors } from './lib/get-colors.js';

package/get-colors.js

@@ -0,0 +1 @@
+export { getColors } from './lib/get-colors.js';

package/index.d.ts

@@ -0,0 +1,319 @@
+export declare const textAccentHeavy = "var(--k-color-text-accent-heavy)";
+export declare const textAccentHeavyHover = "var(--k-color-text-accent-heavy-hover)";
+export declare const textAccentHeavyPressed = "var(--k-color-text-accent-heavy-pressed)";
+export declare const textErrorHeavy = "var(--k-color-text-error-heavy)";
+export declare const textErrorHeavyHover = "var(--k-color-text-error-heavy-hover)";
+export declare const textErrorHeavyPressed = "var(--k-color-text-error-heavy-pressed)";
+export declare const textInvertedAccentHeavy = "var(--k-color-text-inverted-accent-heavy)";
+export declare const textInvertedAccentHeavyHover = "var(--k-color-text-inverted-accent-heavy-hover)";
+export declare const textInvertedAccentHeavyPressed = "var(--k-color-text-inverted-accent-heavy-pressed)";
+export declare const textInvertedErrorHeavy = "var(--k-color-text-inverted-error-heavy)";
+export declare const textInvertedErrorHeavyHover = "var(--k-color-text-inverted-error-heavy-hover)";
+export declare const textInvertedErrorHeavyPressed = "var(--k-color-text-inverted-error-heavy-pressed)";
+export declare const textInvertedNeutralFaint = "var(--k-color-text-inverted-neutral-faint)";
+export declare const textInvertedNeutralHeavy = "var(--k-color-text-inverted-neutral-heavy)";
+export declare const textInvertedNeutralPale = "var(--k-color-text-inverted-neutral-pale)";
+export declare const textInvertedNeutralSoft = "var(--k-color-text-inverted-neutral-soft)";
+export declare const textInvertedSuccessHeavy = "var(--k-color-text-inverted-success-heavy)";
+export declare const textInvertedSuccessHeavyHover = "var(--k-color-text-inverted-success-heavy-hover)";
+export declare const textInvertedSuccessHeavyPressed = "var(--k-color-text-inverted-success-heavy-pressed)";
+export declare const textInvertedWarningHeavy = "var(--k-color-text-inverted-warning-heavy)";
+export declare const textInvertedWarningHeavyHover = "var(--k-color-text-inverted-warning-heavy-hover)";
+export declare const textInvertedWarningHeavyPressed = "var(--k-color-text-inverted-warning-heavy-pressed)";
+export declare const textLogo = "var(--k-color-text-logo)";
+export declare const textNeutralFaint = "var(--k-color-text-neutral-faint)";
+export declare const textNeutralHeavy = "var(--k-color-text-neutral-heavy)";
+export declare const textNeutralPale = "var(--k-color-text-neutral-pale)";
+export declare const textNeutralSoft = "var(--k-color-text-neutral-soft)";
+export declare const textSuccessHeavy = "var(--k-color-text-success-heavy)";
+export declare const textSuccessHeavyHover = "var(--k-color-text-success-heavy-hover)";
+export declare const textSuccessHeavyPressed = "var(--k-color-text-success-heavy-pressed)";
+export declare const textWarningHeavy = "var(--k-color-text-warning-heavy)";
+export declare const textWarningHeavyHover = "var(--k-color-text-warning-heavy-hover)";
+export declare const textWarningHeavyPressed = "var(--k-color-text-warning-heavy-pressed)";
+export declare const textConstFaintBlack = "var(--k-color-text-const-faint-black)";
+export declare const textConstFaintWhite = "var(--k-color-text-const-faint-white)";
+export declare const textConstHeavyBlack = "var(--k-color-text-const-heavy-black)";
+export declare const textConstHeavyWhite = "var(--k-color-text-const-heavy-white)";
+export declare const textConstPaleBlack = "var(--k-color-text-const-pale-black)";
+export declare const textConstPaleWhite = "var(--k-color-text-const-pale-white)";
+export declare const textConstSoftBlack = "var(--k-color-text-const-soft-black)";
+export declare const textConstSoftWhite = "var(--k-color-text-const-soft-white)";
+export declare const textOnAccentBoldFaint = "var(--k-color-text-on-accent-bold-faint)";
+export declare const textOnAccentBoldHeavy = "var(--k-color-text-on-accent-bold-heavy)";
+export declare const textOnAccentBoldPale = "var(--k-color-text-on-accent-bold-pale)";
+export declare const textOnAccentBoldSoft = "var(--k-color-text-on-accent-bold-soft)";
+export declare const textOnBrandOriginalFaint = "var(--k-color-text-on-brand-original-faint)";
+export declare const textOnBrandOriginalHeavy = "var(--k-color-text-on-brand-original-heavy)";
+export declare const textOnBrandOriginalPale = "var(--k-color-text-on-brand-original-pale)";
+export declare const textOnBrandOriginalSoft = "var(--k-color-text-on-brand-original-soft)";
+export declare const shapeBoldAccent = "var(--k-color-shape-bold-accent)";
+export declare const shapeBoldAccentHover = "var(--k-color-shape-bold-accent-hover)";
+export declare const shapeBoldAccentPressed = "var(--k-color-shape-bold-accent-pressed)";
+export declare const shapeBoldBrandOriginal = "var(--k-color-shape-bold-brand-original)";
+export declare const shapeBoldBrandOriginalHover = "var(--k-color-shape-bold-brand-original-hover)";
+export declare const shapeBoldBrandOriginalPressed = "var(--k-color-shape-bold-brand-original-pressed)";
+export declare const shapeBoldError = "var(--k-color-shape-bold-error)";
+export declare const shapeBoldErrorHover = "var(--k-color-shape-bold-error-hover)";
+export declare const shapeBoldErrorPressed = "var(--k-color-shape-bold-error-pressed)";
+export declare const shapeBoldNeutral = "var(--k-color-shape-bold-neutral)";
+export declare const shapeBoldNeutralHover = "var(--k-color-shape-bold-neutral-hover)";
+export declare const shapeBoldNeutralPressed = "var(--k-color-shape-bold-neutral-pressed)";
+export declare const shapeBoldSuccess = "var(--k-color-shape-bold-success)";
+export declare const shapeBoldSuccessHover = "var(--k-color-shape-bold-success-hover)";
+export declare const shapeBoldSuccessPressed = "var(--k-color-shape-bold-success-pressed)";
+export declare const shapeBoldWarning = "var(--k-color-shape-bold-warning)";
+export declare const shapeBoldWarningHover = "var(--k-color-shape-bold-warning-hover)";
+export declare const shapeBoldWarningPressed = "var(--k-color-shape-bold-warning-pressed)";
+export declare const shapeFaintAccent = "var(--k-color-shape-faint-accent)";
+export declare const shapeFaintAccentHover = "var(--k-color-shape-faint-accent-hover)";
+export declare const shapeFaintAccentPressed = "var(--k-color-shape-faint-accent-pressed)";
+export declare const shapeFaintBrand = "var(--k-color-shape-faint-brand)";
+export declare const shapeFaintBrandHover = "var(--k-color-shape-faint-brand-hover)";
+export declare const shapeFaintBrandPressed = "var(--k-color-shape-faint-brand-pressed)";
+export declare const shapeFaintError = "var(--k-color-shape-faint-error)";
+export declare const shapeFaintErrorHover = "var(--k-color-shape-faint-error-hover)";
+export declare const shapeFaintErrorPressed = "var(--k-color-shape-faint-error-pressed)";
+export declare const shapeFaintNeutralAlpha = "var(--k-color-shape-faint-neutral-alpha)";
+export declare const shapeFaintNeutralAlphaHover = "var(--k-color-shape-faint-neutral-alpha-hover)";
+export declare const shapeFaintNeutralAlphaPressed = "var(--k-color-shape-faint-neutral-alpha-pressed)";
+export declare const shapeFaintSuccess = "var(--k-color-shape-faint-success)";
+export declare const shapeFaintSuccessHover = "var(--k-color-shape-faint-success-hover)";
+export declare const shapeFaintSuccessPressed = "var(--k-color-shape-faint-success-pressed)";
+export declare const shapeFaintWarning = "var(--k-color-shape-faint-warning)";
+export declare const shapeFaintWarningHover = "var(--k-color-shape-faint-warning-hover)";
+export declare const shapeFaintWarningPressed = "var(--k-color-shape-faint-warning-pressed)";
+export declare const shapeHeavyError = "var(--k-color-shape-heavy-error)";
+export declare const shapeHeavyNeutral = "var(--k-color-shape-heavy-neutral)";
+export declare const shapeHeavySuccess = "var(--k-color-shape-heavy-success)";
+export declare const shapeHeavyWarning = "var(--k-color-shape-heavy-warning)";
+export declare const shapeOtherAccentBoldDisabled = "var(--k-color-shape-other-accent-bold-disabled)";
+export declare const shapeOtherBacklessHover = "var(--k-color-shape-other-backless-hover)";
+export declare const shapeOtherBacklessPressed = "var(--k-color-shape-other-backless-pressed)";
+export declare const shapeOtherBase = "var(--k-color-shape-other-base)";
+export declare const shapeOtherBaseHover = "var(--k-color-shape-other-base-hover)";
+export declare const shapeOtherBasePressed = "var(--k-color-shape-other-base-pressed)";
+export declare const shapeOtherDisabled = "var(--k-color-shape-other-disabled)";
+export declare const shapeOtherField = "var(--k-color-shape-other-field)";
+export declare const shapeOtherFieldHover = "var(--k-color-shape-other-field-hover)";
+export declare const shapeOtherFieldPressed = "var(--k-color-shape-other-field-pressed)";
+export declare const shapeOtherLow = "var(--k-color-shape-other-low)";
+export declare const shapeOtherLowHover = "var(--k-color-shape-other-low-hover)";
+export declare const shapeOtherLowPressed = "var(--k-color-shape-other-low-pressed)";
+export declare const shapeOtherNeutralFaintSolid = "var(--k-color-shape-other-neutral-faint-solid)";
+export declare const shapeOtherNeutralFaintSolidHover = "var(--k-color-shape-other-neutral-faint-solid-hover)";
+export declare const shapeOtherNeutralFaintSolidPressed = "var(--k-color-shape-other-neutral-faint-solid-pressed)";
+export declare const shapeOtherNeutralPaleSolid = "var(--k-color-shape-other-neutral-pale-solid)";
+export declare const shapeOtherNeutralPaleSolidHover = "var(--k-color-shape-other-neutral-pale-solid-hover)";
+export declare const shapeOtherNeutralPaleSolidPressed = "var(--k-color-shape-other-neutral-pale-solid-pressed)";
+export declare const shapeOtherNeutralSoftSolid = "var(--k-color-shape-other-neutral-soft-solid)";
+export declare const shapeOtherNeutralSoftSolidHover = "var(--k-color-shape-other-neutral-soft-solid-hover)";
+export declare const shapeOtherNeutralSoftSolidPressed = "var(--k-color-shape-other-neutral-soft-solid-pressed)";
+export declare const shapePaleAccent = "var(--k-color-shape-pale-accent)";
+export declare const shapePaleAccentHover = "var(--k-color-shape-pale-accent-hover)";
+export declare const shapePaleAccentPressed = "var(--k-color-shape-pale-accent-pressed)";
+export declare const shapePaleBrand = "var(--k-color-shape-pale-brand)";
+export declare const shapePaleBrandHover = "var(--k-color-shape-pale-brand-hover)";
+export declare const shapePaleBrandPressed = "var(--k-color-shape-pale-brand-pressed)";
+export declare const shapePaleError = "var(--k-color-shape-pale-error)";
+export declare const shapePaleErrorHover = "var(--k-color-shape-pale-error-hover)";
+export declare const shapePaleErrorPressed = "var(--k-color-shape-pale-error-pressed)";
+export declare const shapePaleNeutralAlpha = "var(--k-color-shape-pale-neutral-alpha)";
+export declare const shapePaleNeutralAlphaHover = "var(--k-color-shape-pale-neutral-alpha-hover)";
+export declare const shapePaleNeutralAlphaPressed = "var(--k-color-shape-pale-neutral-alpha-pressed)";
+export declare const shapePaleSuccess = "var(--k-color-shape-pale-success)";
+export declare const shapePaleSuccessHover = "var(--k-color-shape-pale-success-hover)";
+export declare const shapePaleSuccessPressed = "var(--k-color-shape-pale-success-pressed)";
+export declare const shapePaleWarning = "var(--k-color-shape-pale-warning)";
+export declare const shapePaleWarningHover = "var(--k-color-shape-pale-warning-hover)";
+export declare const shapePaleWarningPressed = "var(--k-color-shape-pale-warning-pressed)";
+export declare const shapeSoftAccent = "var(--k-color-shape-soft-accent)";
+export declare const shapeSoftAccentHover = "var(--k-color-shape-soft-accent-hover)";
+export declare const shapeSoftAccentPressed = "var(--k-color-shape-soft-accent-pressed)";
+export declare const shapeSoftBrand = "var(--k-color-shape-soft-brand)";
+export declare const shapeSoftBrandHover = "var(--k-color-shape-soft-brand-hover)";
+export declare const shapeSoftBrandPressed = "var(--k-color-shape-soft-brand-pressed)";
+export declare const shapeSoftError = "var(--k-color-shape-soft-error)";
+export declare const shapeSoftErrorHover = "var(--k-color-shape-soft-error-hover)";
+export declare const shapeSoftErrorPressed = "var(--k-color-shape-soft-error-pressed)";
+export declare const shapeSoftNeutralAlpha = "var(--k-color-shape-soft-neutral-alpha)";
+export declare const shapeSoftNeutralAlphaHover = "var(--k-color-shape-soft-neutral-alpha-hover)";
+export declare const shapeSoftNeutralAlphaPressed = "var(--k-color-shape-soft-neutral-alpha-pressed)";
+export declare const shapeSoftSuccess = "var(--k-color-shape-soft-success)";
+export declare const shapeSoftSuccessHover = "var(--k-color-shape-soft-success-hover)";
+export declare const shapeSoftSuccessPressed = "var(--k-color-shape-soft-success-pressed)";
+export declare const shapeSoftWarning = "var(--k-color-shape-soft-warning)";
+export declare const shapeSoftWarningHover = "var(--k-color-shape-soft-warning-hover)";
+export declare const shapeSoftWarningPressed = "var(--k-color-shape-soft-warning-pressed)";
+export declare const shapeInvertedBacklessHover = "var(--k-color-shape-inverted-backless-hover)";
+export declare const shapeInvertedBacklessPressed = "var(--k-color-shape-inverted-backless-pressed)";
+export declare const shapeInvertedDisabled = "var(--k-color-shape-inverted-disabled)";
+export declare const shapeInvertedNeutralFaintAlpha = "var(--k-color-shape-inverted-neutral-faint-alpha)";
+export declare const shapeInvertedNeutralFaintAlphaHover = "var(--k-color-shape-inverted-neutral-faint-alpha-hover)";
+export declare const shapeInvertedNeutralFaintAlphaPressed = "var(--k-color-shape-inverted-neutral-faint-alpha-pressed)";
+export declare const shapeInvertedNeutralHeavy = "var(--k-color-shape-inverted-neutral-heavy)";
+export declare const shapeInvertedNeutralHeavyHover = "var(--k-color-shape-inverted-neutral-heavy-hover)";
+export declare const shapeInvertedNeutralHeavyPressed = "var(--k-color-shape-inverted-neutral-heavy-pressed)";
+export declare const shapeInvertedNeutralPaleAlpha = "var(--k-color-shape-inverted-neutral-pale-alpha)";
+export declare const shapeInvertedNeutralPaleAlphaHover = "var(--k-color-shape-inverted-neutral-pale-alpha-hover)";
+export declare const shapeInvertedNeutralPaleAlphaPressed = "var(--k-color-shape-inverted-neutral-pale-alpha-pressed)";
+export declare const shapeInvertedNeutralSoftAlpha = "var(--k-color-shape-inverted-neutral-soft-alpha)";
+export declare const shapeInvertedNeutralSoftAlphaHover = "var(--k-color-shape-inverted-neutral-soft-alpha-hover)";
+export declare const shapeInvertedNeutralSoftAlphaPressed = "var(--k-color-shape-inverted-neutral-soft-alpha-pressed)";
+export declare const shapeConstBacklessBlackHover = "var(--k-color-shape-const-backless-black-hover)";
+export declare const shapeConstBacklessBlackPressed = "var(--k-color-shape-const-backless-black-pressed)";
+export declare const shapeConstBacklessWhiteHover = "var(--k-color-shape-const-backless-white-hover)";
+export declare const shapeConstBacklessWhitePressed = "var(--k-color-shape-const-backless-white-pressed)";
+export declare const shapeConstDisabledBlack = "var(--k-color-shape-const-disabled-black)";
+export declare const shapeConstDisabledWhite = "var(--k-color-shape-const-disabled-white)";
+export declare const shapeConstFaintBlack = "var(--k-color-shape-const-faint-black)";
+export declare const shapeConstFaintBlackHover = "var(--k-color-shape-const-faint-black-hover)";
+export declare const shapeConstFaintBlackPressed = "var(--k-color-shape-const-faint-black-pressed)";
+export declare const shapeConstFaintWhite = "var(--k-color-shape-const-faint-white)";
+export declare const shapeConstFaintWhiteHover = "var(--k-color-shape-const-faint-white-hover)";
+export declare const shapeConstFaintWhitePressed = "var(--k-color-shape-const-faint-white-pressed)";
+export declare const shapeConstHeavyBlack = "var(--k-color-shape-const-heavy-black)";
+export declare const shapeConstHeavyBlackHover = "var(--k-color-shape-const-heavy-black-hover)";
+export declare const shapeConstHeavyBlackPressed = "var(--k-color-shape-const-heavy-black-pressed)";
+export declare const shapeConstHeavyWhite = "var(--k-color-shape-const-heavy-white)";
+export declare const shapeConstHeavyWhiteHover = "var(--k-color-shape-const-heavy-white-hover)";
+export declare const shapeConstHeavyWhitePressed = "var(--k-color-shape-const-heavy-white-pressed)";
+export declare const shapeConstPaleBlack = "var(--k-color-shape-const-pale-black)";
+export declare const shapeConstPaleBlackHover = "var(--k-color-shape-const-pale-black-hover)";
+export declare const shapeConstPaleBlackPressed = "var(--k-color-shape-const-pale-black-pressed)";
+export declare const shapeConstPaleWhite = "var(--k-color-shape-const-pale-white)";
+export declare const shapeConstPaleWhiteHover = "var(--k-color-shape-const-pale-white-hover)";
+export declare const shapeConstPaleWhitePressed = "var(--k-color-shape-const-pale-white-pressed)";
+export declare const shapeConstPromo = "var(--k-color-shape-const-promo)";
+export declare const shapeConstSoftBlack = "var(--k-color-shape-const-soft-black)";
+export declare const shapeConstSoftBlackHover = "var(--k-color-shape-const-soft-black-hover)";
+export declare const shapeConstSoftBlackPressed = "var(--k-color-shape-const-soft-black-pressed)";
+export declare const shapeConstSoftWhite = "var(--k-color-shape-const-soft-white)";
+export declare const shapeConstSoftWhiteHover = "var(--k-color-shape-const-soft-white-hover)";
+export declare const shapeConstSoftWhitePressed = "var(--k-color-shape-const-soft-white-pressed)";
+export declare const lineAccentBold = "var(--k-color-line-accent-bold)";
+export declare const lineAccentBoldHover = "var(--k-color-line-accent-bold-hover)";
+export declare const lineAccentBoldPressed = "var(--k-color-line-accent-bold-pressed)";
+export declare const lineAccentPale = "var(--k-color-line-accent-pale)";
+export declare const lineAccentPaleHover = "var(--k-color-line-accent-pale-hover)";
+export declare const lineAccentPalePressed = "var(--k-color-line-accent-pale-pressed)";
+export declare const lineAccentSoft = "var(--k-color-line-accent-soft)";
+export declare const lineAccentSoftHover = "var(--k-color-line-accent-soft-hover)";
+export declare const lineAccentSoftPressed = "var(--k-color-line-accent-soft-pressed)";
+export declare const lineBrandOriginal = "var(--k-color-line-brand-original)";
+export declare const lineErrorBold = "var(--k-color-line-error-bold)";
+export declare const lineErrorBoldHover = "var(--k-color-line-error-bold-hover)";
+export declare const lineErrorBoldPressed = "var(--k-color-line-error-bold-pressed)";
+export declare const lineNeutralFaint = "var(--k-color-line-neutral-faint)";
+export declare const lineNeutralPale = "var(--k-color-line-neutral-pale)";
+export declare const lineNeutralPaleHover = "var(--k-color-line-neutral-pale-hover)";
+export declare const lineNeutralPalePressed = "var(--k-color-line-neutral-pale-pressed)";
+export declare const lineOnAccentBoldFaint = "var(--k-color-line-on-accent-bold-faint)";
+export declare const lineOnAccentBoldPale = "var(--k-color-line-on-accent-bold-pale)";
+export declare const lineOnBrandOriginalFaint = "var(--k-color-line-on-brand-original-faint)";
+export declare const lineOnBrandOriginalPale = "var(--k-color-line-on-brand-original-pale)";
+export declare const lineSuccessBold = "var(--k-color-line-success-bold)";
+export declare const lineSuccessBoldHover = "var(--k-color-line-success-bold-hover)";
+export declare const lineSuccessBoldPressed = "var(--k-color-line-success-bold-pressed)";
+export declare const lineWarningBold = "var(--k-color-line-warning-bold)";
+export declare const lineWarningBoldHover = "var(--k-color-line-warning-bold-hover)";
+export declare const lineWarningBoldPressed = "var(--k-color-line-warning-bold-pressed)";
+export declare const lineInvertedAccentBold = "var(--k-color-line-inverted-accent-bold)";
+export declare const lineInvertedAccentBoldHover = "var(--k-color-line-inverted-accent-bold-hover)";
+export declare const lineInvertedAccentBoldPressed = "var(--k-color-line-inverted-accent-bold-pressed)";
+export declare const lineInvertedAccentPale = "var(--k-color-line-inverted-accent-pale)";
+export declare const lineInvertedAccentPaleHover = "var(--k-color-line-inverted-accent-pale-hover)";
+export declare const lineInvertedAccentPalePressed = "var(--k-color-line-inverted-accent-pale-pressed)";
+export declare const lineInvertedAccentSoft = "var(--k-color-line-inverted-accent-soft)";
+export declare const lineInvertedAccentSoftHover = "var(--k-color-line-inverted-accent-soft-hover)";
+export declare const lineInvertedAccentSoftPressed = "var(--k-color-line-inverted-accent-soft-pressed)";
+export declare const lineInvertedErrorBold = "var(--k-color-line-inverted-error-bold)";
+export declare const lineInvertedErrorBoldHover = "var(--k-color-line-inverted-error-bold-hover)";
+export declare const lineInvertedErrorBoldPressed = "var(--k-color-line-inverted-error-bold-pressed)";
+export declare const lineInvertedNeutralFaint = "var(--k-color-line-inverted-neutral-faint)";
+export declare const lineInvertedNeutralPale = "var(--k-color-line-inverted-neutral-pale)";
+export declare const lineInvertedNeutralPaleHover = "var(--k-color-line-inverted-neutral-pale-hover)";
+export declare const lineInvertedNeutralPalePressed = "var(--k-color-line-inverted-neutral-pale-pressed)";
+export declare const lineInvertedSuccessBold = "var(--k-color-line-inverted-success-bold)";
+export declare const lineInvertedSuccessBoldHover = "var(--k-color-line-inverted-success-bold-hover)";
+export declare const lineInvertedSuccessBoldPressed = "var(--k-color-line-inverted-success-bold-pressed)";
+export declare const lineInvertedWarningBold = "var(--k-color-line-inverted-warning-bold)";
+export declare const lineInvertedWarningBoldHover = "var(--k-color-line-inverted-warning-bold-hover)";
+export declare const lineInvertedWarningBoldPressed = "var(--k-color-line-inverted-warning-bold-pressed)";
+export declare const lineConstFaintBlack = "var(--k-color-line-const-faint-black)";
+export declare const lineConstFaintWhite = "var(--k-color-line-const-faint-white)";
+export declare const lineConstPaleBlack = "var(--k-color-line-const-pale-black)";
+export declare const lineConstPaleBlackHover = "var(--k-color-line-const-pale-black-hover)";
+export declare const lineConstPaleBlackPressed = "var(--k-color-line-const-pale-black-pressed)";
+export declare const lineConstPaleWhite = "var(--k-color-line-const-pale-white)";
+export declare const lineConstPaleWhiteHover = "var(--k-color-line-const-pale-white-hover)";
+export declare const lineConstPaleWhitePressed = "var(--k-color-line-const-pale-white-pressed)";
+export declare const surfaceBase = "var(--k-color-surface-base)";
+export declare const surfaceHigh = "var(--k-color-surface-high)";
+export declare const surfaceLow = "var(--k-color-surface-low)";
+export declare const surfaceModalBackdrop = "var(--k-color-surface-modal-backdrop)";
+export declare const illustrationBlack = "var(--k-color-illustration-black)";
+export declare const illustrationBrand = "var(--k-color-illustration-brand)";
+export declare const illustrationComplement = "var(--k-color-illustration-complement)";
+export declare const illustrationInvertedNeutral = "var(--k-color-illustration-inverted-neutral)";
+export declare const illustrationNeutral = "var(--k-color-illustration-neutral)";
+export declare const illustrationOnBrand = "var(--k-color-illustration-on-brand)";
+export declare const illustrationOnComplement = "var(--k-color-illustration-on-complement)";
+export declare const illustrationPromo = "var(--k-color-illustration-promo)";
+export declare const illustrationSymbol = "var(--k-color-illustration-symbol)";
+export declare const illustrationWhite = "var(--k-color-illustration-white)";
+export declare const customizableBoldBlack = "var(--k-color-customizable-bold-black)";
+export declare const customizableBoldBlue = "var(--k-color-customizable-bold-blue)";
+export declare const customizableBoldBlueDeep = "var(--k-color-customizable-bold-blue-deep)";
+export declare const customizableBoldGray = "var(--k-color-customizable-bold-gray)";
+export declare const customizableBoldGreen = "var(--k-color-customizable-bold-green)";
+export declare const customizableBoldMint = "var(--k-color-customizable-bold-mint)";
+export declare const customizableBoldOrange = "var(--k-color-customizable-bold-orange)";
+export declare const customizableBoldPurple = "var(--k-color-customizable-bold-purple)";
+export declare const customizableBoldRed = "var(--k-color-customizable-bold-red)";
+export declare const customizableBoldViolet = "var(--k-color-customizable-bold-violet)";
+export declare const customizableBoldYellow = "var(--k-color-customizable-bold-yellow)";
+export declare const customizableFaintBlack = "var(--k-color-customizable-faint-black)";
+export declare const customizableFaintBlue = "var(--k-color-customizable-faint-blue)";
+export declare const customizableFaintBlueDeep = "var(--k-color-customizable-faint-blue-deep)";
+export declare const customizableFaintGray = "var(--k-color-customizable-faint-gray)";
+export declare const customizableFaintGreen = "var(--k-color-customizable-faint-green)";
+export declare const customizableFaintMint = "var(--k-color-customizable-faint-mint)";
+export declare const customizableFaintOrange = "var(--k-color-customizable-faint-orange)";
+export declare const customizableFaintPurple = "var(--k-color-customizable-faint-purple)";
+export declare const customizableFaintRed = "var(--k-color-customizable-faint-red)";
+export declare const customizableFaintViolet = "var(--k-color-customizable-faint-violet)";
+export declare const customizableFaintYellow = "var(--k-color-customizable-faint-yellow)";
+export declare const customizableHeavyBlack = "var(--k-color-customizable-heavy-black)";
+export declare const customizableHeavyBlue = "var(--k-color-customizable-heavy-blue)";
+export declare const customizableHeavyBlueDeep = "var(--k-color-customizable-heavy-blue-deep)";
+export declare const customizableHeavyGray = "var(--k-color-customizable-heavy-gray)";
+export declare const customizableHeavyGreen = "var(--k-color-customizable-heavy-green)";
+export declare const customizableHeavyMint = "var(--k-color-customizable-heavy-mint)";
+export declare const customizableHeavyOrange = "var(--k-color-customizable-heavy-orange)";
+export declare const customizableHeavyPurple = "var(--k-color-customizable-heavy-purple)";
+export declare const customizableHeavyRed = "var(--k-color-customizable-heavy-red)";
+export declare const customizableHeavyViolet = "var(--k-color-customizable-heavy-violet)";
+export declare const customizableHeavyYellow = "var(--k-color-customizable-heavy-yellow)";
+export declare const customizablePaleBlack = "var(--k-color-customizable-pale-black)";
+export declare const customizablePaleBlue = "var(--k-color-customizable-pale-blue)";
+export declare const customizablePaleBlueDeep = "var(--k-color-customizable-pale-blue-deep)";
+export declare const customizablePaleGray = "var(--k-color-customizable-pale-gray)";
+export declare const customizablePaleGreen = "var(--k-color-customizable-pale-green)";
+export declare const customizablePaleMint = "var(--k-color-customizable-pale-mint)";
+export declare const customizablePaleOrange = "var(--k-color-customizable-pale-orange)";
+export declare const customizablePalePurple = "var(--k-color-customizable-pale-purple)";
+export declare const customizablePaleRed = "var(--k-color-customizable-pale-red)";
+export declare const customizablePaleViolet = "var(--k-color-customizable-pale-violet)";
+export declare const customizablePaleYellow = "var(--k-color-customizable-pale-yellow)";
+export declare const customizableSoftBlack = "var(--k-color-customizable-soft-black)";
+export declare const customizableSoftBlue = "var(--k-color-customizable-soft-blue)";
+export declare const customizableSoftBlueDeep = "var(--k-color-customizable-soft-blue-deep)";
+export declare const customizableSoftGray = "var(--k-color-customizable-soft-gray)";
+export declare const customizableSoftGreen = "var(--k-color-customizable-soft-green)";
+export declare const customizableSoftMint = "var(--k-color-customizable-soft-mint)";
+export declare const customizableSoftOrange = "var(--k-color-customizable-soft-orange)";
+export declare const customizableSoftPurple = "var(--k-color-customizable-soft-purple)";
+export declare const customizableSoftRed = "var(--k-color-customizable-soft-red)";
+export declare const customizableSoftViolet = "var(--k-color-customizable-soft-violet)";
+export declare const customizableSoftYellow = "var(--k-color-customizable-soft-yellow)";