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

package/dist/cjs/get-colors.js

@@ -1,16 +1,25 @@
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });
 exports.getColors = void 0;
-var get_base_tokens_1 = require('./get-base-tokens');
+var get_base_tokens_1 = require('./get-base-tokens'); //
 var get_default_tokens_1 = require('./get-default-tokens');
 var DEFAULT_THEME = 'light';
 function getColors(params) {
   var theme = params.theme || DEFAULT_THEME;
   var base = (0, get_base_tokens_1.getBaseTokens)(params);
   var defaults = (0, get_default_tokens_1.getDefaultTokens)(base);
+  var result;
+  // 1. Получаем базовый объект цветов (либо дефолтный, либо переопределенный)
   if (params.overrides) {
-    return params.overrides(base, defaults, params)[theme];
+    result = params.overrides(base, defaults, params)[theme];
+  } else {
+    result = defaults[theme];
   }
-  return defaults[theme];
+  // 2. Конвертируем oklch без прозрачности в HEX
+  // Используем 'as any', так как конвертеры рассчитаны на рекурсивную структуру ColorStructure
+  var hexConverted = (0, get_base_tokens_1.convertOklchToHex)(result);
+  // 3. Конвертируем оставшиеся oklch (с прозрачностью) в RGBA
+  var finalResult = (0, get_base_tokens_1.convertAlphaOklchToRgba)(hexConverted);
+  return finalResult;
 }
 exports.getColors = getColors;

package/dist/cjs/get-default-tokens.d.ts

@@ -4,17 +4,16 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
     textAccentHeavy: string;
     textAccentHeavyHover: string;
     textAccentHeavyPressed: string;
-    textDisabled: string;
     textErrorHeavy: string;
     textErrorHeavyHover: string;
     textErrorHeavyPressed: string;
     textInvertedAccentHeavy: string;
     textInvertedAccentHeavyHover: string;
     textInvertedAccentHeavyPressed: string;
-    textInvertedDisabled: string;
     textInvertedErrorHeavy: string;
     textInvertedErrorHeavyHover: string;
     textInvertedErrorHeavyPressed: string;
+    textInvertedNeutralFaint: string;
     textInvertedNeutralHeavy: string;
     textInvertedNeutralPale: string;
     textInvertedNeutralSoft: string;
@@ -25,6 +24,7 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
     textInvertedWarningHeavyHover: string;
     textInvertedWarningHeavyPressed: string;
     textLogo: string;
+    textNeutralFaint: string;
     textNeutralHeavy: string;
     textNeutralPale: string;
     textNeutralSoft: string;
@@ -34,19 +34,19 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
     textWarningHeavy: string;
     textWarningHeavyHover: string;
     textWarningHeavyPressed: string;
-    textConstDisabledBlack: string;
-    textConstDisabledWhite: string;
+    textConstFaintBlack: string;
+    textConstFaintWhite: string;
     textConstHeavyBlack: string;
     textConstHeavyWhite: string;
     textConstPaleBlack: string;
     textConstPaleWhite: string;
     textConstSoftBlack: string;
     textConstSoftWhite: string;
-    textOnAccentBoldDisabled: string;
+    textOnAccentBoldFaint: string;
     textOnAccentBoldHeavy: string;
     textOnAccentBoldPale: string;
     textOnAccentBoldSoft: string;
-    textOnBrandOriginalDisabled: string;
+    textOnBrandOriginalFaint: string;
     textOnBrandOriginalHeavy: string;
     textOnBrandOriginalPale: string;
     textOnBrandOriginalSoft: string;
@@ -325,17 +325,16 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
     textAccentHeavy: string;
     textAccentHeavyHover: string;
     textAccentHeavyPressed: string;
-    textDisabled: string;
     textErrorHeavy: string;
     textErrorHeavyHover: string;
     textErrorHeavyPressed: string;
     textInvertedAccentHeavy: string;
     textInvertedAccentHeavyHover: string;
     textInvertedAccentHeavyPressed: string;
-    textInvertedDisabled: string;
     textInvertedErrorHeavy: string;
     textInvertedErrorHeavyHover: string;
     textInvertedErrorHeavyPressed: string;
+    textInvertedNeutralFaint: string;
     textInvertedNeutralHeavy: string;
     textInvertedNeutralPale: string;
     textInvertedNeutralSoft: string;
@@ -346,6 +345,7 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
     textInvertedWarningHeavyHover: string;
     textInvertedWarningHeavyPressed: string;
     textLogo: string;
+    textNeutralFaint: string;
     textNeutralHeavy: string;
     textNeutralPale: string;
     textNeutralSoft: string;
@@ -355,19 +355,19 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
     textWarningHeavy: string;
     textWarningHeavyHover: string;
     textWarningHeavyPressed: string;
-    textConstDisabledBlack: string;
-    textConstDisabledWhite: string;
+    textConstFaintBlack: string;
+    textConstFaintWhite: string;
     textConstHeavyBlack: string;
     textConstHeavyWhite: string;
     textConstPaleBlack: string;
     textConstPaleWhite: string;
     textConstSoftBlack: string;
     textConstSoftWhite: string;
-    textOnAccentBoldDisabled: string;
+    textOnAccentBoldFaint: string;
     textOnAccentBoldHeavy: string;
     textOnAccentBoldPale: string;
     textOnAccentBoldSoft: string;
-    textOnBrandOriginalDisabled: string;
+    textOnBrandOriginalFaint: string;
     textOnBrandOriginalHeavy: string;
     textOnBrandOriginalPale: string;
     textOnBrandOriginalSoft: string;

package/dist/cjs/get-default-tokens.js

