@skbkontur/react-ui 5.6.1-85c65.0 → 5.6.1-e2bc4.0

package/lib/styles/ColorHelpers.js

@@ -0,0 +1,96 @@
+import { startsWithOneOf } from '../utils.js';
+export function clamp(val, max) {
+    if (max === void 0) { max = 1; }
+    return Math.min(max, Math.max(0, val));
+}
+export function integerFromPercent(n, size) {
+    return Math.round((parseFloat(n) * size) / 100);
+}
+export function floatFromPercent(n) {
+    return parseFloat((parseFloat(n) / 100).toFixed(5));
+}
+export function roundToPrecision(n, precision) {
+    if (precision === void 0) { precision = 2; }
+    return parseFloat(n.toFixed(precision));
+}
+export function extractColorParts(input, regex) {
+    var parts = regex.exec(input);
+    if (!parts) {
+        throw new Error("".concat(input, " does not match color patterns: [\n      ").concat(regex, "\n    ]"));
+    }
+    return parts;
+}
+export function parseRGBParts(parts) {
+    var r = parseToInteger(parts[1], 255);
+    var g = parseToInteger(parts[2], 255);
+    var b = parseToInteger(parts[3], 255);
+    var a = parts[4] ? parseToFloat(parts[4]) : 1.0;
+    if (isNaN(r)) {
+        throw new Error("Could not parse red=".concat(parts[1], " to number"));
+    }
+    if (isNaN(g)) {
+        throw new Error("Could not parse green=".concat(parts[2], " to number"));
+    }
+    if (isNaN(b)) {
+        throw new Error("Could not parse blue=".concat(parts[3], " to number"));
+    }
+    if (isNaN(a)) {
+        throw new Error("Could not parse alpha=".concat(parts[4], " to number"));
+    }
+    return { r: r, g: g, b: b, a: a };
+}
+export function parseHSLParts(parts) {
+    var h = parseInt(parts[1], 10);
+    var s = parseToFloat(parts[2]);
+    var l = parseToFloat(parts[3]);
+    var a = parts[4] ? parseToFloat(parts[4]) : 1.0;
+    if (isNaN(h)) {
+        throw new Error("Could not parse hue=".concat(parts[1], " to number"));
+    }
+    else if (isNaN(s)) {
+        throw new Error("Could not parse saturation=".concat(parts[2], " to number"));
+    }
+    else if (isNaN(l)) {
+        throw new Error("Could not parse lightness=".concat(parts[3], " to number"));
+    }
+    else if (isNaN(a)) {
+        throw new Error("Could not parse alpha=".concat(parts[4], " to number"));
+    }
+    return { h: h, s: s, l: l, a: a };
+}
+export function parseToInteger(part, size) {
+    return part.endsWith('%') ? integerFromPercent(part, size) : parseInt(part, 10);
+}
+export function parseToFloat(part) {
+    return part.endsWith('%') ? floatFromPercent(part) : parseFloat(part);
+}
+var calculateHue = function (hue) {
+    if (hue < 0) {
+        return hue + 1;
+    }
+    if (hue > 1) {
+        return hue - 1;
+    }
+    return hue;
+};
+export function hue2rgb(hue, t1, t2) {
+    var calculatedHue = calculateHue(hue);
+    if (calculatedHue < 1 / 6) {
+        return t2 + (t1 - t2) * 6 * calculatedHue;
+    }
+    if (calculatedHue < 1 / 2) {
+        return t1;
+    }
+    if (calculatedHue < 2 / 3) {
+        return t2 + (t1 - t2) * (2 / 3 - calculatedHue) * 6;
+    }
+    return t2;
+}
+export var isColor = function (input) {
+    var colorStarters = ['#', 'rgb', 'hsl'];
+    if (input) {
+        return startsWithOneOf(colorStarters, input);
+    }
+    return false;
+};
+//# sourceMappingURL=ColorHelpers.js.map

package/lib/styles/ColorHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorHelpers.js","sourceRoot":"","sources":["../../../lib/styles/ColorHelpers.ts"],"names":[],"mappings":"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","sourcesContent":["import { startsWithOneOf } from '../utils.js';\n\nexport function clamp(val: number, max = 1): number {\n  return Math.min(max, Math.max(0, val));\n}\n\nexport function integerFromPercent(n: string, size: number): number {\n  return Math.round((parseFloat(n) * size) / 100);\n}\n\nexport function floatFromPercent(n: string): number {\n  return parseFloat((parseFloat(n) / 100).toFixed(5));\n}\n\nexport function roundToPrecision(n: number, precision = 2): number {\n  return parseFloat(n.toFixed(precision));\n}\n\nexport function extractColorParts(input: string, regex: RegExp): RegExpExecArray {\n  const parts = regex.exec(input);\n\n  if (!parts) {\n    throw new Error(`${input} does not match color patterns: [\n      ${regex}\n    ]`);\n  }\n\n  return parts;\n}\n\nexport function parseRGBParts(parts: string[]): { r: number; g: number; b: number; a: number } {\n  const r = parseToInteger(parts[1], 255);\n  const g = parseToInteger(parts[2], 255);\n  const b = parseToInteger(parts[3], 255);\n  const a = parts[4] ? parseToFloat(parts[4]) : 1.0;\n\n  if (isNaN(r)) {\n    throw new Error(`Could not parse red=${parts[1]} to number`);\n  }\n  if (isNaN(g)) {\n    throw new Error(`Could not parse green=${parts[2]} to number`);\n  }\n  if (isNaN(b)) {\n    throw new Error(`Could not parse blue=${parts[3]} to number`);\n  }\n  if (isNaN(a)) {\n    throw new Error(`Could not parse alpha=${parts[4]} to number`);\n  }\n  return { r, g, b, a };\n}\n\nexport function parseHSLParts(parts: string[]): { h: number; s: number; l: number; a: number } {\n  const h = parseInt(parts[1], 10);\n  const s = parseToFloat(parts[2]);\n  const l = parseToFloat(parts[3]);\n  const a = parts[4] ? parseToFloat(parts[4]) : 1.0;\n\n  if (isNaN(h)) {\n    throw new Error(`Could not parse hue=${parts[1]} to number`);\n  } else if (isNaN(s)) {\n    throw new Error(`Could not parse saturation=${parts[2]} to number`);\n  } else if (isNaN(l)) {\n    throw new Error(`Could not parse lightness=${parts[3]} to number`);\n  } else if (isNaN(a)) {\n    throw new Error(`Could not parse alpha=${parts[4]} to number`);\n  }\n\n  return { h, s, l, a };\n}\n\nexport function parseToInteger(part: string, size: number): number {\n  return part.endsWith('%') ? integerFromPercent(part, size) : parseInt(part, 10);\n}\n\nexport function parseToFloat(part: string): number {\n  return part.endsWith('%') ? floatFromPercent(part) : parseFloat(part);\n}\n\nconst calculateHue = (hue: number) => {\n  if (hue < 0) {\n    return hue + 1;\n  }\n\n  if (hue > 1) {\n    return hue - 1;\n  }\n\n  return hue;\n};\n\nexport function hue2rgb(hue: number, t1: number, t2: number): number {\n  const calculatedHue = calculateHue(hue);\n\n  if (calculatedHue < 1 / 6) {\n    return t2 + (t1 - t2) * 6 * calculatedHue;\n  }\n\n  if (calculatedHue < 1 / 2) {\n    return t1;\n  }\n\n  if (calculatedHue < 2 / 3) {\n    return t2 + (t1 - t2) * (2 / 3 - calculatedHue) * 6;\n  }\n\n  return t2;\n}\n\nexport const isColor = (input: string): boolean => {\n  const colorStarters = ['#', 'rgb', 'hsl'];\n\n  if (input) {\n    return startsWithOneOf(colorStarters, input);\n  }\n\n  return false;\n};\n"]}

