@skbkontur/react-ui 4.13.3 → 4.13.4-theme2022.8

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

@@ -1,7 +1,7 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
 
 var _DimensionFunctions = require("../../lib/styles/DimensionFunctions");
-var _Mixins = require("../../lib/styles/Mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41;
+var _Mixins = require("../../lib/styles/Mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42;
 
 var shouldCompensateFontFamily = function shouldCompensateFontFamily(fontFamilyCompensation) {return (
     Boolean(parseInt(fontFamilyCompensation)));};
@@ -28,11 +28,11 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n\n      align-items: center;\n      background-clip: padding-box;\n      background-color: ", ";\n      border: ", " solid ", ";\n      border-top-color: ", ";\n      box-shadow: ", ";\n      box-sizing: border-box;\n      color: ", ";\n      cursor: text;\n      display: inline-flex;\n      outline: none;\n      position: relative;\n      width: ", ";\n\n      & * {\n        box-sizing: border-box;\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n\n      align-items: center;\n      background-clip: ", ";\n      background-color: ", ";\n      border: ", " solid ", ";\n      border-top-color: ", ";\n      box-shadow: ", ";\n      box-sizing: border-box;\n      color: ", ";\n      cursor: text;\n      display: inline-flex;\n      outline: none;\n      position: relative;\n      width: ", ";\n\n      & * {\n        box-sizing: border-box;\n      }\n    "])),
     (0, _Mixins.resetText)(),
 
 
-
+    t.inputBackgroundClip,
     t.inputBg,
     t.inputBorderWidth, t.inputBorderColor,
     t.inputBorderTopColor,
@@ -49,23 +49,32 @@ var styles = (0, _Emotion.memoizeStyle)({
 
 
 
+  },
+
+  hovering: function hovering(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-color: ", ";\n      }\n    "])),
+
+    t.inputBorderColorHover);
+
+
   },
 
   borderless: function borderless() {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      border-color: transparent;\n    "])));
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      border-color: transparent;\n      background-clip: padding-box;\n    "])));
+
 
 
 
   },
 
   useDefaultColor: function useDefaultColor(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.inputIconColor);
 
   },
 
   focus: function focus(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: ", ";\n      outline: none;\n      z-index: 2;\n    "])),
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      border-color: ", " !important;\n      box-shadow: ", ";\n      outline: none;\n      z-index: 2;\n    "])),
     t.inputFocusedBg,
     t.inputBorderColorFocus,
     t.inputFocusShadow);
@@ -75,14 +84,14 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   focusFallback: function focusFallback(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])),
 
     t.inputOutlineWidth, t.inputFocusOutline);
 
   },
 
   placeholder: function placeholder(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      -ms-user-select: none;\n      color: ", ";\n      cursor: text;\n      font-size: inherit;\n      height: 100%;\n      left: 0;\n      overflow: hidden;\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      user-select: none;\n      white-space: nowrap;\n      width: 100%;\n    "])),
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      -ms-user-select: none;\n      color: ", ";\n      cursor: text;\n      font-size: inherit;\n      height: 100%;\n      left: 0;\n      overflow: hidden;\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      user-select: none;\n      white-space: nowrap;\n      width: 100%;\n    "])),
 
     t.inputPlaceholderColor);
 
@@ -100,19 +109,19 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   placeholderFocus: function placeholderFocus(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.inputPlaceholderColorLight);
 
   },
 
   placeholderDisabled: function placeholderDisabled(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.inputPlaceholderColorDisabled);
 
   },
 
   input: function input(t) {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      -webkit-appearance: none;\n      background: transparent;\n      border: 0 none;\n      color: ", ";\n      font: inherit;\n      line-height: inherit;\n      margin: 0;\n      outline: none;\n      padding: 0;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n      &::-ms-clear {\n        display: none;\n      }\n      &:-moz-placeholder {\n        color: ", ";\n      }\n      &::-moz-placeholder {\n        color: ", ";\n      }\n      &::placeholder {\n        color: ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      -webkit-appearance: none;\n      background: transparent;\n      border: 0 none;\n      color: ", ";\n      font: inherit;\n      line-height: inherit;\n      margin: 0;\n      outline: none;\n      padding: 0;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\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    "])),
 
 
 
@@ -148,7 +157,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   inputFocus: function inputFocus(t) {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:-moz-placeholder {\n        color: ", ";\n      }\n      &::-moz-placeholder {\n        color: ", ";\n      }\n      &::placeholder {\n        color: ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:-moz-placeholder {\n        color: ", ";\n      }\n      &::-moz-placeholder {\n        color: ", ";\n      }\n      &::placeholder {\n        color: ", ";\n      }\n    "])),
 
     t.inputPlaceholderColorLight,
 
@@ -162,7 +171,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   inputDisabled: function inputDisabled(t) {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      /* fix text color in safari https://bugs.webkit.org/show_bug.cgi?id=115510 */\n      -webkit-text-fill-color: ", ";\n\n      &:-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      &::-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      &::placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      /* fix text color in safari https://bugs.webkit.org/show_bug.cgi?id=115510 */\n      -webkit-text-fill-color: ", ";\n\n      &:-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      &::-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      &::placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n    "])),
     t.inputTextColorDisabled,
 
     t.inputTextColorDisabled,
@@ -180,7 +189,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   warning: function warning(t) {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "])),
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "])),
     t.inputBorderColorWarning,
     t.inputOutlineWidth, t.inputBorderColorWarning);
 
@@ -188,14 +197,14 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   warningFallback: function warningFallback(t) {
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])),
 
     t.inputBorderWidth, t.inputBorderColorWarning);
 
   },
 
   error: function error(t) {
-    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "])),
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "])),
     t.inputBorderColorError,
     t.inputOutlineWidth, t.inputBorderColorError);
 
@@ -203,14 +212,14 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   errorFallback: function errorFallback(t) {
-    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])),
 
     t.inputBorderWidth, t.inputBorderColorError);
 
   },
 
   disabled: function disabled(t) {
-    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: none;\n    "])),
+    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: none;\n    "])),
     t.inputDisabledBg,
     t.inputDisabledBorderColor);
 
