@skbkontur/react-ui 0.0.0-044e274f2c → 0.0.0-07d08325b0

package/cjs/lib/taskWithDelayAndMinimalDuration.js

@@ -49,6 +49,10 @@ function TaskWithDelayAndMinimalDuration(initialValues) {var _this = this;this.i
 
     _this.isTaskActive = true;
 
+    if (_this.timeoutBeforeTaskStop) {
+      return;
+    }
+
     if (_this.timeoutBeforeTaskStart) {
       _this.clearTimeoutBeforeTaskStart();
     }

package/cjs/lib/taskWithDelayAndMinimalDuration.js.map

@@ -1 +1 @@
-{"version":3,"names":["_globalObject","require","TaskWithDelayAndMinimalDuration","exports","initialValues","_this","isTaskActive","setTimeoutBeforeTaskStart","timeoutBeforeTaskStart","globalObject","setTimeout","taskParams","taskStartCallback","clearTimeoutBeforeTaskStart","setTimeoutBeforeTaskStop","delayBeforeTaskStart","timeoutBeforeTaskStop","taskStopCallback","clearTimeoutBeforeTaskStop","durationOfTask","clearTimeout","start","update","updateData","_extends2","default","stop","clearTask"],"sources":["taskWithDelayAndMinimalDuration.ts"],"sourcesContent":["import { globalObject, SafeTimer } from '@skbkontur/global-object';\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 = globalObject.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 = globalObject.setTimeout(() => {\n      !this.isTaskActive && this.taskParams.taskStopCallback();\n      this.clearTimeoutBeforeTaskStop();\n    }, this.taskParams.durationOfTask);\n  };\n\n  private clearTimeoutBeforeTaskStart = () => {\n    this.timeoutBeforeTaskStart && globalObject.clearTimeout(this.timeoutBeforeTaskStart);\n    this.timeoutBeforeTaskStart = null;\n  };\n\n  private clearTimeoutBeforeTaskStop = () => {\n    this.timeoutBeforeTaskStop && globalObject.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) {\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 = () => {\n    this.isTaskActive = false;\n    this.clearTimeoutBeforeTaskStart();\n    this.clearTimeoutBeforeTaskStop();\n  };\n}\n"],"mappings":"uQAAA,IAAAA,aAAA,GAAAC,OAAA,6BAAmE;;;;;;;;;AAStDC,+BAA+B,GAAAC,OAAA,CAAAD,+BAAA;;;;;;AAM1C,SAAAA,gCAAYE,aAAmD,EAAE,KAAAC,KAAA,aAFzDC,YAAY,GAAG,KAAK;;;;EAMpBC,yBAAyB,GAAG,YAAM;IACxCF,KAAI,CAACG,sBAAsB,GAAGC,0BAAY,CAACC,UAAU,CAAC,YAAM;MAC1DL,KAAI,CAACC,YAAY,IAAID,KAAI,CAACM,UAAU,CAACC,iBAAiB,CAAC,CAAC;MACxDP,KAAI,CAACQ,2BAA2B,CAAC,CAAC;MAClCR,KAAI,CAACS,wBAAwB,CAAC,CAAC;IACjC,CAAC,EAAET,KAAI,CAACM,UAAU,CAACI,oBAAoB,CAAC;EAC1C,CAAC;;EAEOD,wBAAwB,GAAG,YAAM;IACvCT,KAAI,CAACW,qBAAqB,GAAGP,0BAAY,CAACC,UAAU,CAAC,YAAM;MACzD,CAACL,KAAI,CAACC,YAAY,IAAID,KAAI,CAACM,UAAU,CAACM,gBAAgB,CAAC,CAAC;MACxDZ,KAAI,CAACa,0BAA0B,CAAC,CAAC;IACnC,CAAC,EAAEb,KAAI,CAACM,UAAU,CAACQ,cAAc,CAAC;EACpC,CAAC;;EAEON,2BAA2B,GAAG,YAAM;IAC1CR,KAAI,CAACG,sBAAsB,IAAIC,0BAAY,CAACW,YAAY,CAACf,KAAI,CAACG,sBAAsB,CAAC;IACrFH,KAAI,CAACG,sBAAsB,GAAG,IAAI;EACpC,CAAC;;EAEOU,0BAA0B,GAAG,YAAM;IACzCb,KAAI,CAACW,qBAAqB,IAAIP,0BAAY,CAACW,YAAY,CAACf,KAAI,CAACW,qBAAqB,CAAC;IACnFX,KAAI,CAACW,qBAAqB,GAAG,IAAI;EACnC,CAAC;;EAEMK,KAAK,GAAG,YAAM;IACnB,IAAIhB,KAAI,CAACC,YAAY,EAAE;MACrB;IACF;;IAEAD,KAAI,CAACC,YAAY,GAAG,IAAI;;IAExB,IAAID,KAAI,CAACG,sBAAsB,EAAE;MAC/BH,KAAI,CAACQ,2BAA2B,CAAC,CAAC;IACpC;;IAEAR,KAAI,CAACE,yBAAyB,CAAC,CAAC;EAClC,CAAC;;EAEMe,MAAM,GAAG,UAACC,UAAyD,EAAK;IAC7ElB,KAAI,CAACM,UAAU,OAAAa,SAAA,CAAAC,OAAA,MAAQpB,KAAI,CAACM,UAAU,EAAKY,UAAU,CAAE;EACzD,CAAC;;EAEMG,IAAI,GAAG,YAAM;IAClB,IAAI,CAACrB,KAAI,CAACC,YAAY,EAAE;MACtB;IACF;;IAEAD,KAAI,CAACC,YAAY,GAAG,KAAK;;IAEzB,IAAI,CAACD,KAAI,CAACG,sBAAsB,IAAI,CAACH,KAAI,CAACW,qBAAqB,EAAE;MAC/DX,KAAI,CAACM,UAAU,CAACM,gBAAgB,CAAC,CAAC;IACpC;;IAEA,IAAIZ,KAAI,CAACG,sBAAsB,EAAE;MAC/BH,KAAI,CAACQ,2BAA2B,CAAC,CAAC;IACpC;EACF,CAAC;;EAEMc,SAAS,GAAG,YAAM;IACvBtB,KAAI,CAACC,YAAY,GAAG,KAAK;IACzBD,KAAI,CAACQ,2BAA2B,CAAC,CAAC;IAClCR,KAAI,CAACa,0BAA0B,CAAC,CAAC;EACnC,CAAC,CAlEC,IAAI,CAACP,UAAU,GAAGP,aAAa,CACjC,CAAC","ignoreList":[]}
+{"version":3,"names":["_globalObject","require","TaskWithDelayAndMinimalDuration","exports","initialValues","_this","isTaskActive","setTimeoutBeforeTaskStart","timeoutBeforeTaskStart","globalObject","setTimeout","taskParams","taskStartCallback","clearTimeoutBeforeTaskStart","setTimeoutBeforeTaskStop","delayBeforeTaskStart","timeoutBeforeTaskStop","taskStopCallback","clearTimeoutBeforeTaskStop","durationOfTask","clearTimeout","start","update","updateData","_extends2","default","stop","clearTask"],"sources":["taskWithDelayAndMinimalDuration.ts"],"sourcesContent":["import { globalObject, SafeTimer } from '@skbkontur/global-object';\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 = globalObject.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 = globalObject.setTimeout(() => {\n      !this.isTaskActive && this.taskParams.taskStopCallback();\n      this.clearTimeoutBeforeTaskStop();\n    }, this.taskParams.durationOfTask);\n  };\n\n  private clearTimeoutBeforeTaskStart = () => {\n    this.timeoutBeforeTaskStart && globalObject.clearTimeout(this.timeoutBeforeTaskStart);\n    this.timeoutBeforeTaskStart = null;\n  };\n\n  private clearTimeoutBeforeTaskStop = () => {\n    this.timeoutBeforeTaskStop && globalObject.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.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>) => {\n    this.taskParams = { ...this.taskParams, ...updateData };\n  };\n\n  public stop = () => {\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 = () => {\n    this.isTaskActive = false;\n    this.clearTimeoutBeforeTaskStart();\n    this.clearTimeoutBeforeTaskStop();\n  };\n}\n"],"mappings":"uQAAA,IAAAA,aAAA,GAAAC,OAAA,6BAAmE;;;;;;;;;AAStDC,+BAA+B,GAAAC,OAAA,CAAAD,+BAAA;;;;;;AAM1C,SAAAA,gCAAYE,aAAmD,EAAE,KAAAC,KAAA,aAFzDC,YAAY,GAAG,KAAK;;;;EAMpBC,yBAAyB,GAAG,YAAM;IACxCF,KAAI,CAACG,sBAAsB,GAAGC,0BAAY,CAACC,UAAU,CAAC,YAAM;MAC1DL,KAAI,CAACC,YAAY,IAAID,KAAI,CAACM,UAAU,CAACC,iBAAiB,CAAC,CAAC;MACxDP,KAAI,CAACQ,2BAA2B,CAAC,CAAC;MAClCR,KAAI,CAACS,wBAAwB,CAAC,CAAC;IACjC,CAAC,EAAET,KAAI,CAACM,UAAU,CAACI,oBAAoB,CAAC;EAC1C,CAAC;;EAEOD,wBAAwB,GAAG,YAAM;IACvCT,KAAI,CAACW,qBAAqB,GAAGP,0BAAY,CAACC,UAAU,CAAC,YAAM;MACzD,CAACL,KAAI,CAACC,YAAY,IAAID,KAAI,CAACM,UAAU,CAACM,gBAAgB,CAAC,CAAC;MACxDZ,KAAI,CAACa,0BAA0B,CAAC,CAAC;IACnC,CAAC,EAAEb,KAAI,CAACM,UAAU,CAACQ,cAAc,CAAC;EACpC,CAAC;;EAEON,2BAA2B,GAAG,YAAM;IAC1CR,KAAI,CAACG,sBAAsB,IAAIC,0BAAY,CAACW,YAAY,CAACf,KAAI,CAACG,sBAAsB,CAAC;IACrFH,KAAI,CAACG,sBAAsB,GAAG,IAAI;EACpC,CAAC;;EAEOU,0BAA0B,GAAG,YAAM;IACzCb,KAAI,CAACW,qBAAqB,IAAIP,0BAAY,CAACW,YAAY,CAACf,KAAI,CAACW,qBAAqB,CAAC;IACnFX,KAAI,CAACW,qBAAqB,GAAG,IAAI;EACnC,CAAC;;EAEMK,KAAK,GAAG,YAAM;IACnB,IAAIhB,KAAI,CAACC,YAAY,EAAE;MACrB;IACF;;IAEAD,KAAI,CAACC,YAAY,GAAG,IAAI;;IAExB,IAAID,KAAI,CAACW,qBAAqB,EAAE;MAC9B;IACF;;IAEA,IAAIX,KAAI,CAACG,sBAAsB,EAAE;MAC/BH,KAAI,CAACQ,2BAA2B,CAAC,CAAC;IACpC;;IAEAR,KAAI,CAACE,yBAAyB,CAAC,CAAC;EAClC,CAAC;;EAEMe,MAAM,GAAG,UAACC,UAAyD,EAAK;IAC7ElB,KAAI,CAACM,UAAU,OAAAa,SAAA,CAAAC,OAAA,MAAQpB,KAAI,CAACM,UAAU,EAAKY,UAAU,CAAE;EACzD,CAAC;;EAEMG,IAAI,GAAG,YAAM;IAClB,IAAI,CAACrB,KAAI,CAACC,YAAY,EAAE;MACtB;IACF;;IAEAD,KAAI,CAACC,YAAY,GAAG,KAAK;;IAEzB,IAAI,CAACD,KAAI,CAACG,sBAAsB,IAAI,CAACH,KAAI,CAACW,qBAAqB,EAAE;MAC/DX,KAAI,CAACM,UAAU,CAACM,gBAAgB,CAAC,CAAC;IACpC;;IAEA,IAAIZ,KAAI,CAACG,sBAAsB,EAAE;MAC/BH,KAAI,CAACQ,2BAA2B,CAAC,CAAC;IACpC;EACF,CAAC;;EAEMc,SAAS,GAAG,YAAM;IACvBtB,KAAI,CAACC,YAAY,GAAG,KAAK;IACzBD,KAAI,CAACQ,2BAA2B,CAAC,CAAC;IAClCR,KAAI,CAACa,0BAA0B,CAAC,CAAC;EACnC,CAAC,CAtEC,IAAI,CAACP,UAAU,GAAGP,aAAa,CACjC,CAAC","ignoreList":[]}

package/cjs/lib/theming/AnimationKeyframes.d.ts

@@ -1,6 +1,5 @@
-import type { Emotion } from '@emotion/css/create-instance';
 import { Theme } from './Theme';
-export declare const getAnimationKeyframes: (emotion: Emotion) => {
+export declare const AnimationKeyframes: {
     spinnerCircleOffset(): string;
     spinnerCircleLength(): string;
     spinnerCircleRotate(): string;

package/cjs/lib/theming/AnimationKeyframes.js

@@ -1,32 +1,31 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getAnimationKeyframes = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.AnimationKeyframes = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("./Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 
+var AnimationKeyframes = exports.AnimationKeyframes = {
+  spinnerCircleOffset: function spinnerCircleOffset() {
+    return (0, _Emotion.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        0% { stroke-dashoffset: 231.25%; }\n        100% { stroke-dashoffset: 0%; }\n      "])));
 
-var getAnimationKeyframes = exports.getAnimationKeyframes = function getAnimationKeyframes(emotion) {return {
-    spinnerCircleOffset: function spinnerCircleOffset() {
-      return emotion.keyframes(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        0% { stroke-dashoffset: 231.25%; }\n        100% { stroke-dashoffset: 0%; }\n      "])));
 
 
+  },
+  spinnerCircleLength: function spinnerCircleLength() {
+    return (0, _Emotion.keyframes)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\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      "])));
 
-    },
-    spinnerCircleLength: function spinnerCircleLength() {
-      return emotion.keyframes(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\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() {
+    return (0, _Emotion.keyframes)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        100% { transform: rotate(360deg); }\n      "])));
 
-    },
-    spinnerCircleRotate: function spinnerCircleRotate() {
-      return emotion.keyframes(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        100% { transform: rotate(360deg); }\n      "])));
 
+  },
+  spinnerColor: function spinnerColor(t) {
+    return (0, _Emotion.keyframes)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        100%, 0% { stroke: ", "; }\n        40% { stroke: ", "; }\n        66% { stroke: ", "; }\n        80%, 90% { stroke: ", "; }\n      "])),
+    t.red,
+    t.yellow,
+    t.green,
+    t.brand);
 
-    },
-    spinnerColor: function spinnerColor(t) {
-      return emotion.keyframes(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        100%, 0% { stroke: ", "; }\n        40% { stroke: ", "; }\n        66% { stroke: ", "; }\n        80%, 90% { stroke: ", "; }\n      "])),
-      t.red,
-      t.yellow,
-      t.green,
-      t.brand);
-
-    }
-  };};
+  }
+};

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

@@ -1 +1 @@
-{"version":3,"names":["getAnimationKeyframes","exports","emotion","spinnerCircleOffset","keyframes","_templateObject","_taggedTemplateLiteralLoose2","default","spinnerCircleLength","_templateObject2","spinnerCircleRotate","_templateObject3","spinnerColor","t","_templateObject4","red","yellow","green","brand"],"sources":["AnimationKeyframes.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { Theme } from './Theme';\n\nexport const getAnimationKeyframes = (emotion: Emotion) => ({\n  spinnerCircleOffset() {\n    return emotion.keyframes`\n        0% { stroke-dashoffset: 231.25%; }\n        100% { stroke-dashoffset: 0%; }\n      `;\n  },\n  spinnerCircleLength() {\n    return emotion.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 emotion.keyframes`\n        100% { transform: rotate(360deg); }\n      `;\n  },\n  spinnerColor(t: Theme) {\n    return emotion.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"],"mappings":";;;;AAIO,IAAMA,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,SAAxBA,qBAAqBA,CAAIE,OAAgB,UAAM;IAC1DC,mBAAmB,WAAAA,oBAAA,EAAG;MACpB,OAAOD,OAAO,CAACE,SAAS,CAAAC,eAAA,KAAAA,eAAA,OAAAC,4BAAA,CAAAC,OAAA;;;;IAI1B,CAAC;IACDC,mBAAmB,WAAAA,oBAAA,EAAG;MACpB,OAAON,OAAO,CAACE,SAAS,CAAAK,gBAAA,KAAAA,gBAAA,OAAAH,4BAAA,CAAAC,OAAA;;;;;IAK1B,CAAC;IACDG,mBAAmB,WAAAA,oBAAA,EAAG;MACpB,OAAOR,OAAO,CAACE,SAAS,CAAAO,gBAAA,KAAAA,gBAAA,OAAAL,4BAAA,CAAAC,OAAA;;;IAG1B,CAAC;IACDK,YAAY,WAAAA,aAACC,CAAQ,EAAE;MACrB,OAAOX,OAAO,CAACE,SAAS,CAAAU,gBAAA,KAAAA,gBAAA,OAAAR,4BAAA,CAAAC,OAAA;MACCM,CAAC,CAACE,GAAG;MACVF,CAAC,CAACG,MAAM;MACRH,CAAC,CAACI,KAAK;MACFJ,CAAC,CAACK,KAAK;;IAElC;EACF,CAAC,EAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","AnimationKeyframes","exports","spinnerCircleOffset","keyframes","_taggedTemplateLiteralLoose2","default","spinnerCircleLength","spinnerCircleRotate","spinnerColor","t","red","yellow","green","brand"],"sources":["AnimationKeyframes.ts"],"sourcesContent":["import { keyframes } from './Emotion';\nimport { Theme } from './Theme';\n\nexport const AnimationKeyframes = {\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"],"mappings":"gSAAA,IAAAA,QAAA,GAAAC,OAAA,cAAsC,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAG/B,IAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG;EAChCE,mBAAmB,WAAAA,oBAAA,EAAG;IACpB,WAAOC,kBAAS,EAAAP,eAAA,KAAAA,eAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;;EAIlB,CAAC;EACDC,mBAAmB,WAAAA,oBAAA,EAAG;IACpB,WAAOH,kBAAS,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;;EAKlB,CAAC;EACDE,mBAAmB,WAAAA,oBAAA,EAAG;IACpB,WAAOJ,kBAAS,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;EAGlB,CAAC;EACDG,YAAY,WAAAA,aAACC,CAAQ,EAAE;IACrB,WAAON,kBAAS,EAAAJ,gBAAA,KAAAA,gBAAA,OAAAK,4BAAA,CAAAC,OAAA;IACSI,CAAC,CAACC,GAAG;IACVD,CAAC,CAACE,MAAM;IACRF,CAAC,CAACG,KAAK;IACFH,CAAC,CAACI,KAAK;;EAElC;AACF,CAAC","ignoreList":[]}

package/cjs/lib/theming/Emotion.d.ts

@@ -1,25 +1,15 @@
-import { Emotion } from '@emotion/css/create-instance';
 import { Theme } from './Theme';
-export declare const REACT_UI_PREFIX: string;
-export declare const getEmotion: ({ key, container, nonce, }: {
-    container?: HTMLElement | null | undefined;
-    key?: string | undefined;
-    nonce?: string | undefined;
-}) => Emotion;
-export declare const injectGlobal: {
+export declare const flush: () => void, hydrate: (ids: string[]) => void, cx: (...classNames: import("@emotion/css/create-instance").ClassNamesArg[]) => string, merge: (className: string) => string, getRegisteredStyles: (registeredStyles: string[], className: string) => string, injectGlobal: {
     (template: TemplateStringsArray, ...args: import("@emotion/serialize").CSSInterpolation[]): void;
     (...args: import("@emotion/serialize").CSSInterpolation[]): void;
-}, cache: import("@emotion/utils").EmotionCache, css: {
+}, keyframes: {
     (template: TemplateStringsArray, ...args: import("@emotion/serialize").CSSInterpolation[]): string;
     (...args: import("@emotion/serialize").CSSInterpolation[]): string;
-}, cx: (...classNames: import("@emotion/css/create-instance").ClassNamesArg[]) => string, keyframes: {
+}, css: {
     (template: TemplateStringsArray, ...args: import("@emotion/serialize").CSSInterpolation[]): string;
     (...args: import("@emotion/serialize").CSSInterpolation[]): string;
-}, getRegisteredStyles: (registeredStyles: string[], className: string) => string, hydrate: (ids: string[]) => void, sheet: import("@emotion/css/create-instance").CSSStyleSheet, merge: (className: string) => string, flush: () => void;
+}, sheet: import("@emotion/css/create-instance").CSSStyleSheet, cache: import("@emotion/utils").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;
-export declare const EmotionContext: import("react").Context<Emotion>;
-export declare const EmotionConsumer: import("react").Consumer<Emotion>;
-export declare const EmotionProvider: import("react").Provider<Emotion>;

package/cjs/lib/theming/Emotion.js

@@ -1,54 +1,36 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.sheet = exports.prefix = exports.merge = exports.memoizeStyle = exports.keyframes = exports.injectGlobal = exports.hydrate = exports.getRegisteredStyles = exports.getEmotion = exports.flush = exports.cx = exports.css = exports.cache = exports.REACT_UI_PREFIX = exports.EmotionProvider = exports.EmotionContext = exports.EmotionConsumer = void 0;var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _createInstance = _interopRequireDefault(require("@emotion/css/create-instance"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.sheet = exports.prefix = exports.merge = exports.memoizeStyle = exports.keyframes = exports.injectGlobal = exports.hydrate = exports.getRegisteredStyles = exports.flush = exports.cx = exports.css = exports.cache = void 0;var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _createInstance = _interopRequireDefault(require("@emotion/css/create-instance"));
 var _stylisPluginExtraScope = _interopRequireDefault(require("stylis-plugin-extra-scope"));
 var _globalObject = require("@skbkontur/global-object");
-var _react = require("react");
 
-var _Upgrades = require("../Upgrades");
+var _Upgrades = require("../Upgrades");var _globalObject$documen;
 
 
 
 
-var REACT_UI_PREFIX = exports.REACT_UI_PREFIX = _Upgrades.Upgrade.getSpecificityClassName();
+var REACT_UI_PREFIX = _Upgrades.Upgrade.getSpecificityClassName();
 
 var scope = new Array(_Upgrades.Upgrade.getSpecificityLevel()).fill("." + REACT_UI_PREFIX).join('');
 
-var getEmotion = exports.getEmotion = function getEmotion(_ref) {var _globalObject$documen;var _ref$key = _ref.
-    key,key = _ref$key === void 0 ? REACT_UI_PREFIX : _ref$key,
-    container = _ref.container,
-    nonce = _ref.nonce;return (
-
-
-
-
-
-    (0, _createInstance.default)({
-      key: key,
-      prepend: true,
-      stylisPlugins: scope ? [(0, _stylisPluginExtraScope.default)(scope)] : undefined,
-      container: container != null ? container : (_globalObject$documen = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen.head,
-      nonce: nonce
-    }));};
-
-// breaking changes
-// todo убрать все экспорты, чтобы все компоненты управлялись через EmotionContext, пока оставили для обратной совместимости с icons/side-menu/Fias
-var _getEmotion =
-  getEmotion({}),injectGlobal = exports.injectGlobal = _getEmotion.injectGlobal,cache = exports.cache = _getEmotion.cache,css = exports.css = _getEmotion.css,cx = exports.cx = _getEmotion.cx,keyframes = exports.keyframes = _getEmotion.keyframes,getRegisteredStyles = exports.getRegisteredStyles = _getEmotion.getRegisteredStyles,hydrate = exports.hydrate = _getEmotion.hydrate,sheet = exports.sheet = _getEmotion.sheet,merge = exports.merge = _getEmotion.merge,flush = exports.flush = _getEmotion.flush;
+var _createEmotion =
+  (0, _createInstance.default)({
+    key: REACT_UI_PREFIX,
+    prepend: true,
+    stylisPlugins: scope ? [(0, _stylisPluginExtraScope.default)(scope)] : undefined,
+    container: (_globalObject$documen = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen.head
+  }),flush = exports.flush = _createEmotion.flush,hydrate = exports.hydrate = _createEmotion.hydrate,cx = exports.cx = _createEmotion.cx,merge = exports.merge = _createEmotion.merge,getRegisteredStyles = exports.getRegisteredStyles = _createEmotion.getRegisteredStyles,injectGlobal = exports.injectGlobal = _createEmotion.injectGlobal,keyframes = exports.keyframes = _createEmotion.keyframes,css = exports.css = _createEmotion.css,sheet = exports.sheet = _createEmotion.sheet,cache = exports.cache = _createEmotion.cache;
 
 function isZeroArgs(fn) {
   return fn.length === 0;
 }
 
-var memoize = function memoize(
-fn,
-context)
-{
+var memoize = function memoize(fn) {
   if (isZeroArgs(fn)) {
     var isCalled = false;
     var result;
     return function () {
       if (!isCalled) {
         isCalled = true;
-        result = fn.call(context);
+        result = fn();
       }
       return result;
     };
@@ -57,7 +39,7 @@ context)
   var cache = new WeakMap();
   return function (arg) {
     if (!cache.has(arg)) {
-      cache.set(arg, fn.call(context, arg));
+      cache.set(arg, fn(arg));
     }
 
     return cache.get(arg);
@@ -67,9 +49,7 @@ context)
 var memoizeStyle = exports.memoizeStyle = function memoizeStyle(
 styles)
 {
-  Object.keys(styles).forEach(
-    function (className) {return styles[className] = memoize(styles[className], styles);}
-  );
+  Object.keys(styles).forEach(function (className) {return styles[className] = memoize(styles[className]);});
   return styles;
 };
 
@@ -78,11 +58,4 @@ function prefix(component, app) {if (app === void 0) {app = REACT_UI_PREFIX;}ret
     function (classes) {return (
         Object.keys(classes).reduce(function (acc, key) {var _extends2;
           return (0, _extends3.default)({}, acc, (_extends2 = {}, _extends2[key] = app + "-" + component + "-" + classes[key], _extends2));
-        }, {}));});};
-
-var EmotionContext = exports.EmotionContext = /*#__PURE__*/(0, _react.createContext)(getEmotion({}));
-var EmotionConsumer = exports.EmotionConsumer = EmotionContext.Consumer;
-var EmotionProvider = exports.EmotionProvider = EmotionContext.Provider;
-
-EmotionContext.displayName = 'EmotionContext';
-EmotionContext.__KONTUR_REACT_UI__ = 'EmotionContext';
+        }, {}));});};

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

@@ -1 +1 @@
-{"version":3,"names":["_createInstance","_interopRequireDefault","require","_stylisPluginExtraScope","_globalObject","_react","_Upgrades","REACT_UI_PREFIX","exports","Upgrade","getSpecificityClassName","scope","Array","getSpecificityLevel","fill","join","getEmotion","_ref","_globalObject$documen","_ref$key","key","container","nonce","createEmotion","prepend","stylisPlugins","extraScopePlugin","undefined","globalObject","document","head","_getEmotion","injectGlobal","cache","css","cx","keyframes","getRegisteredStyles","hydrate","sheet","merge","flush","isZeroArgs","fn","length","memoize","context","isCalled","result","call","WeakMap","arg","has","set","get","memoizeStyle","styles","Object","keys","forEach","className","prefix","component","app","classes","reduce","acc","_extends2","_extends3","default","EmotionContext","createContext","EmotionConsumer","Consumer","EmotionProvider","Provider","displayName","__KONTUR_REACT_UI__"],"sources":["Emotion.ts"],"sourcesContent":["import createEmotion, { Emotion } from '@emotion/css/create-instance';\nimport extraScopePlugin from 'stylis-plugin-extra-scope';\nimport { globalObject } from '@skbkontur/global-object';\nimport { createContext } from 'react';\n\nimport { Upgrade } from '../Upgrades';\nimport { AnyObject, FunctionWithParams } from '../utils';\n\nimport { Theme } from './Theme';\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 | null;\n  key?: string;\n  nonce?: string;\n}): Emotion =>\n  createEmotion({\n    key,\n    prepend: true,\n    stylisPlugins: scope ? [extraScopePlugin(scope)] : undefined,\n    container: container ?? globalObject.document?.head,\n    nonce,\n  });\n\n// breaking changes\n// todo убрать все экспорты, чтобы все компоненты управлялись через EmotionContext, пока оставили для обратной совместимости с icons/side-menu/Fias\nexport const { injectGlobal, cache, css, cx, keyframes, getRegisteredStyles, hydrate, sheet, merge, flush } =\n  getEmotion({});\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>(\n  fn: (() => R) | ((arg: A) => R),\n  context: Record<string, unknown>,\n): (() => 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.call(context);\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.call(context, arg));\n    }\n\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(\n    (className) => (styles[className as keyof S] = memoize(styles[className], styles) as S[keyof S]),\n  );\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\nexport const EmotionContext = createContext<Emotion>(getEmotion({}));\nexport const EmotionConsumer = EmotionContext.Consumer;\nexport const EmotionProvider = EmotionContext.Provider;\n\nEmotionContext.displayName = 'EmotionContext';\nEmotionContext.__KONTUR_REACT_UI__ = 'EmotionContext';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_createInstance","_interopRequireDefault","require","_stylisPluginExtraScope","_globalObject","_Upgrades","_globalObject$documen","REACT_UI_PREFIX","Upgrade","getSpecificityClassName","scope","Array","getSpecificityLevel","fill","join","_createEmotion","createEmotion","key","prepend","stylisPlugins","extraScopePlugin","undefined","container","globalObject","document","head","flush","exports","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","_extends2","_extends3","default"],"sources":["Emotion.ts"],"sourcesContent":["import createEmotion from '@emotion/css/create-instance';\nimport extraScopePlugin from 'stylis-plugin-extra-scope';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { Upgrade } from '../Upgrades';\nimport { AnyObject, FunctionWithParams } from '../utils';\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    container: globalObject.document?.head,\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 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"],"mappings":"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","ignoreList":[]}

package/cjs/lib/theming/Theme.d.ts

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

package/cjs/lib/theming/Theme.js

@@ -1 +1 @@
-"use strict";exports.__esModule = true;
+"use strict";exports.__esModule = true;var _BasicTheme = require("../../internal/themes/BasicTheme");exports.BasicThemeClassForExtension = _BasicTheme.BasicThemeClassForExtension;

package/cjs/lib/theming/Theme.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["Theme.ts"],"sourcesContent":["import { BasicLightTheme } from '../../internal/themes/BasicLightTheme';\n\nexport type Theme = Readonly<typeof BasicLightTheme>;\nexport type ThemeIn = Partial<typeof BasicLightTheme>;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":["_BasicTheme","require","exports","BasicThemeClassForExtension"],"sources":["Theme.ts"],"sourcesContent":["import { BasicThemeClass, BasicThemeClassForExtension } from '../../internal/themes/BasicTheme';\n\nexport type Theme = Readonly<typeof BasicThemeClass>;\nexport type ThemeIn = Partial<typeof BasicThemeClass>;\n\nexport { BasicThemeClassForExtension };\n"],"mappings":"uCAAA,IAAAA,WAAA,GAAAC,OAAA,qCAAgGC,OAAA,CAAAC,2BAAA,GAAAH,WAAA,CAAAG,2BAAA","ignoreList":[]}

package/cjs/lib/theming/ThemeContext.d.ts

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

package/cjs/lib/theming/ThemeContext.js

@@ -1,8 +1,8 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ThemeContext = void 0;var _react = _interopRequireDefault(require("react"));
 
-var _LightTheme = require("./themes/LightTheme");
+var _ThemeFactory = require("./ThemeFactory");
 
-var ThemeContext = exports.ThemeContext = /*#__PURE__*/_react.default.createContext(_LightTheme.LIGHT_THEME);
+var ThemeContext = exports.ThemeContext = /*#__PURE__*/_react.default.createContext(_ThemeFactory.ThemeFactory.defaultTheme);
 
 ThemeContext.displayName = 'ThemeContext';
 ThemeContext.__KONTUR_REACT_UI__ = 'ThemeContext';

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_LightTheme","ThemeContext","exports","React","createContext","LIGHT_THEME","displayName","__KONTUR_REACT_UI__"],"sources":["ThemeContext.ts"],"sourcesContent":["import React from 'react';\n\nimport { LIGHT_THEME } from './themes/LightTheme';\n\nexport const ThemeContext = React.createContext(LIGHT_THEME);\n\nThemeContext.displayName = 'ThemeContext';\nThemeContext.__KONTUR_REACT_UI__ = 'ThemeContext';\n"],"mappings":"kKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,WAAA,GAAAD,OAAA;;AAEO,IAAME,YAAY,GAAAC,OAAA,CAAAD,YAAA,gBAAGE,cAAK,CAACC,aAAa,CAACC,uBAAW,CAAC;;AAE5DJ,YAAY,CAACK,WAAW,GAAG,cAAc;AACzCL,YAAY,CAACM,mBAAmB,GAAG,cAAc","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeFactory","ThemeContext","exports","React","createContext","ThemeFactory","defaultTheme","displayName","__KONTUR_REACT_UI__"],"sources":["ThemeContext.ts"],"sourcesContent":["import React from 'react';\n\nimport { ThemeFactory } from './ThemeFactory';\n\nexport const ThemeContext = React.createContext(ThemeFactory.defaultTheme);\n\nThemeContext.displayName = 'ThemeContext';\nThemeContext.__KONTUR_REACT_UI__ = 'ThemeContext';\n"],"mappings":"kKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,aAAA,GAAAD,OAAA;;AAEO,IAAME,YAAY,GAAAC,OAAA,CAAAD,YAAA,gBAAGE,cAAK,CAACC,aAAa,CAACC,0BAAY,CAACC,YAAY,CAAC;;AAE1EL,YAAY,CAACM,WAAW,GAAG,cAAc;AACzCN,YAAY,CAACO,mBAAmB,GAAG,cAAc","ignoreList":[]}

package/cjs/lib/theming/ThemeFactory.d.ts

@@ -1,6 +1,15 @@
 import { NoInfer } from '../utils';
 import { Theme, ThemeIn } from './Theme';
 export declare class ThemeFactory {
+    /**
+     * The default theme created with Object.create() is needed for the "overrideBaseTheme" to work.
+     *
+     * Themes should be frozen objects. But it is not possible to define properties on frozen objects.
+     * So, an object created by Object.create({ *frozen_object* }) acts as frozen too,
+     * but allows to apply Object.defineProperty to his own properties.
+     */
+    private static readonly overridableDefaultTheme;
+    static get defaultTheme(): Theme;
     static create<T>(theme: ThemeIn & NoInfer<T>, baseTheme?: Theme): Readonly<Theme & NoInfer<T>>;
     static overrideBaseTheme(theme: Theme): void;
     static getKeys<T extends Theme>(theme: T): (keyof T)[];

package/cjs/lib/theming/ThemeFactory.js

@@ -1,26 +1,39 @@
-"use strict";exports.__esModule = true;exports.ThemeFactory = void 0;var _BasicLightTheme = require("../../internal/themes/BasicLightTheme");
-var _utils = require("../utils");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ThemeFactory = void 0;var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _utils = require("../utils");
 
 
-var _ThemeHelpers = require("./ThemeHelpers");var
+var _ThemeHelpers = require("./ThemeHelpers");
+var _LightTheme = require("./themes/LightTheme");var
 
 ThemeFactory = exports.ThemeFactory = /*#__PURE__*/function () {function ThemeFactory() {}ThemeFactory.
+
+
+
+
+
+
+
+
+
+
+
+
+
   create = function create(theme, baseTheme) {
-    var base = baseTheme || _BasicLightTheme.BasicLightTheme;
+    var base = baseTheme || this.defaultTheme;
     return this.constructTheme(base, theme);
   };ThemeFactory.
 
-  overrideBaseTheme = function overrideBaseTheme(theme) {
+  overrideBaseTheme = function overrideBaseTheme(theme) {var _this = this;
     // copying theme variables
-    ThemeFactory.getKeys(_BasicLightTheme.BasicLightTheme).forEach(function (variableName) {
+    ThemeFactory.getKeys(this.defaultTheme).forEach(function (variableName) {
       var descriptor = (0, _ThemeHelpers.findPropertyDescriptor)(theme, variableName);
-      Object.defineProperty(_BasicLightTheme.BasicLightTheme, variableName, descriptor);
+      Object.defineProperty(_this.defaultTheme, variableName, descriptor);
     });
 
     // copying theme markers
     Object.values(_ThemeHelpers.REACT_UI_THEME_MARKERS).forEach(function (marker) {
       var descriptor = (0, _ThemeHelpers.findPropertyDescriptor)(theme, marker.key);
-      Object.defineProperty(_BasicLightTheme.BasicLightTheme, marker.key, descriptor);
+      Object.defineProperty(_this.defaultTheme, marker.key, descriptor);
     });
   };ThemeFactory.
 
@@ -50,4 +63,10 @@ ThemeFactory = exports.ThemeFactory = /*#__PURE__*/function () {function ThemeFa
     });
 
     return Object.freeze(newTheme);
-  };return ThemeFactory;}();
+  };return (0, _createClass2.default)(ThemeFactory, null, [{ key: "defaultTheme", get: function get() {return this.overridableDefaultTheme;} }]);}(); /**
+ * The default theme created with Object.create() is needed for the "overrideBaseTheme" to work.
+ *
+ * Themes should be frozen objects. But it is not possible to define properties on frozen objects.
+ * So, an object created by Object.create({ *frozen_object* }) acts as frozen too,
+ * but allows to apply Object.defineProperty to his own properties.
+ */ThemeFactory.overridableDefaultTheme = Object.create(_LightTheme.LIGHT_THEME);

package/cjs/lib/theming/ThemeFactory.js.map

@@ -1 +1 @@
-{"version":3,"names":["_BasicLightTheme","require","_utils","_ThemeHelpers","ThemeFactory","exports","create","theme","baseTheme","base","BasicLightTheme","constructTheme","overrideBaseTheme","getKeys","forEach","variableName","descriptor","findPropertyDescriptor","Object","defineProperty","values","REACT_UI_THEME_MARKERS","marker","key","keys","isNonNullable","includes","push","getPrototypeOf","sort","newTheme","propName","getOwnPropertyDescriptor","freeze"],"sources":["ThemeFactory.ts"],"sourcesContent":["import { BasicLightTheme } from '../../internal/themes/BasicLightTheme';\nimport { isNonNullable, NoInfer } from '../utils';\n\nimport { Theme, ThemeIn } from './Theme';\nimport { findPropertyDescriptor, REACT_UI_THEME_MARKERS } from './ThemeHelpers';\n\nexport class ThemeFactory {\n  public static create<T>(theme: ThemeIn & NoInfer<T>, baseTheme?: Theme): Readonly<Theme & NoInfer<T>> {\n    const base = baseTheme || BasicLightTheme;\n    return this.constructTheme(base, theme);\n  }\n\n  public static overrideBaseTheme(theme: Theme) {\n    // copying theme variables\n    ThemeFactory.getKeys(BasicLightTheme).forEach((variableName) => {\n      const descriptor = findPropertyDescriptor(theme, variableName);\n      Object.defineProperty(BasicLightTheme, variableName, descriptor);\n    });\n\n    // copying theme markers\n    Object.values(REACT_UI_THEME_MARKERS).forEach((marker) => {\n      const descriptor = findPropertyDescriptor(theme, marker.key);\n      Object.defineProperty(BasicLightTheme, marker.key, descriptor);\n    });\n  }\n\n  public static getKeys<T extends Theme>(theme: T) {\n    const keys: Array<keyof T> = [];\n    while (isNonNullable(theme)) {\n      (Object.keys(theme) as typeof keys).forEach((key) => {\n        if (!keys.includes(key)) {\n          keys.push(key);\n        }\n      });\n      // TODO: Enable `no-param-reassign` rule.\n      // eslint-disable-next-line no-param-reassign\n      theme = Object.getPrototypeOf(theme);\n    }\n\n    return keys.sort();\n  }\n\n  private static constructTheme(base: Theme, theme: ThemeIn) {\n    const newTheme = Object.create(base);\n    Object.keys(theme).forEach((propName) => {\n      const descriptor = Object.getOwnPropertyDescriptor(theme, propName);\n      if (descriptor) {\n        Object.defineProperty(newTheme, propName, descriptor);\n      }\n    });\n\n    return Object.freeze(newTheme);\n  }\n}\n"],"mappings":"qEAAA,IAAAA,gBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;;;AAGA,IAAAE,aAAA,GAAAF,OAAA,mBAAgF;;AAEnEG,YAAY,GAAAC,OAAA,CAAAD,YAAA,sCAAAA,aAAA,IAAAA,YAAA;EACTE,MAAM,GAApB,SAAAA,OAAwBC,KAA2B,EAAEC,SAAiB,EAAgC;IACpG,IAAMC,IAAI,GAAGD,SAAS,IAAIE,gCAAe;IACzC,OAAO,IAAI,CAACC,cAAc,CAACF,IAAI,EAAEF,KAAK,CAAC;EACzC,CAAC,CAAAH,YAAA;;EAEaQ,iBAAiB,GAA/B,SAAAA,kBAAgCL,KAAY,EAAE;IAC5C;IACAH,YAAY,CAACS,OAAO,CAACH,gCAAe,CAAC,CAACI,OAAO,CAAC,UAACC,YAAY,EAAK;MAC9D,IAAMC,UAAU,GAAG,IAAAC,oCAAsB,EAACV,KAAK,EAAEQ,YAAY,CAAC;MAC9DG,MAAM,CAACC,cAAc,CAACT,gCAAe,EAAEK,YAAY,EAAEC,UAAU,CAAC;IAClE,CAAC,CAAC;;IAEF;IACAE,MAAM,CAACE,MAAM,CAACC,oCAAsB,CAAC,CAACP,OAAO,CAAC,UAACQ,MAAM,EAAK;MACxD,IAAMN,UAAU,GAAG,IAAAC,oCAAsB,EAACV,KAAK,EAAEe,MAAM,CAACC,GAAG,CAAC;MAC5DL,MAAM,CAACC,cAAc,CAACT,gCAAe,EAAEY,MAAM,CAACC,GAAG,EAAEP,UAAU,CAAC;IAChE,CAAC,CAAC;EACJ,CAAC,CAAAZ,YAAA;;EAEaS,OAAO,GAArB,SAAAA,QAAuCN,KAAQ,EAAE;IAC/C,IAAMiB,IAAoB,GAAG,EAAE;IAC/B,OAAO,IAAAC,oBAAa,EAAClB,KAAK,CAAC,EAAE;MAC1BW,MAAM,CAACM,IAAI,CAACjB,KAAK,CAAC,CAAiBO,OAAO,CAAC,UAACS,GAAG,EAAK;QACnD,IAAI,CAACC,IAAI,CAACE,QAAQ,CAACH,GAAG,CAAC,EAAE;UACvBC,IAAI,CAACG,IAAI,CAACJ,GAAG,CAAC;QAChB;MACF,CAAC,CAAC;MACF;MACA;MACAhB,KAAK,GAAGW,MAAM,CAACU,cAAc,CAACrB,KAAK,CAAC;IACtC;;IAEA,OAAOiB,IAAI,CAACK,IAAI,CAAC,CAAC;EACpB,CAAC,CAAAzB,YAAA;;EAEcO,cAAc,GAA7B,SAAAA,eAA8BF,IAAW,EAAEF,KAAc,EAAE;IACzD,IAAMuB,QAAQ,GAAGZ,MAAM,CAACZ,MAAM,CAACG,IAAI,CAAC;IACpCS,MAAM,CAACM,IAAI,CAACjB,KAAK,CAAC,CAACO,OAAO,CAAC,UAACiB,QAAQ,EAAK;MACvC,IAAMf,UAAU,GAAGE,MAAM,CAACc,wBAAwB,CAACzB,KAAK,EAAEwB,QAAQ,CAAC;MACnE,IAAIf,UAAU,EAAE;QACdE,MAAM,CAACC,cAAc,CAACW,QAAQ,EAAEC,QAAQ,EAAEf,UAAU,CAAC;MACvD;IACF,CAAC,CAAC;;IAEF,OAAOE,MAAM,CAACe,MAAM,CAACH,QAAQ,CAAC;EAChC,CAAC,QAAA1B,YAAA","ignoreList":[]}
+{"version":3,"names":["_utils","require","_ThemeHelpers","_LightTheme","ThemeFactory","exports","create","theme","baseTheme","base","defaultTheme","constructTheme","overrideBaseTheme","_this","getKeys","forEach","variableName","descriptor","findPropertyDescriptor","Object","defineProperty","values","REACT_UI_THEME_MARKERS","marker","key","keys","isNonNullable","includes","push","getPrototypeOf","sort","newTheme","propName","getOwnPropertyDescriptor","freeze","_createClass2","default","get","overridableDefaultTheme","LIGHT_THEME"],"sources":["ThemeFactory.ts"],"sourcesContent":["import { isNonNullable, NoInfer } from '../utils';\n\nimport { Theme, ThemeIn } from './Theme';\nimport { findPropertyDescriptor, REACT_UI_THEME_MARKERS } from './ThemeHelpers';\nimport { LIGHT_THEME } from './themes/LightTheme';\n\nexport class ThemeFactory {\n  /**\n   * The default theme created with Object.create() is needed for the \"overrideBaseTheme\" to work.\n   *\n   * Themes should be frozen objects. But it is not possible to define properties on frozen objects.\n   * So, an object created by Object.create({ *frozen_object* }) acts as frozen too,\n   * but allows to apply Object.defineProperty to his own properties.\n   */\n  private static readonly overridableDefaultTheme: Theme = Object.create(LIGHT_THEME);\n\n  public static get defaultTheme(): Theme {\n    return this.overridableDefaultTheme;\n  }\n\n  public static create<T>(theme: ThemeIn & NoInfer<T>, baseTheme?: Theme): Readonly<Theme & NoInfer<T>> {\n    const base = baseTheme || this.defaultTheme;\n    return this.constructTheme(base, theme);\n  }\n\n  public static overrideBaseTheme(theme: Theme) {\n    // copying theme variables\n    ThemeFactory.getKeys(this.defaultTheme).forEach((variableName) => {\n      const descriptor = findPropertyDescriptor(theme, variableName);\n      Object.defineProperty(this.defaultTheme, variableName, descriptor);\n    });\n\n    // copying theme markers\n    Object.values(REACT_UI_THEME_MARKERS).forEach((marker) => {\n      const descriptor = findPropertyDescriptor(theme, marker.key);\n      Object.defineProperty(this.defaultTheme, marker.key, descriptor);\n    });\n  }\n\n  public static getKeys<T extends Theme>(theme: T) {\n    const keys: Array<keyof T> = [];\n    while (isNonNullable(theme)) {\n      (Object.keys(theme) as typeof keys).forEach((key) => {\n        if (!keys.includes(key)) {\n          keys.push(key);\n        }\n      });\n      // TODO: Enable `no-param-reassign` rule.\n      // eslint-disable-next-line no-param-reassign\n      theme = Object.getPrototypeOf(theme);\n    }\n\n    return keys.sort();\n  }\n\n  private static constructTheme(base: Theme, theme: ThemeIn) {\n    const newTheme = Object.create(base);\n    Object.keys(theme).forEach((propName) => {\n      const descriptor = Object.getOwnPropertyDescriptor(theme, propName);\n      if (descriptor) {\n        Object.defineProperty(newTheme, propName, descriptor);\n      }\n    });\n\n    return Object.freeze(newTheme);\n  }\n}\n"],"mappings":"4PAAA,IAAAA,MAAA,GAAAC,OAAA;;;AAGA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA,wBAAkD;;AAErCG,YAAY,GAAAC,OAAA,CAAAD,YAAA,sCAAAA,aAAA,IAAAA,YAAA;;;;;;;;;;;;;;EAcTE,MAAM,GAApB,SAAAA,OAAwBC,KAA2B,EAAEC,SAAiB,EAAgC;IACpG,IAAMC,IAAI,GAAGD,SAAS,IAAI,IAAI,CAACE,YAAY;IAC3C,OAAO,IAAI,CAACC,cAAc,CAACF,IAAI,EAAEF,KAAK,CAAC;EACzC,CAAC,CAAAH,YAAA;;EAEaQ,iBAAiB,GAA/B,SAAAA,kBAAgCL,KAAY,EAAE,KAAAM,KAAA;IAC5C;IACAT,YAAY,CAACU,OAAO,CAAC,IAAI,CAACJ,YAAY,CAAC,CAACK,OAAO,CAAC,UAACC,YAAY,EAAK;MAChE,IAAMC,UAAU,GAAG,IAAAC,oCAAsB,EAACX,KAAK,EAAES,YAAY,CAAC;MAC9DG,MAAM,CAACC,cAAc,CAACP,KAAI,CAACH,YAAY,EAAEM,YAAY,EAAEC,UAAU,CAAC;IACpE,CAAC,CAAC;;IAEF;IACAE,MAAM,CAACE,MAAM,CAACC,oCAAsB,CAAC,CAACP,OAAO,CAAC,UAACQ,MAAM,EAAK;MACxD,IAAMN,UAAU,GAAG,IAAAC,oCAAsB,EAACX,KAAK,EAAEgB,MAAM,CAACC,GAAG,CAAC;MAC5DL,MAAM,CAACC,cAAc,CAACP,KAAI,CAACH,YAAY,EAAEa,MAAM,CAACC,GAAG,EAAEP,UAAU,CAAC;IAClE,CAAC,CAAC;EACJ,CAAC,CAAAb,YAAA;;EAEaU,OAAO,GAArB,SAAAA,QAAuCP,KAAQ,EAAE;IAC/C,IAAMkB,IAAoB,GAAG,EAAE;IAC/B,OAAO,IAAAC,oBAAa,EAACnB,KAAK,CAAC,EAAE;MAC1BY,MAAM,CAACM,IAAI,CAAClB,KAAK,CAAC,CAAiBQ,OAAO,CAAC,UAACS,GAAG,EAAK;QACnD,IAAI,CAACC,IAAI,CAACE,QAAQ,CAACH,GAAG,CAAC,EAAE;UACvBC,IAAI,CAACG,IAAI,CAACJ,GAAG,CAAC;QAChB;MACF,CAAC,CAAC;MACF;MACA;MACAjB,KAAK,GAAGY,MAAM,CAACU,cAAc,CAACtB,KAAK,CAAC;IACtC;;IAEA,OAAOkB,IAAI,CAACK,IAAI,CAAC,CAAC;EACpB,CAAC,CAAA1B,YAAA;;EAEcO,cAAc,GAA7B,SAAAA,eAA8BF,IAAW,EAAEF,KAAc,EAAE;IACzD,IAAMwB,QAAQ,GAAGZ,MAAM,CAACb,MAAM,CAACG,IAAI,CAAC;IACpCU,MAAM,CAACM,IAAI,CAAClB,KAAK,CAAC,CAACQ,OAAO,CAAC,UAACiB,QAAQ,EAAK;MACvC,IAAMf,UAAU,GAAGE,MAAM,CAACc,wBAAwB,CAAC1B,KAAK,EAAEyB,QAAQ,CAAC;MACnE,IAAIf,UAAU,EAAE;QACdE,MAAM,CAACC,cAAc,CAACW,QAAQ,EAAEC,QAAQ,EAAEf,UAAU,CAAC;MACvD;IACF,CAAC,CAAC;;IAEF,OAAOE,MAAM,CAACe,MAAM,CAACH,QAAQ,CAAC;EAChC,CAAC,YAAAI,aAAA,CAAAC,OAAA,EAAAhC,YAAA,WAAAoB,GAAA,kBAAAa,GAAA,EAjDD,SAAAA,IAAA,EAAwC,CACtC,OAAO,IAAI,CAACC,uBAAuB,CACrC,CAAC,UAXD;AACF;AACA;AACA;AACA;AACA;AACA,GAPalC,YAAY,CAQCkC,uBAAuB,GAAUnB,MAAM,CAACb,MAAM,CAACiC,uBAAW,CAAC","ignoreList":[]}

package/cjs/lib/theming/ThemeHelpers.d.ts

@@ -1,21 +1,68 @@
 import { Theme, ThemeIn } from './Theme';
-export type Marker = (theme: Readonly<Theme>) => Readonly<Theme>;
+import { ThemeVersions } from './ThemeVersions';
+export type Marker = (theme: Theme) => Theme;
 export type Markers = Marker[];
-export declare const exposeGetters: <T extends Record<string, any>>(theme: T) => T;
+/**
+ * Makes all computable theme variables (getters) visible to the Object.keys(theme)
+ * @param theme Theme object
+ * @returns The given theme object with all getters made enumerable
+ */
+export declare const exposeGetters: (theme: Theme) => Theme;
 export declare const REACT_UI_THEME_MARKERS: {
     darkTheme: {
         key: string;
-        value: boolean;
+        value: true;
     };
-    theme2022: {
+    themeVersion: {
         key: string;
-        value: boolean;
+        value: ThemeVersions | null;
     };
 };
 export declare const REACT_UI_DARK_THEME_KEY: string;
 export declare const isDarkTheme: (theme: Theme | ThemeIn) => boolean;
+/**
+ * Marks the given theme as "dark"
+ * @param theme Theme object
+ * @returns The given theme object with a "dark theme" mark
+ */
 export declare const markAsDarkTheme: Marker;
-export declare const markAsTheme2022: Marker;
-export declare const isTheme2022: (theme: Theme | ThemeIn) => boolean;
+/**
+ * Creates a marker for the theme, that will mark it with a version
+ * @param version Theme version
+ * @returns A marker that marks the given theme with the given version once applied
+ */
+export declare const markThemeVersion: (version: ThemeVersions) => Marker;
+/**
+ * Checks if the given theme's version is "greater or equal" then the given version
+ * @param theme Theme object
+ * @param version A string version
+ * @returns Boolean result
+ */
+export declare const isThemeGTE: (theme: Theme | ThemeIn, version: ThemeVersions) => boolean;
+/**
+ * Finds the given theme's object property descriptor by its name
+ * @param theme Theme object
+ * @param propName The property name
+ * @returns The found descriptor or an empty object
+ */
 export declare function findPropertyDescriptor(theme: Theme, propName: string): PropertyDescriptor;
-export declare function applyMarkers(theme: Readonly<Theme>, markers: Markers): Readonly<Readonly<typeof import("../../internal/themes/BasicLightTheme").BasicLightThemeInternal>>;
+/**
+ * Marks the given theme with the given markers
+ * @param theme Theme object
+ * @param markers Markers array
+ * @returns The given theme marked with the given marks
+ */
+export declare function applyMarkers(theme: Theme, markers: Markers): Theme;
+/**
+ * Creates a theme object out of the given class with variables
+ * @param options Options object
+ * @param options.themeClass A class with variables
+ * @param [options.prototypeTheme] An optional prototype theme, that will be the base for the new theme
+ * @param [options.themeMarkers] An optional array of markers, that new them will be marked of
+ * @returns The new theme object
+ */
+export declare function createTheme(options: {
+    themeClass: Theme;
+    prototypeTheme?: Theme;
+    themeMarkers?: Markers;
+}): Theme;