@skbkontur/react-ui 0.0.0-2eafa74fd6 → 0.0.0-30619a873c

package/lib/styles/getLabGrotesqueBaselineCompensation.d.ts

@@ -0,0 +1 @@
+export declare const getLabGrotesqueBaselineCompensation: (fontSize: number, compensation: number, isChrome: boolean, isFirefox: boolean) => number;

package/lib/taskWithDelayAndMinimalDuration/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/lib/taskWithDelayAndMinimalDuration.js",
+  "module": "taskWithDelayAndMinimalDuration",
+  "types": "../taskWithDelayAndMinimalDuration.d.ts",
+  "sideEffects": false
+}

package/lib/taskWithDelayAndMinimalDuration/taskWithDelayAndMinimalDuration.js

@@ -0,0 +1,61 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { globalObject } from '@skbkontur/global-object';
+export var TaskWithDelayAndMinimalDuration = function TaskWithDelayAndMinimalDuration(initialValues) {
+  var _this = this;
+  this.isTaskActive = false;
+  this.setTimeoutBeforeTaskStart = function () {
+    _this.timeoutBeforeTaskStart = globalObject.setTimeout(function () {
+      _this.isTaskActive && _this.taskParams.taskStartCallback();
+      _this.clearTimeoutBeforeTaskStart();
+      _this.setTimeoutBeforeTaskStop();
+    }, _this.taskParams.delayBeforeTaskStart);
+  };
+  this.setTimeoutBeforeTaskStop = function () {
+    _this.timeoutBeforeTaskStop = globalObject.setTimeout(function () {
+      !_this.isTaskActive && _this.taskParams.taskStopCallback();
+      _this.clearTimeoutBeforeTaskStop();
+    }, _this.taskParams.durationOfTask);
+  };
+  this.clearTimeoutBeforeTaskStart = function () {
+    _this.timeoutBeforeTaskStart && globalObject.clearTimeout(_this.timeoutBeforeTaskStart);
+    _this.timeoutBeforeTaskStart = null;
+  };
+  this.clearTimeoutBeforeTaskStop = function () {
+    _this.timeoutBeforeTaskStop && globalObject.clearTimeout(_this.timeoutBeforeTaskStop);
+    _this.timeoutBeforeTaskStop = null;
+  };
+  this.start = function () {
+    if (_this.isTaskActive) {
+      return;
+    }
+    _this.isTaskActive = true;
+    if (_this.timeoutBeforeTaskStop) {
+      return;
+    }
+    if (_this.timeoutBeforeTaskStart) {
+      _this.clearTimeoutBeforeTaskStart();
+    }
+    _this.setTimeoutBeforeTaskStart();
+  };
+  this.update = function (updateData) {
+    _this.taskParams = _extends({}, _this.taskParams, updateData);
+  };
+  this.stop = function () {
+    if (!_this.isTaskActive) {
+      return;
+    }
+    _this.isTaskActive = false;
+    if (!_this.timeoutBeforeTaskStart && !_this.timeoutBeforeTaskStop) {
+      _this.taskParams.taskStopCallback();
+    }
+    if (_this.timeoutBeforeTaskStart) {
+      _this.clearTimeoutBeforeTaskStart();
+    }
+  };
+  this.clearTask = function () {
+    _this.isTaskActive = false;
+    _this.clearTimeoutBeforeTaskStart();
+    _this.clearTimeoutBeforeTaskStop();
+  };
+  this.taskParams = initialValues;
+};