@@ -218,18 +227,18 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   blink: function blink(t) {
-    var blinkAnimation = (0, _Emotion.keyframes)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n    0% {\n      background-color: ", ";\n    }\n  "])),
+    var blinkAnimation = (0, _Emotion.keyframes)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n    0% {\n      background-color: ", ";\n    }\n  "])),
 
     t.inputBlinkColor);
 
 
-    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      animation: ", " 0.15s ease-in;\n    "])),
+    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      animation: ", " 0.15s ease-in;\n    "])),
     blinkAnimation);
 
   },
 
   sizeSmall: function sizeSmall(t) {
-    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])),
     t.inputFontSizeSmall,
     t.inputLineHeightSmall,
     t.inputPaddingYSmall,
@@ -242,7 +251,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   sizeSmallFallback: function sizeSmallFallback(t) {
-    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      line-height: normal;\n    "])),
+    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      line-height: normal;\n    "])),
     (0, _DimensionFunctions.shift)(
     t.inputPaddingYSmall,
     shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0'),
@@ -258,7 +267,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   sizeMedium: function sizeMedium(t) {
-    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])),
     t.inputFontSizeMedium,
     t.inputLineHeightMedium,
     t.inputPaddingYMedium,
@@ -271,7 +280,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   sizeMediumFallback: function sizeMediumFallback(t) {
-    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      line-height: normal;\n    "])),
+    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      line-height: normal;\n    "])),
     (0, _DimensionFunctions.shift)(
     t.inputPaddingYMedium,
     shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0'),
@@ -287,7 +296,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   sizeLarge: function sizeLarge(t) {
-    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      border-radius: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      border-radius: ", ";\n    "])),
     t.inputFontSizeLarge,
     t.inputLineHeightLarge,
     t.inputHeightLarge,
@@ -306,7 +315,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   sizeLargeFallback: function sizeLargeFallback(t) {
-    return (0, _Emotion.css)(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      line-height: normal;\n    "])),
+    return (0, _Emotion.css)(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      line-height: normal;\n    "])),
     (0, _DimensionFunctions.shift)(
     t.inputPaddingYLarge,
     shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-2' : '0'),
@@ -322,31 +331,31 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   prefix: function prefix(t) {
-    return (0, _Emotion.css)(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.inputPlaceholderColor);
 
   },
 
   prefixDisabled: function prefixDisabled(t) {
-    return (0, _Emotion.css)(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.inputPlaceholderColorDisabled);
 
   },
 
   suffix: function suffix(t) {
-    return (0, _Emotion.css)(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.inputPlaceholderColor);
 
   },
 
   suffixDisabled: function suffixDisabled(t) {
-    return (0, _Emotion.css)(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.inputPlaceholderColorDisabled);
 
   },
 
   sideContainer: function sideContainer() {
-    return (0, _Emotion.css)(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteralLoose2.default)(["\n      align-items: center;\n      display: flex;\n      flex-shrink: 0;\n      height: 100%;\n\n      &::before {\n        content: '\\a0';\n        display: inline-block;\n        width: 0;\n      }\n    "], ["\n      align-items: center;\n      display: flex;\n      flex-shrink: 0;\n      height: 100%;\n\n      &::before {\n        content: '\\\\a0';\n        display: inline-block;\n        width: 0;\n      }\n    "])));
+    return (0, _Emotion.css)(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteralLoose2.default)(["\n      align-items: center;\n      display: flex;\n      flex-shrink: 0;\n      height: 100%;\n\n      &::before {\n        content: '\\a0';\n        display: inline-block;\n        width: 0;\n      }\n    "], ["\n      align-items: center;\n      display: flex;\n      flex-shrink: 0;\n      height: 100%;\n\n      &::before {\n        content: '\\\\a0';\n        display: inline-block;\n        width: 0;\n      }\n    "])));
 
 
 
@@ -361,7 +370,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   rightContainer: function rightContainer() {
-    return (0, _Emotion.css)(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteralLoose2.default)(["\n      justify-self: flex-end;\n      margin: 0 0 0 auto;\n      padding-left: 0;\n    "])));
+    return (0, _Emotion.css)(_templateObject32 || (_templateObject32 = (0, _taggedTemplateLiteralLoose2.default)(["\n      justify-self: flex-end;\n      margin: 0 0 0 auto;\n      padding-left: 0;\n    "])));
 
 
 
@@ -369,7 +378,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   icon: function icon() {
-    return (0, _Emotion.css)(_templateObject32 || (_templateObject32 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex-shrink: 0;\n      cursor: text;\n      z-index: 2;\n      text-align: center;\n      box-sizing: content-box !important; // fix possible \"reset.css\" problem\n    "])));
+    return (0, _Emotion.css)(_templateObject33 || (_templateObject33 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex-shrink: 0;\n      cursor: text;\n      z-index: 2;\n      text-align: center;\n      box-sizing: content-box !important; // fix possible \"reset.css\" problem\n    "])));
 
 
 
@@ -379,61 +388,61 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   iconFocus: function iconFocus(t) {
-    return (0, _Emotion.css)(_templateObject33 || (_templateObject33 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject34 || (_templateObject34 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.inputFocusedIconColor);
 
   },
 
   iconDisabled: function iconDisabled() {
-    return (0, _Emotion.css)(_templateObject34 || (_templateObject34 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n    "])));
+    return (0, _Emotion.css)(_templateObject35 || (_templateObject35 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n    "])));
 
 
   },
 
   leftIconSmall: function leftIconSmall(t) {
-    return (0, _Emotion.css)(_templateObject35 || (_templateObject35 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject36 || (_templateObject36 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])),
     t.inputIconSizeSmall,
     t.inputIconGapSmall);
 
   },
 
   rightIconSmall: function rightIconSmall(t) {
-    return (0, _Emotion.css)(_templateObject36 || (_templateObject36 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject37 || (_templateObject37 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])),
     t.inputIconSizeSmall,
     t.inputIconGapSmall);
 
   },
 
   leftIconMedium: function leftIconMedium(t) {
-    return (0, _Emotion.css)(_templateObject37 || (_templateObject37 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject38 || (_templateObject38 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])),
     t.inputIconSizeMedium,
     t.inputIconGapMedium);
 
   },
 
   rightIconMedium: function rightIconMedium(t) {
-    return (0, _Emotion.css)(_templateObject38 || (_templateObject38 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject39 || (_templateObject39 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])),
     t.inputIconSizeMedium,
     t.inputIconGapMedium);
 
   },
 
   leftIconLarge: function leftIconLarge(t) {
-    return (0, _Emotion.css)(_templateObject39 || (_templateObject39 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject40 || (_templateObject40 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])),
     t.inputIconSizeLarge,
     t.inputIconGapLarge);
 
   },
 
   rightIconLarge: function rightIconLarge(t) {
-    return (0, _Emotion.css)(_templateObject40 || (_templateObject40 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject41 || (_templateObject41 = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])),
     t.inputIconSizeLarge,
     t.inputIconGapLarge);
 
   },
 
   hideBlinkingCursor: function hideBlinkingCursor() {
-    return (0, _Emotion.css)(_templateObject41 || (_templateObject41 = (0, _taggedTemplateLiteralLoose2.default)(["\n      caret-color: transparent;\n    "])));
+    return (0, _Emotion.css)(_templateObject42 || (_templateObject42 = (0, _taggedTemplateLiteralLoose2.default)(["\n      caret-color: transparent;\n    "])));
 
 
   } });exports.styles = styles;

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

@@ -1 +1 @@
-{"version":3,"sources":["Input.styles.ts"],"names":["shouldCompensateFontFamily","fontFamilyCompensation","Boolean","parseInt","styles","wrapper","css","root","t","inputBg","inputBorderWidth","inputBorderColor","inputBorderTopColor","inputShadow","inputColor","inputWidth","borderless","useDefaultColor","inputIconColor","focus","inputFocusedBg","inputBorderColorFocus","inputFocusShadow","focusFallback","inputOutlineWidth","inputFocusOutline","placeholder","inputPlaceholderColor","placeholderFocus","inputPlaceholderColorLight","placeholderDisabled","inputPlaceholderColorDisabled","input","inputTextColor","inputFocus","inputDisabled","inputTextColorDisabled","warning","inputBorderColorWarning","warningFallback","error","inputBorderColorError","errorFallback","disabled","inputDisabledBg","inputDisabledBorderColor","blink","blinkAnimation","keyframes","inputBlinkColor","sizeSmall","inputFontSizeSmall","inputLineHeightSmall","inputPaddingYSmall","inputPaddingXSmall","inputHeightSmall","inputBorderRadiusSmall","sizeSmallFallback","fontFamilyCompensationBaseline","sizeMedium","inputFontSizeMedium","inputLineHeightMedium","inputPaddingYMedium","inputPaddingXMedium","inputHeightMedium","inputBorderRadiusMedium","sizeMediumFallback","sizeLarge","inputFontSizeLarge","inputLineHeightLarge","inputHeightLarge","inputPaddingYLarge","inputPaddingXLarge","inputBorderRadiusLarge","sizeLargeFallback","prefix","prefixDisabled","suffix","suffixDisabled","sideContainer","rightContainer","icon","iconFocus","inputFocusedIconColor","iconDisabled","leftIconSmall","inputIconSizeSmall","inputIconGapSmall","rightIconSmall","leftIconMedium","inputIconSizeMedium","inputIconGapMedium","rightIconMedium","leftIconLarge","inputIconSizeLarge","inputIconGapLarge","rightIconLarge","hideBlinkingCursor"],"mappings":"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","sourcesContent":["import { css, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { shift } from '../../lib/styles/DimensionFunctions';\nimport { resetText } from '../../lib/styles/Mixins';\n\nconst shouldCompensateFontFamily = (fontFamilyCompensation: string): boolean =>\n  Boolean(parseInt(fontFamilyCompensation));\n\nexport const styles = memoizeStyle({\n  wrapper() {\n    return css`\n      align-items: center;\n      display: flex;\n      margin: 0;\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &::before {\n        content: '\\\\A0';\n        display: inline-block;\n        width: 0;\n      }\n    `;\n  },\n\n  root(t: Theme) {\n    return css`\n      ${resetText()};\n\n      align-items: center;\n      background-clip: padding-box;\n      background-color: ${t.inputBg};\n      border: ${t.inputBorderWidth} solid ${t.inputBorderColor};\n      border-top-color: ${t.inputBorderTopColor};\n      box-shadow: ${t.inputShadow};\n      box-sizing: border-box;\n      color: ${t.inputColor};\n      cursor: text;\n      display: inline-flex;\n      outline: none;\n      position: relative;\n      width: ${t.inputWidth};\n\n      & * {\n        box-sizing: border-box;\n      }\n    `;\n  },\n\n  borderless() {\n    return css`\n      box-shadow: none;\n      border-color: transparent;\n    `;\n  },\n\n  useDefaultColor(t: Theme) {\n    return css`\n      color: ${t.inputIconColor};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      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\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":["shouldCompensateFontFamily","fontFamilyCompensation","Boolean","parseInt","styles","wrapper","css","root","t","inputBackgroundClip","inputBg","inputBorderWidth","inputBorderColor","inputBorderTopColor","inputShadow","inputColor","inputWidth","hovering","inputBorderColorHover","borderless","useDefaultColor","inputIconColor","focus","inputFocusedBg","inputBorderColorFocus","inputFocusShadow","focusFallback","inputOutlineWidth","inputFocusOutline","placeholder","inputPlaceholderColor","placeholderFocus","inputPlaceholderColorLight","placeholderDisabled","inputPlaceholderColorDisabled","input","inputTextColor","inputFocus","inputDisabled","inputTextColorDisabled","warning","inputBorderColorWarning","warningFallback","error","inputBorderColorError","errorFallback","disabled","inputDisabledBg","inputDisabledBorderColor","blink","blinkAnimation","keyframes","inputBlinkColor","sizeSmall","inputFontSizeSmall","inputLineHeightSmall","inputPaddingYSmall","inputPaddingXSmall","inputHeightSmall","inputBorderRadiusSmall","sizeSmallFallback","fontFamilyCompensationBaseline","sizeMedium","inputFontSizeMedium","inputLineHeightMedium","inputPaddingYMedium","inputPaddingXMedium","inputHeightMedium","inputBorderRadiusMedium","sizeMediumFallback","sizeLarge","inputFontSizeLarge","inputLineHeightLarge","inputHeightLarge","inputPaddingYLarge","inputPaddingXLarge","inputBorderRadiusLarge","sizeLargeFallback","prefix","prefixDisabled","suffix","suffixDisabled","sideContainer","rightContainer","icon","iconFocus","inputFocusedIconColor","iconDisabled","leftIconSmall","inputIconSizeSmall","inputIconGapSmall","rightIconSmall","leftIconMedium","inputIconSizeMedium","inputIconGapMedium","rightIconMedium","leftIconLarge","inputIconSizeLarge","inputIconGapLarge","rightIconLarge","hideBlinkingCursor"],"mappings":"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","sourcesContent":["import { css, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { shift } from '../../lib/styles/DimensionFunctions';\nimport { resetText } from '../../lib/styles/Mixins';\n\nconst shouldCompensateFontFamily = (fontFamilyCompensation: string): boolean =>\n  Boolean(parseInt(fontFamilyCompensation));\n\nexport const styles = memoizeStyle({\n  wrapper() {\n    return css`\n      align-items: center;\n      display: flex;\n      margin: 0;\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &::before {\n        content: '\\\\A0';\n        display: inline-block;\n        width: 0;\n      }\n    `;\n  },\n\n  root(t: Theme) {\n    return css`\n      ${resetText()};\n\n      align-items: center;\n      background-clip: ${t.inputBackgroundClip};\n      background-color: ${t.inputBg};\n      border: ${t.inputBorderWidth} solid ${t.inputBorderColor};\n      border-top-color: ${t.inputBorderTopColor};\n      box-shadow: ${t.inputShadow};\n      box-sizing: border-box;\n      color: ${t.inputColor};\n      cursor: text;\n      display: inline-flex;\n      outline: none;\n      position: relative;\n      width: ${t.inputWidth};\n\n      & * {\n        box-sizing: border-box;\n      }\n    `;\n  },\n\n  hovering(t: Theme) {\n    return css`\n      &:hover {\n        border-color: ${t.inputBorderColorHover};\n      }\n    `;\n  },\n\n  borderless() {\n    return css`\n      box-shadow: none;\n      border-color: transparent;\n      background-clip: padding-box;\n    `;\n  },\n\n  useDefaultColor(t: Theme) {\n    return css`\n      color: ${t.inputIconColor};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      background-color: ${t.inputFocusedBg};\n      border-color: ${t.inputBorderColorFocus} !important;\n      box-shadow: ${t.inputFocusShadow};\n      outline: none;\n      z-index: 2;\n    `;\n  },\n\n  focusFallback(t: Theme) {\n    return css`\n      box-shadow: none;\n      outline: ${t.inputOutlineWidth} solid ${t.inputFocusOutline};\n    `;\n  },\n\n  placeholder(t: Theme) {\n    return css`\n      -ms-user-select: none;\n      color: ${t.inputPlaceholderColor};\n      cursor: text;\n      font-size: inherit;\n      height: 100%;\n      left: 0;\n      overflow: hidden;\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      user-select: none;\n      white-space: nowrap;\n      width: 100%;\n    `;\n  },\n\n  placeholderFocus(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColorLight};\n    `;\n  },\n\n  placeholderDisabled(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColorDisabled};\n    `;\n  },\n\n  input(t: Theme) {\n    return css`\n      -webkit-appearance: none;\n      background: transparent;\n      border: 0 none;\n      color: ${t.inputTextColor};\n      font: inherit;\n      line-height: inherit;\n      margin: 0;\n      outline: none;\n      padding: 0;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n      &::-ms-clear {\n        display: none;\n      }\n      &:-moz-placeholder {\n        color: ${t.inputPlaceholderColor};\n      }\n      &::-moz-placeholder {\n        color: ${t.inputPlaceholderColor};\n      }\n      &::placeholder {\n        color: ${t.inputPlaceholderColor};\n      }\n    `;\n  },\n\n  inputFocus(t: Theme) {\n    return css`\n      &:-moz-placeholder {\n        color: ${t.inputPlaceholderColorLight};\n      }\n      &::-moz-placeholder {\n        color: ${t.inputPlaceholderColorLight};\n      }\n      &::placeholder {\n        color: ${t.inputPlaceholderColorLight};\n      }\n    `;\n  },\n\n  inputDisabled(t: Theme) {\n    return css`\n      color: ${t.inputTextColorDisabled};\n      /* fix text color in safari https://bugs.webkit.org/show_bug.cgi?id=115510 */\n      -webkit-text-fill-color: ${t.inputTextColorDisabled};\n\n      &:-moz-placeholder {\n        -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n      }\n      &::-moz-placeholder {\n        -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n      }\n      &::placeholder {\n        -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      border-color: ${t.inputBorderColorWarning};\n      box-shadow: 0 0 0 ${t.inputOutlineWidth} ${t.inputBorderColorWarning};\n      z-index: 2;\n    `;\n  },\n\n  warningFallback(t: Theme) {\n    return css`\n      box-shadow: none;\n      outline: ${t.inputBorderWidth} solid ${t.inputBorderColorWarning};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      border-color: ${t.inputBorderColorError};\n      box-shadow: 0 0 0 ${t.inputOutlineWidth} ${t.inputBorderColorError};\n      z-index: 2;\n    `;\n  },\n\n  errorFallback(t: Theme) {\n    return css`\n      box-shadow: none;\n      outline: ${t.inputBorderWidth} solid ${t.inputBorderColorError};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      background-color: ${t.inputDisabledBg};\n      border-color: ${t.inputDisabledBorderColor};\n      box-shadow: none;\n    `;\n  },\n\n  blink(t: Theme) {\n    const blinkAnimation = keyframes`\n    0% {\n      background-color: ${t.inputBlinkColor};\n    }\n  `;\n    return css`\n      animation: ${blinkAnimation} 0.15s ease-in;\n    `;\n  },\n\n  sizeSmall(t: Theme) {\n    return css`\n      font-size: ${t.inputFontSizeSmall};\n      line-height: ${t.inputLineHeightSmall};\n      padding-top: ${t.inputPaddingYSmall};\n      padding-bottom: ${t.inputPaddingYSmall};\n      padding-left: ${t.inputPaddingXSmall};\n      padding-right: ${t.inputPaddingXSmall};\n      height: ${t.inputHeightSmall};\n      border-radius: ${t.inputBorderRadiusSmall};\n    `;\n  },\n\n  sizeSmallFallback(t: Theme) {\n    return css`\n      padding-top: ${shift(\n        t.inputPaddingYSmall,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0',\n      )};\n      padding-bottom: ${shift(\n        t.inputPaddingYSmall,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0',\n      )};\n      padding-left: ${t.inputPaddingXSmall};\n      padding-right: ${t.inputPaddingXSmall};\n      line-height: normal;\n    `;\n  },\n\n  sizeMedium(t: Theme) {\n    return css`\n      font-size: ${t.inputFontSizeMedium};\n      line-height: ${t.inputLineHeightMedium};\n      padding-top: ${t.inputPaddingYMedium};\n      padding-bottom: ${t.inputPaddingYMedium};\n      padding-left: ${t.inputPaddingXMedium};\n      padding-right: ${t.inputPaddingXMedium};\n      height: ${t.inputHeightMedium};\n      border-radius: ${t.inputBorderRadiusMedium};\n    `;\n  },\n\n  sizeMediumFallback(t: Theme) {\n    return css`\n      padding-top: ${shift(\n        t.inputPaddingYMedium,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0',\n      )};\n      padding-bottom: ${shift(\n        t.inputPaddingYMedium,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0',\n      )};\n      padding-left: ${t.inputPaddingXMedium};\n      padding-right: ${t.inputPaddingXMedium};\n      line-height: normal;\n    `;\n  },\n\n  sizeLarge(t: Theme) {\n    return css`\n      font-size: ${t.inputFontSizeLarge};\n      line-height: ${t.inputLineHeightLarge};\n      height: ${t.inputHeightLarge};\n      padding-top: ${shift(\n        t.inputPaddingYLarge,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0',\n      )};\n      padding-bottom: ${shift(\n        t.inputPaddingYLarge,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0',\n      )};\n      padding-left: ${t.inputPaddingXLarge};\n      padding-right: ${t.inputPaddingXLarge};\n      border-radius: ${t.inputBorderRadiusLarge};\n    `;\n  },\n\n  sizeLargeFallback(t: Theme) {\n    return css`\n      padding-top: ${shift(\n        t.inputPaddingYLarge,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-2' : '0',\n      )};\n      padding-bottom: ${shift(\n        t.inputPaddingYLarge,\n        shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '2' : '0',\n      )};\n      padding-left: ${t.inputPaddingXLarge};\n      padding-right: ${t.inputPaddingXLarge};\n      line-height: normal;\n    `;\n  },\n\n  prefix(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColor};\n    `;\n  },\n\n  prefixDisabled(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColorDisabled};\n    `;\n  },\n\n  suffix(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColor};\n    `;\n  },\n\n  suffixDisabled(t: Theme) {\n    return css`\n      color: ${t.inputPlaceholderColorDisabled};\n    `;\n  },\n\n  sideContainer() {\n    return css`\n      align-items: center;\n      display: flex;\n      flex-shrink: 0;\n      height: 100%;\n\n      &::before {\n        content: '\\\\a0';\n        display: inline-block;\n        width: 0;\n      }\n    `;\n  },\n\n  rightContainer() {\n    return css`\n      justify-self: flex-end;\n      margin: 0 0 0 auto;\n      padding-left: 0;\n    `;\n  },\n\n  icon() {\n    return css`\n      flex-shrink: 0;\n      cursor: text;\n      z-index: 2;\n      text-align: center;\n      box-sizing: content-box !important; // fix possible \"reset.css\" problem\n    `;\n  },\n\n  iconFocus(t: Theme) {\n    return css`\n      color: ${t.inputFocusedIconColor};\n    `;\n  },\n\n  iconDisabled() {\n    return css`\n      cursor: default;\n    `;\n  },\n\n  leftIconSmall(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeSmall};\n      padding-right: ${t.inputIconGapSmall};\n    `;\n  },\n\n  rightIconSmall(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeSmall};\n      padding-left: ${t.inputIconGapSmall};\n    `;\n  },\n\n  leftIconMedium(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeMedium};\n      padding-right: ${t.inputIconGapMedium};\n    `;\n  },\n\n  rightIconMedium(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeMedium};\n      padding-left: ${t.inputIconGapMedium};\n    `;\n  },\n\n  leftIconLarge(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeLarge};\n      padding-right: ${t.inputIconGapLarge};\n    `;\n  },\n\n  rightIconLarge(t: Theme) {\n    return css`\n      min-width: ${t.inputIconSizeLarge};\n      padding-left: ${t.inputIconGapLarge};\n    `;\n  },\n\n  hideBlinkingCursor() {\n    return css`\n      caret-color: transparent;\n    `;\n  },\n});\n"]}

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

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

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

@@ -0,0 +1,32 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.InputLayout = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireDefault(require("react"));
+
+var _Input = require("../Input");
+var _CommonWrapper = require("../../../internal/CommonWrapper");
+
+var _InputLayoutAside = require("./InputLayoutAside");
+var _InputLayoutContext = require("./InputLayoutContext");
+var _InputLayout = require("./InputLayout.styles");
+
+
+
+
+
+
+
+
+var InputLayout = function InputLayout(props) {
+  var leftIcon = props.leftIcon,rightIcon = props.rightIcon,prefix = props.prefix,suffix = props.suffix,labelProps = props.labelProps,context = props.context,children = props.children;
+  var _context = (0, _extends2.default)({}, _InputLayoutContext.InputLayoutContextDefault, context);
+
+  return /*#__PURE__*/(
+    _react.default.createElement(_InputLayoutContext.InputLayoutContext.Provider, { value: _context }, /*#__PURE__*/
+    _react.default.createElement(_CommonWrapper.CommonWrapper, props, /*#__PURE__*/
+    _react.default.createElement("label", (0, _extends2.default)({ "data-tid": _Input.InputDataTids.root }, labelProps), /*#__PURE__*/
+    _react.default.createElement(_InputLayoutAside.InputLayoutAside, { icon: leftIcon, text: prefix, side: "left" }), /*#__PURE__*/
+    _react.default.createElement("span", { className: _InputLayout.stylesLayout.input() }, children), /*#__PURE__*/
+    _react.default.createElement(_InputLayoutAside.InputLayoutAside, { icon: rightIcon, text: suffix, side: "right" })))));
+
+
+
+
+};exports.InputLayout = InputLayout;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["InputLayout.tsx"],"names":["InputLayout","props","leftIcon","rightIcon","prefix","suffix","labelProps","context","children","_context","InputLayoutContextDefault","InputDataTids","root","stylesLayout","input"],"mappings":"2OAAA;;AAEA;AACA;;AAEA;AACA;AACA;;;;;;;;;AASO,IAAMA,WAA0D,GAAG,SAA7DA,WAA6D,CAACC,KAAD,EAAW;AACnF,MAAQC,QAAR,GAA+ED,KAA/E,CAAQC,QAAR,CAAkBC,SAAlB,GAA+EF,KAA/E,CAAkBE,SAAlB,CAA6BC,MAA7B,GAA+EH,KAA/E,CAA6BG,MAA7B,CAAqCC,MAArC,GAA+EJ,KAA/E,CAAqCI,MAArC,CAA6CC,UAA7C,GAA+EL,KAA/E,CAA6CK,UAA7C,CAAyDC,OAAzD,GAA+EN,KAA/E,CAAyDM,OAAzD,CAAkEC,QAAlE,GAA+EP,KAA/E,CAAkEO,QAAlE;AACA,MAAMC,QAAiC,8BAAQC,6CAAR,EAAsCH,OAAtC,CAAvC;;AAEA;AACE,iCAAC,sCAAD,CAAoB,QAApB,IAA6B,KAAK,EAAEE,QAApC;AACE,iCAAC,4BAAD,EAAmBR,KAAnB;AACE,mEAAO,YAAUU,qBAAcC,IAA/B,IAAyCN,UAAzC;AACE,iCAAC,kCAAD,IAAkB,IAAI,EAAEJ,QAAxB,EAAkC,IAAI,EAAEE,MAAxC,EAAgD,IAAI,EAAC,MAArD,GADF;AAEE,2CAAM,SAAS,EAAES,0BAAaC,KAAb,EAAjB,IAAwCN,QAAxC,CAFF;AAGE,iCAAC,kCAAD,IAAkB,IAAI,EAAEL,SAAxB,EAAmC,IAAI,EAAEE,MAAzC,EAAiD,IAAI,EAAC,OAAtD,GAHF,CADF,CADF,CADF;;;;;AAWD,CAfM,C","sourcesContent":["import React from 'react';\n\nimport { InputDataTids, InputProps } from '../Input';\nimport { 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 {\n  labelProps: React.LabelHTMLAttributes<HTMLLabelElement>;\n  context: Partial<InputLayoutContextProps>;\n}\n\nexport const InputLayout: React.FunctionComponent<InputLayoutRootProps> = (props) => {\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 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/cjs/components/Input/InputLayout/InputLayout.styles.d.ts

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

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

@@ -0,0 +1,47 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.stylesLayout = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../../lib/theming/Emotion");
+
+var _Input = require("../Input.styles");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+
+var stylesLayout = (0, _Emotion.memoizeStyle)({
+  root: function root(t) {
+    return _Input.styles.root(t);
+  },
+  input: function input() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      width: 100%;\n    "])));
+
+
+
+
+
+  },
+  aside: function aside() {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      align-items: center;\n    "])));
+
+
+
+  },
+  icon: function icon(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.inputIconColor);
+
+  },
+  iconFocus: function iconFocus(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.inputFocusedIconColor);
+
+  },
+  iconDisabled: function iconDisabled() {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n    "])));
+
+
+  },
+  text: function text(t) {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.inputPlaceholderColor);
+
+  },
+  textDisabled: function textDisabled(t) {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.inputPlaceholderColorDisabled);
+
+  } });exports.stylesLayout = stylesLayout;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["InputLayout.styles.ts"],"names":["stylesLayout","root","t","styles","input","css","aside","icon","inputIconColor","iconFocus","inputFocusedIconColor","iconDisabled","text","inputPlaceholderColor","textDisabled","inputPlaceholderColorDisabled"],"mappings":"kRAAA;;AAEA,wC;;AAEO,IAAMA,YAAY,GAAG,2BAAa;AACvCC,EAAAA,IADuC,gBAClCC,CADkC,EACxB;AACb,WAAOC,cAAOF,IAAP,CAAYC,CAAZ,CAAP;AACD,GAHsC;AAIvCE,EAAAA,KAJuC,mBAI/B;AACN,eAAOC,YAAP;;;;;;AAMD,GAXsC;AAYvCC,EAAAA,KAZuC,mBAY/B;AACN,eAAOD,YAAP;;;;AAID,GAjBsC;AAkBvCE,EAAAA,IAlBuC,gBAkBlCL,CAlBkC,EAkBxB;AACb,eAAOG,YAAP;AACWH,IAAAA,CAAC,CAACM,cADb;;AAGD,GAtBsC;AAuBvCC,EAAAA,SAvBuC,qBAuB7BP,CAvB6B,EAuBnB;AAClB,eAAOG,YAAP;AACWH,IAAAA,CAAC,CAACQ,qBADb;;AAGD,GA3BsC;AA4BvCC,EAAAA,YA5BuC,0BA4BxB;AACb,eAAON,YAAP;;;AAGD,GAhCsC;AAiCvCO,EAAAA,IAjCuC,gBAiClCV,CAjCkC,EAiCxB;AACb,eAAOG,YAAP;AACWH,IAAAA,CAAC,CAACW,qBADb;;AAGD,GArCsC;AAsCvCC,EAAAA,YAtCuC,wBAsC1BZ,CAtC0B,EAsChB;AACrB,eAAOG,YAAP;AACWH,IAAAA,CAAC,CAACa,6BADb;;AAGD,GA1CsC,EAAb,CAArB,C","sourcesContent":["import { 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    `;\n  },\n  aside() {\n    return css`\n      display: inline-flex;\n      align-items: center;\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"]}

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

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

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

@@ -0,0 +1,30 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.InputLayoutAside = void 0;var _react = _interopRequireDefault(require("react"));
+
+
+var _chars = require("../../../lib/chars");
+
+var _InputLayout = require("./InputLayout.styles");
+var _InputLayoutAsideIcon = require("./InputLayoutAsideIcon");
+var _InputLayoutAsideText = require("./InputLayoutAsideText");
+
+
+
+
+
+
+
+var InputLayoutAside = function InputLayoutAside(_ref) {var _ref$icon = _ref.icon,icon = _ref$icon === void 0 ? null : _ref$icon,text = _ref.text,side = _ref.side;
+  var asideClassName = _InputLayout.stylesLayout.aside();
+
+  var _icon = /*#__PURE__*/_react.default.createElement(_InputLayoutAsideIcon.InputLayoutAsideIcon, { key: "icon", icon: icon, side: side });
+  var _text = /*#__PURE__*/_react.default.createElement(_InputLayoutAsideText.InputLayoutAsideText, { key: "text", text: text });
+
+  var child = side === 'left' ? [_icon, _text] : [_text, _icon];
+
+  return /*#__PURE__*/(
+    _react.default.createElement("span", { className: asideClassName },
+    _chars.ZERO_WIDTH_SPACE,
+    child));
+
+
+};exports.InputLayoutAside = InputLayoutAside;