@skbkontur/react-ui 0.0.0-aaf2aabecb → 0.0.0-bb4cbfe9c6

package/components/Input/Input.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
 import { Nullable, Override } from '../../typings/utility-types';
+import { CommonProps } from '../../internal/CommonWrapper';
 export declare type InputSize = 'small' | 'medium' | 'large';
 export declare type InputAlign = 'left' | 'center' | 'right';
 export declare type InputType = 'password' | 'text';
 export declare type InputIconType = React.ReactNode | (() => React.ReactNode);
-export declare type InputProps = Override<React.InputHTMLAttributes<HTMLInputElement>, {
+export interface InputProps extends CommonProps, Override<React.InputHTMLAttributes<HTMLInputElement>, {
     /**
      * Иконка слева
      * Если `ReactNode` применяются дефолтные стили для иконки
@@ -17,9 +18,13 @@ export declare type InputProps = Override<React.InputHTMLAttributes<HTMLInputEle
      * Если `() => ReactNode` применяются только стили для позиционирование
      */
     rightIcon?: InputIconType;
-    /** Состояние ошибки */
+    /**
+     * Cостояние валидации при ошибке.
+     */
     error?: boolean;
-    /** Состояние предупреждения */
+    /**
+     * Cостояние валидации при предупреждении.
+     */
     warning?: boolean;
     /** Режим прозрачной рамки */
     borderless?: boolean;
@@ -73,7 +78,8 @@ export declare type InputProps = Override<React.InputHTMLAttributes<HTMLInputEle
      * @param value значение инпута.
      */
     onUnexpectedInput?: (value: string) => void;
-}>;
+}> {
+}
 export interface InputState {
     blinking: boolean;
     focused: boolean;
@@ -93,9 +99,12 @@ export declare class Input extends React.Component<InputProps, InputState> {
     private theme;
     private blinkTimeout;
     private input;
+    private setRootNode;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: InputProps): void;
+    static getDerivedStateFromProps(props: InputProps, state: InputState): InputState | {
+        polyfillPlaceholder: boolean;
+    };
     /**
      * @public
      */
@@ -104,12 +113,18 @@ export declare class Input extends React.Component<InputProps, InputState> {
      * @public
      */
     blur(): void;
+    /**
+     * @public
+     */
+    getNode(): HTMLInputElement | null;
     /**
      * @public
      */
     blink(): void;
     /**
      * @public
+     * @param {number} start
+     * @param {number} end
      */
     setSelectionRange(start: number, end: number): void;
     get isMaskVisible(): boolean;
@@ -123,6 +138,7 @@ export declare class Input extends React.Component<InputProps, InputState> {
     private cancelBlink;
     private renderMain;
     private renderMaskedInput;
+    private getIconSizeClassname;
     private renderLeftIcon;
     private renderRightIcon;
     private renderIcon;

package/components/Input/Input.md

@@ -1,13 +1,13 @@
-```jsx harmony
-import SearchIcon from '@skbkontur/react-icons/Search';
-
-<Input leftIcon={<SearchIcon />} />;
-```
-
-Пример с префиксом:
-
-```jsx harmony
-import SearchIcon from '@skbkontur/react-icons/Search';
-
-<Input width={400} prefix="https://kontur.ru/search?query=" rightIcon={<SearchIcon />} />;
-```
+```jsx harmony
+import SearchIcon from '@skbkontur/react-icons/Search';
+
+<Input leftIcon={<SearchIcon />} />;
+```
+
+Пример с префиксом:
+
+```jsx harmony
+import SearchIcon from '@skbkontur/react-icons/Search';
+
+<Input width={400} prefix="https://kontur.ru/search?query=" rightIcon={<SearchIcon />} />;
+```

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

@@ -1,357 +1,132 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 
-function _templateObject27() {
-  var data = _taggedTemplateLiteralLoose(["\n      padding-left: 2px;\n      flex-shrink: 0;\n      cursor: text;\n      z-index: 2;\n    "]);
+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, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40;
 
-  _templateObject27 = function _templateObject27() {
-    return data;
-  };
+import { css, keyframes, memoizeStyle } from "../../../lib/theming/Emotion";
+import { shift } from "../../../lib/styles/DimensionFunctions";
+import { resetText } from "../../../lib/styles/Mixins";
 
-  return data;
-}
-
-function _templateObject26() {
-  var data = _taggedTemplateLiteralLoose(["\n      padding-right: 2px;\n      flex-shrink: 0;\n      cursor: text;\n      z-index: 2;\n    "]);
-
-  _templateObject26 = function _templateObject26() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject25() {
-  var data = _taggedTemplateLiteralLoose(["\n      justify-self: flex-end;\n      margin: 0 0 0 auto;\n      padding-left: 0;\n      padding-right: 10px;\n    "]);
-
-  _templateObject25 = function _templateObject25() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject24() {
-  var data = _taggedTemplateLiteralLoose(["\n      align-items: center;\n      display: flex;\n      flex-shrink: 0;\n      height: 100%;\n      min-width: 10px;\n      padding-left: 10px;\n\n      &::before {\n        content: '\\a0';\n        display: inline-block;\n        width: 0;\n      }\n    "], ["\n      align-items: center;\n      display: flex;\n      flex-shrink: 0;\n      height: 100%;\n      min-width: 10px;\n      padding-left: 10px;\n\n      &::before {\n        content: '\\\\a0';\n        display: inline-block;\n        width: 0;\n      }\n    "]);
-
-  _templateObject24 = function _templateObject24() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject23() {
-  var data = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "]);
-
-  _templateObject23 = function _templateObject23() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject22() {
-  var data = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "]);
-
-  _templateObject22 = function _templateObject22() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject21() {
-  var data = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      line-height: normal !important;\n    "]);
-
-  _templateObject21 = function _templateObject21() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject20() {
-  var data = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", " !important;\n      height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n    "]);
-
-  _templateObject20 = function _templateObject20() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject19() {
-  var data = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      line-height: normal !important;\n    "]);
-
-  _templateObject19 = function _templateObject19() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject18() {
-  var data = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", " !important;\n      padding-top: ", ";\n      padding-bottom: ", ";\n      height: ", ";\n    "]);
-
-  _templateObject18 = function _templateObject18() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject17() {
-  var data = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      line-height: normal !important;\n    "]);
-
-  _templateObject17 = function _templateObject17() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject16() {
-  var data = _taggedTemplateLiteralLoose(["\n      & {\n        font-size: ", ";\n        line-height: ", " !important;\n        padding-top: ", ";\n        padding-bottom: ", ";\n        height: ", ";\n      }\n    "]);
-
-  _templateObject16 = function _templateObject16() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject15() {
-  var data = _taggedTemplateLiteralLoose(["\n      animation: ", " 0.15s ease-in;\n    "]);
-
-  _templateObject15 = function _templateObject15() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject14() {
-  var data = _taggedTemplateLiteralLoose(["\n    0% {\n      background-color: ", ";\n    }\n  "]);
-
-  _templateObject14 = function _templateObject14() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject13() {
-  var data = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      border-color: ", " !important;\n      box-shadow: none;\n\n      ", ",\n      ", " {\n        cursor: default;\n      }\n      ", " {\n        color: ", ";\n        pointer-events: none;\n        /* fix text color in safari */\n        -webkit-text-fill-color: currentcolor;\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    "]);
-
-  _templateObject13 = function _templateObject13() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject12() {
-  var data = _taggedTemplateLiteralLoose(["\n      box-shadow: none !important;\n      outline: 1px solid ", " !important;\n    "]);
-
-  _templateObject12 = function _templateObject12() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject11() {
-  var data = _taggedTemplateLiteralLoose(["\n      border-color: ", " !important;\n      box-shadow: 0 0 0 1px ", " !important;\n      z-index: 2;\n    "]);
-
-  _templateObject11 = function _templateObject11() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject10() {
-  var data = _taggedTemplateLiteralLoose(["\n      box-shadow: none !important;\n      outline: 1px solid ", " !important;\n    "]);
-
-  _templateObject10 = function _templateObject10() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject9() {
-  var data = _taggedTemplateLiteralLoose(["\n      & {\n        border-color: ", " !important;\n        box-shadow: 0 0 0 1px ", " !important;\n        z-index: 2;\n      }\n    "]);
-
-  _templateObject9 = function _templateObject9() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject8() {
-  var data = _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\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    "]);
-
-  _templateObject8 = function _templateObject8() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject7() {
-  var data = _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\n      ", " & {\n        color: ", ";\n      }\n    "]);
-
-  _templateObject7 = function _templateObject7() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject6() {
-  var data = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      outline: 1px solid ", ";\n    "]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = _taggedTemplateLiteralLoose(["\n      border-color: ", ";\n      box-shadow: ", ";\n      outline: none;\n      z-index: 2;\n\n      ", ":-moz-placeholder {\n        color: ", ";\n      }\n      ", "::-moz-placeholder {\n        color: ", ";\n      }\n      ", "::placeholder {\n        color: ", ";\n      }\n    "]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      border-color: transparent;\n    "]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      align-items: center;\n      background-clip: padding-box;\n      background-color: ", ";\n      border: ", " solid ", ";\n      border-top-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: 250px;\n\n      & * {\n        box-sizing: border-box;\n      }\n    "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _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    "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
+var shouldCompensateFontFamily = function shouldCompensateFontFamily(fontFamilyCompensation) {
+  return Boolean(parseInt(fontFamilyCompensation));
+};
 
-import { css, cssName, keyframes, memoizeStyle } from "..\\..\\..\\lib\\theming\\Emotion";
-import { shift } from "..\\..\\..\\lib\\styles\\DimensionFunctions";
-import { resetText } from "..\\..\\..\\lib\\styles\\Mixins";
-var styles = {
+export var styles = memoizeStyle({
   wrapper: function wrapper() {
-    return css(_templateObject());
+    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(), resetText(), t.inputBg, t.inputBorderWidth, t.borderColorGrayLight, t.inputBorderTopColor, t.inputShadow, t.inputColor);
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      align-items: center;\n      background-clip: padding-box;\n      background-color: ", ";\n      border: ", " solid ", ";\n      border-top-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.inputBg, t.inputBorderWidth, t.inputBorderColor, t.inputBorderTopColor, t.inputShadow, t.inputColor, t.inputWidth);
   },
   borderless: function borderless() {
-    return css(_templateObject3());
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      border-color: transparent;\n    "])));
   },
   useDefaultColor: function useDefaultColor(t) {
-    return css(_templateObject4(), t.inputIconColor);
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputIconColor);
   },
   focus: function focus(t) {
-    return css(_templateObject5(), t.borderColorFocus, t.inputFocusShadow, cssName(styles.input(t)), t.placeholderColorLight, cssName(styles.input(t)), t.placeholderColorLight, cssName(styles.input(t)), t.placeholderColorLight);
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      border-color: ", ";\n      box-shadow: ", ";\n      outline: none;\n      z-index: 2;\n    "])), t.inputBorderColorFocus, t.inputFocusShadow);
   },
   focusFallback: function focusFallback(t) {
-    return css(_templateObject6(), t.inputFocusOutline);
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])), t.inputOutlineWidth, t.inputFocusOutline);
   },
   placeholder: function placeholder(t) {
-    return css(_templateObject7(), t.placeholderColor, cssName(styles.focus(t)), t.placeholderColorLight);
+    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(_templateObject8(), t.inputTextColor, t.placeholderColor, t.placeholderColor, t.placeholderColor);
+    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\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.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(_templateObject9(), t.borderColorWarning, t.borderColorWarning);
+    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(_templateObject10(), t.borderColorWarning);
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])), t.inputBorderWidth, t.inputBorderColorWarning);
   },
   error: function error(t) {
-    return css(_templateObject11(), t.borderColorError, t.borderColorError);
+    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(_templateObject12(), t.borderColorError);
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])), t.inputBorderWidth, t.inputBorderColorError);
   },
   disabled: function disabled(t) {
-    return css(_templateObject13(), t.inputDisabledBg, t.inputDisabledBorderColor, cssName(styles.leftIcon()), cssName(styles.rightIcon()), cssName(styles.input(t)), t.textColorDisabled, cssName(styles.input(t)), t.placeholderColor, cssName(styles.input(t)), t.placeholderColor, cssName(styles.input(t)), t.placeholderColor);
+    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(_templateObject14(), t.blinkColor);
-    return css(_templateObject15(), blinkAnimation);
+    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(_templateObject16(), t.inputFontSizeSmall, t.controlLineHeightSmall, t.controlPaddingYSmall, t.controlPaddingYSmall, t.controlHeightSmall);
+    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(_templateObject17(), shift(t.controlPaddingYSmall, '-1'), shift(t.controlPaddingYSmall, '1'));
+    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, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0'), shift(t.inputPaddingYSmall, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0'), t.inputPaddingXSmall, t.inputPaddingXSmall);
   },
   sizeMedium: function sizeMedium(t) {
-    return css(_templateObject18(), t.inputFontSizeMedium, t.controlLineHeightMedium, t.controlPaddingYMedium, t.controlPaddingYMedium, t.controlHeightMedium);
+    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(_templateObject19(), shift(t.controlPaddingYMedium, '-1'), shift(t.controlPaddingYMedium, '1'));
+    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, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0'), shift(t.inputPaddingYMedium, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0'), t.inputPaddingXMedium, t.inputPaddingXMedium);
   },
   sizeLarge: function sizeLarge(t) {
-    return css(_templateObject20(), t.inputFontSizeLarge, t.controlLineHeightLarge, t.controlHeightLarge, shift(t.controlPaddingYLarge, '-1'), shift(t.controlPaddingYLarge, '1'));
+    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, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0'), shift(t.inputPaddingYLarge, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0'), t.inputPaddingXLarge, t.inputPaddingXLarge, t.inputBorderRadiusLarge);
   },
   sizeLargeFallback: function sizeLargeFallback(t) {
-    return css(_templateObject21(), shift(t.controlPaddingYLarge, '-2'), shift(t.controlPaddingYLarge, '2'));
+    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, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-2' : '0'), shift(t.inputPaddingYLarge, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '2' : '0'), t.inputPaddingXLarge, t.inputPaddingXLarge);
   },
   prefix: function prefix(t) {
-    return css(_templateObject22(), t.placeholderColor);
+    return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColor);
+  },
+  prefixDisabled: function prefixDisabled(t) {
+    return css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColorDisabled);
   },
   suffix: function suffix(t) {
-    return css(_templateObject23(), t.placeholderColor);
+    return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColor);
+  },
+  suffixDisabled: function suffixDisabled(t) {
+    return css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColorDisabled);
   },
   sideContainer: function sideContainer() {
-    return css(_templateObject24());
+    return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n      align-items: center;\n      display: flex;\n      flex-shrink: 0;\n      height: 100%;\n\n      &::before {\n        content: '\\a0';\n        display: inline-block;\n        width: 0;\n      }\n    "], ["\n      align-items: center;\n      display: flex;\n      flex-shrink: 0;\n      height: 100%;\n\n      &::before {\n        content: '\\\\a0';\n        display: inline-block;\n        width: 0;\n      }\n    "])));
   },
   rightContainer: function rightContainer() {
-    return css(_templateObject25());
+    return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n      justify-self: flex-end;\n      margin: 0 0 0 auto;\n      padding-left: 0;\n    "])));
+  },
+  icon: function icon() {
+    return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n      flex-shrink: 0;\n      cursor: text;\n      z-index: 2;\n      text-align: center;\n      box-sizing: content-box !important; // fix possible \"reset.css\" problem\n    "])));
+  },
+  iconDisabled: function iconDisabled() {
+    return css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n    "])));
+  },
+  leftIconSmall: function leftIconSmall(t) {
+    return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])), t.inputIconSizeSmall, t.inputIconGapSmall);
   },
