@via-profit/ui-kit 0.1.8 → 0.2.1-alpha.3

package/Color/ColorParser.js

@@ -0,0 +1,284 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorParser = void 0;
+class ColorParser {
+    /**
+     * Парсит строковое представление цвета в объект ParsedColor
+     * @throws {Error} Если не удается распарсить цвет
+     */
+    static parse(value) {
+        if (!value) {
+            throw new Error(`Invalid color value: ${value}`);
+        }
+        const inputColor = value.trim().toLowerCase();
+        // Проверка на именованный цвет
+        if (this.webColors[inputColor]) {
+            return this.parse(this.webColors[inputColor]);
+        }
+        // HEX форматы
+        if (inputColor.startsWith('#')) {
+            return this.parseHex(inputColor);
+        }
+        // RGB/RGBA форматы
+        if (inputColor.startsWith('rgb')) {
+            return this.parseRgb(inputColor);
+        }
+        // HSL/HSLA форматы
+        if (inputColor.startsWith('hsl')) {
+            return this.parseHsl(inputColor);
+        }
+        throw new Error(`Unsupported color format: ${value}`);
+    }
+    static parseHex(hex) {
+        const cleanHex = hex.replace(/[^0-9a-f]/g, '');
+        // Поддержка форматов с альфа-каналом
+        if (cleanHex.length === 8) {
+            // RRGGBBAA
+            return {
+                r: parseInt(cleanHex.substring(0, 2), 16),
+                g: parseInt(cleanHex.substring(2, 4), 16),
+                b: parseInt(cleanHex.substring(4, 6), 16),
+                a: Math.round((parseInt(cleanHex.substring(6, 8), 16) / 255) * 100) / 100,
+            };
+        }
+        if (cleanHex.length === 6) {
+            // RRGGBB
+            return {
+                r: parseInt(cleanHex.substring(0, 2), 16),
+                g: parseInt(cleanHex.substring(2, 4), 16),
+                b: parseInt(cleanHex.substring(4, 6), 16),
+                a: 1,
+            };
+        }
+        if (cleanHex.length === 4) {
+            // RGBA (4 символа)
+            return {
+                r: parseInt(cleanHex[0] + cleanHex[0], 16),
+                g: parseInt(cleanHex[1] + cleanHex[1], 16),
+                b: parseInt(cleanHex[2] + cleanHex[2], 16),
+                a: Math.round((parseInt(cleanHex[3] + cleanHex[3], 16) / 255) * 100) / 100,
+            };
+        }
+        if (cleanHex.length === 3) {
+            // RGB
+            return {
+                r: parseInt(cleanHex[0] + cleanHex[0], 16),
+                g: parseInt(cleanHex[1] + cleanHex[1], 16),
+                b: parseInt(cleanHex[2] + cleanHex[2], 16),
+                a: 1,
+            };
+        }
+        throw new Error(`Invalid HEX color: ${hex}`);
+    }
+    static parseRgb(rgb) {
+        const matches = rgb.match(/[\d.]+/g);
+        if (!matches || matches.length < 3) {
+            throw new Error(`Invalid RGB color: ${rgb}`);
+        }
+        return {
+            r: this.clamp(parseInt(matches[0], 10), 0, 255),
+            g: this.clamp(parseInt(matches[1], 10), 0, 255),
+            b: this.clamp(parseInt(matches[2], 10), 0, 255),
+            a: matches[3] ? this.clamp(parseFloat(matches[3]), 0, 1) : 1,
+        };
+    }
+    static parseHsl(hsl) {
+        const matches = hsl.match(/[\d.]+/g);
+        if (!matches || matches.length < 3) {
+            throw new Error(`Invalid HSL color: ${hsl}`);
+        }
+        const h = parseFloat(matches[0]) / 360;
+        const s = parseFloat(matches[1]) / 100;
+        const l = parseFloat(matches[2]) / 100;
+        const a = matches[3] ? this.clamp(parseFloat(matches[3]), 0, 1) : 1;
+        const rgb = this.hslToRgb(h, s, l);
+        return {
+            r: rgb[0],
+            g: rgb[1],
+            b: rgb[2],
+            a,
+        };
+    }
+    static hslToRgb(h, s, l) {
+        let r, g, b;
+        if (s === 0) {
+            r = g = b = l;
+        }
+        else {
+            const hue2rgb = (p, q, t) => {
+                if (t < 0)
+                    t += 1;
+                if (t > 1)
+                    t -= 1;
+                if (t < 1 / 6)
+                    return p + (q - p) * 6 * t;
+                if (t < 1 / 2)
+                    return q;
+                if (t < 2 / 3)
+                    return p + (q - p) * (2 / 3 - t) * 6;
+                return p;
+            };
+            const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+            const p = 2 * l - q;
+            r = hue2rgb(p, q, h + 1 / 3);
+            g = hue2rgb(p, q, h);
+            b = hue2rgb(p, q, h - 1 / 3);
+        }
+        return [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255)];
+    }
+    static clamp(value, min, max) {
+        return Math.max(min, Math.min(max, value));
+    }
+}
+exports.ColorParser = ColorParser;
+ColorParser.webColors = {
+    aliceblue: '#F0F8FF',
+    antiquewhite: '#FAEBD7',
+    aqua: '#00FFFF',
+    aquamarine: '#7FFFD4',
+    azure: '#F0FFFF',
+    beige: '#F5F5DC',
+    bisque: '#FFE4C4',
+    black: '#000000',
+    blanchedalmond: '#FFEBCD',
+    blue: '#0000FF',
+    blueviolet: '#8A2BE2',
+    brown: '#A52A2A',
+    burlywood: '#DEB887',
+    cadetblue: '#5F9EA0',
+    chartreuse: '#7FFF00',
+    chocolate: '#D2691E',
+    coral: '#FF7F50',
+    cornflowerblue: '#6495ED',
+    cornsilk: '#FFF8DC',
+    crimson: '#DC143C',
+    cyan: '#00FFFF',
+    darkblue: '#00008B',
+    darkcyan: '#008B8B',
+    darkgoldenrod: '#B8860B',
+    darkgray: '#A9A9A9',
+    darkgrey: '#A9A9A9',
+    darkgreen: '#006400',
+    darkkhaki: '#BDB76B',
+    darkmagenta: '#8B008B',
+    darkolivegreen: '#556B2F',
+    darkorange: '#FF8C00',
+    darkorchid: '#9932CC',
+    darkred: '#8B0000',
+    darksalmon: '#E9967A',
+    darkseagreen: '#8FBC8F',
+    darkslateblue: '#483D8B',
+    darkslategray: '#2F4F4F',
+    darkslategrey: '#2F4F4F',
+    darkturquoise: '#00CED1',
+    darkviolet: '#9400D3',
+    deeppink: '#FF1493',
+    deepskyblue: '#00BFFF',
+    dimgray: '#696969',
+    dimgrey: '#696969',
+    dodgerblue: '#1E90FF',
+    firebrick: '#B22222',
+    floralwhite: '#FFFAF0',
+    forestgreen: '#228B22',
+    fuchsia: '#FF00FF',
+    gainsboro: '#DCDCDC',
+    ghostwhite: '#F8F8FF',
+    gold: '#FFD700',
+    goldenrod: '#DAA520',
+    gray: '#808080',
+    grey: '#808080',
+    green: '#008000',
+    greenyellow: '#ADFF2F',
+    honeydew: '#F0FFF0',
+    hotpink: '#FF69B4',
+    indianred: '#CD5C5C',
+    indigo: '#4B0082',
+    ivory: '#FFFFF0',
+    khaki: '#F0E68C',
+    lavender: '#E6E6FA',
+    lavenderblush: '#FFF0F5',
+    lawngreen: '#7CFC00',
+    lemonchiffon: '#FFFACD',
+    lightblue: '#ADD8E6',
+    lightcoral: '#F08080',
+    lightcyan: '#E0FFFF',
+    lightgoldenrodyellow: '#FAFAD2',
+    lightgray: '#D3D3D3',
+    lightgrey: '#D3D3D3',
+    lightgreen: '#90EE90',
+    lightpink: '#FFB6C1',
+    lightsalmon: '#FFA07A',
+    lightseagreen: '#20B2AA',
+    lightskyblue: '#87CEFA',
+    lightslategray: '#778899',
+    lightslategrey: '#778899',
+    lightsteelblue: '#B0C4DE',
+    lightyellow: '#FFFFE0',
+    lime: '#00FF00',
+    limegreen: '#32CD32',
+    linen: '#FAF0E6',
+    magenta: '#FF00FF',
+    maroon: '#800000',
+    mediumaquamarine: '#66CDAA',
+    mediumblue: '#0000CD',
+    mediumorchid: '#BA55D3',
+    mediumpurple: '#9370DB',
+    mediumseagreen: '#3CB371',
+    mediumslateblue: '#7B68EE',
+    mediumspringgreen: '#00FA9A',
+    mediumturquoise: '#48D1CC',
+    mediumvioletred: '#C71585',
+    midnightblue: '#191970',
+    mintcream: '#F5FFFA',
+    mistyrose: '#FFE4E1',
+    moccasin: '#FFE4B5',
+    navajowhite: '#FFDEAD',
+    navy: '#000080',
+    oldlace: '#FDF5E6',
+    olive: '#808000',
+    olivedrab: '#6B8E23',
+    orange: '#FFA500',
+    orangered: '#FF4500',
+    orchid: '#DA70D6',
+    palegoldenrod: '#EEE8AA',
+    palegreen: '#98FB98',
+    paleturquoise: '#AFEEEE',
+    palevioletred: '#DB7093',
+    papayawhip: '#FFEFD5',
+    peachpuff: '#FFDAB9',
+    peru: '#CD853F',
+    pink: '#FFC0CB',
+    plum: '#DDA0DD',
+    powderblue: '#B0E0E6',
+    purple: '#800080',
+    rebeccapurple: '#663399',
+    red: '#FF0000',
+    rosybrown: '#BC8F8F',
+    royalblue: '#4169E1',
+    saddlebrown: '#8B4513',
+    salmon: '#FA8072',
+    sandybrown: '#F4A460',
+    seagreen: '#2E8B57',
+    seashell: '#FFF5EE',
+    sienna: '#A0522D',
+    silver: '#C0C0C0',
+    skyblue: '#87CEEB',
+    slateblue: '#6A5ACD',
+    slategray: '#708090',
+    slategrey: '#708090',
+    snow: '#FFFAFA',
+    springgreen: '#00FF7F',
+    steelblue: '#4682B4',
+    tan: '#D2B48C',
+    teal: '#008080',
+    thistle: '#D8BFD8',
+    tomato: '#FF6347',
+    turquoise: '#40E0D0',
+    violet: '#EE82EE',
+    wheat: '#F5DEB3',
+    white: '#FFFFFF',
+    whitesmoke: '#F5F5F5',
+    yellow: '#FFFF00',
+    yellowgreen: '#9ACD32',
+};
+exports.default = ColorParser;

