@skbkontur/react-ui 0.0.0-a8b895b5e7 → 0.0.0-aa4659ca48

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

@@ -1,6 +1,6 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-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;
-import { css, keyframes, memoizeStyle } from "../../../lib/theming/Emotion";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 import { shift } from "../../../lib/styles/DimensionFunctions";
 import { resetText } from "../../../lib/styles/Mixins";
 export var styles = memoizeStyle({
@@ -19,65 +19,43 @@ export var styles = memoizeStyle({
   focus: function focus(t) {
     return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: ", ";\n      outline: none;\n      z-index: 2;\n    "])), t.inputFocusedBg, t.inputBorderColorFocus, t.inputFocusShadow);
   },
-  focusFallback: function focusFallback(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])), t.inputOutlineWidth, t.inputFocusOutline);
-  },
   placeholder: function placeholder(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      -ms-user-select: none;\n      color: ", ";\n      cursor: text;\n      font-size: inherit;\n      height: 100%;\n      left: 0;\n      overflow: hidden;\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      user-select: none;\n      white-space: nowrap;\n      width: 100%;\n    "])), t.inputPlaceholderColor);
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      -ms-user-select: none;\n      color: ", ";\n      cursor: text;\n      font-size: inherit;\n      height: 100%;\n      left: 0;\n      overflow: hidden;\n      pointer-events: none;\n      position: absolute;\n      top: 0;\n      user-select: none;\n      white-space: nowrap;\n      width: 100%;\n    "])), t.inputPlaceholderColor);
   },
   placeholderFocus: function placeholderFocus(t) {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColorLight);
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColorLight);
   },
   placeholderDisabled: function placeholderDisabled(t) {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColorDisabled);
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColorDisabled);
   },
   input: function input(t) {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      -webkit-appearance: none;\n      background: transparent;\n      border: 0 none;\n      color: ", ";\n      font: inherit;\n      line-height: inherit;\n      margin: 0;\n      outline: none;\n      padding: 0;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n      color-scheme: ", ";\n\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n      &::-ms-clear {\n        display: none;\n      }\n      &:-moz-placeholder {\n        color: ", ";\n      }\n      &::-moz-placeholder {\n        color: ", ";\n      }\n      &::placeholder {\n        color: ", ";\n      }\n    "])), t.inputTextColor, t.inputColorScheme, t.inputPlaceholderColor, t.inputPlaceholderColor, t.inputPlaceholderColor);
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      -webkit-appearance: none;\n      background: transparent;\n      border: 0 none;\n      color: ", ";\n      font: inherit;\n      line-height: inherit;\n      margin: 0;\n      outline: none;\n      padding: 0;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n      color-scheme: ", ";\n\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n      &::-ms-clear {\n        display: none;\n      }\n      &:-moz-placeholder {\n        color: ", ";\n      }\n      &::-moz-placeholder {\n        color: ", ";\n      }\n      &::placeholder {\n        color: ", ";\n      }\n    "])), t.inputTextColor, t.inputColorScheme, t.inputPlaceholderColor, t.inputPlaceholderColor, t.inputPlaceholderColor);
   },
   inputFocus: function inputFocus(t) {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      &:-moz-placeholder {\n        color: ", ";\n      }\n      &::-moz-placeholder {\n        color: ", ";\n      }\n      &::placeholder {\n        color: ", ";\n      }\n    "])), t.inputPlaceholderColorLight, t.inputPlaceholderColorLight, t.inputPlaceholderColorLight);
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      &:-moz-placeholder {\n        color: ", ";\n      }\n      &::-moz-placeholder {\n        color: ", ";\n      }\n      &::placeholder {\n        color: ", ";\n      }\n    "])), t.inputPlaceholderColorLight, t.inputPlaceholderColorLight, t.inputPlaceholderColorLight);
   },
   inputDisabled: function inputDisabled(t) {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      /* fix text color in safari https://bugs.webkit.org/show_bug.cgi?id=115510 */\n      -webkit-text-fill-color: ", ";\n\n      &:-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      &::-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      &::placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n    "])), t.inputTextColorDisabled, t.inputTextColorDisabled, t.inputPlaceholderColorDisabled, t.inputPlaceholderColorDisabled, t.inputPlaceholderColorDisabled);
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      /* fix text color in safari https://bugs.webkit.org/show_bug.cgi?id=115510 */\n      -webkit-text-fill-color: ", ";\n\n      &:-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      &::-moz-placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n      &::placeholder {\n        -webkit-text-fill-color: ", ";\n      }\n    "])), t.inputTextColorDisabled, t.inputTextColorDisabled, t.inputPlaceholderColorDisabled, t.inputPlaceholderColorDisabled, t.inputPlaceholderColorDisabled);
   },
   warning: function warning(t) {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "])), t.inputBorderColorWarning, t.inputOutlineWidth, t.inputBorderColorWarning);
-  },
-  warningFallback: function warningFallback(t) {
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])), t.inputBorderWidth, t.inputBorderColorWarning);
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "])), t.inputBorderColorWarning, t.inputOutlineWidth, t.inputBorderColorWarning);
   },
   error: function error(t) {
-    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "])), t.inputBorderColorError, t.inputOutlineWidth, t.inputBorderColorError);
-  },
-  errorFallback: function errorFallback(t) {
-    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])), t.inputBorderWidth, t.inputBorderColorError);
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      border-color: ", ";\n      box-shadow: 0 0 0 ", " ", ";\n      z-index: 2;\n    "])), t.inputBorderColorError, t.inputOutlineWidth, t.inputBorderColorError);
   },
   disabled: function disabled(t) {
-    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: none;\n    "])), t.inputDisabledBg, t.inputDisabledBorderColor);
-  },
-  blink: function blink(t) {
-    var blinkAnimation = keyframes(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n    0% {\n      background-color: ", ";\n    }\n  "])), t.inputBlinkColor);
-    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      animation: ", " 0.15s ease-in;\n    "])), blinkAnimation);
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      border-color: ", ";\n      box-shadow: none;\n    "])), t.inputDisabledBg, t.inputDisabledBorderColor);
   },
   sizeSmall: function sizeSmall(t) {
-    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])), t.inputFontSizeSmall, t.inputLineHeightSmall, t.inputPaddingYSmall, t.inputPaddingYSmall, t.inputPaddingXSmall, t.inputPaddingXSmall, t.inputHeightSmall, t.inputBorderRadiusSmall);
-  },
-  sizeSmallFallback: function sizeSmallFallback(t) {
-    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      line-height: normal;\n    "])), shift(t.inputPaddingYSmall, '0'), shift(t.inputPaddingYSmall, '0'), t.inputPaddingXSmall, t.inputPaddingXSmall);
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])), t.inputFontSizeSmall, t.inputLineHeightSmall, t.inputPaddingYSmall, t.inputPaddingYSmall, t.inputPaddingXSmall, t.inputPaddingXSmall, t.inputHeightSmall, t.inputBorderRadiusSmall);
   },
   sizeMedium: function sizeMedium(t) {
-    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])), t.inputFontSizeMedium, t.inputLineHeightMedium, t.inputPaddingYMedium, t.inputPaddingYMedium, t.inputPaddingXMedium, t.inputPaddingXMedium, t.inputHeightMedium, t.inputBorderRadiusMedium);
-  },
-  sizeMediumFallback: function sizeMediumFallback(t) {
-    return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      line-height: normal;\n    "])), shift(t.inputPaddingYMedium, '0'), shift(t.inputPaddingYMedium, '0'), t.inputPaddingXMedium, t.inputPaddingXMedium);
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      height: ", ";\n      border-radius: ", ";\n    "])), t.inputFontSizeMedium, t.inputLineHeightMedium, t.inputPaddingYMedium, t.inputPaddingYMedium, t.inputPaddingXMedium, t.inputPaddingXMedium, t.inputHeightMedium, t.inputBorderRadiusMedium);
   },
   sizeLarge: function sizeLarge(t) {
-    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      border-radius: ", ";\n    "])), t.inputFontSizeLarge, t.inputLineHeightLarge, t.inputHeightLarge, shift(t.inputPaddingYLarge, '0'), shift(t.inputPaddingYLarge, '0'), t.inputPaddingXLarge, t.inputPaddingXLarge, t.inputBorderRadiusLarge);
-  },
-  sizeLargeFallback: function sizeLargeFallback(t) {
-    return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      line-height: normal;\n    "])), shift(t.inputPaddingYLarge, '0'), shift(t.inputPaddingYLarge, '0'), t.inputPaddingXLarge, t.inputPaddingXLarge);
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      height: ", ";\n      padding-top: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      border-radius: ", ";\n    "])), t.inputFontSizeLarge, t.inputLineHeightLarge, t.inputHeightLarge, shift(t.inputPaddingYLarge, '0'), shift(t.inputPaddingYLarge, '0'), t.inputPaddingXLarge, t.inputPaddingXLarge, t.inputBorderRadiusLarge);
   },
   hideBlinkingCursor: function hideBlinkingCursor() {
-    return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      caret-color: transparent;\n    "])));
+    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      caret-color: transparent;\n    "])));
   }
 });

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

