@skbkontur/react-ui 1.12.2 → 2.0.0-beta.4

package/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["Input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../components/Input/Input.tsx"],"names":[],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\nimport invariant from 'invariant';\nimport type { AriaAttributes, ClassAttributes, HTMLAttributes, JSX, ReactElement } from 'react';\nimport React, { createRef } from 'react';\nimport warning from 'warning';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { isKeyBackspace, isKeyDelete, someKeys } from '../../lib/events/keyboard/identifiers.js';\nimport type { Override } from '../../typings/utility-types.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { getRootNode, rootNode } from '../../lib/rootNode/index.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper/index.js';\nimport { ClearCrossIcon } from '../../internal/ClearCrossIcon/ClearCrossIcon.js';\nimport { catchUnreachableWarning } from '../../lib/typeGuards.js';\nimport { blink } from '../../lib/blink.js';\nimport { withSize } from '../../lib/size/SizeDecorator.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\n\nimport type { InputElement, InputElementProps } from './Input.typings.js';\nimport { getStyles } from './Input.styles.js';\nimport { InputLayout } from './InputLayout/InputLayout.js';\n\nexport const inputTypes = ['password', 'text', 'number', 'tel', 'search', 'time', 'date', 'url', 'email'] as const;\n\nexport type InputAlign = 'left' | 'center' | 'right';\nexport type ShowClearIcon = 'auto' | 'always' | 'never';\nexport type InputType = (typeof inputTypes)[number];\nexport type InputIconType = React.ReactNode | (() => React.ReactNode);\n\nexport const selectionAllowedTypes: InputType[] = ['text', 'password', 'tel', 'search', 'url'];\nexport const selectionErrorMessage = (type: InputType, allowedTypes: InputType[] = selectionAllowedTypes): string => {\n  return `<Input />. Selection is not supported by the type \"${type}\". Types that support selection: ${allowedTypes\n    .map((i) => `\"${i}\"`)\n    .join(', ')}. Reason: https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange.`;\n};\n\nexport const calculateClearCrossShowedState = ({\n  showClearIcon,\n  notEmptyValue,\n  focused,\n  hovered,\n}: {\n  showClearIcon: ShowClearIcon;\n  notEmptyValue: boolean;\n  focused?: boolean;\n  hovered?: boolean;\n}): boolean => {\n  switch (showClearIcon) {\n    case 'always':\n      return notEmptyValue;\n    case 'auto':\n      return Boolean((focused || hovered) && notEmptyValue);\n    case 'never':\n      return false;\n    default:\n      return catchUnreachableWarning(showClearIcon, false);\n  }\n};\n\nexport interface InputProps\n  extends CommonProps,\n    Pick<HTMLAttributes<unknown>, 'role'>,\n    Pick<AriaAttributes, 'aria-describedby' | 'aria-controls' | 'aria-label'>,\n    Override<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      {\n        /** Показывает иконку очистки значения в заполненном поле.\n         * @default never */\n        showClearIcon?: ShowClearIcon;\n\n        /** Добавляет иконку слева.\n         * При использовании `ReactNode` применяются дефолтные стили для иконки.\n         * При использовании `() => ReactNode` применяются только стили для позиционирования. */\n        leftIcon?: InputIconType;\n\n        /** Добавляет иконку справа.\n         * При использовании `ReactNode` применяются дефолтные стили для иконки.\n         * При использовании `() => ReactNode` применяются только стили для позиционирования. */\n        rightIcon?: InputIconType;\n\n        /** Меняет визуальное отображение поля на состояние «ошибка». Может быть полезен при разработке собственной валидации, если вы не используете пакет [React UI Validations](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui-validations_displaying-getting-started--docs). */\n        error?: boolean;\n\n        /** Меняет визуальное отображение поля на состояние «предупреждение». Может быть полезен при разработке собственной валидации, если вы не используете пакет [React UI Validations](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui-validations_displaying-getting-started--docs). */\n        warning?: boolean;\n\n        /** Убирает обводку поля. */\n        borderless?: boolean;\n\n        /** Выравнивает контент внутри поля. */\n        align?: InputAlign;\n\n        /** Размер поля.\n         * @default small\n         */\n        size?: SizeProp;\n\n        /** Событие изменения значения `value` в поле. */\n        onValueChange?: (value: string) => void;\n\n        /** @ignore */\n        onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\n\n        /** @ignore */\n        onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\n\n        /** @ignore */\n        onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\n\n        /** Тип поля ввода. */\n        type?: InputType;\n\n        /** Значение внутри поля. */\n        value?: string;\n\n        /** Устанавливает префикс `ReactNode` перед значением, но после иконки. */\n        prefix?: React.ReactNode;\n\n        /** Устанавливает суффикс `ReactNode` после значения, но перед правой иконкой. */\n        suffix?: React.ReactNode;\n\n        /** Выделяет введённое значение при фокусе в поле. Работает с типами `text`, `password`, `tel`, `search`, `url`. */\n        selectAllOnFocus?: boolean;\n\n        /** Устанавливает обработчик на случай некорректного ввода.\n         * Если передан onUnexpectedInput, он будет вызван при ошибке, а эффект мигания можно запустить вручную через публичный метод blink.\n         * @param {string} value - значение поля. */\n        onUnexpectedInput?: (value: string) => void;\n\n        /** Устанавливает радиус скруглений углов.\n         * @ignore */\n        corners?: Partial<\n          Pick<\n            React.CSSProperties,\n            'borderTopRightRadius' | 'borderBottomRightRadius' | 'borderBottomLeftRadius' | 'borderTopLeftRadius'\n          >\n        >;\n\n        /** Устанавливает элемент, заменяющий нативный input. Должен иметь пропсы `InputElementProps` и тип `InputElement`. */\n        element?: ReactElement<InputElementProps>;\n      }\n    > {}\n\nexport interface InputState {\n  focused: boolean;\n  hovered: boolean;\n  clearCrossShowed: boolean;\n}\n\nexport const InputDataTids = {\n  root: 'Input__root',\n  clearCross: 'Input__clearCross',\n} as const;\n\ntype DefaultProps = Required<Pick<InputProps, 'type' | 'showClearIcon'>>;\n\n/**\n * Поле ввода позволяет ввести или отредактировать значение.\n */\n@withRenderEnvironment\n@rootNode\n@withSize\nexport class Input extends React.Component<InputProps, InputState> {\n  public static __KONTUR_REACT_UI__ = 'Input';\n  public static displayName = 'Input';\n\n  public static defaultProps: DefaultProps = {\n    type: 'text',\n    showClearIcon: 'never',\n  };\n  private size!: SizeProp;\n\n  private getProps = createPropsGetter(Input.defaultProps);\n\n  private selectAllId: number | null = null;\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 input: HTMLInputElement | null = null;\n  public labelRef = createRef<HTMLLabelElement>();\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  private getClearCrossShowed = ({\n    focused,\n    hovered,\n    hasInitialValue,\n  }: {\n    focused?: boolean;\n    hovered?: boolean;\n    hasInitialValue?: boolean;\n  }): boolean => {\n    if (this.props.disabled) {\n      return false;\n    }\n    return calculateClearCrossShowedState({\n      showClearIcon: this.getProps().showClearIcon,\n      notEmptyValue: Boolean(this.input?.value || hasInitialValue),\n      focused,\n      hovered,\n    });\n  };\n\n  public state: InputState = {\n    focused: false,\n    hovered: false,\n    clearCrossShowed: this.getClearCrossShowed({\n      focused: false,\n      hasInitialValue: Boolean(this.props.value || this.props.defaultValue),\n    }),\n  };\n\n  public componentWillUnmount() {\n    this.cancelDelayedSelectAll();\n  }\n\n  /** Программно устанавливает фокус на поле.\n   * Появляется фокусная рамка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.\n   * @public\n   */\n  public focus(): void {\n    invariant(this.input, 'Cannot call \"focus\" because Input is not mounted');\n    this.input.focus();\n  }\n\n  /** Программно снимает фокус с поля.\n   * @public\n   */\n  public blur(): void {\n    invariant(this.input, 'Cannot call \"blur\" because Input is not mounted');\n    this.input.blur();\n  }\n\n  /** Возвращает DOM-узел поля ввода.\n   * @public\n   */\n  public getNode(): HTMLInputElement | null {\n    return this.input;\n  }\n\n  /** Кратковременно визуально подсвечивает поле ввода, чтобы привлечь внимание пользователя.\n   * @public\n   */\n  public blink(): void {\n    blink({ el: this.labelRef.current, blinkColor: this.theme.inputBlinkColor });\n  }\n\n  /** start - инициирует последовательное изменение числового значения: начинает повторяющееся увеличение/уменьшение, обычно используется при удерживании кнопки «+» или «−» для числового Input. end - останавливает ранее запущенное числоизменение, инициируемое numberStart.\n   * [Документация](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange)\n   * @public\n   * @param {number} start\n   * @param {number} end\n   */\n  public setSelectionRange(start: number, end: number): void {\n    // https://github.com/facebook/react/issues/7769\n    // https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange\n    if (!selectionAllowedTypes.includes(this.getProps().type)) {\n      warning(false, selectionErrorMessage(this.getProps().type));\n\n      return;\n    }\n\n    if (!this.input) {\n      warning(false, 'Cannot call \"setSelectionRange\" on unmounted Input');\n      return;\n    }\n\n    if (this.globalObject.document?.activeElement !== this.input) {\n      this.focus();\n    }\n\n    this.input?.setSelectionRange(start, end);\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            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  /**\n   * Переводит фокус в поле (если ещё не в фокусе) и выделяет весь текст в нём.\n   * Работает с типами `text`, `password`, `tel`, `search`, `url`.\n   * @public\n   */\n  public selectAll = (): void => this._selectAll();\n\n  public delaySelectAll = (): number | null => {\n    return (this.selectAllId = this.globalObject.requestAnimationFrame?.(this._selectAll) ?? null);\n  };\n\n  private _selectAll = (): void => {\n    if (this.input) {\n      this.setSelectionRange(0, this.input.value.length);\n    }\n  };\n\n  private cancelDelayedSelectAll = (): void => {\n    if (this.selectAllId) {\n      this.globalObject.cancelAnimationFrame?.(this.selectAllId);\n      this.selectAllId = null;\n    }\n  };\n\n  private getInput = (inputProps: InputElementProps & ClassAttributes<HTMLInputElement>) => {\n    if (this.props.element) {\n      return React.cloneElement(this.props.element, inputProps);\n    }\n\n    return React.createElement('input', inputProps);\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<InputProps>) => {\n    const {\n      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n      onKeyDown,\n      onKeyPress,\n      onValueChange,\n      width,\n      error,\n      role,\n      warning,\n      leftIcon,\n      rightIcon,\n      borderless,\n      value,\n      align,\n      type,\n      size,\n      placeholder,\n      selectAllOnFocus,\n      disabled,\n      onUnexpectedInput,\n      prefix,\n      suffix,\n      corners,\n      'aria-describedby': ariaDescribedby,\n      'aria-controls': ariaControls,\n      'aria-label': ariaLabel,\n      element,\n      showClearIcon,\n      ...rest\n    } = props;\n\n    const { focused } = this.state;\n\n    const labelProps = {\n      className: this.cx(this.styles.root(this.theme), this.getSizeClassName(), {\n        [this.styles.focus(this.theme)]: focused && !warning && !error,\n        [this.styles.hovering(this.theme)]: !focused && !disabled && !warning && !error && !borderless,\n        [this.styles.borderless()]: borderless && !focused,\n        [this.styles.disabled(this.theme)]: disabled,\n        [this.styles.warning(this.theme)]: warning,\n        [this.styles.error(this.theme)]: error,\n      }),\n      'aria-controls': ariaControls,\n      style: { width, ...corners },\n      onMouseEnter: this.handleMouseEnter,\n      onMouseLeave: this.handleMouseLeave,\n      onMouseOver,\n      ref: this.labelRef,\n    };\n\n    const inputProps: InputElementProps & ClassAttributes<HTMLInputElement> = {\n      ...rest,\n      className: this.cx(this.styles.input(this.theme), {\n        [this.styles.inputFocus(this.theme)]: focused,\n        [this.styles.inputDisabled(this.theme)]: disabled,\n      }),\n      value,\n      role,\n      onChange: this.handleChange,\n      onFocus: this.handleFocus,\n      onKeyDown: this.handleKeyDown,\n      onKeyPress: this.handleKeyPress,\n      onBlur: this.handleBlur,\n      style: { textAlign: align },\n      ref: this.refInput,\n      type,\n      placeholder,\n      disabled,\n      'aria-describedby': ariaDescribedby,\n      'aria-label': ariaLabel,\n    };\n\n    const input = (\n      <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>{this.getInput(inputProps)}</FocusControlWrapper>\n    );\n\n    const getRightIcon = () => {\n      return this.state.clearCrossShowed ? (\n        <ClearCrossIcon data-tid={InputDataTids.clearCross} size={this.size} onClick={this.handleClearInput} />\n      ) : (\n        rightIcon\n      );\n    };\n    return (\n      <InputLayout\n        leftIcon={leftIcon}\n        rightIcon={getRightIcon()}\n        prefix={prefix}\n        suffix={suffix}\n        labelProps={labelProps}\n        context={{ disabled: Boolean(disabled), focused, size: this.size }}\n      >\n        {input}\n      </InputLayout>\n    );\n  };\n\n  private getSizeClassName() {\n    switch (this.size) {\n      case 'large':\n        return this.cx({\n          [this.styles.sizeLarge(this.theme)]: true,\n        });\n      case 'medium':\n        return this.cx({\n          [this.styles.sizeMedium(this.theme)]: true,\n        });\n      case 'small':\n      default:\n        return this.cx({\n          [this.styles.sizeSmall(this.theme)]: true,\n        });\n    }\n  }\n\n  private refInput = (element: HTMLInputElement | InputElement | null) => {\n    if (element && 'input' in element) {\n      this.input = element.input;\n    } else {\n      this.input = element;\n    }\n  };\n\n  private handleClearInput = () => {\n    if (this.input) {\n      this.input.value = '';\n    }\n\n    this.setState({ clearCrossShowed: false });\n\n    if (this.props.onValueChange) {\n      this.props.onValueChange('');\n    }\n  };\n\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(event.target.value);\n    }\n\n    if (this.props.onChange) {\n      this.props.onChange(event);\n    }\n\n    const clearCrossShowed = this.getClearCrossShowed({ focused: this.state.focused, hovered: this.state.hovered });\n\n    if (this.state.clearCrossShowed !== clearCrossShowed) {\n      this.setState({\n        clearCrossShowed,\n      });\n    }\n  };\n\n  private handleMouseEnter = (e: React.MouseEvent<HTMLLabelElement, MouseEvent>) => {\n    this.setState({\n      hovered: true,\n      clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: true }),\n    });\n    if (this.props.onMouseEnter) {\n      this.props.onMouseEnter(e);\n    }\n  };\n  private handleMouseLeave = (e: React.MouseEvent<HTMLLabelElement, MouseEvent>) => {\n    this.setState({\n      hovered: false,\n      clearCrossShowed: this.getClearCrossShowed({ focused: this.state.focused, hovered: false }),\n    });\n    if (this.props.onMouseLeave) {\n      this.props.onMouseLeave(e);\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.setState({\n      focused: true,\n      clearCrossShowed: this.getClearCrossShowed({ focused: true, hovered: this.state.hovered }),\n    });\n\n    if (this.props.selectAllOnFocus) {\n      this.input && this.selectAll();\n    }\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e);\n    }\n\n    const isDeleteKey = someKeys(isKeyBackspace, isKeyDelete)(e);\n\n    if (!e.currentTarget.value && isDeleteKey && !e.repeat) {\n      this.handleUnexpectedInput();\n    }\n  };\n\n  private handleKeyPress = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (this.props.onKeyPress) {\n      this.props.onKeyPress(event);\n    }\n\n    if (this.props.maxLength === event.currentTarget.value.length) {\n      this.handleUnexpectedInput(event.currentTarget.value);\n    }\n  };\n\n  private handleUnexpectedInput = (value: string = this.props.value || '') => {\n    if (this.props.onUnexpectedInput) {\n      this.props.onUnexpectedInput(value);\n    } else {\n      this.blink();\n    }\n  };\n\n  private resetFocus = () => this.setState({ focused: false });\n\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    const showClearIcon = this.props.showClearIcon;\n    if (showClearIcon && getRootNode(this)?.contains(event.relatedTarget)) {\n      this.setState({ focused: false });\n    } else {\n      const clearCrossShowed = this.getClearCrossShowed({ focused: false, hovered: this.state.hovered });\n      this.setState({\n        focused: false,\n        clearCrossShowed,\n      });\n      this.props.onBlur?.(event);\n    }\n  };\n}\n"]}

