@skbkontur/react-ui 0.0.0-b408db2ccf → 0.0.0-b4710fb038

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

@@ -1,10 +1,7 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;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, _templateObject41, _templateObject42;
-
-var shouldCompensateFontFamily = function shouldCompensateFontFamily(fontFamilyCompensation) {return (
-    Boolean(parseInt(fontFamilyCompensation)));};
+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;
 
 var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   wrapper: function wrapper() {
@@ -66,16 +63,10 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
 
 
-  },
-
-  useDefaultColor: function useDefaultColor(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-    t.inputIconColor);
-
   },
 
   focus: function focus(t) {
-    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    "])),
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (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);
@@ -85,14 +76,14 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   focusFallback: function focusFallback(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])),
 
     t.inputOutlineWidth, t.inputFocusOutline);
 
   },
 
   placeholder: function placeholder(t) {
-    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    "])),
+    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    "])),
 
     t.inputPlaceholderColor);
 
@@ -110,19 +101,19 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   placeholderFocus: function placeholderFocus(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.inputPlaceholderColorLight);
 
   },
 
   placeholderDisabled: function placeholderDisabled(t) {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.inputPlaceholderColorDisabled);
 
   },
 
   input: function input(t) {
-    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    "])),
+    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      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    "])),
 
 
 
@@ -159,7 +150,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   inputFocus: function inputFocus(t) {
-    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    "])),
+    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    "])),
 
     t.inputPlaceholderColorLight,
 
@@ -173,7 +164,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   inputDisabled: function inputDisabled(t) {
-    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    "])),
+    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    "])),
     t.inputTextColorDisabled,
 
     t.inputTextColorDisabled,
@@ -191,7 +182,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   warning: function warning(t) {
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "])),
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "])),
     t.inputBorderColorWarning,
     t.inputOutlineWidth, t.inputBorderColorWarning);
 
@@ -199,14 +190,14 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   warningFallback: function warningFallback(t) {
-    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])),
 
     t.inputBorderWidth, t.inputBorderColorWarning);
 
   },
 
   error: function error(t) {
-    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "])),
+    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "])),
     t.inputBorderColorError,
     t.inputOutlineWidth, t.inputBorderColorError);
 
@@ -214,14 +205,14 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   errorFallback: function errorFallback(t) {
-    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])),
 
     t.inputBorderWidth, t.inputBorderColorError);
 
   },
 
   disabled: function disabled(t) {
-    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: none;\n    "])),
+    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: none;\n    "])),
     t.inputDisabledBg,
     t.inputDisabledBorderColor);
 
@@ -229,18 +220,18 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   blink: function blink(t) {
-    var blinkAnimation = (0, _Emotion.keyframes)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n    0% {\n      background-color: ", ";\n    }\n  "])),
+    var blinkAnimation = (0, _Emotion.keyframes)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n    0% {\n      background-color: ", ";\n    }\n  "])),
 
     t.inputBlinkColor);
 
 
-    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      animation: ", " 0.15s ease-in;\n    "])),
+    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      animation: ", " 0.15s ease-in;\n    "])),
     blinkAnimation);
 
   },
 
   sizeSmall: function sizeSmall(t) {
-    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    "])),
+    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    "])),
     t.inputFontSizeSmall,
     t.inputLineHeightSmall,
     t.inputPaddingYSmall,
@@ -253,15 +244,9 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   sizeSmallFallback: function sizeSmallFallback(t) {
-    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'
-    ),
+    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, '0'),
+    (0, _DimensionFunctions.shift)(t.inputPaddingYSmall, '0'),
     t.inputPaddingXSmall,
     t.inputPaddingXSmall);
 
@@ -269,7 +254,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   sizeMedium: function sizeMedium(t) {
-    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    "])),
+    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    "])),
     t.inputFontSizeMedium,
     t.inputLineHeightMedium,
     t.inputPaddingYMedium,
@@ -282,15 +267,9 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   sizeMediumFallback: function sizeMediumFallback(t) {
-    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'
-    ),
+    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, '0'),
+    (0, _DimensionFunctions.shift)(t.inputPaddingYMedium, '0'),
     t.inputPaddingXMedium,
     t.inputPaddingXMedium);
 