package/lib/taskWithDelayAndMinimalDuration/taskWithDelayAndMinimalDuration.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["globalObject","TaskWithDelayAndMinimalDuration","initialValues","_this","isTaskActive","setTimeoutBeforeTaskStart","timeoutBeforeTaskStart","setTimeout","taskParams","taskStartCallback","clearTimeoutBeforeTaskStart","setTimeoutBeforeTaskStop","delayBeforeTaskStart","timeoutBeforeTaskStop","taskStopCallback","clearTimeoutBeforeTaskStop","durationOfTask","clearTimeout","start","update","updateData","_extends","stop","clearTask"],"sources":["taskWithDelayAndMinimalDuration.ts"],"sourcesContent":["import { globalObject, SafeTimer } from '@skbkontur/global-object';\n\nexport interface TaskWithDelayAndMinimalDurationProps {\n  delayBeforeTaskStart: number;\n  durationOfTask: number;\n  taskStartCallback: () => void;\n  taskStopCallback: () => void;\n}\n\nexport class TaskWithDelayAndMinimalDuration {\n  private timeoutBeforeTaskStart: SafeTimer;\n  private timeoutBeforeTaskStop: SafeTimer;\n  private taskParams: TaskWithDelayAndMinimalDurationProps;\n  private isTaskActive = false;\n\n  constructor(initialValues: TaskWithDelayAndMinimalDurationProps) {\n    this.taskParams = initialValues;\n  }\n\n  private setTimeoutBeforeTaskStart = () => {\n    this.timeoutBeforeTaskStart = globalObject.setTimeout(() => {\n      this.isTaskActive && this.taskParams.taskStartCallback();\n      this.clearTimeoutBeforeTaskStart();\n      this.setTimeoutBeforeTaskStop();\n    }, this.taskParams.delayBeforeTaskStart);\n  };\n\n  private setTimeoutBeforeTaskStop = () => {\n    this.timeoutBeforeTaskStop = globalObject.setTimeout(() => {\n      !this.isTaskActive && this.taskParams.taskStopCallback();\n      this.clearTimeoutBeforeTaskStop();\n    }, this.taskParams.durationOfTask);\n  };\n\n  private clearTimeoutBeforeTaskStart = () => {\n    this.timeoutBeforeTaskStart && globalObject.clearTimeout(this.timeoutBeforeTaskStart);\n    this.timeoutBeforeTaskStart = null;\n  };\n\n  private clearTimeoutBeforeTaskStop = () => {\n    this.timeoutBeforeTaskStop && globalObject.clearTimeout(this.timeoutBeforeTaskStop);\n    this.timeoutBeforeTaskStop = null;\n  };\n\n  public start = () => {\n    if (this.isTaskActive) {\n      return;\n    }\n\n    this.isTaskActive = true;\n\n    if (this.timeoutBeforeTaskStop) {\n      return;\n    }\n\n    if (this.timeoutBeforeTaskStart) {\n      this.clearTimeoutBeforeTaskStart();\n    }\n\n    this.setTimeoutBeforeTaskStart();\n  };\n\n  public update = (updateData: Partial<TaskWithDelayAndMinimalDurationProps>) => {\n    this.taskParams = { ...this.taskParams, ...updateData };\n  };\n\n  public stop = () => {\n    if (!this.isTaskActive) {\n      return;\n    }\n\n    this.isTaskActive = false;\n\n    if (!this.timeoutBeforeTaskStart && !this.timeoutBeforeTaskStop) {\n      this.taskParams.taskStopCallback();\n    }\n\n    if (this.timeoutBeforeTaskStart) {\n      this.clearTimeoutBeforeTaskStart();\n    }\n  };\n\n  public clearTask = () => {\n    this.isTaskActive = false;\n    this.clearTimeoutBeforeTaskStart();\n    this.clearTimeoutBeforeTaskStop();\n  };\n}\n"],"mappings":"0DAAA,SAASA,YAAY,QAAmB,0BAA0B;;;;;;;;;AASlE,WAAaC,+BAA+B;;;;;;AAM1C,SAAAA,gCAAYC,aAAmD,EAAE,KAAAC,KAAA,aAFzDC,YAAY,GAAG,KAAK;;;;EAMpBC,yBAAyB,GAAG,YAAM;IACxCF,KAAI,CAACG,sBAAsB,GAAGN,YAAY,CAACO,UAAU,CAAC,YAAM;MAC1DJ,KAAI,CAACC,YAAY,IAAID,KAAI,CAACK,UAAU,CAACC,iBAAiB,CAAC,CAAC;MACxDN,KAAI,CAACO,2BAA2B,CAAC,CAAC;MAClCP,KAAI,CAACQ,wBAAwB,CAAC,CAAC;IACjC,CAAC,EAAER,KAAI,CAACK,UAAU,CAACI,oBAAoB,CAAC;EAC1C,CAAC;;EAEOD,wBAAwB,GAAG,YAAM;IACvCR,KAAI,CAACU,qBAAqB,GAAGb,YAAY,CAACO,UAAU,CAAC,YAAM;MACzD,CAACJ,KAAI,CAACC,YAAY,IAAID,KAAI,CAACK,UAAU,CAACM,gBAAgB,CAAC,CAAC;MACxDX,KAAI,CAACY,0BAA0B,CAAC,CAAC;IACnC,CAAC,EAAEZ,KAAI,CAACK,UAAU,CAACQ,cAAc,CAAC;EACpC,CAAC;;EAEON,2BAA2B,GAAG,YAAM;IAC1CP,KAAI,CAACG,sBAAsB,IAAIN,YAAY,CAACiB,YAAY,CAACd,KAAI,CAACG,sBAAsB,CAAC;IACrFH,KAAI,CAACG,sBAAsB,GAAG,IAAI;EACpC,CAAC;;EAEOS,0BAA0B,GAAG,YAAM;IACzCZ,KAAI,CAACU,qBAAqB,IAAIb,YAAY,CAACiB,YAAY,CAACd,KAAI,CAACU,qBAAqB,CAAC;IACnFV,KAAI,CAACU,qBAAqB,GAAG,IAAI;EACnC,CAAC;;EAEMK,KAAK,GAAG,YAAM;IACnB,IAAIf,KAAI,CAACC,YAAY,EAAE;MACrB;IACF;;IAEAD,KAAI,CAACC,YAAY,GAAG,IAAI;;IAExB,IAAID,KAAI,CAACU,qBAAqB,EAAE;MAC9B;IACF;;IAEA,IAAIV,KAAI,CAACG,sBAAsB,EAAE;MAC/BH,KAAI,CAACO,2BAA2B,CAAC,CAAC;IACpC;;IAEAP,KAAI,CAACE,yBAAyB,CAAC,CAAC;EAClC,CAAC;;EAEMc,MAAM,GAAG,UAACC,UAAyD,EAAK;IAC7EjB,KAAI,CAACK,UAAU,GAAAa,QAAA,KAAQlB,KAAI,CAACK,UAAU,EAAKY,UAAU,CAAE;EACzD,CAAC;;EAEME,IAAI,GAAG,YAAM;IAClB,IAAI,CAACnB,KAAI,CAACC,YAAY,EAAE;MACtB;IACF;;IAEAD,KAAI,CAACC,YAAY,GAAG,KAAK;;IAEzB,IAAI,CAACD,KAAI,CAACG,sBAAsB,IAAI,CAACH,KAAI,CAACU,qBAAqB,EAAE;MAC/DV,KAAI,CAACK,UAAU,CAACM,gBAAgB,CAAC,CAAC;IACpC;;IAEA,IAAIX,KAAI,CAACG,sBAAsB,EAAE;MAC/BH,KAAI,CAACO,2BAA2B,CAAC,CAAC;IACpC;EACF,CAAC;;EAEMa,SAAS,GAAG,YAAM;IACvBpB,KAAI,CAACC,YAAY,GAAG,KAAK;IACzBD,KAAI,CAACO,2BAA2B,CAAC,CAAC;IAClCP,KAAI,CAACY,0BAA0B,CAAC,CAAC;EACnC,CAAC,CAtEC,IAAI,CAACP,UAAU,GAAGN,aAAa,CACjC,CAAC","ignoreList":[]}

