@skbkontur/react-ui 6.4.2-static-css.0 → 6.4.3-6344a.0

package/lib/theming/hashString.js

@@ -1,52 +0,0 @@
-/* eslint-disable no-bitwise */
-/**
- * MurmurHash2 — тот же хеш, что считал `@emotion/hash`.
- *
- * Вшит, а не взят пакетом, по одной причине: `@emotion/hash` в зависимостях
- * выглядел бы как «Emotion не снят», хотя от него оставалась одна чистая
- * функция без побочных эффектов. Инстанса Emotion в библиотеке больше нет
- * (работа T10), и это последнее, что от него тянулось.
- *
- * Алгоритм менять НЕЛЬЗЯ, даже на «лучший». Имя класса-носителя темы считается
- * от значений темы этой функцией, и то же имя вычисляет сборка
- * (`scripts/extract-theme-css.mts`), печатая под ним правило в файл. Разойдись
- * они — и разметка ссылалась бы на класс, которого в файле нет: страница без
- * переменных, без единой ошибки в консоли. Совпадение держит гейт
- * `__tests__/staticThemeVars.test.ts`.
- *
- * Портировано из https://github.com/aappleby/smhasher (MurmurHash2), через
- * реализацию Emotion.
- */
-export function hashString(str) {
-    var h = 0;
-    var k;
-    var i = 0;
-    var len = str.length;
-    for (; len >= 4; ++i, len -= 4) {
-        k =
-            (str.charCodeAt(i) & 0xff) |
-                ((str.charCodeAt(++i) & 0xff) << 8) |
-                ((str.charCodeAt(++i) & 0xff) << 16) |
-                ((str.charCodeAt(++i) & 0xff) << 24);
-        k = (k & 0xffff) * 0x5bd1e995 + (((k >>> 16) * 0xe995) << 16);
-        k ^= k >>> 24;
-        h =
-            ((k & 0xffff) * 0x5bd1e995 + (((k >>> 16) * 0xe995) << 16)) ^
-                ((h & 0xffff) * 0x5bd1e995 + (((h >>> 16) * 0xe995) << 16));
-    }
-    switch (len) {
-        case 3:
-            h ^= (str.charCodeAt(i + 2) & 0xff) << 16;
-        // fallthrough
-        case 2:
-            h ^= (str.charCodeAt(i + 1) & 0xff) << 8;
-        // fallthrough
-        case 1:
-            h ^= str.charCodeAt(i) & 0xff;
-            h = (h & 0xffff) * 0x5bd1e995 + (((h >>> 16) * 0xe995) << 16);
-    }
-    h ^= h >>> 13;
-    h = (h & 0xffff) * 0x5bd1e995 + (((h >>> 16) * 0xe995) << 16);
-    return ((h ^ (h >>> 15)) >>> 0).toString(36);
-}
-//# sourceMappingURL=hashString.js.map

