@skbkontur/colors 2.0.0-alpha.2 → 2.0.0-alpha.4

package/dist/cjs/constants/chroma-settings.d.ts

@@ -1,2 +0,0 @@
-import type { GeneratorColorChromaSettingsGroup } from '../types/generator-tokens';
-export declare const CHROMA_SETTINGS: GeneratorColorChromaSettingsGroup;

package/dist/cjs/constants/chroma-settings.js

@@ -1,105 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-exports.CHROMA_SETTINGS = void 0;
-exports.CHROMA_SETTINGS = {
-  20: {
-    vivid: { rel: 100, max: 12 },
-    normal: { rel: 66, min: 4.4, max: 8 },
-    dim: { rel: 46, min: 2, max: 4.4 },
-  },
-  24: {
-    vivid: { rel: 100, max: 14.2 },
-    normal: { rel: 68, min: 5.7, max: 10 },
-    dim: { rel: 48, min: 2.8, max: 5.7 },
-  },
-  28: {
-    vivid: { rel: 100, max: 15.8 },
-    normal: { rel: 70, min: 7, max: 11.8 },
-    dim: { rel: 50, min: 3.6, max: 7 },
-  },
-  32: {
-    vivid: { rel: 100, max: 17.1 },
-    normal: { rel: 72, min: 8.2, max: 13.2 },
-    dim: { rel: 52, min: 4.4, max: 8.2 },
-  },
-  36: {
-    vivid: { rel: 100, max: 18 },
-    normal: { rel: 74, min: 9.4, max: 14.4 },
-    dim: { rel: 54, min: 5.2, max: 9.4 },
-  },
-  40: {
-    vivid: { rel: 100, max: 18.8 },
-    normal: { rel: 76, min: 10.6, max: 15.6 },
-    dim: { rel: 56, min: 6, max: 10.6 },
-  },
-  44: {
-    vivid: { rel: 100, max: 19.6 },
-    normal: { rel: 78, min: 11.7, max: 16.6 },
-    dim: { rel: 58, min: 6.8, max: 11.7 },
-  },
-  48: {
-    vivid: { rel: 100, max: 20.3 },
-    normal: { rel: 80, min: 12.8, max: 17.5 },
-    dim: { rel: 60, min: 7.6, max: 12.8 },
-  },
-  52: {
-    vivid: { rel: 100, max: 21 },
-    normal: { rel: 82, min: 13.9, max: 18.4 },
-    dim: { rel: 62, min: 8.4, max: 13.9 },
-  },
-  56: {
-    vivid: { rel: 100, max: 21.6 },
-    normal: { rel: 84, min: 15, max: 19.2 },
-    dim: { rel: 64, min: 9.2, max: 15 },
-  },
-  60: {
-    vivid: { rel: 100, max: 22 },
-    normal: { rel: 86, min: 15.9, max: 19.9 },
-    dim: { rel: 66, min: 9.9, max: 15.9 },
-  },
-  64: {
-    vivid: { rel: 100, max: 22.2 },
-    normal: { rel: 88, min: 16.2, max: 20.2 },
-    dim: { rel: 68, min: 10.2, max: 16.2 },
-  },
-  68: {
-    vivid: { rel: 100, max: 21.9 },
-    normal: { rel: 90, min: 15.8, max: 19.8 },
-    dim: { rel: 70, min: 9.6, max: 15.8 },
-  },
-  72: {
-    vivid: { rel: 100, max: 21.2 },
-    normal: { rel: 92, min: 14.8, max: 18.8 },
-    dim: { rel: 72, min: 8.4, max: 14.8 },
-  },
-  76: {
-    vivid: { rel: 100, max: 20.3 },
-    normal: { rel: 90, min: 13.1, max: 17.5 },
-    dim: { rel: 70, min: 7, max: 13.1 },
-  },
-  80: {
-    vivid: { rel: 100, max: 19 },
-    normal: { rel: 88, min: 11.2, max: 15.6 },
-    dim: { rel: 68, min: 5.6, max: 11.2 },
-  },
-  84: {
-    vivid: { rel: 100, max: 17.1 },
-    normal: { rel: 86, min: 9, max: 13.4 },
-    dim: { rel: 66, min: 4.4, max: 9 },
-  },
-  88: {
-    vivid: { rel: 100, max: 14.2 },
-    normal: { rel: 84, min: 6.7, max: 10.4 },
-    dim: { rel: 64, min: 3.2, max: 6.7 },
-  },
-  92: {
-    vivid: { rel: 100, max: 11 },
-    normal: { rel: 82, min: 4.4, max: 7.4 },
-    dim: { rel: 62, min: 2.2, max: 4.4 },
-  },
-  96: {
-    vivid: { rel: 100, max: 7 },
-    normal: { rel: 80, min: 2.6, max: 4.4 },
-    dim: { rel: 60, min: 1.5, max: 2.6 },
-  },
-};

