@skbkontur/react-ui 0.0.0-e55f22da73 → 0.0.0-f50cd2db6e

package/lib/styles/ColorObject/ColorObject.js

@@ -1,12 +1,7 @@
 import warning from 'warning';
 import { clamp, roundToPrecision } from "../ColorHelpers";
-export var ColorObject =
-/*#__PURE__*/
-function () {
+export var ColorObject = /*#__PURE__*/function () {
   function ColorObject(rgb, alpha, type) {
-    this.rgb = void 0;
-    this.alpha = void 0;
-    this.type = void 0;
     this.rgb = rgb;
     this.alpha = alpha;
     this.type = type;
@@ -117,5 +112,12 @@ function () {
     }
   };
 
+  _proto.clone = function clone() {
+    var rgb = this.rgb,
+        alpha = this.alpha,
+        type = this.type;
+    return new ColorObject(rgb, alpha, type);
+  };
+
   return ColorObject;
 }();

package/lib/styles/ColorObject/ColorObject.js.map

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

package/lib/styles/ColorObject.d.ts

@@ -47,5 +47,6 @@ export declare class ColorObject implements ColorObjectType {
     };
     toHSLString(): string;
     toColorString(type?: ColorType): string;
+    clone(): ColorObject;
 }
 export {};

package/lib/styles/DimensionFunctions/DimensionFunctions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DimensionFunctions.ts"],"names":["EPS","shift","value","unitSymbolsArray","match","unit","join","floatNumber","parseFloat","intNumber","parseInt","result","Math","round"],"mappings":"AAAA,IAAMA,GAAG,GAAG,OAAZ;AACA,OAAO,IAAMC,KAAK,GAAG,eAACC,KAAD,EAAgBD,MAAhB,EAA0C;AAC7D,MAAI,CAACC,KAAD,IAAU,CAACD,MAAf,EAAsB;AACpB,WAAOC,KAAP;AACD;AACD,MAAMC,gBAAgB,GAAGD,KAAK,CAACE,KAAN,CAAY,UAAZ,KAA2B,EAApD;AACA,MAAMC,IAAI,GAAGF,gBAAgB,CAACG,IAAjB,CAAsB,EAAtB,CAAb;AACA,MAAMC,WAAW,GAAGC,UAAU,CAACN,KAAD,CAAV,GAAoBM,UAAU,CAACP,MAAD,CAAlD;AACA,MAAMQ,SAAS,GAAGC,QAAQ,MAAIH,WAAJ,EAAmB,EAAnB,CAA1B;AACA,MAAMI,MAAM,GAAGJ,WAAW,GAAGE,SAAd,GAA0BT,GAA1B,GAAgCS,SAAhC,GAA4CG,IAAI,CAACC,KAAL,CAAWN,WAAW,GAAG,KAAzB,IAAkC,KAA7F;AACA,cAAUI,MAAV,IAAmBN,IAAI,IAAI,IAA3B;AACD,CAVM","sourcesContent":["const EPS = 0.00001;\r\nexport const shift = (value: string, shift: string): string => {\r\n  if (!value || !shift) {\r\n    return value;\r\n  }\r\n  const unitSymbolsArray = value.match(/[a-z]|%/g) || [];\r\n  const unit = unitSymbolsArray.join('');\r\n  const floatNumber = parseFloat(value) + parseFloat(shift);\r\n  const intNumber = parseInt(`${floatNumber}`, 10);\r\n  const result = floatNumber % intNumber < EPS ? intNumber : Math.round(floatNumber * 10000) / 10000;\r\n  return `${result}${unit || 'px'}`;\r\n};\r\n"]}
+{"version":3,"sources":["DimensionFunctions.ts"],"names":["EPS","shift","value","unitSymbolsArray","match","unit","join","floatNumber","parseFloat","intNumber","parseInt","result","Math","round"],"mappings":"AAAA,IAAMA,GAAG,GAAG,OAAZ;AACA,OAAO,IAAMC,KAAK,GAAG,eAACC,KAAD,EAAgBD,MAAhB,EAA0C;AAC7D,MAAI,CAACC,KAAD,IAAU,CAACD,MAAf,EAAsB;AACpB,WAAOC,KAAP;AACD;AACD,MAAMC,gBAAgB,GAAGD,KAAK,CAACE,KAAN,CAAY,UAAZ,KAA2B,EAApD;AACA,MAAMC,IAAI,GAAGF,gBAAgB,CAACG,IAAjB,CAAsB,EAAtB,CAAb;AACA,MAAMC,WAAW,GAAGC,UAAU,CAACN,KAAD,CAAV,GAAoBM,UAAU,CAACP,MAAD,CAAlD;AACA,MAAMQ,SAAS,GAAGC,QAAQ,MAAIH,WAAJ,EAAmB,EAAnB,CAA1B;AACA,MAAMI,MAAM,GAAGJ,WAAW,GAAGE,SAAd,GAA0BT,GAA1B,GAAgCS,SAAhC,GAA4CG,IAAI,CAACC,KAAL,CAAWN,WAAW,GAAG,KAAzB,IAAkC,KAA7F;AACA,cAAUI,MAAV,IAAmBN,IAAI,IAAI,IAA3B;AACD,CAVM","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/HoldSelectionColor/HoldSelectionColor.js

@@ -0,0 +1,9 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+
+var _templateObject;
+
+import { injectGlobal } from "../../theming/Emotion";
+import { isChrome } from "../../client"; // This is for screenshot tests
+
+var Highlight = isChrome ? '#3390ff' : '#3399ff';
+injectGlobal(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  *::selection {\n    background-color: ", ";\n  }\n  input::selection,\n  textarea::selection {\n    color: white;\n  }\n"])), Highlight);

package/lib/styles/HoldSelectionColor/HoldSelectionColor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["HoldSelectionColor.ts"],"names":["injectGlobal","isChrome","Highlight"],"mappings":"oHAAA,SAASA,YAAT,QAA6B,oBAA7B;AACA,SAASC,QAAT,QAAyB,WAAzB;;AAEA;AACA,IAAMC,SAAS,GAAGD,QAAQ,GAAG,SAAH,GAAe,SAAzC;;AAEAD,YAAY;;AAEYE,SAFZ,CAAZ","sourcesContent":["import { injectGlobal } from '../theming/Emotion';\nimport { isChrome } from '../client';\n\n// This is for screenshot tests\nconst Highlight = isChrome ? '#3390ff' : '#3399ff';\n\ninjectGlobal`\n  *::selection {\n    background-color: ${Highlight};\n  }\n  input::selection,\n  textarea::selection {\n    color: white;\n  }\n`;\n"]}

package/lib/styles/HoldSelectionColor/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/lib/styles/HoldSelectionColor.js",
+  "module": "HoldSelectionColor",
+  "types": "../HoldSelectionColor.d.ts",
+  "sideEffects": false
+}

