@skbkontur/react-ui 3.10.0 → 4.0.0-beta.4

package/cjs/lib/theming/Emotion.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.prefix = exports.memoizeStyle = exports.cache = exports.sheet = exports.css = exports.keyframes = exports.injectGlobal = exports.getRegisteredStyles = exports.merge = exports.cx = exports.hydrate = exports.flush = 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");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 _Upgrades = require("../Upgrades");
@@ -7,9 +7,9 @@ var _Upgrades = require("../Upgrades");
 
 var REACT_UI_PREFIX = _Upgrades.Upgrade.getSpecificityClassName();
 
-var scope = new Array(_Upgrades.Upgrade.getSpecificityLevel()).fill("." + REACT_UI_PREFIX).join('');var _createEmotion =
-
+var scope = new Array(_Upgrades.Upgrade.getSpecificityLevel()).fill("." + REACT_UI_PREFIX).join('');
 
+var _createEmotion =
 (0, _createInstance.default)({
   key: REACT_UI_PREFIX,
   prepend: true,

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

@@ -1 +1 @@
-{"version":3,"sources":["Emotion.ts"],"names":["REACT_UI_PREFIX","Upgrade","getSpecificityClassName","scope","Array","getSpecificityLevel","fill","join","key","prepend","stylisPlugins","undefined","flush","hydrate","cx","merge","getRegisteredStyles","injectGlobal","keyframes","css","sheet","cache","isZeroArgs","fn","length","memoize","isCalled","result","WeakMap","arg","has","set","get","memoizeStyle","styles","Object","keys","forEach","className","prefix","component","app","classes","reduce","acc"],"mappings":"mbAAA;AACA;;AAEA;;;;AAIA,IAAMA,eAAe,GAAGC,kBAAQC,uBAAR,EAAxB;;AAEA,IAAMC,KAAK,GAAG,IAAIC,KAAJ,CAAUH,kBAAQI,mBAAR,EAAV,EAAyCC,IAAzC,OAAkDN,eAAlD,EAAqEO,IAArE,CAA0E,EAA1E,CAAd,C;;;AAGE,6BAAc;AACZC,EAAAA,GAAG,EAAER,eADO;AAEZS,EAAAA,OAAO,EAAE,IAFG;AAGZC,EAAAA,aAAa,EAAEP,KAAK,GAAG,CAAC,qCAAiBA,KAAjB,CAAD,CAAH,GAA+BQ,SAHvC,EAAd,C,CADaC,K,kBAAAA,K,CAAOC,O,kBAAAA,O,CAASC,E,kBAAAA,E,CAAIC,K,kBAAAA,K,CAAOC,mB,kBAAAA,mB,CAAqBC,Y,kBAAAA,Y,CAAcC,S,kBAAAA,S,CAAWC,G,kBAAAA,G,CAAKC,K,kBAAAA,K,CAAOC,K,kBAAAA,K;;;AAOpG,SAASC,UAAT,CAAwDC,EAAxD,EAAyF;AACvF,SAAOA,EAAE,CAACC,MAAH,IAAa,CAApB;AACD;;AAED,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAAsBF,EAAtB,EAAuF;AACrG,MAAID,UAAU,CAACC,EAAD,CAAd,EAAoB;AAClB,QAAIG,QAAQ,GAAG,KAAf;AACA,QAAIC,MAAJ;AACA,WAAO,YAAM;AACX,UAAI,CAACD,QAAL,EAAe;AACbA,QAAAA,QAAQ,GAAG,IAAX;AACAC,QAAAA,MAAM,GAAGJ,EAAE,EAAX;AACD;AACD,aAAOI,MAAP;AACD,KAND;AAOD;;AAED,MAAMN,KAAK,GAAG,IAAIO,OAAJ,EAAd;AACA,SAAO,UAACC,GAAD,EAAY;AACjB,QAAI,CAACR,KAAK,CAACS,GAAN,CAAUD,GAAV,CAAL,EAAqBR,KAAK,CAACU,GAAN,CAAUF,GAAV,EAAeN,EAAE,CAACM,GAAD,CAAjB;AACrB,WAAOR,KAAK,CAACW,GAAN,CAAUH,GAAV,CAAP;AACD,GAHD;AAID,CAlBD;;AAoBO,IAAMI,YAAY,GAAG,SAAfA,YAAe;AAC1BC,MAD0B;AAEpB;AACNC,EAAAA,MAAM,CAACC,IAAP,CAAYF,MAAZ,EAAoBG,OAApB,CAA4B,UAACC,SAAD,UAAgBJ,MAAM,CAACI,SAAD,CAAN,GAA+Bb,OAAO,CAACS,MAAM,CAACI,SAAD,CAAP,CAAtD,EAA5B;AACA,SAAOJ,MAAP;AACD,CALM,C;;AAOA,IAAMK,MAAM;AACjB,SADWA,MACX,CAACC,SAAD,EAAoBC,GAApB,OAAoBA,GAApB,cAAoBA,GAApB,GAA0BzC,eAA1B;AACA,cAAmC0C,OAAnC;AACEP,QAAAA,MAAM,CAACC,IAAP,CAAYM,OAAZ,EAAqBC,MAArB,CAA4B,UAACC,GAAD,EAAMpC,GAAN,EAAc;AACxC,4CAAYoC,GAAZ,6BAAkBpC,GAAlB,IAA2BiC,GAA3B,SAAkCD,SAAlC,SAA+CE,OAAO,CAAClC,GAAD,CAAtD;AACD,SAFD,EAEG,EAFH,CADF,GADA,GADK,C","sourcesContent":["import createEmotion from '@emotion/css/create-instance';\nimport extraScopePlugin from 'stylis-plugin-extra-scope';\n\nimport { Upgrade } from '../Upgrades';\n\nimport { Theme } from './Theme';\n\nconst REACT_UI_PREFIX = Upgrade.getSpecificityClassName();\n\nconst scope = new Array(Upgrade.getSpecificityLevel()).fill(`.${REACT_UI_PREFIX}`).join('');\n\nexport const { flush, hydrate, cx, merge, getRegisteredStyles, injectGlobal, keyframes, css, sheet, cache } =\n  createEmotion({\n    key: REACT_UI_PREFIX,\n    prepend: true,\n    stylisPlugins: scope ? [extraScopePlugin(scope)] : undefined,\n  });\n\nfunction isZeroArgs<R, T extends (...args: any[]) => R>(fn: T | Function): fn is () => R {\n  return fn.length == 0;\n}\n\nconst memoize = <A extends object, R>(fn: (() => R) | ((arg: A) => R)): (() => R) | ((arg: A) => R) => {\n  if (isZeroArgs(fn)) {\n    let isCalled = false;\n    let result: R;\n    return () => {\n      if (!isCalled) {\n        isCalled = true;\n        result = fn();\n      }\n      return result;\n    };\n  }\n\n  const cache = new WeakMap();\n  return (arg: A) => {\n    if (!cache.has(arg)) cache.set(arg, fn(arg));\n    return cache.get(arg);\n  };\n};\n\nexport const memoizeStyle = <S extends { [className: string]: (() => string) | ((t: Theme) => string) }>(\n  styles: S,\n): S => {\n  Object.keys(styles).forEach((className) => (styles[className as keyof S] = memoize(styles[className]) as S[keyof S]));\n  return styles;\n};\n\nexport const prefix =\n  (component: string, app = REACT_UI_PREFIX) =>\n  <T extends Record<string, string>>(classes: T): T =>\n    Object.keys(classes).reduce((acc, key) => {\n      return { ...acc, [key]: `${app}-${component}-${classes[key]}` };\n    }, {} as T);\n"]}
+{"version":3,"sources":["Emotion.ts"],"names":["REACT_UI_PREFIX","Upgrade","getSpecificityClassName","scope","Array","getSpecificityLevel","fill","join","key","prepend","stylisPlugins","undefined","flush","hydrate","cx","merge","getRegisteredStyles","injectGlobal","keyframes","css","sheet","cache","isZeroArgs","fn","length","memoize","isCalled","result","WeakMap","arg","has","set","get","memoizeStyle","styles","Object","keys","forEach","className","prefix","component","app","classes","reduce","acc"],"mappings":"mbAAA;AACA;;AAEA;;;;AAIA,IAAMA,eAAe,GAAGC,kBAAQC,uBAAR,EAAxB;;AAEA,IAAMC,KAAK,GAAG,IAAIC,KAAJ,CAAUH,kBAAQI,mBAAR,EAAV,EAAyCC,IAAzC,OAAkDN,eAAlD,EAAqEO,IAArE,CAA0E,EAA1E,CAAd;;AAEO;AACL,6BAAc;AACZC,EAAAA,GAAG,EAAER,eADO;AAEZS,EAAAA,OAAO,EAAE,IAFG;AAGZC,EAAAA,aAAa,EAAEP,KAAK,GAAG,CAAC,qCAAiBA,KAAjB,CAAD,CAAH,GAA+BQ,SAHvC,EAAd,CADK,CAAQC,KAAR,kBAAQA,KAAR,CAAeC,OAAf,kBAAeA,OAAf,CAAwBC,EAAxB,kBAAwBA,EAAxB,CAA4BC,KAA5B,kBAA4BA,KAA5B,CAAmCC,mBAAnC,kBAAmCA,mBAAnC,CAAwDC,YAAxD,kBAAwDA,YAAxD,CAAsEC,SAAtE,kBAAsEA,SAAtE,CAAiFC,GAAjF,kBAAiFA,GAAjF,CAAsFC,KAAtF,kBAAsFA,KAAtF,CAA6FC,KAA7F,kBAA6FA,KAA7F,C;;;AAOP,SAASC,UAAT,CAAwDC,EAAxD,EAAyF;AACvF,SAAOA,EAAE,CAACC,MAAH,IAAa,CAApB;AACD;;AAED,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAAsBF,EAAtB,EAAuF;AACrG,MAAID,UAAU,CAACC,EAAD,CAAd,EAAoB;AAClB,QAAIG,QAAQ,GAAG,KAAf;AACA,QAAIC,MAAJ;AACA,WAAO,YAAM;AACX,UAAI,CAACD,QAAL,EAAe;AACbA,QAAAA,QAAQ,GAAG,IAAX;AACAC,QAAAA,MAAM,GAAGJ,EAAE,EAAX;AACD;AACD,aAAOI,MAAP;AACD,KAND;AAOD;;AAED,MAAMN,KAAK,GAAG,IAAIO,OAAJ,EAAd;AACA,SAAO,UAACC,GAAD,EAAY;AACjB,QAAI,CAACR,KAAK,CAACS,GAAN,CAAUD,GAAV,CAAL,EAAqBR,KAAK,CAACU,GAAN,CAAUF,GAAV,EAAeN,EAAE,CAACM,GAAD,CAAjB;AACrB,WAAOR,KAAK,CAACW,GAAN,CAAUH,GAAV,CAAP;AACD,GAHD;AAID,CAlBD;;AAoBO,IAAMI,YAAY,GAAG,SAAfA,YAAe;AAC1BC,MAD0B;AAEpB;AACNC,EAAAA,MAAM,CAACC,IAAP,CAAYF,MAAZ,EAAoBG,OAApB,CAA4B,UAACC,SAAD,UAAgBJ,MAAM,CAACI,SAAD,CAAN,GAA+Bb,OAAO,CAACS,MAAM,CAACI,SAAD,CAAP,CAAtD,EAA5B;AACA,SAAOJ,MAAP;AACD,CALM,C;;AAOA,IAAMK,MAAM;AACjB,SADWA,MACX,CAACC,SAAD,EAAoBC,GAApB,OAAoBA,GAApB,cAAoBA,GAApB,GAA0BzC,eAA1B;AACA,cAAmC0C,OAAnC;AACEP,QAAAA,MAAM,CAACC,IAAP,CAAYM,OAAZ,EAAqBC,MAArB,CAA4B,UAACC,GAAD,EAAMpC,GAAN,EAAc;AACxC,4CAAYoC,GAAZ,6BAAkBpC,GAAlB,IAA2BiC,GAA3B,SAAkCD,SAAlC,SAA+CE,OAAO,CAAClC,GAAD,CAAtD;AACD,SAFD,EAEG,EAFH,CADF,GADA,GADK,C","sourcesContent":["import createEmotion from '@emotion/css/create-instance';\nimport extraScopePlugin from 'stylis-plugin-extra-scope';\n\nimport { Upgrade } from '../Upgrades';\n\nimport { Theme } from './Theme';\n\nconst REACT_UI_PREFIX = Upgrade.getSpecificityClassName();\n\nconst scope = new Array(Upgrade.getSpecificityLevel()).fill(`.${REACT_UI_PREFIX}`).join('');\n\nexport const { flush, hydrate, cx, merge, getRegisteredStyles, injectGlobal, keyframes, css, sheet, cache } =\n  createEmotion({\n    key: REACT_UI_PREFIX,\n    prepend: true,\n    stylisPlugins: scope ? [extraScopePlugin(scope)] : undefined,\n  });\n\nfunction isZeroArgs<R, T extends (...args: any[]) => R>(fn: T | Function): fn is () => R {\n  return fn.length == 0;\n}\n\nconst memoize = <A extends object, R>(fn: (() => R) | ((arg: A) => R)): (() => R) | ((arg: A) => R) => {\n  if (isZeroArgs(fn)) {\n    let isCalled = false;\n    let result: R;\n    return () => {\n      if (!isCalled) {\n        isCalled = true;\n        result = fn();\n      }\n      return result;\n    };\n  }\n\n  const cache = new WeakMap();\n  return (arg: A) => {\n    if (!cache.has(arg)) cache.set(arg, fn(arg));\n    return cache.get(arg);\n  };\n};\n\nexport const memoizeStyle = <S extends { [className: string]: (() => string) | ((t: Theme) => string) }>(\n  styles: S,\n): S => {\n  Object.keys(styles).forEach((className) => (styles[className as keyof S] = memoize(styles[className]) as S[keyof S]));\n  return styles;\n};\n\nexport const prefix =\n  (component: string, app = REACT_UI_PREFIX) =>\n  <T extends Record<string, string>>(classes: T): T =>\n    Object.keys(classes).reduce((acc, key) => {\n      return { ...acc, [key]: `${app}-${component}-${classes[key]}` };\n    }, {} as T);\n"]}

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

@@ -1,3 +1,3 @@
-import { DefaultThemeInternal } from '../../internal/themes/DefaultTheme';
-export declare type Theme = Readonly<typeof DefaultThemeInternal>;
-export declare type ThemeIn = Partial<typeof DefaultThemeInternal>;
+import { DefaultThemeInternal } from '../../internal/themes/DefaultTheme';
+export declare type Theme = Readonly<typeof DefaultThemeInternal>;
+export declare type ThemeIn = Partial<typeof DefaultThemeInternal>;

package/cjs/lib/theming/Theme.js

@@ -1 +1 @@
-"use strict";
+"use strict";exports.__esModule = true;

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/DefaultTheme").DefaultTheme>>>;
+import React from 'react';
+export declare const ThemeContext: React.Context<Readonly<Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>>>;

package/cjs/lib/theming/ThemeContext.md

@@ -35,23 +35,26 @@ public context: Theme = this.context;
 
 Список существующих тем:
 
-| Имя                 | Описание         |
-| ------------------- | ---------------- |
-| `DEFAULT_THEME`     | Дефолтная (8px)  |
-| `FLAT_THEME`        | Плоская (8px)    |
-| `DEFAULT_THEME_OLD` | Старая дефолтная |
-| `FLAT_THEME_OLD`    | Старая плоская   |
+| Имя                     | Описание         |
+| ----------------------- |------------------|
+| `DEFAULT_THEME`         | Дефолтная        |
+| `DARK_THEME`            | Темная           |
+| `DEFAULT_THEME_8PX_OLD` | Старая дефолтная |
+| `FLAT_THEME_8PX_OLD`    | Старая плоская   |
 
 ## Примеры использования
 
-### Подключение плоской темы
+### Подключение старой плоской темы
 
 ```jsx harmony
-import { ThemeContext, FLAT_THEME } from '@skbkontur/react-ui';
+import { ThemeContext, FLAT_THEME_8PX_OLD } from '@skbkontur/react-ui';
 import { ShowcaseGroup } from '@skbkontur/react-ui/internal/ThemePlayground/ShowcaseGroup';
 
-<ThemeContext.Provider value={FLAT_THEME}>
-  <ShowcaseGroup title="Flat Theme" />
+
+<ThemeContext.Provider value={FLAT_THEME_8PX_OLD}>
+  <div style={{ height: '100%', background: '#fff', padding: '16px' }}>
+    <ShowcaseGroup title="Flat Theme Old" />
+  </div>
 </ThemeContext.Provider>;
 ```
 
@@ -66,7 +69,9 @@ import { ShowcaseGroup } from '@skbkontur/react-ui/internal/ThemePlayground/Show
 const myTheme = ThemeFactory.create({ btnBorderRadiusSmall: '10px' });
 
 <ThemeContext.Provider value={myTheme}>
-  <ShowcaseGroup title="My Theme" />
+  <div style={{height: '100%', background: '#fff', padding: '16px'}}>
+    <ShowcaseGroup title="My Theme" />
+  </div>
 </ThemeContext.Provider>;
 ```
 
@@ -74,9 +79,9 @@ const myTheme = ThemeFactory.create({ btnBorderRadiusSmall: '10px' });
 
 ```jsx static
 import { ThemeFactory } from '@skbkontur/react-ui';
-import { FLAT_THEME } from '@skbkontur/react-ui/lib/theming/themes/FlatTheme';
+import { FLAT_THEME_8PX_OLD } from '@skbkontur/react-ui/lib/theming/themes/FlatTheme8pxOld';
 
-const myFlatTheme = ThemeFactory.create({ btnBorderRadiusSmall: '10px' }, FLAT_THEME);
+const myFlatTheme = ThemeFactory.create({ btnBorderRadiusSmall: '10px' }, FLAT_THEME_8PX_OLD);
 ```
 
 ### Использование темы в своих компонентах
@@ -142,18 +147,26 @@ ThemeFactory.overrideDefaultTheme(theme);
 <br/>
 
 ```jsx harmony
-import { ThemeContext, FLAT_THEME as flatTheme } from '@skbkontur/react-ui';
+import { ThemeContext, DEFAULT_THEME_8PX_OLD, DEFAULT_THEME } from '@skbkontur/react-ui';
 import { ShowcaseGroup } from '@skbkontur/react-ui/internal/ThemePlayground/ShowcaseGroup';
 
 const CombinedComponents = () => (
   <>
-    <ShowcaseGroup title="Default" />
-    <ThemeContext.Provider value={flatTheme}>
-      <div>
-        <ShowcaseGroup title="Flat" />
-      </div>
-    </ThemeContext.Provider>
-  </>
+    <div style={{height: '100%', background: '#fff', padding: '16px'}}>
+      <ThemeContext.Provider value={DEFAULT_THEME}>
+        <div>
+          <ShowcaseGroup title="Default Theme" />
+        </div>
+      </ThemeContext.Provider>
+    </div>
+    <div style={{height: '100%', background: '#fff', padding: '16px'}}>
+      <ThemeContext.Provider value={DEFAULT_THEME_8PX_OLD}>
+        <div>
+          <ShowcaseGroup title="Default Theme Old" />
+        </div>
+      </ThemeContext.Provider>
+    </div>
+  </ >
 );
 
 <CombinedComponents />;
@@ -163,8 +176,7 @@ const CombinedComponents = () => (
 <br/>
 
 ```jsx harmony
-import { ThemeContext, FLAT_THEME as flatTheme, DEFAULT_THEME as defaultTheme } from '@skbkontur/react-ui';
-import { darkTheme } from '@skbkontur/react-ui/internal/ThemePlayground/darkTheme';
+import { ThemeContext, DEFAULT_THEME_8PX_OLD, DEFAULT_THEME, DARK_THEME } from '@skbkontur/react-ui';
 import { ShowcaseGroup } from '@skbkontur/react-ui/internal/ThemePlayground/ShowcaseGroup';
 
 const wrapperStyles = {
@@ -174,13 +186,13 @@ const wrapperStyles = {
 };
 
 const NestedThemes = () => (
-  <ThemeContext.Provider value={flatTheme}>
-    <div style={{ ...wrapperStyles, width: 750 }}>
-      <ShowcaseGroup title="Flat Theme" />
-      <ThemeContext.Provider value={defaultTheme}>
-        <div style={wrapperStyles}>
+  <ThemeContext.Provider value={DEFAULT_THEME_8PX_OLD}>
+    <div style={{ ...wrapperStyles, width: 750, background: '#fff' }}>
+      <ShowcaseGroup title="Default Theme Old" />
+      <ThemeContext.Provider value={DEFAULT_THEME}>
+        <div style={{ ...wrapperStyles, background: '#fff' }}>
           <ShowcaseGroup title="Default Theme" />
-          <ThemeContext.Provider value={darkTheme}>
+          <ThemeContext.Provider value={DARK_THEME}>
             <div style={{ ...wrapperStyles, background: '#000', color: '#fff' }}>
               <ShowcaseGroup title="Dark Theme" />
             </div>

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

@@ -1,8 +1,7 @@
-import { Theme, ThemeIn } from './Theme';
-export declare class ThemeFactory {
-    static create<T extends {}>(theme: ThemeIn & T, baseTheme?: Theme): Readonly<Theme & T>;
-    static isFullTheme(theme: ThemeIn | Theme): theme is Theme;
-    static overrideDefaultTheme(theme: ThemeIn): void;
-    static getKeys<T extends Theme>(theme: T): (keyof T)[];
-    private static constructTheme;
-}
+import { Theme, ThemeIn } from './Theme';
+export declare class ThemeFactory {
+    static create<T extends {}>(theme: ThemeIn & T, baseTheme?: Theme): Readonly<Theme & T>;
+    static overrideDefaultTheme(theme: ThemeIn): void;
+    static getKeys<T extends Theme>(theme: T): (keyof T)[];
+    private static constructTheme;
+}

package/cjs/lib/theming/ThemeFactory.js

@@ -1,19 +1,13 @@
-"use strict";exports.__esModule = true;exports.ThemeFactory = void 0;var _DefaultTheme = require("../../internal/themes/DefaultTheme");
-var _Theme8px = require("../../internal/themes/Theme8px");
+"use strict";exports.__esModule = true;exports.ThemeFactory = void 0;var _DefaultTheme = require("../../internal/themes/DefaultTheme");var
 
 
-var _ThemeHelpers = require("./ThemeHelpers");var
 
 ThemeFactory = /*#__PURE__*/function () {function ThemeFactory() {}ThemeFactory.
   create = function create(theme, baseTheme) {
-    var base = baseTheme || (0, _ThemeHelpers.markAs8pxTheme)(this.constructTheme(_DefaultTheme.DefaultThemeInternal, _Theme8px.Theme8pxInternal));
+    var base = baseTheme || _DefaultTheme.DefaultThemeInternal;
     return this.constructTheme(base, theme);
   };ThemeFactory.
 
-  isFullTheme = function isFullTheme(theme) {
-    return (0, _ThemeHelpers.isFullTheme)(theme);
-  };ThemeFactory.
-
   overrideDefaultTheme = function overrideDefaultTheme(theme) {
     Object.keys(theme).forEach(function (variableName) {
       var descriptor = Object.getOwnPropertyDescriptor(theme, variableName);

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

@@ -1 +1 @@
-{"version":3,"sources":["ThemeFactory.ts"],"names":["ThemeFactory","create","theme","baseTheme","base","constructTheme","DefaultThemeInternal","Theme8pxInternal","isFullTheme","overrideDefaultTheme","Object","keys","forEach","variableName","descriptor","getOwnPropertyDescriptor","defineProperty","getKeys","key","includes","push","getPrototypeOf","sort","newTheme","propName","freeze"],"mappings":"qEAAA;AACA;;;AAGA,8C;;AAEaA,Y;AACGC,EAAAA,M,GAAd,gBAAmCC,KAAnC,EAAuDC,SAAvD,EAA+F;AAC7F,QAAMC,IAAI,GAAGD,SAAS,IAAI,kCAAe,KAAKE,cAAL,CAAoBC,kCAApB,EAA0CC,0BAA1C,CAAf,CAA1B;AACA,WAAO,KAAKF,cAAL,CAAoBD,IAApB,EAA0BF,KAA1B,CAAP;AACD,G;;AAEaM,EAAAA,W,GAAd,qBAA0BN,KAA1B,EAAkE;AAChE,WAAO,+BAAYA,KAAZ,CAAP;AACD,G;;AAEaO,EAAAA,oB,GAAd,8BAAmCP,KAAnC,EAAmD;AACjDQ,IAAAA,MAAM,CAACC,IAAP,CAAYT,KAAZ,EAAmBU,OAAnB,CAA2B,UAACC,YAAD,EAAkB;AAC3C,UAAMC,UAAU,GAAGJ,MAAM,CAACK,wBAAP,CAAgCb,KAAhC,EAAuCW,YAAvC,CAAnB;AACAH,MAAAA,MAAM,CAACM,cAAP,CAAsBV,kCAAtB,EAA4CO,YAA5C,EAA0DC,UAA1D;AACD,KAHD;AAID,G;;AAEaG,EAAAA,O,GAAd,iBAAuCf,KAAvC,EAAiD;AAC/C,QAAMS,IAAoB,GAAG,EAA7B;AACA,WAAOT,KAAK,IAAI,IAAhB,EAAsB;AACnBQ,MAAAA,MAAM,CAACC,IAAP,CAAYT,KAAZ,CAAD,CAAuCU,OAAvC,CAA+C,UAACM,GAAD,EAAS;AACtD,YAAI,CAACP,IAAI,CAACQ,QAAL,CAAcD,GAAd,CAAL,EAAyB;AACvBP,UAAAA,IAAI,CAACS,IAAL,CAAUF,GAAV;AACD;AACF,OAJD;AAKAhB,MAAAA,KAAK,GAAGQ,MAAM,CAACW,cAAP,CAAsBnB,KAAtB,CAAR;AACD;AACD,WAAOS,IAAI,CAACW,IAAL,EAAP;AACD,G;;AAEcjB,EAAAA,c,GAAf,wBAA8BD,IAA9B,EAA2CF,KAA3C,EAA2D;AACzD,QAAMqB,QAAQ,GAAGb,MAAM,CAACT,MAAP,CAAcG,IAAd,CAAjB;AACAM,IAAAA,MAAM,CAACC,IAAP,CAAYT,KAAZ,EAAmBU,OAAnB,CAA2B,UAACY,QAAD,EAAc;AACvC,UAAMV,UAAU,GAAGJ,MAAM,CAACK,wBAAP,CAAgCb,KAAhC,EAAuCsB,QAAvC,CAAnB;AACAd,MAAAA,MAAM,CAACM,cAAP,CAAsBO,QAAtB,EAAgCC,QAAhC,EAA0CV,UAA1C;AACD,KAHD;;AAKA,WAAOJ,MAAM,CAACe,MAAP,CAAcF,QAAd,CAAP;AACD,G","sourcesContent":["import { DefaultThemeInternal } from '../../internal/themes/DefaultTheme';\nimport { Theme8pxInternal } from '../../internal/themes/Theme8px';\n\nimport { Theme, ThemeIn } from './Theme';\nimport { isFullTheme, markAs8pxTheme } from './ThemeHelpers';\n\nexport class ThemeFactory {\n  public static create<T extends {}>(theme: ThemeIn & T, baseTheme?: Theme): Readonly<Theme & T> {\n    const base = baseTheme || markAs8pxTheme(this.constructTheme(DefaultThemeInternal, Theme8pxInternal));\n    return this.constructTheme(base, theme);\n  }\n\n  public static isFullTheme(theme: ThemeIn | Theme): theme is Theme {\n    return isFullTheme(theme);\n  }\n\n  public static overrideDefaultTheme(theme: ThemeIn) {\n    Object.keys(theme).forEach((variableName) => {\n      const descriptor = Object.getOwnPropertyDescriptor(theme, variableName)!;\n      Object.defineProperty(DefaultThemeInternal, variableName, descriptor);\n    });\n  }\n\n  public static getKeys<T extends Theme>(theme: T) {\n    const keys: Array<keyof T> = [];\n    while (theme != null) {\n      (Object.keys(theme) as Array<keyof T>).forEach((key) => {\n        if (!keys.includes(key)) {\n          keys.push(key);\n        }\n      });\n      theme = Object.getPrototypeOf(theme);\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      Object.defineProperty(newTheme, propName, descriptor);\n    });\n\n    return Object.freeze(newTheme);\n  }\n}\n"]}
+{"version":3,"sources":["ThemeFactory.ts"],"names":["ThemeFactory","create","theme","baseTheme","base","DefaultThemeInternal","constructTheme","overrideDefaultTheme","Object","keys","forEach","variableName","descriptor","getOwnPropertyDescriptor","defineProperty","getKeys","key","includes","push","getPrototypeOf","sort","newTheme","propName","freeze"],"mappings":"qEAAA,kE;;;;AAIaA,Y;AACGC,EAAAA,M,GAAd,gBAAmCC,KAAnC,EAAuDC,SAAvD,EAA+F;AAC7F,QAAMC,IAAI,GAAGD,SAAS,IAAIE,kCAA1B;AACA,WAAO,KAAKC,cAAL,CAAoBF,IAApB,EAA0BF,KAA1B,CAAP;AACD,G;;AAEaK,EAAAA,oB,GAAd,8BAAmCL,KAAnC,EAAmD;AACjDM,IAAAA,MAAM,CAACC,IAAP,CAAYP,KAAZ,EAAmBQ,OAAnB,CAA2B,UAACC,YAAD,EAAkB;AAC3C,UAAMC,UAAU,GAAGJ,MAAM,CAACK,wBAAP,CAAgCX,KAAhC,EAAuCS,YAAvC,CAAnB;AACAH,MAAAA,MAAM,CAACM,cAAP,CAAsBT,kCAAtB,EAA4CM,YAA5C,EAA0DC,UAA1D;AACD,KAHD;AAID,G;;AAEaG,EAAAA,O,GAAd,iBAAuCb,KAAvC,EAAiD;AAC/C,QAAMO,IAAoB,GAAG,EAA7B;AACA,WAAOP,KAAK,IAAI,IAAhB,EAAsB;AACnBM,MAAAA,MAAM,CAACC,IAAP,CAAYP,KAAZ,CAAD,CAAuCQ,OAAvC,CAA+C,UAACM,GAAD,EAAS;AACtD,YAAI,CAACP,IAAI,CAACQ,QAAL,CAAcD,GAAd,CAAL,EAAyB;AACvBP,UAAAA,IAAI,CAACS,IAAL,CAAUF,GAAV;AACD;AACF,OAJD;AAKAd,MAAAA,KAAK,GAAGM,MAAM,CAACW,cAAP,CAAsBjB,KAAtB,CAAR;AACD;AACD,WAAOO,IAAI,CAACW,IAAL,EAAP;AACD,G;;AAEcd,EAAAA,c,GAAf,wBAA8BF,IAA9B,EAA2CF,KAA3C,EAA2D;AACzD,QAAMmB,QAAQ,GAAGb,MAAM,CAACP,MAAP,CAAcG,IAAd,CAAjB;AACAI,IAAAA,MAAM,CAACC,IAAP,CAAYP,KAAZ,EAAmBQ,OAAnB,CAA2B,UAACY,QAAD,EAAc;AACvC,UAAMV,UAAU,GAAGJ,MAAM,CAACK,wBAAP,CAAgCX,KAAhC,EAAuCoB,QAAvC,CAAnB;AACAd,MAAAA,MAAM,CAACM,cAAP,CAAsBO,QAAtB,EAAgCC,QAAhC,EAA0CV,UAA1C;AACD,KAHD;;AAKA,WAAOJ,MAAM,CAACe,MAAP,CAAcF,QAAd,CAAP;AACD,G","sourcesContent":["import { DefaultThemeInternal } from '../../internal/themes/DefaultTheme';\n\nimport { Theme, ThemeIn } from './Theme';\n\nexport class ThemeFactory {\n  public static create<T extends {}>(theme: ThemeIn & T, baseTheme?: Theme): Readonly<Theme & T> {\n    const base = baseTheme || DefaultThemeInternal;\n    return this.constructTheme(base, theme);\n  }\n\n  public static overrideDefaultTheme(theme: ThemeIn) {\n    Object.keys(theme).forEach((variableName) => {\n      const descriptor = Object.getOwnPropertyDescriptor(theme, variableName)!;\n      Object.defineProperty(DefaultThemeInternal, variableName, descriptor);\n    });\n  }\n\n  public static getKeys<T extends Theme>(theme: T) {\n    const keys: Array<keyof T> = [];\n    while (theme != null) {\n      (Object.keys(theme) as Array<keyof T>).forEach((key) => {\n        if (!keys.includes(key)) {\n          keys.push(key);\n        }\n      });\n      theme = Object.getPrototypeOf(theme);\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      Object.defineProperty(newTheme, propName, descriptor);\n    });\n\n    return Object.freeze(newTheme);\n  }\n}\n"]}

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

@@ -1,11 +1,5 @@
-import { Theme, ThemeIn } from './Theme';
-export declare const exposeGetters: <T extends object>(theme: T) => T;
-export declare const REACT_UI_FULL_THEME_KEY = "__IS_REACT_UI_THEME__";
-export declare const REACT_UI_8PX_THEME_KEY = "__IS_REACT_UI_8PX_THEME__";
-export declare const REACT_UI_FLAT_THEME_KEY = "__IS_REACT_UI_FLAT_THEME__";
-export declare const isFullTheme: (theme: Theme | ThemeIn) => boolean;
-export declare const markAsFullTheme: <T extends object>(theme: T) => T;
-export declare const is8pxTheme: (theme: Theme | ThemeIn) => boolean;
-export declare const markAs8pxTheme: <T extends object>(theme: T) => T;
-export declare const isFlatTheme: (theme: Theme | ThemeIn) => boolean;
-export declare const markAsFlatTheme: <T extends object>(theme: T) => T;
+import { Theme, ThemeIn } from './Theme';
+export declare const exposeGetters: <T extends object>(theme: T) => T;
+export declare const REACT_UI_DARK_THEME_KEY = "__IS_REACT_UI_DARK_THEME__";
+export declare const isDarkTheme: (theme: Theme | ThemeIn) => boolean;
+export declare const markAsDarkTheme: <T extends object>(theme: T) => T;

package/cjs/lib/theming/ThemeHelpers.js

@@ -1,4 +1,4 @@
-"use strict";exports.__esModule = true;exports.markAsFlatTheme = exports.isFlatTheme = exports.markAs8pxTheme = exports.is8pxTheme = exports.markAsFullTheme = exports.isFullTheme = exports.REACT_UI_FLAT_THEME_KEY = exports.REACT_UI_8PX_THEME_KEY = exports.REACT_UI_FULL_THEME_KEY = exports.exposeGetters = void 0;
+"use strict";exports.__esModule = true;exports.markAsDarkTheme = exports.isDarkTheme = exports.exposeGetters = exports.REACT_UI_DARK_THEME_KEY = void 0;
 
 var exposeGetters = function exposeGetters(theme) {
   var descriptors = Object.getOwnPropertyDescriptors(theme);
@@ -12,56 +12,20 @@ var exposeGetters = function exposeGetters(theme) {
   return theme;
 };exports.exposeGetters = exposeGetters;
 
-var REACT_UI_FULL_THEME_KEY = '__IS_REACT_UI_THEME__';exports.REACT_UI_FULL_THEME_KEY = REACT_UI_FULL_THEME_KEY;
+var REACT_UI_DARK_THEME_KEY = '__IS_REACT_UI_DARK_THEME__';exports.REACT_UI_DARK_THEME_KEY = REACT_UI_DARK_THEME_KEY;
 
-var REACT_UI_8PX_THEME_KEY = '__IS_REACT_UI_8PX_THEME__';exports.REACT_UI_8PX_THEME_KEY = REACT_UI_8PX_THEME_KEY;
-
-var REACT_UI_FLAT_THEME_KEY = '__IS_REACT_UI_FLAT_THEME__';exports.REACT_UI_FLAT_THEME_KEY = REACT_UI_FLAT_THEME_KEY;
-
-var isFullTheme = function isFullTheme(theme) {
+var isDarkTheme = function isDarkTheme(theme) {
   //@ts-ignore
-  return theme[REACT_UI_FULL_THEME_KEY] === true;
-};exports.isFullTheme = isFullTheme;
+  return theme[REACT_UI_DARK_THEME_KEY] === true;
+};exports.isDarkTheme = isDarkTheme;
 
-var markAsFullTheme = function markAsFullTheme(theme) {var _Object$create;
+var markAsDarkTheme = function markAsDarkTheme(theme) {var _Object$create;
   return Object.create(theme, (_Object$create = {}, _Object$create[
-  REACT_UI_FULL_THEME_KEY] = {
+  REACT_UI_DARK_THEME_KEY] = {
     value: true,
     writable: false,
     enumerable: false,
     configurable: false }, _Object$create));
 
 
-};exports.markAsFullTheme = markAsFullTheme;
-
-var is8pxTheme = function is8pxTheme(theme) {
-  //@ts-ignore
-  return theme[REACT_UI_8PX_THEME_KEY] === true;
-};exports.is8pxTheme = is8pxTheme;
-
-var markAs8pxTheme = function markAs8pxTheme(theme) {var _Object$create2;
-  return Object.create(theme, (_Object$create2 = {}, _Object$create2[
-  REACT_UI_8PX_THEME_KEY] = {
-    value: true,
-    writable: false,
-    enumerable: false,
-    configurable: false }, _Object$create2));
-
-
-};exports.markAs8pxTheme = markAs8pxTheme;
-
-var isFlatTheme = function isFlatTheme(theme) {
-  //@ts-ignore
-  return theme[REACT_UI_FLAT_THEME_KEY] === true;
-};exports.isFlatTheme = isFlatTheme;
-
-var markAsFlatTheme = function markAsFlatTheme(theme) {var _Object$create3;
-  return Object.create(theme, (_Object$create3 = {}, _Object$create3[
-  REACT_UI_FLAT_THEME_KEY] = {
-    value: true,
-    writable: false,
-    enumerable: false,
-    configurable: false }, _Object$create3));
-
-
-};exports.markAsFlatTheme = markAsFlatTheme;
+};exports.markAsDarkTheme = markAsDarkTheme;

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

@@ -1 +1 @@
-{"version":3,"sources":["ThemeHelpers.ts"],"names":["exposeGetters","theme","descriptors","Object","getOwnPropertyDescriptors","keys","forEach","key","descriptor","get","configurable","enumerable","defineProperty","REACT_UI_FULL_THEME_KEY","REACT_UI_8PX_THEME_KEY","REACT_UI_FLAT_THEME_KEY","isFullTheme","markAsFullTheme","create","value","writable","is8pxTheme","markAs8pxTheme","isFlatTheme","markAsFlatTheme"],"mappings":";;AAEO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAAmBC,KAAnB,EAAmC;AAC9D,MAAMC,WAAW,GAAGC,MAAM,CAACC,yBAAP,CAAiCH,KAAjC,CAApB;AACAE,EAAAA,MAAM,CAACE,IAAP,CAAYH,WAAZ,EAAyBI,OAAzB,CAAiC,UAACC,GAAD,EAAS;AACxC,QAAMC,UAAU,GAAGN,WAAW,CAACK,GAAD,CAA9B;AACA,QAAI,OAAOC,UAAU,CAACC,GAAlB,KAA0B,UAA1B,IAAwCD,UAAU,CAACE,YAAvD,EAAqE;AACnEF,MAAAA,UAAU,CAACG,UAAX,GAAwB,IAAxB;AACAR,MAAAA,MAAM,CAACS,cAAP,CAAsBX,KAAtB,EAA6BM,GAA7B,EAAkCC,UAAlC;AACD;AACF,GAND;AAOA,SAAOP,KAAP;AACD,CAVM,C;;AAYA,IAAMY,uBAAuB,GAAG,uBAAhC,C;;AAEA,IAAMC,sBAAsB,GAAG,2BAA/B,C;;AAEA,IAAMC,uBAAuB,GAAG,4BAAhC,C;;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACf,KAAD,EAAqC;AAC9D;AACA,SAAOA,KAAK,CAACY,uBAAD,CAAL,KAAmC,IAA1C;AACD,CAHM,C;;AAKA,IAAMI,eAAe,GAAG,SAAlBA,eAAkB,CAAmBhB,KAAnB,EAAmC;AAChE,SAAOE,MAAM,CAACe,MAAP,CAAcjB,KAAd;AACJY,EAAAA,uBADI,IACsB;AACzBM,IAAAA,KAAK,EAAE,IADkB;AAEzBC,IAAAA,QAAQ,EAAE,KAFe;AAGzBT,IAAAA,UAAU,EAAE,KAHa;AAIzBD,IAAAA,YAAY,EAAE,KAJW,EADtB,kBAAP;;;AAQD,CATM,C;;AAWA,IAAMW,UAAU,GAAG,SAAbA,UAAa,CAACpB,KAAD,EAAqC;AAC7D;AACA,SAAOA,KAAK,CAACa,sBAAD,CAAL,KAAkC,IAAzC;AACD,CAHM,C;;AAKA,IAAMQ,cAAc,GAAG,SAAjBA,cAAiB,CAAmBrB,KAAnB,EAAmC;AAC/D,SAAOE,MAAM,CAACe,MAAP,CAAcjB,KAAd;AACJa,EAAAA,sBADI,IACqB;AACxBK,IAAAA,KAAK,EAAE,IADiB;AAExBC,IAAAA,QAAQ,EAAE,KAFc;AAGxBT,IAAAA,UAAU,EAAE,KAHY;AAIxBD,IAAAA,YAAY,EAAE,KAJU,EADrB,mBAAP;;;AAQD,CATM,C;;AAWA,IAAMa,WAAW,GAAG,SAAdA,WAAc,CAACtB,KAAD,EAAqC;AAC9D;AACA,SAAOA,KAAK,CAACc,uBAAD,CAAL,KAAmC,IAA1C;AACD,CAHM,C;;AAKA,IAAMS,eAAe,GAAG,SAAlBA,eAAkB,CAAmBvB,KAAnB,EAAmC;AAChE,SAAOE,MAAM,CAACe,MAAP,CAAcjB,KAAd;AACJc,EAAAA,uBADI,IACsB;AACzBI,IAAAA,KAAK,EAAE,IADkB;AAEzBC,IAAAA,QAAQ,EAAE,KAFe;AAGzBT,IAAAA,UAAU,EAAE,KAHa;AAIzBD,IAAAA,YAAY,EAAE,KAJW,EADtB,mBAAP;;;AAQD,CATM,C","sourcesContent":["import { Theme, ThemeIn } from './Theme';\n\nexport const exposeGetters = <T extends object>(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_FULL_THEME_KEY = '__IS_REACT_UI_THEME__';\n\nexport const REACT_UI_8PX_THEME_KEY = '__IS_REACT_UI_8PX_THEME__';\n\nexport const REACT_UI_FLAT_THEME_KEY = '__IS_REACT_UI_FLAT_THEME__';\n\nexport const isFullTheme = (theme: Theme | ThemeIn): boolean => {\n  //@ts-ignore\n  return theme[REACT_UI_FULL_THEME_KEY] === true;\n};\n\nexport const markAsFullTheme = <T extends object>(theme: T): T => {\n  return Object.create(theme, {\n    [REACT_UI_FULL_THEME_KEY]: {\n      value: true,\n      writable: false,\n      enumerable: false,\n      configurable: false,\n    },\n  });\n};\n\nexport const is8pxTheme = (theme: Theme | ThemeIn): boolean => {\n  //@ts-ignore\n  return theme[REACT_UI_8PX_THEME_KEY] === true;\n};\n\nexport const markAs8pxTheme = <T extends object>(theme: T): T => {\n  return Object.create(theme, {\n    [REACT_UI_8PX_THEME_KEY]: {\n      value: true,\n      writable: false,\n      enumerable: false,\n      configurable: false,\n    },\n  });\n};\n\nexport const isFlatTheme = (theme: Theme | ThemeIn): boolean => {\n  //@ts-ignore\n  return theme[REACT_UI_FLAT_THEME_KEY] === true;\n};\n\nexport const markAsFlatTheme = <T extends object>(theme: T): T => {\n  return Object.create(theme, {\n    [REACT_UI_FLAT_THEME_KEY]: {\n      value: true,\n      writable: false,\n      enumerable: false,\n      configurable: false,\n    },\n  });\n};\n"]}
+{"version":3,"sources":["ThemeHelpers.ts"],"names":["exposeGetters","theme","descriptors","Object","getOwnPropertyDescriptors","keys","forEach","key","descriptor","get","configurable","enumerable","defineProperty","REACT_UI_DARK_THEME_KEY","isDarkTheme","markAsDarkTheme","create","value","writable"],"mappings":";;AAEO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAAmBC,KAAnB,EAAmC;AAC9D,MAAMC,WAAW,GAAGC,MAAM,CAACC,yBAAP,CAAiCH,KAAjC,CAApB;AACAE,EAAAA,MAAM,CAACE,IAAP,CAAYH,WAAZ,EAAyBI,OAAzB,CAAiC,UAACC,GAAD,EAAS;AACxC,QAAMC,UAAU,GAAGN,WAAW,CAACK,GAAD,CAA9B;AACA,QAAI,OAAOC,UAAU,CAACC,GAAlB,KAA0B,UAA1B,IAAwCD,UAAU,CAACE,YAAvD,EAAqE;AACnEF,MAAAA,UAAU,CAACG,UAAX,GAAwB,IAAxB;AACAR,MAAAA,MAAM,CAACS,cAAP,CAAsBX,KAAtB,EAA6BM,GAA7B,EAAkCC,UAAlC;AACD;AACF,GAND;AAOA,SAAOP,KAAP;AACD,CAVM,C;;AAYA,IAAMY,uBAAuB,GAAG,4BAAhC,C;;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACb,KAAD,EAAqC;AAC9D;AACA,SAAOA,KAAK,CAACY,uBAAD,CAAL,KAAmC,IAA1C;AACD,CAHM,C;;AAKA,IAAME,eAAe,GAAG,SAAlBA,eAAkB,CAAmBd,KAAnB,EAAmC;AAChE,SAAOE,MAAM,CAACa,MAAP,CAAcf,KAAd;AACJY,EAAAA,uBADI,IACsB;AACzBI,IAAAA,KAAK,EAAE,IADkB;AAEzBC,IAAAA,QAAQ,EAAE,KAFe;AAGzBP,IAAAA,UAAU,EAAE,KAHa;AAIzBD,IAAAA,YAAY,EAAE,KAJW,EADtB,kBAAP;;;AAQD,CATM,C","sourcesContent":["import { Theme, ThemeIn } from './Theme';\n\nexport const exposeGetters = <T extends object>(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_DARK_THEME_KEY = '__IS_REACT_UI_DARK_THEME__';\n\nexport const isDarkTheme = (theme: Theme | ThemeIn): boolean => {\n  //@ts-ignore\n  return theme[REACT_UI_DARK_THEME_KEY] === true;\n};\n\nexport const markAsDarkTheme = <T extends object>(theme: T): T => {\n  return Object.create(theme, {\n    [REACT_UI_DARK_THEME_KEY]: {\n      value: true,\n      writable: false,\n      enumerable: false,\n      configurable: false,\n    },\n  });\n};\n"]}

package/cjs/lib/theming/themes/DarkTheme.d.ts

@@ -0,0 +1 @@
+export declare const DARK_THEME: Readonly<Readonly<typeof import("../../../internal/themes/DefaultTheme").DefaultTheme>>;

package/cjs/lib/theming/themes/DarkTheme.js

@@ -0,0 +1,5 @@
+"use strict";exports.__esModule = true;exports.DARK_THEME = void 0;var _DarkTheme = require("../../../internal/themes/DarkTheme");
+var _ThemeFactory = require("../ThemeFactory");
+var _ThemeHelpers = require("../ThemeHelpers");
+
+var DARK_THEME = _ThemeFactory.ThemeFactory.create({}, (0, _ThemeHelpers.markAsDarkTheme)(_DarkTheme.DarkThemeInternal));exports.DARK_THEME = DARK_THEME;

package/cjs/lib/theming/themes/DarkTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["DarkTheme.ts"],"names":["DARK_THEME","ThemeFactory","create","DarkThemeInternal"],"mappings":"mEAAA;AACA;AACA;;AAEO,IAAMA,UAAU,GAAGC,2BAAaC,MAAb,CAAoB,EAApB,EAAwB,mCAAgBC,4BAAhB,CAAxB,CAAnB,C","sourcesContent":["import { DarkThemeInternal } from '../../../internal/themes/DarkTheme';\nimport { ThemeFactory } from '../ThemeFactory';\nimport { markAsDarkTheme } from '../ThemeHelpers';\n\nexport const DARK_THEME = ThemeFactory.create({}, markAsDarkTheme(DarkThemeInternal));\n"]}

package/cjs/lib/theming/themes/DefaultTheme.d.ts

@@ -1 +1 @@
-export declare const DEFAULT_THEME: Readonly<Readonly<typeof import("../../../internal/themes/DefaultTheme").DefaultTheme>>;
+export declare const DEFAULT_THEME: Readonly<Readonly<typeof import("../../../internal/themes/DefaultTheme").DefaultTheme>>;

package/cjs/lib/theming/themes/DefaultTheme.js

@@ -1,3 +1,4 @@
-"use strict";exports.__esModule = true;exports.DEFAULT_THEME = void 0;var _ThemeFactory = require("../ThemeFactory");
+"use strict";exports.__esModule = true;exports.DEFAULT_THEME = void 0;var _DefaultTheme = require("../../../internal/themes/DefaultTheme");
+var _ThemeFactory = require("../ThemeFactory");
 
-var DEFAULT_THEME = _ThemeFactory.ThemeFactory.create({});exports.DEFAULT_THEME = DEFAULT_THEME;
+var DEFAULT_THEME = _ThemeFactory.ThemeFactory.create({}, _DefaultTheme.DefaultThemeInternal);exports.DEFAULT_THEME = DEFAULT_THEME;

package/cjs/lib/theming/themes/DefaultTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DefaultTheme.ts"],"names":["DEFAULT_THEME","ThemeFactory","create"],"mappings":"sEAAA;;AAEO,IAAMA,aAAa,GAAGC,2BAAaC,MAAb,CAAoB,EAApB,CAAtB,C","sourcesContent":["import { ThemeFactory } from '../ThemeFactory';\n\nexport const DEFAULT_THEME = ThemeFactory.create({});\n"]}
+{"version":3,"sources":["DefaultTheme.ts"],"names":["DEFAULT_THEME","ThemeFactory","create","DefaultThemeInternal"],"mappings":"sEAAA;AACA;;AAEO,IAAMA,aAAa,GAAGC,2BAAaC,MAAb,CAAoB,EAApB,EAAwBC,kCAAxB,CAAtB,C","sourcesContent":["import { DefaultThemeInternal } from '../../../internal/themes/DefaultTheme';\nimport { ThemeFactory } from '../ThemeFactory';\n\nexport const DEFAULT_THEME = ThemeFactory.create({}, DefaultThemeInternal);\n"]}

package/cjs/lib/theming/themes/DefaultTheme8pxOld.d.ts

@@ -0,0 +1 @@
+export declare const DEFAULT_THEME_8PX_OLD: Readonly<Readonly<typeof import("../../../internal/themes/DefaultTheme").DefaultTheme> & typeof import("../../../internal/themes/NotFlat").NotFlatTheme>;

package/cjs/lib/theming/themes/DefaultTheme8pxOld.js

@@ -0,0 +1,8 @@
+"use strict";exports.__esModule = true;exports.DEFAULT_THEME_8PX_OLD = void 0;var _ThemeFactory = require("../ThemeFactory");
+var _NotFlat = require("../../../internal/themes/NotFlat");
+var _OldColors = require("../../../internal/themes/OldColors");
+var _DefaultTheme = require("../../../internal/themes/DefaultTheme");
+
+var DEFAULT_THEME_8PX_OLD = _ThemeFactory.ThemeFactory.create(
+_NotFlat.NotFlatThemeInternal,
+_ThemeFactory.ThemeFactory.create(_OldColors.OldColorsThemeInternal, _DefaultTheme.DefaultThemeInternal));exports.DEFAULT_THEME_8PX_OLD = DEFAULT_THEME_8PX_OLD;

package/cjs/lib/theming/themes/DefaultTheme8pxOld.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["DefaultTheme8pxOld.ts"],"names":["DEFAULT_THEME_8PX_OLD","ThemeFactory","create","NotFlatThemeInternal","OldColorsThemeInternal","DefaultThemeInternal"],"mappings":"8EAAA;AACA;AACA;AACA;;AAEO,IAAMA,qBAAqB,GAAGC,2BAAaC,MAAb;AACnCC,6BADmC;AAEnCF,2BAAaC,MAAb,CAAoBE,iCAApB,EAA4CC,kCAA5C,CAFmC,CAA9B,C","sourcesContent":["import { ThemeFactory } from '../ThemeFactory';\nimport { NotFlatThemeInternal } from '../../../internal/themes/NotFlat';\nimport { OldColorsThemeInternal } from '../../../internal/themes/OldColors';\nimport { DefaultThemeInternal } from '../../../internal/themes/DefaultTheme';\n\nexport const DEFAULT_THEME_8PX_OLD = ThemeFactory.create(\n  NotFlatThemeInternal,\n  ThemeFactory.create(OldColorsThemeInternal, DefaultThemeInternal),\n);\n"]}

package/cjs/lib/theming/themes/DefaultThemeMobile.d.ts

@@ -0,0 +1,3 @@
+export declare const DEFAULT_THEME_MOBILE: Readonly<Readonly<typeof import("../../../internal/themes/DefaultTheme").DefaultTheme> & {
+    mobileMediaQuery: string;
+}>;

package/cjs/lib/theming/themes/DefaultThemeMobile.js

@@ -0,0 +1,9 @@
+"use strict";exports.__esModule = true;exports.DEFAULT_THEME_MOBILE = void 0;var _ThemeFactory = require("../ThemeFactory");
+
+var _DefaultTheme = require("./DefaultTheme");
+
+var DEFAULT_THEME_MOBILE = _ThemeFactory.ThemeFactory.create(
+{
+  mobileMediaQuery: '(max-width: 576px)' },
+
+_DefaultTheme.DEFAULT_THEME);exports.DEFAULT_THEME_MOBILE = DEFAULT_THEME_MOBILE;

package/cjs/lib/theming/themes/DefaultThemeMobile.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["DefaultThemeMobile.ts"],"names":["DEFAULT_THEME_MOBILE","ThemeFactory","create","mobileMediaQuery","DEFAULT_THEME"],"mappings":"6EAAA;;AAEA;;AAEO,IAAMA,oBAAoB,GAAGC,2BAAaC,MAAb;AAClC;AACEC,EAAAA,gBAAgB,EAAE,oBADpB,EADkC;;AAIlCC,2BAJkC,CAA7B,C","sourcesContent":["import { ThemeFactory } from '../ThemeFactory';\n\nimport { DEFAULT_THEME } from './DefaultTheme';\n\nexport const DEFAULT_THEME_MOBILE = ThemeFactory.create(\n  {\n    mobileMediaQuery: '(max-width: 576px)',\n  },\n  DEFAULT_THEME,\n);\n"]}

package/cjs/lib/theming/themes/FlatTheme8pxOld.d.ts

@@ -0,0 +1 @@
+export declare const FLAT_THEME_8PX_OLD: Readonly<Readonly<typeof import("../../../internal/themes/DefaultTheme").DefaultTheme> & typeof import("../../../internal/themes/OldColors").OldColorsTheme>;

package/cjs/lib/theming/themes/FlatTheme8pxOld.js

@@ -0,0 +1,5 @@
+"use strict";exports.__esModule = true;exports.FLAT_THEME_8PX_OLD = void 0;var _ThemeFactory = require("../ThemeFactory");
+var _OldColors = require("../../../internal/themes/OldColors");
+var _DefaultTheme = require("../../../internal/themes/DefaultTheme");
+
+var FLAT_THEME_8PX_OLD = _ThemeFactory.ThemeFactory.create(_OldColors.OldColorsThemeInternal, _DefaultTheme.DefaultThemeInternal);exports.FLAT_THEME_8PX_OLD = FLAT_THEME_8PX_OLD;

package/cjs/lib/theming/themes/FlatTheme8pxOld.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["FlatTheme8pxOld.ts"],"names":["FLAT_THEME_8PX_OLD","ThemeFactory","create","OldColorsThemeInternal","DefaultThemeInternal"],"mappings":"2EAAA;AACA;AACA;;AAEO,IAAMA,kBAAkB,GAAGC,2BAAaC,MAAb,CAAoBC,iCAApB,EAA4CC,kCAA5C,CAA3B,C","sourcesContent":["import { ThemeFactory } from '../ThemeFactory';\nimport { OldColorsThemeInternal } from '../../../internal/themes/OldColors';\nimport { DefaultThemeInternal } from '../../../internal/themes/DefaultTheme';\n\nexport const FLAT_THEME_8PX_OLD = ThemeFactory.create(OldColorsThemeInternal, DefaultThemeInternal);\n"]}

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

@@ -0,0 +1 @@
+export declare const useTheme: () => Readonly<Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>>;

package/cjs/lib/theming/useTheme.js

@@ -0,0 +1,7 @@
+"use strict";exports.__esModule = true;exports.useTheme = void 0;var _react = require("react");
+
+var _ThemeContext = require("./ThemeContext");
+
+var useTheme = function useTheme() {
+  return (0, _react.useContext)(_ThemeContext.ThemeContext);
+};exports.useTheme = useTheme;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useTheme.ts"],"names":["useTheme","ThemeContext"],"mappings":"iEAAA;;AAEA;;AAEO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,GAAM;AAC5B,SAAO,uBAAWC,0BAAX,CAAP;AACD,CAFM,C","sourcesContent":["import { useContext } from 'react';\n\nimport { ThemeContext } from './ThemeContext';\n\nexport const useTheme = () => {\n  return useContext(ThemeContext);\n};\n"]}

package/cjs/lib/uidUtils.d.ts

@@ -0,0 +1 @@
+export declare const getUid: () => string;

package/cjs/lib/uidUtils.js

@@ -0,0 +1,5 @@
+"use strict";exports.__esModule = true;exports.getUid = void 0;var index = 0;
+
+var getUid = function getUid() {
+  return +new Date() + "_" + ++index;
+};exports.getUid = getUid;

package/cjs/lib/uidUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["uidUtils.ts"],"names":["index","getUid","Date"],"mappings":"+DAAA,IAAIA,KAAK,GAAG,CAAZ;;AAEO,IAAMC,MAAM,GAAG,SAATA,MAAS,GAAc;AAClC,SAAU,CAAC,IAAIC,IAAJ,EAAX,SAAyB,EAAEF,KAA3B;AACD,CAFM,C","sourcesContent":["let index = 0;\n\nexport const getUid = (): string => {\n  return `${+new Date()}_${++index}`;\n};\n"]}

package/cjs/lib/utils.d.ts

@@ -1,31 +1,64 @@
-import { ReactComponentLike } from 'prop-types';
-import React from 'react';
-export declare type Defaultize<P, D> = P extends any ? string extends keyof P ? P : Pick<P, Exclude<keyof P, keyof D>> & Partial<Pick<P, Extract<keyof P, keyof D>>> & Partial<Pick<D, Exclude<keyof D, keyof P>>> : never;
-export declare type DefaultizeProps<C, P> = C extends {
-    defaultProps: infer D;
-} ? Defaultize<P, D> : P;
-export declare const delay: (ms: number) => Promise<unknown>;
-export declare const emptyHandler: () => void;
-export declare class CancelationError extends Error {
-    code: string;
-}
-export declare function taskWithDelay(task: () => void, ms: number): () => void;
-export declare function isFunction<T>(x: T | Function): x is Function;
-export declare function isFunctionalComponent(Component: ReactComponentLike): boolean;
-export declare function isClassComponent(Component: ReactComponentLike): boolean;
-export declare function isIntrinsicElement(element: React.ReactElement): boolean;
-export declare function isRefableElement(element: React.ReactElement): boolean;
-export declare function escapeRegExpSpecChars(s: string): string;
-export declare const getRandomID: () => string;
-export declare const isExternalLink: (link: string) => boolean;
-/**
- * Check if the given ReactNode is an element of the specified ReactUI component
- */
-export declare const isReactUINode: (componentName: string, node: React.ReactNode) => boolean;
-/**
- * Проверяет, не является ли переданный аргумент null или undefined и исключает типы null и undefined из типа аргумента
- *
- * @param value Значение, которое нужно проверить и исключить из него типы
- * @returns Возвращает true, если переданный аргумент не является null или undefined иначе false
- */
-export declare const isNonNullable: <T>(value: T) => value is NonNullable<T>;
+import { ReactComponentLike } from 'prop-types';
+import React from 'react';
+export declare type Defaultize<P, D> = P extends any ? string extends keyof P ? P : Pick<P, Exclude<keyof P, keyof D>> & Partial<Pick<P, Extract<keyof P, keyof D>>> & Partial<Pick<D, Exclude<keyof D, keyof P>>> : never;
+export declare type DefaultizeProps<C, P> = C extends {
+    defaultProps: infer D;
+} ? Defaultize<P, D> : P;
+export declare const delay: (ms: number) => Promise<unknown>;
+export declare const emptyHandler: () => void;
+export declare class CancelationError extends Error {
+    code: string;
+}
+export declare function taskWithDelay(task: () => void, ms: number): () => void;
+export declare function isFunction<T>(x: T | Function): x is Function;
+export declare function isFunctionalComponent(Component: ReactComponentLike): boolean;
+export declare function isClassComponent(Component: ReactComponentLike): boolean;
+export declare function isIntrinsicElement(element: React.ReactElement): boolean;
+export declare function isRefableElement(element: React.ReactElement): boolean;
+export declare function escapeRegExpSpecChars(s: string): string;
+export declare const getRandomID: () => string;
+export declare const isExternalLink: (link: string) => boolean;
+/**
+ * Check if the given ReactNode is an element of the specified ReactUI component
+ */
+export declare const isReactUINode: (componentName: string, node: React.ReactNode) => boolean;
+export declare const formatBytes: (bytes: number, decimals?: number) => string | null;
+/**
+ * Проверяет, не является ли переданный аргумент null или undefined и исключает типы null и undefined из типа аргумента
+ *
+ * @param value Значение, которое нужно проверить и исключить из него типы
+ * @returns Возвращает true, если переданный аргумент не является null или undefined иначе false
+ */
+export declare const isNonNullable: <T>(value: T) => value is NonNullable<T>;
+/**
+ * Creates a function that checks if the given `child`
+ * is an instance of some component specified by `name`.
+ *
+ * @param name Component name for which function will be created.
+ * @returns A function that checks if the given `child` is an instance of the component specified by `name`.
+ */
+export declare const isReactUIComponent: <P = any>(name: string) => (child: React.ReactNode) => child is React.ReactElement<P, string | React.JSXElementConstructor<any>>;
+/**
+ * Merges two or more refs into one.
+ *
+ * @param refs Array of refs.
+ * @returns A single ref composing all the refs passed.
+ *
+ * @example
+ * const SomeComponent = forwardRef((props, ref) => {
+ *  const localRef = useRef();
+ *
+ *  return <div ref={mergeRefs([localRef, ref])} />;
+ * });
+ */
+export declare function mergeRefs<T = any>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>): React.RefCallback<T>;
+/**
+ * Extracts all data attributes from props and returns them as well as props.
+ *
+ * @param props Props object to extract data attributes from.
+ * @returns Separated data attributes and all other props.
+ */
+export declare const extractDataProps: <T>(props: T) => {
+    dataProps: Record<string, any>;
+    restWithoutDataProps: Record<string, any>;
+};