-  leftIcon: function leftIcon() {
-    return css(_templateObject26());
+  rightIconSmall: function rightIconSmall(t) {
+    return css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])), t.inputIconSizeSmall, t.inputIconGapSmall);
   },
-  rightIcon: function rightIcon() {
-    return css(_templateObject27());
+  leftIconMedium: function leftIconMedium(t) {
+    return css(_templateObject36 || (_templateObject36 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])), t.inputIconSizeMedium, t.inputIconGapMedium);
+  },
+  rightIconMedium: function rightIconMedium(t) {
+    return css(_templateObject37 || (_templateObject37 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])), t.inputIconSizeMedium, t.inputIconGapMedium);
+  },
+  leftIconLarge: function leftIconLarge(t) {
+    return css(_templateObject38 || (_templateObject38 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])), t.inputIconSizeLarge, t.inputIconGapLarge);
+  },
+  rightIconLarge: function rightIconLarge(t) {
+    return css(_templateObject39 || (_templateObject39 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])), t.inputIconSizeLarge, t.inputIconGapLarge);
+  },
+  hideBlinkingCursor: function hideBlinkingCursor() {
+    return css(_templateObject40 || (_templateObject40 = _taggedTemplateLiteralLoose(["\n      caret-color: transparent;\n    "])));
   }