@@ -174,7 +174,6 @@ var getDefaultTokens = function (base) {
         ((_f = (_e = base.accent) === null || _e === void 0 ? void 0 : _e.palette) === null || _f === void 0
           ? void 0
           : _f.dim[48]) || base.blackAlpha[96],
-      textDisabled: base.blackAlpha[32],
       textErrorHeavy: base.customizable.red.vivid[52],
       textErrorHeavyHover: base.customizable.red.vivid[60],
       textErrorHeavyPressed: base.customizable.red.dim[48],
@@ -190,10 +189,10 @@ var getDefaultTokens = function (base) {
         ((_m = (_l = base.accent) === null || _l === void 0 ? void 0 : _l.palette) === null || _m === void 0
           ? void 0
           : _m.dim[64]) || base.gray[100],
-      textInvertedDisabled: base.whiteAlpha[40],
       textInvertedErrorHeavy: base.customizable.red.vivid[68],
       textInvertedErrorHeavyHover: base.customizable.red.vivid[72],
       textInvertedErrorHeavyPressed: base.customizable.red.dim[64],
+      textInvertedNeutralFaint: base.whiteAlpha[40],
       textInvertedNeutralHeavy: base.whiteAlpha[96],
       textInvertedNeutralPale: base.whiteAlpha[48],
       textInvertedNeutralSoft: base.whiteAlpha[64],
@@ -204,6 +203,7 @@ var getDefaultTokens = function (base) {
       textInvertedWarningHeavyHover: base.warning.vivid[84],
       textInvertedWarningHeavyPressed: base.warning.dim[72],
       textLogo: base.brand.logo.light,
+      textNeutralFaint: base.blackAlpha[32],
       textNeutralHeavy: base.blackAlpha[88],
       textNeutralPale: base.blackAlpha[40],
       textNeutralSoft: base.blackAlpha[56],
@@ -213,20 +213,19 @@ var getDefaultTokens = function (base) {
       textWarningHeavy: base.warning.vivid[64],
       textWarningHeavyHover: base.warning.vivid[72],
       textWarningHeavyPressed: base.warning.dim[60],
-      textConstDisabledBlack: base.blackAlpha[32],
-      textConstDisabledWhite: base.whiteAlpha[40],
+      textConstFaintBlack: base.blackAlpha[32],
+      textConstFaintWhite: base.whiteAlpha[40],
       textConstHeavyBlack: base.blackAlpha[88],
       textConstHeavyWhite: base.whiteAlpha[96],
       textConstPaleBlack: base.blackAlpha[40],
       textConstPaleWhite: base.whiteAlpha[48],
       textConstSoftBlack: base.blackAlpha[56],
       textConstSoftWhite: base.whiteAlpha[64],
-      textOnAccentBoldDisabled:
-        ((_o = base.onAccent) === null || _o === void 0 ? void 0 : _o[40]) || base.whiteAlpha[40],
+      textOnAccentBoldFaint: ((_o = base.onAccent) === null || _o === void 0 ? void 0 : _o[40]) || base.whiteAlpha[40],
       textOnAccentBoldHeavy: ((_p = base.onAccent) === null || _p === void 0 ? void 0 : _p[96]) || base.whiteAlpha[96],
       textOnAccentBoldPale: ((_q = base.onAccent) === null || _q === void 0 ? void 0 : _q[48]) || base.whiteAlpha[48],
       textOnAccentBoldSoft: ((_r = base.onAccent) === null || _r === void 0 ? void 0 : _r[64]) || base.whiteAlpha[64],
-      textOnBrandOriginalDisabled: base.onBrand[40],
+      textOnBrandOriginalFaint: base.onBrand[40],
       textOnBrandOriginalHeavy: base.onBrand[96],
       textOnBrandOriginalPale: base.onBrand[48],
       textOnBrandOriginalSoft: base.onBrand[64],
@@ -588,7 +587,6 @@ var getDefaultTokens = function (base) {
         ((_60 = (_59 = base.accent) === null || _59 === void 0 ? void 0 : _59.palette) === null || _60 === void 0
           ? void 0
           : _60.dim[64]) || base.gray[100],
-      textDisabled: base.whiteAlpha[40],
       textErrorHeavy: base.customizable.red.vivid[68],
       textErrorHeavyHover: base.customizable.red.vivid[72],
       textErrorHeavyPressed: base.customizable.red.dim[64],
@@ -604,10 +602,10 @@ var getDefaultTokens = function (base) {
         ((_66 = (_65 = base.accent) === null || _65 === void 0 ? void 0 : _65.palette) === null || _66 === void 0
           ? void 0
           : _66.dim[48]) || base.blackAlpha[96],
-      textInvertedDisabled: base.blackAlpha[32],
       textInvertedErrorHeavy: base.customizable.red.vivid[52],
       textInvertedErrorHeavyHover: base.customizable.red.vivid[60],
       textInvertedErrorHeavyPressed: base.customizable.red.dim[48],
+      textInvertedNeutralFaint: base.blackAlpha[32],
       textInvertedNeutralHeavy: base.blackAlpha[88],
       textInvertedNeutralPale: base.blackAlpha[40],
       textInvertedNeutralSoft: base.blackAlpha[56],
@@ -618,6 +616,7 @@ var getDefaultTokens = function (base) {
       textInvertedWarningHeavyHover: base.warning.vivid[72],
       textInvertedWarningHeavyPressed: base.warning.dim[56],
       textLogo: base.brand.logo.dark,
+      textNeutralFaint: base.whiteAlpha[40],
       textNeutralHeavy: base.whiteAlpha[96],
       textNeutralPale: base.whiteAlpha[48],
       textNeutralSoft: base.whiteAlpha[64],
@@ -627,15 +626,15 @@ var getDefaultTokens = function (base) {
       textWarningHeavy: base.warning.vivid[80],
       textWarningHeavyHover: base.warning.vivid[84],
       textWarningHeavyPressed: base.warning.dim[72],
-      textConstDisabledBlack: base.blackAlpha[32],
-      textConstDisabledWhite: base.whiteAlpha[40],
+      textConstFaintBlack: base.blackAlpha[32],
+      textConstFaintWhite: base.whiteAlpha[40],
       textConstHeavyBlack: base.blackAlpha[88],
       textConstHeavyWhite: base.whiteAlpha[96],
       textConstPaleBlack: base.blackAlpha[40],
       textConstPaleWhite: base.whiteAlpha[48],
       textConstSoftBlack: base.blackAlpha[56],
       textConstSoftWhite: base.whiteAlpha[64],
-      textOnAccentBoldDisabled:
+      textOnAccentBoldFaint:
         ((_67 = base.onAccent) === null || _67 === void 0 ? void 0 : _67[32]) || base.blackAlpha[32],
       textOnAccentBoldHeavy:
         ((_68 = base.onAccent) === null || _68 === void 0 ? void 0 : _68[96]) || base.blackAlpha[88],
@@ -643,7 +642,7 @@ var getDefaultTokens = function (base) {
         ((_69 = base.onAccent) === null || _69 === void 0 ? void 0 : _69[40]) || base.blackAlpha[40],
       textOnAccentBoldSoft:
         ((_70 = base.onAccent) === null || _70 === void 0 ? void 0 : _70[56]) || base.blackAlpha[56],
-      textOnBrandOriginalDisabled: base.onBrand[40],
+      textOnBrandOriginalFaint: base.onBrand[40],
       textOnBrandOriginalHeavy: base.onBrand[96],
       textOnBrandOriginalPale: base.onBrand[48],
       textOnBrandOriginalSoft: base.onBrand[64],
@@ -701,9 +700,9 @@ var getDefaultTokens = function (base) {
       shapeOtherAccentBoldDisabled: base.whiteAlpha[32],
       shapeOtherBacklessHover: base.whiteAlpha[6],
       shapeOtherBacklessPressed: base.whiteAlpha[4],
-      shapeOtherBase: base.gray[32],
-      shapeOtherBaseHover: base.gray[36],
-      shapeOtherBasePressed: base.gray[28],
+      shapeOtherBase: base.whiteAlpha[6],
+      shapeOtherBaseHover: base.whiteAlpha[8],
+      shapeOtherBasePressed: base.whiteAlpha[4],
       shapeOtherDisabled: base.whiteAlpha[6],
       shapeOtherField: base.blackAlpha[16],
       shapeOtherFieldHover: base.blackAlpha[4],

package/dist/colors.default-dark.js

@@ -1,17 +1,16 @@
 export const textAccentHeavy = 'var(--k-text-accent-heavy, rgba(255, 255, 255, 0.96))';
 export const textAccentHeavyHover = 'var(--k-text-accent-heavy-hover, #ffffff)';
 export const textAccentHeavyPressed = 'var(--k-text-accent-heavy-pressed, #ffffff)';
-export const textDisabled = 'var(--k-text-disabled, rgba(255, 255, 255, 0.4))';
 export const textErrorHeavy = 'var(--k-text-error-heavy, #ff5352)';
 export const textErrorHeavyHover = 'var(--k-text-error-heavy-hover, #ff726b)';
 export const textErrorHeavyPressed = 'var(--k-text-error-heavy-pressed, #dd5d58)';
 export const textInvertedAccentHeavy = 'var(--k-text-inverted-accent-heavy, rgba(0, 0, 0, 0.88))';
 export const textInvertedAccentHeavyHover = 'var(--k-text-inverted-accent-heavy-hover, rgba(0, 0, 0, 0.96))';
 export const textInvertedAccentHeavyPressed = 'var(--k-text-inverted-accent-heavy-pressed, rgba(0, 0, 0, 0.96))';
-export const textInvertedDisabled = 'var(--k-text-inverted-disabled, rgba(0, 0, 0, 0.32))';
 export const textInvertedErrorHeavy = 'var(--k-text-inverted-error-heavy, #c50220)';
 export const textInvertedErrorHeavyHover = 'var(--k-text-inverted-error-heavy-hover, #e62b34)';
 export const textInvertedErrorHeavyPressed = 'var(--k-text-inverted-error-heavy-pressed, #943e3b)';
+export const textInvertedNeutralFaint = 'var(--k-text-inverted-neutral-faint, rgba(0, 0, 0, 0.32))';
 export const textInvertedNeutralHeavy = 'var(--k-text-inverted-neutral-heavy, rgba(0, 0, 0, 0.88))';
 export const textInvertedNeutralPale = 'var(--k-text-inverted-neutral-pale, rgba(0, 0, 0, 0.4))';
 export const textInvertedNeutralSoft = 'var(--k-text-inverted-neutral-soft, rgba(0, 0, 0, 0.56))';
@@ -22,6 +21,7 @@ export const textInvertedWarningHeavy = 'var(--k-text-inverted-warning-heavy, #b
 export const textInvertedWarningHeavyHover = 'var(--k-text-inverted-warning-heavy-hover, #db9400)';
 export const textInvertedWarningHeavyPressed = 'var(--k-text-inverted-warning-heavy-pressed, #956c30)';
 export const textLogo = 'var(--k-text-logo, #fe4c4c)';
+export const textNeutralFaint = 'var(--k-text-neutral-faint, rgba(255, 255, 255, 0.4))';
 export const textNeutralHeavy = 'var(--k-text-neutral-heavy, rgba(255, 255, 255, 0.96))';
 export const textNeutralPale = 'var(--k-text-neutral-pale, rgba(255, 255, 255, 0.48))';
 export const textNeutralSoft = 'var(--k-text-neutral-soft, rgba(255, 255, 255, 0.64))';
@@ -31,19 +31,19 @@ export const textSuccessHeavyPressed = 'var(--k-text-success-heavy-pressed, #4fa
 export const textWarningHeavy = 'var(--k-text-warning-heavy, #f8ae00)';
 export const textWarningHeavyHover = 'var(--k-text-warning-heavy-hover, #ffbf0b)';
 export const textWarningHeavyPressed = 'var(--k-text-warning-heavy-pressed, #cc9a51)';
-export const textConstDisabledBlack = 'var(--k-text-const-disabled-black, rgba(0, 0, 0, 0.32))';
-export const textConstDisabledWhite = 'var(--k-text-const-disabled-white, rgba(255, 255, 255, 0.4))';
+export const textConstFaintBlack = 'var(--k-text-const-faint-black, rgba(0, 0, 0, 0.32))';
+export const textConstFaintWhite = 'var(--k-text-const-faint-white, rgba(255, 255, 255, 0.4))';
 export const textConstHeavyBlack = 'var(--k-text-const-heavy-black, rgba(0, 0, 0, 0.88))';
 export const textConstHeavyWhite = 'var(--k-text-const-heavy-white, rgba(255, 255, 255, 0.96))';
 export const textConstPaleBlack = 'var(--k-text-const-pale-black, rgba(0, 0, 0, 0.4))';
 export const textConstPaleWhite = 'var(--k-text-const-pale-white, rgba(255, 255, 255, 0.48))';
 export const textConstSoftBlack = 'var(--k-text-const-soft-black, rgba(0, 0, 0, 0.56))';
 export const textConstSoftWhite = 'var(--k-text-const-soft-white, rgba(255, 255, 255, 0.64))';
-export const textOnAccentBoldDisabled = 'var(--k-text-on-accent-bold-disabled, rgba(0, 0, 0, 0.32))';
+export const textOnAccentBoldFaint = 'var(--k-text-on-accent-bold-faint, rgba(0, 0, 0, 0.32))';
 export const textOnAccentBoldHeavy = 'var(--k-text-on-accent-bold-heavy, rgba(0, 0, 0, 0.88))';
 export const textOnAccentBoldPale = 'var(--k-text-on-accent-bold-pale, rgba(0, 0, 0, 0.4))';
 export const textOnAccentBoldSoft = 'var(--k-text-on-accent-bold-soft, rgba(0, 0, 0, 0.56))';
-export const textOnBrandOriginalDisabled = 'var(--k-text-on-brand-original-disabled, rgba(255, 255, 255, 0.4))';
+export const textOnBrandOriginalFaint = 'var(--k-text-on-brand-original-faint, rgba(255, 255, 255, 0.4))';
 export const textOnBrandOriginalHeavy = 'var(--k-text-on-brand-original-heavy, rgba(255, 255, 255, 0.96))';
 export const textOnBrandOriginalPale = 'var(--k-text-on-brand-original-pale, rgba(255, 255, 255, 0.48))';
 export const textOnBrandOriginalSoft = 'var(--k-text-on-brand-original-soft, rgba(255, 255, 255, 0.64))';
@@ -90,9 +90,9 @@ export const shapeHeavyWarning = 'var(--k-shape-heavy-warning, #fbe48d)';
 export const shapeOtherAccentBoldDisabled = 'var(--k-shape-other-accent-bold-disabled, rgba(255, 255, 255, 0.32))';
 export const shapeOtherBacklessHover = 'var(--k-shape-other-backless-hover, rgba(255, 255, 255, 0.06))';
 export const shapeOtherBacklessPressed = 'var(--k-shape-other-backless-pressed, rgba(255, 255, 255, 0.04))';
-export const shapeOtherBase = 'var(--k-shape-other-base, #333333)';
-export const shapeOtherBaseHover = 'var(--k-shape-other-base-hover, #3d3d3d)';
-export const shapeOtherBasePressed = 'var(--k-shape-other-base-pressed, #292929)';
+export const shapeOtherBase = 'var(--k-shape-other-base, rgba(255, 255, 255, 0.06))';
+export const shapeOtherBaseHover = 'var(--k-shape-other-base-hover, rgba(255, 255, 255, 0.08))';
+export const shapeOtherBasePressed = 'var(--k-shape-other-base-pressed, rgba(255, 255, 255, 0.04))';
 export const shapeOtherDisabled = 'var(--k-shape-other-disabled, rgba(255, 255, 255, 0.06))';
 export const shapeOtherField = 'var(--k-shape-other-field, rgba(0, 0, 0, 0.16))';
 export const shapeOtherFieldHover = 'var(--k-shape-other-field-hover, rgba(0, 0, 0, 0.04))';

package/dist/colors.default-light.js

@@ -1,17 +1,16 @@
 export const textAccentHeavy = 'var(--k-text-accent-heavy, rgba(0, 0, 0, 0.88))';
 export const textAccentHeavyHover = 'var(--k-text-accent-heavy-hover, rgba(0, 0, 0, 0.96))';
 export const textAccentHeavyPressed = 'var(--k-text-accent-heavy-pressed, rgba(0, 0, 0, 0.96))';
-export const textDisabled = 'var(--k-text-disabled, rgba(0, 0, 0, 0.32))';
 export const textErrorHeavy = 'var(--k-text-error-heavy, #c50220)';
 export const textErrorHeavyHover = 'var(--k-text-error-heavy-hover, #e62b34)';
 export const textErrorHeavyPressed = 'var(--k-text-error-heavy-pressed, #943e3b)';
 export const textInvertedAccentHeavy = 'var(--k-text-inverted-accent-heavy, rgba(255, 255, 255, 0.96))';
 export const textInvertedAccentHeavyHover = 'var(--k-text-inverted-accent-heavy-hover, #ffffff)';
 export const textInvertedAccentHeavyPressed = 'var(--k-text-inverted-accent-heavy-pressed, #ffffff)';
-export const textInvertedDisabled = 'var(--k-text-inverted-disabled, rgba(255, 255, 255, 0.4))';
 export const textInvertedErrorHeavy = 'var(--k-text-inverted-error-heavy, #ff5352)';
 export const textInvertedErrorHeavyHover = 'var(--k-text-inverted-error-heavy-hover, #ff726b)';
 export const textInvertedErrorHeavyPressed = 'var(--k-text-inverted-error-heavy-pressed, #dd5d58)';
+export const textInvertedNeutralFaint = 'var(--k-text-inverted-neutral-faint, rgba(255, 255, 255, 0.4))';
 export const textInvertedNeutralHeavy = 'var(--k-text-inverted-neutral-heavy, rgba(255, 255, 255, 0.96))';
 export const textInvertedNeutralPale = 'var(--k-text-inverted-neutral-pale, rgba(255, 255, 255, 0.48))';
 export const textInvertedNeutralSoft = 'var(--k-text-inverted-neutral-soft, rgba(255, 255, 255, 0.64))';
@@ -22,6 +21,7 @@ export const textInvertedWarningHeavy = 'var(--k-text-inverted-warning-heavy, #f
 export const textInvertedWarningHeavyHover = 'var(--k-text-inverted-warning-heavy-hover, #ffbf0b)';
 export const textInvertedWarningHeavyPressed = 'var(--k-text-inverted-warning-heavy-pressed, #cc9a51)';
 export const textLogo = 'var(--k-text-logo, #FE4C4C)';
+export const textNeutralFaint = 'var(--k-text-neutral-faint, rgba(0, 0, 0, 0.32))';
 export const textNeutralHeavy = 'var(--k-text-neutral-heavy, rgba(0, 0, 0, 0.88))';
 export const textNeutralPale = 'var(--k-text-neutral-pale, rgba(0, 0, 0, 0.4))';
 export const textNeutralSoft = 'var(--k-text-neutral-soft, rgba(0, 0, 0, 0.56))';
@@ -31,19 +31,19 @@ export const textSuccessHeavyPressed = 'var(--k-text-success-heavy-pressed, #3a6
 export const textWarningHeavy = 'var(--k-text-warning-heavy, #bc7d00)';
 export const textWarningHeavyHover = 'var(--k-text-warning-heavy-hover, #db9400)';
 export const textWarningHeavyPressed = 'var(--k-text-warning-heavy-pressed, #a37736)';
-export const textConstDisabledBlack = 'var(--k-text-const-disabled-black, rgba(0, 0, 0, 0.32))';
-export const textConstDisabledWhite = 'var(--k-text-const-disabled-white, rgba(255, 255, 255, 0.4))';
+export const textConstFaintBlack = 'var(--k-text-const-faint-black, rgba(0, 0, 0, 0.32))';
+export const textConstFaintWhite = 'var(--k-text-const-faint-white, rgba(255, 255, 255, 0.4))';
 export const textConstHeavyBlack = 'var(--k-text-const-heavy-black, rgba(0, 0, 0, 0.88))';
 export const textConstHeavyWhite = 'var(--k-text-const-heavy-white, rgba(255, 255, 255, 0.96))';
 export const textConstPaleBlack = 'var(--k-text-const-pale-black, rgba(0, 0, 0, 0.4))';
 export const textConstPaleWhite = 'var(--k-text-const-pale-white, rgba(255, 255, 255, 0.48))';
 export const textConstSoftBlack = 'var(--k-text-const-soft-black, rgba(0, 0, 0, 0.56))';
 export const textConstSoftWhite = 'var(--k-text-const-soft-white, rgba(255, 255, 255, 0.64))';
-export const textOnAccentBoldDisabled = 'var(--k-text-on-accent-bold-disabled, rgba(255, 255, 255, 0.4))';
+export const textOnAccentBoldFaint = 'var(--k-text-on-accent-bold-faint, rgba(255, 255, 255, 0.4))';
 export const textOnAccentBoldHeavy = 'var(--k-text-on-accent-bold-heavy, rgba(255, 255, 255, 0.96))';
 export const textOnAccentBoldPale = 'var(--k-text-on-accent-bold-pale, rgba(255, 255, 255, 0.48))';
 export const textOnAccentBoldSoft = 'var(--k-text-on-accent-bold-soft, rgba(255, 255, 255, 0.64))';
-export const textOnBrandOriginalDisabled = 'var(--k-text-on-brand-original-disabled, rgba(255, 255, 255, 0.4))';
+export const textOnBrandOriginalFaint = 'var(--k-text-on-brand-original-faint, rgba(255, 255, 255, 0.4))';
 export const textOnBrandOriginalHeavy = 'var(--k-text-on-brand-original-heavy, rgba(255, 255, 255, 0.96))';
 export const textOnBrandOriginalPale = 'var(--k-text-on-brand-original-pale, rgba(255, 255, 255, 0.48))';
 export const textOnBrandOriginalSoft = 'var(--k-text-on-brand-original-soft, rgba(255, 255, 255, 0.64))';

package/dist/colors.js

@@ -1,17 +1,16 @@
 export const textAccentHeavy = 'var(--k-text-accent-heavy)';
 export const textAccentHeavyHover = 'var(--k-text-accent-heavy-hover)';
 export const textAccentHeavyPressed = 'var(--k-text-accent-heavy-pressed)';
-export const textDisabled = 'var(--k-text-disabled)';
 export const textErrorHeavy = 'var(--k-text-error-heavy)';
 export const textErrorHeavyHover = 'var(--k-text-error-heavy-hover)';
 export const textErrorHeavyPressed = 'var(--k-text-error-heavy-pressed)';
 export const textInvertedAccentHeavy = 'var(--k-text-inverted-accent-heavy)';
 export const textInvertedAccentHeavyHover = 'var(--k-text-inverted-accent-heavy-hover)';
 export const textInvertedAccentHeavyPressed = 'var(--k-text-inverted-accent-heavy-pressed)';
-export const textInvertedDisabled = 'var(--k-text-inverted-disabled)';
 export const textInvertedErrorHeavy = 'var(--k-text-inverted-error-heavy)';
 export const textInvertedErrorHeavyHover = 'var(--k-text-inverted-error-heavy-hover)';
 export const textInvertedErrorHeavyPressed = 'var(--k-text-inverted-error-heavy-pressed)';
+export const textInvertedNeutralFaint = 'var(--k-text-inverted-neutral-faint)';
 export const textInvertedNeutralHeavy = 'var(--k-text-inverted-neutral-heavy)';
 export const textInvertedNeutralPale = 'var(--k-text-inverted-neutral-pale)';
 export const textInvertedNeutralSoft = 'var(--k-text-inverted-neutral-soft)';
@@ -22,6 +21,7 @@ export const textInvertedWarningHeavy = 'var(--k-text-inverted-warning-heavy)';
 export const textInvertedWarningHeavyHover = 'var(--k-text-inverted-warning-heavy-hover)';
 export const textInvertedWarningHeavyPressed = 'var(--k-text-inverted-warning-heavy-pressed)';
 export const textLogo = 'var(--k-text-logo)';
+export const textNeutralFaint = 'var(--k-text-neutral-faint)';
 export const textNeutralHeavy = 'var(--k-text-neutral-heavy)';
 export const textNeutralPale = 'var(--k-text-neutral-pale)';
 export const textNeutralSoft = 'var(--k-text-neutral-soft)';
@@ -31,19 +31,19 @@ export const textSuccessHeavyPressed = 'var(--k-text-success-heavy-pressed)';
 export const textWarningHeavy = 'var(--k-text-warning-heavy)';
 export const textWarningHeavyHover = 'var(--k-text-warning-heavy-hover)';
 export const textWarningHeavyPressed = 'var(--k-text-warning-heavy-pressed)';
-export const textConstDisabledBlack = 'var(--k-text-const-disabled-black)';
-export const textConstDisabledWhite = 'var(--k-text-const-disabled-white)';
+export const textConstFaintBlack = 'var(--k-text-const-faint-black)';
+export const textConstFaintWhite = 'var(--k-text-const-faint-white)';
 export const textConstHeavyBlack = 'var(--k-text-const-heavy-black)';
 export const textConstHeavyWhite = 'var(--k-text-const-heavy-white)';
 export const textConstPaleBlack = 'var(--k-text-const-pale-black)';
 export const textConstPaleWhite = 'var(--k-text-const-pale-white)';
 export const textConstSoftBlack = 'var(--k-text-const-soft-black)';
 export const textConstSoftWhite = 'var(--k-text-const-soft-white)';
-export const textOnAccentBoldDisabled = 'var(--k-text-on-accent-bold-disabled)';
+export const textOnAccentBoldFaint = 'var(--k-text-on-accent-bold-faint)';
 export const textOnAccentBoldHeavy = 'var(--k-text-on-accent-bold-heavy)';
 export const textOnAccentBoldPale = 'var(--k-text-on-accent-bold-pale)';
 export const textOnAccentBoldSoft = 'var(--k-text-on-accent-bold-soft)';
-export const textOnBrandOriginalDisabled = 'var(--k-text-on-brand-original-disabled)';
+export const textOnBrandOriginalFaint = 'var(--k-text-on-brand-original-faint)';
 export const textOnBrandOriginalHeavy = 'var(--k-text-on-brand-original-heavy)';
 export const textOnBrandOriginalPale = 'var(--k-text-on-brand-original-pale)';
 export const textOnBrandOriginalSoft = 'var(--k-text-on-brand-original-soft)';

package/dist/colors.less

@@ -1,17 +1,16 @@
 @textAccentHeavy: var(--k-text-accent-heavy);
 @textAccentHeavyHover: var(--k-text-accent-heavy-hover);
 @textAccentHeavyPressed: var(--k-text-accent-heavy-pressed);
-@textDisabled: var(--k-text-disabled);
 @textErrorHeavy: var(--k-text-error-heavy);
 @textErrorHeavyHover: var(--k-text-error-heavy-hover);
 @textErrorHeavyPressed: var(--k-text-error-heavy-pressed);
 @textInvertedAccentHeavy: var(--k-text-inverted-accent-heavy);
 @textInvertedAccentHeavyHover: var(--k-text-inverted-accent-heavy-hover);
 @textInvertedAccentHeavyPressed: var(--k-text-inverted-accent-heavy-pressed);
-@textInvertedDisabled: var(--k-text-inverted-disabled);
 @textInvertedErrorHeavy: var(--k-text-inverted-error-heavy);
 @textInvertedErrorHeavyHover: var(--k-text-inverted-error-heavy-hover);
 @textInvertedErrorHeavyPressed: var(--k-text-inverted-error-heavy-pressed);
+@textInvertedNeutralFaint: var(--k-text-inverted-neutral-faint);
 @textInvertedNeutralHeavy: var(--k-text-inverted-neutral-heavy);
 @textInvertedNeutralPale: var(--k-text-inverted-neutral-pale);
 @textInvertedNeutralSoft: var(--k-text-inverted-neutral-soft);
@@ -22,6 +21,7 @@
 @textInvertedWarningHeavyHover: var(--k-text-inverted-warning-heavy-hover);
 @textInvertedWarningHeavyPressed: var(--k-text-inverted-warning-heavy-pressed);
 @textLogo: var(--k-text-logo);
+@textNeutralFaint: var(--k-text-neutral-faint);
 @textNeutralHeavy: var(--k-text-neutral-heavy);
 @textNeutralPale: var(--k-text-neutral-pale);
 @textNeutralSoft: var(--k-text-neutral-soft);
@@ -31,19 +31,19 @@
 @textWarningHeavy: var(--k-text-warning-heavy);
 @textWarningHeavyHover: var(--k-text-warning-heavy-hover);
 @textWarningHeavyPressed: var(--k-text-warning-heavy-pressed);
-@textConstDisabledBlack: var(--k-text-const-disabled-black);
-@textConstDisabledWhite: var(--k-text-const-disabled-white);
+@textConstFaintBlack: var(--k-text-const-faint-black);
+@textConstFaintWhite: var(--k-text-const-faint-white);
 @textConstHeavyBlack: var(--k-text-const-heavy-black);
 @textConstHeavyWhite: var(--k-text-const-heavy-white);
 @textConstPaleBlack: var(--k-text-const-pale-black);
 @textConstPaleWhite: var(--k-text-const-pale-white);
 @textConstSoftBlack: var(--k-text-const-soft-black);
 @textConstSoftWhite: var(--k-text-const-soft-white);
-@textOnAccentBoldDisabled: var(--k-text-on-accent-bold-disabled);
+@textOnAccentBoldFaint: var(--k-text-on-accent-bold-faint);
 @textOnAccentBoldHeavy: var(--k-text-on-accent-bold-heavy);
 @textOnAccentBoldPale: var(--k-text-on-accent-bold-pale);
 @textOnAccentBoldSoft: var(--k-text-on-accent-bold-soft);
-@textOnBrandOriginalDisabled: var(--k-text-on-brand-original-disabled);
+@textOnBrandOriginalFaint: var(--k-text-on-brand-original-faint);
 @textOnBrandOriginalHeavy: var(--k-text-on-brand-original-heavy);
 @textOnBrandOriginalPale: var(--k-text-on-brand-original-pale);
 @textOnBrandOriginalSoft: var(--k-text-on-brand-original-soft);

package/dist/colors.scss

@@ -1,17 +1,16 @@
 $textAccentHeavy: var(--k-text-accent-heavy);
 $textAccentHeavyHover: var(--k-text-accent-heavy-hover);
 $textAccentHeavyPressed: var(--k-text-accent-heavy-pressed);
-$textDisabled: var(--k-text-disabled);
 $textErrorHeavy: var(--k-text-error-heavy);
 $textErrorHeavyHover: var(--k-text-error-heavy-hover);
 $textErrorHeavyPressed: var(--k-text-error-heavy-pressed);
 $textInvertedAccentHeavy: var(--k-text-inverted-accent-heavy);
 $textInvertedAccentHeavyHover: var(--k-text-inverted-accent-heavy-hover);
 $textInvertedAccentHeavyPressed: var(--k-text-inverted-accent-heavy-pressed);
-$textInvertedDisabled: var(--k-text-inverted-disabled);
 $textInvertedErrorHeavy: var(--k-text-inverted-error-heavy);
 $textInvertedErrorHeavyHover: var(--k-text-inverted-error-heavy-hover);
 $textInvertedErrorHeavyPressed: var(--k-text-inverted-error-heavy-pressed);
+$textInvertedNeutralFaint: var(--k-text-inverted-neutral-faint);
 $textInvertedNeutralHeavy: var(--k-text-inverted-neutral-heavy);
 $textInvertedNeutralPale: var(--k-text-inverted-neutral-pale);
 $textInvertedNeutralSoft: var(--k-text-inverted-neutral-soft);
@@ -22,6 +21,7 @@ $textInvertedWarningHeavy: var(--k-text-inverted-warning-heavy);
 $textInvertedWarningHeavyHover: var(--k-text-inverted-warning-heavy-hover);
 $textInvertedWarningHeavyPressed: var(--k-text-inverted-warning-heavy-pressed);
 $textLogo: var(--k-text-logo);
+$textNeutralFaint: var(--k-text-neutral-faint);
 $textNeutralHeavy: var(--k-text-neutral-heavy);
 $textNeutralPale: var(--k-text-neutral-pale);
 $textNeutralSoft: var(--k-text-neutral-soft);
@@ -31,19 +31,19 @@ $textSuccessHeavyPressed: var(--k-text-success-heavy-pressed);
 $textWarningHeavy: var(--k-text-warning-heavy);
 $textWarningHeavyHover: var(--k-text-warning-heavy-hover);
 $textWarningHeavyPressed: var(--k-text-warning-heavy-pressed);
-$textConstDisabledBlack: var(--k-text-const-disabled-black);
-$textConstDisabledWhite: var(--k-text-const-disabled-white);
+$textConstFaintBlack: var(--k-text-const-faint-black);
+$textConstFaintWhite: var(--k-text-const-faint-white);
 $textConstHeavyBlack: var(--k-text-const-heavy-black);
 $textConstHeavyWhite: var(--k-text-const-heavy-white);
 $textConstPaleBlack: var(--k-text-const-pale-black);
 $textConstPaleWhite: var(--k-text-const-pale-white);
 $textConstSoftBlack: var(--k-text-const-soft-black);
 $textConstSoftWhite: var(--k-text-const-soft-white);
-$textOnAccentBoldDisabled: var(--k-text-on-accent-bold-disabled);
+$textOnAccentBoldFaint: var(--k-text-on-accent-bold-faint);
 $textOnAccentBoldHeavy: var(--k-text-on-accent-bold-heavy);
 $textOnAccentBoldPale: var(--k-text-on-accent-bold-pale);
 $textOnAccentBoldSoft: var(--k-text-on-accent-bold-soft);
-$textOnBrandOriginalDisabled: var(--k-text-on-brand-original-disabled);
+$textOnBrandOriginalFaint: var(--k-text-on-brand-original-faint);
 $textOnBrandOriginalHeavy: var(--k-text-on-brand-original-heavy);
 $textOnBrandOriginalPale: var(--k-text-on-brand-original-pale);
 $textOnBrandOriginalSoft: var(--k-text-on-brand-original-soft);

package/dist/esm/get-colors.js

@@ -1,12 +1,21 @@
-import { getBaseTokens } from './get-base-tokens';
+import { getBaseTokens, convertOklchToHex, convertAlphaOklchToRgba } from './get-base-tokens'; //
 import { getDefaultTokens } from './get-default-tokens';
 var DEFAULT_THEME = 'light';
 export function getColors(params) {
   var theme = params.theme || DEFAULT_THEME;
   var base = getBaseTokens(params);
   var defaults = getDefaultTokens(base);
+  var result;
+  // 1. Получаем базовый объект цветов (либо дефолтный, либо переопределенный)
   if (params.overrides) {
-    return params.overrides(base, defaults, params)[theme];
+    result = params.overrides(base, defaults, params)[theme];
+  } else {
+    result = defaults[theme];
   }
-  return defaults[theme];
+  // 2. Конвертируем oklch без прозрачности в HEX
+  // Используем 'as any', так как конвертеры рассчитаны на рекурсивную структуру ColorStructure
+  var hexConverted = convertOklchToHex(result);
+  // 3. Конвертируем оставшиеся oklch (с прозрачностью) в RGBA
+  var finalResult = convertAlphaOklchToRgba(hexConverted);
+  return finalResult;
 }

package/dist/esm/get-default-tokens.d.ts

@@ -4,17 +4,16 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
     textAccentHeavy: string;
     textAccentHeavyHover: string;
     textAccentHeavyPressed: string;
-    textDisabled: string;
     textErrorHeavy: string;
     textErrorHeavyHover: string;
     textErrorHeavyPressed: string;
     textInvertedAccentHeavy: string;
     textInvertedAccentHeavyHover: string;
     textInvertedAccentHeavyPressed: string;
-    textInvertedDisabled: string;
     textInvertedErrorHeavy: string;
     textInvertedErrorHeavyHover: string;
     textInvertedErrorHeavyPressed: string;
+    textInvertedNeutralFaint: string;
     textInvertedNeutralHeavy: string;
     textInvertedNeutralPale: string;
     textInvertedNeutralSoft: string;
@@ -25,6 +24,7 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
     textInvertedWarningHeavyHover: string;
     textInvertedWarningHeavyPressed: string;
     textLogo: string;
+    textNeutralFaint: string;
     textNeutralHeavy: string;
     textNeutralPale: string;
     textNeutralSoft: string;
@@ -34,19 +34,19 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
     textWarningHeavy: string;
     textWarningHeavyHover: string;
     textWarningHeavyPressed: string;
-    textConstDisabledBlack: string;
-    textConstDisabledWhite: string;
+    textConstFaintBlack: string;
+    textConstFaintWhite: string;
     textConstHeavyBlack: string;
     textConstHeavyWhite: string;
     textConstPaleBlack: string;
     textConstPaleWhite: string;
     textConstSoftBlack: string;
     textConstSoftWhite: string;
-    textOnAccentBoldDisabled: string;
+    textOnAccentBoldFaint: string;
     textOnAccentBoldHeavy: string;
     textOnAccentBoldPale: string;
     textOnAccentBoldSoft: string;
-    textOnBrandOriginalDisabled: string;
+    textOnBrandOriginalFaint: string;
     textOnBrandOriginalHeavy: string;
     textOnBrandOriginalPale: string;
     textOnBrandOriginalSoft: string;
@@ -325,17 +325,16 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
     textAccentHeavy: string;
     textAccentHeavyHover: string;
     textAccentHeavyPressed: string;
-    textDisabled: string;
     textErrorHeavy: string;
     textErrorHeavyHover: string;
     textErrorHeavyPressed: string;
     textInvertedAccentHeavy: string;
     textInvertedAccentHeavyHover: string;
     textInvertedAccentHeavyPressed: string;
-    textInvertedDisabled: string;
     textInvertedErrorHeavy: string;
     textInvertedErrorHeavyHover: string;
     textInvertedErrorHeavyPressed: string;
+    textInvertedNeutralFaint: string;
     textInvertedNeutralHeavy: string;
     textInvertedNeutralPale: string;
     textInvertedNeutralSoft: string;
@@ -346,6 +345,7 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
     textInvertedWarningHeavyHover: string;
     textInvertedWarningHeavyPressed: string;
     textLogo: string;
+    textNeutralFaint: string;
     textNeutralHeavy: string;
     textNeutralPale: string;
     textNeutralSoft: string;
@@ -355,19 +355,19 @@ export declare const getDefaultTokens: (base: BaseTokens) => {
     textWarningHeavy: string;
     textWarningHeavyHover: string;
     textWarningHeavyPressed: string;
-    textConstDisabledBlack: string;
-    textConstDisabledWhite: string;
+    textConstFaintBlack: string;
+    textConstFaintWhite: string;
     textConstHeavyBlack: string;
     textConstHeavyWhite: string;
     textConstPaleBlack: string;
     textConstPaleWhite: string;
     textConstSoftBlack: string;
     textConstSoftWhite: string;
-    textOnAccentBoldDisabled: string;
+    textOnAccentBoldFaint: string;
     textOnAccentBoldHeavy: string;
     textOnAccentBoldPale: string;
     textOnAccentBoldSoft: string;
-    textOnBrandOriginalDisabled: string;
+    textOnBrandOriginalFaint: string;
     textOnBrandOriginalHeavy: string;
     textOnBrandOriginalPale: string;
     textOnBrandOriginalSoft: string;