package/components/Input/Input.styles.d.ts

@@ -1,18 +1,21 @@
-import { ITheme } from '../../lib/theming/Theme';
-declare const jsClasses: {
-    root(t: ITheme): string;
-    useDefaultColor(t: ITheme): string;
-    focus(t: ITheme): string;
-    placeholder(t: ITheme): string;
-    input(t: ITheme): string;
-    warning(t: ITheme): string;
-    error(t: ITheme): string;
-    disabled(t: ITheme): string;
-    blink(t: ITheme): string;
-    sizeSmall(t: ITheme): string;
-    sizeMedium(t: ITheme): string;
-    sizeLarge(t: ITheme): string;
-    prefix(t: ITheme): string;
-    suffix(t: ITheme): string;
-};
-export default jsClasses;
+import type { Theme } from '../../lib/theming/Theme.js';
+export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
+    wrapper(): string;
+    root(t: Theme): string;
+    hovering(t: Theme): string;
+    borderless(): string;
+    focus(t: Theme): string;
+    placeholder(t: Theme): string;
+    placeholderFocus(t: Theme): string;
+    placeholderDisabled(t: Theme): string;
+    input(t: Theme): string;
+    inputFocus(t: Theme): string;
+    inputDisabled(t: Theme): string;
+    warning(t: Theme): string;
+    error(t: Theme): string;
+    disabled(t: Theme): string;
+    sizeSmall(t: Theme): string;
+    sizeMedium(t: Theme): string;
+    sizeLarge(t: Theme): string;
+    hideBlinkingCursor(): string;
+}>;