@@ -1 +1 @@
-{"version":3,"names":["css","keyframes","memoizeStyle","shift","resetText","styles","wrapper","_templateObject","_taggedTemplateLiteralLoose","root","t","_templateObject2","inputBackgroundClip","inputBg","inputBorderWidth","inputBorderColor","inputBorderTopColor","transitionDuration","transitionTimingFunction","inputShadow","inputColor","inputWidth","hovering","_templateObject3","inputBorderColorHover","borderless","_templateObject4","focus","_templateObject5","inputFocusedBg","inputBorderColorFocus","inputFocusShadow","focusFallback","_templateObject6","inputOutlineWidth","inputFocusOutline","placeholder","_templateObject7","inputPlaceholderColor","placeholderFocus","_templateObject8","inputPlaceholderColorLight","placeholderDisabled","_templateObject9","inputPlaceholderColorDisabled","input","_templateObject10","inputTextColor","inputColorScheme","inputFocus","_templateObject11","inputDisabled","_templateObject12","inputTextColorDisabled","warning","_templateObject13","inputBorderColorWarning","warningFallback","_templateObject14","error","_templateObject15","inputBorderColorError","errorFallback","_templateObject16","disabled","_templateObject17","inputDisabledBg","inputDisabledBorderColor","blink","blinkAnimation","_templateObject18","inputBlinkColor","_templateObject19","sizeSmall","_templateObject20","inputFontSizeSmall","inputLineHeightSmall","inputPaddingYSmall","inputPaddingXSmall","inputHeightSmall","inputBorderRadiusSmall","sizeSmallFallback","_templateObject21","sizeMedium","_templateObject22","inputFontSizeMedium","inputLineHeightMedium","inputPaddingYMedium","inputPaddingXMedium","inputHeightMedium","inputBorderRadiusMedium","sizeMediumFallback","_templateObject23","sizeLarge","_templateObject24","inputFontSizeLarge","inputLineHeightLarge","inputHeightLarge","inputPaddingYLarge","inputPaddingXLarge","inputBorderRadiusLarge","sizeLargeFallback","_templateObject25","hideBlinkingCursor","_templateObject26"],"sources":["Input.styles.ts"],"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\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  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(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":"ukBAAA,SAASA,GAAG,EAAEC,SAAS,EAAEC,YAAY,QAAQ,2BAA2B;;AAExE,SAASC,KAAK,QAAQ,qCAAqC;AAC3D,SAASC,SAAS,QAAQ,yBAAyB;;AAEnD,OAAO,IAAMC,MAAM,GAAGH,YAAY,CAAC;EACjCI,OAAO,WAAAA,QAAA,EAAG;IACR,OAAON,GAAG,CAAAO,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;;;;;;;;;;;;EAiBZ,CAAC;;EAEDC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;IACNJ,SAAS,CAAC,CAAC;;;IAGMM,CAAC,CAACE,mBAAmB;IACpBF,CAAC,CAACG,OAAO;IACnBH,CAAC,CAACI,gBAAgB,EAAUJ,CAAC,CAACK,gBAAgB;IACpCL,CAAC,CAACM,mBAAmB;IACdN,CAAC,CAACO,kBAAkB,EAAIP,CAAC,CAACQ,wBAAwB;IAC/DR,CAAC,CAACS,WAAW;;IAElBT,CAAC,CAACU,UAAU;;;;;IAKZV,CAAC,CAACW,UAAU;;;;;;EAMzB,CAAC;;EAEDC,QAAQ,WAAAA,SAACZ,CAAQ,EAAE;IACjB,OAAOV,GAAG,CAAAuB,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA;;IAEUE,CAAC,CAACc,qBAAqB;;;EAG7C,CAAC;;EAEDC,UAAU,WAAAA,WAAA,EAAG;IACX,OAAOzB,GAAG,CAAA0B,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;;;;;EAKZ,CAAC;;EAEDmB,KAAK,WAAAA,MAACjB,CAAQ,EAAE;IACd,OAAOV,GAAG,CAAA4B,gBAAA,KAAAA,gBAAA,GAAApB,2BAAA;IACYE,CAAC,CAACmB,cAAc;IACpBnB,CAAC,CAACoB,qBAAqB;IACzBpB,CAAC,CAACqB,gBAAgB;;;;EAIpC,CAAC;;EAEDC,aAAa,WAAAA,cAACtB,CAAQ,EAAE;IACtB,OAAOV,GAAG,CAAAiC,gBAAA,KAAAA,gBAAA,GAAAzB,2BAAA;;IAEGE,CAAC,CAACwB,iBAAiB,EAAUxB,CAAC,CAACyB,iBAAiB;;EAE/D,CAAC;;EAEDC,WAAW,WAAAA,YAAC1B,CAAQ,EAAE;IACpB,OAAOV,GAAG,CAAAqC,gBAAA,KAAAA,gBAAA,GAAA7B,2BAAA;;IAECE,CAAC,CAAC4B,qBAAqB;;;;;;;;;;;;;EAapC,CAAC;;EAEDC,gBAAgB,WAAAA,iBAAC7B,CAAQ,EAAE;IACzB,OAAOV,GAAG,CAAAwC,gBAAA,KAAAA,gBAAA,GAAAhC,2BAAA;IACCE,CAAC,CAAC+B,0BAA0B;;EAEzC,CAAC;;EAEDC,mBAAmB,WAAAA,oBAAChC,CAAQ,EAAE;IAC5B,OAAOV,GAAG,CAAA2C,gBAAA,KAAAA,gBAAA,GAAAnC,2BAAA;IACCE,CAAC,CAACkC,6BAA6B;;EAE5C,CAAC;;EAEDC,KAAK,WAAAA,MAACnC,CAAQ,EAAE;IACd,OAAOV,GAAG,CAAA8C,iBAAA,KAAAA,iBAAA,GAAAtC,2BAAA;;;;IAICE,CAAC,CAACqC,cAAc;;;;;;;;;IASTrC,CAAC,CAACsC,gBAAgB;;;;;;;;;;;;IAYvBtC,CAAC,CAAC4B,qBAAqB;;;IAGvB5B,CAAC,CAAC4B,qBAAqB;;;IAGvB5B,CAAC,CAAC4B,qBAAqB;;;EAGtC,CAAC;;EAEDW,UAAU,WAAAA,WAACvC,CAAQ,EAAE;IACnB,OAAOV,GAAG,CAAAkD,iBAAA,KAAAA,iBAAA,GAAA1C,2BAAA;;IAEGE,CAAC,CAAC+B,0BAA0B;;;IAG5B/B,CAAC,CAAC+B,0BAA0B;;;IAG5B/B,CAAC,CAAC+B,0BAA0B;;;EAG3C,CAAC;;EAEDU,aAAa,WAAAA,cAACzC,CAAQ,EAAE;IACtB,OAAOV,GAAG,CAAAoD,iBAAA,KAAAA,iBAAA,GAAA5C,2BAAA;IACCE,CAAC,CAAC2C,sBAAsB;;IAEN3C,CAAC,CAAC2C,sBAAsB;;;IAGtB3C,CAAC,CAACkC,6BAA6B;;;IAG/BlC,CAAC,CAACkC,6BAA6B;;;IAG/BlC,CAAC,CAACkC,6BAA6B;;;EAGhE,CAAC;;EAEDU,OAAO,WAAAA,QAAC5C,CAAQ,EAAE;IAChB,OAAOV,GAAG,CAAAuD,iBAAA,KAAAA,iBAAA,GAAA/C,2BAAA;IACQE,CAAC,CAAC8C,uBAAuB;IACrB9C,CAAC,CAACwB,iBAAiB,EAAIxB,CAAC,CAAC8C,uBAAuB;;;EAGxE,CAAC;;EAEDC,eAAe,WAAAA,gBAAC/C,CAAQ,EAAE;IACxB,OAAOV,GAAG,CAAA0D,iBAAA,KAAAA,iBAAA,GAAAlD,2BAAA;;IAEGE,CAAC,CAACI,gBAAgB,EAAUJ,CAAC,CAAC8C,uBAAuB;;EAEpE,CAAC;;EAEDG,KAAK,WAAAA,MAACjD,CAAQ,EAAE;IACd,OAAOV,GAAG,CAAA4D,iBAAA,KAAAA,iBAAA,GAAApD,2BAAA;IACQE,CAAC,CAACmD,qBAAqB;IACnBnD,CAAC,CAACwB,iBAAiB,EAAIxB,CAAC,CAACmD,qBAAqB;;;EAGtE,CAAC;;EAEDC,aAAa,WAAAA,cAACpD,CAAQ,EAAE;IACtB,OAAOV,GAAG,CAAA+D,iBAAA,KAAAA,iBAAA,GAAAvD,2BAAA;;IAEGE,CAAC,CAACI,gBAAgB,EAAUJ,CAAC,CAACmD,qBAAqB;;EAElE,CAAC;;EAEDG,QAAQ,WAAAA,SAACtD,CAAQ,EAAE;IACjB,OAAOV,GAAG,CAAAiE,iBAAA,KAAAA,iBAAA,GAAAzD,2BAAA;IACYE,CAAC,CAACwD,eAAe;IACrBxD,CAAC,CAACyD,wBAAwB;;;EAG9C,CAAC;;EAEDC,KAAK,WAAAA,MAAC1D,CAAQ,EAAE;IACd,IAAM2D,cAAc,GAAGpE,SAAS,CAAAqE,iBAAA,KAAAA,iBAAA,GAAA9D,2BAAA;;IAEVE,CAAC,CAAC6D,eAAe,CAExC;;;IACC,OAAOvE,GAAG,CAAAwE,iBAAA,KAAAA,iBAAA,GAAAhE,2BAAA;IACK6D,cAAc;;EAE/B,CAAC;;EAEDI,SAAS,WAAAA,UAAC/D,CAAQ,EAAE;IAClB,OAAOV,GAAG,CAAA0E,iBAAA,KAAAA,iBAAA,GAAAlE,2BAAA;IACKE,CAAC,CAACiE,kBAAkB;IAClBjE,CAAC,CAACkE,oBAAoB;IACtBlE,CAAC,CAACmE,kBAAkB;IACjBnE,CAAC,CAACmE,kBAAkB;IACtBnE,CAAC,CAACoE,kBAAkB;IACnBpE,CAAC,CAACoE,kBAAkB;IAC3BpE,CAAC,CAACqE,gBAAgB;IACXrE,CAAC,CAACsE,sBAAsB;;EAE7C,CAAC;;EAEDC,iBAAiB,WAAAA,kBAACvE,CAAQ,EAAE;IAC1B,OAAOV,GAAG,CAAAkF,iBAAA,KAAAA,iBAAA,GAAA1E,2BAAA;IACOL,KAAK,CAACO,CAAC,CAACmE,kBAAkB,EAAE,GAAG,CAAC;IAC7B1E,KAAK,CAACO,CAAC,CAACmE,kBAAkB,EAAE,GAAG,CAAC;IAClCnE,CAAC,CAACoE,kBAAkB;IACnBpE,CAAC,CAACoE,kBAAkB;;;EAGzC,CAAC;;EAEDK,UAAU,WAAAA,WAACzE,CAAQ,EAAE;IACnB,OAAOV,GAAG,CAAAoF,iBAAA,KAAAA,iBAAA,GAAA5E,2BAAA;IACKE,CAAC,CAAC2E,mBAAmB;IACnB3E,CAAC,CAAC4E,qBAAqB;IACvB5E,CAAC,CAAC6E,mBAAmB;IAClB7E,CAAC,CAAC6E,mBAAmB;IACvB7E,CAAC,CAAC8E,mBAAmB;IACpB9E,CAAC,CAAC8E,mBAAmB;IAC5B9E,CAAC,CAAC+E,iBAAiB;IACZ/E,CAAC,CAACgF,uBAAuB;;EAE9C,CAAC;;EAEDC,kBAAkB,WAAAA,mBAACjF,CAAQ,EAAE;IAC3B,OAAOV,GAAG,CAAA4F,iBAAA,KAAAA,iBAAA,GAAApF,2BAAA;IACOL,KAAK,CAACO,CAAC,CAAC6E,mBAAmB,EAAE,GAAG,CAAC;IAC9BpF,KAAK,CAACO,CAAC,CAAC6E,mBAAmB,EAAE,GAAG,CAAC;IACnC7E,CAAC,CAAC8E,mBAAmB;IACpB9E,CAAC,CAAC8E,mBAAmB;;;EAG1C,CAAC;;EAEDK,SAAS,WAAAA,UAACnF,CAAQ,EAAE;IAClB,OAAOV,GAAG,CAAA8F,iBAAA,KAAAA,iBAAA,GAAAtF,2BAAA;IACKE,CAAC,CAACqF,kBAAkB;IAClBrF,CAAC,CAACsF,oBAAoB;IAC3BtF,CAAC,CAACuF,gBAAgB;IACb9F,KAAK,CAACO,CAAC,CAACwF,kBAAkB,EAAE,GAAG,CAAC;IAC7B/F,KAAK,CAACO,CAAC,CAACwF,kBAAkB,EAAE,GAAG,CAAC;IAClCxF,CAAC,CAACyF,kBAAkB;IACnBzF,CAAC,CAACyF,kBAAkB;IACpBzF,CAAC,CAAC0F,sBAAsB;;EAE7C,CAAC;;EAEDC,iBAAiB,WAAAA,kBAAC3F,CAAQ,EAAE;IAC1B,OAAOV,GAAG,CAAAsG,iBAAA,KAAAA,iBAAA,GAAA9F,2BAAA;IACOL,KAAK,CAACO,CAAC,CAACwF,kBAAkB,EAAE,GAAG,CAAC;IAC7B/F,KAAK,CAACO,CAAC,CAACwF,kBAAkB,EAAE,GAAG,CAAC;IAClCxF,CAAC,CAACyF,kBAAkB;IACnBzF,CAAC,CAACyF,kBAAkB;;;EAGzC,CAAC;;EAEDI,kBAAkB,WAAAA,mBAAA,EAAG;IACnB,OAAOvG,GAAG,CAAAwG,iBAAA,KAAAA,iBAAA,GAAAhG,2BAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","shift","resetText","styles","wrapper","_templateObject","_taggedTemplateLiteralLoose","root","t","_templateObject2","inputBackgroundClip","inputBg","inputBorderWidth","inputBorderColor","inputBorderTopColor","transitionDuration","transitionTimingFunction","inputShadow","inputColor","inputWidth","hovering","_templateObject3","inputBorderColorHover","borderless","_templateObject4","focus","_templateObject5","inputFocusedBg","inputBorderColorFocus","inputFocusShadow","placeholder","_templateObject6","inputPlaceholderColor","placeholderFocus","_templateObject7","inputPlaceholderColorLight","placeholderDisabled","_templateObject8","inputPlaceholderColorDisabled","input","_templateObject9","inputTextColor","inputColorScheme","inputFocus","_templateObject10","inputDisabled","_templateObject11","inputTextColorDisabled","warning","_templateObject12","inputBorderColorWarning","inputOutlineWidth","error","_templateObject13","inputBorderColorError","disabled","_templateObject14","inputDisabledBg","inputDisabledBorderColor","sizeSmall","_templateObject15","inputFontSizeSmall","inputLineHeightSmall","inputPaddingYSmall","inputPaddingXSmall","inputHeightSmall","inputBorderRadiusSmall","sizeMedium","_templateObject16","inputFontSizeMedium","inputLineHeightMedium","inputPaddingYMedium","inputPaddingXMedium","inputHeightMedium","inputBorderRadiusMedium","sizeLarge","_templateObject17","inputFontSizeLarge","inputLineHeightLarge","inputHeightLarge","inputPaddingYLarge","inputPaddingXLarge","inputBorderRadiusLarge","hideBlinkingCursor","_templateObject18"],"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  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/components/Input/Input.styles.d.ts