package/lib/styles/ColorKeywords.js

@@ -0,0 +1,151 @@
+export var ColorKeywords = {
+    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: '#9370d8',
+    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: '#d87093',
+    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',
+};
+//# sourceMappingURL=ColorKeywords.js.map

package/lib/styles/ColorKeywords.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorKeywords.js","sourceRoot":"","sources":["../../../lib/styles/ColorKeywords.ts"],"names":[],"mappings":"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","sourcesContent":["export const ColorKeywords = {\n  aliceblue: '#f0f8ff',\n  antiquewhite: '#faebd7',\n  aqua: '#00ffff',\n  aquamarine: '#7fffd4',\n  azure: '#f0ffff',\n  beige: '#f5f5dc',\n  bisque: '#ffe4c4',\n  black: '#000000',\n  blanchedalmond: '#ffebcd',\n  blue: '#0000ff',\n  blueviolet: '#8a2be2',\n  brown: '#a52a2a',\n  burlywood: '#deb887',\n  cadetblue: '#5f9ea0',\n  chartreuse: '#7fff00',\n  chocolate: '#d2691e',\n  coral: '#ff7f50',\n  cornflowerblue: '#6495ed',\n  cornsilk: '#fff8dc',\n  crimson: '#dc143c',\n  cyan: '#00ffff',\n  darkblue: '#00008b',\n  darkcyan: '#008b8b',\n  darkgoldenrod: '#b8860b',\n  darkgray: '#a9a9a9',\n  darkgrey: '#a9a9a9',\n  darkgreen: '#006400',\n  darkkhaki: '#bdb76b',\n  darkmagenta: '#8b008b',\n  darkolivegreen: '#556b2f',\n  darkorange: '#ff8c00',\n  darkorchid: '#9932cc',\n  darkred: '#8b0000',\n  darksalmon: '#e9967a',\n  darkseagreen: '#8fbc8f',\n  darkslateblue: '#483d8b',\n  darkslategray: '#2f4f4f',\n  darkslategrey: '#2f4f4f',\n  darkturquoise: '#00ced1',\n  darkviolet: '#9400d3',\n  deeppink: '#ff1493',\n  deepskyblue: '#00bfff',\n  dimgray: '#696969',\n  dimgrey: '#696969',\n  dodgerblue: '#1e90ff',\n  firebrick: '#b22222',\n  floralwhite: '#fffaf0',\n  forestgreen: '#228b22',\n  fuchsia: '#ff00ff',\n  gainsboro: '#dcdcdc',\n  ghostwhite: '#f8f8ff',\n  gold: '#ffd700',\n  goldenrod: '#daa520',\n  gray: '#808080',\n  grey: '#808080',\n  green: '#008000',\n  greenyellow: '#adff2f',\n  honeydew: '#f0fff0',\n  hotpink: '#ff69b4',\n  indianred: '#cd5c5c',\n  indigo: '#4b0082',\n  ivory: '#fffff0',\n  khaki: '#f0e68c',\n  lavender: '#e6e6fa',\n  lavenderblush: '#fff0f5',\n  lawngreen: '#7cfc00',\n  lemonchiffon: '#fffacd',\n  lightblue: '#add8e6',\n  lightcoral: '#f08080',\n  lightcyan: '#e0ffff',\n  lightgoldenrodyellow: '#fafad2',\n  lightgray: '#d3d3d3',\n  lightgrey: '#d3d3d3',\n  lightgreen: '#90ee90',\n  lightpink: '#ffb6c1',\n  lightsalmon: '#ffa07a',\n  lightseagreen: '#20b2aa',\n  lightskyblue: '#87cefa',\n  lightslategray: '#778899',\n  lightslategrey: '#778899',\n  lightsteelblue: '#b0c4de',\n  lightyellow: '#ffffe0',\n  lime: '#00ff00',\n  limegreen: '#32cd32',\n  linen: '#faf0e6',\n  magenta: '#ff00ff',\n  maroon: '#800000',\n  mediumaquamarine: '#66cdaa',\n  mediumblue: '#0000cd',\n  mediumorchid: '#ba55d3',\n  mediumpurple: '#9370d8',\n  mediumseagreen: '#3cb371',\n  mediumslateblue: '#7b68ee',\n  mediumspringgreen: '#00fa9a',\n  mediumturquoise: '#48d1cc',\n  mediumvioletred: '#c71585',\n  midnightblue: '#191970',\n  mintcream: '#f5fffa',\n  mistyrose: '#ffe4e1',\n  moccasin: '#ffe4b5',\n  navajowhite: '#ffdead',\n  navy: '#000080',\n  oldlace: '#fdf5e6',\n  olive: '#808000',\n  olivedrab: '#6b8e23',\n  orange: '#ffa500',\n  orangered: '#ff4500',\n  orchid: '#da70d6',\n  palegoldenrod: '#eee8aa',\n  palegreen: '#98fb98',\n  paleturquoise: '#afeeee',\n  palevioletred: '#d87093',\n  papayawhip: '#ffefd5',\n  peachpuff: '#ffdab9',\n  peru: '#cd853f',\n  pink: '#ffc0cb',\n  plum: '#dda0dd',\n  powderblue: '#b0e0e6',\n  purple: '#800080',\n  rebeccapurple: '#663399',\n  red: '#ff0000',\n  rosybrown: '#bc8f8f',\n  royalblue: '#4169e1',\n  saddlebrown: '#8b4513',\n  salmon: '#fa8072',\n  sandybrown: '#f4a460',\n  seagreen: '#2e8b57',\n  seashell: '#fff5ee',\n  sienna: '#a0522d',\n  silver: '#c0c0c0',\n  skyblue: '#87ceeb',\n  slateblue: '#6a5acd',\n  slategray: '#708090',\n  slategrey: '#708090',\n  snow: '#fffafa',\n  springgreen: '#00ff7f',\n  steelblue: '#4682b4',\n  tan: '#d2b48c',\n  teal: '#008080',\n  thistle: '#d8bfd8',\n  tomato: '#ff6347',\n  turquoise: '#40e0d0',\n  violet: '#ee82ee',\n  wheat: '#f5deb3',\n  white: '#ffffff',\n  whitesmoke: '#f5f5f5',\n  yellow: '#ffff00',\n  yellowgreen: '#9acd32',\n};\n"]}