@@ -298,18 +277,12 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   sizeLarge: function sizeLarge(t) {
-    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    "])),
+    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    "])),
     t.inputFontSizeLarge,
     t.inputLineHeightLarge,
     t.inputHeightLarge,
-    (0, _DimensionFunctions.shift)(
-      t.inputPaddingYLarge,
-      shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0'
-    ),
-    (0, _DimensionFunctions.shift)(
-      t.inputPaddingYLarge,
-      shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0'
-    ),
+    (0, _DimensionFunctions.shift)(t.inputPaddingYLarge, '0'),
+    (0, _DimensionFunctions.shift)(t.inputPaddingYLarge, '0'),
     t.inputPaddingXLarge,
     t.inputPaddingXLarge,
     t.inputBorderRadiusLarge);
@@ -317,134 +290,17 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   sizeLargeFallback: function sizeLargeFallback(t) {
-    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'
-    ),
+    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, '0'),
+    (0, _DimensionFunctions.shift)(t.inputPaddingYLarge, '0'),
     t.inputPaddingXLarge,
     t.inputPaddingXLarge);
 
 
   },
 
-  prefix: function prefix(t) {
-    return (0, _Emotion.css)(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-    t.inputPlaceholderColor);
-
-  },
-
-  prefixDisabled: function prefixDisabled(t) {
-    return (0, _Emotion.css)(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-    t.inputPlaceholderColorDisabled);
-
-  },
-
-  suffix: function suffix(t) {
-    return (0, _Emotion.css)(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-    t.inputPlaceholderColor);
-
-  },
-
-  suffixDisabled: function suffixDisabled(t) {
-    return (0, _Emotion.css)(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-    t.inputPlaceholderColorDisabled);
-
-  },
-
-  sideContainer: function sideContainer() {
-    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    "])));
-
-
-
-
-
-
-
-
-
-
-
-  },
-
-  rightContainer: function rightContainer() {
-    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    "])));
-
-
-
-
-  },
-
-  icon: function icon() {
-    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)(_templateObject35 || (_templateObject35 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n    "])));
-
-
-  },
-
-  leftIconSmall: function leftIconSmall(t) {
-    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)(_templateObject37 || (_templateObject37 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])),
-    t.inputIconSizeSmall,
-    t.inputIconGapSmall);
-
-  },
-
-  leftIconMedium: function leftIconMedium(t) {
-    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)(_templateObject39 || (_templateObject39 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])),
-    t.inputIconSizeMedium,
-    t.inputIconGapMedium);
-
-  },
-
-  leftIconLarge: function leftIconLarge(t) {
-    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)(_templateObject41 || (_templateObject41 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])),
-    t.inputIconSizeLarge,
-    t.inputIconGapLarge);
-
-  },
-
   hideBlinkingCursor: function hideBlinkingCursor() {
-    return (0, _Emotion.css)(_templateObject42 || (_templateObject42 = (0, _taggedTemplateLiteralLoose2.default)(["\n      caret-color: transparent;\n    "])));
+    return (0, _Emotion.css)(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n      caret-color: transparent;\n    "])));
 
 
   }

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

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

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

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

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

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

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

@@ -1,11 +1,11 @@
-import React from 'react';
-import { InputProps } from '../Input';
-import { CommonProps } from '../../../internal/CommonWrapper';
-import { InputLayoutContextProps } from './InputLayoutContext';
-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 {};
+import React from 'react';
+import type { InputProps } from '../Input';
+import type { CommonProps } from '../../../internal/CommonWrapper';
+import type { InputLayoutContextProps } from './InputLayoutContext';
+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 {};

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

@@ -1,10 +1,13 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.InputLayout = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireDefault(require("react"));
 
 var _forwardRefAndName = require("../../../lib/forwardRefAndName");
+
 var _Input = require("../Input");
+
 var _CommonWrapper = require("../../../internal/CommonWrapper");
 
 var _InputLayoutAside = require("./InputLayoutAside");
+
 var _InputLayoutContext = require("./InputLayoutContext");
 var _InputLayout = require("./InputLayout.styles");
 

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_forwardRefAndName","_Input","_CommonWrapper","_InputLayoutAside","_InputLayoutContext","_InputLayout","InputLayout","exports","forwardRefAndName","props","ref","leftIcon","rightIcon","prefix","suffix","labelProps","context","children","_context","_extends2","default","InputLayoutContextDefault","createElement","InputLayoutContext","Provider","value","CommonWrapper","InputDataTids","root","InputLayoutAside","icon","text","side","className","stylesLayout","input"],"sources":["InputLayout.tsx"],"sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { InputDataTids, InputProps } from '../Input';\nimport { CommonProps, CommonWrapper } from '../../../internal/CommonWrapper';\n\nimport { InputLayoutAside } from './InputLayoutAside';\nimport { InputLayoutContext, InputLayoutContextDefault, InputLayoutContextProps } from './InputLayoutContext';\nimport { stylesLayout } from './InputLayout.styles';\n\ntype InputLayoutRootFromInputProps = Pick<InputProps, 'leftIcon' | 'rightIcon' | 'prefix' | 'suffix'>;\n\nexport interface InputLayoutRootProps extends InputLayoutRootFromInputProps, CommonProps {\n  labelProps: React.LabelHTMLAttributes<HTMLLabelElement>;\n  context: Partial<InputLayoutContextProps>;\n}\n\nexport const InputLayout = forwardRefAndName<HTMLLabelElement, InputLayoutRootProps>('InputLayout', (props, ref) => {\n  const { leftIcon, rightIcon, prefix, suffix, labelProps, context, children } = props;\n  const _context: InputLayoutContextProps = { ...InputLayoutContextDefault, ...context };\n\n  return (\n    <InputLayoutContext.Provider value={_context}>\n      <CommonWrapper {...props}>\n        <label ref={ref} data-tid={InputDataTids.root} {...labelProps}>\n          <InputLayoutAside icon={leftIcon} text={prefix} side=\"left\" />\n          <span className={stylesLayout.input()}>{children}</span>\n          <InputLayoutAside icon={rightIcon} text={suffix} side=\"right\" />\n        </label>\n      </CommonWrapper>\n    </InputLayoutContext.Provider>\n  );\n});\n"],"mappings":"mPAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;;AAEA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;;;;;;;;;AASO,IAAMO,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,oCAAiB,EAAyC,aAAa,EAAE,UAACC,KAAK,EAAEC,GAAG,EAAK;EAClH,IAAQC,QAAQ,GAA+DF,KAAK,CAA5EE,QAAQ,CAAEC,SAAS,GAAoDH,KAAK,CAAlEG,SAAS,CAAEC,MAAM,GAA4CJ,KAAK,CAAvDI,MAAM,CAAEC,MAAM,GAAoCL,KAAK,CAA/CK,MAAM,CAAEC,UAAU,GAAwBN,KAAK,CAAvCM,UAAU,CAAEC,OAAO,GAAeP,KAAK,CAA3BO,OAAO,CAAEC,QAAQ,GAAKR,KAAK,CAAlBQ,QAAQ;EAC1E,IAAMC,QAAiC,OAAAC,SAAA,CAAAC,OAAA,MAAQC,6CAAyB,EAAKL,OAAO,CAAE;;EAEtF;IACEnB,MAAA,CAAAuB,OAAA,CAAAE,aAAA,CAAClB,mBAAA,CAAAmB,kBAAkB,CAACC,QAAQ,IAACC,KAAK,EAAEP,QAAS;IAC3CrB,MAAA,CAAAuB,OAAA,CAAAE,aAAA,CAACpB,cAAA,CAAAwB,aAAa,EAAKjB,KAAK;IACtBZ,MAAA,CAAAuB,OAAA,CAAAE,aAAA,cAAAH,SAAA,CAAAC,OAAA,IAAOV,GAAG,EAAEA,GAAI,EAAC,YAAUiB,oBAAa,CAACC,IAAK,IAAKb,UAAU;IAC3DlB,MAAA,CAAAuB,OAAA,CAAAE,aAAA,CAACnB,iBAAA,CAAA0B,gBAAgB,IAACC,IAAI,EAAEnB,QAAS,EAACoB,IAAI,EAAElB,MAAO,EAACmB,IAAI,EAAC,MAAM,EAAE,CAAC;IAC9DnC,MAAA,CAAAuB,OAAA,CAAAE,aAAA,WAAMW,SAAS,EAAEC,yBAAY,CAACC,KAAK,CAAC,CAAE,IAAElB,QAAe,CAAC;IACxDpB,MAAA,CAAAuB,OAAA,CAAAE,aAAA,CAACnB,iBAAA,CAAA0B,gBAAgB,IAACC,IAAI,EAAElB,SAAU,EAACmB,IAAI,EAAEjB,MAAO,EAACkB,IAAI,EAAC,OAAO,EAAE;IAC1D;IACM;IACY,CAAC;;AAElC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_forwardRefAndName","_Input","_CommonWrapper","_InputLayoutAside","_InputLayoutContext","_InputLayout","InputLayout","exports","forwardRefAndName","props","ref","leftIcon","rightIcon","prefix","suffix","labelProps","context","children","_context","_extends2","default","InputLayoutContextDefault","createElement","InputLayoutContext","Provider","value","CommonWrapper","InputDataTids","root","InputLayoutAside","icon","text","side","className","stylesLayout","input"],"sources":["InputLayout.tsx"],"sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport type { InputProps } from '../Input';\nimport { InputDataTids } from '../Input';\nimport type { CommonProps } from '../../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../../internal/CommonWrapper';\n\nimport { InputLayoutAside } from './InputLayoutAside';\nimport type { InputLayoutContextProps } from './InputLayoutContext';\nimport { InputLayoutContext, InputLayoutContextDefault } from './InputLayoutContext';\nimport { stylesLayout } from './InputLayout.styles';\n\ntype InputLayoutRootFromInputProps = Pick<InputProps, 'leftIcon' | 'rightIcon' | 'prefix' | 'suffix'>;\n\nexport interface InputLayoutRootProps extends InputLayoutRootFromInputProps, CommonProps {\n  labelProps: React.LabelHTMLAttributes<HTMLLabelElement>;\n  context: Partial<InputLayoutContextProps>;\n}\n\nexport const InputLayout = forwardRefAndName<HTMLLabelElement, InputLayoutRootProps>('InputLayout', (props, ref) => {\n  const { leftIcon, rightIcon, prefix, suffix, labelProps, context, children } = props;\n  const _context: InputLayoutContextProps = { ...InputLayoutContextDefault, ...context };\n\n  return (\n    <InputLayoutContext.Provider value={_context}>\n      <CommonWrapper {...props}>\n        <label ref={ref} data-tid={InputDataTids.root} {...labelProps}>\n          <InputLayoutAside icon={leftIcon} text={prefix} side=\"left\" />\n          <span className={stylesLayout.input()}>{children}</span>\n          <InputLayoutAside icon={rightIcon} text={suffix} side=\"right\" />\n        </label>\n      </CommonWrapper>\n    </InputLayoutContext.Provider>\n  );\n});\n"],"mappings":"mPAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;;AAEA,IAAAE,MAAA,GAAAF,OAAA;;AAEA,IAAAG,cAAA,GAAAH,OAAA;;AAEA,IAAAI,iBAAA,GAAAJ,OAAA;;AAEA,IAAAK,mBAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;;;;;;;;;AASO,IAAMO,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,oCAAiB,EAAyC,aAAa,EAAE,UAACC,KAAK,EAAEC,GAAG,EAAK;EAClH,IAAQC,QAAQ,GAA+DF,KAAK,CAA5EE,QAAQ,CAAEC,SAAS,GAAoDH,KAAK,CAAlEG,SAAS,CAAEC,MAAM,GAA4CJ,KAAK,CAAvDI,MAAM,CAAEC,MAAM,GAAoCL,KAAK,CAA/CK,MAAM,CAAEC,UAAU,GAAwBN,KAAK,CAAvCM,UAAU,CAAEC,OAAO,GAAeP,KAAK,CAA3BO,OAAO,CAAEC,QAAQ,GAAKR,KAAK,CAAlBQ,QAAQ;EAC1E,IAAMC,QAAiC,OAAAC,SAAA,CAAAC,OAAA,MAAQC,6CAAyB,EAAKL,OAAO,CAAE;;EAEtF;IACEnB,MAAA,CAAAuB,OAAA,CAAAE,aAAA,CAAClB,mBAAA,CAAAmB,kBAAkB,CAACC,QAAQ,IAACC,KAAK,EAAEP,QAAS;IAC3CrB,MAAA,CAAAuB,OAAA,CAAAE,aAAA,CAACpB,cAAA,CAAAwB,aAAa,EAAKjB,KAAK;IACtBZ,MAAA,CAAAuB,OAAA,CAAAE,aAAA,cAAAH,SAAA,CAAAC,OAAA,IAAOV,GAAG,EAAEA,GAAI,EAAC,YAAUiB,oBAAa,CAACC,IAAK,IAAKb,UAAU;IAC3DlB,MAAA,CAAAuB,OAAA,CAAAE,aAAA,CAACnB,iBAAA,CAAA0B,gBAAgB,IAACC,IAAI,EAAEnB,QAAS,EAACoB,IAAI,EAAElB,MAAO,EAACmB,IAAI,EAAC,MAAM,EAAE,CAAC;IAC9DnC,MAAA,CAAAuB,OAAA,CAAAE,aAAA,WAAMW,SAAS,EAAEC,yBAAY,CAACC,KAAK,CAAC,CAAE,IAAElB,QAAe,CAAC;IACxDpB,MAAA,CAAAuB,OAAA,CAAAE,aAAA,CAACnB,iBAAA,CAAA0B,gBAAgB,IAACC,IAAI,EAAElB,SAAU,EAACmB,IAAI,EAAEjB,MAAO,EAACkB,IAAI,EAAC,OAAO,EAAE;IAC1D;IACM;IACY,CAAC;;AAElC,CAAC,CAAC","ignoreList":[]}

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

