@skbkontur/react-ui 5.5.2 → 5.6.1-85c65.0

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

@@ -1,123 +1,91 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
-
-var _DimensionFunctions = require("../../lib/styles/DimensionFunctions");
-var _Mixins = require("../../lib/styles/Mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24;
-
-var styles = exports.styles = (0, _Emotion.memoizeStyle)({
-  wrapper: function wrapper() {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      align-items: center;\n      display: flex;\n      margin: 0;\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &::before {\n        content: '\\A0';\n        display: inline-block;\n        width: 0;\n      }\n    "], ["\n      align-items: center;\n      display: flex;\n      margin: 0;\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &::before {\n        content: '\\\\A0';\n        display: inline-block;\n        width: 0;\n      }\n    "])));
-
-
-
-
-
-
-
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = 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;
 
+var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
+    wrapper: function wrapper() {
+      return css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      align-items: center;\n      display: flex;\n      margin: 0;\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &::before {\n        content: '\\A0';\n        display: inline-block;\n        width: 0;\n      }\n    "], ["\n      align-items: center;\n      display: flex;\n      margin: 0;\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &::before {\n        content: '\\\\A0';\n        display: inline-block;\n        width: 0;\n      }\n    "])));
 
 
 
 
 
 
-  },
-
-  root: function root(t) {
-    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      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    "])),
-    (0, _Mixins.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 (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-color: ", ";\n      }\n    "])),
 
-    t.inputBorderColorHover);
 
 
-  },
 
-  borderless: function borderless() {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      border-color: transparent;\n      background-clip: padding-box;\n    "])));
+    },
 
+    root: function root(t) {
+      return 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      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    "])),
+      (0, _Mixins.resetText)(),
 
 
+      t.inputBackgroundClip,
+      t.inputBg,
+      t.inputBorderWidth, t.inputBorderColor,
+      t.inputBorderTopColor,
+      t.transitionDuration, t.transitionTimingFunction,
+      t.inputShadow,
 
-  },
+      t.inputColor,
 
-  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    "])),
-    t.inputFocusedBg,
-    t.inputBorderColorFocus,
-    t.inputFocusShadow);
 
 
 
-  },
+      t.inputWidth);
 
-  focusFallback: function focusFallback(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])),
 
-    t.inputOutlineWidth, t.inputFocusOutline);
 
-  },
 
-  placeholder: function placeholder(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      -ms-user-select: none;\n      color: ", ";\n      cursor: text;\n      font-size: inherit;\n      height: 100%;\n      left: 0;\n      overflow: hidden;\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      user-select: none;\n      white-space: nowrap;\n      width: 100%;\n    "])),
 
-    t.inputPlaceholderColor);
+    },
 
+    hovering: function hovering(t) {
+      return css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        border-color: ", ";\n      }\n    "])),
 
+      t.inputBorderColorHover);
 
 
+    },
 
+    borderless: function borderless() {
+      return css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      border-color: transparent;\n      background-clip: padding-box;\n    "])));
 
 
 
 
+    },
 
+    focus: function focus(t) {
+      return css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: ", ";\n      outline: none;\n      z-index: 2;\n    "])),
+      t.inputFocusedBg,
+      t.inputBorderColorFocus,
+      t.inputFocusShadow);
 
 
-  },
 
-  placeholderFocus: function placeholderFocus(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-    t.inputPlaceholderColorLight);
+    },
 
-  },
+    placeholder: function placeholder(t) {
+      return css(_templateObject6 || (_templateObject6 = (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    "])),
 
-  placeholderDisabled: function placeholderDisabled(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-    t.inputPlaceholderColorDisabled);
+      t.inputPlaceholderColor);
 
-  },
 
-  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      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,
 
 
 
@@ -125,172 +93,155 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
 
 
+    },
 
-    t.inputColorScheme,
+    placeholderFocus: function placeholderFocus(t) {
+      return css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+      t.inputPlaceholderColorLight);
 
+    },
 
+    placeholderDisabled: function placeholderDisabled(t) {
+      return css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+      t.inputPlaceholderColorDisabled);
 
+    },
 