package/lib/styles/ColorObject.d.ts

@@ -1,4 +1,4 @@
-import type { ColorKeywords } from './ColorKeywords';
+import type { ColorKeywords } from './ColorKeywords.js';
 export type RGBTuple = [number, number, number];
 export type ColorKeywordsType = keyof typeof ColorKeywords;
 export type ColorType = 'rgb' | 'rgba' | 'hsl' | 'hsla' | 'hex' | 'transparent' | ColorKeywordsType;

package/lib/styles/ColorObject.js

@@ -0,0 +1,99 @@
+import warning from 'warning';
+import { clamp, roundToPrecision } from './ColorHelpers.js';
+var ColorObject = /** @class */ (function () {
+    function ColorObject(rgb, alpha, type) {
+        this.rgb = rgb;
+        this.alpha = alpha;
+        this.type = type;
+    }
+    ColorObject.prototype.luma = function () {
+        var r = this.rgb[0] / 255;
+        var g = this.rgb[1] / 255;
+        var b = this.rgb[2] / 255;
+        r = r <= 0.03928 ? r / 12.92 : Math.pow((r + 0.055) / 1.055, 2.4);
+        g = g <= 0.03928 ? g / 12.92 : Math.pow((g + 0.055) / 1.055, 2.4);
+        b = b <= 0.03928 ? b / 12.92 : Math.pow((b + 0.055) / 1.055, 2.4);
+        return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+    };
+    ColorObject.prototype.toHEXString = function () {
+        warning(this.alpha === 1, "There is an alpha channel=".concat(this.alpha, ", converting to HEX will discard opacity"));
+        return ('#' +
+            this.rgb
+                .map(function (c) {
+                var clamped = clamp(Math.round(c), 255);
+                return (clamped < 16 ? '0' : '') + clamped.toString(16);
+            })
+                .join(''));
+    };
+    ColorObject.prototype.toRGB = function () {
+        return { r: this.rgb[0], g: this.rgb[1], b: this.rgb[2], a: this.alpha };
+    };
+    ColorObject.prototype.toRGBString = function () {
+        return this.alpha < 1
+            ? "rgba(".concat(this.rgb[0], ", ").concat(this.rgb[1], ", ").concat(this.rgb[2], ", ").concat(this.alpha, ")")
+            : "rgb(".concat(this.rgb[0], ", ").concat(this.rgb[1], ", ").concat(this.rgb[2], ")");
+    };
+    ColorObject.prototype.toHSL = function () {
+        var r = this.rgb[0] / 255;
+        var g = this.rgb[1] / 255;
+        var b = this.rgb[2] / 255;
+        var max = Math.max(r, g, b);
+        var min = Math.min(r, g, b);
+        var hDeg = 0;
+        var s = 0;
+        var l = (max + min) / 2;
+        if (max !== min) {
+            var d = max - min;
+            s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+            switch (max) {
+                case r:
+                    hDeg = (g - b) / d + (g < b ? 6 : 0);
+                    break;
+                case g:
+                    hDeg = (b - r) / d + 2;
+                    break;
+                case b:
+                    hDeg = (r - g) / d + 4;
+                    break;
+            }
+            hDeg = Math.round(hDeg * 60);
+        }
+        return {
+            h: hDeg,
+            s: roundToPrecision(s, 2),
+            l: roundToPrecision(l, 2),
+            a: this.alpha,
+        };
+    };
+    ColorObject.prototype.toHSLString = function () {
+        var hsl = this.toHSL();
+        return hsl.a < 1
+            ? "hsla(".concat(hsl.h, ", ").concat(hsl.s * 100, "%, ").concat(hsl.l * 100, "%, ").concat(hsl.a, ")")
+            : "hsl(".concat(hsl.h, ", ").concat(hsl.s * 100, "%, ").concat(hsl.l * 100, "%)");
+    };
+    ColorObject.prototype.toColorString = function (type) {
+        if (type === void 0) { type = this.type; }
+        switch (type) {
+            case 'rgb':
+            case 'rgba': {
+                return this.toRGBString();
+            }
+            case 'hsl':
+            case 'hsla': {
+                return this.toHSLString();
+            }
+            case 'transparent': {
+                return "transparent";
+            }
+            default:
+                return this.toHEXString();
+        }
+    };
+    ColorObject.prototype.clone = function () {
+        var _a = this, rgb = _a.rgb, alpha = _a.alpha, type = _a.type;
+        return new ColorObject(rgb, alpha, type);
+    };
+    return ColorObject;
+}());
+export { ColorObject };
+//# sourceMappingURL=ColorObject.js.map

