@skbkontur/react-ui 0.0.0-3974a633b4 → 0.0.0-444dd4e7b3

package/cjs/components/Input/Input.md

@@ -4,10 +4,75 @@ import SearchIcon from '@skbkontur/react-icons/Search';
 <Input leftIcon={<SearchIcon />} />;
 ```
 
+Очистить значение в `Input`'е можно только с помощью пустой строки
+
+```jsx harmony
+import { Button, Group } from '@skbkontur/react-ui';
+
+const [value, setValue] = React.useState('Значение');
+
+<Group>
+  <Input value={value} onValueChange={setValue} />
+  <Button onClick={() => setValue('')}>Очистить</Button>
+</Group>
+```
+
 Пример с префиксом:
 
 ```jsx harmony
 import SearchIcon from '@skbkontur/react-icons/Search';
 
-<Input width={400} prefix="https://kontur.ru/search?query=" rightIcon={<SearchIcon />} />;
+<Input
+  width={400}
+  prefix="https://kontur.ru/search?query="
+  rightIcon={<SearchIcon />}
+/>;
+```
+
+Примеры разных значений `type`:
+
+```jsx harmony
+import { Gapped, Input, Tooltip } from '@skbkontur/react-ui';
+
+<Gapped vertical gap={20}>
+  <Gapped gap={20}>
+    <Input type="password" />
+    <span>type = "password"</span>
+  </Gapped>
+
+  <Gapped gap={20}>
+    <Input type="number" />
+    <span>type = "number"</span>
+  </Gapped>
+
+  <Gapped gap={20}>
+    <Input type="tel" />
+    <span>type = "tel"</span>
+  </Gapped>
+
+  <Gapped gap={20}>
+    <Input type="search" />
+    <span>type = "search"</span>
+  </Gapped>
+
+  <Gapped gap={20}>
+    <Input type="time" />
+    <span>type = "time"</span>
+  </Gapped>
+
+  <Gapped gap={20}>
+    <Input type="date" />
+    <span>type = "date"</span>
+  </Gapped>
+
+  <Gapped gap={20}>
+    <Input type="url" />
+    <span>type = "url"</span>
+  </Gapped>
+
+  <Gapped gap={20}>
+    <Input type="email" />
+    <span>type = "email"</span>
+  </Gapped>
+</Gapped>
 ```

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

@@ -2,6 +2,7 @@ import { Theme } from '../../lib/theming/Theme';
 export declare const styles: {
     wrapper(): string;
     root(t: Theme): string;
+    hovering(t: Theme): string;
     borderless(): string;
     useDefaultColor(t: Theme): string;
     focus(t: Theme): string;
@@ -31,6 +32,7 @@ export declare const styles: {
     sideContainer(): string;
     rightContainer(): string;
     icon(): string;
+    iconFocus(t: Theme): string;
     iconDisabled(): string;
     leftIconSmall(t: Theme): string;
     rightIconSmall(t: Theme): string;

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

@@ -1,7 +1,10 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
 
 var _DimensionFunctions = require("../../lib/styles/DimensionFunctions");
-var _Mixins = require("../../lib/styles/Mixins");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;
+var _Mixins = require("../../lib/styles/Mixins");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, _templateObject41, _templateObject42;
+
+var shouldCompensateFontFamily = function shouldCompensateFontFamily(fontFamilyCompensation) {return (
+    Boolean(parseInt(fontFamilyCompensation)));};
 
 var styles = (0, _Emotion.memoizeStyle)({
   wrapper: function wrapper() {
@@ -25,14 +28,15 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])),
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])),
     (0, _Mixins.resetText)(),
 
 
-
+    t.inputBackgroundClip,
     t.inputBg,
     t.inputBorderWidth, t.inputBorderColor,
     t.inputBorderTopColor,
+    t.transitionDuration, t.transitionTimingFunction,
     t.inputShadow,
 
     t.inputColor,
@@ -46,23 +50,33 @@ var styles = (0, _Emotion.memoizeStyle)({
 
 
 
+  },
+
+  hovering: function hovering(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-color: ", ";\n      }\n    "])),
+
+    t.inputBorderColorHover);
+
+
   },
 
   borderless: function borderless() {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      border-color: transparent;\n    "])));
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      border-color: transparent;\n      background-clip: padding-box;\n    "])));
+
 
 
 
   },
 
   useDefaultColor: function useDefaultColor(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.inputIconColor);
 
   },
 
   focus: function focus(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-color: ", ";\n      box-shadow: ", ";\n      outline: none;\n      z-index: 2;\n    "])),
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: ", ";\n      outline: none;\n      z-index: 2;\n    "])),
+    t.inputFocusedBg,
     t.inputBorderColorFocus,
     t.inputFocusShadow);
 
@@ -71,14 +85,14 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   focusFallback: function focusFallback(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])),
 
     t.inputOutlineWidth, t.inputFocusOutline);
 
   },
 
   placeholder: function placeholder(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])),
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\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);
 
@@ -96,19 +110,19 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   placeholderFocus: function placeholderFocus(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.inputPlaceholderColorLight);
 
   },
 
   placeholderDisabled: function placeholderDisabled(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.inputPlaceholderColorDisabled);
 
   },
 
   input: function input(t) {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])),
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])),
 
 
 
@@ -121,6 +135,7 @@ var styles = (0, _Emotion.memoizeStyle)({
 
 
 
+    t.inputColorScheme,
 
 
 
@@ -144,7 +159,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   inputFocus: function inputFocus(t) {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:-moz-placeholder {\n        color: ", ";\n      }\n      &::-moz-placeholder {\n        color: ", ";\n      }\n      &::placeholder {\n        color: ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:-moz-placeholder {\n        color: ", ";\n      }\n      &::-moz-placeholder {\n        color: ", ";\n      }\n      &::placeholder {\n        color: ", ";\n      }\n    "])),
 
     t.inputPlaceholderColorLight,
 
@@ -158,7 +173,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   inputDisabled: function inputDisabled(t) {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])),
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\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,
@@ -176,7 +191,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   warning: function warning(t) {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "])),
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "])),
     t.inputBorderColorWarning,
     t.inputOutlineWidth, t.inputBorderColorWarning);
 
@@ -184,14 +199,14 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   warningFallback: function warningFallback(t) {
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])),
 
     t.inputBorderWidth, t.inputBorderColorWarning);
 
   },
 
   error: function error(t) {
-    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "])),
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "])),
     t.inputBorderColorError,
     t.inputOutlineWidth, t.inputBorderColorError);
 
@@ -199,14 +214,14 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   errorFallback: function errorFallback(t) {
-    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])),
 
     t.inputBorderWidth, t.inputBorderColorError);
 
   },
 
   disabled: function disabled(t) {
-    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: none;\n    "])),
+    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: none;\n    "])),
     t.inputDisabledBg,
     t.inputDisabledBorderColor);
 
@@ -214,18 +229,18 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   blink: function blink(t) {
-    var blinkAnimation = (0, _Emotion.keyframes)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n    0% {\n      background-color: ", ";\n    }\n  "])),
+    var blinkAnimation = (0, _Emotion.keyframes)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n    0% {\n      background-color: ", ";\n    }\n  "])),
 
     t.inputBlinkColor);
 
 
-    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      animation: ", " 0.15s ease-in;\n    "])),
+    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      animation: ", " 0.15s ease-in;\n    "])),
     blinkAnimation);
 
   },
 
   sizeSmall: function sizeSmall(t) {
-    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\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,
@@ -238,9 +253,15 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   sizeSmallFallback: function sizeSmallFallback(t) {
-    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      line-height: normal;\n    "])),
-    (0, _DimensionFunctions.shift)(t.inputPaddingYSmall, '-1'),
-    (0, _DimensionFunctions.shift)(t.inputPaddingYSmall, '1'),
+    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      line-height: normal;\n    "])),
+    (0, _DimensionFunctions.shift)(
+    t.inputPaddingYSmall,
+    shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0'),
+
+    (0, _DimensionFunctions.shift)(
+    t.inputPaddingYSmall,
+    shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0'),
+
     t.inputPaddingXSmall,
     t.inputPaddingXSmall);
 
@@ -248,7 +269,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   sizeMedium: function sizeMedium(t) {
-    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\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,
@@ -261,9 +282,15 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   sizeMediumFallback: function sizeMediumFallback(t) {
-    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      line-height: normal;\n    "])),
-    (0, _DimensionFunctions.shift)(t.inputPaddingYMedium, '-1'),
-    (0, _DimensionFunctions.shift)(t.inputPaddingYMedium, '1'),
+    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      line-height: normal;\n    "])),
+    (0, _DimensionFunctions.shift)(
+    t.inputPaddingYMedium,
+    shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0'),
+
+    (0, _DimensionFunctions.shift)(
+    t.inputPaddingYMedium,
+    shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0'),
+
     t.inputPaddingXMedium,
     t.inputPaddingXMedium);
 
@@ -271,12 +298,18 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   sizeLarge: function sizeLarge(t) {
-    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      border-radius: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\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,
-    (0, _DimensionFunctions.shift)(t.inputPaddingYLarge, '-1'),
-    (0, _DimensionFunctions.shift)(t.inputPaddingYLarge, '1'),
+    (0, _DimensionFunctions.shift)(
+    t.inputPaddingYLarge,
+    shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0'),
+
+    (0, _DimensionFunctions.shift)(
+    t.inputPaddingYLarge,
+    shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0'),
+
     t.inputPaddingXLarge,
     t.inputPaddingXLarge,
     t.inputBorderRadiusLarge);
@@ -284,9 +317,15 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   sizeLargeFallback: function sizeLargeFallback(t) {
-    return (0, _Emotion.css)(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      line-height: normal;\n    "])),
-    (0, _DimensionFunctions.shift)(t.inputPaddingYLarge, '-2'),
-    (0, _DimensionFunctions.shift)(t.inputPaddingYLarge, '2'),
+    return (0, _Emotion.css)(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      line-height: normal;\n    "])),
+    (0, _DimensionFunctions.shift)(
+    t.inputPaddingYLarge,
+    shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-2' : '0'),
+
+    (0, _DimensionFunctions.shift)(
+    t.inputPaddingYLarge,
+    shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '2' : '0'),
+
     t.inputPaddingXLarge,
     t.inputPaddingXLarge);
 
@@ -294,31 +333,31 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   prefix: function prefix(t) {
-    return (0, _Emotion.css)(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.inputPlaceholderColor);
 
   },
 
   prefixDisabled: function prefixDisabled(t) {
-    return (0, _Emotion.css)(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.inputPlaceholderColorDisabled);
 
   },
 
   suffix: function suffix(t) {
-    return (0, _Emotion.css)(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.inputPlaceholderColor);
 
   },
 
   suffixDisabled: function suffixDisabled(t) {
-    return (0, _Emotion.css)(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.inputPlaceholderColorDisabled);
 
   },
 
   sideContainer: function sideContainer() {
-    return (0, _Emotion.css)(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])));
+    return (0, _Emotion.css)(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])));
 
 
 
@@ -333,7 +372,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   rightContainer: function rightContainer() {
-    return (0, _Emotion.css)(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteralLoose2.default)(["\n      justify-self: flex-end;\n      margin: 0 0 0 auto;\n      padding-left: 0;\n    "])));
+    return (0, _Emotion.css)(_templateObject32 || (_templateObject32 = (0, _taggedTemplateLiteralLoose2.default)(["\n      justify-self: flex-end;\n      margin: 0 0 0 auto;\n      padding-left: 0;\n    "])));
 
 
 
@@ -341,65 +380,71 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   icon: function icon() {
-    return (0, _Emotion.css)(_templateObject32 || (_templateObject32 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])));
+    return (0, _Emotion.css)(_templateObject33 || (_templateObject33 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])));
 
 
 
 
 
 
+  },
+
+  iconFocus: function iconFocus(t) {
+    return (0, _Emotion.css)(_templateObject34 || (_templateObject34 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.inputFocusedIconColor);
+
   },
 
   iconDisabled: function iconDisabled() {
-    return (0, _Emotion.css)(_templateObject33 || (_templateObject33 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n    "])));
+    return (0, _Emotion.css)(_templateObject35 || (_templateObject35 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n    "])));
 
 
   },
 
   leftIconSmall: function leftIconSmall(t) {
-    return (0, _Emotion.css)(_templateObject34 || (_templateObject34 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject36 || (_templateObject36 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])),
     t.inputIconSizeSmall,
     t.inputIconGapSmall);
 
   },
 
   rightIconSmall: function rightIconSmall(t) {
-    return (0, _Emotion.css)(_templateObject35 || (_templateObject35 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject37 || (_templateObject37 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])),
     t.inputIconSizeSmall,
     t.inputIconGapSmall);
 
   },
 
   leftIconMedium: function leftIconMedium(t) {
-    return (0, _Emotion.css)(_templateObject36 || (_templateObject36 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject38 || (_templateObject38 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])),
     t.inputIconSizeMedium,
     t.inputIconGapMedium);
 
   },
 
   rightIconMedium: function rightIconMedium(t) {
-    return (0, _Emotion.css)(_templateObject37 || (_templateObject37 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject39 || (_templateObject39 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])),
     t.inputIconSizeMedium,
     t.inputIconGapMedium);
 
   },
 
   leftIconLarge: function leftIconLarge(t) {
-    return (0, _Emotion.css)(_templateObject38 || (_templateObject38 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject40 || (_templateObject40 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])),
     t.inputIconSizeLarge,
     t.inputIconGapLarge);
 
   },
 
   rightIconLarge: function rightIconLarge(t) {
-    return (0, _Emotion.css)(_templateObject39 || (_templateObject39 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject41 || (_templateObject41 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])),
     t.inputIconSizeLarge,
     t.inputIconGapLarge);
 
   },
 
   hideBlinkingCursor: function hideBlinkingCursor() {
-    return (0, _Emotion.css)(_templateObject40 || (_templateObject40 = (0, _taggedTemplateLiteralLoose2.default)(["\n      caret-color: transparent;\n    "])));
+    return (0, _Emotion.css)(_templateObject42 || (_templateObject42 = (0, _taggedTemplateLiteralLoose2.default)(["\n      caret-color: transparent;\n    "])));
 
 
   } });exports.styles = styles;

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

@@ -1 +1 @@
-{"version":3,"sources":["Input.styles.ts"],"names":["styles","wrapper","css","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","keyframes","inputBlinkColor","sizeSmall","inputFontSizeSmall","inputLineHeightSmall","inputPaddingYSmall","inputPaddingXSmall","inputHeightSmall","inputBorderRadiusSmall","sizeSmallFallback","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\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(t.inputPaddingYSmall, '-1')};\n      padding-bottom: ${shift(t.inputPaddingYSmall, '1')};\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, '-1')};\n      padding-bottom: ${shift(t.inputPaddingYMedium, '1')};\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, '-1')};\n      padding-bottom: ${shift(t.inputPaddingYLarge, '1')};\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, '-2')};\n      padding-bottom: ${shift(t.inputPaddingYLarge, '2')};\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"]}
+{"version":3,"sources":["Input.styles.ts"],"names":["shouldCompensateFontFamily","fontFamilyCompensation","Boolean","parseInt","styles","wrapper","css","root","t","inputBackgroundClip","inputBg","inputBorderWidth","inputBorderColor","inputBorderTopColor","transitionDuration","transitionTimingFunction","inputShadow","inputColor","inputWidth","hovering","inputBorderColorHover","borderless","useDefaultColor","inputIconColor","focus","inputFocusedBg","inputBorderColorFocus","inputFocusShadow","focusFallback","inputOutlineWidth","inputFocusOutline","placeholder","inputPlaceholderColor","placeholderFocus","inputPlaceholderColorLight","placeholderDisabled","inputPlaceholderColorDisabled","input","inputTextColor","inputColorScheme","inputFocus","inputDisabled","inputTextColorDisabled","warning","inputBorderColorWarning","warningFallback","error","inputBorderColorError","errorFallback","disabled","inputDisabledBg","inputDisabledBorderColor","blink","blinkAnimation","keyframes","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","iconFocus","inputFocusedIconColor","iconDisabled","leftIconSmall","inputIconSizeSmall","inputIconGapSmall","rightIconSmall","leftIconMedium","inputIconSizeMedium","inputIconGapMedium","rightIconMedium","leftIconLarge","inputIconSizeLarge","inputIconGapLarge","rightIconLarge","hideBlinkingCursor"],"mappings":"4QAAA;;AAEA;AACA,iD;;AAEA,IAAMA,0BAA0B,GAAG,SAA7BA,0BAA6B,CAACC,sBAAD;AACjCC,IAAAA,OAAO,CAACC,QAAQ,CAACF,sBAAD,CAAT,CAD0B,GAAnC;;AAGO,IAAMG,MAAM,GAAG,2BAAa;AACjCC,EAAAA,OADiC,qBACvB;AACR,eAAOC,YAAP;;;;;;;;;;;;;;;;;AAiBD,GAnBgC;;AAqBjCC,EAAAA,IArBiC,gBAqB5BC,CArB4B,EAqBlB;AACb,eAAOF,YAAP;AACI,4BADJ;;;AAIqBE,IAAAA,CAAC,CAACC,mBAJvB;AAKsBD,IAAAA,CAAC,CAACE,OALxB;AAMYF,IAAAA,CAAC,CAACG,gBANd,EAMwCH,CAAC,CAACI,gBAN1C;AAOsBJ,IAAAA,CAAC,CAACK,mBAPxB;AAQ6BL,IAAAA,CAAC,CAACM,kBAR/B,EAQqDN,CAAC,CAACO,wBARvD;AASgBP,IAAAA,CAAC,CAACQ,WATlB;;AAWWR,IAAAA,CAAC,CAACS,UAXb;;;;;AAgBWT,IAAAA,CAAC,CAACU,UAhBb;;;;;;AAsBD,GA5CgC;;AA8CjCC,EAAAA,QA9CiC,oBA8CxBX,CA9CwB,EA8Cd;AACjB,eAAOF,YAAP;;AAEoBE,IAAAA,CAAC,CAACY,qBAFtB;;;AAKD,GApDgC;;AAsDjCC,EAAAA,UAtDiC,wBAsDpB;AACX,eAAOf,YAAP;;;;;AAKD,GA5DgC;;AA8DjCgB,EAAAA,eA9DiC,2BA8DjBd,CA9DiB,EA8DP;AACxB,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAACe,cADb;;AAGD,GAlEgC;;AAoEjCC,EAAAA,KApEiC,iBAoE3BhB,CApE2B,EAoEjB;AACd,eAAOF,YAAP;AACsBE,IAAAA,CAAC,CAACiB,cADxB;AAEkBjB,IAAAA,CAAC,CAACkB,qBAFpB;AAGgBlB,IAAAA,CAAC,CAACmB,gBAHlB;;;;AAOD,GA5EgC;;AA8EjCC,EAAAA,aA9EiC,yBA8EnBpB,CA9EmB,EA8ET;AACtB,eAAOF,YAAP;;AAEaE,IAAAA,CAAC,CAACqB,iBAFf,EAE0CrB,CAAC,CAACsB,iBAF5C;;AAID,GAnFgC;;AAqFjCC,EAAAA,WArFiC,uBAqFrBvB,CArFqB,EAqFX;AACpB,eAAOF,YAAP;;AAEWE,IAAAA,CAAC,CAACwB,qBAFb;;;;;;;;;;;;;AAeD,GArGgC;;AAuGjCC,EAAAA,gBAvGiC,4BAuGhBzB,CAvGgB,EAuGN;AACzB,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAAC0B,0BADb;;AAGD,GA3GgC;;AA6GjCC,EAAAA,mBA7GiC,+BA6Gb3B,CA7Ga,EA6GH;AAC5B,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAAC4B,6BADb;;AAGD,GAjHgC;;AAmHjCC,EAAAA,KAnHiC,iBAmH3B7B,CAnH2B,EAmHjB;AACd,eAAOF,YAAP;;;;AAIWE,IAAAA,CAAC,CAAC8B,cAJb;;;;;;;;;AAakB9B,IAAAA,CAAC,CAAC+B,gBAbpB;;;;;;;;;;;;AAyBa/B,IAAAA,CAAC,CAACwB,qBAzBf;;;AA4BaxB,IAAAA,CAAC,CAACwB,qBA5Bf;;;AA+BaxB,IAAAA,CAAC,CAACwB,qBA/Bf;;;AAkCD,GAtJgC;;AAwJjCQ,EAAAA,UAxJiC,sBAwJtBhC,CAxJsB,EAwJZ;AACnB,eAAOF,YAAP;;AAEaE,IAAAA,CAAC,CAAC0B,0BAFf;;;AAKa1B,IAAAA,CAAC,CAAC0B,0BALf;;;AAQa1B,IAAAA,CAAC,CAAC0B,0BARf;;;AAWD,GApKgC;;AAsKjCO,EAAAA,aAtKiC,yBAsKnBjC,CAtKmB,EAsKT;AACtB,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAACkC,sBADb;;AAG6BlC,IAAAA,CAAC,CAACkC,sBAH/B;;;AAM+BlC,IAAAA,CAAC,CAAC4B,6BANjC;;;AAS+B5B,IAAAA,CAAC,CAAC4B,6BATjC;;;AAY+B5B,IAAAA,CAAC,CAAC4B,6BAZjC;;;AAeD,GAtLgC;;AAwLjCO,EAAAA,OAxLiC,mBAwLzBnC,CAxLyB,EAwLf;AAChB,eAAOF,YAAP;AACkBE,IAAAA,CAAC,CAACoC,uBADpB;AAEsBpC,IAAAA,CAAC,CAACqB,iBAFxB,EAE6CrB,CAAC,CAACoC,uBAF/C;;;AAKD,GA9LgC;;AAgMjCC,EAAAA,eAhMiC,2BAgMjBrC,CAhMiB,EAgMP;AACxB,eAAOF,YAAP;;AAEaE,IAAAA,CAAC,CAACG,gBAFf,EAEyCH,CAAC,CAACoC,uBAF3C;;AAID,GArMgC;;AAuMjCE,EAAAA,KAvMiC,iBAuM3BtC,CAvM2B,EAuMjB;AACd,eAAOF,YAAP;AACkBE,IAAAA,CAAC,CAACuC,qBADpB;AAEsBvC,IAAAA,CAAC,CAACqB,iBAFxB,EAE6CrB,CAAC,CAACuC,qBAF/C;;;AAKD,GA7MgC;;AA+MjCC,EAAAA,aA/MiC,yBA+MnBxC,CA/MmB,EA+MT;AACtB,eAAOF,YAAP;;AAEaE,IAAAA,CAAC,CAACG,gBAFf,EAEyCH,CAAC,CAACuC,qBAF3C;;AAID,GApNgC;;AAsNjCE,EAAAA,QAtNiC,oBAsNxBzC,CAtNwB,EAsNd;AACjB,eAAOF,YAAP;AACsBE,IAAAA,CAAC,CAAC0C,eADxB;AAEkB1C,IAAAA,CAAC,CAAC2C,wBAFpB;;;AAKD,GA5NgC;;AA8NjCC,EAAAA,KA9NiC,iBA8N3B5C,CA9N2B,EA8NjB;AACd,QAAM6C,cAAc,OAAGC,kBAAH;;AAEE9C,IAAAA,CAAC,CAAC+C,eAFJ,CAApB;;;AAKA,eAAOjD,YAAP;AACe+C,IAAAA,cADf;;AAGD,GAvOgC;;AAyOjCG,EAAAA,SAzOiC,qBAyOvBhD,CAzOuB,EAyOb;AAClB,eAAOF,YAAP;AACeE,IAAAA,CAAC,CAACiD,kBADjB;AAEiBjD,IAAAA,CAAC,CAACkD,oBAFnB;AAGiBlD,IAAAA,CAAC,CAACmD,kBAHnB;AAIoBnD,IAAAA,CAAC,CAACmD,kBAJtB;AAKkBnD,IAAAA,CAAC,CAACoD,kBALpB;AAMmBpD,IAAAA,CAAC,CAACoD,kBANrB;AAOYpD,IAAAA,CAAC,CAACqD,gBAPd;AAQmBrD,IAAAA,CAAC,CAACsD,sBARrB;;AAUD,GApPgC;;AAsPjCC,EAAAA,iBAtPiC,6BAsPfvD,CAtPe,EAsPL;AAC1B,eAAOF,YAAP;AACiB;AACbE,IAAAA,CAAC,CAACmD,kBADW;AAEb3D,IAAAA,0BAA0B,CAACQ,CAAC,CAACwD,8BAAH,CAA1B,GAA+D,IAA/D,GAAsE,GAFzD,CADjB;;AAKoB;AAChBxD,IAAAA,CAAC,CAACmD,kBADc;AAEhB3D,IAAAA,0BAA0B,CAACQ,CAAC,CAACwD,8BAAH,CAA1B,GAA+D,GAA/D,GAAqE,GAFrD,CALpB;;AASkBxD,IAAAA,CAAC,CAACoD,kBATpB;AAUmBpD,IAAAA,CAAC,CAACoD,kBAVrB;;;AAaD,GApQgC;;AAsQjCK,EAAAA,UAtQiC,sBAsQtBzD,CAtQsB,EAsQZ;AACnB,eAAOF,YAAP;AACeE,IAAAA,CAAC,CAAC0D,mBADjB;AAEiB1D,IAAAA,CAAC,CAAC2D,qBAFnB;AAGiB3D,IAAAA,CAAC,CAAC4D,mBAHnB;AAIoB5D,IAAAA,CAAC,CAAC4D,mBAJtB;AAKkB5D,IAAAA,CAAC,CAAC6D,mBALpB;AAMmB7D,IAAAA,CAAC,CAAC6D,mBANrB;AAOY7D,IAAAA,CAAC,CAAC8D,iBAPd;AAQmB9D,IAAAA,CAAC,CAAC+D,uBARrB;;AAUD,GAjRgC;;AAmRjCC,EAAAA,kBAnRiC,8BAmRdhE,CAnRc,EAmRJ;AAC3B,eAAOF,YAAP;AACiB;AACbE,IAAAA,CAAC,CAAC4D,mBADW;AAEbpE,IAAAA,0BAA0B,CAACQ,CAAC,CAACwD,8BAAH,CAA1B,GAA+D,IAA/D,GAAsE,GAFzD,CADjB;;AAKoB;AAChBxD,IAAAA,CAAC,CAAC4D,mBADc;AAEhBpE,IAAAA,0BAA0B,CAACQ,CAAC,CAACwD,8BAAH,CAA1B,GAA+D,GAA/D,GAAqE,GAFrD,CALpB;;AASkBxD,IAAAA,CAAC,CAAC6D,mBATpB;AAUmB7D,IAAAA,CAAC,CAAC6D,mBAVrB;;;AAaD,GAjSgC;;AAmSjCI,EAAAA,SAnSiC,qBAmSvBjE,CAnSuB,EAmSb;AAClB,eAAOF,YAAP;AACeE,IAAAA,CAAC,CAACkE,kBADjB;AAEiBlE,IAAAA,CAAC,CAACmE,oBAFnB;AAGYnE,IAAAA,CAAC,CAACoE,gBAHd;AAIiB;AACbpE,IAAAA,CAAC,CAACqE,kBADW;AAEb7E,IAAAA,0BAA0B,CAACQ,CAAC,CAACwD,8BAAH,CAA1B,GAA+D,IAA/D,GAAsE,GAFzD,CAJjB;;AAQoB;AAChBxD,IAAAA,CAAC,CAACqE,kBADc;AAEhB7E,IAAAA,0BAA0B,CAACQ,CAAC,CAACwD,8BAAH,CAA1B,GAA+D,GAA/D,GAAqE,GAFrD,CARpB;;AAYkBxD,IAAAA,CAAC,CAACsE,kBAZpB;AAamBtE,IAAAA,CAAC,CAACsE,kBAbrB;AAcmBtE,IAAAA,CAAC,CAACuE,sBAdrB;;AAgBD,GApTgC;;AAsTjCC,EAAAA,iBAtTiC,6BAsTfxE,CAtTe,EAsTL;AAC1B,eAAOF,YAAP;AACiB;AACbE,IAAAA,CAAC,CAACqE,kBADW;AAEb7E,IAAAA,0BAA0B,CAACQ,CAAC,CAACwD,8BAAH,CAA1B,GAA+D,IAA/D,GAAsE,GAFzD,CADjB;;AAKoB;AAChBxD,IAAAA,CAAC,CAACqE,kBADc;AAEhB7E,IAAAA,0BAA0B,CAACQ,CAAC,CAACwD,8BAAH,CAA1B,GAA+D,GAA/D,GAAqE,GAFrD,CALpB;;AASkBxD,IAAAA,CAAC,CAACsE,kBATpB;AAUmBtE,IAAAA,CAAC,CAACsE,kBAVrB;;;AAaD,GApUgC;;AAsUjCG,EAAAA,MAtUiC,kBAsU1BzE,CAtU0B,EAsUhB;AACf,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAACwB,qBADb;;AAGD,GA1UgC;;AA4UjCkD,EAAAA,cA5UiC,0BA4UlB1E,CA5UkB,EA4UR;AACvB,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAAC4B,6BADb;;AAGD,GAhVgC;;AAkVjC+C,EAAAA,MAlViC,kBAkV1B3E,CAlV0B,EAkVhB;AACf,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAACwB,qBADb;;AAGD,GAtVgC;;AAwVjCoD,EAAAA,cAxViC,0BAwVlB5E,CAxVkB,EAwVR;AACvB,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAAC4B,6BADb;;AAGD,GA5VgC;;AA8VjCiD,EAAAA,aA9ViC,2BA8VjB;AACd,eAAO/E,YAAP;;;;;;;;;;;;AAYD,GA3WgC;;AA6WjCgF,EAAAA,cA7WiC,4BA6WhB;AACf,eAAOhF,YAAP;;;;;AAKD,GAnXgC;;AAqXjCiF,EAAAA,IArXiC,kBAqX1B;AACL,eAAOjF,YAAP;;;;;;;AAOD,GA7XgC;;AA+XjCkF,EAAAA,SA/XiC,qBA+XvBhF,CA/XuB,EA+Xb;AAClB,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAACiF,qBADb;;AAGD,GAnYgC;;AAqYjCC,EAAAA,YArYiC,0BAqYlB;AACb,eAAOpF,YAAP;;;AAGD,GAzYgC;;AA2YjCqF,EAAAA,aA3YiC,yBA2YnBnF,CA3YmB,EA2YT;AACtB,eAAOF,YAAP;AACeE,IAAAA,CAAC,CAACoF,kBADjB;AAEmBpF,IAAAA,CAAC,CAACqF,iBAFrB;;AAID,GAhZgC;;AAkZjCC,EAAAA,cAlZiC,0BAkZlBtF,CAlZkB,EAkZR;AACvB,eAAOF,YAAP;AACeE,IAAAA,CAAC,CAACoF,kBADjB;AAEkBpF,IAAAA,CAAC,CAACqF,iBAFpB;;AAID,GAvZgC;;AAyZjCE,EAAAA,cAzZiC,0BAyZlBvF,CAzZkB,EAyZR;AACvB,eAAOF,YAAP;AACeE,IAAAA,CAAC,CAACwF,mBADjB;AAEmBxF,IAAAA,CAAC,CAACyF,kBAFrB;;AAID,GA9ZgC;;AAgajCC,EAAAA,eAhaiC,2BAgajB1F,CAhaiB,EAgaP;AACxB,eAAOF,YAAP;AACeE,IAAAA,CAAC,CAACwF,mBADjB;AAEkBxF,IAAAA,CAAC,CAACyF,kBAFpB;;AAID,GAragC;;AAuajCE,EAAAA,aAvaiC,yBAuanB3F,CAvamB,EAuaT;AACtB,eAAOF,YAAP;AACeE,IAAAA,CAAC,CAAC4F,kBADjB;AAEmB5F,IAAAA,CAAC,CAAC6F,iBAFrB;;AAID,GA5agC;;AA8ajCC,EAAAA,cA9aiC,0BA8alB9F,CA9akB,EA8aR;AACvB,eAAOF,YAAP;AACeE,IAAAA,CAAC,CAAC4F,kBADjB;AAEkB5F,IAAAA,CAAC,CAAC6F,iBAFpB;;AAID,GAnbgC;;AAqbjCE,EAAAA,kBArbiC,gCAqbZ;AACnB,eAAOjG,YAAP;;;AAGD,GAzbgC,EAAb,CAAf,C","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: ${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  useDefaultColor(t: Theme) {\n    return css`\n      color: ${t.inputIconColor};\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(\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  iconFocus(t: Theme) {\n    return css`\n      color: ${t.inputFocusedIconColor};\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"]}

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

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

package/cjs/components/Input/Input.typings.js

@@ -0,0 +1 @@
+"use strict";exports.__esModule = true;

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

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

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