@skbkontur/react-ui 0.0.0-95a1dbe516 → 0.0.0-9ab4f802f3

package/cjs/lib/taskWithDelayAndMinimalDuration.js.map

@@ -1 +1 @@
-{"version":3,"sources":["taskWithDelayAndMinimalDuration.ts"],"names":["TaskWithDelayAndMinimalDuration","initialValues","isTaskActive","setTimeoutBeforeTaskStart","timeoutBeforeTaskStart","globalObject","setTimeout","taskParams","taskStartCallback","clearTimeoutBeforeTaskStart","setTimeoutBeforeTaskStop","delayBeforeTaskStart","timeoutBeforeTaskStop","taskStopCallback","clearTimeoutBeforeTaskStop","durationOfTask","clearTimeout","start","update","updateData","stop","clearTask"],"mappings":"uQAAA,wD;;;;;;;;;AASaA,+B;;;;;;AAMX,yCAAYC,aAAZ,EAAiE,uBAFzDC,YAEyD,GAF1C,KAE0C;;;;AAIzDC,EAAAA,yBAJyD,GAI7B,YAAM;AACxC,IAAA,KAAI,CAACC,sBAAL,GAA8BC,2BAAaC,UAAb,CAAwB,YAAM;AAC1D,MAAA,KAAI,CAACJ,YAAL,IAAqB,KAAI,CAACK,UAAL,CAAgBC,iBAAhB,EAArB;AACA,MAAA,KAAI,CAACC,2BAAL;AACA,MAAA,KAAI,CAACC,wBAAL;AACD,KAJ6B,EAI3B,KAAI,CAACH,UAAL,CAAgBI,oBAJW,CAA9B;AAKD,GAVgE;;AAYzDD,EAAAA,wBAZyD,GAY9B,YAAM;AACvC,IAAA,KAAI,CAACE,qBAAL,GAA6BP,2BAAaC,UAAb,CAAwB,YAAM;AACzD,OAAC,KAAI,CAACJ,YAAN,IAAsB,KAAI,CAACK,UAAL,CAAgBM,gBAAhB,EAAtB;AACA,MAAA,KAAI,CAACC,0BAAL;AACD,KAH4B,EAG1B,KAAI,CAACP,UAAL,CAAgBQ,cAHU,CAA7B;AAID,GAjBgE;;AAmBzDN,EAAAA,2BAnByD,GAmB3B,YAAM;AAC1C,IAAA,KAAI,CAACL,sBAAL,IAA+BC,2BAAaW,YAAb,CAA0B,KAAI,CAACZ,sBAA/B,CAA/B;AACA,IAAA,KAAI,CAACA,sBAAL,GAA8B,IAA9B;AACD,GAtBgE;;AAwBzDU,EAAAA,0BAxByD,GAwB5B,YAAM;AACzC,IAAA,KAAI,CAACF,qBAAL,IAA8BP,2BAAaW,YAAb,CAA0B,KAAI,CAACJ,qBAA/B,CAA9B;AACA,IAAA,KAAI,CAACA,qBAAL,GAA6B,IAA7B;AACD,GA3BgE;;AA6B1DK,EAAAA,KA7B0D,GA6BlD,YAAM;AACnB,QAAI,KAAI,CAACf,YAAT,EAAuB;AACrB;AACD;;AAED,IAAA,KAAI,CAACA,YAAL,GAAoB,IAApB;;AAEA,QAAI,KAAI,CAACE,sBAAT,EAAiC;AAC/B,MAAA,KAAI,CAACK,2BAAL;AACD;;AAED,IAAA,KAAI,CAACN,yBAAL;AACD,GAzCgE;;AA2C1De,EAAAA,MA3C0D,GA2CjD,UAACC,UAAD,EAA+D;AAC7E,IAAA,KAAI,CAACZ,UAAL,8BAAuB,KAAI,CAACA,UAA5B,EAA2CY,UAA3C;AACD,GA7CgE;;AA+C1DC,EAAAA,IA/C0D,GA+CnD,YAAM;AAClB,QAAI,CAAC,KAAI,CAAClB,YAAV,EAAwB;AACtB;AACD;;AAED,IAAA,KAAI,CAACA,YAAL,GAAoB,KAApB;;AAEA,QAAI,CAAC,KAAI,CAACE,sBAAN,IAAgC,CAAC,KAAI,CAACQ,qBAA1C,EAAiE;AAC/D,MAAA,KAAI,CAACL,UAAL,CAAgBM,gBAAhB;AACD;;AAED,QAAI,KAAI,CAACT,sBAAT,EAAiC;AAC/B,MAAA,KAAI,CAACK,2BAAL;AACD;AACF,GA7DgE;;AA+D1DY,EAAAA,SA/D0D,GA+D9C,YAAM;AACvB,IAAA,KAAI,CAACZ,2BAAL;AACA,IAAA,KAAI,CAACK,0BAAL;AACD,GAlEgE,CAC/D,KAAKP,UAAL,GAAkBN,aAAlB,CACD,C","sourcesContent":["import { globalObject, SafeTimer } from '@skbkontur/global-object';\n\nexport interface TaskWithDelayAndMinimalDurationProps {\n  delayBeforeTaskStart: number;\n  durationOfTask: number;\n  taskStartCallback: () => void;\n  taskStopCallback: () => void;\n}\n\nexport class TaskWithDelayAndMinimalDuration {\n  private timeoutBeforeTaskStart: SafeTimer;\n  private timeoutBeforeTaskStop: SafeTimer;\n  private taskParams: TaskWithDelayAndMinimalDurationProps;\n  private isTaskActive = false;\n\n  constructor(initialValues: TaskWithDelayAndMinimalDurationProps) {\n    this.taskParams = initialValues;\n  }\n\n  private setTimeoutBeforeTaskStart = () => {\n    this.timeoutBeforeTaskStart = globalObject.setTimeout(() => {\n      this.isTaskActive && this.taskParams.taskStartCallback();\n      this.clearTimeoutBeforeTaskStart();\n      this.setTimeoutBeforeTaskStop();\n    }, this.taskParams.delayBeforeTaskStart);\n  };\n\n  private setTimeoutBeforeTaskStop = () => {\n    this.timeoutBeforeTaskStop = globalObject.setTimeout(() => {\n      !this.isTaskActive && this.taskParams.taskStopCallback();\n      this.clearTimeoutBeforeTaskStop();\n    }, this.taskParams.durationOfTask);\n  };\n\n  private clearTimeoutBeforeTaskStart = () => {\n    this.timeoutBeforeTaskStart && globalObject.clearTimeout(this.timeoutBeforeTaskStart);\n    this.timeoutBeforeTaskStart = null;\n  };\n\n  private clearTimeoutBeforeTaskStop = () => {\n    this.timeoutBeforeTaskStop && globalObject.clearTimeout(this.timeoutBeforeTaskStop);\n    this.timeoutBeforeTaskStop = null;\n  };\n\n  public start = () => {\n    if (this.isTaskActive) {\n      return;\n    }\n\n    this.isTaskActive = true;\n\n    if (this.timeoutBeforeTaskStart) {\n      this.clearTimeoutBeforeTaskStart();\n    }\n\n    this.setTimeoutBeforeTaskStart();\n  };\n\n  public update = (updateData: Partial<TaskWithDelayAndMinimalDurationProps>) => {\n    this.taskParams = { ...this.taskParams, ...updateData };\n  };\n\n  public stop = () => {\n    if (!this.isTaskActive) {\n      return;\n    }\n\n    this.isTaskActive = false;\n\n    if (!this.timeoutBeforeTaskStart && !this.timeoutBeforeTaskStop) {\n      this.taskParams.taskStopCallback();\n    }\n\n    if (this.timeoutBeforeTaskStart) {\n      this.clearTimeoutBeforeTaskStart();\n    }\n  };\n\n  public clearTask = () => {\n    this.clearTimeoutBeforeTaskStart();\n    this.clearTimeoutBeforeTaskStop();\n  };\n}\n"]}
+{"version":3,"sources":["taskWithDelayAndMinimalDuration.ts"],"names":["TaskWithDelayAndMinimalDuration","initialValues","isTaskActive","setTimeoutBeforeTaskStart","timeoutBeforeTaskStart","globalObject","setTimeout","taskParams","taskStartCallback","clearTimeoutBeforeTaskStart","setTimeoutBeforeTaskStop","delayBeforeTaskStart","timeoutBeforeTaskStop","taskStopCallback","clearTimeoutBeforeTaskStop","durationOfTask","clearTimeout","start","update","updateData","stop","clearTask"],"mappings":"uQAAA,wD;;;;;;;;;AASaA,+B;;;;;;AAMX,yCAAYC,aAAZ,EAAiE,uBAFzDC,YAEyD,GAF1C,KAE0C;;;;AAIzDC,EAAAA,yBAJyD,GAI7B,YAAM;AACxC,IAAA,KAAI,CAACC,sBAAL,GAA8BC,2BAAaC,UAAb,CAAwB,YAAM;AAC1D,MAAA,KAAI,CAACJ,YAAL,IAAqB,KAAI,CAACK,UAAL,CAAgBC,iBAAhB,EAArB;AACA,MAAA,KAAI,CAACC,2BAAL;AACA,MAAA,KAAI,CAACC,wBAAL;AACD,KAJ6B,EAI3B,KAAI,CAACH,UAAL,CAAgBI,oBAJW,CAA9B;AAKD,GAVgE;;AAYzDD,EAAAA,wBAZyD,GAY9B,YAAM;AACvC,IAAA,KAAI,CAACE,qBAAL,GAA6BP,2BAAaC,UAAb,CAAwB,YAAM;AACzD,OAAC,KAAI,CAACJ,YAAN,IAAsB,KAAI,CAACK,UAAL,CAAgBM,gBAAhB,EAAtB;AACA,MAAA,KAAI,CAACC,0BAAL;AACD,KAH4B,EAG1B,KAAI,CAACP,UAAL,CAAgBQ,cAHU,CAA7B;AAID,GAjBgE;;AAmBzDN,EAAAA,2BAnByD,GAmB3B,YAAM;AAC1C,IAAA,KAAI,CAACL,sBAAL,IAA+BC,2BAAaW,YAAb,CAA0B,KAAI,CAACZ,sBAA/B,CAA/B;AACA,IAAA,KAAI,CAACA,sBAAL,GAA8B,IAA9B;AACD,GAtBgE;;AAwBzDU,EAAAA,0BAxByD,GAwB5B,YAAM;AACzC,IAAA,KAAI,CAACF,qBAAL,IAA8BP,2BAAaW,YAAb,CAA0B,KAAI,CAACJ,qBAA/B,CAA9B;AACA,IAAA,KAAI,CAACA,qBAAL,GAA6B,IAA7B;AACD,GA3BgE;;AA6B1DK,EAAAA,KA7B0D,GA6BlD,YAAM;AACnB,QAAI,KAAI,CAACf,YAAT,EAAuB;AACrB;AACD;;AAED,IAAA,KAAI,CAACA,YAAL,GAAoB,IAApB;;AAEA,QAAI,KAAI,CAACE,sBAAT,EAAiC;AAC/B,MAAA,KAAI,CAACK,2BAAL;AACD;;AAED,IAAA,KAAI,CAACN,yBAAL;AACD,GAzCgE;;AA2C1De,EAAAA,MA3C0D,GA2CjD,UAACC,UAAD,EAA+D;AAC7E,IAAA,KAAI,CAACZ,UAAL,8BAAuB,KAAI,CAACA,UAA5B,EAA2CY,UAA3C;AACD,GA7CgE;;AA+C1DC,EAAAA,IA/C0D,GA+CnD,YAAM;AAClB,QAAI,CAAC,KAAI,CAAClB,YAAV,EAAwB;AACtB;AACD;;AAED,IAAA,KAAI,CAACA,YAAL,GAAoB,KAApB;;AAEA,QAAI,CAAC,KAAI,CAACE,sBAAN,IAAgC,CAAC,KAAI,CAACQ,qBAA1C,EAAiE;AAC/D,MAAA,KAAI,CAACL,UAAL,CAAgBM,gBAAhB;AACD;;AAED,QAAI,KAAI,CAACT,sBAAT,EAAiC;AAC/B,MAAA,KAAI,CAACK,2BAAL;AACD;AACF,GA7DgE;;AA+D1DY,EAAAA,SA/D0D,GA+D9C,YAAM;AACvB,IAAA,KAAI,CAACnB,YAAL,GAAoB,KAApB;AACA,IAAA,KAAI,CAACO,2BAAL;AACA,IAAA,KAAI,CAACK,0BAAL;AACD,GAnEgE,CAC/D,KAAKP,UAAL,GAAkBN,aAAlB,CACD,C","sourcesContent":["import { globalObject, SafeTimer } from '@skbkontur/global-object';\n\nexport interface TaskWithDelayAndMinimalDurationProps {\n  delayBeforeTaskStart: number;\n  durationOfTask: number;\n  taskStartCallback: () => void;\n  taskStopCallback: () => void;\n}\n\nexport class TaskWithDelayAndMinimalDuration {\n  private timeoutBeforeTaskStart: SafeTimer;\n  private timeoutBeforeTaskStop: SafeTimer;\n  private taskParams: TaskWithDelayAndMinimalDurationProps;\n  private isTaskActive = false;\n\n  constructor(initialValues: TaskWithDelayAndMinimalDurationProps) {\n    this.taskParams = initialValues;\n  }\n\n  private setTimeoutBeforeTaskStart = () => {\n    this.timeoutBeforeTaskStart = globalObject.setTimeout(() => {\n      this.isTaskActive && this.taskParams.taskStartCallback();\n      this.clearTimeoutBeforeTaskStart();\n      this.setTimeoutBeforeTaskStop();\n    }, this.taskParams.delayBeforeTaskStart);\n  };\n\n  private setTimeoutBeforeTaskStop = () => {\n    this.timeoutBeforeTaskStop = globalObject.setTimeout(() => {\n      !this.isTaskActive && this.taskParams.taskStopCallback();\n      this.clearTimeoutBeforeTaskStop();\n    }, this.taskParams.durationOfTask);\n  };\n\n  private clearTimeoutBeforeTaskStart = () => {\n    this.timeoutBeforeTaskStart && globalObject.clearTimeout(this.timeoutBeforeTaskStart);\n    this.timeoutBeforeTaskStart = null;\n  };\n\n  private clearTimeoutBeforeTaskStop = () => {\n    this.timeoutBeforeTaskStop && globalObject.clearTimeout(this.timeoutBeforeTaskStop);\n    this.timeoutBeforeTaskStop = null;\n  };\n\n  public start = () => {\n    if (this.isTaskActive) {\n      return;\n    }\n\n    this.isTaskActive = true;\n\n    if (this.timeoutBeforeTaskStart) {\n      this.clearTimeoutBeforeTaskStart();\n    }\n\n    this.setTimeoutBeforeTaskStart();\n  };\n\n  public update = (updateData: Partial<TaskWithDelayAndMinimalDurationProps>) => {\n    this.taskParams = { ...this.taskParams, ...updateData };\n  };\n\n  public stop = () => {\n    if (!this.isTaskActive) {\n      return;\n    }\n\n    this.isTaskActive = false;\n\n    if (!this.timeoutBeforeTaskStart && !this.timeoutBeforeTaskStop) {\n      this.taskParams.taskStopCallback();\n    }\n\n    if (this.timeoutBeforeTaskStart) {\n      this.clearTimeoutBeforeTaskStart();\n    }\n  };\n\n  public clearTask = () => {\n    this.isTaskActive = false;\n    this.clearTimeoutBeforeTaskStart();\n    this.clearTimeoutBeforeTaskStop();\n  };\n}\n"]}

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

