@skbkontur/react-ui 6.4.7-b33c6.0 → 6.4.7

package/internal/InputLikeText/InputLikeText.js

@@ -45,13 +45,12 @@ import debounce from 'lodash.debounce';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { InputDataTids, calculateClearCrossShowedState } from '../../components/Input/index.js';
-import { styles as jsInputStyles } from '../../components/Input/Input.css.js';
+import { getStyles as getJsInputStyles } from '../../components/Input/Input.styles.js';
 import { InputLayoutAside } from '../../components/Input/InputLayout/InputLayoutAside.js';
 import { InputLayoutContext, InputLayoutContextDefault, } from '../../components/Input/InputLayout/InputLayoutContext.js';
 import { blink } from '../../lib/blink.js';
 import { isMobile } from '../../lib/client.js';
 import { createPropsGetter } from '../../lib/createPropsGetter.js';
-import { cx } from '../../lib/cx.js';
 import { removeAllSelections, selectNodeContents } from '../../lib/dom/selectionHelpers.js';
 import { MouseDrag } from '../../lib/events/MouseDrag.js';
 import { REACT_MAJOR_VERSION } from '../../lib/react-is.js';
@@ -63,7 +62,7 @@ import { isNonNullable } from '../../lib/utils.js';
 import { ClearCrossIcon } from '../ClearCrossIcon/ClearCrossIcon.js';
 import { CommonWrapper } from '../CommonWrapper/index.js';
 import { FocusControlWrapper } from '../FocusControlWrapper/index.js';