-};
-export var jsStyles = memoizeStyle(styles);
+});

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

@@ -1 +1 @@
-{"version":3,"sources":["Input.styles.ts"],"names":["css","cssName","keyframes","memoizeStyle","shift","resetText","styles","wrapper","root","t","inputBg","inputBorderWidth","borderColorGrayLight","inputBorderTopColor","inputShadow","inputColor","borderless","useDefaultColor","inputIconColor","focus","borderColorFocus","inputFocusShadow","input","placeholderColorLight","focusFallback","inputFocusOutline","placeholder","placeholderColor","inputTextColor","warning","borderColorWarning","warningFallback","error","borderColorError","errorFallback","disabled","inputDisabledBg","inputDisabledBorderColor","leftIcon","rightIcon","textColorDisabled","blink","blinkAnimation","blinkColor","sizeSmall","inputFontSizeSmall","controlLineHeightSmall","controlPaddingYSmall","controlHeightSmall","sizeSmallFallback","sizeMedium","inputFontSizeMedium","controlLineHeightMedium","controlPaddingYMedium","controlHeightMedium","sizeMediumFallback","sizeLarge","inputFontSizeLarge","controlLineHeightLarge","controlHeightLarge","controlPaddingYLarge","sizeLargeFallback","prefix","suffix","sideContainer","rightContainer","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { shift } from '../../lib/styles/DimensionFunctions';\r\nimport { resetText } from '../../lib/styles/Mixins';\r\n\r\nconst styles = {\r\n  wrapper() {\r\n    return css`\r\n      align-items: center;\r\n      display: flex;\r\n      margin: 0;\r\n      min-width: 0;\r\n      overflow: hidden;\r\n      position: relative;\r\n      text-overflow: clip;\r\n      white-space: nowrap;\r\n      width: 100%;\r\n\r\n      &::before {\r\n        content: '\\\\A0';\r\n        display: inline-block;\r\n        width: 0;\r\n      }\r\n    `;\r\n  },\r\n\r\n  root(t: Theme) {\r\n    return css`\r\n      ${resetText()};\r\n\r\n      align-items: center;\r\n      background-clip: padding-box;\r\n      background-color: ${t.inputBg};\r\n      border: ${t.inputBorderWidth} solid ${t.borderColorGrayLight};\r\n      border-top-color: ${t.inputBorderTopColor};\r\n      box-shadow: ${t.inputShadow};\r\n      box-sizing: border-box;\r\n      color: ${t.inputColor};\r\n      cursor: text;\r\n      display: inline-flex;\r\n      outline: none;\r\n      position: relative;\r\n      width: 250px;\r\n\r\n      & * {\r\n        box-sizing: border-box;\r\n      }\r\n    `;\r\n  },\r\n\r\n  borderless() {\r\n    return css`\r\n      box-shadow: none;\r\n      border-color: transparent;\r\n    `;\r\n  },\r\n\r\n  useDefaultColor(t: Theme) {\r\n    return css`\r\n      color: ${t.inputIconColor};\r\n    `;\r\n  },\r\n\r\n  focus(t: Theme) {\r\n    return css`\r\n      border-color: ${t.borderColorFocus};\r\n      box-shadow: ${t.inputFocusShadow};\r\n      outline: none;\r\n      z-index: 2;\r\n\r\n      ${cssName(styles.input(t))}:-moz-placeholder {\r\n        color: ${t.placeholderColorLight};\r\n      }\r\n      ${cssName(styles.input(t))}::-moz-placeholder {\r\n        color: ${t.placeholderColorLight};\r\n      }\r\n      ${cssName(styles.input(t))}::placeholder {\r\n        color: ${t.placeholderColorLight};\r\n      }\r\n    `;\r\n  },\r\n\r\n  focusFallback(t: Theme) {\r\n    return css`\r\n      box-shadow: none;\r\n      outline: 1px solid ${t.inputFocusOutline};\r\n    `;\r\n  },\r\n\r\n  placeholder(t: Theme) {\r\n    return css`\r\n      -ms-user-select: none;\r\n      color: ${t.placeholderColor};\r\n      cursor: text;\r\n      font-size: inherit;\r\n      height: 100%;\r\n      left: 0;\r\n      overflow: hidden;\r\n      pointer-events: none;\r\n      position: absolute;\r\n      top: 0;\r\n      user-select: none;\r\n      white-space: nowrap;\r\n      width: 100%;\r\n\r\n      ${cssName(styles.focus(t))} & {\r\n        color: ${t.placeholderColorLight};\r\n      }\r\n    `;\r\n  },\r\n\r\n  input(t: Theme) {\r\n    return css`\r\n      -webkit-appearance: none;\r\n      background: transparent;\r\n      border: 0 none;\r\n      color: ${t.inputTextColor};\r\n      font: inherit;\r\n      line-height: inherit;\r\n      margin: 0;\r\n      outline: none;\r\n      padding: 0;\r\n      text-overflow: clip;\r\n      white-space: nowrap;\r\n      width: 100%;\r\n\r\n      &:-moz-placeholder {\r\n        opacity: 1;\r\n      }\r\n      &::-moz-placeholder {\r\n        opacity: 1;\r\n      }\r\n      &::-ms-clear {\r\n        display: none;\r\n      }\r\n      &:-moz-placeholder {\r\n        color: ${t.placeholderColor};\r\n      }\r\n      &::-moz-placeholder {\r\n        color: ${t.placeholderColor};\r\n      }\r\n      &::placeholder {\r\n        color: ${t.placeholderColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  warning(t: Theme) {\r\n    return css`\r\n      & {\r\n        border-color: ${t.borderColorWarning} !important;\r\n        box-shadow: 0 0 0 1px ${t.borderColorWarning} !important;\r\n        z-index: 2;\r\n      }\r\n    `;\r\n  },\r\n\r\n  warningFallback(t: Theme) {\r\n    return css`\r\n      box-shadow: none !important;\r\n      outline: 1px solid ${t.borderColorWarning} !important;\r\n    `;\r\n  },\r\n\r\n  error(t: Theme) {\r\n    return css`\r\n      border-color: ${t.borderColorError} !important;\r\n      box-shadow: 0 0 0 1px ${t.borderColorError} !important;\r\n      z-index: 2;\r\n    `;\r\n  },\r\n\r\n  errorFallback(t: Theme) {\r\n    return css`\r\n      box-shadow: none !important;\r\n      outline: 1px solid ${t.borderColorError} !important;\r\n    `;\r\n  },\r\n\r\n  disabled(t: Theme) {\r\n    return css`\r\n      background: ${t.inputDisabledBg};\r\n      border-color: ${t.inputDisabledBorderColor} !important;\r\n      box-shadow: none;\r\n\r\n      ${cssName(styles.leftIcon())},\r\n      ${cssName(styles.rightIcon())} {\r\n        cursor: default;\r\n      }\r\n      ${cssName(styles.input(t))} {\r\n        color: ${t.textColorDisabled};\r\n        pointer-events: none;\r\n        /* fix text color in safari */\r\n        -webkit-text-fill-color: currentcolor;\r\n      }\r\n      ${cssName(styles.input(t))}:-moz-placeholder {\r\n        -webkit-text-fill-color: ${t.placeholderColor};\r\n      }\r\n      ${cssName(styles.input(t))}::-moz-placeholder {\r\n        -webkit-text-fill-color: ${t.placeholderColor};\r\n      }\r\n      ${cssName(styles.input(t))}::placeholder {\r\n        -webkit-text-fill-color: ${t.placeholderColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  blink(t: Theme) {\r\n    const blinkAnimation = keyframes`\r\n    0% {\r\n      background-color: ${t.blinkColor};\r\n    }\r\n  `;\r\n    return css`\r\n      animation: ${blinkAnimation} 0.15s ease-in;\r\n    `;\r\n  },\r\n\r\n  sizeSmall(t: Theme) {\r\n    return css`\r\n      & {\r\n        font-size: ${t.inputFontSizeSmall};\r\n        line-height: ${t.controlLineHeightSmall} !important;\r\n        padding-top: ${t.controlPaddingYSmall};\r\n        padding-bottom: ${t.controlPaddingYSmall};\r\n        height: ${t.controlHeightSmall};\r\n      }\r\n    `;\r\n  },\r\n\r\n  sizeSmallFallback(t: Theme) {\r\n    return css`\r\n      padding-top: ${shift(t.controlPaddingYSmall, '-1')};\r\n      padding-bottom: ${shift(t.controlPaddingYSmall, '1')};\r\n      line-height: normal !important;\r\n    `;\r\n  },\r\n\r\n  sizeMedium(t: Theme) {\r\n    return css`\r\n      font-size: ${t.inputFontSizeMedium};\r\n      line-height: ${t.controlLineHeightMedium} !important;\r\n      padding-top: ${t.controlPaddingYMedium};\r\n      padding-bottom: ${t.controlPaddingYMedium};\r\n      height: ${t.controlHeightMedium};\r\n    `;\r\n  },\r\n\r\n  sizeMediumFallback(t: Theme) {\r\n    return css`\r\n      padding-top: ${shift(t.controlPaddingYMedium, '-1')};\r\n      padding-bottom: ${shift(t.controlPaddingYMedium, '1')};\r\n      line-height: normal !important;\r\n    `;\r\n  },\r\n\r\n  sizeLarge(t: Theme) {\r\n    return css`\r\n      font-size: ${t.inputFontSizeLarge};\r\n      line-height: ${t.controlLineHeightLarge} !important;\r\n      height: ${t.controlHeightLarge};\r\n      padding-top: ${shift(t.controlPaddingYLarge, '-1')};\r\n      padding-bottom: ${shift(t.controlPaddingYLarge, '1')};\r\n    `;\r\n  },\r\n\r\n  sizeLargeFallback(t: Theme) {\r\n    return css`\r\n      padding-top: ${shift(t.controlPaddingYLarge, '-2')};\r\n      padding-bottom: ${shift(t.controlPaddingYLarge, '2')};\r\n      line-height: normal !important;\r\n    `;\r\n  },\r\n\r\n  prefix(t: Theme) {\r\n    return css`\r\n      color: ${t.placeholderColor};\r\n    `;\r\n  },\r\n\r\n  suffix(t: Theme) {\r\n    return css`\r\n      color: ${t.placeholderColor};\r\n    `;\r\n  },\r\n\r\n  sideContainer() {\r\n    return css`\r\n      align-items: center;\r\n      display: flex;\r\n      flex-shrink: 0;\r\n      height: 100%;\r\n      min-width: 10px;\r\n      padding-left: 10px;\r\n\r\n      &::before {\r\n        content: '\\\\a0';\r\n        display: inline-block;\r\n        width: 0;\r\n      }\r\n    `;\r\n  },\r\n\r\n  rightContainer() {\r\n    return css`\r\n      justify-self: flex-end;\r\n      margin: 0 0 0 auto;\r\n      padding-left: 0;\r\n      padding-right: 10px;\r\n    `;\r\n  },\r\n\r\n  leftIcon() {\r\n    return css`\r\n      padding-right: 2px;\r\n      flex-shrink: 0;\r\n      cursor: text;\r\n      z-index: 2;\r\n    `;\r\n  },\r\n\r\n  rightIcon() {\r\n    return css`\r\n      padding-left: 2px;\r\n      flex-shrink: 0;\r\n      cursor: text;\r\n      z-index: 2;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Input.styles.ts"],"names":["css","keyframes","memoizeStyle","shift","resetText","shouldCompensateFontFamily","fontFamilyCompensation","Boolean","parseInt","styles","wrapper","root","t","inputBg","inputBorderWidth","inputBorderColor","inputBorderTopColor","inputShadow","inputColor","inputWidth","borderless","useDefaultColor","inputIconColor","focus","inputBorderColorFocus","inputFocusShadow","focusFallback","inputOutlineWidth","inputFocusOutline","placeholder","inputPlaceholderColor","placeholderFocus","inputPlaceholderColorLight","placeholderDisabled","inputPlaceholderColorDisabled","input","inputTextColor","inputFocus","inputDisabled","inputTextColorDisabled","warning","inputBorderColorWarning","warningFallback","error","inputBorderColorError","errorFallback","disabled","inputDisabledBg","inputDisabledBorderColor","blink","blinkAnimation","inputBlinkColor","sizeSmall","inputFontSizeSmall","inputLineHeightSmall","inputPaddingYSmall","inputPaddingXSmall","inputHeightSmall","inputBorderRadiusSmall","sizeSmallFallback","fontFamilyCompensationBaseline","sizeMedium","inputFontSizeMedium","inputLineHeightMedium","inputPaddingYMedium","inputPaddingXMedium","inputHeightMedium","inputBorderRadiusMedium","sizeMediumFallback","sizeLarge","inputFontSizeLarge","inputLineHeightLarge","inputHeightLarge","inputPaddingYLarge","inputPaddingXLarge","inputBorderRadiusLarge","sizeLargeFallback","prefix","prefixDisabled","suffix","suffixDisabled","sideContainer","rightContainer","icon","iconDisabled","leftIconSmall","inputIconSizeSmall","inputIconGapSmall","rightIconSmall","leftIconMedium","inputIconSizeMedium","inputIconGapMedium","rightIconMedium","leftIconLarge","inputIconSizeLarge","inputIconGapLarge","rightIconLarge","hideBlinkingCursor"],"mappings":"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","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\nconst shouldCompensateFontFamily = (fontFamilyCompensation: string): boolean =>\n  Boolean(parseInt(fontFamilyCompensation));\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: padding-box;\n      background-color: ${t.inputBg};\n      border: ${t.inputBorderWidth} solid ${t.inputBorderColor};\n      border-top-color: ${t.inputBorderTopColor};\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  borderless() {\n    return css`\n      box-shadow: none;\n      border-color: transparent;\n    `;\n  },\n\n  useDefaultColor(t: Theme) {\n    return css`\n      color: ${t.inputIconColor};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\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\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(\n        t.inputPaddingYSmall,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0',\n      )};\n      padding-bottom: ${shift(\n        t.inputPaddingYSmall,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0',\n      )};\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(\n        t.inputPaddingYMedium,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0',\n      )};\n      padding-bottom: ${shift(\n        t.inputPaddingYMedium,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0',\n      )};\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(\n        t.inputPaddingYLarge,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0',\n      )};\n      padding-bottom: ${shift(\n        t.inputPaddingYLarge,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0',\n      )};\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(\n        t.inputPaddingYLarge,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-2' : '0',\n      )};\n      padding-bottom: ${shift(\n        t.inputPaddingYLarge,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '2' : '0',\n      )};\n      padding-left: ${t.inputPaddingXLarge};\n      padding-right: ${t.inputPaddingXLarge};\n      line-height: normal;\n    `;\n  },\n\n  prefix(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColor};\n    `;\n  },\n\n  prefixDisabled(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColorDisabled};\n    `;\n  },\n\n  suffix(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColor};\n    `;\n  },\n\n  suffixDisabled(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColorDisabled};\n    `;\n  },\n\n  sideContainer() {\n    return css`\n      align-items: center;\n      display: flex;\n      flex-shrink: 0;\n      height: 100%;\n\n      &::before {\n        content: '\\\\a0';\n        display: inline-block;\n        width: 0;\n      }\n    `;\n  },\n\n  rightContainer() {\n    return css`\n      justify-self: flex-end;\n      margin: 0 0 0 auto;\n      padding-left: 0;\n    `;\n  },\n\n  icon() {\n    return css`\n      flex-shrink: 0;\n      cursor: text;\n      z-index: 2;\n      text-align: center;\n      box-sizing: content-box !important; // fix possible \"reset.css\" problem\n    `;\n  },\n\n  iconDisabled() {\n    return css`\n      cursor: default;\n    `;\n  },\n\n  leftIconSmall(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeSmall};\n      padding-right: ${t.inputIconGapSmall};\n    `;\n  },\n\n  rightIconSmall(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeSmall};\n      padding-left: ${t.inputIconGapSmall};\n    `;\n  },\n\n  leftIconMedium(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeMedium};\n      padding-right: ${t.inputIconGapMedium};\n    `;\n  },\n\n  rightIconMedium(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeMedium};\n      padding-left: ${t.inputIconGapMedium};\n    `;\n  },\n\n  leftIconLarge(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeLarge};\n      padding-right: ${t.inputIconGapLarge};\n    `;\n  },\n\n  rightIconLarge(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeLarge};\n      padding-left: ${t.inputIconGapLarge};\n    `;\n  },\n\n  hideBlinkingCursor() {\n    return css`\n      caret-color: transparent;\n    `;\n  },\n});\n"]}