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

package/dist/esm/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/esm/constants/interaction-settings.d.ts

@@ -1,8 +0,0 @@
-export declare const HOVER_LIGHT_L = -4;
-export declare const HOVER_LIGHT_C = 0;
-export declare const HOVER_DARK_L = 4;
-export declare const HOVER_DARK_C = 0;
-export declare const PRESSED_LIGHT_L = -8;
-export declare const PRESSED_LIGHT_C = -0.03;
-export declare const PRESSED_DARK_L = -4;
-export declare const PRESSED_DARK_C = -0.03;

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

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

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

@@ -1 +0,0 @@
-export var MIN_LOGO_LIGHTNESS = 64;

package/dist/esm/constants/promo-hue-shift.d.ts

@@ -1,3 +0,0 @@
-export declare const PROMO_HUE_SHIFTS: {
-  [hueRange: number]: number;
-};

package/dist/esm/constants/warning-hue-patch.d.ts

@@ -1,3 +0,0 @@
-export declare const WARNING_HUE_PATCH: {
-  [lightness: number]: number;
-};

package/dist/esm/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 {};

package/dist/esm/get-base-tokens.js

@@ -1,257 +0,0 @@
-import { converter, formatHex } from 'culori';
-import { calcOnBrand, getPalette } from './helpers/get-palette';
-import { getPromo } from './helpers/get-promo';
-import * as DEFAULT_SWATCH from './constants/default-swatch';
-import { getLogo } from './helpers/get-logo';
-import { getHover, getPressed } from './helpers/get-interactions';
-export var ACCENT_PARAMS = ['brand', 'gray'];
-export function getBaseTokens(_a) {
-  var brand = _a.brand,
-    _b = _a.accent,
-    accent = _b === void 0 ? 'gray' : _b,
-    _c = _a.system,
-    system = _c === void 0 ? DEFAULT_SWATCH.system : _c;
-  var isPresetColor = brand in DEFAULT_SWATCH.brand;
-  var brandColor;
-  if (isPresetColor) {
-    brandColor = DEFAULT_SWATCH.brand[brand];
-  } else {
-    brandColor = brand;
-  }
-  var accentColor;
-  if (accent === 'brand') {
-    accentColor = brandColor;
-  } else if (accent !== 'gray') {
-    accentColor = accent;
-  }
-  var brandPalette = getPalette({ color: brandColor });
-  var accentPalette;
-  if (accent === 'brand') {
-    accentPalette = brandPalette;
-  } else if (accent !== 'gray' && accentColor) {
-    accentPalette = getPalette({ color: accentColor });
-  }
-  var customizablePalettes = {};
-  for (var colorKey in DEFAULT_SWATCH.customizable) {
-    var key = colorKey;
-    if (key === brand && isPresetColor) {
-      customizablePalettes[key] = brandPalette;
-      continue;
-    }
-    customizablePalettes[key] = getPalette({
-      color: DEFAULT_SWATCH.customizable[key],
-    });
-  }
-  return {
-    brand: {
-      logo: getLogo(brandColor),
-      promo: getPromo(brandColor),
-      original: brandColor,
-      interactions: {
-        hover: getHover(brandColor),
-        pressed: getPressed(brandColor),
-      },
-      palette: brandPalette,
-    },
-    accent: accentColor
-      ? {
-          original: {
-            light: accentColor,
-            dark: accentColor,
-          },
-          interactions: {
-            hover: getHover(accentColor),
-            pressed: getPressed(accentColor),
-          },
-          palette: accentPalette,
-        }
-      : undefined,
-    warning: getPalette({ color: system.warning }),
-    error: getPalette({ color: system.error }),
-    success: getPalette({ color: system.success }),
-    gray: DEFAULT_SWATCH.gray,
-    whiteAlpha: DEFAULT_SWATCH.whiteAlpha,
-    blackAlpha: DEFAULT_SWATCH.blackAlpha,
-    onBrand: calcOnBrand(brandColor),
-    onAccent: accentColor ? calcOnBrand(accentColor) : undefined,
-    customizable: customizablePalettes,
-  };
-}
-export function convertOklchToHex(obj) {
-  if (typeof obj !== 'object' || obj === null) {
-    return obj;
-  }
-  if (Array.isArray(obj)) {
-    return obj.map(function (item) {
-      if (typeof item === 'object' && item !== null) {
-        return convertOklchToHex(item);
-      }
-      return item;
-    });
-  }
-  var newObj = {};
-  for (var key in obj) {
-    if (Object.prototype.hasOwnProperty.call(obj, key)) {
-      var value = obj[key];
-      if (typeof value === 'string' && value.startsWith('oklch(') && !value.includes('/')) {
-        var oklchColor = converter('oklch')(value);
-        var rgbColor = converter('rgb')(oklchColor);
-        value = formatHex(rgbColor);
-      }
-      if (typeof value === 'object' && value !== null) {
-        newObj[key] = convertOklchToHex(value);
-      } else {
-        newObj[key] = value;
-      }
-    }
-  }
-  return newObj;
-}
-export var convertOklchToRgba = function (oklchString) {
-  var _a;
-  var oklch = converter('oklch')(oklchString);
-  var rgb = converter('rgb')(oklch);
-  var r = Math.round(rgb.r * 255);
-  var g = Math.round(rgb.g * 255);
-  var b = Math.round(rgb.b * 255);
-  var alpha = (_a = oklch.alpha) !== null && _a !== void 0 ? _a : 1;
-  return 'rgba('.concat(r, ', ').concat(g, ', ').concat(b, ', ').concat(alpha, ')');
-};
-export function convertAlphaOklchToRgba(obj) {
-  if (typeof obj !== 'object' || obj === null) {
-    return obj;
-  }
-  if (Array.isArray(obj)) {
-    return obj.map(function (item) {
-      if (typeof item === 'object' && item !== null) {
-        return convertAlphaOklchToRgba(item);
-      }
-      return item;
-    });
-  }
-  var newObj = {};
-  for (var key in obj) {
-    if (Object.prototype.hasOwnProperty.call(obj, key)) {
-      var value = obj[key];
-      // Конвертируем OKLCH с альфа-каналом (содержит '/') в RGBA
-      if (typeof value === 'string' && value.includes('oklch(')) {
-        value = convertOklchToRgba(value);
-      }
-      if (typeof value === 'object' && value !== null) {
-        newObj[key] = convertAlphaOklchToRgba(value);
-      } else {
-        newObj[key] = value;
-      }
-    }
-  }
-  return newObj;
-}
-export var convertHexToRgbString = function (hexString) {
-  var _a;
-  var color = converter('rgb')(hexString);
-  if (!color) {
-    return hexString;
-  }
-  var r = Math.round(color.r * 255);
-  var g = Math.round(color.g * 255);
-  var b = Math.round(color.b * 255);
-  var alpha = (_a = color.alpha) !== null && _a !== void 0 ? _a : 1;
-  return alpha === 1
-    ? 'rgb('.concat(r, ', ').concat(g, ', ').concat(b, ')')
-    : 'rgba('.concat(r, ', ').concat(g, ', ').concat(b, ', ').concat(alpha, ')');
-};
-export function convertHexValuesToRgb(obj) {
-  if (typeof obj !== 'object' || obj === null) {
-    return obj;
-  }
-  if (Array.isArray(obj)) {
-    return obj.map(function (item) {
-      if (typeof item === 'object' && item !== null) {
-        return convertHexValuesToRgb(item);
-      }
-      return item;
-    });
-  }
-  var newObj = {};
-  for (var key in obj) {
-    if (Object.prototype.hasOwnProperty.call(obj, key)) {
-      var value = obj[key];
-      // Конвертируем HEX-строки в RGB(A)-строки
-      if (typeof value === 'string' && value.startsWith('#')) {
-        newObj[key] = convertHexToRgbString(value);
-      } else if (typeof value === 'object' && value !== null) {
-        newObj[key] = convertHexValuesToRgb(value);
-      } else {
-        newObj[key] = value;
-      }
-    }
-  }
-  return newObj;
-}
-export var convertToAarrggbb = function (colorString) {
-  var _a;
-  var color = converter('rgb')(colorString);
-  if (!color) {
-    return colorString;
-  }
-  var r = Math.round(color.r * 255);
-  var g = Math.round(color.g * 255);
-  var b = Math.round(color.b * 255);
-  var alpha = Math.round(((_a = color.alpha) !== null && _a !== void 0 ? _a : 1) * 255);
-  var toHex = function (c) {
-    return c.toString(16).padStart(2, '0');
-  };
-  var rgbHex = ''.concat(toHex(r)).concat(toHex(g)).concat(toHex(b)).toUpperCase();
-  if (alpha === 255) {
-    return '#'.concat(rgbHex);
-  }
-  return '#'.concat(toHex(alpha)).concat(rgbHex).toUpperCase();
-};
-export function convertToAarrggbbRecursive(obj) {
-  if (typeof obj !== 'object' || obj === null) {
-    return obj;
-  }
-  if (Array.isArray(obj)) {
-    return obj.map(function (item) {
-      if (typeof item === 'object' && item !== null) {
-        return convertToAarrggbbRecursive(item);
-      }
-      return item;
-    });
-  }
-  var newObj = {};
-  for (var key in obj) {
-    if (Object.prototype.hasOwnProperty.call(obj, key)) {
-      var value = obj[key];
-      // Конвертируем строки цветов (HEX, RGBA) в AARRGGBB
-      if (typeof value === 'string') {
-        newObj[key] = convertToAarrggbb(value); // Измененная логика в этой функции
-      } else if (typeof value === 'object' && value !== null) {
-        newObj[key] = convertToAarrggbbRecursive(value);
-      } else {
-        newObj[key] = value;
-      }
-    }
-  }
-  return newObj;
-}
-export function convertColorFormat(obj, format) {
-  if (format === void 0) {
-    format = 'hex/rgba';
-  }
-  var result = obj;
-  result = convertOklchToHex(obj);
-  result = convertAlphaOklchToRgba(result);
-  switch (format) {
-    case 'oklch':
-      return obj;
-    case 'hex/rgba':
-      return result;
-    case 'rgb/rgba':
-      return convertHexValuesToRgb(result);
-    case 'hex-aarrggbb':
-      return convertToAarrggbbRecursive(result);
-    default:
-      return result;
-  }
-}

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

@@ -1,125 +0,0 @@
-export interface BaseTokens {
-  brand: {
-    logo: ThemedValue;
-    original: string;
-    promo: string;
-    interactions: {
-      hover: ThemedValue;
-      pressed: ThemedValue;
-    };
-    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>;
-}
-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;
-};
-export interface ThemedValue {
-  light: string;
-  dark: string;
-}
-export {};