package/lib/taskWithDelayAndMinimalDuration.d.ts

@@ -0,0 +1,21 @@
+export interface TaskWithDelayAndMinimalDurationProps {
+    delayBeforeTaskStart: number;
+    durationOfTask: number;
+    taskStartCallback: () => void;
+    taskStopCallback: () => void;
+}
+export declare class TaskWithDelayAndMinimalDuration {
+    private timeoutBeforeTaskStart;
+    private timeoutBeforeTaskStop;
+    private taskParams;
+    private isTaskActive;
+    constructor(initialValues: TaskWithDelayAndMinimalDurationProps);
+    private setTimeoutBeforeTaskStart;
+    private setTimeoutBeforeTaskStop;
+    private clearTimeoutBeforeTaskStart;
+    private clearTimeoutBeforeTaskStop;
+    start: () => void;
+    update: (updateData: Partial<TaskWithDelayAndMinimalDurationProps>) => void;
+    stop: () => void;
+    clearTask: () => void;
+}

package/lib/theming/AnimationKeyframes/AnimationKeyframes.js

@@ -0,0 +1,17 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+import { keyframes } from "../Emotion";
+export var AnimationKeyframes = {
+  spinnerCircleOffset: function spinnerCircleOffset() {
+    return keyframes(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        0% { stroke-dashoffset: 231.25%; }\n        100% { stroke-dashoffset: 0%; }\n      "])));
+  },
+  spinnerCircleLength: function spinnerCircleLength() {
+    return keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        0% { stroke-dasharray: 62.5%, 168.75%; }\n        50% {  stroke-dasharray: 187.5%, 43.75%; }\n        100% { stroke-dasharray: 62.5%, 168.75%; }\n      "])));
+  },
+  spinnerCircleRotate: function spinnerCircleRotate() {
+    return keyframes(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        100% { transform: rotate(360deg); }\n      "])));
+  },
+  spinnerColor: function spinnerColor(t) {
+    return keyframes(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        100%, 0% { stroke: ", "; }\n        40% { stroke: ", "; }\n        66% { stroke: ", "; }\n        80%, 90% { stroke: ", "; }\n      "])), t.red, t.yellow, t.green, t.brand);
+  }
+};

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

@@ -0,0 +1 @@
+{"version":3,"names":["keyframes","AnimationKeyframes","spinnerCircleOffset","_templateObject","_taggedTemplateLiteralLoose","spinnerCircleLength","_templateObject2","spinnerCircleRotate","_templateObject3","spinnerColor","t","_templateObject4","red","yellow","green","brand"],"sources":["AnimationKeyframes.ts"],"sourcesContent":["import { keyframes } from './Emotion';\nimport { Theme } from './Theme';\n\nexport const AnimationKeyframes = {\n  spinnerCircleOffset() {\n    return keyframes`\n        0% { stroke-dashoffset: 231.25%; }\n        100% { stroke-dashoffset: 0%; }\n      `;\n  },\n  spinnerCircleLength() {\n    return keyframes`\n        0% { stroke-dasharray: 62.5%, 168.75%; }\n        50% {  stroke-dasharray: 187.5%, 43.75%; }\n        100% { stroke-dasharray: 62.5%, 168.75%; }\n      `;\n  },\n  spinnerCircleRotate() {\n    return keyframes`\n        100% { transform: rotate(360deg); }\n      `;\n  },\n  spinnerColor(t: Theme) {\n    return keyframes`\n        100%, 0% { stroke: ${t.red}; }\n        40% { stroke: ${t.yellow}; }\n        66% { stroke: ${t.green}; }\n        80%, 90% { stroke: ${t.brand}; }\n      `;\n  },\n};\n"],"mappings":"0KAAA,SAASA,SAAS,QAAQ,WAAW;;;AAGrC,OAAO,IAAMC,kBAAkB,GAAG;EAChCC,mBAAmB,WAAAA,oBAAA,EAAG;IACpB,OAAOF,SAAS,CAAAG,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;EAIlB,CAAC;EACDC,mBAAmB,WAAAA,oBAAA,EAAG;IACpB,OAAOL,SAAS,CAAAM,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;;EAKlB,CAAC;EACDG,mBAAmB,WAAAA,oBAAA,EAAG;IACpB,OAAOP,SAAS,CAAAQ,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;EAGlB,CAAC;EACDK,YAAY,WAAAA,aAACC,CAAQ,EAAE;IACrB,OAAOV,SAAS,CAAAW,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;IACSM,CAAC,CAACE,GAAG;IACVF,CAAC,CAACG,MAAM;IACRH,CAAC,CAACI,KAAK;IACFJ,CAAC,CAACK,KAAK;;EAElC;AACF,CAAC","ignoreList":[]}

package/lib/theming/AnimationKeyframes/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/lib/theming/AnimationKeyframes.js",
+  "module": "AnimationKeyframes",
+  "types": "../AnimationKeyframes.d.ts",
+  "sideEffects": false
+}

package/lib/theming/AnimationKeyframes.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from './Theme';
+export declare const AnimationKeyframes: {
+    spinnerCircleOffset(): string;
+    spinnerCircleLength(): string;
+    spinnerCircleRotate(): string;
+    spinnerColor(t: Theme): string;
+};

package/lib/theming/Emotion/Emotion.js

@@ -0,0 +1,65 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+var _globalObject$documen;
+import createEmotion from '@emotion/css/create-instance';
+import extraScopePlugin from 'stylis-plugin-extra-scope';
+import { globalObject } from '@skbkontur/global-object';
+import { Upgrade } from "../../Upgrades";
+var REACT_UI_PREFIX = Upgrade.getSpecificityClassName();
+var scope = new Array(Upgrade.getSpecificityLevel()).fill("." + REACT_UI_PREFIX).join('');
+var _createEmotion = createEmotion({
+    key: REACT_UI_PREFIX,
+    prepend: true,
+    stylisPlugins: scope ? [extraScopePlugin(scope)] : undefined,
+    container: (_globalObject$documen = globalObject.document) == null ? void 0 : _globalObject$documen.head
+  }),
+  flush = _createEmotion.flush,
+  hydrate = _createEmotion.hydrate,
+  cx = _createEmotion.cx,
+  merge = _createEmotion.merge,
+  getRegisteredStyles = _createEmotion.getRegisteredStyles,
+  injectGlobal = _createEmotion.injectGlobal,
+  keyframes = _createEmotion.keyframes,
+  css = _createEmotion.css,
+  sheet = _createEmotion.sheet,
+  cache = _createEmotion.cache;
+export { flush, hydrate, cx, merge, getRegisteredStyles, injectGlobal, keyframes, css, sheet, cache };
+function isZeroArgs(fn) {
+  return fn.length === 0;
+}
+var memoize = function memoize(fn) {
+  if (isZeroArgs(fn)) {
+    var isCalled = false;
+    var result;
+    return function () {
+      if (!isCalled) {
+        isCalled = true;
+        result = fn();
+      }
+      return result;
+    };
+  }
+  var cache = new WeakMap();
+  return function (arg) {
+    if (!cache.has(arg)) {
+      cache.set(arg, fn(arg));
+    }
+    return cache.get(arg);
+  };
+};
+export var memoizeStyle = function memoizeStyle(styles) {
+  Object.keys(styles).forEach(function (className) {
+    return styles[className] = memoize(styles[className]);
+  });
+  return styles;
+};
+export var prefix = function prefix(component, app) {
+  if (app === void 0) {
+    app = REACT_UI_PREFIX;
+  }
+  return function (classes) {
+    return Object.keys(classes).reduce(function (acc, key) {
+      var _extends2;
+      return _extends({}, acc, (_extends2 = {}, _extends2[key] = app + "-" + component + "-" + classes[key], _extends2));
+    }, {});
+  };
+};

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

@@ -0,0 +1 @@
+{"version":3,"names":["createEmotion","extraScopePlugin","globalObject","Upgrade","REACT_UI_PREFIX","getSpecificityClassName","scope","Array","getSpecificityLevel","fill","join","_createEmotion","key","prepend","stylisPlugins","undefined","container","_globalObject$documen","document","head","flush","hydrate","cx","merge","getRegisteredStyles","injectGlobal","keyframes","css","sheet","cache","isZeroArgs","fn","length","memoize","isCalled","result","WeakMap","arg","has","set","get","memoizeStyle","styles","Object","keys","forEach","className","prefix","component","app","classes","reduce","acc","_extends2","_extends"],"sources":["Emotion.ts"],"sourcesContent":["import createEmotion from '@emotion/css/create-instance';\nimport extraScopePlugin from 'stylis-plugin-extra-scope';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { Upgrade } from '../Upgrades';\nimport { AnyObject, FunctionWithParams } from '../utils';\n\nimport { Theme } from './Theme';\n\nconst REACT_UI_PREFIX = Upgrade.getSpecificityClassName();\n\nconst scope = new Array(Upgrade.getSpecificityLevel()).fill(`.${REACT_UI_PREFIX}`).join('');\n\nexport const { flush, hydrate, cx, merge, getRegisteredStyles, injectGlobal, keyframes, css, sheet, cache } =\n  createEmotion({\n    key: REACT_UI_PREFIX,\n    prepend: true,\n    stylisPlugins: scope ? [extraScopePlugin(scope)] : undefined,\n    container: globalObject.document?.head,\n  });\n\nfunction isZeroArgs<R, T extends FunctionWithParams<R>>(fn: T | FunctionWithParams<R>): fn is () => R {\n  return fn.length === 0;\n}\n\nconst memoize = <A extends AnyObject, R>(fn: (() => R) | ((arg: A) => R)): (() => R) | ((arg: A) => R) => {\n  if (isZeroArgs(fn)) {\n    let isCalled = false;\n    let result: R;\n    return () => {\n      if (!isCalled) {\n        isCalled = true;\n        result = fn();\n      }\n      return result;\n    };\n  }\n\n  const cache = new WeakMap();\n  return (arg: A) => {\n    if (!cache.has(arg)) {\n      cache.set(arg, fn(arg));\n    }\n\n    return cache.get(arg);\n  };\n};\n\nexport const memoizeStyle = <S extends { [className: string]: (() => string) | ((t: Theme) => string) }>(\n  styles: S,\n): S => {\n  Object.keys(styles).forEach((className) => (styles[className as keyof S] = memoize(styles[className]) as S[keyof S]));\n  return styles;\n};\n\nexport const prefix =\n  (component: string, app = REACT_UI_PREFIX) =>\n  <T extends Record<string, string>>(classes: T): T =>\n    Object.keys(classes).reduce((acc, key) => {\n      return { ...acc, [key]: `${app}-${component}-${classes[key]}` };\n    }, {} as T);\n"],"mappings":"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","ignoreList":[]}

package/lib/theming/Emotion/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/lib/theming/Emotion.js",
+  "module": "Emotion",
+  "types": "../Emotion.d.ts",
+  "sideEffects": false
+}

package/lib/theming/Emotion.d.ts

@@ -0,0 +1,15 @@
+import { Theme } from './Theme';
+export declare const flush: () => void, hydrate: (ids: string[]) => void, cx: (...classNames: import("@emotion/css/create-instance").ClassNamesArg[]) => string, merge: (className: string) => string, getRegisteredStyles: (registeredStyles: string[], className: string) => string, injectGlobal: {
+    (template: TemplateStringsArray, ...args: import("@emotion/serialize").CSSInterpolation[]): void;
+    (...args: import("@emotion/serialize").CSSInterpolation[]): void;
+}, keyframes: {
+    (template: TemplateStringsArray, ...args: import("@emotion/serialize").CSSInterpolation[]): string;
+    (...args: import("@emotion/serialize").CSSInterpolation[]): string;
+}, css: {
+    (template: TemplateStringsArray, ...args: import("@emotion/serialize").CSSInterpolation[]): string;
+    (...args: import("@emotion/serialize").CSSInterpolation[]): string;
+}, sheet: import("@emotion/css/create-instance").CSSStyleSheet, cache: import("@emotion/utils").EmotionCache;
+export declare const memoizeStyle: <S extends {
+    [className: string]: (() => string) | ((t: Theme) => string);
+}>(styles: S) => S;
+export declare const prefix: (component: string, app?: string) => <T extends Record<string, string>>(classes: T) => T;

package/lib/theming/Theme/Theme.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["Theme.ts"],"sourcesContent":["import { BasicLightTheme } from '../../internal/themes/BasicLightTheme';\n\nexport type Theme = Readonly<typeof BasicLightTheme>;\nexport type ThemeIn = Partial<typeof BasicLightTheme>;\n"],"mappings":"","ignoreList":[]}

