@skbkontur/react-ui 0.0.0-b08da15166 → 0.0.0-b4292e4d5b

package/cjs/lib/theming/AnimationKeyframes.js

@@ -1,41 +1,27 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.AnimationKeyframes = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("./Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.AnimationKeyframes = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("./Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 
 var AnimationKeyframes = {
-  spinnerCloudOffset: function spinnerCloudOffset(t) {
-    return (0, _Emotion.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        0% { stroke-dashoffset: 10; }\n        100% { stroke-dashoffset: 116; }\n      "])));
+  spinnerCircleOffset: function spinnerCircleOffset() {
+    return (0, _Emotion.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        0% { stroke-dashoffset: 231.25%; }\n        100% { stroke-dashoffset: 0%; }\n      "])));
 
 
 
   },
-
-  spinnerCloudLength: function spinnerCloudLength(t) {
-    return (0, _Emotion.keyframes)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        0% { stroke-dasharray: 10, 96; }\n        50% { stroke-dasharray: 50, 56; }\n        100% { stroke-dasharray: 10, 96;}\n      "])));
-
-
-
-
-  },
-  spinnerCircleOffset: function spinnerCircleOffset(t) {
-    return (0, _Emotion.keyframes)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        0% { stroke-dashoffset: 231.25%; }\n        100% { stroke-dashoffset: 0%; }\n      "])));
-
-
-
-  },
-  spinnerCircleLength: function spinnerCircleLength(t) {
-    return (0, _Emotion.keyframes)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        0% { stroke-dasharray: 62.5%, 168.75%; }\n        50% {  stroke-dasharray: 187.5%, 43.75%; }\n        100% { stroke-dasharray: 62.5%, 168.75%; }\n      "])));
+  spinnerCircleLength: function spinnerCircleLength() {
+    return (0, _Emotion.keyframes)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        0% { stroke-dasharray: 62.5%, 168.75%; }\n        50% {  stroke-dasharray: 187.5%, 43.75%; }\n        100% { stroke-dasharray: 62.5%, 168.75%; }\n      "])));
 
 
 
 
   },
-  spinnerCircleRotate: function spinnerCircleRotate(t) {
-    return (0, _Emotion.keyframes)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        100% { transform: rotate(360deg); }\n      "])));
+  spinnerCircleRotate: function spinnerCircleRotate() {
+    return (0, _Emotion.keyframes)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        100% { transform: rotate(360deg); }\n      "])));
 
 
   },
   spinnerColor: function spinnerColor(t) {
-    return (0, _Emotion.keyframes)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        100%, 0% { stroke: ", "; }\n        40% { stroke: ", "; }\n        66% { stroke: ", "; }\n        80%, 90% { stroke: ", "; }\n      "])),
+    return (0, _Emotion.keyframes)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        100%, 0% { stroke: ", "; }\n        40% { stroke: ", "; }\n        66% { stroke: ", "; }\n        80%, 90% { stroke: ", "; }\n      "])),
     t.red,
     t.yellow,
     t.green,

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

@@ -1 +1 @@
-{"version":3,"sources":["AnimationKeyframes.ts"],"names":["AnimationKeyframes","spinnerCloudOffset","t","keyframes","spinnerCloudLength","spinnerCircleOffset","spinnerCircleLength","spinnerCircleRotate","spinnerColor","red","yellow","green","brand"],"mappings":"wRAAA,oC;;;AAGO,IAAMA,kBAAkB,GAAG;AAChCC,EAAAA,kBADgC,8BACbC,CADa,EACH;AAC3B,eAAOC,kBAAP;;;;AAID,GAN+B;;AAQhCC,EAAAA,kBARgC,8BAQbF,CARa,EAQH;AAC3B,eAAOC,kBAAP;;;;;AAKD,GAd+B;AAehCE,EAAAA,mBAfgC,+BAeZH,CAfY,EAeF;AAC5B,eAAOC,kBAAP;;;;AAID,GApB+B;AAqBhCG,EAAAA,mBArBgC,+BAqBZJ,CArBY,EAqBF;AAC5B,eAAOC,kBAAP;;;;;AAKD,GA3B+B;AA4BhCI,EAAAA,mBA5BgC,+BA4BZL,CA5BY,EA4BF;AAC5B,eAAOC,kBAAP;;;AAGD,GAhC+B;AAiChCK,EAAAA,YAjCgC,wBAiCnBN,CAjCmB,EAiCT;AACrB,eAAOC,kBAAP;AACyBD,IAAAA,CAAC,CAACO,GAD3B;AAEoBP,IAAAA,CAAC,CAACQ,MAFtB;AAGoBR,IAAAA,CAAC,CAACS,KAHtB;AAIyBT,IAAAA,CAAC,CAACU,KAJ3B;;AAMD,GAxC+B,EAA3B,C","sourcesContent":["import { keyframes } from './Emotion';\nimport { Theme } from './Theme';\n\nexport const AnimationKeyframes = {\n  spinnerCloudOffset(t: Theme) {\n    return keyframes`\n        0% { stroke-dashoffset: 10; }\n        100% { stroke-dashoffset: 116; }\n      `;\n  },\n\n  spinnerCloudLength(t: Theme) {\n    return keyframes`\n        0% { stroke-dasharray: 10, 96; }\n        50% { stroke-dasharray: 50, 56; }\n        100% { stroke-dasharray: 10, 96;}\n      `;\n  },\n  spinnerCircleOffset(t: Theme) {\n    return keyframes`\n        0% { stroke-dashoffset: 231.25%; }\n        100% { stroke-dashoffset: 0%; }\n      `;\n  },\n  spinnerCircleLength(t: Theme) {\n    return keyframes`\n        0% { stroke-dasharray: 62.5%, 168.75%; }\n        50% {  stroke-dasharray: 187.5%, 43.75%; }\n        100% { stroke-dasharray: 62.5%, 168.75%; }\n      `;\n  },\n  spinnerCircleRotate(t: Theme) {\n    return keyframes`\n        100% { transform: rotate(360deg); }\n      `;\n  },\n  spinnerColor(t: Theme) {\n    return keyframes`\n        100%, 0% { stroke: ${t.red}; }\n        40% { stroke: ${t.yellow}; }\n        66% { stroke: ${t.green}; }\n        80%, 90% { stroke: ${t.brand}; }\n      `;\n  },\n};\n"]}
+{"version":3,"sources":["AnimationKeyframes.ts"],"names":["AnimationKeyframes","spinnerCircleOffset","keyframes","spinnerCircleLength","spinnerCircleRotate","spinnerColor","t","red","yellow","green","brand"],"mappings":"wRAAA,oC;;;AAGO,IAAMA,kBAAkB,GAAG;AAChCC,EAAAA,mBADgC,iCACV;AACpB,eAAOC,kBAAP;;;;AAID,GAN+B;AAOhCC,EAAAA,mBAPgC,iCAOV;AACpB,eAAOD,kBAAP;;;;;AAKD,GAb+B;AAchCE,EAAAA,mBAdgC,iCAcV;AACpB,eAAOF,kBAAP;;;AAGD,GAlB+B;AAmBhCG,EAAAA,YAnBgC,wBAmBnBC,CAnBmB,EAmBT;AACrB,eAAOJ,kBAAP;AACyBI,IAAAA,CAAC,CAACC,GAD3B;AAEoBD,IAAAA,CAAC,CAACE,MAFtB;AAGoBF,IAAAA,CAAC,CAACG,KAHtB;AAIyBH,IAAAA,CAAC,CAACI,KAJ3B;;AAMD,GA1B+B,EAA3B,C","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"]}

package/cjs/lib/theming/Emotion.js

@@ -5,6 +5,7 @@ var _Upgrades = require("../Upgrades");
 
 
 
+
 var REACT_UI_PREFIX = _Upgrades.Upgrade.getSpecificityClassName();
 
 var scope = new Array(_Upgrades.Upgrade.getSpecificityLevel()).fill("." + REACT_UI_PREFIX).join('');

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;;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,KAAc,CAArB;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,EAAqB;AACnBR,MAAAA,KAAK,CAACU,GAAN,CAAUF,GAAV,EAAeN,EAAE,CAACM,GAAD,CAAjB;AACD;;AAED,WAAOR,KAAK,CAACW,GAAN,CAAUH,GAAV,CAAP;AACD,GAND;AAOD,CArBD;;AAuBO,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)) {\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"]}
+{"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;;;;;AAKA,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,EAAsG;AACpG,SAAOA,EAAE,CAACC,MAAH,KAAc,CAArB;AACD;;AAED,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAAyBF,EAAzB,EAA0F;AACxG,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,EAAqB;AACnBR,MAAAA,KAAK,CAACU,GAAN,CAAUF,GAAV,EAAeN,EAAE,CAACM,GAAD,CAAjB;AACD;;AAED,WAAOR,KAAK,CAACW,GAAN,CAAUH,GAAV,CAAP;AACD,GAND;AAOD,CArBD;;AAuBO,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';\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  });\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"]}

package/cjs/lib/theming/ThemeContext.md

@@ -35,12 +35,14 @@ public context: Theme = this.context;
 
 Список существующих тем:
 
-| Имя                     | Описание         |
-| ----------------------- |------------------|
-| `DEFAULT_THEME`         | Дефолтная        |
-| `DARK_THEME`            | Темная           |
-| `DEFAULT_THEME_8PX_OLD` | Старая дефолтная |
-| `FLAT_THEME_8PX_OLD`    | Старая плоская   |
+| Имя                     | Описание                                          |
+|-------------------------|---------------------------------------------------|
+| `THEME_2022`            | Станет дефолтной в `5.0`                          |
+| `DARK_THEME_2022`       | Станет дефолтной темной в `5.0`                   |
+| `DEFAULT_THEME`         | Текущая дефолтная тема. Станет deprecated в `5.0` |
+| `DARK_THEME`            | Темная дефолтная. Станет deprecated в `5.0`       |
+| `DEFAULT_THEME_8PX_OLD` | Тема 2021 г. Будет удалена в  `5.0`               |
+| `FLAT_THEME_8PX_OLD`    | Плоская тема 2021 г. Будет удалена в `5.0`        |
 
 ## Примеры использования
 
@@ -230,14 +232,16 @@ const myTheme = ThemeFactory.create<AddonsThemeIn>({
 Несколько функций по работе с цветом вынесены из less в js, их можно использовать в своих темах (_ColorFunctions.ts_):
 
 ```typescript static
-lighten(colorString: string, amount: number | string, method?: 'absolute' | 'relative'): string
-darken(colorString: string, amount: number | string, method?: 'absolute' | 'relative'): string
-contrast(colorString: string, darkString?: string, lightString?: string, threshold: number = 0.43): string
-red(colorString: string): string
-green(colorString: string): string
-blue(colorString: string): string
-alpha(colorString: string): string
-isValid(colorString: string): boolean // проверяет, можно ли распарсить строку в цвет
+import { ColorFunctions } from '@skbkontur/react-ui'
+
+ColorFunctions.lighten(colorString: string, amount: number | string, method?: 'absolute' | 'relative'): string
+ColorFunctions.darken(colorString: string, amount: number | string, method?: 'absolute' | 'relative'): string
+ColorFunctions.contrast(colorString: string, darkString?: string, lightString?: string, threshold: number = 0.43): string
+ColorFunctions.red(colorString: string): string
+ColorFunctions.green(colorString: string): string
+ColorFunctions.blue(colorString: string): string
+ColorFunctions.alpha(colorString: string): string
+ColorFunctions.isValid(colorString: string): boolean // проверяет, можно ли распарсить строку в цвет
 ```
 
 Документацию по их работе можно найти на сайте [less](http://lesscss.org/functions/#color-operations).
@@ -248,10 +252,12 @@ isValid(colorString: string): boolean // проверяет, можно ли р
 Если это возможно, результат возвращается в том же виде, что и входная строка:
 
 ```typescript static
-lighten('hsl(90, 0.8, 0.2)', '20%') === 'hsl(90, 0.8, 0.4)';
-lighten('rgba(50, 50, 50, 0.2)', '20%') === 'rgba(102, 102, 102, 0.2)';
-lighten('#80e619', 0.2) === '#b3f075';
-lighten('crimson', '20%') === '#f16581';
+import { ColorFunctions } from '@skbkontur/react-ui'
+
+ColorFunctions.lighten('hsl(90, 0.8, 0.2)', '20%') === 'hsl(90, 0.8, 0.4)';
+ColorFunctions.lighten('rgba(50, 50, 50, 0.2)', '20%') === 'rgba(102, 102, 102, 0.2)';
+ColorFunctions.lighten('#80e619', 0.2) === '#b3f075';
+ColorFunctions.lighten('crimson', '20%') === '#f16581';
 ```
 
 Для работы с размерами предусмотрена одна функция (_DimensionFunctions.ts_):
@@ -260,6 +266,8 @@ lighten('crimson', '20%') === '#f16581';
 shift(value: string, shift: string): string
 
 // пример
+import { DimensionFunctions } from '@skbkontur/react-ui'
+
 DimensionFunctions.shift('100%', '-20') === '80%'
 DimensionFunctions.shift('2em', '+2') === '4em'
 DimensionFunctions.shift('12', '+1') === '13px'  //если единица измерения не указана - используется px

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

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

package/cjs/lib/theming/ThemeFactory.js

@@ -11,10 +11,17 @@ ThemeFactory = /*#__PURE__*/function () {function ThemeFactory() {}ThemeFactory.
   };ThemeFactory.
 
   overrideDefaultTheme = function overrideDefaultTheme(theme) {
+    // copying theme variables
     ThemeFactory.getKeys(_DefaultTheme.DefaultThemeInternal).forEach(function (variableName) {
       var descriptor = (0, _ThemeHelpers.findPropertyDescriptor)(theme, variableName);
       Object.defineProperty(_DefaultTheme.DefaultThemeInternal, variableName, descriptor);
     });
+
+    // copying theme markers
+    Object.values(_ThemeHelpers.REACT_UI_THEME_MARKERS).forEach(function (marker) {
+      var descriptor = (0, _ThemeHelpers.findPropertyDescriptor)(theme, marker.key);
+      Object.defineProperty(_DefaultTheme.DefaultThemeInternal, marker.key, descriptor);
+    });
   };ThemeFactory.
 
   getKeys = function getKeys(theme) {
@@ -37,7 +44,9 @@ ThemeFactory = /*#__PURE__*/function () {function ThemeFactory() {}ThemeFactory.
     var newTheme = Object.create(base);
     Object.keys(theme).forEach(function (propName) {
       var descriptor = Object.getOwnPropertyDescriptor(theme, propName);
-      Object.defineProperty(newTheme, propName, descriptor);
+      if (descriptor) {
+        Object.defineProperty(newTheme, propName, descriptor);
+      }
     });
 
     return Object.freeze(newTheme);

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

@@ -1 +1 @@
-{"version":3,"sources":["ThemeFactory.ts"],"names":["ThemeFactory","create","theme","baseTheme","base","DefaultThemeInternal","constructTheme","overrideDefaultTheme","getKeys","forEach","variableName","descriptor","Object","defineProperty","keys","key","includes","push","getPrototypeOf","sort","newTheme","propName","getOwnPropertyDescriptor","freeze"],"mappings":"qEAAA;AACA;;;AAGA,8C;;AAEaA,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,EAAiD;AAC/CF,IAAAA,YAAY,CAACQ,OAAb,CAAqBH,kCAArB,EAA2CI,OAA3C,CAAmD,UAACC,YAAD,EAAkB;AACnE,UAAMC,UAAU,GAAG,0CAAuBT,KAAvB,EAA8BQ,YAA9B,CAAnB;AACAE,MAAAA,MAAM,CAACC,cAAP,CAAsBR,kCAAtB,EAA4CK,YAA5C,EAA0DC,UAA1D;AACD,KAHD;AAID,G;;AAEaH,EAAAA,O,GAAd,iBAAuCN,KAAvC,EAAiD;AAC/C,QAAMY,IAAoB,GAAG,EAA7B;AACA,WAAO,0BAAcZ,KAAd,CAAP,EAA6B;AAC1BU,MAAAA,MAAM,CAACE,IAAP,CAAYZ,KAAZ,CAAD,CAAoCO,OAApC,CAA4C,UAACM,GAAD,EAAS;AACnD,YAAI,CAACD,IAAI,CAACE,QAAL,CAAcD,GAAd,CAAL,EAAyB;AACvBD,UAAAA,IAAI,CAACG,IAAL,CAAUF,GAAV;AACD;AACF,OAJD;AAKA;AACA;AACAb,MAAAA,KAAK,GAAGU,MAAM,CAACM,cAAP,CAAsBhB,KAAtB,CAAR;AACD;;AAED,WAAOY,IAAI,CAACK,IAAL,EAAP;AACD,G;;AAEcb,EAAAA,c,GAAf,wBAA8BF,IAA9B,EAA2CF,KAA3C,EAA2D;AACzD,QAAMkB,QAAQ,GAAGR,MAAM,CAACX,MAAP,CAAcG,IAAd,CAAjB;AACAQ,IAAAA,MAAM,CAACE,IAAP,CAAYZ,KAAZ,EAAmBO,OAAnB,CAA2B,UAACY,QAAD,EAAc;AACvC,UAAMV,UAAU,GAAGC,MAAM,CAACU,wBAAP,CAAgCpB,KAAhC,EAAuCmB,QAAvC,CAAnB;AACAT,MAAAA,MAAM,CAACC,cAAP,CAAsBO,QAAtB,EAAgCC,QAAhC,EAA0CV,UAA1C;AACD,KAHD;;AAKA,WAAOC,MAAM,CAACW,MAAP,CAAcH,QAAd,CAAP;AACD,G","sourcesContent":["import { DefaultThemeInternal } from '../../internal/themes/DefaultTheme';\nimport { isNonNullable } from '../utils';\n\nimport { Theme, ThemeIn } from './Theme';\nimport { findPropertyDescriptor } from './ThemeHelpers';\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: Theme) {\n    ThemeFactory.getKeys(DefaultThemeInternal).forEach((variableName) => {\n      const descriptor = findPropertyDescriptor(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 (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      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","getKeys","forEach","variableName","descriptor","Object","defineProperty","values","REACT_UI_THEME_MARKERS","marker","key","keys","includes","push","getPrototypeOf","sort","newTheme","propName","getOwnPropertyDescriptor","freeze"],"mappings":"qEAAA;AACA;;;AAGA,8C;;AAEaA,Y;AACGC,EAAAA,M,GAAd,gBAAwCC,KAAxC,EAA4DC,SAA5D,EAAoG;AAClG,QAAMC,IAAI,GAAGD,SAAS,IAAIE,kCAA1B;AACA,WAAO,KAAKC,cAAL,CAAoBF,IAApB,EAA0BF,KAA1B,CAAP;AACD,G;;AAEaK,EAAAA,oB,GAAd,8BAAmCL,KAAnC,EAAiD;AAC/C;AACAF,IAAAA,YAAY,CAACQ,OAAb,CAAqBH,kCAArB,EAA2CI,OAA3C,CAAmD,UAACC,YAAD,EAAkB;AACnE,UAAMC,UAAU,GAAG,0CAAuBT,KAAvB,EAA8BQ,YAA9B,CAAnB;AACAE,MAAAA,MAAM,CAACC,cAAP,CAAsBR,kCAAtB,EAA4CK,YAA5C,EAA0DC,UAA1D;AACD,KAHD;;AAKA;AACAC,IAAAA,MAAM,CAACE,MAAP,CAAcC,oCAAd,EAAsCN,OAAtC,CAA8C,UAACO,MAAD,EAAY;AACxD,UAAML,UAAU,GAAG,0CAAuBT,KAAvB,EAA8Bc,MAAM,CAACC,GAArC,CAAnB;AACAL,MAAAA,MAAM,CAACC,cAAP,CAAsBR,kCAAtB,EAA4CW,MAAM,CAACC,GAAnD,EAAwDN,UAAxD;AACD,KAHD;AAID,G;;AAEaH,EAAAA,O,GAAd,iBAAuCN,KAAvC,EAAiD;AAC/C,QAAMgB,IAAoB,GAAG,EAA7B;AACA,WAAO,0BAAchB,KAAd,CAAP,EAA6B;AAC1BU,MAAAA,MAAM,CAACM,IAAP,CAAYhB,KAAZ,CAAD,CAAoCO,OAApC,CAA4C,UAACQ,GAAD,EAAS;AACnD,YAAI,CAACC,IAAI,CAACC,QAAL,CAAcF,GAAd,CAAL,EAAyB;AACvBC,UAAAA,IAAI,CAACE,IAAL,CAAUH,GAAV;AACD;AACF,OAJD;AAKA;AACA;AACAf,MAAAA,KAAK,GAAGU,MAAM,CAACS,cAAP,CAAsBnB,KAAtB,CAAR;AACD;;AAED,WAAOgB,IAAI,CAACI,IAAL,EAAP;AACD,G;;AAEchB,EAAAA,c,GAAf,wBAA8BF,IAA9B,EAA2CF,KAA3C,EAA2D;AACzD,QAAMqB,QAAQ,GAAGX,MAAM,CAACX,MAAP,CAAcG,IAAd,CAAjB;AACAQ,IAAAA,MAAM,CAACM,IAAP,CAAYhB,KAAZ,EAAmBO,OAAnB,CAA2B,UAACe,QAAD,EAAc;AACvC,UAAMb,UAAU,GAAGC,MAAM,CAACa,wBAAP,CAAgCvB,KAAhC,EAAuCsB,QAAvC,CAAnB;AACA,UAAIb,UAAJ,EAAgB;AACdC,QAAAA,MAAM,CAACC,cAAP,CAAsBU,QAAtB,EAAgCC,QAAhC,EAA0Cb,UAA1C;AACD;AACF,KALD;;AAOA,WAAOC,MAAM,CAACc,MAAP,CAAcH,QAAd,CAAP;AACD,G","sourcesContent":["import { DefaultThemeInternal } from '../../internal/themes/DefaultTheme';\nimport { isNonNullable } 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 extends unknown>(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: Theme) {\n    // copying theme variables\n    ThemeFactory.getKeys(DefaultThemeInternal).forEach((variableName) => {\n      const descriptor = findPropertyDescriptor(theme, variableName);\n      Object.defineProperty(DefaultThemeInternal, 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(DefaultThemeInternal, 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"]}

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

@@ -1,6 +1,21 @@
 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 type Marker = (theme: Readonly<Theme>) => Readonly<Theme>;
+export declare type Markers = Marker[];
+export declare const exposeGetters: <T extends Record<string, any>>(theme: T) => T;
+export declare const REACT_UI_THEME_MARKERS: {
+    darkTheme: {
+        key: string;
+        value: boolean;
+    };
+    theme2022: {
+        key: string;
+        value: boolean;
+    };
+};
+export declare const REACT_UI_DARK_THEME_KEY: string;
 export declare const isDarkTheme: (theme: Theme | ThemeIn) => boolean;
-export declare const markAsDarkTheme: <T extends object>(theme: T) => T;
-export declare function findPropertyDescriptor(theme: Theme, propName: keyof Theme): PropertyDescriptor;
+export declare const markAsDarkTheme: Marker;
+export declare const markAsTheme2022: Marker;
+export declare const isTheme2022: (theme: Theme | ThemeIn) => boolean;
+export declare function findPropertyDescriptor(theme: Theme, propName: string): PropertyDescriptor;
+export declare function applyMarkers(theme: Readonly<Theme>, markers: Markers): Readonly<Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>>;

package/cjs/lib/theming/ThemeHelpers.js

@@ -1,4 +1,7 @@
-"use strict";exports.__esModule = true;exports.exposeGetters = exports.REACT_UI_DARK_THEME_KEY = void 0;exports.findPropertyDescriptor = findPropertyDescriptor;exports.markAsDarkTheme = exports.isDarkTheme = void 0;var _utils = require("../utils");
+"use strict";exports.__esModule = true;exports.REACT_UI_THEME_MARKERS = exports.REACT_UI_DARK_THEME_KEY = void 0;exports.applyMarkers = applyMarkers;exports.exposeGetters = void 0;exports.findPropertyDescriptor = findPropertyDescriptor;exports.markAsTheme2022 = exports.markAsDarkTheme = exports.isTheme2022 = exports.isDarkTheme = void 0;var _utils = require("../utils");
+
+
+
 
 
 
@@ -14,17 +17,29 @@ var exposeGetters = function exposeGetters(theme) {
   return theme;
 };exports.exposeGetters = exposeGetters;
 
-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_THEME_MARKERS = {
+  darkTheme: {
+    key: '__IS_REACT_UI_DARK_THEME__',
+    value: true },
+
+  theme2022: {
+    key: '__IS_REACT_UI_THEME_2022__',
+    value: true } };
+
+
+
+// backward compatible
+exports.REACT_UI_THEME_MARKERS = REACT_UI_THEME_MARKERS;var REACT_UI_DARK_THEME_KEY = REACT_UI_THEME_MARKERS.darkTheme.key;exports.REACT_UI_DARK_THEME_KEY = REACT_UI_DARK_THEME_KEY;
 
 var isDarkTheme = function isDarkTheme(theme) {
-  //@ts-ignore
-  return theme[REACT_UI_DARK_THEME_KEY] === true;
+  // @ts-expect-error: internal value.
+  return theme[REACT_UI_THEME_MARKERS.darkTheme.key] === REACT_UI_THEME_MARKERS.darkTheme.value;
 };exports.isDarkTheme = isDarkTheme;
 
 var markAsDarkTheme = function markAsDarkTheme(theme) {var _Object$create;
   return Object.create(theme, (_Object$create = {}, _Object$create[
-  REACT_UI_DARK_THEME_KEY] = {
-    value: true,
+  REACT_UI_THEME_MARKERS.darkTheme.key] = {
+    value: REACT_UI_THEME_MARKERS.darkTheme.value,
     writable: false,
     enumerable: false,
     configurable: false }, _Object$create));
@@ -32,6 +47,22 @@ var markAsDarkTheme = function markAsDarkTheme(theme) {var _Object$create;
 
 };exports.markAsDarkTheme = markAsDarkTheme;
 
+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));
+
+
+};exports.markAsTheme2022 = markAsTheme2022;
+
+var isTheme2022 = function isTheme2022(theme) {
+  // @ts-expect-error: internal value.
+  return theme[REACT_UI_THEME_MARKERS.theme2022.key] === REACT_UI_THEME_MARKERS.theme2022.value;
+};exports.isTheme2022 = isTheme2022;
+
 function findPropertyDescriptor(theme, propName) {
   // TODO: Rewrite for loop.
   // TODO: Enable `no-param-reassign` rule.
@@ -42,4 +73,12 @@ function findPropertyDescriptor(theme, propName) {
     }
   }
   return {};
+}
+
+function applyMarkers(theme, markers) {
+  var markedTheme = theme;
+  markers.forEach(function (marker) {
+    markedTheme = marker(theme);
+  });
+  return markedTheme;
 }

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_DARK_THEME_KEY","isDarkTheme","markAsDarkTheme","create","value","writable","findPropertyDescriptor","propName","getPrototypeOf","prototype","hasOwnProperty","call","getOwnPropertyDescriptor"],"mappings":"uNAAA;;;;AAIO,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;;AAWA,SAASS,sBAAT,CAAgClB,KAAhC,EAA8CmB,QAA9C,EAAqE;AAC1E;AACA;AACA;AACA,SAAO,0BAAcnB,KAAd,CAAP,EAA6BA,KAAK,GAAGE,MAAM,CAACkB,cAAP,CAAsBpB,KAAtB,CAArC,EAAmE;AACjE,QAAIE,MAAM,CAACmB,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCvB,KAArC,EAA4CmB,QAA5C,CAAJ,EAA2D;AACzD,aAAOjB,MAAM,CAACsB,wBAAP,CAAgCxB,KAAhC,EAAuCmB,QAAvC,KAAoD,EAA3D;AACD;AACF;AACD,SAAO,EAAP;AACD","sourcesContent":["import { isNonNullable } from '../utils';\n\nimport { 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\nexport function findPropertyDescriptor(theme: Theme, propName: keyof Theme) {\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"]}
+{"version":3,"sources":["ThemeHelpers.ts"],"names":["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","create","writable","markAsTheme2022","isTheme2022","findPropertyDescriptor","propName","getPrototypeOf","prototype","hasOwnProperty","call","getOwnPropertyDescriptor","applyMarkers","markers","markedTheme","marker"],"mappings":"mVAAA;;;;;;;AAOO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAAgCC,KAAhC,EAAgD;AAC3E,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,sBAAsB,GAAG;AACpCC,EAAAA,SAAS,EAAE;AACTP,IAAAA,GAAG,EAAE,4BADI;AAETQ,IAAAA,KAAK,EAAE,IAFE,EADyB;;AAKpCC,EAAAA,SAAS,EAAE;AACTT,IAAAA,GAAG,EAAE,4BADI;AAETQ,IAAAA,KAAK,EAAE,IAFE,EALyB,EAA/B;;;;AAWP;wDACO,IAAME,uBAAuB,GAAGJ,sBAAsB,CAACC,SAAvB,CAAiCP,GAAjE,C;;AAEA,IAAMW,WAAW,GAAG,SAAdA,WAAc,CAACjB,KAAD,EAAqC;AAC9D;AACA,SAAOA,KAAK,CAACY,sBAAsB,CAACC,SAAvB,CAAiCP,GAAlC,CAAL,KAAgDM,sBAAsB,CAACC,SAAvB,CAAiCC,KAAxF;AACD,CAHM,C;;AAKA,IAAMI,eAAuB,GAAG,SAA1BA,eAA0B,CAAClB,KAAD,EAAW;AAChD,SAAOE,MAAM,CAACiB,MAAP,CAAcnB,KAAd;AACJY,EAAAA,sBAAsB,CAACC,SAAvB,CAAiCP,GAD7B,IACmC;AACtCQ,IAAAA,KAAK,EAAEF,sBAAsB,CAACC,SAAvB,CAAiCC,KADF;AAEtCM,IAAAA,QAAQ,EAAE,KAF4B;AAGtCV,IAAAA,UAAU,EAAE,KAH0B;AAItCD,IAAAA,YAAY,EAAE,KAJwB,EADnC,kBAAP;;;AAQD,CATM,C;;AAWA,IAAMY,eAAuB,GAAG,SAA1BA,eAA0B,CAACrB,KAAD,EAAW;AAChD,SAAOE,MAAM,CAACiB,MAAP,CAAcnB,KAAd;AACJY,EAAAA,sBAAsB,CAACG,SAAvB,CAAiCT,GAD7B,IACmC;AACtCQ,IAAAA,KAAK,EAAEF,sBAAsB,CAACG,SAAvB,CAAiCD,KADF;AAEtCM,IAAAA,QAAQ,EAAE,KAF4B;AAGtCV,IAAAA,UAAU,EAAE,KAH0B;AAItCD,IAAAA,YAAY,EAAE,KAJwB,EADnC,mBAAP;;;AAQD,CATM,C;;AAWA,IAAMa,WAAW,GAAG,SAAdA,WAAc,CAACtB,KAAD,EAAqC;AAC9D;AACA,SAAOA,KAAK,CAACY,sBAAsB,CAACG,SAAvB,CAAiCT,GAAlC,CAAL,KAAgDM,sBAAsB,CAACG,SAAvB,CAAiCD,KAAxF;AACD,CAHM,C;;AAKA,SAASS,sBAAT,CAAgCvB,KAAhC,EAA8CwB,QAA9C,EAAgE;AACrE;AACA;AACA;AACA,SAAO,0BAAcxB,KAAd,CAAP,EAA6BA,KAAK,GAAGE,MAAM,CAACuB,cAAP,CAAsBzB,KAAtB,CAArC,EAAmE;AACjE,QAAIE,MAAM,CAACwB,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqC5B,KAArC,EAA4CwB,QAA5C,CAAJ,EAA2D;AACzD,aAAOtB,MAAM,CAAC2B,wBAAP,CAAgC7B,KAAhC,EAAuCwB,QAAvC,KAAoD,EAA3D;AACD;AACF;AACD,SAAO,EAAP;AACD;;AAEM,SAASM,YAAT,CAAsB9B,KAAtB,EAA8C+B,OAA9C,EAAgE;AACrE,MAAIC,WAA4B,GAAGhC,KAAnC;AACA+B,EAAAA,OAAO,CAAC1B,OAAR,CAAgB,UAAC4B,MAAD,EAAY;AAC1BD,IAAAA,WAAW,GAAGC,MAAM,CAACjC,KAAD,CAApB;AACD,GAFD;AAGA,SAAOgC,WAAP;AACD","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"]}

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

@@ -2,4 +2,4 @@
 var _ThemeFactory = require("../ThemeFactory");
 var _ThemeHelpers = require("../ThemeHelpers");
 
-var DARK_THEME = _ThemeFactory.ThemeFactory.create({}, (0, _ThemeHelpers.markAsDarkTheme)(_DarkTheme.DarkThemeInternal));exports.DARK_THEME = DARK_THEME;
+var DARK_THEME = (0, _ThemeHelpers.applyMarkers)(_ThemeFactory.ThemeFactory.create({}, _DarkTheme.DarkThemeInternal), [_ThemeHelpers.markAsDarkTheme]);exports.DARK_THEME = DARK_THEME;

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

@@ -1 +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"]}
+{"version":3,"sources":["DarkTheme.ts"],"names":["DARK_THEME","ThemeFactory","create","DarkThemeInternal","markAsDarkTheme"],"mappings":"mEAAA;AACA;AACA;;AAEO,IAAMA,UAAU,GAAG,gCAAaC,2BAAaC,MAAb,CAAoB,EAApB,EAAwBC,4BAAxB,CAAb,EAAyD,CAACC,6BAAD,CAAzD,CAAnB,C","sourcesContent":["import { DarkThemeInternal } from '../../../internal/themes/DarkTheme';\nimport { ThemeFactory } from '../ThemeFactory';\nimport { applyMarkers, markAsDarkTheme } from '../ThemeHelpers';\n\nexport const DARK_THEME = applyMarkers(ThemeFactory.create({}, DarkThemeInternal), [markAsDarkTheme]);\n"]}

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

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

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

@@ -1,6 +1,7 @@
 "use strict";exports.__esModule = true;exports.THEME_2022 = void 0;var _ThemeFactory = require("../ThemeFactory");
 var _Theme = require("../../../internal/themes/Theme2022");
+var _ThemeHelpers = require("../ThemeHelpers");
 
 var _DefaultTheme = require("./DefaultTheme");
 
-var THEME_2022 = _ThemeFactory.ThemeFactory.create(_Theme.Theme2022Internal, _DefaultTheme.DEFAULT_THEME);exports.THEME_2022 = THEME_2022;
+var THEME_2022 = (0, _ThemeHelpers.applyMarkers)(_ThemeFactory.ThemeFactory.create(_Theme.Theme2022Internal, _DefaultTheme.DEFAULT_THEME), [_ThemeHelpers.markAsTheme2022]);exports.THEME_2022 = THEME_2022;

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

@@ -1 +1 @@
-{"version":3,"sources":["Theme2022.ts"],"names":["THEME_2022","ThemeFactory","create","Theme2022Internal","DEFAULT_THEME"],"mappings":"mEAAA;AACA;;AAEA;;AAEO,IAAMA,UAAU,GAAGC,2BAAaC,MAAb,CAAoBC,wBAApB,EAAuCC,2BAAvC,CAAnB,C","sourcesContent":["import { ThemeFactory } from '../ThemeFactory';\nimport { Theme2022Internal } from '../../../internal/themes/Theme2022';\n\nimport { DEFAULT_THEME } from './DefaultTheme';\n\nexport const THEME_2022 = ThemeFactory.create(Theme2022Internal, DEFAULT_THEME);\n"]}
+{"version":3,"sources":["Theme2022.ts"],"names":["THEME_2022","ThemeFactory","create","Theme2022Internal","DEFAULT_THEME","markAsTheme2022"],"mappings":"mEAAA;AACA;AACA;;AAEA;;AAEO,IAAMA,UAAU,GAAG,gCAAaC,2BAAaC,MAAb,CAAoBC,wBAApB,EAAuCC,2BAAvC,CAAb,EAAoE,CAACC,6BAAD,CAApE,CAAnB,C","sourcesContent":["import { ThemeFactory } from '../ThemeFactory';\nimport { Theme2022Internal } from '../../../internal/themes/Theme2022';\nimport { applyMarkers, markAsTheme2022 } from '../ThemeHelpers';\n\nimport { DEFAULT_THEME } from './DefaultTheme';\n\nexport const THEME_2022 = applyMarkers(ThemeFactory.create(Theme2022Internal, DEFAULT_THEME), [markAsTheme2022]);\n"]}

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

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

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

@@ -1,9 +1,10 @@
 "use strict";exports.__esModule = true;exports.THEME_2022_DARK = void 0;var _ThemeFactory = require("../ThemeFactory");
 var _Theme2022Dark = require("../../../internal/themes/Theme2022Dark");
 var _Theme = require("../../../internal/themes/Theme2022");
+var _ThemeHelpers = require("../ThemeHelpers");
 
 var _DarkTheme = require("./DarkTheme");
 
-var THEME_2022_DARK = _ThemeFactory.ThemeFactory.create(
-_Theme2022Dark.Theme2022DarkInternal,
-_ThemeFactory.ThemeFactory.create(_Theme.Theme2022Internal, _DarkTheme.DARK_THEME));exports.THEME_2022_DARK = THEME_2022_DARK;
+var THEME_2022_DARK = (0, _ThemeHelpers.applyMarkers)(
+_ThemeFactory.ThemeFactory.create(_Theme2022Dark.Theme2022DarkInternal, _ThemeFactory.ThemeFactory.create(_Theme.Theme2022Internal, _DarkTheme.DARK_THEME)),
+[_ThemeHelpers.markAsDarkTheme, _ThemeHelpers.markAsTheme2022]);exports.THEME_2022_DARK = THEME_2022_DARK;

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

@@ -1 +1 @@
-{"version":3,"sources":["Theme2022Dark.ts"],"names":["THEME_2022_DARK","ThemeFactory","create","Theme2022DarkInternal","Theme2022Internal","DARK_THEME"],"mappings":"wEAAA;AACA;AACA;;AAEA;;AAEO,IAAMA,eAAe,GAAGC,2BAAaC,MAAb;AAC7BC,oCAD6B;AAE7BF,2BAAaC,MAAb,CAAoBE,wBAApB,EAAuCC,qBAAvC,CAF6B,CAAxB,C","sourcesContent":["import { ThemeFactory } from '../ThemeFactory';\nimport { Theme2022DarkInternal } from '../../../internal/themes/Theme2022Dark';\nimport { Theme2022Internal } from '../../../internal/themes/Theme2022';\n\nimport { DARK_THEME } from './DarkTheme';\n\nexport const THEME_2022_DARK = ThemeFactory.create(\n  Theme2022DarkInternal,\n  ThemeFactory.create(Theme2022Internal, DARK_THEME),\n);\n"]}
+{"version":3,"sources":["Theme2022Dark.ts"],"names":["THEME_2022_DARK","ThemeFactory","create","Theme2022DarkInternal","Theme2022Internal","DARK_THEME","markAsDarkTheme","markAsTheme2022"],"mappings":"wEAAA;AACA;AACA;AACA;;AAEA;;AAEO,IAAMA,eAAe,GAAG;AAC7BC,2BAAaC,MAAb,CAAoBC,oCAApB,EAA2CF,2BAAaC,MAAb,CAAoBE,wBAApB,EAAuCC,qBAAvC,CAA3C,CAD6B;AAE7B,CAACC,6BAAD,EAAkBC,6BAAlB,CAF6B,CAAxB,C","sourcesContent":["import { ThemeFactory } from '../ThemeFactory';\nimport { Theme2022DarkInternal } from '../../../internal/themes/Theme2022Dark';\nimport { Theme2022Internal } from '../../../internal/themes/Theme2022';\nimport { applyMarkers, markAsDarkTheme, markAsTheme2022 } from '../ThemeHelpers';\n\nimport { DARK_THEME } from './DarkTheme';\n\nexport const THEME_2022_DARK = applyMarkers(\n  ThemeFactory.create(Theme2022DarkInternal, ThemeFactory.create(Theme2022Internal, DARK_THEME)),\n  [markAsDarkTheme, markAsTheme2022],\n);\n"]}

package/cjs/lib/utils.d.ts

@@ -1,18 +1,20 @@
-import { ReactComponentLike } from 'prop-types';
 import React from 'react';
+import { InputProps } from '../components/Input';
 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 type AnyObject = Record<string, unknown>;
 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 type FunctionWithParams<R = any> = (...args: any[]) => R;
+export declare function isFunction<T>(x: T | FunctionWithParams): x is FunctionWithParams;
+export declare function isFunctionalComponent(Component: unknown): Component is React.ComponentType;
+export declare function isClassComponent(Component: unknown): Component is React.ComponentType;
 export declare function isIntrinsicElement(element: React.ReactElement): boolean;
 export declare function isRefableElement(element: React.ReactElement): boolean;
 export declare function escapeRegExpSpecChars(s: string): string;
@@ -36,7 +38,7 @@ export declare const isNonNullable: <T>(value: T) => value is NonNullable<T>;
  * @param value Value to check for `null` and `undefined`.
  * @returns Returns `true` if `value` is `null` or `undefined`, else `false`.
  */
-export declare const isNullable: <T>(value: T) => value is null | undefined;
+export declare const isNullable: (value: unknown) => value is null | undefined;
 /**
  * Creates a function that checks if the given `child`
  * is an instance of some component specified by `name`.
@@ -77,3 +79,5 @@ export declare const extractDataProps: <T>(props: T) => {
  * @returns `true` if `inputString` starts with one of keys, else `false`.
  */
 export declare const startsWithOneOf: (searchKeys: string[], inputString: string) => boolean;
+export declare const isInputLike: (child: React.ReactNode) => child is React.ReactElement<InputProps, string | React.JSXElementConstructor<any>>;
+export declare const isKonturIcon: (icon: React.ReactElement) => boolean;

package/cjs/lib/utils.js

@@ -1,7 +1,12 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.emptyHandler = exports.delay = exports.CancelationError = void 0;exports.escapeRegExpSpecChars = escapeRegExpSpecChars;exports.getRandomID = exports.formatBytes = exports.extractDataProps = void 0;exports.isClassComponent = isClassComponent;exports.isExternalLink = void 0;exports.isFunction = isFunction;exports.isFunctionalComponent = isFunctionalComponent;exports.isIntrinsicElement = isIntrinsicElement;exports.isReactUINode = exports.isReactUIComponent = exports.isNullable = exports.isNonNullable = void 0;exports.isRefableElement = isRefableElement;exports.mergeRefs = mergeRefs;exports.startsWithOneOf = void 0;exports.taskWithDelay = taskWithDelay;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
-var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.emptyHandler = exports.delay = exports.CancelationError = void 0;exports.escapeRegExpSpecChars = escapeRegExpSpecChars;exports.getRandomID = exports.formatBytes = exports.extractDataProps = void 0;exports.isClassComponent = isClassComponent;exports.isExternalLink = void 0;exports.isFunction = isFunction;exports.isFunctionalComponent = isFunctionalComponent;exports.isInputLike = void 0;exports.isIntrinsicElement = isIntrinsicElement;exports.isReactUINode = exports.isReactUIComponent = exports.isNullable = exports.isNonNullable = exports.isKonturIcon = void 0;exports.isRefableElement = isRefableElement;exports.mergeRefs = mergeRefs;exports.startsWithOneOf = void 0;exports.taskWithDelay = taskWithDelay;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));var _react = _interopRequireDefault(require("react"));
 var _reactIs = require("react-is");
 
+
+
+
+
+
+
 var _client = require("./client");
 
 
@@ -15,6 +20,8 @@ var _client = require("./client");
 
 
 
+
+
 var delay = function delay(ms) {return new Promise(function (resolve) {return setTimeout(resolve, ms);});};exports.delay = delay;
 
 var emptyHandler = function emptyHandler() {
@@ -38,6 +45,7 @@ function taskWithDelay(task, ms) {
   return cancelationToken;
 }
 
+
 function isFunction(x) {
   return typeof x === 'function';
 }
@@ -75,7 +83,7 @@ var isReactUINode = function isReactUINode(componentName, node) {
   if ( /*#__PURE__*/_react.default.isValidElement(node)) {
     return (
       Object.prototype.hasOwnProperty.call(node.type, '__KONTUR_REACT_UI__') &&
-      // @ts-ignore
+      // @ts-expect-error: React doesn't know about existence of __KONTUR_REACT_UI__.
       node.type.__KONTUR_REACT_UI__ === componentName);
 
   }
@@ -126,9 +134,8 @@ var isNonNullable = function isNonNullable(value) {
  *
  * @param value Value to check for `null` and `undefined`.
  * @returns Returns `true` if `value` is `null` or `undefined`, else `false`.
- */
-// @ts-expect-error: TypeScript doesn't consider the check inside of the function.
-exports.isNonNullable = isNonNullable;var isNullable = function isNullable(value) {
+ */exports.isNonNullable = isNonNullable;
+var isNullable = function isNullable(value) {
   return value === null || value === undefined;
 };
 
@@ -141,7 +148,7 @@ exports.isNonNullable = isNonNullable;var isNullable = function isNullable(value
  */exports.isNullable = isNullable;
 var isReactUIComponent = function isReactUIComponent(name) {
   return function (child) {var _child$type;
-    // @ts-ignore
+    // @ts-expect-error: Property `type` doesn't exist on type `React.ReactNode`, but exists on type `React.ReactElement` meanwhile `React.ReactElement` is not compatible with `React` `children` type.
     return (child == null ? void 0 : (_child$type = child.type) == null ? void 0 : _child$type.__KONTUR_REACT_UI__) === name;
   };
 };
@@ -205,4 +212,15 @@ var startsWithOneOf = function startsWithOneOf(searchKeys, inputString) {
   });
 
   return keyIndex >= 0;
-};exports.startsWithOneOf = startsWithOneOf;
+};exports.startsWithOneOf = startsWithOneOf;
+
+var isInputLike =
+isReactUIComponent('Input') ||
+isReactUIComponent('FxInput') ||
+isReactUIComponent('Autocomplete') ||
+isReactUIComponent('PasswordInput') ||
+isReactUIComponent('CurrencyInput');exports.isInputLike = isInputLike;
+
+var isKonturIcon = function isKonturIcon(icon) {
+  return Object.prototype.hasOwnProperty.call(icon == null ? void 0 : icon.type, '__KONTUR_ICON__');
+};exports.isKonturIcon = isKonturIcon;