@skbkontur/react-ui 0.0.0-044e274f2c → 0.0.0-07d08325b0

package/components/Input/Input.d.ts

@@ -5,6 +5,7 @@ import { SizeProp } from '../../lib/types/props';
 import { InputElementProps } from './Input.typings';
 export declare const inputTypes: readonly ["password", "text", "number", "tel", "search", "time", "date", "url", "email"];
 export type InputAlign = 'left' | 'center' | 'right';
+export type ShowClearIcon = 'auto' | 'always' | 'never';
 export type InputType = (typeof inputTypes)[number];
 export type InputIconType = React.ReactNode | (() => React.ReactNode);
 export declare const selectionAllowedTypes: InputType[];
@@ -12,126 +13,119 @@ export declare const selectionErrorMessage: (type: InputType, allowedTypes?: Inp
 export declare const maskForbiddenTypes: InputType[];
 export declare const maskAllowedTypes: InputType[];
 export declare const maskErrorMessage: (type: InputType, allowedTypes?: InputType[]) => string;
+export declare const calculateClearCrossShowedState: ({ showClearIcon, notEmptyValue, focused, hovered, }: {
+    showClearIcon: ShowClearIcon;
+    notEmptyValue: boolean;
+    focused?: boolean | undefined;
+    hovered?: boolean | undefined;
+}) => boolean;
 export interface InputProps extends CommonProps, Pick<HTMLAttributes<unknown>, 'role'>, Pick<AriaAttributes, 'aria-describedby' | 'aria-controls' | 'aria-label'>, Override<React.InputHTMLAttributes<HTMLInputElement>, {
-    /**
-     * Иконка слева
-     * Если `ReactNode` применяются дефолтные стили для иконки
-     * Если `() => ReactNode` применяются только стили для позиционирование
-     */
+    /** Показывать иконку очистки значения в непустом поле:
+     * - `always` — всегда показывать иконку
+     * - `auto` — показывать иконку при hover/focus
+     * - `never` — не показывать иконку
+     * При одновременной настройке `showClearIcon` и `rightIcon` показывается иконка очистки.
+     * @default never */
+    showClearIcon?: ShowClearIcon;
+    /** Задает иконку слева.
+     * При использовании `ReactNode` применяются дефолтные стили для иконки.
+     * При использовании `() => ReactNode` применяются только стили для позиционирования. */
     leftIcon?: InputIconType;
-    /**
-     * Иконка справа
-     * Если `ReactNode` применяются дефолтные стили для иконки
-     * Если `() => ReactNode` применяются только стили для позиционирование
-     */
+    /** Добавляет иконку справа.
+     * При использовании `ReactNode` применяются дефолтные стили для иконки.
+     * При использовании `() => ReactNode` применяются только стили для позиционирования. */
     rightIcon?: InputIconType;
-    /**
-     * Состояние валидации при ошибке.
-     */
+    /** Переводит контрол в состояние валидации "ошибка". */
     error?: boolean;
-    /**
-     * Состояние валидации при предупреждении.
-     */
+    /** Переводит контрол в состояние валидации "предупреждение". */
     warning?: boolean;
-    /** Режим прозрачной рамки */
+    /** Убирает обводку. */
     borderless?: boolean;
-    /** Выравнивание текста */
+    /** Задает выравнивание контента. */
     align?: InputAlign;
-    /**
-     * Паттерн маски. Доступен для типов `text`, `password`, `email`, `tel`, `search`, `url`
-     * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput
-     */
+    /** Задает паттерн маски. Доступен для типов `text`, `password`, `email`, `tel`, `search`, `url`
+     * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput. */
     mask?: Nullable<string>;
-    /**
-     * Символ маски
-     * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput
-     */
+    /** Устанавливает символ маски.
+     * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput. */
     maskChar?: Nullable<string>;
-    /**
-     * Словарь символов-регулярок для задания маски
-     * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput
-     * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' }
-     */
+    /** Задает словарь символов-регулярок для задания маски
+     * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput.
+     * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' }. */
     formatChars?: Record<string, string>;
-    /**
-     * Показывать символы маски
-     * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput
-     */
+    /** Включает показ символов маски.
+     * @deprecated Со следующей мажорной версии Input перестанет поддерживать маску. Используйте MaskedInput. */
     alwaysShowMask?: boolean;
-    /** Размер */
+    /** Задает размер. */
     size?: SizeProp;
-    /** onValueChange */
+    /** Задает функцию, которая вызывается при изменении значения в инпуте. */
     onValueChange?: (value: string) => void;
-    /** Вызывается на label */
+    /** @ignore */
     onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;
-    /** Вызывается на label */
+    /** @ignore */
     onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;
-    /** Вызывается на label */
+    /** @ignore */
     onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;
-    /**
-     * Тип. Возможные значения: 'password' | 'text' | 'number' | 'tel' | 'search' | 'time' | 'date' | 'url' | 'email'
-     * */
+    /** Задает тип инпута. */
     type?: InputType;
-    /** Значение */
+    /** Задает значение. */
     value?: string;
     capture?: boolean;
-    /**
-     * Префикс
-     * `ReactNode` перед значением, но после иконки
-     */
+    /** Устанавливает префикс `ReactNode` перед значением, но после иконки. */
     prefix?: React.ReactNode;
-    /**
-     * Суффикс
-     * `ReactNode` после значения, но перед правой иконкой
-     */
+    /** Устанавливает суффикс `ReactNode` после значения, но перед правой иконкой. */
     suffix?: React.ReactNode;
-    /** Выделять введенное значение при фокусе. Работает с типами `text`, `password`, `tel`, `search`, `url`. [Документация](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange) */
+    /** Определяет, нужно ли выделять введенное значение при фокусе. Работает с типами `text`, `password`, `tel`, `search`, `url`. [Документация](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange) */
     selectAllOnFocus?: boolean;
-    /**
-     * Обработчик неправильного ввода.
-     * По-умолчанию, инпут вспыхивает акцентным цветом.
-     * Если передан - вызывается переданный обработчик,
-     * в таком случае вспыхивание можно вызвать
-     * публичным методом инстанса `blink()`.
-     *
-     * @param value значение инпута.
-     */
+    /** Задает функцию для обработки ввода.
+     * При неправильном вводе инпут по-умолчанию вспыхивает акцентным цветом.
+     * Если `onUnexpectedInput` передан - вызывается переданный обработчик b вспыхивание можно вызвать публичным методом инстанса `blink()`.
+     * @param {string} value - значение инпута. */
     onUnexpectedInput?: (value: string) => void;
-    /** @ignore */
+    /** Устанавливает радиус скруглений углов.
+     * @ignore */
     corners?: Partial<Pick<React.CSSProperties, 'borderTopRightRadius' | 'borderBottomRightRadius' | 'borderBottomLeftRadius' | 'borderTopLeftRadius'>>;
-    /**
-     * Элемент заменяет нативный input.
-     * Должен иметь пропы `InputElementProps` и тип `InputElement`
-     * */
+    /** Устанавливает элемент, заменяющий нативный input. Должен иметь пропы `InputElementProps` и тип `InputElement`. */
     element?: ReactElement<InputElementProps>;
 }> {
 }
 export interface InputState {
     blinking: boolean;
     focused: boolean;
+    hovered: boolean;
     needsPolyfillPlaceholder: boolean;
+    clearCrossShowed: boolean;
 }
 export declare const InputDataTids: {
     readonly root: "Input__root";
+    readonly clearCross: "Input__clearCross";
 };
-type DefaultProps = Required<Pick<InputProps, 'size' | 'type'>>;
+type DefaultProps = Required<Pick<InputProps, 'size' | 'type' | 'showClearIcon'>>;
 /**
+ * Поле ввода `Input` дает возможность указать значение с помощью клавиатуры.
+ *
+ * Используйте поле ввода для коротких текстовых или цифровых значений без предсказуемого формата.
+ *
+ *  Если вводимое значение имеет определенный формат, используйте специальную версию поля:
+ * * Поле с паролем PasswordInput.
+ * * Поле с валютой CurrencyInput.
+ * * Поле с маской MaskedInput.
+ * * Автополе FxInput.
+ *
  * Интерфейс пропсов наследуется от `React.InputHTMLAttributes<HTMLInputElement>`.
- *  Все пропсы кроме перечисленных, `className` и `style` передаются в `<input>`
  */
 export declare class Input extends React.Component<InputProps, InputState> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
     static defaultProps: DefaultProps;
     private getProps;
-    state: InputState;
     private selectAllId;
     private theme;
-    private emotion;
-    private styles;
     private blinkTimeout;
     input: HTMLInputElement | null;
     private setRootNode;
+    private getClearCrossShowed;
+    state: InputState;
     private outputMaskError;
     componentDidMount(): void;
     componentDidUpdate(prevProps: Readonly<InputProps>): void;
@@ -176,7 +170,10 @@ export declare class Input extends React.Component<InputProps, InputState> {
     private renderMaskedInput;
     private getSizeClassName;
     private refInput;
+    private handleClearInput;
     private handleChange;
+    private handleMouseEnter;
+    private handleMouseLeave;
     private handleFocus;
     private handleKeyDown;
     private handleKeyPress;

package/components/Input/Input.md

@@ -1,9 +1,18 @@
+### Базовый пример
+```jsx harmony
+import SearchIcon from '@skbkontur/react-icons/Search';
+
+<Input />;
+```
+
+### Иконка
 ```jsx harmony
 import SearchIcon from '@skbkontur/react-icons/Search';
 
 <Input leftIcon={<SearchIcon />} />;
 ```
 
+### Очистка значения
 Очистить значение в `Input`'е можно только с помощью пустой строки
 
 ```jsx harmony
@@ -17,7 +26,7 @@ const [value, setValue] = React.useState('Значение');
 </Group>
 ```
 
-Пример с префиксом:
+### Префикс
 
 ```jsx harmony
 import SearchIcon from '@skbkontur/react-icons/Search';
@@ -29,7 +38,7 @@ import SearchIcon from '@skbkontur/react-icons/Search';
 />;
 ```
 
-Примеры разных значений `type`:
+### type
 
 ```jsx harmony
 import { Gapped, Input, Tooltip } from '@skbkontur/react-ui';

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

@@ -1,85 +1,83 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26;
-import { memoizeStyle } from "../../../lib/theming/Emotion";
+import { css, keyframes, memoizeStyle } from "../../../lib/theming/Emotion";
 import { shift } from "../../../lib/styles/DimensionFunctions";
 import { resetText } from "../../../lib/styles/Mixins";
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    wrapper: function wrapper() {
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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 root(t) {
-      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\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(emotion), t.inputBackgroundClip, t.inputBg, t.inputBorderWidth, t.inputBorderColor, t.inputBorderTopColor, t.transitionDuration, t.transitionTimingFunction, t.inputShadow, t.inputColor, t.inputWidth);
-    },
-    hovering: function hovering(t) {
-      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        &:hover {\n          border-color: ", ";\n        }\n      "])), t.inputBorderColorHover);
-    },
-    borderless: function borderless() {
-      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        box-shadow: none;\n        border-color: transparent;\n        background-clip: padding-box;\n      "])));
-    },
-    focus: function focus(t) {
-      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n        border-color: ", ";\n        box-shadow: ", ";\n        outline: none;\n        z-index: 2;\n      "])), t.inputFocusedBg, t.inputBorderColorFocus, t.inputFocusShadow);
-    },
-    focusFallback: function focusFallback(t) {
-      return emotion.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n        box-shadow: none;\n        outline: ", " solid ", ";\n      "])), t.inputOutlineWidth, t.inputFocusOutline);
-    },
-    placeholder: function placeholder(t) {
-      return emotion.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\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 placeholderFocus(t) {
-      return emotion.css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n      "])), t.inputPlaceholderColorLight);
-    },
-    placeholderDisabled: function placeholderDisabled(t) {
-      return emotion.css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n      "])), t.inputPlaceholderColorDisabled);
-    },
-    input: function input(t) {
-      return emotion.css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\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 inputFocus(t) {
-      return emotion.css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\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 inputDisabled(t) {
-      return emotion.css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\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 warning(t) {
-      return emotion.css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n        z-index: 2;\n      "])), t.inputBorderColorWarning, t.inputOutlineWidth, t.inputBorderColorWarning);
-    },
-    warningFallback: function warningFallback(t) {
-      return emotion.css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n        box-shadow: none;\n        outline: ", " solid ", ";\n      "])), t.inputBorderWidth, t.inputBorderColorWarning);
-    },
-    error: function error(t) {
-      return emotion.css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n        z-index: 2;\n      "])), t.inputBorderColorError, t.inputOutlineWidth, t.inputBorderColorError);
-    },
-    errorFallback: function errorFallback(t) {
-      return emotion.css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n        box-shadow: none;\n        outline: ", " solid ", ";\n      "])), t.inputBorderWidth, t.inputBorderColorError);
-    },
-    disabled: function disabled(t) {
-      return emotion.css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n        border-color: ", ";\n        box-shadow: none;\n      "])), t.inputDisabledBg, t.inputDisabledBorderColor);
-    },
-    blink: function blink(t) {
-      var blinkAnimation = emotion.keyframes(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n    0% {\n      background-color: ", ";\n    }\n  "])), t.inputBlinkColor);
-      return emotion.css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n        animation: ", " 0.15s ease-in;\n      "])), blinkAnimation);
-    },
-    sizeSmall: function sizeSmall(t) {
-      return emotion.css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\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);
-    },
-    sizeSmallFallback: function sizeSmallFallback(t) {
-      return emotion.css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n        padding-top: ", ";\n        padding-bottom: ", ";\n        padding-left: ", ";\n        padding-right: ", ";\n        line-height: normal;\n      "])), shift(t.inputPaddingYSmall, '0'), shift(t.inputPaddingYSmall, '0'), t.inputPaddingXSmall, t.inputPaddingXSmall);
-    },
-    sizeMedium: function sizeMedium(t) {
-      return emotion.css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\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);
-    },
-    sizeMediumFallback: function sizeMediumFallback(t) {
-      return emotion.css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n        padding-top: ", ";\n        padding-bottom: ", ";\n        padding-left: ", ";\n        padding-right: ", ";\n        line-height: normal;\n      "])), shift(t.inputPaddingYMedium, '0'), shift(t.inputPaddingYMedium, '0'), t.inputPaddingXMedium, t.inputPaddingXMedium);
-    },
-    sizeLarge: function sizeLarge(t) {
-      return emotion.css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\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);
-    },
-    sizeLargeFallback: function sizeLargeFallback(t) {
-      return emotion.css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n        padding-top: ", ";\n        padding-bottom: ", ";\n        padding-left: ", ";\n        padding-right: ", ";\n        line-height: normal;\n      "])), shift(t.inputPaddingYLarge, '0'), shift(t.inputPaddingYLarge, '0'), t.inputPaddingXLarge, t.inputPaddingXLarge);
-    },
-    hideBlinkingCursor: function hideBlinkingCursor() {
-      return emotion.css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n        caret-color: transparent;\n      "])));
-    }
-  });
-};
+export var styles = memoizeStyle({
+  wrapper: function wrapper() {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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 root(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\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 hovering(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        border-color: ", ";\n      }\n    "])), t.inputBorderColorHover);
+  },
+  borderless: function borderless() {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      border-color: transparent;\n      background-clip: padding-box;\n    "])));
+  },
+  focus: function focus(t) {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: ", ";\n      outline: none;\n      z-index: 2;\n    "])), t.inputFocusedBg, t.inputBorderColorFocus, t.inputFocusShadow);
+  },
+  focusFallback: function focusFallback(t) {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])), t.inputOutlineWidth, t.inputFocusOutline);
+  },
+  placeholder: function placeholder(t) {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\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 placeholderFocus(t) {
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColorLight);
+  },
+  placeholderDisabled: function placeholderDisabled(t) {
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColorDisabled);
+  },
+  input: function input(t) {
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\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 inputFocus(t) {
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\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 inputDisabled(t) {
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\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 warning(t) {
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "])), t.inputBorderColorWarning, t.inputOutlineWidth, t.inputBorderColorWarning);
+  },
+  warningFallback: function warningFallback(t) {
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])), t.inputBorderWidth, t.inputBorderColorWarning);
+  },
+  error: function error(t) {
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "])), t.inputBorderColorError, t.inputOutlineWidth, t.inputBorderColorError);
+  },
+  errorFallback: function errorFallback(t) {
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])), t.inputBorderWidth, t.inputBorderColorError);
+  },
+  disabled: function disabled(t) {
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: none;\n    "])), t.inputDisabledBg, t.inputDisabledBorderColor);
+  },
+  blink: function blink(t) {
+    var blinkAnimation = keyframes(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n    0% {\n      background-color: ", ";\n    }\n  "])), t.inputBlinkColor);
+    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      animation: ", " 0.15s ease-in;\n    "])), blinkAnimation);
+  },
+  sizeSmall: function sizeSmall(t) {
+    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\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);
+  },
+  sizeSmallFallback: function sizeSmallFallback(t) {
+    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      line-height: normal;\n    "])), shift(t.inputPaddingYSmall, '0'), shift(t.inputPaddingYSmall, '0'), t.inputPaddingXSmall, t.inputPaddingXSmall);
+  },
+  sizeMedium: function sizeMedium(t) {
+    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\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);
+  },
+  sizeMediumFallback: function sizeMediumFallback(t) {
+    return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      line-height: normal;\n    "])), shift(t.inputPaddingYMedium, '0'), shift(t.inputPaddingYMedium, '0'), t.inputPaddingXMedium, t.inputPaddingXMedium);
+  },
+  sizeLarge: function sizeLarge(t) {
+    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\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);
+  },
+  sizeLargeFallback: function sizeLargeFallback(t) {
+    return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      line-height: normal;\n    "])), shift(t.inputPaddingYLarge, '0'), shift(t.inputPaddingYLarge, '0'), t.inputPaddingXLarge, t.inputPaddingXLarge);
+  },
+  hideBlinkingCursor: function hideBlinkingCursor() {
+    return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      caret-color: transparent;\n    "])));
+  }
+});

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

@@ -1 +1 @@
-{"version":3,"names":["memoizeStyle","shift","resetText","getStyles","emotion","wrapper","css","_templateObject","_taggedTemplateLiteralLoose","root","t","_templateObject2","inputBackgroundClip","inputBg","inputBorderWidth","inputBorderColor","inputBorderTopColor","transitionDuration","transitionTimingFunction","inputShadow","inputColor","inputWidth","hovering","_templateObject3","inputBorderColorHover","borderless","_templateObject4","focus","_templateObject5","inputFocusedBg","inputBorderColorFocus","inputFocusShadow","focusFallback","_templateObject6","inputOutlineWidth","inputFocusOutline","placeholder","_templateObject7","inputPlaceholderColor","placeholderFocus","_templateObject8","inputPlaceholderColorLight","placeholderDisabled","_templateObject9","inputPlaceholderColorDisabled","input","_templateObject10","inputTextColor","inputColorScheme","inputFocus","_templateObject11","inputDisabled","_templateObject12","inputTextColorDisabled","warning","_templateObject13","inputBorderColorWarning","warningFallback","_templateObject14","error","_templateObject15","inputBorderColorError","errorFallback","_templateObject16","disabled","_templateObject17","inputDisabledBg","inputDisabledBorderColor","blink","blinkAnimation","keyframes","_templateObject18","inputBlinkColor","_templateObject19","sizeSmall","_templateObject20","inputFontSizeSmall","inputLineHeightSmall","inputPaddingYSmall","inputPaddingXSmall","inputHeightSmall","inputBorderRadiusSmall","sizeSmallFallback","_templateObject21","sizeMedium","_templateObject22","inputFontSizeMedium","inputLineHeightMedium","inputPaddingYMedium","inputPaddingXMedium","inputHeightMedium","inputBorderRadiusMedium","sizeMediumFallback","_templateObject23","sizeLarge","_templateObject24","inputFontSizeLarge","inputLineHeightLarge","inputHeightLarge","inputPaddingYLarge","inputPaddingXLarge","inputBorderRadiusLarge","sizeLargeFallback","_templateObject25","hideBlinkingCursor","_templateObject26"],"sources":["Input.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { shift } from '../../lib/styles/DimensionFunctions';\nimport { resetText } from '../../lib/styles/Mixins';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    wrapper() {\n      return emotion.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 emotion.css`\n        ${resetText(emotion)};\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 emotion.css`\n        &:hover {\n          border-color: ${t.inputBorderColorHover};\n        }\n      `;\n    },\n\n    borderless() {\n      return emotion.css`\n        box-shadow: none;\n        border-color: transparent;\n        background-clip: padding-box;\n      `;\n    },\n\n    focus(t: Theme) {\n      return emotion.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    focusFallback(t: Theme) {\n      return emotion.css`\n        box-shadow: none;\n        outline: ${t.inputOutlineWidth} solid ${t.inputFocusOutline};\n      `;\n    },\n\n    placeholder(t: Theme) {\n      return emotion.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 emotion.css`\n        color: ${t.inputPlaceholderColorLight};\n      `;\n    },\n\n    placeholderDisabled(t: Theme) {\n      return emotion.css`\n        color: ${t.inputPlaceholderColorDisabled};\n      `;\n    },\n\n    input(t: Theme) {\n      return emotion.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 emotion.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 emotion.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 emotion.css`\n        border-color: ${t.inputBorderColorWarning};\n        box-shadow: 0 0 0 ${t.inputOutlineWidth} ${t.inputBorderColorWarning};\n        z-index: 2;\n      `;\n    },\n\n    warningFallback(t: Theme) {\n      return emotion.css`\n        box-shadow: none;\n        outline: ${t.inputBorderWidth} solid ${t.inputBorderColorWarning};\n      `;\n    },\n\n    error(t: Theme) {\n      return emotion.css`\n        border-color: ${t.inputBorderColorError};\n        box-shadow: 0 0 0 ${t.inputOutlineWidth} ${t.inputBorderColorError};\n        z-index: 2;\n      `;\n    },\n\n    errorFallback(t: Theme) {\n      return emotion.css`\n        box-shadow: none;\n        outline: ${t.inputBorderWidth} solid ${t.inputBorderColorError};\n      `;\n    },\n\n    disabled(t: Theme) {\n      return emotion.css`\n        background-color: ${t.inputDisabledBg};\n        border-color: ${t.inputDisabledBorderColor};\n        box-shadow: none;\n      `;\n    },\n\n    blink(t: Theme) {\n      const blinkAnimation = emotion.keyframes`\n    0% {\n      background-color: ${t.inputBlinkColor};\n    }\n  `;\n      return emotion.css`\n        animation: ${blinkAnimation} 0.15s ease-in;\n      `;\n    },\n\n    sizeSmall(t: Theme) {\n      return emotion.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    sizeSmallFallback(t: Theme) {\n      return emotion.css`\n        padding-top: ${shift(t.inputPaddingYSmall, '0')};\n        padding-bottom: ${shift(t.inputPaddingYSmall, '0')};\n        padding-left: ${t.inputPaddingXSmall};\n        padding-right: ${t.inputPaddingXSmall};\n        line-height: normal;\n      `;\n    },\n\n    sizeMedium(t: Theme) {\n      return emotion.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    sizeMediumFallback(t: Theme) {\n      return emotion.css`\n        padding-top: ${shift(t.inputPaddingYMedium, '0')};\n        padding-bottom: ${shift(t.inputPaddingYMedium, '0')};\n        padding-left: ${t.inputPaddingXMedium};\n        padding-right: ${t.inputPaddingXMedium};\n        line-height: normal;\n      `;\n    },\n\n    sizeLarge(t: Theme) {\n      return emotion.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    sizeLargeFallback(t: Theme) {\n      return emotion.css`\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        line-height: normal;\n      `;\n    },\n\n    hideBlinkingCursor() {\n      return emotion.css`\n        caret-color: transparent;\n      `;\n    },\n  });\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["css","keyframes","memoizeStyle","shift","resetText","styles","wrapper","_templateObject","_taggedTemplateLiteralLoose","root","t","_templateObject2","inputBackgroundClip","inputBg","inputBorderWidth","inputBorderColor","inputBorderTopColor","transitionDuration","transitionTimingFunction","inputShadow","inputColor","inputWidth","hovering","_templateObject3","inputBorderColorHover","borderless","_templateObject4","focus","_templateObject5","inputFocusedBg","inputBorderColorFocus","inputFocusShadow","focusFallback","_templateObject6","inputOutlineWidth","inputFocusOutline","placeholder","_templateObject7","inputPlaceholderColor","placeholderFocus","_templateObject8","inputPlaceholderColorLight","placeholderDisabled","_templateObject9","inputPlaceholderColorDisabled","input","_templateObject10","inputTextColor","inputColorScheme","inputFocus","_templateObject11","inputDisabled","_templateObject12","inputTextColorDisabled","warning","_templateObject13","inputBorderColorWarning","warningFallback","_templateObject14","error","_templateObject15","inputBorderColorError","errorFallback","_templateObject16","disabled","_templateObject17","inputDisabledBg","inputDisabledBorderColor","blink","blinkAnimation","_templateObject18","inputBlinkColor","_templateObject19","sizeSmall","_templateObject20","inputFontSizeSmall","inputLineHeightSmall","inputPaddingYSmall","inputPaddingXSmall","inputHeightSmall","inputBorderRadiusSmall","sizeSmallFallback","_templateObject21","sizeMedium","_templateObject22","inputFontSizeMedium","inputLineHeightMedium","inputPaddingYMedium","inputPaddingXMedium","inputHeightMedium","inputBorderRadiusMedium","sizeMediumFallback","_templateObject23","sizeLarge","_templateObject24","inputFontSizeLarge","inputLineHeightLarge","inputHeightLarge","inputPaddingYLarge","inputPaddingXLarge","inputBorderRadiusLarge","sizeLargeFallback","_templateObject25","hideBlinkingCursor","_templateObject26"],"sources":["Input.styles.ts"],"sourcesContent":["import { css, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { shift } from '../../lib/styles/DimensionFunctions';\nimport { resetText } from '../../lib/styles/Mixins';\n\nexport const styles = memoizeStyle({\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  focusFallback(t: Theme) {\n    return css`\n      box-shadow: none;\n      outline: ${t.inputOutlineWidth} solid ${t.inputFocusOutline};\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  warningFallback(t: Theme) {\n    return css`\n      box-shadow: none;\n      outline: ${t.inputBorderWidth} solid ${t.inputBorderColorWarning};\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  errorFallback(t: Theme) {\n    return css`\n      box-shadow: none;\n      outline: ${t.inputBorderWidth} solid ${t.inputBorderColorError};\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  blink(t: Theme) {\n    const blinkAnimation = keyframes`\n    0% {\n      background-color: ${t.inputBlinkColor};\n    }\n  `;\n    return css`\n      animation: ${blinkAnimation} 0.15s ease-in;\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  sizeSmallFallback(t: Theme) {\n    return css`\n      padding-top: ${shift(t.inputPaddingYSmall, '0')};\n      padding-bottom: ${shift(t.inputPaddingYSmall, '0')};\n      padding-left: ${t.inputPaddingXSmall};\n      padding-right: ${t.inputPaddingXSmall};\n      line-height: normal;\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  sizeMediumFallback(t: Theme) {\n    return css`\n      padding-top: ${shift(t.inputPaddingYMedium, '0')};\n      padding-bottom: ${shift(t.inputPaddingYMedium, '0')};\n      padding-left: ${t.inputPaddingXMedium};\n      padding-right: ${t.inputPaddingXMedium};\n      line-height: normal;\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  sizeLargeFallback(t: Theme) {\n    return css`\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      line-height: normal;\n    `;\n  },\n\n  hideBlinkingCursor() {\n    return css`\n      caret-color: transparent;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,6 +1,5 @@
-import type { Emotion } from '@emotion/css/create-instance';
 import { Theme } from '../../lib/theming/Theme';
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     wrapper(): string;
     root(t: Theme): string;
     hovering(t: Theme): string;

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

@@ -1,12 +1,11 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import React, { useContext } from 'react';
+import React from 'react';
 import { forwardRefAndName } from "../../../../lib/forwardRefAndName";
 import { InputDataTids } from "../../Input";
 import { CommonWrapper } from "../../../../internal/CommonWrapper";
-import { EmotionContext } from "../../../../lib/theming/Emotion";
 import { InputLayoutAside } from "../InputLayoutAside";
 import { InputLayoutContext, InputLayoutContextDefault } from "../InputLayoutContext";
-import { getStylesLayout } from "../InputLayout.styles";
+import { stylesLayout } from "../InputLayout.styles";
 export var InputLayout = forwardRefAndName('InputLayout', function (props, ref) {
   var leftIcon = props.leftIcon,
     rightIcon = props.rightIcon,
@@ -16,8 +15,6 @@ export var InputLayout = forwardRefAndName('InputLayout', function (props, ref)
     context = props.context,
     children = props.children;
   var _context = _extends({}, InputLayoutContextDefault, context);
-  var emotion = useContext(EmotionContext);
-  var stylesLayout = getStylesLayout(emotion);
   return /*#__PURE__*/(
     React.createElement(InputLayoutContext.Provider, {
       value: _context

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","forwardRefAndName","InputDataTids","CommonWrapper","EmotionContext","InputLayoutAside","InputLayoutContext","InputLayoutContextDefault","getStylesLayout","InputLayout","props","ref","leftIcon","rightIcon","prefix","suffix","labelProps","context","children","_context","_extends","emotion","stylesLayout","createElement","Provider","value","root","icon","text","side","className","input"],"sources":["InputLayout.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { InputDataTids, InputProps } from '../Input';\nimport { CommonProps, CommonWrapper } from '../../../internal/CommonWrapper';\nimport { EmotionContext } from '../../../lib/theming/Emotion';\n\nimport { InputLayoutAside } from './InputLayoutAside';\nimport { InputLayoutContext, InputLayoutContextDefault, InputLayoutContextProps } from './InputLayoutContext';\nimport { getStylesLayout } from './InputLayout.styles';\n\ntype InputLayoutRootFromInputProps = Pick<InputProps, 'leftIcon' | 'rightIcon' | 'prefix' | 'suffix'>;\n\nexport interface InputLayoutRootProps extends InputLayoutRootFromInputProps, CommonProps {\n  labelProps: React.LabelHTMLAttributes<HTMLLabelElement>;\n  context: Partial<InputLayoutContextProps>;\n}\n\nexport const InputLayout = forwardRefAndName<HTMLLabelElement, InputLayoutRootProps>('InputLayout', (props, ref) => {\n  const { leftIcon, rightIcon, prefix, suffix, labelProps, context, children } = props;\n  const _context: InputLayoutContextProps = { ...InputLayoutContextDefault, ...context };\n  const emotion = useContext(EmotionContext);\n  const stylesLayout = getStylesLayout(emotion);\n\n  return (\n    <InputLayoutContext.Provider value={_context}>\n      <CommonWrapper {...props}>\n        <label ref={ref} data-tid={InputDataTids.root} {...labelProps}>\n          <InputLayoutAside icon={leftIcon} text={prefix} side=\"left\" />\n          <span className={stylesLayout.input()}>{children}</span>\n          <InputLayoutAside icon={rightIcon} text={suffix} side=\"right\" />\n        </label>\n      </CommonWrapper>\n    </InputLayoutContext.Provider>\n  );\n});\n"],"mappings":"0DAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,SAASC,aAAa,QAAoB,UAAU;AACpD,SAAsBC,aAAa,QAAQ,iCAAiC;AAC5E,SAASC,cAAc,QAAQ,8BAA8B;;AAE7D,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,kBAAkB,EAAEC,yBAAyB,QAAiC,sBAAsB;AAC7G,SAASC,eAAe,QAAQ,sBAAsB;;;;;;;;;AAStD,OAAO,IAAMC,WAAW,GAAGR,iBAAiB,CAAyC,aAAa,EAAE,UAACS,KAAK,EAAEC,GAAG,EAAK;EAClH,IAAQC,QAAQ,GAA+DF,KAAK,CAA5EE,QAAQ,CAAEC,SAAS,GAAoDH,KAAK,CAAlEG,SAAS,CAAEC,MAAM,GAA4CJ,KAAK,CAAvDI,MAAM,CAAEC,MAAM,GAAoCL,KAAK,CAA/CK,MAAM,CAAEC,UAAU,GAAwBN,KAAK,CAAvCM,UAAU,CAAEC,OAAO,GAAeP,KAAK,CAA3BO,OAAO,CAAEC,QAAQ,GAAKR,KAAK,CAAlBQ,QAAQ;EAC1E,IAAMC,QAAiC,GAAAC,QAAA,KAAQb,yBAAyB,EAAKU,OAAO,CAAE;EACtF,IAAMI,OAAO,GAAGrB,UAAU,CAACI,cAAc,CAAC;EAC1C,IAAMkB,YAAY,GAAGd,eAAe,CAACa,OAAO,CAAC;;EAE7C;IACEtB,KAAA,CAAAwB,aAAA,CAACjB,kBAAkB,CAACkB,QAAQ,IAACC,KAAK,EAAEN,QAAS;IAC3CpB,KAAA,CAAAwB,aAAA,CAACpB,aAAa,EAAKO,KAAK;IACtBX,KAAA,CAAAwB,aAAA,UAAAH,QAAA,GAAOT,GAAG,EAAEA,GAAI,EAAC,YAAUT,aAAa,CAACwB,IAAK,IAAKV,UAAU;IAC3DjB,KAAA,CAAAwB,aAAA,CAAClB,gBAAgB,IAACsB,IAAI,EAAEf,QAAS,EAACgB,IAAI,EAAEd,MAAO,EAACe,IAAI,EAAC,MAAM,EAAE,CAAC;IAC9D9B,KAAA,CAAAwB,aAAA,WAAMO,SAAS,EAAER,YAAY,CAACS,KAAK,CAAC,CAAE,IAAEb,QAAe,CAAC;IACxDnB,KAAA,CAAAwB,aAAA,CAAClB,gBAAgB,IAACsB,IAAI,EAAEd,SAAU,EAACe,IAAI,EAAEb,MAAO,EAACc,IAAI,EAAC,OAAO,EAAE;IAC1D;IACM;IACY,CAAC;;AAElC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","forwardRefAndName","InputDataTids","CommonWrapper","InputLayoutAside","InputLayoutContext","InputLayoutContextDefault","stylesLayout","InputLayout","props","ref","leftIcon","rightIcon","prefix","suffix","labelProps","context","children","_context","_extends","createElement","Provider","value","root","icon","text","side","className","input"],"sources":["InputLayout.tsx"],"sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { InputDataTids, InputProps } from '../Input';\nimport { CommonProps, CommonWrapper } from '../../../internal/CommonWrapper';\n\nimport { InputLayoutAside } from './InputLayoutAside';\nimport { InputLayoutContext, InputLayoutContextDefault, InputLayoutContextProps } from './InputLayoutContext';\nimport { stylesLayout } from './InputLayout.styles';\n\ntype InputLayoutRootFromInputProps = Pick<InputProps, 'leftIcon' | 'rightIcon' | 'prefix' | 'suffix'>;\n\nexport interface InputLayoutRootProps extends InputLayoutRootFromInputProps, CommonProps {\n  labelProps: React.LabelHTMLAttributes<HTMLLabelElement>;\n  context: Partial<InputLayoutContextProps>;\n}\n\nexport const InputLayout = forwardRefAndName<HTMLLabelElement, InputLayoutRootProps>('InputLayout', (props, ref) => {\n  const { leftIcon, rightIcon, prefix, suffix, labelProps, context, children } = props;\n  const _context: InputLayoutContextProps = { ...InputLayoutContextDefault, ...context };\n\n  return (\n    <InputLayoutContext.Provider value={_context}>\n      <CommonWrapper {...props}>\n        <label ref={ref} data-tid={InputDataTids.root} {...labelProps}>\n          <InputLayoutAside icon={leftIcon} text={prefix} side=\"left\" />\n          <span className={stylesLayout.input()}>{children}</span>\n          <InputLayoutAside icon={rightIcon} text={suffix} side=\"right\" />\n        </label>\n      </CommonWrapper>\n    </InputLayoutContext.Provider>\n  );\n});\n"],"mappings":"0DAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,SAASC,aAAa,QAAoB,UAAU;AACpD,SAAsBC,aAAa,QAAQ,iCAAiC;;AAE5E,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,kBAAkB,EAAEC,yBAAyB,QAAiC,sBAAsB;AAC7G,SAASC,YAAY,QAAQ,sBAAsB;;;;;;;;;AASnD,OAAO,IAAMC,WAAW,GAAGP,iBAAiB,CAAyC,aAAa,EAAE,UAACQ,KAAK,EAAEC,GAAG,EAAK;EAClH,IAAQC,QAAQ,GAA+DF,KAAK,CAA5EE,QAAQ,CAAEC,SAAS,GAAoDH,KAAK,CAAlEG,SAAS,CAAEC,MAAM,GAA4CJ,KAAK,CAAvDI,MAAM,CAAEC,MAAM,GAAoCL,KAAK,CAA/CK,MAAM,CAAEC,UAAU,GAAwBN,KAAK,CAAvCM,UAAU,CAAEC,OAAO,GAAeP,KAAK,CAA3BO,OAAO,CAAEC,QAAQ,GAAKR,KAAK,CAAlBQ,QAAQ;EAC1E,IAAMC,QAAiC,GAAAC,QAAA,KAAQb,yBAAyB,EAAKU,OAAO,CAAE;;EAEtF;IACEhB,KAAA,CAAAoB,aAAA,CAACf,kBAAkB,CAACgB,QAAQ,IAACC,KAAK,EAAEJ,QAAS;IAC3ClB,KAAA,CAAAoB,aAAA,CAACjB,aAAa,EAAKM,KAAK;IACtBT,KAAA,CAAAoB,aAAA,UAAAD,QAAA,GAAOT,GAAG,EAAEA,GAAI,EAAC,YAAUR,aAAa,CAACqB,IAAK,IAAKR,UAAU;IAC3Df,KAAA,CAAAoB,aAAA,CAAChB,gBAAgB,IAACoB,IAAI,EAAEb,QAAS,EAACc,IAAI,EAAEZ,MAAO,EAACa,IAAI,EAAC,MAAM,EAAE,CAAC;IAC9D1B,KAAA,CAAAoB,aAAA,WAAMO,SAAS,EAAEpB,YAAY,CAACqB,KAAK,CAAC,CAAE,IAAEX,QAAe,CAAC;IACxDjB,KAAA,CAAAoB,aAAA,CAAChB,gBAAgB,IAACoB,IAAI,EAAEZ,SAAU,EAACa,IAAI,EAAEX,MAAO,EAACY,IAAI,EAAC,OAAO,EAAE;IAC1D;IACM;IACY,CAAC;;AAElC,CAAC,CAAC","ignoreList":[]}