@@ -1,28 +1,21 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    wrapper(): string;
-    root(t: Theme): string;
-    hovering(t: Theme): string;
-    borderless(): string;
-    focus(t: Theme): string;
-    focusFallback(t: Theme): string;
-    placeholder(t: Theme): string;
-    placeholderFocus(t: Theme): string;
-    placeholderDisabled(t: Theme): string;
-    input(t: Theme): string;
-    inputFocus(t: Theme): string;
-    inputDisabled(t: Theme): string;
-    warning(t: Theme): string;
-    warningFallback(t: Theme): string;
-    error(t: Theme): string;
-    errorFallback(t: Theme): string;
-    disabled(t: Theme): string;
-    blink(t: Theme): string;
-    sizeSmall(t: Theme): string;
-    sizeSmallFallback(t: Theme): string;
-    sizeMedium(t: Theme): string;
-    sizeMediumFallback(t: Theme): string;
-    sizeLarge(t: Theme): string;
-    sizeLargeFallback(t: Theme): string;
-    hideBlinkingCursor(): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    wrapper(): string;
+    root(t: Theme): string;
+    hovering(t: Theme): string;
+    borderless(): string;
+    focus(t: Theme): string;
+    placeholder(t: Theme): string;
+    placeholderFocus(t: Theme): string;
+    placeholderDisabled(t: Theme): string;
+    input(t: Theme): string;
+    inputFocus(t: Theme): string;
+    inputDisabled(t: Theme): string;
+    warning(t: Theme): string;
+    error(t: Theme): string;
+    disabled(t: Theme): string;
+    sizeSmall(t: Theme): string;
+    sizeMedium(t: Theme): string;
+    sizeLarge(t: Theme): string;
+    hideBlinkingCursor(): string;
+};