@@ -6,7 +6,13 @@ export declare const getEmotion: (container?: HTMLElement | null | undefined, ke
 export declare const injectGlobal: {
     (template: TemplateStringsArray, ...args: import("@emotion/css/create-instance").CSSInterpolation[]): void;
     (...args: import("@emotion/css/create-instance").CSSInterpolation[]): void;
-}, cache: import("@emotion/css/create-instance").EmotionCache;
+}, cache: import("@emotion/css/create-instance").EmotionCache, css: {
+    (template: TemplateStringsArray, ...args: import("@emotion/css/create-instance").CSSInterpolation[]): string;
+    (...args: import("@emotion/css/create-instance").CSSInterpolation[]): string;
+}, cx: (...classNames: import("@emotion/css/create-instance").ClassNamesArg[]) => string, keyframes: {
+    (template: TemplateStringsArray, ...args: import("@emotion/css/create-instance").CSSInterpolation[]): string;
+    (...args: import("@emotion/css/create-instance").CSSInterpolation[]): string;
+}, getRegisteredStyles: (registeredStyles: string[], className: string) => string, hydrate: (ids: string[]) => void, sheet: import("@emotion/css/create-instance").CSSStyleSheet, merge: (className: string) => string, flush: () => void;
 export declare const memoizeStyle: <S extends {
     [className: string]: (() => string) | ((t: Theme) => string);
 }>(styles: S) => S;