package/lib/styles/ColorObject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorObject.js","sourceRoot":"","sources":["../../../lib/styles/ColorObject.ts"],"names":[],"mappings":"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","sourcesContent":["import warning from 'warning';\n\nimport { clamp, roundToPrecision } from './ColorHelpers.js';\nimport type { ColorKeywords } from './ColorKeywords.js';\n\nexport type RGBTuple = [number, number, number];\nexport type ColorKeywordsType = keyof typeof ColorKeywords;\nexport type ColorType = 'rgb' | 'rgba' | 'hsl' | 'hsla' | 'hex' | 'transparent' | ColorKeywordsType;\n\ninterface ColorHSLA {\n  h: number;\n  s: number;\n  l: number;\n  a: number;\n}\n\ninterface ColorRGBA {\n  r: number;\n  g: number;\n  b: number;\n  a: number;\n}\n\nexport interface ColorObjectType {\n  rgb: RGBTuple;\n  alpha: number;\n  type: ColorType;\n  luma(): number;\n  toRGB(): ColorRGBA;\n  toHSL(): ColorHSLA;\n  toHEXString(): string;\n  toRGBString(): string;\n  toHSLString(): string;\n}\n\nexport class ColorObject implements ColorObjectType {\n  public rgb: RGBTuple;\n  public alpha: number;\n  public type: ColorType;\n\n  constructor(rgb: RGBTuple, alpha: number, type: ColorType) {\n    this.rgb = rgb;\n    this.alpha = alpha;\n    this.type = type;\n  }\n\n  public luma(): number {\n    let r = this.rgb[0] / 255;\n    let g = this.rgb[1] / 255;\n    let b = this.rgb[2] / 255;\n\n    r = r <= 0.03928 ? r / 12.92 : Math.pow((r + 0.055) / 1.055, 2.4);\n    g = g <= 0.03928 ? g / 12.92 : Math.pow((g + 0.055) / 1.055, 2.4);\n    b = b <= 0.03928 ? b / 12.92 : Math.pow((b + 0.055) / 1.055, 2.4);\n\n    return 0.2126 * r + 0.7152 * g + 0.0722 * b;\n  }\n\n  public toHEXString(): string {\n    warning(this.alpha === 1, `There is an alpha channel=${this.alpha}, converting to HEX will discard opacity`);\n\n    return (\n      '#' +\n      this.rgb\n        .map((c) => {\n          const clamped = clamp(Math.round(c), 255);\n\n          return (clamped < 16 ? '0' : '') + clamped.toString(16);\n        })\n        .join('')\n    );\n  }\n\n  public toRGB(): { r: number; g: number; b: number; a: number } {\n    return { r: this.rgb[0], g: this.rgb[1], b: this.rgb[2], a: this.alpha };\n  }\n\n  public toRGBString(): string {\n    return this.alpha < 1\n      ? `rgba(${this.rgb[0]}, ${this.rgb[1]}, ${this.rgb[2]}, ${this.alpha})`\n      : `rgb(${this.rgb[0]}, ${this.rgb[1]}, ${this.rgb[2]})`;\n  }\n\n  public toHSL(): { h: number; s: number; l: number; a: number } {\n    const r = this.rgb[0] / 255;\n    const g = this.rgb[1] / 255;\n    const b = this.rgb[2] / 255;\n    const max = Math.max(r, g, b);\n    const min = Math.min(r, g, b);\n\n    let hDeg = 0;\n    let s = 0;\n    const l = (max + min) / 2;\n\n    if (max !== min) {\n      const d = max - min;\n      s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\n      switch (max) {\n        case r:\n          hDeg = (g - b) / d + (g < b ? 6 : 0);\n          break;\n        case g:\n          hDeg = (b - r) / d + 2;\n          break;\n        case b:\n          hDeg = (r - g) / d + 4;\n          break;\n      }\n      hDeg = Math.round(hDeg * 60);\n    }\n\n    return {\n      h: hDeg,\n      s: roundToPrecision(s, 2),\n      l: roundToPrecision(l, 2),\n      a: this.alpha,\n    };\n  }\n\n  public toHSLString(): string {\n    const hsl = this.toHSL();\n    return hsl.a < 1\n      ? `hsla(${hsl.h}, ${hsl.s * 100}%, ${hsl.l * 100}%, ${hsl.a})`\n      : `hsl(${hsl.h}, ${hsl.s * 100}%, ${hsl.l * 100}%)`;\n  }\n\n  public toColorString(type: ColorType = this.type): string {\n    switch (type) {\n      case 'rgb':\n      case 'rgba': {\n        return this.toRGBString();\n      }\n      case 'hsl':\n      case 'hsla': {\n        return this.toHSLString();\n      }\n      case 'transparent': {\n        return `transparent`;\n      }\n      default:\n        return this.toHEXString();\n    }\n  }\n\n  public clone(): ColorObject {\n    const { rgb, alpha, type } = this;\n    return new ColorObject(rgb, alpha, type);\n  }\n}\n"]}

package/lib/styles/DimensionFunctions.js

@@ -0,0 +1,13 @@
+var EPS = 0.00001;
+export var shift = function (value, shift) {
+    if (!value || !shift) {
+        return value;
+    }
+    var unitSymbolsArray = value.match(/[a-z]|%/g) || [];
+    var unit = unitSymbolsArray.join('');
+    var floatNumber = parseFloat(value) + parseFloat(shift);
+    var intNumber = parseInt("".concat(floatNumber), 10);
+    var result = floatNumber % intNumber < EPS ? intNumber : Math.round(floatNumber * 10000) / 10000;
+    return "".concat(result).concat(unit || 'px');
+};
+//# sourceMappingURL=DimensionFunctions.js.map

package/lib/styles/DimensionFunctions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DimensionFunctions.js","sourceRoot":"","sources":["../../../lib/styles/DimensionFunctions.ts"],"names":[],"mappings":"AAAA,IAAM,GAAG,GAAG,OAAO,CAAC;AACpB,MAAM,CAAC,IAAM,KAAK,GAAG,UAAC,KAAa,EAAE,KAAa;IAChD,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC;QACrB,OAAO,KAAK,CAAC;IACf,CAAC;IACD,IAAM,gBAAgB,GAAG,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;IACvD,IAAM,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACvC,IAAM,WAAW,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;IAC1D,IAAM,SAAS,GAAG,QAAQ,CAAC,UAAG,WAAW,CAAE,EAAE,EAAE,CAAC,CAAC;IACjD,IAAM,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC;IACnG,OAAO,UAAG,MAAM,SAAG,IAAI,IAAI,IAAI,CAAE,CAAC;AACpC,CAAC,CAAC","sourcesContent":["const EPS = 0.00001;\nexport const shift = (value: string, shift: string): string => {\n  if (!value || !shift) {\n    return value;\n  }\n  const unitSymbolsArray = value.match(/[a-z]|%/g) || [];\n  const unit = unitSymbolsArray.join('');\n  const floatNumber = parseFloat(value) + parseFloat(shift);\n  const intNumber = parseInt(`${floatNumber}`, 10);\n  const result = floatNumber % intNumber < EPS ? intNumber : Math.round(floatNumber * 10000) / 10000;\n  return `${result}${unit || 'px'}`;\n};\n"]}

package/lib/styles/Mixins.js

@@ -0,0 +1,7 @@
+export var resetButton = function () {
+    return "\n    outline: none;\n    border: none;\n    margin: 0; /* Need for Safari. */\n    padding: 0;\n    width: auto;\n    overflow: visible; /* On IE it's hidden by default. */\n    background: transparent;\n\n    /* inherit font & color from ancestor */\n    color: inherit;\n    font: inherit;\n\n    /* Normalize 'line-height'. Cannot be changed from 'normal' in Firefox 4+. */\n    line-height: normal;\n\n    /* Corrects font smoothing for webkit */\n    -webkit-font-smoothing: inherit;\n    -moz-osx-font-smoothing: inherit;\n\n    /* Corrects inability to style clickable 'input' types in iOS */\n    -webkit-appearance: none;\n    text-align: inherit;\n\n    &::-moz-focus-inner {\n      border: 0;\n      padding: 0;\n    }\n  ";
+};
+export var resetText = function () {
+    return "\n    letter-spacing: normal;\n    line-height: normal;\n    font-family: inherit;\n    font-weight: normal;\n    font-style: normal;\n    font-variant: normal;\n    font-stretch: normal;\n\n    text-align: initial;\n    text-transform: none;\n    text-shadow: none;\n  ";
+};
+//# sourceMappingURL=Mixins.js.map

