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

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 _templateObject27() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-left: 2px;\n      flex-shrink: 0;\n      cursor: text;\n      z-index: 2;\n    "]);_templateObject27 = function _templateObject27() {return data;};return data;}function _templateObject26() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-right: 2px;\n      flex-shrink: 0;\n      cursor: text;\n      z-index: 2;\n    "]);_templateObject26 = function _templateObject26() {return data;};return data;}function _templateObject25() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      justify-self: flex-end;\n      margin: 0 0 0 auto;\n      padding-left: 0;\n      padding-right: 10px;\n    "]);_templateObject25 = function _templateObject25() {return data;};return data;}function _templateObject24() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      align-items: center;\n      display: flex;\n      flex-shrink: 0;\n      height: 100%;\n      min-width: 10px;\n      padding-left: 10px;\n\n      &::before {\n        content: '\\a0';\n        display: inline-block;\n        width: 0;\n      }\n    "], ["\n      align-items: center;\n      display: flex;\n      flex-shrink: 0;\n      height: 100%;\n      min-width: 10px;\n      padding-left: 10px;\n\n      &::before {\n        content: '\\\\a0';\n        display: inline-block;\n        width: 0;\n      }\n    "]);_templateObject24 = function _templateObject24() {return data;};return data;}function _templateObject23() {var data = (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      padding-top: ", ";\n      padding-bottom: ", ";\n      line-height: normal !important;\n    "]);_templateObject21 = function _templateObject21() {return data;};return data;}function _templateObject20() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", " !important;\n      height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n    "]);_templateObject20 = function _templateObject20() {return data;};return data;}function _templateObject19() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      line-height: normal !important;\n    "]);_templateObject19 = function _templateObject19() {return data;};return data;}function _templateObject18() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", " !important;\n      padding-top: ", ";\n      padding-bottom: ", ";\n      height: ", ";\n    "]);_templateObject18 = function _templateObject18() {return data;};return data;}function _templateObject17() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      line-height: normal !important;\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        height: ", ";\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: ", ";\n      border-color: ", " !important;\n      box-shadow: none;\n\n      ", ",\n      ", " {\n        cursor: default;\n      }\n      ", " {\n        color: ", ";\n        pointer-events: none;\n        /* fix text color in safari */\n        -webkit-text-fill-color: currentcolor;\n      }\n      ", ":-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      ", "::-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      ", "::placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n    "]);_templateObject13 = function _templateObject13() {return data;};return data;}function _templateObject12() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none !important;\n      outline: 1px 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 1px ", " !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: 1px 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 1px ", " !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: 1px 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;\n      border-color: transparent;\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: 250px;\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;
 
-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,22 +28,22 @@ 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: 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    "])),
     (0, _Mixins.resetText)(),
 
 
 
     t.inputBg,
-    t.inputBorderWidth, t.borderColorGrayLight,
+    t.inputBorderWidth, t.inputBorderColor,
     t.inputBorderTopColor,
     t.inputShadow,
 
-    t.inputColor);
-
+    t.inputColor,
 
 
 
 
+    t.inputWidth);
 
 
 
@@ -49,48 +52,38 @@ var styles = {
   },
 
   borderless: function borderless() {
-    return (0, _Emotion.css)(_templateObject3());
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      border-color: transparent;\n    "])));
 
 
 
   },
 
   useDefaultColor: function useDefaultColor(t) {
-    return (0, _Emotion.css)(_templateObject4(),
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.inputIconColor);
 
   },
 
   focus: function focus(t) {
-    return (0, _Emotion.css)(_templateObject5(),
-    t.borderColorFocus,
-    t.inputFocusShadow,
-
-
-
-    (0, _Emotion.cssName)(styles.input(t)),
-    t.placeholderColorLight,
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-color: ", ";\n      box-shadow: ", ";\n      outline: none;\n      z-index: 2;\n    "])),
+    t.inputBorderColorFocus,
+    t.inputFocusShadow);
 
-    (0, _Emotion.cssName)(styles.input(t)),
-    t.placeholderColorLight,
-
-    (0, _Emotion.cssName)(styles.input(t)),
-    t.placeholderColorLight);
 
 
   },
 
   focusFallback: function focusFallback(t) {
-    return (0, _Emotion.css)(_templateObject6(),
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])),
 
-    t.inputFocusOutline);
+    t.inputOutlineWidth, t.inputFocusOutline);
 
   },
 
   placeholder: function placeholder(t) {
-    return (0, _Emotion.css)(_templateObject7(),
+    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.placeholderColor,
+    t.inputPlaceholderColor);
 
 
 
@@ -103,14 +96,22 @@ var styles = {
 
 
 
-    (0, _Emotion.cssName)(styles.focus(t)),
-    t.placeholderColorLight);
+  },
 