package/components/Input/Input.styles.js

@@ -1,54 +1,68 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var Emotion_1 = require("../../lib/theming/Emotion");
-var Input_module_less_1 = tslib_1.__importDefault(require("./Input.module.css"));
-var DimensionFunctions_1 = tslib_1.__importDefault(require("../../lib/styles/DimensionFunctions"));
-var Mixins_1 = require("../../lib/styles/Mixins");
-var jsClasses = {
-  root: function root(t) {
-    return Emotion_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n      ", ";\n\n      width: 250px;\n      color: ", ";\n      background-color: ", ";\n      box-shadow: ", ";\n      border: ", " solid ", ";\n      border-top-color: ", ";\n    "], ["\n      ", ";\n\n      width: 250px;\n      color: ", ";\n      background-color: ", ";\n      box-shadow: ", ";\n      border: ", " solid ", ";\n      border-top-color: ", ";\n    "])), Mixins_1.resetText(), t.inputColor, t.inputBg, t.inputShadow, t.inputBorderWidth, t.borderColorGrayLight, t.inputBorderTopColor);
-  },
-  useDefaultColor: function useDefaultColor(t) {
-    return Emotion_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n      .", "&, .", "& {\n        color: ", ";\n      }\n    "], ["\n      .", "&, .", "& {\n        color: ", ";\n      }\n    "])), Input_module_less_1["default"].leftIcon, Input_module_less_1["default"].rightIcon, t.inputIconColor);
-  },
-  focus: function focus(t) {
-    return Emotion_1.css(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n      .", "& {\n        border-color: ", ";\n        box-shadow: ", ";\n      }\n      .rt-ie-any .", "& {\n        outline: 1px solid ", ";\n      }\n    "], ["\n      .", "& {\n        border-color: ", ";\n        box-shadow: ", ";\n      }\n      .rt-ie-any .", "& {\n        outline: 1px solid ", ";\n      }\n    "])), Input_module_less_1["default"].root, t.borderColorFocus, t.inputFocusShadow, Input_module_less_1["default"].root, t.inputFocusOutline);
-  },
-  placeholder: function placeholder(t) {
-    return Emotion_1.css(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n      color: ", ";\n\n      .", ".", " & {\n        color: ", ";\n      }\n    "], ["\n      color: ", ";\n\n      .", ".", " & {\n        color: ", ";\n      }\n    "])), t.placeholderColor, Input_module_less_1["default"].root, Input_module_less_1["default"].focus, t.placeholderColorLight);
-  },
-  input: function input(t) {
-    return Emotion_1.css(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n      color: ", ";\n\n      .", ".", " &:-moz-placeholder {\n        color: ", ";\n      }\n      .", ".", " &::-moz-placeholder {\n        color: ", ";\n      }\n      .", ".", " &::placeholder {\n        color: ", ";\n      }\n      .", ".", " & {\n        color: ", ";\n      }\n      .", ".", " &:-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      .", ".", " &::-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      .", ".", " &::placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      &:-moz-placeholder {\n        color: ", ";\n      }\n      &::-moz-placeholder {\n        color: ", ";\n      }\n      &::placeholder {\n        color: ", ";\n      }\n    "], ["\n      color: ", ";\n\n      .", ".", " &:-moz-placeholder {\n        color: ", ";\n      }\n      .", ".", " &::-moz-placeholder {\n        color: ", ";\n      }\n      .", ".", " &::placeholder {\n        color: ", ";\n      }\n      .", ".", " & {\n        color: ", ";\n      }\n      .", ".", " &:-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      .", ".", " &::-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      .", ".", " &::placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      &:-moz-placeholder {\n        color: ", ";\n      }\n      &::-moz-placeholder {\n        color: ", ";\n      }\n      &::placeholder {\n        color: ", ";\n      }\n    "])), t.inputTextColor, Input_module_less_1["default"].root, Input_module_less_1["default"].focus, t.placeholderColorLight, Input_module_less_1["default"].root, Input_module_less_1["default"].focus, t.placeholderColorLight, Input_module_less_1["default"].root, Input_module_less_1["default"].focus, t.placeholderColorLight, Input_module_less_1["default"].root, Input_module_less_1["default"].disabled, t.textColorDisabled, Input_module_less_1["default"].root, Input_module_less_1["default"].disabled, t.placeholderColor, Input_module_less_1["default"].root, Input_module_less_1["default"].disabled, t.placeholderColor, Input_module_less_1["default"].root, Input_module_less_1["default"].disabled, t.placeholderColor, t.placeholderColor, t.placeholderColor, t.placeholderColor);
-  },
-  warning: function warning(t) {
-    return Emotion_1.css(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["\n      .", "& {\n        border-color: ", ";\n        box-shadow: 0 0 0 1px ", ";\n      }\n      .rt-ie-any .", "& {\n        outline: 1px solid ", ";\n      }\n    "], ["\n      .", "& {\n        border-color: ", ";\n        box-shadow: 0 0 0 1px ", ";\n      }\n      .rt-ie-any .", "& {\n        outline: 1px solid ", ";\n      }\n    "])), Input_module_less_1["default"].root, t.borderColorWarning, t.borderColorWarning, Input_module_less_1["default"].root, t.borderColorWarning);
-  },
-  error: function error(t) {
-    return Emotion_1.css(templateObject_7 || (templateObject_7 = tslib_1.__makeTemplateObject(["\n      .", "& {\n        border-color: ", ";\n        box-shadow: 0 0 0 1px ", ";\n      }\n      .rt-ie-any .", "& {\n        outline: 1px solid ", ";\n      }\n    "], ["\n      .", "& {\n        border-color: ", ";\n        box-shadow: 0 0 0 1px ", ";\n      }\n      .rt-ie-any .", "& {\n        outline: 1px solid ", ";\n      }\n    "])), Input_module_less_1["default"].root, t.borderColorError, t.borderColorError, Input_module_less_1["default"].root, t.borderColorError);
-  },
-  disabled: function disabled(t) {
-    return Emotion_1.css(templateObject_8 || (templateObject_8 = tslib_1.__makeTemplateObject(["\n      .", "& {\n        background: ", ";\n        border-color: ", ";\n      }\n    "], ["\n      .", "& {\n        background: ", ";\n        border-color: ", ";\n      }\n    "])), Input_module_less_1["default"].root, t.inputDisabledBg, t.inputDisabledBorderColor);
-  },
-  blink: function blink(t) {
-    var blinkAnimation = Emotion_1.keyframes(templateObject_9 || (templateObject_9 = tslib_1.__makeTemplateObject(["\n    0% {\n      background-color: ", ";\n    }\n  "], ["\n    0% {\n      background-color: ", ";\n    }\n  "])), t.blinkColor);
-    return Emotion_1.css(templateObject_10 || (templateObject_10 = tslib_1.__makeTemplateObject(["\n      .", "& {\n        animation: ", " 0.15s ease-in;\n      }\n    "], ["\n      .", "& {\n        animation: ", " 0.15s ease-in;\n      }\n    "])), Input_module_less_1["default"].root, blinkAnimation);
-  },
-  sizeSmall: function sizeSmall(t) {
-    return Emotion_1.css(templateObject_11 || (templateObject_11 = tslib_1.__makeTemplateObject(["\n      font-size: ", ";\n      line-height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      height: ", ";\n\n      .rt-ie-any & {\n        padding-top: ", ";\n        padding-bottom: ", ";\n        line-height: normal;\n      }\n    "], ["\n      font-size: ", ";\n      line-height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      height: ", ";\n\n      .rt-ie-any & {\n        padding-top: ", ";\n        padding-bottom: ", ";\n        line-height: normal;\n      }\n    "])), t.inputFontSizeSmall, t.controlLineHeightSmall, t.controlPaddingYSmall, t.controlPaddingYSmall, t.controlHeightSmall, DimensionFunctions_1["default"].shift(t.controlPaddingYSmall, '-1'), DimensionFunctions_1["default"].shift(t.controlPaddingYSmall, '1'));
-  },
-  sizeMedium: function sizeMedium(t) {
-    return Emotion_1.css(templateObject_12 || (templateObject_12 = tslib_1.__makeTemplateObject(["\n      font-size: ", ";\n      line-height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      height: ", ";\n\n      .rt-ie-any & {\n        padding-top: ", ";\n        padding-bottom: ", ";\n        line-height: normal;\n      }\n    "], ["\n      font-size: ", ";\n      line-height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      height: ", ";\n\n      .rt-ie-any & {\n        padding-top: ", ";\n        padding-bottom: ", ";\n        line-height: normal;\n      }\n    "])), t.inputFontSizeMedium, t.controlLineHeightMedium, t.controlPaddingYMedium, t.controlPaddingYMedium, t.controlHeightMedium, DimensionFunctions_1["default"].shift(t.controlPaddingYMedium, '-1'), DimensionFunctions_1["default"].shift(t.controlPaddingYMedium, '1'));
-  },
-  sizeLarge: function sizeLarge(t) {
-    return Emotion_1.css(templateObject_13 || (templateObject_13 = tslib_1.__makeTemplateObject(["\n      font-size: ", ";\n      line-height: ", ";\n      height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n\n      .rt-ie-any & {\n        padding-top: ", ";\n        padding-bottom: ", ";\n        line-height: normal;\n      }\n    "], ["\n      font-size: ", ";\n      line-height: ", ";\n      height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n\n      .rt-ie-any & {\n        padding-top: ", ";\n        padding-bottom: ", ";\n        line-height: normal;\n      }\n    "])), t.inputFontSizeLarge, t.controlLineHeightLarge, t.controlHeightLarge, DimensionFunctions_1["default"].shift(t.controlPaddingYLarge, '-1'), DimensionFunctions_1["default"].shift(t.controlPaddingYLarge, '1'), DimensionFunctions_1["default"].shift(t.controlPaddingYLarge, '-2'), DimensionFunctions_1["default"].shift(t.controlPaddingYLarge, '2'));
-  },
-  prefix: function prefix(t) {
-    return Emotion_1.css(templateObject_14 || (templateObject_14 = tslib_1.__makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), t.placeholderColor);
-  },
-  suffix: function suffix(t) {
-    return Emotion_1.css(templateObject_15 || (templateObject_15 = tslib_1.__makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), t.placeholderColor);
-  } };
-
-exports["default"] = jsClasses;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_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';
+import { shift } from '../../lib/styles/DimensionFunctions.js';
+import { resetText } from '../../lib/styles/Mixins.js';
+export var getStyles = memoizeGetStyles(function (_a) {
+    var css = _a.css;
+    return ({
+        wrapper: function () {
+            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      align-items: center;\n      display: flex;\n      margin: 0;\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &::before {\n        content: '\\A0';\n        display: inline-block;\n        width: 0;\n      }\n    "], ["\n      align-items: center;\n      display: flex;\n      margin: 0;\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &::before {\n        content: '\\\\A0';\n        display: inline-block;\n        width: 0;\n      }\n    "])));
+        },
+        root: function (t) {
+            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      ", ";\n\n      align-items: center;\n      background-clip: ", ";\n      background-color: ", ";\n      border: ", " solid ", ";\n      border-top-color: ", ";\n      transition: border-color ", " ", ";\n      box-shadow: ", ";\n      box-sizing: border-box;\n      color: ", ";\n      cursor: text;\n      display: inline-flex;\n      outline: none;\n      position: relative;\n      width: ", ";\n\n      & * {\n        box-sizing: border-box;\n      }\n    "], ["\n      ", ";\n\n      align-items: center;\n      background-clip: ", ";\n      background-color: ", ";\n      border: ", " solid ", ";\n      border-top-color: ", ";\n      transition: border-color ", " ", ";\n      box-shadow: ", ";\n      box-sizing: border-box;\n      color: ", ";\n      cursor: text;\n      display: inline-flex;\n      outline: none;\n      position: relative;\n      width: ", ";\n\n      & * {\n        box-sizing: border-box;\n      }\n    "])), resetText(), t.inputBackgroundClip, t.inputBg, t.inputBorderWidth, t.inputBorderColor, t.inputBorderTopColor, t.transitionDuration, t.transitionTimingFunction, t.inputShadow, t.inputColor, t.inputWidth);
+        },
+        hovering: function (t) {
+            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      &:hover {\n        border-color: ", ";\n      }\n    "], ["\n      &:hover {\n        border-color: ", ";\n      }\n    "])), t.inputBorderColorHover);
+        },
+        borderless: function () {
+            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      box-shadow: none;\n      border-color: transparent;\n      background-clip: padding-box;\n    "], ["\n      box-shadow: none;\n      border-color: transparent;\n      background-clip: padding-box;\n    "])));
+        },
+        focus: function (t) {
+            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: ", ";\n      outline: none;\n      z-index: 2;\n    "], ["\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: ", ";\n      outline: none;\n      z-index: 2;\n    "])), t.inputFocusedBg, t.inputBorderColorFocus, t.inputFocusShadow);
+        },
+        placeholder: function (t) {
+            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      -ms-user-select: none;\n      color: ", ";\n      cursor: text;\n      font-size: inherit;\n      height: 100%;\n      left: 0;\n      overflow: hidden;\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      user-select: none;\n      white-space: nowrap;\n      width: 100%;\n    "], ["\n      -ms-user-select: none;\n      color: ", ";\n      cursor: text;\n      font-size: inherit;\n      height: 100%;\n      left: 0;\n      overflow: hidden;\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      user-select: none;\n      white-space: nowrap;\n      width: 100%;\n    "])), t.inputPlaceholderColor);
+        },
+        placeholderFocus: function (t) {
+            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), t.inputPlaceholderColorLight);
+        },
+        placeholderDisabled: function (t) {
+            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), t.inputPlaceholderColorDisabled);
+        },
+        input: function (t) {
+            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      -webkit-appearance: none;\n      background: transparent;\n      border: 0 none;\n      color: ", ";\n      font: inherit;\n      line-height: inherit;\n      margin: 0;\n      outline: none;\n      padding: 0;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n      color-scheme: ", ";\n\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n      &::-ms-clear {\n        display: none;\n      }\n      &:-moz-placeholder {\n        color: ", ";\n      }\n      &::-moz-placeholder {\n        color: ", ";\n      }\n      &::placeholder {\n        color: ", ";\n      }\n    "], ["\n      -webkit-appearance: none;\n      background: transparent;\n      border: 0 none;\n      color: ", ";\n      font: inherit;\n      line-height: inherit;\n      margin: 0;\n      outline: none;\n      padding: 0;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n      color-scheme: ", ";\n\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n      &::-ms-clear {\n        display: none;\n      }\n      &:-moz-placeholder {\n        color: ", ";\n      }\n      &::-moz-placeholder {\n        color: ", ";\n      }\n      &::placeholder {\n        color: ", ";\n      }\n    "])), t.inputTextColor, t.inputColorScheme, t.inputPlaceholderColor, t.inputPlaceholderColor, t.inputPlaceholderColor);
+        },
+        inputFocus: function (t) {
+            return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      &:-moz-placeholder {\n        color: ", ";\n      }\n      &::-moz-placeholder {\n        color: ", ";\n      }\n      &::placeholder {\n        color: ", ";\n      }\n    "], ["\n      &:-moz-placeholder {\n        color: ", ";\n      }\n      &::-moz-placeholder {\n        color: ", ";\n      }\n      &::placeholder {\n        color: ", ";\n      }\n    "])), t.inputPlaceholderColorLight, t.inputPlaceholderColorLight, t.inputPlaceholderColorLight);
+        },
+        inputDisabled: function (t) {
+            return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      color: ", ";\n      /* fix text color in safari https://bugs.webkit.org/show_bug.cgi?id=115510 */\n      -webkit-text-fill-color: ", ";\n\n      &:-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      &::-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      &::placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n    "], ["\n      color: ", ";\n      /* fix text color in safari https://bugs.webkit.org/show_bug.cgi?id=115510 */\n      -webkit-text-fill-color: ", ";\n\n      &:-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      &::-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      &::placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n    "])), t.inputTextColorDisabled, t.inputTextColorDisabled, t.inputPlaceholderColorDisabled, t.inputPlaceholderColorDisabled, t.inputPlaceholderColorDisabled);
+        },
+        warning: function (t) {
+            return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "], ["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "])), t.inputBorderColorWarning, t.inputOutlineWidth, t.inputBorderColorWarning);
+        },
+        error: function (t) {
+            return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "], ["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "])), t.inputBorderColorError, t.inputOutlineWidth, t.inputBorderColorError);
+        },
+        disabled: function (t) {
+            return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: none;\n    "], ["\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: none;\n    "])), t.inputDisabledBg, t.inputDisabledBorderColor);
+        },
+        sizeSmall: function (t) {
+            return css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n      font-size: ", ";\n      line-height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "], ["\n      font-size: ", ";\n      line-height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])), t.inputFontSizeSmall, t.inputLineHeightSmall, t.inputPaddingYSmall, t.inputPaddingYSmall, t.inputPaddingXSmall, t.inputPaddingXSmall, t.inputHeightSmall, t.inputBorderRadiusSmall);
+        },
+        sizeMedium: function (t) {
+            return css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n      font-size: ", ";\n      line-height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "], ["\n      font-size: ", ";\n      line-height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])), t.inputFontSizeMedium, t.inputLineHeightMedium, t.inputPaddingYMedium, t.inputPaddingYMedium, t.inputPaddingXMedium, t.inputPaddingXMedium, t.inputHeightMedium, t.inputBorderRadiusMedium);
+        },
+        sizeLarge: function (t) {
+            return css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n      font-size: ", ";\n      line-height: ", ";\n      height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      border-radius: ", ";\n    "], ["\n      font-size: ", ";\n      line-height: ", ";\n      height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      border-radius: ", ";\n    "])), t.inputFontSizeLarge, t.inputLineHeightLarge, t.inputHeightLarge, shift(t.inputPaddingYLarge, '0'), shift(t.inputPaddingYLarge, '0'), t.inputPaddingXLarge, t.inputPaddingXLarge, t.inputBorderRadiusLarge);
+        },
+        hideBlinkingCursor: function () {
+            return css(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n      caret-color: transparent;\n    "], ["\n      caret-color: transparent;\n    "])));
+        },
+    });
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18;
+//# sourceMappingURL=Input.styles.js.map