+    input: function input(t) {
+      return css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      -webkit-appearance: none;\n      background: transparent;\n      border: 0 none;\n      color: ", ";\n      font: inherit;\n      line-height: inherit;\n      margin: 0;\n      outline: none;\n      padding: 0;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n      color-scheme: ", ";\n\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n      &::-ms-clear {\n        display: none;\n      }\n      &:-moz-placeholder {\n        color: ", ";\n      }\n      &::-moz-placeholder {\n        color: ", ";\n      }\n      &::placeholder {\n        color: ", ";\n      }\n    "])),
 
 
 
+      t.inputTextColor,
 
 
 
 
-    t.inputPlaceholderColor,
 
 
-    t.inputPlaceholderColor,
 
 
-    t.inputPlaceholderColor);
+      t.inputColorScheme,
 
 
-  },
 
-  inputFocus: function inputFocus(t) {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:-moz-placeholder {\n        color: ", ";\n      }\n      &::-moz-placeholder {\n        color: ", ";\n      }\n      &::placeholder {\n        color: ", ";\n      }\n    "])),
 
-    t.inputPlaceholderColorLight,
 
 
-    t.inputPlaceholderColorLight,
 
 
-    t.inputPlaceholderColorLight);
 
 
-  },
 
-  inputDisabled: function inputDisabled(t) {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      /* fix text color in safari https://bugs.webkit.org/show_bug.cgi?id=115510 */\n      -webkit-text-fill-color: ", ";\n\n      &:-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      &::-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      &::placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n    "])),
-    t.inputTextColorDisabled,
+      t.inputPlaceholderColor,
 
-    t.inputTextColorDisabled,
 
+      t.inputPlaceholderColor,
 
-    t.inputPlaceholderColorDisabled,
 
+      t.inputPlaceholderColor);
 
-    t.inputPlaceholderColorDisabled,
 
+    },
 
-    t.inputPlaceholderColorDisabled);
+    inputFocus: function inputFocus(t) {
+      return css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:-moz-placeholder {\n        color: ", ";\n      }\n      &::-moz-placeholder {\n        color: ", ";\n      }\n      &::placeholder {\n        color: ", ";\n      }\n    "])),
 
+      t.inputPlaceholderColorLight,
 
-  },
 
-  warning: function warning(t) {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "])),
-    t.inputBorderColorWarning,
-    t.inputOutlineWidth, t.inputBorderColorWarning);
+      t.inputPlaceholderColorLight,
 
 
-  },
+      t.inputPlaceholderColorLight);
 
-  warningFallback: function warningFallback(t) {
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])),
 
-    t.inputBorderWidth, t.inputBorderColorWarning);
+    },
 
-  },
+    inputDisabled: function inputDisabled(t) {
+      return css(_templateObject11 || (_templateObject11 = (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,
 
-  error: function error(t) {
-    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "])),
-    t.inputBorderColorError,
-    t.inputOutlineWidth, t.inputBorderColorError);
+      t.inputTextColorDisabled,
 
 
-  },
+      t.inputPlaceholderColorDisabled,
 
-  errorFallback: function errorFallback(t) {
-    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])),
 
-    t.inputBorderWidth, t.inputBorderColorError);
+      t.inputPlaceholderColorDisabled,
 
-  },
 
-  disabled: function disabled(t) {
-    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: none;\n    "])),
-    t.inputDisabledBg,
-    t.inputDisabledBorderColor);
+      t.inputPlaceholderColorDisabled);
 
 
-  },
+    },
 
-  sizeSmall: function sizeSmall(t) {
-    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (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,
-    t.inputPaddingYSmall,
-    t.inputPaddingXSmall,
-    t.inputPaddingXSmall,
-    t.inputHeightSmall,
-    t.inputBorderRadiusSmall);
+    warning: function warning(t) {
+      return css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "])),
+      t.inputBorderColorWarning,
+      t.inputOutlineWidth, t.inputBorderColorWarning);
 
-  },
 
-  sizeSmallFallback: function sizeSmallFallback(t) {
-    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      line-height: normal;\n    "])),
-    (0, _DimensionFunctions.shift)(t.inputPaddingYSmall, '0'),
-    (0, _DimensionFunctions.shift)(t.inputPaddingYSmall, '0'),
-    t.inputPaddingXSmall,
-    t.inputPaddingXSmall);
+    },
 
+    error: function error(t) {
+      return css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "])),
+      t.inputBorderColorError,
+      t.inputOutlineWidth, t.inputBorderColorError);
 
-  },
 
-  sizeMedium: function sizeMedium(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    "])),
-    t.inputFontSizeMedium,
-    t.inputLineHeightMedium,
-    t.inputPaddingYMedium,
-    t.inputPaddingYMedium,
-    t.inputPaddingXMedium,
-    t.inputPaddingXMedium,
-    t.inputHeightMedium,
-    t.inputBorderRadiusMedium);
+    },
 