package/lib/styles/HoldSelectionColor.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/styles/Mixins/Mixins.js

@@ -1,29 +1,11 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\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    /* ie11 doesnt support 'initial' */\n    text-align: left;\n    text-align: initial;\n    text-transform: none;\n    text-shadow: none;\n  "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\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  "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
+var _templateObject, _templateObject2;
 
 import { css } from "../../theming/Emotion";
 export var resetButton = function resetButton() {
-  return css(_templateObject());
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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 resetText() {
-  return css(_templateObject2());
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\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    /* ie11 doesnt support 'initial' */\n    text-align: left;\n    text-align: initial;\n    text-transform: none;\n    text-shadow: none;\n  "])));
 };

package/lib/styles/Mixins/Mixins.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Mixins.ts"],"names":["css","resetButton","resetText"],"mappings":"m7CAAA,SAASA,GAAT,QAAoB,oBAApB;;AAEA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AAC/B,SAAOD,GAAP;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BD,CA9BM;;AAgCP,OAAO,IAAME,SAAS,GAAG,SAAZA,SAAY,GAAM;AAC7B,SAAOF,GAAP;;;;;;;;;;;;;;;AAeD,CAhBM","sourcesContent":["import { css } from '../theming/Emotion';\r\n\r\nexport const resetButton = () => {\r\n  return css`\r\n    outline: none;\r\n    border: none;\r\n    margin: 0; /* Need for Safari. */\r\n    padding: 0;\r\n    width: auto;\r\n    overflow: visible; /* On IE it's hidden by default. */\r\n    background: transparent;\r\n\r\n    /* inherit font & color from ancestor */\r\n    color: inherit;\r\n    font: inherit;\r\n\r\n    /* Normalize 'line-height'. Cannot be changed from 'normal' in Firefox 4+. */\r\n    line-height: normal;\r\n\r\n    /* Corrects font smoothing for webkit */\r\n    -webkit-font-smoothing: inherit;\r\n    -moz-osx-font-smoothing: inherit;\r\n\r\n    /* Corrects inability to style clickable 'input' types in iOS */\r\n    -webkit-appearance: none;\r\n    text-align: inherit;\r\n\r\n    &::-moz-focus-inner {\r\n      border: 0;\r\n      padding: 0;\r\n    }\r\n  `;\r\n};\r\n\r\nexport const resetText = () => {\r\n  return css`\r\n    letter-spacing: normal;\r\n    line-height: normal;\r\n    font-family: inherit;\r\n    font-weight: normal;\r\n    font-style: normal;\r\n    font-variant: normal;\r\n    font-stretch: normal;\r\n\r\n    /* ie11 doesnt support 'initial' */\r\n    text-align: left;\r\n    text-align: initial;\r\n    text-transform: none;\r\n    text-shadow: none;\r\n  `;\r\n};\r\n"]}
+{"version":3,"sources":["Mixins.ts"],"names":["css","resetButton","resetText"],"mappings":"sIAAA,SAASA,GAAT,QAAoB,oBAApB;;AAEA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AAC/B,SAAOD,GAAP;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BD,CA9BM;;AAgCP,OAAO,IAAME,SAAS,GAAG,SAAZA,SAAY,GAAM;AAC7B,SAAOF,GAAP;;;;;;;;;;;;;;;AAeD,CAhBM","sourcesContent":["import { css } from '../theming/Emotion';\n\nexport const resetButton = () => {\n  return css`\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 = () => {\n  return css`\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    /* ie11 doesnt support 'initial' */\n    text-align: left;\n    text-align: initial;\n    text-transform: none;\n    text-shadow: none;\n  `;\n};\n"]}

package/lib/taskWithDelayAndMinimalDuration/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/lib/taskWithDelayAndMinimalDuration.js",
+  "module": "taskWithDelayAndMinimalDuration",
+  "types": "../taskWithDelayAndMinimalDuration.d.ts",
+  "sideEffects": false
+}

package/lib/taskWithDelayAndMinimalDuration/taskWithDelayAndMinimalDuration.js