package/components/Input/Input.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.styles.js","sourceRoot":"","sources":["Input.styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Input.styles.js","sourceRoot":"","sources":["../../../components/Input/Input.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { shift } from '../../lib/styles/DimensionFunctions.js';\nimport { resetText } from '../../lib/styles/Mixins.js';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  wrapper() {\n    return css`\n      align-items: center;\n      display: flex;\n      margin: 0;\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &::before {\n        content: '\\\\A0';\n        display: inline-block;\n        width: 0;\n      }\n    `;\n  },\n\n  root(t: Theme) {\n    return css`\n      ${resetText()};\n\n      align-items: center;\n      background-clip: ${t.inputBackgroundClip};\n      background-color: ${t.inputBg};\n      border: ${t.inputBorderWidth} solid ${t.inputBorderColor};\n      border-top-color: ${t.inputBorderTopColor};\n      transition: border-color ${t.transitionDuration} ${t.transitionTimingFunction};\n      box-shadow: ${t.inputShadow};\n      box-sizing: border-box;\n      color: ${t.inputColor};\n      cursor: text;\n      display: inline-flex;\n      outline: none;\n      position: relative;\n      width: ${t.inputWidth};\n\n      & * {\n        box-sizing: border-box;\n      }\n    `;\n  },\n\n  hovering(t: Theme) {\n    return css`\n      &:hover {\n        border-color: ${t.inputBorderColorHover};\n      }\n    `;\n  },\n\n  borderless() {\n    return css`\n      box-shadow: none;\n      border-color: transparent;\n      background-clip: padding-box;\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      background-color: ${t.inputFocusedBg};\n      border-color: ${t.inputBorderColorFocus};\n      box-shadow: ${t.inputFocusShadow};\n      outline: none;\n      z-index: 2;\n    `;\n  },\n\n  placeholder(t: Theme) {\n    return css`\n      -ms-user-select: none;\n      color: ${t.inputPlaceholderColor};\n      cursor: text;\n      font-size: inherit;\n      height: 100%;\n      left: 0;\n      overflow: hidden;\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      user-select: none;\n      white-space: nowrap;\n      width: 100%;\n    `;\n  },\n\n  placeholderFocus(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColorLight};\n    `;\n  },\n\n  placeholderDisabled(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColorDisabled};\n    `;\n  },\n\n  input(t: Theme) {\n    return css`\n      -webkit-appearance: none;\n      background: transparent;\n      border: 0 none;\n      color: ${t.inputTextColor};\n      font: inherit;\n      line-height: inherit;\n      margin: 0;\n      outline: none;\n      padding: 0;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n      color-scheme: ${t.inputColorScheme};\n\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n      &::-ms-clear {\n        display: none;\n      }\n      &:-moz-placeholder {\n        color: ${t.inputPlaceholderColor};\n      }\n      &::-moz-placeholder {\n        color: ${t.inputPlaceholderColor};\n      }\n      &::placeholder {\n        color: ${t.inputPlaceholderColor};\n      }\n    `;\n  },\n\n  inputFocus(t: Theme) {\n    return css`\n      &:-moz-placeholder {\n        color: ${t.inputPlaceholderColorLight};\n      }\n      &::-moz-placeholder {\n        color: ${t.inputPlaceholderColorLight};\n      }\n      &::placeholder {\n        color: ${t.inputPlaceholderColorLight};\n      }\n    `;\n  },\n\n  inputDisabled(t: Theme) {\n    return css`\n      color: ${t.inputTextColorDisabled};\n      /* fix text color in safari https://bugs.webkit.org/show_bug.cgi?id=115510 */\n      -webkit-text-fill-color: ${t.inputTextColorDisabled};\n\n      &:-moz-placeholder {\n        -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n      }\n      &::-moz-placeholder {\n        -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n      }\n      &::placeholder {\n        -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      border-color: ${t.inputBorderColorWarning};\n      box-shadow: 0 0 0 ${t.inputOutlineWidth} ${t.inputBorderColorWarning};\n      z-index: 2;\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      border-color: ${t.inputBorderColorError};\n      box-shadow: 0 0 0 ${t.inputOutlineWidth} ${t.inputBorderColorError};\n      z-index: 2;\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      background-color: ${t.inputDisabledBg};\n      border-color: ${t.inputDisabledBorderColor};\n      box-shadow: none;\n    `;\n  },\n\n  sizeSmall(t: Theme) {\n    return css`\n      font-size: ${t.inputFontSizeSmall};\n      line-height: ${t.inputLineHeightSmall};\n      padding-top: ${t.inputPaddingYSmall};\n      padding-bottom: ${t.inputPaddingYSmall};\n      padding-left: ${t.inputPaddingXSmall};\n      padding-right: ${t.inputPaddingXSmall};\n      height: ${t.inputHeightSmall};\n      border-radius: ${t.inputBorderRadiusSmall};\n    `;\n  },\n\n  sizeMedium(t: Theme) {\n    return css`\n      font-size: ${t.inputFontSizeMedium};\n      line-height: ${t.inputLineHeightMedium};\n      padding-top: ${t.inputPaddingYMedium};\n      padding-bottom: ${t.inputPaddingYMedium};\n      padding-left: ${t.inputPaddingXMedium};\n      padding-right: ${t.inputPaddingXMedium};\n      height: ${t.inputHeightMedium};\n      border-radius: ${t.inputBorderRadiusMedium};\n    `;\n  },\n\n  sizeLarge(t: Theme) {\n    return css`\n      font-size: ${t.inputFontSizeLarge};\n      line-height: ${t.inputLineHeightLarge};\n      height: ${t.inputHeightLarge};\n      padding-top: ${shift(t.inputPaddingYLarge, '0')};\n      padding-bottom: ${shift(t.inputPaddingYLarge, '0')};\n      padding-left: ${t.inputPaddingXLarge};\n      padding-right: ${t.inputPaddingXLarge};\n      border-radius: ${t.inputBorderRadiusLarge};\n    `;\n  },\n\n  hideBlinkingCursor() {\n    return css`\n      caret-color: transparent;\n    `;\n  },\n}));\n"]}

