@skbkontur/react-ui 6.4.3-5e1c3.0 → 6.4.3-82331.0

package/lib/theming/Emotion.js

@@ -9,56 +9,40 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import createEmotion from '@emotion/css/create-instance';
-import extraScopePlugin from 'stylis-plugin-extra-scope';
-import { Upgrade } from '../Upgrades.js';
-export var REACT_UI_PREFIX = Upgrade.getSpecificityClassName();
-var scope = new Array(Upgrade.getSpecificityLevel()).fill(".".concat(REACT_UI_PREFIX)).join('');
-export var getEmotion = function (_a) {
-    var _b = _a.key, key = _b === void 0 ? REACT_UI_PREFIX : _b, container = _a.container, nonce = _a.nonce;
-    return createEmotion({
-        key: key,
-        prepend: true,
-        stylisPlugins: scope ? [extraScopePlugin(scope)] : undefined,
-        container: container,
-        nonce: nonce,
-    });
-};
-function isZeroArgs(fn) {
-    return fn.length === 0;
-}
-var memoize = function (fn) {
-    if (isZeroArgs(fn)) {
-        var isCalled_1 = false;
-        var result_1;
-        return function () {
-            if (!isCalled_1) {
-                isCalled_1 = true;
-                result_1 = fn();
-            }
-            return result_1;
-        };
+export var REACT_UI_PREFIX = 'react-ui';
+var cx = function () {
+    var args = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        args[_i] = arguments[_i];
     }
-    var cache = new WeakMap();
-    return function (arg) {
-        if (!cache.has(arg)) {
-            cache.set(arg, fn(arg));
+    return args
+        .flatMap(function (arg) {
+        if (!arg) {
+            return [];
         }
-        return cache.get(arg);
-    };
+        if (Array.isArray(arg)) {
+            return [cx.apply(void 0, arg)];
+        }
+        if (typeof arg === 'object') {
+            return Object.keys(arg).filter(function (key) { return arg[key]; });
+        }
+        return [String(arg)];
+    })
+        .filter(Boolean)
+        .join(' ');
 };
-export var memoizeStyle = function (styles) {
-    Object.keys(styles).forEach(function (className) { return (styles[className] = memoize(styles[className])); });
-    return styles;
+var notAvailable = function () {
+    throw new Error('[react-ui] Стили собираются при сборке (vanilla-extract), рантайм-Emotion недоступен');
 };
-export var memoizeGetStyles = function (getStyles) {
-    var stylesCache = new WeakMap();
-    return function (emotion) {
-        if (!stylesCache.has(emotion)) {
-            stylesCache.set(emotion, memoizeStyle(getStyles(emotion)));
-        }
-        return stylesCache.get(emotion);
-    };
+/**
+ * Стили собираются при сборке, в рантайме от Emotion остался только `cx`.
+ * Форма объекта сохранена, чтобы компоненты не менялись.
+ */
+export var emotion = {
+    cx: cx,
+    css: notAvailable,
+    keyframes: notAvailable,
+    injectGlobal: notAvailable,
 };
 export var prefix = function (component, app) {
     if (app === void 0) { app = REACT_UI_PREFIX; }

package/lib/theming/Emotion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Emotion.js","sourceRoot":"","sources":["Emotion.ts"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,aAAa,MAAM,8BAA8B,CAAC;AACzD,OAAO,gBAAgB,MAAM,2BAA2B,CAAC;AAEzD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAIzC,MAAM,CAAC,IAAM,eAAe,GAAG,OAAO,CAAC,uBAAuB,EAAE,CAAC;AAEjE,IAAM,KAAK,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAC,IAAI,CAAC,WAAI,eAAe,CAAE,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE5F,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAQ1B;QAPC,WAAqB,EAArB,GAAG,mBAAG,eAAe,KAAA,EACrB,SAAS,eAAA,EACT,KAAK,WAAA;IAML,OAAA,aAAa,CAAC;QACZ,GAAG,KAAA;QACH,OAAO,EAAE,IAAI;QACb,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;QAC5D,SAAS,WAAA;QACT,KAAK,OAAA;KACN,CAAC;AANF,CAME,CAAC;AAEL,SAAS,UAAU,CAAqC,EAA6B;IACnF,OAAO,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC;AACzB,CAAC;AAED,IAAM,OAAO,GAAG,UAAyB,EAA+B;IACtE,IAAI,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC;QACnB,IAAI,UAAQ,GAAG,KAAK,CAAC;QACrB,IAAI,QAAS,CAAC;QACd,OAAO;YACL,IAAI,CAAC,UAAQ,EAAE,CAAC;gBACd,UAAQ,GAAG,IAAI,CAAC;gBAChB,QAAM,GAAG,EAAE,EAAE,CAAC;YAChB,CAAC;YACD,OAAO,QAAM,CAAC;QAChB,CAAC,CAAC;IACJ,CAAC;IAED,IAAM,KAAK,GAAG,IAAI,OAAO,EAAE,CAAC;IAC5B,OAAO,UAAC,GAAM;QACZ,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;YACpB,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;QAC1B,CAAC;QAED,OAAO,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxB,CAAC,CAAC;AACJ,CAAC,CAAC;AAQF,MAAM,CAAC,IAAM,YAAY,GAAG,UAAyB,MAAS;IAC5D,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,UAAC,SAAS,IAAK,OAAA,CAAC,MAAM,CAAC,SAAoB,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,CAAe,CAAC,EAAzE,CAAyE,CAAC,CAAC;IACtH,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAyB,SAA0B;IACjF,IAAM,WAAW,GAAG,IAAI,OAAO,EAAc,CAAC;IAC9C,OAAO,UAAC,OAAgB;QACtB,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YAC9B,WAAW,CAAC,GAAG,CAAC,OAAO,EAAE,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAC7D,CAAC;QAED,OAAO,WAAW,CAAC,GAAG,CAAC,OAAO,CAAM,CAAC;IACvC,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,MAAM,GACjB,UAAC,SAAiB,EAAE,GAAqB;IAArB,oBAAA,EAAA,qBAAqB;IACzC,OAAA,UAAmC,OAAU;QAC3C,OAAA,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,GAAG;;YACnC,6BAAY,GAAG,gBAAG,GAAG,IAAG,UAAG,GAAG,cAAI,SAAS,cAAI,OAAO,CAAC,GAAG,CAAC,CAAE,OAAG;QAClE,CAAC,EAAE,EAAO,CAAC;IAFX,CAEW;AAHb,CAGa,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport createEmotion from '@emotion/css/create-instance';\nimport extraScopePlugin from 'stylis-plugin-extra-scope';\n\nimport { Upgrade } from '../Upgrades.js';\nimport type { AnyObject, FunctionWithParams } from '../utils.js';\nimport type { Theme } from './Theme.js';\n\nexport const REACT_UI_PREFIX = Upgrade.getSpecificityClassName();\n\nconst scope = new Array(Upgrade.getSpecificityLevel()).fill(`.${REACT_UI_PREFIX}`).join('');\n\nexport const getEmotion = ({\n  key = REACT_UI_PREFIX,\n  container,\n  nonce,\n}: {\n  container: HTMLElement;\n  key?: string;\n  nonce?: string;\n}): Emotion =>\n  createEmotion({\n    key,\n    prepend: true,\n    stylisPlugins: scope ? [extraScopePlugin(scope)] : undefined,\n    container,\n    nonce,\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 interface StylesObject {\n  [className: string]: (() => string) | ((t: Theme) => string);\n}\n\nexport type StylesGetter<S> = (emotion: Emotion) => S;\n\nexport const memoizeStyle = <S extends StylesObject>(styles: S): 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 memoizeGetStyles = <S extends StylesObject>(getStyles: StylesGetter<S>): StylesGetter<S> => {\n  const stylesCache = new WeakMap<Emotion, S>();\n  return (emotion: Emotion): S => {\n    if (!stylesCache.has(emotion)) {\n      stylesCache.set(emotion, memoizeStyle(getStyles(emotion)));\n    }\n\n    return stylesCache.get(emotion) as S;\n  };\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,"file":"Emotion.js","sourceRoot":"","sources":["Emotion.ts"],"names":[],"mappings":";;;;;;;;;;;AAaA,MAAM,CAAC,IAAM,eAAe,GAAG,UAAU,CAAC;AAE1C,IAAM,EAAE,GAAG;IAAC,cAAkB;SAAlB,UAAkB,EAAlB,qBAAkB,EAAlB,IAAkB;QAAlB,yBAAkB;;IAC5B,OAAA,IAAI;SACD,OAAO,CAAC,UAAC,GAAG;QACX,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAO,EAAE,CAAC;QACZ,CAAC;QACD,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;YACvB,OAAO,CAAC,EAAE,eAAI,GAAG,EAAE,CAAC;QACtB,CAAC;QACD,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;YAC5B,OAAO,MAAM,CAAC,IAAI,CAAC,GAAgB,CAAC,CAAC,MAAM,CAAC,UAAC,GAAG,IAAK,OAAC,GAAiB,CAAC,GAAG,CAAC,EAAvB,CAAuB,CAAC,CAAC;QAChF,CAAC;QACD,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IACvB,CAAC,CAAC;SACD,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC;AAdZ,CAcY,CAAC;AAEf,IAAM,YAAY,GAAG;IACnB,MAAM,IAAI,KAAK,CAAC,sFAAsF,CAAC,CAAC;AAC1G,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,IAAM,OAAO,GAAG;IACrB,EAAE,IAAA;IACF,GAAG,EAAE,YAAY;IACjB,SAAS,EAAE,YAAY;IACvB,YAAY,EAAE,YAAY;CACL,CAAC;AAExB,MAAM,CAAC,IAAM,MAAM,GACjB,UAAC,SAAiB,EAAE,GAAqB;IAArB,oBAAA,EAAA,qBAAqB;IACzC,OAAA,UAAmC,OAAU;QAC3C,OAAA,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,GAAG;;YACnC,6BAAY,GAAG,gBAAG,GAAG,IAAG,UAAG,GAAG,cAAI,SAAS,cAAI,OAAO,CAAC,GAAG,CAAC,CAAE,OAAG;QAClE,CAAC,EAAE,EAAO,CAAC;IAFX,CAEW;AAHb,CAGa,CAAC","sourcesContent":["import type { AnyObject } from '../utils.js';\n\n/**\n * Форма Emotion, которую компоненты получают из `useEmotion()` и передают в `getStyles`. Стили собираются\n * при сборке (vanilla-extract), поэтому тип свой: публичные .d.ts не тянут `@emotion/css`.\n */\nexport interface Emotion {\n  css(template: TemplateStringsArray, ...args: unknown[]): string;\n  keyframes(template: TemplateStringsArray, ...args: unknown[]): string;\n  injectGlobal(template: TemplateStringsArray, ...args: unknown[]): void;\n  cx(...args: unknown[]): string;\n}\n\nexport const REACT_UI_PREFIX = 'react-ui';\n\nconst cx = (...args: unknown[]): string =>\n  args\n    .flatMap((arg): string[] => {\n      if (!arg) {\n        return [];\n      }\n      if (Array.isArray(arg)) {\n        return [cx(...arg)];\n      }\n      if (typeof arg === 'object') {\n        return Object.keys(arg as AnyObject).filter((key) => (arg as AnyObject)[key]);\n      }\n      return [String(arg)];\n    })\n    .filter(Boolean)\n    .join(' ');\n\nconst notAvailable = (): never => {\n  throw new Error('[react-ui] Стили собираются при сборке (vanilla-extract), рантайм-Emotion недоступен');\n};\n\n/**\n * Стили собираются при сборке, в рантайме от Emotion остался только `cx`.\n * Форма объекта сохранена, чтобы компоненты не менялись.\n */\nexport const emotion = {\n  cx,\n  css: notAvailable,\n  keyframes: notAvailable,\n  injectGlobal: notAvailable,\n} as unknown as Emotion;\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/lib/theming/ThemeVersions.d.ts

@@ -1,4 +1,4 @@
-export type ThemeVersions = '6.0' | '6.1' | '6.2' | '6.3' | '6.4' | '6.5';
+export type ThemeVersions = '6.0' | '6.1' | '6.2' | '6.3' | '6.4';
 export interface ThemeVersionParsed {
     major: number;
     minor: number;

package/lib/theming/ThemeVersions.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeVersions.js","sourceRoot":"","sources":["ThemeVersions.ts"],"names":[],"mappings":"AAMA;;;;;GAKG;AACH,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,GAAW,EAAE,SAAyB;IAAzB,0BAAA,EAAA,iBAAyB;IACtE,IAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,gBAAS,SAAS,WAAQ,CAAC,CAAC,CAAC;IAChE,IAAM,KAAK,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,CAAC,CAAC,CAAC;IACzB,IAAM,KAAK,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,CAAC,CAAC,CAAC;IAEzB,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC;QACrB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO;QACL,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC;QACpB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC;KACrB,CAAC;AACJ,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,IAAM,yBAAyB,GAAG,UAAC,IAAY;IACpD,OAAO,iBAAiB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AACtC,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,EAAiB,EAAE,EAAiB;IACpE,IAAM,QAAQ,GAAG,iBAAiB,CAAC,EAAE,CAAC,CAAC;IACvC,IAAM,QAAQ,GAAG,iBAAiB,CAAC,EAAE,CAAC,CAAC;IAEvC,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC3B,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,EAAE,CAAC;QACpC,OAAO,IAAI,CAAC;IACd,CAAC;SAAM,IAAI,QAAQ,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,EAAE,CAAC;QAC7C,OAAO,QAAQ,CAAC,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAC;IAC1C,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["export type ThemeVersions = '6.0' | '6.1' | '6.2' | '6.3' | '6.4' | '6.5';\nexport interface ThemeVersionParsed {\n  major: number;\n  minor: number;\n}\n\n/**\n * Converts a string theme version to the object with numbers\n * @param str A string with version (e.g. \"1.0\")\n * @param [separator=\".\"] Optional major and minor string separator. By default is \".\"\n * @returns An object of type { major: number; minor: number } or null, if the given string is invalid\n */\nexport const parseThemeVersion = (str: string, separator: string = '\\\\.'): ThemeVersionParsed | null => {\n  const match = str.match(new RegExp(`(\\\\d+)${separator}(\\\\d+)`));\n  const major = match?.[1];\n  const minor = match?.[2];\n\n  if (!major || !minor) {\n    return null;\n  }\n\n  return {\n    major: Number(major),\n    minor: Number(minor),\n  };\n};\n\n/**\n * Extracts a version from a theme name\n * @param name A string theme name (e.g. \"LIGHT_THEME_1_0\")\n * @returns An object of type { major: number; minor: number } or null, if the given string is invalid or contains no version\n */\nexport const parseVersionFromThemeName = (name: string): ThemeVersionParsed | null => {\n  return parseThemeVersion(name, '_');\n};\n\n/**\n * Checks if one string theme version is \"greater or equal\" than another one\n * @param v1 The version being compared (e.g. \"1.0\")\n * @param v2 The version being compared to (e.g. \"2.0\")\n * @returns Boolean result\n */\nexport const isThemeVersionGTE = (v1: ThemeVersions, v2: ThemeVersions): boolean => {\n  const parsedV1 = parseThemeVersion(v1);\n  const parsedV2 = parseThemeVersion(v2);\n\n  if (!parsedV1 || !parsedV2) {\n    return false;\n  }\n\n  if (parsedV1.major > parsedV2.major) {\n    return true;\n  } else if (parsedV1.major === parsedV2.major) {\n    return parsedV1.minor >= parsedV2.minor;\n  }\n\n  return false;\n};\n"]}
+{"version":3,"file":"ThemeVersions.js","sourceRoot":"","sources":["ThemeVersions.ts"],"names":[],"mappings":"AAMA;;;;;GAKG;AACH,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,GAAW,EAAE,SAAyB;IAAzB,0BAAA,EAAA,iBAAyB;IACtE,IAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,gBAAS,SAAS,WAAQ,CAAC,CAAC,CAAC;IAChE,IAAM,KAAK,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,CAAC,CAAC,CAAC;IACzB,IAAM,KAAK,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,CAAC,CAAC,CAAC;IAEzB,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC;QACrB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO;QACL,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC;QACpB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC;KACrB,CAAC;AACJ,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,IAAM,yBAAyB,GAAG,UAAC,IAAY;IACpD,OAAO,iBAAiB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AACtC,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,EAAiB,EAAE,EAAiB;IACpE,IAAM,QAAQ,GAAG,iBAAiB,CAAC,EAAE,CAAC,CAAC;IACvC,IAAM,QAAQ,GAAG,iBAAiB,CAAC,EAAE,CAAC,CAAC;IAEvC,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC3B,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,EAAE,CAAC;QACpC,OAAO,IAAI,CAAC;IACd,CAAC;SAAM,IAAI,QAAQ,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,EAAE,CAAC;QAC7C,OAAO,QAAQ,CAAC,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAC;IAC1C,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["export type ThemeVersions = '6.0' | '6.1' | '6.2' | '6.3' | '6.4';\nexport interface ThemeVersionParsed {\n  major: number;\n  minor: number;\n}\n\n/**\n * Converts a string theme version to the object with numbers\n * @param str A string with version (e.g. \"1.0\")\n * @param [separator=\".\"] Optional major and minor string separator. By default is \".\"\n * @returns An object of type { major: number; minor: number } or null, if the given string is invalid\n */\nexport const parseThemeVersion = (str: string, separator: string = '\\\\.'): ThemeVersionParsed | null => {\n  const match = str.match(new RegExp(`(\\\\d+)${separator}(\\\\d+)`));\n  const major = match?.[1];\n  const minor = match?.[2];\n\n  if (!major || !minor) {\n    return null;\n  }\n\n  return {\n    major: Number(major),\n    minor: Number(minor),\n  };\n};\n\n/**\n * Extracts a version from a theme name\n * @param name A string theme name (e.g. \"LIGHT_THEME_1_0\")\n * @returns An object of type { major: number; minor: number } or null, if the given string is invalid or contains no version\n */\nexport const parseVersionFromThemeName = (name: string): ThemeVersionParsed | null => {\n  return parseThemeVersion(name, '_');\n};\n\n/**\n * Checks if one string theme version is \"greater or equal\" than another one\n * @param v1 The version being compared (e.g. \"1.0\")\n * @param v2 The version being compared to (e.g. \"2.0\")\n * @returns Boolean result\n */\nexport const isThemeVersionGTE = (v1: ThemeVersions, v2: ThemeVersions): boolean => {\n  const parsedV1 = parseThemeVersion(v1);\n  const parsedV2 = parseThemeVersion(v2);\n\n  if (!parsedV1 || !parsedV2) {\n    return false;\n  }\n\n  if (parsedV1.major > parsedV2.major) {\n    return true;\n  } else if (parsedV1.major === parsedV2.major) {\n    return parsedV1.minor >= parsedV2.minor;\n  }\n\n  return false;\n};\n"]}

package/lib/theming/bindStaticStyles.d.ts

@@ -0,0 +1,6 @@
+export declare const setBrowserAttribute: (doc: Document | undefined) => void;
+type StaticStylesMap<S> = {
+    [K in keyof S]: string;
+};
+export declare const bindStaticStyles: <S>(map: StaticStylesMap<S>) => (_emotion?: unknown) => { [K in keyof S]: (...args: unknown[]) => string; };
+export {};

package/lib/theming/bindStaticStyles.js

@@ -0,0 +1,22 @@
+/**
+ * Рантайм-половина статических стилей: превращает карту класснеймов, вычисленную при сборке,
+ * обратно в привычную форму `getStyles(emotion).root(theme)`. Тема больше не влияет на класс —
+ * её значения приходят через CSS-переменные `--k-*`.
+ */
+import { isChrome, isFirefox } from '../client.js';
+// браузерные поправки в статическом CSS (см. lib/styles/LabGrotesqueBaseline.css.ts);
+// документу iframe атрибут ставит RenderEnvironmentProvider
+export var setBrowserAttribute = function (doc) {
+    if (doc && (isChrome || isFirefox)) {
+        doc.documentElement.setAttribute('data-k-browser', isChrome ? 'chrome' : 'firefox');
+    }
+};
+setBrowserAttribute(typeof document !== 'undefined' ? document : undefined);
+export var bindStaticStyles = function (map) {
+    var styles = {};
+    Object.keys(map).forEach(function (key) {
+        styles[key] = function () { return map[key]; };
+    });
+    return function (_emotion) { return styles; };
+};
+//# sourceMappingURL=bindStaticStyles.js.map

package/lib/theming/bindStaticStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bindStaticStyles.js","sourceRoot":"","sources":["bindStaticStyles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEnD,sFAAsF;AACtF,4DAA4D;AAC5D,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,GAAyB;IAC3D,IAAI,GAAG,IAAI,CAAC,QAAQ,IAAI,SAAS,CAAC,EAAE,CAAC;QACnC,GAAG,CAAC,eAAe,CAAC,YAAY,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IACtF,CAAC;AACH,CAAC,CAAC;AACF,mBAAmB,CAAC,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;AAI5E,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAI,GAAuB;IACzD,IAAM,MAAM,GAAG,EAAwD,CAAC;IACvE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAoB,CAAC,OAAO,CAAC,UAAC,GAAG;QAC/C,MAAM,CAAC,GAAG,CAAC,GAAG,cAAM,OAAA,GAAG,CAAC,GAAG,CAAC,EAAR,CAAQ,CAAC;IAC/B,CAAC,CAAC,CAAC;IACH,OAAO,UAAC,QAAkB,IAAK,OAAA,MAAM,EAAN,CAAM,CAAC;AACxC,CAAC,CAAC","sourcesContent":["/**\n * Рантайм-половина статических стилей: превращает карту класснеймов, вычисленную при сборке,\n * обратно в привычную форму `getStyles(emotion).root(theme)`. Тема больше не влияет на класс —\n * её значения приходят через CSS-переменные `--k-*`.\n */\nimport { isChrome, isFirefox } from '../client.js';\n\n// браузерные поправки в статическом CSS (см. lib/styles/LabGrotesqueBaseline.css.ts);\n// документу iframe атрибут ставит RenderEnvironmentProvider\nexport const setBrowserAttribute = (doc: Document | undefined) => {\n  if (doc && (isChrome || isFirefox)) {\n    doc.documentElement.setAttribute('data-k-browser', isChrome ? 'chrome' : 'firefox');\n  }\n};\nsetBrowserAttribute(typeof document !== 'undefined' ? document : undefined);\n\ntype StaticStylesMap<S> = { [K in keyof S]: string };\n\nexport const bindStaticStyles = <S>(map: StaticStylesMap<S>) => {\n  const styles = {} as { [K in keyof S]: (...args: unknown[]) => string };\n  (Object.keys(map) as Array<keyof S>).forEach((key) => {\n    styles[key] = () => map[key];\n  });\n  return (_emotion?: unknown) => styles;\n};\n"]}

package/lib/theming/memoizeTheme.d.ts

@@ -0,0 +1,11 @@
+type Key = object | string | boolean | undefined;
+/**
+ * Запоминает производную тему по ссылкам на аргументы (объекты — в WeakMap, строки, флаги и `undefined` — в Map).
+ * Новый объект темы на каждый рендер промахивается мимо кеша `getThemeVars` и заставляет React сверять
+ * сотни ключей `style` на носителе, поэтому тема должна меняться только вместе со своими входами.
+ * Все входы функции обязаны быть её аргументами.
+ */
+export declare function memoizeTheme<Args extends Key[], R>(fn: (...args: Args) => R): (...args: Args) => R;
+/** `ThemeFactory.create(propsTheme, theme)` с памятью по ссылкам; без `propsTheme` — сама `theme`. */
+export declare const mergePropsTheme: (theme: Readonly<typeof import("../../internal/themes/BasicTheme.js").BasicThemeClass>, propsTheme?: Partial<typeof import("../../internal/themes/BasicTheme.js").BasicThemeClass> | undefined) => Readonly<typeof import("../../internal/themes/BasicTheme.js").BasicThemeClass>;
+export {};

package/lib/theming/memoizeTheme.js

@@ -0,0 +1,37 @@
+import { ThemeFactory } from './ThemeFactory.js';
+/**
+ * Запоминает производную тему по ссылкам на аргументы (объекты — в WeakMap, строки, флаги и `undefined` — в Map).
+ * Новый объект темы на каждый рендер промахивается мимо кеша `getThemeVars` и заставляет React сверять
+ * сотни ключей `style` на носителе, поэтому тема должна меняться только вместе со своими входами.
+ * Все входы функции обязаны быть её аргументами.
+ */
+export function memoizeTheme(fn) {
+    var root = {};
+    return function () {
+        var _a, _b;
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        var node = root;
+        for (var _c = 0, args_1 = args; _c < args_1.length; _c++) {
+            var arg = args_1[_c];
+            var isObject = typeof arg === 'object' && arg !== null;
+            var map = isObject ? ((_a = node.objects) !== null && _a !== void 0 ? _a : (node.objects = new WeakMap())) : ((_b = node.primitives) !== null && _b !== void 0 ? _b : (node.primitives = new Map()));
+            var next = map.get(arg);
+            if (!next) {
+                next = {};
+                map.set(arg, next);
+            }
+            node = next;
+        }
+        if (!node.hasValue) {
+            node.value = fn.apply(void 0, args);
+            node.hasValue = true;
+        }
+        return node.value;
+    };
+}
+/** `ThemeFactory.create(propsTheme, theme)` с памятью по ссылкам; без `propsTheme` — сама `theme`. */
+export var mergePropsTheme = memoizeTheme(function (theme, propsTheme) { return (propsTheme ? ThemeFactory.create(propsTheme, theme) : theme); });
+//# sourceMappingURL=memoizeTheme.js.map

package/lib/theming/memoizeTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"memoizeTheme.js","sourceRoot":"","sources":["memoizeTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAWjD;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAwB,EAAwB;IAC1E,IAAM,IAAI,GAAc,EAAE,CAAC;IAC3B,OAAO;;QAAC,cAAa;aAAb,UAAa,EAAb,qBAAa,EAAb,IAAa;YAAb,yBAAa;;QACnB,IAAI,IAAI,GAAG,IAAI,CAAC;QAChB,KAAkB,UAAI,EAAJ,aAAI,EAAJ,kBAAI,EAAJ,IAAI,EAAE,CAAC;YAApB,IAAM,GAAG,aAAA;YACZ,IAAM,QAAQ,GAAG,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,IAAI,CAAC;YACzD,IAAM,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC,OAAC,IAAI,CAAC,OAAO,oCAAZ,IAAI,CAAC,OAAO,GAAK,IAAI,OAAO,EAAE,EAAC,CAAC,CAAC,CAAC,OAAC,IAAI,CAAC,UAAU,oCAAf,IAAI,CAAC,UAAU,GAAK,IAAI,GAAG,EAAE,EAAC,CAAC;YAC1F,IAAI,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,GAAa,CAAC,CAAC;YAClC,IAAI,CAAC,IAAI,EAAE,CAAC;gBACV,IAAI,GAAG,EAAE,CAAC;gBACV,GAAG,CAAC,GAAG,CAAC,GAAa,EAAE,IAAI,CAAC,CAAC;YAC/B,CAAC;YACD,IAAI,GAAG,IAAI,CAAC;QACd,CAAC;QACD,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,IAAI,CAAC,KAAK,GAAG,EAAE,eAAI,IAAI,CAAC,CAAC;YACzB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACvB,CAAC;QACD,OAAO,IAAI,CAAC,KAAU,CAAC;IACzB,CAAC,CAAC;AACJ,CAAC;AAED,sGAAsG;AACtG,MAAM,CAAC,IAAM,eAAe,GAAG,YAAY,CACzC,UAAC,KAAY,EAAE,UAAoB,IAAY,OAAA,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,UAAmB,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAtE,CAAsE,CACtH,CAAC","sourcesContent":["import type { Theme, ThemeIn } from './Theme.js';\nimport { ThemeFactory } from './ThemeFactory.js';\n\ntype Key = object | string | boolean | undefined;\n\ninterface CacheNode {\n  objects?: WeakMap<object, CacheNode>;\n  primitives?: Map<unknown, CacheNode>;\n  hasValue?: boolean;\n  value?: unknown;\n}\n\n/**\n * Запоминает производную тему по ссылкам на аргументы (объекты — в WeakMap, строки, флаги и `undefined` — в Map).\n * Новый объект темы на каждый рендер промахивается мимо кеша `getThemeVars` и заставляет React сверять\n * сотни ключей `style` на носителе, поэтому тема должна меняться только вместе со своими входами.\n * Все входы функции обязаны быть её аргументами.\n */\nexport function memoizeTheme<Args extends Key[], R>(fn: (...args: Args) => R): (...args: Args) => R {\n  const root: CacheNode = {};\n  return (...args: Args): R => {\n    let node = root;\n    for (const arg of args) {\n      const isObject = typeof arg === 'object' && arg !== null;\n      const map = isObject ? (node.objects ??= new WeakMap()) : (node.primitives ??= new Map());\n      let next = map.get(arg as object);\n      if (!next) {\n        next = {};\n        map.set(arg as object, next);\n      }\n      node = next;\n    }\n    if (!node.hasValue) {\n      node.value = fn(...args);\n      node.hasValue = true;\n    }\n    return node.value as R;\n  };\n}\n\n/** `ThemeFactory.create(propsTheme, theme)` с памятью по ссылкам; без `propsTheme` — сама `theme`. */\nexport const mergePropsTheme = memoizeTheme(\n  (theme: Theme, propsTheme?: ThemeIn): Theme => (propsTheme ? ThemeFactory.create(propsTheme as Theme, theme) : theme),\n);\n"]}

package/lib/theming/themeVars.d.ts

@@ -0,0 +1,25 @@
+import type React from 'react';
+import type { Theme } from './Theme.js';
+export declare const themeVarName: (token: string) => string;
+/**
+ * Тема, которую применил ближайший носитель выше по DOM (CommonWrapper, контейнер портала). Нужна, чтобы
+ * вложенная тема могла вернуть токен к значению по умолчанию: переменная предка иначе наследуется.
+ */
+export declare const ThemeCarrierContext: React.Context<Readonly<typeof import("../../internal/themes/BasicTheme.js").BasicThemeClass> | null>;
+/**
+ * Переменные, которыми тема отличается от темы по умолчанию (её значения уже зашиты в CSS запасными значениями
+ * `var(--k-x, <значение>)`), плюс сброс токенов, которые переопределила тема носителя выше: иначе вложенная тема
+ * не вернула бы значение по умолчанию — переменная предка наследуется.
+ */
+export declare const getThemeVars: (theme: Theme, parent?: Theme | null) => React.CSSProperties;
+/**
+ * Значение токена по умолчанию: снимает обёртку `var(--k-<токен>, <значение темы>)` один раз. Значение темы
+ * само может быть `var(--k-color-..., #fff)` из палитры — его не раскрываем: master сравнивал именно эти строки.
+ * Для условий в стилях, которые вычисляются при сборке.
+ */
+export declare const tokenDefault: (value: string) => string;
+/**
+ * Пустые по умолчанию токены, которые тема задала. Их объявления в CSS стоят под
+ * `:where([data-k-set~="<токен>"])` (см. whenThemeSets в vanilla.ts), чтобы без темы отбрасываться, как раньше.
+ */
+export declare const getThemeSetTokens: (theme: Theme) => string;

package/lib/theming/themeVars.js

@@ -0,0 +1,74 @@
+import { createContext } from 'react';
+import { LIGHT_THEME } from './themes/LightTheme.js';
+var THEME_VAR_PREFIX = '--k-';
+export var themeVarName = function (token) { return "".concat(THEME_VAR_PREFIX).concat(token); };
+var cache = new WeakMap();
+/**
+ * Тема, которую применил ближайший носитель выше по DOM (CommonWrapper, контейнер портала). Нужна, чтобы
+ * вложенная тема могла вернуть токен к значению по умолчанию: переменная предка иначе наследуется.
+ */
+export var ThemeCarrierContext = createContext(null);
+ThemeCarrierContext.displayName = 'ThemeCarrierContext';
+/**
+ * Переменные, которыми тема отличается от темы по умолчанию (её значения уже зашиты в CSS запасными значениями
+ * `var(--k-x, <значение>)`), плюс сброс токенов, которые переопределила тема носителя выше: иначе вложенная тема
+ * не вернула бы значение по умолчанию — переменная предка наследуется.
+ */
+export var getThemeVars = function (theme, parent) {
+    if (parent === void 0) { parent = null; }
+    var parentKey = parent !== null && parent !== void 0 ? parent : LIGHT_THEME;
+    var byParent = cache.get(theme);
+    if (!byParent) {
+        byParent = new WeakMap();
+        cache.set(theme, byParent);
+    }
+    var vars = byParent.get(parentKey);
+    if (vars) {
+        return vars;
+    }
+    vars = {};
+    if (theme !== LIGHT_THEME || (parent && parent !== LIGHT_THEME)) {
+        for (var key in theme) {
+            var value = theme[key];
+            var base = LIGHT_THEME[key];
+            var inherited = parent ? parent[key] : base;
+            if (typeof value === 'string' && value !== '' && (value !== base || value !== inherited)) {
+                vars[themeVarName(key)] = value;
+            }
+        }
+    }
+    byParent.set(parentKey, vars);
+    return vars;
+};
+/**
+ * Значение токена по умолчанию: снимает обёртку `var(--k-<токен>, <значение темы>)` один раз. Значение темы
+ * само может быть `var(--k-color-..., #fff)` из палитры — его не раскрываем: master сравнивал именно эти строки.
+ * Для условий в стилях, которые вычисляются при сборке.
+ */
+export var tokenDefault = function (value) {
+    var match = /^var\(--k-[A-Za-z0-9]+,\s*(.*)\)$/.exec(value.trim());
+    return match ? match[1] : value;
+};
+var setTokensCache = new WeakMap();
+/**
+ * Пустые по умолчанию токены, которые тема задала. Их объявления в CSS стоят под
+ * `:where([data-k-set~="<токен>"])` (см. whenThemeSets в vanilla.ts), чтобы без темы отбрасываться, как раньше.
+ */
+export var getThemeSetTokens = function (theme) {
+    var tokens = setTokensCache.get(theme);
+    if (tokens === undefined) {
+        var set = [];
+        for (var key in theme) {
+            var value = theme[key];
+            if (LIGHT_THEME[key] === '' &&
+                typeof value === 'string' &&
+                value !== '') {
+                set.push(key);
+            }
+        }
+        tokens = set.join(' ');
+        setTokensCache.set(theme, tokens);
+    }
+    return tokens;
+};
+//# sourceMappingURL=themeVars.js.map

package/lib/theming/themeVars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeVars.js","sourceRoot":"","sources":["themeVars.ts"],"names":[],"mappings":"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","sourcesContent":["import type React from 'react';\nimport { createContext } from 'react';\n\nimport type { Theme } from './Theme.js';\nimport { LIGHT_THEME } from './themes/LightTheme.js';\n\nconst THEME_VAR_PREFIX = '--k-';\n\nexport const themeVarName = (token: string): string => `${THEME_VAR_PREFIX}${token}`;\n\nconst cache = new WeakMap<Theme, WeakMap<Theme, React.CSSProperties>>();\n\n/**\n * Тема, которую применил ближайший носитель выше по DOM (CommonWrapper, контейнер портала). Нужна, чтобы\n * вложенная тема могла вернуть токен к значению по умолчанию: переменная предка иначе наследуется.\n */\nexport const ThemeCarrierContext = createContext<Theme | null>(null);\nThemeCarrierContext.displayName = 'ThemeCarrierContext';\n\n/**\n * Переменные, которыми тема отличается от темы по умолчанию (её значения уже зашиты в CSS запасными значениями\n * `var(--k-x, <значение>)`), плюс сброс токенов, которые переопределила тема носителя выше: иначе вложенная тема\n * не вернула бы значение по умолчанию — переменная предка наследуется.\n */\nexport const getThemeVars = (theme: Theme, parent: Theme | null = null): React.CSSProperties => {\n  const parentKey = parent ?? LIGHT_THEME;\n  let byParent = cache.get(theme);\n  if (!byParent) {\n    byParent = new WeakMap();\n    cache.set(theme, byParent);\n  }\n  let vars = byParent.get(parentKey);\n  if (vars) {\n    return vars;\n  }\n  vars = {};\n  if (theme !== LIGHT_THEME || (parent && parent !== LIGHT_THEME)) {\n    for (const key in theme) {\n      const value = (theme as unknown as Record<string, unknown>)[key];\n      const base = (LIGHT_THEME as unknown as Record<string, unknown>)[key];\n      const inherited = parent ? (parent as unknown as Record<string, unknown>)[key] : base;\n      if (typeof value === 'string' && value !== '' && (value !== base || value !== inherited)) {\n        (vars as Record<string, string>)[themeVarName(key)] = value;\n      }\n    }\n  }\n  byParent.set(parentKey, vars);\n  return vars;\n};\n\n/**\n * Значение токена по умолчанию: снимает обёртку `var(--k-<токен>, <значение темы>)` один раз. Значение темы\n * само может быть `var(--k-color-..., #fff)` из палитры — его не раскрываем: master сравнивал именно эти строки.\n * Для условий в стилях, которые вычисляются при сборке.\n */\nexport const tokenDefault = (value: string): string => {\n  const match = /^var\\(--k-[A-Za-z0-9]+,\\s*(.*)\\)$/.exec(value.trim());\n  return match ? match[1] : value;\n};\n\nconst setTokensCache = new WeakMap<Theme, string>();\n\n/**\n * Пустые по умолчанию токены, которые тема задала. Их объявления в CSS стоят под\n * `:where([data-k-set~=\"<токен>\"])` (см. whenThemeSets в vanilla.ts), чтобы без темы отбрасываться, как раньше.\n */\nexport const getThemeSetTokens = (theme: Theme): string => {\n  let tokens = setTokensCache.get(theme);\n  if (tokens === undefined) {\n    const set: string[] = [];\n    for (const key in theme) {\n      const value = (theme as unknown as Record<string, unknown>)[key];\n      if (\n        (LIGHT_THEME as unknown as Record<string, unknown>)[key] === '' &&\n        typeof value === 'string' &&\n        value !== ''\n      ) {\n        set.push(key);\n      }\n    }\n    tokens = set.join(' ');\n    setTokensCache.set(theme, tokens);\n  }\n  return tokens;\n};\n"]}

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

@@ -3,5 +3,4 @@ export declare const DARK_THEME_6_1: Readonly<typeof import("../../../internal/t
 export declare const DARK_THEME_6_2: Readonly<typeof import("../../../internal/themes/BasicTheme.js").BasicThemeClass>;
 export declare const DARK_THEME_6_3: Readonly<typeof import("../../../internal/themes/BasicTheme.js").BasicThemeClass>;
 export declare const DARK_THEME_6_4: Readonly<typeof import("../../../internal/themes/BasicTheme.js").BasicThemeClass>;
-export declare const DARK_THEME_6_5: Readonly<typeof import("../../../internal/themes/BasicTheme.js").BasicThemeClass>;
 export declare const DARK_THEME: Readonly<typeof import("../../../internal/themes/BasicTheme.js").BasicThemeClass>;

package/lib/theming/themes/DarkTheme.js

@@ -3,12 +3,10 @@ import { DarkTheme6_1 } from '../../../internal/themes/DarkTheme6_1.js';
 import { DarkTheme6_2 } from '../../../internal/themes/DarkTheme6_2.js';
 import { DarkTheme6_3 } from '../../../internal/themes/DarkTheme6_3.js';
 import { DarkTheme6_4 } from '../../../internal/themes/DarkTheme6_4.js';
-import { DarkTheme6_5 } from '../../../internal/themes/DarkTheme6_5.js';
 export var DARK_THEME_6_0 = DarkTheme6_0;
 export var DARK_THEME_6_1 = DarkTheme6_1;
 export var DARK_THEME_6_2 = DarkTheme6_2;
 export var DARK_THEME_6_3 = DarkTheme6_3;
 export var DARK_THEME_6_4 = DarkTheme6_4;
-export var DARK_THEME_6_5 = DarkTheme6_5;
-export var DARK_THEME = DARK_THEME_6_5;
+export var DARK_THEME = DARK_THEME_6_4;
 //# sourceMappingURL=DarkTheme.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DarkTheme.js","sourceRoot":"","sources":["DarkTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAExE,MAAM,CAAC,IAAM,cAAc,GAAG,YAAY,CAAC;AAC3C,MAAM,CAAC,IAAM,cAAc,GAAG,YAAY,CAAC;AAC3C,MAAM,CAAC,IAAM,cAAc,GAAG,YAAY,CAAC;AAC3C,MAAM,CAAC,IAAM,cAAc,GAAG,YAAY,CAAC;AAC3C,MAAM,CAAC,IAAM,cAAc,GAAG,YAAY,CAAC;AAC3C,MAAM,CAAC,IAAM,cAAc,GAAG,YAAY,CAAC;AAC3C,MAAM,CAAC,IAAM,UAAU,GAAG,cAAc,CAAC","sourcesContent":["import { DarkTheme6_0 } from '../../../internal/themes/DarkTheme6_0.js';\nimport { DarkTheme6_1 } from '../../../internal/themes/DarkTheme6_1.js';\nimport { DarkTheme6_2 } from '../../../internal/themes/DarkTheme6_2.js';\nimport { DarkTheme6_3 } from '../../../internal/themes/DarkTheme6_3.js';\nimport { DarkTheme6_4 } from '../../../internal/themes/DarkTheme6_4.js';\nimport { DarkTheme6_5 } from '../../../internal/themes/DarkTheme6_5.js';\n\nexport const DARK_THEME_6_0 = DarkTheme6_0;\nexport const DARK_THEME_6_1 = DarkTheme6_1;\nexport const DARK_THEME_6_2 = DarkTheme6_2;\nexport const DARK_THEME_6_3 = DarkTheme6_3;\nexport const DARK_THEME_6_4 = DarkTheme6_4;\nexport const DARK_THEME_6_5 = DarkTheme6_5;\nexport const DARK_THEME = DARK_THEME_6_5;\n"]}
+{"version":3,"file":"DarkTheme.js","sourceRoot":"","sources":["DarkTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAExE,MAAM,CAAC,IAAM,cAAc,GAAG,YAAY,CAAC;AAC3C,MAAM,CAAC,IAAM,cAAc,GAAG,YAAY,CAAC;AAC3C,MAAM,CAAC,IAAM,cAAc,GAAG,YAAY,CAAC;AAC3C,MAAM,CAAC,IAAM,cAAc,GAAG,YAAY,CAAC;AAC3C,MAAM,CAAC,IAAM,cAAc,GAAG,YAAY,CAAC;AAC3C,MAAM,CAAC,IAAM,UAAU,GAAG,cAAc,CAAC","sourcesContent":["import { DarkTheme6_0 } from '../../../internal/themes/DarkTheme6_0.js';\nimport { DarkTheme6_1 } from '../../../internal/themes/DarkTheme6_1.js';\nimport { DarkTheme6_2 } from '../../../internal/themes/DarkTheme6_2.js';\nimport { DarkTheme6_3 } from '../../../internal/themes/DarkTheme6_3.js';\nimport { DarkTheme6_4 } from '../../../internal/themes/DarkTheme6_4.js';\n\nexport const DARK_THEME_6_0 = DarkTheme6_0;\nexport const DARK_THEME_6_1 = DarkTheme6_1;\nexport const DARK_THEME_6_2 = DarkTheme6_2;\nexport const DARK_THEME_6_3 = DarkTheme6_3;\nexport const DARK_THEME_6_4 = DarkTheme6_4;\nexport const DARK_THEME = DARK_THEME_6_4;\n"]}

package/lib/theming/themes/LightTheme.d.ts

@@ -3,5 +3,4 @@ export declare const LIGHT_THEME_6_1: Readonly<typeof import("../../../internal/
 export declare const LIGHT_THEME_6_2: Readonly<typeof import("../../../internal/themes/BasicTheme.js").BasicThemeClass>;
 export declare const LIGHT_THEME_6_3: Readonly<typeof import("../../../internal/themes/BasicTheme.js").BasicThemeClass>;
 export declare const LIGHT_THEME_6_4: Readonly<typeof import("../../../internal/themes/BasicTheme.js").BasicThemeClass>;
-export declare const LIGHT_THEME_6_5: Readonly<typeof import("../../../internal/themes/BasicTheme.js").BasicThemeClass>;
 export declare const LIGHT_THEME: Readonly<typeof import("../../../internal/themes/BasicTheme.js").BasicThemeClass>;

package/lib/theming/themes/LightTheme.js

@@ -3,12 +3,10 @@ import { LightTheme6_1 } from '../../../internal/themes/LightTheme6_1.js';
 import { LightTheme6_2 } from '../../../internal/themes/LightTheme6_2.js';
 import { LightTheme6_3 } from '../../../internal/themes/LightTheme6_3.js';
 import { LightTheme6_4 } from '../../../internal/themes/LightTheme6_4.js';
-import { LightTheme6_5 } from '../../../internal/themes/LightTheme6_5.js';
 export var LIGHT_THEME_6_0 = LightTheme6_0;
 export var LIGHT_THEME_6_1 = LightTheme6_1;
 export var LIGHT_THEME_6_2 = LightTheme6_2;
 export var LIGHT_THEME_6_3 = LightTheme6_3;
 export var LIGHT_THEME_6_4 = LightTheme6_4;
-export var LIGHT_THEME_6_5 = LightTheme6_5;
-export var LIGHT_THEME = LIGHT_THEME_6_5;
+export var LIGHT_THEME = LIGHT_THEME_6_4;
 //# sourceMappingURL=LightTheme.js.map

package/lib/theming/themes/LightTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"LightTheme.js","sourceRoot":"","sources":["LightTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAE1E,MAAM,CAAC,IAAM,eAAe,GAAG,aAAa,CAAC;AAC7C,MAAM,CAAC,IAAM,eAAe,GAAG,aAAa,CAAC;AAC7C,MAAM,CAAC,IAAM,eAAe,GAAG,aAAa,CAAC;AAC7C,MAAM,CAAC,IAAM,eAAe,GAAG,aAAa,CAAC;AAC7C,MAAM,CAAC,IAAM,eAAe,GAAG,aAAa,CAAC;AAC7C,MAAM,CAAC,IAAM,eAAe,GAAG,aAAa,CAAC;AAC7C,MAAM,CAAC,IAAM,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import { LightTheme6_0 } from '../../../internal/themes/LightTheme6_0.js';\nimport { LightTheme6_1 } from '../../../internal/themes/LightTheme6_1.js';\nimport { LightTheme6_2 } from '../../../internal/themes/LightTheme6_2.js';\nimport { LightTheme6_3 } from '../../../internal/themes/LightTheme6_3.js';\nimport { LightTheme6_4 } from '../../../internal/themes/LightTheme6_4.js';\nimport { LightTheme6_5 } from '../../../internal/themes/LightTheme6_5.js';\n\nexport const LIGHT_THEME_6_0 = LightTheme6_0;\nexport const LIGHT_THEME_6_1 = LightTheme6_1;\nexport const LIGHT_THEME_6_2 = LightTheme6_2;\nexport const LIGHT_THEME_6_3 = LightTheme6_3;\nexport const LIGHT_THEME_6_4 = LightTheme6_4;\nexport const LIGHT_THEME_6_5 = LightTheme6_5;\nexport const LIGHT_THEME = LIGHT_THEME_6_5;\n"]}
+{"version":3,"file":"LightTheme.js","sourceRoot":"","sources":["LightTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAE1E,MAAM,CAAC,IAAM,eAAe,GAAG,aAAa,CAAC;AAC7C,MAAM,CAAC,IAAM,eAAe,GAAG,aAAa,CAAC;AAC7C,MAAM,CAAC,IAAM,eAAe,GAAG,aAAa,CAAC;AAC7C,MAAM,CAAC,IAAM,eAAe,GAAG,aAAa,CAAC;AAC7C,MAAM,CAAC,IAAM,eAAe,GAAG,aAAa,CAAC;AAC7C,MAAM,CAAC,IAAM,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import { LightTheme6_0 } from '../../../internal/themes/LightTheme6_0.js';\nimport { LightTheme6_1 } from '../../../internal/themes/LightTheme6_1.js';\nimport { LightTheme6_2 } from '../../../internal/themes/LightTheme6_2.js';\nimport { LightTheme6_3 } from '../../../internal/themes/LightTheme6_3.js';\nimport { LightTheme6_4 } from '../../../internal/themes/LightTheme6_4.js';\n\nexport const LIGHT_THEME_6_0 = LightTheme6_0;\nexport const LIGHT_THEME_6_1 = LightTheme6_1;\nexport const LIGHT_THEME_6_2 = LightTheme6_2;\nexport const LIGHT_THEME_6_3 = LightTheme6_3;\nexport const LIGHT_THEME_6_4 = LightTheme6_4;\nexport const LIGHT_THEME = LIGHT_THEME_6_4;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skbkontur/react-ui",
-  "version": "6.4.3-5e1c3.0",
+  "version": "6.4.3-82331.0",
   "description": "UI Components",
   "homepage": "https://tech.skbkontur.ru/kontur-ui",
   "bugs": {
@@ -12,7 +12,10 @@
     "url": "git+ssh://git@github.com/skbkontur/retail-ui.git"
   },
   "type": "module",
-  "sideEffects": false,
+  "sideEffects": [
+    "*.css",
+    "*.css.ts"
+  ],
   "exports": {
     ".": "./index.js",
     "./components/*": "./components/*.js",
@@ -235,16 +238,19 @@
     "./lib/rootNode/getRootNode": "./lib/rootNode/getRootNode.js",
     "./lib/rootNode/rootNodeDecorator": "./lib/rootNode/rootNodeDecorator.js",
     "./lib/size": "./lib/size/index.js",
-    "./lib/size/SizeControlContext": "./lib/size/SizeControlContext.js"
+    "./lib/size/SizeControlContext": "./lib/size/SizeControlContext.js",
+    "./react-ui.css": "./react-ui.css"
   },
   "scripts": {
     "clean": "git clean -fdxqe node_modules",
     "prebuild": "yarn rimraf build",
     "build": "run-s build:* build:lint:*",
     "build:tsc": "tsc --outDir build -p prod.tsconfig.json",
+    "build:vanilla-css": "node ./scripts/build-vanilla-css.mts",
     "build:copy-files": "copyfiles package.json README.md CHANGELOG.md LICENSE typings/* build",
     "build:lint:publint": "publint --pack npm ./build",
-    "build:lint:attw": "attw --ignore-rules cjs-resolves-to-esm --quiet --pack ./build",
+    "build:lint:vanilla": "node ./scripts/check-build.mts",
+    "build:lint:attw": "attw --ignore-rules cjs-resolves-to-esm --exclude-entrypoints ./react-ui.css --quiet --pack ./build",
     "build:exports": "node ./scripts/exports.ts",
     "prerelease": "yarn build",
     "release": "npm publish ./build --workspaces=false",
@@ -273,7 +279,6 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.24.6",
-    "@emotion/css": "^11.11.2",
     "@skbkontur/colors": "^2.1.10",
     "@skbkontur/react-imask": "^7.6.5",
     "eventemitter3": "^5.0.1",
@@ -286,7 +291,6 @@
     "react-clientside-effect": "^1.2.6",
     "react-transition-group": "^4.4.5",
     "shallowequal": "^1.1.0",
-    "stylis-plugin-extra-scope": "^0.3.0",
     "tabbable": "^6.2.0",
     "use-callback-ref": "^1.3.2",
     "use-sidecar": "^1.1.2",
@@ -301,6 +305,7 @@
     "@babel/preset-react": "^7.24.6",
     "@babel/preset-typescript": "^7.24.6",
     "@babel/register": "^7.24.6",
+    "@emotion/css": "^11.11.2",
     "@playwright/test": "1.59.1",
     "@skbkontur/icons": "2.0.10",
     "@skbkontur/storybook-addon-live-examples": "1.0.0-beta.1",
@@ -323,7 +328,12 @@
     "@types/react-dom": "19.2.3",
     "@types/react-transition-group": "^4.4.4",
     "@types/shallowequal": "^1.1.1",
+    "@types/stylis": "4.2.5",
     "@types/warning": "^3.0.0",
+    "@vanilla-extract/css": "^1.21.2",
+    "@vanilla-extract/integration": "^8.0.10",
+    "@vanilla-extract/vite-plugin": "^5.2.6",
+    "@vanilla-extract/webpack-plugin": "^2.3.27",
     "axios": "^1.7.2",
     "babel-loader": "^9.1.3",
     "chalk": "4.1.0",
@@ -356,6 +366,7 @@
     "storybook": "8.6.14",
     "string-replace-loader": "3.1.0",
     "style-loader": "^4.0.0",
+    "stylis": "4.2.0",
     "typescript": "5.9.3",
     "upath": "^2.0.1",
     "url-loader": "^4.1.1",