@skbkontur/react-ui 5.6.1-9a162.0 → 5.6.1-e2bc4.0

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 +1,3 @@
+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,7 +1,7 @@
-import type { Theme } from './Theme';
-export declare const AnimationKeyframes: {
+import type { Theme } from './Theme.js';
+export declare const getAnimationKeyframes: import("./Emotion.js").StylesGetter<{
     spinnerCircleOffset(): string;
     spinnerCircleLength(): string;
     spinnerCircleRotate(): string;
     spinnerColor(t: Theme): 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,15 +1,15 @@
-import type { Theme } from './Theme';
-export declare const flush: () => void, hydrate: (ids: string[]) => void, cx: (...classNames: import("@emotion/css/create-instance").ClassNamesArg[]) => string, merge: (className: string) => string, getRegisteredStyles: (registeredStyles: string[], className: string) => string, injectGlobal: {
-    (template: TemplateStringsArray, ...args: import("@emotion/serialize").CSSInterpolation[]): void;
-    (...args: import("@emotion/serialize").CSSInterpolation[]): void;
-}, keyframes: {
-    (template: TemplateStringsArray, ...args: import("@emotion/serialize").CSSInterpolation[]): string;
-    (...args: import("@emotion/serialize").CSSInterpolation[]): string;
-}, css: {
-    (template: TemplateStringsArray, ...args: import("@emotion/serialize").CSSInterpolation[]): string;
-    (...args: import("@emotion/serialize").CSSInterpolation[]): string;
-}, sheet: import("@emotion/css/create-instance").CSSStyleSheet, cache: import("@emotion/utils").EmotionCache;
-export declare const memoizeStyle: <S extends {
+import type { Emotion } from '@emotion/css/create-instance';
+import type { Theme } from './Theme.js';
+export declare const REACT_UI_PREFIX: string;
+export declare const getEmotion: ({ key, container, nonce, }: {
+    container: HTMLElement;
+    key?: string;
+    nonce?: string;
+}) => Emotion;
+export interface StylesObject {
     [className: string]: (() => string) | ((t: Theme) => string);
-}>(styles: S) => S;
+}
+export type StylesGetter<S> = (emotion: Emotion) => S;
+export declare const memoizeStyle: <S extends StylesObject>(styles: S) => S;
+export declare const memoizeGetStyles: <S extends StylesObject>(getStyles: StylesGetter<S>) => StylesGetter<S>;
 export declare const prefix: (component: string, app?: string) => <T extends Record<string, string>>(classes: T) => T;

package/lib/theming/Emotion.js

@@ -0,0 +1,72 @@
+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);
+};
+import createEmotion from '@emotion/css/create-instance';
+import extraScopePlugin from 'stylis-plugin-extra-scope';
+import { Upgrade } from '../Upgrades.js';
+export var REACT_UI_PREFIX = Upgrade.getSpecificityClassName();
+var scope = new Array(Upgrade.getSpecificityLevel()).fill(".".concat(REACT_UI_PREFIX)).join('');
+export var getEmotion = function (_a) {
+    var _b = _a.key, key = _b === void 0 ? REACT_UI_PREFIX : _b, container = _a.container, nonce = _a.nonce;
+    return createEmotion({
+        key: key,
+        prepend: true,
+        stylisPlugins: scope ? [extraScopePlugin(scope)] : undefined,
+        container: container,
+        nonce: nonce,
+    });
+};
+function isZeroArgs(fn) {
+    return fn.length === 0;
+}
+var memoize = function (fn) {
+    if (isZeroArgs(fn)) {
+        var isCalled_1 = false;
+        var result_1;
+        return function () {
+            if (!isCalled_1) {
+                isCalled_1 = true;
+                result_1 = fn();
+            }
+            return result_1;
+        };
+    }
+    var cache = new WeakMap();
+    return function (arg) {
+        if (!cache.has(arg)) {
+            cache.set(arg, fn(arg));
+        }
+        return cache.get(arg);
+    };
+};
+export var memoizeStyle = function (styles) {
+    Object.keys(styles).forEach(function (className) { return (styles[className] = memoize(styles[className])); });
+    return styles;
+};
+export var memoizeGetStyles = function (getStyles) {
+    var stylesCache = new WeakMap();
+    return function (emotion) {
+        if (!stylesCache.has(emotion)) {
+            stylesCache.set(emotion, memoizeStyle(getStyles(emotion)));
+        }
+        return stylesCache.get(emotion);
+    };
+};
+export var prefix = function (component, app) {
+    if (app === void 0) { app = REACT_UI_PREFIX; }
+    return function (classes) {
+        return Object.keys(classes).reduce(function (acc, key) {
+            var _a;
+            return __assign(__assign({}, acc), (_a = {}, _a[key] = "".concat(app, "-").concat(component, "-").concat(classes[key]), _a));
+        }, {});
+    };
+};
+//# sourceMappingURL=Emotion.js.map