package/components/Input/Input.typings.d.ts

@@ -0,0 +1,7 @@
+import type React from 'react';
+export type InputElement = (HTMLInputElement | {
+    input: HTMLInputElement | null;
+}) & {
+    getRootNode: () => HTMLElement | null;
+};
+export type InputElementProps = React.InputHTMLAttributes<HTMLInputElement>;

package/components/Input/Input.typings.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Input.typings.js.map

package/components/Input/Input.typings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.typings.js","sourceRoot":"","sources":["../../../components/Input/Input.typings.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nexport type InputElement = (HTMLInputElement | { input: HTMLInputElement | null }) & {\n  getRootNode: () => HTMLElement | null;\n};\n\nexport type InputElementProps = React.InputHTMLAttributes<HTMLInputElement>;\n"]}

package/components/Input/InputLayout/InputLayout.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { InputProps } from '../Input.js';
+import type { CommonProps } from '../../../internal/CommonWrapper/index.js';
+import type { InputLayoutContextProps } from './InputLayoutContext.js';
+type InputLayoutRootFromInputProps = Pick<InputProps, 'leftIcon' | 'rightIcon' | 'prefix' | 'suffix'>;
+export interface InputLayoutRootProps extends InputLayoutRootFromInputProps, CommonProps {
+    labelProps: React.LabelHTMLAttributes<HTMLLabelElement> & {
+        ref?: React.Ref<HTMLLabelElement>;
+    };
+    context: Partial<InputLayoutContextProps>;
+    tag?: 'label' | 'span';
+}
+export declare const InputLayout: import("../../../lib/forwardRefAndName.js").ReactUIComponentWithRef<HTMLLabelElement, InputLayoutRootProps> & Record<never, never>;
+export {};