@@ -0,0 +1,73 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+export var TaskWithDelayAndMinimalDuration = 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.timeoutBeforeTaskStart) {
+      _this.clearTimeoutBeforeTaskStart();
+    }
+
+    _this.setTimeoutBeforeTaskStart();
+  };
+
+  this.update = function (updateData) {
+    _this.taskParams = _extends({}, _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.clearTimeoutBeforeTaskStart();
+
+    _this.clearTimeoutBeforeTaskStop();
+  };
+
+  this.taskParams = initialValues;
+};

package/lib/taskWithDelayAndMinimalDuration/taskWithDelayAndMinimalDuration.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["taskWithDelayAndMinimalDuration.ts"],"names":["TaskWithDelayAndMinimalDuration","initialValues","isTaskActive","setTimeoutBeforeTaskStart","timeoutBeforeTaskStart","setTimeout","taskParams","taskStartCallback","clearTimeoutBeforeTaskStart","setTimeoutBeforeTaskStop","delayBeforeTaskStart","timeoutBeforeTaskStop","taskStopCallback","clearTimeoutBeforeTaskStop","durationOfTask","clearTimeout","start","update","updateData","stop","clearTask"],"mappings":";;;;;;;;;AASA,WAAaA,+BAAb;;;;;;AAME,yCAAYC,aAAZ,EAAiE,uBAFzDC,YAEyD,GAF1C,KAE0C;;;;AAIzDC,EAAAA,yBAJyD,GAI7B,YAAM;AACxC,IAAA,KAAI,CAACC,sBAAL,GAA8BC,UAAU,CAAC,YAAM;AAC7C,MAAA,KAAI,CAACH,YAAL,IAAqB,KAAI,CAACI,UAAL,CAAgBC,iBAAhB,EAArB;AACA,MAAA,KAAI,CAACC,2BAAL;AACA,MAAA,KAAI,CAACC,wBAAL;AACD,KAJuC,EAIrC,KAAI,CAACH,UAAL,CAAgBI,oBAJqB,CAAxC;AAKD,GAVgE;;AAYzDD,EAAAA,wBAZyD,GAY9B,YAAM;AACvC,IAAA,KAAI,CAACE,qBAAL,GAA6BN,UAAU,CAAC,YAAM;AAC5C,OAAC,KAAI,CAACH,YAAN,IAAsB,KAAI,CAACI,UAAL,CAAgBM,gBAAhB,EAAtB;AACA,MAAA,KAAI,CAACC,0BAAL;AACD,KAHsC,EAGpC,KAAI,CAACP,UAAL,CAAgBQ,cAHoB,CAAvC;AAID,GAjBgE;;AAmBzDN,EAAAA,2BAnByD,GAmB3B,YAAM;AAC1C,IAAA,KAAI,CAACJ,sBAAL,IAA+BW,YAAY,CAAC,KAAI,CAACX,sBAAN,CAA3C;AACA,IAAA,KAAI,CAACA,sBAAL,GAA8B,IAA9B;AACD,GAtBgE;;AAwBzDS,EAAAA,0BAxByD,GAwB5B,YAAM;AACzC,IAAA,KAAI,CAACF,qBAAL,IAA8BI,YAAY,CAAC,KAAI,CAACJ,qBAAN,CAA1C;AACA,IAAA,KAAI,CAACA,qBAAL,GAA6B,IAA7B;AACD,GA3BgE;;AA6B1DK,EAAAA,KA7B0D,GA6BlD,YAAM;AACnB,QAAI,KAAI,CAACd,YAAT,EAAuB;AACrB;AACD;;AAED,IAAA,KAAI,CAACA,YAAL,GAAoB,IAApB;;AAEA,QAAI,KAAI,CAACE,sBAAT,EAAiC;AAC/B,MAAA,KAAI,CAACI,2BAAL;AACD;;AAED,IAAA,KAAI,CAACL,yBAAL;AACD,GAzCgE;;AA2C1Dc,EAAAA,MA3C0D,GA2CjD,UAACC,UAAD,EAA+D;AAC7E,IAAA,KAAI,CAACZ,UAAL,gBAAuB,KAAI,CAACA,UAA5B,EAA2CY,UAA3C;AACD,GA7CgE;;AA+C1DC,EAAAA,IA/C0D,GA+CnD,YAAM;AAClB,QAAI,CAAC,KAAI,CAACjB,YAAV,EAAwB;;AAExB,IAAA,KAAI,CAACA,YAAL,GAAoB,KAApB;;AAEA,QAAI,CAAC,KAAI,CAACE,sBAAN,IAAgC,CAAC,KAAI,CAACO,qBAA1C,EAAiE;AAC/D,MAAA,KAAI,CAACL,UAAL,CAAgBM,gBAAhB;AACD;;AAED,QAAI,KAAI,CAACR,sBAAT,EAAiC;AAC/B,MAAA,KAAI,CAACI,2BAAL;AACD;AACF,GA3DgE;;AA6D1DY,EAAAA,SA7D0D,GA6D9C,YAAM;AACvB,IAAA,KAAI,CAACZ,2BAAL;AACA,IAAA,KAAI,CAACK,0BAAL;AACD,GAhEgE,CAC/D,KAAKP,UAAL,GAAkBL,aAAlB,CACD,CARH","sourcesContent":["import { Nullable } from '../typings/utility-types';\n\nexport interface TaskWithDelayAndMinimalDurationProps {\n  delayBeforeTaskStart: number;\n  durationOfTask: number;\n  taskStartCallback: () => void;\n  taskStopCallback: () => void;\n}\n\nexport class TaskWithDelayAndMinimalDuration {\n  private timeoutBeforeTaskStart: Nullable<NodeJS.Timeout>;\n  private timeoutBeforeTaskStop: Nullable<NodeJS.Timeout>;\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 = () => {\n    if (this.isTaskActive) {\n      return;\n    }\n\n    this.isTaskActive = true;\n\n    if (this.timeoutBeforeTaskStart) {\n      this.clearTimeoutBeforeTaskStart();\n    }\n\n    this.setTimeoutBeforeTaskStart();\n  };\n\n  public update = (updateData: Partial<TaskWithDelayAndMinimalDurationProps>) => {\n    this.taskParams = { ...this.taskParams, ...updateData };\n  };\n\n  public stop = () => {\n    if (!this.isTaskActive) return;\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 = () => {\n    this.clearTimeoutBeforeTaskStart();\n    this.clearTimeoutBeforeTaskStop();\n  };\n}\n"]}

