@skbkontur/colors 1.1.2-75bba.0 → 1.1.2-b2742.0

package/dist/esm/helpers/get-interactions.d.ts

@@ -0,0 +1,7 @@
+interface InteractionColors {
+    light: string;
+    dark: string;
+}
+export declare function getHover(hex: string): InteractionColors;
+export declare function getPressed(hex: string): InteractionColors;
+export {};

package/dist/esm/helpers/get-interactions.js

@@ -0,0 +1,35 @@
+import { converter } from 'culori';
+import { HOVER_LIGHT_L, HOVER_LIGHT_C, HOVER_DARK_L, HOVER_DARK_C, PRESSED_LIGHT_L, PRESSED_LIGHT_C, PRESSED_DARK_L, PRESSED_DARK_C, } from '../constants/interaction-settings';
+function applyOklchDelta(oklchColor, dL, dC) {
+    var _a = oklchColor.l, l = _a === void 0 ? 0 : _a, _b = oklchColor.c, c = _b === void 0 ? 0 : _b, _c = oklchColor.h, h = _c === void 0 ? 0 : _c;
+    var safeH = h === undefined || isNaN(h) ? 0 : h;
+    var newL = Math.max(0, Math.min(1, l + dL / 100));
+    var newC = Math.max(0, c + dC);
+    return "oklch(".concat(newL.toFixed(3), " ").concat(newC.toFixed(3), " ").concat(safeH.toFixed(0), ")");
+}
+export function getHover(hex) {
+    var toOklch = converter('oklch');
+    var oklchColor = toOklch(hex);
+    if (!oklchColor) {
+        return { light: hex, dark: hex };
+    }
+    var lightHoverColor = applyOklchDelta(oklchColor, HOVER_LIGHT_L, HOVER_LIGHT_C);
+    var darkHoverColor = applyOklchDelta(oklchColor, HOVER_DARK_L, HOVER_DARK_C);
+    return {
+        light: lightHoverColor,
+        dark: darkHoverColor,
+    };
+}
+export function getPressed(hex) {
+    var toOklch = converter('oklch');
+    var oklchColor = toOklch(hex);
+    if (!oklchColor) {
+        return { light: hex, dark: hex };
+    }
+    var lightPressedColor = applyOklchDelta(oklchColor, PRESSED_LIGHT_L, PRESSED_LIGHT_C);
+    var darkPressedColor = applyOklchDelta(oklchColor, PRESSED_DARK_L, PRESSED_DARK_C);
+    return {
+        light: lightPressedColor,
+        dark: darkPressedColor,
+    };
+}

package/dist/esm/helpers/get-palette.d.ts

