@skbkontur/react-ui 0.0.0-cb54865bf2 → 0.0.0-ccbe7cf017

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

@@ -1,11 +1,14 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+"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");function _templateObject32() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      padding-left: ", ";\n    "]);_templateObject32 = function _templateObject32() {return data;};return data;}function _templateObject31() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      padding-right: ", ";\n    "]);_templateObject31 = function _templateObject31() {return data;};return data;}function _templateObject30() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      padding-left: ", ";\n    "]);_templateObject30 = function _templateObject30() {return data;};return data;}function _templateObject29() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      padding-right: ", ";\n    "]);_templateObject29 = function _templateObject29() {return data;};return data;}function _templateObject28() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      padding-left: ", ";\n    "]);_templateObject28 = function _templateObject28() {return data;};return data;}function _templateObject27() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      padding-right: ", ";\n    "]);_templateObject27 = function _templateObject27() {return data;};return data;}function _templateObject26() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex-shrink: 0;\n      cursor: text;\n      z-index: 2;\n      text-align: center;\n      box-sizing: content-box !important;\n    "]);_templateObject26 = function _templateObject26() {return data;};return data;}function _templateObject25() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      justify-self: flex-end;\n      margin: 0 0 0 auto;\n      padding-left: 0;\n    "]);_templateObject25 = function _templateObject25() {return data;};return data;}function _templateObject24() {var data = (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    "]);_templateObject24 = function _templateObject24() {return data;};return data;}function _templateObject23() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "]);_templateObject23 = function _templateObject23() {return data;};return data;}function _templateObject22() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "]);_templateObject22 = function _templateObject22() {return data;};return data;}function _templateObject21() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "& {\n        padding-top: ", ";\n        padding-bottom: ", ";\n        padding-left: ", ";\n        padding-right: ", ";\n        line-height: normal !important;\n      }\n    "]);_templateObject21 = function _templateObject21() {return data;};return data;}function _templateObject20() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "& {\n        font-size: ", ";\n        line-height: ", ";\n        height: ", ";\n        padding-top: ", ";\n        padding-bottom: ", ";\n        padding-left: ", ";\n        padding-right: ", ";\n        border-radius: ", ";\n      }\n    "]);_templateObject20 = function _templateObject20() {return data;};return data;}function _templateObject19() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "& {\n        padding-top: ", ";\n        padding-bottom: ", ";\n        padding-left: ", ";\n        padding-right: ", ";\n        line-height: normal !important;\n      }\n    "]);_templateObject19 = function _templateObject19() {return data;};return data;}function _templateObject18() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "& {\n        font-size: ", ";\n        line-height: ", ";\n        padding-top: ", ";\n        padding-bottom: ", ";\n        padding-left: ", ";\n        padding-right: ", ";\n        height: ", ";\n        border-radius: ", ";\n      }\n    "]);_templateObject18 = function _templateObject18() {return data;};return data;}function _templateObject17() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "& {\n        padding-top: ", ";\n        padding-bottom: ", ";\n        padding-left: ", ";\n        padding-right: ", ";\n        line-height: normal !important;\n      }\n    "]);_templateObject17 = function _templateObject17() {return data;};return data;}function _templateObject16() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "& {\n        font-size: ", ";\n        line-height: ", " !important;\n        padding-top: ", ";\n        padding-bottom: ", ";\n        padding-left: ", ";\n        padding-right: ", ";\n        height: ", ";\n        border-radius: ", ";\n      }\n    "]);_templateObject16 = function _templateObject16() {return data;};return data;}function _templateObject15() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      animation: ", " 0.15s ease-in;\n    "]);_templateObject15 = function _templateObject15() {return data;};return data;}function _templateObject14() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n    0% {\n      background-color: ", ";\n    }\n  "]);_templateObject14 = function _templateObject14() {return data;};return data;}function _templateObject13() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", " !important;\n      border-color: ", " !important;\n      box-shadow: none;\n\n      ", " {\n        cursor: default;\n      }\n      ", " {\n        color: ", ";\n        pointer-events: none;\n        /* fix text color in safari */\n        -webkit-text-fill-color: currentcolor;\n      }\n      ", ":-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      ", "::-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      ", "::placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n    "]);_templateObject13 = function _templateObject13() {return data;};return data;}function _templateObject12() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none !important;\n      outline: ", " solid ", " !important;\n    "]);_templateObject12 = function _templateObject12() {return data;};return data;}function _templateObject11() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-color: ", " !important;\n      box-shadow: 0 0 0 ", " ", " !important;\n      z-index: 2;\n    "]);_templateObject11 = function _templateObject11() {return data;};return data;}function _templateObject10() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none !important;\n      outline: ", " solid ", " !important;\n    "]);_templateObject10 = function _templateObject10() {return data;};return data;}function _templateObject9() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      & {\n        border-color: ", " !important;\n        box-shadow: 0 0 0 ", " ", " !important;\n        z-index: 2;\n      }\n    "]);_templateObject9 = function _templateObject9() {return data;};return data;}function _templateObject8() {var data = (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    "]);_templateObject8 = function _templateObject8() {return data;};return data;}function _templateObject7() {var data = (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\n      ", " & {\n        color: ", ";\n      }\n    "]);_templateObject7 = function _templateObject7() {return data;};return data;}function _templateObject6() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "]);_templateObject6 = function _templateObject6() {return data;};return data;}function _templateObject5() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-color: ", ";\n      box-shadow: ", ";\n      outline: none;\n      z-index: 2;\n\n      ", ":-moz-placeholder {\n        color: ", ";\n      }\n      ", "::-moz-placeholder {\n        color: ", ";\n      }\n      ", "::placeholder {\n        color: ", ";\n      }\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none !important;\n      border-color: transparent !important;\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = (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    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      align-items: center;\n      display: flex;\n      margin: 0;\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &::before {\n        content: '\\A0';\n        display: inline-block;\n        width: 0;\n      }\n    "], ["\n      align-items: center;\n      display: flex;\n      margin: 0;\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &::before {\n        content: '\\\\A0';\n        display: inline-block;\n        width: 0;\n      }\n    "]);_templateObject = function _templateObject() {return data;};return data;}
+var _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 styles = {
+var shouldCompensateFontFamily = function shouldCompensateFontFamily(fontFamilyCompensation) {return (
+    Boolean(parseInt(fontFamilyCompensation)));};
+
+var styles = (0, _Emotion.memoizeStyle)({
   wrapper: function wrapper() {
-    return (0, _Emotion.css)(_templateObject());
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      align-items: center;\n      display: flex;\n      margin: 0;\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &::before {\n        content: '\\A0';\n        display: inline-block;\n        width: 0;\n      }\n    "], ["\n      align-items: center;\n      display: flex;\n      margin: 0;\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &::before {\n        content: '\\\\A0';\n        display: inline-block;\n        width: 0;\n      }\n    "])));
 
 
 
@@ -25,11 +28,11 @@ var styles = {
   },
 
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject2(),
+    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      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,
@@ -46,51 +49,52 @@ var styles = {
 
 
 
+  },
+
+  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());
+    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(),
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.inputIconColor);
 
   },
 
   focus: function focus(t) {
-    return (0, _Emotion.css)(_templateObject5(),
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      border-color: ", " !important;\n      box-shadow: ", ";\n      outline: none;\n      z-index: 2;\n    "])),
+    t.inputFocusedBg,
     t.inputBorderColorFocus,
-    t.inputFocusShadow,
-
-
-
-    (0, _Emotion.cssName)(styles.input(t)),
-    t.inputPlaceholderColorLight,
+    t.inputFocusShadow);
 
-    (0, _Emotion.cssName)(styles.input(t)),
-    t.inputPlaceholderColorLight,
-
-    (0, _Emotion.cssName)(styles.input(t)),
-    t.inputPlaceholderColorLight);
 
 
   },
 
   focusFallback: function focusFallback(t) {
-    return (0, _Emotion.css)(_templateObject6(),
+    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(),
+    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);
 
-    t.inputPlaceholderColor,
 
 
 
@@ -102,15 +106,22 @@ var styles = {
 
 
 
+  },
 
-    (0, _Emotion.cssName)(styles.focus(t)),
+  placeholderFocus: function placeholderFocus(t) {
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.inputPlaceholderColorLight);
 
+  },
+
+  placeholderDisabled: function placeholderDisabled(t) {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.inputPlaceholderColorDisabled);
 
   },
 
   input: function input(t) {
-    return (0, _Emotion.css)(_templateObject8(),
+    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    "])),
 
 
 
@@ -123,6 +134,7 @@ var styles = {
 
 
 
+    t.inputColorScheme,
 
 
 
@@ -145,25 +157,55 @@ var styles = {
 
   },
 
-  warning: function warning(t) {
-    return (0, _Emotion.css)(_templateObject9(),
+  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    "])),
+
+    t.inputPlaceholderColorLight,
 
+
+    t.inputPlaceholderColorLight,
+
+
+    t.inputPlaceholderColorLight);
+
+
+  },
+
+  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    "])),
+    t.inputTextColorDisabled,
+
+    t.inputTextColorDisabled,
+
+
+    t.inputPlaceholderColorDisabled,
+
+
+    t.inputPlaceholderColorDisabled,
+
+
+    t.inputPlaceholderColorDisabled);
+
+
+  },
+
+  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    "])),
     t.inputBorderColorWarning,
     t.inputOutlineWidth, t.inputBorderColorWarning);
 
 