package/lib/taskWithDelayAndMinimalDuration.d.ts

@@ -0,0 +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;
+}

package/lib/theming/AnimationKeyframes/AnimationKeyframes.js

@@ -1,83 +1,25 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 
-function _templateObject6() {
-  var data = _taggedTemplateLiteralLoose(["\n        100%, 0% { stroke: ", "; }\n        40% { stroke: ", "; }\n        66% { stroke: ", "; }\n        80%, 90% { stroke: ", "; }\n      "]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = _taggedTemplateLiteralLoose(["\n        100% { transform: rotate(360deg); }\n      "]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\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      "]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n        0% { stroke-dashoffset: 0; }\n        100% { stroke-dashoffset: -231.25%; }\n      "]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n        0% { stroke-dasharray: 10, 96; }\n        50% { stroke-dasharray: 50, 56; }\n        100% { stroke-dasharray: 10, 96;}\n      "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n        0% { stroke-dashoffset: 10; }\n        100% { stroke-dashoffset: 116; }\n      "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 
 import { keyframes } from "../Emotion";
 export var AnimationKeyframes = {
   spinnerCloudOffset: function spinnerCloudOffset(t) {
-    return keyframes(_templateObject());
+    return keyframes(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        0% { stroke-dashoffset: 10; }\n        100% { stroke-dashoffset: 116; }\n      "])));
   },
   spinnerCloudLength: function spinnerCloudLength(t) {
-    return keyframes(_templateObject2());
+    return keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        0% { stroke-dasharray: 10, 96; }\n        50% { stroke-dasharray: 50, 56; }\n        100% { stroke-dasharray: 10, 96;}\n      "])));
   },
   spinnerCircleOffset: function spinnerCircleOffset(t) {
-    return keyframes(_templateObject3());
+    return keyframes(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        0% { stroke-dashoffset: 0; }\n        100% { stroke-dashoffset: -231.25%; }\n      "])));
   },
   spinnerCircleLength: function spinnerCircleLength(t) {
-    return keyframes(_templateObject4());
+    return keyframes(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\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 spinnerCircleRotate(t) {
-    return keyframes(_templateObject5());
+    return keyframes(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        100% { transform: rotate(360deg); }\n      "])));
   },
   spinnerColor: function spinnerColor(t) {
-    return keyframes(_templateObject6(), t.red, t.yellow, t.green, t.brand);
+    return keyframes(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n        100%, 0% { stroke: ", "; }\n        40% { stroke: ", "; }\n        66% { stroke: ", "; }\n        80%, 90% { stroke: ", "; }\n      "])), t.red, t.yellow, t.green, t.brand);
   }
 };

package/lib/theming/AnimationKeyframes/AnimationKeyframes.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AnimationKeyframes.ts"],"names":["keyframes","AnimationKeyframes","spinnerCloudOffset","t","spinnerCloudLength","spinnerCircleOffset","spinnerCircleLength","spinnerCircleRotate","spinnerColor","red","yellow","green","brand"],"mappings":"8nDAAA,SAASA,SAAT,QAA0B,WAA1B;;;AAGA,OAAO,IAAMC,kBAAkB,GAAG;AAChCC,EAAAA,kBADgC,8BACbC,CADa,EACH;AAC3B,WAAOH,SAAP;;;;AAID,GAN+B;;AAQhCI,EAAAA,kBARgC,8BAQbD,CARa,EAQH;AAC3B,WAAOH,SAAP;;;;;AAKD,GAd+B;AAehCK,EAAAA,mBAfgC,+BAeZF,CAfY,EAeF;AAC5B,WAAOH,SAAP;;;;AAID,GApB+B;AAqBhCM,EAAAA,mBArBgC,+BAqBZH,CArBY,EAqBF;AAC5B,WAAOH,SAAP;;;;;AAKD,GA3B+B;AA4BhCO,EAAAA,mBA5BgC,+BA4BZJ,CA5BY,EA4BF;AAC5B,WAAOH,SAAP;;;AAGD,GAhC+B;AAiChCQ,EAAAA,YAjCgC,wBAiCnBL,CAjCmB,EAiCT;AACrB,WAAOH,SAAP;AACyBG,IAAAA,CAAC,CAACM,GAD3B;AAEoBN,IAAAA,CAAC,CAACO,MAFtB;AAGoBP,IAAAA,CAAC,CAACQ,KAHtB;AAIyBR,IAAAA,CAAC,CAACS,KAJ3B;;AAMD,GAxC+B,EAA3B","sourcesContent":["import { keyframes } from './Emotion';\r\nimport { Theme } from './Theme';\r\n\r\nexport const AnimationKeyframes = {\r\n  spinnerCloudOffset(t: Theme) {\r\n    return keyframes`\r\n        0% { stroke-dashoffset: 10; }\r\n        100% { stroke-dashoffset: 116; }\r\n      `;\r\n  },\r\n\r\n  spinnerCloudLength(t: Theme) {\r\n    return keyframes`\r\n        0% { stroke-dasharray: 10, 96; }\r\n        50% { stroke-dasharray: 50, 56; }\r\n        100% { stroke-dasharray: 10, 96;}\r\n      `;\r\n  },\r\n  spinnerCircleOffset(t: Theme) {\r\n    return keyframes`\r\n        0% { stroke-dashoffset: 0; }\r\n        100% { stroke-dashoffset: -231.25%; }\r\n      `;\r\n  },\r\n  spinnerCircleLength(t: Theme) {\r\n    return keyframes`\r\n        0% { stroke-dasharray: 62.5%, 168.75%; }\r\n        50% {  stroke-dasharray: 187.5%, 43.75%; }\r\n        100% { stroke-dasharray: 62.5%, 168.75%; }\r\n      `;\r\n  },\r\n  spinnerCircleRotate(t: Theme) {\r\n    return keyframes`\r\n        100% { transform: rotate(360deg); }\r\n      `;\r\n  },\r\n  spinnerColor(t: Theme) {\r\n    return keyframes`\r\n        100%, 0% { stroke: ${t.red}; }\r\n        40% { stroke: ${t.yellow}; }\r\n        66% { stroke: ${t.green}; }\r\n        80%, 90% { stroke: ${t.brand}; }\r\n      `;\r\n  },\r\n};\r\n"]}
+{"version":3,"sources":["AnimationKeyframes.ts"],"names":["keyframes","AnimationKeyframes","spinnerCloudOffset","t","spinnerCloudLength","spinnerCircleOffset","spinnerCircleLength","spinnerCircleRotate","spinnerColor","red","yellow","green","brand"],"mappings":"8MAAA,SAASA,SAAT,QAA0B,WAA1B;;;AAGA,OAAO,IAAMC,kBAAkB,GAAG;AAChCC,EAAAA,kBADgC,8BACbC,CADa,EACH;AAC3B,WAAOH,SAAP;;;;AAID,GAN+B;;AAQhCI,EAAAA,kBARgC,8BAQbD,CARa,EAQH;AAC3B,WAAOH,SAAP;;;;;AAKD,GAd+B;AAehCK,EAAAA,mBAfgC,+BAeZF,CAfY,EAeF;AAC5B,WAAOH,SAAP;;;;AAID,GApB+B;AAqBhCM,EAAAA,mBArBgC,+BAqBZH,CArBY,EAqBF;AAC5B,WAAOH,SAAP;;;;;AAKD,GA3B+B;AA4BhCO,EAAAA,mBA5BgC,+BA4BZJ,CA5BY,EA4BF;AAC5B,WAAOH,SAAP;;;AAGD,GAhC+B;AAiChCQ,EAAAA,YAjCgC,wBAiCnBL,CAjCmB,EAiCT;AACrB,WAAOH,SAAP;AACyBG,IAAAA,CAAC,CAACM,GAD3B;AAEoBN,IAAAA,CAAC,CAACO,MAFtB;AAGoBP,IAAAA,CAAC,CAACQ,KAHtB;AAIyBR,IAAAA,CAAC,CAACS,KAJ3B;;AAMD,GAxC+B,EAA3B","sourcesContent":["import { keyframes } from './Emotion';\nimport { Theme } from './Theme';\n\nexport const AnimationKeyframes = {\n  spinnerCloudOffset(t: Theme) {\n    return keyframes`\n        0% { stroke-dashoffset: 10; }\n        100% { stroke-dashoffset: 116; }\n      `;\n  },\n\n  spinnerCloudLength(t: Theme) {\n    return keyframes`\n        0% { stroke-dasharray: 10, 96; }\n        50% { stroke-dasharray: 50, 56; }\n        100% { stroke-dasharray: 10, 96;}\n      `;\n  },\n  spinnerCircleOffset(t: Theme) {\n    return keyframes`\n        0% { stroke-dashoffset: 0; }\n        100% { stroke-dashoffset: -231.25%; }\n      `;\n  },\n  spinnerCircleLength(t: Theme) {\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(t: Theme) {\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/AnimationKeyframes.d.ts

@@ -1,8 +1,9 @@
+import { Theme } from './Theme';
 export declare const AnimationKeyframes: {
-    spinnerCloudOffset(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    spinnerCloudLength(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    spinnerCircleOffset(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    spinnerCircleLength(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    spinnerCircleRotate(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    spinnerColor(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    spinnerCloudOffset(t: Theme): string;
+    spinnerCloudLength(t: Theme): string;
+    spinnerCircleOffset(t: Theme): string;
+    spinnerCircleLength(t: Theme): string;
+    spinnerCircleRotate(t: Theme): string;
+    spinnerColor(t: Theme): string;
 };

package/lib/theming/Emotion/Emotion.js

@@ -1,11 +1,13 @@
-import createEmotion from 'create-emotion';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import createEmotion from '@emotion/css/create-instance';
 import extraScopePlugin from 'stylis-plugin-extra-scope';
 import { Upgrade } from "../../Upgrades";
-var PREFIX = 'react-ui';
-var scope = new Array(Upgrade.getSpecificityLevel()).fill("." + PREFIX).join('');
+var REACT_UI_PREFIX = Upgrade.getSpecificityClassName();
+var scope = new Array(Upgrade.getSpecificityLevel()).fill("." + REACT_UI_PREFIX).join('');
 
 var _createEmotion = createEmotion({
-  key: PREFIX,
+  key: REACT_UI_PREFIX,
+  prepend: true,
   stylisPlugins: scope ? [extraScopePlugin(scope)] : undefined
 }),
     flush = _createEmotion.flush,
@@ -20,9 +22,6 @@ var _createEmotion = createEmotion({
     cache = _createEmotion.cache;
 
 export { flush, hydrate, cx, merge, getRegisteredStyles, injectGlobal, keyframes, css, sheet, cache };
-export var cssName = function cssName(className) {
-  return "." + className;
-};
 
 function isZeroArgs(fn) {
   return fn.length == 0;
@@ -54,4 +53,17 @@ export var memoizeStyle = function memoizeStyle(styles) {
     return styles[className] = memoize(styles[className]);
   });
   return styles;
+};
+export var prefix = function prefix(component, app) {
+  if (app === void 0) {
+    app = REACT_UI_PREFIX;
+  }
+
+  return function (classes) {
+    return Object.keys(classes).reduce(function (acc, key) {
+      var _extends2;
+
+      return _extends({}, acc, (_extends2 = {}, _extends2[key] = app + "-" + component + "-" + classes[key], _extends2));
+    }, {});
+  };
 };

package/lib/theming/Emotion/Emotion.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Emotion.ts"],"names":["createEmotion","extraScopePlugin","Upgrade","PREFIX","scope","Array","getSpecificityLevel","fill","join","key","stylisPlugins","undefined","flush","hydrate","cx","merge","getRegisteredStyles","injectGlobal","keyframes","css","sheet","cache","cssName","className","isZeroArgs","fn","length","memoize","isCalled","result","WeakMap","arg","has","set","get","memoizeStyle","styles","Object","keys","forEach"],"mappings":"AAAA,OAAOA,aAAP,MAA0B,gBAA1B;AACA,OAAOC,gBAAP,MAA6B,2BAA7B;;AAEA,SAASC,OAAT,QAAwB,aAAxB;;;;AAIA,IAAMC,MAAM,GAAG,UAAf;;AAEA,IAAMC,KAAK,GAAG,IAAIC,KAAJ,CAAUH,OAAO,CAACI,mBAAR,EAAV,EAAyCC,IAAzC,OAAkDJ,MAAlD,EAA4DK,IAA5D,CAAiE,EAAjE,CAAd,C;;;;;;;;;;;;;AAaIR,aAAa,CAAC;AAChBS,EAAAA,GAAG,EAAEN,MADW;AAEhBO,EAAAA,aAAa,EAAEN,KAAK,GAAG,CAACH,gBAAgB,CAACG,KAAD,CAAjB,CAAH,GAA+BO,SAFnC,EAAD,C,CAVfC,K,kBAAAA,K,CACAC,O,kBAAAA,O,CACAC,E,kBAAAA,E,CACAC,K,kBAAAA,K,CACAC,mB,kBAAAA,mB,CACAC,Y,kBAAAA,Y,CACAC,S,kBAAAA,S,CACAC,G,kBAAAA,G,CACAC,K,kBAAAA,K,CACAC,K,kBAAAA,K;;;AAMF,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,SAAD,gBAAmCA,SAAnC,EAAhB;;AAEP,SAASC,UAAT,CAAwDC,EAAxD,EAAyF;AACvF,SAAOA,EAAE,CAACC,MAAH,IAAa,CAApB;AACD;;AAED,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAAsBF,EAAtB,EAAuF;AACrG,MAAID,UAAU,CAACC,EAAD,CAAd,EAAoB;AAClB,QAAIG,QAAQ,GAAG,KAAf;AACA,QAAIC,MAAJ;AACA,WAAO,YAAM;AACX,UAAI,CAACD,QAAL,EAAe;AACbA,QAAAA,QAAQ,GAAG,IAAX;AACAC,QAAAA,MAAM,GAAGJ,EAAE,EAAX;AACD;AACD,aAAOI,MAAP;AACD,KAND;AAOD;;AAED,MAAMR,KAAK,GAAG,IAAIS,OAAJ,EAAd;AACA,SAAO,UAACC,GAAD,EAAY;AACjB,QAAI,CAACV,KAAK,CAACW,GAAN,CAAUD,GAAV,CAAL,EAAqBV,KAAK,CAACY,GAAN,CAAUF,GAAV,EAAeN,EAAE,CAACM,GAAD,CAAjB;AACrB,WAAOV,KAAK,CAACa,GAAN,CAAUH,GAAV,CAAP;AACD,GAHD;AAID,CAlBD;;AAoBA,OAAO,IAAMI,YAAY,GAAG,SAAfA,YAAe;AAC1BC,MAD0B;AAEpB;AACNC,EAAAA,MAAM,CAACC,IAAP,CAAYF,MAAZ,EAAoBG,OAApB,CAA4B,UAAAhB,SAAS,UAAKa,MAAM,CAACb,SAAD,CAAN,GAA+BI,OAAO,CAACS,MAAM,CAACb,SAAD,CAAP,CAA3C,EAArC;AACA,SAAOa,MAAP;AACD,CALM","sourcesContent":["import createEmotion from 'create-emotion';\r\nimport extraScopePlugin from 'stylis-plugin-extra-scope';\r\n\r\nimport { Upgrade } from '../Upgrades';\r\n\r\nimport { Theme } from './Theme';\r\n\r\nconst PREFIX = 'react-ui';\r\n\r\nconst scope = new Array(Upgrade.getSpecificityLevel()).fill(`.${PREFIX}`).join('');\r\n\r\nexport const {\r\n  flush,\r\n  hydrate,\r\n  cx,\r\n  merge,\r\n  getRegisteredStyles,\r\n  injectGlobal,\r\n  keyframes,\r\n  css,\r\n  sheet,\r\n  cache,\r\n} = createEmotion({\r\n  key: PREFIX,\r\n  stylisPlugins: scope ? [extraScopePlugin(scope)] : undefined,\r\n});\r\n\r\nexport const cssName = (className: string): string => `.${className}`;\r\n\r\nfunction isZeroArgs<R, T extends (...args: any[]) => R>(fn: T | Function): fn is () => R {\r\n  return fn.length == 0;\r\n}\r\n\r\nconst memoize = <A extends object, R>(fn: (() => R) | ((arg: A) => R)): (() => R) | ((arg: A) => R) => {\r\n  if (isZeroArgs(fn)) {\r\n    let isCalled = false;\r\n    let result: R;\r\n    return () => {\r\n      if (!isCalled) {\r\n        isCalled = true;\r\n        result = fn();\r\n      }\r\n      return result;\r\n    };\r\n  }\r\n\r\n  const cache = new WeakMap();\r\n  return (arg: A) => {\r\n    if (!cache.has(arg)) cache.set(arg, fn(arg));\r\n    return cache.get(arg);\r\n  };\r\n};\r\n\r\nexport const memoizeStyle = <S extends { [className: string]: (() => string) | ((t: Theme) => string) }>(\r\n  styles: S,\r\n): S => {\r\n  Object.keys(styles).forEach(className => (styles[className as keyof S] = memoize(styles[className]) as S[keyof S]));\r\n  return styles;\r\n};\r\n"]}
+{"version":3,"sources":["Emotion.ts"],"names":["createEmotion","extraScopePlugin","Upgrade","REACT_UI_PREFIX","getSpecificityClassName","scope","Array","getSpecificityLevel","fill","join","key","prepend","stylisPlugins","undefined","flush","hydrate","cx","merge","getRegisteredStyles","injectGlobal","keyframes","css","sheet","cache","isZeroArgs","fn","length","memoize","isCalled","result","WeakMap","arg","has","set","get","memoizeStyle","styles","Object","keys","forEach","className","prefix","component","app","classes","reduce","acc"],"mappings":"0DAAA,OAAOA,aAAP,MAA0B,8BAA1B;AACA,OAAOC,gBAAP,MAA6B,2BAA7B;;AAEA,SAASC,OAAT,QAAwB,aAAxB;;;;AAIA,IAAMC,eAAe,GAAGD,OAAO,CAACE,uBAAR,EAAxB;;AAEA,IAAMC,KAAK,GAAG,IAAIC,KAAJ,CAAUJ,OAAO,CAACK,mBAAR,EAAV,EAAyCC,IAAzC,OAAkDL,eAAlD,EAAqEM,IAArE,CAA0E,EAA1E,CAAd;;AAEO;AACLT,aAAa,CAAC;AACZU,EAAAA,GAAG,EAAEP,eADO;AAEZQ,EAAAA,OAAO,EAAE,IAFG;AAGZC,EAAAA,aAAa,EAAEP,KAAK,GAAG,CAACJ,gBAAgB,CAACI,KAAD,CAAjB,CAAH,GAA+BQ,SAHvC,EAAD,CADR,CAAQC,KAAR,kBAAQA,KAAR,CAAeC,OAAf,kBAAeA,OAAf,CAAwBC,EAAxB,kBAAwBA,EAAxB,CAA4BC,KAA5B,kBAA4BA,KAA5B,CAAmCC,mBAAnC,kBAAmCA,mBAAnC,CAAwDC,YAAxD,kBAAwDA,YAAxD,CAAsEC,SAAtE,kBAAsEA,SAAtE,CAAiFC,GAAjF,kBAAiFA,GAAjF,CAAsFC,KAAtF,kBAAsFA,KAAtF,CAA6FC,KAA7F,kBAA6FA,KAA7F,C;;;AAOP,SAASC,UAAT,CAAwDC,EAAxD,EAAyF;AACvF,SAAOA,EAAE,CAACC,MAAH,IAAa,CAApB;AACD;;AAED,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAAsBF,EAAtB,EAAuF;AACrG,MAAID,UAAU,CAACC,EAAD,CAAd,EAAoB;AAClB,QAAIG,QAAQ,GAAG,KAAf;AACA,QAAIC,MAAJ;AACA,WAAO,YAAM;AACX,UAAI,CAACD,QAAL,EAAe;AACbA,QAAAA,QAAQ,GAAG,IAAX;AACAC,QAAAA,MAAM,GAAGJ,EAAE,EAAX;AACD;AACD,aAAOI,MAAP;AACD,KAND;AAOD;;AAED,MAAMN,KAAK,GAAG,IAAIO,OAAJ,EAAd;AACA,SAAO,UAACC,GAAD,EAAY;AACjB,QAAI,CAACR,KAAK,CAACS,GAAN,CAAUD,GAAV,CAAL,EAAqBR,KAAK,CAACU,GAAN,CAAUF,GAAV,EAAeN,EAAE,CAACM,GAAD,CAAjB;AACrB,WAAOR,KAAK,CAACW,GAAN,CAAUH,GAAV,CAAP;AACD,GAHD;AAID,CAlBD;;AAoBA,OAAO,IAAMI,YAAY,GAAG,SAAfA,YAAe;AAC1BC,MAD0B;AAEpB;AACNC,EAAAA,MAAM,CAACC,IAAP,CAAYF,MAAZ,EAAoBG,OAApB,CAA4B,UAACC,SAAD,UAAgBJ,MAAM,CAACI,SAAD,CAAN,GAA+Bb,OAAO,CAACS,MAAM,CAACI,SAAD,CAAP,CAAtD,EAA5B;AACA,SAAOJ,MAAP;AACD,CALM;;AAOP,OAAO,IAAMK,MAAM;AACjB,SADWA,MACX,CAACC,SAAD,EAAoBC,GAApB,OAAoBA,GAApB,cAAoBA,GAApB,GAA0BxC,eAA1B;AACA,cAAmCyC,OAAnC;AACEP,QAAAA,MAAM,CAACC,IAAP,CAAYM,OAAZ,EAAqBC,MAArB,CAA4B,UAACC,GAAD,EAAMpC,GAAN,EAAc;AACxC,8BAAYoC,GAAZ,6BAAkBpC,GAAlB,IAA2BiC,GAA3B,SAAkCD,SAAlC,SAA+CE,OAAO,CAAClC,GAAD,CAAtD;AACD,SAFD,EAEG,EAFH,CADF,GADA,GADK","sourcesContent":["import createEmotion from '@emotion/css/create-instance';\nimport extraScopePlugin from 'stylis-plugin-extra-scope';\n\nimport { Upgrade } from '../Upgrades';\n\nimport { Theme } from './Theme';\n\nconst REACT_UI_PREFIX = Upgrade.getSpecificityClassName();\n\nconst scope = new Array(Upgrade.getSpecificityLevel()).fill(`.${REACT_UI_PREFIX}`).join('');\n\nexport const { flush, hydrate, cx, merge, getRegisteredStyles, injectGlobal, keyframes, css, sheet, cache } =\n  createEmotion({\n    key: REACT_UI_PREFIX,\n    prepend: true,\n    stylisPlugins: scope ? [extraScopePlugin(scope)] : undefined,\n  });\n\nfunction isZeroArgs<R, T extends (...args: any[]) => R>(fn: T | Function): fn is () => R {\n  return fn.length == 0;\n}\n\nconst memoize = <A extends object, 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)) cache.set(arg, fn(arg));\n    return cache.get(arg);\n  };\n};\n\nexport const memoizeStyle = <S extends { [className: string]: (() => string) | ((t: Theme) => string) }>(\n  styles: S,\n): 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 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/Emotion.d.ts

@@ -1,14 +1,15 @@
-export declare const flush: () => void, hydrate: (ids: string[]) => void, cx: (...classNames: import("create-emotion").ClassNamesArg[]) => string, merge: (className: string) => string, getRegisteredStyles: (registeredStyles: string[], className: string) => string, injectGlobal: {
-    (template: TemplateStringsArray, ...args: import("create-emotion").Interpolation<undefined>[]): void;
-    (...args: import("create-emotion").Interpolation<undefined>[]): void;
+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("create-emotion").Interpolation<undefined>[]): string;
-    (...args: import("create-emotion").Interpolation<undefined>[]): string;
+    (template: TemplateStringsArray, ...args: import("@emotion/css/create-instance").CSSInterpolation[]): string;
+    (...args: import("@emotion/css/create-instance").CSSInterpolation[]): string;
 }, css: {
-    (template: TemplateStringsArray, ...args: import("create-emotion").Interpolation<undefined>[]): string;
-    (...args: import("create-emotion").Interpolation<undefined>[]): string;
-}, sheet: import("create-emotion").StyleSheet, cache: import("create-emotion").EmotionCache;
-export declare const cssName: (className: string) => string;
+    (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: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>) => string);
+    [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;

package/lib/theming/Theme/Theme.js

@@ -0,0 +1 @@
+export {};

package/lib/theming/ThemeContext/ThemeContext.js

@@ -1,4 +1,4 @@
 import React from 'react';
 import { DEFAULT_THEME } from "../themes/DefaultTheme";
-export var ThemeContext = React.createContext(DEFAULT_THEME);
+export var ThemeContext = /*#__PURE__*/React.createContext(DEFAULT_THEME);
 ThemeContext.displayName = 'ThemeContext';

package/lib/theming/ThemeContext/ThemeContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ThemeContext.ts"],"names":["React","DEFAULT_THEME","ThemeContext","createContext","displayName"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,aAAT,QAA8B,uBAA9B;;AAEA,OAAO,IAAMC,YAAY,GAAGF,KAAK,CAACG,aAAN,CAAoBF,aAApB,CAArB;;AAEPC,YAAY,CAACE,WAAb,GAA2B,cAA3B","sourcesContent":["import React from 'react';\r\n\r\nimport { DEFAULT_THEME } from './themes/DefaultTheme';\r\n\r\nexport const ThemeContext = React.createContext(DEFAULT_THEME);\r\n\r\nThemeContext.displayName = 'ThemeContext';\r\n"]}
+{"version":3,"sources":["ThemeContext.ts"],"names":["React","DEFAULT_THEME","ThemeContext","createContext","displayName"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,aAAT,QAA8B,uBAA9B;;AAEA,OAAO,IAAMC,YAAY,gBAAGF,KAAK,CAACG,aAAN,CAAoBF,aAApB,CAArB;;AAEPC,YAAY,CAACE,WAAb,GAA2B,cAA3B","sourcesContent":["import React from 'react';\n\nimport { DEFAULT_THEME } from './themes/DefaultTheme';\n\nexport const ThemeContext = React.createContext(DEFAULT_THEME);\n\nThemeContext.displayName = 'ThemeContext';\n"]}