@@ -22,6 +22,7 @@ export declare function calculateBaseHueAndCorrectionRange(inputColorString: str
 } | null;
 export declare function calcOnBrand(hex: string): {
     4: string;
+    6: string;
     8: string;
     12: string;
     16: string;
@@ -45,5 +46,6 @@ export declare function calcOnBrand(hex: string): {
     88: string;
     92: string;
     96: string;
+    100: string;
 };
 export {};

package/dist/esm/types/base-tokens.d.ts

@@ -1,8 +1,8 @@
 export interface BaseTokens {
-    brandLogo: ThemedValue;
-    brandPromo: ThemedValue;
     brand: {
-        original: ThemedValue;
+        logo: ThemedValue;
+        original: string;
+        promo: string;
         interactions: {
             hover: ThemedValue;
             pressed: ThemedValue;
@@ -33,6 +33,7 @@ export interface BaseTokens {
         blueDeep: ColorPalette;
         violet: ColorPalette;
         purple: ColorPalette;
+        yellow: ColorPalette;
     };
 }
 export interface ColorPalette {
@@ -41,8 +42,8 @@ export interface ColorPalette {
     dim: ColorWithScale<ChromaScale>;
 }
 type ChromaScale = 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 84 | 88 | 92 | 96;
-type AlphaScale = 4 | 8 | 12 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 84 | 88 | 92 | 96;
-type GrayScale = 0 | 4 | 8 | 12 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 84 | 88 | 92 | 96 | 98 | 100;
+type AlphaScale = 4 | 6 | 8 | 12 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 84 | 88 | 92 | 96 | 100;
+type GrayScale = 0 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 84 | 88 | 92 | 96 | 98 | 100;
 type ColorWithScale<T extends string | number> = {
     [K in T]: string;
 };

package/package.json

@@ -1,17 +1,18 @@
 {
   "name": "@skbkontur/colors",
-  "version": "1.1.2-75bba.0",
+  "version": "1.1.2-b2742.0",
   "author": "Kontur",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "module": "dist/esm/get-tokens.js",
-  "main": "dist/cjs/get-tokens.js",
+  "module": "dist/esm/get-colors.js",
+  "main": "dist/cjs/get-colors.js",
   "license": "UNLICENSED",
   "scripts": {
     "clean": "git clean -fdxqe node_modules",
-    "generate": "rimraf dist && node --require ./scripts/babel-register -- scripts/generate.ts && prettier ./tokens * --write",
+    "extract-tokens": "node --require ./scripts/babel-register -- scripts/extract-tokens-from-figma.ts",
+    "generate": "rimraf dist && node --require ./scripts/babel-register -- scripts/generate.ts && prettier ./tokens * --write && npx stylelint \"**/*.{css,scss,less}\" --fix",
     "build": "npm run build:cjs && npm run build:esm",
     "build:cjs": "tsc -p tsconfig.cjs.json",
     "build:esm": "tsc -p tsconfig.esm.json"

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

@@ -1,15 +0,0 @@
-import { type ConfigOptions } from './get-base-tokens';
-import { getDefaultTokens } from './get-default-tokens';
-import type { BaseTokens } from './types/base-tokens';
-export interface Themed<T> {
-    light: T;
-    dark: T;
-}
-export type DefaultTokens = ReturnType<typeof getDefaultTokens>;
-export interface SemanticConfigOptions<DefaultTokens> extends ConfigOptions {
-    overrides?: (base: BaseTokens) => Themed<DefaultTokens>;
-}
-export declare function getTokens(params: SemanticConfigOptions<DefaultTokens>): DefaultTokens;
-export declare function getTokens<T>(params: SemanticConfigOptions<T> & {
-    overrides: (base: BaseTokens) => Themed<T>;
-}): Themed<T>;

package/dist/cjs/get-tokens.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTokens = void 0;
-var get_base_tokens_1 = require("./get-base-tokens");
-var get_default_tokens_1 = require("./get-default-tokens");
-function getTokens(params) {
-    var base = (0, get_base_tokens_1.getBaseTokens)(params);
-    if (params.overrides) {
-        return params.overrides(base);
-    }
-    return (0, get_default_tokens_1.getDefaultTokens)(base);
-}
-exports.getTokens = getTokens;

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

@@ -1,15 +0,0 @@
-import { type ConfigOptions } from './get-base-tokens';
-import { getDefaultTokens } from './get-default-tokens';
-import type { BaseTokens } from './types/base-tokens';
-export interface Themed<T> {
-    light: T;
-    dark: T;
-}
-export type DefaultTokens = ReturnType<typeof getDefaultTokens>;
-export interface SemanticConfigOptions<DefaultTokens> extends ConfigOptions {
-    overrides?: (base: BaseTokens) => Themed<DefaultTokens>;
-}
-export declare function getTokens(params: SemanticConfigOptions<DefaultTokens>): DefaultTokens;
-export declare function getTokens<T>(params: SemanticConfigOptions<T> & {
-    overrides: (base: BaseTokens) => Themed<T>;
-}): Themed<T>;

package/dist/esm/get-tokens.js

@@ -1,9 +0,0 @@
-import { getBaseTokens } from './get-base-tokens';
-import { getDefaultTokens } from './get-default-tokens';
-export function getTokens(params) {
-    var base = getBaseTokens(params);
-    if (params.overrides) {
-        return params.overrides(base);
-    }
-    return getDefaultTokens(base);
-}