package/lib/theming/Emotion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Emotion.js","sourceRoot":"","sources":["../../../lib/theming/Emotion.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport createEmotion from '@emotion/css/create-instance';\nimport extraScopePlugin from 'stylis-plugin-extra-scope';\n\nimport { Upgrade } from '../Upgrades.js';\nimport type { AnyObject, FunctionWithParams } from '../utils.js';\n\nimport type { Theme } from './Theme.js';\n\nexport const REACT_UI_PREFIX = Upgrade.getSpecificityClassName();\n\nconst scope = new Array(Upgrade.getSpecificityLevel()).fill(`.${REACT_UI_PREFIX}`).join('');\n\nexport const getEmotion = ({\n  key = REACT_UI_PREFIX,\n  container,\n  nonce,\n}: {\n  container: HTMLElement;\n  key?: string;\n  nonce?: string;\n}): Emotion =>\n  createEmotion({\n    key,\n    prepend: true,\n    stylisPlugins: scope ? [extraScopePlugin(scope)] : undefined,\n    container,\n    nonce,\n  });\n\nfunction isZeroArgs<R, T extends FunctionWithParams<R>>(fn: T | FunctionWithParams<R>): fn is () => R {\n  return fn.length === 0;\n}\n\nconst memoize = <A extends AnyObject, R>(fn: (() => R) | ((arg: A) => R)): (() => R) | ((arg: A) => R) => {\n  if (isZeroArgs(fn)) {\n    let isCalled = false;\n    let result: R;\n    return () => {\n      if (!isCalled) {\n        isCalled = true;\n        result = fn();\n      }\n      return result;\n    };\n  }\n\n  const cache = new WeakMap();\n  return (arg: A) => {\n    if (!cache.has(arg)) {\n      cache.set(arg, fn(arg));\n    }\n\n    return cache.get(arg);\n  };\n};\n\nexport interface StylesObject {\n  [className: string]: (() => string) | ((t: Theme) => string);\n}\n\nexport type StylesGetter<S> = (emotion: Emotion) => S;\n\nexport const memoizeStyle = <S extends StylesObject>(styles: S): S => {\n  Object.keys(styles).forEach((className) => (styles[className as keyof S] = memoize(styles[className]) as S[keyof S]));\n  return styles;\n};\n\nexport const memoizeGetStyles = <S extends StylesObject>(getStyles: StylesGetter<S>): StylesGetter<S> => {\n  const stylesCache = new WeakMap<Emotion, S>();\n  return (emotion: Emotion): S => {\n    if (!stylesCache.has(emotion)) {\n      stylesCache.set(emotion, memoizeStyle(getStyles(emotion)));\n    }\n\n    return stylesCache.get(emotion) as S;\n  };\n};\n\nexport const prefix =\n  (component: string, app = REACT_UI_PREFIX) =>\n  <T extends Record<string, string>>(classes: T): T =>\n    Object.keys(classes).reduce((acc, key) => {\n      return { ...acc, [key]: `${app}-${component}-${classes[key]}` };\n    }, {} as T);\n"]}

package/lib/theming/Theme.d.ts