-  },
+    disabled: function disabled(t) {
+      return css(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: none;\n    "])),
+      t.inputDisabledBg,
+      t.inputDisabledBorderColor);
 
-  sizeMediumFallback: function sizeMediumFallback(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    "])),
-    (0, _DimensionFunctions.shift)(t.inputPaddingYMedium, '0'),
-    (0, _DimensionFunctions.shift)(t.inputPaddingYMedium, '0'),
-    t.inputPaddingXMedium,
-    t.inputPaddingXMedium);
 
+    },
 
-  },
+    sizeSmall: function sizeSmall(t) {
+      return css(_templateObject15 || (_templateObject15 = (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,
+      t.inputPaddingYSmall,
+      t.inputPaddingXSmall,
+      t.inputPaddingXSmall,
+      t.inputHeightSmall,
+      t.inputBorderRadiusSmall);
 
-  sizeLarge: function sizeLarge(t) {
-    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      border-radius: ", ";\n    "])),
-    t.inputFontSizeLarge,
-    t.inputLineHeightLarge,
-    t.inputHeightLarge,
-    (0, _DimensionFunctions.shift)(t.inputPaddingYLarge, '0'),
-    (0, _DimensionFunctions.shift)(t.inputPaddingYLarge, '0'),
-    t.inputPaddingXLarge,
-    t.inputPaddingXLarge,
-    t.inputBorderRadiusLarge);
+    },
 
-  },
+    sizeMedium: function sizeMedium(t) {
+      return css(_templateObject16 || (_templateObject16 = (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,
+      t.inputPaddingYMedium,
+      t.inputPaddingXMedium,
+      t.inputPaddingXMedium,
+      t.inputHeightMedium,
+      t.inputBorderRadiusMedium);
 
-  sizeLargeFallback: function sizeLargeFallback(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    "])),
-    (0, _DimensionFunctions.shift)(t.inputPaddingYLarge, '0'),
-    (0, _DimensionFunctions.shift)(t.inputPaddingYLarge, '0'),
-    t.inputPaddingXLarge,
-    t.inputPaddingXLarge);
+    },
 
+    sizeLarge: function sizeLarge(t) {
+      return css(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      border-radius: ", ";\n    "])),
+      t.inputFontSizeLarge,
+      t.inputLineHeightLarge,
+      t.inputHeightLarge,
+      (0, _DimensionFunctions.shift)(t.inputPaddingYLarge, '0'),
+      (0, _DimensionFunctions.shift)(t.inputPaddingYLarge, '0'),
+      t.inputPaddingXLarge,
+      t.inputPaddingXLarge,
+      t.inputBorderRadiusLarge);
 
-  },
+    },
 
-  hideBlinkingCursor: function hideBlinkingCursor() {
-    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n      caret-color: transparent;\n    "])));
+    hideBlinkingCursor: function hideBlinkingCursor() {
+      return css(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      caret-color: transparent;\n    "])));
 
 
-  }
-});
+    }
+  };});

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

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

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

@@ -4,7 +4,9 @@ import type { CommonProps } from '../../../internal/CommonWrapper';
 import type { InputLayoutContextProps } from './InputLayoutContext';
 type InputLayoutRootFromInputProps = Pick<InputProps, 'leftIcon' | 'rightIcon' | 'prefix' | 'suffix'>;
 export interface InputLayoutRootProps extends InputLayoutRootFromInputProps, CommonProps {
-    labelProps: React.LabelHTMLAttributes<HTMLLabelElement>;
+    labelProps: React.LabelHTMLAttributes<HTMLLabelElement> & {
+        ref?: React.Ref<HTMLLabelElement>;
+    };
     context: Partial<InputLayoutContextProps>;
     tag?: 'label' | 'span';
 }

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

@@ -1,10 +1,12 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.InputLayout = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireDefault(require("react"));
 
+var _renderEnvironment = require("../../../lib/renderEnvironment");
 var _forwardRefAndName = require("../../../lib/forwardRefAndName");
 
 var _Input = require("../Input");
 
 var _CommonWrapper = require("../../../internal/CommonWrapper");
+var _mergeRefs = require("../../../lib/mergeRefs");
 
 var _InputLayoutAside = require("./InputLayoutAside");
 