+  placeholderFocus: function placeholderFocus(t) {
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.inputPlaceholderColorLight);
+
+  },
+
+  placeholderDisabled: function placeholderDisabled(t) {
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.inputPlaceholderColorDisabled);
 
   },
 
   input: function input(t) {
-    return (0, _Emotion.css)(_templateObject8(),
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      -webkit-appearance: none;\n      background: transparent;\n      border: 0 none;\n      color: ", ";\n      font: inherit;\n      line-height: inherit;\n      margin: 0;\n      outline: none;\n      padding: 0;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n      &::-ms-clear {\n        display: none;\n      }\n      &:-moz-placeholder {\n        color: ", ";\n      }\n      &::-moz-placeholder {\n        color: ", ";\n      }\n      &::placeholder {\n        color: ", ";\n      }\n    "])),
 
 
 
@@ -134,160 +135,217 @@ var styles = {
 
 
 
-    t.placeholderColor,
+    t.inputPlaceholderColor,
 
 
-    t.placeholderColor,
+    t.inputPlaceholderColor,
 
 
-    t.placeholderColor);
+    t.inputPlaceholderColor);
 
 
   },
 
-  warning: function warning(t) {
-    return (0, _Emotion.css)(_templateObject9(),
+  inputFocus: function inputFocus(t) {
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:-moz-placeholder {\n        color: ", ";\n      }\n      &::-moz-placeholder {\n        color: ", ";\n      }\n      &::placeholder {\n        color: ", ";\n      }\n    "])),
 
-    t.borderColorWarning,
-    t.borderColorWarning);
+    t.inputPlaceholderColorLight,
 
 
+    t.inputPlaceholderColorLight,
 
-  },
 
-  warningFallback: function warningFallback(t) {
-    return (0, _Emotion.css)(_templateObject10(),
+    t.inputPlaceholderColorLight);
 
-    t.borderColorWarning);
 
   },
 
-  error: function error(t) {
-    return (0, _Emotion.css)(_templateObject11(),
-    t.borderColorError,
-    t.borderColorError);
+  inputDisabled: function inputDisabled(t) {
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      /* fix text color in safari https://bugs.webkit.org/show_bug.cgi?id=115510 */\n      -webkit-text-fill-color: ", ";\n\n      &:-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      &::-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      &::placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n    "])),
+    t.inputTextColorDisabled,
 
+    t.inputTextColorDisabled,
 
-  },
 
-  errorFallback: function errorFallback(t) {
-    return (0, _Emotion.css)(_templateObject12(),
+    t.inputPlaceholderColorDisabled,
+
+
+    t.inputPlaceholderColorDisabled,
+
+
+    t.inputPlaceholderColorDisabled);
 
-    t.borderColorError);
 
   },
 
-  disabled: function disabled(t) {
-    return (0, _Emotion.css)(_templateObject13(),
-    t.inputDisabledBg,
-    t.inputDisabledBorderColor,
+  warning: function warning(t) {
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "])),
+    t.inputBorderColorWarning,
+    t.inputOutlineWidth, t.inputBorderColorWarning);
 
 
-    (0, _Emotion.cssName)(styles.leftIcon()),
-    (0, _Emotion.cssName)(styles.rightIcon()),
+  },
 
+  warningFallback: function warningFallback(t) {
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])),
 
-    (0, _Emotion.cssName)(styles.input(t)),
-    t.textColorDisabled,
+    t.inputBorderWidth, t.inputBorderColorWarning);
 
+  },
 
+  error: function error(t) {
+    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "])),
+    t.inputBorderColorError,
+    t.inputOutlineWidth, t.inputBorderColorError);
+
+
+  },
 
+  errorFallback: function errorFallback(t) {
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])),
 
-    (0, _Emotion.cssName)(styles.input(t)),
-    t.placeholderColor,
+    t.inputBorderWidth, t.inputBorderColorError);
 
-    (0, _Emotion.cssName)(styles.input(t)),
-    t.placeholderColor,
+  },
 
