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

package/dist/cjs/helpers/get-interactions.d.ts

@@ -0,0 +1,7 @@
+interface InteractionColors {
+  light: string;
+  dark: string;
+}
+export declare function getHover(hex: string): InteractionColors;
+export declare function getPressed(hex: string): InteractionColors;
+export {};

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

@@ -0,0 +1,61 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.getPressed = exports.getHover = void 0;
+var culori_1 = require('culori');
+var interaction_settings_1 = require('../constants/interaction-settings');
+function applyOklchDelta(oklchColor, dL, dC) {
+  var _a = oklchColor.l,
+    l = _a === void 0 ? 0 : _a,
+    _b = oklchColor.c,
+    c = _b === void 0 ? 0 : _b,
+    _c = oklchColor.h,
+    h = _c === void 0 ? 0 : _c;
+  var safeH = h === undefined || isNaN(h) ? 0 : h;
+  var newL = Math.max(0, Math.min(1, l + dL / 100));
+  var newC = Math.max(0, c + dC);
+  return 'oklch('.concat(newL.toFixed(3), ' ').concat(newC.toFixed(3), ' ').concat(safeH.toFixed(0), ')');
+}
+function getHover(hex) {
+  var toOklch = (0, culori_1.converter)('oklch');
+  var oklchColor = toOklch(hex);
+  if (!oklchColor) {
+    return { light: hex, dark: hex };
+  }
+  var lightHoverColor = applyOklchDelta(
+    oklchColor,
+    interaction_settings_1.HOVER_LIGHT_L,
+    interaction_settings_1.HOVER_LIGHT_C
+  );
+  var darkHoverColor = applyOklchDelta(
+    oklchColor,
+    interaction_settings_1.HOVER_DARK_L,
+    interaction_settings_1.HOVER_DARK_C
+  );
+  return {
+    light: lightHoverColor,
+    dark: darkHoverColor,
+  };
+}
+exports.getHover = getHover;
+function getPressed(hex) {
+  var toOklch = (0, culori_1.converter)('oklch');
+  var oklchColor = toOklch(hex);
+  if (!oklchColor) {
+    return { light: hex, dark: hex };
+  }
+  var lightPressedColor = applyOklchDelta(
+    oklchColor,
+    interaction_settings_1.PRESSED_LIGHT_L,
+    interaction_settings_1.PRESSED_LIGHT_C
+  );
+  var darkPressedColor = applyOklchDelta(
+    oklchColor,
+    interaction_settings_1.PRESSED_DARK_L,
+    interaction_settings_1.PRESSED_DARK_C
+  );
+  return {
+    light: lightPressedColor,
+    dark: darkPressedColor,
+  };
+}
+exports.getPressed = getPressed;

package/dist/cjs/helpers/get-logo.d.ts

@@ -1,6 +1,6 @@
 interface LogoColors {
-    light: string;
-    dark: string;
+  light: string;
+  dark: string;
 }
 export declare function getLogo(hex: string): LogoColors;
 export {};

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

@@ -1,29 +1,32 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.getLogo = void 0;
-var culori_1 = require("culori");
-var logo_lightness_1 = require("../constants/logo-lightness");
+var culori_1 = require('culori');
+var logo_lightness_1 = require('../constants/logo-lightness');
 function getLogo(hex) {
-    var toOklch = (0, culori_1.converter)('oklch');
-    var oklchColor = toOklch(hex);
-    var lightThemeLogoColor = hex;
-    if (!oklchColor) {
-        var fallbackColor = "oklch(".concat(logo_lightness_1.MIN_LOGO_LIGHTNESS, "% 0 0)");
-        return { light: hex, dark: fallbackColor };
-    }
-    var _a = oklchColor.l, l = _a === void 0 ? 0 : _a, _b = oklchColor.c, c = _b === void 0 ? 0 : _b;
-    var h = oklchColor.h;
-    var safeH = h === undefined || isNaN(h) ? 0 : h;
-    l = l || 0;
-    c = c || 0;
-    var percentL = l * 100;
-    if (percentL < logo_lightness_1.MIN_LOGO_LIGHTNESS) {
-        l = logo_lightness_1.MIN_LOGO_LIGHTNESS / 100;
-    }
-    var darkThemeLogoColor = "oklch(".concat(l.toFixed(3), " ").concat(c.toFixed(3), " ").concat(safeH.toFixed(0), ")");
-    return {
-        light: lightThemeLogoColor,
-        dark: darkThemeLogoColor,
-    };
+  var toOklch = (0, culori_1.converter)('oklch');
+  var oklchColor = toOklch(hex);
+  var lightThemeLogoColor = hex;
+  if (!oklchColor) {
+    var fallbackColor = 'oklch('.concat(logo_lightness_1.MIN_LOGO_LIGHTNESS, '% 0 0)');
+    return { light: hex, dark: fallbackColor };
+  }
+  var _a = oklchColor.l,
+    l = _a === void 0 ? 0 : _a,
+    _b = oklchColor.c,
+    c = _b === void 0 ? 0 : _b;
+  var h = oklchColor.h;
+  var safeH = h === undefined || isNaN(h) ? 0 : h;
+  l = l || 0;
+  c = c || 0;
+  var percentL = l * 100;
+  if (percentL < logo_lightness_1.MIN_LOGO_LIGHTNESS) {
+    l = logo_lightness_1.MIN_LOGO_LIGHTNESS / 100;
+  }
+  var darkThemeLogoColor = 'oklch('.concat(l.toFixed(3), ' ').concat(c.toFixed(3), ' ').concat(safeH.toFixed(0), ')');
+  return {
+    light: lightThemeLogoColor,
+    dark: darkThemeLogoColor,
+  };
 }
 exports.getLogo = getLogo;

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