@@ -20,6 +22,7 @@ var _InputLayout = require("./InputLayout.styles");
 
 
 var InputLayout = exports.InputLayout = (0, _forwardRefAndName.forwardRefAndName)('InputLayout', function (props, ref) {
+  var stylesLayout = (0, _renderEnvironment.useStyles)(_InputLayout.getStylesLayout);
   var leftIcon = props.leftIcon,rightIcon = props.rightIcon,prefix = props.prefix,suffix = props.suffix,labelProps = props.labelProps,context = props.context,children = props.children,_props$tag = props.tag,tag = _props$tag === void 0 ? 'label' : _props$tag;
   var _context = (0, _extends2.default)({}, _InputLayoutContext.InputLayoutContextDefault, context);
   var Tag = tag;
@@ -27,9 +30,9 @@ var InputLayout = exports.InputLayout = (0, _forwardRefAndName.forwardRefAndName
   return /*#__PURE__*/(
     _react.default.createElement(_InputLayoutContext.InputLayoutContext.Provider, { value: _context }, /*#__PURE__*/
     _react.default.createElement(_CommonWrapper.CommonWrapper, props, /*#__PURE__*/
-    _react.default.createElement(Tag, (0, _extends2.default)({ ref: ref, "data-tid": _Input.InputDataTids.root }, labelProps), /*#__PURE__*/
+    _react.default.createElement(Tag, (0, _extends2.default)({ "data-tid": _Input.InputDataTids.root }, labelProps, { ref: (0, _mergeRefs.mergeRefs)(ref, labelProps.ref) }), /*#__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("span", { className: stylesLayout.input() }, children), /*#__PURE__*/
     _react.default.createElement(_InputLayoutAside.InputLayoutAside, { icon: rightIcon, text: suffix, side: "right" })
     )
     )

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_forwardRefAndName","_Input","_CommonWrapper","_InputLayoutAside","_InputLayoutContext","_InputLayout","InputLayout","exports","forwardRefAndName","props","ref","leftIcon","rightIcon","prefix","suffix","labelProps","context","children","_props$tag","tag","_context","_extends2","default","InputLayoutContextDefault","Tag","createElement","InputLayoutContext","Provider","value","CommonWrapper","InputDataTids","root","InputLayoutAside","icon","text","side","className","stylesLayout","input"],"sources":["InputLayout.tsx"],"sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport type { InputProps } from '../Input';\nimport { InputDataTids } from '../Input';\nimport type { CommonProps } from '../../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../../internal/CommonWrapper';\n\nimport { InputLayoutAside } from './InputLayoutAside';\nimport type { InputLayoutContextProps } from './InputLayoutContext';\nimport { InputLayoutContext, InputLayoutContextDefault } from './InputLayoutContext';\nimport { stylesLayout } from './InputLayout.styles';\n\ntype InputLayoutRootFromInputProps = Pick<InputProps, 'leftIcon' | 'rightIcon' | 'prefix' | 'suffix'>;\n\nexport interface InputLayoutRootProps extends InputLayoutRootFromInputProps, CommonProps {\n  labelProps: React.LabelHTMLAttributes<HTMLLabelElement>;\n  context: Partial<InputLayoutContextProps>;\n  tag?: 'label' | 'span';\n}\n\nexport const InputLayout = forwardRefAndName<HTMLLabelElement, InputLayoutRootProps>('InputLayout', (props, ref) => {\n  const { leftIcon, rightIcon, prefix, suffix, labelProps, context, children, tag = 'label' } = props;\n  const _context: InputLayoutContextProps = { ...InputLayoutContextDefault, ...context };\n  const Tag = tag;\n\n  return (\n    <InputLayoutContext.Provider value={_context}>\n      <CommonWrapper {...props}>\n        <Tag 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        </Tag>\n      </CommonWrapper>\n    </InputLayoutContext.Provider>\n  );\n});\n"],"mappings":"mPAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;;AAEA,IAAAE,MAAA,GAAAF,OAAA;;AAEA,IAAAG,cAAA,GAAAH,OAAA;;AAEA,IAAAI,iBAAA,GAAAJ,OAAA;;AAEA,IAAAK,mBAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;;;;;;;;;;AAUO,IAAMO,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,oCAAiB,EAAyC,aAAa,EAAE,UAACC,KAAK,EAAEC,GAAG,EAAK;EAClH,IAAQC,QAAQ,GAA8EF,KAAK,CAA3FE,QAAQ,CAAEC,SAAS,GAAmEH,KAAK,CAAjFG,SAAS,CAAEC,MAAM,GAA2DJ,KAAK,CAAtEI,MAAM,CAAEC,MAAM,GAAmDL,KAAK,CAA9DK,MAAM,CAAEC,UAAU,GAAuCN,KAAK,CAAtDM,UAAU,CAAEC,OAAO,GAA8BP,KAAK,CAA1CO,OAAO,CAAEC,QAAQ,GAAoBR,KAAK,CAAjCQ,QAAQ,CAAAC,UAAA,GAAoBT,KAAK,CAAvBU,GAAG,CAAHA,GAAG,GAAAD,UAAA,cAAG,OAAO,GAAAA,UAAA;EACzF,IAAME,QAAiC,OAAAC,SAAA,CAAAC,OAAA,MAAQC,6CAAyB,EAAKP,OAAO,CAAE;EACtF,IAAMQ,GAAG,GAAGL,GAAG;;EAEf;IACEtB,MAAA,CAAAyB,OAAA,CAAAG,aAAA,CAACrB,mBAAA,CAAAsB,kBAAkB,CAACC,QAAQ,IAACC,KAAK,EAAER,QAAS;IAC3CvB,MAAA,CAAAyB,OAAA,CAAAG,aAAA,CAACvB,cAAA,CAAA2B,aAAa,EAAKpB,KAAK;IACtBZ,MAAA,CAAAyB,OAAA,CAAAG,aAAA,CAACD,GAAG,MAAAH,SAAA,CAAAC,OAAA,IAACZ,GAAG,EAAEA,GAAI,EAAC,YAAUoB,oBAAa,CAACC,IAAK,IAAKhB,UAAU;IACzDlB,MAAA,CAAAyB,OAAA,CAAAG,aAAA,CAACtB,iBAAA,CAAA6B,gBAAgB,IAACC,IAAI,EAAEtB,QAAS,EAACuB,IAAI,EAAErB,MAAO,EAACsB,IAAI,EAAC,MAAM,EAAE,CAAC;IAC9DtC,MAAA,CAAAyB,OAAA,CAAAG,aAAA,WAAMW,SAAS,EAAEC,yBAAY,CAACC,KAAK,CAAC,CAAE,IAAErB,QAAe,CAAC;IACxDpB,MAAA,CAAAyB,OAAA,CAAAG,aAAA,CAACtB,iBAAA,CAAA6B,gBAAgB,IAACC,IAAI,EAAErB,SAAU,EAACsB,IAAI,EAAEpB,MAAO,EAACqB,IAAI,EAAC,OAAO,EAAE;IAC5D;IACQ;IACY,CAAC;;AAElC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_renderEnvironment","_forwardRefAndName","_Input","_CommonWrapper","_mergeRefs","_InputLayoutAside","_InputLayoutContext","_InputLayout","InputLayout","exports","forwardRefAndName","props","ref","stylesLayout","useStyles","getStylesLayout","leftIcon","rightIcon","prefix","suffix","labelProps","context","children","_props$tag","tag","_context","_extends2","default","InputLayoutContextDefault","Tag","createElement","InputLayoutContext","Provider","value","CommonWrapper","InputDataTids","root","mergeRefs","InputLayoutAside","icon","text","side","className","input"],"sources":["InputLayout.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useStyles } from '../../../lib/renderEnvironment';\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport type { InputProps } from '../Input';\nimport { InputDataTids } from '../Input';\nimport type { CommonProps } from '../../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../../internal/CommonWrapper';\nimport { mergeRefs } from '../../../lib/mergeRefs';\n\nimport { InputLayoutAside } from './InputLayoutAside';\nimport type { InputLayoutContextProps } from './InputLayoutContext';\nimport { InputLayoutContext, InputLayoutContextDefault } 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> & { ref?: React.Ref<HTMLLabelElement> };\n  context: Partial<InputLayoutContextProps>;\n  tag?: 'label' | 'span';\n}\n\nexport const InputLayout = forwardRefAndName<HTMLLabelElement, InputLayoutRootProps>('InputLayout', (props, ref) => {\n  const stylesLayout = useStyles(getStylesLayout);\n  const { leftIcon, rightIcon, prefix, suffix, labelProps, context, children, tag = 'label' } = props;\n  const _context: InputLayoutContextProps = { ...InputLayoutContextDefault, ...context };\n  const Tag = tag;\n\n  return (\n    <InputLayoutContext.Provider value={_context}>\n      <CommonWrapper {...props}>\n        <Tag data-tid={InputDataTids.root} {...labelProps} ref={mergeRefs(ref, labelProps.ref)}>\n          <InputLayoutAside icon={leftIcon} text={prefix} side=\"left\" />\n          <span className={stylesLayout.input()}>{children}</span>\n          <InputLayoutAside icon={rightIcon} text={suffix} side=\"right\" />\n        </Tag>\n      </CommonWrapper>\n    </InputLayoutContext.Provider>\n  );\n});\n"],"mappings":"mPAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;;AAEA,IAAAG,MAAA,GAAAH,OAAA;;AAEA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;;AAEA,IAAAM,iBAAA,GAAAN,OAAA;;AAEA,IAAAO,mBAAA,GAAAP,OAAA;AACA,IAAAQ,YAAA,GAAAR,OAAA;;;;;;;;;;AAUO,IAAMS,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,oCAAiB,EAAyC,aAAa,EAAE,UAACC,KAAK,EAAEC,GAAG,EAAK;EAClH,IAAMC,YAAY,GAAG,IAAAC,4BAAS,EAACC,4BAAe,CAAC;EAC/C,IAAQC,QAAQ,GAA8EL,KAAK,CAA3FK,QAAQ,CAAEC,SAAS,GAAmEN,KAAK,CAAjFM,SAAS,CAAEC,MAAM,GAA2DP,KAAK,CAAtEO,MAAM,CAAEC,MAAM,GAAmDR,KAAK,CAA9DQ,MAAM,CAAEC,UAAU,GAAuCT,KAAK,CAAtDS,UAAU,CAAEC,OAAO,GAA8BV,KAAK,CAA1CU,OAAO,CAAEC,QAAQ,GAAoBX,KAAK,CAAjCW,QAAQ,CAAAC,UAAA,GAAoBZ,KAAK,CAAvBa,GAAG,CAAHA,GAAG,GAAAD,UAAA,cAAG,OAAO,GAAAA,UAAA;EACzF,IAAME,QAAiC,OAAAC,SAAA,CAAAC,OAAA,MAAQC,6CAAyB,EAAKP,OAAO,CAAE;EACtF,IAAMQ,GAAG,GAAGL,GAAG;;EAEf;IACE3B,MAAA,CAAA8B,OAAA,CAAAG,aAAA,CAACxB,mBAAA,CAAAyB,kBAAkB,CAACC,QAAQ,IAACC,KAAK,EAAER,QAAS;IAC3C5B,MAAA,CAAA8B,OAAA,CAAAG,aAAA,CAAC3B,cAAA,CAAA+B,aAAa,EAAKvB,KAAK;IACtBd,MAAA,CAAA8B,OAAA,CAAAG,aAAA,CAACD,GAAG,MAAAH,SAAA,CAAAC,OAAA,IAAC,YAAUQ,oBAAa,CAACC,IAAK,IAAKhB,UAAU,IAAER,GAAG,EAAE,IAAAyB,oBAAS,EAACzB,GAAG,EAAEQ,UAAU,CAACR,GAAG,CAAE;IACrFf,MAAA,CAAA8B,OAAA,CAAAG,aAAA,CAACzB,iBAAA,CAAAiC,gBAAgB,IAACC,IAAI,EAAEvB,QAAS,EAACwB,IAAI,EAAEtB,MAAO,EAACuB,IAAI,EAAC,MAAM,EAAE,CAAC;IAC9D5C,MAAA,CAAA8B,OAAA,CAAAG,aAAA,WAAMY,SAAS,EAAE7B,YAAY,CAAC8B,KAAK,CAAC,CAAE,IAAErB,QAAe,CAAC;IACxDzB,MAAA,CAAA8B,OAAA,CAAAG,aAAA,CAACzB,iBAAA,CAAAiC,gBAAgB,IAACC,IAAI,EAAEtB,SAAU,EAACuB,IAAI,EAAErB,MAAO,EAACsB,IAAI,EAAC,OAAO,EAAE;IAC5D;IACQ;IACY,CAAC;;AAElC,CAAC,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import type { Theme } from '../../../lib/theming/Theme';
-export declare const stylesLayout: {
+export declare const getStylesLayout: import("../../../lib/theming/Emotion").StylesGetter<{
     root(t: Theme): string;
     input(): string;
     aside(): string;
@@ -8,4 +8,4 @@ export declare const stylesLayout: {
     iconDisabled(t: Theme): string;
     text(t: Theme): string;
     textDisabled(t: Theme): string;
-};
+}>;