@@ -1,5 +1,5 @@
-import type { BasicThemeClass } from '../../internal/themes/BasicTheme';
-import { BasicThemeClassForExtension } from '../../internal/themes/BasicTheme';
+import type { BasicThemeClass } from '../../internal/themes/BasicTheme.js';
+import { BasicThemeClassForExtension } from '../../internal/themes/BasicTheme.js';
 export type Theme = Readonly<typeof BasicThemeClass>;
 export type ThemeIn = Partial<typeof BasicThemeClass>;
 export { BasicThemeClassForExtension };

package/lib/theming/Theme.js

@@ -0,0 +1,3 @@
+import { BasicThemeClassForExtension } from '../../internal/themes/BasicTheme.js';
+export { BasicThemeClassForExtension };
+//# sourceMappingURL=Theme.js.map

package/lib/theming/Theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Theme.js","sourceRoot":"","sources":["../../../lib/theming/Theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAKlF,OAAO,EAAE,2BAA2B,EAAE,CAAC","sourcesContent":["import type { BasicThemeClass } from '../../internal/themes/BasicTheme.js';\nimport { BasicThemeClassForExtension } from '../../internal/themes/BasicTheme.js';\n\nexport type Theme = Readonly<typeof BasicThemeClass>;\nexport type ThemeIn = Partial<typeof BasicThemeClass>;\n\nexport { BasicThemeClassForExtension };\n"]}

package/lib/theming/ThemeContext.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const ThemeContext: React.Context<Readonly<typeof import("../../internal/themes/BasicTheme").BasicThemeClass>>;
+export declare const ThemeContext: React.Context<Readonly<typeof import("../../internal/themes/BasicTheme.js").BasicThemeClass>>;

package/lib/theming/ThemeContext.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ThemeFactory } from './ThemeFactory.js';
+export var ThemeContext = React.createContext(ThemeFactory.defaultTheme);
+ThemeContext.displayName = 'ThemeContext';
+ThemeContext.__KONTUR_REACT_UI__ = 'ThemeContext';
+//# sourceMappingURL=ThemeContext.js.map

package/lib/theming/ThemeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.js","sourceRoot":"","sources":["../../../lib/theming/ThemeContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;AAE3E,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAC1C,YAAY,CAAC,mBAAmB,GAAG,cAAc,CAAC","sourcesContent":["import React from 'react';\n\nimport { ThemeFactory } from './ThemeFactory.js';\n\nexport const ThemeContext = React.createContext(ThemeFactory.defaultTheme);\n\nThemeContext.displayName = 'ThemeContext';\nThemeContext.__KONTUR_REACT_UI__ = 'ThemeContext';\n"]}

package/lib/theming/ThemeFactory.d.ts

