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

package/lib/theming/bindStaticStyles.js

@@ -1,18 +0,0 @@
-/**
- * Рантайм-половина статических стилей: превращает карту класснеймов, вычисленную при сборке,
- * обратно в привычную форму `getStyles(emotion).root(theme)`. Тема больше не влияет на класс —
- * её значения приходят через CSS-переменные `--k-*`.
- */
-import { isChrome, isFirefox } from '../client.js';
-// браузерные поправки в статическом CSS (см. lib/styles/LabGrotesqueBaseline.css.ts)
-if (typeof document !== 'undefined' && (isChrome || isFirefox)) {
-    document.documentElement.setAttribute('data-k-browser', isChrome ? 'chrome' : 'firefox');
-}
-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

@@ -1 +0,0 @@
-{"version":3,"file":"bindStaticStyles.js","sourceRoot":"","sources":["bindStaticStyles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEnD,qFAAqF;AACrF,IAAI,OAAO,QAAQ,KAAK,WAAW,IAAI,CAAC,QAAQ,IAAI,SAAS,CAAC,EAAE,CAAC;IAC/D,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;AAC3F,CAAC;AAID,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)\nif (typeof document !== 'undefined' && (isChrome || isFirefox)) {\n  document.documentElement.setAttribute('data-k-browser', isChrome ? 'chrome' : 'firefox');\n}\n\nexport type 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/themeVars.d.ts

@@ -1,26 +0,0 @@
-import type React from 'react';
-import type { Theme } from './Theme.js';
-export declare const THEME_VAR_PREFIX = "--k-";
-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~="<токен>"])` (см. StaticStyles.ts), чтобы без темы отбрасываться, как раньше.
- */
-export declare const getThemeSetTokens: (theme: Theme) => string;

package/lib/theming/themeVars.js

@@ -1,72 +0,0 @@
-import { createContext } from 'react';
-import { ThemeFactory } from './ThemeFactory.js';
-import { LIGHT_THEME } from './themes/LightTheme.js';
-export 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 _i = 0, _a = ThemeFactory.getKeys(theme); _i < _a.length; _i++) {
-            var key = _a[_i];
-            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~="<токен>"])` (см. StaticStyles.ts), чтобы без темы отбрасываться, как раньше.
- */
-export var getThemeSetTokens = function (theme) {
-    var tokens = setTokensCache.get(theme);
-    if (tokens === undefined) {
-        tokens = ThemeFactory.getKeys(theme)
-            .filter(function (key) {
-            var value = theme[key];
-            return (LIGHT_THEME[key] === '' && typeof value === 'string' && value !== '');
-        })
-            .join(' ');
-        setTokensCache.set(theme, tokens);
-    }
-    return tokens;
-};
-//# sourceMappingURL=themeVars.js.map

package/lib/theming/themeVars.js.map

@@ -1 +0,0 @@
-{"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 { ThemeFactory } from './ThemeFactory.js';\nimport { LIGHT_THEME } from './themes/LightTheme.js';\n\nexport const 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 of ThemeFactory.getKeys(theme) as string[]) {\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~=\"<токен>\"])` (см. StaticStyles.ts), чтобы без темы отбрасываться, как раньше.\n */\nexport const getThemeSetTokens = (theme: Theme): string => {\n  let tokens = setTokensCache.get(theme);\n  if (tokens === undefined) {\n    tokens = (ThemeFactory.getKeys(theme) as string[])\n      .filter((key) => {\n        const value = (theme as unknown as Record<string, unknown>)[key];\n        return (\n          (LIGHT_THEME as unknown as Record<string, unknown>)[key] === '' && typeof value === 'string' && value !== ''\n        );\n      })\n      .join(' ');\n    setTokensCache.set(theme, tokens);\n  }\n  return tokens;\n};\n"]}