@skbkontur/react-ui 0.0.0-fed57d84fb → 0.7.0-beta.1

package/lib/styles/ColorObject.d.ts

@@ -1,52 +1,52 @@
-import { ColorKeywords } from './ColorKeywords';
-export declare type RGBTuple = [number, number, number];
-export declare type ColorKeywordsType = keyof typeof ColorKeywords;
-export declare type ColorType = 'rgb' | 'rgba' | 'hsl' | 'hsla' | 'hex' | 'transparent' | ColorKeywordsType;
-interface ColorHSLA {
-    h: number;
-    s: number;
-    l: number;
-    a: number;
-}
-interface ColorRGBA {
-    r: number;
-    g: number;
-    b: number;
-    a: number;
-}
-export interface ColorObjectType {
-    rgb: RGBTuple;
-    alpha: number;
-    type: ColorType;
-    luma(): number;
-    toRGB(): ColorRGBA;
-    toHSL(): ColorHSLA;
-    toHEXString(): string;
-    toRGBString(): string;
-    toHSLString(): string;
-}
-export declare class ColorObject implements ColorObjectType {
-    rgb: RGBTuple;
-    alpha: number;
-    type: ColorType;
-    constructor(rgb: RGBTuple, alpha: number, type: ColorType);
-    luma(): number;
-    toHEXString(): string;
-    toRGB(): {
-        r: number;
-        g: number;
-        b: number;
-        a: number;
-    };
-    toRGBString(): string;
-    toHSL(): {
-        h: number;
-        s: number;
-        l: number;
-        a: number;
-    };
-    toHSLString(): string;
-    toColorString(type?: ColorType): string;
-    clone(): ColorObject;
-}
-export {};
+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;
+interface ColorHSLA {
+    h: number;
+    s: number;
+    l: number;
+    a: number;
+}
+interface ColorRGBA {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+}
+export interface ColorObjectType {
+    rgb: RGBTuple;
+    alpha: number;
+    type: ColorType;
+    luma(): number;
+    toRGB(): ColorRGBA;
+    toHSL(): ColorHSLA;
+    toHEXString(): string;
+    toRGBString(): string;
+    toHSLString(): string;
+}
+export declare class ColorObject implements ColorObjectType {
+    rgb: RGBTuple;
+    alpha: number;
+    type: ColorType;
+    constructor(rgb: RGBTuple, alpha: number, type: ColorType);
+    luma(): number;
+    toHEXString(): string;
+    toRGB(): {
+        r: number;
+        g: number;
+        b: number;
+        a: number;
+    };
+    toRGBString(): string;
+    toHSL(): {
+        h: number;
+        s: number;
+        l: number;
+        a: number;
+    };
+    toHSLString(): string;
+    toColorString(type?: ColorType): string;
+    clone(): ColorObject;
+}
+export {};

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.d.ts

@@ -1 +1 @@
-export declare const shift: (value: string, shift: string) => string;
+export declare const shift: (value: string, shift: string) => string;

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.d.ts

@@ -1,2 +1,2 @@
-export declare const resetButton: () => string;
-export declare const resetText: () => string;
+export declare const resetButton: () => string;
+export declare const resetText: () => string;

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

@@ -0,0 +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.d.ts

@@ -1 +1 @@
-export declare const getLabGrotesqueBaselineCompensation: (fontSize: number, compensation: number, isChrome: boolean) => number;
+export declare const getLabGrotesqueBaselineCompensation: (fontSize: number, compensation: number, isChrome: boolean, isFirefox: boolean) => number;

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.d.ts

@@ -1,21 +1,21 @@
-export interface TaskWithDelayAndMinimalDurationProps {
-    delayBeforeTaskStart: number;
-    durationOfTask: number;
-    taskStartCallback: () => void;
-    taskStopCallback: () => void;
-}
-export declare class TaskWithDelayAndMinimalDuration {
-    private timeoutBeforeTaskStart;
-    private timeoutBeforeTaskStop;
-    private taskParams;
-    private isTaskActive;
-    constructor(initialValues: TaskWithDelayAndMinimalDurationProps);
-    private setTimeoutBeforeTaskStart;
-    private setTimeoutBeforeTaskStop;
-    private clearTimeoutBeforeTaskStart;
-    private clearTimeoutBeforeTaskStop;
-    start: () => void;
-    update: (updateData: Partial<TaskWithDelayAndMinimalDurationProps>) => void;
-    stop: () => void;
-    clearTask: () => void;
-}
+export interface TaskWithDelayAndMinimalDurationProps {
+    delayBeforeTaskStart: number;
+    durationOfTask: number;
+    taskStartCallback: () => void;
+    taskStopCallback: () => void;
+}
+export declare class TaskWithDelayAndMinimalDuration {
+    private timeoutBeforeTaskStart;
+    private timeoutBeforeTaskStop;
+    private taskParams;
+    private isTaskActive;
+    constructor(initialValues: TaskWithDelayAndMinimalDurationProps);
+    private setTimeoutBeforeTaskStart;
+    private setTimeoutBeforeTaskStop;
+    private clearTimeoutBeforeTaskStart;
+    private clearTimeoutBeforeTaskStop;
+    start: () => void;
+    update: (updateData: Partial<TaskWithDelayAndMinimalDurationProps>) => void;
+    stop: () => void;
+    clearTask: () => void;
+}

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,9 +1,7 @@
-import { Theme } from './Theme';
-export declare const AnimationKeyframes: {
-    spinnerCloudOffset(t: Theme): string;
-    spinnerCloudLength(t: Theme): string;
-    spinnerCircleOffset(t: Theme): string;
-    spinnerCircleLength(t: Theme): string;
-    spinnerCircleRotate(t: Theme): string;
-    spinnerColor(t: Theme): string;
-};
+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 { 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/css/create-instance").CSSInterpolation[]): void;
-    (...args: import("@emotion/css/create-instance").CSSInterpolation[]): void;
-}, keyframes: {
-    (template: TemplateStringsArray, ...args: import("@emotion/css/create-instance").CSSInterpolation[]): string;
-    (...args: import("@emotion/css/create-instance").CSSInterpolation[]): string;
-}, css: {
-    (template: TemplateStringsArray, ...args: import("@emotion/css/create-instance").CSSInterpolation[]): string;
-    (...args: import("@emotion/css/create-instance").CSSInterpolation[]): string;
-}, sheet: import("@emotion/css/create-instance").CSSStyleSheet, cache: import("@emotion/css/create-instance").EmotionCache;
-export declare const memoizeStyle: <S extends {
-    [className: string]: (() => string) | ((t: Theme) => string);
-}>(styles: S) => S;
-export declare const prefix: (component: string, app?: string) => <T extends Record<string, string>>(classes: T) => T;
+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);
+}
+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"]}