package/lib/styles/Mixins.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mixins.js","sourceRoot":"","sources":["../../../lib/styles/Mixins.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,WAAW,GAAG;IACzB,OAAO,guBA4BN,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG;IACvB,OAAO,gRAYN,CAAC;AACJ,CAAC,CAAC","sourcesContent":["export const resetButton = (): string => {\n  return `\n    outline: none;\n    border: none;\n    margin: 0; /* Need for Safari. */\n    padding: 0;\n    width: auto;\n    overflow: visible; /* On IE it's hidden by default. */\n    background: transparent;\n\n    /* inherit font & color from ancestor */\n    color: inherit;\n    font: inherit;\n\n    /* Normalize 'line-height'. Cannot be changed from 'normal' in Firefox 4+. */\n    line-height: normal;\n\n    /* Corrects font smoothing for webkit */\n    -webkit-font-smoothing: inherit;\n    -moz-osx-font-smoothing: inherit;\n\n    /* Corrects inability to style clickable 'input' types in iOS */\n    -webkit-appearance: none;\n    text-align: inherit;\n\n    &::-moz-focus-inner {\n      border: 0;\n      padding: 0;\n    }\n  `;\n};\n\nexport const resetText = (): string => {\n  return `\n    letter-spacing: normal;\n    line-height: normal;\n    font-family: inherit;\n    font-weight: normal;\n    font-style: normal;\n    font-variant: normal;\n    font-stretch: normal;\n\n    text-align: initial;\n    text-transform: none;\n    text-shadow: none;\n  `;\n};\n"]}

package/lib/styles/UiFont.d.ts

@@ -1,3 +1,3 @@
-import type { Emotion } from '@emotion/css/types/create-instance';
+import type { Emotion } from '@emotion/css/create-instance';
 export declare const UI_FONT_NAME = "ui";
 export declare const injectGlobalFont: (emotion: Emotion) => void;

package/lib/styles/UiFont.js

