@skbkontur/react-ui 0.0.0-444dd4e7b3 → 0.0.0-48840c3b9c

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

@@ -2,7 +2,7 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 
 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;
 
-import { css, keyframes, memoizeStyle } from "../../../lib/theming/Emotion";
+import { memoizeStyle } from "../../../lib/theming/Emotion";
 import { shift } from "../../../lib/styles/DimensionFunctions";
 import { resetText } from "../../../lib/styles/Mixins";
 
@@ -10,129 +10,131 @@ var shouldCompensateFontFamily = function shouldCompensateFontFamily(fontFamilyC
   return Boolean(parseInt(fontFamilyCompensation));
 };
 
-export var styles = memoizeStyle({
-  wrapper: function wrapper() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      align-items: center;\n      display: flex;\n      margin: 0;\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &::before {\n        content: '\\A0';\n        display: inline-block;\n        width: 0;\n      }\n    "], ["\n      align-items: center;\n      display: flex;\n      margin: 0;\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &::before {\n        content: '\\\\A0';\n        display: inline-block;\n        width: 0;\n      }\n    "])));
-  },
-  root: function root(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      align-items: center;\n      background-clip: ", ";\n      background-color: ", ";\n      border: ", " solid ", ";\n      border-top-color: ", ";\n      transition: border-color ", " ", ";\n      box-shadow: ", ";\n      box-sizing: border-box;\n      color: ", ";\n      cursor: text;\n      display: inline-flex;\n      outline: none;\n      position: relative;\n      width: ", ";\n\n      & * {\n        box-sizing: border-box;\n      }\n    "])), resetText(), t.inputBackgroundClip, t.inputBg, t.inputBorderWidth, t.inputBorderColor, t.inputBorderTopColor, t.transitionDuration, t.transitionTimingFunction, t.inputShadow, t.inputColor, t.inputWidth);
-  },
-  hovering: function hovering(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        border-color: ", ";\n      }\n    "])), t.inputBorderColorHover);
-  },
-  borderless: function borderless() {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      border-color: transparent;\n      background-clip: padding-box;\n    "])));
-  },
-  useDefaultColor: function useDefaultColor(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputIconColor);
-  },
-  focus: function focus(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: ", ";\n      outline: none;\n      z-index: 2;\n    "])), t.inputFocusedBg, t.inputBorderColorFocus, t.inputFocusShadow);
-  },
-  focusFallback: function focusFallback(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])), t.inputOutlineWidth, t.inputFocusOutline);
-  },
-  placeholder: function placeholder(t) {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      -ms-user-select: none;\n      color: ", ";\n      cursor: text;\n      font-size: inherit;\n      height: 100%;\n      left: 0;\n      overflow: hidden;\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      user-select: none;\n      white-space: nowrap;\n      width: 100%;\n    "])), t.inputPlaceholderColor);
-  },
-  placeholderFocus: function placeholderFocus(t) {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColorLight);
-  },
-  placeholderDisabled: function placeholderDisabled(t) {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColorDisabled);
-  },
-  input: function input(t) {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      -webkit-appearance: none;\n      background: transparent;\n      border: 0 none;\n      color: ", ";\n      font: inherit;\n      line-height: inherit;\n      margin: 0;\n      outline: none;\n      padding: 0;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n      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    "])), t.inputTextColor, t.inputColorScheme, t.inputPlaceholderColor, t.inputPlaceholderColor, t.inputPlaceholderColor);
-  },
-  inputFocus: function inputFocus(t) {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      &:-moz-placeholder {\n        color: ", ";\n      }\n      &::-moz-placeholder {\n        color: ", ";\n      }\n      &::placeholder {\n        color: ", ";\n      }\n    "])), t.inputPlaceholderColorLight, t.inputPlaceholderColorLight, t.inputPlaceholderColorLight);
-  },
-  inputDisabled: function inputDisabled(t) {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      /* fix text color in safari https://bugs.webkit.org/show_bug.cgi?id=115510 */\n      -webkit-text-fill-color: ", ";\n\n      &:-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      &::-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      &::placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n    "])), t.inputTextColorDisabled, t.inputTextColorDisabled, t.inputPlaceholderColorDisabled, t.inputPlaceholderColorDisabled, t.inputPlaceholderColorDisabled);
-  },
-  warning: function warning(t) {
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "])), t.inputBorderColorWarning, t.inputOutlineWidth, t.inputBorderColorWarning);
-  },
-  warningFallback: function warningFallback(t) {
-    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])), t.inputBorderWidth, t.inputBorderColorWarning);
-  },
-  error: function error(t) {
-    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "])), t.inputBorderColorError, t.inputOutlineWidth, t.inputBorderColorError);
-  },
-  errorFallback: function errorFallback(t) {
-    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])), t.inputBorderWidth, t.inputBorderColorError);
-  },
-  disabled: function disabled(t) {
-    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: none;\n    "])), t.inputDisabledBg, t.inputDisabledBorderColor);
-  },
-  blink: function blink(t) {
-    var blinkAnimation = keyframes(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n    0% {\n      background-color: ", ";\n    }\n  "])), t.inputBlinkColor);
-    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      animation: ", " 0.15s ease-in;\n    "])), blinkAnimation);
-  },
-  sizeSmall: function sizeSmall(t) {
-    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])), t.inputFontSizeSmall, t.inputLineHeightSmall, t.inputPaddingYSmall, t.inputPaddingYSmall, t.inputPaddingXSmall, t.inputPaddingXSmall, t.inputHeightSmall, t.inputBorderRadiusSmall);
-  },
-  sizeSmallFallback: function sizeSmallFallback(t) {
-    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      line-height: normal;\n    "])), shift(t.inputPaddingYSmall, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0'), shift(t.inputPaddingYSmall, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0'), t.inputPaddingXSmall, t.inputPaddingXSmall);
-  },
-  sizeMedium: function sizeMedium(t) {
-    return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])), t.inputFontSizeMedium, t.inputLineHeightMedium, t.inputPaddingYMedium, t.inputPaddingYMedium, t.inputPaddingXMedium, t.inputPaddingXMedium, t.inputHeightMedium, t.inputBorderRadiusMedium);
-  },
-  sizeMediumFallback: function sizeMediumFallback(t) {
-    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      line-height: normal;\n    "])), shift(t.inputPaddingYMedium, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0'), shift(t.inputPaddingYMedium, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0'), t.inputPaddingXMedium, t.inputPaddingXMedium);
-  },
-  sizeLarge: function sizeLarge(t) {
-    return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      border-radius: ", ";\n    "])), t.inputFontSizeLarge, t.inputLineHeightLarge, t.inputHeightLarge, shift(t.inputPaddingYLarge, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0'), shift(t.inputPaddingYLarge, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0'), t.inputPaddingXLarge, t.inputPaddingXLarge, t.inputBorderRadiusLarge);
-  },
-  sizeLargeFallback: function sizeLargeFallback(t) {
-    return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      line-height: normal;\n    "])), shift(t.inputPaddingYLarge, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-2' : '0'), shift(t.inputPaddingYLarge, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '2' : '0'), t.inputPaddingXLarge, t.inputPaddingXLarge);
-  },
-  prefix: function prefix(t) {
-    return css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColor);
-  },
-  prefixDisabled: function prefixDisabled(t) {
-    return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColorDisabled);
-  },
-  suffix: function suffix(t) {
-    return css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColor);
-  },
-  suffixDisabled: function suffixDisabled(t) {
-    return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColorDisabled);
-  },
-  sideContainer: function sideContainer() {
-    return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n      align-items: center;\n      display: flex;\n      flex-shrink: 0;\n      height: 100%;\n\n      &::before {\n        content: '\\a0';\n        display: inline-block;\n        width: 0;\n      }\n    "], ["\n      align-items: center;\n      display: flex;\n      flex-shrink: 0;\n      height: 100%;\n\n      &::before {\n        content: '\\\\a0';\n        display: inline-block;\n        width: 0;\n      }\n    "])));
-  },
-  rightContainer: function rightContainer() {
-    return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n      justify-self: flex-end;\n      margin: 0 0 0 auto;\n      padding-left: 0;\n    "])));
-  },
-  icon: function icon() {
-    return css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n      flex-shrink: 0;\n      cursor: text;\n      z-index: 2;\n      text-align: center;\n      box-sizing: content-box !important; // fix possible \"reset.css\" problem\n    "])));
-  },
-  iconFocus: function iconFocus(t) {
-    return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputFocusedIconColor);
-  },
-  iconDisabled: function iconDisabled() {
-    return css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n    "])));
-  },
-  leftIconSmall: function leftIconSmall(t) {
-    return css(_templateObject36 || (_templateObject36 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])), t.inputIconSizeSmall, t.inputIconGapSmall);
-  },
-  rightIconSmall: function rightIconSmall(t) {
-    return css(_templateObject37 || (_templateObject37 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])), t.inputIconSizeSmall, t.inputIconGapSmall);
-  },
-  leftIconMedium: function leftIconMedium(t) {
-    return css(_templateObject38 || (_templateObject38 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])), t.inputIconSizeMedium, t.inputIconGapMedium);
-  },
-  rightIconMedium: function rightIconMedium(t) {
-    return css(_templateObject39 || (_templateObject39 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])), t.inputIconSizeMedium, t.inputIconGapMedium);
-  },
-  leftIconLarge: function leftIconLarge(t) {
-    return css(_templateObject40 || (_templateObject40 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])), t.inputIconSizeLarge, t.inputIconGapLarge);
-  },
-  rightIconLarge: function rightIconLarge(t) {
-    return css(_templateObject41 || (_templateObject41 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])), t.inputIconSizeLarge, t.inputIconGapLarge);
-  },
-  hideBlinkingCursor: function hideBlinkingCursor() {
-    return css(_templateObject42 || (_templateObject42 = _taggedTemplateLiteralLoose(["\n      caret-color: transparent;\n    "])));
-  }
-});
+export var getStyles = function getStyles(emotion) {
+  return memoizeStyle({
+    wrapper: function wrapper() {
+      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        align-items: center;\n        display: flex;\n        margin: 0;\n        min-width: 0;\n        overflow: hidden;\n        position: relative;\n        text-overflow: clip;\n        white-space: nowrap;\n        width: 100%;\n\n        &::before {\n          content: '\\A0';\n          display: inline-block;\n          width: 0;\n        }\n      "], ["\n        align-items: center;\n        display: flex;\n        margin: 0;\n        min-width: 0;\n        overflow: hidden;\n        position: relative;\n        text-overflow: clip;\n        white-space: nowrap;\n        width: 100%;\n\n        &::before {\n          content: '\\\\A0';\n          display: inline-block;\n          width: 0;\n        }\n      "])));
+    },
+    root: function root(t) {
+      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        ", ";\n\n        align-items: center;\n        background-clip: ", ";\n        background-color: ", ";\n        border: ", " solid ", ";\n        border-top-color: ", ";\n        transition: border-color ", " ", ";\n        box-shadow: ", ";\n        box-sizing: border-box;\n        color: ", ";\n        cursor: text;\n        display: inline-flex;\n        outline: none;\n        position: relative;\n        width: ", ";\n\n        & * {\n          box-sizing: border-box;\n        }\n      "])), resetText(emotion), t.inputBackgroundClip, t.inputBg, t.inputBorderWidth, t.inputBorderColor, t.inputBorderTopColor, t.transitionDuration, t.transitionTimingFunction, t.inputShadow, t.inputColor, t.inputWidth);
+    },
+    hovering: function hovering(t) {
+      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        &:hover {\n          border-color: ", ";\n        }\n      "])), t.inputBorderColorHover);
+    },
+    borderless: function borderless() {
+      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        box-shadow: none;\n        border-color: transparent;\n        background-clip: padding-box;\n      "])));
+    },
+    useDefaultColor: function useDefaultColor(t) {
+      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n      "])), t.inputIconColor);
+    },
+    focus: function focus(t) {
+      return emotion.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n        border-color: ", ";\n        box-shadow: ", ";\n        outline: none;\n        z-index: 2;\n      "])), t.inputFocusedBg, t.inputBorderColorFocus, t.inputFocusShadow);
+    },
+    focusFallback: function focusFallback(t) {
+      return emotion.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n        box-shadow: none;\n        outline: ", " solid ", ";\n      "])), t.inputOutlineWidth, t.inputFocusOutline);
+    },
+    placeholder: function placeholder(t) {
+      return emotion.css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n        -ms-user-select: none;\n        color: ", ";\n        cursor: text;\n        font-size: inherit;\n        height: 100%;\n        left: 0;\n        overflow: hidden;\n        pointer-events: none;\n        position: absolute;\n        top: 0;\n        user-select: none;\n        white-space: nowrap;\n        width: 100%;\n      "])), t.inputPlaceholderColor);
+    },
+    placeholderFocus: function placeholderFocus(t) {
+      return emotion.css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n      "])), t.inputPlaceholderColorLight);
+    },
+    placeholderDisabled: function placeholderDisabled(t) {
+      return emotion.css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n      "])), t.inputPlaceholderColorDisabled);
+    },
+    input: function input(t) {
+      return emotion.css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n        -webkit-appearance: none;\n        background: transparent;\n        border: 0 none;\n        color: ", ";\n        font: inherit;\n        line-height: inherit;\n        margin: 0;\n        outline: none;\n        padding: 0;\n        text-overflow: clip;\n        white-space: nowrap;\n        width: 100%;\n        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      "])), t.inputTextColor, t.inputColorScheme, t.inputPlaceholderColor, t.inputPlaceholderColor, t.inputPlaceholderColor);
+    },
+    inputFocus: function inputFocus(t) {
+      return emotion.css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n        &:-moz-placeholder {\n          color: ", ";\n        }\n        &::-moz-placeholder {\n          color: ", ";\n        }\n        &::placeholder {\n          color: ", ";\n        }\n      "])), t.inputPlaceholderColorLight, t.inputPlaceholderColorLight, t.inputPlaceholderColorLight);
+    },
+    inputDisabled: function inputDisabled(t) {
+      return emotion.css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n        /* fix text color in safari https://bugs.webkit.org/show_bug.cgi?id=115510 */\n        -webkit-text-fill-color: ", ";\n\n        &:-moz-placeholder {\n          -webkit-text-fill-color: ", ";\n        }\n        &::-moz-placeholder {\n          -webkit-text-fill-color: ", ";\n        }\n        &::placeholder {\n          -webkit-text-fill-color: ", ";\n        }\n      "])), t.inputTextColorDisabled, t.inputTextColorDisabled, t.inputPlaceholderColorDisabled, t.inputPlaceholderColorDisabled, t.inputPlaceholderColorDisabled);
+    },
+    warning: function warning(t) {
+      return emotion.css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n        z-index: 2;\n      "])), t.inputBorderColorWarning, t.inputOutlineWidth, t.inputBorderColorWarning);
+    },
+    warningFallback: function warningFallback(t) {
+      return emotion.css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n        box-shadow: none;\n        outline: ", " solid ", ";\n      "])), t.inputBorderWidth, t.inputBorderColorWarning);
+    },
+    error: function error(t) {
+      return emotion.css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n        border-color: ", ";\n        box-shadow: 0 0 0 ", " ", ";\n        z-index: 2;\n      "])), t.inputBorderColorError, t.inputOutlineWidth, t.inputBorderColorError);
+    },
+    errorFallback: function errorFallback(t) {
+      return emotion.css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n        box-shadow: none;\n        outline: ", " solid ", ";\n      "])), t.inputBorderWidth, t.inputBorderColorError);
+    },
+    disabled: function disabled(t) {
+      return emotion.css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n        border-color: ", ";\n        box-shadow: none;\n      "])), t.inputDisabledBg, t.inputDisabledBorderColor);
+    },
+    blink: function blink(t) {
+      var blinkAnimation = emotion.keyframes(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n    0% {\n      background-color: ", ";\n    }\n  "])), t.inputBlinkColor);
+      return emotion.css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n        animation: ", " 0.15s ease-in;\n      "])), blinkAnimation);
+    },
+    sizeSmall: function sizeSmall(t) {
+      return emotion.css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n        font-size: ", ";\n        line-height: ", ";\n        padding-top: ", ";\n        padding-bottom: ", ";\n        padding-left: ", ";\n        padding-right: ", ";\n        height: ", ";\n        border-radius: ", ";\n      "])), t.inputFontSizeSmall, t.inputLineHeightSmall, t.inputPaddingYSmall, t.inputPaddingYSmall, t.inputPaddingXSmall, t.inputPaddingXSmall, t.inputHeightSmall, t.inputBorderRadiusSmall);
+    },
+    sizeSmallFallback: function sizeSmallFallback(t) {
+      return emotion.css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n        padding-top: ", ";\n        padding-bottom: ", ";\n        padding-left: ", ";\n        padding-right: ", ";\n        line-height: normal;\n      "])), shift(t.inputPaddingYSmall, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0'), shift(t.inputPaddingYSmall, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0'), t.inputPaddingXSmall, t.inputPaddingXSmall);
+    },
+    sizeMedium: function sizeMedium(t) {
+      return emotion.css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n        font-size: ", ";\n        line-height: ", ";\n        padding-top: ", ";\n        padding-bottom: ", ";\n        padding-left: ", ";\n        padding-right: ", ";\n        height: ", ";\n        border-radius: ", ";\n      "])), t.inputFontSizeMedium, t.inputLineHeightMedium, t.inputPaddingYMedium, t.inputPaddingYMedium, t.inputPaddingXMedium, t.inputPaddingXMedium, t.inputHeightMedium, t.inputBorderRadiusMedium);
+    },
+    sizeMediumFallback: function sizeMediumFallback(t) {
+      return emotion.css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n        padding-top: ", ";\n        padding-bottom: ", ";\n        padding-left: ", ";\n        padding-right: ", ";\n        line-height: normal;\n      "])), shift(t.inputPaddingYMedium, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0'), shift(t.inputPaddingYMedium, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0'), t.inputPaddingXMedium, t.inputPaddingXMedium);
+    },
+    sizeLarge: function sizeLarge(t) {
+      return emotion.css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n        font-size: ", ";\n        line-height: ", ";\n        height: ", ";\n        padding-top: ", ";\n        padding-bottom: ", ";\n        padding-left: ", ";\n        padding-right: ", ";\n        border-radius: ", ";\n      "])), t.inputFontSizeLarge, t.inputLineHeightLarge, t.inputHeightLarge, shift(t.inputPaddingYLarge, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0'), shift(t.inputPaddingYLarge, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0'), t.inputPaddingXLarge, t.inputPaddingXLarge, t.inputBorderRadiusLarge);
+    },
+    sizeLargeFallback: function sizeLargeFallback(t) {
+      return emotion.css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n        padding-top: ", ";\n        padding-bottom: ", ";\n        padding-left: ", ";\n        padding-right: ", ";\n        line-height: normal;\n      "])), shift(t.inputPaddingYLarge, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-2' : '0'), shift(t.inputPaddingYLarge, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '2' : '0'), t.inputPaddingXLarge, t.inputPaddingXLarge);
+    },
+    prefix: function prefix(t) {
+      return emotion.css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n      "])), t.inputPlaceholderColor);
+    },
+    prefixDisabled: function prefixDisabled(t) {
+      return emotion.css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n      "])), t.inputPlaceholderColorDisabled);
+    },
+    suffix: function suffix(t) {
+      return emotion.css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n      "])), t.inputPlaceholderColor);
+    },
+    suffixDisabled: function suffixDisabled(t) {
+      return emotion.css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n      "])), t.inputPlaceholderColorDisabled);
+    },
+    sideContainer: function sideContainer() {
+      return emotion.css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n        align-items: center;\n        display: flex;\n        flex-shrink: 0;\n        height: 100%;\n\n        &::before {\n          content: '\\a0';\n          display: inline-block;\n          width: 0;\n        }\n      "], ["\n        align-items: center;\n        display: flex;\n        flex-shrink: 0;\n        height: 100%;\n\n        &::before {\n          content: '\\\\a0';\n          display: inline-block;\n          width: 0;\n        }\n      "])));
+    },
+    rightContainer: function rightContainer() {
+      return emotion.css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n        justify-self: flex-end;\n        margin: 0 0 0 auto;\n        padding-left: 0;\n      "])));
+    },
+    icon: function icon() {
+      return emotion.css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n        flex-shrink: 0;\n        cursor: text;\n        z-index: 2;\n        text-align: center;\n        box-sizing: content-box !important; // fix possible \"reset.css\" problem\n      "])));
+    },
+    iconFocus: function iconFocus(t) {
+      return emotion.css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n      "])), t.inputFocusedIconColor);
+    },
+    iconDisabled: function iconDisabled() {
+      return emotion.css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n        cursor: default;\n      "])));
+    },
+    leftIconSmall: function leftIconSmall(t) {
+      return emotion.css(_templateObject36 || (_templateObject36 = _taggedTemplateLiteralLoose(["\n        min-width: ", ";\n        padding-right: ", ";\n      "])), t.inputIconSizeSmall, t.inputIconGapSmall);
+    },
+    rightIconSmall: function rightIconSmall(t) {
+      return emotion.css(_templateObject37 || (_templateObject37 = _taggedTemplateLiteralLoose(["\n        min-width: ", ";\n        padding-left: ", ";\n      "])), t.inputIconSizeSmall, t.inputIconGapSmall);
+    },
+    leftIconMedium: function leftIconMedium(t) {
+      return emotion.css(_templateObject38 || (_templateObject38 = _taggedTemplateLiteralLoose(["\n        min-width: ", ";\n        padding-right: ", ";\n      "])), t.inputIconSizeMedium, t.inputIconGapMedium);
+    },
+    rightIconMedium: function rightIconMedium(t) {
+      return emotion.css(_templateObject39 || (_templateObject39 = _taggedTemplateLiteralLoose(["\n        min-width: ", ";\n        padding-left: ", ";\n      "])), t.inputIconSizeMedium, t.inputIconGapMedium);
+    },
+    leftIconLarge: function leftIconLarge(t) {
+      return emotion.css(_templateObject40 || (_templateObject40 = _taggedTemplateLiteralLoose(["\n        min-width: ", ";\n        padding-right: ", ";\n      "])), t.inputIconSizeLarge, t.inputIconGapLarge);
+    },
+    rightIconLarge: function rightIconLarge(t) {
+      return emotion.css(_templateObject41 || (_templateObject41 = _taggedTemplateLiteralLoose(["\n        min-width: ", ";\n        padding-left: ", ";\n      "])), t.inputIconSizeLarge, t.inputIconGapLarge);
+    },
+    hideBlinkingCursor: function hideBlinkingCursor() {
+      return emotion.css(_templateObject42 || (_templateObject42 = _taggedTemplateLiteralLoose(["\n        caret-color: transparent;\n      "])));
+    }
+  });
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["Input.styles.ts"],"names":["css","keyframes","memoizeStyle","shift","resetText","shouldCompensateFontFamily","fontFamilyCompensation","Boolean","parseInt","styles","wrapper","root","t","inputBackgroundClip","inputBg","inputBorderWidth","inputBorderColor","inputBorderTopColor","transitionDuration","transitionTimingFunction","inputShadow","inputColor","inputWidth","hovering","inputBorderColorHover","borderless","useDefaultColor","inputIconColor","focus","inputFocusedBg","inputBorderColorFocus","inputFocusShadow","focusFallback","inputOutlineWidth","inputFocusOutline","placeholder","inputPlaceholderColor","placeholderFocus","inputPlaceholderColorLight","placeholderDisabled","inputPlaceholderColorDisabled","input","inputTextColor","inputColorScheme","inputFocus","inputDisabled","inputTextColorDisabled","warning","inputBorderColorWarning","warningFallback","error","inputBorderColorError","errorFallback","disabled","inputDisabledBg","inputDisabledBorderColor","blink","blinkAnimation","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":"u3BAAA,SAASA,GAAT,EAAcC,SAAd,EAAyBC,YAAzB,QAA6C,2BAA7C;;AAEA,SAASC,KAAT,QAAsB,qCAAtB;AACA,SAASC,SAAT,QAA0B,yBAA1B;;AAEA,IAAMC,0BAA0B,GAAG,SAA7BA,0BAA6B,CAACC,sBAAD;AACjCC,IAAAA,OAAO,CAACC,QAAQ,CAACF,sBAAD,CAAT,CAD0B,GAAnC;;AAGA,OAAO,IAAMG,MAAM,GAAGP,YAAY,CAAC;AACjCQ,EAAAA,OADiC,qBACvB;AACR,WAAOV,GAAP;;;;;;;;;;;;;;;;;AAiBD,GAnBgC;;AAqBjCW,EAAAA,IArBiC,gBAqB5BC,CArB4B,EAqBlB;AACb,WAAOZ,GAAP;AACII,IAAAA,SAAS,EADb;;;AAIqBQ,IAAAA,CAAC,CAACC,mBAJvB;AAKsBD,IAAAA,CAAC,CAACE,OALxB;AAMYF,IAAAA,CAAC,CAACG,gBANd,EAMwCH,CAAC,CAACI,gBAN1C;AAOsBJ,IAAAA,CAAC,CAACK,mBAPxB;AAQ6BL,IAAAA,CAAC,CAACM,kBAR/B,EAQqDN,CAAC,CAACO,wBARvD;AASgBP,IAAAA,CAAC,CAACQ,WATlB;;AAWWR,IAAAA,CAAC,CAACS,UAXb;;;;;AAgBWT,IAAAA,CAAC,CAACU,UAhBb;;;;;;AAsBD,GA5CgC;;AA8CjCC,EAAAA,QA9CiC,oBA8CxBX,CA9CwB,EA8Cd;AACjB,WAAOZ,GAAP;;AAEoBY,IAAAA,CAAC,CAACY,qBAFtB;;;AAKD,GApDgC;;AAsDjCC,EAAAA,UAtDiC,wBAsDpB;AACX,WAAOzB,GAAP;;;;;AAKD,GA5DgC;;AA8DjC0B,EAAAA,eA9DiC,2BA8DjBd,CA9DiB,EA8DP;AACxB,WAAOZ,GAAP;AACWY,IAAAA,CAAC,CAACe,cADb;;AAGD,GAlEgC;;AAoEjCC,EAAAA,KApEiC,iBAoE3BhB,CApE2B,EAoEjB;AACd,WAAOZ,GAAP;AACsBY,IAAAA,CAAC,CAACiB,cADxB;AAEkBjB,IAAAA,CAAC,CAACkB,qBAFpB;AAGgBlB,IAAAA,CAAC,CAACmB,gBAHlB;;;;AAOD,GA5EgC;;AA8EjCC,EAAAA,aA9EiC,yBA8EnBpB,CA9EmB,EA8ET;AACtB,WAAOZ,GAAP;;AAEaY,IAAAA,CAAC,CAACqB,iBAFf,EAE0CrB,CAAC,CAACsB,iBAF5C;;AAID,GAnFgC;;AAqFjCC,EAAAA,WArFiC,uBAqFrBvB,CArFqB,EAqFX;AACpB,WAAOZ,GAAP;;AAEWY,IAAAA,CAAC,CAACwB,qBAFb;;;;;;;;;;;;;AAeD,GArGgC;;AAuGjCC,EAAAA,gBAvGiC,4BAuGhBzB,CAvGgB,EAuGN;AACzB,WAAOZ,GAAP;AACWY,IAAAA,CAAC,CAAC0B,0BADb;;AAGD,GA3GgC;;AA6GjCC,EAAAA,mBA7GiC,+BA6Gb3B,CA7Ga,EA6GH;AAC5B,WAAOZ,GAAP;AACWY,IAAAA,CAAC,CAAC4B,6BADb;;AAGD,GAjHgC;;AAmHjCC,EAAAA,KAnHiC,iBAmH3B7B,CAnH2B,EAmHjB;AACd,WAAOZ,GAAP;;;;AAIWY,IAAAA,CAAC,CAAC8B,cAJb;;;;;;;;;AAakB9B,IAAAA,CAAC,CAAC+B,gBAbpB;;;;;;;;;;;;AAyBa/B,IAAAA,CAAC,CAACwB,qBAzBf;;;AA4BaxB,IAAAA,CAAC,CAACwB,qBA5Bf;;;AA+BaxB,IAAAA,CAAC,CAACwB,qBA/Bf;;;AAkCD,GAtJgC;;AAwJjCQ,EAAAA,UAxJiC,sBAwJtBhC,CAxJsB,EAwJZ;AACnB,WAAOZ,GAAP;;AAEaY,IAAAA,CAAC,CAAC0B,0BAFf;;;AAKa1B,IAAAA,CAAC,CAAC0B,0BALf;;;AAQa1B,IAAAA,CAAC,CAAC0B,0BARf;;;AAWD,GApKgC;;AAsKjCO,EAAAA,aAtKiC,yBAsKnBjC,CAtKmB,EAsKT;AACtB,WAAOZ,GAAP;AACWY,IAAAA,CAAC,CAACkC,sBADb;;AAG6BlC,IAAAA,CAAC,CAACkC,sBAH/B;;;AAM+BlC,IAAAA,CAAC,CAAC4B,6BANjC;;;AAS+B5B,IAAAA,CAAC,CAAC4B,6BATjC;;;AAY+B5B,IAAAA,CAAC,CAAC4B,6BAZjC;;;AAeD,GAtLgC;;AAwLjCO,EAAAA,OAxLiC,mBAwLzBnC,CAxLyB,EAwLf;AAChB,WAAOZ,GAAP;AACkBY,IAAAA,CAAC,CAACoC,uBADpB;AAEsBpC,IAAAA,CAAC,CAACqB,iBAFxB,EAE6CrB,CAAC,CAACoC,uBAF/C;;;AAKD,GA9LgC;;AAgMjCC,EAAAA,eAhMiC,2BAgMjBrC,CAhMiB,EAgMP;AACxB,WAAOZ,GAAP;;AAEaY,IAAAA,CAAC,CAACG,gBAFf,EAEyCH,CAAC,CAACoC,uBAF3C;;AAID,GArMgC;;AAuMjCE,EAAAA,KAvMiC,iBAuM3BtC,CAvM2B,EAuMjB;AACd,WAAOZ,GAAP;AACkBY,IAAAA,CAAC,CAACuC,qBADpB;AAEsBvC,IAAAA,CAAC,CAACqB,iBAFxB,EAE6CrB,CAAC,CAACuC,qBAF/C;;;AAKD,GA7MgC;;AA+MjCC,EAAAA,aA/MiC,yBA+MnBxC,CA/MmB,EA+MT;AACtB,WAAOZ,GAAP;;AAEaY,IAAAA,CAAC,CAACG,gBAFf,EAEyCH,CAAC,CAACuC,qBAF3C;;AAID,GApNgC;;AAsNjCE,EAAAA,QAtNiC,oBAsNxBzC,CAtNwB,EAsNd;AACjB,WAAOZ,GAAP;AACsBY,IAAAA,CAAC,CAAC0C,eADxB;AAEkB1C,IAAAA,CAAC,CAAC2C,wBAFpB;;;AAKD,GA5NgC;;AA8NjCC,EAAAA,KA9NiC,iBA8N3B5C,CA9N2B,EA8NjB;AACd,QAAM6C,cAAc,GAAGxD,SAAH;;AAEEW,IAAAA,CAAC,CAAC8C,eAFJ,CAApB;;;AAKA,WAAO1D,GAAP;AACeyD,IAAAA,cADf;;AAGD,GAvOgC;;AAyOjCE,EAAAA,SAzOiC,qBAyOvB/C,CAzOuB,EAyOb;AAClB,WAAOZ,GAAP;AACeY,IAAAA,CAAC,CAACgD,kBADjB;AAEiBhD,IAAAA,CAAC,CAACiD,oBAFnB;AAGiBjD,IAAAA,CAAC,CAACkD,kBAHnB;AAIoBlD,IAAAA,CAAC,CAACkD,kBAJtB;AAKkBlD,IAAAA,CAAC,CAACmD,kBALpB;AAMmBnD,IAAAA,CAAC,CAACmD,kBANrB;AAOYnD,IAAAA,CAAC,CAACoD,gBAPd;AAQmBpD,IAAAA,CAAC,CAACqD,sBARrB;;AAUD,GApPgC;;AAsPjCC,EAAAA,iBAtPiC,6BAsPftD,CAtPe,EAsPL;AAC1B,WAAOZ,GAAP;AACiBG,IAAAA,KAAK;AAClBS,IAAAA,CAAC,CAACkD,kBADgB;AAElBzD,IAAAA,0BAA0B,CAACO,CAAC,CAACuD,8BAAH,CAA1B,GAA+D,IAA/D,GAAsE,GAFpD,CADtB;;AAKoBhE,IAAAA,KAAK;AACrBS,IAAAA,CAAC,CAACkD,kBADmB;AAErBzD,IAAAA,0BAA0B,CAACO,CAAC,CAACuD,8BAAH,CAA1B,GAA+D,GAA/D,GAAqE,GAFhD,CALzB;;AASkBvD,IAAAA,CAAC,CAACmD,kBATpB;AAUmBnD,IAAAA,CAAC,CAACmD,kBAVrB;;;AAaD,GApQgC;;AAsQjCK,EAAAA,UAtQiC,sBAsQtBxD,CAtQsB,EAsQZ;AACnB,WAAOZ,GAAP;AACeY,IAAAA,CAAC,CAACyD,mBADjB;AAEiBzD,IAAAA,CAAC,CAAC0D,qBAFnB;AAGiB1D,IAAAA,CAAC,CAAC2D,mBAHnB;AAIoB3D,IAAAA,CAAC,CAAC2D,mBAJtB;AAKkB3D,IAAAA,CAAC,CAAC4D,mBALpB;AAMmB5D,IAAAA,CAAC,CAAC4D,mBANrB;AAOY5D,IAAAA,CAAC,CAAC6D,iBAPd;AAQmB7D,IAAAA,CAAC,CAAC8D,uBARrB;;AAUD,GAjRgC;;AAmRjCC,EAAAA,kBAnRiC,8BAmRd/D,CAnRc,EAmRJ;AAC3B,WAAOZ,GAAP;AACiBG,IAAAA,KAAK;AAClBS,IAAAA,CAAC,CAAC2D,mBADgB;AAElBlE,IAAAA,0BAA0B,CAACO,CAAC,CAACuD,8BAAH,CAA1B,GAA+D,IAA/D,GAAsE,GAFpD,CADtB;;AAKoBhE,IAAAA,KAAK;AACrBS,IAAAA,CAAC,CAAC2D,mBADmB;AAErBlE,IAAAA,0BAA0B,CAACO,CAAC,CAACuD,8BAAH,CAA1B,GAA+D,GAA/D,GAAqE,GAFhD,CALzB;;AASkBvD,IAAAA,CAAC,CAAC4D,mBATpB;AAUmB5D,IAAAA,CAAC,CAAC4D,mBAVrB;;;AAaD,GAjSgC;;AAmSjCI,EAAAA,SAnSiC,qBAmSvBhE,CAnSuB,EAmSb;AAClB,WAAOZ,GAAP;AACeY,IAAAA,CAAC,CAACiE,kBADjB;AAEiBjE,IAAAA,CAAC,CAACkE,oBAFnB;AAGYlE,IAAAA,CAAC,CAACmE,gBAHd;AAIiB5E,IAAAA,KAAK;AAClBS,IAAAA,CAAC,CAACoE,kBADgB;AAElB3E,IAAAA,0BAA0B,CAACO,CAAC,CAACuD,8BAAH,CAA1B,GAA+D,IAA/D,GAAsE,GAFpD,CAJtB;;AAQoBhE,IAAAA,KAAK;AACrBS,IAAAA,CAAC,CAACoE,kBADmB;AAErB3E,IAAAA,0BAA0B,CAACO,CAAC,CAACuD,8BAAH,CAA1B,GAA+D,GAA/D,GAAqE,GAFhD,CARzB;;AAYkBvD,IAAAA,CAAC,CAACqE,kBAZpB;AAamBrE,IAAAA,CAAC,CAACqE,kBAbrB;AAcmBrE,IAAAA,CAAC,CAACsE,sBAdrB;;AAgBD,GApTgC;;AAsTjCC,EAAAA,iBAtTiC,6BAsTfvE,CAtTe,EAsTL;AAC1B,WAAOZ,GAAP;AACiBG,IAAAA,KAAK;AAClBS,IAAAA,CAAC,CAACoE,kBADgB;AAElB3E,IAAAA,0BAA0B,CAACO,CAAC,CAACuD,8BAAH,CAA1B,GAA+D,IAA/D,GAAsE,GAFpD,CADtB;;AAKoBhE,IAAAA,KAAK;AACrBS,IAAAA,CAAC,CAACoE,kBADmB;AAErB3E,IAAAA,0BAA0B,CAACO,CAAC,CAACuD,8BAAH,CAA1B,GAA+D,GAA/D,GAAqE,GAFhD,CALzB;;AASkBvD,IAAAA,CAAC,CAACqE,kBATpB;AAUmBrE,IAAAA,CAAC,CAACqE,kBAVrB;;;AAaD,GApUgC;;AAsUjCG,EAAAA,MAtUiC,kBAsU1BxE,CAtU0B,EAsUhB;AACf,WAAOZ,GAAP;AACWY,IAAAA,CAAC,CAACwB,qBADb;;AAGD,GA1UgC;;AA4UjCiD,EAAAA,cA5UiC,0BA4UlBzE,CA5UkB,EA4UR;AACvB,WAAOZ,GAAP;AACWY,IAAAA,CAAC,CAAC4B,6BADb;;AAGD,GAhVgC;;AAkVjC8C,EAAAA,MAlViC,kBAkV1B1E,CAlV0B,EAkVhB;AACf,WAAOZ,GAAP;AACWY,IAAAA,CAAC,CAACwB,qBADb;;AAGD,GAtVgC;;AAwVjCmD,EAAAA,cAxViC,0BAwVlB3E,CAxVkB,EAwVR;AACvB,WAAOZ,GAAP;AACWY,IAAAA,CAAC,CAAC4B,6BADb;;AAGD,GA5VgC;;AA8VjCgD,EAAAA,aA9ViC,2BA8VjB;AACd,WAAOxF,GAAP;;;;;;;;;;;;AAYD,GA3WgC;;AA6WjCyF,EAAAA,cA7WiC,4BA6WhB;AACf,WAAOzF,GAAP;;;;;AAKD,GAnXgC;;AAqXjC0F,EAAAA,IArXiC,kBAqX1B;AACL,WAAO1F,GAAP;;;;;;;AAOD,GA7XgC;;AA+XjC2F,EAAAA,SA/XiC,qBA+XvB/E,CA/XuB,EA+Xb;AAClB,WAAOZ,GAAP;AACWY,IAAAA,CAAC,CAACgF,qBADb;;AAGD,GAnYgC;;AAqYjCC,EAAAA,YArYiC,0BAqYlB;AACb,WAAO7F,GAAP;;;AAGD,GAzYgC;;AA2YjC8F,EAAAA,aA3YiC,yBA2YnBlF,CA3YmB,EA2YT;AACtB,WAAOZ,GAAP;AACeY,IAAAA,CAAC,CAACmF,kBADjB;AAEmBnF,IAAAA,CAAC,CAACoF,iBAFrB;;AAID,GAhZgC;;AAkZjCC,EAAAA,cAlZiC,0BAkZlBrF,CAlZkB,EAkZR;AACvB,WAAOZ,GAAP;AACeY,IAAAA,CAAC,CAACmF,kBADjB;AAEkBnF,IAAAA,CAAC,CAACoF,iBAFpB;;AAID,GAvZgC;;AAyZjCE,EAAAA,cAzZiC,0BAyZlBtF,CAzZkB,EAyZR;AACvB,WAAOZ,GAAP;AACeY,IAAAA,CAAC,CAACuF,mBADjB;AAEmBvF,IAAAA,CAAC,CAACwF,kBAFrB;;AAID,GA9ZgC;;AAgajCC,EAAAA,eAhaiC,2BAgajBzF,CAhaiB,EAgaP;AACxB,WAAOZ,GAAP;AACeY,IAAAA,CAAC,CAACuF,mBADjB;AAEkBvF,IAAAA,CAAC,CAACwF,kBAFpB;;AAID,GAragC;;AAuajCE,EAAAA,aAvaiC,yBAuanB1F,CAvamB,EAuaT;AACtB,WAAOZ,GAAP;AACeY,IAAAA,CAAC,CAAC2F,kBADjB;AAEmB3F,IAAAA,CAAC,CAAC4F,iBAFrB;;AAID,GA5agC;;AA8ajCC,EAAAA,cA9aiC,0BA8alB7F,CA9akB,EA8aR;AACvB,WAAOZ,GAAP;AACeY,IAAAA,CAAC,CAAC2F,kBADjB;AAEkB3F,IAAAA,CAAC,CAAC4F,iBAFpB;;AAID,GAnbgC;;AAqbjCE,EAAAA,kBArbiC,gCAqbZ;AACnB,WAAO1G,GAAP;;;AAGD,GAzbgC,EAAD,CAA3B","sourcesContent":["import { css, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { shift } from '../../lib/styles/DimensionFunctions';\nimport { resetText } from '../../lib/styles/Mixins';\n\nconst shouldCompensateFontFamily = (fontFamilyCompensation: string): boolean =>\n  Boolean(parseInt(fontFamilyCompensation));\n\nexport const styles = memoizeStyle({\n  wrapper() {\n    return css`\n      align-items: center;\n      display: flex;\n      margin: 0;\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &::before {\n        content: '\\\\A0';\n        display: inline-block;\n        width: 0;\n      }\n    `;\n  },\n\n  root(t: Theme) {\n    return css`\n      ${resetText()};\n\n      align-items: center;\n      background-clip: ${t.inputBackgroundClip};\n      background-color: ${t.inputBg};\n      border: ${t.inputBorderWidth} solid ${t.inputBorderColor};\n      border-top-color: ${t.inputBorderTopColor};\n      transition: border-color ${t.transitionDuration} ${t.transitionTimingFunction};\n      box-shadow: ${t.inputShadow};\n      box-sizing: border-box;\n      color: ${t.inputColor};\n      cursor: text;\n      display: inline-flex;\n      outline: none;\n      position: relative;\n      width: ${t.inputWidth};\n\n      & * {\n        box-sizing: border-box;\n      }\n    `;\n  },\n\n  hovering(t: Theme) {\n    return css`\n      &:hover {\n        border-color: ${t.inputBorderColorHover};\n      }\n    `;\n  },\n\n  borderless() {\n    return css`\n      box-shadow: none;\n      border-color: transparent;\n      background-clip: padding-box;\n    `;\n  },\n\n  useDefaultColor(t: Theme) {\n    return css`\n      color: ${t.inputIconColor};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      background-color: ${t.inputFocusedBg};\n      border-color: ${t.inputBorderColorFocus};\n      box-shadow: ${t.inputFocusShadow};\n      outline: none;\n      z-index: 2;\n    `;\n  },\n\n  focusFallback(t: Theme) {\n    return css`\n      box-shadow: none;\n      outline: ${t.inputOutlineWidth} solid ${t.inputFocusOutline};\n    `;\n  },\n\n  placeholder(t: Theme) {\n    return css`\n      -ms-user-select: none;\n      color: ${t.inputPlaceholderColor};\n      cursor: text;\n      font-size: inherit;\n      height: 100%;\n      left: 0;\n      overflow: hidden;\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      user-select: none;\n      white-space: nowrap;\n      width: 100%;\n    `;\n  },\n\n  placeholderFocus(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColorLight};\n    `;\n  },\n\n  placeholderDisabled(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColorDisabled};\n    `;\n  },\n\n  input(t: Theme) {\n    return css`\n      -webkit-appearance: none;\n      background: transparent;\n      border: 0 none;\n      color: ${t.inputTextColor};\n      font: inherit;\n      line-height: inherit;\n      margin: 0;\n      outline: none;\n      padding: 0;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n      color-scheme: ${t.inputColorScheme};\n\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n      &::-ms-clear {\n        display: none;\n      }\n      &:-moz-placeholder {\n        color: ${t.inputPlaceholderColor};\n      }\n      &::-moz-placeholder {\n        color: ${t.inputPlaceholderColor};\n      }\n      &::placeholder {\n        color: ${t.inputPlaceholderColor};\n      }\n    `;\n  },\n\n  inputFocus(t: Theme) {\n    return css`\n      &:-moz-placeholder {\n        color: ${t.inputPlaceholderColorLight};\n      }\n      &::-moz-placeholder {\n        color: ${t.inputPlaceholderColorLight};\n      }\n      &::placeholder {\n        color: ${t.inputPlaceholderColorLight};\n      }\n    `;\n  },\n\n  inputDisabled(t: Theme) {\n    return css`\n      color: ${t.inputTextColorDisabled};\n      /* fix text color in safari https://bugs.webkit.org/show_bug.cgi?id=115510 */\n      -webkit-text-fill-color: ${t.inputTextColorDisabled};\n\n      &:-moz-placeholder {\n        -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n      }\n      &::-moz-placeholder {\n        -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n      }\n      &::placeholder {\n        -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      border-color: ${t.inputBorderColorWarning};\n      box-shadow: 0 0 0 ${t.inputOutlineWidth} ${t.inputBorderColorWarning};\n      z-index: 2;\n    `;\n  },\n\n  warningFallback(t: Theme) {\n    return css`\n      box-shadow: none;\n      outline: ${t.inputBorderWidth} solid ${t.inputBorderColorWarning};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      border-color: ${t.inputBorderColorError};\n      box-shadow: 0 0 0 ${t.inputOutlineWidth} ${t.inputBorderColorError};\n      z-index: 2;\n    `;\n  },\n\n  errorFallback(t: Theme) {\n    return css`\n      box-shadow: none;\n      outline: ${t.inputBorderWidth} solid ${t.inputBorderColorError};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      background-color: ${t.inputDisabledBg};\n      border-color: ${t.inputDisabledBorderColor};\n      box-shadow: none;\n    `;\n  },\n\n  blink(t: Theme) {\n    const blinkAnimation = keyframes`\n    0% {\n      background-color: ${t.inputBlinkColor};\n    }\n  `;\n    return css`\n      animation: ${blinkAnimation} 0.15s ease-in;\n    `;\n  },\n\n  sizeSmall(t: Theme) {\n    return css`\n      font-size: ${t.inputFontSizeSmall};\n      line-height: ${t.inputLineHeightSmall};\n      padding-top: ${t.inputPaddingYSmall};\n      padding-bottom: ${t.inputPaddingYSmall};\n      padding-left: ${t.inputPaddingXSmall};\n      padding-right: ${t.inputPaddingXSmall};\n      height: ${t.inputHeightSmall};\n      border-radius: ${t.inputBorderRadiusSmall};\n    `;\n  },\n\n  sizeSmallFallback(t: Theme) {\n    return css`\n      padding-top: ${shift(\n        t.inputPaddingYSmall,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0',\n      )};\n      padding-bottom: ${shift(\n        t.inputPaddingYSmall,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0',\n      )};\n      padding-left: ${t.inputPaddingXSmall};\n      padding-right: ${t.inputPaddingXSmall};\n      line-height: normal;\n    `;\n  },\n\n  sizeMedium(t: Theme) {\n    return css`\n      font-size: ${t.inputFontSizeMedium};\n      line-height: ${t.inputLineHeightMedium};\n      padding-top: ${t.inputPaddingYMedium};\n      padding-bottom: ${t.inputPaddingYMedium};\n      padding-left: ${t.inputPaddingXMedium};\n      padding-right: ${t.inputPaddingXMedium};\n      height: ${t.inputHeightMedium};\n      border-radius: ${t.inputBorderRadiusMedium};\n    `;\n  },\n\n  sizeMediumFallback(t: Theme) {\n    return css`\n      padding-top: ${shift(\n        t.inputPaddingYMedium,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0',\n      )};\n      padding-bottom: ${shift(\n        t.inputPaddingYMedium,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0',\n      )};\n      padding-left: ${t.inputPaddingXMedium};\n      padding-right: ${t.inputPaddingXMedium};\n      line-height: normal;\n    `;\n  },\n\n  sizeLarge(t: Theme) {\n    return css`\n      font-size: ${t.inputFontSizeLarge};\n      line-height: ${t.inputLineHeightLarge};\n      height: ${t.inputHeightLarge};\n      padding-top: ${shift(\n        t.inputPaddingYLarge,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0',\n      )};\n      padding-bottom: ${shift(\n        t.inputPaddingYLarge,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0',\n      )};\n      padding-left: ${t.inputPaddingXLarge};\n      padding-right: ${t.inputPaddingXLarge};\n      border-radius: ${t.inputBorderRadiusLarge};\n    `;\n  },\n\n  sizeLargeFallback(t: Theme) {\n    return css`\n      padding-top: ${shift(\n        t.inputPaddingYLarge,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-2' : '0',\n      )};\n      padding-bottom: ${shift(\n        t.inputPaddingYLarge,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '2' : '0',\n      )};\n      padding-left: ${t.inputPaddingXLarge};\n      padding-right: ${t.inputPaddingXLarge};\n      line-height: normal;\n    `;\n  },\n\n  prefix(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColor};\n    `;\n  },\n\n  prefixDisabled(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColorDisabled};\n    `;\n  },\n\n  suffix(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColor};\n    `;\n  },\n\n  suffixDisabled(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColorDisabled};\n    `;\n  },\n\n  sideContainer() {\n    return css`\n      align-items: center;\n      display: flex;\n      flex-shrink: 0;\n      height: 100%;\n\n      &::before {\n        content: '\\\\a0';\n        display: inline-block;\n        width: 0;\n      }\n    `;\n  },\n\n  rightContainer() {\n    return css`\n      justify-self: flex-end;\n      margin: 0 0 0 auto;\n      padding-left: 0;\n    `;\n  },\n\n  icon() {\n    return css`\n      flex-shrink: 0;\n      cursor: text;\n      z-index: 2;\n      text-align: center;\n      box-sizing: content-box !important; // fix possible \"reset.css\" problem\n    `;\n  },\n\n  iconFocus(t: Theme) {\n    return css`\n      color: ${t.inputFocusedIconColor};\n    `;\n  },\n\n  iconDisabled() {\n    return css`\n      cursor: default;\n    `;\n  },\n\n  leftIconSmall(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeSmall};\n      padding-right: ${t.inputIconGapSmall};\n    `;\n  },\n\n  rightIconSmall(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeSmall};\n      padding-left: ${t.inputIconGapSmall};\n    `;\n  },\n\n  leftIconMedium(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeMedium};\n      padding-right: ${t.inputIconGapMedium};\n    `;\n  },\n\n  rightIconMedium(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeMedium};\n      padding-left: ${t.inputIconGapMedium};\n    `;\n  },\n\n  leftIconLarge(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeLarge};\n      padding-right: ${t.inputIconGapLarge};\n    `;\n  },\n\n  rightIconLarge(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeLarge};\n      padding-left: ${t.inputIconGapLarge};\n    `;\n  },\n\n  hideBlinkingCursor() {\n    return css`\n      caret-color: transparent;\n    `;\n  },\n});\n"]}
+{"version":3,"sources":["Input.styles.ts"],"names":["memoizeStyle","shift","resetText","shouldCompensateFontFamily","fontFamilyCompensation","Boolean","parseInt","getStyles","emotion","wrapper","css","root","t","inputBackgroundClip","inputBg","inputBorderWidth","inputBorderColor","inputBorderTopColor","transitionDuration","transitionTimingFunction","inputShadow","inputColor","inputWidth","hovering","inputBorderColorHover","borderless","useDefaultColor","inputIconColor","focus","inputFocusedBg","inputBorderColorFocus","inputFocusShadow","focusFallback","inputOutlineWidth","inputFocusOutline","placeholder","inputPlaceholderColor","placeholderFocus","inputPlaceholderColorLight","placeholderDisabled","inputPlaceholderColorDisabled","input","inputTextColor","inputColorScheme","inputFocus","inputDisabled","inputTextColorDisabled","warning","inputBorderColorWarning","warningFallback","error","inputBorderColorError","errorFallback","disabled","inputDisabledBg","inputDisabledBorderColor","blink","blinkAnimation","keyframes","inputBlinkColor","sizeSmall","inputFontSizeSmall","inputLineHeightSmall","inputPaddingYSmall","inputPaddingXSmall","inputHeightSmall","inputBorderRadiusSmall","sizeSmallFallback","fontFamilyCompensationBaseline","sizeMedium","inputFontSizeMedium","inputLineHeightMedium","inputPaddingYMedium","inputPaddingXMedium","inputHeightMedium","inputBorderRadiusMedium","sizeMediumFallback","sizeLarge","inputFontSizeLarge","inputLineHeightLarge","inputHeightLarge","inputPaddingYLarge","inputPaddingXLarge","inputBorderRadiusLarge","sizeLargeFallback","prefix","prefixDisabled","suffix","suffixDisabled","sideContainer","rightContainer","icon","iconFocus","inputFocusedIconColor","iconDisabled","leftIconSmall","inputIconSizeSmall","inputIconGapSmall","rightIconSmall","leftIconMedium","inputIconSizeMedium","inputIconGapMedium","rightIconMedium","leftIconLarge","inputIconSizeLarge","inputIconGapLarge","rightIconLarge","hideBlinkingCursor"],"mappings":";;AAEA,SAASA,YAAT,QAA6B,2BAA7B;;AAEA,SAASC,KAAT,QAAsB,qCAAtB;AACA,SAASC,SAAT,QAA0B,yBAA1B;;AAEA,IAAMC,0BAA0B,GAAG,SAA7BA,0BAA6B,CAACC,sBAAD;AACjCC,IAAAA,OAAO,CAACC,QAAQ,CAACF,sBAAD,CAAT,CAD0B,GAAnC;;AAGA,OAAO,IAAMG,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvBR,IAAAA,YAAY,CAAC;AACXS,MAAAA,OADW,qBACD;AACR,eAAOD,OAAO,CAACE,GAAf;;;;;;;;;;;;;;;;;AAiBD,OAnBU;;AAqBXC,MAAAA,IArBW,gBAqBNC,CArBM,EAqBI;AACb,eAAOJ,OAAO,CAACE,GAAf;AACIR,QAAAA,SAAS,CAACM,OAAD,CADb;;;AAIqBI,QAAAA,CAAC,CAACC,mBAJvB;AAKsBD,QAAAA,CAAC,CAACE,OALxB;AAMYF,QAAAA,CAAC,CAACG,gBANd,EAMwCH,CAAC,CAACI,gBAN1C;AAOsBJ,QAAAA,CAAC,CAACK,mBAPxB;AAQ6BL,QAAAA,CAAC,CAACM,kBAR/B,EAQqDN,CAAC,CAACO,wBARvD;AASgBP,QAAAA,CAAC,CAACQ,WATlB;;AAWWR,QAAAA,CAAC,CAACS,UAXb;;;;;AAgBWT,QAAAA,CAAC,CAACU,UAhBb;;;;;;AAsBD,OA5CU;;AA8CXC,MAAAA,QA9CW,oBA8CFX,CA9CE,EA8CQ;AACjB,eAAOJ,OAAO,CAACE,GAAf;;AAEoBE,QAAAA,CAAC,CAACY,qBAFtB;;;AAKD,OApDU;;AAsDXC,MAAAA,UAtDW,wBAsDE;AACX,eAAOjB,OAAO,CAACE,GAAf;;;;;AAKD,OA5DU;;AA8DXgB,MAAAA,eA9DW,2BA8DKd,CA9DL,EA8De;AACxB,eAAOJ,OAAO,CAACE,GAAf;AACWE,QAAAA,CAAC,CAACe,cADb;;AAGD,OAlEU;;AAoEXC,MAAAA,KApEW,iBAoELhB,CApEK,EAoEK;AACd,eAAOJ,OAAO,CAACE,GAAf;AACsBE,QAAAA,CAAC,CAACiB,cADxB;AAEkBjB,QAAAA,CAAC,CAACkB,qBAFpB;AAGgBlB,QAAAA,CAAC,CAACmB,gBAHlB;;;;AAOD,OA5EU;;AA8EXC,MAAAA,aA9EW,yBA8EGpB,CA9EH,EA8Ea;AACtB,eAAOJ,OAAO,CAACE,GAAf;;AAEaE,QAAAA,CAAC,CAACqB,iBAFf,EAE0CrB,CAAC,CAACsB,iBAF5C;;AAID,OAnFU;;AAqFXC,MAAAA,WArFW,uBAqFCvB,CArFD,EAqFW;AACpB,eAAOJ,OAAO,CAACE,GAAf;;AAEWE,QAAAA,CAAC,CAACwB,qBAFb;;;;;;;;;;;;;AAeD,OArGU;;AAuGXC,MAAAA,gBAvGW,4BAuGMzB,CAvGN,EAuGgB;AACzB,eAAOJ,OAAO,CAACE,GAAf;AACWE,QAAAA,CAAC,CAAC0B,0BADb;;AAGD,OA3GU;;AA6GXC,MAAAA,mBA7GW,+BA6GS3B,CA7GT,EA6GmB;AAC5B,eAAOJ,OAAO,CAACE,GAAf;AACWE,QAAAA,CAAC,CAAC4B,6BADb;;AAGD,OAjHU;;AAmHXC,MAAAA,KAnHW,iBAmHL7B,CAnHK,EAmHK;AACd,eAAOJ,OAAO,CAACE,GAAf;;;;AAIWE,QAAAA,CAAC,CAAC8B,cAJb;;;;;;;;;AAakB9B,QAAAA,CAAC,CAAC+B,gBAbpB;;;;;;;;;;;;AAyBa/B,QAAAA,CAAC,CAACwB,qBAzBf;;;AA4BaxB,QAAAA,CAAC,CAACwB,qBA5Bf;;;AA+BaxB,QAAAA,CAAC,CAACwB,qBA/Bf;;;AAkCD,OAtJU;;AAwJXQ,MAAAA,UAxJW,sBAwJAhC,CAxJA,EAwJU;AACnB,eAAOJ,OAAO,CAACE,GAAf;;AAEaE,QAAAA,CAAC,CAAC0B,0BAFf;;;AAKa1B,QAAAA,CAAC,CAAC0B,0BALf;;;AAQa1B,QAAAA,CAAC,CAAC0B,0BARf;;;AAWD,OApKU;;AAsKXO,MAAAA,aAtKW,yBAsKGjC,CAtKH,EAsKa;AACtB,eAAOJ,OAAO,CAACE,GAAf;AACWE,QAAAA,CAAC,CAACkC,sBADb;;AAG6BlC,QAAAA,CAAC,CAACkC,sBAH/B;;;AAM+BlC,QAAAA,CAAC,CAAC4B,6BANjC;;;AAS+B5B,QAAAA,CAAC,CAAC4B,6BATjC;;;AAY+B5B,QAAAA,CAAC,CAAC4B,6BAZjC;;;AAeD,OAtLU;;AAwLXO,MAAAA,OAxLW,mBAwLHnC,CAxLG,EAwLO;AAChB,eAAOJ,OAAO,CAACE,GAAf;AACkBE,QAAAA,CAAC,CAACoC,uBADpB;AAEsBpC,QAAAA,CAAC,CAACqB,iBAFxB,EAE6CrB,CAAC,CAACoC,uBAF/C;;;AAKD,OA9LU;;AAgMXC,MAAAA,eAhMW,2BAgMKrC,CAhML,EAgMe;AACxB,eAAOJ,OAAO,CAACE,GAAf;;AAEaE,QAAAA,CAAC,CAACG,gBAFf,EAEyCH,CAAC,CAACoC,uBAF3C;;AAID,OArMU;;AAuMXE,MAAAA,KAvMW,iBAuMLtC,CAvMK,EAuMK;AACd,eAAOJ,OAAO,CAACE,GAAf;AACkBE,QAAAA,CAAC,CAACuC,qBADpB;AAEsBvC,QAAAA,CAAC,CAACqB,iBAFxB,EAE6CrB,CAAC,CAACuC,qBAF/C;;;AAKD,OA7MU;;AA+MXC,MAAAA,aA/MW,yBA+MGxC,CA/MH,EA+Ma;AACtB,eAAOJ,OAAO,CAACE,GAAf;;AAEaE,QAAAA,CAAC,CAACG,gBAFf,EAEyCH,CAAC,CAACuC,qBAF3C;;AAID,OApNU;;AAsNXE,MAAAA,QAtNW,oBAsNFzC,CAtNE,EAsNQ;AACjB,eAAOJ,OAAO,CAACE,GAAf;AACsBE,QAAAA,CAAC,CAAC0C,eADxB;AAEkB1C,QAAAA,CAAC,CAAC2C,wBAFpB;;;AAKD,OA5NU;;AA8NXC,MAAAA,KA9NW,iBA8NL5C,CA9NK,EA8NK;AACd,YAAM6C,cAAc,GAAGjD,OAAO,CAACkD,SAAX;;AAEA9C,QAAAA,CAAC,CAAC+C,eAFF,CAApB;;;AAKA,eAAOnD,OAAO,CAACE,GAAf;AACe+C,QAAAA,cADf;;AAGD,OAvOU;;AAyOXG,MAAAA,SAzOW,qBAyODhD,CAzOC,EAyOS;AAClB,eAAOJ,OAAO,CAACE,GAAf;AACeE,QAAAA,CAAC,CAACiD,kBADjB;AAEiBjD,QAAAA,CAAC,CAACkD,oBAFnB;AAGiBlD,QAAAA,CAAC,CAACmD,kBAHnB;AAIoBnD,QAAAA,CAAC,CAACmD,kBAJtB;AAKkBnD,QAAAA,CAAC,CAACoD,kBALpB;AAMmBpD,QAAAA,CAAC,CAACoD,kBANrB;AAOYpD,QAAAA,CAAC,CAACqD,gBAPd;AAQmBrD,QAAAA,CAAC,CAACsD,sBARrB;;AAUD,OApPU;;AAsPXC,MAAAA,iBAtPW,6BAsPOvD,CAtPP,EAsPiB;AAC1B,eAAOJ,OAAO,CAACE,GAAf;AACiBT,QAAAA,KAAK;AAClBW,QAAAA,CAAC,CAACmD,kBADgB;AAElB5D,QAAAA,0BAA0B,CAACS,CAAC,CAACwD,8BAAH,CAA1B,GAA+D,IAA/D,GAAsE,GAFpD,CADtB;;AAKoBnE,QAAAA,KAAK;AACrBW,QAAAA,CAAC,CAACmD,kBADmB;AAErB5D,QAAAA,0BAA0B,CAACS,CAAC,CAACwD,8BAAH,CAA1B,GAA+D,GAA/D,GAAqE,GAFhD,CALzB;;AASkBxD,QAAAA,CAAC,CAACoD,kBATpB;AAUmBpD,QAAAA,CAAC,CAACoD,kBAVrB;;;AAaD,OApQU;;AAsQXK,MAAAA,UAtQW,sBAsQAzD,CAtQA,EAsQU;AACnB,eAAOJ,OAAO,CAACE,GAAf;AACeE,QAAAA,CAAC,CAAC0D,mBADjB;AAEiB1D,QAAAA,CAAC,CAAC2D,qBAFnB;AAGiB3D,QAAAA,CAAC,CAAC4D,mBAHnB;AAIoB5D,QAAAA,CAAC,CAAC4D,mBAJtB;AAKkB5D,QAAAA,CAAC,CAAC6D,mBALpB;AAMmB7D,QAAAA,CAAC,CAAC6D,mBANrB;AAOY7D,QAAAA,CAAC,CAAC8D,iBAPd;AAQmB9D,QAAAA,CAAC,CAAC+D,uBARrB;;AAUD,OAjRU;;AAmRXC,MAAAA,kBAnRW,8BAmRQhE,CAnRR,EAmRkB;AAC3B,eAAOJ,OAAO,CAACE,GAAf;AACiBT,QAAAA,KAAK;AAClBW,QAAAA,CAAC,CAAC4D,mBADgB;AAElBrE,QAAAA,0BAA0B,CAACS,CAAC,CAACwD,8BAAH,CAA1B,GAA+D,IAA/D,GAAsE,GAFpD,CADtB;;AAKoBnE,QAAAA,KAAK;AACrBW,QAAAA,CAAC,CAAC4D,mBADmB;AAErBrE,QAAAA,0BAA0B,CAACS,CAAC,CAACwD,8BAAH,CAA1B,GAA+D,GAA/D,GAAqE,GAFhD,CALzB;;AASkBxD,QAAAA,CAAC,CAAC6D,mBATpB;AAUmB7D,QAAAA,CAAC,CAAC6D,mBAVrB;;;AAaD,OAjSU;;AAmSXI,MAAAA,SAnSW,qBAmSDjE,CAnSC,EAmSS;AAClB,eAAOJ,OAAO,CAACE,GAAf;AACeE,QAAAA,CAAC,CAACkE,kBADjB;AAEiBlE,QAAAA,CAAC,CAACmE,oBAFnB;AAGYnE,QAAAA,CAAC,CAACoE,gBAHd;AAIiB/E,QAAAA,KAAK;AAClBW,QAAAA,CAAC,CAACqE,kBADgB;AAElB9E,QAAAA,0BAA0B,CAACS,CAAC,CAACwD,8BAAH,CAA1B,GAA+D,IAA/D,GAAsE,GAFpD,CAJtB;;AAQoBnE,QAAAA,KAAK;AACrBW,QAAAA,CAAC,CAACqE,kBADmB;AAErB9E,QAAAA,0BAA0B,CAACS,CAAC,CAACwD,8BAAH,CAA1B,GAA+D,GAA/D,GAAqE,GAFhD,CARzB;;AAYkBxD,QAAAA,CAAC,CAACsE,kBAZpB;AAamBtE,QAAAA,CAAC,CAACsE,kBAbrB;AAcmBtE,QAAAA,CAAC,CAACuE,sBAdrB;;AAgBD,OApTU;;AAsTXC,MAAAA,iBAtTW,6BAsTOxE,CAtTP,EAsTiB;AAC1B,eAAOJ,OAAO,CAACE,GAAf;AACiBT,QAAAA,KAAK;AAClBW,QAAAA,CAAC,CAACqE,kBADgB;AAElB9E,QAAAA,0BAA0B,CAACS,CAAC,CAACwD,8BAAH,CAA1B,GAA+D,IAA/D,GAAsE,GAFpD,CADtB;;AAKoBnE,QAAAA,KAAK;AACrBW,QAAAA,CAAC,CAACqE,kBADmB;AAErB9E,QAAAA,0BAA0B,CAACS,CAAC,CAACwD,8BAAH,CAA1B,GAA+D,GAA/D,GAAqE,GAFhD,CALzB;;AASkBxD,QAAAA,CAAC,CAACsE,kBATpB;AAUmBtE,QAAAA,CAAC,CAACsE,kBAVrB;;;AAaD,OApUU;;AAsUXG,MAAAA,MAtUW,kBAsUJzE,CAtUI,EAsUM;AACf,eAAOJ,OAAO,CAACE,GAAf;AACWE,QAAAA,CAAC,CAACwB,qBADb;;AAGD,OA1UU;;AA4UXkD,MAAAA,cA5UW,0BA4UI1E,CA5UJ,EA4Uc;AACvB,eAAOJ,OAAO,CAACE,GAAf;AACWE,QAAAA,CAAC,CAAC4B,6BADb;;AAGD,OAhVU;;AAkVX+C,MAAAA,MAlVW,kBAkVJ3E,CAlVI,EAkVM;AACf,eAAOJ,OAAO,CAACE,GAAf;AACWE,QAAAA,CAAC,CAACwB,qBADb;;AAGD,OAtVU;;AAwVXoD,MAAAA,cAxVW,0BAwVI5E,CAxVJ,EAwVc;AACvB,eAAOJ,OAAO,CAACE,GAAf;AACWE,QAAAA,CAAC,CAAC4B,6BADb;;AAGD,OA5VU;;AA8VXiD,MAAAA,aA9VW,2BA8VK;AACd,eAAOjF,OAAO,CAACE,GAAf;;;;;;;;;;;;AAYD,OA3WU;;AA6WXgF,MAAAA,cA7WW,4BA6WM;AACf,eAAOlF,OAAO,CAACE,GAAf;;;;;AAKD,OAnXU;;AAqXXiF,MAAAA,IArXW,kBAqXJ;AACL,eAAOnF,OAAO,CAACE,GAAf;;;;;;;AAOD,OA7XU;;AA+XXkF,MAAAA,SA/XW,qBA+XDhF,CA/XC,EA+XS;AAClB,eAAOJ,OAAO,CAACE,GAAf;AACWE,QAAAA,CAAC,CAACiF,qBADb;;AAGD,OAnYU;;AAqYXC,MAAAA,YArYW,0BAqYI;AACb,eAAOtF,OAAO,CAACE,GAAf;;;AAGD,OAzYU;;AA2YXqF,MAAAA,aA3YW,yBA2YGnF,CA3YH,EA2Ya;AACtB,eAAOJ,OAAO,CAACE,GAAf;AACeE,QAAAA,CAAC,CAACoF,kBADjB;AAEmBpF,QAAAA,CAAC,CAACqF,iBAFrB;;AAID,OAhZU;;AAkZXC,MAAAA,cAlZW,0BAkZItF,CAlZJ,EAkZc;AACvB,eAAOJ,OAAO,CAACE,GAAf;AACeE,QAAAA,CAAC,CAACoF,kBADjB;AAEkBpF,QAAAA,CAAC,CAACqF,iBAFpB;;AAID,OAvZU;;AAyZXE,MAAAA,cAzZW,0BAyZIvF,CAzZJ,EAyZc;AACvB,eAAOJ,OAAO,CAACE,GAAf;AACeE,QAAAA,CAAC,CAACwF,mBADjB;AAEmBxF,QAAAA,CAAC,CAACyF,kBAFrB;;AAID,OA9ZU;;AAgaXC,MAAAA,eAhaW,2BAgaK1F,CAhaL,EAgae;AACxB,eAAOJ,OAAO,CAACE,GAAf;AACeE,QAAAA,CAAC,CAACwF,mBADjB;AAEkBxF,QAAAA,CAAC,CAACyF,kBAFpB;;AAID,OAraU;;AAuaXE,MAAAA,aAvaW,yBAuaG3F,CAvaH,EAuaa;AACtB,eAAOJ,OAAO,CAACE,GAAf;AACeE,QAAAA,CAAC,CAAC4F,kBADjB;AAEmB5F,QAAAA,CAAC,CAAC6F,iBAFrB;;AAID,OA5aU;;AA8aXC,MAAAA,cA9aW,0BA8aI9F,CA9aJ,EA8ac;AACvB,eAAOJ,OAAO,CAACE,GAAf;AACeE,QAAAA,CAAC,CAAC4F,kBADjB;AAEkB5F,QAAAA,CAAC,CAAC6F,iBAFpB;;AAID,OAnbU;;AAqbXE,MAAAA,kBArbW,gCAqbU;AACnB,eAAOnG,OAAO,CAACE,GAAf;;;AAGD,OAzbU,EAAD,CADW,GAAlB","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { 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 getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    wrapper() {\n      return emotion.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 emotion.css`\n        ${resetText(emotion)};\n\n        align-items: center;\n        background-clip: ${t.inputBackgroundClip};\n        background-color: ${t.inputBg};\n        border: ${t.inputBorderWidth} solid ${t.inputBorderColor};\n        border-top-color: ${t.inputBorderTopColor};\n        transition: border-color ${t.transitionDuration} ${t.transitionTimingFunction};\n        box-shadow: ${t.inputShadow};\n        box-sizing: border-box;\n        color: ${t.inputColor};\n        cursor: text;\n        display: inline-flex;\n        outline: none;\n        position: relative;\n        width: ${t.inputWidth};\n\n        & * {\n          box-sizing: border-box;\n        }\n      `;\n    },\n\n    hovering(t: Theme) {\n      return emotion.css`\n        &:hover {\n          border-color: ${t.inputBorderColorHover};\n        }\n      `;\n    },\n\n    borderless() {\n      return emotion.css`\n        box-shadow: none;\n        border-color: transparent;\n        background-clip: padding-box;\n      `;\n    },\n\n    useDefaultColor(t: Theme) {\n      return emotion.css`\n        color: ${t.inputIconColor};\n      `;\n    },\n\n    focus(t: Theme) {\n      return emotion.css`\n        background-color: ${t.inputFocusedBg};\n        border-color: ${t.inputBorderColorFocus};\n        box-shadow: ${t.inputFocusShadow};\n        outline: none;\n        z-index: 2;\n      `;\n    },\n\n    focusFallback(t: Theme) {\n      return emotion.css`\n        box-shadow: none;\n        outline: ${t.inputOutlineWidth} solid ${t.inputFocusOutline};\n      `;\n    },\n\n    placeholder(t: Theme) {\n      return emotion.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 emotion.css`\n        color: ${t.inputPlaceholderColorLight};\n      `;\n    },\n\n    placeholderDisabled(t: Theme) {\n      return emotion.css`\n        color: ${t.inputPlaceholderColorDisabled};\n      `;\n    },\n\n    input(t: Theme) {\n      return emotion.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 emotion.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 emotion.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 emotion.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 emotion.css`\n        box-shadow: none;\n        outline: ${t.inputBorderWidth} solid ${t.inputBorderColorWarning};\n      `;\n    },\n\n    error(t: Theme) {\n      return emotion.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 emotion.css`\n        box-shadow: none;\n        outline: ${t.inputBorderWidth} solid ${t.inputBorderColorError};\n      `;\n    },\n\n    disabled(t: Theme) {\n      return emotion.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 = emotion.keyframes`\n    0% {\n      background-color: ${t.inputBlinkColor};\n    }\n  `;\n      return emotion.css`\n        animation: ${blinkAnimation} 0.15s ease-in;\n      `;\n    },\n\n    sizeSmall(t: Theme) {\n      return emotion.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 emotion.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 emotion.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 emotion.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 emotion.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 emotion.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 emotion.css`\n        color: ${t.inputPlaceholderColor};\n      `;\n    },\n\n    prefixDisabled(t: Theme) {\n      return emotion.css`\n        color: ${t.inputPlaceholderColorDisabled};\n      `;\n    },\n\n    suffix(t: Theme) {\n      return emotion.css`\n        color: ${t.inputPlaceholderColor};\n      `;\n    },\n\n    suffixDisabled(t: Theme) {\n      return emotion.css`\n        color: ${t.inputPlaceholderColorDisabled};\n      `;\n    },\n\n    sideContainer() {\n      return emotion.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 emotion.css`\n        justify-self: flex-end;\n        margin: 0 0 0 auto;\n        padding-left: 0;\n      `;\n    },\n\n    icon() {\n      return emotion.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 emotion.css`\n        color: ${t.inputFocusedIconColor};\n      `;\n    },\n\n    iconDisabled() {\n      return emotion.css`\n        cursor: default;\n      `;\n    },\n\n    leftIconSmall(t: Theme) {\n      return emotion.css`\n        min-width: ${t.inputIconSizeSmall};\n        padding-right: ${t.inputIconGapSmall};\n      `;\n    },\n\n    rightIconSmall(t: Theme) {\n      return emotion.css`\n        min-width: ${t.inputIconSizeSmall};\n        padding-left: ${t.inputIconGapSmall};\n      `;\n    },\n\n    leftIconMedium(t: Theme) {\n      return emotion.css`\n        min-width: ${t.inputIconSizeMedium};\n        padding-right: ${t.inputIconGapMedium};\n      `;\n    },\n\n    rightIconMedium(t: Theme) {\n      return emotion.css`\n        min-width: ${t.inputIconSizeMedium};\n        padding-left: ${t.inputIconGapMedium};\n      `;\n    },\n\n    leftIconLarge(t: Theme) {\n      return emotion.css`\n        min-width: ${t.inputIconSizeLarge};\n        padding-right: ${t.inputIconGapLarge};\n      `;\n    },\n\n    rightIconLarge(t: Theme) {\n      return emotion.css`\n        min-width: ${t.inputIconSizeLarge};\n        padding-left: ${t.inputIconGapLarge};\n      `;\n    },\n\n    hideBlinkingCursor() {\n      return emotion.css`\n        caret-color: transparent;\n      `;\n    },\n  });\n"]}

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

@@ -1,5 +1,6 @@
+import type { Emotion } from '@emotion/css/create-instance';
 import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
+export declare const getStyles: (emotion: Emotion) => {
     wrapper(): string;
     root(t: Theme): string;
     hovering(t: Theme): string;

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

@@ -3,9 +3,10 @@ import React from 'react';
 import { forwardRefAndName } from "../../../../lib/forwardRefAndName";
 import { InputDataTids } from "../../Input";
 import { CommonWrapper } from "../../../../internal/CommonWrapper";
+import { useEmotion } from "../../../../lib/theming/Emotion";
 import { InputLayoutAside } from "../InputLayoutAside";
 import { InputLayoutContext, InputLayoutContextDefault } from "../InputLayoutContext";
-import { stylesLayout } from "../InputLayout.styles";
+import { getStylesLayout } from "../InputLayout.styles";
 export var InputLayout = forwardRefAndName('InputLayout', function (props, ref) {
   var leftIcon = props.leftIcon,
       rightIcon = props.rightIcon,
@@ -17,6 +18,8 @@ export var InputLayout = forwardRefAndName('InputLayout', function (props, ref)
 
   var _context = _extends({}, InputLayoutContextDefault, context);
 
+  var emotion = useEmotion();
+  var stylesLayout = getStylesLayout(emotion);
   return /*#__PURE__*/React.createElement(InputLayoutContext.Provider, {
     value: _context
   }, /*#__PURE__*/React.createElement(CommonWrapper, props, /*#__PURE__*/React.createElement("label", _extends({

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

@@ -1 +1 @@
-{"version":3,"sources":["InputLayout.tsx"],"names":["React","forwardRefAndName","InputDataTids","CommonWrapper","InputLayoutAside","InputLayoutContext","InputLayoutContextDefault","stylesLayout","InputLayout","props","ref","leftIcon","rightIcon","prefix","suffix","labelProps","context","children","_context","root","input"],"mappings":"0DAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,iBAAT,QAAkC,gCAAlC;AACA,SAASC,aAAT,QAA0C,UAA1C;AACA,SAAsBC,aAAtB,QAA2C,iCAA3C;;AAEA,SAASC,gBAAT,QAAiC,oBAAjC;AACA,SAASC,kBAAT,EAA6BC,yBAA7B,QAAuF,sBAAvF;AACA,SAASC,YAAT,QAA6B,sBAA7B;;;;;;;;;AASA,OAAO,IAAMC,WAAW,GAAGP,iBAAiB,CAAyC,aAAzC,EAAwD,UAACQ,KAAD,EAAQC,GAAR,EAAgB;AAClH,MAAQC,QAAR,GAA+EF,KAA/E,CAAQE,QAAR,CAAkBC,SAAlB,GAA+EH,KAA/E,CAAkBG,SAAlB,CAA6BC,MAA7B,GAA+EJ,KAA/E,CAA6BI,MAA7B,CAAqCC,MAArC,GAA+EL,KAA/E,CAAqCK,MAArC,CAA6CC,UAA7C,GAA+EN,KAA/E,CAA6CM,UAA7C,CAAyDC,OAAzD,GAA+EP,KAA/E,CAAyDO,OAAzD,CAAkEC,QAAlE,GAA+ER,KAA/E,CAAkEQ,QAAlE;AACA,MAAMC,QAAiC,gBAAQZ,yBAAR,EAAsCU,OAAtC,CAAvC;;AAEA;AACE,wBAAC,kBAAD,CAAoB,QAApB,IAA6B,KAAK,EAAEE,QAApC;AACE,wBAAC,aAAD,EAAmBT,KAAnB;AACE,4CAAO,GAAG,EAAEC,GAAZ,EAAiB,YAAUR,aAAa,CAACiB,IAAzC,IAAmDJ,UAAnD;AACE,wBAAC,gBAAD,IAAkB,IAAI,EAAEJ,QAAxB,EAAkC,IAAI,EAAEE,MAAxC,EAAgD,IAAI,EAAC,MAArD,GADF;AAEE,kCAAM,SAAS,EAAEN,YAAY,CAACa,KAAb,EAAjB,IAAwCH,QAAxC,CAFF;AAGE,wBAAC,gBAAD,IAAkB,IAAI,EAAEL,SAAxB,EAAmC,IAAI,EAAEE,MAAzC,EAAiD,IAAI,EAAC,OAAtD,GAHF,CADF,CADF,CADF;;;;;AAWD,CAf2C,CAArC","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { InputDataTids, InputProps } from '../Input';\nimport { CommonProps, CommonWrapper } from '../../../internal/CommonWrapper';\n\nimport { InputLayoutAside } from './InputLayoutAside';\nimport { InputLayoutContext, InputLayoutContextDefault, InputLayoutContextProps } from './InputLayoutContext';\nimport { stylesLayout } from './InputLayout.styles';\n\ntype InputLayoutRootFromInputProps = Pick<InputProps, 'leftIcon' | 'rightIcon' | 'prefix' | 'suffix'>;\n\nexport interface InputLayoutRootProps extends InputLayoutRootFromInputProps, CommonProps {\n  labelProps: React.LabelHTMLAttributes<HTMLLabelElement>;\n  context: Partial<InputLayoutContextProps>;\n}\n\nexport const InputLayout = forwardRefAndName<HTMLLabelElement, InputLayoutRootProps>('InputLayout', (props, ref) => {\n  const { leftIcon, rightIcon, prefix, suffix, labelProps, context, children } = props;\n  const _context: InputLayoutContextProps = { ...InputLayoutContextDefault, ...context };\n\n  return (\n    <InputLayoutContext.Provider value={_context}>\n      <CommonWrapper {...props}>\n        <label ref={ref} data-tid={InputDataTids.root} {...labelProps}>\n          <InputLayoutAside icon={leftIcon} text={prefix} side=\"left\" />\n          <span className={stylesLayout.input()}>{children}</span>\n          <InputLayoutAside icon={rightIcon} text={suffix} side=\"right\" />\n        </label>\n      </CommonWrapper>\n    </InputLayoutContext.Provider>\n  );\n});\n"]}
+{"version":3,"sources":["InputLayout.tsx"],"names":["React","forwardRefAndName","InputDataTids","CommonWrapper","useEmotion","InputLayoutAside","InputLayoutContext","InputLayoutContextDefault","getStylesLayout","InputLayout","props","ref","leftIcon","rightIcon","prefix","suffix","labelProps","context","children","_context","emotion","stylesLayout","root","input"],"mappings":"0DAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,iBAAT,QAAkC,gCAAlC;AACA,SAASC,aAAT,QAA0C,UAA1C;AACA,SAAsBC,aAAtB,QAA2C,iCAA3C;AACA,SAASC,UAAT,QAA2B,8BAA3B;;AAEA,SAASC,gBAAT,QAAiC,oBAAjC;AACA,SAASC,kBAAT,EAA6BC,yBAA7B,QAAuF,sBAAvF;AACA,SAASC,eAAT,QAAgC,sBAAhC;;;;;;;;;AASA,OAAO,IAAMC,WAAW,GAAGR,iBAAiB,CAAyC,aAAzC,EAAwD,UAACS,KAAD,EAAQC,GAAR,EAAgB;AAClH,MAAQC,QAAR,GAA+EF,KAA/E,CAAQE,QAAR,CAAkBC,SAAlB,GAA+EH,KAA/E,CAAkBG,SAAlB,CAA6BC,MAA7B,GAA+EJ,KAA/E,CAA6BI,MAA7B,CAAqCC,MAArC,GAA+EL,KAA/E,CAAqCK,MAArC,CAA6CC,UAA7C,GAA+EN,KAA/E,CAA6CM,UAA7C,CAAyDC,OAAzD,GAA+EP,KAA/E,CAAyDO,OAAzD,CAAkEC,QAAlE,GAA+ER,KAA/E,CAAkEQ,QAAlE;AACA,MAAMC,QAAiC,gBAAQZ,yBAAR,EAAsCU,OAAtC,CAAvC;AACA,MAAMG,OAAO,GAAGhB,UAAU,EAA1B;AACA,MAAMiB,YAAY,GAAGb,eAAe,CAACY,OAAD,CAApC;;AAEA;AACE,wBAAC,kBAAD,CAAoB,QAApB,IAA6B,KAAK,EAAED,QAApC;AACE,wBAAC,aAAD,EAAmBT,KAAnB;AACE,4CAAO,GAAG,EAAEC,GAAZ,EAAiB,YAAUT,aAAa,CAACoB,IAAzC,IAAmDN,UAAnD;AACE,wBAAC,gBAAD,IAAkB,IAAI,EAAEJ,QAAxB,EAAkC,IAAI,EAAEE,MAAxC,EAAgD,IAAI,EAAC,MAArD,GADF;AAEE,kCAAM,SAAS,EAAEO,YAAY,CAACE,KAAb,EAAjB,IAAwCL,QAAxC,CAFF;AAGE,wBAAC,gBAAD,IAAkB,IAAI,EAAEL,SAAxB,EAAmC,IAAI,EAAEE,MAAzC,EAAiD,IAAI,EAAC,OAAtD,GAHF,CADF,CADF,CADF;;;;;AAWD,CAjB2C,CAArC","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { InputDataTids, InputProps } from '../Input';\nimport { CommonProps, CommonWrapper } from '../../../internal/CommonWrapper';\nimport { useEmotion } from '../../../lib/theming/Emotion';\n\nimport { InputLayoutAside } from './InputLayoutAside';\nimport { InputLayoutContext, InputLayoutContextDefault, InputLayoutContextProps } from './InputLayoutContext';\nimport { getStylesLayout } from './InputLayout.styles';\n\ntype InputLayoutRootFromInputProps = Pick<InputProps, 'leftIcon' | 'rightIcon' | 'prefix' | 'suffix'>;\n\nexport interface InputLayoutRootProps extends InputLayoutRootFromInputProps, CommonProps {\n  labelProps: React.LabelHTMLAttributes<HTMLLabelElement>;\n  context: Partial<InputLayoutContextProps>;\n}\n\nexport const InputLayout = forwardRefAndName<HTMLLabelElement, InputLayoutRootProps>('InputLayout', (props, ref) => {\n  const { leftIcon, rightIcon, prefix, suffix, labelProps, context, children } = props;\n  const _context: InputLayoutContextProps = { ...InputLayoutContextDefault, ...context };\n  const emotion = useEmotion();\n  const stylesLayout = getStylesLayout(emotion);\n\n  return (\n    <InputLayoutContext.Provider value={_context}>\n      <CommonWrapper {...props}>\n        <label ref={ref} data-tid={InputDataTids.root} {...labelProps}>\n          <InputLayoutAside icon={leftIcon} text={prefix} side=\"left\" />\n          <span className={stylesLayout.input()}>{children}</span>\n          <InputLayoutAside icon={rightIcon} text={suffix} side=\"right\" />\n        </label>\n      </CommonWrapper>\n    </InputLayoutContext.Provider>\n  );\n});\n"]}

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

@@ -3,31 +3,33 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
 import { ZERO_WIDTH_SPACE_CSS } from "../../../../lib/chars";
-import { css, memoizeStyle } from "../../../../lib/theming/Emotion";
-import { styles } from "../../Input.styles";
-export var stylesLayout = memoizeStyle({
-  root: function root(t) {
-    return styles.root(t);
-  },
-  input: function input() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      width: 100%;\n      display: flex;\n    "])));
-  },
-  aside: function aside() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      align-items: center;\n      flex-shrink: 0;\n\n      &::before {\n        content: '", "';\n      }\n    "])), ZERO_WIDTH_SPACE_CSS);
-  },
-  icon: function icon(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputIconColor);
-  },
-  iconFocus: function iconFocus(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputFocusedIconColor);
-  },
-  iconDisabled: function iconDisabled() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n    "])));
-  },
-  text: function text(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColor);
-  },
-  textDisabled: function textDisabled(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColorDisabled);
-  }
-});
+import { memoizeStyle } from "../../../../lib/theming/Emotion";
+import { getStyles } from "../../Input.styles";
+export var getStylesLayout = function getStylesLayout(emotion) {
+  return memoizeStyle({
+    root: function root(t) {
+      return getStyles(emotion).root(t);
+    },
+    input: function input() {
+      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        min-width: 0;\n        overflow: hidden;\n        position: relative;\n        width: 100%;\n        display: flex;\n      "])));
+    },
+    aside: function aside() {
+      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        display: inline-flex;\n        align-items: center;\n        flex-shrink: 0;\n\n        &::before {\n          content: '", "';\n        }\n      "])), ZERO_WIDTH_SPACE_CSS);
+    },
+    icon: function icon(t) {
+      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n      "])), t.inputIconColor);
+    },
+    iconFocus: function iconFocus(t) {
+      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n      "])), t.inputFocusedIconColor);
+    },
+    iconDisabled: function iconDisabled() {
+      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        cursor: default;\n      "])));
+    },
+    text: function text(t) {
+      return emotion.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n      "])), t.inputPlaceholderColor);
+    },
+    textDisabled: function textDisabled(t) {
+      return emotion.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n      "])), t.inputPlaceholderColorDisabled);
+    }
+  });
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["InputLayout.styles.ts"],"names":["ZERO_WIDTH_SPACE_CSS","css","memoizeStyle","styles","stylesLayout","root","t","input","aside","icon","inputIconColor","iconFocus","inputFocusedIconColor","iconDisabled","text","inputPlaceholderColor","textDisabled","inputPlaceholderColorDisabled"],"mappings":"gOAAA,SAASA,oBAAT,QAAqC,oBAArC;AACA,SAASC,GAAT,EAAcC,YAAd,QAAkC,8BAAlC;;AAEA,SAASC,MAAT,QAAuB,iBAAvB;;AAEA,OAAO,IAAMC,YAAY,GAAGF,YAAY,CAAC;AACvCG,EAAAA,IADuC,gBAClCC,CADkC,EACxB;AACb,WAAOH,MAAM,CAACE,IAAP,CAAYC,CAAZ,CAAP;AACD,GAHsC;AAIvCC,EAAAA,KAJuC,mBAI/B;AACN,WAAON,GAAP;;;;;;;AAOD,GAZsC;AAavCO,EAAAA,KAbuC,mBAa/B;AACN,WAAOP,GAAP;;;;;;AAMgBD,IAAAA,oBANhB;;;AASD,GAvBsC;AAwBvCS,EAAAA,IAxBuC,gBAwBlCH,CAxBkC,EAwBxB;AACb,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAACI,cADb;;AAGD,GA5BsC;AA6BvCC,EAAAA,SA7BuC,qBA6B7BL,CA7B6B,EA6BnB;AAClB,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAACM,qBADb;;AAGD,GAjCsC;AAkCvCC,EAAAA,YAlCuC,0BAkCxB;AACb,WAAOZ,GAAP;;;AAGD,GAtCsC;AAuCvCa,EAAAA,IAvCuC,gBAuClCR,CAvCkC,EAuCxB;AACb,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAACS,qBADb;;AAGD,GA3CsC;AA4CvCC,EAAAA,YA5CuC,wBA4C1BV,CA5C0B,EA4ChB;AACrB,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAACW,6BADb;;AAGD,GAhDsC,EAAD,CAAjC","sourcesContent":["import { ZERO_WIDTH_SPACE_CSS } from '../../../lib/chars';\nimport { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport { Theme } from '../../../lib/theming/Theme';\nimport { styles } from '../Input.styles';\n\nexport const stylesLayout = memoizeStyle({\n  root(t: Theme) {\n    return styles.root(t);\n  },\n  input() {\n    return css`\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      width: 100%;\n      display: flex;\n    `;\n  },\n  aside() {\n    return css`\n      display: inline-flex;\n      align-items: center;\n      flex-shrink: 0;\n\n      &::before {\n        content: '${ZERO_WIDTH_SPACE_CSS}';\n      }\n    `;\n  },\n  icon(t: Theme) {\n    return css`\n      color: ${t.inputIconColor};\n    `;\n  },\n  iconFocus(t: Theme) {\n    return css`\n      color: ${t.inputFocusedIconColor};\n    `;\n  },\n  iconDisabled() {\n    return css`\n      cursor: default;\n    `;\n  },\n  text(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColor};\n    `;\n  },\n  textDisabled(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColorDisabled};\n    `;\n  },\n});\n"]}
+{"version":3,"sources":["InputLayout.styles.ts"],"names":["ZERO_WIDTH_SPACE_CSS","memoizeStyle","getStyles","getStylesLayout","emotion","root","t","input","css","aside","icon","inputIconColor","iconFocus","inputFocusedIconColor","iconDisabled","text","inputPlaceholderColor","textDisabled","inputPlaceholderColorDisabled"],"mappings":";;AAEA,SAASA,oBAAT,QAAqC,oBAArC;AACA,SAASC,YAAT,QAA6B,8BAA7B;;AAEA,SAASC,SAAT,QAA0B,iBAA1B;;AAEA,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,OAAD;AAC7BH,IAAAA,YAAY,CAAC;AACXI,MAAAA,IADW,gBACNC,CADM,EACI;AACb,eAAOJ,SAAS,CAACE,OAAD,CAAT,CAAmBC,IAAnB,CAAwBC,CAAxB,CAAP;AACD,OAHU;AAIXC,MAAAA,KAJW,mBAIH;AACN,eAAOH,OAAO,CAACI,GAAf;;;;;;;AAOD,OAZU;AAaXC,MAAAA,KAbW,mBAaH;AACN,eAAOL,OAAO,CAACI,GAAf;;;;;;AAMgBR,QAAAA,oBANhB;;;AASD,OAvBU;AAwBXU,MAAAA,IAxBW,gBAwBNJ,CAxBM,EAwBI;AACb,eAAOF,OAAO,CAACI,GAAf;AACWF,QAAAA,CAAC,CAACK,cADb;;AAGD,OA5BU;AA6BXC,MAAAA,SA7BW,qBA6BDN,CA7BC,EA6BS;AAClB,eAAOF,OAAO,CAACI,GAAf;AACWF,QAAAA,CAAC,CAACO,qBADb;;AAGD,OAjCU;AAkCXC,MAAAA,YAlCW,0BAkCI;AACb,eAAOV,OAAO,CAACI,GAAf;;;AAGD,OAtCU;AAuCXO,MAAAA,IAvCW,gBAuCNT,CAvCM,EAuCI;AACb,eAAOF,OAAO,CAACI,GAAf;AACWF,QAAAA,CAAC,CAACU,qBADb;;AAGD,OA3CU;AA4CXC,MAAAA,YA5CW,wBA4CEX,CA5CF,EA4CY;AACrB,eAAOF,OAAO,CAACI,GAAf;AACWF,QAAAA,CAAC,CAACY,6BADb;;AAGD,OAhDU,EAAD,CADiB,GAAxB","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { ZERO_WIDTH_SPACE_CSS } from '../../../lib/chars';\nimport { memoizeStyle } from '../../../lib/theming/Emotion';\nimport { Theme } from '../../../lib/theming/Theme';\nimport { getStyles } from '../Input.styles';\n\nexport const getStylesLayout = (emotion: Emotion) =>\n  memoizeStyle({\n    root(t: Theme) {\n      return getStyles(emotion).root(t);\n    },\n    input() {\n      return emotion.css`\n        min-width: 0;\n        overflow: hidden;\n        position: relative;\n        width: 100%;\n        display: flex;\n      `;\n    },\n    aside() {\n      return emotion.css`\n        display: inline-flex;\n        align-items: center;\n        flex-shrink: 0;\n\n        &::before {\n          content: '${ZERO_WIDTH_SPACE_CSS}';\n        }\n      `;\n    },\n    icon(t: Theme) {\n      return emotion.css`\n        color: ${t.inputIconColor};\n      `;\n    },\n    iconFocus(t: Theme) {\n      return emotion.css`\n        color: ${t.inputFocusedIconColor};\n      `;\n    },\n    iconDisabled() {\n      return emotion.css`\n        cursor: default;\n      `;\n    },\n    text(t: Theme) {\n      return emotion.css`\n        color: ${t.inputPlaceholderColor};\n      `;\n    },\n    textDisabled(t: Theme) {\n      return emotion.css`\n        color: ${t.inputPlaceholderColorDisabled};\n      `;\n    },\n  });\n"]}

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

@@ -1,5 +1,6 @@
+import type { Emotion } from '@emotion/css/create-instance';
 import { Theme } from '../../../lib/theming/Theme';
-export declare const stylesLayout: {
+export declare const getStylesLayout: (emotion: Emotion) => {
     root(t: Theme): string;
     input(): string;
     aside(): string;

package/components/Input/InputLayout/InputLayoutAside/InputLayoutAside.js

@@ -1,12 +1,14 @@
 import React from 'react';
-import { stylesLayout } from "../InputLayout.styles";
+import { useEmotion } from "../../../../lib/theming/Emotion";
+import { getStylesLayout } from "../InputLayout.styles";
 import { InputLayoutAsideIcon } from "../InputLayoutAsideIcon";
 import { InputLayoutAsideText } from "../InputLayoutAsideText";
 export var InputLayoutAside = function InputLayoutAside(_ref) {
   var icon = _ref.icon,
       text = _ref.text,
       side = _ref.side;
-  var asideClassName = stylesLayout.aside();
+  var emotion = useEmotion();
+  var asideClassName = getStylesLayout(emotion).aside();
 
   var _icon = /*#__PURE__*/React.createElement(InputLayoutAsideIcon, {
     key: "icon",