package/dist/cjs/constants/default-swatch.d.ts

@@ -1,109 +0,0 @@
-export declare const brand: {
-  red: string;
-  orange: string;
-  green: string;
-  mint: string;
-  blue: string;
-  blueDeep: string;
-  violet: string;
-  purple: string;
-};
-export declare const system: {
-  warning: string;
-  error: string;
-  success: string;
-  accent: string;
-};
-export declare const customizable: {
-  red: string;
-  orange: string;
-  green: string;
-  mint: string;
-  blue: string;
-  blueDeep: string;
-  violet: string;
-  purple: string;
-  yellow: string;
-};
-export declare const gray: {
-  0: string;
-  16: string;
-  20: string;
-  24: string;
-  28: string;
-  32: string;
-  36: string;
-  40: string;
-  44: string;
-  48: string;
-  52: string;
-  56: string;
-  60: string;
-  64: string;
-  68: string;
-  72: string;
-  76: string;
-  80: string;
-  84: string;
-  88: string;
-  92: string;
-  96: string;
-  98: string;
-  100: string;
-};
-export declare const whiteAlpha: {
-  4: string;
-  6: string;
-  8: string;
-  12: string;
-  16: string;
-  20: string;
-  24: string;
-  28: string;
-  32: string;
-  36: string;
-  40: string;
-  44: string;
-  48: string;
-  52: string;
-  56: string;
-  60: string;
-  64: string;
-  68: string;
-  72: string;
-  76: string;
-  80: string;
-  84: string;
-  88: string;
-  92: string;
-  96: string;
-  100: string;
-};
-export declare const blackAlpha: {
-  4: string;
-  6: string;
-  8: string;
-  12: string;
-  16: string;
-  20: string;
-  24: string;
-  28: string;
-  32: string;
-  36: string;
-  40: string;
-  44: string;
-  48: string;
-  52: string;
-  56: string;
-  60: string;
-  64: string;
-  68: string;
-  72: string;
-  76: string;
-  80: string;
-  84: string;
-  88: string;
-  92: string;
-  96: string;
-  100: string;
-};

package/dist/cjs/constants/default-swatch.js

