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

package/lib/theming/AnimationKeyframes/AnimationKeyframes.js

@@ -1,18 +1,17 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-export var getAnimationKeyframes = function getAnimationKeyframes(emotion) {
-  return {
-    spinnerCircleOffset: function spinnerCircleOffset() {
-      return emotion.keyframes(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        0% { stroke-dashoffset: 231.25%; }\n        100% { stroke-dashoffset: 0%; }\n      "])));
-    },
-    spinnerCircleLength: function spinnerCircleLength() {
-      return emotion.keyframes(_templateObject2 || (_templateObject2 = _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() {
-      return emotion.keyframes(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        100% { transform: rotate(360deg); }\n      "])));
-    },
-    spinnerColor: function spinnerColor(t) {
-      return emotion.keyframes(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        100%, 0% { stroke: ", "; }\n        40% { stroke: ", "; }\n        66% { stroke: ", "; }\n        80%, 90% { stroke: ", "; }\n      "])), t.red, t.yellow, t.green, t.brand);
-    }
-  };
+import { keyframes } from "../Emotion";
+export var AnimationKeyframes = {
+  spinnerCircleOffset: function spinnerCircleOffset() {
+    return keyframes(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        0% { stroke-dashoffset: 231.25%; }\n        100% { stroke-dashoffset: 0%; }\n      "])));
+  },
+  spinnerCircleLength: function spinnerCircleLength() {
+    return keyframes(_templateObject2 || (_templateObject2 = _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() {
+    return keyframes(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        100% { transform: rotate(360deg); }\n      "])));
+  },
+  spinnerColor: function spinnerColor(t) {
+    return keyframes(_templateObject4 || (_templateObject4 = _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,"names":["getAnimationKeyframes","emotion","spinnerCircleOffset","keyframes","_templateObject","_taggedTemplateLiteralLoose","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":";;;;AAIA,OAAO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,OAAgB,UAAM;IAC1DC,mBAAmB,WAAAA,oBAAA,EAAG;MACpB,OAAOD,OAAO,CAACE,SAAS,CAAAC,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;IAI1B,CAAC;IACDC,mBAAmB,WAAAA,oBAAA,EAAG;MACpB,OAAOL,OAAO,CAACE,SAAS,CAAAI,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;;IAK1B,CAAC;IACDG,mBAAmB,WAAAA,oBAAA,EAAG;MACpB,OAAOP,OAAO,CAACE,SAAS,CAAAM,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;IAG1B,CAAC;IACDK,YAAY,WAAAA,aAACC,CAAQ,EAAE;MACrB,OAAOV,OAAO,CAACE,SAAS,CAAAS,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;MACCM,CAAC,CAACE,GAAG;MACVF,CAAC,CAACG,MAAM;MACRH,CAAC,CAACI,KAAK;MACFJ,CAAC,CAACK,KAAK;;IAElC;EACF,CAAC,EAAC","ignoreList":[]}
+{"version":3,"names":["keyframes","AnimationKeyframes","spinnerCircleOffset","_templateObject","_taggedTemplateLiteralLoose","spinnerCircleLength","_templateObject2","spinnerCircleRotate","_templateObject3","spinnerColor","t","_templateObject4","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":"0KAAA,SAASA,SAAS,QAAQ,WAAW;;;AAGrC,OAAO,IAAMC,kBAAkB,GAAG;EAChCC,mBAAmB,WAAAA,oBAAA,EAAG;IACpB,OAAOF,SAAS,CAAAG,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;EAIlB,CAAC;EACDC,mBAAmB,WAAAA,oBAAA,EAAG;IACpB,OAAOL,SAAS,CAAAM,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;;EAKlB,CAAC;EACDG,mBAAmB,WAAAA,oBAAA,EAAG;IACpB,OAAOP,SAAS,CAAAQ,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;EAGlB,CAAC;EACDK,YAAY,WAAAA,aAACC,CAAQ,EAAE;IACrB,OAAOV,SAAS,CAAAW,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;IACSM,CAAC,CAACE,GAAG;IACVF,CAAC,CAACG,MAAM;IACRH,CAAC,CAACI,KAAK;IACFJ,CAAC,CAACK,KAAK;;EAElC;AACF,CAAC","ignoreList":[]}

package/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/lib/theming/Emotion/Emotion.js

@@ -1,51 +1,39 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+var _globalObject$documen;
 import createEmotion from '@emotion/css/create-instance';
 import extraScopePlugin from 'stylis-plugin-extra-scope';
 import { globalObject } from '@skbkontur/global-object';
-import { createContext } from 'react';
 import { Upgrade } from "../../Upgrades";
-export var REACT_UI_PREFIX = Upgrade.getSpecificityClassName();
+var REACT_UI_PREFIX = Upgrade.getSpecificityClassName();
 var scope = new Array(Upgrade.getSpecificityLevel()).fill("." + REACT_UI_PREFIX).join('');
-export var 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 createEmotion({
-    key: key,
+var _createEmotion = createEmotion({
+    key: REACT_UI_PREFIX,
     prepend: true,
     stylisPlugins: scope ? [extraScopePlugin(scope)] : undefined,
-    container: container != null ? container : (_globalObject$documen = globalObject.document) == null ? void 0 : _globalObject$documen.head,
-    nonce: nonce
-  });
-};
-
-// breaking changes
-// todo убрать все экспорты, чтобы все компоненты управлялись через EmotionContext, пока оставили для обратной совместимости с icons/side-menu/Fias
-var _getEmotion = getEmotion({}),
-  injectGlobal = _getEmotion.injectGlobal,
-  cache = _getEmotion.cache,
-  css = _getEmotion.css,
-  cx = _getEmotion.cx,
-  keyframes = _getEmotion.keyframes,
-  getRegisteredStyles = _getEmotion.getRegisteredStyles,
-  hydrate = _getEmotion.hydrate,
-  sheet = _getEmotion.sheet,
-  merge = _getEmotion.merge,
-  flush = _getEmotion.flush;
-export { injectGlobal, cache, css, cx, keyframes, getRegisteredStyles, hydrate, sheet, merge, flush };
+    container: (_globalObject$documen = globalObject.document) == null ? void 0 : _globalObject$documen.head
+  }),
+  flush = _createEmotion.flush,
+  hydrate = _createEmotion.hydrate,
+  cx = _createEmotion.cx,
+  merge = _createEmotion.merge,
+  getRegisteredStyles = _createEmotion.getRegisteredStyles,
+  injectGlobal = _createEmotion.injectGlobal,
+  keyframes = _createEmotion.keyframes,
+  css = _createEmotion.css,
+  sheet = _createEmotion.sheet,
+  cache = _createEmotion.cache;
+export { flush, hydrate, cx, merge, getRegisteredStyles, injectGlobal, keyframes, css, sheet, 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;
     };
@@ -53,14 +41,14 @@ var memoize = function memoize(fn, 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);
   };
 };
 export var memoizeStyle = function memoizeStyle(styles) {
   Object.keys(styles).forEach(function (className) {
-    return styles[className] = memoize(styles[className], styles);
+    return styles[className] = memoize(styles[className]);
   });
   return styles;
 };
@@ -74,9 +62,4 @@ export var prefix = function prefix(component, app) {
       return _extends({}, acc, (_extends2 = {}, _extends2[key] = app + "-" + component + "-" + classes[key], _extends2));
     }, {});
   };
-};
-export var EmotionContext = /*#__PURE__*/createContext(getEmotion({}));
-export var EmotionConsumer = EmotionContext.Consumer;
-export var EmotionProvider = EmotionContext.Provider;
-EmotionContext.displayName = 'EmotionContext';
-EmotionContext.__KONTUR_REACT_UI__ = 'EmotionContext';
+};

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

@@ -1 +1 @@
-{"version":3,"names":["createEmotion","extraScopePlugin","globalObject","createContext","Upgrade","REACT_UI_PREFIX","getSpecificityClassName","scope","Array","getSpecificityLevel","fill","join","getEmotion","_ref","_globalObject$documen","_ref$key","key","container","nonce","prepend","stylisPlugins","undefined","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","_extends","EmotionContext","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":["createEmotion","extraScopePlugin","globalObject","Upgrade","REACT_UI_PREFIX","getSpecificityClassName","scope","Array","getSpecificityLevel","fill","join","_createEmotion","key","prepend","stylisPlugins","undefined","container","_globalObject$documen","document","head","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","_extends2","_extends"],"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/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/lib/theming/Theme/Theme.js

@@ -1 +1,2 @@
-export {};
+import { BasicThemeClassForExtension } from "../../../internal/themes/BasicTheme";
+export { BasicThemeClassForExtension };

package/lib/theming/Theme/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":["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":"AAAA,SAA0BA,2BAA2B,QAAQ,kCAAkC;;;;;AAK/F,SAASA,2BAA2B","ignoreList":[]}

package/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/lib/theming/ThemeContext/ThemeContext.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { LIGHT_THEME } from "../themes/LightTheme";
-export var ThemeContext = /*#__PURE__*/React.createContext(LIGHT_THEME);
+import { ThemeFactory } from "../ThemeFactory";
+export var ThemeContext = /*#__PURE__*/React.createContext(ThemeFactory.defaultTheme);
 ThemeContext.displayName = 'ThemeContext';
 ThemeContext.__KONTUR_REACT_UI__ = 'ThemeContext';

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

@@ -1 +1 @@
-{"version":3,"names":["React","LIGHT_THEME","ThemeContext","createContext","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":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,WAAW,QAAQ,qBAAqB;;AAEjD,OAAO,IAAMC,YAAY,gBAAGF,KAAK,CAACG,aAAa,CAACF,WAAW,CAAC;;AAE5DC,YAAY,CAACE,WAAW,GAAG,cAAc;AACzCF,YAAY,CAACG,mBAAmB,GAAG,cAAc","ignoreList":[]}
+{"version":3,"names":["React","ThemeFactory","ThemeContext","createContext","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":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,YAAY,QAAQ,gBAAgB;;AAE7C,OAAO,IAAMC,YAAY,gBAAGF,KAAK,CAACG,aAAa,CAACF,YAAY,CAACG,YAAY,CAAC;;AAE1EF,YAAY,CAACG,WAAW,GAAG,cAAc;AACzCH,YAAY,CAACI,mBAAmB,GAAG,cAAc","ignoreList":[]}

package/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/lib/theming/ThemeFactory/ThemeFactory.js

@@ -1,23 +1,25 @@
-import { BasicLightTheme } from "../../../internal/themes/BasicLightTheme";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
 import { isNonNullable } from "../../utils";
 import { findPropertyDescriptor, REACT_UI_THEME_MARKERS } from "../ThemeHelpers";
+import { LIGHT_THEME } from "../themes/LightTheme";
 export var ThemeFactory = /*#__PURE__*/function () {
   function ThemeFactory() {}
   ThemeFactory.create = function create(theme, baseTheme) {
-    var base = baseTheme || BasicLightTheme;
+    var base = baseTheme || this.defaultTheme;
     return this.constructTheme(base, theme);
   };
   ThemeFactory.overrideBaseTheme = function overrideBaseTheme(theme) {
+    var _this = this;
     // copying theme variables
-    ThemeFactory.getKeys(BasicLightTheme).forEach(function (variableName) {
+    ThemeFactory.getKeys(this.defaultTheme).forEach(function (variableName) {
       var descriptor = findPropertyDescriptor(theme, variableName);
-      Object.defineProperty(BasicLightTheme, variableName, descriptor);
+      Object.defineProperty(_this.defaultTheme, variableName, descriptor);
     });
 
     // copying theme markers
     Object.values(REACT_UI_THEME_MARKERS).forEach(function (marker) {
       var descriptor = findPropertyDescriptor(theme, marker.key);
-      Object.defineProperty(BasicLightTheme, marker.key, descriptor);
+      Object.defineProperty(_this.defaultTheme, marker.key, descriptor);
     });
   };
   ThemeFactory.getKeys = function getKeys(theme) {
@@ -44,5 +46,17 @@ export var ThemeFactory = /*#__PURE__*/function () {
     });
     return Object.freeze(newTheme);
   };
-  return ThemeFactory;
-}();
+  return _createClass(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(LIGHT_THEME);

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

@@ -1 +1 @@
-{"version":3,"names":["BasicLightTheme","isNonNullable","findPropertyDescriptor","REACT_UI_THEME_MARKERS","ThemeFactory","create","theme","baseTheme","base","constructTheme","overrideBaseTheme","getKeys","forEach","variableName","descriptor","Object","defineProperty","values","marker","key","keys","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":"AAAA,SAASA,eAAe,QAAQ,uCAAuC;AACvE,SAASC,aAAa,QAAiB,UAAU;;;AAGjD,SAASC,sBAAsB,EAAEC,sBAAsB,QAAQ,gBAAgB;;AAE/E,WAAaC,YAAY,sCAAAA,aAAA,IAAAA,YAAA;EACTC,MAAM,GAApB,SAAAA,OAAwBC,KAA2B,EAAEC,SAAiB,EAAgC;IACpG,IAAMC,IAAI,GAAGD,SAAS,IAAIP,eAAe;IACzC,OAAO,IAAI,CAACS,cAAc,CAACD,IAAI,EAAEF,KAAK,CAAC;EACzC,CAAC,CAAAF,YAAA;;EAEaM,iBAAiB,GAA/B,SAAAA,kBAAgCJ,KAAY,EAAE;IAC5C;IACAF,YAAY,CAACO,OAAO,CAACX,eAAe,CAAC,CAACY,OAAO,CAAC,UAACC,YAAY,EAAK;MAC9D,IAAMC,UAAU,GAAGZ,sBAAsB,CAACI,KAAK,EAAEO,YAAY,CAAC;MAC9DE,MAAM,CAACC,cAAc,CAAChB,eAAe,EAAEa,YAAY,EAAEC,UAAU,CAAC;IAClE,CAAC,CAAC;;IAEF;IACAC,MAAM,CAACE,MAAM,CAACd,sBAAsB,CAAC,CAACS,OAAO,CAAC,UAACM,MAAM,EAAK;MACxD,IAAMJ,UAAU,GAAGZ,sBAAsB,CAACI,KAAK,EAAEY,MAAM,CAACC,GAAG,CAAC;MAC5DJ,MAAM,CAACC,cAAc,CAAChB,eAAe,EAAEkB,MAAM,CAACC,GAAG,EAAEL,UAAU,CAAC;IAChE,CAAC,CAAC;EACJ,CAAC,CAAAV,YAAA;;EAEaO,OAAO,GAArB,SAAAA,QAAuCL,KAAQ,EAAE;IAC/C,IAAMc,IAAoB,GAAG,EAAE;IAC/B,OAAOnB,aAAa,CAACK,KAAK,CAAC,EAAE;MAC1BS,MAAM,CAACK,IAAI,CAACd,KAAK,CAAC,CAAiBM,OAAO,CAAC,UAACO,GAAG,EAAK;QACnD,IAAI,CAACC,IAAI,CAACC,QAAQ,CAACF,GAAG,CAAC,EAAE;UACvBC,IAAI,CAACE,IAAI,CAACH,GAAG,CAAC;QAChB;MACF,CAAC,CAAC;MACF;MACA;MACAb,KAAK,GAAGS,MAAM,CAACQ,cAAc,CAACjB,KAAK,CAAC;IACtC;;IAEA,OAAOc,IAAI,CAACI,IAAI,CAAC,CAAC;EACpB,CAAC,CAAApB,YAAA;;EAEcK,cAAc,GAA7B,SAAAA,eAA8BD,IAAW,EAAEF,KAAc,EAAE;IACzD,IAAMmB,QAAQ,GAAGV,MAAM,CAACV,MAAM,CAACG,IAAI,CAAC;IACpCO,MAAM,CAACK,IAAI,CAACd,KAAK,CAAC,CAACM,OAAO,CAAC,UAACc,QAAQ,EAAK;MACvC,IAAMZ,UAAU,GAAGC,MAAM,CAACY,wBAAwB,CAACrB,KAAK,EAAEoB,QAAQ,CAAC;MACnE,IAAIZ,UAAU,EAAE;QACdC,MAAM,CAACC,cAAc,CAACS,QAAQ,EAAEC,QAAQ,EAAEZ,UAAU,CAAC;MACvD;IACF,CAAC,CAAC;;IAEF,OAAOC,MAAM,CAACa,MAAM,CAACH,QAAQ,CAAC;EAChC,CAAC,QAAArB,YAAA","ignoreList":[]}
+{"version":3,"names":["isNonNullable","findPropertyDescriptor","REACT_UI_THEME_MARKERS","LIGHT_THEME","ThemeFactory","create","theme","baseTheme","base","defaultTheme","constructTheme","overrideBaseTheme","_this","getKeys","forEach","variableName","descriptor","Object","defineProperty","values","marker","key","keys","includes","push","getPrototypeOf","sort","newTheme","propName","getOwnPropertyDescriptor","freeze","_createClass","get","overridableDefaultTheme"],"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":"kEAAA,SAASA,aAAa,QAAiB,UAAU;;;AAGjD,SAASC,sBAAsB,EAAEC,sBAAsB,QAAQ,gBAAgB;AAC/E,SAASC,WAAW,QAAQ,qBAAqB;;AAEjD,WAAaC,YAAY,sCAAAA,aAAA,IAAAA,YAAA;;;;;;;;;;;;;;EAcTC,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,CAAAF,YAAA;;EAEaO,iBAAiB,GAA/B,SAAAA,kBAAgCL,KAAY,EAAE,KAAAM,KAAA;IAC5C;IACAR,YAAY,CAACS,OAAO,CAAC,IAAI,CAACJ,YAAY,CAAC,CAACK,OAAO,CAAC,UAACC,YAAY,EAAK;MAChE,IAAMC,UAAU,GAAGf,sBAAsB,CAACK,KAAK,EAAES,YAAY,CAAC;MAC9DE,MAAM,CAACC,cAAc,CAACN,KAAI,CAACH,YAAY,EAAEM,YAAY,EAAEC,UAAU,CAAC;IACpE,CAAC,CAAC;;IAEF;IACAC,MAAM,CAACE,MAAM,CAACjB,sBAAsB,CAAC,CAACY,OAAO,CAAC,UAACM,MAAM,EAAK;MACxD,IAAMJ,UAAU,GAAGf,sBAAsB,CAACK,KAAK,EAAEc,MAAM,CAACC,GAAG,CAAC;MAC5DJ,MAAM,CAACC,cAAc,CAACN,KAAI,CAACH,YAAY,EAAEW,MAAM,CAACC,GAAG,EAAEL,UAAU,CAAC;IAClE,CAAC,CAAC;EACJ,CAAC,CAAAZ,YAAA;;EAEaS,OAAO,GAArB,SAAAA,QAAuCP,KAAQ,EAAE;IAC/C,IAAMgB,IAAoB,GAAG,EAAE;IAC/B,OAAOtB,aAAa,CAACM,KAAK,CAAC,EAAE;MAC1BW,MAAM,CAACK,IAAI,CAAChB,KAAK,CAAC,CAAiBQ,OAAO,CAAC,UAACO,GAAG,EAAK;QACnD,IAAI,CAACC,IAAI,CAACC,QAAQ,CAACF,GAAG,CAAC,EAAE;UACvBC,IAAI,CAACE,IAAI,CAACH,GAAG,CAAC;QAChB;MACF,CAAC,CAAC;MACF;MACA;MACAf,KAAK,GAAGW,MAAM,CAACQ,cAAc,CAACnB,KAAK,CAAC;IACtC;;IAEA,OAAOgB,IAAI,CAACI,IAAI,CAAC,CAAC;EACpB,CAAC,CAAAtB,YAAA;;EAEcM,cAAc,GAA7B,SAAAA,eAA8BF,IAAW,EAAEF,KAAc,EAAE;IACzD,IAAMqB,QAAQ,GAAGV,MAAM,CAACZ,MAAM,CAACG,IAAI,CAAC;IACpCS,MAAM,CAACK,IAAI,CAAChB,KAAK,CAAC,CAACQ,OAAO,CAAC,UAACc,QAAQ,EAAK;MACvC,IAAMZ,UAAU,GAAGC,MAAM,CAACY,wBAAwB,CAACvB,KAAK,EAAEsB,QAAQ,CAAC;MACnE,IAAIZ,UAAU,EAAE;QACdC,MAAM,CAACC,cAAc,CAACS,QAAQ,EAAEC,QAAQ,EAAEZ,UAAU,CAAC;MACvD;IACF,CAAC,CAAC;;IAEF,OAAOC,MAAM,CAACa,MAAM,CAACH,QAAQ,CAAC;EAChC,CAAC,QAAAI,YAAA,CAAA3B,YAAA,WAAAiB,GAAA,kBAAAW,GAAA,EAjDD,SAAAA,IAAA,EAAwC,CACtC,OAAO,IAAI,CAACC,uBAAuB,CACrC,CAAC,SAgDF,CA3DC;AACF;AACA;AACA;AACA;AACA;AACA,GAPa7B,YAAY,CAQC6B,uBAAuB,GAAUhB,MAAM,CAACZ,MAAM,CAACF,WAAW,CAAC","ignoreList":[]}

package/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/lib/theming/ThemeHelpers/ThemeHelpers.js

@@ -1,4 +1,12 @@
+import warning from 'warning';
 import { isNonNullable } from "../../utils";
+import { isThemeVersionGTE } from "../ThemeVersions";
+
+/**
+ * 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 var exposeGetters = function exposeGetters(theme) {
   var descriptors = Object.getOwnPropertyDescriptors(theme);
   Object.keys(descriptors).forEach(function (key) {
@@ -15,9 +23,9 @@ export var REACT_UI_THEME_MARKERS = {
     key: '__IS_REACT_UI_DARK_THEME__',
     value: true
   },
-  theme2022: {
-    key: '__IS_REACT_UI_THEME_2022__',
-    value: true
+  themeVersion: {
+    key: '__REACT_UI_THEME_VERSION__',
+    value: null
   }
 };
 
@@ -27,6 +35,12 @@ export var isDarkTheme = function isDarkTheme(theme) {
   // @ts-expect-error: internal value.
   return theme[REACT_UI_THEME_MARKERS.darkTheme.key] === REACT_UI_THEME_MARKERS.darkTheme.value;
 };
+
+/**
+ * Marks the given theme as "dark"
+ * @param theme Theme object
+ * @returns The given theme object with a "dark theme" mark
+ */
 export var markAsDarkTheme = function markAsDarkTheme(theme) {
   var _Object$create;
   return Object.create(theme, (_Object$create = {}, _Object$create[REACT_UI_THEME_MARKERS.darkTheme.key] = {
@@ -36,19 +50,47 @@ export var markAsDarkTheme = function markAsDarkTheme(theme) {
     configurable: false
   }, _Object$create));
 };
-export var markAsTheme2022 = function markAsTheme2022(theme) {
-  var _Object$create2;
-  return Object.create(theme, (_Object$create2 = {}, _Object$create2[REACT_UI_THEME_MARKERS.theme2022.key] = {
-    value: REACT_UI_THEME_MARKERS.theme2022.value,
-    writable: false,
-    enumerable: false,
-    configurable: false
-  }, _Object$create2));
+
+/**
+ * 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 var markThemeVersion = function markThemeVersion(version) {
+  return function (theme) {
+    var _Object$create2;
+    return Object.create(theme, (_Object$create2 = {}, _Object$create2[REACT_UI_THEME_MARKERS.themeVersion.key] = {
+      value: version || REACT_UI_THEME_MARKERS.themeVersion.value,
+      writable: false,
+      enumerable: false,
+      configurable: false
+    }, _Object$create2));
+  };
 };
-export var isTheme2022 = function isTheme2022(theme) {
+
+/**
+ * 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 var isThemeGTE = function isThemeGTE(theme, version) {
+  var themeVersion =
   // @ts-expect-error: internal value.
-  return theme[REACT_UI_THEME_MARKERS.theme2022.key] === REACT_UI_THEME_MARKERS.theme2022.value;
+  theme[REACT_UI_THEME_MARKERS.themeVersion.key];
+  if (!themeVersion) {
+    warning(true, "[ThemeHelpers]: The theme doesn't have a version. Checking for " + version + ".");
+    return false;
+  }
+  return isThemeVersionGTE(themeVersion, version);
 };
+
+/**
+ * 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 function findPropertyDescriptor(theme, propName) {
   // TODO: Rewrite for loop.
   // TODO: Enable `no-param-reassign` rule.
@@ -60,10 +102,35 @@ export function findPropertyDescriptor(theme, propName) {
   }
   return {};
 }
+
+/**
+ * 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 function applyMarkers(theme, markers) {
-  var markedTheme = theme;
-  markers.forEach(function (marker) {
-    markedTheme = marker(theme);
-  });
-  return markedTheme;
+  return markers.reduce(function (markedTheme, marker) {
+    return marker(markedTheme);
+  }, Object.create(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 function createTheme(options) {
+  var themeClass = options.themeClass,
+    prototypeTheme = options.prototypeTheme,
+    _options$themeMarkers = options.themeMarkers,
+    themeMarkers = _options$themeMarkers === void 0 ? [] : _options$themeMarkers;
+  if (prototypeTheme) {
+    Object.setPrototypeOf(themeClass, prototypeTheme);
+  }
+  var theme = applyMarkers(exposeGetters(themeClass), themeMarkers);
+  return Object.freeze(theme);
 }

package/lib/theming/ThemeHelpers/ThemeHelpers.js.map

@@ -1 +1 @@
-{"version":3,"names":["isNonNullable","exposeGetters","theme","descriptors","Object","getOwnPropertyDescriptors","keys","forEach","key","descriptor","get","configurable","enumerable","defineProperty","REACT_UI_THEME_MARKERS","darkTheme","value","theme2022","REACT_UI_DARK_THEME_KEY","isDarkTheme","markAsDarkTheme","_Object$create","create","writable","markAsTheme2022","_Object$create2","isTheme2022","findPropertyDescriptor","propName","getPrototypeOf","prototype","hasOwnProperty","call","getOwnPropertyDescriptor","applyMarkers","markers","markedTheme","marker"],"sources":["ThemeHelpers.ts"],"sourcesContent":["import { isNonNullable } from '../utils';\n\nimport { Theme, ThemeIn } from './Theme';\n\nexport type Marker = (theme: Readonly<Theme>) => Readonly<Theme>;\nexport type Markers = Marker[];\n\nexport const exposeGetters = <T extends Record<string, any>>(theme: T): T => {\n  const descriptors = Object.getOwnPropertyDescriptors(theme);\n  Object.keys(descriptors).forEach((key) => {\n    const descriptor = descriptors[key];\n    if (typeof descriptor.get === 'function' && descriptor.configurable) {\n      descriptor.enumerable = true;\n      Object.defineProperty(theme, key, descriptor);\n    }\n  });\n  return theme;\n};\n\nexport const REACT_UI_THEME_MARKERS = {\n  darkTheme: {\n    key: '__IS_REACT_UI_DARK_THEME__',\n    value: true,\n  },\n  theme2022: {\n    key: '__IS_REACT_UI_THEME_2022__',\n    value: true,\n  },\n};\n\n// backward compatible\nexport const REACT_UI_DARK_THEME_KEY = REACT_UI_THEME_MARKERS.darkTheme.key;\n\nexport const isDarkTheme = (theme: Theme | ThemeIn): boolean => {\n  // @ts-expect-error: internal value.\n  return theme[REACT_UI_THEME_MARKERS.darkTheme.key] === REACT_UI_THEME_MARKERS.darkTheme.value;\n};\n\nexport const markAsDarkTheme: Marker = (theme) => {\n  return Object.create(theme, {\n    [REACT_UI_THEME_MARKERS.darkTheme.key]: {\n      value: REACT_UI_THEME_MARKERS.darkTheme.value,\n      writable: false,\n      enumerable: false,\n      configurable: false,\n    },\n  });\n};\n\nexport const markAsTheme2022: Marker = (theme) => {\n  return Object.create(theme, {\n    [REACT_UI_THEME_MARKERS.theme2022.key]: {\n      value: REACT_UI_THEME_MARKERS.theme2022.value,\n      writable: false,\n      enumerable: false,\n      configurable: false,\n    },\n  });\n};\n\nexport const isTheme2022 = (theme: Theme | ThemeIn): boolean => {\n  // @ts-expect-error: internal value.\n  return theme[REACT_UI_THEME_MARKERS.theme2022.key] === REACT_UI_THEME_MARKERS.theme2022.value;\n};\n\nexport function findPropertyDescriptor(theme: Theme, propName: string) {\n  // TODO: Rewrite for loop.\n  // TODO: Enable `no-param-reassign` rule.\n  // eslint-disable-next-line no-param-reassign\n  for (; isNonNullable(theme); theme = Object.getPrototypeOf(theme)) {\n    if (Object.prototype.hasOwnProperty.call(theme, propName)) {\n      return Object.getOwnPropertyDescriptor(theme, propName) || {};\n    }\n  }\n  return {};\n}\n\nexport function applyMarkers(theme: Readonly<Theme>, markers: Markers) {\n  let markedTheme: Readonly<Theme> = theme;\n  markers.forEach((marker) => {\n    markedTheme = marker(theme);\n  });\n  return markedTheme;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["warning","isNonNullable","isThemeVersionGTE","exposeGetters","theme","descriptors","Object","getOwnPropertyDescriptors","keys","forEach","key","descriptor","get","configurable","enumerable","defineProperty","REACT_UI_THEME_MARKERS","darkTheme","value","themeVersion","REACT_UI_DARK_THEME_KEY","isDarkTheme","markAsDarkTheme","_Object$create","create","writable","markThemeVersion","version","_Object$create2","isThemeGTE","findPropertyDescriptor","propName","getPrototypeOf","prototype","hasOwnProperty","call","getOwnPropertyDescriptor","applyMarkers","markers","reduce","markedTheme","marker","createTheme","options","themeClass","prototypeTheme","_options$themeMarkers","themeMarkers","setPrototypeOf","freeze"],"sources":["ThemeHelpers.ts"],"sourcesContent":["import warning from 'warning';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { isNonNullable } from '../utils';\n\nimport { Theme, ThemeIn } from './Theme';\nimport { isThemeVersionGTE, ThemeVersions } from './ThemeVersions';\n\nexport type Marker = (theme: Theme) => Theme;\nexport type Markers = Marker[];\n\n/**\n * Makes all computable theme variables (getters) visible to the Object.keys(theme)\n * @param theme Theme object\n * @returns The given theme object with all getters made enumerable\n */\nexport const exposeGetters = (theme: Theme): Theme => {\n  const descriptors = Object.getOwnPropertyDescriptors(theme);\n  Object.keys(descriptors).forEach((key) => {\n    const descriptor = descriptors[key];\n    if (typeof descriptor.get === 'function' && descriptor.configurable) {\n      descriptor.enumerable = true;\n      Object.defineProperty(theme, key, descriptor);\n    }\n  });\n  return theme;\n};\n\nexport const REACT_UI_THEME_MARKERS: {\n  darkTheme: {\n    key: string;\n    value: true;\n  };\n  themeVersion: {\n    key: string;\n    value: ThemeVersions | null;\n  };\n} = {\n  darkTheme: {\n    key: '__IS_REACT_UI_DARK_THEME__',\n    value: true,\n  },\n  themeVersion: {\n    key: '__REACT_UI_THEME_VERSION__',\n    value: null,\n  },\n};\n\n// backward compatible\nexport const REACT_UI_DARK_THEME_KEY = REACT_UI_THEME_MARKERS.darkTheme.key;\n\nexport const isDarkTheme = (theme: Theme | ThemeIn): boolean => {\n  // @ts-expect-error: internal value.\n  return theme[REACT_UI_THEME_MARKERS.darkTheme.key] === REACT_UI_THEME_MARKERS.darkTheme.value;\n};\n\n/**\n * Marks the given theme as \"dark\"\n * @param theme Theme object\n * @returns The given theme object with a \"dark theme\" mark\n */\nexport const markAsDarkTheme: Marker = (theme) => {\n  return Object.create(theme, {\n    [REACT_UI_THEME_MARKERS.darkTheme.key]: {\n      value: REACT_UI_THEME_MARKERS.darkTheme.value,\n      writable: false,\n      enumerable: false,\n      configurable: false,\n    },\n  });\n};\n\n/**\n * Creates a marker for the theme, that will mark it with a version\n * @param version Theme version\n * @returns A marker that marks the given theme with the given version once applied\n */\nexport const markThemeVersion: (version: ThemeVersions) => Marker = (version) => (theme) => {\n  return Object.create(theme, {\n    [REACT_UI_THEME_MARKERS.themeVersion.key]: {\n      value: version || REACT_UI_THEME_MARKERS.themeVersion.value,\n      writable: false,\n      enumerable: false,\n      configurable: false,\n    },\n  });\n};\n\n/**\n * Checks if the given theme's version is \"greater or equal\" then the given version\n * @param theme Theme object\n * @param version A string version\n * @returns Boolean result\n */\nexport const isThemeGTE = (theme: Theme | ThemeIn, version: ThemeVersions): boolean => {\n  const themeVersion: Nullable<ThemeVersions> =\n    // @ts-expect-error: internal value.\n    theme[REACT_UI_THEME_MARKERS.themeVersion.key];\n\n  if (!themeVersion) {\n    warning(true, `[ThemeHelpers]: The theme doesn't have a version. Checking for ${version}.`);\n    return false;\n  }\n\n  return isThemeVersionGTE(themeVersion, version);\n};\n\n/**\n * Finds the given theme's object property descriptor by its name\n * @param theme Theme object\n * @param propName The property name\n * @returns The found descriptor or an empty object\n */\nexport function findPropertyDescriptor(theme: Theme, propName: string) {\n  // TODO: Rewrite for loop.\n  // TODO: Enable `no-param-reassign` rule.\n  // eslint-disable-next-line no-param-reassign\n  for (; isNonNullable(theme); theme = Object.getPrototypeOf(theme)) {\n    if (Object.prototype.hasOwnProperty.call(theme, propName)) {\n      return Object.getOwnPropertyDescriptor(theme, propName) || {};\n    }\n  }\n  return {};\n}\n\n/**\n * Marks the given theme with the given markers\n * @param theme Theme object\n * @param markers Markers array\n * @returns The given theme marked with the given marks\n */\nexport function applyMarkers(theme: Theme, markers: Markers): Theme {\n  return markers.reduce((markedTheme, marker) => {\n    return marker(markedTheme);\n  }, Object.create(theme));\n}\n\n/**\n * Creates a theme object out of the given class with variables\n * @param options Options object\n * @param options.themeClass A class with variables\n * @param [options.prototypeTheme] An optional prototype theme, that will be the base for the new theme\n * @param [options.themeMarkers] An optional array of markers, that new them will be marked of\n * @returns The new theme object\n */\nexport function createTheme(options: { themeClass: Theme; prototypeTheme?: Theme; themeMarkers?: Markers }): Theme {\n  const { themeClass, prototypeTheme, themeMarkers = [] } = options;\n\n  if (prototypeTheme) {\n    Object.setPrototypeOf(themeClass, prototypeTheme);\n  }\n\n  const theme = applyMarkers(exposeGetters(themeClass), themeMarkers);\n\n  return Object.freeze(theme);\n}\n"],"mappings":"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","ignoreList":[]}

package/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;