package/cjs/lib/theming/Emotion.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.useEmotion = exports.prefix = exports.memoizeStyle = exports.injectGlobal = exports.getEmotion = exports.cache = exports.REACT_UI_PREFIX = exports.EmotionProvider = exports.EmotionConsumer = void 0;var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _createInstance = _interopRequireDefault(require("@emotion/css/create-instance"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.useEmotion = exports.sheet = exports.prefix = exports.merge = exports.memoizeStyle = exports.keyframes = exports.injectGlobal = exports.hydrate = exports.getRegisteredStyles = exports.getEmotion = exports.flush = exports.cx = exports.css = exports.cache = exports.REACT_UI_PREFIX = exports.EmotionProvider = exports.EmotionConsumer = void 0;var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _createInstance = _interopRequireDefault(require("@emotion/css/create-instance"));
 var _stylisPluginExtraScope = _interopRequireDefault(require("stylis-plugin-extra-scope"));
 var _globalObject = require("@skbkontur/global-object");
 var _react = require("react");
@@ -17,10 +17,13 @@ var getEmotion = function getEmotion(container, key) {var _globalObject$documen;
       key: key != null ? key : REACT_UI_PREFIX,
       prepend: true,
       stylisPlugins: scope ? [(0, _stylisPluginExtraScope.default)(scope)] : undefined,
-      container: container != null ? container : (_globalObject$documen = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen.head }));};exports.getEmotion = getEmotion;
+      container: container != null ? container : (_globalObject$documen = _globalObject.globalObject.document) == null ? void 0 : _globalObject$documen.head }));};
 
 
-var _getEmotion = getEmotion(),injectGlobal = _getEmotion.injectGlobal,cache = _getEmotion.cache;exports.cache = cache;exports.injectGlobal = injectGlobal;
+// breaking changes
+// todo убрать все экспорты, чтобы все компоненты управлялись через EmotionContext, пока оставили для обратной совместимости с icons/side-menu/Fias
+exports.getEmotion = getEmotion;var _getEmotion =
+getEmotion(),injectGlobal = _getEmotion.injectGlobal,cache = _getEmotion.cache,css = _getEmotion.css,cx = _getEmotion.cx,keyframes = _getEmotion.keyframes,getRegisteredStyles = _getEmotion.getRegisteredStyles,hydrate = _getEmotion.hydrate,sheet = _getEmotion.sheet,merge = _getEmotion.merge,flush = _getEmotion.flush;exports.flush = flush;exports.merge = merge;exports.sheet = sheet;exports.hydrate = hydrate;exports.getRegisteredStyles = getRegisteredStyles;exports.keyframes = keyframes;exports.cx = cx;exports.css = css;exports.cache = cache;exports.injectGlobal = injectGlobal;
 
 function isZeroArgs(fn) {
   return fn.length === 0;

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

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

@@ -1,4 +1,2 @@
 import React from 'react';
 export declare const ThemeContext: React.Context<Readonly<Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>>>;
-export declare const ThemeProvider: React.Provider<Readonly<Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>>>;
-export declare const ThemeConsumer: React.Consumer<Readonly<Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>>>;

package/cjs/lib/theming/ThemeContext.js

@@ -1,10 +1,8 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ThemeProvider = exports.ThemeContext = exports.ThemeConsumer = void 0;var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ThemeContext = void 0;var _react = _interopRequireDefault(require("react"));
 
 var _DefaultTheme = require("./themes/DefaultTheme");
 
 var ThemeContext = /*#__PURE__*/_react.default.createContext(_DefaultTheme.DEFAULT_THEME);exports.ThemeContext = ThemeContext;
-var ThemeProvider = ThemeContext.Provider;exports.ThemeProvider = ThemeProvider;
-var ThemeConsumer = ThemeContext.Consumer;exports.ThemeConsumer = ThemeConsumer;
 
 ThemeContext.displayName = 'ThemeContext';
 ThemeContext.__KONTUR_REACT_UI__ = 'ThemeContext';

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

@@ -1 +1 @@
-{"version":3,"sources":["ThemeContext.ts"],"names":["ThemeContext","React","createContext","DEFAULT_THEME","ThemeProvider","Provider","ThemeConsumer","Consumer","displayName","__KONTUR_REACT_UI__"],"mappings":"kNAAA;;AAEA;;AAEO,IAAMA,YAAY,gBAAGC,eAAMC,aAAN,CAAoBC,2BAApB,CAArB,C;AACA,IAAMC,aAAa,GAAGJ,YAAY,CAACK,QAAnC,C;AACA,IAAMC,aAAa,GAAGN,YAAY,CAACO,QAAnC,C;;AAEPP,YAAY,CAACQ,WAAb,GAA2B,cAA3B;AACAR,YAAY,CAACS,mBAAb,GAAmC,cAAnC","sourcesContent":["import React from 'react';\n\nimport { DEFAULT_THEME } from './themes/DefaultTheme';\n\nexport const ThemeContext = React.createContext(DEFAULT_THEME);\nexport const ThemeProvider = ThemeContext.Provider;\nexport const ThemeConsumer = ThemeContext.Consumer;\n\nThemeContext.displayName = 'ThemeContext';\nThemeContext.__KONTUR_REACT_UI__ = 'ThemeContext';\n"]}
+{"version":3,"sources":["ThemeContext.ts"],"names":["ThemeContext","React","createContext","DEFAULT_THEME","displayName","__KONTUR_REACT_UI__"],"mappings":"kKAAA;;AAEA;;AAEO,IAAMA,YAAY,gBAAGC,eAAMC,aAAN,CAAoBC,2BAApB,CAArB,C;;AAEPH,YAAY,CAACI,WAAb,GAA2B,cAA3B;AACAJ,YAAY,CAACK,mBAAb,GAAmC,cAAnC","sourcesContent":["import React from 'react';\n\nimport { DEFAULT_THEME } from './themes/DefaultTheme';\n\nexport const ThemeContext = React.createContext(DEFAULT_THEME);\n\nThemeContext.displayName = 'ThemeContext';\nThemeContext.__KONTUR_REACT_UI__ = 'ThemeContext';\n"]}

package/cjs/lib/theming/ThemeContext.md

@@ -41,8 +41,10 @@ public context: Theme = this.context;
 | `DARK_THEME_2022`       | Станет дефолтной темной в `5.0`                   |
 | `DEFAULT_THEME`         | Текущая дефолтная тема. Станет deprecated в `5.0` |
 | `DARK_THEME`            | Темная дефолтная. Станет deprecated в `5.0`       |
-| `DEFAULT_THEME_8PX_OLD` | Тема 2021 г. Будет удалена в  `5.0`               |
+| `DEFAULT_THEME_8PX_OLD` | Тема 2021 г. Будет удалена в `5.0`                |
 | `FLAT_THEME_8PX_OLD`    | Плоская тема 2021 г. Будет удалена в `5.0`        |
+| `THEME_2022_UPDATE_2024`| Тема 2022 г. с последними обновлениями цветов. В `5.0` будет влита в дефолтную|
+| `THEME_2022_DARK_UPDATE_2024`| Тёмная тема 2022 г. с последними обновлениями цветов. В `5.0` будет влита в дефолтную темную|
 
 ## Примеры использования
 

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

@@ -0,0 +1,30 @@
+export declare const THEME_2022_DARK_UPDATE_2024: Readonly<Readonly<typeof import("../../../internal/themes/DefaultTheme").DefaultTheme> & {
+    green: string;
+    greenDark: string;
+    red: string;
+    redDark: string;
+    errorMain: string;
+    linkSuccessColor: string;
+    linkSuccessHoverColor: string;
+    linkSuccessActiveColor: string;
+    linkDangerColor: string;
+    linkDangerHoverColor: string;
+    linkDangerActiveColor: string;
+    btnSuccessBg: string;
+    btnSuccessBorderColor: string;
+    btnSuccessHoverBg: string;
+    btnSuccessHoverBorderColor: string;
+    btnSuccessActiveBg: string;
+    btnSuccessActiveBorderColor: string;
+    btnDangerBg: string;
+    btnDangerBorderColor: string;
+    btnDangerHoverBg: string;
+    btnDangerHoverBorderColor: string;
+    btnDangerActiveBg: string;
+    btnDangerActiveBorderColor: string;
+    calendarCellWeekendColor: string;
+    fileUploaderBorderColorError: string;
+    inputBorderColorError: string;
+    validationsTextColorError: string;
+    btnErrorSecondary: string;
+}>;

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

@@ -0,0 +1,50 @@
+"use strict";exports.__esModule = true;exports.THEME_2022_DARK_UPDATE_2024 = void 0;var _ThemeFactory = require("../ThemeFactory");
+
+var _Theme2022Dark = require("./Theme2022Dark");
+
+var THEME_2022_DARK_UPDATE_2024 = _ThemeFactory.ThemeFactory.create(
+{
+  green: '#23A14A',
+  greenDark: '#1C8A3F',
+
+  red: '#ED3F3F',
+  redDark: '#DD3333',
+  errorMain: '#ED3F3F',
+
+  linkSuccessColor: '#46CD68',
+  linkSuccessHoverColor: '#67D881',
+  linkSuccessActiveColor: '#23A14A',
+
+  linkDangerColor: '#FE6C6C',
+  linkDangerHoverColor: '#FE8C8C',
+  linkDangerActiveColor: '#ED3F3F',
+
+  btnSuccessBg: '#23A14A',
+  btnSuccessBorderColor: '#23A14A',
+
+  btnSuccessHoverBg: '#26AD50',
+  btnSuccessHoverBorderColor: '#26AD50',
+
+  btnSuccessActiveBg: '#1C8A3F',
+  btnSuccessActiveBorderColor: '#1C8A3F',
+
+  btnDangerBg: '#ED3F3F',
+  btnDangerBorderColor: '#ED3F3F',
+
+  btnDangerHoverBg: '#FE4C4C',
+  btnDangerHoverBorderColor: '#FE4C4C',
+
+  btnDangerActiveBg: '#CC2626',
+  btnDangerActiveBorderColor: '#CC2626',
+
+  calendarCellWeekendColor: '#FE6C6C',
+
+  fileUploaderBorderColorError: '#ED3F3F',
+
+  inputBorderColorError: '#FE6C6C',
+
+  validationsTextColorError: '#ED3F3F',
+  // error background for button use=link
+  btnErrorSecondary: '#AB0D0D' },
+
+_Theme2022Dark.THEME_2022_DARK);exports.THEME_2022_DARK_UPDATE_2024 = THEME_2022_DARK_UPDATE_2024;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Theme2022DarkUpdate2024.ts"],"names":["THEME_2022_DARK_UPDATE_2024","ThemeFactory","create","green","greenDark","red","redDark","errorMain","linkSuccessColor","linkSuccessHoverColor","linkSuccessActiveColor","linkDangerColor","linkDangerHoverColor","linkDangerActiveColor","btnSuccessBg","btnSuccessBorderColor","btnSuccessHoverBg","btnSuccessHoverBorderColor","btnSuccessActiveBg","btnSuccessActiveBorderColor","btnDangerBg","btnDangerBorderColor","btnDangerHoverBg","btnDangerHoverBorderColor","btnDangerActiveBg","btnDangerActiveBorderColor","calendarCellWeekendColor","fileUploaderBorderColorError","inputBorderColorError","validationsTextColorError","btnErrorSecondary","THEME_2022_DARK"],"mappings":"oFAAA;;AAEA;;AAEO,IAAMA,2BAA2B,GAAGC,2BAAaC,MAAb;AACzC;AACEC,EAAAA,KAAK,EAAE,SADT;AAEEC,EAAAA,SAAS,EAAE,SAFb;;AAIEC,EAAAA,GAAG,EAAE,SAJP;AAKEC,EAAAA,OAAO,EAAE,SALX;AAMEC,EAAAA,SAAS,EAAE,SANb;;AAQEC,EAAAA,gBAAgB,EAAE,SARpB;AASEC,EAAAA,qBAAqB,EAAE,SATzB;AAUEC,EAAAA,sBAAsB,EAAE,SAV1B;;AAYEC,EAAAA,eAAe,EAAE,SAZnB;AAaEC,EAAAA,oBAAoB,EAAE,SAbxB;AAcEC,EAAAA,qBAAqB,EAAE,SAdzB;;AAgBEC,EAAAA,YAAY,EAAE,SAhBhB;AAiBEC,EAAAA,qBAAqB,EAAE,SAjBzB;;AAmBEC,EAAAA,iBAAiB,EAAE,SAnBrB;AAoBEC,EAAAA,0BAA0B,EAAE,SApB9B;;AAsBEC,EAAAA,kBAAkB,EAAE,SAtBtB;AAuBEC,EAAAA,2BAA2B,EAAE,SAvB/B;;AAyBEC,EAAAA,WAAW,EAAE,SAzBf;AA0BEC,EAAAA,oBAAoB,EAAE,SA1BxB;;AA4BEC,EAAAA,gBAAgB,EAAE,SA5BpB;AA6BEC,EAAAA,yBAAyB,EAAE,SA7B7B;;AA+BEC,EAAAA,iBAAiB,EAAE,SA/BrB;AAgCEC,EAAAA,0BAA0B,EAAE,SAhC9B;;AAkCEC,EAAAA,wBAAwB,EAAE,SAlC5B;;AAoCEC,EAAAA,4BAA4B,EAAE,SApChC;;AAsCEC,EAAAA,qBAAqB,EAAE,SAtCzB;;AAwCEC,EAAAA,yBAAyB,EAAE,SAxC7B;AAyCE;AACAC,EAAAA,iBAAiB,EAAE,SA1CrB,EADyC;;AA6CzCC,8BA7CyC,CAApC,C","sourcesContent":["import { ThemeFactory } from '../ThemeFactory';\n\nimport { THEME_2022_DARK } from './Theme2022Dark';\n\nexport const THEME_2022_DARK_UPDATE_2024 = ThemeFactory.create(\n  {\n    green: '#23A14A',\n    greenDark: '#1C8A3F',\n\n    red: '#ED3F3F',\n    redDark: '#DD3333',\n    errorMain: '#ED3F3F',\n\n    linkSuccessColor: '#46CD68',\n    linkSuccessHoverColor: '#67D881',\n    linkSuccessActiveColor: '#23A14A',\n\n    linkDangerColor: '#FE6C6C',\n    linkDangerHoverColor: '#FE8C8C',\n    linkDangerActiveColor: '#ED3F3F',\n\n    btnSuccessBg: '#23A14A',\n    btnSuccessBorderColor: '#23A14A',\n\n    btnSuccessHoverBg: '#26AD50',\n    btnSuccessHoverBorderColor: '#26AD50',\n\n    btnSuccessActiveBg: '#1C8A3F',\n    btnSuccessActiveBorderColor: '#1C8A3F',\n\n    btnDangerBg: '#ED3F3F',\n    btnDangerBorderColor: '#ED3F3F',\n\n    btnDangerHoverBg: '#FE4C4C',\n    btnDangerHoverBorderColor: '#FE4C4C',\n\n    btnDangerActiveBg: '#CC2626',\n    btnDangerActiveBorderColor: '#CC2626',\n\n    calendarCellWeekendColor: '#FE6C6C',\n\n    fileUploaderBorderColorError: '#ED3F3F',\n\n    inputBorderColorError: '#FE6C6C',\n\n    validationsTextColorError: '#ED3F3F',\n    // error background for button use=link\n    btnErrorSecondary: '#AB0D0D',\n  },\n  THEME_2022_DARK,\n);\n"]}

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

@@ -0,0 +1,46 @@
+export declare const THEME_2022_UPDATE_2024: Readonly<Readonly<typeof import("../../../internal/themes/DefaultTheme").DefaultTheme> & {
+    green: string;
+    greenXxLight: string;
+    greenDark: string;
+    red: string;
+    redXxLight: string;
+    redDark: string;
+    errorMain: string;
+    errorText: string;
+    linkSuccessColor: string;
+    linkSuccessHoverColor: string;
+    linkSuccessActiveColor: string;
+    linkDangerColor: string;
+    linkDangerHoverColor: string;
+    linkDangerActiveColor: string;
+    btnSuccessBg: string;
+    btnSuccessBorderColor: string;
+    btnSuccessHoverBg: string;
+    btnSuccessHoverBorderColor: string;
+    btnSuccessActiveBg: string;
+    btnSuccessActiveBorderColor: string;
+    btnDangerBg: string;
+    btnDangerBorderColor: string;
+    btnDangerHoverBg: string;
+    btnDangerHoverBorderColor: string;
+    btnDangerActiveBg: string;
+    btnDangerActiveBorderColor: string;
+    calendarCellWeekendColor: string;
+    inputBorderColorError: string;
+    validationsTextColorError: string;
+    btnErrorSecondary: string;
+    btnDisabledTextColor: string;
+    inputIconColorDisabled: string;
+    inputTextColorDisabled: string;
+    inputPlaceholderColorDisabled: string;
+    textareaTextColorDisabled: string;
+    textareaPlaceholderColorDisabled: string;
+    tokenTextColorDisabled: string;
+    selectPlaceholderColorDisabled: string;
+    selectMenuArrowColorDisabled: string;
+    menuItemDisabledColor: string;
+    linkDisabledColor: string;
+    fileUploaderDisabledTextColor: string;
+    fileUploaderDisabledLinkColor: string;
+    fileUploaderDisabledIconColor: string;
+}>;

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

@@ -0,0 +1,75 @@
+"use strict";exports.__esModule = true;exports.THEME_2022_UPDATE_2024 = void 0;var _ThemeFactory = require("../ThemeFactory");
+
+var _Theme = require("./Theme2022");
+
+var THEME_2022_UPDATE_2024 = _ThemeFactory.ThemeFactory.create(
+{
+  green: '#1C8A3F',
+  greenXxLight: '#C7F9CC',
+  greenDark: '#197F39',
+
+  red: '#DD3333',
+  redXxLight: '#FFEBEB',
+  redDark: '#CC2626',
+
+  errorMain: '#FE4C4C',
+  errorText: '#CC2626',
+
+  linkSuccessColor: '#1C8A3F',
+  linkSuccessHoverColor: '#197F39',
+  linkSuccessActiveColor: '#167333',
+
+  linkDangerColor: '#CC2626',
+  linkDangerHoverColor: '#BB1919',
+  linkDangerActiveColor: '#AB0D0D',
+
+  btnSuccessBg: '#26AD50',
+  btnSuccessBorderColor: '#26AD50',
+
+  btnSuccessHoverBg: '#23A14A',
+  btnSuccessHoverBorderColor: '#23A14A',
+
+  btnSuccessActiveBg: '#209644',
+  btnSuccessActiveBorderColor: '#209644',
+
+  btnDangerBg: '#FE4C4C',
+  btnDangerBorderColor: '#FE4C4C',
+
+  btnDangerHoverBg: '#ED3F3F',
+  btnDangerHoverBorderColor: '#ED3F3F',
+
+  btnDangerActiveBg: '#DD3333',
+  btnDangerActiveBorderColor: '#DD3333',
+
+  calendarCellWeekendColor: '#CC2626',
+
+  inputBorderColorError: '#DD3333',
+
+  validationsTextColorError: '#CC2626',
+  // error background for button use=link
+  btnErrorSecondary: '#FFEBEB',
+
+  // disabled colors
+  btnDisabledTextColor: '#ADADAD',
+
+  inputIconColorDisabled: '#ADADAD',
+  inputTextColorDisabled: '#ADADAD',
+  inputPlaceholderColorDisabled: '#ADADAD',
+
+  textareaTextColorDisabled: '#ADADAD',
+  textareaPlaceholderColorDisabled: '#ADADAD',
+
+  tokenTextColorDisabled: '#ADADAD',
+
+  selectPlaceholderColorDisabled: '#ADADAD',
+  selectMenuArrowColorDisabled: '#ADADAD',
+
+  menuItemDisabledColor: '#ADADAD',
+
+  linkDisabledColor: '#ADADAD',
+
+  fileUploaderDisabledTextColor: '#ADADAD',
+  fileUploaderDisabledLinkColor: '#ADADAD',
+  fileUploaderDisabledIconColor: '#ADADAD' },
+
+_Theme.THEME_2022);exports.THEME_2022_UPDATE_2024 = THEME_2022_UPDATE_2024;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Theme2022Update2024.ts"],"names":["THEME_2022_UPDATE_2024","ThemeFactory","create","green","greenXxLight","greenDark","red","redXxLight","redDark","errorMain","errorText","linkSuccessColor","linkSuccessHoverColor","linkSuccessActiveColor","linkDangerColor","linkDangerHoverColor","linkDangerActiveColor","btnSuccessBg","btnSuccessBorderColor","btnSuccessHoverBg","btnSuccessHoverBorderColor","btnSuccessActiveBg","btnSuccessActiveBorderColor","btnDangerBg","btnDangerBorderColor","btnDangerHoverBg","btnDangerHoverBorderColor","btnDangerActiveBg","btnDangerActiveBorderColor","calendarCellWeekendColor","inputBorderColorError","validationsTextColorError","btnErrorSecondary","btnDisabledTextColor","inputIconColorDisabled","inputTextColorDisabled","inputPlaceholderColorDisabled","textareaTextColorDisabled","textareaPlaceholderColorDisabled","tokenTextColorDisabled","selectPlaceholderColorDisabled","selectMenuArrowColorDisabled","menuItemDisabledColor","linkDisabledColor","fileUploaderDisabledTextColor","fileUploaderDisabledLinkColor","fileUploaderDisabledIconColor","THEME_2022"],"mappings":"+EAAA;;AAEA;;AAEO,IAAMA,sBAAsB,GAAGC,2BAAaC,MAAb;AACpC;AACEC,EAAAA,KAAK,EAAE,SADT;AAEEC,EAAAA,YAAY,EAAE,SAFhB;AAGEC,EAAAA,SAAS,EAAE,SAHb;;AAKEC,EAAAA,GAAG,EAAE,SALP;AAMEC,EAAAA,UAAU,EAAE,SANd;AAOEC,EAAAA,OAAO,EAAE,SAPX;;AASEC,EAAAA,SAAS,EAAE,SATb;AAUEC,EAAAA,SAAS,EAAE,SAVb;;AAYEC,EAAAA,gBAAgB,EAAE,SAZpB;AAaEC,EAAAA,qBAAqB,EAAE,SAbzB;AAcEC,EAAAA,sBAAsB,EAAE,SAd1B;;AAgBEC,EAAAA,eAAe,EAAE,SAhBnB;AAiBEC,EAAAA,oBAAoB,EAAE,SAjBxB;AAkBEC,EAAAA,qBAAqB,EAAE,SAlBzB;;AAoBEC,EAAAA,YAAY,EAAE,SApBhB;AAqBEC,EAAAA,qBAAqB,EAAE,SArBzB;;AAuBEC,EAAAA,iBAAiB,EAAE,SAvBrB;AAwBEC,EAAAA,0BAA0B,EAAE,SAxB9B;;AA0BEC,EAAAA,kBAAkB,EAAE,SA1BtB;AA2BEC,EAAAA,2BAA2B,EAAE,SA3B/B;;AA6BEC,EAAAA,WAAW,EAAE,SA7Bf;AA8BEC,EAAAA,oBAAoB,EAAE,SA9BxB;;AAgCEC,EAAAA,gBAAgB,EAAE,SAhCpB;AAiCEC,EAAAA,yBAAyB,EAAE,SAjC7B;;AAmCEC,EAAAA,iBAAiB,EAAE,SAnCrB;AAoCEC,EAAAA,0BAA0B,EAAE,SApC9B;;AAsCEC,EAAAA,wBAAwB,EAAE,SAtC5B;;AAwCEC,EAAAA,qBAAqB,EAAE,SAxCzB;;AA0CEC,EAAAA,yBAAyB,EAAE,SA1C7B;AA2CE;AACAC,EAAAA,iBAAiB,EAAE,SA5CrB;;AA8CE;AACAC,EAAAA,oBAAoB,EAAE,SA/CxB;;AAiDEC,EAAAA,sBAAsB,EAAE,SAjD1B;AAkDEC,EAAAA,sBAAsB,EAAE,SAlD1B;AAmDEC,EAAAA,6BAA6B,EAAE,SAnDjC;;AAqDEC,EAAAA,yBAAyB,EAAE,SArD7B;AAsDEC,EAAAA,gCAAgC,EAAE,SAtDpC;;AAwDEC,EAAAA,sBAAsB,EAAE,SAxD1B;;AA0DEC,EAAAA,8BAA8B,EAAE,SA1DlC;AA2DEC,EAAAA,4BAA4B,EAAE,SA3DhC;;AA6DEC,EAAAA,qBAAqB,EAAE,SA7DzB;;AA+DEC,EAAAA,iBAAiB,EAAE,SA/DrB;;AAiEEC,EAAAA,6BAA6B,EAAE,SAjEjC;AAkEEC,EAAAA,6BAA6B,EAAE,SAlEjC;AAmEEC,EAAAA,6BAA6B,EAAE,SAnEjC,EADoC;;AAsEpCC,iBAtEoC,CAA/B,C","sourcesContent":["import { ThemeFactory } from '../ThemeFactory';\n\nimport { THEME_2022 } from './Theme2022';\n\nexport const THEME_2022_UPDATE_2024 = ThemeFactory.create(\n  {\n    green: '#1C8A3F',\n    greenXxLight: '#C7F9CC',\n    greenDark: '#197F39',\n\n    red: '#DD3333',\n    redXxLight: '#FFEBEB',\n    redDark: '#CC2626',\n\n    errorMain: '#FE4C4C',\n    errorText: '#CC2626',\n\n    linkSuccessColor: '#1C8A3F',\n    linkSuccessHoverColor: '#197F39',\n    linkSuccessActiveColor: '#167333',\n\n    linkDangerColor: '#CC2626',\n    linkDangerHoverColor: '#BB1919',\n    linkDangerActiveColor: '#AB0D0D',\n\n    btnSuccessBg: '#26AD50',\n    btnSuccessBorderColor: '#26AD50',\n\n    btnSuccessHoverBg: '#23A14A',\n    btnSuccessHoverBorderColor: '#23A14A',\n\n    btnSuccessActiveBg: '#209644',\n    btnSuccessActiveBorderColor: '#209644',\n\n    btnDangerBg: '#FE4C4C',\n    btnDangerBorderColor: '#FE4C4C',\n\n    btnDangerHoverBg: '#ED3F3F',\n    btnDangerHoverBorderColor: '#ED3F3F',\n\n    btnDangerActiveBg: '#DD3333',\n    btnDangerActiveBorderColor: '#DD3333',\n\n    calendarCellWeekendColor: '#CC2626',\n\n    inputBorderColorError: '#DD3333',\n\n    validationsTextColorError: '#CC2626',\n    // error background for button use=link\n    btnErrorSecondary: '#FFEBEB',\n\n    // disabled colors\n    btnDisabledTextColor: '#ADADAD',\n\n    inputIconColorDisabled: '#ADADAD',\n    inputTextColorDisabled: '#ADADAD',\n    inputPlaceholderColorDisabled: '#ADADAD',\n\n    textareaTextColorDisabled: '#ADADAD',\n    textareaPlaceholderColorDisabled: '#ADADAD',\n\n    tokenTextColorDisabled: '#ADADAD',\n\n    selectPlaceholderColorDisabled: '#ADADAD',\n    selectMenuArrowColorDisabled: '#ADADAD',\n\n    menuItemDisabledColor: '#ADADAD',\n\n    linkDisabledColor: '#ADADAD',\n\n    fileUploaderDisabledTextColor: '#ADADAD',\n    fileUploaderDisabledLinkColor: '#ADADAD',\n    fileUploaderDisabledIconColor: '#ADADAD',\n  },\n  THEME_2022,\n);\n"]}

package/cjs/lib/widgets/StylesContainer.d.ts

@@ -0,0 +1,13 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { Nullable } from '../../typings/utility-types';
+interface Props {
+    id?: string;
+    children: ReactNode;
+}
+export declare const StylesContainer: ({ id, children }: Props) => JSX.Element;
+export declare const WithStyles: ({ children, ...rest }: PropsWithChildren<{
+    rootId: string;
+    domContainer: Nullable<HTMLElement>;
+    anchor: ReactNode;
+}>) => JSX.Element;
+export {};

package/cjs/lib/widgets/StylesContainer.js

@@ -0,0 +1,70 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.WithStyles = exports.StylesContainer = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireWildcard(require("react"));
+
+var _reactShadow = _interopRequireDefault(require("react-shadow"));
+var _globalObject = require("@skbkontur/global-object");
+
+
+var _Emotion = require("../theming/Emotion");var _excluded = ["children"];
+
+
+
+
+
+
+var StylesContainer = function StylesContainer(_ref) {var _ref$id = _ref.id,id = _ref$id === void 0 ? "react-ui-styles-container" : _ref$id,children = _ref.children;
+  var _useState = (0, _react.useState)(),styles = _useState[0],setStyles = _useState[1];
+
+  function setRef(el) {
+    if (!styles && el) {
+      setStyles((0, _Emotion.getEmotion)(el, id));
+    }
+  }
+
+  return /*#__PURE__*/(
+    _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
+    _react.default.createElement("div", { ref: setRef }),
+    styles && /*#__PURE__*/_react.default.createElement(_Emotion.EmotionProvider, { value: styles }, children)));
+
+
+};exports.StylesContainer = StylesContainer;
+
+var WithStyles = function WithStyles(_ref2)
+
+
+
+
+
+
+{var _rootNode$host, _ref3, _node$current;var children = _ref2.children,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref2, _excluded);
+  var styles = (0, _Emotion.useEmotion)();
+  var node = (0, _react.useRef)(null);
+
+  var rootNode = styles.sheet.container.getRootNode();
+  var shadowRoot1 = rootNode == null ? void 0 : (_rootNode$host = rootNode.host) == null ? void 0 : _rootNode$host.shadowRoot;
+  if (!shadowRoot1) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
+  }
+
+  var adoptedStyleSheets = (_ref3 = shadowRoot1 == null ? void 0 : shadowRoot1.adoptedStyleSheets) != null ? _ref3 : [];
+
+  if (_globalObject.globalObject && 'CSSStyleSheet' in _globalObject.globalObject && _globalObject.globalObject.CSSStyleSheet) {
+    var styleSheet = new _globalObject.globalObject.CSSStyleSheet(); //CSSStyleSheet
+    styleSheet.replaceSync(
+    Object.entries(styles.cache.registered).
+    map(function (_ref4) {var key = _ref4[0],value = _ref4[1];return "." + key + "{" + value + "}";}).
+    join(''));
+
+
+    adoptedStyleSheets.push(styleSheet);
+  }
+
+  console.log('shadowRoot in portal', (_node$current = node.current) == null ? void 0 : _node$current.shadowRoot);
+  // console.log('adoptedStyleSheets in portal', node.current?.shadowRoot?.adoptedStyleSheets);
+  console.log((0, _extends2.default)({}, rest));
+
+  return /*#__PURE__*/(
+    _react.default.createElement(_reactShadow.default.div, { ref: node, mode: "open", styleSheets: [].concat(adoptedStyleSheets) }, /*#__PURE__*/
+    _react.default.createElement(StylesContainer, null, children)));
+
+
+};exports.WithStyles = WithStyles;

package/cjs/lib/widgets/StylesContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["StylesContainer.tsx"],"names":["StylesContainer","id","children","styles","setStyles","setRef","el","WithStyles","rest","node","rootNode","sheet","container","getRootNode","shadowRoot1","host","shadowRoot","adoptedStyleSheets","globalObject","CSSStyleSheet","styleSheet","replaceSync","Object","entries","cache","registered","map","key","value","join","push","console","log","current"],"mappings":"ueAAA;;AAEA;AACA;;;AAGA,6C;;;;;;;AAOO,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAA2D,oBAAxDC,EAAwD,CAAxDA,EAAwD,8DAAtBC,QAAsB,QAAtBA,QAAsB;AACxF,kBAA4B,sBAA5B,CAAOC,MAAP,gBAAeC,SAAf;;AAEA,WAASC,MAAT,CAAgBC,EAAhB,EAAoC;AAClC,QAAI,CAACH,MAAD,IAAWG,EAAf,EAAmB;AACjBF,MAAAA,SAAS,CAAC,yBAAWE,EAAX,EAAeL,EAAf,CAAD,CAAT;AACD;AACF;;AAED;AACE;AACE,0CAAK,GAAG,EAAEI,MAAV,GADF;AAEGF,IAAAA,MAAM,iBAAI,6BAAC,wBAAD,IAAiB,KAAK,EAAEA,MAAxB,IAAiCD,QAAjC,CAFb,CADF;;;AAMD,CAfM,C;;AAiBA,IAAMK,UAAU,GAAG,SAAbA,UAAa;;;;;;;AAOnB,8CANLL,QAMK,SANLA,QAMK,CALFM,IAKE;AACL,MAAML,MAAM,GAAG,0BAAf;AACA,MAAMM,IAAI,GAAG,mBAAY,IAAZ,CAAb;;AAEA,MAAMC,QAAQ,GAAGP,MAAM,CAACQ,KAAP,CAAaC,SAAb,CAAuBC,WAAvB,EAAjB;AACA,MAAMC,WAAW,GAAGJ,QAAH,sCAAGA,QAAQ,CAAEK,IAAb,qBAAG,eAAgBC,UAApC;AACA,MAAI,CAACF,WAAL,EAAkB;AAChB,wBAAO,4DAAGZ,QAAH,CAAP;AACD;;AAED,MAAMe,kBAAkB,YAAIH,WAAJ,oBAAIA,WAAW,CAAEG,kBAAjB,oBAA2D,EAAnF;;AAEA,MAAIC,8BAAgB,mBAAmBA,0BAAnC,IAAmDA,2BAAaC,aAApE,EAAmF;AACjF,QAAMC,UAAU,GAAG,IAAIF,2BAAaC,aAAjB,EAAnB,CADiF,CACrB;AAC5DC,IAAAA,UAAU,CAACC,WAAX;AACEC,IAAAA,MAAM,CAACC,OAAP,CAAepB,MAAM,CAACqB,KAAP,CAAaC,UAA5B;AACGC,IAAAA,GADH,CACO,sBAAEC,GAAF,YAAOC,KAAP,yBAAsBD,GAAtB,SAA6BC,KAA7B,QADP;AAEGC,IAAAA,IAFH,CAEQ,EAFR,CADF;;;AAMAZ,IAAAA,kBAAkB,CAACa,IAAnB,CAAwBV,UAAxB;AACD;;AAEDW,EAAAA,OAAO,CAACC,GAAR,CAAY,sBAAZ,mBAAoCvB,IAAI,CAACwB,OAAzC,qBAAoC,cAAcjB,UAAlD;AACA;AACAe,EAAAA,OAAO,CAACC,GAAR,4BAAiBxB,IAAjB;;AAEA;AACE,iCAAC,oBAAD,CAAY,GAAZ,IAAgB,GAAG,EAAEC,IAArB,EAA2B,IAAI,EAAC,MAAhC,EAAuC,WAAW,YAAMQ,kBAAN,CAAlD;AACE,iCAAC,eAAD,QAAkBf,QAAlB,CADF,CADF;;;AAKD,CAvCM,C","sourcesContent":["import React, { PropsWithChildren, ReactNode, useRef, useState } from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\nimport shadowRoot from 'react-shadow';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { EmotionProvider, getEmotion, useEmotion } from '../theming/Emotion';\n\ninterface Props {\n  id?: string;\n  children: ReactNode;\n}\n\nexport const StylesContainer = ({ id = `react-ui-styles-container`, children }: Props) => {\n  const [styles, setStyles] = useState<Emotion>();\n\n  function setRef(el: HTMLDivElement) {\n    if (!styles && el) {\n      setStyles(getEmotion(el, id));\n    }\n  }\n\n  return (\n    <>\n      <div ref={setRef} />\n      {styles && <EmotionProvider value={styles}>{children}</EmotionProvider>}\n    </>\n  );\n};\n\nexport const WithStyles = ({\n  children,\n  ...rest\n}: PropsWithChildren<{\n  rootId: string;\n  domContainer: Nullable<HTMLElement>;\n  anchor: ReactNode;\n}>) => {\n  const styles = useEmotion();\n  const node = useRef<any>(null);\n\n  const rootNode = styles.sheet.container.getRootNode() as any;\n  const shadowRoot1 = rootNode?.host?.shadowRoot as any;\n  if (!shadowRoot1) {\n    return <>{children}</>;\n  }\n\n  const adoptedStyleSheets = (shadowRoot1?.adoptedStyleSheets as CSSStyleSheet[]) ?? [];\n\n  if (globalObject && 'CSSStyleSheet' in globalObject && globalObject.CSSStyleSheet) {\n    const styleSheet = new globalObject.CSSStyleSheet() as any; //CSSStyleSheet\n    styleSheet.replaceSync(\n      Object.entries(styles.cache.registered)\n        .map(([key, value]) => `.${key}{${value}}`)\n        .join(''),\n    );\n\n    adoptedStyleSheets.push(styleSheet);\n  }\n\n  console.log('shadowRoot in portal', node.current?.shadowRoot);\n  // console.log('adoptedStyleSheets in portal', node.current?.shadowRoot?.adoptedStyleSheets);\n  console.log({ ...rest });\n\n  return (\n    <shadowRoot.div ref={node} mode=\"open\" styleSheets={[...adoptedStyleSheets]}>\n      <StylesContainer>{children}</StylesContainer>\n    </shadowRoot.div>\n  );\n};\n"]}

package/cjs/lib/widgets/index.d.ts

@@ -0,0 +1 @@
+export * from './StylesContainer';

package/cjs/lib/widgets/index.js

@@ -0,0 +1 @@
+"use strict";exports.__esModule = true;var _StylesContainer = require("./StylesContainer");Object.keys(_StylesContainer).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _StylesContainer[key]) return;exports[key] = _StylesContainer[key];});