package/components/Input/InputLayout/InputLayout.js

@@ -0,0 +1,33 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import { useStyles } from '../../../lib/renderEnvironment/index.js';
+import { forwardRefAndName } from '../../../lib/forwardRefAndName.js';
+import { InputDataTids } from '../Input.js';
+import { CommonWrapper } from '../../../internal/CommonWrapper/index.js';
+import { mergeRefs } from '../../../lib/mergeRefs.js';
+import { InputLayoutAside } from './InputLayoutAside.js';
+import { InputLayoutContext, InputLayoutContextDefault } from './InputLayoutContext.js';
+import { getStylesLayout } from './InputLayout.styles.js';
+export var InputLayout = forwardRefAndName('InputLayout', function (props, ref) {
+    var stylesLayout = useStyles(getStylesLayout);
+    var leftIcon = props.leftIcon, rightIcon = props.rightIcon, prefix = props.prefix, suffix = props.suffix, labelProps = props.labelProps, context = props.context, children = props.children, _a = props.tag, tag = _a === void 0 ? 'label' : _a;
+    var _context = __assign(__assign({}, InputLayoutContextDefault), context);
+    var Tag = tag;
+    return (React.createElement(InputLayoutContext.Provider, { value: _context },
+        React.createElement(CommonWrapper, __assign({}, props),
+            React.createElement(Tag, __assign({ "data-tid": InputDataTids.root }, labelProps, { ref: mergeRefs(ref, labelProps.ref) }),
+                React.createElement(InputLayoutAside, { icon: leftIcon, text: prefix, side: "left" }),
+                React.createElement("span", { className: stylesLayout.input() }, children),
+                React.createElement(InputLayoutAside, { icon: rightIcon, text: suffix, side: "right" })))));
+});
+//# sourceMappingURL=InputLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputLayout.js","sourceRoot":"","sources":["../../../../components/Input/InputLayout/InputLayout.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,OAAO,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAU1D,MAAM,CAAC,IAAM,WAAW,GAAG,iBAAiB,CAAyC,aAAa,EAAE,UAAC,KAAK,EAAE,GAAG;IAC7G,IAAM,YAAY,GAAG,SAAS,CAAC,eAAe,CAAC,CAAC;IACxC,IAAA,QAAQ,GAA8E,KAAK,SAAnF,EAAE,SAAS,GAAmE,KAAK,UAAxE,EAAE,MAAM,GAA2D,KAAK,OAAhE,EAAE,MAAM,GAAmD,KAAK,OAAxD,EAAE,UAAU,GAAuC,KAAK,WAA5C,EAAE,OAAO,GAA8B,KAAK,QAAnC,EAAE,QAAQ,GAAoB,KAAK,SAAzB,EAAE,KAAkB,KAAK,IAAV,EAAb,GAAG,mBAAG,OAAO,KAAA,CAAW;IACpG,IAAM,QAAQ,yBAAiC,yBAAyB,GAAK,OAAO,CAAE,CAAC;IACvF,IAAM,GAAG,GAAG,GAAG,CAAC;IAEhB,OAAO,CACL,oBAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ;QAC1C,oBAAC,aAAa,eAAK,KAAK;YACtB,oBAAC,GAAG,yBAAW,aAAa,CAAC,IAAI,IAAM,UAAU,IAAE,GAAG,EAAE,SAAS,CAAC,GAAG,EAAE,UAAU,CAAC,GAAG,CAAC;gBACpF,oBAAC,gBAAgB,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAC,MAAM,GAAG;gBAC9D,8BAAM,SAAS,EAAE,YAAY,CAAC,KAAK,EAAE,IAAG,QAAQ,CAAQ;gBACxD,oBAAC,gBAAgB,IAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAC,OAAO,GAAG,CAC5D,CACQ,CACY,CAC/B,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { useStyles } from '../../../lib/renderEnvironment/index.js';\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName.js';\nimport type { InputProps } from '../Input.js';\nimport { InputDataTids } from '../Input.js';\nimport type { CommonProps } from '../../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../../internal/CommonWrapper/index.js';\nimport { mergeRefs } from '../../../lib/mergeRefs.js';\n\nimport { InputLayoutAside } from './InputLayoutAside.js';\nimport type { InputLayoutContextProps } from './InputLayoutContext.js';\nimport { InputLayoutContext, InputLayoutContextDefault } from './InputLayoutContext.js';\nimport { getStylesLayout } from './InputLayout.styles.js';\n\ntype InputLayoutRootFromInputProps = Pick<InputProps, 'leftIcon' | 'rightIcon' | 'prefix' | 'suffix'>;\n\nexport interface InputLayoutRootProps extends InputLayoutRootFromInputProps, CommonProps {\n  labelProps: React.LabelHTMLAttributes<HTMLLabelElement> & { ref?: React.Ref<HTMLLabelElement> };\n  context: Partial<InputLayoutContextProps>;\n  tag?: 'label' | 'span';\n}\n\nexport const InputLayout = forwardRefAndName<HTMLLabelElement, InputLayoutRootProps>('InputLayout', (props, ref) => {\n  const stylesLayout = useStyles(getStylesLayout);\n  const { leftIcon, rightIcon, prefix, suffix, labelProps, context, children, tag = 'label' } = props;\n  const _context: InputLayoutContextProps = { ...InputLayoutContextDefault, ...context };\n  const Tag = tag;\n\n  return (\n    <InputLayoutContext.Provider value={_context}>\n      <CommonWrapper {...props}>\n        <Tag data-tid={InputDataTids.root} {...labelProps} ref={mergeRefs(ref, labelProps.ref)}>\n          <InputLayoutAside icon={leftIcon} text={prefix} side=\"left\" />\n          <span className={stylesLayout.input()}>{children}</span>\n          <InputLayoutAside icon={rightIcon} text={suffix} side=\"right\" />\n        </Tag>\n      </CommonWrapper>\n    </InputLayoutContext.Provider>\n  );\n});\n"]}