@@ -0,0 +1,18 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+export var UI_FONT_NAME = 'ui';
+var uiFontWoff2 = 'd09GMk9UVE8AAAM0AAkAAAAABOwAAALtAAEZmQAAAAAAAAAAAAAAAAAAAAAAAAAADYNHBmAATAE2AiQDEAQGBYJHByAbSQTIHodxLLFkxvCafPI36w' +
+    'UCtbTOiShd0zOVLzXnVD3Mprf8381PJXqgZb2jFq3JN9rLLMKAEi2lMG8HzqkL4rRGmlAlSFHfIhL0YtdjFEbbAPDD2JUXUURAJRBjl6txH54vKxuX' +
+    'HP/FwmZOmLmImVsys1HRh8nnGD0jMldklFN+ebnk32ymBCATYs9eUNfDZcK63rHvdC91WW2od/d1rYdytB4ACDwoN9HVhJLspIz5RfRs95ndG4zTxu' +
+    '3dG6+tN0Ly/p5bjC179u3ZfKvxOMDp6+i3YZ4iUvhUwYyOfKYo5+ZXruz7oHVcM0dmlNMivlyinulTxYFn2m7b8zNK/G7eqhMX4hso3Eu3ilY8XuO5' +
+    'eCuRyxYDne7OaZTk7IwtqKJCx5F9atBVXuFM5GzWGqcZPOaxIRi9+roWJEcV4/H+ZIO36ojjbYJxXeN+4MY/7jDOb7pm2ILwjHq8P9XgLTrito87qk' +
+    'Ef7CLmfwstiPJxdjqjM48An8/cQb1yxj7tl46qhw/xmMX4tAfkDF/mP/g07YE4zeY5k9ycI+PNf7K5QjTQzkXUEz2Dl5pzl/LqS9U8KxsELOaYwly3' +
+    'nS/t5+cy9nI2c4OSS2QmFNilyVIzAGr660kbyLBgcFdC+l4OaAguNq6ZufAiH9rKWzMjgPsMoflAVgCABOkcgHxIlAIygBC0iN9OkQDACXsjQagsjb' +
+    'Z4LKu1EndYL6271lqrPVQNEX1Ksi/K1yM4o6035S9k+QMAvEqtx/19iZkRySVvBWCbVeohr26j1AwKEiTXeAUAoKWtE36AzEVifNwB1ANQAG6sbhkQ' +
+    'OGevBSTY4ETLtAxRkA1+WD0mg1AHCEIoDhEJHqQiMkqg5jKtRxTo6LesomUfNP1jDP2SljAv944saTKsxwF9qtLkKpVVq96UW3Q0xgCOHAtWMIxYiB' +
+    'HqxBI7OpBSCWUQhm52JqMxLGRwwwl9nBSD9eoApB6rAhMqLNTYSkMdMgw+qyIwAAAAAA==';
+export var injectGlobalFont = function (emotion) { return emotion.injectGlobal(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  @font-face {\n    font-family: ", ";\n    src: url(data:font/woff2;base64,", ") format('woff2');\n  }\n"], ["\n  @font-face {\n    font-family: ", ";\n    src: url(data:font/woff2;base64,", ") format('woff2');\n  }\n"])), UI_FONT_NAME, uiFontWoff2); };
+var templateObject_1;
+//# sourceMappingURL=UiFont.js.map

package/lib/styles/UiFont.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiFont.js","sourceRoot":"","sources":["../../../lib/styles/UiFont.ts"],"names":[],"mappings":";;;;AAEA,MAAM,CAAC,IAAM,YAAY,GAAG,IAAI,CAAC;AAEjC,IAAM,WAAW,GACf,oHAAoH;IACpH,oHAAoH;IACpH,oHAAoH;IACpH,oHAAoH;IACpH,oHAAoH;IACpH,oHAAoH;IACpH,oHAAoH;IACpH,oHAAoH;IACpH,oHAAoH;IACpH,wEAAwE,CAAC;AAE3E,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,OAAgB,IAAW,OAAA,OAAO,CAAC,YAAY,gLAAA,qCAE7D,EAAY,yCACO,EAAW,2BAEhD,KAHkB,YAAY,EACO,WAAW,GAHW,CAK3D,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nexport const UI_FONT_NAME = 'ui';\n\nconst uiFontWoff2 =\n  'd09GMk9UVE8AAAM0AAkAAAAABOwAAALtAAEZmQAAAAAAAAAAAAAAAAAAAAAAAAAADYNHBmAATAE2AiQDEAQGBYJHByAbSQTIHodxLLFkxvCafPI36w' +\n  'UCtbTOiShd0zOVLzXnVD3Mprf8381PJXqgZb2jFq3JN9rLLMKAEi2lMG8HzqkL4rRGmlAlSFHfIhL0YtdjFEbbAPDD2JUXUURAJRBjl6txH54vKxuX' +\n  'HP/FwmZOmLmImVsys1HRh8nnGD0jMldklFN+ebnk32ymBCATYs9eUNfDZcK63rHvdC91WW2od/d1rYdytB4ACDwoN9HVhJLspIz5RfRs95ndG4zTxu' +\n  '3dG6+tN0Ly/p5bjC179u3ZfKvxOMDp6+i3YZ4iUvhUwYyOfKYo5+ZXruz7oHVcM0dmlNMivlyinulTxYFn2m7b8zNK/G7eqhMX4hso3Eu3ilY8XuO5' +\n  'eCuRyxYDne7OaZTk7IwtqKJCx5F9atBVXuFM5GzWGqcZPOaxIRi9+roWJEcV4/H+ZIO36ojjbYJxXeN+4MY/7jDOb7pm2ILwjHq8P9XgLTrito87qk' +\n  'Ef7CLmfwstiPJxdjqjM48An8/cQb1yxj7tl46qhw/xmMX4tAfkDF/mP/g07YE4zeY5k9ycI+PNf7K5QjTQzkXUEz2Dl5pzl/LqS9U8KxsELOaYwly3' +\n  'nS/t5+cy9nI2c4OSS2QmFNilyVIzAGr660kbyLBgcFdC+l4OaAguNq6ZufAiH9rKWzMjgPsMoflAVgCABOkcgHxIlAIygBC0iN9OkQDACXsjQagsjb' +\n  'Z4LKu1EndYL6271lqrPVQNEX1Ksi/K1yM4o6035S9k+QMAvEqtx/19iZkRySVvBWCbVeohr26j1AwKEiTXeAUAoKWtE36AzEVifNwB1ANQAG6sbhkQ' +\n  'OGevBSTY4ETLtAxRkA1+WD0mg1AHCEIoDhEJHqQiMkqg5jKtRxTo6LesomUfNP1jDP2SljAv944saTKsxwF9qtLkKpVVq96UW3Q0xgCOHAtWMIxYiB' +\n  'HqxBI7OpBSCWUQhm52JqMxLGRwwwl9nBSD9eoApB6rAhMqLNTYSkMdMgw+qyIwAAAAAA==';\n\nexport const injectGlobalFont = (emotion: Emotion): void => emotion.injectGlobal`\n  @font-face {\n    font-family: ${UI_FONT_NAME};\n    src: url(data:font/woff2;base64,${uiFontWoff2}) format('woff2');\n  }\n`;\n"]}

package/lib/styles/getLabGrotesqueBaselineCompensation.js

@@ -0,0 +1,10 @@
+export var getLabGrotesqueBaselineCompensation = function (fontSize, compensation, isChrome, isFirefox) {
+    if (fontSize < 16 && !isChrome) {
+        return compensation;
+    }
+    else if ((fontSize === 16 && isChrome) || (fontSize === 18 && (isFirefox || isChrome))) {
+        return -compensation;
+    }
+    return 0;
+};
+//# sourceMappingURL=getLabGrotesqueBaselineCompensation.js.map

package/lib/styles/getLabGrotesqueBaselineCompensation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getLabGrotesqueBaselineCompensation.js","sourceRoot":"","sources":["../../../lib/styles/getLabGrotesqueBaselineCompensation.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,mCAAmC,GAAG,UACjD,QAAgB,EAChB,YAAoB,EACpB,QAAiB,EACjB,SAAkB;IAElB,IAAI,QAAQ,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC/B,OAAO,YAAY,CAAC;IACtB,CAAC;SAAM,IAAI,CAAC,QAAQ,KAAK,EAAE,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,KAAK,EAAE,IAAI,CAAC,SAAS,IAAI,QAAQ,CAAC,CAAC,EAAE,CAAC;QACzF,OAAO,CAAC,YAAY,CAAC;IACvB,CAAC;IAED,OAAO,CAAC,CAAC;AACX,CAAC,CAAC","sourcesContent":["export const getLabGrotesqueBaselineCompensation = (\n  fontSize: number,\n  compensation: number,\n  isChrome: boolean,\n  isFirefox: boolean,\n): number => {\n  if (fontSize < 16 && !isChrome) {\n    return compensation;\n  } else if ((fontSize === 16 && isChrome) || (fontSize === 18 && (isFirefox || isChrome))) {\n    return -compensation;\n  }\n\n  return 0;\n};\n"]}

package/lib/taskWithDelayAndMinimalDuration.js

@@ -0,0 +1,75 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var TaskWithDelayAndMinimalDuration = /** @class */ (function () {
+    function TaskWithDelayAndMinimalDuration(initialValues) {
+        var _this = this;
+        this.isTaskActive = false;
+        this.setTimeoutBeforeTaskStart = function () {
+            _this.timeoutBeforeTaskStart = setTimeout(function () {
+                _this.isTaskActive && _this.taskParams.taskStartCallback();
+                _this.clearTimeoutBeforeTaskStart();
+                _this.setTimeoutBeforeTaskStop();
+            }, _this.taskParams.delayBeforeTaskStart);
+        };
+        this.setTimeoutBeforeTaskStop = function () {
+            _this.timeoutBeforeTaskStop = setTimeout(function () {
+                !_this.isTaskActive && _this.taskParams.taskStopCallback();
+                _this.clearTimeoutBeforeTaskStop();
+            }, _this.taskParams.durationOfTask);
+        };
+        this.clearTimeoutBeforeTaskStart = function () {
+            _this.timeoutBeforeTaskStart && clearTimeout(_this.timeoutBeforeTaskStart);
+            _this.timeoutBeforeTaskStart = null;
+        };
+        this.clearTimeoutBeforeTaskStop = function () {
+            _this.timeoutBeforeTaskStop && clearTimeout(_this.timeoutBeforeTaskStop);
+            _this.timeoutBeforeTaskStop = null;
+        };
+        this.start = function () {
+            if (_this.isTaskActive) {
+                return;
+            }
+            _this.isTaskActive = true;
+            if (_this.timeoutBeforeTaskStop) {
+                return;
+            }
+            if (_this.timeoutBeforeTaskStart) {
+                _this.clearTimeoutBeforeTaskStart();
+            }
+            _this.setTimeoutBeforeTaskStart();
+        };
+        this.update = function (updateData) {
+            _this.taskParams = __assign(__assign({}, _this.taskParams), updateData);
+        };
+        this.stop = function () {
+            if (!_this.isTaskActive) {
+                return;
+            }
+            _this.isTaskActive = false;
+            if (!_this.timeoutBeforeTaskStart && !_this.timeoutBeforeTaskStop) {
+                _this.taskParams.taskStopCallback();
+            }
+            if (_this.timeoutBeforeTaskStart) {
+                _this.clearTimeoutBeforeTaskStart();
+            }
+        };
+        this.clearTask = function () {
+            _this.isTaskActive = false;
+            _this.clearTimeoutBeforeTaskStart();
+            _this.clearTimeoutBeforeTaskStop();
+        };
+        this.taskParams = initialValues;
+    }
+    return TaskWithDelayAndMinimalDuration;
+}());
+export { TaskWithDelayAndMinimalDuration };
+//# sourceMappingURL=taskWithDelayAndMinimalDuration.js.map

package/lib/taskWithDelayAndMinimalDuration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"taskWithDelayAndMinimalDuration.js","sourceRoot":"","sources":["../../lib/taskWithDelayAndMinimalDuration.ts"],"names":[],"mappings":";;;;;;;;;;;AASA;IAME,yCAAY,aAAmD;QAA/D,iBAEC;QAJO,iBAAY,GAAG,KAAK,CAAC;QAMrB,8BAAyB,GAAG;YAClC,KAAI,CAAC,sBAAsB,GAAG,UAAU,CAAC;gBACvC,KAAI,CAAC,YAAY,IAAI,KAAI,CAAC,UAAU,CAAC,iBAAiB,EAAE,CAAC;gBACzD,KAAI,CAAC,2BAA2B,EAAE,CAAC;gBACnC,KAAI,CAAC,wBAAwB,EAAE,CAAC;YAClC,CAAC,EAAE,KAAI,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;QAC3C,CAAC,CAAC;QAEM,6BAAwB,GAAG;YACjC,KAAI,CAAC,qBAAqB,GAAG,UAAU,CAAC;gBACtC,CAAC,KAAI,CAAC,YAAY,IAAI,KAAI,CAAC,UAAU,CAAC,gBAAgB,EAAE,CAAC;gBACzD,KAAI,CAAC,0BAA0B,EAAE,CAAC;YACpC,CAAC,EAAE,KAAI,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;QACrC,CAAC,CAAC;QAEM,gCAA2B,GAAG;YACpC,KAAI,CAAC,sBAAsB,IAAI,YAAY,CAAC,KAAI,CAAC,sBAAsB,CAAC,CAAC;YACzE,KAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;QACrC,CAAC,CAAC;QAEM,+BAA0B,GAAG;YACnC,KAAI,CAAC,qBAAqB,IAAI,YAAY,CAAC,KAAI,CAAC,qBAAqB,CAAC,CAAC;YACvE,KAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC;QACpC,CAAC,CAAC;QAEK,UAAK,GAAG;YACb,IAAI,KAAI,CAAC,YAAY,EAAE,CAAC;gBACtB,OAAO;YACT,CAAC;YAED,KAAI,CAAC,YAAY,GAAG,IAAI,CAAC;YAEzB,IAAI,KAAI,CAAC,qBAAqB,EAAE,CAAC;gBAC/B,OAAO;YACT,CAAC;YAED,IAAI,KAAI,CAAC,sBAAsB,EAAE,CAAC;gBAChC,KAAI,CAAC,2BAA2B,EAAE,CAAC;YACrC,CAAC;YAED,KAAI,CAAC,yBAAyB,EAAE,CAAC;QACnC,CAAC,CAAC;QAEK,WAAM,GAAG,UAAC,UAAyD;YACxE,KAAI,CAAC,UAAU,yBAAQ,KAAI,CAAC,UAAU,GAAK,UAAU,CAAE,CAAC;QAC1D,CAAC,CAAC;QAEK,SAAI,GAAG;YACZ,IAAI,CAAC,KAAI,CAAC,YAAY,EAAE,CAAC;gBACvB,OAAO;YACT,CAAC;YAED,KAAI,CAAC,YAAY,GAAG,KAAK,CAAC;YAE1B,IAAI,CAAC,KAAI,CAAC,sBAAsB,IAAI,CAAC,KAAI,CAAC,qBAAqB,EAAE,CAAC;gBAChE,KAAI,CAAC,UAAU,CAAC,gBAAgB,EAAE,CAAC;YACrC,CAAC;YAED,IAAI,KAAI,CAAC,sBAAsB,EAAE,CAAC;gBAChC,KAAI,CAAC,2BAA2B,EAAE,CAAC;YACrC,CAAC;QACH,CAAC,CAAC;QAEK,cAAS,GAAG;YACjB,KAAI,CAAC,YAAY,GAAG,KAAK,CAAC;YAC1B,KAAI,CAAC,2BAA2B,EAAE,CAAC;YACnC,KAAI,CAAC,0BAA0B,EAAE,CAAC;QACpC,CAAC,CAAC;QAtEA,IAAI,CAAC,UAAU,GAAG,aAAa,CAAC;IAClC,CAAC;IAsEH,sCAAC;AAAD,CAAC,AA9ED,IA8EC","sourcesContent":["import type { SafeTimer } from '../lib/globalObject.js';\n\nexport interface TaskWithDelayAndMinimalDurationProps {\n  delayBeforeTaskStart: number;\n  durationOfTask: number;\n  taskStartCallback: () => void;\n  taskStopCallback: () => void;\n}\n\nexport class TaskWithDelayAndMinimalDuration {\n  private timeoutBeforeTaskStart: SafeTimer;\n  private timeoutBeforeTaskStop: SafeTimer;\n  private taskParams: TaskWithDelayAndMinimalDurationProps;\n  private isTaskActive = false;\n\n  constructor(initialValues: TaskWithDelayAndMinimalDurationProps) {\n    this.taskParams = initialValues;\n  }\n\n  private setTimeoutBeforeTaskStart = () => {\n    this.timeoutBeforeTaskStart = setTimeout(() => {\n      this.isTaskActive && this.taskParams.taskStartCallback();\n      this.clearTimeoutBeforeTaskStart();\n      this.setTimeoutBeforeTaskStop();\n    }, this.taskParams.delayBeforeTaskStart);\n  };\n\n  private setTimeoutBeforeTaskStop = () => {\n    this.timeoutBeforeTaskStop = setTimeout(() => {\n      !this.isTaskActive && this.taskParams.taskStopCallback();\n      this.clearTimeoutBeforeTaskStop();\n    }, this.taskParams.durationOfTask);\n  };\n\n  private clearTimeoutBeforeTaskStart = () => {\n    this.timeoutBeforeTaskStart && clearTimeout(this.timeoutBeforeTaskStart);\n    this.timeoutBeforeTaskStart = null;\n  };\n\n  private clearTimeoutBeforeTaskStop = () => {\n    this.timeoutBeforeTaskStop && clearTimeout(this.timeoutBeforeTaskStop);\n    this.timeoutBeforeTaskStop = null;\n  };\n\n  public start = (): void => {\n    if (this.isTaskActive) {\n      return;\n    }\n\n    this.isTaskActive = true;\n\n    if (this.timeoutBeforeTaskStop) {\n      return;\n    }\n\n    if (this.timeoutBeforeTaskStart) {\n      this.clearTimeoutBeforeTaskStart();\n    }\n\n    this.setTimeoutBeforeTaskStart();\n  };\n\n  public update = (updateData: Partial<TaskWithDelayAndMinimalDurationProps>): void => {\n    this.taskParams = { ...this.taskParams, ...updateData };\n  };\n\n  public stop = (): void => {\n    if (!this.isTaskActive) {\n      return;\n    }\n\n    this.isTaskActive = false;\n\n    if (!this.timeoutBeforeTaskStart && !this.timeoutBeforeTaskStop) {\n      this.taskParams.taskStopCallback();\n    }\n\n    if (this.timeoutBeforeTaskStart) {\n      this.clearTimeoutBeforeTaskStart();\n    }\n  };\n\n  public clearTask = (): void => {\n    this.isTaskActive = false;\n    this.clearTimeoutBeforeTaskStart();\n    this.clearTimeoutBeforeTaskStop();\n  };\n}\n"]}

package/lib/theming/AnimationKeyframes.d.ts

@@ -1,5 +1,5 @@
-import type { Theme } from './Theme';
-export declare const getAnimationKeyframes: import("./Emotion").StylesGetter<{
+import type { Theme } from './Theme.js';
+export declare const getAnimationKeyframes: import("./Emotion.js").StylesGetter<{
     spinnerCircleOffset(): string;
     spinnerCircleLength(): string;
     spinnerCircleRotate(): string;

package/lib/theming/AnimationKeyframes.js

@@ -0,0 +1,24 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { memoizeGetStyles } from './Emotion.js';
+export var getAnimationKeyframes = memoizeGetStyles(function (_a) {
+    var keyframes = _a.keyframes;
+    return ({
+        spinnerCircleOffset: function () {
+            return keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        0% { stroke-dashoffset: 231.25%; }\n        100% { stroke-dashoffset: 0%; }\n      "], ["\n        0% { stroke-dashoffset: 231.25%; }\n        100% { stroke-dashoffset: 0%; }\n      "])));
+        },
+        spinnerCircleLength: function () {
+            return keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        0% { stroke-dasharray: 62.5%, 168.75%; }\n        50% {  stroke-dasharray: 187.5%, 43.75%; }\n        100% { stroke-dasharray: 62.5%, 168.75%; }\n      "], ["\n        0% { stroke-dasharray: 62.5%, 168.75%; }\n        50% {  stroke-dasharray: 187.5%, 43.75%; }\n        100% { stroke-dasharray: 62.5%, 168.75%; }\n      "])));
+        },
+        spinnerCircleRotate: function () {
+            return keyframes(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        100% { transform: rotate(360deg); }\n      "], ["\n        100% { transform: rotate(360deg); }\n      "])));
+        },
+        spinnerColor: function (t) {
+            return keyframes(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        100%, 0% { stroke: ", "; }\n        40% { stroke: ", "; }\n        66% { stroke: ", "; }\n        80%, 90% { stroke: ", "; }\n      "], ["\n        100%, 0% { stroke: ", "; }\n        40% { stroke: ", "; }\n        66% { stroke: ", "; }\n        80%, 90% { stroke: ", "; }\n      "])), t.red, t.yellow, t.green, t.brand);
+        },
+    });
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=AnimationKeyframes.js.map

package/lib/theming/AnimationKeyframes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimationKeyframes.js","sourceRoot":"","sources":["../../../lib/theming/AnimationKeyframes.ts"],"names":[],"mappings":";;;;AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,MAAM,CAAC,IAAM,qBAAqB,GAAG,gBAAgB,CAAC,UAAC,EAAsB;QAApB,SAAS,eAAA;IAAgB,OAAA,CAAC;QACjF,mBAAmB;YACjB,OAAO,SAAS,kKAAA,+FAGb,KAAC;QACN,CAAC;QACD,mBAAmB;YACjB,OAAO,SAAS,uOAAA,oKAIb,KAAC;QACN,CAAC;QACD,mBAAmB;YACjB,OAAO,SAAS,0HAAA,uDAEb,KAAC;QACN,CAAC;QACD,YAAY,YAAC,CAAQ;YACnB,OAAO,SAAS,mNAAA,+BACS,EAAK,6BACV,EAAQ,6BACR,EAAO,kCACF,EAAO,aAC7B,KAJsB,CAAC,CAAC,GAAG,EACV,CAAC,CAAC,MAAM,EACR,CAAC,CAAC,KAAK,EACF,CAAC,CAAC,KAAK,EAC5B;QACN,CAAC;KACF,CAAC;AA3BgF,CA2BhF,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport type { Theme } from './Theme.js';\nimport { memoizeGetStyles } from './Emotion.js';\n\nexport const getAnimationKeyframes = memoizeGetStyles(({ keyframes }: Emotion) => ({\n  spinnerCircleOffset() {\n    return keyframes`\n        0% { stroke-dashoffset: 231.25%; }\n        100% { stroke-dashoffset: 0%; }\n      `;\n  },\n  spinnerCircleLength() {\n    return keyframes`\n        0% { stroke-dasharray: 62.5%, 168.75%; }\n        50% {  stroke-dasharray: 187.5%, 43.75%; }\n        100% { stroke-dasharray: 62.5%, 168.75%; }\n      `;\n  },\n  spinnerCircleRotate() {\n    return keyframes`\n        100% { transform: rotate(360deg); }\n      `;\n  },\n  spinnerColor(t: Theme) {\n    return keyframes`\n        100%, 0% { stroke: ${t.red}; }\n        40% { stroke: ${t.yellow}; }\n        66% { stroke: ${t.green}; }\n        80%, 90% { stroke: ${t.brand}; }\n      `;\n  },\n}));\n"]}

package/lib/theming/Emotion.d.ts

@@ -1,5 +1,5 @@
 import type { Emotion } from '@emotion/css/create-instance';
-import type { Theme } from './Theme';
+import type { Theme } from './Theme.js';
 export declare const REACT_UI_PREFIX: string;
 export declare const getEmotion: ({ key, container, nonce, }: {
     container: HTMLElement;