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

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

@@ -0,0 +1,81 @@
+import { calcOnBrand, getPalette } from './helpers/get-palette.js';
+import { getHover, getPressed } from './helpers/get-interactions.js';
+import { getLogo } from './helpers/get-logo.js';
+import { getPromo } from './helpers/get-promo.js';
+import { convertColorFormat } from './utils/convert-color.js';
+import * as DEFAULT_SWATCH from './consts/default-swatch.js';
+export function getColorsBase(_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,
+    _d = _a.format,
+    format = _d === void 0 ? 'hex/rgba' : _d;
+  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],
+    });
+  }
+  var result = {
+    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,
+  };
+  return convertColorFormat(result, format);
+}

package/dist/{cjs/get-default-tokens.d.ts → esm/get-colors-default-tokens.d.ts}

@@ -1,5 +1,5 @@
-import type { BaseTokens } from './types/base-tokens';
-export declare const getDefaultTokens: (base: BaseTokens) => {
+import type { BaseTokens } from './types/tokens-base.js';
+export declare const getColorsDefaultTokens: (base: BaseTokens) => {
   light: {
     textAccentHeavy: string;
     textAccentHeavyHover: string;

package/dist/{cjs/get-default-tokens.js → esm/get-colors-default-tokens.js}

@@ -1,7 +1,4 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-exports.getDefaultTokens = void 0;
-var getDefaultTokens = function (base) {
+export var getColorsDefaultTokens = function (base) {
   var _a,
     _b,
     _c,
@@ -268,8 +265,8 @@ var getDefaultTokens = function (base) {
       shapeFaintErrorHover: base.customizable.red.normal[92],
       shapeFaintErrorPressed: base.customizable.red.dim[92],
       shapeFaintNeutralAlpha: base.blackAlpha[6],
-      shapeFaintNeutralAlphaHover: base.blackAlpha[8],
-      shapeFaintNeutralAlphaPressed: base.blackAlpha[12],
+      shapeFaintNeutralAlphaHover: base.blackAlpha[12],
+      shapeFaintNeutralAlphaPressed: base.blackAlpha[16],
       shapeFaintSuccess: base.customizable.green.normal[96],
       shapeFaintSuccessHover: base.customizable.green.normal[92],
       shapeFaintSuccessPressed: base.customizable.green.dim[92],
@@ -282,7 +279,7 @@ var getDefaultTokens = function (base) {
       shapeHeavyWarning: base.warning.vivid[36],
       shapeOtherAccentBoldDisabled: base.blackAlpha[32],
       shapeOtherBacklessHover: base.blackAlpha[6],
-      shapeOtherBacklessPressed: base.blackAlpha[8],
+      shapeOtherBacklessPressed: base.blackAlpha[16],
       shapeOtherBase: base.gray[100],
       shapeOtherBaseHover: base.gray[96],
       shapeOtherBasePressed: base.gray[92],
@@ -299,7 +296,7 @@ var getDefaultTokens = function (base) {
       shapeOtherNeutralPaleSolid: base.gray[92],
       shapeOtherNeutralPaleSolidHover: base.gray[88],
       shapeOtherNeutralPaleSolidPressed: base.gray[84],
-      shapeOtherNeutralSoftSolid: base.gray[84],
+      shapeOtherNeutralSoftSolid: base.gray[88],
       shapeOtherNeutralSoftSolidHover: base.gray[80],
       shapeOtherNeutralSoftSolidPressed: base.gray[76],
       shapePaleAccent:
@@ -320,9 +317,9 @@ var getDefaultTokens = function (base) {
       shapePaleError: base.customizable.red.vivid[92],
       shapePaleErrorHover: base.customizable.red.normal[88],
       shapePaleErrorPressed: base.customizable.red.dim[88],
-      shapePaleNeutralAlpha: base.blackAlpha[8],
-      shapePaleNeutralAlphaHover: base.blackAlpha[12],
-      shapePaleNeutralAlphaPressed: base.blackAlpha[16],
+      shapePaleNeutralAlpha: base.blackAlpha[12],
+      shapePaleNeutralAlphaHover: base.blackAlpha[16],
+      shapePaleNeutralAlphaPressed: base.blackAlpha[24],
       shapePaleSuccess: base.customizable.green.normal[92],
       shapePaleSuccessHover: base.customizable.green.normal[88],
       shapePaleSuccessPressed: base.customizable.green.dim[88],
@@ -365,12 +362,12 @@ var getDefaultTokens = function (base) {
       shapeInvertedNeutralHeavy: base.gray[100],
       shapeInvertedNeutralHeavyHover: base.whiteAlpha[88],
       shapeInvertedNeutralHeavyPressed: base.whiteAlpha[72],
-      shapeInvertedNeutralPaleAlpha: base.whiteAlpha[8],
-      shapeInvertedNeutralPaleAlphaHover: base.whiteAlpha[12],
+      shapeInvertedNeutralPaleAlpha: base.whiteAlpha[12],
+      shapeInvertedNeutralPaleAlphaHover: base.whiteAlpha[16],
       shapeInvertedNeutralPaleAlphaPressed: base.whiteAlpha[6],
       shapeInvertedNeutralSoftAlpha: base.whiteAlpha[16],
       shapeInvertedNeutralSoftAlphaHover: base.whiteAlpha[24],
-      shapeInvertedNeutralSoftAlphaPressed: base.whiteAlpha[12],
+      shapeInvertedNeutralSoftAlphaPressed: base.whiteAlpha[8],
       shapeConstBacklessBlackHover: base.blackAlpha[12],
       shapeConstBacklessBlackPressed: base.blackAlpha[16],
       shapeConstBacklessWhiteHover: base.whiteAlpha[12],
@@ -520,21 +517,21 @@ var getDefaultTokens = function (base) {
       illustrationWhite: base.gray[100],
       customizableBoldBlack: base.gray[52],
       customizableBoldBlue: base.customizable.blue.vivid[68],
-      customizableBoldBlueDeep: base.customizable.blueDeep.vivid[68],
+      customizableBoldBlueDeep: base.customizable.blueDeep.vivid[64],
       customizableBoldGray: base.gray[72],
       customizableBoldGreen: base.customizable.green.vivid[68],
-      customizableBoldMint: base.customizable.mint.vivid[68],
+      customizableBoldMint: base.customizable.mint.vivid[72],
       customizableBoldOrange: base.customizable.orange.vivid[68],
       customizableBoldPurple: base.customizable.purple.vivid[68],
       customizableBoldRed: base.customizable.red.vivid[68],
       customizableBoldViolet: base.customizable.violet.vivid[68],
-      customizableBoldYellow: base.customizable.yellow.vivid[76],
+      customizableBoldYellow: base.customizable.yellow.vivid[80],
       customizableFaintBlack: base.gray[92],
       customizableFaintBlue: base.customizable.blue.vivid[96],
       customizableFaintBlueDeep: base.customizable.blueDeep.vivid[96],
       customizableFaintGray: base.gray[96],
-      customizableFaintGreen: base.customizable.green.vivid[96],
-      customizableFaintMint: base.customizable.mint.vivid[96],
+      customizableFaintGreen: base.customizable.green.normal[96],
+      customizableFaintMint: base.customizable.mint.normal[96],
       customizableFaintOrange: base.customizable.orange.vivid[96],
       customizableFaintPurple: base.customizable.purple.vivid[96],
       customizableFaintRed: base.customizable.red.vivid[96],
@@ -555,8 +552,8 @@ var getDefaultTokens = function (base) {
       customizablePaleBlue: base.customizable.blue.vivid[92],
       customizablePaleBlueDeep: base.customizable.blueDeep.vivid[92],
       customizablePaleGray: base.gray[92],
-      customizablePaleGreen: base.customizable.green.vivid[92],
-      customizablePaleMint: base.customizable.mint.vivid[92],
+      customizablePaleGreen: base.customizable.green.normal[92],
+      customizablePaleMint: base.customizable.mint.normal[92],
       customizablePaleOrange: base.customizable.orange.vivid[92],
       customizablePalePurple: base.customizable.purple.vivid[92],
       customizablePaleRed: base.customizable.red.vivid[92],
@@ -712,13 +709,13 @@ var getDefaultTokens = function (base) {
       shapeOtherLowPressed: base.blackAlpha[32],
       shapeOtherNeutralFaintSolid: base.gray[32],
       shapeOtherNeutralFaintSolidHover: base.gray[36],
-      shapeOtherNeutralFaintSolidPressed: base.gray[28],
+      shapeOtherNeutralFaintSolidPressed: base.gray[32],
       shapeOtherNeutralPaleSolid: base.gray[36],
       shapeOtherNeutralPaleSolidHover: base.gray[40],
       shapeOtherNeutralPaleSolidPressed: base.gray[32],
-      shapeOtherNeutralSoftSolid: base.gray[44],
+      shapeOtherNeutralSoftSolid: base.gray[40],
       shapeOtherNeutralSoftSolidHover: base.gray[48],
-      shapeOtherNeutralSoftSolidPressed: base.gray[40],
+      shapeOtherNeutralSoftSolidPressed: base.gray[36],
       shapePaleAccent:
         ((_84 = (_83 = base.accent) === null || _83 === void 0 ? void 0 : _83.palette) === null || _84 === void 0
           ? void 0
@@ -737,8 +734,8 @@ var getDefaultTokens = function (base) {
       shapePaleError: base.customizable.red.dim[36],
       shapePaleErrorHover: base.customizable.red.dim[40],
       shapePaleErrorPressed: base.customizable.red.dim[32],
-      shapePaleNeutralAlpha: base.whiteAlpha[8],
-      shapePaleNeutralAlphaHover: base.whiteAlpha[12],
+      shapePaleNeutralAlpha: base.whiteAlpha[12],
+      shapePaleNeutralAlphaHover: base.whiteAlpha[16],
       shapePaleNeutralAlphaPressed: base.whiteAlpha[6],
       shapePaleSuccess: base.customizable.green.dim[36],
       shapePaleSuccessHover: base.customizable.green.dim[40],
@@ -766,7 +763,7 @@ var getDefaultTokens = function (base) {
       shapeSoftErrorPressed: base.customizable.red.dim[44],
       shapeSoftNeutralAlpha: base.whiteAlpha[16],
       shapeSoftNeutralAlphaHover: base.whiteAlpha[24],
-      shapeSoftNeutralAlphaPressed: base.whiteAlpha[12],
+      shapeSoftNeutralAlphaPressed: base.whiteAlpha[8],
       shapeSoftSuccess: base.customizable.green.dim[48],
       shapeSoftSuccessHover: base.customizable.green.dim[52],
       shapeSoftSuccessPressed: base.customizable.green.dim[44],
@@ -774,17 +771,17 @@ var getDefaultTokens = function (base) {
       shapeSoftWarningHover: base.warning.dim[56],
       shapeSoftWarningPressed: base.warning.dim[48],
       shapeInvertedBacklessHover: base.blackAlpha[6],
-      shapeInvertedBacklessPressed: base.blackAlpha[8],
+      shapeInvertedBacklessPressed: base.blackAlpha[16],
       shapeInvertedDisabled: base.blackAlpha[6],
       shapeInvertedNeutralFaintAlpha: base.blackAlpha[6],
-      shapeInvertedNeutralFaintAlphaHover: base.blackAlpha[8],
-      shapeInvertedNeutralFaintAlphaPressed: base.blackAlpha[12],
+      shapeInvertedNeutralFaintAlphaHover: base.blackAlpha[12],
+      shapeInvertedNeutralFaintAlphaPressed: base.blackAlpha[16],
       shapeInvertedNeutralHeavy: base.blackAlpha[80],
       shapeInvertedNeutralHeavyHover: base.blackAlpha[88],
       shapeInvertedNeutralHeavyPressed: base.blackAlpha[72],
-      shapeInvertedNeutralPaleAlpha: base.blackAlpha[8],
-      shapeInvertedNeutralPaleAlphaHover: base.blackAlpha[12],
-      shapeInvertedNeutralPaleAlphaPressed: base.blackAlpha[16],
+      shapeInvertedNeutralPaleAlpha: base.blackAlpha[12],
+      shapeInvertedNeutralPaleAlphaHover: base.blackAlpha[16],
+      shapeInvertedNeutralPaleAlphaPressed: base.blackAlpha[24],
       shapeInvertedNeutralSoftAlpha: base.blackAlpha[16],
       shapeInvertedNeutralSoftAlphaHover: base.blackAlpha[24],
       shapeInvertedNeutralSoftAlphaPressed: base.blackAlpha[32],
@@ -937,15 +934,15 @@ var getDefaultTokens = function (base) {
       illustrationWhite: base.gray[100],
       customizableBoldBlack: base.gray[76],
       customizableBoldBlue: base.customizable.blue.normal[64],
-      customizableBoldBlueDeep: base.customizable.blueDeep.vivid[64],
+      customizableBoldBlueDeep: base.customizable.blueDeep.vivid[60],
       customizableBoldGray: base.gray[52],
       customizableBoldGreen: base.customizable.green.normal[64],
-      customizableBoldMint: base.customizable.mint.normal[64],
-      customizableBoldOrange: base.customizable.orange.normal[64],
+      customizableBoldMint: base.customizable.mint.normal[68],
+      customizableBoldOrange: base.customizable.orange.normal[68],
       customizableBoldPurple: base.customizable.purple.normal[64],
       customizableBoldRed: base.customizable.red.normal[64],
       customizableBoldViolet: base.customizable.violet.normal[64],
-      customizableBoldYellow: base.customizable.yellow.vivid[72],
+      customizableBoldYellow: base.customizable.yellow.vivid[76],
       customizableFaintBlack: base.gray[40],
       customizableFaintBlue: base.customizable.blue.dim[32],
       customizableFaintBlueDeep: base.customizable.blueDeep.dim[32],
@@ -993,4 +990,3 @@ var getDefaultTokens = function (base) {
     },
   };
 };
-exports.getDefaultTokens = getDefaultTokens;

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

@@ -1,16 +1,9 @@
-import { type ConfigOptions, type ColorFormat } 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 DefaultTokensFull = ReturnType<typeof getDefaultTokens>;
-export type DefaultTokens = DefaultTokensFull['light' | 'dark'];
+import { type ConfigOptions } from './get-colors-base.js';
+import type { BaseTokens } from './types/tokens-base.js';
+import type { DefaultTokens, DefaultTokensFull, Themed } from './types/tokens.js';
 export interface SemanticConfigOptions<T> extends ConfigOptions {
   theme?: 'light' | 'dark';
   overrides?: (base: BaseTokens, defaults?: DefaultTokensFull, params?: SemanticConfigOptions<T>) => Themed<T>;
-  format?: ColorFormat;
 }
 export declare function getColors(params: SemanticConfigOptions<DefaultTokens>): DefaultTokens;
 export declare function getColors<T>(

package/dist/esm/get-colors.js

@@ -1,16 +1,14 @@
-import { getBaseTokens, convertColorFormat } from './get-base-tokens';
-import { getDefaultTokens } from './get-default-tokens';
-var DEFAULT_THEME = 'light';
+import { getColorsBase } from './get-colors-base.js';
+import { getColorsDefaultTokens } from './get-colors-default-tokens.js';
 export function getColors(params) {
-  var theme = params.theme || DEFAULT_THEME;
-  var base = getBaseTokens(params);
-  var defaults = getDefaultTokens(base);
+  var theme = params.theme || 'light';
+  var base = getColorsBase(params);
+  var defaults = getColorsDefaultTokens(base);
   var result;
   if (params.overrides) {
     result = params.overrides(base, defaults, params)[theme];
   } else {
     result = defaults[theme];
   }
-  var finalResult = convertColorFormat(result, params.format);
-  return finalResult;
+  return result;
 }

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

@@ -1,4 +1,4 @@
-import type { BaseTokens } from './types/base-tokens';
+import type { BaseTokens } from './types/tokens-base.js';
 export declare const getDefaultTokens: (base: BaseTokens) => {
   light: {
     textAccentHeavy: string;

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

@@ -265,8 +265,8 @@ export var getDefaultTokens = function (base) {
       shapeFaintErrorHover: base.customizable.red.normal[92],
       shapeFaintErrorPressed: base.customizable.red.dim[92],
       shapeFaintNeutralAlpha: base.blackAlpha[6],
-      shapeFaintNeutralAlphaHover: base.blackAlpha[8],
-      shapeFaintNeutralAlphaPressed: base.blackAlpha[12],
+      shapeFaintNeutralAlphaHover: base.blackAlpha[12],
+      shapeFaintNeutralAlphaPressed: base.blackAlpha[16],
       shapeFaintSuccess: base.customizable.green.normal[96],
       shapeFaintSuccessHover: base.customizable.green.normal[92],
       shapeFaintSuccessPressed: base.customizable.green.dim[92],
@@ -279,7 +279,7 @@ export var getDefaultTokens = function (base) {
       shapeHeavyWarning: base.warning.vivid[36],
       shapeOtherAccentBoldDisabled: base.blackAlpha[32],
       shapeOtherBacklessHover: base.blackAlpha[6],
-      shapeOtherBacklessPressed: base.blackAlpha[8],
+      shapeOtherBacklessPressed: base.blackAlpha[16],
       shapeOtherBase: base.gray[100],
       shapeOtherBaseHover: base.gray[96],
       shapeOtherBasePressed: base.gray[92],
@@ -296,7 +296,7 @@ export var getDefaultTokens = function (base) {
       shapeOtherNeutralPaleSolid: base.gray[92],
       shapeOtherNeutralPaleSolidHover: base.gray[88],
       shapeOtherNeutralPaleSolidPressed: base.gray[84],
-      shapeOtherNeutralSoftSolid: base.gray[84],
+      shapeOtherNeutralSoftSolid: base.gray[88],
       shapeOtherNeutralSoftSolidHover: base.gray[80],
       shapeOtherNeutralSoftSolidPressed: base.gray[76],
       shapePaleAccent:
@@ -317,9 +317,9 @@ export var getDefaultTokens = function (base) {
       shapePaleError: base.customizable.red.vivid[92],
       shapePaleErrorHover: base.customizable.red.normal[88],
       shapePaleErrorPressed: base.customizable.red.dim[88],
-      shapePaleNeutralAlpha: base.blackAlpha[8],
-      shapePaleNeutralAlphaHover: base.blackAlpha[12],
-      shapePaleNeutralAlphaPressed: base.blackAlpha[16],
+      shapePaleNeutralAlpha: base.blackAlpha[12],
+      shapePaleNeutralAlphaHover: base.blackAlpha[16],
+      shapePaleNeutralAlphaPressed: base.blackAlpha[24],
       shapePaleSuccess: base.customizable.green.normal[92],
       shapePaleSuccessHover: base.customizable.green.normal[88],
       shapePaleSuccessPressed: base.customizable.green.dim[88],
@@ -362,12 +362,12 @@ export var getDefaultTokens = function (base) {
       shapeInvertedNeutralHeavy: base.gray[100],
       shapeInvertedNeutralHeavyHover: base.whiteAlpha[88],
       shapeInvertedNeutralHeavyPressed: base.whiteAlpha[72],
-      shapeInvertedNeutralPaleAlpha: base.whiteAlpha[8],
-      shapeInvertedNeutralPaleAlphaHover: base.whiteAlpha[12],
+      shapeInvertedNeutralPaleAlpha: base.whiteAlpha[12],
+      shapeInvertedNeutralPaleAlphaHover: base.whiteAlpha[16],
       shapeInvertedNeutralPaleAlphaPressed: base.whiteAlpha[6],
       shapeInvertedNeutralSoftAlpha: base.whiteAlpha[16],
       shapeInvertedNeutralSoftAlphaHover: base.whiteAlpha[24],
-      shapeInvertedNeutralSoftAlphaPressed: base.whiteAlpha[12],
+      shapeInvertedNeutralSoftAlphaPressed: base.whiteAlpha[8],
       shapeConstBacklessBlackHover: base.blackAlpha[12],
       shapeConstBacklessBlackPressed: base.blackAlpha[16],
       shapeConstBacklessWhiteHover: base.whiteAlpha[12],
@@ -517,21 +517,21 @@ export var getDefaultTokens = function (base) {
       illustrationWhite: base.gray[100],
       customizableBoldBlack: base.gray[52],
       customizableBoldBlue: base.customizable.blue.vivid[68],
-      customizableBoldBlueDeep: base.customizable.blueDeep.vivid[68],
+      customizableBoldBlueDeep: base.customizable.blueDeep.vivid[64],
       customizableBoldGray: base.gray[72],
       customizableBoldGreen: base.customizable.green.vivid[68],
-      customizableBoldMint: base.customizable.mint.vivid[68],
+      customizableBoldMint: base.customizable.mint.vivid[72],
       customizableBoldOrange: base.customizable.orange.vivid[68],
       customizableBoldPurple: base.customizable.purple.vivid[68],
       customizableBoldRed: base.customizable.red.vivid[68],
       customizableBoldViolet: base.customizable.violet.vivid[68],
-      customizableBoldYellow: base.customizable.yellow.vivid[76],
+      customizableBoldYellow: base.customizable.yellow.vivid[80],
       customizableFaintBlack: base.gray[92],
       customizableFaintBlue: base.customizable.blue.vivid[96],
       customizableFaintBlueDeep: base.customizable.blueDeep.vivid[96],
       customizableFaintGray: base.gray[96],
-      customizableFaintGreen: base.customizable.green.vivid[96],
-      customizableFaintMint: base.customizable.mint.vivid[96],
+      customizableFaintGreen: base.customizable.green.normal[96],
+      customizableFaintMint: base.customizable.mint.normal[96],
       customizableFaintOrange: base.customizable.orange.vivid[96],
       customizableFaintPurple: base.customizable.purple.vivid[96],
       customizableFaintRed: base.customizable.red.vivid[96],
@@ -552,8 +552,8 @@ export var getDefaultTokens = function (base) {
       customizablePaleBlue: base.customizable.blue.vivid[92],
       customizablePaleBlueDeep: base.customizable.blueDeep.vivid[92],
       customizablePaleGray: base.gray[92],
-      customizablePaleGreen: base.customizable.green.vivid[92],
-      customizablePaleMint: base.customizable.mint.vivid[92],
+      customizablePaleGreen: base.customizable.green.normal[92],
+      customizablePaleMint: base.customizable.mint.normal[92],
       customizablePaleOrange: base.customizable.orange.vivid[92],
       customizablePalePurple: base.customizable.purple.vivid[92],
       customizablePaleRed: base.customizable.red.vivid[92],
@@ -709,13 +709,13 @@ export var getDefaultTokens = function (base) {
       shapeOtherLowPressed: base.blackAlpha[32],
       shapeOtherNeutralFaintSolid: base.gray[32],
       shapeOtherNeutralFaintSolidHover: base.gray[36],
-      shapeOtherNeutralFaintSolidPressed: base.gray[28],
+      shapeOtherNeutralFaintSolidPressed: base.gray[32],
       shapeOtherNeutralPaleSolid: base.gray[36],
       shapeOtherNeutralPaleSolidHover: base.gray[40],
       shapeOtherNeutralPaleSolidPressed: base.gray[32],
-      shapeOtherNeutralSoftSolid: base.gray[44],
+      shapeOtherNeutralSoftSolid: base.gray[40],
       shapeOtherNeutralSoftSolidHover: base.gray[48],
-      shapeOtherNeutralSoftSolidPressed: base.gray[40],
+      shapeOtherNeutralSoftSolidPressed: base.gray[36],
       shapePaleAccent:
         ((_84 = (_83 = base.accent) === null || _83 === void 0 ? void 0 : _83.palette) === null || _84 === void 0
           ? void 0
@@ -734,8 +734,8 @@ export var getDefaultTokens = function (base) {
       shapePaleError: base.customizable.red.dim[36],
       shapePaleErrorHover: base.customizable.red.dim[40],
       shapePaleErrorPressed: base.customizable.red.dim[32],
-      shapePaleNeutralAlpha: base.whiteAlpha[8],
-      shapePaleNeutralAlphaHover: base.whiteAlpha[12],
+      shapePaleNeutralAlpha: base.whiteAlpha[12],
+      shapePaleNeutralAlphaHover: base.whiteAlpha[16],
       shapePaleNeutralAlphaPressed: base.whiteAlpha[6],
       shapePaleSuccess: base.customizable.green.dim[36],
       shapePaleSuccessHover: base.customizable.green.dim[40],
@@ -763,7 +763,7 @@ export var getDefaultTokens = function (base) {
       shapeSoftErrorPressed: base.customizable.red.dim[44],
       shapeSoftNeutralAlpha: base.whiteAlpha[16],
       shapeSoftNeutralAlphaHover: base.whiteAlpha[24],
-      shapeSoftNeutralAlphaPressed: base.whiteAlpha[12],
+      shapeSoftNeutralAlphaPressed: base.whiteAlpha[8],
       shapeSoftSuccess: base.customizable.green.dim[48],
       shapeSoftSuccessHover: base.customizable.green.dim[52],
       shapeSoftSuccessPressed: base.customizable.green.dim[44],
@@ -771,17 +771,17 @@ export var getDefaultTokens = function (base) {
       shapeSoftWarningHover: base.warning.dim[56],
       shapeSoftWarningPressed: base.warning.dim[48],
       shapeInvertedBacklessHover: base.blackAlpha[6],
-      shapeInvertedBacklessPressed: base.blackAlpha[8],
+      shapeInvertedBacklessPressed: base.blackAlpha[16],
       shapeInvertedDisabled: base.blackAlpha[6],
       shapeInvertedNeutralFaintAlpha: base.blackAlpha[6],
-      shapeInvertedNeutralFaintAlphaHover: base.blackAlpha[8],
-      shapeInvertedNeutralFaintAlphaPressed: base.blackAlpha[12],
+      shapeInvertedNeutralFaintAlphaHover: base.blackAlpha[12],
+      shapeInvertedNeutralFaintAlphaPressed: base.blackAlpha[16],
       shapeInvertedNeutralHeavy: base.blackAlpha[80],
       shapeInvertedNeutralHeavyHover: base.blackAlpha[88],
       shapeInvertedNeutralHeavyPressed: base.blackAlpha[72],
-      shapeInvertedNeutralPaleAlpha: base.blackAlpha[8],
-      shapeInvertedNeutralPaleAlphaHover: base.blackAlpha[12],
-      shapeInvertedNeutralPaleAlphaPressed: base.blackAlpha[16],
+      shapeInvertedNeutralPaleAlpha: base.blackAlpha[12],
+      shapeInvertedNeutralPaleAlphaHover: base.blackAlpha[16],
+      shapeInvertedNeutralPaleAlphaPressed: base.blackAlpha[24],
       shapeInvertedNeutralSoftAlpha: base.blackAlpha[16],
       shapeInvertedNeutralSoftAlphaHover: base.blackAlpha[24],
       shapeInvertedNeutralSoftAlphaPressed: base.blackAlpha[32],
@@ -934,15 +934,15 @@ export var getDefaultTokens = function (base) {
       illustrationWhite: base.gray[100],
       customizableBoldBlack: base.gray[76],
       customizableBoldBlue: base.customizable.blue.normal[64],
-      customizableBoldBlueDeep: base.customizable.blueDeep.vivid[64],
+      customizableBoldBlueDeep: base.customizable.blueDeep.vivid[60],
       customizableBoldGray: base.gray[52],
       customizableBoldGreen: base.customizable.green.normal[64],
-      customizableBoldMint: base.customizable.mint.normal[64],
-      customizableBoldOrange: base.customizable.orange.normal[64],
+      customizableBoldMint: base.customizable.mint.normal[68],
+      customizableBoldOrange: base.customizable.orange.normal[68],
       customizableBoldPurple: base.customizable.purple.normal[64],
       customizableBoldRed: base.customizable.red.normal[64],
       customizableBoldViolet: base.customizable.violet.normal[64],
-      customizableBoldYellow: base.customizable.yellow.vivid[72],
+      customizableBoldYellow: base.customizable.yellow.vivid[76],
       customizableFaintBlack: base.gray[40],
       customizableFaintBlue: base.customizable.blue.dim[32],
       customizableFaintBlueDeep: base.customizable.blueDeep.dim[32],

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

@@ -8,7 +8,7 @@ import {
   PRESSED_LIGHT_C,
   PRESSED_DARK_L,
   PRESSED_DARK_C,
-} from '../constants/interaction-settings';
+} from '../consts/params/interactions.js';
 function applyOklchDelta(oklchColor, dL, dC) {
   var _a = oklchColor.l,
     l = _a === void 0 ? 0 : _a,

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

@@ -1,11 +1,11 @@
 import { converter } from 'culori';
-import { MIN_LOGO_LIGHTNESS } from '../constants/logo-lightness';
+import { LOGO_LIGHTNESS_MIN } from '../consts/params/logo-lightness.js';
 export function getLogo(hex) {
   var toOklch = converter('oklch');
   var oklchColor = toOklch(hex);
   var lightThemeLogoColor = hex;
   if (!oklchColor) {
-    var fallbackColor = 'oklch('.concat(MIN_LOGO_LIGHTNESS, '% 0 0)');
+    var fallbackColor = 'oklch('.concat(LOGO_LIGHTNESS_MIN, '% 0 0)');
     return { light: hex, dark: fallbackColor };
   }
   var _a = oklchColor.l,
@@ -17,8 +17,8 @@ export function getLogo(hex) {
   l = l || 0;
   c = c || 0;
   var percentL = l * 100;
-  if (percentL < MIN_LOGO_LIGHTNESS) {
-    l = MIN_LOGO_LIGHTNESS / 100;
+  if (percentL < LOGO_LIGHTNESS_MIN) {
+    l = LOGO_LIGHTNESS_MIN / 100;
   }
   var darkThemeLogoColor = 'oklch('.concat(l.toFixed(3), ' ').concat(c.toFixed(3), ' ').concat(safeH.toFixed(0), ')');
   return {

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

@@ -1,14 +1,14 @@
 import type {
   GeneratorColorAbneyCorrection,
-  GeneratorColorChromaSettingsGroup,
+  GeneratorColorChromaParamsGroup,
   GeneratorColorPalette,
   GeneratorColorWarningHuePatch,
-} from '../types/generator-tokens';
+} from '../types/tokens-base-generator.js';
 interface GeneratePaletteParams {
   color: string;
   type?: 'default' | 'warning';
   settings?: {
-    chromaSettings?: GeneratorColorChromaSettingsGroup;
+    chromaSettings?: GeneratorColorChromaParamsGroup;
     abneyCorrection?: GeneratorColorAbneyCorrection;
     promoHueShifts?: {
       [hueRange: number]: number;

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

@@ -26,18 +26,18 @@ var __spreadArray =
   };
 import { clampChroma, converter } from 'culori';
 import { calcAPCA } from 'apca-w3';
-import * as DefaultSwatch from '../constants/default-swatch';
-import { CHROMA_SETTINGS } from '../constants/chroma-settings';
-import { ABNEY_CORRECTION } from '../constants/abney-correction';
-import { PROMO_HUE_SHIFTS } from '../constants/promo-hue-shift';
-import { WARNING_HUE_PATCH } from '../constants/warning-hue-patch';
+import * as DefaultSwatch from '../consts/default-swatch.js';
+import { CHROMA_PARAMS } from '../consts/params/chroma-params.js';
+import { ABNEY_CORRECTION } from '../consts/params/abney-correction.js';
+import { PROMO_HUE_SHIFTS } from '../consts/params/promo-hue-shift.js';
+import { WARNING_HUE_PATCH } from '../consts/params/warning-hue-patch.js';
 export function getPalette(_a) {
   var color = _a.color,
     _b = _a.type,
     type = _b === void 0 ? 'default' : _b,
     customSettings = _a.settings;
   var defaultSettings = {
-    chromaSettings: CHROMA_SETTINGS,
+    chromaSettings: CHROMA_PARAMS,
     abneyCorrection: ABNEY_CORRECTION,
     promoHueShifts: PROMO_HUE_SHIFTS,
     warningHuePatch: WARNING_HUE_PATCH,

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

@@ -1,5 +1,5 @@
 import { clampChroma, converter, formatHex } from 'culori';
-import { PROMO_HUE_SHIFTS } from '../constants/promo-hue-shift';
+import { PROMO_HUE_SHIFTS } from '../consts/params/promo-hue-shift.js';
 export function getPromo(color, hueShifts) {
   if (hueShifts === void 0) {
     hueShifts = PROMO_HUE_SHIFTS;

package/dist/esm/types/{generator-tokens.d.ts → tokens-base-generator.d.ts}

@@ -1,4 +1,4 @@
-export interface GeneratorColorChromaSettingsGroup {
+export interface GeneratorColorChromaParamsGroup {
   [key: number]: {
     vivid: GeneratorColorChromaSettings;
     normal: GeneratorColorChromaSettings;
@@ -33,7 +33,7 @@ export interface GeneratorPaletteParams {
   color: string;
   type?: 'default' | 'warning' | 'promo';
   settings?: {
-    chromaSettings?: GeneratorColorChromaSettingsGroup;
+    chromaSettings?: GeneratorColorChromaParamsGroup;
     abneyCorrection?: GeneratorColorAbneyCorrection;
     promoHueShifts?: {
       [hueRange: number]: number;

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

@@ -0,0 +1,12 @@
+import type { getColorsDefaultTokens } from '../get-colors-default-tokens.js';
+export interface Themed<T> {
+  light: T;
+  dark: T;
+}
+export interface ColorObject {
+  [key: string]: ColorValue;
+}
+export type ColorValue = string | ColorObject | ColorValue[];
+export type ColorStructure = ColorObject | ColorValue[];
+export type DefaultTokensFull = ReturnType<typeof getColorsDefaultTokens>;
+export type DefaultTokens = DefaultTokensFull['light' | 'dark'];

package/dist/esm/types/tokens.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/utils/convert-color.d.ts

@@ -0,0 +1,3 @@
+import type { ColorStructure } from '../types/tokens.js';
+export type ColorFormat = 'hex/rgba' | 'oklch' | 'hex-aarrggbb';
+export declare function convertColorFormat(obj: ColorStructure, format?: ColorFormat): ColorStructure;