@@ -1,49 +1,76 @@
-import type { GeneratorColorAbneyCorrection, GeneratorColorChromaSettingsGroup, GeneratorColorPalette, GeneratorColorWarningHuePatch } from '../types/generator-tokens';
+import type {
+  GeneratorColorAbneyCorrection,
+  GeneratorColorChromaSettingsGroup,
+  GeneratorColorPalette,
+  GeneratorColorWarningHuePatch,
+} from '../types/generator-tokens';
 interface GeneratePaletteParams {
-    color: string;
-    type?: 'default' | 'warning';
-    settings?: {
-        chromaSettings?: GeneratorColorChromaSettingsGroup;
-        abneyCorrection?: GeneratorColorAbneyCorrection;
-        promoHueShifts?: {
-            [hueRange: number]: number;
-        };
-        warningHuePatch?: GeneratorColorWarningHuePatch;
+  color: string;
+  type?: 'default' | 'warning';
+  settings?: {
+    chromaSettings?: GeneratorColorChromaSettingsGroup;
+    abneyCorrection?: GeneratorColorAbneyCorrection;
+    promoHueShifts?: {
+      [hueRange: number]: number;
     };
+    warningHuePatch?: GeneratorColorWarningHuePatch;
+  };
 }
-export declare function getPalette({ color, type, settings: customSettings, }: GeneratePaletteParams): GeneratorColorPalette;
-export declare function getAbneyHueShift(lightness: number, currentHue: number, abneyData: GeneratorColorAbneyCorrection): number;
-export declare function applyAbneyShift(lightness: number, currentHue: number, abneyData: GeneratorColorAbneyCorrection): number;
-export declare function applyWarningHuePatch(currentHue: number, lightness: number, warningHuePatchData: GeneratorColorWarningHuePatch, isWarningMode: boolean): number;
-export declare function calculateBaseHueAndCorrectionRange(inputColorString: string, abneyData: GeneratorColorAbneyCorrection): {
-    baseHue: number;
-    correctionLightness: number;
-    correctionHueRange: number;
+export declare function getPalette({
+  color,
+  type,
+  settings: customSettings,
+}: GeneratePaletteParams): GeneratorColorPalette;
+export declare function getAbneyHueShift(
+  lightness: number,
+  currentHue: number,
+  abneyData: GeneratorColorAbneyCorrection
+): number;
+export declare function applyAbneyShift(
+  lightness: number,
+  currentHue: number,
+  abneyData: GeneratorColorAbneyCorrection
+): number;
+export declare function applyWarningHuePatch(
+  currentHue: number,
+  lightness: number,
+  warningHuePatchData: GeneratorColorWarningHuePatch,
+  isWarningMode: boolean
+): number;
+export declare function calculateBaseHueAndCorrectionRange(
+  inputColorString: string,
+  abneyData: GeneratorColorAbneyCorrection
+): {
+  baseHue: number;
+  correctionLightness: number;
+  correctionHueRange: number;
 } | null;
 export declare function calcOnBrand(hex: string): {
-    4: 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;
+  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 {};