package/components/Input/InputLayout/InputLayout.styles.d.ts

@@ -0,0 +1,11 @@
+import type { Theme } from '../../../lib/theming/Theme.js';
+export declare const getStylesLayout: import("../../../lib/theming/Emotion.js").StylesGetter<{
+    root(t: Theme): string;
+    input(): string;
+    aside(): string;
+    icon(t: Theme): string;
+    iconFocus(t: Theme): string;
+    iconDisabled(t: Theme): string;
+    text(t: Theme): string;
+    textDisabled(t: Theme): string;
+}>;

package/components/Input/InputLayout/InputLayout.styles.js

@@ -0,0 +1,38 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { ZERO_WIDTH_SPACE_CSS } from '../../../lib/chars.js';
+import { memoizeGetStyles } from '../../../lib/theming/Emotion.js';
+import { getStyles } from '../Input.styles.js';
+export var getStylesLayout = memoizeGetStyles(function (emotion) {
+    var styles = getStyles(emotion);
+    return {
+        root: function (t) {
+            return styles.root(t);
+        },
+        input: function () {
+            return emotion.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        min-width: 0;\n        overflow: hidden;\n        position: relative;\n        width: 100%;\n        display: flex;\n      "], ["\n        min-width: 0;\n        overflow: hidden;\n        position: relative;\n        width: 100%;\n        display: flex;\n      "])));
+        },
+        aside: function () {
+            return emotion.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        display: inline-flex;\n        align-items: center;\n        flex-shrink: 0;\n\n        &::before {\n          content: '", "';\n        }\n      "], ["\n        display: inline-flex;\n        align-items: center;\n        flex-shrink: 0;\n\n        &::before {\n          content: '", "';\n        }\n      "])), ZERO_WIDTH_SPACE_CSS);
+        },
+        icon: function (t) {
+            return emotion.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), t.inputIconColor);
+        },
+        iconFocus: function (t) {
+            return emotion.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), t.inputFocusedIconColor);
+        },
+        iconDisabled: function (t) {
+            return emotion.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        cursor: default;\n        color: ", ";\n      "], ["\n        cursor: default;\n        color: ", ";\n      "])), t.inputIconColorDisabled);
+        },
+        text: function (t) {
+            return emotion.css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), t.inputPlaceholderColor);
+        },
+        textDisabled: function (t) {
+            return emotion.css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), t.inputPlaceholderColorDisabled);
+        },
+    };
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+//# sourceMappingURL=InputLayout.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputLayout.styles.js","sourceRoot":"","sources":["../../../../components/Input/InputLayout/InputLayout.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,MAAM,CAAC,IAAM,eAAe,GAAG,gBAAgB,CAAC,UAAC,OAAgB;IAC/D,IAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;IAElC,OAAO;QACL,IAAI,YAAC,CAAQ;YACX,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACxB,CAAC;QACD,KAAK;YACH,OAAO,OAAO,CAAC,GAAG,0MAAA,uIAMjB,KAAC;QACJ,CAAC;QACD,KAAK;YACH,OAAO,OAAO,CAAC,GAAG,iOAAA,qIAMF,EAAoB,uBAEnC,KAFe,oBAAoB,EAElC;QACJ,CAAC;QACD,IAAI,YAAC,CAAQ;YACX,OAAO,OAAO,CAAC,GAAG,mGAAA,mBACP,EAAgB,WAC1B,KADU,CAAC,CAAC,cAAc,EACzB;QACJ,CAAC;QACD,SAAS,YAAC,CAAQ;YAChB,OAAO,OAAO,CAAC,GAAG,mGAAA,mBACP,EAAuB,WACjC,KADU,CAAC,CAAC,qBAAqB,EAChC;QACJ,CAAC;QACD,YAAY,YAAC,CAAQ;YACnB,OAAO,OAAO,CAAC,GAAG,6HAAA,6CAEP,EAAwB,WAClC,KADU,CAAC,CAAC,sBAAsB,EACjC;QACJ,CAAC;QACD,IAAI,YAAC,CAAQ;YACX,OAAO,OAAO,CAAC,GAAG,mGAAA,mBACP,EAAuB,WACjC,KADU,CAAC,CAAC,qBAAqB,EAChC;QACJ,CAAC;QACD,YAAY,YAAC,CAAQ;YACnB,OAAO,OAAO,CAAC,GAAG,mGAAA,mBACP,EAA+B,WACzC,KADU,CAAC,CAAC,6BAA6B,EACxC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { ZERO_WIDTH_SPACE_CSS } from '../../../lib/chars.js';\nimport { memoizeGetStyles } from '../../../lib/theming/Emotion.js';\nimport type { Theme } from '../../../lib/theming/Theme.js';\nimport { getStyles } from '../Input.styles.js';\n\nexport const getStylesLayout = memoizeGetStyles((emotion: Emotion) => {\n  const styles = getStyles(emotion);\n\n  return {\n    root(t: Theme) {\n      return styles.root(t);\n    },\n    input() {\n      return emotion.css`\n        min-width: 0;\n        overflow: hidden;\n        position: relative;\n        width: 100%;\n        display: flex;\n      `;\n    },\n    aside() {\n      return emotion.css`\n        display: inline-flex;\n        align-items: center;\n        flex-shrink: 0;\n\n        &::before {\n          content: '${ZERO_WIDTH_SPACE_CSS}';\n        }\n      `;\n    },\n    icon(t: Theme) {\n      return emotion.css`\n        color: ${t.inputIconColor};\n      `;\n    },\n    iconFocus(t: Theme) {\n      return emotion.css`\n        color: ${t.inputFocusedIconColor};\n      `;\n    },\n    iconDisabled(t: Theme) {\n      return emotion.css`\n        cursor: default;\n        color: ${t.inputIconColorDisabled};\n      `;\n    },\n    text(t: Theme) {\n      return emotion.css`\n        color: ${t.inputPlaceholderColor};\n      `;\n    },\n    textDisabled(t: Theme) {\n      return emotion.css`\n        color: ${t.inputPlaceholderColorDisabled};\n      `;\n    },\n  };\n});\n"]}