package/components/Input/Input.typings/Input.typings.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["Input.typings.ts"],"sourcesContent":["import React from 'react';\n\nexport type InputElement = (HTMLInputElement | { input: HTMLInputElement | null }) & {\n  getRootNode: () => HTMLElement | null;\n};\n\nexport type InputElementProps = React.InputHTMLAttributes<HTMLInputElement>;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["Input.typings.ts"],"sourcesContent":["import type React from 'react';\n\nexport type InputElement = (HTMLInputElement | { input: HTMLInputElement | null }) & {\n  getRootNode: () => HTMLElement | null;\n};\n\nexport type InputElementProps = React.InputHTMLAttributes<HTMLInputElement>;\n"],"mappings":"","ignoreList":[]}

package/components/Input/Input.typings.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-export type InputElement = (HTMLInputElement | {
-    input: HTMLInputElement | null;
-}) & {
-    getRootNode: () => HTMLElement | null;
-};
-export type InputElementProps = React.InputHTMLAttributes<HTMLInputElement>;
+import type React from 'react';
+export type InputElement = (HTMLInputElement | {
+    input: HTMLInputElement | null;
+}) & {
+    getRootNode: () => HTMLElement | null;
+};
+export type InputElementProps = React.InputHTMLAttributes<HTMLInputElement>;

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

@@ -13,14 +13,17 @@ export var InputLayout = forwardRefAndName('InputLayout', function (props, ref)
     suffix = props.suffix,
     labelProps = props.labelProps,
     context = props.context,
-    children = props.children;
+    children = props.children,
+    _props$tag = props.tag,
+    tag = _props$tag === void 0 ? 'label' : _props$tag;
   var _context = _extends({}, InputLayoutContextDefault, context);
+  var Tag = tag;
   return /*#__PURE__*/(
     React.createElement(InputLayoutContext.Provider, {
       value: _context
     }, /*#__PURE__*/
     React.createElement(CommonWrapper, props, /*#__PURE__*/
-    React.createElement("label", _extends({
+    React.createElement(Tag, _extends({
       ref: ref,
       "data-tid": InputDataTids.root
     }, labelProps), /*#__PURE__*/

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

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRefAndName","InputDataTids","CommonWrapper","InputLayoutAside","InputLayoutContext","InputLayoutContextDefault","stylesLayout","InputLayout","props","ref","leftIcon","rightIcon","prefix","suffix","labelProps","context","children","_context","_extends","createElement","Provider","value","root","icon","text","side","className","input"],"sources":["InputLayout.tsx"],"sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { InputDataTids, InputProps } from '../Input';\nimport { CommonProps, CommonWrapper } from '../../../internal/CommonWrapper';\n\nimport { InputLayoutAside } from './InputLayoutAside';\nimport { InputLayoutContext, InputLayoutContextDefault, InputLayoutContextProps } from './InputLayoutContext';\nimport { stylesLayout } from './InputLayout.styles';\n\ntype InputLayoutRootFromInputProps = Pick<InputProps, 'leftIcon' | 'rightIcon' | 'prefix' | 'suffix'>;\n\nexport interface InputLayoutRootProps extends InputLayoutRootFromInputProps, CommonProps {\n  labelProps: React.LabelHTMLAttributes<HTMLLabelElement>;\n  context: Partial<InputLayoutContextProps>;\n}\n\nexport const InputLayout = forwardRefAndName<HTMLLabelElement, InputLayoutRootProps>('InputLayout', (props, ref) => {\n  const { leftIcon, rightIcon, prefix, suffix, labelProps, context, children } = props;\n  const _context: InputLayoutContextProps = { ...InputLayoutContextDefault, ...context };\n\n  return (\n    <InputLayoutContext.Provider value={_context}>\n      <CommonWrapper {...props}>\n        <label ref={ref} data-tid={InputDataTids.root} {...labelProps}>\n          <InputLayoutAside icon={leftIcon} text={prefix} side=\"left\" />\n          <span className={stylesLayout.input()}>{children}</span>\n          <InputLayoutAside icon={rightIcon} text={suffix} side=\"right\" />\n        </label>\n      </CommonWrapper>\n    </InputLayoutContext.Provider>\n  );\n});\n"],"mappings":"0DAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,SAASC,aAAa,QAAoB,UAAU;AACpD,SAAsBC,aAAa,QAAQ,iCAAiC;;AAE5E,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,kBAAkB,EAAEC,yBAAyB,QAAiC,sBAAsB;AAC7G,SAASC,YAAY,QAAQ,sBAAsB;;;;;;;;;AASnD,OAAO,IAAMC,WAAW,GAAGP,iBAAiB,CAAyC,aAAa,EAAE,UAACQ,KAAK,EAAEC,GAAG,EAAK;EAClH,IAAQC,QAAQ,GAA+DF,KAAK,CAA5EE,QAAQ,CAAEC,SAAS,GAAoDH,KAAK,CAAlEG,SAAS,CAAEC,MAAM,GAA4CJ,KAAK,CAAvDI,MAAM,CAAEC,MAAM,GAAoCL,KAAK,CAA/CK,MAAM,CAAEC,UAAU,GAAwBN,KAAK,CAAvCM,UAAU,CAAEC,OAAO,GAAeP,KAAK,CAA3BO,OAAO,CAAEC,QAAQ,GAAKR,KAAK,CAAlBQ,QAAQ;EAC1E,IAAMC,QAAiC,GAAAC,QAAA,KAAQb,yBAAyB,EAAKU,OAAO,CAAE;;EAEtF;IACEhB,KAAA,CAAAoB,aAAA,CAACf,kBAAkB,CAACgB,QAAQ,IAACC,KAAK,EAAEJ,QAAS;IAC3ClB,KAAA,CAAAoB,aAAA,CAACjB,aAAa,EAAKM,KAAK;IACtBT,KAAA,CAAAoB,aAAA,UAAAD,QAAA,GAAOT,GAAG,EAAEA,GAAI,EAAC,YAAUR,aAAa,CAACqB,IAAK,IAAKR,UAAU;IAC3Df,KAAA,CAAAoB,aAAA,CAAChB,gBAAgB,IAACoB,IAAI,EAAEb,QAAS,EAACc,IAAI,EAAEZ,MAAO,EAACa,IAAI,EAAC,MAAM,EAAE,CAAC;IAC9D1B,KAAA,CAAAoB,aAAA,WAAMO,SAAS,EAAEpB,YAAY,CAACqB,KAAK,CAAC,CAAE,IAAEX,QAAe,CAAC;IACxDjB,KAAA,CAAAoB,aAAA,CAAChB,gBAAgB,IAACoB,IAAI,EAAEZ,SAAU,EAACa,IAAI,EAAEX,MAAO,EAACY,IAAI,EAAC,OAAO,EAAE;IAC1D;IACM;IACY,CAAC;;AAElC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","forwardRefAndName","InputDataTids","CommonWrapper","InputLayoutAside","InputLayoutContext","InputLayoutContextDefault","stylesLayout","InputLayout","props","ref","leftIcon","rightIcon","prefix","suffix","labelProps","context","children","_props$tag","tag","_context","_extends","Tag","createElement","Provider","value","root","icon","text","side","className","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":"0DAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,iBAAiB,QAAQ,gCAAgC;;AAElE,SAASC,aAAa,QAAQ,UAAU;;AAExC,SAASC,aAAa,QAAQ,iCAAiC;;AAE/D,SAASC,gBAAgB,QAAQ,oBAAoB;;AAErD,SAASC,kBAAkB,EAAEC,yBAAyB,QAAQ,sBAAsB;AACpF,SAASC,YAAY,QAAQ,sBAAsB;;;;;;;;;;AAUnD,OAAO,IAAMC,WAAW,GAAGP,iBAAiB,CAAyC,aAAa,EAAE,UAACQ,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,GAAAC,QAAA,KAAQf,yBAAyB,EAAKU,OAAO,CAAE;EACtF,IAAMM,GAAG,GAAGH,GAAG;;EAEf;IACEnB,KAAA,CAAAuB,aAAA,CAAClB,kBAAkB,CAACmB,QAAQ,IAACC,KAAK,EAAEL,QAAS;IAC3CpB,KAAA,CAAAuB,aAAA,CAACpB,aAAa,EAAKM,KAAK;IACtBT,KAAA,CAAAuB,aAAA,CAACD,GAAG,EAAAD,QAAA,GAACX,GAAG,EAAEA,GAAI,EAAC,YAAUR,aAAa,CAACwB,IAAK,IAAKX,UAAU;IACzDf,KAAA,CAAAuB,aAAA,CAACnB,gBAAgB,IAACuB,IAAI,EAAEhB,QAAS,EAACiB,IAAI,EAAEf,MAAO,EAACgB,IAAI,EAAC,MAAM,EAAE,CAAC;IAC9D7B,KAAA,CAAAuB,aAAA,WAAMO,SAAS,EAAEvB,YAAY,CAACwB,KAAK,CAAC,CAAE,IAAEd,QAAe,CAAC;IACxDjB,KAAA,CAAAuB,aAAA,CAACnB,gBAAgB,IAACuB,IAAI,EAAEf,SAAU,EAACgB,IAAI,EAAEd,MAAO,EAACe,IAAI,EAAC,OAAO,EAAE;IAC5D;IACQ;IACY,CAAC;;AAElC,CAAC,CAAC","ignoreList":[]}

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

@@ -1,11 +1,12 @@
-import React from 'react';
-import { InputProps } from '../Input';
-import { CommonProps } from '../../../internal/CommonWrapper';
-import { InputLayoutContextProps } from './InputLayoutContext';
-type InputLayoutRootFromInputProps = Pick<InputProps, 'leftIcon' | 'rightIcon' | 'prefix' | 'suffix'>;
-export interface InputLayoutRootProps extends InputLayoutRootFromInputProps, CommonProps {
-    labelProps: React.LabelHTMLAttributes<HTMLLabelElement>;
-    context: Partial<InputLayoutContextProps>;
-}
-export declare const InputLayout: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLLabelElement, InputLayoutRootProps> & Record<never, never>;
-export {};
+import React from 'react';
+import type { InputProps } from '../Input';
+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>;
+    context: Partial<InputLayoutContextProps>;
+    tag?: 'label' | 'span';
+}
+export declare const InputLayout: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLLabelElement, InputLayoutRootProps> & Record<never, never>;
+export {};

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

@@ -1 +1 @@
-{"version":3,"names":["ZERO_WIDTH_SPACE_CSS","css","memoizeStyle","styles","stylesLayout","root","t","input","_templateObject","_taggedTemplateLiteralLoose","aside","_templateObject2","icon","_templateObject3","inputIconColor","iconFocus","_templateObject4","inputFocusedIconColor","iconDisabled","_templateObject5","inputIconColorDisabled","text","_templateObject6","inputPlaceholderColor","textDisabled","_templateObject7","inputPlaceholderColorDisabled"],"sources":["InputLayout.styles.ts"],"sourcesContent":["import { ZERO_WIDTH_SPACE_CSS } from '../../../lib/chars';\nimport { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport { Theme } from '../../../lib/theming/Theme';\nimport { styles } from '../Input.styles';\n\nexport const stylesLayout = memoizeStyle({\n  root(t: Theme) {\n    return styles.root(t);\n  },\n  input() {\n    return css`\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      width: 100%;\n      display: flex;\n    `;\n  },\n  aside() {\n    return css`\n      display: inline-flex;\n      align-items: center;\n      flex-shrink: 0;\n\n      &::before {\n        content: '${ZERO_WIDTH_SPACE_CSS}';\n      }\n    `;\n  },\n  icon(t: Theme) {\n    return css`\n      color: ${t.inputIconColor};\n    `;\n  },\n  iconFocus(t: Theme) {\n    return css`\n      color: ${t.inputFocusedIconColor};\n    `;\n  },\n  iconDisabled(t: Theme) {\n    return css`\n      cursor: default;\n      color: ${t.inputIconColorDisabled};\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"],"mappings":"gOAAA,SAASA,oBAAoB,QAAQ,oBAAoB;AACzD,SAASC,GAAG,EAAEC,YAAY,QAAQ,8BAA8B;;AAEhE,SAASC,MAAM,QAAQ,iBAAiB;;AAExC,OAAO,IAAMC,YAAY,GAAGF,YAAY,CAAC;EACvCG,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOH,MAAM,CAACE,IAAI,CAACC,CAAC,CAAC;EACvB,CAAC;EACDC,KAAK,WAAAA,MAAA,EAAG;IACN,OAAON,GAAG,CAAAO,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;;EAOZ,CAAC;EACDC,KAAK,WAAAA,MAAA,EAAG;IACN,OAAOT,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;;;IAMMT,oBAAoB;;;EAGtC,CAAC;EACDY,IAAI,WAAAA,KAACN,CAAQ,EAAE;IACb,OAAOL,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;IACCH,CAAC,CAACQ,cAAc;;EAE7B,CAAC;EACDC,SAAS,WAAAA,UAACT,CAAQ,EAAE;IAClB,OAAOL,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;IACCH,CAAC,CAACW,qBAAqB;;EAEpC,CAAC;EACDC,YAAY,WAAAA,aAACZ,CAAQ,EAAE;IACrB,OAAOL,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;IAECH,CAAC,CAACc,sBAAsB;;EAErC,CAAC;EACDC,IAAI,WAAAA,KAACf,CAAQ,EAAE;IACb,OAAOL,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;IACCH,CAAC,CAACiB,qBAAqB;;EAEpC,CAAC;EACDC,YAAY,WAAAA,aAAClB,CAAQ,EAAE;IACrB,OAAOL,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAhB,2BAAA;IACCH,CAAC,CAACoB,6BAA6B;;EAE5C;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["ZERO_WIDTH_SPACE_CSS","css","memoizeStyle","styles","stylesLayout","root","t","input","_templateObject","_taggedTemplateLiteralLoose","aside","_templateObject2","icon","_templateObject3","inputIconColor","iconFocus","_templateObject4","inputFocusedIconColor","iconDisabled","_templateObject5","inputIconColorDisabled","text","_templateObject6","inputPlaceholderColor","textDisabled","_templateObject7","inputPlaceholderColorDisabled"],"sources":["InputLayout.styles.ts"],"sourcesContent":["import { ZERO_WIDTH_SPACE_CSS } from '../../../lib/chars';\nimport { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport type { Theme } from '../../../lib/theming/Theme';\nimport { styles } from '../Input.styles';\n\nexport const stylesLayout = memoizeStyle({\n  root(t: Theme) {\n    return styles.root(t);\n  },\n  input() {\n    return css`\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      width: 100%;\n      display: flex;\n    `;\n  },\n  aside() {\n    return css`\n      display: inline-flex;\n      align-items: center;\n      flex-shrink: 0;\n\n      &::before {\n        content: '${ZERO_WIDTH_SPACE_CSS}';\n      }\n    `;\n  },\n  icon(t: Theme) {\n    return css`\n      color: ${t.inputIconColor};\n    `;\n  },\n  iconFocus(t: Theme) {\n    return css`\n      color: ${t.inputFocusedIconColor};\n    `;\n  },\n  iconDisabled(t: Theme) {\n    return css`\n      cursor: default;\n      color: ${t.inputIconColorDisabled};\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"],"mappings":"gOAAA,SAASA,oBAAoB,QAAQ,oBAAoB;AACzD,SAASC,GAAG,EAAEC,YAAY,QAAQ,8BAA8B;;AAEhE,SAASC,MAAM,QAAQ,iBAAiB;;AAExC,OAAO,IAAMC,YAAY,GAAGF,YAAY,CAAC;EACvCG,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOH,MAAM,CAACE,IAAI,CAACC,CAAC,CAAC;EACvB,CAAC;EACDC,KAAK,WAAAA,MAAA,EAAG;IACN,OAAON,GAAG,CAAAO,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;;EAOZ,CAAC;EACDC,KAAK,WAAAA,MAAA,EAAG;IACN,OAAOT,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;;;IAMMT,oBAAoB;;;EAGtC,CAAC;EACDY,IAAI,WAAAA,KAACN,CAAQ,EAAE;IACb,OAAOL,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;IACCH,CAAC,CAACQ,cAAc;;EAE7B,CAAC;EACDC,SAAS,WAAAA,UAACT,CAAQ,EAAE;IAClB,OAAOL,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;IACCH,CAAC,CAACW,qBAAqB;;EAEpC,CAAC;EACDC,YAAY,WAAAA,aAACZ,CAAQ,EAAE;IACrB,OAAOL,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;IAECH,CAAC,CAACc,sBAAsB;;EAErC,CAAC;EACDC,IAAI,WAAAA,KAACf,CAAQ,EAAE;IACb,OAAOL,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;IACCH,CAAC,CAACiB,qBAAqB;;EAEpC,CAAC;EACDC,YAAY,WAAAA,aAAClB,CAAQ,EAAE;IACrB,OAAOL,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAhB,2BAAA;IACCH,CAAC,CAACoB,6BAA6B;;EAE5C;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1,11 +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(t: Theme): string;
-    text(t: Theme): string;
-    textDisabled(t: Theme): string;
-};
+import type { 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(t: Theme): string;
+    text(t: Theme): string;
+    textDisabled(t: Theme): string;
+};

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

@@ -1 +1 @@
-{"version":3,"names":["React","stylesLayout","InputLayoutAsideIcon","InputLayoutAsideText","InputLayoutAside","_ref","icon","text","side","asideClassName","aside","_icon","createElement","key","_text","child","className"],"sources":["InputLayoutAside.tsx"],"sourcesContent":["import React from 'react';\n\nimport { InputProps } from '../Input';\n\nimport { stylesLayout } from './InputLayout.styles';\nimport { InputLayoutAsideIcon } from './InputLayoutAsideIcon';\nimport { InputLayoutAsideText } from './InputLayoutAsideText';\n\nexport interface InputLayoutAsideProps {\n  icon: InputProps['leftIcon'] | InputProps['rightIcon'];\n  text: InputProps['prefix'] | InputProps['suffix'];\n  side: 'left' | 'right';\n}\n\nexport const InputLayoutAside: React.FunctionComponent<InputLayoutAsideProps> = ({ icon, text, side }) => {\n  const asideClassName = stylesLayout.aside();\n\n  const _icon = <InputLayoutAsideIcon key=\"icon\" icon={icon} side={side} />;\n  const _text = <InputLayoutAsideText key=\"text\" text={text} />;\n\n  const child = side === 'left' ? [_icon, _text] : [_text, _icon];\n\n  return <span className={asideClassName}>{child}</span>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;;;AAIzB,SAASC,YAAY,QAAQ,sBAAsB;AACnD,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,oBAAoB,QAAQ,wBAAwB;;;;;;;;AAQ7D,OAAO,IAAMC,gBAAgE,GAAG,SAAnEA,gBAAgEA,CAAAC,IAAA,EAA6B,KAAvBC,IAAI,GAAAD,IAAA,CAAJC,IAAI,CAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI,CAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;EACjG,IAAMC,cAAc,GAAGR,YAAY,CAACS,KAAK,CAAC,CAAC;;EAE3C,IAAMC,KAAK,gBAAGX,KAAA,CAAAY,aAAA,CAACV,oBAAoB,IAACW,GAAG,EAAC,MAAM,EAACP,IAAI,EAAEA,IAAK,EAACE,IAAI,EAAEA,IAAK,EAAE,CAAC;EACzE,IAAMM,KAAK,gBAAGd,KAAA,CAAAY,aAAA,CAACT,oBAAoB,IAACU,GAAG,EAAC,MAAM,EAACN,IAAI,EAAEA,IAAK,EAAE,CAAC;;EAE7D,IAAMQ,KAAK,GAAGP,IAAI,KAAK,MAAM,GAAG,CAACG,KAAK,EAAEG,KAAK,CAAC,GAAG,CAACA,KAAK,EAAEH,KAAK,CAAC;;EAE/D,oBAAOX,KAAA,CAAAY,aAAA,WAAMI,SAAS,EAAEP,cAAe,IAAEM,KAAY,CAAC;AACxD,CAAC","ignoreList":[]}
+{"version":3,"names":["React","stylesLayout","InputLayoutAsideIcon","InputLayoutAsideText","InputLayoutAside","_ref","icon","text","side","asideClassName","aside","_icon","createElement","key","_text","child","className"],"sources":["InputLayoutAside.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { InputProps } from '../Input';\n\nimport { stylesLayout } from './InputLayout.styles';\nimport { InputLayoutAsideIcon } from './InputLayoutAsideIcon';\nimport { InputLayoutAsideText } from './InputLayoutAsideText';\n\nexport interface InputLayoutAsideProps {\n  icon: InputProps['leftIcon'] | InputProps['rightIcon'];\n  text: InputProps['prefix'] | InputProps['suffix'];\n  side: 'left' | 'right';\n}\n\nexport const InputLayoutAside: React.FunctionComponent<InputLayoutAsideProps> = ({ icon, text, side }) => {\n  const asideClassName = stylesLayout.aside();\n\n  const _icon = <InputLayoutAsideIcon key=\"icon\" icon={icon} side={side} />;\n  const _text = <InputLayoutAsideText key=\"text\" text={text} />;\n\n  const child = side === 'left' ? [_icon, _text] : [_text, _icon];\n\n  return <span className={asideClassName}>{child}</span>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;;;AAIzB,SAASC,YAAY,QAAQ,sBAAsB;AACnD,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,oBAAoB,QAAQ,wBAAwB;;;;;;;;AAQ7D,OAAO,IAAMC,gBAAgE,GAAG,SAAnEA,gBAAgEA,CAAAC,IAAA,EAA6B,KAAvBC,IAAI,GAAAD,IAAA,CAAJC,IAAI,CAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI,CAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;EACjG,IAAMC,cAAc,GAAGR,YAAY,CAACS,KAAK,CAAC,CAAC;;EAE3C,IAAMC,KAAK,gBAAGX,KAAA,CAAAY,aAAA,CAACV,oBAAoB,IAACW,GAAG,EAAC,MAAM,EAACP,IAAI,EAAEA,IAAK,EAACE,IAAI,EAAEA,IAAK,EAAE,CAAC;EACzE,IAAMM,KAAK,gBAAGd,KAAA,CAAAY,aAAA,CAACT,oBAAoB,IAACU,GAAG,EAAC,MAAM,EAACN,IAAI,EAAEA,IAAK,EAAE,CAAC;;EAE7D,IAAMQ,KAAK,GAAGP,IAAI,KAAK,MAAM,GAAG,CAACG,KAAK,EAAEG,KAAK,CAAC,GAAG,CAACA,KAAK,EAAEH,KAAK,CAAC;;EAE/D,oBAAOX,KAAA,CAAAY,aAAA,WAAMI,SAAS,EAAEP,cAAe,IAAEM,KAAY,CAAC;AACxD,CAAC","ignoreList":[]}

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

@@ -1,8 +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>;
+import React from 'react';
+import type { 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/components/Input/InputLayout/InputLayoutAsideIcon/InputLayoutAsideIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","isElement","isKonturIcon","cx","ThemeContext","InputLayoutContext","stylesLayout","InputLayoutAsideIcon","_ref","_ref$icon","icon","side","theme","useContext","_React$useContext","focused","disabled","size","sizes","small","parseInt","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","gaps","inputIconGapSmall","inputIconGapMedium","inputIconGapLarge","_icon","Function","_icon$props$size","cloneElement","props","style","marginLeft","marginRight","createElement","className","aside","iconFocus","iconDisabled"],"sources":["InputLayoutAsideIcon.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { isElement } from 'react-is';\n\nimport { isKonturIcon } from '../../../lib/utils';\nimport { InputProps } from '../Input';\nimport { cx } from '../../../lib/theming/Emotion';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport { SizeProp } from '../../../lib/types/props';\n\nimport { InputLayoutContext } from './InputLayoutContext';\nimport { stylesLayout } from './InputLayout.styles';\nexport interface InputLayoutAsideIconProps {\n  icon: InputProps['leftIcon'] | InputProps['rightIcon'];\n  side: 'left' | 'right';\n}\n\nexport const InputLayoutAsideIcon: React.FunctionComponent<InputLayoutAsideIconProps> = ({ icon = null, side }) => {\n  const theme = React.useContext(ThemeContext);\n  const { focused, disabled, size } = React.useContext(InputLayoutContext);\n\n  const sizes: Record<SizeProp, number> = {\n    small: parseInt(theme.inputIconSizeSmall),\n    medium: parseInt(theme.inputIconSizeMedium),\n    large: parseInt(theme.inputIconSizeLarge),\n  };\n  const gaps: Record<SizeProp, number> = {\n    small: parseInt(theme.inputIconGapSmall),\n    medium: parseInt(theme.inputIconGapMedium),\n    large: parseInt(theme.inputIconGapLarge),\n  };\n\n  let _icon = icon instanceof Function ? icon() : icon;\n  if (isElement(icon) && isKonturIcon(icon as ReactElement)) {\n    _icon = React.cloneElement(icon as ReactElement, { size: icon.props.size ?? sizes[size] });\n  }\n\n  const style: React.CSSProperties = {};\n  if (side) {\n    if (side === 'right') {\n      style.marginLeft = gaps[size];\n    } else {\n      style.marginRight = gaps[size];\n    }\n  }\n\n  return _icon ? (\n    <span\n      style={style}\n      className={cx(\n        stylesLayout.aside(),\n        stylesLayout.icon(theme),\n        focused && stylesLayout.iconFocus(theme),\n        disabled && stylesLayout.iconDisabled(theme),\n      )}\n    >\n      {_icon}\n    </span>\n  ) : null;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAwB,OAAO;AAC3C,SAASC,SAAS,QAAQ,UAAU;;AAEpC,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD,SAASC,EAAE,QAAQ,8BAA8B;AACjD,SAASC,YAAY,QAAQ,mCAAmC;;;AAGhE,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,YAAY,QAAQ,sBAAsB;;;;;;AAMnD,OAAO,IAAMC,oBAAwE,GAAG,SAA3EA,oBAAwEA,CAAAC,IAAA,EAA8B,KAAAC,SAAA,GAAAD,IAAA,CAAxBE,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,IAAI,GAAAA,SAAA,CAAEE,IAAI,GAAAH,IAAA,CAAJG,IAAI;EAC1G,IAAMC,KAAK,GAAGZ,KAAK,CAACa,UAAU,CAACT,YAAY,CAAC;EAC5C,IAAAU,iBAAA,GAAoCd,KAAK,CAACa,UAAU,CAACR,kBAAkB,CAAC,CAAhEU,OAAO,GAAAD,iBAAA,CAAPC,OAAO,CAAEC,QAAQ,GAAAF,iBAAA,CAARE,QAAQ,CAAEC,IAAI,GAAAH,iBAAA,CAAJG,IAAI;;EAE/B,IAAMC,KAA+B,GAAG;IACtCC,KAAK,EAAEC,QAAQ,CAACR,KAAK,CAACS,kBAAkB,CAAC;IACzCC,MAAM,EAAEF,QAAQ,CAACR,KAAK,CAACW,mBAAmB,CAAC;IAC3CC,KAAK,EAAEJ,QAAQ,CAACR,KAAK,CAACa,kBAAkB;EAC1C,CAAC;EACD,IAAMC,IAA8B,GAAG;IACrCP,KAAK,EAAEC,QAAQ,CAACR,KAAK,CAACe,iBAAiB,CAAC;IACxCL,MAAM,EAAEF,QAAQ,CAACR,KAAK,CAACgB,kBAAkB,CAAC;IAC1CJ,KAAK,EAAEJ,QAAQ,CAACR,KAAK,CAACiB,iBAAiB;EACzC,CAAC;;EAED,IAAIC,KAAK,GAAGpB,IAAI,YAAYqB,QAAQ,GAAGrB,IAAI,CAAC,CAAC,GAAGA,IAAI;EACpD,IAAIT,SAAS,CAACS,IAAI,CAAC,IAAIR,YAAY,CAACQ,IAAoB,CAAC,EAAE,KAAAsB,gBAAA;IACzDF,KAAK,gBAAG9B,KAAK,CAACiC,YAAY,CAACvB,IAAI,EAAkB,EAAEO,IAAI,GAAAe,gBAAA,GAAEtB,IAAI,CAACwB,KAAK,CAACjB,IAAI,YAAAe,gBAAA,GAAId,KAAK,CAACD,IAAI,CAAC,CAAC,CAAC,CAAC;EAC5F;;EAEA,IAAMkB,KAA0B,GAAG,CAAC,CAAC;EACrC,IAAIxB,IAAI,EAAE;IACR,IAAIA,IAAI,KAAK,OAAO,EAAE;MACpBwB,KAAK,CAACC,UAAU,GAAGV,IAAI,CAACT,IAAI,CAAC;IAC/B,CAAC,MAAM;MACLkB,KAAK,CAACE,WAAW,GAAGX,IAAI,CAACT,IAAI,CAAC;IAChC;EACF;;EAEA,OAAOa,KAAK;EACV9B,KAAA,CAAAsC,aAAA;IACEH,KAAK,EAAEA,KAAM;IACbI,SAAS,EAAEpC,EAAE;MACXG,YAAY,CAACkC,KAAK,CAAC,CAAC;MACpBlC,YAAY,CAACI,IAAI,CAACE,KAAK,CAAC;MACxBG,OAAO,IAAIT,YAAY,CAACmC,SAAS,CAAC7B,KAAK,CAAC;MACxCI,QAAQ,IAAIV,YAAY,CAACoC,YAAY,CAAC9B,KAAK;IAC7C,CAAE;;EAEDkB;EACG,CAAC;EACL,IAAI;AACV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","isElement","isKonturIcon","cx","ThemeContext","InputLayoutContext","stylesLayout","InputLayoutAsideIcon","_ref","_ref$icon","icon","side","theme","useContext","_React$useContext","focused","disabled","size","sizes","small","parseInt","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","gaps","inputIconGapSmall","inputIconGapMedium","inputIconGapLarge","_icon","Function","_icon$props$size","cloneElement","props","style","marginLeft","marginRight","createElement","className","aside","iconFocus","iconDisabled"],"sources":["InputLayoutAsideIcon.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React from 'react';\nimport { isElement } from 'react-is';\n\nimport { isKonturIcon } from '../../../lib/utils';\nimport type { InputProps } from '../Input';\nimport { cx } from '../../../lib/theming/Emotion';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport type { SizeProp } from '../../../lib/types/props';\n\nimport { InputLayoutContext } from './InputLayoutContext';\nimport { stylesLayout } from './InputLayout.styles';\nexport interface InputLayoutAsideIconProps {\n  icon: InputProps['leftIcon'] | InputProps['rightIcon'];\n  side: 'left' | 'right';\n}\n\nexport const InputLayoutAsideIcon: React.FunctionComponent<InputLayoutAsideIconProps> = ({ icon = null, side }) => {\n  const theme = React.useContext(ThemeContext);\n  const { focused, disabled, size } = React.useContext(InputLayoutContext);\n\n  const sizes: Record<SizeProp, number> = {\n    small: parseInt(theme.inputIconSizeSmall),\n    medium: parseInt(theme.inputIconSizeMedium),\n    large: parseInt(theme.inputIconSizeLarge),\n  };\n  const gaps: Record<SizeProp, number> = {\n    small: parseInt(theme.inputIconGapSmall),\n    medium: parseInt(theme.inputIconGapMedium),\n    large: parseInt(theme.inputIconGapLarge),\n  };\n\n  let _icon = icon instanceof Function ? icon() : icon;\n  if (isElement(icon) && isKonturIcon(icon as ReactElement)) {\n    _icon = React.cloneElement(icon as ReactElement, { size: icon.props.size ?? sizes[size] });\n  }\n\n  const style: React.CSSProperties = {};\n  if (side) {\n    if (side === 'right') {\n      style.marginLeft = gaps[size];\n    } else {\n      style.marginRight = gaps[size];\n    }\n  }\n\n  return _icon ? (\n    <span\n      style={style}\n      className={cx(\n        stylesLayout.aside(),\n        stylesLayout.icon(theme),\n        focused && stylesLayout.iconFocus(theme),\n        disabled && stylesLayout.iconDisabled(theme),\n      )}\n    >\n      {_icon}\n    </span>\n  ) : null;\n};\n"],"mappings":";AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,UAAU;;AAEpC,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD,SAASC,EAAE,QAAQ,8BAA8B;AACjD,SAASC,YAAY,QAAQ,mCAAmC;;;AAGhE,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,YAAY,QAAQ,sBAAsB;;;;;;AAMnD,OAAO,IAAMC,oBAAwE,GAAG,SAA3EA,oBAAwEA,CAAAC,IAAA,EAA8B,KAAAC,SAAA,GAAAD,IAAA,CAAxBE,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,IAAI,GAAAA,SAAA,CAAEE,IAAI,GAAAH,IAAA,CAAJG,IAAI;EAC1G,IAAMC,KAAK,GAAGZ,KAAK,CAACa,UAAU,CAACT,YAAY,CAAC;EAC5C,IAAAU,iBAAA,GAAoCd,KAAK,CAACa,UAAU,CAACR,kBAAkB,CAAC,CAAhEU,OAAO,GAAAD,iBAAA,CAAPC,OAAO,CAAEC,QAAQ,GAAAF,iBAAA,CAARE,QAAQ,CAAEC,IAAI,GAAAH,iBAAA,CAAJG,IAAI;;EAE/B,IAAMC,KAA+B,GAAG;IACtCC,KAAK,EAAEC,QAAQ,CAACR,KAAK,CAACS,kBAAkB,CAAC;IACzCC,MAAM,EAAEF,QAAQ,CAACR,KAAK,CAACW,mBAAmB,CAAC;IAC3CC,KAAK,EAAEJ,QAAQ,CAACR,KAAK,CAACa,kBAAkB;EAC1C,CAAC;EACD,IAAMC,IAA8B,GAAG;IACrCP,KAAK,EAAEC,QAAQ,CAACR,KAAK,CAACe,iBAAiB,CAAC;IACxCL,MAAM,EAAEF,QAAQ,CAACR,KAAK,CAACgB,kBAAkB,CAAC;IAC1CJ,KAAK,EAAEJ,QAAQ,CAACR,KAAK,CAACiB,iBAAiB;EACzC,CAAC;;EAED,IAAIC,KAAK,GAAGpB,IAAI,YAAYqB,QAAQ,GAAGrB,IAAI,CAAC,CAAC,GAAGA,IAAI;EACpD,IAAIT,SAAS,CAACS,IAAI,CAAC,IAAIR,YAAY,CAACQ,IAAoB,CAAC,EAAE,KAAAsB,gBAAA;IACzDF,KAAK,gBAAG9B,KAAK,CAACiC,YAAY,CAACvB,IAAI,EAAkB,EAAEO,IAAI,GAAAe,gBAAA,GAAEtB,IAAI,CAACwB,KAAK,CAACjB,IAAI,YAAAe,gBAAA,GAAId,KAAK,CAACD,IAAI,CAAC,CAAC,CAAC,CAAC;EAC5F;;EAEA,IAAMkB,KAA0B,GAAG,CAAC,CAAC;EACrC,IAAIxB,IAAI,EAAE;IACR,IAAIA,IAAI,KAAK,OAAO,EAAE;MACpBwB,KAAK,CAACC,UAAU,GAAGV,IAAI,CAACT,IAAI,CAAC;IAC/B,CAAC,MAAM;MACLkB,KAAK,CAACE,WAAW,GAAGX,IAAI,CAACT,IAAI,CAAC;IAChC;EACF;;EAEA,OAAOa,KAAK;EACV9B,KAAA,CAAAsC,aAAA;IACEH,KAAK,EAAEA,KAAM;IACbI,SAAS,EAAEpC,EAAE;MACXG,YAAY,CAACkC,KAAK,CAAC,CAAC;MACpBlC,YAAY,CAACI,IAAI,CAACE,KAAK,CAAC;MACxBG,OAAO,IAAIT,YAAY,CAACmC,SAAS,CAAC7B,KAAK,CAAC;MACxCI,QAAQ,IAAIV,YAAY,CAACoC,YAAY,CAAC9B,KAAK;IAC7C,CAAE;;EAEDkB;EACG,CAAC;EACL,IAAI;AACV,CAAC","ignoreList":[]}

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

@@ -1,7 +1,7 @@
-import React from 'react';
-import { InputProps } from '../Input';
-export interface InputLayoutAsideIconProps {
-    icon: InputProps['leftIcon'] | InputProps['rightIcon'];
-    side: 'left' | 'right';
-}
-export declare const InputLayoutAsideIcon: React.FunctionComponent<InputLayoutAsideIconProps>;
+import React from 'react';
+import type { InputProps } from '../Input';
+export interface InputLayoutAsideIconProps {
+    icon: InputProps['leftIcon'] | InputProps['rightIcon'];
+    side: 'left' | 'right';
+}
+export declare const InputLayoutAsideIcon: React.FunctionComponent<InputLayoutAsideIconProps>;

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

@@ -1 +1 @@
-{"version":3,"names":["React","cx","ThemeContext","InputLayoutContext","stylesLayout","InputLayoutAsideText","_ref","_ref$text","text","theme","useContext","_React$useContext","disabled","asideClassName","aside","createElement","className","textDisabled"],"sources":["InputLayoutAsideText.tsx"],"sourcesContent":["import React from 'react';\n\nimport { InputProps } from '../Input';\nimport { cx } from '../../../lib/theming/Emotion';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\n\nimport { InputLayoutContext } from './InputLayoutContext';\nimport { stylesLayout } from './InputLayout.styles';\n\nexport interface InputLayoutAsideTextProps {\n  text: InputProps['prefix'] | InputProps['suffix'];\n}\n\nexport const InputLayoutAsideText: React.FunctionComponent<InputLayoutAsideTextProps> = ({ text = null }) => {\n  const theme = React.useContext(ThemeContext);\n  const { disabled } = React.useContext(InputLayoutContext);\n\n  const asideClassName = stylesLayout.aside();\n\n  return text ? (\n    <span className={cx(asideClassName, stylesLayout.text(theme), disabled && stylesLayout.textDisabled(theme))}>\n      {text}\n    </span>\n  ) : null;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,EAAE,QAAQ,8BAA8B;AACjD,SAASC,YAAY,QAAQ,mCAAmC;;AAEhE,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,YAAY,QAAQ,sBAAsB;;;;;;AAMnD,OAAO,IAAMC,oBAAwE,GAAG,SAA3EA,oBAAwEA,CAAAC,IAAA,EAAwB,KAAAC,SAAA,GAAAD,IAAA,CAAlBE,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,IAAI,GAAAA,SAAA;EACpG,IAAME,KAAK,GAAGT,KAAK,CAACU,UAAU,CAACR,YAAY,CAAC;EAC5C,IAAAS,iBAAA,GAAqBX,KAAK,CAACU,UAAU,CAACP,kBAAkB,CAAC,CAAjDS,QAAQ,GAAAD,iBAAA,CAARC,QAAQ;;EAEhB,IAAMC,cAAc,GAAGT,YAAY,CAACU,KAAK,CAAC,CAAC;;EAE3C,OAAON,IAAI;EACTR,KAAA,CAAAe,aAAA,WAAMC,SAAS,EAAEf,EAAE,CAACY,cAAc,EAAET,YAAY,CAACI,IAAI,CAACC,KAAK,CAAC,EAAEG,QAAQ,IAAIR,YAAY,CAACa,YAAY,CAACR,KAAK,CAAC,CAAE;EACzGD;EACG,CAAC;EACL,IAAI;AACV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","cx","ThemeContext","InputLayoutContext","stylesLayout","InputLayoutAsideText","_ref","_ref$text","text","theme","useContext","_React$useContext","disabled","asideClassName","aside","createElement","className","textDisabled"],"sources":["InputLayoutAsideText.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { InputProps } from '../Input';\nimport { cx } from '../../../lib/theming/Emotion';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\n\nimport { InputLayoutContext } from './InputLayoutContext';\nimport { stylesLayout } from './InputLayout.styles';\n\nexport interface InputLayoutAsideTextProps {\n  text: InputProps['prefix'] | InputProps['suffix'];\n}\n\nexport const InputLayoutAsideText: React.FunctionComponent<InputLayoutAsideTextProps> = ({ text = null }) => {\n  const theme = React.useContext(ThemeContext);\n  const { disabled } = React.useContext(InputLayoutContext);\n\n  const asideClassName = stylesLayout.aside();\n\n  return text ? (\n    <span className={cx(asideClassName, stylesLayout.text(theme), disabled && stylesLayout.textDisabled(theme))}>\n      {text}\n    </span>\n  ) : null;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,EAAE,QAAQ,8BAA8B;AACjD,SAASC,YAAY,QAAQ,mCAAmC;;AAEhE,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,YAAY,QAAQ,sBAAsB;;;;;;AAMnD,OAAO,IAAMC,oBAAwE,GAAG,SAA3EA,oBAAwEA,CAAAC,IAAA,EAAwB,KAAAC,SAAA,GAAAD,IAAA,CAAlBE,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,IAAI,GAAAA,SAAA;EACpG,IAAME,KAAK,GAAGT,KAAK,CAACU,UAAU,CAACR,YAAY,CAAC;EAC5C,IAAAS,iBAAA,GAAqBX,KAAK,CAACU,UAAU,CAACP,kBAAkB,CAAC,CAAjDS,QAAQ,GAAAD,iBAAA,CAARC,QAAQ;;EAEhB,IAAMC,cAAc,GAAGT,YAAY,CAACU,KAAK,CAAC,CAAC;;EAE3C,OAAON,IAAI;EACTR,KAAA,CAAAe,aAAA,WAAMC,SAAS,EAAEf,EAAE,CAACY,cAAc,EAAET,YAAY,CAACI,IAAI,CAACC,KAAK,CAAC,EAAEG,QAAQ,IAAIR,YAAY,CAACa,YAAY,CAACR,KAAK,CAAC,CAAE;EACzGD;EACG,CAAC;EACL,IAAI;AACV,CAAC","ignoreList":[]}

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import { InputProps } from '../Input';
-export interface InputLayoutAsideTextProps {
-    text: InputProps['prefix'] | InputProps['suffix'];
-}
-export declare const InputLayoutAsideText: React.FunctionComponent<InputLayoutAsideTextProps>;
+import React from 'react';
+import type { InputProps } from '../Input';
+export interface InputLayoutAsideTextProps {
+    text: InputProps['prefix'] | InputProps['suffix'];
+}
+export declare const InputLayoutAsideText: React.FunctionComponent<InputLayoutAsideTextProps>;

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

@@ -1 +1 @@
-{"version":3,"names":["React","InputLayoutContextDefault","focused","disabled","size","InputLayoutContext","createContext"],"sources":["InputLayoutContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SizeProp } from '../../../lib/types/props';\n\nexport interface InputLayoutContextProps {\n  focused: boolean;\n  disabled: boolean;\n  size: SizeProp;\n}\n\nexport const InputLayoutContextDefault: InputLayoutContextProps = {\n  focused: false,\n  disabled: false,\n  size: 'small',\n};\n\nexport const InputLayoutContext = React.createContext<InputLayoutContextProps>(InputLayoutContextDefault);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;;;;;;;;;AAUzB,OAAO,IAAMC,yBAAkD,GAAG;EAChEC,OAAO,EAAE,KAAK;EACdC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE;AACR,CAAC;;AAED,OAAO,IAAMC,kBAAkB,gBAAGL,KAAK,CAACM,aAAa,CAA0BL,yBAAyB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","InputLayoutContextDefault","focused","disabled","size","InputLayoutContext","createContext"],"sources":["InputLayoutContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SizeProp } from '../../../lib/types/props';\n\nexport interface InputLayoutContextProps {\n  focused: boolean;\n  disabled: boolean;\n  size: SizeProp;\n}\n\nexport const InputLayoutContextDefault: InputLayoutContextProps = {\n  focused: false,\n  disabled: false,\n  size: 'small',\n};\n\nexport const InputLayoutContext = React.createContext<InputLayoutContextProps>(InputLayoutContextDefault);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;;;;;;;;;AAUzB,OAAO,IAAMC,yBAAkD,GAAG;EAChEC,OAAO,EAAE,KAAK;EACdC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE;AACR,CAAC;;AAED,OAAO,IAAMC,kBAAkB,gBAAGL,KAAK,CAACM,aAAa,CAA0BL,yBAAyB,CAAC","ignoreList":[]}

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

@@ -1,9 +1,9 @@
-import React from 'react';
-import { SizeProp } from '../../../lib/types/props';
-export interface InputLayoutContextProps {
-    focused: boolean;
-    disabled: boolean;
-    size: SizeProp;
-}
-export declare const InputLayoutContextDefault: InputLayoutContextProps;
-export declare const InputLayoutContext: React.Context<InputLayoutContextProps>;
+import React from 'react';
+import type { SizeProp } from '../../../lib/types/props';
+export interface InputLayoutContextProps {
+    focused: boolean;
+    disabled: boolean;
+    size: SizeProp;
+}
+export declare const InputLayoutContextDefault: InputLayoutContextProps;
+export declare const InputLayoutContext: React.Context<InputLayoutContextProps>;

package/components/Input/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Input';
-export * from './Input.typings';
+export * from './Input';
+export * from './Input.typings';

package/components/Kebab/Kebab/Kebab.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _Kebab;
 import React from 'react';
-import PropTypes from 'prop-types';
 import { isElement } from 'react-is';
 import { globalObject } from '@skbkontur/global-object';
 import { isKonturIcon } from "../../../lib/utils";
@@ -18,6 +17,7 @@ import { cx } from "../../../lib/theming/Emotion";
 import { rootNode } from "../../../lib/rootNode";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { getVisualStateDataAttributes } from "../../../internal/CommonWrapper/utils/getVisualStateDataAttributes";
+import { withSize } from "../../../lib/size/SizeDecorator";
 import { styles } from "../Kebab.styles";
 import { KebabIcon } from "../KebabIcon";
 export var KebabDataTids = {
@@ -27,7 +27,8 @@ export var KebabDataTids = {
 /**
  * Кебаб-меню `Kebab` содержит действия с объектом.
  */
-export var Kebab = rootNode(_class = (_Kebab = /*#__PURE__*/function (_React$Component) {
+
+export var Kebab = rootNode(_class = withSize(_class = (_Kebab = /*#__PURE__*/function (_React$Component) {
   function Kebab() {
     var _this;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -46,8 +47,8 @@ export var Kebab = rootNode(_class = (_Kebab = /*#__PURE__*/function (_React$Com
     };
     _this.renderCaption = function (captionProps) {
       var _this$getProps = _this.getProps(),
-        disabled = _this$getProps.disabled,
-        size = _this$getProps.size;
+        disabled = _this$getProps.disabled;
+      var size = _this.size;
       var handleCaptionKeyDown = function handleCaptionKeyDown(event) {
         if (!disabled) {
           _this.handleCaptionKeyDown(event, captionProps.openMenu);
@@ -152,7 +153,6 @@ export var Kebab = rootNode(_class = (_Kebab = /*#__PURE__*/function (_React$Com
   };
   _proto.renderIcon = function renderIcon() {
     var _this$getProps3 = this.getProps(),
-      size = _this$getProps3.size,
       _this$getProps3$icon = _this$getProps3.icon,
       icon = _this$getProps3$icon === void 0 ? /*#__PURE__*/React.createElement(KebabIcon, null) : _this$getProps3$icon;
     if (isElement(icon) && isKonturIcon(icon)) {
@@ -163,14 +163,14 @@ export var Kebab = rootNode(_class = (_Kebab = /*#__PURE__*/function (_React$Com
         large: parseInt(this.theme.kebabIconSizeLarge)
       };
       return /*#__PURE__*/React.cloneElement(icon, {
-        size: (_icon$props$size = icon.props.size) != null ? _icon$props$size : sizes[size],
+        size: (_icon$props$size = icon.props.size) != null ? _icon$props$size : sizes[this.size],
         color: (_icon$props$color = icon.props.color) != null ? _icon$props$color : this.theme.kebabIconColor
       });
     }
     return icon;
   };
   return Kebab;
-}(React.Component), _Kebab.__KONTUR_REACT_UI__ = 'Kebab', _Kebab.displayName = 'Kebab', _Kebab.propTypes = {}, _Kebab.defaultProps = {
+}(React.Component), _Kebab.__KONTUR_REACT_UI__ = 'Kebab', _Kebab.displayName = 'Kebab', _Kebab.defaultProps = {
   onOpen: function onOpen() {
     return undefined;
   },
@@ -178,23 +178,5 @@ export var Kebab = rootNode(_class = (_Kebab = /*#__PURE__*/function (_React$Com
     return undefined;
   },
   positions: ['bottom left', 'bottom right', 'top left', 'top right'],
-  size: 'small',
   disableAnimations: isTestEnv
-}, _Kebab)) || _class;
-Kebab.propTypes = {
-  children: PropTypes.node,
-  disabled: PropTypes.bool,
-  menuMaxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  /**
-   * Размер кебаба small 14px | large 20px
-   */
-  size: PropTypes.string,
-  /**
-   * Коллбек, вызывающийся перед закрытием кебаба
-   */
-  onClose: PropTypes.func,
-  /**
-   * Коллбек, вызывающийся перед открытием кебаба
-   */
-  onOpen: PropTypes.func
-};
+}, _Kebab)) || _class) || _class;