package/cjs/lib/widgets/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './StylesContainer';\n"]}

package/components/Autocomplete/Autocomplete/Autocomplete.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-var _excluded = ["onValueChange", "onKeyDown", "onFocus", "onBlur", "renderItem", "disablePortal", "hasShadow", "menuAlign", "menuMaxHeight", "preventWindowScroll", "source", "width", "mobileMenuHeaderText", "aria-label"];
+var _excluded = ["onValueChange", "onKeyDown", "onFocus", "onBlur", "renderItem", "disablePortal", "hasShadow", "menuAlign", "menuMaxHeight", "preventWindowScroll", "source", "menuPos", "width", "mobileMenuHeaderText", "aria-label"];
 
 var _dec, _class, _class2, _temp; // TODO: Enable this rule in functional components.
 
@@ -14,6 +14,7 @@ import PropTypes from 'prop-types';
 import { MenuMessage } from "../../../internal/MenuMessage";
 import { locale } from "../../../lib/locale/decorators";
 import { getRandomID, isNullable } from "../../../lib/utils";
+import { cx } from "../../../lib/theming/Emotion";
 import { isKeyArrowDown, isKeyArrowUp, isKeyEnter, isKeyEscape } from "../../../lib/events/keyboard/identifiers";
 import { Input } from "../../Input";
 import { DropdownContainer } from "../../../internal/DropdownContainer";