package/lib/theming/Theme/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/lib/theming/Theme.js",
+  "module": "Theme",
+  "types": "../Theme.d.ts",
+  "sideEffects": false
+}

package/lib/theming/Theme.d.ts

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

package/lib/theming/ThemeContext/ThemeContext.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","LIGHT_THEME","ThemeContext","createContext","displayName","__KONTUR_REACT_UI__"],"sources":["ThemeContext.ts"],"sourcesContent":["import React from 'react';\n\nimport { LIGHT_THEME } from './themes/LightTheme';\n\nexport const ThemeContext = React.createContext(LIGHT_THEME);\n\nThemeContext.displayName = 'ThemeContext';\nThemeContext.__KONTUR_REACT_UI__ = 'ThemeContext';\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,WAAW,QAAQ,qBAAqB;;AAEjD,OAAO,IAAMC,YAAY,gBAAGF,KAAK,CAACG,aAAa,CAACF,WAAW,CAAC;;AAE5DC,YAAY,CAACE,WAAW,GAAG,cAAc;AACzCF,YAAY,CAACG,mBAAmB,GAAG,cAAc","ignoreList":[]}

package/lib/theming/ThemeContext/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/lib/theming/ThemeContext.js",
+  "module": "ThemeContext",
+  "types": "../ThemeContext.d.ts",
+  "sideEffects": false
+}

