@skbkontur/colors 2.0.0 → 2.0.1

package/colors-default-light.ts

@@ -0,0 +1,336 @@
+export const textAccentHeavy = 'var(--k-color-text-accent-heavy, rgba(0, 0, 0, 0.88))';
+export const textAccentHeavyHover = 'var(--k-color-text-accent-heavy-hover, rgba(0, 0, 0, 0.96))';
+export const textAccentHeavyPressed = 'var(--k-color-text-accent-heavy-pressed, rgba(0, 0, 0, 0.96))';
+export const textErrorHeavy = 'var(--k-color-text-error-heavy, #c50220)';
+export const textErrorHeavyHover = 'var(--k-color-text-error-heavy-hover, #e62b34)';
+export const textErrorHeavyPressed = 'var(--k-color-text-error-heavy-pressed, #943e3b)';
+export const textInvertedAccentHeavy = 'var(--k-color-text-inverted-accent-heavy, rgba(255, 255, 255, 0.96))';
+export const textInvertedAccentHeavyHover = 'var(--k-color-text-inverted-accent-heavy-hover, #ffffff)';
+export const textInvertedAccentHeavyPressed = 'var(--k-color-text-inverted-accent-heavy-pressed, #ffffff)';
+export const textInvertedErrorHeavy = 'var(--k-color-text-inverted-error-heavy, #ff5352)';
+export const textInvertedErrorHeavyHover = 'var(--k-color-text-inverted-error-heavy-hover, #ff726b)';
+export const textInvertedErrorHeavyPressed = 'var(--k-color-text-inverted-error-heavy-pressed, #dd5d58)';
+export const textInvertedNeutralFaint = 'var(--k-color-text-inverted-neutral-faint, rgba(255, 255, 255, 0.4))';
+export const textInvertedNeutralHeavy = 'var(--k-color-text-inverted-neutral-heavy, rgba(255, 255, 255, 0.96))';
+export const textInvertedNeutralPale = 'var(--k-color-text-inverted-neutral-pale, rgba(255, 255, 255, 0.48))';
+export const textInvertedNeutralSoft = 'var(--k-color-text-inverted-neutral-soft, rgba(255, 255, 255, 0.64))';
+export const textInvertedSuccessHeavy = 'var(--k-color-text-inverted-success-heavy, #00c655)';
+export const textInvertedSuccessHeavyHover = 'var(--k-color-text-inverted-success-heavy-hover, #4ede76)';
+export const textInvertedSuccessHeavyPressed = 'var(--k-color-text-inverted-success-heavy-pressed, #4fa161)';
+export const textInvertedWarningHeavy = 'var(--k-color-text-inverted-warning-heavy, #f8ae00)';
+export const textInvertedWarningHeavyHover = 'var(--k-color-text-inverted-warning-heavy-hover, #ffbf0b)';
+export const textInvertedWarningHeavyPressed = 'var(--k-color-text-inverted-warning-heavy-pressed, #cc9a51)';
+export const textLogo = 'var(--k-color-text-logo, #FE4C4C)';
+export const textNeutralFaint = 'var(--k-color-text-neutral-faint, rgba(0, 0, 0, 0.32))';
+export const textNeutralHeavy = 'var(--k-color-text-neutral-heavy, rgba(0, 0, 0, 0.88))';
+export const textNeutralPale = 'var(--k-color-text-neutral-pale, rgba(0, 0, 0, 0.4))';
+export const textNeutralSoft = 'var(--k-color-text-neutral-soft, rgba(0, 0, 0, 0.56))';
+export const textSuccessHeavy = 'var(--k-color-text-success-heavy, #007f34)';
+export const textSuccessHeavyHover = 'var(--k-color-text-success-heavy-hover, #009b41)';
+export const textSuccessHeavyPressed = 'var(--k-color-text-success-heavy-pressed, #3a6a43)';
+export const textWarningHeavy = 'var(--k-color-text-warning-heavy, #bc7d00)';
+export const textWarningHeavyHover = 'var(--k-color-text-warning-heavy-hover, #db9400)';
+export const textWarningHeavyPressed = 'var(--k-color-text-warning-heavy-pressed, #a37736)';
+export const textConstFaintBlack = 'var(--k-color-text-const-faint-black, rgba(0, 0, 0, 0.32))';
+export const textConstFaintWhite = 'var(--k-color-text-const-faint-white, rgba(255, 255, 255, 0.4))';
+export const textConstHeavyBlack = 'var(--k-color-text-const-heavy-black, rgba(0, 0, 0, 0.88))';
+export const textConstHeavyWhite = 'var(--k-color-text-const-heavy-white, rgba(255, 255, 255, 0.96))';
+export const textConstPaleBlack = 'var(--k-color-text-const-pale-black, rgba(0, 0, 0, 0.4))';
+export const textConstPaleWhite = 'var(--k-color-text-const-pale-white, rgba(255, 255, 255, 0.48))';
+export const textConstSoftBlack = 'var(--k-color-text-const-soft-black, rgba(0, 0, 0, 0.56))';
+export const textConstSoftWhite = 'var(--k-color-text-const-soft-white, rgba(255, 255, 255, 0.64))';
+export const textOnAccentBoldFaint = 'var(--k-color-text-on-accent-bold-faint, rgba(255, 255, 255, 0.4))';
+export const textOnAccentBoldHeavy = 'var(--k-color-text-on-accent-bold-heavy, rgba(255, 255, 255, 0.96))';
+export const textOnAccentBoldPale = 'var(--k-color-text-on-accent-bold-pale, rgba(255, 255, 255, 0.48))';
+export const textOnAccentBoldSoft = 'var(--k-color-text-on-accent-bold-soft, rgba(255, 255, 255, 0.64))';
+export const textOnBrandOriginalFaint = 'var(--k-color-text-on-brand-original-faint, rgba(255, 255, 255, 0.4))';
+export const textOnBrandOriginalHeavy = 'var(--k-color-text-on-brand-original-heavy, rgba(255, 255, 255, 0.96))';
+export const textOnBrandOriginalPale = 'var(--k-color-text-on-brand-original-pale, rgba(255, 255, 255, 0.48))';
+export const textOnBrandOriginalSoft = 'var(--k-color-text-on-brand-original-soft, rgba(255, 255, 255, 0.64))';
+export const shapeBoldAccent = 'var(--k-color-shape-bold-accent, #3d3d3d)';
+export const shapeBoldAccentHover = 'var(--k-color-shape-bold-accent-hover, #292929)';
+export const shapeBoldAccentPressed = 'var(--k-color-shape-bold-accent-pressed, #161616)';
+export const shapeBoldBrandOriginal = 'var(--k-color-shape-bold-brand-original, #FE4C4C)';
+export const shapeBoldBrandOriginalHover = 'var(--k-color-shape-bold-brand-original-hover, #ef3c40)';
+export const shapeBoldBrandOriginalPressed = 'var(--k-color-shape-bold-brand-original-pressed, #d54141)';
+export const shapeBoldError = 'var(--k-color-shape-bold-error, #f63b40)';
+export const shapeBoldErrorHover = 'var(--k-color-shape-bold-error-hover, #e62b34)';
+export const shapeBoldErrorPressed = 'var(--k-color-shape-bold-error-pressed, #cd3235)';
+export const shapeBoldNeutral = 'var(--k-color-shape-bold-neutral, #525252)';
+export const shapeBoldNeutralHover = 'var(--k-color-shape-bold-neutral-hover, #3d3d3d)';
+export const shapeBoldNeutralPressed = 'var(--k-color-shape-bold-neutral-pressed, rgba(0, 0, 0, 0.56))';
+export const shapeBoldSuccess = 'var(--k-color-shape-bold-success, #00a948)';
+export const shapeBoldSuccessHover = 'var(--k-color-shape-bold-success-hover, #009b41)';
+export const shapeBoldSuccessPressed = 'var(--k-color-shape-bold-success-pressed, #178b3f)';
+export const shapeBoldWarning = 'var(--k-color-shape-bold-warning, #ffbf0b)';
+export const shapeBoldWarningHover = 'var(--k-color-shape-bold-warning-hover, #f8ae00)';
+export const shapeBoldWarningPressed = 'var(--k-color-shape-bold-warning-pressed, #e5a331)';
+export const shapeFaintAccent = 'var(--k-color-shape-faint-accent, rgba(0, 0, 0, 0.12))';
+export const shapeFaintAccentHover = 'var(--k-color-shape-faint-accent-hover, rgba(0, 0, 0, 0.16))';
+export const shapeFaintAccentPressed = 'var(--k-color-shape-faint-accent-pressed, rgba(0, 0, 0, 0.24))';
+export const shapeFaintBrand = 'var(--k-color-shape-faint-brand, #ffedef)';
+export const shapeFaintBrandHover = 'var(--k-color-shape-faint-brand-hover, #ffdadd)';
+export const shapeFaintBrandPressed = 'var(--k-color-shape-faint-brand-pressed, #f5dee0)';
+export const shapeFaintError = 'var(--k-color-shape-faint-error, #ffedef)';
+export const shapeFaintErrorHover = 'var(--k-color-shape-faint-error-hover, #ffdadd)';
+export const shapeFaintErrorPressed = 'var(--k-color-shape-faint-error-pressed, #f5dee0)';
+export const shapeFaintNeutralAlpha = 'var(--k-color-shape-faint-neutral-alpha, rgba(0, 0, 0, 0.06))';
+export const shapeFaintNeutralAlphaHover = 'var(--k-color-shape-faint-neutral-alpha-hover, rgba(0, 0, 0, 0.12))';
+export const shapeFaintNeutralAlphaPressed = 'var(--k-color-shape-faint-neutral-alpha-pressed, rgba(0, 0, 0, 0.16))';
+export const shapeFaintSuccess = 'var(--k-color-shape-faint-success, #defbe2)';
+export const shapeFaintSuccessHover = 'var(--k-color-shape-faint-success-hover, #c3f3ca)';
+export const shapeFaintSuccessPressed = 'var(--k-color-shape-faint-success-pressed, #d1edd5)';
+export const shapeFaintWarning = 'var(--k-color-shape-faint-warning, #fff3bd)';
+export const shapeFaintWarningHover = 'var(--k-color-shape-faint-warning-hover, #f4e5ad)';
+export const shapeFaintWarningPressed = 'var(--k-color-shape-faint-warning-pressed, #ede5c4)';
+export const shapeHeavyError = 'var(--k-color-shape-heavy-error, #6b1f1e)';
+export const shapeHeavyNeutral = 'var(--k-color-shape-heavy-neutral, #292929)';
+export const shapeHeavySuccess = 'var(--k-color-shape-heavy-success, #0b4a1f)';
+export const shapeHeavyWarning = 'var(--k-color-shape-heavy-warning, #543600)';
+export const shapeOtherAccentBoldDisabled = 'var(--k-color-shape-other-accent-bold-disabled, rgba(0, 0, 0, 0.32))';
+export const shapeOtherBacklessHover = 'var(--k-color-shape-other-backless-hover, rgba(0, 0, 0, 0.06))';
+export const shapeOtherBacklessPressed = 'var(--k-color-shape-other-backless-pressed, rgba(0, 0, 0, 0.16))';
+export const shapeOtherBase = 'var(--k-color-shape-other-base, #ffffff)';
+export const shapeOtherBaseHover = 'var(--k-color-shape-other-base-hover, #f2f2f2)';
+export const shapeOtherBasePressed = 'var(--k-color-shape-other-base-pressed, #e4e4e4)';
+export const shapeOtherDisabled = 'var(--k-color-shape-other-disabled, rgba(0, 0, 0, 0.06))';
+export const shapeOtherField = 'var(--k-color-shape-other-field, #ffffff)';
+export const shapeOtherFieldHover = 'var(--k-color-shape-other-field-hover, #f2f2f2)';
+export const shapeOtherFieldPressed = 'var(--k-color-shape-other-field-pressed, #e4e4e4)';
+export const shapeOtherLow = 'var(--k-color-shape-other-low, rgba(0, 0, 0, 0.06))';
+export const shapeOtherLowHover = 'var(--k-color-shape-other-low-hover, rgba(0, 0, 0, 0.08))';
+export const shapeOtherLowPressed = 'var(--k-color-shape-other-low-pressed, rgba(0, 0, 0, 0.12))';
+export const shapeOtherNeutralFaintSolid = 'var(--k-color-shape-other-neutral-faint-solid, #f2f2f2)';
+export const shapeOtherNeutralFaintSolidHover = 'var(--k-color-shape-other-neutral-faint-solid-hover, #e4e4e4)';
+export const shapeOtherNeutralFaintSolidPressed = 'var(--k-color-shape-other-neutral-faint-solid-pressed, #d7d7d7)';
+export const shapeOtherNeutralPaleSolid = 'var(--k-color-shape-other-neutral-pale-solid, #e4e4e4)';
+export const shapeOtherNeutralPaleSolidHover = 'var(--k-color-shape-other-neutral-pale-solid-hover, #d7d7d7)';
+export const shapeOtherNeutralPaleSolidPressed = 'var(--k-color-shape-other-neutral-pale-solid-pressed, #cacaca)';
+export const shapeOtherNeutralSoftSolid = 'var(--k-color-shape-other-neutral-soft-solid, #d7d7d7)';
+export const shapeOtherNeutralSoftSolidHover = 'var(--k-color-shape-other-neutral-soft-solid-hover, #bebebe)';
+export const shapeOtherNeutralSoftSolidPressed = 'var(--k-color-shape-other-neutral-soft-solid-pressed, #b1b1b1)';
+export const shapePaleAccent = 'var(--k-color-shape-pale-accent, rgba(0, 0, 0, 0.16))';
+export const shapePaleAccentHover = 'var(--k-color-shape-pale-accent-hover, rgba(0, 0, 0, 0.24))';
+export const shapePaleAccentPressed = 'var(--k-color-shape-pale-accent-pressed, rgba(0, 0, 0, 0.32))';
+export const shapePaleBrand = 'var(--k-color-shape-pale-brand, #ffdadd)';
+export const shapePaleBrandHover = 'var(--k-color-shape-pale-brand-hover, #ffc7c7)';
+export const shapePaleBrandPressed = 'var(--k-color-shape-pale-brand-pressed, #f2cdcd)';
+export const shapePaleError = 'var(--k-color-shape-pale-error, #ffdadd)';
+export const shapePaleErrorHover = 'var(--k-color-shape-pale-error-hover, #ffc7c7)';
+export const shapePaleErrorPressed = 'var(--k-color-shape-pale-error-pressed, #f2cdcd)';
+export const shapePaleNeutralAlpha = 'var(--k-color-shape-pale-neutral-alpha, rgba(0, 0, 0, 0.12))';
+export const shapePaleNeutralAlphaHover = 'var(--k-color-shape-pale-neutral-alpha-hover, rgba(0, 0, 0, 0.16))';
+export const shapePaleNeutralAlphaPressed = 'var(--k-color-shape-pale-neutral-alpha-pressed, rgba(0, 0, 0, 0.24))';
+export const shapePaleSuccess = 'var(--k-color-shape-pale-success, #c3f3ca)';
+export const shapePaleSuccessHover = 'var(--k-color-shape-pale-success-hover, #a7ebb2)';
+export const shapePaleSuccessPressed = 'var(--k-color-shape-pale-success-pressed, #bae4c0)';
+export const shapePaleWarning = 'var(--k-color-shape-pale-warning, #fbe48d)';
+export const shapePaleWarningHover = 'var(--k-color-shape-pale-warning-hover, #f2d585)';
+export const shapePaleWarningPressed = 'var(--k-color-shape-pale-warning-pressed, #e9d6a5)';
+export const shapeSoftAccent = 'var(--k-color-shape-soft-accent, rgba(0, 0, 0, 0.32))';
+export const shapeSoftAccentHover = 'var(--k-color-shape-soft-accent-hover, rgba(0, 0, 0, 0.4))';
+export const shapeSoftAccentPressed = 'var(--k-color-shape-soft-accent-pressed, rgba(0, 0, 0, 0.48))';
+export const shapeSoftBrand = 'var(--k-color-shape-soft-brand, #fea09c)';
+export const shapeSoftBrandHover = 'var(--k-color-shape-soft-brand-hover, #f98e88)';
+export const shapeSoftBrandPressed = 'var(--k-color-shape-soft-brand-pressed, #e8847c)';
+export const shapeSoftError = 'var(--k-color-shape-soft-error, #fea09c)';
+export const shapeSoftErrorHover = 'var(--k-color-shape-soft-error-hover, #f98e88)';
+export const shapeSoftErrorPressed = 'var(--k-color-shape-soft-error-pressed, #e8847c)';
+export const shapeSoftNeutralAlpha = 'var(--k-color-shape-soft-neutral-alpha, rgba(0, 0, 0, 0.16))';
+export const shapeSoftNeutralAlphaHover = 'var(--k-color-shape-soft-neutral-alpha-hover, rgba(0, 0, 0, 0.24))';
+export const shapeSoftNeutralAlphaPressed = 'var(--k-color-shape-soft-neutral-alpha-pressed, rgba(0, 0, 0, 0.32))';
+export const shapeSoftSuccess = 'var(--k-color-shape-soft-success, #6cd984)';
+export const shapeSoftSuccessHover = 'var(--k-color-shape-soft-success-hover, #4ecf70)';
+export const shapeSoftSuccessPressed = 'var(--k-color-shape-soft-success-pressed, #58be6f)';
+export const shapeSoftWarning = 'var(--k-color-shape-soft-warning, #fcd35d)';
+export const shapeSoftWarningHover = 'var(--k-color-shape-soft-warning-hover, #f4c359)';
+export const shapeSoftWarningPressed = 'var(--k-color-shape-soft-warning-pressed, #e5b566)';
+export const shapeInvertedBacklessHover = 'var(--k-color-shape-inverted-backless-hover, rgba(255, 255, 255, 0.06))';
+export const shapeInvertedBacklessPressed = 'var(--k-color-shape-inverted-backless-pressed, rgba(255, 255, 255, 0.04))';
+export const shapeInvertedDisabled = 'var(--k-color-shape-inverted-disabled, rgba(255, 255, 255, 0.06))';
+export const shapeInvertedNeutralFaintAlpha =
+  'var(--k-color-shape-inverted-neutral-faint-alpha, rgba(255, 255, 255, 0.06))';
+export const shapeInvertedNeutralFaintAlphaHover =
+  'var(--k-color-shape-inverted-neutral-faint-alpha-hover, rgba(255, 255, 255, 0.08))';
+export const shapeInvertedNeutralFaintAlphaPressed =
+  'var(--k-color-shape-inverted-neutral-faint-alpha-pressed, rgba(255, 255, 255, 0.04))';
+export const shapeInvertedNeutralHeavy = 'var(--k-color-shape-inverted-neutral-heavy, #ffffff)';
+export const shapeInvertedNeutralHeavyHover =
+  'var(--k-color-shape-inverted-neutral-heavy-hover, rgba(255, 255, 255, 0.88))';
+export const shapeInvertedNeutralHeavyPressed =
+  'var(--k-color-shape-inverted-neutral-heavy-pressed, rgba(255, 255, 255, 0.72))';
+export const shapeInvertedNeutralPaleAlpha =
+  'var(--k-color-shape-inverted-neutral-pale-alpha, rgba(255, 255, 255, 0.12))';
+export const shapeInvertedNeutralPaleAlphaHover =
+  'var(--k-color-shape-inverted-neutral-pale-alpha-hover, rgba(255, 255, 255, 0.16))';
+export const shapeInvertedNeutralPaleAlphaPressed =
+  'var(--k-color-shape-inverted-neutral-pale-alpha-pressed, rgba(255, 255, 255, 0.06))';
+export const shapeInvertedNeutralSoftAlpha =
+  'var(--k-color-shape-inverted-neutral-soft-alpha, rgba(255, 255, 255, 0.16))';
+export const shapeInvertedNeutralSoftAlphaHover =
+  'var(--k-color-shape-inverted-neutral-soft-alpha-hover, rgba(255, 255, 255, 0.24))';
+export const shapeInvertedNeutralSoftAlphaPressed =
+  'var(--k-color-shape-inverted-neutral-soft-alpha-pressed, rgba(255, 255, 255, 0.08))';
+export const shapeConstBacklessBlackHover = 'var(--k-color-shape-const-backless-black-hover, rgba(0, 0, 0, 0.12))';
+export const shapeConstBacklessBlackPressed = 'var(--k-color-shape-const-backless-black-pressed, rgba(0, 0, 0, 0.16))';
+export const shapeConstBacklessWhiteHover =
+  'var(--k-color-shape-const-backless-white-hover, rgba(255, 255, 255, 0.12))';
+export const shapeConstBacklessWhitePressed =
+  'var(--k-color-shape-const-backless-white-pressed, rgba(255, 255, 255, 0.06))';
+export const shapeConstDisabledBlack = 'var(--k-color-shape-const-disabled-black, rgba(0, 0, 0, 0.06))';
+export const shapeConstDisabledWhite = 'var(--k-color-shape-const-disabled-white, rgba(255, 255, 255, 0.06))';
+export const shapeConstFaintBlack = 'var(--k-color-shape-const-faint-black, rgba(0, 0, 0, 0.12))';
+export const shapeConstFaintBlackHover = 'var(--k-color-shape-const-faint-black-hover, rgba(0, 0, 0, 0.16))';
+export const shapeConstFaintBlackPressed = 'var(--k-color-shape-const-faint-black-pressed, rgba(0, 0, 0, 0.24))';
+export const shapeConstFaintWhite = 'var(--k-color-shape-const-faint-white, rgba(255, 255, 255, 0.12))';
+export const shapeConstFaintWhiteHover = 'var(--k-color-shape-const-faint-white-hover, rgba(255, 255, 255, 0.16))';
+export const shapeConstFaintWhitePressed = 'var(--k-color-shape-const-faint-white-pressed, rgba(255, 255, 255, 0.08))';
+export const shapeConstHeavyBlack = 'var(--k-color-shape-const-heavy-black, rgba(0, 0, 0, 0.8))';
+export const shapeConstHeavyBlackHover = 'var(--k-color-shape-const-heavy-black-hover, rgba(0, 0, 0, 0.88))';
+export const shapeConstHeavyBlackPressed = 'var(--k-color-shape-const-heavy-black-pressed, rgba(0, 0, 0, 0.64))';
+export const shapeConstHeavyWhite = 'var(--k-color-shape-const-heavy-white, rgba(255, 255, 255, 0.96))';
+export const shapeConstHeavyWhiteHover = 'var(--k-color-shape-const-heavy-white-hover, #ffffff)';
+export const shapeConstHeavyWhitePressed = 'var(--k-color-shape-const-heavy-white-pressed, rgba(255, 255, 255, 0.64))';
+export const shapeConstPaleBlack = 'var(--k-color-shape-const-pale-black, rgba(0, 0, 0, 0.16))';
+export const shapeConstPaleBlackHover = 'var(--k-color-shape-const-pale-black-hover, rgba(0, 0, 0, 0.24))';
+export const shapeConstPaleBlackPressed = 'var(--k-color-shape-const-pale-black-pressed, rgba(0, 0, 0, 0.32))';
+export const shapeConstPaleWhite = 'var(--k-color-shape-const-pale-white, rgba(255, 255, 255, 0.16))';
+export const shapeConstPaleWhiteHover = 'var(--k-color-shape-const-pale-white-hover, rgba(255, 255, 255, 0.24))';
+export const shapeConstPaleWhitePressed = 'var(--k-color-shape-const-pale-white-pressed, rgba(255, 255, 255, 0.12))';
+export const shapeConstPromo = 'var(--k-color-shape-const-promo, #5d1d3c)';
+export const shapeConstSoftBlack = 'var(--k-color-shape-const-soft-black, rgba(0, 0, 0, 0.24))';
+export const shapeConstSoftBlackHover = 'var(--k-color-shape-const-soft-black-hover, rgba(0, 0, 0, 0.32))';
+export const shapeConstSoftBlackPressed = 'var(--k-color-shape-const-soft-black-pressed, rgba(0, 0, 0, 0.4))';
+export const shapeConstSoftWhite = 'var(--k-color-shape-const-soft-white, rgba(255, 255, 255, 0.24))';
+export const shapeConstSoftWhiteHover = 'var(--k-color-shape-const-soft-white-hover, rgba(255, 255, 255, 0.32))';
+export const shapeConstSoftWhitePressed = 'var(--k-color-shape-const-soft-white-pressed, rgba(255, 255, 255, 0.24))';
+export const lineAccentBold = 'var(--k-color-line-accent-bold, #484848)';
+export const lineAccentBoldHover = 'var(--k-color-line-accent-bold-hover, #161616)';
+export const lineAccentBoldPressed = 'var(--k-color-line-accent-bold-pressed, rgba(0, 0, 0, 0.64))';
+export const lineAccentPale = 'var(--k-color-line-accent-pale, rgba(0, 0, 0, 0.24))';
+export const lineAccentPaleHover = 'var(--k-color-line-accent-pale-hover, rgba(0, 0, 0, 0.32))';
+export const lineAccentPalePressed = 'var(--k-color-line-accent-pale-pressed, rgba(0, 0, 0, 0.4))';
+export const lineAccentSoft = 'var(--k-color-line-accent-soft, rgba(0, 0, 0, 0.48))';
+export const lineAccentSoftHover = 'var(--k-color-line-accent-soft-hover, rgba(0, 0, 0, 0.96))';
+export const lineAccentSoftPressed = 'var(--k-color-line-accent-soft-pressed, rgba(0, 0, 0, 0.96))';
+export const lineBrandOriginal = 'var(--k-color-line-brand-original, #FE4C4C)';
+export const lineErrorBold = 'var(--k-color-line-error-bold, #d6192a)';
+export const lineErrorBoldHover = 'var(--k-color-line-error-bold-hover, #f63b40)';
+export const lineErrorBoldPressed = 'var(--k-color-line-error-bold-pressed, #a74541)';
+export const lineNeutralFaint = 'var(--k-color-line-neutral-faint, rgba(0, 0, 0, 0.08))';
+export const lineNeutralPale = 'var(--k-color-line-neutral-pale, rgba(0, 0, 0, 0.16))';
+export const lineNeutralPaleHover = 'var(--k-color-line-neutral-pale-hover, rgba(0, 0, 0, 0.24))';
+export const lineNeutralPalePressed = 'var(--k-color-line-neutral-pale-pressed, rgba(0, 0, 0, 0.4))';
+export const lineOnAccentBoldFaint = 'var(--k-color-line-on-accent-bold-faint, rgba(255, 255, 255, 0.12))';
+export const lineOnAccentBoldPale = 'var(--k-color-line-on-accent-bold-pale, rgba(255, 255, 255, 0.24))';
+export const lineOnBrandOriginalFaint = 'var(--k-color-line-on-brand-original-faint, rgba(255, 255, 255, 0.12))';
+export const lineOnBrandOriginalPale = 'var(--k-color-line-on-brand-original-pale, rgba(255, 255, 255, 0.24))';
+export const lineSuccessBold = 'var(--k-color-line-success-bold, #008d3a)';
+export const lineSuccessBoldHover = 'var(--k-color-line-success-bold-hover, #00b74e)';
+export const lineSuccessBoldPressed = 'var(--k-color-line-success-bold-pressed, #458552)';
+export const lineWarningBold = 'var(--k-color-line-warning-bold, #f8ae00)';
+export const lineWarningBoldHover = 'var(--k-color-line-warning-bold-hover, #db9400)';
+export const lineWarningBoldPressed = 'var(--k-color-line-warning-bold-pressed, #bd8f4d)';
+export const lineInvertedAccentBold = 'var(--k-color-line-inverted-accent-bold, #d7d7d7)';
+export const lineInvertedAccentBoldHover = 'var(--k-color-line-inverted-accent-bold-hover, #ffffff)';
+export const lineInvertedAccentBoldPressed =
+  'var(--k-color-line-inverted-accent-bold-pressed, rgba(255, 255, 255, 0.64))';
+export const lineInvertedAccentPale = 'var(--k-color-line-inverted-accent-pale, rgba(255, 255, 255, 0.24))';
+export const lineInvertedAccentPaleHover = 'var(--k-color-line-inverted-accent-pale-hover, rgba(255, 255, 255, 0.32))';
+export const lineInvertedAccentPalePressed =
+  'var(--k-color-line-inverted-accent-pale-pressed, rgba(255, 255, 255, 0.16))';
+export const lineInvertedAccentSoft = 'var(--k-color-line-inverted-accent-soft, rgba(255, 255, 255, 0.48))';
+export const lineInvertedAccentSoftHover = 'var(--k-color-line-inverted-accent-soft-hover, #ffffff)';
+export const lineInvertedAccentSoftPressed = 'var(--k-color-line-inverted-accent-soft-pressed, #ffffff)';
+export const lineInvertedErrorBold = 'var(--k-color-line-inverted-error-bold, #e62b34)';
+export const lineInvertedErrorBoldHover = 'var(--k-color-line-inverted-error-bold-hover, #ff5352)';
+export const lineInvertedErrorBoldPressed = 'var(--k-color-line-inverted-error-bold-pressed, #ba4b47)';
+export const lineInvertedNeutralFaint = 'var(--k-color-line-inverted-neutral-faint, rgba(255, 255, 255, 0.08))';
+export const lineInvertedNeutralPale = 'var(--k-color-line-inverted-neutral-pale, rgba(255, 255, 255, 0.16))';
+export const lineInvertedNeutralPaleHover =
+  'var(--k-color-line-inverted-neutral-pale-hover, rgba(255, 255, 255, 0.24))';
+export const lineInvertedNeutralPalePressed =
+  'var(--k-color-line-inverted-neutral-pale-pressed, rgba(255, 255, 255, 0.12))';
+export const lineInvertedSuccessBold = 'var(--k-color-line-inverted-success-bold, #009b41)';
+export const lineInvertedSuccessBoldHover = 'var(--k-color-line-inverted-success-bold-hover, #00b74e)';
+export const lineInvertedSuccessBoldPressed = 'var(--k-color-line-inverted-success-bold-pressed, #458552)';
+export const lineInvertedWarningBold = 'var(--k-color-line-inverted-warning-bold, #f8ae00)';
+export const lineInvertedWarningBoldHover = 'var(--k-color-line-inverted-warning-bold-hover, #ffbf0b)';
+export const lineInvertedWarningBoldPressed = 'var(--k-color-line-inverted-warning-bold-pressed, #cc9a51)';
+export const lineConstFaintBlack = 'var(--k-color-line-const-faint-black, rgba(0, 0, 0, 0.12))';
+export const lineConstFaintWhite = 'var(--k-color-line-const-faint-white, rgba(255, 255, 255, 0.12))';
+export const lineConstPaleBlack = 'var(--k-color-line-const-pale-black, rgba(0, 0, 0, 0.24))';
+export const lineConstPaleBlackHover = 'var(--k-color-line-const-pale-black-hover, rgba(0, 0, 0, 0.32))';
+export const lineConstPaleBlackPressed = 'var(--k-color-line-const-pale-black-pressed, rgba(0, 0, 0, 0.16))';
+export const lineConstPaleWhite = 'var(--k-color-line-const-pale-white, rgba(255, 255, 255, 0.24))';
+export const lineConstPaleWhiteHover = 'var(--k-color-line-const-pale-white-hover, rgba(255, 255, 255, 0.32))';
+export const lineConstPaleWhitePressed = 'var(--k-color-line-const-pale-white-pressed, rgba(255, 255, 255, 0.16))';
+export const surfaceBase = 'var(--k-color-surface-base, #ffffff)';
+export const surfaceHigh = 'var(--k-color-surface-high, #ffffff)';
+export const surfaceLow = 'var(--k-color-surface-low, #f2f2f2)';
+export const surfaceModalBackdrop = 'var(--k-color-surface-modal-backdrop, rgba(0, 0, 0, 0.24))';
+export const illustrationBlack = 'var(--k-color-illustration-black, #0d0d0d)';
+export const illustrationBrand = 'var(--k-color-illustration-brand, #FE4C4C)';
+export const illustrationComplement = 'var(--k-color-illustration-complement, #5d1d3c)';
+export const illustrationInvertedNeutral = 'var(--k-color-illustration-inverted-neutral, #ffffff)';
+export const illustrationNeutral = 'var(--k-color-illustration-neutral, #000000)';
+export const illustrationOnBrand = 'var(--k-color-illustration-on-brand, rgba(255, 255, 255, 1))';
+export const illustrationOnComplement = 'var(--k-color-illustration-on-complement, #ffffff)';
+export const illustrationPromo = 'var(--k-color-illustration-promo, #5d1d3c)';
+export const illustrationSymbol = 'var(--k-color-illustration-symbol, #fea09c)';
+export const illustrationWhite = 'var(--k-color-illustration-white, #ffffff)';
+export const customizableBoldBlack = 'var(--k-color-customizable-bold-black, #696969)';
+export const customizableBoldBlue = 'var(--k-color-customizable-bold-blue, #369bff)';
+export const customizableBoldBlueDeep = 'var(--k-color-customizable-bold-blue-deep, #5183ff)';
+export const customizableBoldGray = 'var(--k-color-customizable-bold-gray, #a4a4a4)';
+export const customizableBoldGreen = 'var(--k-color-customizable-bold-green, #00b74e)';
+export const customizableBoldMint = 'var(--k-color-customizable-bold-mint, #05bfa3)';
+export const customizableBoldOrange = 'var(--k-color-customizable-bold-orange, #f56600)';
+export const customizableBoldPurple = 'var(--k-color-customizable-bold-purple, #cf60ec)';
+export const customizableBoldRed = 'var(--k-color-customizable-bold-red, #ff5352)';
+export const customizableBoldViolet = 'var(--k-color-customizable-bold-violet, #a17bff)';
+export const customizableBoldYellow = 'var(--k-color-customizable-bold-yellow, #ecb400)';
+export const customizableFaintBlack = 'var(--k-color-customizable-faint-black, #e4e4e4)';
+export const customizableFaintBlue = 'var(--k-color-customizable-faint-blue, #e2f5ff)';
+export const customizableFaintBlueDeep = 'var(--k-color-customizable-faint-blue-deep, #e8f3ff)';
+export const customizableFaintGray = 'var(--k-color-customizable-faint-gray, #f2f2f2)';
+export const customizableFaintGreen = 'var(--k-color-customizable-faint-green, #defbe2)';
+export const customizableFaintMint = 'var(--k-color-customizable-faint-mint, #d2fcf6)';
+export const customizableFaintOrange = 'var(--k-color-customizable-faint-orange, #ffeee1)';
+export const customizableFaintPurple = 'var(--k-color-customizable-faint-purple, #ffeaff)';
+export const customizableFaintRed = 'var(--k-color-customizable-faint-red, #ffedef)';
+export const customizableFaintViolet = 'var(--k-color-customizable-faint-violet, #f1f0ff)';
+export const customizableFaintYellow = 'var(--k-color-customizable-faint-yellow, #faf5be)';
+export const customizableHeavyBlack = 'var(--k-color-customizable-heavy-black, #3d3d3d)';
+export const customizableHeavyBlue = 'var(--k-color-customizable-heavy-blue, #005dae)';
+export const customizableHeavyBlueDeep = 'var(--k-color-customizable-heavy-blue-deep, #234ece)';
+export const customizableHeavyGray = 'var(--k-color-customizable-heavy-gray, #747474)';
+export const customizableHeavyGreen = 'var(--k-color-customizable-heavy-green, #00722d)';
+export const customizableHeavyMint = 'var(--k-color-customizable-heavy-mint, #027b68)';
+export const customizableHeavyOrange = 'var(--k-color-customizable-heavy-orange, #9a3d00)';
+export const customizableHeavyPurple = 'var(--k-color-customizable-heavy-purple, #8b22a4)';
+export const customizableHeavyRed = 'var(--k-color-customizable-heavy-red, #c50220)';
+export const customizableHeavyViolet = 'var(--k-color-customizable-heavy-violet, #6936c2)';
+export const customizableHeavyYellow = 'var(--k-color-customizable-heavy-yellow, #966c01)';
+export const customizablePaleBlack = 'var(--k-color-customizable-pale-black, #d7d7d7)';
+export const customizablePaleBlue = 'var(--k-color-customizable-pale-blue, #c7ebff)';
+export const customizablePaleBlueDeep = 'var(--k-color-customizable-pale-blue-deep, #d2e7ff)';
+export const customizablePaleGray = 'var(--k-color-customizable-pale-gray, #e4e4e4)';
+export const customizablePaleGreen = 'var(--k-color-customizable-pale-green, #c3f3ca)';
+export const customizablePaleMint = 'var(--k-color-customizable-pale-mint, #adf5e9)';
+export const customizablePaleOrange = 'var(--k-color-customizable-pale-orange, #ffddc6)';
+export const customizablePalePurple = 'var(--k-color-customizable-pale-purple, #fbd6ff)';
+export const customizablePaleRed = 'var(--k-color-customizable-pale-red, #ffdadd)';
+export const customizablePaleViolet = 'var(--k-color-customizable-pale-violet, #e4e0ff)';
+export const customizablePaleYellow = 'var(--k-color-customizable-pale-yellow, #f5e78f)';
+export const customizableSoftBlack = 'var(--k-color-customizable-soft-black, #b1b1b1)';
+export const customizableSoftBlue = 'var(--k-color-customizable-soft-blue, #80c5ff)';
+export const customizableSoftBlueDeep = 'var(--k-color-customizable-soft-blue-deep, #99bfff)';
+export const customizableSoftGray = 'var(--k-color-customizable-soft-gray, #d7d7d7)';
+export const customizableSoftGreen = 'var(--k-color-customizable-soft-green, #6cd984)';
+export const customizableSoftMint = 'var(--k-color-customizable-soft-mint, #4fe6cc)';
+export const customizableSoftOrange = 'var(--k-color-customizable-soft-orange, #ffa56f)';
+export const customizableSoftPurple = 'var(--k-color-customizable-soft-purple, #ea9aff)';
+export const customizableSoftRed = 'var(--k-color-customizable-soft-red, #ffa09b)';
+export const customizableSoftViolet = 'var(--k-color-customizable-soft-violet, #c1b0ff)';
+export const customizableSoftYellow = 'var(--k-color-customizable-soft-yellow, #f6d65e)';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skbkontur/colors",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "author": "Kontur",
   "publishConfig": {
     "access": "public",
@@ -13,25 +13,25 @@
     "/lib",
     "/tokens",
     "/tokens-mobile",
-    "colors.*"
+    "./"
   ],
   "exports": {
     "./package.json": "./package.json",
     ".": {
-      "default": "./colors.js",
-      "types": "./colors.d.ts"
+      "types": "./colors.d.ts",
+      "default": "./colors.js"
     },
     "./get-colors": {
-      "default": "./lib/get-colors.js",
-      "types": "./lib/get-colors.d.ts"
+      "types": "./lib/get-colors.d.ts",
+      "default": "./lib/get-colors.js"
     },
-    "./light-default": {
-      "default": "./colors-light-default.js",
-      "types": "./colors-light-default.d.ts"
+    "./default-light": {
+      "types": "./colors-default-light.d.ts",
+      "default": "./colors-default-light.js"
     },
-    "./dark-default": {
-      "default": "./colors-dark-default.js",
-      "types": "./colors-dark-default.d.ts"
+    "./default-dark": {
+      "types": "./colors-default-dark.d.ts",
+      "default": "./colors-default-dark.js"
     },
     "./colors.scss": "./colors.scss",
     "./colors.less": "./colors.less",
@@ -48,19 +48,19 @@
     "./tokens/brand-purple_accent-gray.css": "./tokens/brand-purple_accent-gray.css",
     "./tokens/brand-violet_accent-brand.css": "./tokens/brand-violet_accent-brand.css",
     "./tokens/brand-violet_accent-gray.css": "./tokens/brand-violet_accent-gray.css",
-    "./tokens-mobile/brand-orange_accent-gray.json": "./tokens/brand-orange_accent-gray.json",
-    "./tokens-mobile/brand-blue_accent-gray.json": "./tokens/brand-blue_accent-gray.json",
-    "./tokens-mobile/brand-blue_accent-brand.json": "./tokens/brand-blue_accent-brand.json",
-    "./tokens-mobile/brand-blue-deep_accent-brand.json": "./tokens/brand-blue-deep_accent-brand.json",
-    "./tokens-mobile/brand-blue-deep_accent-gray.json": "./tokens/brand-blue-deep_accent-gray.json",
-    "./tokens-mobile/brand-green_accent-brand.json": "./tokens/brand-green_accent-brand.json",
-    "./tokens-mobile/brand-green_accent-gray.json": "./tokens/brand-green_accent-gray.json",
-    "./tokens-mobile/brand-mint_accent-brand.json": "./tokens/brand-mint_accent-brand.json",
-    "./tokens-mobile/brand-mint_accent-gray.json": "./tokens/brand-mint_accent-gray.json",
-    "./tokens-mobile/brand-purple_accent-brand.json": "./tokens/brand-purple_accent-brand.json",
-    "./tokens-mobile/brand-purple_accent-gray.json": "./tokens/brand-purple_accent-gray.json",
-    "./tokens-mobile/brand-violet_accent-brand.json": "./tokens/brand-violet_accent-brand.json",
-    "./tokens-mobile/brand-violet_accent-gray.json": "./tokens/brand-violet_accent-gray.json"
+    "./tokens-mobile/brand-orange_accent-gray.json": "./tokens-mobile/brand-orange_accent-gray.json",
+    "./tokens-mobile/brand-blue_accent-gray.json": "./tokens-mobile/brand-blue_accent-gray.json",
+    "./tokens-mobile/brand-blue_accent-brand.json": "./tokens-mobile/brand-blue_accent-brand.json",
+    "./tokens-mobile/brand-blue-deep_accent-brand.json": "./tokens-mobile/brand-blue-deep_accent-brand.json",
+    "./tokens-mobile/brand-blue-deep_accent-gray.json": "./tokens-mobile/brand-blue-deep_accent-gray.json",
+    "./tokens-mobile/brand-green_accent-brand.json": "./tokens-mobile/brand-green_accent-brand.json",
+    "./tokens-mobile/brand-green_accent-gray.json": "./tokens-mobile/brand-green_accent-gray.json",
+    "./tokens-mobile/brand-mint_accent-brand.json": "./tokens-mobile/brand-mint_accent-brand.json",
+    "./tokens-mobile/brand-mint_accent-gray.json": "./tokens-mobile/brand-mint_accent-gray.json",
+    "./tokens-mobile/brand-purple_accent-brand.json": "./tokens-mobile/brand-purple_accent-brand.json",
+    "./tokens-mobile/brand-purple_accent-gray.json": "./tokens-mobile/brand-purple_accent-gray.json",
+    "./tokens-mobile/brand-violet_accent-brand.json": "./tokens-mobile/brand-violet_accent-brand.json",
+    "./tokens-mobile/brand-violet_accent-gray.json": "./tokens-mobile/brand-violet_accent-gray.json"
   },
   "scripts": {
     "prebuild": "node --import=tsx scripts/create-tokens-from-figma.ts",
@@ -80,8 +80,5 @@
     "@types/apca-w3": "0.1.3",
     "@types/culori": "4.0.1",
     "vitest": "^2.1.6"
-  },
-  "colors": {
-    "_": "./"
   }
 }