package/components/Input/InputLayout/InputLayoutAside.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { InputProps } from '../Input.js';
+export interface InputLayoutAsideProps {
+    icon: InputProps['leftIcon'] | InputProps['rightIcon'];
+    text: InputProps['prefix'] | InputProps['suffix'];
+    side: 'left' | 'right';
+}
+export declare const InputLayoutAside: React.FunctionComponent<InputLayoutAsideProps>;

package/components/Input/InputLayout/InputLayoutAside.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { useStyles } from '../../../lib/renderEnvironment/index.js';
+import { getStylesLayout } from './InputLayout.styles.js';
+import { InputLayoutAsideIcon } from './InputLayoutAsideIcon.js';
+import { InputLayoutAsideText } from './InputLayoutAsideText.js';
+export var InputLayoutAside = function (_a) {
+    var icon = _a.icon, text = _a.text, side = _a.side;
+    var stylesLayout = useStyles(getStylesLayout);
+    var asideClassName = stylesLayout.aside();
+    var _icon = React.createElement(InputLayoutAsideIcon, { key: "icon", icon: icon, side: side });
+    var _text = React.createElement(InputLayoutAsideText, { key: "text", text: text });
+    var child = side === 'left' ? [_icon, _text] : [_text, _icon];
+    return React.createElement("span", { className: asideClassName }, child);
+};
+//# sourceMappingURL=InputLayoutAside.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputLayoutAside.js","sourceRoot":"","sources":["../../../../components/Input/InputLayout/InputLayoutAside.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAGpE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAQjE,MAAM,CAAC,IAAM,gBAAgB,GAAmD,UAAC,EAAoB;QAAlB,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAA;IACjG,IAAM,YAAY,GAAG,SAAS,CAAC,eAAe,CAAC,CAAC;IAChD,IAAM,cAAc,GAAG,YAAY,CAAC,KAAK,EAAE,CAAC;IAE5C,IAAM,KAAK,GAAG,oBAAC,oBAAoB,IAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;IAC1E,IAAM,KAAK,GAAG,oBAAC,oBAAoB,IAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,GAAI,CAAC;IAE9D,IAAM,KAAK,GAAG,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAEhE,OAAO,8BAAM,SAAS,EAAE,cAAc,IAAG,KAAK,CAAQ,CAAC;AACzD,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { useStyles } from '../../../lib/renderEnvironment/index.js';\nimport type { InputProps } from '../Input.js';\n\nimport { getStylesLayout } from './InputLayout.styles.js';\nimport { InputLayoutAsideIcon } from './InputLayoutAsideIcon.js';\nimport { InputLayoutAsideText } from './InputLayoutAsideText.js';\n\nexport interface InputLayoutAsideProps {\n  icon: InputProps['leftIcon'] | InputProps['rightIcon'];\n  text: InputProps['prefix'] | InputProps['suffix'];\n  side: 'left' | 'right';\n}\n\nexport const InputLayoutAside: React.FunctionComponent<InputLayoutAsideProps> = ({ icon, text, side }) => {\n  const stylesLayout = useStyles(getStylesLayout);\n  const asideClassName = stylesLayout.aside();\n\n  const _icon = <InputLayoutAsideIcon key=\"icon\" icon={icon} side={side} />;\n  const _text = <InputLayoutAsideText key=\"text\" text={text} />;\n\n  const child = side === 'left' ? [_icon, _text] : [_text, _icon];\n\n  return <span className={asideClassName}>{child}</span>;\n};\n"]}

package/components/Input/InputLayout/InputLayoutAsideIcon.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { InputProps } from '../Input.js';
+export interface InputLayoutAsideIconProps {
+    icon: InputProps['leftIcon'] | InputProps['rightIcon'];
+    side: 'left' | 'right';
+}
+export declare const InputLayoutAsideIcon: React.FunctionComponent<InputLayoutAsideIconProps>;

package/components/Input/InputLayout/InputLayoutAsideIcon.js

@@ -0,0 +1,43 @@
+import React from 'react';
+import { isElement } from '../../../lib/react-is.js';
+import { useEmotion, useStyles } from '../../../lib/renderEnvironment/index.js';
+import { isKonturIcon } from '../../../lib/utils.js';
+import { ThemeContext } from '../../../lib/theming/ThemeContext.js';
+import { InputLayoutContext } from './InputLayoutContext.js';
+import { getStylesLayout } from './InputLayout.styles.js';
+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;
+        _icon = React.cloneElement(icon, {
+            size: (_b = iconProps.size) !== null && _b !== void 0 ? _b : sizes[size],
+        });
+    }
+    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

@@ -0,0 +1 @@
+{"version":3,"file":"InputLayoutAsideIcon.js","sourceRoot":"","sources":["../../../../components/Input/InputLayout/InputLayoutAsideIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAIpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAO1D,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 { isElement } from '../../../lib/react-is.js';\nimport { useEmotion, useStyles } from '../../../lib/renderEnvironment/index.js';\nimport { isKonturIcon } from '../../../lib/utils.js';\nimport type { InputProps } from '../Input.js';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../../lib/types/props.js';\nimport type { IconProps } from '../../../internal/icons2022/BaseIcon.js';\n\nimport { InputLayoutContext } from './InputLayoutContext.js';\nimport { getStylesLayout } from './InputLayout.styles.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.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { InputProps } from '../Input.js';
+export interface InputLayoutAsideTextProps {
+    text: InputProps['prefix'] | InputProps['suffix'];
+}
+export declare const InputLayoutAsideText: React.FunctionComponent<InputLayoutAsideTextProps>;