-import { styles } from './InputLikeText.css.js';
+import { getStyles } from './InputLikeText.styles.js';
 export var InputLikeTextDataTids = {
     root: 'InputLikeText__root',
     input: 'InputLikeText__input',
@@ -113,17 +112,17 @@ var InputLikeText = /** @class */ (function (_super) {
             };
             var leftSide = React.createElement(InputLayoutAside, { icon: leftIcon, text: prefix, side: "left" });
             var rightSide = React.createElement(InputLayoutAside, { icon: getRightIcon(), text: suffix, side: "right" });
-            var className = cx(jsInputStyles.root, _this.getSizeClassName(), (_a = {},
-                _a[jsInputStyles.disabled] = !!disabled,
-                _a[jsInputStyles.borderless] = !!borderless,
-                _a[jsInputStyles.focus] = focused,
-                _a[jsInputStyles.hovering] = !focused && !disabled && !warning && !error && !borderless,
-                _a[jsInputStyles.warning] = !!warning,
-                _a[jsInputStyles.error] = !!error,
-                _a[jsInputStyles.hideBlinkingCursor] = isMobile,
+            var className = _this.cx(_this.styles.root(), _this.jsInputStyles.root(_this.theme), _this.getSizeClassName(), (_a = {},
+                _a[_this.jsInputStyles.disabled(_this.theme)] = !!disabled,
+                _a[_this.jsInputStyles.borderless()] = !!borderless,
+                _a[_this.jsInputStyles.focus(_this.theme)] = focused,
+                _a[_this.jsInputStyles.hovering(_this.theme)] = !focused && !disabled && !warning && !error && !borderless,
+                _a[_this.jsInputStyles.warning(_this.theme)] = !!warning,
+                _a[_this.jsInputStyles.error(_this.theme)] = !!error,
+                _a[_this.jsInputStyles.hideBlinkingCursor()] = isMobile,
                 _a));
-            var wrapperClass = cx(jsInputStyles.wrapper, (_b = {},
-                _b[styles.userSelectContain] = focused,
+            var wrapperClass = _this.cx(_this.jsInputStyles.wrapper(), (_b = {},
+                _b[_this.styles.userSelectContain()] = focused,
                 _b));
             var size = _this.size;
             var context = InputLayoutContextDefault;
@@ -134,10 +133,10 @@ var InputLikeText = /** @class */ (function (_super) {
                         React.createElement("input", { type: "hidden", "data-tid": InputLikeTextDataTids.nativeInput, value: value, disabled: disabled }),
                         leftSide,
                         React.createElement("span", { className: wrapperClass },
-                            React.createElement("span", { "data-tid": InputLikeTextDataTids.input, className: cx(jsInputStyles.input, (_c = {},
-                                    _c[styles.absolute] = !takeContentWidth,
-                                    _c[jsInputStyles.inputFocus] = focused,
-                                    _c[jsInputStyles.inputDisabled] = disabled,
+                            React.createElement("span", { "data-tid": InputLikeTextDataTids.input, className: _this.cx(_this.jsInputStyles.input(_this.theme), (_c = {},
+                                    _c[_this.styles.absolute()] = !takeContentWidth,
+                                    _c[_this.jsInputStyles.inputFocus(_this.theme)] = focused,
+                                    _c[_this.jsInputStyles.inputDisabled(_this.theme)] = disabled,
                                     _c)) }, _this.props.children),
                             _this.renderPlaceholder()),
                         rightSide))));
@@ -148,9 +147,9 @@ var InputLikeText = /** @class */ (function (_super) {
             var focused = _this.state.focused;
             var hasValue = isNonNullable(children) && children !== '';
             if (!hasValue && placeholder) {
-                return (React.createElement("span", { className: cx(jsInputStyles.placeholder, (_a = {},
-                        _a[jsInputStyles.placeholderDisabled] = disabled,
-                        _a[jsInputStyles.placeholderFocus] = focused,
+                return (React.createElement("span", { className: _this.cx(_this.jsInputStyles.placeholder(_this.theme), (_a = {},
+                        _a[_this.jsInputStyles.placeholderDisabled(_this.theme)] = disabled,
+                        _a[_this.jsInputStyles.placeholderFocus(_this.theme)] = focused,
                         _a)) }, placeholder));
             }
             return null;
@@ -166,7 +165,7 @@ var InputLikeText = /** @class */ (function (_super) {
         _this.handleMouseDragStart = function (e) {
             var _a;
             _this.dragging = true;
-            (_a = _this.globalObject.document) === null || _a === void 0 ? void 0 : _a.documentElement.classList.add(styles.userSelectNone);
+            (_a = _this.globalObject.document) === null || _a === void 0 ? void 0 : _a.documentElement.classList.add(_this.styles.userSelectNone());
             if (_this.props.onMouseDragStart) {
                 _this.props.onMouseDragStart(e);
             }
@@ -180,7 +179,7 @@ var InputLikeText = /** @class */ (function (_super) {
                     _this.props.onMouseDragEnd(e);
                 }
             }, 0);
-            (_a = _this.globalObject.document) === null || _a === void 0 ? void 0 : _a.documentElement.classList.remove(styles.userSelectNone);
+            (_a = _this.globalObject.document) === null || _a === void 0 ? void 0 : _a.documentElement.classList.remove(_this.styles.userSelectNone());
         };
         _this.handleFocus = function (e) {
             var _a;
@@ -241,17 +240,17 @@ var InputLikeText = /** @class */ (function (_super) {
             var _a, _b, _c;
             switch (_this.size) {
                 case 'large':
-                    return cx((_a = {},
-                        _a[jsInputStyles.sizeLarge] = true,
+                    return _this.cx((_a = {},
+                        _a[_this.jsInputStyles.sizeLarge(_this.theme)] = true,
                         _a));
                 case 'medium':
-                    return cx((_b = {},
-                        _b[jsInputStyles.sizeMedium] = true,
+                    return _this.cx((_b = {},
+                        _b[_this.jsInputStyles.sizeMedium(_this.theme)] = true,
                         _b));
                 case 'small':
                 default:
-                    return cx((_c = {},
-                        _c[jsInputStyles.sizeSmall] = true,
+                    return _this.cx((_c = {},
+                        _c[_this.jsInputStyles.sizeSmall(_this.theme)] = true,
                         _c));
             }
         };
@@ -299,6 +298,8 @@ var InputLikeText = /** @class */ (function (_super) {
     };
     InputLikeText.prototype.render = function () {
         var _this = this;
+        this.jsInputStyles = getJsInputStyles(this.emotion);
+        this.styles = getStyles(this.emotion);
         return (React.createElement(ThemeContext.Consumer, null, function (theme) {
             _this.theme = theme;
             return (React.createElement(CommonWrapper, __assign({ rootNodeRef: _this.setRootNode }, _this.getProps()), _this.renderMain));

package/internal/InputLikeText/InputLikeText.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputLikeText.js","sourceRoot":"","sources":["InputLikeText.tsx"],"names":[],"mappings":"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","sourcesContent":["import debounce from 'lodash.debounce';\nimport React, { type JSX } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { InputDataTids, calculateClearCrossShowedState } from '../../components/Input/index.js';\nimport type { InputProps, InputState } from '../../components/Input/index.js';\nimport { styles as jsInputStyles } from '../../components/Input/Input.css.js';\nimport { InputLayoutAside } from '../../components/Input/InputLayout/InputLayoutAside.js';\nimport {\n  InputLayoutContext,\n  InputLayoutContextDefault,\n} from '../../components/Input/InputLayout/InputLayoutContext.js';\nimport { blink } from '../../lib/blink.js';\nimport { isMobile } from '../../lib/client.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { cx } from '../../lib/cx.js';\nimport { removeAllSelections, selectNodeContents } from '../../lib/dom/selectionHelpers.js';\nimport { MouseDrag } from '../../lib/events/MouseDrag.js';\nimport type { MouseDragEventHandler } from '../../lib/events/MouseDrag.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { REACT_MAJOR_VERSION } 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 type { SizeProp } from '../../lib/types/props.js';\nimport { isNonNullable } from '../../lib/utils.js';\nimport { ClearCrossIcon } from '../ClearCrossIcon/ClearCrossIcon.js';\nimport type { CommonProps, CommonWrapperRestProps } from '../CommonWrapper/index.js';\nimport { CommonWrapper } from '../CommonWrapper/index.js';\nimport { FocusControlWrapper } from '../FocusControlWrapper/index.js';\nimport { styles } from './InputLikeText.css.js';\n\nexport interface InputLikeTextProps extends CommonProps, InputProps {\n  children?: React.ReactNode;\n  innerRef?: (el: HTMLElement | null) => void;\n  onFocus?: React.FocusEventHandler<HTMLElement>;\n  onBlur?: React.FocusEventHandler<HTMLElement>;\n  onMouseDragStart?: MouseDragEventHandler;\n  onMouseDragEnd?: MouseDragEventHandler;\n  takeContentWidth?: boolean;\n  onClearCrossClick?: () => void;\n}\n\nexport type InputLikeTextState = Omit<InputState, 'needsPolyfillPlaceholder' | 'hovered'>;\n\nexport const InputLikeTextDataTids = {\n  root: 'InputLikeText__root',\n  input: 'InputLikeText__input',\n  nativeInput: 'InputLikeText__nativeInput',\n} as const;\n\ntype DefaultProps = Required<Pick<InputLikeTextProps, 'showClearIcon'>>;\n\n@withRenderEnvironment\n@withSize\n@rootNode\nexport class InputLikeText extends React.Component<InputLikeTextProps, Omit<InputLikeTextState, 'isCounterVisible'>> {\n  public static __KONTUR_REACT_UI__ = 'InputLikeText';\n  public static displayName = 'InputLikeText';\n\n  public static defaultProps: DefaultProps = {\n    showClearIcon: 'never',\n  };\n\n  private getProps = createPropsGetter(InputLikeText.defaultProps);\n\n  private getClearCrossShowed = ({ focused, hovered }: { focused?: boolean; hovered?: boolean }): boolean => {\n    if (this.props.disabled) {\n      return false;\n    }\n    return calculateClearCrossShowedState({\n      showClearIcon: this.getProps().showClearIcon,\n      notEmptyValue: Boolean(this.props.children),\n      focused,\n      hovered,\n    });\n  };\n\n  public state = {\n    focused: false,\n    clearCrossShowed: this.getClearCrossShowed({\n      focused: false,\n    }),\n  };\n\n  private globalObject!: GlobalObject;\n  private theme!: Theme;\n  private size!: SizeProp;\n  private node: HTMLElement | null = null;\n  private dragging = false;\n\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  /**\n   * @public\n   */\n  public focus(): void {\n    if (this.node) {\n      this.node.focus();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blur(): void {\n    if (this.node) {\n      this.node.blur();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blink() {\n    if (this.props.disabled) {\n      return;\n    }\n    blink({\n      el: this.node,\n      blinkColor: this.theme.inputBlinkColor,\n    });\n  }\n\n  public getNode(): HTMLElement | null {\n    return this.node;\n  }\n\n  // Async call required for Firefox\n  private selectNodeContentsDebounced = debounce(selectNodeContents, 0);\n\n  public selectInnerNode = (node: HTMLElement | null, start = 0, end = 1) => {\n    if (this.dragging || !node) {\n      return;\n    }\n\n    this.selectNodeContentsDebounced(node, start, end);\n  };\n\n  public componentDidMount() {\n    if (this.node && !this.props.disabled) {\n      MouseDrag.listen(this.node).onMouseDragStart(this.handleMouseDragStart).onMouseDragEnd(this.handleMouseDragEnd);\n    }\n  }\n\n  public componentWillUnmount() {\n    MouseDrag.stop(this.node);\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<InputLikeTextProps>) => {\n    const {\n      innerRef,\n      tabIndex,\n      placeholder,\n      align,\n      borderless,\n      width,\n      error,\n      warning,\n      onValueChange,\n      disabled,\n      prefix,\n      suffix,\n      leftIcon,\n      rightIcon,\n      value,\n      onMouseDragStart,\n      onMouseDragEnd,\n      takeContentWidth,\n      'aria-describedby': ariaDescribedby,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      showClearIcon,\n      onClearCrossClick,\n      ...rest\n    } = props;\n\n    const { focused } = this.state;\n    const getRightIcon = () => {\n      return this.state.clearCrossShowed ? (\n        <ClearCrossIcon\n          data-tid={InputDataTids.clearCross}\n          size={this.size}\n          onFocus={(event) => event.stopPropagation()}\n          onClick={onClearCrossClick}\n        />\n      ) : (\n        rightIcon\n      );\n    };\n    const leftSide = <InputLayoutAside icon={leftIcon} text={prefix} side=\"left\" />;\n    const rightSide = <InputLayoutAside icon={getRightIcon()} text={suffix} side=\"right\" />;\n\n    const className = cx(jsInputStyles.root, this.getSizeClassName(), {\n      [jsInputStyles.disabled]: !!disabled,\n      [jsInputStyles.borderless]: !!borderless,\n      [jsInputStyles.focus]: focused,\n      [jsInputStyles.hovering]: !focused && !disabled && !warning && !error && !borderless,\n      [jsInputStyles.warning]: !!warning,\n      [jsInputStyles.error]: !!error,\n      [jsInputStyles.hideBlinkingCursor]: isMobile,\n    });\n\n    const wrapperClass = cx(jsInputStyles.wrapper, {\n      [styles.userSelectContain]: focused,\n    });\n    const size = this.size;\n    const context = InputLayoutContextDefault;\n    Object.assign(context, { disabled, focused, size });\n\n    return (\n      <FocusControlWrapper disabled={disabled} onBlurWhenDisabled={this.resetFocus}>\n        <span\n          data-tid={InputLikeTextDataTids.root}\n          {...rest}\n          className={className}\n          style={{ width, textAlign: align }}\n          tabIndex={disabled ? -1 : 0}\n          onFocus={this.handleFocus}\n          onMouseEnter={this.handleHover}\n          onMouseLeave={this.handleUnhover}\n          onBlur={this.handleBlur}\n          ref={this.innerRef}\n          onKeyDown={this.handleKeyDown}\n          role=\"textbox\"\n          aria-disabled={disabled}\n          aria-describedby={ariaDescribedby}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledby}\n        >\n          <InputLayoutContext.Provider value={context}>\n            <input type=\"hidden\" data-tid={InputLikeTextDataTids.nativeInput} value={value} disabled={disabled} />\n            {leftSide}\n            <span className={wrapperClass}>\n              <span\n                data-tid={InputLikeTextDataTids.input}\n                className={cx(jsInputStyles.input, {\n                  [styles.absolute]: !takeContentWidth,\n                  [jsInputStyles.inputFocus]: focused,\n                  [jsInputStyles.inputDisabled]: disabled,\n                })}\n              >\n                {this.props.children}\n              </span>\n              {this.renderPlaceholder()}\n            </span>\n            {rightSide}\n          </InputLayoutContext.Provider>\n        </span>\n      </FocusControlWrapper>\n    );\n  };\n\n  private renderPlaceholder = (): JSX.Element | null => {\n    const { children, placeholder, disabled } = this.props;\n    const { focused } = this.state;\n    const hasValue = isNonNullable(children) && children !== '';\n\n    if (!hasValue && placeholder) {\n      return (\n        <span\n          className={cx(jsInputStyles.placeholder, {\n            [jsInputStyles.placeholderDisabled]: disabled,\n            [jsInputStyles.placeholderFocus]: focused,\n          })}\n        >\n          {placeholder}\n        </span>\n      );\n    }\n    return null;\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e as React.KeyboardEvent<HTMLInputElement>);\n    }\n  };\n\n  private handleMouseDragStart: MouseDragEventHandler = (e) => {\n    this.dragging = true;\n    this.globalObject.document?.documentElement.classList.add(styles.userSelectNone);\n\n    if (this.props.onMouseDragStart) {\n      this.props.onMouseDragStart(e);\n    }\n  };\n\n  private handleMouseDragEnd: MouseDragEventHandler = (e) => {\n    // Дожидаемся onMouseUp\n    setTimeout(() => {\n      this.dragging = false;\n\n      if (this.props.onMouseDragEnd) {\n        this.props.onMouseDragEnd(e);\n      }\n    }, 0);\n\n    this.globalObject.document?.documentElement.classList.remove(styles.userSelectNone);\n  };\n\n  private handleFocus = (e: React.FocusEvent<HTMLElement>) => {\n    if (isMobile) {\n      this.node?.setAttribute('contenteditable', 'true');\n    }\n\n    if (this.props.disabled) {\n      return;\n    }\n\n    // Auto-batching React@18 creates problems that are fixed with flushSync\n    // https://github.com/skbkontur/retail-ui/pull/3144#issuecomment-1535235366\n    if (REACT_MAJOR_VERSION >= 18) {\n      ReactDOM.flushSync(() => this.setState({ focused: true }));\n    } else {\n      this.setState({ focused: true });\n    }\n\n    if (this.props.onFocus) {\n      this.props.onFocus(e);\n    }\n  };\n\n  private resetFocus = () => {\n    this.selectNodeContentsDebounced.cancel();\n    if (isMobile) {\n      this.node?.removeAttribute('contenteditable');\n    }\n    removeAllSelections(this.globalObject);\n    this.setState({ focused: false });\n  };\n\n  private handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n    this.selectNodeContentsDebounced.cancel();\n    if (isMobile) {\n      this.node?.removeAttribute('contenteditable');\n    }\n\n    if (this.props.disabled) {\n      e.stopPropagation();\n      return;\n    }\n\n    removeAllSelections(this.globalObject);\n    this.setState({ focused: false });\n\n    this.props.onBlur?.(e);\n  };\n\n  private handleHover = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: true }) });\n  };\n\n  private handleUnhover = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: false }) });\n  };\n\n  private innerRef = (el: HTMLElement | null) => {\n    if (this.props.innerRef) {\n      this.props.innerRef(el);\n    }\n    this.node = el;\n  };\n\n  private getSizeClassName = () => {\n    switch (this.size) {\n      case 'large':\n        return cx({\n          [jsInputStyles.sizeLarge]: true,\n        });\n      case 'medium':\n        return cx({\n          [jsInputStyles.sizeMedium]: true,\n        });\n      case 'small':\n      default:\n        return cx({\n          [jsInputStyles.sizeSmall]: true,\n        });\n    }\n  };\n}\n"]}
+{"version":3,"file":"InputLikeText.js","sourceRoot":"","sources":["InputLikeText.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport debounce from 'lodash.debounce';\nimport React, { type JSX } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { InputDataTids, calculateClearCrossShowedState } from '../../components/Input/index.js';\nimport type { InputProps, InputState } from '../../components/Input/index.js';\nimport { getStyles as getJsInputStyles } from '../../components/Input/Input.styles.js';\nimport { InputLayoutAside } from '../../components/Input/InputLayout/InputLayoutAside.js';\nimport {\n  InputLayoutContext,\n  InputLayoutContextDefault,\n} from '../../components/Input/InputLayout/InputLayoutContext.js';\nimport { blink } from '../../lib/blink.js';\nimport { isMobile } from '../../lib/client.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { removeAllSelections, selectNodeContents } from '../../lib/dom/selectionHelpers.js';\nimport { MouseDrag } from '../../lib/events/MouseDrag.js';\nimport type { MouseDragEventHandler } from '../../lib/events/MouseDrag.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { REACT_MAJOR_VERSION } 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 type { SizeProp } from '../../lib/types/props.js';\nimport { isNonNullable } from '../../lib/utils.js';\nimport { ClearCrossIcon } from '../ClearCrossIcon/ClearCrossIcon.js';\nimport type { CommonProps, CommonWrapperRestProps } from '../CommonWrapper/index.js';\nimport { CommonWrapper } from '../CommonWrapper/index.js';\nimport { FocusControlWrapper } from '../FocusControlWrapper/index.js';\nimport { getStyles } from './InputLikeText.styles.js';\n\nexport interface InputLikeTextProps extends CommonProps, InputProps {\n  children?: React.ReactNode;\n  innerRef?: (el: HTMLElement | null) => void;\n  onFocus?: React.FocusEventHandler<HTMLElement>;\n  onBlur?: React.FocusEventHandler<HTMLElement>;\n  onMouseDragStart?: MouseDragEventHandler;\n  onMouseDragEnd?: MouseDragEventHandler;\n  takeContentWidth?: boolean;\n  onClearCrossClick?: () => void;\n}\n\nexport type InputLikeTextState = Omit<InputState, 'needsPolyfillPlaceholder' | 'hovered'>;\n\nexport const InputLikeTextDataTids = {\n  root: 'InputLikeText__root',\n  input: 'InputLikeText__input',\n  nativeInput: 'InputLikeText__nativeInput',\n} as const;\n\ntype DefaultProps = Required<Pick<InputLikeTextProps, 'showClearIcon'>>;\n\n@withRenderEnvironment\n@withSize\n@rootNode\nexport class InputLikeText extends React.Component<InputLikeTextProps, Omit<InputLikeTextState, 'isCounterVisible'>> {\n  public static __KONTUR_REACT_UI__ = 'InputLikeText';\n  public static displayName = 'InputLikeText';\n\n  public static defaultProps: DefaultProps = {\n    showClearIcon: 'never',\n  };\n\n  private getProps = createPropsGetter(InputLikeText.defaultProps);\n\n  private getClearCrossShowed = ({ focused, hovered }: { focused?: boolean; hovered?: boolean }): boolean => {\n    if (this.props.disabled) {\n      return false;\n    }\n    return calculateClearCrossShowedState({\n      showClearIcon: this.getProps().showClearIcon,\n      notEmptyValue: Boolean(this.props.children),\n      focused,\n      hovered,\n    });\n  };\n\n  public state = {\n    focused: false,\n    clearCrossShowed: this.getClearCrossShowed({\n      focused: false,\n    }),\n  };\n\n  private globalObject!: GlobalObject;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private jsInputStyles!: ReturnType<typeof getJsInputStyles>;\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  private size!: SizeProp;\n  private node: HTMLElement | null = null;\n  private dragging = false;\n\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  /**\n   * @public\n   */\n  public focus(): void {\n    if (this.node) {\n      this.node.focus();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blur(): void {\n    if (this.node) {\n      this.node.blur();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blink() {\n    if (this.props.disabled) {\n      return;\n    }\n    blink({\n      el: this.node,\n      blinkColor: this.theme.inputBlinkColor,\n    });\n  }\n\n  public getNode(): HTMLElement | null {\n    return this.node;\n  }\n\n  // Async call required for Firefox\n  private selectNodeContentsDebounced = debounce(selectNodeContents, 0);\n\n  public selectInnerNode = (node: HTMLElement | null, start = 0, end = 1) => {\n    if (this.dragging || !node) {\n      return;\n    }\n\n    this.selectNodeContentsDebounced(node, start, end);\n  };\n\n  public componentDidMount() {\n    if (this.node && !this.props.disabled) {\n      MouseDrag.listen(this.node).onMouseDragStart(this.handleMouseDragStart).onMouseDragEnd(this.handleMouseDragEnd);\n    }\n  }\n\n  public componentWillUnmount() {\n    MouseDrag.stop(this.node);\n  }\n\n  public render() {\n    this.jsInputStyles = getJsInputStyles(this.emotion);\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<InputLikeTextProps>) => {\n    const {\n      innerRef,\n      tabIndex,\n      placeholder,\n      align,\n      borderless,\n      width,\n      error,\n      warning,\n      onValueChange,\n      disabled,\n      prefix,\n      suffix,\n      leftIcon,\n      rightIcon,\n      value,\n      onMouseDragStart,\n      onMouseDragEnd,\n      takeContentWidth,\n      'aria-describedby': ariaDescribedby,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      showClearIcon,\n      onClearCrossClick,\n      ...rest\n    } = props;\n\n    const { focused } = this.state;\n    const getRightIcon = () => {\n      return this.state.clearCrossShowed ? (\n        <ClearCrossIcon\n          data-tid={InputDataTids.clearCross}\n          size={this.size}\n          onFocus={(event) => event.stopPropagation()}\n          onClick={onClearCrossClick}\n        />\n      ) : (\n        rightIcon\n      );\n    };\n    const leftSide = <InputLayoutAside icon={leftIcon} text={prefix} side=\"left\" />;\n    const rightSide = <InputLayoutAside icon={getRightIcon()} text={suffix} side=\"right\" />;\n\n    const className = this.cx(this.styles.root(), this.jsInputStyles.root(this.theme), this.getSizeClassName(), {\n      [this.jsInputStyles.disabled(this.theme)]: !!disabled,\n      [this.jsInputStyles.borderless()]: !!borderless,\n      [this.jsInputStyles.focus(this.theme)]: focused,\n      [this.jsInputStyles.hovering(this.theme)]: !focused && !disabled && !warning && !error && !borderless,\n      [this.jsInputStyles.warning(this.theme)]: !!warning,\n      [this.jsInputStyles.error(this.theme)]: !!error,\n      [this.jsInputStyles.hideBlinkingCursor()]: isMobile,\n    });\n\n    const wrapperClass = this.cx(this.jsInputStyles.wrapper(), {\n      [this.styles.userSelectContain()]: focused,\n    });\n    const size = this.size;\n    const context = InputLayoutContextDefault;\n    Object.assign(context, { disabled, focused, size });\n\n    return (\n      <FocusControlWrapper disabled={disabled} onBlurWhenDisabled={this.resetFocus}>\n        <span\n          data-tid={InputLikeTextDataTids.root}\n          {...rest}\n          className={className}\n          style={{ width, textAlign: align }}\n          tabIndex={disabled ? -1 : 0}\n          onFocus={this.handleFocus}\n          onMouseEnter={this.handleHover}\n          onMouseLeave={this.handleUnhover}\n          onBlur={this.handleBlur}\n          ref={this.innerRef}\n          onKeyDown={this.handleKeyDown}\n          role=\"textbox\"\n          aria-disabled={disabled}\n          aria-describedby={ariaDescribedby}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledby}\n        >\n          <InputLayoutContext.Provider value={context}>\n            <input type=\"hidden\" data-tid={InputLikeTextDataTids.nativeInput} value={value} disabled={disabled} />\n            {leftSide}\n            <span className={wrapperClass}>\n              <span\n                data-tid={InputLikeTextDataTids.input}\n                className={this.cx(this.jsInputStyles.input(this.theme), {\n                  [this.styles.absolute()]: !takeContentWidth,\n                  [this.jsInputStyles.inputFocus(this.theme)]: focused,\n                  [this.jsInputStyles.inputDisabled(this.theme)]: disabled,\n                })}\n              >\n                {this.props.children}\n              </span>\n              {this.renderPlaceholder()}\n            </span>\n            {rightSide}\n          </InputLayoutContext.Provider>\n        </span>\n      </FocusControlWrapper>\n    );\n  };\n\n  private renderPlaceholder = (): JSX.Element | null => {\n    const { children, placeholder, disabled } = this.props;\n    const { focused } = this.state;\n    const hasValue = isNonNullable(children) && children !== '';\n\n    if (!hasValue && placeholder) {\n      return (\n        <span\n          className={this.cx(this.jsInputStyles.placeholder(this.theme), {\n            [this.jsInputStyles.placeholderDisabled(this.theme)]: disabled,\n            [this.jsInputStyles.placeholderFocus(this.theme)]: focused,\n          })}\n        >\n          {placeholder}\n        </span>\n      );\n    }\n    return null;\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e as React.KeyboardEvent<HTMLInputElement>);\n    }\n  };\n\n  private handleMouseDragStart: MouseDragEventHandler = (e) => {\n    this.dragging = true;\n    this.globalObject.document?.documentElement.classList.add(this.styles.userSelectNone());\n\n    if (this.props.onMouseDragStart) {\n      this.props.onMouseDragStart(e);\n    }\n  };\n\n  private handleMouseDragEnd: MouseDragEventHandler = (e) => {\n    // Дожидаемся onMouseUp\n    setTimeout(() => {\n      this.dragging = false;\n\n      if (this.props.onMouseDragEnd) {\n        this.props.onMouseDragEnd(e);\n      }\n    }, 0);\n\n    this.globalObject.document?.documentElement.classList.remove(this.styles.userSelectNone());\n  };\n\n  private handleFocus = (e: React.FocusEvent<HTMLElement>) => {\n    if (isMobile) {\n      this.node?.setAttribute('contenteditable', 'true');\n    }\n\n    if (this.props.disabled) {\n      return;\n    }\n\n    // Auto-batching React@18 creates problems that are fixed with flushSync\n    // https://github.com/skbkontur/retail-ui/pull/3144#issuecomment-1535235366\n    if (REACT_MAJOR_VERSION >= 18) {\n      ReactDOM.flushSync(() => this.setState({ focused: true }));\n    } else {\n      this.setState({ focused: true });\n    }\n\n    if (this.props.onFocus) {\n      this.props.onFocus(e);\n    }\n  };\n\n  private resetFocus = () => {\n    this.selectNodeContentsDebounced.cancel();\n    if (isMobile) {\n      this.node?.removeAttribute('contenteditable');\n    }\n    removeAllSelections(this.globalObject);\n    this.setState({ focused: false });\n  };\n\n  private handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n    this.selectNodeContentsDebounced.cancel();\n    if (isMobile) {\n      this.node?.removeAttribute('contenteditable');\n    }\n\n    if (this.props.disabled) {\n      e.stopPropagation();\n      return;\n    }\n\n    removeAllSelections(this.globalObject);\n    this.setState({ focused: false });\n\n    this.props.onBlur?.(e);\n  };\n\n  private handleHover = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: true }) });\n  };\n\n  private handleUnhover = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: false }) });\n  };\n\n  private innerRef = (el: HTMLElement | null) => {\n    if (this.props.innerRef) {\n      this.props.innerRef(el);\n    }\n    this.node = el;\n  };\n\n  private getSizeClassName = () => {\n    switch (this.size) {\n      case 'large':\n        return this.cx({\n          [this.jsInputStyles.sizeLarge(this.theme)]: true,\n        });\n      case 'medium':\n        return this.cx({\n          [this.jsInputStyles.sizeMedium(this.theme)]: true,\n        });\n      case 'small':\n      default:\n        return this.cx({\n          [this.jsInputStyles.sizeSmall(this.theme)]: true,\n        });\n    }\n  };\n}\n"]}

package/internal/InputLikeText/InputLikeText.styles.d.ts

@@ -0,0 +1,8 @@
+export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
+    root(): string;
+    absolute(): string;
+    wrapperMultiline(): string;
+    userSelectContain(): string;
+    userSelectNone(): string;
+    rightSide(): string;
+}>;

package/internal/InputLikeText/InputLikeText.styles.js

@@ -0,0 +1,30 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
+export var getStyles = memoizeGetStyles(function (_a) {
+    var css = _a.css;
+    return ({
+        root: function () {
+            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      padding-right: 10px;\n    "], ["\n      padding-right: 10px;\n    "])));
+        },
+        absolute: function () {
+            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      position: absolute;\n      top: 0;\n    "], ["\n      position: absolute;\n      top: 0;\n    "])));
+        },
+        wrapperMultiline: function () {
+            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      overflow-wrap: anywhere;\n      white-space: normal;\n      overflow: visible;\n    "], ["\n      overflow-wrap: anywhere;\n      white-space: normal;\n      overflow: visible;\n    "])));
+        },
+        userSelectContain: function () {
+            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      user-select: text;\n      -ms-user-select: element;\n    "], ["\n      user-select: text;\n      -ms-user-select: element;\n    "])));
+        },
+        userSelectNone: function () {
+            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      user-select: none;\n    "], ["\n      user-select: none;\n    "])));
+        },
+        rightSide: function () {
+            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      padding-left: 0;\n      visibility: visible;\n    "], ["\n      padding-left: 0;\n      visibility: visible;\n    "])));
+        },
+    });
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+//# sourceMappingURL=InputLikeText.styles.js.map

package/internal/InputLikeText/InputLikeText.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputLikeText.styles.js","sourceRoot":"","sources":["InputLikeText.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,IAAI;YACF,OAAO,GAAG,uGAAA,oCAET,KAAC;QACJ,CAAC;QAED,QAAQ;YACN,OAAO,GAAG,qHAAA,kDAGT,KAAC;QACJ,CAAC;QAED,gBAAgB;YACd,OAAO,GAAG,iKAAA,8FAIT,KAAC;QACJ,CAAC;QAED,iBAAiB;YACf,OAAO,GAAG,sIAAA,mEAGT,KAAC;QACJ,CAAC;QAED,cAAc;YACZ,OAAO,GAAG,qGAAA,kCAET,KAAC;QACJ,CAAC;QAED,SAAS;YACP,OAAO,GAAG,+HAAA,4DAGT,KAAC;QACJ,CAAC;KACF,CAAC;AAzC8D,CAyC9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root() {\n    return css`\n      padding-right: 10px;\n    `;\n  },\n\n  absolute() {\n    return css`\n      position: absolute;\n      top: 0;\n    `;\n  },\n\n  wrapperMultiline() {\n    return css`\n      overflow-wrap: anywhere;\n      white-space: normal;\n      overflow: visible;\n    `;\n  },\n\n  userSelectContain() {\n    return css`\n      user-select: text;\n      -ms-user-select: element;\n    `;\n  },\n\n  userSelectNone() {\n    return css`\n      user-select: none;\n    `;\n  },\n\n  rightSide() {\n    return css`\n      padding-left: 0;\n      visibility: visible;\n    `;\n  },\n}));\n"]}

package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.d.ts

@@ -12,6 +12,11 @@ export declare class InternalTextareaWithLayout extends React.Component<Internal
     static __KONTUR_REACT_UI__: string;
     private wrappedComponentRef;
     private theme;
+    private styles;
+    private inputStyles;
+    private textareaStyles;
+    private emotion;
+    private cx;
     private getProps;
     componentDidUpdate(prevProps: Readonly<InternalTextareaWithLayoutProps>): void;
     private getClearCrossShowed;

package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.js

@@ -43,34 +43,18 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React from 'react';
 import { InputDataTids, calculateClearCrossShowedState } from '../../components/Input/index.js';
-import { styles as inputStyles } from '../../components/Input/Input.css.js';
+import { getStyles as getInputStyles } from '../../components/Input/Input.styles.js';
 import { InputLayout } from '../../components/Input/InputLayout/InputLayout.js';
 import { DEFAULT_WIDTH, Textarea } from '../../components/Textarea/index.js';
-import { styles as textareaStyles } from '../../components/Textarea/Textarea.css.js';
+import { getStyles as getTextareaStyles } from '../../components/Textarea/Textarea.styles.js';
 import { createPropsGetter } from '../../lib/createPropsGetter.js';
 import { isTestEnv } from '../../lib/currentEnvironment.js';
-import { cx } from '../../lib/cx.js';
+import { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';
 import { getRootNode, rootNode } from '../../lib/rootNode/index.js';
-import { memoizeTheme } from '../../lib/theming/memoizeTheme.js';
 import { ThemeContext } from '../../lib/theming/ThemeContext.js';
 import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';
 import { ClearCrossIcon } from '../ClearCrossIcon/ClearCrossIcon.js';
-import { styles } from './InternalTextareaWithLayout.css.js';
-var getPreparedTheme = memoizeTheme(function (theme) {
-    return ThemeFactory.create({
-        textareaBorderWidth: '0px',
-        textareaPaddingXSmall: '0px',
-        textareaPaddingXMedium: '0px',
-        textareaPaddingXLarge: '0px',
-        textareaPaddingYSmall: '0px',
-        textareaPaddingYMedium: '0px',
-        textareaPaddingYLarge: '0px',
-        textareaOutlineWidth: '0px',
-        textareaShadow: 'none',
-        textareaDisabledBg: 'transparent',
-        textareaBg: 'transparent',
-    }, theme);
-});
+import { getStyles } from './InternalTextareaWithLayout.styles.js';
 var InternalTextareaWithLayout = /** @class */ (function (_super) {
     __extends(InternalTextareaWithLayout, _super);
     function InternalTextareaWithLayout() {
@@ -118,12 +102,12 @@ var InternalTextareaWithLayout = /** @class */ (function (_super) {
         _this.renderLayout = function () {
             var _a;
             var labelProps = {
-                className: cx(styles.contentWrapper, textareaStyles.textarea, _this.getTextareaSizeClassName(), _this.getRootSizeClassName(), (_a = {},
-                    _a[styles.focus] = _this.state.focused && !_this.props.warning && !_this.props.error,
-                    _a[inputStyles.borderless] = _this.props.borderless && !_this.state.focused,
-                    _a[textareaStyles.disabled] = _this.props.disabled,
-                    _a[textareaStyles.warning] = _this.props.warning,
-                    _a[textareaStyles.error] = _this.props.error,
+                className: _this.cx(_this.styles.contentWrapper(), _this.textareaStyles.textarea(_this.theme), _this.getTextareaSizeClassName(), _this.getRootSizeClassName(), (_a = {},
+                    _a[_this.inputStyles.focus(_this.theme)] = _this.state.focused && !_this.props.warning && !_this.props.error,
+                    _a[_this.inputStyles.borderless()] = _this.props.borderless && !_this.state.focused,
+                    _a[_this.textareaStyles.disabled(_this.theme)] = _this.props.disabled,
+                    _a[_this.textareaStyles.warning(_this.theme)] = _this.props.warning,
+                    _a[_this.textareaStyles.error(_this.theme)] = _this.props.error,
                     _a)),
                 style: { width: _this.props.width || DEFAULT_WIDTH, minWidth: '0', position: 'relative' },
                 onMouseEnter: _this.handleMouseEnter,
@@ -192,6 +176,9 @@ var InternalTextareaWithLayout = /** @class */ (function (_super) {
     };
     InternalTextareaWithLayout.prototype.render = function () {
         var _this = this;
+        this.styles = getStyles(this.emotion);
+        this.inputStyles = getInputStyles(this.emotion);
+        this.textareaStyles = getTextareaStyles(this.emotion);
         return (React.createElement(ThemeContext.Consumer, null, function (theme) {
             _this.theme = theme;
             return React.createElement("span", { "data-tid": 'InternalTextareaWithLayout' }, _this.renderLayout());
@@ -200,34 +187,47 @@ var InternalTextareaWithLayout = /** @class */ (function (_super) {
     InternalTextareaWithLayout.prototype.getTextareaSizeClassName = function () {
         switch (this.getProps().size) {
             case 'large':
-                return textareaStyles.textareaLarge;
+                return this.textareaStyles.textareaLarge(this.theme);
             case 'medium':
-                return textareaStyles.textareaMedium;
+                return this.textareaStyles.textareaMedium(this.theme);
             case 'small':
             default:
-                return textareaStyles.textareaSmall;
+                return this.textareaStyles.textareaSmall(this.theme);
         }
     };
     InternalTextareaWithLayout.prototype.getRootSizeClassName = function () {
         switch (this.getProps().size) {
             case 'large':
-                return textareaStyles.rootLarge;
+                return this.textareaStyles.rootLarge(this.theme);
             case 'medium':
-                return textareaStyles.rootMedium;
+                return this.textareaStyles.rootMedium(this.theme);
             case 'small':
             default:
-                return textareaStyles.rootSmall;
+                return this.textareaStyles.rootSmall(this.theme);
         }
     };
     Object.defineProperty(InternalTextareaWithLayout.prototype, "preparedTheme", {
         get: function () {
-            return getPreparedTheme(this.theme);
+            return ThemeFactory.create({
+                textareaBorderWidth: '0px',
+                textareaPaddingXSmall: '0px',
+                textareaPaddingXMedium: '0px',
+                textareaPaddingXLarge: '0px',
+                textareaPaddingYSmall: '0px',
+                textareaPaddingYMedium: '0px',
+                textareaPaddingYLarge: '0px',
+                textareaOutlineWidth: '0px',
+                textareaShadow: 'none',
+                textareaDisabledBg: 'transparent',
+                textareaBg: 'transparent',
+            }, this.theme);
         },
         enumerable: false,
         configurable: true
     });
     InternalTextareaWithLayout.__KONTUR_REACT_UI__ = 'InternalTextareaWithLayout';
     InternalTextareaWithLayout = __decorate([
+        withRenderEnvironment,
         rootNode
     ], InternalTextareaWithLayout);
     return InternalTextareaWithLayout;

package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalTextareaWithLayout.js","sourceRoot":"","sources":["InternalTextareaWithLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { InputDataTids, calculateClearCrossShowedState } from '../../components/Input/index.js';\nimport type { InputProps } from '../../components/Input/index.js';\nimport { styles as inputStyles } from '../../components/Input/Input.css.js';\nimport { InputLayout } from '../../components/Input/InputLayout/InputLayout.js';\nimport { DEFAULT_WIDTH, Textarea } from '../../components/Textarea/index.js';\nimport type { TextareaProps } from '../../components/Textarea/index.js';\nimport { styles as textareaStyles } from '../../components/Textarea/Textarea.css.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { isTestEnv } from '../../lib/currentEnvironment.js';\nimport { cx } from '../../lib/cx.js';\nimport { getRootNode, rootNode } from '../../lib/rootNode/index.js';\nimport { memoizeTheme } from '../../lib/theming/memoizeTheme.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\nimport { ClearCrossIcon } from '../ClearCrossIcon/ClearCrossIcon.js';\nimport { styles } from './InternalTextareaWithLayout.css.js';\n\nconst getPreparedTheme = memoizeTheme((theme: Theme) =>\n  ThemeFactory.create(\n    {\n      textareaBorderWidth: '0px',\n      textareaPaddingXSmall: '0px',\n      textareaPaddingXMedium: '0px',\n      textareaPaddingXLarge: '0px',\n      textareaPaddingYSmall: '0px',\n      textareaPaddingYMedium: '0px',\n      textareaPaddingYLarge: '0px',\n      textareaOutlineWidth: '0px',\n      textareaShadow: 'none',\n      textareaDisabledBg: 'transparent',\n      textareaBg: 'transparent',\n    },\n    theme,\n  ),\n);\n\ninterface InternalTextareaWithLayoutProps\n  extends TextareaProps, Pick<InputProps, 'leftIcon' | 'rightIcon' | 'align' | 'borderless' | 'showClearIcon'> {}\n\ninterface InternalTextareaWithLayoutState {\n  focused: boolean;\n  hovered: boolean;\n  clearCrossShowed: boolean;\n}\n\n@rootNode\nexport class InternalTextareaWithLayout extends React.Component<\n  InternalTextareaWithLayoutProps,\n  InternalTextareaWithLayoutState\n> {\n  public static __KONTUR_REACT_UI__ = 'InternalTextareaWithLayout';\n  private wrappedComponentRef = React.createRef<Textarea>();\n  private theme!: Theme;\n  private getProps = createPropsGetter(Textarea.defaultProps);\n\n  public componentDidUpdate(prevProps: Readonly<InternalTextareaWithLayoutProps>) {\n    const { focused, hovered } = this.state;\n    if (Boolean(prevProps.value) !== Boolean(this.props.value)) {\n      this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused, hovered }) });\n    }\n  }\n\n  private getClearCrossShowed = ({ focused, hovered }: { focused?: boolean; hovered?: boolean }): boolean => {\n    if (this.props.disabled) {\n      return false;\n    }\n    return calculateClearCrossShowedState({\n      showClearIcon: this.getProps().showClearIcon || 'never',\n      notEmptyValue: Boolean(this.props.value),\n      focused,\n      hovered,\n    });\n  };\n\n  public state: InternalTextareaWithLayoutState = {\n    focused: false,\n    hovered: false,\n    clearCrossShowed: this.getClearCrossShowed({ focused: false }),\n  };\n\n  public focus(): void {\n    this.wrappedComponentRef.current?.focus();\n  }\n  public blur(): void {\n    this.wrappedComponentRef.current?.blur();\n  }\n  public setSelectionRange(start: number, end: number) {\n    this.wrappedComponentRef.current?.setSelectionRange(start, end);\n  }\n  public selectAll() {\n    this.wrappedComponentRef.current?.selectAll();\n  }\n  public getNode() {\n    return this.wrappedComponentRef.current?.getNode();\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return <span data-tid={'InternalTextareaWithLayout'}>{this.renderLayout()}</span>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private getTextareaSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return textareaStyles.textareaLarge;\n      case 'medium':\n        return textareaStyles.textareaMedium;\n      case 'small':\n      default:\n        return textareaStyles.textareaSmall;\n    }\n  }\n\n  private getRootSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return textareaStyles.rootLarge;\n      case 'medium':\n        return textareaStyles.rootMedium;\n      case 'small':\n      default:\n        return textareaStyles.rootSmall;\n    }\n  }\n\n  private handleClearInput = () => {\n    if (this.wrappedComponentRef.current) {\n      this.wrappedComponentRef.current.clear();\n\n      if (!this.state.focused) {\n        this.wrappedComponentRef.current.focus();\n      }\n    }\n\n    if (this.props.onValueChange) {\n      this.props.onValueChange('');\n    }\n  };\n\n  private getRightIcon = () => {\n    const { size, rightIcon } = this.props;\n\n    return this.state.clearCrossShowed ? (\n      <ClearCrossIcon data-tid={InputDataTids.clearCross} size={size} onClick={this.handleClearInput} />\n    ) : (\n      rightIcon\n    );\n  };\n\n  private handleMouseEnter = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: true }) });\n  };\n\n  private handleMouseOut = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: false }) });\n  };\n\n  private renderLayout = () => {\n    const labelProps = {\n      className: cx(\n        styles.contentWrapper,\n        textareaStyles.textarea,\n        this.getTextareaSizeClassName(),\n        this.getRootSizeClassName(),\n        {\n          [styles.focus]: this.state.focused && !this.props.warning && !this.props.error,\n          [inputStyles.borderless]: this.props.borderless && !this.state.focused,\n          [textareaStyles.disabled]: this.props.disabled,\n          [textareaStyles.warning]: this.props.warning,\n          [textareaStyles.error]: this.props.error,\n        },\n      ),\n      style: { width: this.props.width || DEFAULT_WIDTH, minWidth: '0', position: 'relative' as const },\n      onMouseEnter: this.handleMouseEnter,\n      onMouseLeave: this.handleMouseOut,\n      onClick: this.handleLayoutClick,\n    };\n    return (\n      <InputLayout\n        leftIcon={this.props.leftIcon}\n        rightIcon={this.getRightIcon()}\n        labelProps={labelProps}\n        context={{ disabled: this.props.disabled, focused: this.state.focused, size: this.getProps().size }}\n        tag=\"span\"\n      >\n        {this.renderTextarea()}\n      </InputLayout>\n    );\n  };\n\n  private get preparedTheme(): Theme {\n    return getPreparedTheme(this.theme);\n  }\n\n  private renderTextarea = () => {\n    const { leftIcon, rightIcon, borderless, ...textareaProps } = this.props;\n    return (\n      <ThemeContext.Provider value={this.preparedTheme}>\n        <Textarea\n          {...(isTestEnv ? { spellCheck: false } : {})}\n          {...textareaProps}\n          width={'100%'}\n          ref={this.wrappedComponentRef}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n        />\n      </ThemeContext.Provider>\n    );\n  };\n\n  private handleLayoutClick = () => {\n    this.wrappedComponentRef.current?.focus();\n  };\n  private handleBlur = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n    if (getRootNode(this)?.contains(event.relatedTarget)) {\n      this.setState({ focused: false });\n    } else {\n      this.setState({\n        focused: false,\n        clearCrossShowed: this.getClearCrossShowed({ focused: false, hovered: this.state.hovered }),\n      });\n      this.props.onBlur?.(event);\n    }\n  };\n  private handleFocus = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n    this.setState({\n      focused: true,\n      clearCrossShowed: this.getClearCrossShowed({ focused: true, hovered: this.state.hovered }),\n    });\n    this.props.onFocus?.(event);\n  };\n}\n"]}
+{"version":3,"file":"InternalTextareaWithLayout.js","sourceRoot":"","sources":["InternalTextareaWithLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport React from 'react';\n\nimport { InputDataTids, calculateClearCrossShowedState } from '../../components/Input/index.js';\nimport type { InputProps } from '../../components/Input/index.js';\nimport { getStyles as getInputStyles } from '../../components/Input/Input.styles.js';\nimport { InputLayout } from '../../components/Input/InputLayout/InputLayout.js';\nimport { DEFAULT_WIDTH, Textarea } from '../../components/Textarea/index.js';\nimport type { TextareaProps } from '../../components/Textarea/index.js';\nimport { getStyles as getTextareaStyles } from '../../components/Textarea/Textarea.styles.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { isTestEnv } from '../../lib/currentEnvironment.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport { getRootNode, rootNode } from '../../lib/rootNode/index.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\nimport { ClearCrossIcon } from '../ClearCrossIcon/ClearCrossIcon.js';\nimport { getStyles } from './InternalTextareaWithLayout.styles.js';\n\ninterface InternalTextareaWithLayoutProps\n  extends TextareaProps, Pick<InputProps, 'leftIcon' | 'rightIcon' | 'align' | 'borderless' | 'showClearIcon'> {}\n\ninterface InternalTextareaWithLayoutState {\n  focused: boolean;\n  hovered: boolean;\n  clearCrossShowed: boolean;\n}\n\n@withRenderEnvironment\n@rootNode\nexport class InternalTextareaWithLayout extends React.Component<\n  InternalTextareaWithLayoutProps,\n  InternalTextareaWithLayoutState\n> {\n  public static __KONTUR_REACT_UI__ = 'InternalTextareaWithLayout';\n  private wrappedComponentRef = React.createRef<Textarea>();\n  private theme!: Theme;\n  private styles!: ReturnType<typeof getStyles>;\n  private inputStyles!: ReturnType<typeof getInputStyles>;\n  private textareaStyles!: ReturnType<typeof getTextareaStyles>;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private getProps = createPropsGetter(Textarea.defaultProps);\n\n  public componentDidUpdate(prevProps: Readonly<InternalTextareaWithLayoutProps>) {\n    const { focused, hovered } = this.state;\n    if (Boolean(prevProps.value) !== Boolean(this.props.value)) {\n      this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused, hovered }) });\n    }\n  }\n\n  private getClearCrossShowed = ({ focused, hovered }: { focused?: boolean; hovered?: boolean }): boolean => {\n    if (this.props.disabled) {\n      return false;\n    }\n    return calculateClearCrossShowedState({\n      showClearIcon: this.getProps().showClearIcon || 'never',\n      notEmptyValue: Boolean(this.props.value),\n      focused,\n      hovered,\n    });\n  };\n\n  public state: InternalTextareaWithLayoutState = {\n    focused: false,\n    hovered: false,\n    clearCrossShowed: this.getClearCrossShowed({ focused: false }),\n  };\n\n  public focus(): void {\n    this.wrappedComponentRef.current?.focus();\n  }\n  public blur(): void {\n    this.wrappedComponentRef.current?.blur();\n  }\n  public setSelectionRange(start: number, end: number) {\n    this.wrappedComponentRef.current?.setSelectionRange(start, end);\n  }\n  public selectAll() {\n    this.wrappedComponentRef.current?.selectAll();\n  }\n  public getNode() {\n    return this.wrappedComponentRef.current?.getNode();\n  }\n\n  public render() {\n    this.styles = getStyles(this.emotion);\n    this.inputStyles = getInputStyles(this.emotion);\n    this.textareaStyles = getTextareaStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return <span data-tid={'InternalTextareaWithLayout'}>{this.renderLayout()}</span>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private getTextareaSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return this.textareaStyles.textareaLarge(this.theme);\n      case 'medium':\n        return this.textareaStyles.textareaMedium(this.theme);\n      case 'small':\n      default:\n        return this.textareaStyles.textareaSmall(this.theme);\n    }\n  }\n\n  private getRootSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return this.textareaStyles.rootLarge(this.theme);\n      case 'medium':\n        return this.textareaStyles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return this.textareaStyles.rootSmall(this.theme);\n    }\n  }\n\n  private handleClearInput = () => {\n    if (this.wrappedComponentRef.current) {\n      this.wrappedComponentRef.current.clear();\n\n      if (!this.state.focused) {\n        this.wrappedComponentRef.current.focus();\n      }\n    }\n\n    if (this.props.onValueChange) {\n      this.props.onValueChange('');\n    }\n  };\n\n  private getRightIcon = () => {\n    const { size, rightIcon } = this.props;\n\n    return this.state.clearCrossShowed ? (\n      <ClearCrossIcon data-tid={InputDataTids.clearCross} size={size} onClick={this.handleClearInput} />\n    ) : (\n      rightIcon\n    );\n  };\n\n  private handleMouseEnter = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: true }) });\n  };\n\n  private handleMouseOut = () => {\n    this.setState({ clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: false }) });\n  };\n\n  private renderLayout = () => {\n    const labelProps = {\n      className: this.cx(\n        this.styles.contentWrapper(),\n        this.textareaStyles.textarea(this.theme),\n        this.getTextareaSizeClassName(),\n        this.getRootSizeClassName(),\n        {\n          [this.inputStyles.focus(this.theme)]: this.state.focused && !this.props.warning && !this.props.error,\n          [this.inputStyles.borderless()]: this.props.borderless && !this.state.focused,\n          [this.textareaStyles.disabled(this.theme)]: this.props.disabled,\n          [this.textareaStyles.warning(this.theme)]: this.props.warning,\n          [this.textareaStyles.error(this.theme)]: this.props.error,\n        },\n      ),\n      style: { width: this.props.width || DEFAULT_WIDTH, minWidth: '0', position: 'relative' as const },\n      onMouseEnter: this.handleMouseEnter,\n      onMouseLeave: this.handleMouseOut,\n      onClick: this.handleLayoutClick,\n    };\n    return (\n      <InputLayout\n        leftIcon={this.props.leftIcon}\n        rightIcon={this.getRightIcon()}\n        labelProps={labelProps}\n        context={{ disabled: this.props.disabled, focused: this.state.focused, size: this.getProps().size }}\n        tag=\"span\"\n      >\n        {this.renderTextarea()}\n      </InputLayout>\n    );\n  };\n\n  private get preparedTheme(): Theme {\n    return ThemeFactory.create(\n      {\n        textareaBorderWidth: '0px',\n        textareaPaddingXSmall: '0px',\n        textareaPaddingXMedium: '0px',\n        textareaPaddingXLarge: '0px',\n        textareaPaddingYSmall: '0px',\n        textareaPaddingYMedium: '0px',\n        textareaPaddingYLarge: '0px',\n        textareaOutlineWidth: '0px',\n        textareaShadow: 'none',\n        textareaDisabledBg: 'transparent',\n        textareaBg: 'transparent',\n      },\n      this.theme,\n    );\n  }\n\n  private renderTextarea = () => {\n    const { leftIcon, rightIcon, borderless, ...textareaProps } = this.props;\n    return (\n      <ThemeContext.Provider value={this.preparedTheme}>\n        <Textarea\n          {...(isTestEnv ? { spellCheck: false } : {})}\n          {...textareaProps}\n          width={'100%'}\n          ref={this.wrappedComponentRef}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n        />\n      </ThemeContext.Provider>\n    );\n  };\n\n  private handleLayoutClick = () => {\n    this.wrappedComponentRef.current?.focus();\n  };\n  private handleBlur = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n    if (getRootNode(this)?.contains(event.relatedTarget)) {\n      this.setState({ focused: false });\n    } else {\n      this.setState({\n        focused: false,\n        clearCrossShowed: this.getClearCrossShowed({ focused: false, hovered: this.state.hovered }),\n      });\n      this.props.onBlur?.(event);\n    }\n  };\n  private handleFocus = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n    this.setState({\n      focused: true,\n      clearCrossShowed: this.getClearCrossShowed({ focused: true, hovered: this.state.hovered }),\n    });\n    this.props.onFocus?.(event);\n  };\n}\n"]}

package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
+    contentWrapper(): string;
+}>;

package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.styles.js

@@ -0,0 +1,15 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
+export var getStyles = memoizeGetStyles(function (_a) {
+    var css = _a.css;
+    return ({
+        contentWrapper: function () {
+            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      display: inline-flex;\n      align-items: flex-start;\n    "], ["\n      display: inline-flex;\n      align-items: flex-start;\n    "])));
+        },
+    });
+});
+var templateObject_1;
+//# sourceMappingURL=InternalTextareaWithLayout.styles.js.map

package/internal/InternalTextareaWithLayout/InternalTextareaWithLayout.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalTextareaWithLayout.styles.js","sourceRoot":"","sources":["InternalTextareaWithLayout.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,cAAc;YACZ,OAAO,GAAG,wIAAA,qEAGT,KAAC;QACJ,CAAC;KACF,CAAC;AAP8D,CAO9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  contentWrapper() {\n    return css`\n      display: inline-flex;\n      align-items: flex-start;\n    `;\n  },\n}));\n"]}

package/internal/MaskCharLowLine/MaskCharLowLine.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import { styles } from './MaskCharLowLine.css.js';
+import { useStyles } from '../../lib/renderEnvironment/index.js';
+import { getStyles } from './MaskCharLowLine.styles.js';
 /**
  * FIGURE SPACE
  *
@@ -9,6 +10,7 @@ import { styles } from './MaskCharLowLine.css.js';
  */
 export var MASK_CHAR_EXEMPLAR = String.fromCharCode(0x2007);
 export var MaskCharLowLine = function () {
-    return React.createElement("span", { className: styles.root }, MASK_CHAR_EXEMPLAR);
+    var styles = useStyles(getStyles);
+    return React.createElement("span", { className: styles.root() }, MASK_CHAR_EXEMPLAR);
 };
 //# sourceMappingURL=MaskCharLowLine.js.map

package/internal/MaskCharLowLine/MaskCharLowLine.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaskCharLowLine.js","sourceRoot":"","sources":["MaskCharLowLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD;;;;;;GAMG;AACH,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;AAE9D,MAAM,CAAC,IAAM,eAAe,GAAG;IAC7B,OAAO,8BAAM,SAAS,EAAE,MAAM,CAAC,IAAI,IAAG,kBAAkB,CAAQ,CAAC;AACnE,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { styles } from './MaskCharLowLine.css.js';\n\n/**\n * FIGURE SPACE\n *\n * space equal to tabular width of a font this is equivalent to the digit width of fonts with fixed-width digits\n *\n * @see http://www.fileformat.info/info/unicode/char/2007/index.htm\n */\nexport const MASK_CHAR_EXEMPLAR = String.fromCharCode(0x2007);\n\nexport const MaskCharLowLine = () => {\n  return <span className={styles.root}>{MASK_CHAR_EXEMPLAR}</span>;\n};\n"]}
+{"version":3,"file":"MaskCharLowLine.js","sourceRoot":"","sources":["MaskCharLowLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD;;;;;;GAMG;AACH,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;AAE9D,MAAM,CAAC,IAAM,eAAe,GAAG;IAC7B,IAAM,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,OAAO,8BAAM,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,IAAG,kBAAkB,CAAQ,CAAC;AACrE,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { useStyles } from '../../lib/renderEnvironment/index.js';\nimport { getStyles } from './MaskCharLowLine.styles.js';\n\n/**\n * FIGURE SPACE\n *\n * space equal to tabular width of a font this is equivalent to the digit width of fonts with fixed-width digits\n *\n * @see http://www.fileformat.info/info/unicode/char/2007/index.htm\n */\nexport const MASK_CHAR_EXEMPLAR = String.fromCharCode(0x2007);\n\nexport const MaskCharLowLine = () => {\n  const styles = useStyles(getStyles);\n  return <span className={styles.root()}>{MASK_CHAR_EXEMPLAR}</span>;\n};\n"]}

package/internal/MaskCharLowLine/MaskCharLowLine.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
+    root(): string;
+}>;

package/internal/MaskCharLowLine/MaskCharLowLine.styles.js

@@ -0,0 +1,15 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
+export var getStyles = memoizeGetStyles(function (_a) {
+    var css = _a.css;
+    return ({
+        root: function () {
+            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      position: relative;\n\n      &:after {\n        content: '';\n        position: absolute;\n        width: calc(100% - 0.1em);\n        height: 1px;\n        left: 0.05em;\n        bottom: 0.11em;\n        border-bottom: solid 0.05em;\n      }\n    "], ["\n      position: relative;\n\n      &:after {\n        content: '';\n        position: absolute;\n        width: calc(100% - 0.1em);\n        height: 1px;\n        left: 0.05em;\n        bottom: 0.11em;\n        border-bottom: solid 0.05em;\n      }\n    "])));
+        },
+    });
+});
+var templateObject_1;
+//# sourceMappingURL=MaskCharLowLine.styles.js.map

package/internal/MaskCharLowLine/MaskCharLowLine.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaskCharLowLine.styles.js","sourceRoot":"","sources":["MaskCharLowLine.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QAC/D,IAAI;YACF,OAAO,GAAG,qUAAA,kQAYT,KAAC;QACJ,CAAC;KACF,CAAC;AAhB8D,CAgB9D,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root() {\n    return css`\n      position: relative;\n\n      &:after {\n        content: '';\n        position: absolute;\n        width: calc(100% - 0.1em);\n        height: 1px;\n        left: 0.05em;\n        bottom: 0.11em;\n        border-bottom: solid 0.05em;\n      }\n    `;\n  },\n}));\n"]}

package/internal/Menu/Menu.d.ts

@@ -49,6 +49,9 @@ export declare class Menu extends React.PureComponent<MenuProps, MenuState> {
     private getProps;
     state: MenuState;
     private globalObject;
+    private emotion;
+    private cx;
+    private styles;
     private theme;
     private scrollContainer;
     private isMobileLayout;