package/lib/theming/ThemeContext.d.ts

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

package/lib/theming/ThemeContext.md

@@ -0,0 +1,265 @@
+Для кастомизации компонентов используется ThemeContext, реализуемый через `React.Context<Theme>`
+
+Механизм работы: динамические стили генерируются в зависимости от темы в процессе render'а с помощью <a href="https://www.npmjs.com/package/emotion" target="_blank">emotion</a>, полученные классы добавляются в `className` соответствующих элементов.
+
+Тема задается с помощью `ThemeContext.Provider`:
+
+```jsx static
+import { ThemeContext } from '@skbkontur/react-ui';
+
+<ThemeContext.Provider value={theme}>{/* ... */}</ThemeContext.Provider>;
+```
+
+Использовать тему в компоненте можно через `ThemeContext.Consumer`:
+
+```jsx static
+import { ThemeContext, Button } from '@skbkontur/react-ui';
+
+<ThemeContext.Consumer>
+  {theme => /* ... */ }
+</ThemeContext.Consumer>
+```
+
+`useContext` в функциональных компонентах:
+
+```typescript static
+const theme = useContext(ThemeContext);
+```
+
+или задать `contextType` для класса:
+
+```typescript static
+public static contextType = ThemeContext;
+public context: Theme = this.context;
+```
+
+Список существующих тем:
+
+| Имя                     | Описание                                          |
+|-------------------------|---------------------------------------------------|
+| `LIGHT_THEME` | Текущая светлая тема, включена по умолчанию. Всегда включает в себя актуальные визуальные обновления. |
+| `DARK_THEME` | Текущая тёмная тема. Всегда включает в себя актуальные визуальные обновления. |
+| `LIGHT_THEME_2022_0` | Вариант светлой темы без актуальных визуальных обновлений. |
+| `DARK_THEME_2022_0` | Вариант тёмной темы без актуальных визуальных обновлений. |
+
+Если не нужны постоянные визуальные изменения, то можно использовать вариант `_2022_N`. В будущем, новые варианты с постфиксом `_2022_N` будут появлятся при обновлении дизайн системы.
+
+## Примеры использования
+
+### Создание собственной темы
+
+Собственные значения нужно передать в `ThemeFactory.create` и получившуюся тему можно использовать в `ThemeContext.Provider`. `ThemeFactory` расширяет переданный объект, задавая в качестве прототипа объект темы по умолчанию.
+
+```jsx harmony
+import { ThemeContext, ThemeFactory } from '@skbkontur/react-ui';
+import { ShowcaseGroup } from '@skbkontur/react-ui/internal/ThemePlayground/ShowcaseGroup';
+
+const myTheme = ThemeFactory.create({ btnBorderRadiusSmall: '10px' });
+
+<ThemeContext.Provider value={myTheme}>
+  <div style={{height: '100%', background: '#fff', padding: '16px'}}>
+    <ShowcaseGroup title="My Theme" />
+  </div>
+</ThemeContext.Provider>;
+```
+
+Вторым аргументом `ThemeFactory.create` может принимать объект, который будет использован в качестве базовой темы.
+
+```jsx static
+import { ThemeFactory, LIGHT_THEME } from '@skbkontur/react-ui';
+
+const myFlatTheme = ThemeFactory.create({ btnBorderRadiusSmall: '10px' }, LIGHT_THEME);
+```
+
+### Использование темы в своих компонентах
+
+```jsx harmony
+import { useContext } from 'react';
+import { ThemeContext, Button } from '@skbkontur/react-ui';
+
+function ButtonLinkWrapper(props) {
+  const theme = useContext(ThemeContext);
+
+  return (
+    <Button use="link" {...props}>
+      {props.children}
+      <span style={{ color: theme.textColorDefault }}> ↗</span>
+    </Button>
+  );
+}
+
+<ButtonLinkWrapper>ButtonLinkWrapper</ButtonLinkWrapper>;
+```
+
+### Добавление своих переменных
+
+Если вы хотите дополнить одну из тем новыми переменными для своих компонентов, то вы можете использовать отдельный контекст в расширенным объектом темы.
+
+```jsx harmony
+import { useContext } from 'react';
+import { ThemeFactory, Button } from '@skbkontur/react-ui';
+
+const MyThemeContext = React.createContext(ThemeFactory.create({ myTextColor: 'orange' }));
+
+MyThemeContext.displayName = 'MyThemeContext';
+
+function ButtonLinkWrapper(props) {
+  const theme = useContext(MyThemeContext);
+
+  return (
+    <Button use="link" {...props}>
+      {props.children}
+      <span style={{ color: theme.myTextColor }}> ↗</span>
+    </Button>
+  );
+}
+
+<ButtonLinkWrapper>ButtonLinkWrapper</ButtonLinkWrapper>;
+```
+
+### Кастомизация в legacy-приложениях
+
+В случае, если контролы рендерятся через какую-то общую обертку, достаточно добавить в нее `ThemeContext.Provider` с вашей темой. В противном случае, вам подойдет метод `ThemeFactory.overrideDefaultTheme()`.
+
+```typescript static
+import theme from './theme/theme';
+import { ThemeFactory } from '@skbkontur/react-ui/lib/theming/ThemeFactory';
+
+ThemeFactory.overrideDefaultTheme(theme);
+```
+
+### Варианты кастомизации:
+
+Несколько тем одновременно:
+<br/>
+
+```jsx harmony
+import { ThemeContext, LIGHT_THEME, DARK_THEME } from '@skbkontur/react-ui';
+import { ShowcaseGroup } from '@skbkontur/react-ui/internal/ThemePlayground/ShowcaseGroup';
+
+const CombinedComponents = () => (
+  <>
+    <div style={{height: '100%', background: '#fff', padding: '16px'}}>
+      <ThemeContext.Provider value={LIGHT_THEME}>
+        <div>
+          <ShowcaseGroup title="LIGHT_THEME" />
+        </div>
+      </ThemeContext.Provider>
+    </div>
+    <div style={{height: '100%', background: '#000', padding: '16px'}}>
+      <ThemeContext.Provider value={DARK_THEME}>
+        <div>
+          <ShowcaseGroup title="DARK_THEME" />
+        </div>
+      </ThemeContext.Provider>
+    </div>
+  </ >
+);
+
+<CombinedComponents />;
+```
+
+Вложенные темы:
+<br/>
+
+```jsx harmony
+import { ThemeContext, LIGHT_THEME, DARK_THEME } from '@skbkontur/react-ui';
+import { ShowcaseGroup } from '@skbkontur/react-ui/internal/ThemePlayground/ShowcaseGroup';
+
+const wrapperStyles = {
+  border: '1px solid rgb(188, 187, 187)',
+  padding: '0 15px 15px',
+  marginTop: 25,
+};
+
+const NestedThemes = () => (
+  <ThemeContext.Provider value={ LIGHT_THEME }>
+    <div style={{ ...wrapperStyles, width: 750, background: '#fff' }}>
+      <ShowcaseGroup title="LIGHT_THEME" />
+        <ThemeContext.Provider value={ DARK_THEME }>
+          <div style={{ ...wrapperStyles, background: '#000', color: '#fff' }}>
+            <ShowcaseGroup title="DARK_THEME" />
+          </div>
+        </ThemeContext.Provider>
+    </div>
+  </ThemeContext.Provider>
+);
+
+<NestedThemes />;
+```
+
+## Кастомизация @skbkontur/react-ui-addons
+
+Компоненты `@skbkontur/react-ui-addons` так же поддерживают кастомизацию через `ThemeContext` из `@skbkontur/react-ui`. Достаточно переопределить нужные переменные, которые перечислены на страницах компонентов в [докумендации аддонов](https://ui.gitlab-pages.kontur.host/docs/#/react-ui-addons).
+
+```tsx static
+import { ThemeContext, ThemeFactory } from '@skbkontur/react-ui';
+import { Logotype, AddonsThemeIn } from '@skbkontur/react-ui-addons';
+
+const myTheme = ThemeFactory.create<AddonsThemeIn>({
+  logoColor: 'black',
+});
+
+<ThemeContext.Provider value={myTheme}>
+  <Logotype />
+</ThemeContext.Provider>;
+```
+
+## Дополнительно
+
+### ColorFunctions.ts / DimensionFunctions.ts
+
+Несколько функций по работе с цветом вынесены из less в js, их можно использовать в своих темах (_ColorFunctions.ts_):
+
+```typescript static
+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).
+В качестве colorString можно передать цвет в одном из форматов: `keyword`, `hex`, `rgb(r, g, b)`, `rgba(r, g, b, a)`, `hsl(h, s, l)`, `hsla(h, s, l, a)`.
+В качестве `amount` можно передать строку вида 'N%' или число от 0 до 1.
+Все значения больше или меньше возможных обрезаются. Например, для `rgba(300, -100, 123, 20)` `r=255, g=0, b=123, a=1`.
+Если распарсить `colorString` не получилось - выбрасывается исключение.
+Если это возможно, результат возвращается в том же виде, что и входная строка:
+
+```typescript static
+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_):
+
+```typescript static
+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
+DimensionFunctions.shift('10.2', '12.333451') === '22.5335px' //дробная часть округляется до 4 знаков
+```
+
+### Список кастомизируемых компонентов
+
+Посмотреть, какие компоненты можно кастомизировать, а также увидеть, какие переменные используются в каждом из них, можно в [таблице](#/Customization/ThemeShowcase)
+Информация собирается в рантайме с помощью `Proxy`, поэтому в IE таблица не отображается.
+
+### Playground
+
+Внутренний компонент `Playground` (_components/internal/ThemePlayground/Playground.tsx_) можно использовать для построения своей темы.
+Для удобства в редакторе добавлено действие "вывести тему в консоль".

package/lib/theming/ThemeFactory/ThemeFactory.js

@@ -0,0 +1,48 @@
+import { BasicLightTheme } from "../../../internal/themes/BasicLightTheme";
+import { isNonNullable } from "../../utils";
+import { findPropertyDescriptor, REACT_UI_THEME_MARKERS } from "../ThemeHelpers";
+export var ThemeFactory = /*#__PURE__*/function () {
+  function ThemeFactory() {}
+  ThemeFactory.create = function create(theme, baseTheme) {
+    var base = baseTheme || BasicLightTheme;
+    return this.constructTheme(base, theme);
+  };
+  ThemeFactory.overrideBaseTheme = function overrideBaseTheme(theme) {
+    // copying theme variables
+    ThemeFactory.getKeys(BasicLightTheme).forEach(function (variableName) {
+      var descriptor = findPropertyDescriptor(theme, variableName);
+      Object.defineProperty(BasicLightTheme, variableName, descriptor);
+    });
+
+    // copying theme markers
+    Object.values(REACT_UI_THEME_MARKERS).forEach(function (marker) {
+      var descriptor = findPropertyDescriptor(theme, marker.key);
+      Object.defineProperty(BasicLightTheme, marker.key, descriptor);
+    });
+  };
+  ThemeFactory.getKeys = function getKeys(theme) {
+    var keys = [];
+    while (isNonNullable(theme)) {
+      Object.keys(theme).forEach(function (key) {
+        if (!keys.includes(key)) {
+          keys.push(key);
+        }
+      });
+      // TODO: Enable `no-param-reassign` rule.
+      // eslint-disable-next-line no-param-reassign
+      theme = Object.getPrototypeOf(theme);
+    }
+    return keys.sort();
+  };
+  ThemeFactory.constructTheme = function constructTheme(base, theme) {
+    var newTheme = Object.create(base);
+    Object.keys(theme).forEach(function (propName) {
+      var descriptor = Object.getOwnPropertyDescriptor(theme, propName);
+      if (descriptor) {
+        Object.defineProperty(newTheme, propName, descriptor);
+      }
+    });
+    return Object.freeze(newTheme);
+  };
+  return ThemeFactory;
+}();

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

@@ -0,0 +1 @@
+{"version":3,"names":["BasicLightTheme","isNonNullable","findPropertyDescriptor","REACT_UI_THEME_MARKERS","ThemeFactory","create","theme","baseTheme","base","constructTheme","overrideBaseTheme","getKeys","forEach","variableName","descriptor","Object","defineProperty","values","marker","key","keys","includes","push","getPrototypeOf","sort","newTheme","propName","getOwnPropertyDescriptor","freeze"],"sources":["ThemeFactory.ts"],"sourcesContent":["import { BasicLightTheme } from '../../internal/themes/BasicLightTheme';\nimport { isNonNullable, NoInfer } from '../utils';\n\nimport { Theme, ThemeIn } from './Theme';\nimport { findPropertyDescriptor, REACT_UI_THEME_MARKERS } from './ThemeHelpers';\n\nexport class ThemeFactory {\n  public static create<T>(theme: ThemeIn & NoInfer<T>, baseTheme?: Theme): Readonly<Theme & NoInfer<T>> {\n    const base = baseTheme || BasicLightTheme;\n    return this.constructTheme(base, theme);\n  }\n\n  public static overrideBaseTheme(theme: Theme) {\n    // copying theme variables\n    ThemeFactory.getKeys(BasicLightTheme).forEach((variableName) => {\n      const descriptor = findPropertyDescriptor(theme, variableName);\n      Object.defineProperty(BasicLightTheme, variableName, descriptor);\n    });\n\n    // copying theme markers\n    Object.values(REACT_UI_THEME_MARKERS).forEach((marker) => {\n      const descriptor = findPropertyDescriptor(theme, marker.key);\n      Object.defineProperty(BasicLightTheme, marker.key, descriptor);\n    });\n  }\n\n  public static getKeys<T extends Theme>(theme: T) {\n    const keys: Array<keyof T> = [];\n    while (isNonNullable(theme)) {\n      (Object.keys(theme) as typeof keys).forEach((key) => {\n        if (!keys.includes(key)) {\n          keys.push(key);\n        }\n      });\n      // TODO: Enable `no-param-reassign` rule.\n      // eslint-disable-next-line no-param-reassign\n      theme = Object.getPrototypeOf(theme);\n    }\n\n    return keys.sort();\n  }\n\n  private static constructTheme(base: Theme, theme: ThemeIn) {\n    const newTheme = Object.create(base);\n    Object.keys(theme).forEach((propName) => {\n      const descriptor = Object.getOwnPropertyDescriptor(theme, propName);\n      if (descriptor) {\n        Object.defineProperty(newTheme, propName, descriptor);\n      }\n    });\n\n    return Object.freeze(newTheme);\n  }\n}\n"],"mappings":"AAAA,SAASA,eAAe,QAAQ,uCAAuC;AACvE,SAASC,aAAa,QAAiB,UAAU;;;AAGjD,SAASC,sBAAsB,EAAEC,sBAAsB,QAAQ,gBAAgB;;AAE/E,WAAaC,YAAY,sCAAAA,aAAA,IAAAA,YAAA;EACTC,MAAM,GAApB,SAAAA,OAAwBC,KAA2B,EAAEC,SAAiB,EAAgC;IACpG,IAAMC,IAAI,GAAGD,SAAS,IAAIP,eAAe;IACzC,OAAO,IAAI,CAACS,cAAc,CAACD,IAAI,EAAEF,KAAK,CAAC;EACzC,CAAC,CAAAF,YAAA;;EAEaM,iBAAiB,GAA/B,SAAAA,kBAAgCJ,KAAY,EAAE;IAC5C;IACAF,YAAY,CAACO,OAAO,CAACX,eAAe,CAAC,CAACY,OAAO,CAAC,UAACC,YAAY,EAAK;MAC9D,IAAMC,UAAU,GAAGZ,sBAAsB,CAACI,KAAK,EAAEO,YAAY,CAAC;MAC9DE,MAAM,CAACC,cAAc,CAAChB,eAAe,EAAEa,YAAY,EAAEC,UAAU,CAAC;IAClE,CAAC,CAAC;;IAEF;IACAC,MAAM,CAACE,MAAM,CAACd,sBAAsB,CAAC,CAACS,OAAO,CAAC,UAACM,MAAM,EAAK;MACxD,IAAMJ,UAAU,GAAGZ,sBAAsB,CAACI,KAAK,EAAEY,MAAM,CAACC,GAAG,CAAC;MAC5DJ,MAAM,CAACC,cAAc,CAAChB,eAAe,EAAEkB,MAAM,CAACC,GAAG,EAAEL,UAAU,CAAC;IAChE,CAAC,CAAC;EACJ,CAAC,CAAAV,YAAA;;EAEaO,OAAO,GAArB,SAAAA,QAAuCL,KAAQ,EAAE;IAC/C,IAAMc,IAAoB,GAAG,EAAE;IAC/B,OAAOnB,aAAa,CAACK,KAAK,CAAC,EAAE;MAC1BS,MAAM,CAACK,IAAI,CAACd,KAAK,CAAC,CAAiBM,OAAO,CAAC,UAACO,GAAG,EAAK;QACnD,IAAI,CAACC,IAAI,CAACC,QAAQ,CAACF,GAAG,CAAC,EAAE;UACvBC,IAAI,CAACE,IAAI,CAACH,GAAG,CAAC;QAChB;MACF,CAAC,CAAC;MACF;MACA;MACAb,KAAK,GAAGS,MAAM,CAACQ,cAAc,CAACjB,KAAK,CAAC;IACtC;;IAEA,OAAOc,IAAI,CAACI,IAAI,CAAC,CAAC;EACpB,CAAC,CAAApB,YAAA;;EAEcK,cAAc,GAA7B,SAAAA,eAA8BD,IAAW,EAAEF,KAAc,EAAE;IACzD,IAAMmB,QAAQ,GAAGV,MAAM,CAACV,MAAM,CAACG,IAAI,CAAC;IACpCO,MAAM,CAACK,IAAI,CAACd,KAAK,CAAC,CAACM,OAAO,CAAC,UAACc,QAAQ,EAAK;MACvC,IAAMZ,UAAU,GAAGC,MAAM,CAACY,wBAAwB,CAACrB,KAAK,EAAEoB,QAAQ,CAAC;MACnE,IAAIZ,UAAU,EAAE;QACdC,MAAM,CAACC,cAAc,CAACS,QAAQ,EAAEC,QAAQ,EAAEZ,UAAU,CAAC;MACvD;IACF,CAAC,CAAC;;IAEF,OAAOC,MAAM,CAACa,MAAM,CAACH,QAAQ,CAAC;EAChC,CAAC,QAAArB,YAAA","ignoreList":[]}

package/lib/theming/ThemeFactory/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/lib/theming/ThemeFactory.js",
+  "module": "ThemeFactory",
+  "types": "../ThemeFactory.d.ts",
+  "sideEffects": false
+}

package/lib/theming/ThemeFactory.d.ts

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