-    (0, _Emotion.cssName)(styles.input(t)),
-    t.placeholderColor);
+  disabled: function disabled(t) {
+    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: none;\n    "])),
+    t.inputDisabledBg,
+    t.inputDisabledBorderColor);
 
 
   },
 
   blink: function blink(t) {
-    var blinkAnimation = (0, _Emotion.keyframes)(_templateObject14(),
+    var blinkAnimation = (0, _Emotion.keyframes)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n    0% {\n      background-color: ", ";\n    }\n  "])),
 
-    t.blinkColor);
+    t.inputBlinkColor);
 
 
-    return (0, _Emotion.css)(_templateObject15(),
+    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)(_templateObject16(),
-
+    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.controlLineHeightSmall,
-    t.controlPaddingYSmall,
-    t.controlPaddingYSmall,
-    t.controlHeightSmall);
-
+    t.inputLineHeightSmall,
+    t.inputPaddingYSmall,
+    t.inputPaddingYSmall,
+    t.inputPaddingXSmall,
+    t.inputPaddingXSmall,
+    t.inputHeightSmall,
+    t.inputBorderRadiusSmall);
 
   },
 
   sizeSmallFallback: function sizeSmallFallback(t) {
-    return (0, _Emotion.css)(_templateObject17(),
-    (0, _DimensionFunctions.shift)(t.controlPaddingYSmall, '-1'),
-    (0, _DimensionFunctions.shift)(t.controlPaddingYSmall, '1'));
+    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,
+    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(),
+    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.controlLineHeightMedium,
-    t.controlPaddingYMedium,
-    t.controlPaddingYMedium,
-    t.controlHeightMedium);
+    t.inputLineHeightMedium,
+    t.inputPaddingYMedium,
+    t.inputPaddingYMedium,
+    t.inputPaddingXMedium,
+    t.inputPaddingXMedium,
+    t.inputHeightMedium,
+    t.inputBorderRadiusMedium);
 
   },
 
   sizeMediumFallback: function sizeMediumFallback(t) {
-    return (0, _Emotion.css)(_templateObject19(),
-    (0, _DimensionFunctions.shift)(t.controlPaddingYMedium, '-1'),
-    (0, _DimensionFunctions.shift)(t.controlPaddingYMedium, '1'));
+    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,
+    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(),
+    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.controlLineHeightLarge,
-    t.controlHeightLarge,
-    (0, _DimensionFunctions.shift)(t.controlPaddingYLarge, '-1'),
-    (0, _DimensionFunctions.shift)(t.controlPaddingYLarge, '1'));
+    t.inputLineHeightLarge,
+    t.inputHeightLarge,
+    (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, _DimensionFunctions.shift)(t.controlPaddingYLarge, '-2'),
-    (0, _DimensionFunctions.shift)(t.controlPaddingYLarge, '2'));
+    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,
+    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(),
-    t.placeholderColor);
+    return (0, _Emotion.css)(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.inputPlaceholderColor);
+
+  },
+
+  prefixDisabled: function prefixDisabled(t) {
+    return (0, _Emotion.css)(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.inputPlaceholderColorDisabled);
 
   },
 
   suffix: function suffix(t) {
-    return (0, _Emotion.css)(_templateObject23(),
-    t.placeholderColor);
+    return (0, _Emotion.css)(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.inputPlaceholderColor);
 
   },
 
-  sideContainer: function sideContainer() {
-    return (0, _Emotion.css)(_templateObject24());
+  suffixDisabled: function suffixDisabled(t) {
+    return (0, _Emotion.css)(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.inputPlaceholderColorDisabled);
 
+  },
 
+  sideContainer: function sideContainer() {
+    return (0, _Emotion.css)(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteralLoose2.default)(["\n      align-items: center;\n      display: flex;\n      flex-shrink: 0;\n      height: 100%;\n\n      &::before {\n        content: '\\a0';\n        display: inline-block;\n        width: 0;\n      }\n    "], ["\n      align-items: center;\n      display: flex;\n      flex-shrink: 0;\n      height: 100%;\n\n      &::before {\n        content: '\\\\a0';\n        display: inline-block;\n        width: 0;\n      }\n    "])));
 
 
 
@@ -302,31 +360,73 @@ var styles = {
   },
 
   rightContainer: function rightContainer() {
-    return (0, _Emotion.css)(_templateObject25());
+    return (0, _Emotion.css)(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteralLoose2.default)(["\n      justify-self: flex-end;\n      margin: 0 0 0 auto;\n      padding-left: 0;\n    "])));
 
 
 
 
+  },
+
+  icon: function icon() {
+    return (0, _Emotion.css)(_templateObject32 || (_templateObject32 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex-shrink: 0;\n      cursor: text;\n      z-index: 2;\n      text-align: center;\n      box-sizing: content-box !important; // fix possible \"reset.css\" problem\n    "])));
+
+
+
+
+
+
+  },
+
+  iconDisabled: function iconDisabled() {
+    return (0, _Emotion.css)(_templateObject33 || (_templateObject33 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n    "])));
+
 
   },
 
-  leftIcon: function leftIcon() {
-    return (0, _Emotion.css)(_templateObject26());
+  leftIconSmall: function leftIconSmall(t) {
+    return (0, _Emotion.css)(_templateObject34 || (_templateObject34 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])),
+    t.inputIconSizeSmall,
+    t.inputIconGapSmall);
 
+  },
 
+  rightIconSmall: function rightIconSmall(t) {
+    return (0, _Emotion.css)(_templateObject35 || (_templateObject35 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])),
+    t.inputIconSizeSmall,
+    t.inputIconGapSmall);
 
+  },
 
+  leftIconMedium: function leftIconMedium(t) {
+    return (0, _Emotion.css)(_templateObject36 || (_templateObject36 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])),
+    t.inputIconSizeMedium,
+    t.inputIconGapMedium);
 
   },
 