@@ -28,7 +29,7 @@ import { responsiveLayout } from "../../ResponsiveLayout/decorator";
 import { getRootNode, rootNode } from "../../../lib/rootNode";
 import { getDOMRect } from "../../../lib/dom/getDOMRect";
 import { EmotionConsumer } from "../../../lib/theming/Emotion";
-import { ThemeConsumer, ThemeProvider } from "../../../lib/theming/ThemeContext";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { AutocompleteLocaleHelper } from "../locale";
 import { getAutocompleteTheme } from "../getAutocompleteTheme";
 import { getStyles } from "../Autocomplete.styles";
@@ -86,6 +87,8 @@ var Autocomplete = (_dec = locale('Autocomplete', AutocompleteLocaleHelper), res
     _this.getProps = createPropsGetter(Autocomplete.defaultProps);
 
     _this.renderMain = function (props) {
+      var _cx;
+
       var focused = _this.state.focused;
       var isMobile = _this.isMobileLayout;
 
@@ -100,6 +103,7 @@ var Autocomplete = (_dec = locale('Autocomplete', AutocompleteLocaleHelper), res
           menuMaxHeight = props.menuMaxHeight,
           preventWindowScroll = props.preventWindowScroll,
           source = props.source,
+          menuPos = props.menuPos,
           _props$width = props.width,
           width = _props$width === void 0 ? _this.theme.inputWidth : _props$width,
           mobileMenuHeaderText = props.mobileMenuHeaderText,
@@ -108,6 +112,7 @@ var Autocomplete = (_dec = locale('Autocomplete', AutocompleteLocaleHelper), res
 
       var inputProps = _extends({}, rest, {
         width: '100%',
+        autoComplete: 'off',
         onValueChange: _this.handleValueChange,
         onKeyDown: _this.handleKeyDown,
         onFocus: _this.handleFocus,
@@ -121,7 +126,7 @@ var Autocomplete = (_dec = locale('Autocomplete', AutocompleteLocaleHelper), res
         active: focused
       }, /*#__PURE__*/React.createElement("span", {
         "data-tid": AutocompleteDataTids.root,
-        className: styles.root(_this.theme),
+        className: cx(styles.root(_this.theme), (_cx = {}, _cx[styles.noPortal()] = disablePortal, _cx)),
         style: {
           width: width
         },
@@ -136,6 +141,7 @@ var Autocomplete = (_dec = locale('Autocomplete', AutocompleteLocaleHelper), res
       var _this$mobilePopup;
 
       var inputProps = {
+        autoComplete: 'off',
         autoFocus: true,
         width: '100%',
         onValueChange: _this.handleValueChange,
@@ -338,9 +344,9 @@ var Autocomplete = (_dec = locale('Autocomplete', AutocompleteLocaleHelper), res
 
     return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
       _this2.emotion = emotion;
-      return /*#__PURE__*/React.createElement(ThemeConsumer, null, function (theme) {
+      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
         _this2.theme = getAutocompleteTheme(theme);
-        return /*#__PURE__*/React.createElement(ThemeProvider, {
+        return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
           value: _this2.theme
         }, /*#__PURE__*/React.createElement(CommonWrapper, _extends({
           rootNodeRef: _this2.setRootNode