@skbkontur/react-ui 0.0.0-c91b3db3f4 → 0.0.0-cb270e7a13

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

@@ -1,11 +1,16 @@
 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, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40;
 
-import { css, cssName, keyframes, memoizeStyle } from "../../../lib/theming/Emotion";
+import { css, keyframes, memoizeStyle } from "../../../lib/theming/Emotion";
 import { shift } from "../../../lib/styles/DimensionFunctions";
 import { resetText } from "../../../lib/styles/Mixins";
-var styles = {
+
+var shouldCompensateFontFamily = function shouldCompensateFontFamily(fontFamilyCompensation) {
+  return Boolean(parseInt(fontFamilyCompensation));
+};
+
+export var styles = memoizeStyle({
   wrapper: function wrapper() {
     return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      align-items: center;\n      display: flex;\n      margin: 0;\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &::before {\n        content: '\\A0';\n        display: inline-block;\n        width: 0;\n      }\n    "], ["\n      align-items: center;\n      display: flex;\n      margin: 0;\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      text-overflow: clip;\n      white-space: nowrap;\n      width: 100%;\n\n      &::before {\n        content: '\\\\A0';\n        display: inline-block;\n        width: 0;\n      }\n    "])));
   },
@@ -13,92 +18,115 @@ var styles = {
     return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      align-items: center;\n      background-clip: padding-box;\n      background-color: ", ";\n      border: ", " solid ", ";\n      border-top-color: ", ";\n      box-shadow: ", ";\n      box-sizing: border-box;\n      color: ", ";\n      cursor: text;\n      display: inline-flex;\n      outline: none;\n      position: relative;\n      width: ", ";\n\n      & * {\n        box-sizing: border-box;\n      }\n    "])), resetText(), t.inputBg, t.inputBorderWidth, t.inputBorderColor, t.inputBorderTopColor, t.inputShadow, t.inputColor, t.inputWidth);
   },
   borderless: function borderless() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      box-shadow: none !important;\n      border-color: transparent !important;\n    "])));
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      border-color: transparent;\n    "])));
   },
   useDefaultColor: function useDefaultColor(t) {
     return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputIconColor);
   },
   focus: function focus(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      border-color: ", ";\n      box-shadow: ", ";\n      outline: none;\n      z-index: 2;\n\n      ", ":-moz-placeholder {\n        color: ", ";\n      }\n      ", "::-moz-placeholder {\n        color: ", ";\n      }\n      ", "::placeholder {\n        color: ", ";\n      }\n    "])), t.inputBorderColorFocus, t.inputFocusShadow, cssName(styles.input(t)), t.inputPlaceholderColorLight, cssName(styles.input(t)), t.inputPlaceholderColorLight, cssName(styles.input(t)), t.inputPlaceholderColorLight);
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      border-color: ", ";\n      box-shadow: ", ";\n      outline: none;\n      z-index: 2;\n    "])), 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\n      ", " & {\n        color: ", ";\n      }\n    "])), t.inputPlaceholderColor, cssName(styles.focus(t)), t.inputPlaceholderColorLight);
+    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);
+  },
+  placeholderFocus: function placeholderFocus(t) {
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColorLight);
+  },
+  placeholderDisabled: function placeholderDisabled(t) {
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColorDisabled);
   },
   input: function input(t) {
-    return css(_templateObject8 || (_templateObject8 = _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\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);
+    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\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);
+  },
+  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);
+  },
+  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);
   },
   warning: function warning(t) {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      & {\n        border-color: ", " !important;\n        box-shadow: 0 0 0 ", " ", " !important;\n        z-index: 2;\n      }\n    "])), t.inputBorderColorWarning, t.inputOutlineWidth, t.inputBorderColorWarning);
+    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(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      box-shadow: none !important;\n      outline: ", " solid ", " !important;\n    "])), t.inputBorderWidth, t.inputBorderColorWarning);
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])), t.inputBorderWidth, t.inputBorderColorWarning);
   },
   error: function error(t) {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      border-color: ", " !important;\n      box-shadow: 0 0 0 ", " ", " !important;\n      z-index: 2;\n    "])), t.inputBorderColorError, t.inputOutlineWidth, t.inputBorderColorError);
+    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(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      box-shadow: none !important;\n      outline: ", " solid ", " !important;\n    "])), t.inputBorderWidth, t.inputBorderColorError);
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      outline: ", " solid ", ";\n    "])), t.inputBorderWidth, t.inputBorderColorError);
   },
   disabled: function disabled(t) {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      background: ", " !important;\n      border-color: ", " !important;\n      box-shadow: none;\n\n      ", " {\n        cursor: default;\n      }\n      ", " {\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.inputDisabledBg, t.inputDisabledBorderColor, cssName(styles.icon()), cssName(styles.input(t)), t.inputTextColorDisabled, t.inputTextColorDisabled, cssName(styles.input(t)), t.inputPlaceholderColor, cssName(styles.input(t)), t.inputPlaceholderColor, cssName(styles.input(t)), t.inputPlaceholderColor);
+    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(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n    0% {\n      background-color: ", ";\n    }\n  "])), t.inputBlinkColor);
-    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      animation: ", " 0.15s ease-in;\n    "])), blinkAnimation);
+    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);
   },
   sizeSmall: function sizeSmall(t) {
-    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      ", "& {\n        font-size: ", ";\n        line-height: ", " !important;\n        padding-top: ", ";\n        padding-bottom: ", ";\n        padding-left: ", ";\n        padding-right: ", ";\n        height: ", ";\n        border-radius: ", ";\n      }\n    "])), cssName(styles.root(t)), t.inputFontSizeSmall, t.inputLineHeightSmall, t.inputPaddingYSmall, t.inputPaddingYSmall, t.inputPaddingXSmall, t.inputPaddingXSmall, t.inputHeightSmall, t.inputBorderRadiusSmall);
+    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(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      ", "& {\n        padding-top: ", ";\n        padding-bottom: ", ";\n        padding-left: ", ";\n        padding-right: ", ";\n        line-height: normal !important;\n      }\n    "])), cssName(styles.root(t)), shift(t.inputPaddingYSmall, '-1'), shift(t.inputPaddingYSmall, '1'), t.inputPaddingXSmall, t.inputPaddingXSmall);
+    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, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0'), shift(t.inputPaddingYSmall, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0'), t.inputPaddingXSmall, t.inputPaddingXSmall);
   },
   sizeMedium: function sizeMedium(t) {
-    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      ", "& {\n        font-size: ", ";\n        line-height: ", ";\n        padding-top: ", ";\n        padding-bottom: ", ";\n        padding-left: ", ";\n        padding-right: ", ";\n        height: ", ";\n        border-radius: ", ";\n      }\n    "])), cssName(styles.root(t)), t.inputFontSizeMedium, t.inputLineHeightMedium, t.inputPaddingYMedium, t.inputPaddingYMedium, t.inputPaddingXMedium, t.inputPaddingXMedium, t.inputHeightMedium, t.inputBorderRadiusMedium);
+    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(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      ", "& {\n        padding-top: ", ";\n        padding-bottom: ", ";\n        padding-left: ", ";\n        padding-right: ", ";\n        line-height: normal !important;\n      }\n    "])), cssName(styles.root(t)), shift(t.inputPaddingYMedium, '-1'), shift(t.inputPaddingYMedium, '1'), t.inputPaddingXMedium, t.inputPaddingXMedium);
+    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, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0'), shift(t.inputPaddingYMedium, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0'), t.inputPaddingXMedium, t.inputPaddingXMedium);
   },
   sizeLarge: function sizeLarge(t) {
-    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      ", "& {\n        font-size: ", ";\n        line-height: ", ";\n        height: ", ";\n        padding-top: ", ";\n        padding-bottom: ", ";\n        padding-left: ", ";\n        padding-right: ", ";\n        border-radius: ", ";\n      }\n    "])), cssName(styles.root(t)), t.inputFontSizeLarge, t.inputLineHeightLarge, t.inputHeightLarge, shift(t.inputPaddingYLarge, '-1'), shift(t.inputPaddingYLarge, '1'), t.inputPaddingXLarge, t.inputPaddingXLarge, t.inputBorderRadiusLarge);
+    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, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0'), shift(t.inputPaddingYLarge, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0'), t.inputPaddingXLarge, t.inputPaddingXLarge, t.inputBorderRadiusLarge);
   },
   sizeLargeFallback: function sizeLargeFallback(t) {
-    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      ", "& {\n        padding-top: ", ";\n        padding-bottom: ", ";\n        padding-left: ", ";\n        padding-right: ", ";\n        line-height: normal !important;\n      }\n    "])), cssName(styles.root(t)), shift(t.inputPaddingYLarge, '-2'), shift(t.inputPaddingYLarge, '2'), t.inputPaddingXLarge, t.inputPaddingXLarge);
+    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, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-2' : '0'), shift(t.inputPaddingYLarge, shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '2' : '0'), t.inputPaddingXLarge, t.inputPaddingXLarge);
   },
   prefix: function prefix(t) {
-    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColor);
+    return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColor);
+  },
+  prefixDisabled: function prefixDisabled(t) {
+    return css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColorDisabled);
   },
   suffix: function suffix(t) {
-    return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColor);
+    return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColor);
+  },
+  suffixDisabled: function suffixDisabled(t) {
+    return css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColorDisabled);
   },
   sideContainer: function sideContainer() {
-    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      align-items: center;\n      display: flex;\n      flex-shrink: 0;\n      height: 100%;\n\n      &::before {\n        content: '\\a0';\n        display: inline-block;\n        width: 0;\n      }\n    "], ["\n      align-items: center;\n      display: flex;\n      flex-shrink: 0;\n      height: 100%;\n\n      &::before {\n        content: '\\\\a0';\n        display: inline-block;\n        width: 0;\n      }\n    "])));
+    return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n      align-items: center;\n      display: flex;\n      flex-shrink: 0;\n      height: 100%;\n\n      &::before {\n        content: '\\a0';\n        display: inline-block;\n        width: 0;\n      }\n    "], ["\n      align-items: center;\n      display: flex;\n      flex-shrink: 0;\n      height: 100%;\n\n      &::before {\n        content: '\\\\a0';\n        display: inline-block;\n        width: 0;\n      }\n    "])));
   },
   rightContainer: function rightContainer() {
-    return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n      justify-self: flex-end;\n      margin: 0 0 0 auto;\n      padding-left: 0;\n    "])));
+    return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n      justify-self: flex-end;\n      margin: 0 0 0 auto;\n      padding-left: 0;\n    "])));
   },
   icon: function icon() {
-    return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      flex-shrink: 0;\n      cursor: text;\n      z-index: 2;\n      text-align: center;\n      box-sizing: content-box !important;\n    "])));
+    return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n      flex-shrink: 0;\n      cursor: text;\n      z-index: 2;\n      text-align: center;\n      box-sizing: content-box !important; // fix possible \"reset.css\" problem\n    "])));
+  },
+  iconDisabled: function iconDisabled() {
+    return css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n    "])));
   },
   leftIconSmall: function leftIconSmall(t) {
-    return css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      padding-right: ", ";\n    "])), t.inputIconSizeSmall, t.inputIconGapSmall);
+    return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])), t.inputIconSizeSmall, t.inputIconGapSmall);
   },
   rightIconSmall: function rightIconSmall(t) {
-    return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      padding-left: ", ";\n    "])), t.inputIconSizeSmall, t.inputIconGapSmall);
+    return css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])), t.inputIconSizeSmall, t.inputIconGapSmall);
   },
   leftIconMedium: function leftIconMedium(t) {
-    return css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      padding-right: ", ";\n    "])), t.inputIconSizeMedium, t.inputIconGapMedium);
+    return css(_templateObject36 || (_templateObject36 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])), t.inputIconSizeMedium, t.inputIconGapMedium);
   },
   rightIconMedium: function rightIconMedium(t) {
-    return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      padding-left: ", ";\n    "])), t.inputIconSizeMedium, t.inputIconGapMedium);
+    return css(_templateObject37 || (_templateObject37 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])), t.inputIconSizeMedium, t.inputIconGapMedium);
   },
   leftIconLarge: function leftIconLarge(t) {
-    return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      padding-right: ", ";\n    "])), t.inputIconSizeLarge, t.inputIconGapLarge);
+    return css(_templateObject38 || (_templateObject38 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-right: ", ";\n    "])), t.inputIconSizeLarge, t.inputIconGapLarge);
   },
   rightIconLarge: function rightIconLarge(t) {
-    return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      padding-left: ", ";\n    "])), t.inputIconSizeLarge, t.inputIconGapLarge);
+    return css(_templateObject39 || (_templateObject39 = _taggedTemplateLiteralLoose(["\n      min-width: ", ";\n      padding-left: ", ";\n    "])), t.inputIconSizeLarge, t.inputIconGapLarge);
+  },
+  hideBlinkingCursor: function hideBlinkingCursor() {
+    return css(_templateObject40 || (_templateObject40 = _taggedTemplateLiteralLoose(["\n      caret-color: transparent;\n    "])));
   }
-};
-export var jsStyles = memoizeStyle(styles);
+});

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

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

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

