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

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

@@ -1,147 +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];
-      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;
-}

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 {};