@@ -1,112 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-exports.blackAlpha = exports.whiteAlpha = exports.gray = exports.customizable = exports.system = exports.brand = void 0;
-exports.brand = {
-  red: '#FE4C4C',
-  orange: '#FC7630',
-  green: '#26AD50',
-  mint: '#00BEA2',
-  blue: '#2291FF',
-  blueDeep: '#366AF3',
-  violet: '#844BEC',
-  purple: '#B750D1',
-};
-exports.system = {
-  warning: '#FDAA00',
-  error: '#E62B34',
-  success: '#009A40',
-  accent: '#2291FF',
-};
-exports.customizable = {
-  red: '#FE4C4C',
-  orange: '#FC7630',
-  green: '#26AD50',
-  mint: '#00BEA2',
-  blue: '#2291FF',
-  blueDeep: '#366AF3',
-  violet: '#844BEC',
-  purple: '#B750D1',
-  yellow: '#FAB700',
-};
-exports.gray = {
-  0: 'oklch(0% 0 0)',
-  16: 'oklch(16% 0 0)',
-  20: 'oklch(20% 0 0)',
-  24: 'oklch(24% 0 0)',
-  28: 'oklch(28% 0 0)',
-  32: 'oklch(32% 0 0)',
-  36: 'oklch(36% 0 0)',
-  40: 'oklch(40% 0 0)',
-  44: 'oklch(44% 0 0)',
-  48: 'oklch(48% 0 0)',
-  52: 'oklch(52% 0 0)',
-  56: 'oklch(56% 0 0)',
-  60: 'oklch(60% 0 0)',
-  64: 'oklch(64% 0 0)',
-  68: 'oklch(68% 0 0)',
-  72: 'oklch(72% 0 0)',
-  76: 'oklch(76% 0 0)',
-  80: 'oklch(80% 0 0)',
-  84: 'oklch(84% 0 0)',
-  88: 'oklch(88% 0 0)',
-  92: 'oklch(92% 0 0)',
-  96: 'oklch(96% 0 0)',
-  98: 'oklch(98% 0 0)',
-  100: 'oklch(100% 0 0)',
-};
-exports.whiteAlpha = {
-  4: 'oklch(100% 0 0 / 0.04)',
-  6: 'oklch(100% 0 0 / 0.06)',
-  8: 'oklch(100% 0 0 / 0.08)',
-  12: 'oklch(100% 0 0 / 0.12)',
-  16: 'oklch(100% 0 0 / 0.16)',
-  20: 'oklch(100% 0 0 / 0.2)',
-  24: 'oklch(100% 0 0 / 0.24)',
-  28: 'oklch(100% 0 0 / 0.28)',
-  32: 'oklch(100% 0 0 / 0.32)',
-  36: 'oklch(100% 0 0 / 0.36)',
-  40: 'oklch(100% 0 0 / 0.4)',
-  44: 'oklch(100% 0 0 / 0.44)',
-  48: 'oklch(100% 0 0 / 0.48)',
-  52: 'oklch(100% 0 0 / 0.52)',
-  56: 'oklch(100% 0 0 / 0.56)',
-  60: 'oklch(100% 0 0 / 0.6)',
-  64: 'oklch(100% 0 0 / 0.64)',
-  68: 'oklch(100% 0 0 / 0.68)',
-  72: 'oklch(100% 0 0 / 0.72)',
-  76: 'oklch(100% 0 0 / 0.76)',
-  80: 'oklch(100% 0 0 / 0.8)',
-  84: 'oklch(100% 0 0 / 0.84)',
-  88: 'oklch(100% 0 0 / 0.88)',
-  92: 'oklch(100% 0 0 / 0.92)',
-  96: 'oklch(100% 0 0 / 0.96)',
-  100: 'oklch(100% 0 0 / 1)',
-};
-exports.blackAlpha = {
-  4: 'oklch(0% 0 0 / 0.04)',
-  6: 'oklch(0% 0 0 / 0.06)',
-  8: 'oklch(0% 0 0 / 0.08)',
-  12: 'oklch(0% 0 0 / 0.12)',
-  16: 'oklch(0% 0 0 / 0.16)',
-  20: 'oklch(0% 0 0 / 0.2)',
-  24: 'oklch(0% 0 0 / 0.24)',
-  28: 'oklch(0% 0 0 / 0.28)',
-  32: 'oklch(0% 0 0 / 0.32)',
-  36: 'oklch(0% 0 0 / 0.36)',
-  40: 'oklch(0% 0 0 / 0.4)',
-  44: 'oklch(0% 0 0 / 0.44)',
-  48: 'oklch(0% 0 0 / 0.48)',
-  52: 'oklch(0% 0 0 / 0.52)',
-  56: 'oklch(0% 0 0 / 0.56)',
-  60: 'oklch(0% 0 0 / 0.6)',
-  64: 'oklch(0% 0 0 / 0.64)',
-  68: 'oklch(0% 0 0 / 0.68)',
-  72: 'oklch(0% 0 0 / 0.72)',
-  76: 'oklch(0% 0 0 / 0.76)',
-  80: 'oklch(0% 0 0 / 0.8)',
-  84: 'oklch(0% 0 0 / 0.84)',
-  88: 'oklch(0% 0 0 / 0.88)',
-  92: 'oklch(0% 0 0 / 0.92)',
-  96: 'oklch(0% 0 0 / 0.96)',
-  100: 'oklch(0% 0 0 / 1)',
-};