@@ -1,5 +1,5 @@
 import { Theme } from '../../lib/theming/Theme';
-export declare const jsStyles: {
+export declare const styles: {
     wrapper(): string;
     root(t: Theme): string;
     borderless(): string;
@@ -7,7 +7,11 @@ export declare const jsStyles: {
     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;
@@ -21,14 +25,18 @@ export declare const jsStyles: {
     sizeLarge(t: Theme): string;
     sizeLargeFallback(t: Theme): string;
     prefix(t: Theme): string;
+    prefixDisabled(t: Theme): string;
     suffix(t: Theme): string;
+    suffixDisabled(t: Theme): string;
     sideContainer(): string;
     rightContainer(): string;
     icon(): string;
+    iconDisabled(): string;
     leftIconSmall(t: Theme): string;
     rightIconSmall(t: Theme): string;
     leftIconMedium(t: Theme): string;
     rightIconMedium(t: Theme): string;
     leftIconLarge(t: Theme): string;
     rightIconLarge(t: Theme): string;
+    hideBlinkingCursor(): string;
 };

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

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

package/components/Kebab/Kebab/Kebab.js

@@ -1,17 +1,17 @@
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
 import PropTypes from 'prop-types';
-import cn from 'classnames';
 import { isKeyArrowVertical, isKeyEnter, isKeySpace, someKeys } from "../../../lib/events/keyboard/identifiers";
 import * as LayoutEvents from "../../../lib/LayoutEvents";
-import { tabListener } from "../../../lib/events/tabListener";
+import { keyListener } from "../../../lib/events/keyListener";
 import { PopupMenu } from "../../../internal/PopupMenu";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { MenuKebabIcon } from "../../../internal/icons/16px";
 import { isTestEnv } from "../../../lib/currentEnvironment";
 import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { jsStyles } from "../Kebab.styles";
+import { cx } from "../../../lib/theming/Emotion";
+import { styles } from "../Kebab.styles";
 export var Kebab = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Kebab, _React$Component);
 
@@ -36,7 +36,7 @@ export var Kebab = /*#__PURE__*/function (_React$Component) {
     };
 
     _this.renderCaption = function (captionProps) {
-      var _cn;
+      var _cx;
 
       var disabled = _this.props.disabled;
 
@@ -58,7 +58,7 @@ export var Kebab = /*#__PURE__*/function (_React$Component) {
         onKeyDown: handleCaptionKeyDown,
         onFocus: _this.handleFocus,
         onBlur: _this.handleBlur,
-        className: cn((_cn = {}, _cn[jsStyles.kebab(_this.theme)] = true, _cn[jsStyles.opened(_this.theme)] = captionProps.opened, _cn[jsStyles.disabled(_this.theme)] = disabled, _cn[jsStyles.focused(_this.theme)] = _this.state.focusedByTab, _cn))
+        className: cx((_cx = {}, _cx[styles.kebab(_this.theme)] = true, _cx[styles.opened(_this.theme)] = captionProps.opened, _cx[styles.disabled()] = disabled, _cx[styles.focused(_this.theme)] = _this.state.focusedByTab, _cx))
       }, _this.renderIcon());
     };
 
@@ -90,8 +90,8 @@ export var Kebab = /*#__PURE__*/function (_React$Component) {
       if (!_this.props.disabled) {
         // focus event fires before keyDown eventlistener
         // so we should check tabPressed in async way
-        process.nextTick(function () {
-          if (tabListener.isTabPressed) {
+        requestAnimationFrame(function () {
+          if (keyListener.isTabPressed) {
             _this.setState({
               focusedByTab: true
             });
@@ -146,42 +146,17 @@ export var Kebab = /*#__PURE__*/function (_React$Component) {
       positions: positions,
       onChangeMenuState: this.handleChangeMenuState,
       caption: this.renderCaption,
-      disableAnimations: this.props.disableAnimations
+      disableAnimations: this.props.disableAnimations,
+      menuMaxHeight: this.props.menuMaxHeight
     }, !disabled && this.props.children));
   };
 
   _proto.renderIcon = function renderIcon() {
-    switch (this.props.size) {
-      case 'small':
-        return /*#__PURE__*/React.createElement("div", {
-          className: jsStyles.iconsmall(this.theme)
-        }, /*#__PURE__*/React.createElement(MenuKebabIcon, {
-          size: "14px",
-          color: "#757575"
-        }));
-
-      case 'medium':
-        return /*#__PURE__*/React.createElement("div", {
-          className: jsStyles.iconmedium(this.theme)
-        }, /*#__PURE__*/React.createElement(MenuKebabIcon, {
-          size: "18px",
-          color: "#757575"
-        }));
-
-      case 'large':
-        return /*#__PURE__*/React.createElement("div", {
-          className: jsStyles.iconlarge(this.theme)
-        }, /*#__PURE__*/React.createElement(MenuKebabIcon, {
-          size: "20px",
-          color: "#757575",
-          style: {
-            verticalAlign: -2
-          }
-        }));
+    var _cx2;
 
-      default:
-        throw new Error("Unexpected size '" + this.props.size + "'");
-    }
+    return /*#__PURE__*/React.createElement("div", {
+      className: cx((_cx2 = {}, _cx2[styles.icon()] = true, _cx2[styles.iconsmall()] = this.props.size === 'small', _cx2[styles.iconmedium()] = this.props.size === 'medium', _cx2[styles.iconlarge()] = this.props.size === 'large', _cx2))
+    }, this.props.icon);
   };
 
   return Kebab;
@@ -197,25 +172,26 @@ Kebab.defaultProps = {
   },
   positions: ['bottom left', 'bottom right', 'top left', 'top right'],
   size: 'small',
-  disableAnimations: isTestEnv
+  disableAnimations: isTestEnv,
+  icon: /*#__PURE__*/React.createElement(MenuKebabIcon, null)
 };
 Kebab.propTypes = {
   children: PropTypes.node,
   disabled: PropTypes.bool,
   menuMaxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 
-  /**
-   * Размер кебаба small 14px | large 20px
+  /**
+   * Размер кебаба small 14px | large 20px
    */
   size: PropTypes.string,
 
-  /**
-   * Коллбек, вызывающийся перед закрытием кебаба
+  /**
+   * Коллбек, вызывающийся перед закрытием кебаба
    */
   onClose: PropTypes.func,
 
-  /**
-   * Коллбек, вызывающийся перед открытием кебаба
+  /**
+   * Коллбек, вызывающийся перед открытием кебаба
    */
   onOpen: PropTypes.func
 };

package/components/Kebab/Kebab/Kebab.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Kebab.tsx"],"names":["React","PropTypes","cn","isKeyArrowVertical","isKeyEnter","isKeySpace","someKeys","LayoutEvents","tabListener","PopupMenu","ThemeContext","MenuKebabIcon","isTestEnv","ThemeFactory","CommonWrapper","jsStyles","Kebab","state","opened","focusedByTab","anchor","theme","listener","remove","undefined","renderCaption","captionProps","disabled","props","handleCaptionKeyDown","event","openMenu","handleCaptionClick","toggleMenu","handleFocus","handleBlur","kebab","focused","renderIcon","e","preventDefault","handleChangeMenuState","isOpened","restoreFocus","setState","onOpen","onClose","process","nextTick","isTabPressed","componentDidMount","addListener","componentWillUnmount","render","create","popupPinOffset","kebabPinOffset","popupMargin","kebabMargin","popupPinSize","kebabPinSize","renderMain","positions","disableAnimations","children","size","iconsmall","iconmedium","iconlarge","verticalAlign","Error","Component","__KONTUR_REACT_UI__","propTypes","defaultProps","node","bool","menuMaxHeight","oneOfType","string","number","func"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport { isKeyArrowVertical, isKeyEnter, isKeySpace, someKeys } from '../../lib/events/keyboard/identifiers';\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { tabListener } from '../../lib/events/tabListener';\r\nimport { PopupMenu, PopupMenuCaptionProps } from '../../internal/PopupMenu';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { PopupPosition } from '../../internal/Popup';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { MenuKebabIcon } from '../../internal/icons/16px';\r\nimport { isTestEnv } from '../../lib/currentEnvironment';\r\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\r\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './Kebab.styles';\r\n\r\nexport interface KebabProps extends CommonProps {\r\n  disabled?: boolean;\r\n  /**\r\n   * Функция вызываемая при закрытии выпадашки\r\n   * @default () => undefined\r\n   */\r\n  onClose: () => void;\r\n  /**\r\n   * Функция вызываемая при открытии выпадашки\r\n   * @default () => undefined\r\n   */\r\n  onOpen: () => void;\r\n  size: 'small' | 'medium' | 'large';\r\n  /**\r\n   * Список позиций доступных для расположения выпадашки\r\n   * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использоваться первая из этого списка\r\n   * @default ['bottom left', 'bottom right', 'top left', 'top right']\r\n   */\r\n  positions: PopupPosition[];\r\n  menuMaxHeight?: number | string;\r\n  /**\r\n   * Не показывать анимацию\r\n   */\r\n  disableAnimations: boolean;\r\n}\r\n\r\nexport interface KebabState {\r\n  anchor: Nullable<HTMLElement>;\r\n  focusedByTab: boolean;\r\n  opened: boolean;\r\n}\r\n\r\nexport class Kebab extends React.Component<KebabProps, KebabState> {\r\n  public static __KONTUR_REACT_UI__ = 'Kebab';\r\n\r\n  public static propTypes = {};\r\n\r\n  public static defaultProps = {\r\n    onOpen: () => undefined,\r\n    onClose: () => undefined,\r\n    positions: ['bottom left', 'bottom right', 'top left', 'top right'],\r\n    size: 'small',\r\n    disableAnimations: isTestEnv,\r\n  };\r\n\r\n  public state = {\r\n    opened: false,\r\n    focusedByTab: false,\r\n    anchor: null,\r\n  };\r\n\r\n  private theme!: Theme;\r\n\r\n  private listener: {\r\n    remove: () => void;\r\n  } = {\r\n    remove: () => undefined,\r\n  };\r\n\r\n  public componentDidMount() {\r\n    /** addListener'у нужен колбэк в аргумент */\r\n    this.listener = LayoutEvents.addListener(() => undefined);\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    this.listener.remove();\r\n  }\r\n\r\n  public render(): JSX.Element {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return (\r\n            <ThemeContext.Provider\r\n              value={ThemeFactory.create(\r\n                {\r\n                  popupPinOffset: theme.kebabPinOffset,\r\n                  popupMargin: theme.kebabMargin,\r\n                  popupPinSize: theme.kebabPinSize,\r\n                },\r\n                theme,\r\n              )}\r\n            >\r\n              {this.renderMain()}\r\n            </ThemeContext.Provider>\r\n          );\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const { disabled, positions } = this.props;\r\n    return (\r\n      <CommonWrapper {...this.props}>\r\n        <PopupMenu\r\n          popupHasPin\r\n          positions={positions}\r\n          onChangeMenuState={this.handleChangeMenuState}\r\n          caption={this.renderCaption}\r\n          disableAnimations={this.props.disableAnimations}\r\n        >\r\n          {!disabled && this.props.children}\r\n        </PopupMenu>\r\n      </CommonWrapper>\r\n    );\r\n  }\r\n\r\n  private renderCaption = (captionProps: PopupMenuCaptionProps) => {\r\n    const { disabled } = this.props;\r\n    const handleCaptionKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n      if (!disabled) {\r\n        this.handleCaptionKeyDown(event, captionProps.openMenu);\r\n      }\r\n    };\r\n\r\n    const handleCaptionClick = () => {\r\n      if (!disabled) {\r\n        captionProps.toggleMenu();\r\n      }\r\n    };\r\n\r\n    return (\r\n      <span\r\n        tabIndex={disabled ? -1 : 0}\r\n        onClick={handleCaptionClick}\r\n        onKeyDown={handleCaptionKeyDown}\r\n        onFocus={this.handleFocus}\r\n        onBlur={this.handleBlur}\r\n        className={cn({\r\n          [jsStyles.kebab(this.theme)]: true,\r\n          [jsStyles.opened(this.theme)]: captionProps.opened,\r\n          [jsStyles.disabled(this.theme)]: disabled,\r\n          [jsStyles.focused(this.theme)]: this.state.focusedByTab,\r\n        })}\r\n      >\r\n        {this.renderIcon()}\r\n      </span>\r\n    );\r\n  };\r\n\r\n  private handleCaptionKeyDown = (\r\n    e: React.KeyboardEvent<HTMLDivElement>,\r\n    openMenu: PopupMenuCaptionProps['openMenu'],\r\n  ) => {\r\n    if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {\r\n      e.preventDefault();\r\n      openMenu(true);\r\n    }\r\n  };\r\n\r\n  private handleChangeMenuState = (isOpened: boolean, restoreFocus: boolean): void => {\r\n    this.setState(\r\n      {\r\n        opened: isOpened,\r\n        focusedByTab: !isOpened && restoreFocus,\r\n      },\r\n      () => {\r\n        if (this.props.disabled) {\r\n          return;\r\n        }\r\n\r\n        if (this.state.opened) {\r\n          this.props.onOpen();\r\n        } else {\r\n          this.props.onClose();\r\n        }\r\n      },\r\n    );\r\n  };\r\n\r\n  private handleFocus = () => {\r\n    if (!this.props.disabled) {\r\n      // focus event fires before keyDown eventlistener\r\n      // so we should check tabPressed in async way\r\n      process.nextTick(() => {\r\n        if (tabListener.isTabPressed) {\r\n          this.setState({ focusedByTab: true });\r\n        }\r\n      });\r\n    }\r\n  };\r\n\r\n  private handleBlur = () => {\r\n    this.setState({\r\n      focusedByTab: false,\r\n    });\r\n  };\r\n\r\n  private renderIcon() {\r\n    switch (this.props.size) {\r\n      case 'small':\r\n        return (\r\n          <div className={jsStyles.iconsmall(this.theme)}>\r\n            <MenuKebabIcon size=\"14px\" color=\"#757575\" />\r\n          </div>\r\n        );\r\n      case 'medium':\r\n        return (\r\n          <div className={jsStyles.iconmedium(this.theme)}>\r\n            <MenuKebabIcon size=\"18px\" color=\"#757575\" />\r\n          </div>\r\n        );\r\n      case 'large':\r\n        return (\r\n          <div className={jsStyles.iconlarge(this.theme)}>\r\n            <MenuKebabIcon size=\"20px\" color=\"#757575\" style={{ verticalAlign: -2 }} />\r\n          </div>\r\n        );\r\n      default:\r\n        throw new Error(`Unexpected size '${this.props.size}'`);\r\n    }\r\n  }\r\n}\r\n\r\nKebab.propTypes = {\r\n  children: PropTypes.node,\r\n  disabled: PropTypes.bool,\r\n  menuMaxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n\r\n  /**\r\n   * Размер кебаба small 14px | large 20px\r\n   */\r\n  size: PropTypes.string,\r\n\r\n  /**\r\n   * Коллбек, вызывающийся перед закрытием кебаба\r\n   */\r\n  onClose: PropTypes.func,\r\n\r\n  /**\r\n   * Коллбек, вызывающийся перед открытием кебаба\r\n   */\r\n  onOpen: PropTypes.func,\r\n};\r\n"]}
+{"version":3,"sources":["Kebab.tsx"],"names":["React","PropTypes","isKeyArrowVertical","isKeyEnter","isKeySpace","someKeys","LayoutEvents","keyListener","PopupMenu","ThemeContext","MenuKebabIcon","isTestEnv","ThemeFactory","CommonWrapper","cx","styles","Kebab","state","opened","focusedByTab","anchor","theme","listener","remove","undefined","renderCaption","captionProps","disabled","props","handleCaptionKeyDown","event","openMenu","handleCaptionClick","toggleMenu","handleFocus","handleBlur","kebab","focused","renderIcon","e","preventDefault","handleChangeMenuState","isOpened","restoreFocus","setState","onOpen","onClose","requestAnimationFrame","isTabPressed","componentDidMount","addListener","componentWillUnmount","render","create","popupPinOffset","kebabPinOffset","popupMargin","kebabMargin","popupPinSize","kebabPinSize","renderMain","positions","disableAnimations","menuMaxHeight","children","icon","iconsmall","size","iconmedium","iconlarge","Component","__KONTUR_REACT_UI__","propTypes","defaultProps","node","bool","oneOfType","string","number","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isKeyArrowVertical, isKeyEnter, isKeySpace, someKeys } from '../../lib/events/keyboard/identifiers';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { PopupMenu, PopupMenuCaptionProps } from '../../internal/PopupMenu';\nimport { Nullable } from '../../typings/utility-types';\nimport { PopupPosition } from '../../internal/Popup';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { MenuKebabIcon } from '../../internal/icons/16px';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './Kebab.styles';\n\nexport interface KebabProps extends CommonProps {\n  disabled?: boolean;\n  /**\n   * Функция вызываемая при закрытии выпадашки\n   * @default () => undefined\n   */\n  onClose: () => void;\n  /**\n   * Функция вызываемая при открытии выпадашки\n   * @default () => undefined\n   */\n  onOpen: () => void;\n  size: 'small' | 'medium' | 'large';\n  /**\n   * Список позиций доступных для расположения выпадашки.\n   *\n   * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.\n   *\n   * **Возможные значения**: `top left`, `top center`, `top right`, `right top`, `right middle`, `right bottom`, `bottom left`, `bottom center`, `bottom right`, `left top`, `left middle`, `left bottom`\n   * @default ['bottom left', 'bottom right', 'top left', 'top right']\n   */\n  positions: PopupPosition[];\n  menuMaxHeight?: number | string;\n  /**\n   * Не показывать анимацию\n   */\n  disableAnimations: boolean;\n  /**\n   * Кастомная иконка\n   */\n  icon?: React.ReactNode;\n}\n\nexport interface KebabState {\n  anchor: Nullable<HTMLElement>;\n  focusedByTab: boolean;\n  opened: boolean;\n}\n\nexport class Kebab extends React.Component<KebabProps, KebabState> {\n  public static __KONTUR_REACT_UI__ = 'Kebab';\n\n  public static propTypes = {};\n\n  public static defaultProps = {\n    onOpen: () => undefined,\n    onClose: () => undefined,\n    positions: ['bottom left', 'bottom right', 'top left', 'top right'],\n    size: 'small',\n    disableAnimations: isTestEnv,\n    icon: <MenuKebabIcon />,\n  };\n\n  public state = {\n    opened: false,\n    focusedByTab: false,\n    anchor: null,\n  };\n\n  private theme!: Theme;\n\n  private listener: {\n    remove: () => void;\n  } = {\n    remove: () => undefined,\n  };\n\n  public componentDidMount() {\n    /** addListener'у нужен колбэк в аргумент */\n    this.listener = LayoutEvents.addListener(() => undefined);\n  }\n\n  public componentWillUnmount() {\n    this.listener.remove();\n  }\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  popupPinOffset: theme.kebabPinOffset,\n                  popupMargin: theme.kebabMargin,\n                  popupPinSize: theme.kebabPinSize,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { disabled, positions } = this.props;\n    return (\n      <CommonWrapper {...this.props}>\n        <PopupMenu\n          popupHasPin\n          positions={positions}\n          onChangeMenuState={this.handleChangeMenuState}\n          caption={this.renderCaption}\n          disableAnimations={this.props.disableAnimations}\n          menuMaxHeight={this.props.menuMaxHeight}\n        >\n          {!disabled && this.props.children}\n        </PopupMenu>\n      </CommonWrapper>\n    );\n  }\n\n  private renderCaption = (captionProps: PopupMenuCaptionProps) => {\n    const { disabled } = this.props;\n    const handleCaptionKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!disabled) {\n        this.handleCaptionKeyDown(event, captionProps.openMenu);\n      }\n    };\n\n    const handleCaptionClick = () => {\n      if (!disabled) {\n        captionProps.toggleMenu();\n      }\n    };\n\n    return (\n      <span\n        tabIndex={disabled ? -1 : 0}\n        onClick={handleCaptionClick}\n        onKeyDown={handleCaptionKeyDown}\n        onFocus={this.handleFocus}\n        onBlur={this.handleBlur}\n        className={cx({\n          [styles.kebab(this.theme)]: true,\n          [styles.opened(this.theme)]: captionProps.opened,\n          [styles.disabled()]: disabled,\n          [styles.focused(this.theme)]: this.state.focusedByTab,\n        })}\n      >\n        {this.renderIcon()}\n      </span>\n    );\n  };\n\n  private handleCaptionKeyDown = (\n    e: React.KeyboardEvent<HTMLDivElement>,\n    openMenu: PopupMenuCaptionProps['openMenu'],\n  ) => {\n    if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {\n      e.preventDefault();\n      openMenu(true);\n    }\n  };\n\n  private handleChangeMenuState = (isOpened: boolean, restoreFocus: boolean): void => {\n    this.setState(\n      {\n        opened: isOpened,\n        focusedByTab: !isOpened && restoreFocus,\n      },\n      () => {\n        if (this.props.disabled) {\n          return;\n        }\n\n        if (this.state.opened) {\n          this.props.onOpen();\n        } else {\n          this.props.onClose();\n        }\n      },\n    );\n  };\n\n  private handleFocus = () => {\n    if (!this.props.disabled) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      requestAnimationFrame(() => {\n        if (keyListener.isTabPressed) {\n          this.setState({ focusedByTab: true });\n        }\n      });\n    }\n  };\n\n  private handleBlur = () => {\n    this.setState({\n      focusedByTab: false,\n    });\n  };\n\n  private renderIcon() {\n    return (\n      <div\n        className={cx({\n          [styles.icon()]: true,\n          [styles.iconsmall()]: this.props.size === 'small',\n          [styles.iconmedium()]: this.props.size === 'medium',\n          [styles.iconlarge()]: this.props.size === 'large',\n        })}\n      >\n        {this.props.icon}\n      </div>\n    );\n  }\n}\n\nKebab.propTypes = {\n  children: PropTypes.node,\n  disabled: PropTypes.bool,\n  menuMaxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /**\n   * Размер кебаба small 14px | large 20px\n   */\n  size: PropTypes.string,\n\n  /**\n   * Коллбек, вызывающийся перед закрытием кебаба\n   */\n  onClose: PropTypes.func,\n\n  /**\n   * Коллбек, вызывающийся перед открытием кебаба\n   */\n  onOpen: PropTypes.func,\n};\n"]}

package/components/Kebab/Kebab.d.ts

@@ -16,8 +16,11 @@ export interface KebabProps extends CommonProps {
     onOpen: () => void;
     size: 'small' | 'medium' | 'large';
     /**
-     * Список позиций доступных для расположения выпадашки
-     * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использоваться первая из этого списка
+     * Список позиций доступных для расположения выпадашки.
+     *
+     * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.
+     *
+     * **Возможные значения**: `top left`, `top center`, `top right`, `right top`, `right middle`, `right bottom`, `bottom left`, `bottom center`, `bottom right`, `left top`, `left middle`, `left bottom`
      * @default ['bottom left', 'bottom right', 'top left', 'top right']
      */
     positions: PopupPosition[];
@@ -26,6 +29,10 @@ export interface KebabProps extends CommonProps {
      * Не показывать анимацию
      */
     disableAnimations: boolean;
+    /**
+     * Кастомная иконка
+     */
+    icon?: React.ReactNode;
 }
 export interface KebabState {
     anchor: Nullable<HTMLElement>;
@@ -41,6 +48,7 @@ export declare class Kebab extends React.Component<KebabProps, KebabState> {
         positions: string[];
         size: string;
         disableAnimations: boolean;
+        icon: JSX.Element;
     };
     state: {
         opened: boolean;