package/lib/theming/hashString.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hashString.js","sourceRoot":"","sources":["hashString.ts"],"names":[],"mappings":"AAAA,+BAA+B;AAE/B;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,UAAU,CAAC,GAAW;IACpC,IAAI,CAAC,GAAG,CAAC,CAAC;IACV,IAAI,CAAC,CAAC;IACN,IAAI,CAAC,GAAG,CAAC,CAAC;IACV,IAAI,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC;IAErB,OAAO,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC;QAC/B,CAAC;YACC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;gBAC1B,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;gBACnC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;gBACpC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QACvC,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,GAAG,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,GAAG,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC;QAC9D,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;QACd,CAAC;YACC,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,GAAG,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,GAAG,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC;gBAC3D,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,GAAG,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,GAAG,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAChE,CAAC;IAED,QAAQ,GAAG,EAAE,CAAC;QACZ,KAAK,CAAC;YACJ,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;QAC5C,cAAc;QACd,KAAK,CAAC;YACJ,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;QAC3C,cAAc;QACd,KAAK,CAAC;YACJ,CAAC,IAAI,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;YAC9B,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,GAAG,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,GAAG,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC;IAClE,CAAC;IAED,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;IACd,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,GAAG,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,GAAG,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC;IAE9D,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;AAC/C,CAAC","sourcesContent":["/* eslint-disable no-bitwise */\n\n/**\n * MurmurHash2 — тот же хеш, что считал `@emotion/hash`.\n *\n * Вшит, а не взят пакетом, по одной причине: `@emotion/hash` в зависимостях\n * выглядел бы как «Emotion не снят», хотя от него оставалась одна чистая\n * функция без побочных эффектов. Инстанса Emotion в библиотеке больше нет\n * (работа T10), и это последнее, что от него тянулось.\n *\n * Алгоритм менять НЕЛЬЗЯ, даже на «лучший». Имя класса-носителя темы считается\n * от значений темы этой функцией, и то же имя вычисляет сборка\n * (`scripts/extract-theme-css.mts`), печатая под ним правило в файл. Разойдись\n * они — и разметка ссылалась бы на класс, которого в файле нет: страница без\n * переменных, без единой ошибки в консоли. Совпадение держит гейт\n * `__tests__/staticThemeVars.test.ts`.\n *\n * Портировано из https://github.com/aappleby/smhasher (MurmurHash2), через\n * реализацию Emotion.\n */\nexport function hashString(str: string): string {\n  let h = 0;\n  let k;\n  let i = 0;\n  let len = str.length;\n\n  for (; len >= 4; ++i, len -= 4) {\n    k =\n      (str.charCodeAt(i) & 0xff) |\n      ((str.charCodeAt(++i) & 0xff) << 8) |\n      ((str.charCodeAt(++i) & 0xff) << 16) |\n      ((str.charCodeAt(++i) & 0xff) << 24);\n    k = (k & 0xffff) * 0x5bd1e995 + (((k >>> 16) * 0xe995) << 16);\n    k ^= k >>> 24;\n    h =\n      ((k & 0xffff) * 0x5bd1e995 + (((k >>> 16) * 0xe995) << 16)) ^\n      ((h & 0xffff) * 0x5bd1e995 + (((h >>> 16) * 0xe995) << 16));\n  }\n\n  switch (len) {\n    case 3:\n      h ^= (str.charCodeAt(i + 2) & 0xff) << 16;\n    // fallthrough\n    case 2:\n      h ^= (str.charCodeAt(i + 1) & 0xff) << 8;\n    // fallthrough\n    case 1:\n      h ^= str.charCodeAt(i) & 0xff;\n      h = (h & 0xffff) * 0x5bd1e995 + (((h >>> 16) * 0xe995) << 16);\n  }\n\n  h ^= h >>> 13;\n  h = (h & 0xffff) * 0x5bd1e995 + (((h >>> 16) * 0xe995) << 16);\n\n  return ((h ^ (h >>> 15)) >>> 0).toString(36);\n}\n"]}

package/lib/theming/staticStyles.d.ts

@@ -1,17 +0,0 @@
-/**
- * Стилевой модуль, правила которого лежат обычным CSS-файлом.
- *
- * Такой модуль ничего не вставляет в рантайме и ничего не считает: он отдаёт
- * готовые имена классов, а сами правила приезжают файлом рядом
- * (`<Компонент>.css`), который сборка складывает в `react-ui.css`.
- *
- * Форма вызова оставлена прежней — `getStyles()` с игнорируемым
- * аргументом, — чтобы компоненты не пришлось править вместе со стилями:
- * миграция идёт по одному файлу, и каждый шаг должен быть проверяемым
- * отдельно. Аргумент объявлен необязательным, поэтому арность функции нулевая,
- * и извлечение статического CSS такой модуль пропускает — правил в нём нет.
- */
-export type StaticStyles<T extends Record<string, string>> = {
-    [K in keyof T]: () => string;
-};
-export declare const staticStyles: <T extends Record<string, string>>(classes: T) => ((ignored?: unknown) => StaticStyles<T>);

package/lib/theming/staticStyles.js

@@ -1,8 +0,0 @@
-export var staticStyles = function (classes) {
-    var styles = Object.fromEntries(Object.entries(classes).map(function (_a) {
-        var name = _a[0], className = _a[1];
-        return [name, function () { return className; }];
-    }));
-    return function () { return styles; };
-};
-//# sourceMappingURL=staticStyles.js.map

package/lib/theming/staticStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"staticStyles.js","sourceRoot":"","sources":["staticStyles.ts"],"names":[],"mappings":"AAeA,MAAM,CAAC,IAAM,YAAY,GAAG,UAC1B,OAAU;IAEV,IAAM,MAAM,GAAG,MAAM,CAAC,WAAW,CAC/B,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,UAAC,EAAiB;YAAhB,IAAI,QAAA,EAAE,SAAS,QAAA;QAAM,OAAA,CAAC,IAAI,EAAE,cAAM,OAAA,SAAS,EAAT,CAAS,CAAC;IAAvB,CAAuB,CAAC,CACzD,CAAC;IAErB,OAAO,cAAM,OAAA,MAAM,EAAN,CAAM,CAAC;AACtB,CAAC,CAAC","sourcesContent":["/**\n * Стилевой модуль, правила которого лежат обычным CSS-файлом.\n *\n * Такой модуль ничего не вставляет в рантайме и ничего не считает: он отдаёт\n * готовые имена классов, а сами правила приезжают файлом рядом\n * (`<Компонент>.css`), который сборка складывает в `react-ui.css`.\n *\n * Форма вызова оставлена прежней — `getStyles()` с игнорируемым\n * аргументом, — чтобы компоненты не пришлось править вместе со стилями:\n * миграция идёт по одному файлу, и каждый шаг должен быть проверяемым\n * отдельно. Аргумент объявлен необязательным, поэтому арность функции нулевая,\n * и извлечение статического CSS такой модуль пропускает — правил в нём нет.\n */\nexport type StaticStyles<T extends Record<string, string>> = { [K in keyof T]: () => string };\n\nexport const staticStyles = <T extends Record<string, string>>(\n  classes: T,\n): ((ignored?: unknown) => StaticStyles<T>) => {\n  const styles = Object.fromEntries(\n    Object.entries(classes).map(([name, className]) => [name, () => className]),\n  ) as StaticStyles<T>;\n\n  return () => styles;\n};\n"]}

package/lib/theming/staticThemeDelta.d.ts

@@ -1,17 +0,0 @@
-/**
- * Классы перекладок тем, извлечённые на сборке (`scripts/extract-theme-css.mts`).
- *
- * Производные темы библиотеки — `Dropdown`, `Select`, `Switcher`, `MiniModal` и
- * ещё несколько — не задают новых значений: они переставляют токены, то есть
- * говорят «фон селекта берётся из фона дропдауна». Такая дельта одинакова во
- * всех темах, потому что состоит из ссылок `var(--kontur-…)`, а не из значений.
- *
- * Поэтому она и уезжает в файл классом. Список нужен рантайму ровно затем же,
- * зачем {@link STATIC_THEME_VARS_CLASSES}: узнать, что правило уже лежит в
- * таблице стилей приложения, можно только по имени класса — оно и есть хеш
- * содержимого. Совпало — вставлять нечего, и тег `<style>` в рантайме не
- * появляется.
- *
- * Список держит в актуальном виде гейт `__tests__/staticThemeDelta.test.ts`.
- */
-export declare const STATIC_THEME_DELTA_CLASSES: ReadonlySet<string>;

package/lib/theming/staticThemeDelta.js

@@ -1,37 +0,0 @@
-/**
- * Классы перекладок тем, извлечённые на сборке (`scripts/extract-theme-css.mts`).
- *
- * Производные темы библиотеки — `Dropdown`, `Select`, `Switcher`, `MiniModal` и
- * ещё несколько — не задают новых значений: они переставляют токены, то есть
- * говорят «фон селекта берётся из фона дропдауна». Такая дельта одинакова во
- * всех темах, потому что состоит из ссылок `var(--kontur-…)`, а не из значений.
- *
- * Поэтому она и уезжает в файл классом. Список нужен рантайму ровно затем же,
- * зачем {@link STATIC_THEME_VARS_CLASSES}: узнать, что правило уже лежит в
- * таблице стилей приложения, можно только по имени класса — оно и есть хеш
- * содержимого. Совпало — вставлять нечего, и тег `<style>` в рантайме не
- * появляется.
- *
- * Список держит в актуальном виде гейт `__tests__/staticThemeDelta.test.ts`.
- */
-export var STATIC_THEME_DELTA_CLASSES = new Set([
-    // Dropdown → Select без иконки, Dropdown → Select с иконкой
-    'react-ui-theme-d1bkqlbq',
-    // DatePicker мобильный
-    'react-ui-theme-d1hp2qr1',
-    // Select без иконки, Select с иконкой, Switcher → Select без иконки
-    'react-ui-theme-d1nrpmid',
-    // Dropdown
-    'react-ui-theme-d1qumthn',
-    // DropdownMenu
-    'react-ui-theme-d1ttw1ju',
-    // DateRangePicker
-    'react-ui-theme-d1uw3k50',
-    // Switcher
-    'react-ui-theme-d1yj13nx',
-    // MiniModal
-    'react-ui-theme-d6xydg4',
-    // DateRangePicker мобильный
-    'react-ui-theme-dm15joe',
-]);
-//# sourceMappingURL=staticThemeDelta.js.map

package/lib/theming/staticThemeDelta.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"staticThemeDelta.js","sourceRoot":"","sources":["staticThemeDelta.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,IAAM,0BAA0B,GAAwB,IAAI,GAAG,CAAS;IAC7E,4DAA4D;IAC5D,yBAAyB;IACzB,uBAAuB;IACvB,yBAAyB;IACzB,oEAAoE;IACpE,yBAAyB;IACzB,WAAW;IACX,yBAAyB;IACzB,eAAe;IACf,yBAAyB;IACzB,kBAAkB;IAClB,yBAAyB;IACzB,WAAW;IACX,yBAAyB;IACzB,YAAY;IACZ,wBAAwB;IACxB,4BAA4B;IAC5B,wBAAwB;CACzB,CAAC,CAAC","sourcesContent":["/**\n * Классы перекладок тем, извлечённые на сборке (`scripts/extract-theme-css.mts`).\n *\n * Производные темы библиотеки — `Dropdown`, `Select`, `Switcher`, `MiniModal` и\n * ещё несколько — не задают новых значений: они переставляют токены, то есть\n * говорят «фон селекта берётся из фона дропдауна». Такая дельта одинакова во\n * всех темах, потому что состоит из ссылок `var(--kontur-…)`, а не из значений.\n *\n * Поэтому она и уезжает в файл классом. Список нужен рантайму ровно затем же,\n * зачем {@link STATIC_THEME_VARS_CLASSES}: узнать, что правило уже лежит в\n * таблице стилей приложения, можно только по имени класса — оно и есть хеш\n * содержимого. Совпало — вставлять нечего, и тег `<style>` в рантайме не\n * появляется.\n *\n * Список держит в актуальном виде гейт `__tests__/staticThemeDelta.test.ts`.\n */\nexport const STATIC_THEME_DELTA_CLASSES: ReadonlySet<string> = new Set<string>([\n  // Dropdown → Select без иконки, Dropdown → Select с иконкой\n  'react-ui-theme-d1bkqlbq',\n  // DatePicker мобильный\n  'react-ui-theme-d1hp2qr1',\n  // Select без иконки, Select с иконкой, Switcher → Select без иконки\n  'react-ui-theme-d1nrpmid',\n  // Dropdown\n  'react-ui-theme-d1qumthn',\n  // DropdownMenu\n  'react-ui-theme-d1ttw1ju',\n  // DateRangePicker\n  'react-ui-theme-d1uw3k50',\n  // Switcher\n  'react-ui-theme-d1yj13nx',\n  // MiniModal\n  'react-ui-theme-d6xydg4',\n  // DateRangePicker мобильный\n  'react-ui-theme-dm15joe',\n]);\n"]}

package/lib/theming/staticThemeVars.d.ts

@@ -1,21 +0,0 @@
-/**
- * Классы-носители переменных поставляемых тем, чей блок объявлений извлечён на
- * сборке (`scripts/extract-theme-css.mts`) и лежит в пакете отдельным файлом.
- *
- * Зачем список нужен в рантайме. Со внешним CSS библиотека не создаёт ни одного
- * правила — кроме одного: блока `--kontur-*`. Знать заранее, что этот блок уже
- * есть в таблице стилей приложения, можно только по имени класса, потому что
- * имя и есть хеш содержимого блока. Совпало — вставлять нечего, и тег `<style>`
- * в рантайме не появляется вовсе: странице больше не нужен ни nonce, ни фаза
- * flush при стриминге.
- *
- * Для нестандартной темы совпадения не будет, и блок поедет в рантайме, как
- * раньше. Это единственное, ради чего в статическом режиме остаётся nonce.
- *
- * Имя считается от значений темы, а не от текста блока: текст по дороге к
- * потребителю меняется — минификатор сворачивает константы внутри `calc()`, — а
- * значения нет. Список поэтому меняется при правке любого токена, и его
- * актуальность держит гейт `__tests__/staticThemeVars.test.ts`: он пересчитывает
- * имена по темам и печатает новый список, если тот разошёлся.
- */
-export declare const STATIC_THEME_VARS_CLASSES: ReadonlySet<string>;

package/lib/theming/staticThemeVars.js

@@ -1,35 +0,0 @@
-/**
- * Классы-носители переменных поставляемых тем, чей блок объявлений извлечён на
- * сборке (`scripts/extract-theme-css.mts`) и лежит в пакете отдельным файлом.
- *
- * Зачем список нужен в рантайме. Со внешним CSS библиотека не создаёт ни одного
- * правила — кроме одного: блока `--kontur-*`. Знать заранее, что этот блок уже
- * есть в таблице стилей приложения, можно только по имени класса, потому что
- * имя и есть хеш содержимого блока. Совпало — вставлять нечего, и тег `<style>`
- * в рантайме не появляется вовсе: странице больше не нужен ни nonce, ни фаза
- * flush при стриминге.
- *
- * Для нестандартной темы совпадения не будет, и блок поедет в рантайме, как
- * раньше. Это единственное, ради чего в статическом режиме остаётся nonce.
- *
- * Имя считается от значений темы, а не от текста блока: текст по дороге к
- * потребителю меняется — минификатор сворачивает константы внутри `calc()`, — а
- * значения нет. Список поэтому меняется при правке любого токена, и его
- * актуальность держит гейт `__tests__/staticThemeVars.test.ts`: он пересчитывает
- * имена по темам и печатает новый список, если тот разошёлся.
- */
-export var STATIC_THEME_VARS_CLASSES = new Set([
-    // светлая 6.0 — `themes/light-6-0.css`
-    'react-ui-theme-kspbjn',
-    // светлая 6.1—6.3 — `themes/light-6-1.css`
-    'react-ui-theme-6fumn0',
-    // светлая 6.4 и по умолчанию — `themes/light.css`
-    'react-ui-theme-1cp5p7l',
-    // тёмная 6.0 — `themes/dark-6-0.css`
-    'react-ui-theme-1n5tg7a',
-    // тёмная 6.1—6.3 — `themes/dark-6-1.css`
-    'react-ui-theme-cqp81q',
-    // тёмная 6.4 и по умолчанию — `themes/dark.css`
-    'react-ui-theme-ppd009',
-]);
-//# sourceMappingURL=staticThemeVars.js.map

package/lib/theming/staticThemeVars.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"staticThemeVars.js","sourceRoot":"","sources":["staticThemeVars.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,IAAM,yBAAyB,GAAwB,IAAI,GAAG,CAAC;IACpE,uCAAuC;IACvC,uBAAuB;IACvB,2CAA2C;IAC3C,uBAAuB;IACvB,kDAAkD;IAClD,wBAAwB;IACxB,qCAAqC;IACrC,wBAAwB;IACxB,yCAAyC;IACzC,uBAAuB;IACvB,gDAAgD;IAChD,uBAAuB;CACxB,CAAC,CAAC","sourcesContent":["/**\n * Классы-носители переменных поставляемых тем, чей блок объявлений извлечён на\n * сборке (`scripts/extract-theme-css.mts`) и лежит в пакете отдельным файлом.\n *\n * Зачем список нужен в рантайме. Со внешним CSS библиотека не создаёт ни одного\n * правила — кроме одного: блока `--kontur-*`. Знать заранее, что этот блок уже\n * есть в таблице стилей приложения, можно только по имени класса, потому что\n * имя и есть хеш содержимого блока. Совпало — вставлять нечего, и тег `<style>`\n * в рантайме не появляется вовсе: странице больше не нужен ни nonce, ни фаза\n * flush при стриминге.\n *\n * Для нестандартной темы совпадения не будет, и блок поедет в рантайме, как\n * раньше. Это единственное, ради чего в статическом режиме остаётся nonce.\n *\n * Имя считается от значений темы, а не от текста блока: текст по дороге к\n * потребителю меняется — минификатор сворачивает константы внутри `calc()`, — а\n * значения нет. Список поэтому меняется при правке любого токена, и его\n * актуальность держит гейт `__tests__/staticThemeVars.test.ts`: он пересчитывает\n * имена по темам и печатает новый список, если тот разошёлся.\n */\nexport const STATIC_THEME_VARS_CLASSES: ReadonlySet<string> = new Set([\n  // светлая 6.0 — `themes/light-6-0.css`\n  'react-ui-theme-kspbjn',\n  // светлая 6.1—6.3 — `themes/light-6-1.css`\n  'react-ui-theme-6fumn0',\n  // светлая 6.4 и по умолчанию — `themes/light.css`\n  'react-ui-theme-1cp5p7l',\n  // тёмная 6.0 — `themes/dark-6-0.css`\n  'react-ui-theme-1n5tg7a',\n  // тёмная 6.1—6.3 — `themes/dark-6-1.css`\n  'react-ui-theme-cqp81q',\n  // тёмная 6.4 и по умолчанию — `themes/dark.css`\n  'react-ui-theme-ppd009',\n]);\n"]}

package/lib/theming/themeCssVarsClass.d.ts

@@ -1,89 +0,0 @@
-import type { Theme } from './Theme.js';
-/**
- * Носитель переменных темы: что повесить на элемент, чтобы внутри него
- * действовала эта тема.
- */
-export interface ThemeCssVars {
-    /** Класс с полным блоком объявлений — своим или базовой темы. */
-    className: string;
-    /** Объявления поверх блока, если тема производная. Пусто у базовой. */
-    style?: Record<string, string>;
-}
-/**
- * Статическая часть дельты темы: имя класса и текст объявлений.
- *
- * Нужна сборке: `scripts/extract-theme-delta.mts` перечисляет производные темы
- * библиотеки, складывает их перекладки в файл и печатает список имён, который
- * рантайм держит в {@link STATIC_THEME_DELTA_CLASSES}. Имя считает эта же
- * функция, поэтому файл и разметка сходятся без реестра соответствий.
- *
- * `null` — у темы нет статической части: отличия целиком зависят от значений.
- *
- * @param base База, чей полный блок объявлений стоит на том же элементе
- * @param theme Тема-потомок
- */
-export declare function getStaticThemeDelta(base: Theme, theme: Theme): {
-    className: string;
-    text: string;
-} | null;
-/** Правило класса перекладки: селектор удвоен, чтобы перебить блок базы. */
-export declare const themeDeltaRule: ({ className, text }: {
-    className: string;
-    text: string;
-}) => string;
-/**
- * Имя класса-носителя переменных темы.
- *
- * Считается от значений темы, а не от текста блока: имя обязано совпасть с тем,
- * под которым блок извлечён на сборке пакета, а текст блока по дороге к
- * потребителю меняется. Минификатор приложения сворачивает константы внутри
- * `calc()` — `* (8 - 1)` становится `* 7`, — и хеш текста разъезжается на трёх
- * переменных из 1434. Значения темы он не трогает.
- *
- * Тот же расчёт использует `scripts/extract-theme-css.mts`, импортируя эту
- * функцию из собранного пакета.
- */
-export declare const getThemeCssVarsClassName: (theme: Theme) => string;
-/**
- * Что повесить на элемент, чтобы внутри него действовала тема.
- *
- * Базовая тема несёт полный блок классом: `var()` подставляется там, где
- * переменная ОБЪЯВЛЕНА, поэтому производная `--a: var(--b)` фиксируется на
- * объявителе и наследуется потомками уже вычисленной. Только переобъявление
- * полного блока пересчитывает такие цепочки — на этом держатся вложенные темы,
- * и это проверено в `e2e/csp/cssVars.spec.mts`.
- *
- * Производная тема несёт класс своей базы и дельту инлайном. Библиотека создаёт
- * такие темы сама и часто: `Modal`, `Dropdown`, `MiniModal`, `Select`, `Hint`,
- * `Tooltip`, `Kebab` — полтора десятка мест. Отличаются они единицами значений
- * (у `Modal` одно, у `Autocomplete` ни одного), а блок печатался целиком: 87 КБ
- * правила в рантайме на каждую. Инлайн стоит от 33 байт до килобайта, и, что
- * важнее для эпика, не создаёт правила вовсе — значит со внешним CSS страница с
- * модалкой обходится без тега `<style>` ровно так же, как страница с кнопкой.
- *
- * Дельта и класс базы всегда вместе на одном узле — на этом держится её
- * правильность: производные цепочки из блока базы читают изменённые значения с
- * того же элемента, а не наследуют вычисленные с предка.
- *
- * Результат мемоизирован по паре (инстанс, тема): полный блок весит около 87 КБ,
- * и генерировать его на каждый рендер нельзя.
- *
- * @param theme Объект темы
- */
-export declare function getThemeCssVars(theme: Theme): ThemeCssVars;
-/** Префикс имени класса-носителя переменных темы. */
-export declare const THEME_CSS_VARS_CLASS_PREFIX = "react-ui-theme-";
-/**
- * Носитель ли это переменных темы.
- *
- * Проверка по префиксу, а не по реестру: имя считается от содержимого блока и
- * одинаково на сервере и на клиенте, поэтому реестр на клиенте после гидрации
- * мог бы оказаться пустым.
- */
-export declare function isThemeCssVarsClass(className: string): boolean;
-/**
- * Носитель переменных темы для текущего окружения рендера.
- *
- * @param theme Объект темы
- */
-export declare function useThemeCssVars(theme: Theme): ThemeCssVars;

package/lib/theming/themeCssVarsClass.js

@@ -1,253 +0,0 @@
-import { hashString } from './hashString.js';
-import { STATIC_THEME_DELTA_CLASSES } from './staticThemeDelta.js';
-import { STATIC_THEME_VARS_CLASSES } from './staticThemeVars.js';
-import { getThemeCssVarsDelta } from './themeCssVarsDelta.js';
-import { themeToCssVarsMap, themeValuesSignature } from './themeToCssVars.js';
-/**
- * Кеш носителя: инстанс Emotion -> тема -> результат.
- *
- * Ключ двойной, потому что класс принадлежит конкретному инстансу: у другого
- * инстанса свой кеш вставок и свой тег `<style>`, и класснейм, посчитанный для
- * первого, во втором документе не окажется объявленным.
- *
- * Обе карты слабые: ни тема, ни инстанс не должны удерживаться кешем в памяти.
- */
-var varsCache = new WeakMap();
-/**
- * Сколько объявлений имеет смысл нести инлайном.
- *
- * Дельта производных тем библиотеки укладывается в три десятка: у `Modal` она
- * одна, у `Dropdown` двадцать шесть. Тема приложения, переопределяющая полтемы,
- * — другой случай: инлайн повторяется на корне каждого компонента, и с какого-то
- * размера правило в таблице стилей дешевле. Порог отделяет один случай от
- * другого, а не выражает точное измерение.
- */
-var MAX_INLINE_DECLARATIONS = 64;
-/**
- * Имя класса-носителя полного блока.
- *
- * Имя считается от темы, а не выдаётся счётчиком: на сервере и на клиенте тема
- * одна и та же, поэтому и класс совпадает — гидрация не спорит. И поэтому же
- * извлечённый на сборке файл сходится с разметкой без всякого реестра.
- *
- * Правило под это имя библиотека больше НЕ создаёт. Раньше создавала — и это
- * был единственный тег `<style>`, остававшийся на странице, а вместе с ним
- * nonce и фаза flush при стриминге. Теперь блок поставляемой темы приезжает
- * файлом, который приложение подключает само, а блок темы, собранной с нуля, —
- * атрибутом `style` (см. `resolveThemeCssVars`).
- */
-/**
- * Объявление, не зависящее от значений темы.
- *
- * Перекладка `токен = другой токен` печатается ссылкой `var(--kontur-…)`, а
- * исчезнувший у потомка токен — сбросом `initial`. И то и другое одинаково во
- * всех темах, поэтому такие объявления можно собрать в класс и извлечь на
- * сборке, вместо того чтобы печатать их в атрибут `style` на каждом элементе.
- *
- * Литерал сюда не попадает: он пришёл из значения базы и у другой темы будет
- * другим.
- */
-var isStaticDeclaration = function (value) {
-    return /^var\(--kontur-[A-Za-z0-9]+\)$/.test(value) || value === RESET_VALUE;
-};
-/** Сброс объявления, доставшегося от базы; должен совпадать с `themeCssVarsDelta`. */
-var RESET_VALUE = 'initial';
-/**
- * Статическая часть дельты темы: имя класса и текст объявлений.
- *
- * Нужна сборке: `scripts/extract-theme-delta.mts` перечисляет производные темы
- * библиотеки, складывает их перекладки в файл и печатает список имён, который
- * рантайм держит в {@link STATIC_THEME_DELTA_CLASSES}. Имя считает эта же
- * функция, поэтому файл и разметка сходятся без реестра соответствий.
- *
- * `null` — у темы нет статической части: отличия целиком зависят от значений.
- *
- * @param base База, чей полный блок объявлений стоит на том же элементе
- * @param theme Тема-потомок
- */
-export function getStaticThemeDelta(base, theme) {
-    var statik = splitDelta(getThemeCssVarsDelta(base, theme)).statik;
-    if (Object.keys(statik).length === 0) {
-        return null;
-    }
-    var text = declarationsText(statik);
-    return { className: "".concat(THEME_CSS_VARS_CLASS_PREFIX, "d").concat(hashString(text)), text: text };
-}
-/** Правило класса перекладки: селектор удвоен, чтобы перебить блок базы. */
-export var themeDeltaRule = function (_a) {
-    var className = _a.className, text = _a.text;
-    return ".".concat(className, ".").concat(className, " {\n").concat(text, "\n}");
-};
-/** Делит дельту на часть, годную в класс, и часть, которой место в инлайне. */
-function splitDelta(delta) {
-    var statik = {};
-    var inline = {};
-    Object.keys(delta).forEach(function (name) {
-        (isStaticDeclaration(delta[name]) ? statik : inline)[name] = delta[name];
-    });
-    return { statik: statik, inline: inline };
-}
-/** Текст объявлений в порядке имён: из него считается имя класса. */
-var declarationsText = function (declarations) {
-    return Object.keys(declarations)
-        .sort()
-        .map(function (name) { return "".concat(name, ": ").concat(declarations[name], ";"); })
-        .join('\n');
-};
-/**
- * Класс со статической частью дельты — или `null`, если класса нет.
- *
- * Селектор удвоен — `.cls.cls`. Объявления обязаны перебить блок базы, который
- * висит на том же элементе, а он такой же одинарный класс: между двумя
- * одинаковыми весами спор решает порядок в таблице стилей, то есть порядок, в
- * котором приложение подключило файлы. Удвоение снимает этот вопрос совсем.
- *
- * Со внешним CSS класс годится, только если он уже лежит в файле. Перечислить
- * заранее можно темы библиотеки, но не тему, которую приложение передало
- * пропом, — а вставить правило в рантайме значило бы вернуть на страницу тег
- * `<style>` со всем, что к нему прилагается. Для неизвестной дельты остаётся
- * инлайн: он ничего не вставляет.
- */
-function resolveDeltaClass(declarations) {
-    var text = declarationsText(declarations);
-    var className = "".concat(THEME_CSS_VARS_CLASS_PREFIX, "d").concat(hashString(text));
-    // Класс годится, только если он уже лежит в файле. Перечислить заранее можно
-    // перекладки тем библиотеки, но не тему, которую приложение передало пропом.
-    // Для неизвестной дельты остаётся инлайн: он ничего не вставляет.
-    return STATIC_THEME_DELTA_CLASSES.has(className) ? className : null;
-}
-/** Имя класса полного блока темы. Правило под него лежит в файле, а не в рантайме. */
-function getFullBlock(theme) {
-    return getThemeCssVarsClassName(theme);
-}
-/**
- * Ближайший предок темы, чей блок объявлений известен статически.
- *
- * Темы наследуются прототипно (`ThemeFactory.create` делает `Object.create`),
- * поэтому база производной темы — её прототип. Ищется не любой предок, а именно
- * поставляемый: только для него блок извлечён на сборке, и только на нём
- * дельта потомка гарантированно ложится поверх объявлений, а не в пустоту.
- */
-function findStaticBase(theme) {
-    var candidate = Object.getPrototypeOf(theme);
-    while (candidate && candidate !== Object.prototype) {
-        if (STATIC_THEME_VARS_CLASSES.has(getThemeCssVarsClassName(candidate))) {
-            return candidate;
-        }
-        candidate = Object.getPrototypeOf(candidate);
-    }
-    return null;
-}
-/**
- * Имя класса-носителя переменных темы.
- *
- * Считается от значений темы, а не от текста блока: имя обязано совпасть с тем,
- * под которым блок извлечён на сборке пакета, а текст блока по дороге к
- * потребителю меняется. Минификатор приложения сворачивает константы внутри
- * `calc()` — `* (8 - 1)` становится `* 7`, — и хеш текста разъезжается на трёх
- * переменных из 1434. Значения темы он не трогает.
- *
- * Тот же расчёт использует `scripts/extract-theme-css.mts`, импортируя эту
- * функцию из собранного пакета.
- */
-export var getThemeCssVarsClassName = function (theme) {
-    return "".concat(THEME_CSS_VARS_CLASS_PREFIX).concat(hashString(themeValuesSignature(theme)));
-};
-/**
- * Что повесить на элемент, чтобы внутри него действовала тема.
- *
- * Базовая тема несёт полный блок классом: `var()` подставляется там, где
- * переменная ОБЪЯВЛЕНА, поэтому производная `--a: var(--b)` фиксируется на
- * объявителе и наследуется потомками уже вычисленной. Только переобъявление
- * полного блока пересчитывает такие цепочки — на этом держатся вложенные темы,
- * и это проверено в `e2e/csp/cssVars.spec.mts`.
- *
- * Производная тема несёт класс своей базы и дельту инлайном. Библиотека создаёт
- * такие темы сама и часто: `Modal`, `Dropdown`, `MiniModal`, `Select`, `Hint`,
- * `Tooltip`, `Kebab` — полтора десятка мест. Отличаются они единицами значений
- * (у `Modal` одно, у `Autocomplete` ни одного), а блок печатался целиком: 87 КБ
- * правила в рантайме на каждую. Инлайн стоит от 33 байт до килобайта, и, что
- * важнее для эпика, не создаёт правила вовсе — значит со внешним CSS страница с
- * модалкой обходится без тега `<style>` ровно так же, как страница с кнопкой.
- *
- * Дельта и класс базы всегда вместе на одном узле — на этом держится её
- * правильность: производные цепочки из блока базы читают изменённые значения с
- * того же элемента, а не наследуют вычисленные с предка.
- *
- * Результат мемоизирован по паре (инстанс, тема): полный блок весит около 87 КБ,
- * и генерировать его на каждый рендер нельзя.
- *
- * @param theme Объект темы
- */
-export function getThemeCssVars(theme) {
-    var cached = varsCache.get(theme);
-    if (cached !== undefined) {
-        return cached;
-    }
-    var result = resolveThemeCssVars(theme);
-    varsCache.set(theme, result);
-    return result;
-}
-function resolveThemeCssVars(theme) {
-    var className = getThemeCssVarsClassName(theme);
-    // Сама тема поставляемая — дельту считать не от чего и незачем. Со внешним
-    // CSS блок при этом даже не генерируется: 87 КБ текста на клиенте ради того,
-    // что уже лежит в файле.
-    if (!STATIC_THEME_VARS_CLASSES.has(className)) {
-        var base = findStaticBase(theme);
-        var delta = base && getThemeCssVarsDelta(base, theme);
-        if (base && delta && Object.keys(delta).length <= MAX_INLINE_DECLARATIONS) {
-            // Класс базы приклеивается к тому же элементу, а не ожидается от предка:
-            // компонент может рендериться в портал, где наследование CSS обрывается.
-            var baseClassName = getFullBlock(base);
-            var _a = splitDelta(delta), statik = _a.statik, inline = _a.inline;
-            // Перекладка «токен = другой токен» одинакова во всех темах, поэтому едет
-            // классом из файла, а не десятками объявлений в атрибуте `style` на
-            // каждом элементе: у `Dropdown` их было семьдесят.
-            var deltaClassName = Object.keys(statik).length === 0 ? null : resolveDeltaClass(statik);
-            if (deltaClassName === null) {
-                return { className: baseClassName, style: delta };
-            }
-            var className_1 = "".concat(baseClassName, " ").concat(deltaClassName);
-            return Object.keys(inline).length === 0 ? { className: className_1 } : { className: className_1, style: inline };
-        }
-    }
-    // Поставляемая тема: блок уже лежит в файле под этим же именем, вешаем класс.
-    if (STATIC_THEME_VARS_CLASSES.has(className)) {
-        return { className: className };
-    }
-    // Тема, собранная приложением с нуля, — единственный случай, когда блока нет
-    // ни в файле, ни в виде дельты к известной базе. Раньше ради него в рантайме
-    // создавалось правило: один тег `<style>` на всю страницу, а вместе с ним
-    // nonce и фаза flush при стриминге.
-    //
-    // Теперь объявления едут атрибутом `style` — тем же путём, каким уже едет
-    // дельта производной темы. React ставит их через CSSOM, правила в таблице
-    // стилей не появляется, и страница обходится без тега `<style>` вовсе.
-    //
-    // Блок велик — около 87 КБ, — но после работы T5 носитель печатается один раз
-    // на границу смены темы, а не на корне каждого компонента. Приложение, которое
-    // собрало тему с нуля и поставило её на корень, платит за это один раз.
-    return { className: '', style: themeToCssVarsMap(theme) };
-}
-/** Префикс имени класса-носителя переменных темы. */
-export var THEME_CSS_VARS_CLASS_PREFIX = 'react-ui-theme-';
-/**
- * Носитель ли это переменных темы.
- *
- * Проверка по префиксу, а не по реестру: имя считается от содержимого блока и
- * одинаково на сервере и на клиенте, поэтому реестр на клиенте после гидрации
- * мог бы оказаться пустым.
- */
-export function isThemeCssVarsClass(className) {
-    return className.startsWith(THEME_CSS_VARS_CLASS_PREFIX);
-}
-/**
- * Носитель переменных темы для текущего окружения рендера.
- *
- * @param theme Объект темы
- */
-export function useThemeCssVars(theme) {
-    return getThemeCssVars(theme);
-}
-//# sourceMappingURL=themeCssVarsClass.js.map