package/Color/index.d.ts

@@ -1,123 +1,5 @@
-export type ParsedColor = {
-    r: number;
-    g: number;
-    b: number;
-    a: number;
-};
-declare class Color {
-    #private;
-    constructor(value: string | Color);
-    /**
-     * Lightens the current color by the \
-     * transmitted number of conventional units.\
-     * \
-     * Example:
-     * ```tsx
-     * const color = theme.colors
-     *   .accentPrimary
-     *   .lighten(60)
-     *   .toString();
-     * ```
-     *
-     */
-    lighten(decimal: number): this;
-    /**
-     * Darkens the current color by\
-     * the transmitted number of conventional units.
-     * \
-     * Example:
-     * ```tsx
-     * const color = theme.colors
-     *   .accentPrimary
-     *   .darken(60)
-     *   .toString();
-     * ```
-     */
-    darken(decimal: number): this;
-    /**
-     * Applies transparency (alpha channel) to the current color\
-     * Takes as an argument a number from 0 to 1
-     * \
-     * Example:
-     * ```tsx
-     * const color = theme.colors
-     *   .accentPrimary
-     *   .alpha(0.5)
-     *   .toString();
-     * ```
-     */
-    alpha(decimal: number): this;
-    /**
-     * Returns color luminance value
-     */
-    getLuminance(): number;
-    /**
-     * Returns the contrast level between the\
-     * current and transmitted colors
-     * \
-     * Example:
-     * ```tsx
-     * const { colors } = themes;
-     * const contrast = colors
-     *   .accentPrimary
-     *   .getContrast(color.textPrimary.rgbString());
-     *
-     * if (contrast > 5) {
-     *   return color.textPrimary.toString();
-     * } else {
-     *   return color.textSecondary.toString()
-     * }
-     * ```
-     */
-    getContrast(rgb2: string | Color): number;
-    /**
-     * Lighten or darknest color to lum steps
-     * lum - 0-25
-     */
-    private shade;
-    luminance(lum: number): this;
-    static stringToHashCode(str: string): number;
-    /**
-     * Convert the integer value to a string color value
-     */
-    static intToRGB(i: number): string;
-    /**
-     * Convert GUID string value to a color string
-     */
-    static uuidToColor(uuid: string): string;
-    /**
-     * Returns the current color as separate rgb channels
-     */
-    rgb(): {
-        r: number;
-        g: number;
-        b: number;
-        a: number;
-    };
-    /**
-     * Returns the current color as an rgba string
-     */
-    toString(): string;
-    /**
-     * Returns the current color as an rgba string
-     */
-    rgbString(): string;
-    /**
-     * Returns the current color as a hex string
-     */
-    hexString(): string;
-    /**
-     * Parse the transmitted color and returns its\
-     * representation as separate rgba channels
-     */
-    static parseColor(value: string): ParsedColor;
-    /**
-     * Decodes the transmitted color value in hsl format to rgba
-     */
-    static hslToRgb(value: string): ParsedColor;
-    /**
-     * Returns color code by web color name
-     */
-    static getHextByWebColor(value: string): string;
-}
+import { Color } from './Color';
+export * from './Color';
+export * from './ColorParser';
+export * from './ColorGenerator';
 export default Color;