-  rightIcon: function rightIcon() {
-    return (0, _Emotion.css)(_templateObject27());
+  rightIconMedium: function rightIconMedium(t) {
+    return (0, _Emotion.css)(_templateObject37 || (_templateObject37 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])),
+    t.inputIconSizeMedium,
+    t.inputIconGapMedium);
 
+  },
+
+  leftIconLarge: function leftIconLarge(t) {
+    return (0, _Emotion.css)(_templateObject38 || (_templateObject38 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])),
+    t.inputIconSizeLarge,
+    t.inputIconGapLarge);
 
+  },
 
+  rightIconLarge: function rightIconLarge(t) {
+    return (0, _Emotion.css)(_templateObject39 || (_templateObject39 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])),
+    t.inputIconSizeLarge,
+    t.inputIconGapLarge);
 
+  },
 
-  } };
+  hideBlinkingCursor: function hideBlinkingCursor() {
+    return (0, _Emotion.css)(_templateObject40 || (_templateObject40 = (0, _taggedTemplateLiteralLoose2.default)(["\n      caret-color: transparent;\n    "])));
 
 
-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","borderColorGrayLight","inputBorderTopColor","inputShadow","inputColor","borderless","useDefaultColor","inputIconColor","focus","borderColorFocus","inputFocusShadow","input","placeholderColorLight","focusFallback","inputFocusOutline","placeholder","placeholderColor","inputTextColor","warning","borderColorWarning","warningFallback","error","borderColorError","errorFallback","disabled","inputDisabledBg","inputDisabledBorderColor","leftIcon","rightIcon","textColorDisabled","blink","blinkAnimation","keyframes","blinkColor","sizeSmall","inputFontSizeSmall","controlLineHeightSmall","controlPaddingYSmall","controlHeightSmall","sizeSmallFallback","sizeMedium","inputFontSizeMedium","controlLineHeightMedium","controlPaddingYMedium","controlHeightMedium","sizeMediumFallback","sizeLarge","inputFontSizeLarge","controlLineHeightLarge","controlHeightLarge","controlPaddingYLarge","sizeLargeFallback","prefix","suffix","sideContainer","rightContainer","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { shift } from '../../lib/styles/DimensionFunctions';\r\nimport { resetText } from '../../lib/styles/Mixins';\r\n\r\nconst styles = {\r\n  wrapper() {\r\n    return css`\r\n      align-items: center;\r\n      display: flex;\r\n      margin: 0;\r\n      min-width: 0;\r\n      overflow: hidden;\r\n      position: relative;\r\n      text-overflow: clip;\r\n      white-space: nowrap;\r\n      width: 100%;\r\n\r\n      &::before {\r\n        content: '\\\\A0';\r\n        display: inline-block;\r\n        width: 0;\r\n      }\r\n    `;\r\n  },\r\n\r\n  root(t: Theme) {\r\n    return css`\r\n      ${resetText()};\r\n\r\n      align-items: center;\r\n      background-clip: padding-box;\r\n      background-color: ${t.inputBg};\r\n      border: ${t.inputBorderWidth} solid ${t.borderColorGrayLight};\r\n      border-top-color: ${t.inputBorderTopColor};\r\n      box-shadow: ${t.inputShadow};\r\n      box-sizing: border-box;\r\n      color: ${t.inputColor};\r\n      cursor: text;\r\n      display: inline-flex;\r\n      outline: none;\r\n      position: relative;\r\n      width: 250px;\r\n\r\n      & * {\r\n        box-sizing: border-box;\r\n      }\r\n    `;\r\n  },\r\n\r\n  borderless() {\r\n    return css`\r\n      box-shadow: none;\r\n      border-color: transparent;\r\n    `;\r\n  },\r\n\r\n  useDefaultColor(t: Theme) {\r\n    return css`\r\n      color: ${t.inputIconColor};\r\n    `;\r\n  },\r\n\r\n  focus(t: Theme) {\r\n    return css`\r\n      border-color: ${t.borderColorFocus};\r\n      box-shadow: ${t.inputFocusShadow};\r\n      outline: none;\r\n      z-index: 2;\r\n\r\n      ${cssName(styles.input(t))}:-moz-placeholder {\r\n        color: ${t.placeholderColorLight};\r\n      }\r\n      ${cssName(styles.input(t))}::-moz-placeholder {\r\n        color: ${t.placeholderColorLight};\r\n      }\r\n      ${cssName(styles.input(t))}::placeholder {\r\n        color: ${t.placeholderColorLight};\r\n      }\r\n    `;\r\n  },\r\n\r\n  focusFallback(t: Theme) {\r\n    return css`\r\n      box-shadow: none;\r\n      outline: 1px solid ${t.inputFocusOutline};\r\n    `;\r\n  },\r\n\r\n  placeholder(t: Theme) {\r\n    return css`\r\n      -ms-user-select: none;\r\n      color: ${t.placeholderColor};\r\n      cursor: text;\r\n      font-size: inherit;\r\n      height: 100%;\r\n      left: 0;\r\n      overflow: hidden;\r\n      pointer-events: none;\r\n      position: absolute;\r\n      top: 0;\r\n      user-select: none;\r\n      white-space: nowrap;\r\n      width: 100%;\r\n\r\n      ${cssName(styles.focus(t))} & {\r\n        color: ${t.placeholderColorLight};\r\n      }\r\n    `;\r\n  },\r\n\r\n  input(t: Theme) {\r\n    return css`\r\n      -webkit-appearance: none;\r\n      background: transparent;\r\n      border: 0 none;\r\n      color: ${t.inputTextColor};\r\n      font: inherit;\r\n      line-height: inherit;\r\n      margin: 0;\r\n      outline: none;\r\n      padding: 0;\r\n      text-overflow: clip;\r\n      white-space: nowrap;\r\n      width: 100%;\r\n\r\n      &:-moz-placeholder {\r\n        opacity: 1;\r\n      }\r\n      &::-moz-placeholder {\r\n        opacity: 1;\r\n      }\r\n      &::-ms-clear {\r\n        display: none;\r\n      }\r\n      &:-moz-placeholder {\r\n        color: ${t.placeholderColor};\r\n      }\r\n      &::-moz-placeholder {\r\n        color: ${t.placeholderColor};\r\n      }\r\n      &::placeholder {\r\n        color: ${t.placeholderColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  warning(t: Theme) {\r\n    return css`\r\n      & {\r\n        border-color: ${t.borderColorWarning} !important;\r\n        box-shadow: 0 0 0 1px ${t.borderColorWarning} !important;\r\n        z-index: 2;\r\n      }\r\n    `;\r\n  },\r\n\r\n  warningFallback(t: Theme) {\r\n    return css`\r\n      box-shadow: none !important;\r\n      outline: 1px solid ${t.borderColorWarning} !important;\r\n    `;\r\n  },\r\n\r\n  error(t: Theme) {\r\n    return css`\r\n      border-color: ${t.borderColorError} !important;\r\n      box-shadow: 0 0 0 1px ${t.borderColorError} !important;\r\n      z-index: 2;\r\n    `;\r\n  },\r\n\r\n  errorFallback(t: Theme) {\r\n    return css`\r\n      box-shadow: none !important;\r\n      outline: 1px solid ${t.borderColorError} !important;\r\n    `;\r\n  },\r\n\r\n  disabled(t: Theme) {\r\n    return css`\r\n      background: ${t.inputDisabledBg};\r\n      border-color: ${t.inputDisabledBorderColor} !important;\r\n      box-shadow: none;\r\n\r\n      ${cssName(styles.leftIcon())},\r\n      ${cssName(styles.rightIcon())} {\r\n        cursor: default;\r\n      }\r\n      ${cssName(styles.input(t))} {\r\n        color: ${t.textColorDisabled};\r\n        pointer-events: none;\r\n        /* fix text color in safari */\r\n        -webkit-text-fill-color: currentcolor;\r\n      }\r\n      ${cssName(styles.input(t))}:-moz-placeholder {\r\n        -webkit-text-fill-color: ${t.placeholderColor};\r\n      }\r\n      ${cssName(styles.input(t))}::-moz-placeholder {\r\n        -webkit-text-fill-color: ${t.placeholderColor};\r\n      }\r\n      ${cssName(styles.input(t))}::placeholder {\r\n        -webkit-text-fill-color: ${t.placeholderColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  blink(t: Theme) {\r\n    const blinkAnimation = keyframes`\r\n    0% {\r\n      background-color: ${t.blinkColor};\r\n    }\r\n  `;\r\n    return css`\r\n      animation: ${blinkAnimation} 0.15s ease-in;\r\n    `;\r\n  },\r\n\r\n  sizeSmall(t: Theme) {\r\n    return css`\r\n      & {\r\n        font-size: ${t.inputFontSizeSmall};\r\n        line-height: ${t.controlLineHeightSmall} !important;\r\n        padding-top: ${t.controlPaddingYSmall};\r\n        padding-bottom: ${t.controlPaddingYSmall};\r\n        height: ${t.controlHeightSmall};\r\n      }\r\n    `;\r\n  },\r\n\r\n  sizeSmallFallback(t: Theme) {\r\n    return css`\r\n      padding-top: ${shift(t.controlPaddingYSmall, '-1')};\r\n      padding-bottom: ${shift(t.controlPaddingYSmall, '1')};\r\n      line-height: normal !important;\r\n    `;\r\n  },\r\n\r\n  sizeMedium(t: Theme) {\r\n    return css`\r\n      font-size: ${t.inputFontSizeMedium};\r\n      line-height: ${t.controlLineHeightMedium} !important;\r\n      padding-top: ${t.controlPaddingYMedium};\r\n      padding-bottom: ${t.controlPaddingYMedium};\r\n      height: ${t.controlHeightMedium};\r\n    `;\r\n  },\r\n\r\n  sizeMediumFallback(t: Theme) {\r\n    return css`\r\n      padding-top: ${shift(t.controlPaddingYMedium, '-1')};\r\n      padding-bottom: ${shift(t.controlPaddingYMedium, '1')};\r\n      line-height: normal !important;\r\n    `;\r\n  },\r\n\r\n  sizeLarge(t: Theme) {\r\n    return css`\r\n      font-size: ${t.inputFontSizeLarge};\r\n      line-height: ${t.controlLineHeightLarge} !important;\r\n      height: ${t.controlHeightLarge};\r\n      padding-top: ${shift(t.controlPaddingYLarge, '-1')};\r\n      padding-bottom: ${shift(t.controlPaddingYLarge, '1')};\r\n    `;\r\n  },\r\n\r\n  sizeLargeFallback(t: Theme) {\r\n    return css`\r\n      padding-top: ${shift(t.controlPaddingYLarge, '-2')};\r\n      padding-bottom: ${shift(t.controlPaddingYLarge, '2')};\r\n      line-height: normal !important;\r\n    `;\r\n  },\r\n\r\n  prefix(t: Theme) {\r\n    return css`\r\n      color: ${t.placeholderColor};\r\n    `;\r\n  },\r\n\r\n  suffix(t: Theme) {\r\n    return css`\r\n      color: ${t.placeholderColor};\r\n    `;\r\n  },\r\n\r\n  sideContainer() {\r\n    return css`\r\n      align-items: center;\r\n      display: flex;\r\n      flex-shrink: 0;\r\n      height: 100%;\r\n      min-width: 10px;\r\n      padding-left: 10px;\r\n\r\n      &::before {\r\n        content: '\\\\a0';\r\n        display: inline-block;\r\n        width: 0;\r\n      }\r\n    `;\r\n  },\r\n\r\n  rightContainer() {\r\n    return css`\r\n      justify-self: flex-end;\r\n      margin: 0 0 0 auto;\r\n      padding-left: 0;\r\n      padding-right: 10px;\r\n    `;\r\n  },\r\n\r\n  leftIcon() {\r\n    return css`\r\n      padding-right: 2px;\r\n      flex-shrink: 0;\r\n      cursor: text;\r\n      z-index: 2;\r\n    `;\r\n  },\r\n\r\n  rightIcon() {\r\n    return css`\r\n      padding-left: 2px;\r\n      flex-shrink: 0;\r\n      cursor: text;\r\n      z-index: 2;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Input.styles.ts"],"names":["shouldCompensateFontFamily","fontFamilyCompensation","Boolean","parseInt","styles","wrapper","css","root","t","inputBg","inputBorderWidth","inputBorderColor","inputBorderTopColor","inputShadow","inputColor","inputWidth","borderless","useDefaultColor","inputIconColor","focus","inputBorderColorFocus","inputFocusShadow","focusFallback","inputOutlineWidth","inputFocusOutline","placeholder","inputPlaceholderColor","placeholderFocus","inputPlaceholderColorLight","placeholderDisabled","inputPlaceholderColorDisabled","input","inputTextColor","inputFocus","inputDisabled","inputTextColorDisabled","warning","inputBorderColorWarning","warningFallback","error","inputBorderColorError","errorFallback","disabled","inputDisabledBg","inputDisabledBorderColor","blink","blinkAnimation","keyframes","inputBlinkColor","sizeSmall","inputFontSizeSmall","inputLineHeightSmall","inputPaddingYSmall","inputPaddingXSmall","inputHeightSmall","inputBorderRadiusSmall","sizeSmallFallback","fontFamilyCompensationBaseline","sizeMedium","inputFontSizeMedium","inputLineHeightMedium","inputPaddingYMedium","inputPaddingXMedium","inputHeightMedium","inputBorderRadiusMedium","sizeMediumFallback","sizeLarge","inputFontSizeLarge","inputLineHeightLarge","inputHeightLarge","inputPaddingYLarge","inputPaddingXLarge","inputBorderRadiusLarge","sizeLargeFallback","prefix","prefixDisabled","suffix","suffixDisabled","sideContainer","rightContainer","icon","iconDisabled","leftIconSmall","inputIconSizeSmall","inputIconGapSmall","rightIconSmall","leftIconMedium","inputIconSizeMedium","inputIconGapMedium","rightIconMedium","leftIconLarge","inputIconSizeLarge","inputIconGapLarge","rightIconLarge","hideBlinkingCursor"],"mappings":"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","sourcesContent":["import { css, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { shift } from '../../lib/styles/DimensionFunctions';\nimport { resetText } from '../../lib/styles/Mixins';\n\nconst shouldCompensateFontFamily = (fontFamilyCompensation: string): boolean =>\n  Boolean(parseInt(fontFamilyCompensation));\n\nexport const styles = memoizeStyle({\n  wrapper() {\n    return css`\n      align-items: center;\n      display: flex;\n      margin: 0;\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &::before {\n        content: '\\\\A0';\n        display: inline-block;\n        width: 0;\n      }\n    `;\n  },\n\n  root(t: Theme) {\n    return css`\n      ${resetText()};\n\n      align-items: center;\n      background-clip: padding-box;\n      background-color: ${t.inputBg};\n      border: ${t.inputBorderWidth} solid ${t.inputBorderColor};\n      border-top-color: ${t.inputBorderTopColor};\n      box-shadow: ${t.inputShadow};\n      box-sizing: border-box;\n      color: ${t.inputColor};\n      cursor: text;\n      display: inline-flex;\n      outline: none;\n      position: relative;\n      width: ${t.inputWidth};\n\n      & * {\n        box-sizing: border-box;\n      }\n    `;\n  },\n\n  borderless() {\n    return css`\n      box-shadow: none;\n      border-color: transparent;\n    `;\n  },\n\n  useDefaultColor(t: Theme) {\n    return css`\n      color: ${t.inputIconColor};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      border-color: ${t.inputBorderColorFocus};\n      box-shadow: ${t.inputFocusShadow};\n      outline: none;\n      z-index: 2;\n    `;\n  },\n\n  focusFallback(t: Theme) {\n    return css`\n      box-shadow: none;\n      outline: ${t.inputOutlineWidth} solid ${t.inputFocusOutline};\n    `;\n  },\n\n  placeholder(t: Theme) {\n    return css`\n      -ms-user-select: none;\n      color: ${t.inputPlaceholderColor};\n      cursor: text;\n      font-size: inherit;\n      height: 100%;\n      left: 0;\n      overflow: hidden;\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      user-select: none;\n      white-space: nowrap;\n      width: 100%;\n    `;\n  },\n\n  placeholderFocus(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColorLight};\n    `;\n  },\n\n  placeholderDisabled(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColorDisabled};\n    `;\n  },\n\n  input(t: Theme) {\n    return css`\n      -webkit-appearance: none;\n      background: transparent;\n      border: 0 none;\n      color: ${t.inputTextColor};\n      font: inherit;\n      line-height: inherit;\n      margin: 0;\n      outline: none;\n      padding: 0;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n      &::-ms-clear {\n        display: none;\n      }\n      &:-moz-placeholder {\n        color: ${t.inputPlaceholderColor};\n      }\n      &::-moz-placeholder {\n        color: ${t.inputPlaceholderColor};\n      }\n      &::placeholder {\n        color: ${t.inputPlaceholderColor};\n      }\n    `;\n  },\n\n  inputFocus(t: Theme) {\n    return css`\n      &:-moz-placeholder {\n        color: ${t.inputPlaceholderColorLight};\n      }\n      &::-moz-placeholder {\n        color: ${t.inputPlaceholderColorLight};\n      }\n      &::placeholder {\n        color: ${t.inputPlaceholderColorLight};\n      }\n    `;\n  },\n\n  inputDisabled(t: Theme) {\n    return css`\n      color: ${t.inputTextColorDisabled};\n      /* fix text color in safari https://bugs.webkit.org/show_bug.cgi?id=115510 */\n      -webkit-text-fill-color: ${t.inputTextColorDisabled};\n\n      &:-moz-placeholder {\n        -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n      }\n      &::-moz-placeholder {\n        -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n      }\n      &::placeholder {\n        -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      border-color: ${t.inputBorderColorWarning};\n      box-shadow: 0 0 0 ${t.inputOutlineWidth} ${t.inputBorderColorWarning};\n      z-index: 2;\n    `;\n  },\n\n  warningFallback(t: Theme) {\n    return css`\n      box-shadow: none;\n      outline: ${t.inputBorderWidth} solid ${t.inputBorderColorWarning};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      border-color: ${t.inputBorderColorError};\n      box-shadow: 0 0 0 ${t.inputOutlineWidth} ${t.inputBorderColorError};\n      z-index: 2;\n    `;\n  },\n\n  errorFallback(t: Theme) {\n    return css`\n      box-shadow: none;\n      outline: ${t.inputBorderWidth} solid ${t.inputBorderColorError};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      background-color: ${t.inputDisabledBg};\n      border-color: ${t.inputDisabledBorderColor};\n      box-shadow: none;\n    `;\n  },\n\n  blink(t: Theme) {\n    const blinkAnimation = keyframes`\n    0% {\n      background-color: ${t.inputBlinkColor};\n    }\n  `;\n    return css`\n      animation: ${blinkAnimation} 0.15s ease-in;\n    `;\n  },\n\n  sizeSmall(t: Theme) {\n    return css`\n      font-size: ${t.inputFontSizeSmall};\n      line-height: ${t.inputLineHeightSmall};\n      padding-top: ${t.inputPaddingYSmall};\n      padding-bottom: ${t.inputPaddingYSmall};\n      padding-left: ${t.inputPaddingXSmall};\n      padding-right: ${t.inputPaddingXSmall};\n      height: ${t.inputHeightSmall};\n      border-radius: ${t.inputBorderRadiusSmall};\n    `;\n  },\n\n  sizeSmallFallback(t: Theme) {\n    return css`\n      padding-top: ${shift(\n        t.inputPaddingYSmall,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0',\n      )};\n      padding-bottom: ${shift(\n        t.inputPaddingYSmall,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0',\n      )};\n      padding-left: ${t.inputPaddingXSmall};\n      padding-right: ${t.inputPaddingXSmall};\n      line-height: normal;\n    `;\n  },\n\n  sizeMedium(t: Theme) {\n    return css`\n      font-size: ${t.inputFontSizeMedium};\n      line-height: ${t.inputLineHeightMedium};\n      padding-top: ${t.inputPaddingYMedium};\n      padding-bottom: ${t.inputPaddingYMedium};\n      padding-left: ${t.inputPaddingXMedium};\n      padding-right: ${t.inputPaddingXMedium};\n      height: ${t.inputHeightMedium};\n      border-radius: ${t.inputBorderRadiusMedium};\n    `;\n  },\n\n  sizeMediumFallback(t: Theme) {\n    return css`\n      padding-top: ${shift(\n        t.inputPaddingYMedium,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0',\n      )};\n      padding-bottom: ${shift(\n        t.inputPaddingYMedium,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0',\n      )};\n      padding-left: ${t.inputPaddingXMedium};\n      padding-right: ${t.inputPaddingXMedium};\n      line-height: normal;\n    `;\n  },\n\n  sizeLarge(t: Theme) {\n    return css`\n      font-size: ${t.inputFontSizeLarge};\n      line-height: ${t.inputLineHeightLarge};\n      height: ${t.inputHeightLarge};\n      padding-top: ${shift(\n        t.inputPaddingYLarge,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0',\n      )};\n      padding-bottom: ${shift(\n        t.inputPaddingYLarge,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0',\n      )};\n      padding-left: ${t.inputPaddingXLarge};\n      padding-right: ${t.inputPaddingXLarge};\n      border-radius: ${t.inputBorderRadiusLarge};\n    `;\n  },\n\n  sizeLargeFallback(t: Theme) {\n    return css`\n      padding-top: ${shift(\n        t.inputPaddingYLarge,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-2' : '0',\n      )};\n      padding-bottom: ${shift(\n        t.inputPaddingYLarge,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '2' : '0',\n      )};\n      padding-left: ${t.inputPaddingXLarge};\n      padding-right: ${t.inputPaddingXLarge};\n      line-height: normal;\n    `;\n  },\n\n  prefix(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColor};\n    `;\n  },\n\n  prefixDisabled(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColorDisabled};\n    `;\n  },\n\n  suffix(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColor};\n    `;\n  },\n\n  suffixDisabled(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColorDisabled};\n    `;\n  },\n\n  sideContainer() {\n    return css`\n      align-items: center;\n      display: flex;\n      flex-shrink: 0;\n      height: 100%;\n\n      &::before {\n        content: '\\\\a0';\n        display: inline-block;\n        width: 0;\n      }\n    `;\n  },\n\n  rightContainer() {\n    return css`\n      justify-self: flex-end;\n      margin: 0 0 0 auto;\n      padding-left: 0;\n    `;\n  },\n\n  icon() {\n    return css`\n      flex-shrink: 0;\n      cursor: text;\n      z-index: 2;\n      text-align: center;\n      box-sizing: content-box !important; // fix possible \"reset.css\" problem\n    `;\n  },\n\n  iconDisabled() {\n    return css`\n      cursor: default;\n    `;\n  },\n\n  leftIconSmall(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeSmall};\n      padding-right: ${t.inputIconGapSmall};\n    `;\n  },\n\n  rightIconSmall(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeSmall};\n      padding-left: ${t.inputIconGapSmall};\n    `;\n  },\n\n  leftIconMedium(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeMedium};\n      padding-right: ${t.inputIconGapMedium};\n    `;\n  },\n\n  rightIconMedium(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeMedium};\n      padding-left: ${t.inputIconGapMedium};\n    `;\n  },\n\n  leftIconLarge(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeLarge};\n      padding-right: ${t.inputIconGapLarge};\n    `;\n  },\n\n  rightIconLarge(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeLarge};\n      padding-left: ${t.inputIconGapLarge};\n    `;\n  },\n\n  hideBlinkingCursor() {\n    return css`\n      caret-color: transparent;\n    `;\n  },\n});\n"]}

package/cjs/components/Input/index.js

@@ -1 +1 @@
-"use strict";exports.__esModule = true;var _Input = require("./Input");Object.keys(_Input).forEach(function (key) {if (key === "default" || key === "__esModule") return;exports[key] = _Input[key];});
+"use strict";exports.__esModule = true;var _Input = require("./Input");Object.keys(_Input).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Input[key]) return;exports[key] = _Input[key];});

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './Input';\r\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './Input';\n"]}