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

package/components/Input/InputLayout/InputLayoutAsideIcon.js

@@ -1,37 +1,43 @@
 import React from 'react';
-import { ALIASES_TO_SIZES } from '../../../internal/icons2022/iconConstants.js';
 import { isElement } from '../../../lib/react-is.js';
-import { useStyles } from '../../../lib/renderEnvironment/index.js';
-import { concatClassNames as cx } from '../../../lib/theming/Emotion.js';
+import { useEmotion, useStyles } from '../../../lib/renderEnvironment/index.js';
+import { ThemeContext } from '../../../lib/theming/ThemeContext.js';
 import { isKonturIcon } from '../../../lib/utils.js';
-import { getStylesLayout } from './InputLayout.styles.js';
+import { getStylesLayout } from './InputLayout.css.js';
 import { InputLayoutContext } from './InputLayoutContext.js';
-/** Классы размера иконки и отступа от поля — по размеру контрола и стороне. */
-var SIZE_CLASS = {
-    small: 'iconSizeSmall',
-    medium: 'iconSizeMedium',
-    large: 'iconSizeLarge',
-};
-var GAP_CLASS = {
-    left: { small: 'iconGapLeftSmall', medium: 'iconGapLeftMedium', large: 'iconGapLeftLarge' },
-    right: { small: 'iconGapRightSmall', medium: 'iconGapRightMedium', large: 'iconGapRightLarge' },
-};
 export var InputLayoutAsideIcon = function (_a) {
     var _b;
     var _c = _a.icon, icon = _c === void 0 ? null : _c, side = _a.side;
+    var theme = React.useContext(ThemeContext);
+    var cx = useEmotion().cx;
     var stylesLayout = useStyles(getStylesLayout);
     var _d = React.useContext(InputLayoutContext), focused = _d.focused, disabled = _d.disabled, size = _d.size;
+    var sizes = {
+        small: parseInt(theme.inputIconSizeSmall),
+        medium: parseInt(theme.inputIconSizeMedium),
+        large: parseInt(theme.inputIconSizeLarge),
+    };
+    var gaps = {
+        small: parseInt(theme.inputIconGapSmall),
+        medium: parseInt(theme.inputIconGapMedium),
+        large: parseInt(theme.inputIconGapLarge),
+    };
     var _icon = icon instanceof Function ? icon() : icon;
     if (isElement(icon) && isKonturIcon(icon)) {
         var iconProps = icon.props;
-        // Число по алиасу, а не значение темы: иконке нужен именно размер в
-        // пикселях — по нему она выбирает отрисовку, а иконки из общего пакета
-        // алиас в атрибут `width` кладут как есть и остаются вовсе без размера.
-        // Точный размер поверх этого задаёт класс со ссылкой на переменную темы.
         _icon = React.cloneElement(icon, {
-            size: (_b = iconProps.size) !== null && _b !== void 0 ? _b : ALIASES_TO_SIZES[size],
+            size: (_b = iconProps.size) !== null && _b !== void 0 ? _b : sizes[size],
         });
     }
-    return _icon ? (React.createElement("span", { className: cx(stylesLayout.aside(), stylesLayout.icon(), stylesLayout[SIZE_CLASS[size]](), stylesLayout[GAP_CLASS[side][size]](), focused && stylesLayout.iconFocus(), disabled && stylesLayout.iconDisabled()) }, _icon)) : null;
+    var style = {};
+    if (side) {
+        if (side === 'right') {
+            style.marginLeft = gaps[size];
+        }
+        else {
+            style.marginRight = gaps[size];
+        }
+    }
+    return _icon ? (React.createElement("span", { style: style, className: cx(stylesLayout.aside(), stylesLayout.icon(theme), focused && stylesLayout.iconFocus(theme), disabled && stylesLayout.iconDisabled(theme)) }, _icon)) : null;
 };
 //# sourceMappingURL=InputLayoutAsideIcon.js.map