@@ -1,5 +1,5 @@
-import type { NoInfer } from '../utils';
-import type { Theme, ThemeIn } from './Theme';
+import type { NoInfer } from '../utils.js';
+import type { Theme, ThemeIn } from './Theme.js';
 export declare class ThemeFactory {
     /**
      * The default theme created with Object.create() is needed for the "overrideBaseTheme" to work.
@@ -12,6 +12,6 @@ export declare class ThemeFactory {
     static get defaultTheme(): Theme;
     static create<T>(theme: ThemeIn & NoInfer<T>, baseTheme?: Theme): Readonly<Theme & NoInfer<T>>;
     static overrideBaseTheme(theme: Theme): void;
-    static getKeys<T extends Theme>(theme: T): (keyof T)[];
+    static getKeys<T extends Theme>(theme: T): Array<keyof T>;
     private static constructTheme;
 }

package/lib/theming/ThemeFactory.js

@@ -0,0 +1,66 @@
+import { isNonNullable } from '../utils.js';
+import { findPropertyDescriptor, REACT_UI_THEME_MARKERS } from './ThemeHelpers.js';
+import { LIGHT_THEME } from './themes/LightTheme.js';
+var ThemeFactory = /** @class */ (function () {
+    function ThemeFactory() {
+    }
+    Object.defineProperty(ThemeFactory, "defaultTheme", {
+        get: function () {
+            return this.overridableDefaultTheme;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ThemeFactory.create = function (theme, baseTheme) {
+        var base = baseTheme || this.defaultTheme;
+        return this.constructTheme(base, theme);
+    };
+    ThemeFactory.overrideBaseTheme = function (theme) {
+        var _this = this;
+        // copying theme variables
+        ThemeFactory.getKeys(this.defaultTheme).forEach(function (variableName) {
+            var descriptor = findPropertyDescriptor(theme, variableName);
+            Object.defineProperty(_this.defaultTheme, variableName, descriptor);
+        });
+        // copying theme markers
+        Object.values(REACT_UI_THEME_MARKERS).forEach(function (marker) {
+            var descriptor = findPropertyDescriptor(theme, marker.key);
+            Object.defineProperty(_this.defaultTheme, marker.key, descriptor);
+        });
+    };
+    ThemeFactory.getKeys = function (theme) {
+        var keys = [];
+        while (isNonNullable(theme)) {
+            Object.keys(theme).forEach(function (key) {
+                if (!keys.includes(key)) {
+                    keys.push(key);
+                }
+            });
+            // TODO: Enable `no-param-reassign` rule.
+            // eslint-disable-next-line no-param-reassign
+            theme = Object.getPrototypeOf(theme);
+        }
+        return keys.sort();
+    };
+    ThemeFactory.constructTheme = function (base, theme) {
+        var newTheme = Object.create(base);
+        Object.keys(theme).forEach(function (propName) {
+            var descriptor = Object.getOwnPropertyDescriptor(theme, propName);
+            if (descriptor) {
+                Object.defineProperty(newTheme, propName, descriptor);
+            }
+        });
+        return Object.freeze(newTheme);
+    };
+    /**
+     * The default theme created with Object.create() is needed for the "overrideBaseTheme" to work.
+     *
+     * Themes should be frozen objects. But it is not possible to define properties on frozen objects.
+     * So, an object created by Object.create({ *frozen_object* }) acts as frozen too,
+     * but allows to apply Object.defineProperty to his own properties.
+     */
+    ThemeFactory.overridableDefaultTheme = Object.create(LIGHT_THEME);
+    return ThemeFactory;
+}());
+export { ThemeFactory };
+//# sourceMappingURL=ThemeFactory.js.map

package/lib/theming/ThemeFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeFactory.js","sourceRoot":"","sources":["../../../lib/theming/ThemeFactory.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAG5C,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD;IAAA;IA4DA,CAAC;IAlDC,sBAAkB,4BAAY;aAA9B;YACE,OAAO,IAAI,CAAC,uBAAuB,CAAC;QACtC,CAAC;;;OAAA;IAEa,mBAAM,GAApB,UAAwB,KAA2B,EAAE,SAAiB;QACpE,IAAM,IAAI,GAAG,SAAS,IAAI,IAAI,CAAC,YAAY,CAAC;QAC5C,OAAO,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAC1C,CAAC;IAEa,8BAAiB,GAA/B,UAAgC,KAAY;QAA5C,iBAYC;QAXC,0BAA0B;QAC1B,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,UAAC,YAAY;YAC3D,IAAM,UAAU,GAAG,sBAAsB,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;YAC/D,MAAM,CAAC,cAAc,CAAC,KAAI,CAAC,YAAY,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC;QACrE,CAAC,CAAC,CAAC;QAEH,wBAAwB;QACxB,MAAM,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,OAAO,CAAC,UAAC,MAAM;YACnD,IAAM,UAAU,GAAG,sBAAsB,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC;YAC7D,MAAM,CAAC,cAAc,CAAC,KAAI,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC;QACnE,CAAC,CAAC,CAAC;IACL,CAAC;IAEa,oBAAO,GAArB,UAAuC,KAAQ;QAC7C,IAAM,IAAI,GAAmB,EAAE,CAAC;QAChC,OAAO,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;YAC3B,MAAM,CAAC,IAAI,CAAC,KAAK,CAAiB,CAAC,OAAO,CAAC,UAAC,GAAG;gBAC9C,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;oBACxB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBACjB,CAAC;YACH,CAAC,CAAC,CAAC;YACH,yCAAyC;YACzC,6CAA6C;YAC7C,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QACvC,CAAC;QAED,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC;IACrB,CAAC;IAEc,2BAAc,GAA7B,UAA8B,IAAW,EAAE,KAAc;QACvD,IAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACrC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,UAAC,QAAQ;YAClC,IAAM,UAAU,GAAG,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;YACpE,IAAI,UAAU,EAAE,CAAC;gBACf,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;YACxD,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC;IA1DD;;;;;;OAMG;IACqB,oCAAuB,GAAU,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAoDtF,mBAAC;CAAA,AA5DD,IA4DC;SA5DY,YAAY","sourcesContent":["import type { NoInfer } from '../utils.js';\nimport { isNonNullable } from '../utils.js';\n\nimport type { Theme, ThemeIn } from './Theme.js';\nimport { findPropertyDescriptor, REACT_UI_THEME_MARKERS } from './ThemeHelpers.js';\nimport { LIGHT_THEME } from './themes/LightTheme.js';\n\nexport class ThemeFactory {\n  /**\n   * The default theme created with Object.create() is needed for the \"overrideBaseTheme\" to work.\n   *\n   * Themes should be frozen objects. But it is not possible to define properties on frozen objects.\n   * So, an object created by Object.create({ *frozen_object* }) acts as frozen too,\n   * but allows to apply Object.defineProperty to his own properties.\n   */\n  private static readonly overridableDefaultTheme: Theme = Object.create(LIGHT_THEME);\n\n  public static get defaultTheme(): Theme {\n    return this.overridableDefaultTheme;\n  }\n\n  public static create<T>(theme: ThemeIn & NoInfer<T>, baseTheme?: Theme): Readonly<Theme & NoInfer<T>> {\n    const base = baseTheme || this.defaultTheme;\n    return this.constructTheme(base, theme);\n  }\n\n  public static overrideBaseTheme(theme: Theme): void {\n    // copying theme variables\n    ThemeFactory.getKeys(this.defaultTheme).forEach((variableName) => {\n      const descriptor = findPropertyDescriptor(theme, variableName);\n      Object.defineProperty(this.defaultTheme, variableName, descriptor);\n    });\n\n    // copying theme markers\n    Object.values(REACT_UI_THEME_MARKERS).forEach((marker) => {\n      const descriptor = findPropertyDescriptor(theme, marker.key);\n      Object.defineProperty(this.defaultTheme, marker.key, descriptor);\n    });\n  }\n\n  public static getKeys<T extends Theme>(theme: T): Array<keyof T> {\n    const keys: Array<keyof T> = [];\n    while (isNonNullable(theme)) {\n      (Object.keys(theme) as typeof keys).forEach((key) => {\n        if (!keys.includes(key)) {\n          keys.push(key);\n        }\n      });\n      // TODO: Enable `no-param-reassign` rule.\n      // eslint-disable-next-line no-param-reassign\n      theme = Object.getPrototypeOf(theme);\n    }\n\n    return keys.sort();\n  }\n\n  private static constructTheme(base: Theme, theme: ThemeIn) {\n    const newTheme = Object.create(base);\n    Object.keys(theme).forEach((propName) => {\n      const descriptor = Object.getOwnPropertyDescriptor(theme, propName);\n      if (descriptor) {\n        Object.defineProperty(newTheme, propName, descriptor);\n      }\n    });\n\n    return Object.freeze(newTheme);\n  }\n}\n"]}

package/lib/theming/ThemeHelpers.d.ts

@@ -1,5 +1,5 @@
-import type { Theme, ThemeIn } from './Theme';
-import type { ThemeVersions } from './ThemeVersions';
+import type { Theme, ThemeIn } from './Theme.js';
+import type { ThemeVersions } from './ThemeVersions.js';
 export type Marker = (theme: Theme) => Theme;
 export type Markers = Marker[];
 /**