@@ -1,11 +1,11 @@
-import { Theme } from '../../../lib/theming/Theme';
-export declare const stylesLayout: {
-    root(t: Theme): string;
-    input(): string;
-    aside(): string;
-    icon(t: Theme): string;
-    iconFocus(t: Theme): string;
-    iconDisabled(): string;
-    text(t: Theme): string;
-    textDisabled(t: Theme): string;
-};
+import type { Theme } from '../../../lib/theming/Theme';
+export declare const stylesLayout: {
+    root(t: Theme): string;
+    input(): string;
+    aside(): string;
+    icon(t: Theme): string;
+    iconFocus(t: Theme): string;
+    iconDisabled(t: Theme): string;
+    text(t: Theme): string;
+    textDisabled(t: Theme): string;
+};

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

@@ -37,9 +37,10 @@ var stylesLayout = exports.stylesLayout = (0, _Emotion.memoizeStyle)({
     t.inputFocusedIconColor);
 
   },
-  iconDisabled: function iconDisabled() {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n    "])));
+  iconDisabled: function iconDisabled(t) {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n      color: ", ";\n    "])),
 
+    t.inputIconColorDisabled);
 
   },
   text: function text(t) {

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

@@ -1 +1 @@
-{"version":3,"names":["_chars","require","_Emotion","_Input","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","stylesLayout","exports","memoizeStyle","root","t","styles","input","css","_taggedTemplateLiteralLoose2","default","aside","ZERO_WIDTH_SPACE_CSS","icon","inputIconColor","iconFocus","inputFocusedIconColor","iconDisabled","text","inputPlaceholderColor","textDisabled","inputPlaceholderColorDisabled"],"sources":["InputLayout.styles.ts"],"sourcesContent":["import { ZERO_WIDTH_SPACE_CSS } from '../../../lib/chars';\nimport { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport { Theme } from '../../../lib/theming/Theme';\nimport { styles } from '../Input.styles';\n\nexport const stylesLayout = memoizeStyle({\n  root(t: Theme) {\n    return styles.root(t);\n  },\n  input() {\n    return css`\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      width: 100%;\n      display: flex;\n    `;\n  },\n  aside() {\n    return css`\n      display: inline-flex;\n      align-items: center;\n      flex-shrink: 0;\n\n      &::before {\n        content: '${ZERO_WIDTH_SPACE_CSS}';\n      }\n    `;\n  },\n  icon(t: Theme) {\n    return css`\n      color: ${t.inputIconColor};\n    `;\n  },\n  iconFocus(t: Theme) {\n    return css`\n      color: ${t.inputFocusedIconColor};\n    `;\n  },\n  iconDisabled() {\n    return css`\n      cursor: default;\n    `;\n  },\n  text(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColor};\n    `;\n  },\n  textDisabled(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColorDisabled};\n    `;\n  },\n});\n"],"mappings":"0RAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;;AAEA,IAAAE,MAAA,GAAAF,OAAA,oBAAyC,IAAAG,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAElC,IAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,qBAAY,EAAC;EACvCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOC,aAAM,CAACF,IAAI,CAACC,CAAC,CAAC;EACvB,CAAC;EACDE,KAAK,WAAAA,MAAA,EAAG;IACN,WAAOC,YAAG,EAAAd,eAAA,KAAAA,eAAA,OAAAe,4BAAA,CAAAC,OAAA;;;;;;;EAOZ,CAAC;EACDC,KAAK,WAAAA,MAAA,EAAG;IACN,WAAOH,YAAG,EAAAb,gBAAA,KAAAA,gBAAA,OAAAc,4BAAA,CAAAC,OAAA;;;;;;IAMME,2BAAoB;;;EAGtC,CAAC;EACDC,IAAI,WAAAA,KAACR,CAAQ,EAAE;IACb,WAAOG,YAAG,EAAAZ,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA;IACCL,CAAC,CAACS,cAAc;;EAE7B,CAAC;EACDC,SAAS,WAAAA,UAACV,CAAQ,EAAE;IAClB,WAAOG,YAAG,EAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;IACCL,CAAC,CAACW,qBAAqB;;EAEpC,CAAC;EACDC,YAAY,WAAAA,aAAA,EAAG;IACb,WAAOT,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;EACDQ,IAAI,WAAAA,KAACb,CAAQ,EAAE;IACb,WAAOG,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACCL,CAAC,CAACc,qBAAqB;;EAEpC,CAAC;EACDC,YAAY,WAAAA,aAACf,CAAQ,EAAE;IACrB,WAAOG,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;IACCL,CAAC,CAACgB,6BAA6B;;EAE5C;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_chars","require","_Emotion","_Input","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","stylesLayout","exports","memoizeStyle","root","t","styles","input","css","_taggedTemplateLiteralLoose2","default","aside","ZERO_WIDTH_SPACE_CSS","icon","inputIconColor","iconFocus","inputFocusedIconColor","iconDisabled","inputIconColorDisabled","text","inputPlaceholderColor","textDisabled","inputPlaceholderColorDisabled"],"sources":["InputLayout.styles.ts"],"sourcesContent":["import { ZERO_WIDTH_SPACE_CSS } from '../../../lib/chars';\nimport { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport type { Theme } from '../../../lib/theming/Theme';\nimport { styles } from '../Input.styles';\n\nexport const stylesLayout = memoizeStyle({\n  root(t: Theme) {\n    return styles.root(t);\n  },\n  input() {\n    return css`\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      width: 100%;\n      display: flex;\n    `;\n  },\n  aside() {\n    return css`\n      display: inline-flex;\n      align-items: center;\n      flex-shrink: 0;\n\n      &::before {\n        content: '${ZERO_WIDTH_SPACE_CSS}';\n      }\n    `;\n  },\n  icon(t: Theme) {\n    return css`\n      color: ${t.inputIconColor};\n    `;\n  },\n  iconFocus(t: Theme) {\n    return css`\n      color: ${t.inputFocusedIconColor};\n    `;\n  },\n  iconDisabled(t: Theme) {\n    return css`\n      cursor: default;\n      color: ${t.inputIconColorDisabled};\n    `;\n  },\n  text(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColor};\n    `;\n  },\n  textDisabled(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColorDisabled};\n    `;\n  },\n});\n"],"mappings":"0RAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;;AAEA,IAAAE,MAAA,GAAAF,OAAA,oBAAyC,IAAAG,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAElC,IAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,qBAAY,EAAC;EACvCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOC,aAAM,CAACF,IAAI,CAACC,CAAC,CAAC;EACvB,CAAC;EACDE,KAAK,WAAAA,MAAA,EAAG;IACN,WAAOC,YAAG,EAAAd,eAAA,KAAAA,eAAA,OAAAe,4BAAA,CAAAC,OAAA;;;;;;;EAOZ,CAAC;EACDC,KAAK,WAAAA,MAAA,EAAG;IACN,WAAOH,YAAG,EAAAb,gBAAA,KAAAA,gBAAA,OAAAc,4BAAA,CAAAC,OAAA;;;;;;IAMME,2BAAoB;;;EAGtC,CAAC;EACDC,IAAI,WAAAA,KAACR,CAAQ,EAAE;IACb,WAAOG,YAAG,EAAAZ,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA;IACCL,CAAC,CAACS,cAAc;;EAE7B,CAAC;EACDC,SAAS,WAAAA,UAACV,CAAQ,EAAE;IAClB,WAAOG,YAAG,EAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;IACCL,CAAC,CAACW,qBAAqB;;EAEpC,CAAC;EACDC,YAAY,WAAAA,aAACZ,CAAQ,EAAE;IACrB,WAAOG,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;;IAECL,CAAC,CAACa,sBAAsB;;EAErC,CAAC;EACDC,IAAI,WAAAA,KAACd,CAAQ,EAAE;IACb,WAAOG,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACCL,CAAC,CAACe,qBAAqB;;EAEpC,CAAC;EACDC,YAAY,WAAAA,aAAChB,CAAQ,EAAE;IACrB,WAAOG,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;IACCL,CAAC,CAACiB,6BAA6B;;EAE5C;AACF,CAAC,CAAC","ignoreList":[]}

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

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