@skbkontur/colors 1.1.2-d1791.0 → 2.0.0-alpha.0

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

@@ -1,6 +1,12 @@
-export declare function getPromo(color: string, hueShifts?: {
+export declare function getPromo(
+  color: string,
+  hueShifts?: {
     [hueRange: number]: number;
-}): string;
-export declare function getPromoHueShift(currentHue: number, promoHueShifts: {
+  }
+): string;
+export declare function getPromoHueShift(
+  currentHue: number,
+  promoHueShifts: {
     [hueRange: number]: number;
-}): number;
+  }
+): number;

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

@@ -1,53 +1,51 @@
 import { clampChroma, converter, formatHex } from 'culori';
 import { PROMO_HUE_SHIFTS } from '../constants/promo-hue-shift';
 export function getPromo(color, hueShifts) {
-    if (hueShifts === void 0) { hueShifts = PROMO_HUE_SHIFTS; }
-    try {
-        var toOklch = converter('oklch');
-        var oklchColor = toOklch(color);
-        if (!oklchColor) {
-            throw new Error("Invalid color string: ".concat(color));
-        }
-        var currentHue = oklchColor.h;
-        var promoHueShift = getPromoHueShift(currentHue, hueShifts);
-        var correctedHue = (currentHue + promoHueShift + 360) % 360;
-        var promoLightness = oklchColor.l * 100;
-        if (promoLightness >= 50) {
-            promoLightness = promoLightness - 32;
-        }
-        promoLightness = Math.min(Math.max(promoLightness, 30), 34);
-        var promoChroma = 0.1;
-        var finalLightness = Math.round(promoLightness) / 100;
-        var finalChroma = Math.round(promoChroma * 100) / 100;
-        var promoOklch = {
-            mode: 'oklch',
-            l: finalLightness,
-            c: finalChroma,
-            h: correctedHue,
-        };
-        return formatHex(clampChroma(promoOklch, 'oklch'));
-    }
-    catch (error) {
-        console.error('Error generating promo palette:', error);
-        return '';
-    }
+  if (hueShifts === void 0) {
+    hueShifts = PROMO_HUE_SHIFTS;
+  }
+  var toOklch = converter('oklch');
+  var oklchColor = toOklch(color);
+  if (!oklchColor) {
+    throw new Error('Invalid color string: '.concat(color));
+  }
+  var currentHue = oklchColor.h;
+  var promoHueShift = getPromoHueShift(currentHue, hueShifts);
+  var correctedHue = (currentHue + promoHueShift + 360) % 360;
+  var promoLightness = oklchColor.l * 100;
+  if (promoLightness >= 50) {
+    promoLightness = promoLightness - 32;
+  }
+  promoLightness = Math.min(Math.max(promoLightness, 30), 34);
+  var promoChroma = 0.1;
+  var finalLightness = Math.round(promoLightness) / 100;
+  var finalChroma = Math.round(promoChroma * 100) / 100;
+  var promoOklch = {
+    mode: 'oklch',
+    l: finalLightness,
+    c: finalChroma,
+    h: correctedHue,
+  };
+  return formatHex(clampChroma(promoOklch, 'oklch'));
 }
 export function getPromoHueShift(currentHue, promoHueShifts) {
-    var hueRanges = Object.keys(promoHueShifts)
-        .map(Number)
-        .sort(function (a, b) { return a - b; });
-    var selectedHueRange = hueRanges[0];
-    for (var i = 0; i < hueRanges.length; i++) {
-        var startRange = hueRanges[i];
-        var endRange = hueRanges[i + 1] !== undefined ? hueRanges[i + 1] : 360;
-        if (currentHue >= startRange && currentHue < endRange) {
-            selectedHueRange = startRange;
-            break;
-        }
-        if (i === hueRanges.length - 1 && (currentHue >= startRange || currentHue < hueRanges[0])) {
-            selectedHueRange = startRange;
-            break;
-        }
+  var hueRanges = Object.keys(promoHueShifts)
+    .map(Number)
+    .sort(function (a, b) {
+      return a - b;
+    });
+  var selectedHueRange = hueRanges[0];
+  for (var i = 0; i < hueRanges.length; i++) {
+    var startRange = hueRanges[i];
+    var endRange = hueRanges[i + 1] !== undefined ? hueRanges[i + 1] : 360;
+    if (currentHue >= startRange && currentHue < endRange) {
+      selectedHueRange = startRange;
+      break;
+    }
+    if (i === hueRanges.length - 1 && (currentHue >= startRange || currentHue < hueRanges[0])) {
+      selectedHueRange = startRange;
+      break;
     }
-    return promoHueShifts[selectedHueRange] !== undefined ? promoHueShifts[selectedHueRange] : 0;
+  }
+  return promoHueShifts[selectedHueRange] !== undefined ? promoHueShifts[selectedHueRange] : 0;
 }

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

@@ -1,53 +1,125 @@
 export interface BaseTokens {
-    brandLogo: ThemedValue;
-    brandPromo: ThemedValue;
-    brand: {
-        original: ThemedValue;
-        interactions: {
-            hover: ThemedValue;
-            pressed: ThemedValue;
-        };
-        palette: ColorPalette;
+  brand: {
+    logo: ThemedValue;
+    original: string;
+    promo: string;
+    interactions: {
+      hover: ThemedValue;
+      pressed: ThemedValue;
     };
-    accent: {
-        original: ThemedValue;
-        interactions: {
-            hover: ThemedValue;
-            pressed: ThemedValue;
-        };
-        palette?: ColorPalette;
-    };
-    warning: ColorPalette;
-    error: ColorPalette;
-    success: ColorPalette;
-    gray: ColorWithScale<GrayScale>;
-    whiteAlpha: ColorWithScale<AlphaScale>;
-    blackAlpha: ColorWithScale<AlphaScale>;
-    onBrand: ColorWithScale<AlphaScale>;
-    customizable: {
-        red: ColorPalette;
-        orange: ColorPalette;
-        green: ColorPalette;
-        mint: ColorPalette;
-        blue: ColorPalette;
-        blueDeep: ColorPalette;
-        violet: ColorPalette;
-        purple: ColorPalette;
+    palette: ColorPalette;
+  };
+  accent?: {
+    original: ThemedValue;
+    interactions: {
+      hover: ThemedValue;
+      pressed: ThemedValue;
     };
+    palette?: ColorPalette;
+  };
+  warning: ColorPalette;
+  error: ColorPalette;
+  success: ColorPalette;
+  gray: ColorWithScale<GrayScale>;
+  whiteAlpha: ColorWithScale<AlphaScale>;
+  blackAlpha: ColorWithScale<AlphaScale>;
+  onBrand: ColorWithScale<AlphaScale>;
+  onAccent?: ColorWithScale<AlphaScale>;
+  customizable: {
+    red: ColorPalette;
+    orange: ColorPalette;
+    green: ColorPalette;
+    mint: ColorPalette;
+    blue: ColorPalette;
+    blueDeep: ColorPalette;
+    violet: ColorPalette;
+    purple: ColorPalette;
+    yellow: ColorPalette;
+  };
 }
 export interface ColorPalette {
-    vivid: ColorWithScale<ChromaScale>;
-    normal: ColorWithScale<ChromaScale>;
-    dim: ColorWithScale<ChromaScale>;
+  vivid: ColorWithScale<ChromaScale>;
+  normal: ColorWithScale<ChromaScale>;
+  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;
+export 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
+  | 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;
+export 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;
+  [K in T]: string;
 };
-interface ThemedValue {
-    light: string;
-    dark: string;
+export interface ThemedValue {
+  light: string;
+  dark: string;
 }
 export {};

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

@@ -1,43 +1,43 @@
 export interface GeneratorColorChromaSettingsGroup {
-    [key: number]: {
-        vivid: GeneratorColorChromaSettings;
-        normal: GeneratorColorChromaSettings;
-        dim: GeneratorColorChromaSettings;
-    };
+  [key: number]: {
+    vivid: GeneratorColorChromaSettings;
+    normal: GeneratorColorChromaSettings;
+    dim: GeneratorColorChromaSettings;
+  };
 }
 export interface GeneratorColorChromaSettings {
-    rel: number;
-    min?: number;
-    max?: number;
+  rel: number;
+  min?: number;
+  max?: number;
 }
 export interface GeneratorColorPalette {
-    vivid: {
-        [key: number]: string;
-    };
-    normal: {
-        [key: number]: string;
-    };
-    dim: {
-        [key: number]: string;
-    };
+  vivid: {
+    [key: number]: string;
+  };
+  normal: {
+    [key: number]: string;
+  };
+  dim: {
+    [key: number]: string;
+  };
 }
 export interface GeneratorColorAbneyCorrection {
-    [lightness: number]: {
-        [hueShiftRange: number]: number;
-    };
+  [lightness: number]: {
+    [hueShiftRange: number]: number;
+  };
 }
 export interface GeneratorColorWarningHuePatch {
-    [lightness: number]: number;
+  [lightness: number]: number;
 }
 export interface GeneratorPaletteParams {
-    color: string;
-    type?: 'default' | 'warning' | 'promo';
-    settings?: {
-        chromaSettings?: GeneratorColorChromaSettingsGroup;
-        abneyCorrection?: GeneratorColorAbneyCorrection;
-        promoHueShifts?: {
-            [hueRange: number]: number;
-        };
-        warningHuePatch?: GeneratorColorWarningHuePatch;
+  color: string;
+  type?: 'default' | 'warning' | 'promo';
+  settings?: {
+    chromaSettings?: GeneratorColorChromaSettingsGroup;
+    abneyCorrection?: GeneratorColorAbneyCorrection;
+    promoHueShifts?: {
+      [hueRange: number]: number;
     };
+    warningHuePatch?: GeneratorColorWarningHuePatch;
+  };
 }

package/dist/esm/utils/format-variable.d.ts

@@ -0,0 +1,2 @@
+export declare const camelCaseToKebabCase: (str: string) => string;
+export declare const kebabCaseToCamelCase: (str: string) => string;

package/dist/esm/utils/format-variable.js

@@ -0,0 +1,10 @@
+export var camelCaseToKebabCase = function (str) {
+  return str.replace(/[A-Z]/g, function (match) {
+    return '-'.concat(match.toLowerCase());
+  });
+};
+export var kebabCaseToCamelCase = function (str) {
+  return str.replace(/-(\w)/g, function (_, c) {
+    return c.toUpperCase();
+  });
+};