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

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

@@ -7,13 +7,20 @@ export interface ColorObject {
 }
 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

@@ -133,6 +133,7 @@ export function convertAlphaOklchToRgba(obj) {
   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);
       }
@@ -145,3 +146,112 @@ export function convertAlphaOklchToRgba(obj) {
   }
   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/get-colors.d.ts

@@ -1,4 +1,4 @@
-import { type ConfigOptions } from './get-base-tokens';
+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> {
@@ -10,6 +10,7 @@ export type DefaultTokens = DefaultTokensFull['light' | 'dark'];
 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,4 +1,4 @@
-import { getBaseTokens, convertOklchToHex, convertAlphaOklchToRgba } from './get-base-tokens'; //
+import { getBaseTokens, convertColorFormat } from './get-base-tokens';
 import { getDefaultTokens } from './get-default-tokens';
 var DEFAULT_THEME = 'light';
 export function getColors(params) {
@@ -6,16 +6,11 @@ export function getColors(params) {
   var base = getBaseTokens(params);
   var defaults = getDefaultTokens(base);
   var result;
-  // 1. Получаем базовый объект цветов (либо дефолтный, либо переопределенный)
   if (params.overrides) {
     result = params.overrides(base, defaults, params)[theme];
   } else {
     result = defaults[theme];
   }
-  // 2. Конвертируем oklch без прозрачности в HEX
-  // Используем 'as any', так как конвертеры рассчитаны на рекурсивную структуру ColorStructure
-  var hexConverted = convertOklchToHex(result);
-  // 3. Конвертируем оставшиеся oklch (с прозрачностью) в RGBA
-  var finalResult = convertAlphaOklchToRgba(hexConverted);
+  var finalResult = convertColorFormat(result, params.format);
   return finalResult;
 }

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

@@ -223,9 +223,9 @@ export function calculateBaseHueAndCorrectionRange(inputColorString, abneyData)
   };
 }
 export function calcOnBrand(hex) {
-  var whiteContrast = Number(calcAPCA('#fff', hex));
-  var blackContrast = Number(calcAPCA('#000', hex));
-  if (whiteContrast - 10 <= blackContrast) {
+  var whiteContrast = Math.abs(Number(calcAPCA('#fff', hex)));
+  var blackContrast = Math.abs(Number(calcAPCA('#000', hex)));
+  if (whiteContrast + 10 >= blackContrast) {
     return DefaultSwatch.whiteAlpha;
   }
   return DefaultSwatch.blackAlpha;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skbkontur/colors",
-  "version": "2.0.0-alpha.1",
+  "version": "2.0.0-alpha.2",
   "author": "Kontur",
   "publishConfig": {
     "access": "public",