package/dist/cjs/constants/interaction-settings.js

@@ -1,19 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-exports.PRESSED_DARK_C =
-  exports.PRESSED_DARK_L =
-  exports.PRESSED_LIGHT_C =
-  exports.PRESSED_LIGHT_L =
-  exports.HOVER_DARK_C =
-  exports.HOVER_DARK_L =
-  exports.HOVER_LIGHT_C =
-  exports.HOVER_LIGHT_L =
-    void 0;
-exports.HOVER_LIGHT_L = -4;
-exports.HOVER_LIGHT_C = 0;
-exports.HOVER_DARK_L = +4;
-exports.HOVER_DARK_C = 0;
-exports.PRESSED_LIGHT_L = -8;
-exports.PRESSED_LIGHT_C = -0.03;
-exports.PRESSED_DARK_L = -4;
-exports.PRESSED_DARK_C = -0.03;

package/dist/cjs/constants/logo-lightness.d.ts

@@ -1 +0,0 @@
-export declare const MIN_LOGO_LIGHTNESS = 64;

package/dist/cjs/constants/logo-lightness.js

@@ -1,4 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-exports.MIN_LOGO_LIGHTNESS = void 0;
-exports.MIN_LOGO_LIGHTNESS = 64;

package/dist/cjs/constants/promo-hue-shift.js

@@ -1,14 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-exports.PROMO_HUE_SHIFTS = void 0;
-exports.PROMO_HUE_SHIFTS = {
-  0: -24,
-  25: -32,
-  44: -35,
-  148: 40,
-  177: 51,
-  253: 11,
-  264: 14,
-  294: 0,
-  319: -24,
-};

package/dist/cjs/constants/warning-hue-patch.js

@@ -1,25 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-exports.WARNING_HUE_PATCH = void 0;
-exports.WARNING_HUE_PATCH = {
-  96: 0,
-  92: 0,
-  88: 0,
-  84: 0,
-  80: 0,
-  76: 0,
-  72: -4,
-  68: -8,
-  64: -12,
-  60: -8,
-  56: -4,
-  52: -2,
-  48: 0,
-  44: 0,
-  40: 0,
-  36: 0,
-  32: 0,
-  28: 0,
-  24: 0,
-  20: 0,
-};

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

@@ -1,26 +0,0 @@
-import * as DEFAULT_SWATCH from './constants/default-swatch';
-import type { BaseTokens } from './types/base-tokens';
-type PresetOrCustom<T extends string> = T | (string & Record<never, never>);
-export declare const ACCENT_PARAMS: string[];
-export interface ColorObject {
-  [key: string]: ColorValue;
-}
-export type ColorValue = string | ColorObject | ColorValue[];
-type ColorStructure = ColorObject | ColorValue[];
-export type ColorFormat = 'hex/rgba' | 'rgb/rgba' | 'oklch' | 'hex-aarrggbb';
-export interface ConfigOptions {
-  brand: PresetOrCustom<keyof typeof DEFAULT_SWATCH.brand>;
-  accent: PresetOrCustom<(typeof ACCENT_PARAMS)[number]>;
-  system?: typeof DEFAULT_SWATCH.system;
-  format?: ColorFormat;
-}
-export declare function getBaseTokens({ brand, accent, system }: ConfigOptions): BaseTokens;
-export declare function convertOklchToHex(obj: ColorStructure): ColorStructure;
-export declare const convertOklchToRgba: (oklchString: string) => string;
-export declare function convertAlphaOklchToRgba(obj: ColorStructure): ColorStructure;
-export declare const convertHexToRgbString: (hexString: string) => string;
-export declare function convertHexValuesToRgb(obj: ColorStructure): ColorStructure;
-export declare const convertToAarrggbb: (colorString: string) => string;
-export declare function convertToAarrggbbRecursive(obj: ColorStructure): ColorStructure;
-export declare function convertColorFormat(obj: ColorStructure, format?: ColorFormat): ColorStructure;
-export {};