@skbkontur/colors 1.1.2-75bba.0 → 1.1.2-799ba.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,40 @@
+"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-palette.d.ts

@@ -22,6 +22,7 @@ export declare function calculateBaseHueAndCorrectionRange(inputColorString: str
 } | null;
 export declare function calcOnBrand(hex: string): {
     4: string;
+    6: string;
     8: string;
     12: string;
     16: string;
@@ -45,5 +46,6 @@ export declare function calcOnBrand(hex: string): {
     88: string;
     92: string;
     96: string;
+    100: string;
 };
 export {};