package/components/Input/InputLayout/InputLayoutAsideIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputLayoutAsideIcon.js","sourceRoot":"","sources":["InputLayoutAsideIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAE,gBAAgB,IAAI,EAAE,EAAE,MAAM,iCAAiC,CAAC;AAEzE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAO7D,+EAA+E;AAC/E,IAAM,UAAU,GAA2E;IACzF,KAAK,EAAE,eAAe;IACtB,MAAM,EAAE,gBAAgB;IACxB,KAAK,EAAE,eAAe;CACvB,CAAC;AAEF,IAAM,SAAS,GAAyF;IACtG,IAAI,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,kBAAkB,EAAE;IAC3F,KAAK,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,MAAM,EAAE,oBAAoB,EAAE,KAAK,EAAE,mBAAmB,EAAE;CAChG,CAAC;AAEF,MAAM,CAAC,IAAM,oBAAoB,GAAuD,UAAC,EAAqB;;QAAnB,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EAAE,IAAI,UAAA;IAC1G,IAAM,YAAY,GAAG,SAAS,CAAC,eAAe,CAAC,CAAC;IAC1C,IAAA,KAA8B,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,EAAhE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAyC,CAAC;IAEzE,IAAI,KAAK,GAAG,IAAI,YAAY,QAAQ,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACrD,IAAI,SAAS,CAAC,IAAI,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;QAC1C,IAAM,SAAS,GAAG,IAAI,CAAC,KAAkB,CAAC;QAC1C,oEAAoE;QACpE,uEAAuE;QACvE,wEAAwE;QACxE,yEAAyE;QACzE,KAAK,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE;YAC/B,IAAI,EAAE,MAAA,SAAS,CAAC,IAAI,mCAAI,gBAAgB,CAAC,IAAI,CAAC;SAClC,CAAC,CAAC;IAClB,CAAC;IAED,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,8BACE,SAAS,EAAE,EAAE,CACX,YAAY,CAAC,KAAK,EAAE,EACpB,YAAY,CAAC,IAAI,EAAE,EACnB,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,EAAE,EAChC,YAAY,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,EACrC,OAAO,IAAI,YAAY,CAAC,SAAS,EAAE,EACnC,QAAQ,IAAI,YAAY,CAAC,YAAY,EAAE,CACxC,IAEA,KAAK,CACD,CACR,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport type { IconProps } from '../../../internal/icons2022/BaseIcon.js';\nimport { ALIASES_TO_SIZES } from '../../../internal/icons2022/iconConstants.js';\nimport { isElement } from '../../../lib/react-is.js';\nimport { useStyles } from '../../../lib/renderEnvironment/index.js';\nimport { concatClassNames as cx } from '../../../lib/theming/Emotion.js';\nimport type { SizeProp } from '../../../lib/types/props.js';\nimport { isKonturIcon } from '../../../lib/utils.js';\nimport type { InputProps } from '../Input.js';\nimport { getStylesLayout } from './InputLayout.styles.js';\nimport { InputLayoutContext } from './InputLayoutContext.js';\n\nexport interface InputLayoutAsideIconProps {\n  icon: InputProps['leftIcon'] | InputProps['rightIcon'];\n  side: 'left' | 'right';\n}\n\n/** Классы размера иконки и отступа от поля — по размеру контрола и стороне. */\nconst SIZE_CLASS: Record<SizeProp, 'iconSizeSmall' | 'iconSizeMedium' | 'iconSizeLarge'> = {\n  small: 'iconSizeSmall',\n  medium: 'iconSizeMedium',\n  large: 'iconSizeLarge',\n};\n\nconst GAP_CLASS: Record<'left' | 'right', Record<SizeProp, keyof ReturnType<typeof getStylesLayout>>> = {\n  left: { small: 'iconGapLeftSmall', medium: 'iconGapLeftMedium', large: 'iconGapLeftLarge' },\n  right: { small: 'iconGapRightSmall', medium: 'iconGapRightMedium', large: 'iconGapRightLarge' },\n};\n\nexport const InputLayoutAsideIcon: React.FunctionComponent<InputLayoutAsideIconProps> = ({ icon = null, side }) => {\n  const stylesLayout = useStyles(getStylesLayout);\n  const { focused, disabled, size } = React.useContext(InputLayoutContext);\n\n  let _icon = icon instanceof Function ? icon() : icon;\n  if (isElement(icon) && isKonturIcon(icon)) {\n    const iconProps = icon.props as IconProps;\n    // Число по алиасу, а не значение темы: иконке нужен именно размер в\n    // пикселях — по нему она выбирает отрисовку, а иконки из общего пакета\n    // алиас в атрибут `width` кладут как есть и остаются вовсе без размера.\n    // Точный размер поверх этого задаёт класс со ссылкой на переменную темы.\n    _icon = React.cloneElement(icon, {\n      size: iconProps.size ?? ALIASES_TO_SIZES[size],\n    } as IconProps);\n  }\n\n  return _icon ? (\n    <span\n      className={cx(\n        stylesLayout.aside(),\n        stylesLayout.icon(),\n        stylesLayout[SIZE_CLASS[size]](),\n        stylesLayout[GAP_CLASS[side][size]](),\n        focused && stylesLayout.iconFocus(),\n        disabled && stylesLayout.iconDisabled(),\n      )}\n    >\n      {_icon}\n    </span>\n  ) : null;\n};\n"]}
+{"version":3,"file":"InputLayoutAsideIcon.js","sourceRoot":"","sources":["InputLayoutAsideIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAEpE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAO7D,MAAM,CAAC,IAAM,oBAAoB,GAAuD,UAAC,EAAqB;;QAAnB,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EAAE,IAAI,UAAA;IAC1G,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IACrC,IAAA,EAAE,GAAK,UAAU,EAAE,GAAjB,CAAkB;IAC5B,IAAM,YAAY,GAAG,SAAS,CAAC,eAAe,CAAC,CAAC;IAC1C,IAAA,KAA8B,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,EAAhE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAyC,CAAC;IAEzE,IAAM,KAAK,GAA6B;QACtC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,kBAAkB,CAAC;QACzC,MAAM,EAAE,QAAQ,CAAC,KAAK,CAAC,mBAAmB,CAAC;QAC3C,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,kBAAkB,CAAC;KAC1C,CAAC;IACF,IAAM,IAAI,GAA6B;QACrC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,iBAAiB,CAAC;QACxC,MAAM,EAAE,QAAQ,CAAC,KAAK,CAAC,kBAAkB,CAAC;QAC1C,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,iBAAiB,CAAC;KACzC,CAAC;IAEF,IAAI,KAAK,GAAG,IAAI,YAAY,QAAQ,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACrD,IAAI,SAAS,CAAC,IAAI,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;QAC1C,IAAM,SAAS,GAAG,IAAI,CAAC,KAAkB,CAAC;QAC1C,KAAK,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE;YAC/B,IAAI,EAAE,MAAA,SAAS,CAAC,IAAI,mCAAI,KAAK,CAAC,IAAI,CAAC;SACvB,CAAC,CAAC;IAClB,CAAC;IAED,IAAM,KAAK,GAAwB,EAAE,CAAC;IACtC,IAAI,IAAI,EAAE,CAAC;QACT,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;YACrB,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;QAChC,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;QACjC,CAAC;IACH,CAAC;IAED,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,8BACE,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CACX,YAAY,CAAC,KAAK,EAAE,EACpB,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,EACxB,OAAO,IAAI,YAAY,CAAC,SAAS,CAAC,KAAK,CAAC,EACxC,QAAQ,IAAI,YAAY,CAAC,YAAY,CAAC,KAAK,CAAC,CAC7C,IAEA,KAAK,CACD,CACR,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport type { IconProps } from '../../../internal/icons2022/BaseIcon.js';\nimport { isElement } from '../../../lib/react-is.js';\nimport { useEmotion, useStyles } from '../../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../../lib/types/props.js';\nimport { isKonturIcon } from '../../../lib/utils.js';\nimport type { InputProps } from '../Input.js';\nimport { getStylesLayout } from './InputLayout.css.js';\nimport { InputLayoutContext } from './InputLayoutContext.js';\n\nexport interface InputLayoutAsideIconProps {\n  icon: InputProps['leftIcon'] | InputProps['rightIcon'];\n  side: 'left' | 'right';\n}\n\nexport const InputLayoutAsideIcon: React.FunctionComponent<InputLayoutAsideIconProps> = ({ icon = null, side }) => {\n  const theme = React.useContext(ThemeContext);\n  const { cx } = useEmotion();\n  const stylesLayout = useStyles(getStylesLayout);\n  const { focused, disabled, size } = React.useContext(InputLayoutContext);\n\n  const sizes: Record<SizeProp, number> = {\n    small: parseInt(theme.inputIconSizeSmall),\n    medium: parseInt(theme.inputIconSizeMedium),\n    large: parseInt(theme.inputIconSizeLarge),\n  };\n  const gaps: Record<SizeProp, number> = {\n    small: parseInt(theme.inputIconGapSmall),\n    medium: parseInt(theme.inputIconGapMedium),\n    large: parseInt(theme.inputIconGapLarge),\n  };\n\n  let _icon = icon instanceof Function ? icon() : icon;\n  if (isElement(icon) && isKonturIcon(icon)) {\n    const iconProps = icon.props as IconProps;\n    _icon = React.cloneElement(icon, {\n      size: iconProps.size ?? sizes[size],\n    } as IconProps);\n  }\n\n  const style: React.CSSProperties = {};\n  if (side) {\n    if (side === 'right') {\n      style.marginLeft = gaps[size];\n    } else {\n      style.marginRight = gaps[size];\n    }\n  }\n\n  return _icon ? (\n    <span\n      style={style}\n      className={cx(\n        stylesLayout.aside(),\n        stylesLayout.icon(theme),\n        focused && stylesLayout.iconFocus(theme),\n        disabled && stylesLayout.iconDisabled(theme),\n      )}\n    >\n      {_icon}\n    </span>\n  ) : null;\n};\n"]}

package/components/Input/InputLayout/InputLayoutAsideText.js

@@ -1,17 +1,17 @@
 import React from 'react';
-import { useStyles } from '../../../lib/renderEnvironment/index.js';
-import { concatClassNames as cx } from '../../../lib/theming/Emotion.js';
+import { useEmotion, useStyles } from '../../../lib/renderEnvironment/index.js';
 import { ThemeContext } from '../../../lib/theming/ThemeContext.js';
 import { isThemeGTE } from '../../../lib/theming/ThemeHelpers.js';
-import { getStylesLayout } from './InputLayout.styles.js';
+import { getStylesLayout } from './InputLayout.css.js';
 import { InputLayoutContext } from './InputLayoutContext.js';
 export var InputLayoutAsideText = function (_a) {
     var _b = _a.text, text = _b === void 0 ? null : _b;
+    var theme = React.useContext(ThemeContext);
+    var cx = useEmotion().cx;
     var stylesLayout = useStyles(getStylesLayout);
     var disabled = React.useContext(InputLayoutContext).disabled;
-    var theme = React.useContext(ThemeContext);
     var themeGTE6_4 = isThemeGTE(theme, '6.4');
     var asideClassName = stylesLayout.aside();
-    return text ? (React.createElement("span", { className: cx(asideClassName, stylesLayout.text(), themeGTE6_4 && stylesLayout.text6_4(), disabled && stylesLayout.textDisabled()) }, text)) : null;
+    return text ? (React.createElement("span", { className: cx(asideClassName, stylesLayout.text(theme), themeGTE6_4 && stylesLayout.text6_4(theme), disabled && stylesLayout.textDisabled(theme)) }, text)) : null;
 };
 //# sourceMappingURL=InputLayoutAsideText.js.map

package/components/Input/InputLayout/InputLayoutAsideText.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputLayoutAsideText.js","sourceRoot":"","sources":["InputLayoutAsideText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAE,gBAAgB,IAAI,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAElE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAM7D,MAAM,CAAC,IAAM,oBAAoB,GAAuD,UAAC,EAAe;QAAb,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA;IACpG,IAAM,YAAY,GAAG,SAAS,CAAC,eAAe,CAAC,CAAC;IACxC,IAAA,QAAQ,GAAK,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,SAAzC,CAA0C;IAC1D,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAC7C,IAAM,WAAW,GAAG,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAC7C,IAAM,cAAc,GAAG,YAAY,CAAC,KAAK,EAAE,CAAC;IAE5C,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,8BACE,SAAS,EAAE,EAAE,CACX,cAAc,EACd,YAAY,CAAC,IAAI,EAAE,EACnB,WAAW,IAAI,YAAY,CAAC,OAAO,EAAE,EACrC,QAAQ,IAAI,YAAY,CAAC,YAAY,EAAE,CACxC,IAEA,IAAI,CACA,CACR,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { useStyles } from '../../../lib/renderEnvironment/index.js';\nimport { concatClassNames as cx } from '../../../lib/theming/Emotion.js';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext.js';\nimport { isThemeGTE } from '../../../lib/theming/ThemeHelpers.js';\nimport type { InputProps } from '../Input.js';\nimport { getStylesLayout } from './InputLayout.styles.js';\nimport { InputLayoutContext } from './InputLayoutContext.js';\n\nexport interface InputLayoutAsideTextProps {\n  text: InputProps['prefix'] | InputProps['suffix'];\n}\n\nexport const InputLayoutAsideText: React.FunctionComponent<InputLayoutAsideTextProps> = ({ text = null }) => {\n  const stylesLayout = useStyles(getStylesLayout);\n  const { disabled } = React.useContext(InputLayoutContext);\n  const theme = React.useContext(ThemeContext);\n  const themeGTE6_4 = isThemeGTE(theme, '6.4');\n  const asideClassName = stylesLayout.aside();\n\n  return text ? (\n    <span\n      className={cx(\n        asideClassName,\n        stylesLayout.text(),\n        themeGTE6_4 && stylesLayout.text6_4(),\n        disabled && stylesLayout.textDisabled(),\n      )}\n    >\n      {text}\n    </span>\n  ) : null;\n};\n"]}
+{"version":3,"file":"InputLayoutAsideText.js","sourceRoot":"","sources":["InputLayoutAsideText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAElE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAM7D,MAAM,CAAC,IAAM,oBAAoB,GAAuD,UAAC,EAAe;QAAb,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA;IACpG,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IACrC,IAAA,EAAE,GAAK,UAAU,EAAE,GAAjB,CAAkB;IAC5B,IAAM,YAAY,GAAG,SAAS,CAAC,eAAe,CAAC,CAAC;IACxC,IAAA,QAAQ,GAAK,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,SAAzC,CAA0C;IAC1D,IAAM,WAAW,GAAG,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAC7C,IAAM,cAAc,GAAG,YAAY,CAAC,KAAK,EAAE,CAAC;IAE5C,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,8BACE,SAAS,EAAE,EAAE,CACX,cAAc,EACd,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,EACxB,WAAW,IAAI,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,EAC1C,QAAQ,IAAI,YAAY,CAAC,YAAY,CAAC,KAAK,CAAC,CAC7C,IAEA,IAAI,CACA,CACR,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { useEmotion, useStyles } from '../../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext.js';\nimport { isThemeGTE } from '../../../lib/theming/ThemeHelpers.js';\nimport type { InputProps } from '../Input.js';\nimport { getStylesLayout } from './InputLayout.css.js';\nimport { InputLayoutContext } from './InputLayoutContext.js';\n\nexport interface InputLayoutAsideTextProps {\n  text: InputProps['prefix'] | InputProps['suffix'];\n}\n\nexport const InputLayoutAsideText: React.FunctionComponent<InputLayoutAsideTextProps> = ({ text = null }) => {\n  const theme = React.useContext(ThemeContext);\n  const { cx } = useEmotion();\n  const stylesLayout = useStyles(getStylesLayout);\n  const { disabled } = React.useContext(InputLayoutContext);\n  const themeGTE6_4 = isThemeGTE(theme, '6.4');\n  const asideClassName = stylesLayout.aside();\n\n  return text ? (\n    <span\n      className={cx(\n        asideClassName,\n        stylesLayout.text(theme),\n        themeGTE6_4 && stylesLayout.text6_4(theme),\n        disabled && stylesLayout.textDisabled(theme),\n      )}\n    >\n      {text}\n    </span>\n  ) : null;\n};\n"]}

package/components/Kebab/Kebab.css.d.ts

@@ -0,0 +1,11 @@
+import type { Theme } from '../../lib/theming/Theme.js';
+export declare const getStyles: import("../../lib/theming/StaticStyles.js").StylesGetter<{
+    kebab(t: Theme): string;
+    kebabSmall(t: Theme): string;
+    kebabMedium(t: Theme): string;
+    kebabLarge(t: Theme): string;
+    focused(t: Theme): string;
+    opened(t: Theme): string;
+    disabled(): string;
+    menu(t: Theme): string;
+}>;

package/components/Kebab/Kebab.css.js

@@ -0,0 +1,3 @@
+
+import { bindStaticStyles as _b9cd9 } from '../../lib/theming/bindStaticStyles.js';
+export var getStyles = _b9cd9({kebab:'react-ui-Kebab__kebab',kebabSmall:'react-ui-Kebab__kebabSmall',kebabMedium:'react-ui-Kebab__kebabMedium',kebabLarge:'react-ui-Kebab__kebabLarge',focused:'react-ui-Kebab__focused',opened:'react-ui-Kebab__opened',disabled:'react-ui-Kebab__disabled',menu:'react-ui-Kebab__menu'});

package/components/Kebab/Kebab.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kebab.css.js","sourceRoot":"","sources":["Kebab.css.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAG3F,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,KAAK,YAAC,CAAQ;YACZ,OAAO,GAAG,0gBAAA,sIAKE,EAAa,yDAEN,EAAmB,0IAKtB,EAAiB,4CAGf,EAAsB,sDAItB,EAAuB,kBAExC,KAhBW,CAAC,CAAC,WAAW,EAEN,CAAC,CAAC,iBAAiB,EAKtB,CAAC,CAAC,eAAe,EAGf,CAAC,CAAC,oBAAoB,EAItB,CAAC,CAAC,qBAAqB,EAEvC;QACJ,CAAC;QAED,UAAU,YAAC,CAAQ;YACjB,OAAO,GAAG,oHAAA,iBACC,EAAgB,mBACf,EAAgB,SAC3B,KAFU,CAAC,CAAC,cAAc,EACf,CAAC,CAAC,cAAc,EAC1B;QACJ,CAAC;QAED,WAAW,YAAC,CAAQ;YAClB,OAAO,GAAG,oHAAA,iBACC,EAAiB,mBAChB,EAAiB,SAC5B,KAFU,CAAC,CAAC,eAAe,EAChB,CAAC,CAAC,eAAe,EAC3B;QACJ,CAAC;QAED,UAAU,YAAC,CAAQ;YACjB,OAAO,GAAG,oHAAA,iBACC,EAAgB,mBACf,EAAgB,SAC3B,KAFU,CAAC,CAAC,cAAc,EACf,CAAC,CAAC,cAAc,EAC1B;QACJ,CAAC;QAED,OAAO,YAAC,CAAQ;YACd,OAAO,GAAG,+HAAA,sBACM,EAAsB,yBACpB,EAAkB,SACnC,KAFe,CAAC,CAAC,oBAAoB,EACpB,CAAC,CAAC,gBAAgB,EAClC;QACJ,CAAC;QAED,MAAM,YAAC,CAAQ;YACb,OAAO,GAAG,qKAAA,sBACM,EAAuB,0EAEtC,KAFe,CAAC,CAAC,qBAAqB,EAErC;QACJ,CAAC;QAED,QAAQ;YACN,OAAO,GAAG,0JAAA,uFAMT,KAAC;QACJ,CAAC;QAED,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,gIAAA,kDAES,EAAmB,SACrC,KADkB,CAAC,CAAC,iBAAiB,EACpC;QACJ,CAAC;KACF,CAAC;AA7E8D,CA6E9D,CAAC,CAAC;AAEJ,oBAAoB,EAAE,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { finalizeStaticStyles, memoizeGetStyles } from '../../lib/theming/StaticStyles.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  kebab(t: Theme) {\n    return css`\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      border: ${t.kebabBorder};\n      box-sizing: border-box;\n      border-radius: ${t.kebabBorderRadius};\n      user-select: none;\n      cursor: pointer;\n      outline: 0;\n      transition: background 0.12s ease-out;\n      background: ${t.kebabBackground};\n\n      &:hover {\n        background: ${t.kebabBackgroundHover};\n      }\n\n      &:active {\n        background: ${t.kebabBackgroundActive};\n      }\n    `;\n  },\n\n  kebabSmall(t: Theme) {\n    return css`\n      width: ${t.kebabSizeSmall};\n      height: ${t.kebabSizeSmall};\n    `;\n  },\n\n  kebabMedium(t: Theme) {\n    return css`\n      width: ${t.kebabSizeMedium};\n      height: ${t.kebabSizeMedium};\n    `;\n  },\n\n  kebabLarge(t: Theme) {\n    return css`\n      width: ${t.kebabSizeLarge};\n      height: ${t.kebabSizeLarge};\n    `;\n  },\n\n  focused(t: Theme) {\n    return css`\n      background: ${t.kebabBackgroundHover};\n      border-color: ${t.borderColorFocus};\n    `;\n  },\n\n  opened(t: Theme) {\n    return css`\n      background: ${t.kebabBackgroundActive} !important; // override kebab:hover style\n      cursor: default;\n    `;\n  },\n\n  disabled() {\n    return css`\n      cursor: default;\n\n      &:hover {\n        background: none;\n      }\n    `;\n  },\n\n  menu(t: Theme) {\n    return css`\n      overflow: hidden;\n      border-radius: ${t.popupBorderRadius};\n    `;\n  },\n}));\n\nfinalizeStaticStyles();\n"]}

package/components/Kebab/Kebab.d.ts

@@ -42,6 +42,7 @@ export declare class Kebab extends React.Component<KebabProps, KebabState> {
     private getProps;
     state: KebabState;
     private globalObject;
+    private emotion;
     private cx;
     private styles;
     private theme;

package/components/Kebab/Kebab.js

@@ -46,7 +46,7 @@ import { withSize } from '../../lib/size/SizeDecorator.js';
 import { ThemeContext } from '../../lib/theming/ThemeContext.js';
 import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';
 import { isKonturIcon } from '../../lib/utils.js';
-import { getStyles } from './Kebab.styles.js';
+import { getStyles } from './Kebab.css.js';
 import { KebabIcon } from './KebabIcon.js';
 export var KebabDataTids = {
     caption: 'Kebab__caption',
@@ -79,7 +79,7 @@ var Kebab = /** @class */ (function (_super) {
                     captionProps.toggleMenu();
                 }
             };
-            return (React.createElement("span", { role: "button", "data-tid": KebabDataTids.caption, tabIndex: disabled ? -1 : 0, onClick: handleCaptionClick, onKeyDown: handleCaptionKeyDown, onFocus: _this.handleFocus, onBlur: _this.handleBlur, className: _this.cx(_this.styles.kebab(), size === 'small' && _this.styles.kebabSmall(), size === 'medium' && _this.styles.kebabMedium(), size === 'large' && _this.styles.kebabLarge(), captionProps.opened && _this.styles.opened(), disabled && _this.styles.disabled(), _this.state.focusedByTab && _this.styles.focused()), "aria-describedby": _this.props['aria-describedby'] }, _this.renderIcon()));
+            return (React.createElement("span", { role: "button", "data-tid": KebabDataTids.caption, tabIndex: disabled ? -1 : 0, onClick: handleCaptionClick, onKeyDown: handleCaptionKeyDown, onFocus: _this.handleFocus, onBlur: _this.handleBlur, className: _this.cx(_this.styles.kebab(_this.theme), size === 'small' && _this.styles.kebabSmall(_this.theme), size === 'medium' && _this.styles.kebabMedium(_this.theme), size === 'large' && _this.styles.kebabLarge(_this.theme), captionProps.opened && _this.styles.opened(_this.theme), disabled && _this.styles.disabled(), _this.state.focusedByTab && _this.styles.focused(_this.theme)), "aria-describedby": _this.props['aria-describedby'] }, _this.renderIcon()));
         };
         _this.handleCaptionKeyDown = function (e, openMenu) {
             if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {
@@ -122,7 +122,7 @@ var Kebab = /** @class */ (function (_super) {
     };
     Kebab.prototype.render = function () {
         var _this = this;
-        this.styles = getStyles();
+        this.styles = getStyles(this.emotion);
         return (React.createElement(ThemeContext.Consumer, null, function (theme) {
             _this.theme = theme;
             return (React.createElement(ThemeContext.Provider, { value: ThemeFactory.create({

package/components/Kebab/Kebab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Kebab.js","sourceRoot":"","sources":["Kebab.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { AriaAttributes, HTMLAttributes, JSX } from 'react';\nimport React from 'react';\n\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes.js';\nimport type { IconProps } from '../../internal/icons2022/BaseIcon.js';\nimport type { PopupPositionsType } from '../../internal/Popup/index.js';\nimport type { PopupMenuCaptionProps, PopupMenuProps } from '../../internal/PopupMenu/index.js';\nimport { PopupMenu } from '../../internal/PopupMenu/index.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { isTestEnv } from '../../lib/currentEnvironment.js';\nimport { isKeyArrowVertical, isKeyEnter, isKeySpace, someKeys } from '../../lib/events/keyboard/identifiers.js';\nimport { KeyListener } from '../../lib/events/keyListener.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport * as LayoutEvents from '../../lib/LayoutEvents.js';\nimport { isElement } from '../../lib/react-is.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport { withSize } from '../../lib/size/SizeDecorator.js';\nimport type { ClassNames } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { isKonturIcon } from '../../lib/utils.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { getStyles } from './Kebab.styles.js';\nimport { KebabIcon } from './KebabIcon.js';\n\nexport interface KebabProps\n  extends\n    Pick<AriaAttributes, 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'popupMenuId' | 'preventIconsOffset'>,\n    CommonProps {\n  /** Размер кнопки. */\n  size?: SizeProp;\n\n  /** Список доступных позиций выпадающего меню относительно кнопки.\n   * @default ['bottom left', 'bottom right', 'top left', 'top right'].\n   */\n  positions?: PopupPositionsType[];\n\n  /** Максимальная высота меню. */\n  menuMaxHeight?: number | string;\n\n  /** Блокирует кнопку. */\n  disabled?: boolean;\n\n  /** Отключает анимацию выпадающего меню. */\n  disableAnimations?: boolean;\n\n  /** Заменяет иконку кебаба у кнопки. */\n  icon?: React.ReactNode;\n\n  /** @ignore */\n  'aria-describedby'?: AriaAttributes['aria-describedby'];\n}\n\nexport const KebabDataTids = {\n  caption: 'Kebab__caption',\n} as const;\n\nexport interface KebabState {\n  anchor: Nullable<HTMLElement>;\n  focusedByTab: boolean;\n}\n\ntype DefaultProps = Required<Pick<KebabProps, 'onOpen' | 'onClose' | 'positions' | 'disableAnimations'>>;\n\n/**\n * Кебаб-меню содержит действия с объектом.\n */\n@withRenderEnvironment\n@rootNode\n@withSize\nexport class Kebab extends React.Component<KebabProps, KebabState> {\n  public static __KONTUR_REACT_UI__ = 'Kebab';\n  public static displayName = 'Kebab';\n\n  public static defaultProps: DefaultProps = {\n    onOpen: () => undefined,\n    onClose: () => undefined,\n    positions: ['bottom left', 'bottom right', 'top left', 'top right'],\n    disableAnimations: isTestEnv,\n  };\n\n  private getProps = createPropsGetter(Kebab.defaultProps);\n\n  public state: KebabState = {\n    focusedByTab: false,\n    anchor: null,\n  };\n\n  private globalObject!: GlobalObject;\n  private cx!: ClassNames;\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  private size!: SizeProp;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private keyListener!: KeyListener;\n\n  private listener: {\n    remove: () => void;\n  } = {\n    remove: () => undefined,\n  };\n\n  public componentDidMount() {\n    this.keyListener = new KeyListener(this.globalObject);\n    /** addListener'у нужен колбэк в аргумент */\n    this.listener = LayoutEvents.addListener(() => undefined, this.globalObject);\n  }\n\n  public componentWillUnmount() {\n    this.listener.remove();\n  }\n\n  public render(): JSX.Element {\n    this.styles = getStyles();\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  popupMargin: theme.kebabMargin,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { disabled } = this.props;\n    const { positions, disableAnimations, onOpen, onClose } = this.getProps();\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props} {...getVisualStateDataAttributes({ disabled })}>\n        <PopupMenu\n          id={this.props.id}\n          popupHasPin={false}\n          preventIconsOffset={this.props.preventIconsOffset}\n          positions={positions}\n          onChangeMenuState={this.handleChangeMenuState}\n          caption={this.renderCaption}\n          disableAnimations={disableAnimations}\n          menuMaxHeight={this.props.menuMaxHeight}\n          onOpen={onOpen}\n          onClose={onClose}\n          popupMenuId={this.props.popupMenuId}\n          aria-label={this.props['aria-label']}\n        >\n          {!disabled && this.props.children}\n        </PopupMenu>\n      </CommonWrapper>\n    );\n  }\n\n  private renderCaption = (captionProps: PopupMenuCaptionProps) => {\n    const { disabled } = this.getProps();\n    const size = this.size;\n    const handleCaptionKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!disabled) {\n        this.handleCaptionKeyDown(event, captionProps.openMenu);\n      }\n    };\n\n    const handleCaptionClick = () => {\n      if (!disabled) {\n        captionProps.toggleMenu();\n      }\n    };\n\n    return (\n      <span\n        role=\"button\"\n        data-tid={KebabDataTids.caption}\n        tabIndex={disabled ? -1 : 0}\n        onClick={handleCaptionClick}\n        onKeyDown={handleCaptionKeyDown}\n        onFocus={this.handleFocus}\n        onBlur={this.handleBlur}\n        className={this.cx(\n          this.styles.kebab(),\n          size === 'small' && this.styles.kebabSmall(),\n          size === 'medium' && this.styles.kebabMedium(),\n          size === 'large' && this.styles.kebabLarge(),\n          captionProps.opened && this.styles.opened(),\n          disabled && this.styles.disabled(),\n          this.state.focusedByTab && this.styles.focused(),\n        )}\n        aria-describedby={this.props['aria-describedby']}\n      >\n        {this.renderIcon()}\n      </span>\n    );\n  };\n\n  private handleCaptionKeyDown = (\n    e: React.KeyboardEvent<HTMLDivElement>,\n    openMenu: PopupMenuCaptionProps['openMenu'],\n  ) => {\n    if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {\n      e.preventDefault();\n      openMenu(true);\n    }\n  };\n\n  private handleChangeMenuState = (isOpened: boolean, restoreFocus: boolean): void => {\n    this.setState({\n      focusedByTab: !isOpened && restoreFocus,\n    });\n  };\n\n  private handleFocus = () => {\n    if (!this.props.disabled) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      this.globalObject.requestAnimationFrame?.(() => {\n        if (this.keyListener.isTabPressed) {\n          this.setState({ focusedByTab: true });\n        }\n      });\n    }\n  };\n\n  private handleBlur = () => {\n    this.setState({\n      focusedByTab: false,\n    });\n  };\n\n  private renderIcon() {\n    const { icon = <KebabIcon /> } = this.getProps();\n\n    if (isElement(icon) && isKonturIcon(icon)) {\n      const iconProps = icon.props as IconProps;\n      const sizes: Record<SizeProp, number> = {\n        small: parseInt(this.theme.kebabIconSizeSmall),\n        medium: parseInt(this.theme.kebabIconSizeMedium),\n        large: parseInt(this.theme.kebabIconSizeLarge),\n      };\n\n      return React.cloneElement(icon, {\n        size: iconProps.size ?? sizes[this.size],\n        color: iconProps.color ?? this.theme.kebabIconColor,\n      } as IconProps);\n    }\n\n    return icon;\n  }\n}\n"]}
+{"version":3,"file":"Kebab.js","sourceRoot":"","sources":["Kebab.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport type { AriaAttributes, HTMLAttributes, JSX } from 'react';\nimport React from 'react';\n\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes.js';\nimport type { IconProps } from '../../internal/icons2022/BaseIcon.js';\nimport type { PopupPositionsType } from '../../internal/Popup/index.js';\nimport type { PopupMenuCaptionProps, PopupMenuProps } from '../../internal/PopupMenu/index.js';\nimport { PopupMenu } from '../../internal/PopupMenu/index.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { isTestEnv } from '../../lib/currentEnvironment.js';\nimport { isKeyArrowVertical, isKeyEnter, isKeySpace, someKeys } from '../../lib/events/keyboard/identifiers.js';\nimport { KeyListener } from '../../lib/events/keyListener.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport * as LayoutEvents from '../../lib/LayoutEvents.js';\nimport { isElement } from '../../lib/react-is.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport { withSize } from '../../lib/size/SizeDecorator.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { isKonturIcon } from '../../lib/utils.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { getStyles } from './Kebab.css.js';\nimport { KebabIcon } from './KebabIcon.js';\n\nexport interface KebabProps\n  extends\n    Pick<AriaAttributes, 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'popupMenuId' | 'preventIconsOffset'>,\n    CommonProps {\n  /** Размер кнопки. */\n  size?: SizeProp;\n\n  /** Список доступных позиций выпадающего меню относительно кнопки.\n   * @default ['bottom left', 'bottom right', 'top left', 'top right'].\n   */\n  positions?: PopupPositionsType[];\n\n  /** Максимальная высота меню. */\n  menuMaxHeight?: number | string;\n\n  /** Блокирует кнопку. */\n  disabled?: boolean;\n\n  /** Отключает анимацию выпадающего меню. */\n  disableAnimations?: boolean;\n\n  /** Заменяет иконку кебаба у кнопки. */\n  icon?: React.ReactNode;\n\n  /** @ignore */\n  'aria-describedby'?: AriaAttributes['aria-describedby'];\n}\n\nexport const KebabDataTids = {\n  caption: 'Kebab__caption',\n} as const;\n\nexport interface KebabState {\n  anchor: Nullable<HTMLElement>;\n  focusedByTab: boolean;\n}\n\ntype DefaultProps = Required<Pick<KebabProps, 'onOpen' | 'onClose' | 'positions' | 'disableAnimations'>>;\n\n/**\n * Кебаб-меню содержит действия с объектом.\n */\n@withRenderEnvironment\n@rootNode\n@withSize\nexport class Kebab extends React.Component<KebabProps, KebabState> {\n  public static __KONTUR_REACT_UI__ = 'Kebab';\n  public static displayName = 'Kebab';\n\n  public static defaultProps: DefaultProps = {\n    onOpen: () => undefined,\n    onClose: () => undefined,\n    positions: ['bottom left', 'bottom right', 'top left', 'top right'],\n    disableAnimations: isTestEnv,\n  };\n\n  private getProps = createPropsGetter(Kebab.defaultProps);\n\n  public state: KebabState = {\n    focusedByTab: false,\n    anchor: null,\n  };\n\n  private globalObject!: GlobalObject;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  private size!: SizeProp;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private keyListener!: KeyListener;\n\n  private listener: {\n    remove: () => void;\n  } = {\n    remove: () => undefined,\n  };\n\n  public componentDidMount() {\n    this.keyListener = new KeyListener(this.globalObject);\n    /** addListener'у нужен колбэк в аргумент */\n    this.listener = LayoutEvents.addListener(() => undefined, this.globalObject);\n  }\n\n  public componentWillUnmount() {\n    this.listener.remove();\n  }\n\n  public render(): JSX.Element {\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  popupMargin: theme.kebabMargin,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { disabled } = this.props;\n    const { positions, disableAnimations, onOpen, onClose } = this.getProps();\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props} {...getVisualStateDataAttributes({ disabled })}>\n        <PopupMenu\n          id={this.props.id}\n          popupHasPin={false}\n          preventIconsOffset={this.props.preventIconsOffset}\n          positions={positions}\n          onChangeMenuState={this.handleChangeMenuState}\n          caption={this.renderCaption}\n          disableAnimations={disableAnimations}\n          menuMaxHeight={this.props.menuMaxHeight}\n          onOpen={onOpen}\n          onClose={onClose}\n          popupMenuId={this.props.popupMenuId}\n          aria-label={this.props['aria-label']}\n        >\n          {!disabled && this.props.children}\n        </PopupMenu>\n      </CommonWrapper>\n    );\n  }\n\n  private renderCaption = (captionProps: PopupMenuCaptionProps) => {\n    const { disabled } = this.getProps();\n    const size = this.size;\n    const handleCaptionKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!disabled) {\n        this.handleCaptionKeyDown(event, captionProps.openMenu);\n      }\n    };\n\n    const handleCaptionClick = () => {\n      if (!disabled) {\n        captionProps.toggleMenu();\n      }\n    };\n\n    return (\n      <span\n        role=\"button\"\n        data-tid={KebabDataTids.caption}\n        tabIndex={disabled ? -1 : 0}\n        onClick={handleCaptionClick}\n        onKeyDown={handleCaptionKeyDown}\n        onFocus={this.handleFocus}\n        onBlur={this.handleBlur}\n        className={this.cx(\n          this.styles.kebab(this.theme),\n          size === 'small' && this.styles.kebabSmall(this.theme),\n          size === 'medium' && this.styles.kebabMedium(this.theme),\n          size === 'large' && this.styles.kebabLarge(this.theme),\n          captionProps.opened && this.styles.opened(this.theme),\n          disabled && this.styles.disabled(),\n          this.state.focusedByTab && this.styles.focused(this.theme),\n        )}\n        aria-describedby={this.props['aria-describedby']}\n      >\n        {this.renderIcon()}\n      </span>\n    );\n  };\n\n  private handleCaptionKeyDown = (\n    e: React.KeyboardEvent<HTMLDivElement>,\n    openMenu: PopupMenuCaptionProps['openMenu'],\n  ) => {\n    if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {\n      e.preventDefault();\n      openMenu(true);\n    }\n  };\n\n  private handleChangeMenuState = (isOpened: boolean, restoreFocus: boolean): void => {\n    this.setState({\n      focusedByTab: !isOpened && restoreFocus,\n    });\n  };\n\n  private handleFocus = () => {\n    if (!this.props.disabled) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      this.globalObject.requestAnimationFrame?.(() => {\n        if (this.keyListener.isTabPressed) {\n          this.setState({ focusedByTab: true });\n        }\n      });\n    }\n  };\n\n  private handleBlur = () => {\n    this.setState({\n      focusedByTab: false,\n    });\n  };\n\n  private renderIcon() {\n    const { icon = <KebabIcon /> } = this.getProps();\n\n    if (isElement(icon) && isKonturIcon(icon)) {\n      const iconProps = icon.props as IconProps;\n      const sizes: Record<SizeProp, number> = {\n        small: parseInt(this.theme.kebabIconSizeSmall),\n        medium: parseInt(this.theme.kebabIconSizeMedium),\n        large: parseInt(this.theme.kebabIconSizeLarge),\n      };\n\n      return React.cloneElement(icon, {\n        size: iconProps.size ?? sizes[this.size],\n        color: iconProps.color ?? this.theme.kebabIconColor,\n      } as IconProps);\n    }\n\n    return icon;\n  }\n}\n"]}

package/components/Link/Link.css.d.ts

@@ -0,0 +1,24 @@
+import type { Theme } from '../../lib/theming/Theme.js';
+export declare const getStyles: import("../../lib/theming/StaticStyles.js").StylesGetter<{
+    root(t: Theme): string;
+    lineFocus(t: Theme): string;
+    lineFocusSuccess(t: Theme): string;
+    lineFocusDanger(t: Theme): string;
+    lineFocusGrayed(t: Theme): string;
+    button(t: Theme): string;
+    buttonOpened(t: Theme): string;
+    arrow(): string;
+    default(t: Theme): string;
+    success(t: Theme): string;
+    danger(t: Theme): string;
+    grayed(t: Theme): string;
+    useGrayedFocus(t: Theme): string;
+    focus(t: Theme): string;
+    disabled(t: Theme): string;
+    icon(): string;
+    iconLeft(t: Theme): string;
+    iconRight(t: Theme): string;
+    warning(t: Theme): string;
+    error(t: Theme): string;
+    reserButton(): string;
+}>;

package/components/Link/Link.css.js

@@ -0,0 +1,3 @@
+
+import { bindStaticStyles as _b9cd9 } from '../../lib/theming/bindStaticStyles.js';
+export var getStyles = _b9cd9({root:'react-ui-Link__root',arrow:'react-ui-Link__arrow',icon:'react-ui-Link__icon',iconLeft:'react-ui-Link__iconLeft',iconRight:'react-ui-Link__iconRight',reserButton:'react-ui-Link__reserButton',focus:'react-ui-Link__focus',disabled:'react-ui-Link__disabled','default':'react-ui-Link__default',success:'react-ui-Link__success',danger:'react-ui-Link__danger',grayed:'react-ui-Link__grayed',useGrayedFocus:'react-ui-Link__useGrayedFocus',button:'react-ui-Link__button',buttonOpened:'react-ui-Link__buttonOpened',warning:'react-ui-Link__warning',error:'react-ui-Link__error',lineFocus:'react-ui-Link__lineFocus',lineFocusSuccess:'react-ui-Link__lineFocusSuccess',lineFocusDanger:'react-ui-Link__lineFocusDanger',lineFocusGrayed:'react-ui-Link__lineFocusGrayed'});

package/components/Link/Link.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.css.js","sourceRoot":"","sources":["Link.css.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { resetButton } from '../../lib/styles/Mixins.js';\nimport { finalizeStaticStyles, memoizeGetStyles } from '../../lib/theming/StaticStyles.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { linkDisabledMixin, linkUseColorsMixin } from './Link.mixins.js';\n\nconst line = ({ keyframes }: Emotion) => keyframes`\n  0% {\n    text-decoration-color: inherit;\n  }\n  100% {\n    text-decoration-color: transparent;\n  }\n`;\n\n// В @supports var() всегда считается поддерживаемым, поэтому проверяем конкретное значение.\nconst SUPPORTS_COLOR_MIX_VALUE = 'color-mix(in srgb, currentColor 50%, transparent)';\n\nconst oldLineText = function (t: Theme, emotion: Emotion) {\n  const delay = `calc((${t.linkTextUnderlineOpacity} - 1) * 1s)`;\n  return emotion.css`\n    animation: ${line(emotion)} 1s linear !important; // override creevey\n    animation-play-state: paused !important;\n    animation-delay: ${delay} !important;\n    animation-fill-mode: forwards !important;\n  `;\n};\n\nexport const getStyles = memoizeGetStyles((emotion: Emotion) => ({\n  root(t: Theme) {\n    return emotion.css`\n        cursor: pointer;\n        position: relative;\n\n        border-radius: 1px;\n        text-decoration: ${t.linkTextDecoration};\n        text-decoration-style: ${t.linkTextDecorationStyle};\n        text-underline-offset: ${t.linkTextUnderlineOffset};\n        text-decoration-thickness: ${t.linkTextDecorationThickness};\n        transition: text-decoration-color ${t.transitionDuration} ${t.transitionTimingFunction};\n        @supports (text-decoration-color: ${SUPPORTS_COLOR_MIX_VALUE}) {\n          text-decoration-color: ${t.linkTextDecorationColor};\n          &:hover {\n            text-decoration-color: currentColor;\n            text-decoration-style: ${t.linkHoverTextDecorationStyle};\n          }\n        }\n        @supports not (text-decoration-color: ${SUPPORTS_COLOR_MIX_VALUE}) {\n          ${oldLineText(t, emotion)};\n          &:hover {\n            text-decoration-style: ${t.linkHoverTextDecorationStyle};\n            animation: none !important;\n          }\n        }\n      `;\n  },\n  lineFocus(t: Theme) {\n    return emotion.css`\n        color: ${t.linkHoverColor};\n      `;\n  },\n\n  lineFocusSuccess(t: Theme) {\n    return emotion.css`\n        color: ${t.linkSuccessHoverColor} !important;\n      `;\n  },\n\n  lineFocusDanger(t: Theme) {\n    return emotion.css`\n        color: ${t.linkDangerHoverColor} !important;\n      `;\n  },\n\n  lineFocusGrayed(t: Theme) {\n    return emotion.css`\n        color: ${t.linkGrayedHoverColor} !important;\n      `;\n  },\n\n  button(t: Theme) {\n    return emotion.css`\n        display: inline-block;\n        line-height: ${t.linkButtonLineHeight};\n        padding-left: ${t.linkButtonPaddingX};\n        padding-right: ${t.linkButtonPaddingX};\n      `;\n  },\n\n  buttonOpened(t: Theme) {\n    return emotion.css`\n        background: ${t.btnDefaultActiveBg};\n      `;\n  },\n\n  arrow() {\n    return emotion.css`\n        border: 4px solid transparent;\n        border-bottom-width: 0;\n        border-top-color: #a0a0a0;\n        display: inline-block;\n        margin-bottom: 3px;\n        margin-left: 3px;\n        vertical-align: middle;\n      `;\n  },\n\n  default(t: Theme) {\n    return emotion.css`\n        ${linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor)};\n      `;\n  },\n\n  success(t: Theme) {\n    return emotion.css`\n        ${linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor)};\n      `;\n  },\n\n  danger(t: Theme) {\n    return emotion.css`\n        ${linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor)};\n      `;\n  },\n\n  grayed(t: Theme) {\n    return emotion.css`\n        ${linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor)};\n      `;\n  },\n\n  useGrayedFocus(t: Theme) {\n    return emotion.css`\n        color: ${t.linkDisabledColor};\n      `;\n  },\n\n  focus(t: Theme) {\n    return emotion.css`\n        text-decoration: ${t.linkHoverTextDecoration};\n        outline: ${t.linkFocusOutline};\n      `;\n  },\n\n  disabled(t: Theme) {\n    return emotion.css`\n        ${linkDisabledMixin()};\n\n        color: ${t.linkDisabledColor} !important; // override root color\n\n        // удвоено: vanilla-extract выводит @supports-правила root (с :hover) в конце файла\n        &&:hover {\n          color: ${t.linkDisabledColor};\n          text-decoration-color: ${t.linkTextDecorationColor};\n        }\n      `;\n  },\n\n  icon() {\n    return emotion.css`\n        display: inline-block;\n      `;\n  },\n\n  iconLeft(t: Theme) {\n    return emotion.css`\n        margin-right: ${t.linkIconMarginRight};\n      `;\n  },\n\n  iconRight(t: Theme) {\n    return emotion.css`\n        margin-left: ${t.linkIconMarginLeft};\n      `;\n  },\n\n  warning(t: Theme) {\n    return emotion.css`\n        background-color: ${t.btnWarningSecondary};\n        box-shadow: 0 0 0 2px ${t.btnWarningSecondary};\n      `;\n  },\n\n  error(t: Theme) {\n    return emotion.css`\n        background-color: ${t.btnErrorSecondary};\n        box-shadow: 0 0 0 2px ${t.btnErrorSecondary};\n      `;\n  },\n\n  reserButton() {\n    return emotion.css`\n        ${resetButton()};\n      `;\n  },\n}));\n\nfinalizeStaticStyles([\n  'reserButton',\n  'focus',\n  'disabled',\n  'default',\n  'success',\n  'danger',\n  'grayed',\n  'useGrayedFocus',\n  'button',\n  'buttonOpened',\n  'warning',\n  'error',\n  'lineFocus',\n  'lineFocusSuccess',\n  'lineFocusDanger',\n  'lineFocusGrayed',\n]);\n"]}

package/components/Link/Link.d.ts

@@ -50,6 +50,7 @@ export declare class Link<C extends ButtonLinkAllowedValues = typeof LINK_DEFAUL
     private getProps;
     state: LinkState;
     private globalObject;
+    private emotion;
     private cx;
     private styles;
     private theme;

package/components/Link/Link.js

@@ -51,7 +51,7 @@ import { rootNode } from '../../lib/rootNode/index.js';
 import { ThemeContext } from '../../lib/theming/ThemeContext.js';
 import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';
 import { isExternalLink } from '../../lib/utils.js';
-import { getStyles } from './Link.styles.js';
+import { getStyles } from './Link.css.js';
 import { LinkIcon } from './LinkIcon.js';
 var LINK_DEFAULT_COMPONENT = 'a';
 export var LinkDataTids = {
@@ -96,38 +96,38 @@ var Link = /** @class */ (function (_super) {
             var getUseStyles = function () {
                 switch (use) {
                     case 'default':
-                        return _this.styles.default();
+                        return _this.styles.default(_this.theme);
                     case 'danger':
-                        return _this.styles.danger();
+                        return _this.styles.danger(_this.theme);
                     case 'success':
-                        return _this.styles.success();
+                        return _this.styles.success(_this.theme);
                     case 'grayed':
-                        return _this.styles.grayed();
+                        return _this.styles.grayed(_this.theme);
                 }
             };
             var getUseLineFocusStyles = function () {
                 switch (use) {
                     case 'default':
-                        return _this.styles.lineFocus();
+                        return _this.styles.lineFocus(_this.theme);
                     case 'danger':
-                        return _this.styles.lineFocusDanger();
+                        return _this.styles.lineFocusDanger(_this.theme);
                     case 'success':
-                        return _this.styles.lineFocusSuccess();
+                        return _this.styles.lineFocusSuccess(_this.theme);
                     case 'grayed':
-                        return _this.styles.lineFocusGrayed();
+                        return _this.styles.lineFocusGrayed(_this.theme);
                 }
             };
             var rootProps = __assign(__assign({}, rest), { className: _this.cx((_a = {},
-                    _a[_this.styles.root()] = true,
+                    _a[_this.styles.root(_this.theme)] = true,
                     _a[_this.styles.reserButton()] = Root === 'button',
-                    _a[_this.styles.focus()] = isFocused,
-                    _a[_this.styles.disabled()] = disabled || loading,
+                    _a[_this.styles.focus(_this.theme)] = isFocused,
+                    _a[_this.styles.disabled(_this.theme)] = disabled || loading,
                     _a[getUseStyles()] = true,
-                    _a[_this.styles.useGrayedFocus()] = use === 'grayed' && focused,
-                    _a[_this.styles.button()] = !!_button,
-                    _a[_this.styles.buttonOpened()] = !!_buttonOpened,
-                    _a[_this.styles.warning()] = warning,
-                    _a[_this.styles.error()] = error,
+                    _a[_this.styles.useGrayedFocus(_this.theme)] = use === 'grayed' && focused,
+                    _a[_this.styles.button(_this.theme)] = !!_button,
+                    _a[_this.styles.buttonOpened(_this.theme)] = !!_buttonOpened,
+                    _a[_this.styles.warning(_this.theme)] = warning,
+                    _a[_this.styles.error(_this.theme)] = error,
                     _a[getUseLineFocusStyles()] = isFocused,
                     _a)), onClick: _this.handleClick, onFocus: _this.handleFocus, onBlur: _this.handleBlur, tabIndex: _this.getTabIndex({ nonInteractive: nonInteractive, tabIndex: tabIndex }), rel: _this.getRel() });
             var buttonOnlyProps = Root === 'button' ? { disabled: nonInteractive } : {};
@@ -170,14 +170,10 @@ var Link = /** @class */ (function (_super) {
     };
     Link.prototype.render = function () {
         var _this = this;
-        this.styles = getStyles();
+        this.styles = getStyles(this.emotion);
         return (React.createElement(ThemeContext.Consumer, null, function (theme) {
             _this.theme = _this.props.theme ? ThemeFactory.create(_this.props.theme, theme) : theme;
-            return (
-            // Слитую тему надо отдать в контекст, а не только в `this.theme`:
-            // блок переменных `--kontur-*` на корне печатает `CommonWrapper`,
-            // а он берёт тему из контекста.
-            React.createElement(ThemeContext.Provider, { value: _this.theme },
+            return (React.createElement(ThemeContext.Provider, { value: _this.theme },
                 React.createElement(CommonWrapper, __assign({ rootNodeRef: _this.setRootNode }, _this.getProps()), _this.renderMain)));
         }));
     };

package/components/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sourceRoot":"","sources":["Link.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type JSX } from 'react';\n\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes.js';\nimport type { DefaultizedProps } from '../../lib/createPropsGetter.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { KeyListener } from '../../lib/events/keyListener.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport type { ClassNames } from '../../lib/theming/Emotion.js';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\nimport type { ButtonLinkAllowedValues } from '../../lib/types/button-link.js';\nimport type { PolymorphicPropsWithoutRef } from '../../lib/types/polymorphic-component.js';\nimport { isExternalLink } from '../../lib/utils.js';\nimport { getStyles } from './Link.styles.js';\nimport { LinkIcon } from './LinkIcon.js';\n\nexport interface LinkInnerProps extends CommonProps {\n  /** Ссылка меняет цвет на серый и становится недоступна для нажатия. */\n  disabled?: boolean;\n\n  /** Добавляет иконку слева от ссылки. */\n  icon?: React.ReactElement;\n\n  /** Добавляет иконку справа от ссылки. */\n  rightIcon?: React.ReactElement;\n\n  /** Стиль ссылки. */\n  use?: 'default' | 'success' | 'danger' | 'grayed';\n\n  /** @ignore */\n  _button?: boolean;\n\n  /** @ignore */\n  _buttonOpened?: boolean;\n\n  /** HTML-атрибут `tabindex`. */\n  tabIndex?: number;\n\n  /** Переводит ссылку в состояние загрузки. */\n  loading?: boolean;\n\n  /** Объект с переменными темы. */\n  theme?: ThemeIn;\n\n  /** Задает состояние фокуса.\n   * @ignore */\n  focused?: boolean;\n\n  /** Переводит ссылку в состояние валидации \"Ошибка\". */\n  error?: boolean;\n\n  /** Переводит ссылку в состояние валидации \"Предупреждение\". */\n  warning?: boolean;\n}\n\nconst LINK_DEFAULT_COMPONENT = 'a';\n\nexport type LinkProps<C extends ButtonLinkAllowedValues = typeof LINK_DEFAULT_COMPONENT> = PolymorphicPropsWithoutRef<\n  LinkInnerProps,\n  C\n>;\nexport interface LinkState {\n  focusedByTab: boolean;\n}\n\nexport const LinkDataTids = {\n  root: 'Link__root',\n} as const;\n\ntype DefaultProps = Required<Pick<LinkProps<ButtonLinkAllowedValues>, 'use' | 'component'>>;\ntype DefaultizedLinkProps = DefaultizedProps<LinkProps<ButtonLinkAllowedValues>, DefaultProps>;\n\n/**\n * С помощью ссылки пользователь может перейти на другую страницу, раздел приложения или внешний URL.\n */\n@withRenderEnvironment\n@rootNode\nexport class Link<C extends ButtonLinkAllowedValues = typeof LINK_DEFAULT_COMPONENT> extends React.Component<\n  LinkProps<C>,\n  LinkState\n> {\n  public static __KONTUR_REACT_UI__ = 'Link';\n  public static displayName = 'Link';\n\n  public static defaultProps: DefaultProps = {\n    use: 'default',\n    component: LINK_DEFAULT_COMPONENT,\n  };\n\n  private getProps = createPropsGetter(Link.defaultProps);\n\n  public state: LinkState = {\n    focusedByTab: false,\n  };\n\n  private globalObject!: GlobalObject;\n  private cx!: ClassNames;\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private keyListener!: KeyListener;\n\n  public componentDidMount() {\n    this.keyListener = new KeyListener(this.globalObject);\n  }\n\n  public render(): JSX.Element {\n    this.styles = getStyles();\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n          return (\n            // Слитую тему надо отдать в контекст, а не только в `this.theme`:\n            // блок переменных `--kontur-*` на корне печатает `CommonWrapper`,\n            // а он берёт тему из контекста.\n            <ThemeContext.Provider value={this.theme}>\n              <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n                {this.renderMain}\n              </CommonWrapper>\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private getTabIndex = ({\n    nonInteractive,\n    tabIndex = 0,\n  }: {\n    nonInteractive: boolean | undefined;\n    tabIndex: number | undefined;\n  }) => {\n    return nonInteractive ? -1 : tabIndex;\n  };\n\n  private getRel = () => {\n    if (isAnchorProps(this.props)) {\n      const { rel, href } = this.props;\n      if (!rel && href) {\n        return `noopener${isExternalLink(href, this.globalObject) ? ' noreferrer' : ''}`;\n      }\n      return rel;\n    }\n\n    return undefined;\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<DefaultizedLinkProps>) => {\n    const {\n      disabled,\n      icon,\n      rightIcon,\n      use,\n      loading,\n      _button,\n      _buttonOpened,\n      component: Root,\n      focused = false,\n      error,\n      warning,\n      tabIndex,\n      theme,\n      ...rest\n    } = props;\n\n    let arrow = null;\n    if (_button) {\n      arrow = <span className={this.styles.arrow()} />;\n    }\n\n    const isFocused = !disabled && (this.state.focusedByTab || focused);\n\n    const leftIconElement = icon && <LinkIcon icon={icon} loading={loading} position=\"left\" />;\n    const rightIconElement = rightIcon && (\n      <LinkIcon hasBothIcons={!!icon && !!rightIcon} icon={rightIcon} loading={loading} position=\"right\" />\n    );\n    const nonInteractive = disabled || loading;\n    const getUseStyles = () => {\n      switch (use) {\n        case 'default':\n          return this.styles.default();\n        case 'danger':\n          return this.styles.danger();\n        case 'success':\n          return this.styles.success();\n        case 'grayed':\n          return this.styles.grayed();\n      }\n    };\n    const getUseLineFocusStyles = () => {\n      switch (use) {\n        case 'default':\n          return this.styles.lineFocus();\n        case 'danger':\n          return this.styles.lineFocusDanger();\n        case 'success':\n          return this.styles.lineFocusSuccess();\n        case 'grayed':\n          return this.styles.lineFocusGrayed();\n      }\n    };\n\n    const rootProps = {\n      ...rest,\n      className: this.cx({\n        [this.styles.root()]: true,\n        [this.styles.reserButton()]: Root === 'button',\n        [this.styles.focus()]: isFocused,\n        [this.styles.disabled()]: disabled || loading,\n        [getUseStyles()]: true,\n        [this.styles.useGrayedFocus()]: use === 'grayed' && focused,\n        [this.styles.button()]: !!_button,\n        [this.styles.buttonOpened()]: !!_buttonOpened,\n        [this.styles.warning()]: warning,\n        [this.styles.error()]: error,\n        [getUseLineFocusStyles()]: isFocused,\n      }),\n      onClick: this.handleClick,\n      onFocus: this.handleFocus,\n      onBlur: this.handleBlur,\n      tabIndex: this.getTabIndex({ nonInteractive, tabIndex }),\n      rel: this.getRel(),\n    };\n\n    const buttonOnlyProps = Root === 'button' ? { disabled: nonInteractive } : {};\n\n    return (\n      <Root\n        data-tid={LinkDataTids.root}\n        {...rootProps}\n        {...buttonOnlyProps}\n        {...getVisualStateDataAttributes({ disabled })}\n      >\n        {leftIconElement}\n        {this.props.children}\n        {rightIconElement}\n        {arrow}\n      </Root>\n    );\n  };\n\n  private handleFocus = () => {\n    if (!this.props.disabled) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      this.globalObject.requestAnimationFrame?.(() => {\n        if (this.keyListener.isTabPressed) {\n          this.setState({ focusedByTab: true });\n        }\n      });\n    }\n  };\n\n  private handleBlur = () => {\n    this.setState({ focusedByTab: false });\n  };\n\n  private handleClick = (event: React.MouseEvent) => {\n    const { onClick, disabled, loading } = this.props;\n\n    if (disabled) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n\n    if (onClick && !disabled && !loading) {\n      onClick(event);\n    }\n  };\n}\n\nconst isAnchorProps = (props: LinkProps<any>): props is LinkProps<'a'> => {\n  return props.component === 'a';\n};\n"]}
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["Link.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport React, { type JSX } from 'react';\n\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes.js';\nimport type { DefaultizedProps } from '../../lib/createPropsGetter.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { KeyListener } from '../../lib/events/keyListener.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\nimport type { ButtonLinkAllowedValues } from '../../lib/types/button-link.js';\nimport type { PolymorphicPropsWithoutRef } from '../../lib/types/polymorphic-component.js';\nimport { isExternalLink } from '../../lib/utils.js';\nimport { getStyles } from './Link.css.js';\nimport { LinkIcon } from './LinkIcon.js';\n\nexport interface LinkInnerProps extends CommonProps {\n  /** Ссылка меняет цвет на серый и становится недоступна для нажатия. */\n  disabled?: boolean;\n\n  /** Добавляет иконку слева от ссылки. */\n  icon?: React.ReactElement;\n\n  /** Добавляет иконку справа от ссылки. */\n  rightIcon?: React.ReactElement;\n\n  /** Стиль ссылки. */\n  use?: 'default' | 'success' | 'danger' | 'grayed';\n\n  /** @ignore */\n  _button?: boolean;\n\n  /** @ignore */\n  _buttonOpened?: boolean;\n\n  /** HTML-атрибут `tabindex`. */\n  tabIndex?: number;\n\n  /** Переводит ссылку в состояние загрузки. */\n  loading?: boolean;\n\n  /** Объект с переменными темы. */\n  theme?: ThemeIn;\n\n  /** Задает состояние фокуса.\n   * @ignore */\n  focused?: boolean;\n\n  /** Переводит ссылку в состояние валидации \"Ошибка\". */\n  error?: boolean;\n\n  /** Переводит ссылку в состояние валидации \"Предупреждение\". */\n  warning?: boolean;\n}\n\nconst LINK_DEFAULT_COMPONENT = 'a';\n\nexport type LinkProps<C extends ButtonLinkAllowedValues = typeof LINK_DEFAULT_COMPONENT> = PolymorphicPropsWithoutRef<\n  LinkInnerProps,\n  C\n>;\nexport interface LinkState {\n  focusedByTab: boolean;\n}\n\nexport const LinkDataTids = {\n  root: 'Link__root',\n} as const;\n\ntype DefaultProps = Required<Pick<LinkProps<ButtonLinkAllowedValues>, 'use' | 'component'>>;\ntype DefaultizedLinkProps = DefaultizedProps<LinkProps<ButtonLinkAllowedValues>, DefaultProps>;\n\n/**\n * С помощью ссылки пользователь может перейти на другую страницу, раздел приложения или внешний URL.\n */\n@withRenderEnvironment\n@rootNode\nexport class Link<C extends ButtonLinkAllowedValues = typeof LINK_DEFAULT_COMPONENT> extends React.Component<\n  LinkProps<C>,\n  LinkState\n> {\n  public static __KONTUR_REACT_UI__ = 'Link';\n  public static displayName = 'Link';\n\n  public static defaultProps: DefaultProps = {\n    use: 'default',\n    component: LINK_DEFAULT_COMPONENT,\n  };\n\n  private getProps = createPropsGetter(Link.defaultProps);\n\n  public state: LinkState = {\n    focusedByTab: false,\n  };\n\n  private globalObject!: GlobalObject;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private keyListener!: KeyListener;\n\n  public componentDidMount() {\n    this.keyListener = new KeyListener(this.globalObject);\n  }\n\n  public render(): JSX.Element {\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = this.props.theme ? ThemeFactory.create(this.props.theme as Theme, theme) : theme;\n          return (\n            <ThemeContext.Provider value={this.theme}>\n              <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n                {this.renderMain}\n              </CommonWrapper>\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private getTabIndex = ({\n    nonInteractive,\n    tabIndex = 0,\n  }: {\n    nonInteractive: boolean | undefined;\n    tabIndex: number | undefined;\n  }) => {\n    return nonInteractive ? -1 : tabIndex;\n  };\n\n  private getRel = () => {\n    if (isAnchorProps(this.props)) {\n      const { rel, href } = this.props;\n      if (!rel && href) {\n        return `noopener${isExternalLink(href, this.globalObject) ? ' noreferrer' : ''}`;\n      }\n      return rel;\n    }\n\n    return undefined;\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<DefaultizedLinkProps>) => {\n    const {\n      disabled,\n      icon,\n      rightIcon,\n      use,\n      loading,\n      _button,\n      _buttonOpened,\n      component: Root,\n      focused = false,\n      error,\n      warning,\n      tabIndex,\n      theme,\n      ...rest\n    } = props;\n\n    let arrow = null;\n    if (_button) {\n      arrow = <span className={this.styles.arrow()} />;\n    }\n\n    const isFocused = !disabled && (this.state.focusedByTab || focused);\n\n    const leftIconElement = icon && <LinkIcon icon={icon} loading={loading} position=\"left\" />;\n    const rightIconElement = rightIcon && (\n      <LinkIcon hasBothIcons={!!icon && !!rightIcon} icon={rightIcon} loading={loading} position=\"right\" />\n    );\n    const nonInteractive = disabled || loading;\n    const getUseStyles = () => {\n      switch (use) {\n        case 'default':\n          return this.styles.default(this.theme);\n        case 'danger':\n          return this.styles.danger(this.theme);\n        case 'success':\n          return this.styles.success(this.theme);\n        case 'grayed':\n          return this.styles.grayed(this.theme);\n      }\n    };\n    const getUseLineFocusStyles = () => {\n      switch (use) {\n        case 'default':\n          return this.styles.lineFocus(this.theme);\n        case 'danger':\n          return this.styles.lineFocusDanger(this.theme);\n        case 'success':\n          return this.styles.lineFocusSuccess(this.theme);\n        case 'grayed':\n          return this.styles.lineFocusGrayed(this.theme);\n      }\n    };\n\n    const rootProps = {\n      ...rest,\n      className: this.cx({\n        [this.styles.root(this.theme)]: true,\n        [this.styles.reserButton()]: Root === 'button',\n        [this.styles.focus(this.theme)]: isFocused,\n        [this.styles.disabled(this.theme)]: disabled || loading,\n        [getUseStyles()]: true,\n        [this.styles.useGrayedFocus(this.theme)]: use === 'grayed' && focused,\n        [this.styles.button(this.theme)]: !!_button,\n        [this.styles.buttonOpened(this.theme)]: !!_buttonOpened,\n        [this.styles.warning(this.theme)]: warning,\n        [this.styles.error(this.theme)]: error,\n        [getUseLineFocusStyles()]: isFocused,\n      }),\n      onClick: this.handleClick,\n      onFocus: this.handleFocus,\n      onBlur: this.handleBlur,\n      tabIndex: this.getTabIndex({ nonInteractive, tabIndex }),\n      rel: this.getRel(),\n    };\n\n    const buttonOnlyProps = Root === 'button' ? { disabled: nonInteractive } : {};\n\n    return (\n      <Root\n        data-tid={LinkDataTids.root}\n        {...rootProps}\n        {...buttonOnlyProps}\n        {...getVisualStateDataAttributes({ disabled })}\n      >\n        {leftIconElement}\n        {this.props.children}\n        {rightIconElement}\n        {arrow}\n      </Root>\n    );\n  };\n\n  private handleFocus = () => {\n    if (!this.props.disabled) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      this.globalObject.requestAnimationFrame?.(() => {\n        if (this.keyListener.isTabPressed) {\n          this.setState({ focusedByTab: true });\n        }\n      });\n    }\n  };\n\n  private handleBlur = () => {\n    this.setState({ focusedByTab: false });\n  };\n\n  private handleClick = (event: React.MouseEvent) => {\n    const { onClick, disabled, loading } = this.props;\n\n    if (disabled) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n\n    if (onClick && !disabled && !loading) {\n      onClick(event);\n    }\n  };\n}\n\nconst isAnchorProps = (props: LinkProps<any>): props is LinkProps<'a'> => {\n  return props.component === 'a';\n};\n"]}

package/components/Link/Link.mixins.d.ts

@@ -0,0 +1,2 @@
+export declare const linkDisabledMixin: () => string;
+export declare const linkUseColorsMixin: (mainColor: string, hoverColor: string, activeColor: string) => string;

package/components/Link/Link.mixins.js

@@ -0,0 +1,7 @@
+export var linkDisabledMixin = function () {
+    return "\n    box-shadow: none;\n    cursor: default;\n  ";
+};
+export var linkUseColorsMixin = function (mainColor, hoverColor, activeColor) {
+    return "\n    color: ".concat(mainColor, ";\n\n    &:hover {\n      color: ").concat(hoverColor, ";\n    }\n\n    &:active {\n      color: ").concat(activeColor, ";\n    }\n  ");
+};
+//# sourceMappingURL=Link.mixins.js.map

package/components/Link/Link.mixins.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.mixins.js","sourceRoot":"","sources":["Link.mixins.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,iBAAiB,GAAG;IAC/B,OAAO,mDAGN,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,SAAiB,EAAE,UAAkB,EAAE,WAAmB;IAC3F,OAAO,uBACI,SAAS,8CAGP,UAAU,sDAIV,WAAW,iBAEvB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["export const linkDisabledMixin = (): string => {\n  return `\n    box-shadow: none;\n    cursor: default;\n  `;\n};\n\nexport const linkUseColorsMixin = (mainColor: string, hoverColor: string, activeColor: string): string => {\n  return `\n    color: ${mainColor};\n\n    &:hover {\n      color: ${hoverColor};\n    }\n\n    &:active {\n      color: ${activeColor};\n    }\n  `;\n};\n"]}

package/components/Link/LinkIcon.js

@@ -1,11 +1,13 @@
-import React from 'react';
-import { useStyles } from '../../lib/renderEnvironment/index.js';
-import { concatClassNames as cx } from '../../lib/theming/Emotion.js';
+import React, { useContext } from 'react';
+import { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
 import { Spinner } from '../Spinner/index.js';
-import { getStyles } from './Link.styles.js';
+import { getStyles } from './Link.css.js';
 export var LinkIcon = function (_a) {
     var icon = _a.icon, loading = _a.loading, hasBothIcons = _a.hasBothIcons, position = _a.position;
+    var theme = useContext(ThemeContext);
+    var cx = useEmotion().cx;
     var styles = useStyles(getStyles);
-    return (React.createElement("span", { className: cx(styles.icon(), position === 'left' && styles.iconLeft(), position === 'right' && styles.iconRight()) }, loading && !hasBothIcons ? React.createElement(Spinner, { caption: null, dimmed: true, inline: true }) : icon));
+    return (React.createElement("span", { className: cx(styles.icon(), position === 'left' && styles.iconLeft(theme), position === 'right' && styles.iconRight(theme)) }, loading && !hasBothIcons ? React.createElement(Spinner, { caption: null, dimmed: true, inline: true }) : icon));
 };
 //# sourceMappingURL=LinkIcon.js.map

package/components/Link/LinkIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkIcon.js","sourceRoot":"","sources":["LinkIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACjE,OAAO,EAAE,gBAAgB,IAAI,EAAE,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAO7C,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,EAAwD;QAAtD,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,YAAY,kBAAA,EAAE,QAAQ,cAAA;IAC9D,IAAM,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;IAEpC,OAAO,CACL,8BACE,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,IAAI,EAAE,EACb,QAAQ,KAAK,MAAM,IAAI,MAAM,CAAC,QAAQ,EAAE,EACxC,QAAQ,KAAK,OAAO,IAAI,MAAM,CAAC,SAAS,EAAE,CAC3C,IAEA,OAAO,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,oBAAC,OAAO,IAAC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAC,MAAM,SAAG,CAAC,CAAC,CAAC,IAAI,CACtE,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { useStyles } from '../../lib/renderEnvironment/index.js';\nimport { concatClassNames as cx } from '../../lib/theming/Emotion.js';\nimport { Spinner } from '../Spinner/index.js';\nimport type { LinkProps } from './Link.js';\nimport { getStyles } from './Link.styles.js';\n\nexport interface LinkIconProps extends Pick<LinkProps, 'icon' | 'loading'> {\n  position?: 'left' | 'right';\n  hasBothIcons?: boolean;\n}\n\nexport const LinkIcon = ({ icon, loading, hasBothIcons, position }: LinkIconProps): React.JSX.Element => {\n  const styles = useStyles(getStyles);\n\n  return (\n    <span\n      className={cx(\n        styles.icon(),\n        position === 'left' && styles.iconLeft(),\n        position === 'right' && styles.iconRight(),\n      )}\n    >\n      {loading && !hasBothIcons ? <Spinner caption={null} dimmed inline /> : icon}\n    </span>\n  );\n};\n"]}
+{"version":3,"file":"LinkIcon.js","sourceRoot":"","sources":["LinkIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQ1C,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,EAAwD;QAAtD,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,YAAY,kBAAA,EAAE,QAAQ,cAAA;IAC9D,IAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAC/B,IAAA,EAAE,GAAK,UAAU,EAAE,GAAjB,CAAkB;IAC5B,IAAM,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;IAEpC,OAAO,CACL,8BACE,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,IAAI,EAAE,EACb,QAAQ,KAAK,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAC7C,QAAQ,KAAK,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAChD,IAEA,OAAO,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,oBAAC,OAAO,IAAC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAC,MAAM,SAAG,CAAC,CAAC,CAAC,IAAI,CACtE,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React, { useContext } from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { Spinner } from '../Spinner/index.js';\nimport { getStyles } from './Link.css.js';\nimport type { LinkProps } from './Link.js';\n\nexport interface LinkIconProps extends Pick<LinkProps, 'icon' | 'loading'> {\n  position?: 'left' | 'right';\n  hasBothIcons?: boolean;\n}\n\nexport const LinkIcon = ({ icon, loading, hasBothIcons, position }: LinkIconProps): React.JSX.Element => {\n  const theme = useContext(ThemeContext);\n  const { cx } = useEmotion();\n  const styles = useStyles(getStyles);\n\n  return (\n    <span\n      className={cx(\n        styles.icon(),\n        position === 'left' && styles.iconLeft(theme),\n        position === 'right' && styles.iconRight(theme),\n      )}\n    >\n      {loading && !hasBothIcons ? <Spinner caption={null} dimmed inline /> : icon}\n    </span>\n  );\n};\n"]}

package/components/Loader/Loader.css.d.ts

@@ -0,0 +1,8 @@
+import type { Theme } from '../../lib/theming/Theme.js';
+export declare const getStyles: import("../../lib/theming/StaticStyles.js").StylesGetter<{
+    active(t: Theme): string;
+    loader(): string;
+    spinnerContainer(): string;
+    spinnerContainerSticky(): string;
+    spinnerComponentWrapper(): string;
+}>;

package/components/Loader/Loader.css.js

@@ -0,0 +1,3 @@
+
+import { bindStaticStyles as _b9cd9 } from '../../lib/theming/bindStaticStyles.js';
+export var getStyles = _b9cd9({active:'react-ui-Loader__active',loader:'react-ui-Loader__loader',spinnerContainer:'react-ui-Loader__spinnerContainer',spinnerContainerSticky:'react-ui-Loader__spinnerContainerSticky',spinnerComponentWrapper:'react-ui-Loader__spinnerComponentWrapper'});

package/components/Loader/Loader.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.css.js","sourceRoot":"","sources":["Loader.css.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAG3F,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,MAAM,YAAC,CAAQ;YACb,OAAO,GAAG,uZAAA,yBACS,EAAoB,0QAcxB,EAAe,yBACZ,EAAU,kBAE3B,KAjBkB,CAAC,CAAC,kBAAkB,EAcxB,CAAC,CAAC,aAAa,EACZ,CAAC,CAAC,QAAQ,EAE1B;QACJ,CAAC;QAED,MAAM;YACJ,OAAO,GAAG,gNAAA,6IAMT,KAAC;QACJ,CAAC;QAED,gBAAgB;YACd,OAAO,GAAG,yZAAA,sVAkBT,KAAC;QACJ,CAAC;QAED,sBAAsB;YACpB,OAAO,GAAG,mGAAA,gCAET,KAAC;QACJ,CAAC;QAED,uBAAuB;YACrB,OAAO,GAAG,yGAAA,sCAET,KAAC;QACJ,CAAC;KACF,CAAC;AAlE8D,CAkE9D,CAAC,CAAC;AAEJ,oBAAoB,EAAE,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { finalizeStaticStyles, memoizeGetStyles } from '../../lib/theming/StaticStyles.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  active(t: Theme) {\n    return css`\n      border-radius: ${t.loaderBorderRadius};\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      top: 0;\n\n      &:before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        opacity: ${t.loaderOpacity};\n        background: ${t.loaderBg};\n      }\n    `;\n  },\n\n  loader() {\n    return css`\n      box-sizing: border-box;\n      display: inline-block;\n      position: relative;\n      width: 100%;\n      z-index: inherit;\n    `;\n  },\n\n  spinnerContainer() {\n    return css`\n      display: block;\n      margin: auto;\n      text-align: center;\n\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      top: 0;\n\n      &::before {\n        content: ' ';\n        display: inline-block;\n        height: 100%;\n        min-height: 100%;\n        vertical-align: middle;\n      }\n    `;\n  },\n\n  spinnerContainerSticky() {\n    return css`\n      position: fixed;\n    `;\n  },\n\n  spinnerComponentWrapper() {\n    return css`\n      display: inline-block;\n    `;\n  },\n}));\n\nfinalizeStaticStyles();\n"]}

package/components/Loader/Loader.d.ts

@@ -56,8 +56,10 @@ export declare class Loader extends React.Component<LoaderProps, LoaderState> {
     static defaultProps: DefaultProps;
     private getProps;
     private globalObject;
+    private emotion;
     private cx;
     private styles;
+    private theme;
     private size;
     getRootNode: TGetRootNode;
     private setRootNode;