-
   },
 
   warningFallback: function warningFallback(t) {
-    return (0, _Emotion.css)(_templateObject10(),
+    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)(_templateObject11(),
+    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);
 
@@ -171,53 +213,33 @@ var styles = {
   },
 
   errorFallback: function errorFallback(t) {
-    return (0, _Emotion.css)(_templateObject12(),
+    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)(_templateObject13(),
+    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: none;\n    "])),
     t.inputDisabledBg,
-    t.inputDisabledBorderColor,
-
-
-    (0, _Emotion.cssName)(styles.icon()),
-
-
-    (0, _Emotion.cssName)(styles.input(t)),
-    t.inputTextColorDisabled,
-
-
-
-
-    (0, _Emotion.cssName)(styles.input(t)),
-    t.inputPlaceholderColor,
-
-    (0, _Emotion.cssName)(styles.input(t)),
-    t.inputPlaceholderColor,
-
-    (0, _Emotion.cssName)(styles.input(t)),
-    t.inputPlaceholderColor);
+    t.inputDisabledBorderColor);
 
 
   },
 
   blink: function blink(t) {
-    var blinkAnimation = (0, _Emotion.keyframes)(_templateObject14(),
+    var blinkAnimation = (0, _Emotion.keyframes)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n    0% {\n      background-color: ", ";\n    }\n  "])),
 
     t.inputBlinkColor);
 
 
-    return (0, _Emotion.css)(_templateObject15(),
+    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)(_templateObject16(),
-    (0, _Emotion.cssName)(styles.root(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    "])),
     t.inputFontSizeSmall,
     t.inputLineHeightSmall,
     t.inputPaddingYSmall,
@@ -227,24 +249,26 @@ var styles = {
     t.inputHeightSmall,
     t.inputBorderRadiusSmall);
 
-
   },
 
   sizeSmallFallback: function sizeSmallFallback(t) {
-    return (0, _Emotion.css)(_templateObject17(),
-    (0, _Emotion.cssName)(styles.root(t)),
-    (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);
 
 
-
   },
 
   sizeMedium: function sizeMedium(t) {
-    return (0, _Emotion.css)(_templateObject18(),
-    (0, _Emotion.cssName)(styles.root(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    "])),
     t.inputFontSizeMedium,
     t.inputLineHeightMedium,
     t.inputPaddingYMedium,
@@ -254,62 +278,85 @@ var styles = {
     t.inputHeightMedium,
     t.inputBorderRadiusMedium);
 
-
   },
 
   sizeMediumFallback: function sizeMediumFallback(t) {
-    return (0, _Emotion.css)(_templateObject19(),
-    (0, _Emotion.cssName)(styles.root(t)),
-    (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);
 
 
-
   },
 
   sizeLarge: function sizeLarge(t) {
-    return (0, _Emotion.css)(_templateObject20(),
-    (0, _Emotion.cssName)(styles.root(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    "])),
     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);
 
-
   },
 
   sizeLargeFallback: function sizeLargeFallback(t) {
-    return (0, _Emotion.css)(_templateObject21(),
-    (0, _Emotion.cssName)(styles.root(t)),
-    (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);
 
 
-
   },
 
   prefix: function prefix(t) {
-    return (0, _Emotion.css)(_templateObject22(),
+    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)(_templateObject23(),
+    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)(_templateObject24());
+    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    "])));
 
 
 
@@ -324,7 +371,7 @@ var styles = {
   },
 
   rightContainer: function rightContainer() {
-    return (0, _Emotion.css)(_templateObject25());
+    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    "])));
 
 
 
@@ -332,56 +379,71 @@ var styles = {
   },
 
   icon: function icon() {
-    return (0, _Emotion.css)(_templateObject26());
+    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)(_templateObject27(),
+    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)(_templateObject28(),
+    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)(_templateObject29(),
+    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)(_templateObject30(),
+    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)(_templateObject31(),
+    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)(_templateObject32(),
+    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    "])));
 
 
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+  } });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","input","inputPlaceholderColorLight","focusFallback","inputOutlineWidth","inputFocusOutline","placeholder","inputPlaceholderColor","inputTextColor","warning","inputBorderColorWarning","warningFallback","error","inputBorderColorError","errorFallback","disabled","inputDisabledBg","inputDisabledBorderColor","icon","inputTextColorDisabled","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","suffix","sideContainer","rightContainer","leftIconSmall","inputIconSizeSmall","inputIconGapSmall","rightIconSmall","leftIconMedium","inputIconSizeMedium","inputIconGapMedium","rightIconMedium","leftIconLarge","inputIconSizeLarge","inputIconGapLarge","rightIconLarge","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { shift } from '../../lib/styles/DimensionFunctions';\r\nimport { resetText } from '../../lib/styles/Mixins';\r\n\r\nconst styles = {\r\n  wrapper() {\r\n    return css`\r\n      align-items: center;\r\n      display: flex;\r\n      margin: 0;\r\n      min-width: 0;\r\n      overflow: hidden;\r\n      position: relative;\r\n      text-overflow: clip;\r\n      white-space: nowrap;\r\n      width: 100%;\r\n\r\n      &::before {\r\n        content: '\\\\A0';\r\n        display: inline-block;\r\n        width: 0;\r\n      }\r\n    `;\r\n  },\r\n\r\n  root(t: Theme) {\r\n    return css`\r\n      ${resetText()};\r\n\r\n      align-items: center;\r\n      background-clip: padding-box;\r\n      background-color: ${t.inputBg};\r\n      border: ${t.inputBorderWidth} solid ${t.inputBorderColor};\r\n      border-top-color: ${t.inputBorderTopColor};\r\n      box-shadow: ${t.inputShadow};\r\n      box-sizing: border-box;\r\n      color: ${t.inputColor};\r\n      cursor: text;\r\n      display: inline-flex;\r\n      outline: none;\r\n      position: relative;\r\n      width: ${t.inputWidth};\r\n\r\n      & * {\r\n        box-sizing: border-box;\r\n      }\r\n    `;\r\n  },\r\n\r\n  borderless() {\r\n    return css`\r\n      box-shadow: none !important;\r\n      border-color: transparent !important;\r\n    `;\r\n  },\r\n\r\n  useDefaultColor(t: Theme) {\r\n    return css`\r\n      color: ${t.inputIconColor};\r\n    `;\r\n  },\r\n\r\n  focus(t: Theme) {\r\n    return css`\r\n      border-color: ${t.inputBorderColorFocus};\r\n      box-shadow: ${t.inputFocusShadow};\r\n      outline: none;\r\n      z-index: 2;\r\n\r\n      ${cssName(styles.input(t))}:-moz-placeholder {\r\n        color: ${t.inputPlaceholderColorLight};\r\n      }\r\n      ${cssName(styles.input(t))}::-moz-placeholder {\r\n        color: ${t.inputPlaceholderColorLight};\r\n      }\r\n      ${cssName(styles.input(t))}::placeholder {\r\n        color: ${t.inputPlaceholderColorLight};\r\n      }\r\n    `;\r\n  },\r\n\r\n  focusFallback(t: Theme) {\r\n    return css`\r\n      box-shadow: none;\r\n      outline: ${t.inputOutlineWidth} solid ${t.inputFocusOutline};\r\n    `;\r\n  },\r\n\r\n  placeholder(t: Theme) {\r\n    return css`\r\n      -ms-user-select: none;\r\n      color: ${t.inputPlaceholderColor};\r\n      cursor: text;\r\n      font-size: inherit;\r\n      height: 100%;\r\n      left: 0;\r\n      overflow: hidden;\r\n      pointer-events: none;\r\n      position: absolute;\r\n      top: 0;\r\n      user-select: none;\r\n      white-space: nowrap;\r\n      width: 100%;\r\n\r\n      ${cssName(styles.focus(t))} & {\r\n        color: ${t.inputPlaceholderColorLight};\r\n      }\r\n    `;\r\n  },\r\n\r\n  input(t: Theme) {\r\n    return css`\r\n      -webkit-appearance: none;\r\n      background: transparent;\r\n      border: 0 none;\r\n      color: ${t.inputTextColor};\r\n      font: inherit;\r\n      line-height: inherit;\r\n      margin: 0;\r\n      outline: none;\r\n      padding: 0;\r\n      text-overflow: clip;\r\n      white-space: nowrap;\r\n      width: 100%;\r\n\r\n      &:-moz-placeholder {\r\n        opacity: 1;\r\n      }\r\n      &::-moz-placeholder {\r\n        opacity: 1;\r\n      }\r\n      &::-ms-clear {\r\n        display: none;\r\n      }\r\n      &:-moz-placeholder {\r\n        color: ${t.inputPlaceholderColor};\r\n      }\r\n      &::-moz-placeholder {\r\n        color: ${t.inputPlaceholderColor};\r\n      }\r\n      &::placeholder {\r\n        color: ${t.inputPlaceholderColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  warning(t: Theme) {\r\n    return css`\r\n      & {\r\n        border-color: ${t.inputBorderColorWarning} !important;\r\n        box-shadow: 0 0 0 ${t.inputOutlineWidth} ${t.inputBorderColorWarning} !important;\r\n        z-index: 2;\r\n      }\r\n    `;\r\n  },\r\n\r\n  warningFallback(t: Theme) {\r\n    return css`\r\n      box-shadow: none !important;\r\n      outline: ${t.inputBorderWidth} solid ${t.inputBorderColorWarning} !important;\r\n    `;\r\n  },\r\n\r\n  error(t: Theme) {\r\n    return css`\r\n      border-color: ${t.inputBorderColorError} !important;\r\n      box-shadow: 0 0 0 ${t.inputOutlineWidth} ${t.inputBorderColorError} !important;\r\n      z-index: 2;\r\n    `;\r\n  },\r\n\r\n  errorFallback(t: Theme) {\r\n    return css`\r\n      box-shadow: none !important;\r\n      outline: ${t.inputBorderWidth} solid ${t.inputBorderColorError} !important;\r\n    `;\r\n  },\r\n\r\n  disabled(t: Theme) {\r\n    return css`\r\n      background: ${t.inputDisabledBg} !important;\r\n      border-color: ${t.inputDisabledBorderColor} !important;\r\n      box-shadow: none;\r\n\r\n      ${cssName(styles.icon())} {\r\n        cursor: default;\r\n      }\r\n      ${cssName(styles.input(t))} {\r\n        color: ${t.inputTextColorDisabled};\r\n        pointer-events: none;\r\n        /* fix text color in safari */\r\n        -webkit-text-fill-color: currentcolor;\r\n      }\r\n      ${cssName(styles.input(t))}:-moz-placeholder {\r\n        -webkit-text-fill-color: ${t.inputPlaceholderColor};\r\n      }\r\n      ${cssName(styles.input(t))}::-moz-placeholder {\r\n        -webkit-text-fill-color: ${t.inputPlaceholderColor};\r\n      }\r\n      ${cssName(styles.input(t))}::placeholder {\r\n        -webkit-text-fill-color: ${t.inputPlaceholderColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  blink(t: Theme) {\r\n    const blinkAnimation = keyframes`\r\n    0% {\r\n      background-color: ${t.inputBlinkColor};\r\n    }\r\n  `;\r\n    return css`\r\n      animation: ${blinkAnimation} 0.15s ease-in;\r\n    `;\r\n  },\r\n\r\n  sizeSmall(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        font-size: ${t.inputFontSizeSmall};\r\n        line-height: ${t.inputLineHeightSmall} !important;\r\n        padding-top: ${t.inputPaddingYSmall};\r\n        padding-bottom: ${t.inputPaddingYSmall};\r\n        padding-left: ${t.inputPaddingXSmall};\r\n        padding-right: ${t.inputPaddingXSmall};\r\n        height: ${t.inputHeightSmall};\r\n        border-radius: ${t.inputBorderRadiusSmall};\r\n      }\r\n    `;\r\n  },\r\n\r\n  sizeSmallFallback(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        padding-top: ${shift(t.inputPaddingYSmall, '-1')};\r\n        padding-bottom: ${shift(t.inputPaddingYSmall, '1')};\r\n        padding-left: ${t.inputPaddingXSmall};\r\n        padding-right: ${t.inputPaddingXSmall};\r\n        line-height: normal !important;\r\n      }\r\n    `;\r\n  },\r\n\r\n  sizeMedium(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        font-size: ${t.inputFontSizeMedium};\r\n        line-height: ${t.inputLineHeightMedium};\r\n        padding-top: ${t.inputPaddingYMedium};\r\n        padding-bottom: ${t.inputPaddingYMedium};\r\n        padding-left: ${t.inputPaddingXMedium};\r\n        padding-right: ${t.inputPaddingXMedium};\r\n        height: ${t.inputHeightMedium};\r\n        border-radius: ${t.inputBorderRadiusMedium};\r\n      }\r\n    `;\r\n  },\r\n\r\n  sizeMediumFallback(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        padding-top: ${shift(t.inputPaddingYMedium, '-1')};\r\n        padding-bottom: ${shift(t.inputPaddingYMedium, '1')};\r\n        padding-left: ${t.inputPaddingXMedium};\r\n        padding-right: ${t.inputPaddingXMedium};\r\n        line-height: normal !important;\r\n      }\r\n    `;\r\n  },\r\n\r\n  sizeLarge(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        font-size: ${t.inputFontSizeLarge};\r\n        line-height: ${t.inputLineHeightLarge};\r\n        height: ${t.inputHeightLarge};\r\n        padding-top: ${shift(t.inputPaddingYLarge, '-1')};\r\n        padding-bottom: ${shift(t.inputPaddingYLarge, '1')};\r\n        padding-left: ${t.inputPaddingXLarge};\r\n        padding-right: ${t.inputPaddingXLarge};\r\n        border-radius: ${t.inputBorderRadiusLarge};\r\n      }\r\n    `;\r\n  },\r\n\r\n  sizeLargeFallback(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        padding-top: ${shift(t.inputPaddingYLarge, '-2')};\r\n        padding-bottom: ${shift(t.inputPaddingYLarge, '2')};\r\n        padding-left: ${t.inputPaddingXLarge};\r\n        padding-right: ${t.inputPaddingXLarge};\r\n        line-height: normal !important;\r\n      }\r\n    `;\r\n  },\r\n\r\n  prefix(t: Theme) {\r\n    return css`\r\n      color: ${t.inputPlaceholderColor};\r\n    `;\r\n  },\r\n\r\n  suffix(t: Theme) {\r\n    return css`\r\n      color: ${t.inputPlaceholderColor};\r\n    `;\r\n  },\r\n\r\n  sideContainer() {\r\n    return css`\r\n      align-items: center;\r\n      display: flex;\r\n      flex-shrink: 0;\r\n      height: 100%;\r\n\r\n      &::before {\r\n        content: '\\\\a0';\r\n        display: inline-block;\r\n        width: 0;\r\n      }\r\n    `;\r\n  },\r\n\r\n  rightContainer() {\r\n    return css`\r\n      justify-self: flex-end;\r\n      margin: 0 0 0 auto;\r\n      padding-left: 0;\r\n    `;\r\n  },\r\n\r\n  icon() {\r\n    return css`\r\n      flex-shrink: 0;\r\n      cursor: text;\r\n      z-index: 2;\r\n      text-align: center;\r\n      box-sizing: content-box !important;\r\n    `;\r\n  },\r\n\r\n  leftIconSmall(t: Theme) {\r\n    return css`\r\n      width: ${t.inputIconSizeSmall};\r\n      padding-right: ${t.inputIconGapSmall};\r\n    `;\r\n  },\r\n\r\n  rightIconSmall(t: Theme) {\r\n    return css`\r\n      width: ${t.inputIconSizeSmall};\r\n      padding-left: ${t.inputIconGapSmall};\r\n    `;\r\n  },\r\n\r\n  leftIconMedium(t: Theme) {\r\n    return css`\r\n      width: ${t.inputIconSizeMedium};\r\n      padding-right: ${t.inputIconGapMedium};\r\n    `;\r\n  },\r\n\r\n  rightIconMedium(t: Theme) {\r\n    return css`\r\n      width: ${t.inputIconSizeMedium};\r\n      padding-left: ${t.inputIconGapMedium};\r\n    `;\r\n  },\r\n\r\n  leftIconLarge(t: Theme) {\r\n    return css`\r\n      width: ${t.inputIconSizeLarge};\r\n      padding-right: ${t.inputIconGapLarge};\r\n    `;\r\n  },\r\n\r\n  rightIconLarge(t: Theme) {\r\n    return css`\r\n      width: ${t.inputIconSizeLarge};\r\n      padding-left: ${t.inputIconGapLarge};\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Input.styles.ts"],"names":["shouldCompensateFontFamily","fontFamilyCompensation","Boolean","parseInt","styles","wrapper","css","root","t","inputBackgroundClip","inputBg","inputBorderWidth","inputBorderColor","inputBorderTopColor","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":"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","sourcesContent":["import { css, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { shift } from '../../lib/styles/DimensionFunctions';\nimport { resetText } from '../../lib/styles/Mixins';\n\nconst shouldCompensateFontFamily = (fontFamilyCompensation: string): boolean =>\n  Boolean(parseInt(fontFamilyCompensation));\n\nexport const styles = memoizeStyle({\n  wrapper() {\n    return css`\n      align-items: center;\n      display: flex;\n      margin: 0;\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &::before {\n        content: '\\\\A0';\n        display: inline-block;\n        width: 0;\n      }\n    `;\n  },\n\n  root(t: Theme) {\n    return css`\n      ${resetText()};\n\n      align-items: center;\n      background-clip: ${t.inputBackgroundClip};\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  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} !important;\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/InputLayout/InputLayout.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { InputProps } from '../Input';
+import { InputLayoutContextProps } from './InputLayoutContext';
+declare type InputLayoutRootFromInputProps = Pick<InputProps, 'leftIcon' | 'rightIcon' | 'prefix' | 'suffix'>;
+export interface InputLayoutRootProps extends InputLayoutRootFromInputProps {
+    labelProps: React.LabelHTMLAttributes<HTMLLabelElement>;
+    context: Partial<InputLayoutContextProps>;
+}
+export declare const InputLayout: React.FunctionComponent<InputLayoutRootProps>;
+export {};