@skbkontur/react-ui 4.2.0 → 4.3.0

package/cjs/components/Button/Button.styles.js

@@ -22,7 +22,7 @@ var globalClasses = (0, _Emotion.prefix)('button')({
 
 var styles = (0, _Emotion.memoizeStyle)({
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      ", ";\n\n      background-clip: ", ";\n      background-position: center;\n      background-repeat: no-repeat;\n      background-size: contain;\n      cursor: pointer;\n      display: inline-block;\n      position: relative;\n      text-align: center;\n      width: 100%;\n      height: 100%; // fix height in ie11\n\n      .", " {\n        content: '';\n        border-radius: inherit;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n      }\n\n      &::-moz-focus-inner {\n        border: 0;\n        padding: 0;\n      }\n      &::after {\n        content: '';\n        display: inline-block;\n        vertical-align: baseline;\n        width: 0;\n      }\n\n      &:active .", " {\n        transform: translateY(1px);\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      ", ";\n\n      background-clip: ", ";\n      background-position: center;\n      background-repeat: no-repeat;\n      background-size: contain;\n      cursor: pointer;\n      display: inline-block;\n      position: relative;\n      text-align: center;\n      width: 100%;\n      height: 100%; // fix height in ie11\n\n      .", " {\n        content: '';\n        border-radius: inherit;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n      }\n\n      &::-moz-focus-inner {\n        border: 0;\n        padding: 0;\n      }\n      &::after {\n        content: '';\n        display: inline-block;\n        vertical-align: baseline;\n        width: 0;\n      }\n\n      &:active:enabled .", " {\n        transform: translateY(1px);\n      }\n    "])),
     (0, _Mixins.resetButton)(),
     (0, _Mixins.resetText)(),
 
@@ -185,7 +185,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   link: function link(t) {
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: none;\n      border-radius: ", ";\n      border: none;\n      box-shadow: none;\n      white-space: nowrap;\n      color: ", ";\n      display: inline;\n      line-height: inherit !important; // override size mixin\n      margin: 0;\n      padding: 0 !important; // override size mixin\n      height: auto !important; // override size mixin\n\n      &:hover {\n        color: ", ";\n        text-decoration: ", ";\n      }\n      &:active {\n        ", "\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: none;\n      border-radius: ", ";\n      border: none;\n      box-shadow: none;\n      white-space: nowrap;\n      color: ", ";\n      display: inline;\n      line-height: inherit !important; // override size mixin\n      margin: 0;\n      padding: 0 !important; // override size mixin\n      height: auto !important; // override size mixin\n\n      &:hover:enabled {\n        color: ", ";\n        text-decoration: ", ";\n      }\n      &:active:enabled {\n        ", "\n      }\n    "])),
 
     t.btnLinkBorderRadius,
 
@@ -216,7 +216,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   linkDisabled: function linkDisabled(t) {
-    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n      pointer-events: none;\n\n      &,\n      &:hover,\n      &:active {\n        color: ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n      pointer-events: none;\n\n      &,\n      &:hover:enabled,\n      &:active:enabled {\n        color: ", ";\n      }\n    "])),
 
 
 
@@ -229,7 +229,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   focus: function focus(t) {
-    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      z-index: 2;\n\n      &,\n      &:hover,\n      &:active,\n      &:active:hover {\n        box-shadow: inset 0 0 0 ", " ", ",\n          0 0 0 ", " ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      z-index: 2;\n\n      &,\n      &:hover:enabled,\n      &:active:enabled,\n      &:active:hover:enabled {\n        box-shadow: inset 0 0 0 ", " ", ",\n          0 0 0 ", " ", ";\n      }\n    "])),
 
 
 
@@ -355,7 +355,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   default: function _default(t) {
-    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n\n      ", ";\n\n      &:active {\n        ", "\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n\n      ", ";\n\n      &:active:enabled {\n        ", "\n      }\n    "])),
     (0, _Button.buttonUseMixin)(
     t.btnDefaultBg,
     t.btnDefaultBgStart,
@@ -382,7 +382,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   primary: function primary(t) {
-    return (0, _Emotion.css)(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n\n      ", ";\n\n      &:active {\n        ", "\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n\n      ", ";\n\n      &:active:enabled {\n        ", "\n      }\n    "])),
     (0, _Button.buttonUseMixin)(
     t.btnPrimaryBg,
     t.btnPrimaryBgStart,
@@ -409,7 +409,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   success: function success(t) {
-    return (0, _Emotion.css)(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n\n      ", ";\n\n      &:active {\n        ", "\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n\n      ", ";\n\n      &:active:enabled {\n        ", "\n      }\n    "])),
     (0, _Button.buttonUseMixin)(
     t.btnSuccessBg,
     t.btnSuccessBgStart,
@@ -436,7 +436,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   danger: function danger(t) {
-    return (0, _Emotion.css)(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n\n      ", ";\n\n      &:active {\n        ", "\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n\n      ", ";\n\n      &:active:enabled {\n        ", "\n      }\n    "])),
     (0, _Button.buttonUseMixin)(
     t.btnDangerBg,
     t.btnDangerBgStart,
@@ -463,7 +463,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   pay: function pay(t) {
-    return (0, _Emotion.css)(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n\n      ", ";\n\n      &:active {\n        ", "\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n\n      ", ";\n\n      &:active:enabled {\n        ", "\n      }\n    "])),
     (0, _Button.buttonUseMixin)(
     t.btnPayBg,
     t.btnPayBgStart,
@@ -509,7 +509,7 @@ var styles = (0, _Emotion.memoizeStyle)({
 
 
 
-    return (0, _Emotion.css)(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n\n      &:hover,\n      &:active,\n      &:hover:active {\n        ", "\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n\n      &:hover:enabled,\n      &:active:enabled,\n      &:hover:active:enabled {\n        ", "\n      }\n    "])),
     checkedStyles,
 
 
@@ -521,7 +521,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   checkedFocused: function checkedFocused(t) {
-    return (0, _Emotion.css)(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        box-shadow: inset 0 0 0 ", " ", ",\n          0 0 0 ", " ", ";\n        border-color: ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover:enabled {\n        box-shadow: inset 0 0 0 ", " ", ",\n          0 0 0 ", " ", ";\n        border-color: ", ";\n      }\n    "])),
 
     t.btnInsetWidth, t.btnOutlineColorFocus,
     t.btnFocusShadowWidth, t.btnBorderColorFocus,
@@ -682,7 +682,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   borderless: function borderless() {
-    return (0, _Emotion.css)(_templateObject52 || (_templateObject52 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &,\n      &:hover,\n      &:active {\n        box-shadow: none;\n        .", ", .", " {\n          box-shadow: none;\n        }\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject52 || (_templateObject52 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &,\n      &:hover:enabled,\n      &:active:enabled {\n        box-shadow: none;\n        .", ", .", " {\n          box-shadow: none;\n        }\n      }\n    "])),
 
 
 
@@ -718,7 +718,7 @@ var styles = (0, _Emotion.memoizeStyle)({
 
 var activeStyles = (0, _Emotion.memoizeStyle)({
   default: function _default(t) {
-    return (0, _Emotion.css)(_templateObject55 || (_templateObject55 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &,\n      &:hover {\n        ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject55 || (_templateObject55 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &,\n      &:hover:enabled {\n        ", ";\n      }\n    "])),
 
 
     (0, _Button.buttonActiveMixin)(
@@ -734,7 +734,7 @@ var activeStyles = (0, _Emotion.memoizeStyle)({
   },
 
   primary: function primary(t) {
-    return (0, _Emotion.css)(_templateObject56 || (_templateObject56 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &,\n      &:hover {\n        ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject56 || (_templateObject56 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &,\n      &:hover:enabled {\n        ", ";\n      }\n    "])),
 
 
     (0, _Button.buttonActiveMixin)(
@@ -750,7 +750,7 @@ var activeStyles = (0, _Emotion.memoizeStyle)({
   },
 
   success: function success(t) {
-    return (0, _Emotion.css)(_templateObject57 || (_templateObject57 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &,\n      &:hover {\n        ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject57 || (_templateObject57 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &,\n      &:hover:enabled {\n        ", ";\n      }\n    "])),
 
 
     (0, _Button.buttonActiveMixin)(
@@ -766,7 +766,7 @@ var activeStyles = (0, _Emotion.memoizeStyle)({
   },
 
   danger: function danger(t) {
-    return (0, _Emotion.css)(_templateObject58 || (_templateObject58 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &,\n      &:hover {\n        ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject58 || (_templateObject58 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &,\n      &:hover:enabled {\n        ", ";\n      }\n    "])),
 
 
     (0, _Button.buttonActiveMixin)(
@@ -782,7 +782,7 @@ var activeStyles = (0, _Emotion.memoizeStyle)({
   },
 
   pay: function pay(t) {
-    return (0, _Emotion.css)(_templateObject59 || (_templateObject59 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &,\n      &:hover {\n        ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject59 || (_templateObject59 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &,\n      &:hover:enabled {\n        ", ";\n      }\n    "])),
 
 
     (0, _Button.buttonActiveMixin)(
@@ -798,7 +798,7 @@ var activeStyles = (0, _Emotion.memoizeStyle)({
   },
 
   link: function link(t) {
-    return (0, _Emotion.css)(_templateObject60 || (_templateObject60 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &,\n      &:hover {\n        color: ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject60 || (_templateObject60 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &,\n      &:hover:enabled {\n        color: ", ";\n      }\n    "])),
 
 
     t.btnLinkActiveColor);

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

@@ -1 +1 @@
-{"version":3,"sources":["Button.styles.ts"],"names":["globalClasses","arrowHelper","arrowHelperTop","arrowHelperBottom","caption","innerShadow","styles","root","t","css","btnBackgroundClip","outline","outlineWarning","btnOutlineWidth","btnBorderColorWarning","btnInsetWidth","btnInsetColor","outlineError","btnBorderColorError","outlineLink","outlineLinkWarning","btnWarningSecondary","outlineLinkError","btnErrorSecondary","sizeSmall","btnBorderRadiusSmall","btnFontSizeSmall","btnLineHeightSmall","btnPaddingXSmall","btnPaddingYSmall","fontFamilyCompensationBaseline","sizeSmallIE11","sizeMedium","btnBorderRadiusMedium","btnFontSizeMedium","btnLineHeightMedium","btnPaddingXMedium","btnPaddingYMedium","sizeMediumIE11","sizeLarge","btnBorderRadiusLarge","btnFontSizeLarge","btnLineHeightLarge","btnPaddingXLarge","btnPaddingYLarge","sizeLargeIE11","link","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","activeStyles","linkFocus","linkDisabled","btnLinkDisabledColor","focus","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","disabled","btnBorderWidth","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","arrowWarning","arrowError","arrowFocus","arrow","isFirefox","arrowLeft","default","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultTextColor","btnDefaultBorderColor","btnDefaultBorderBottomColor","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","primary","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","success","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","danger","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","pay","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayTextColor","btnPayBorderColor","btnPayBorderBottomColor","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","checked","checkedStyles","btnDefaultCheckedBorderColor","btnCheckedBg","btnCheckedTextColor","btnCheckedShadow","btnArrowBgImageChecked","checkedFocused","checkedDisabled","btnCheckedDisabledBorderColor","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledShadow","captionLink","captionTranslated","captionDisabled","wrap","wrapSmall","btnHeightSmall","wrapMedium","btnHeightMedium","wrapLarge","btnHeightLarge","narrow","noPadding","noRightPadding","iconNoRightMargin","iconLink","btnLinkIconMarginRight","wrapLink","wrapArrow","wrapArrowLeft","icon","iconSmall","btnIconSizeSmall","btnIconGapSmall","iconMedium","btnIconSizeMedium","btnIconGapMedium","iconLarge","btnIconSizeLarge","btnIconGapLarge","borderless","loading","visibilityHidden","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnArrowBgImageActive","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","btnLinkActiveColor"],"mappings":"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","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton, resetText } from '../../lib/styles/Mixins';\nimport { isFirefox } from '../../lib/client';\n\nimport {\n  buttonUseMixin,\n  buttonHoverMixin,\n  buttonActiveMixin,\n  buttonSizeMixin,\n  arrowOutlineMixin,\n  buttonSizeMixinIE11,\n} from './Button.mixins';\n\nexport const globalClasses = prefix('button')({\n  arrowHelper: 'arrow-helper',\n  arrowHelperTop: 'arrow-helper-top',\n  arrowHelperBottom: 'arrow-helper-bottom',\n  caption: 'caption',\n  innerShadow: 'inner-shadow',\n});\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      ${resetButton()};\n      ${resetText()};\n\n      background-clip: ${t.btnBackgroundClip};\n      background-position: center;\n      background-repeat: no-repeat;\n      background-size: contain;\n      cursor: pointer;\n      display: inline-block;\n      position: relative;\n      text-align: center;\n      width: 100%;\n      height: 100%; // fix height in ie11\n\n      .${globalClasses.innerShadow} {\n        content: '';\n        border-radius: inherit;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n      }\n\n      &::-moz-focus-inner {\n        border: 0;\n        padding: 0;\n      }\n      &::after {\n        content: '';\n        display: inline-block;\n        vertical-align: baseline;\n        width: 0;\n      }\n\n      &:active .${globalClasses.caption} {\n        transform: translateY(1px);\n      }\n    `;\n  },\n\n  outline() {\n    return css`\n      border-radius: inherit;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n    `;\n  },\n\n  outlineWarning(t: Theme) {\n    return css`\n      box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorWarning},\n        inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n    `;\n  },\n\n  outlineError(t: Theme) {\n    return css`\n      box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorError}, inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n    `;\n  },\n\n  outlineLink() {\n    return css`\n      box-shadow: none;\n      left: -2px;\n      right: -2px;\n      bottom: -2px;\n    `;\n  },\n\n  outlineLinkWarning(t: Theme) {\n    return css`\n      background-color: ${t.btnWarningSecondary};\n    `;\n  },\n\n  outlineLinkError(t: Theme) {\n    return css`\n      background-color: ${t.btnErrorSecondary};\n    `;\n  },\n\n  sizeSmall(t: Theme) {\n    return css`\n      border-radius: ${t.btnBorderRadiusSmall};\n\n      ${buttonSizeMixin(\n        t.btnFontSizeSmall,\n        t.btnLineHeightSmall,\n        t.btnPaddingXSmall,\n        t.btnPaddingYSmall,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  sizeSmallIE11(t: Theme) {\n    return css`\n      ${buttonSizeMixinIE11(\n        t.btnFontSizeSmall,\n        t.btnPaddingXSmall,\n        t.btnPaddingYSmall,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  sizeMedium(t: Theme) {\n    return css`\n      border-radius: ${t.btnBorderRadiusMedium};\n\n      ${buttonSizeMixin(\n        t.btnFontSizeMedium,\n        t.btnLineHeightMedium,\n        t.btnPaddingXMedium,\n        t.btnPaddingYMedium,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  sizeMediumIE11(t: Theme) {\n    return css`\n      ${buttonSizeMixinIE11(\n        t.btnFontSizeMedium,\n        t.btnPaddingXMedium,\n        t.btnPaddingYMedium,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  sizeLarge(t: Theme) {\n    return css`\n      border-radius: ${t.btnBorderRadiusLarge};\n\n      ${buttonSizeMixin(\n        t.btnFontSizeLarge,\n        t.btnLineHeightLarge,\n        t.btnPaddingXLarge,\n        t.btnPaddingYLarge,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  sizeLargeIE11(t: Theme) {\n    return css`\n      ${buttonSizeMixinIE11(\n        t.btnFontSizeLarge,\n        t.btnPaddingXLarge,\n        t.btnPaddingYLarge,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  link(t: Theme) {\n    return css`\n      background: none;\n      border-radius: ${t.btnLinkBorderRadius};\n      border: none;\n      box-shadow: none;\n      white-space: nowrap;\n      color: ${t.btnLinkColor};\n      display: inline;\n      line-height: inherit !important; // override size mixin\n      margin: 0;\n      padding: 0 !important; // override size mixin\n      height: auto !important; // override size mixin\n\n      &:hover {\n        color: ${t.btnLinkHoverColor};\n        text-decoration: ${t.btnLinkHoverTextDecoration};\n      }\n      &:active {\n        ${activeStyles.link(t)}\n      }\n    `;\n  },\n\n  linkFocus(t: Theme) {\n    return css`\n      color: ${t.btnLinkColor};\n      text-decoration: ${t.btnLinkHoverTextDecoration};\n    `;\n  },\n\n  linkDisabled(t: Theme) {\n    return css`\n      cursor: default;\n      pointer-events: none;\n\n      &,\n      &:hover,\n      &:active {\n        color: ${t.btnLinkDisabledColor};\n      }\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      position: relative;\n      z-index: 2;\n\n      &,\n      &:hover,\n      &:active,\n      &:active:hover {\n        box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n          0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus};\n      }\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      cursor: default;\n      pointer-events: none;\n      box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBorderColor};\n\n      background-image: none;\n      background-color: ${t.btnDisabledBg};\n      color: ${t.btnDisabledTextColor};\n\n      .${globalClasses.arrowHelper} {\n        box-shadow: ${t.btnBorderWidth} 0 0 0 ${t.btnDisabledBorderColor};\n      }\n    `;\n  },\n\n  arrowWarning(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n      ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorWarning, t.btnOutlineWidth, t.btnInsetColor)}\n    `;\n  },\n\n  arrowError(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n      ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorError, t.btnOutlineWidth, t.btnInsetColor)}\n    `;\n  },\n\n  arrowFocus(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus};\n\n      ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorFocus, t.btnOutlineWidth, t.btnOutlineColorFocus)}\n    `;\n  },\n\n  arrow() {\n    return css`\n      background: inherit;\n      border-radius: inherit;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n\n      .${globalClasses.arrowHelper} {\n        width: 100%;\n        height: 50%;\n        position: absolute;\n        left: 0;\n        background: inherit;\n        background-size: 200% 200%;\n        border-radius: inherit;\n        background-clip: padding-box;\n\n        // fix ugly arrow edge\n        &:before {\n          content: '';\n          display: block;\n          position: absolute;\n          top: 0;\n          bottom: 0;\n          left: 0;\n          right: 0;\n          background: inherit;\n          border-radius: inherit;\n          transform: translateX(${isFirefox ? `0.2px` : `0.3px`});\n        }\n      }\n\n      .${globalClasses.arrowHelperTop} {\n        top: 0;\n        transform: skewX(30deg);\n        transform-origin: top;\n        background-position-y: top;\n        border-bottom-right-radius: 1px;\n\n        // fix ugly line in the\n        // middle of the button\n        &:before {\n          bottom: -1px;\n        }\n      }\n\n      .${globalClasses.arrowHelperBottom} {\n        bottom: 0;\n        transform: skewX(-30deg);\n        transform-origin: bottom;\n        background-position-y: bottom;\n        border-top-right-radius: 1px;\n\n        // fix ugly line in the\n        // middle of the button\n        &:before {\n          top: -1px;\n        }\n      }\n    `;\n  },\n\n  arrowLeft() {\n    return css`\n      transform: scaleX(-1);\n    `;\n  },\n\n  default(t: Theme) {\n    return css`\n      ${buttonUseMixin(\n        t.btnDefaultBg,\n        t.btnDefaultBgStart,\n        t.btnDefaultBgEnd,\n        t.btnDefaultTextColor,\n        t.btnDefaultBorderColor,\n        t.btnDefaultBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      ${buttonHoverMixin(\n        t.btnDefaultHoverBg,\n        t.btnDefaultHoverBgStart,\n        t.btnDefaultHoverBgEnd,\n        t.btnDefaultHoverBorderColor,\n        t.btnDefaultHoverBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:active {\n        ${activeStyles.default(t)}\n      }\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      ${buttonUseMixin(\n        t.btnPrimaryBg,\n        t.btnPrimaryBgStart,\n        t.btnPrimaryBgEnd,\n        t.btnPrimaryTextColor,\n        t.btnPrimaryBorderColor,\n        t.btnPrimaryBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      ${buttonHoverMixin(\n        t.btnPrimaryHoverBg,\n        t.btnPrimaryHoverBgStart,\n        t.btnPrimaryHoverBgEnd,\n        t.btnPrimaryHoverBorderColor,\n        t.btnPrimaryHoverBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:active {\n        ${activeStyles.primary(t)}\n      }\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      ${buttonUseMixin(\n        t.btnSuccessBg,\n        t.btnSuccessBgStart,\n        t.btnSuccessBgEnd,\n        t.btnSuccessTextColor,\n        t.btnSuccessBorderColor,\n        t.btnSuccessBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      ${buttonHoverMixin(\n        t.btnSuccessHoverBg,\n        t.btnSuccessHoverBgStart,\n        t.btnSuccessHoverBgEnd,\n        t.btnSuccessHoverBorderColor,\n        t.btnSuccessHoverBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:active {\n        ${activeStyles.success(t)}\n      }\n    `;\n  },\n\n  danger(t: Theme) {\n    return css`\n      ${buttonUseMixin(\n        t.btnDangerBg,\n        t.btnDangerBgStart,\n        t.btnDangerBgEnd,\n        t.btnDangerTextColor,\n        t.btnDangerBorderColor,\n        t.btnDangerBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      ${buttonHoverMixin(\n        t.btnDangerHoverBg,\n        t.btnDangerHoverBgStart,\n        t.btnDangerHoverBgEnd,\n        t.btnDangerHoverBorderColor,\n        t.btnDangerHoverBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:active {\n        ${activeStyles.danger(t)}\n      }\n    `;\n  },\n\n  pay(t: Theme) {\n    return css`\n      ${buttonUseMixin(\n        t.btnPayBg,\n        t.btnPayBgStart,\n        t.btnPayBgEnd,\n        t.btnPayTextColor,\n        t.btnPayBorderColor,\n        t.btnPayBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      ${buttonHoverMixin(\n        t.btnPayHoverBg,\n        t.btnPayHoverBgStart,\n        t.btnPayHoverBgEnd,\n        t.btnPayHoverBorderColor,\n        t.btnPayHoverBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:active {\n        ${activeStyles.pay(t)}\n      }\n    `;\n  },\n\n  checked(t: Theme) {\n    const checkedStyles = `\n      background-image: none;\n      box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDefaultCheckedBorderColor};\n      background-color: ${t.btnCheckedBg};\n      color: ${t.btnCheckedTextColor};\n\n      .${globalClasses.innerShadow} {\n        box-shadow: ${t.btnCheckedShadow};\n      }\n\n      .${globalClasses.arrowHelper} {\n        box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor};\n\n        &.${globalClasses.arrowHelperTop} {\n          background-image: ${t.btnArrowBgImageChecked};\n        }\n      }\n    `;\n\n    return css`\n      ${checkedStyles}\n\n      &:hover,\n      &:active,\n      &:hover:active {\n        ${checkedStyles}\n      }\n    `;\n  },\n\n  checkedFocused(t: Theme) {\n    return css`\n      &:hover {\n        box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n          0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus};\n        border-color: ${t.btnBorderColorFocus};\n      }\n    `;\n  },\n\n  checkedDisabled(t: Theme) {\n    return css`\n      box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnCheckedDisabledBorderColor};\n      background-color: ${t.btnCheckedDisabledBg};\n      color: ${t.btnCheckedDisabledColor};\n\n      .${globalClasses.innerShadow} {\n        box-shadow: ${t.btnCheckedDisabledShadow};\n      }\n\n      .${globalClasses.arrowHelper} {\n        box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnCheckedDisabledBorderColor};\n\n        &.${globalClasses.arrowHelperTop} {\n          background-image: none;\n        }\n      }\n    `;\n  },\n\n  caption() {\n    return css`\n      position: relative;\n      white-space: nowrap;\n      display: inline-block;\n      width: 100%;\n      vertical-align: top;\n    `;\n  },\n\n  captionLink() {\n    return css`\n      display: inline;\n      transform: none !important; // override root:active style\n    `;\n  },\n\n  captionTranslated() {\n    return css`\n      transform: translateY(1px);\n    `;\n  },\n\n  captionDisabled() {\n    return css`\n      transform: none !important; // override root:active style\n    `;\n  },\n\n  wrap(t: Theme) {\n    return css`\n      box-sizing: border-box;\n      display: inline-block;\n      line-height: normal;\n      padding: ${t.btnBorderWidth};\n    `;\n  },\n\n  wrapSmall(t: Theme) {\n    return css`\n      height: ${t.btnHeightSmall};\n    `;\n  },\n\n  wrapMedium(t: Theme) {\n    return css`\n      height: ${t.btnHeightMedium};\n    `;\n  },\n\n  wrapLarge(t: Theme) {\n    return css`\n      height: ${t.btnHeightLarge};\n    `;\n  },\n\n  narrow() {\n    return css`\n      padding-left: 5px;\n      padding-right: 5px;\n    `;\n  },\n\n  noPadding() {\n    return css`\n      padding-left: 0;\n      padding-right: 0;\n    `;\n  },\n\n  noRightPadding() {\n    return css`\n      padding-right: 0;\n    `;\n  },\n\n  iconNoRightMargin() {\n    return css`\n      margin-right: 0;\n    `;\n  },\n\n  iconLink(t: Theme) {\n    return css`\n      margin-right: ${t.btnLinkIconMarginRight};\n    `;\n  },\n\n  wrapLink() {\n    return css`\n      padding: 0;\n    `;\n  },\n\n  wrapArrow() {\n    return css`\n      margin-right: 10px;\n    `;\n  },\n\n  wrapArrowLeft() {\n    return css`\n      margin-right: 0;\n      margin-left: 10px;\n    `;\n  },\n\n  icon() {\n    return css`\n      display: inline-block;\n    `;\n  },\n  iconSmall(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeSmall};\n      margin-right: ${t.btnIconGapSmall};\n    `;\n  },\n  iconMedium(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeMedium};\n      margin-right: ${t.btnIconGapMedium};\n    `;\n  },\n  iconLarge(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeLarge};\n      margin-right: ${t.btnIconGapLarge};\n    `;\n  },\n\n  borderless() {\n    return css`\n      &,\n      &:hover,\n      &:active {\n        box-shadow: none;\n        .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n          box-shadow: none;\n        }\n      }\n    `;\n  },\n\n  loading() {\n    return css`\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      border-radius: inherit;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 10;\n    `;\n  },\n\n  visibilityHidden() {\n    return css`\n      visibility: hidden;\n    `;\n  },\n});\n\nexport const activeStyles = memoizeStyle({\n  default(t: Theme) {\n    return css`\n      &,\n      &:hover {\n        ${buttonActiveMixin(\n          t.btnDefaultActiveBg,\n          t.btnDefaultActiveShadow,\n          t.btnDefaultActiveBorderColor,\n          t.btnDefaultActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      &,\n      &:hover {\n        ${buttonActiveMixin(\n          t.btnPrimaryActiveBg,\n          t.btnPrimaryActiveShadow,\n          t.btnPrimaryActiveBorderColor,\n          t.btnPrimaryActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      &,\n      &:hover {\n        ${buttonActiveMixin(\n          t.btnSuccessActiveBg,\n          t.btnSuccessActiveShadow,\n          t.btnSuccessActiveBorderColor,\n          t.btnSuccessActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n  },\n\n  danger(t: Theme) {\n    return css`\n      &,\n      &:hover {\n        ${buttonActiveMixin(\n          t.btnDangerActiveBg,\n          t.btnDangerActiveShadow,\n          t.btnDangerActiveBorderColor,\n          t.btnDangerActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n  },\n\n  pay(t: Theme) {\n    return css`\n      &,\n      &:hover {\n        ${buttonActiveMixin(\n          t.btnPayActiveBg,\n          t.btnPayActiveShadow,\n          t.btnPayActiveBorderColor,\n          t.btnPayActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n  },\n\n  link(t: Theme) {\n    return css`\n      &,\n      &:hover {\n        color: ${t.btnLinkActiveColor};\n      }\n    `;\n  },\n});\n"]}
+{"version":3,"sources":["Button.styles.ts"],"names":["globalClasses","arrowHelper","arrowHelperTop","arrowHelperBottom","caption","innerShadow","styles","root","t","css","btnBackgroundClip","outline","outlineWarning","btnOutlineWidth","btnBorderColorWarning","btnInsetWidth","btnInsetColor","outlineError","btnBorderColorError","outlineLink","outlineLinkWarning","btnWarningSecondary","outlineLinkError","btnErrorSecondary","sizeSmall","btnBorderRadiusSmall","btnFontSizeSmall","btnLineHeightSmall","btnPaddingXSmall","btnPaddingYSmall","fontFamilyCompensationBaseline","sizeSmallIE11","sizeMedium","btnBorderRadiusMedium","btnFontSizeMedium","btnLineHeightMedium","btnPaddingXMedium","btnPaddingYMedium","sizeMediumIE11","sizeLarge","btnBorderRadiusLarge","btnFontSizeLarge","btnLineHeightLarge","btnPaddingXLarge","btnPaddingYLarge","sizeLargeIE11","link","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","activeStyles","linkFocus","linkDisabled","btnLinkDisabledColor","focus","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","disabled","btnBorderWidth","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","arrowWarning","arrowError","arrowFocus","arrow","isFirefox","arrowLeft","default","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultTextColor","btnDefaultBorderColor","btnDefaultBorderBottomColor","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","primary","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","success","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","danger","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","pay","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayTextColor","btnPayBorderColor","btnPayBorderBottomColor","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","checked","checkedStyles","btnDefaultCheckedBorderColor","btnCheckedBg","btnCheckedTextColor","btnCheckedShadow","btnArrowBgImageChecked","checkedFocused","checkedDisabled","btnCheckedDisabledBorderColor","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledShadow","captionLink","captionTranslated","captionDisabled","wrap","wrapSmall","btnHeightSmall","wrapMedium","btnHeightMedium","wrapLarge","btnHeightLarge","narrow","noPadding","noRightPadding","iconNoRightMargin","iconLink","btnLinkIconMarginRight","wrapLink","wrapArrow","wrapArrowLeft","icon","iconSmall","btnIconSizeSmall","btnIconGapSmall","iconMedium","btnIconSizeMedium","btnIconGapMedium","iconLarge","btnIconSizeLarge","btnIconGapLarge","borderless","loading","visibilityHidden","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnArrowBgImageActive","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","btnLinkActiveColor"],"mappings":"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","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton, resetText } from '../../lib/styles/Mixins';\nimport { isFirefox } from '../../lib/client';\n\nimport {\n  buttonUseMixin,\n  buttonHoverMixin,\n  buttonActiveMixin,\n  buttonSizeMixin,\n  arrowOutlineMixin,\n  buttonSizeMixinIE11,\n} from './Button.mixins';\n\nexport const globalClasses = prefix('button')({\n  arrowHelper: 'arrow-helper',\n  arrowHelperTop: 'arrow-helper-top',\n  arrowHelperBottom: 'arrow-helper-bottom',\n  caption: 'caption',\n  innerShadow: 'inner-shadow',\n});\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      ${resetButton()};\n      ${resetText()};\n\n      background-clip: ${t.btnBackgroundClip};\n      background-position: center;\n      background-repeat: no-repeat;\n      background-size: contain;\n      cursor: pointer;\n      display: inline-block;\n      position: relative;\n      text-align: center;\n      width: 100%;\n      height: 100%; // fix height in ie11\n\n      .${globalClasses.innerShadow} {\n        content: '';\n        border-radius: inherit;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n      }\n\n      &::-moz-focus-inner {\n        border: 0;\n        padding: 0;\n      }\n      &::after {\n        content: '';\n        display: inline-block;\n        vertical-align: baseline;\n        width: 0;\n      }\n\n      &:active:enabled .${globalClasses.caption} {\n        transform: translateY(1px);\n      }\n    `;\n  },\n\n  outline() {\n    return css`\n      border-radius: inherit;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n    `;\n  },\n\n  outlineWarning(t: Theme) {\n    return css`\n      box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorWarning},\n        inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n    `;\n  },\n\n  outlineError(t: Theme) {\n    return css`\n      box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorError}, inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n    `;\n  },\n\n  outlineLink() {\n    return css`\n      box-shadow: none;\n      left: -2px;\n      right: -2px;\n      bottom: -2px;\n    `;\n  },\n\n  outlineLinkWarning(t: Theme) {\n    return css`\n      background-color: ${t.btnWarningSecondary};\n    `;\n  },\n\n  outlineLinkError(t: Theme) {\n    return css`\n      background-color: ${t.btnErrorSecondary};\n    `;\n  },\n\n  sizeSmall(t: Theme) {\n    return css`\n      border-radius: ${t.btnBorderRadiusSmall};\n\n      ${buttonSizeMixin(\n        t.btnFontSizeSmall,\n        t.btnLineHeightSmall,\n        t.btnPaddingXSmall,\n        t.btnPaddingYSmall,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  sizeSmallIE11(t: Theme) {\n    return css`\n      ${buttonSizeMixinIE11(\n        t.btnFontSizeSmall,\n        t.btnPaddingXSmall,\n        t.btnPaddingYSmall,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  sizeMedium(t: Theme) {\n    return css`\n      border-radius: ${t.btnBorderRadiusMedium};\n\n      ${buttonSizeMixin(\n        t.btnFontSizeMedium,\n        t.btnLineHeightMedium,\n        t.btnPaddingXMedium,\n        t.btnPaddingYMedium,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  sizeMediumIE11(t: Theme) {\n    return css`\n      ${buttonSizeMixinIE11(\n        t.btnFontSizeMedium,\n        t.btnPaddingXMedium,\n        t.btnPaddingYMedium,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  sizeLarge(t: Theme) {\n    return css`\n      border-radius: ${t.btnBorderRadiusLarge};\n\n      ${buttonSizeMixin(\n        t.btnFontSizeLarge,\n        t.btnLineHeightLarge,\n        t.btnPaddingXLarge,\n        t.btnPaddingYLarge,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  sizeLargeIE11(t: Theme) {\n    return css`\n      ${buttonSizeMixinIE11(\n        t.btnFontSizeLarge,\n        t.btnPaddingXLarge,\n        t.btnPaddingYLarge,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  link(t: Theme) {\n    return css`\n      background: none;\n      border-radius: ${t.btnLinkBorderRadius};\n      border: none;\n      box-shadow: none;\n      white-space: nowrap;\n      color: ${t.btnLinkColor};\n      display: inline;\n      line-height: inherit !important; // override size mixin\n      margin: 0;\n      padding: 0 !important; // override size mixin\n      height: auto !important; // override size mixin\n\n      &:hover:enabled {\n        color: ${t.btnLinkHoverColor};\n        text-decoration: ${t.btnLinkHoverTextDecoration};\n      }\n      &:active:enabled {\n        ${activeStyles.link(t)}\n      }\n    `;\n  },\n\n  linkFocus(t: Theme) {\n    return css`\n      color: ${t.btnLinkColor};\n      text-decoration: ${t.btnLinkHoverTextDecoration};\n    `;\n  },\n\n  linkDisabled(t: Theme) {\n    return css`\n      cursor: default;\n      pointer-events: none;\n\n      &,\n      &:hover:enabled,\n      &:active:enabled {\n        color: ${t.btnLinkDisabledColor};\n      }\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      position: relative;\n      z-index: 2;\n\n      &,\n      &:hover:enabled,\n      &:active:enabled,\n      &:active:hover:enabled {\n        box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n          0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus};\n      }\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      cursor: default;\n      pointer-events: none;\n      box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBorderColor};\n\n      background-image: none;\n      background-color: ${t.btnDisabledBg};\n      color: ${t.btnDisabledTextColor};\n\n      .${globalClasses.arrowHelper} {\n        box-shadow: ${t.btnBorderWidth} 0 0 0 ${t.btnDisabledBorderColor};\n      }\n    `;\n  },\n\n  arrowWarning(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n      ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorWarning, t.btnOutlineWidth, t.btnInsetColor)}\n    `;\n  },\n\n  arrowError(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n      ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorError, t.btnOutlineWidth, t.btnInsetColor)}\n    `;\n  },\n\n  arrowFocus(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus};\n\n      ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorFocus, t.btnOutlineWidth, t.btnOutlineColorFocus)}\n    `;\n  },\n\n  arrow() {\n    return css`\n      background: inherit;\n      border-radius: inherit;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n\n      .${globalClasses.arrowHelper} {\n        width: 100%;\n        height: 50%;\n        position: absolute;\n        left: 0;\n        background: inherit;\n        background-size: 200% 200%;\n        border-radius: inherit;\n        background-clip: padding-box;\n\n        // fix ugly arrow edge\n        &:before {\n          content: '';\n          display: block;\n          position: absolute;\n          top: 0;\n          bottom: 0;\n          left: 0;\n          right: 0;\n          background: inherit;\n          border-radius: inherit;\n          transform: translateX(${isFirefox ? `0.2px` : `0.3px`});\n        }\n      }\n\n      .${globalClasses.arrowHelperTop} {\n        top: 0;\n        transform: skewX(30deg);\n        transform-origin: top;\n        background-position-y: top;\n        border-bottom-right-radius: 1px;\n\n        // fix ugly line in the\n        // middle of the button\n        &:before {\n          bottom: -1px;\n        }\n      }\n\n      .${globalClasses.arrowHelperBottom} {\n        bottom: 0;\n        transform: skewX(-30deg);\n        transform-origin: bottom;\n        background-position-y: bottom;\n        border-top-right-radius: 1px;\n\n        // fix ugly line in the\n        // middle of the button\n        &:before {\n          top: -1px;\n        }\n      }\n    `;\n  },\n\n  arrowLeft() {\n    return css`\n      transform: scaleX(-1);\n    `;\n  },\n\n  default(t: Theme) {\n    return css`\n      ${buttonUseMixin(\n        t.btnDefaultBg,\n        t.btnDefaultBgStart,\n        t.btnDefaultBgEnd,\n        t.btnDefaultTextColor,\n        t.btnDefaultBorderColor,\n        t.btnDefaultBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      ${buttonHoverMixin(\n        t.btnDefaultHoverBg,\n        t.btnDefaultHoverBgStart,\n        t.btnDefaultHoverBgEnd,\n        t.btnDefaultHoverBorderColor,\n        t.btnDefaultHoverBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:active:enabled {\n        ${activeStyles.default(t)}\n      }\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      ${buttonUseMixin(\n        t.btnPrimaryBg,\n        t.btnPrimaryBgStart,\n        t.btnPrimaryBgEnd,\n        t.btnPrimaryTextColor,\n        t.btnPrimaryBorderColor,\n        t.btnPrimaryBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      ${buttonHoverMixin(\n        t.btnPrimaryHoverBg,\n        t.btnPrimaryHoverBgStart,\n        t.btnPrimaryHoverBgEnd,\n        t.btnPrimaryHoverBorderColor,\n        t.btnPrimaryHoverBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:active:enabled {\n        ${activeStyles.primary(t)}\n      }\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      ${buttonUseMixin(\n        t.btnSuccessBg,\n        t.btnSuccessBgStart,\n        t.btnSuccessBgEnd,\n        t.btnSuccessTextColor,\n        t.btnSuccessBorderColor,\n        t.btnSuccessBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      ${buttonHoverMixin(\n        t.btnSuccessHoverBg,\n        t.btnSuccessHoverBgStart,\n        t.btnSuccessHoverBgEnd,\n        t.btnSuccessHoverBorderColor,\n        t.btnSuccessHoverBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:active:enabled {\n        ${activeStyles.success(t)}\n      }\n    `;\n  },\n\n  danger(t: Theme) {\n    return css`\n      ${buttonUseMixin(\n        t.btnDangerBg,\n        t.btnDangerBgStart,\n        t.btnDangerBgEnd,\n        t.btnDangerTextColor,\n        t.btnDangerBorderColor,\n        t.btnDangerBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      ${buttonHoverMixin(\n        t.btnDangerHoverBg,\n        t.btnDangerHoverBgStart,\n        t.btnDangerHoverBgEnd,\n        t.btnDangerHoverBorderColor,\n        t.btnDangerHoverBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:active:enabled {\n        ${activeStyles.danger(t)}\n      }\n    `;\n  },\n\n  pay(t: Theme) {\n    return css`\n      ${buttonUseMixin(\n        t.btnPayBg,\n        t.btnPayBgStart,\n        t.btnPayBgEnd,\n        t.btnPayTextColor,\n        t.btnPayBorderColor,\n        t.btnPayBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      ${buttonHoverMixin(\n        t.btnPayHoverBg,\n        t.btnPayHoverBgStart,\n        t.btnPayHoverBgEnd,\n        t.btnPayHoverBorderColor,\n        t.btnPayHoverBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:active:enabled {\n        ${activeStyles.pay(t)}\n      }\n    `;\n  },\n\n  checked(t: Theme) {\n    const checkedStyles = `\n      background-image: none;\n      box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDefaultCheckedBorderColor};\n      background-color: ${t.btnCheckedBg};\n      color: ${t.btnCheckedTextColor};\n\n      .${globalClasses.innerShadow} {\n        box-shadow: ${t.btnCheckedShadow};\n      }\n\n      .${globalClasses.arrowHelper} {\n        box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor};\n\n        &.${globalClasses.arrowHelperTop} {\n          background-image: ${t.btnArrowBgImageChecked};\n        }\n      }\n    `;\n\n    return css`\n      ${checkedStyles}\n\n      &:hover:enabled,\n      &:active:enabled,\n      &:hover:active:enabled {\n        ${checkedStyles}\n      }\n    `;\n  },\n\n  checkedFocused(t: Theme) {\n    return css`\n      &:hover:enabled {\n        box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n          0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus};\n        border-color: ${t.btnBorderColorFocus};\n      }\n    `;\n  },\n\n  checkedDisabled(t: Theme) {\n    return css`\n      box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnCheckedDisabledBorderColor};\n      background-color: ${t.btnCheckedDisabledBg};\n      color: ${t.btnCheckedDisabledColor};\n\n      .${globalClasses.innerShadow} {\n        box-shadow: ${t.btnCheckedDisabledShadow};\n      }\n\n      .${globalClasses.arrowHelper} {\n        box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnCheckedDisabledBorderColor};\n\n        &.${globalClasses.arrowHelperTop} {\n          background-image: none;\n        }\n      }\n    `;\n  },\n\n  caption() {\n    return css`\n      position: relative;\n      white-space: nowrap;\n      display: inline-block;\n      width: 100%;\n      vertical-align: top;\n    `;\n  },\n\n  captionLink() {\n    return css`\n      display: inline;\n      transform: none !important; // override root:active style\n    `;\n  },\n\n  captionTranslated() {\n    return css`\n      transform: translateY(1px);\n    `;\n  },\n\n  captionDisabled() {\n    return css`\n      transform: none !important; // override root:active style\n    `;\n  },\n\n  wrap(t: Theme) {\n    return css`\n      box-sizing: border-box;\n      display: inline-block;\n      line-height: normal;\n      padding: ${t.btnBorderWidth};\n    `;\n  },\n\n  wrapSmall(t: Theme) {\n    return css`\n      height: ${t.btnHeightSmall};\n    `;\n  },\n\n  wrapMedium(t: Theme) {\n    return css`\n      height: ${t.btnHeightMedium};\n    `;\n  },\n\n  wrapLarge(t: Theme) {\n    return css`\n      height: ${t.btnHeightLarge};\n    `;\n  },\n\n  narrow() {\n    return css`\n      padding-left: 5px;\n      padding-right: 5px;\n    `;\n  },\n\n  noPadding() {\n    return css`\n      padding-left: 0;\n      padding-right: 0;\n    `;\n  },\n\n  noRightPadding() {\n    return css`\n      padding-right: 0;\n    `;\n  },\n\n  iconNoRightMargin() {\n    return css`\n      margin-right: 0;\n    `;\n  },\n\n  iconLink(t: Theme) {\n    return css`\n      margin-right: ${t.btnLinkIconMarginRight};\n    `;\n  },\n\n  wrapLink() {\n    return css`\n      padding: 0;\n    `;\n  },\n\n  wrapArrow() {\n    return css`\n      margin-right: 10px;\n    `;\n  },\n\n  wrapArrowLeft() {\n    return css`\n      margin-right: 0;\n      margin-left: 10px;\n    `;\n  },\n\n  icon() {\n    return css`\n      display: inline-block;\n    `;\n  },\n  iconSmall(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeSmall};\n      margin-right: ${t.btnIconGapSmall};\n    `;\n  },\n  iconMedium(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeMedium};\n      margin-right: ${t.btnIconGapMedium};\n    `;\n  },\n  iconLarge(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeLarge};\n      margin-right: ${t.btnIconGapLarge};\n    `;\n  },\n\n  borderless() {\n    return css`\n      &,\n      &:hover:enabled,\n      &:active:enabled {\n        box-shadow: none;\n        .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n          box-shadow: none;\n        }\n      }\n    `;\n  },\n\n  loading() {\n    return css`\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      border-radius: inherit;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 10;\n    `;\n  },\n\n  visibilityHidden() {\n    return css`\n      visibility: hidden;\n    `;\n  },\n});\n\nexport const activeStyles = memoizeStyle({\n  default(t: Theme) {\n    return css`\n      &,\n      &:hover:enabled {\n        ${buttonActiveMixin(\n          t.btnDefaultActiveBg,\n          t.btnDefaultActiveShadow,\n          t.btnDefaultActiveBorderColor,\n          t.btnDefaultActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      &,\n      &:hover:enabled {\n        ${buttonActiveMixin(\n          t.btnPrimaryActiveBg,\n          t.btnPrimaryActiveShadow,\n          t.btnPrimaryActiveBorderColor,\n          t.btnPrimaryActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      &,\n      &:hover:enabled {\n        ${buttonActiveMixin(\n          t.btnSuccessActiveBg,\n          t.btnSuccessActiveShadow,\n          t.btnSuccessActiveBorderColor,\n          t.btnSuccessActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n  },\n\n  danger(t: Theme) {\n    return css`\n      &,\n      &:hover:enabled {\n        ${buttonActiveMixin(\n          t.btnDangerActiveBg,\n          t.btnDangerActiveShadow,\n          t.btnDangerActiveBorderColor,\n          t.btnDangerActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n  },\n\n  pay(t: Theme) {\n    return css`\n      &,\n      &:hover:enabled {\n        ${buttonActiveMixin(\n          t.btnPayActiveBg,\n          t.btnPayActiveShadow,\n          t.btnPayActiveBorderColor,\n          t.btnPayActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n  },\n\n  link(t: Theme) {\n    return css`\n      &,\n      &:hover:enabled {\n        color: ${t.btnLinkActiveColor};\n      }\n    `;\n  },\n});\n"]}

package/cjs/components/Center/Center.d.ts

@@ -14,15 +14,16 @@ export interface CenterProps extends CommonProps, Override<React.HTMLAttributes<
 export declare const CenterDataTids: {
     readonly root: "Center__root";
 };
+declare type DefaultProps = Required<Pick<CenterProps, 'align'>>;
 /**
  * Контейнер, который центрирует элементы внутри себя.
  */
 export declare class Center extends React.Component<CenterProps> {
     static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        align: string;
-    };
+    static defaultProps: DefaultProps;
+    private getProps;
     private setRootNode;
     render(): JSX.Element;
     private renderMain;
 }
+export {};

package/cjs/components/Center/Center.js

@@ -4,6 +4,7 @@
 var _CommonWrapper = require("../../internal/CommonWrapper");
 var _Emotion = require("../../lib/theming/Emotion");
 var _rootNode = require("../../lib/rootNode");
+var _createPropsGetter = require("../../lib/createPropsGetter");
 
 var _Center = require("./Center.styles");var _excluded = ["align"];var _class, _class2, _temp;
 
@@ -24,12 +25,15 @@ var _Center = require("./Center.styles");var _excluded = ["align"];var _class, _
 
 
 var CenterDataTids = {
-  root: 'Center__root' };
+  root: 'Center__root' };exports.CenterDataTids = CenterDataTids;
+
+
+
 
 
 /**
  * Контейнер, который центрирует элементы внутри себя.
- */exports.CenterDataTids = CenterDataTids;var
+ */var
 
 Center = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Center, _React$Component);function Center() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
@@ -37,6 +41,8 @@ Center = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/functi
 
 
 
+    getProps = (0, _createPropsGetter.createPropsGetter)(Center.defaultProps);_this.
+
 
 
 
@@ -63,4 +69,4 @@ Center = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/functi
         _react.default.createElement("span", { className: _Center.styles.container() }, _this.props.children)));
 
 
-    };return _this;}var _proto = Center.prototype;_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), this.renderMain);};return Center;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Center', _class2.defaultProps = { align: 'center' }, _temp)) || _class;exports.Center = Center;
+    };return _this;}var _proto = Center.prototype;_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.getProps()), this.renderMain);};return Center;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Center', _class2.defaultProps = { align: 'center' }, _temp)) || _class;exports.Center = Center;

package/cjs/components/Center/Center.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Center.tsx"],"names":["CenterDataTids","root","Center","rootNode","renderMain","props","align","rest","styles","rootAlignLeft","rootAlignRight","spring","container","children","render","setRootNode","React","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"ydAAA;;;AAGA;AACA;AACA;;AAEA,yC;;;;;;;;;;;;;;;;;;AAkBO,IAAMA,cAAc,GAAG;AAC5BC,EAAAA,IAAI,EAAE,cADsB,EAAvB;;;AAIP;AACA;AACA,G;;AAEaC,M,OADZC,kB;;;;;;;;;;;;;;;AAgBSC,IAAAA,U,GAAa,UAACC,KAAD,EAAgD;AACnE,UAAQC,KAAR,GAA2BD,KAA3B,CAAQC,KAAR,CAAkBC,IAAlB,+CAA2BF,KAA3B;;AAEA;AACE;AACE,sBAAUL,cAAc,CAACC,IAD3B;AAEMM,QAAAA,IAFN;AAGE,UAAA,SAAS,EAAE;AACRC,yBAAOP,IAAP,EADQ,IACQ,IADR;AAERO,yBAAOC,aAAP,EAFQ,IAEiBH,KAAK,KAAK,MAF3B;AAGRE,yBAAOE,cAAP,EAHQ,IAGkBJ,KAAK,KAAK,OAH5B,OAHb;;;AASE,+CAAM,SAAS,EAAEE,eAAOG,MAAP,EAAjB,GATF;AAUE,+CAAM,SAAS,EAAEH,eAAOI,SAAP,EAAjB,IAAsC,MAAKP,KAAL,CAAWQ,QAAjD,CAVF,CADF;;;AAcD,K,oDAxBMC,M,GAAP,kBAAgB,CACd,oBACE,6BAAC,4BAAD,2BAAe,WAAW,EAAE,KAAKC,WAAjC,IAAkD,KAAKV,KAAvD,GACG,KAAKD,UADR,CADF,CAKD,C,iBAdyBY,eAAMC,S,WAClBC,mB,GAAsB,Q,UAEtBC,Y,GAAe,EAC3Bb,KAAK,EAAE,QADoB,E","sourcesContent":["import React from 'react';\n\nimport { Override } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { styles } from './Center.styles';\n\nexport type HorizontalAlign = 'left' | 'center' | 'right';\n\nexport interface CenterProps\n  extends CommonProps,\n    Override<\n      React.HTMLAttributes<HTMLDivElement>,\n      {\n        /**\n         * Определяет, как контент будет выровнен по горизонтали.\n         *\n         * **Допустимые значения**: `\"left\"`, `\"center\"`, `\"right\"`.\n         */\n        align?: HorizontalAlign;\n      }\n    > {}\n\nexport const CenterDataTids = {\n  root: 'Center__root',\n} as const;\n\n/**\n * Контейнер, который центрирует элементы внутри себя.\n */\n@rootNode\nexport class Center extends React.Component<CenterProps> {\n  public static __KONTUR_REACT_UI__ = 'Center';\n\n  public static defaultProps = {\n    align: 'center',\n  };\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        {this.renderMain}\n      </CommonWrapper>\n    );\n  }\n  private renderMain = (props: CommonWrapperRestProps<CenterProps>) => {\n    const { align, ...rest } = props;\n\n    return (\n      <div\n        data-tid={CenterDataTids.root}\n        {...rest}\n        className={cx({\n          [styles.root()]: true,\n          [styles.rootAlignLeft()]: align === 'left',\n          [styles.rootAlignRight()]: align === 'right',\n        })}\n      >\n        <span className={styles.spring()} />\n        <span className={styles.container()}>{this.props.children}</span>\n      </div>\n    );\n  };\n}\n"]}
+{"version":3,"sources":["Center.tsx"],"names":["CenterDataTids","root","Center","rootNode","getProps","defaultProps","renderMain","props","align","rest","styles","rootAlignLeft","rootAlignRight","spring","container","children","render","setRootNode","React","Component","__KONTUR_REACT_UI__"],"mappings":"ydAAA;;;AAGA;AACA;AACA;AACA;;AAEA,yC;;;;;;;;;;;;;;;;;;AAkBO,IAAMA,cAAc,GAAG;AAC5BC,EAAAA,IAAI,EAAE,cADsB,EAAvB,C;;;;;;AAOP;AACA;AACA,G;;AAEaC,M,OADZC,kB;;;;;;AAOSC,IAAAA,Q,GAAW,0CAAkBF,MAAM,CAACG,YAAzB,C;;;;;;;;;;;AAWXC,IAAAA,U,GAAa,UAACC,KAAD,EAA2D;AAC9E,UAAQC,KAAR,GAA2BD,KAA3B,CAAQC,KAAR,CAAkBC,IAAlB,+CAA2BF,KAA3B;;AAEA;AACE;AACE,sBAAUP,cAAc,CAACC,IAD3B;AAEMQ,QAAAA,IAFN;AAGE,UAAA,SAAS,EAAE;AACRC,yBAAOT,IAAP,EADQ,IACQ,IADR;AAERS,yBAAOC,aAAP,EAFQ,IAEiBH,KAAK,KAAK,MAF3B;AAGRE,yBAAOE,cAAP,EAHQ,IAGkBJ,KAAK,KAAK,OAH5B,OAHb;;;AASE,+CAAM,SAAS,EAAEE,eAAOG,MAAP,EAAjB,GATF;AAUE,+CAAM,SAAS,EAAEH,eAAOI,SAAP,EAAjB,IAAsC,MAAKP,KAAL,CAAWQ,QAAjD,CAVF,CADF;;;AAcD,K,oDAxBMC,M,GAAP,kBAAgB,CACd,oBACE,6BAAC,4BAAD,2BAAe,WAAW,EAAE,KAAKC,WAAjC,IAAkD,KAAKb,QAAL,EAAlD,GACG,KAAKE,UADR,CADF,CAKD,C,iBAhByBY,eAAMC,S,WAClBC,mB,GAAsB,Q,UAEtBf,Y,GAA6B,EACzCG,KAAK,EAAE,QADkC,E","sourcesContent":["import React from 'react';\n\nimport { Override } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter, DefaultizedProps } from '../../lib/createPropsGetter';\n\nimport { styles } from './Center.styles';\n\nexport type HorizontalAlign = 'left' | 'center' | 'right';\n\nexport interface CenterProps\n  extends CommonProps,\n    Override<\n      React.HTMLAttributes<HTMLDivElement>,\n      {\n        /**\n         * Определяет, как контент будет выровнен по горизонтали.\n         *\n         * **Допустимые значения**: `\"left\"`, `\"center\"`, `\"right\"`.\n         */\n        align?: HorizontalAlign;\n      }\n    > {}\n\nexport const CenterDataTids = {\n  root: 'Center__root',\n} as const;\n\ntype DefaultProps = Required<Pick<CenterProps, 'align'>>;\ntype DefaultizedCenterProps = DefaultizedProps<CenterProps, DefaultProps>;\n\n/**\n * Контейнер, который центрирует элементы внутри себя.\n */\n@rootNode\nexport class Center extends React.Component<CenterProps> {\n  public static __KONTUR_REACT_UI__ = 'Center';\n\n  public static defaultProps: DefaultProps = {\n    align: 'center',\n  };\n  private getProps = createPropsGetter(Center.defaultProps);\n\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n        {this.renderMain}\n      </CommonWrapper>\n    );\n  }\n  private renderMain = (props: CommonWrapperRestProps<DefaultizedCenterProps>) => {\n    const { align, ...rest } = props;\n\n    return (\n      <div\n        data-tid={CenterDataTids.root}\n        {...rest}\n        className={cx({\n          [styles.root()]: true,\n          [styles.rootAlignLeft()]: align === 'left',\n          [styles.rootAlignRight()]: align === 'right',\n        })}\n      >\n        <span className={styles.spring()} />\n        <span className={styles.container()}>{this.props.children}</span>\n      </div>\n    );\n  };\n}\n"]}

package/cjs/components/Checkbox/Checkbox.md

@@ -102,3 +102,51 @@ let checkboxInstance = React.useRef(null);
   </Gapped>
 </Gapped>
 ```
+
+Пример использования неопределённого состояния чекбокса
+
+```jsx harmony
+const [checkedSiblings, setCheckedSiblings] = React.useState([]);
+const siblingCheckboxes = [1, 2];
+
+let parentCheckboxRef;
+
+React.useEffect(() => {
+  if (checkedSiblings.length === 0 || checkedSiblings.length === siblingCheckboxes.length) {
+    parentCheckboxRef.resetIndeterminate();
+  } else if (checkedSiblings.length !== 0) {
+    parentCheckboxRef.setIndeterminate();
+  }
+}, [JSON.stringify(checkedSiblings)]);
+
+<>
+  <Checkbox checked={checkedSiblings.length === siblingCheckboxes.length} ref={(el) => (parentCheckboxRef = el)}>
+    Родитель
+  </Checkbox>
+  <div style={{ display: 'flex', flexDirection: 'column', marginLeft: '20px' }}>
+    {siblingCheckboxes.map((id) => {
+      return (
+        <Checkbox
+          key={id}
+          checked={checkedSiblings.includes(id)}
+          onValueChange={() => {
+            const siblingIndex = checkedSiblings.indexOf(id);
+
+            if (siblingIndex === -1) {
+              setCheckedSiblings((prev) => [...prev, id]);
+            } else {
+              setCheckedSiblings((prev) =>
+                prev.filter((siblingId) => {
+                  return siblingId !== id;
+                }),
+              );
+            }
+          }}
+        >
+          Ребёнок ({id})
+        </Checkbox>
+      );
+    })}
+  </div>
+</>
+```

package/cjs/components/ComboBox/ComboBox.d.ts

@@ -42,7 +42,7 @@ export interface ComboBoxProps<T> extends CommonProps {
      * Необходим для сравнения полученных результатов с `value`
      * @default item => item.label
      */
-    itemToValue: (item: T) => string | number;
+    itemToValue?: (item: T) => string | number;
     maxLength?: number;
     menuAlign?: 'left' | 'right';
     onBlur?: () => void;
@@ -75,7 +75,7 @@ export interface ComboBoxProps<T> extends CommonProps {
      * Не применяется если элемент является функцией или React-элементом
      * @default item => item.label
      */
-    renderItem: (item: T, state?: MenuItemState) => React.ReactNode;
+    renderItem?: (item: T, state?: MenuItemState) => React.ReactNode;
     /**
      * Функция для отрисовки сообщения о пустом результате поиска
      * Если есть renderAddButton - не работает
@@ -90,7 +90,7 @@ export interface ComboBoxProps<T> extends CommonProps {
      * Функция отрисовки выбранного значения
      * @default item => item.label
      */
-    renderValue: (item: T) => React.ReactNode;
+    renderValue?: (item: T) => React.ReactNode;
     /**
      * Функция отрисовки кнопки добавления в выпадающем списке
      */
@@ -110,7 +110,7 @@ export interface ComboBoxProps<T> extends CommonProps {
      * Необходим для преобразования `value` в строку при фокусировке
      * @default item => item.label
      */
-    valueToString: (item: T) => string;
+    valueToString?: (item: T) => string;
     size?: 'small' | 'medium' | 'large';
     /**
      * Состояние валидации при предупреждении.
@@ -128,17 +128,11 @@ export interface ComboBoxItem {
     value: string;
     label: string;
 }
+declare type DefaultProps<T> = Required<Pick<ComboBoxProps<T>, 'itemToValue' | 'valueToString' | 'renderValue' | 'renderItem' | 'menuAlign' | 'searchOnFocus' | 'drawArrow'>>;
 export declare class ComboBox<T = ComboBoxItem> extends React.Component<ComboBoxProps<T>> {
     static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        itemToValue: (item: ComboBoxItem) => string;
-        valueToString: (item: ComboBoxItem) => string;
-        renderValue: (item: ComboBoxItem) => string;
-        renderItem: (item: ComboBoxItem) => string;
-        menuAlign: string;
-        searchOnFocus: boolean;
-        drawArrow: boolean;
-    };
+    static defaultProps: DefaultProps<any>;
+    private getProps;
     private comboboxElement;
     private setRootNode;
     /**
@@ -182,3 +176,4 @@ export declare class ComboBox<T = ComboBoxItem> extends React.Component<ComboBox
     render(): JSX.Element;
     private customComboBoxRef;
 }
+export {};

package/cjs/components/ComboBox/ComboBox.js

@@ -5,7 +5,15 @@ var _CustomComboBox = require("../../internal/CustomComboBox");
 
 
 
-var _rootNode = require("../../lib/rootNode");var _class, _class2, _temp;var
+var _rootNode = require("../../lib/rootNode");
+var _createPropsGetter = require("../../lib/createPropsGetter");var _class, _class2, _temp;var
+
+
+
+
+
+
+
 
 
 
@@ -180,6 +188,8 @@ ComboBox = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
 
 
 
+    getProps = (0, _createPropsGetter.createPropsGetter)(ComboBox.defaultProps);_this.
+
     comboboxElement = null;_this.
 
 
@@ -290,4 +300,4 @@ ComboBox = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
    */;_proto.selectInputText = function selectInputText() {if (this.comboboxElement) {this.comboboxElement.selectInputText();}} /**
    * Сбрасывает введенное пользователем значение
    * @public
-   */;_proto.reset = function reset() {if (this.comboboxElement) {this.comboboxElement.reset();}};_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CustomComboBox.CustomComboBox, (0, _extends2.default)({}, this.props, { ref: this.customComboBoxRef }));};return ComboBox;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'ComboBox', _class2.defaultProps = { itemToValue: function itemToValue(item) {return item.value;}, valueToString: function valueToString(item) {return item.label;}, renderValue: function renderValue(item) {return item.label;}, renderItem: function renderItem(item) {return item.label;}, menuAlign: 'left', searchOnFocus: true, drawArrow: true }, _temp)) || _class;exports.ComboBox = ComboBox;
+   */;_proto.reset = function reset() {if (this.comboboxElement) {this.comboboxElement.reset();}};_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CustomComboBox.CustomComboBox, (0, _extends2.default)({}, this.getProps(), { ref: this.customComboBoxRef }));};return ComboBox;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'ComboBox', _class2.defaultProps = { itemToValue: function itemToValue(item) {return item.value;}, valueToString: function valueToString(item) {return item.label;}, renderValue: function renderValue(item) {return item.label;}, renderItem: function renderItem(item) {return item.label;}, menuAlign: 'left', searchOnFocus: true, drawArrow: true }, _temp)) || _class;exports.ComboBox = ComboBox;

package/cjs/components/ComboBox/ComboBox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ComboBox.tsx"],"names":["ComboBox","rootNode","comboboxElement","customComboBoxRef","element","setRootNode","focus","blur","search","query","cancelSearch","open","close","selectInputText","reset","render","props","React","Component","__KONTUR_REACT_UI__","defaultProps","itemToValue","item","value","valueToString","label","renderValue","renderItem","menuAlign","searchOnFocus","drawArrow"],"mappings":"sUAAA;;AAEA;;;;;AAKA,8C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkKaA,Q,OADZC,kB;;;;;;;;;;;;;AAcSC,IAAAA,e,GAA+C,I;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqF/CC,IAAAA,iB,GAAoB,UAACC,OAAD,EAA0C;AACpE,YAAKC,WAAL,CAAiBD,OAAjB;AACA,YAAKF,eAAL,GAAuBE,OAAvB;AACD,K,gDArFD;AACF;AACA,K,OACSE,K,GAAP,iBAAe,CACb,IAAI,KAAKJ,eAAT,EAA0B,CACxB,KAAKA,eAAL,CAAqBI,KAArB,GACD,CACF,C,CAED;AACF;AACA,K,QACSC,I,GAAP,gBAAc,CACZ,IAAI,KAAKL,eAAT,EAA0B,CACxB,KAAKA,eAAL,CAAqBK,IAArB,GACD,CACF,C,CAED;AACF;AACA;AACA;AACA;AACA;AACA,K,QACSC,M,GAAP,gBAAcC,KAAd,EAA8B,CAC5B,IAAI,KAAKP,eAAT,EAA0B,CACxB,KAAKA,eAAL,CAAqBM,MAArB,CAA4BC,KAA5B,EACD,CACF,C,CAED;AACF;AACA,K,QACSC,Y,GAAP,wBAAsB,CACpB,IAAI,KAAKR,eAAT,EAA0B,CACxB,KAAKA,eAAL,CAAqBQ,YAArB,GACD,CACF,C,CAED;AACF;AACA,K,QACSC,I,GAAP,gBAAc,CACZ,IAAI,KAAKT,eAAT,EAA0B,CACxB,KAAKA,eAAL,CAAqBS,IAArB,GACD,CACF,C,CAED;AACF;AACA,K,QACSC,K,GAAP,iBAAe,CACb,IAAI,KAAKV,eAAT,EAA0B,CACxB,KAAKA,eAAL,CAAqBU,KAArB,GACD,CACF,C,CAED;AACF;AACA;AACA,K,QACSC,e,GAAP,2BAAyB,CACvB,IAAI,KAAKX,eAAT,EAA0B,CACxB,KAAKA,eAAL,CAAqBW,eAArB,GACD,CACF,C,CAED;AACF;AACA;AACA,K,QACSC,K,GAAP,iBAAe,CACb,IAAI,KAAKZ,eAAT,EAA0B,CACxB,KAAKA,eAAL,CAAqBY,KAArB,GACD,CACF,C,QAEMC,M,GAAP,kBAAgB,CACd,oBAAO,6BAAC,8BAAD,6BAAoB,KAAKC,KAAzB,IAAgC,GAAG,EAAE,KAAKb,iBAA1C,IAAP,CACD,C,mBAhG6Cc,eAAMC,S,WACtCC,mB,GAAsB,U,UAEtBC,Y,GAAe,EAC3BC,WAAW,EAAE,qBAACC,IAAD,UAAwBA,IAAI,CAACC,KAA7B,EADc,EAE3BC,aAAa,EAAE,uBAACF,IAAD,UAAwBA,IAAI,CAACG,KAA7B,EAFY,EAG3BC,WAAW,EAAE,qBAACJ,IAAD,UAAwBA,IAAI,CAACG,KAA7B,EAHc,EAI3BE,UAAU,EAAE,oBAACL,IAAD,UAAwBA,IAAI,CAACG,KAA7B,EAJe,EAK3BG,SAAS,EAAE,MALgB,EAM3BC,aAAa,EAAE,IANY,EAO3BC,SAAS,EAAE,IAPgB,E","sourcesContent":["import React from 'react';\n\nimport { CustomComboBox } from '../../internal/CustomComboBox';\nimport { Nullable } from '../../typings/utility-types';\nimport { MenuItemState } from '../MenuItem';\nimport { InputIconType } from '../Input';\nimport { CommonProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nexport interface ComboBoxProps<T> extends CommonProps {\n  align?: 'left' | 'center' | 'right';\n  /**\n   * Вызывает функцию поиска `getItems` при фокусе и очистке поля ввода\n   * @default true\n   */\n  searchOnFocus?: boolean;\n  /**\n   * Рисует справа иконку в виде стрелки\n   * @default true\n   */\n  drawArrow?: boolean;\n\n  autoFocus?: boolean;\n\n  borderless?: boolean;\n\n  /**\n   * Не использовать Portal для рендеринга меню.\n   * См. https://github.com/skbkontur/retail-ui/issues/15\n   * @default false\n   */\n  disablePortal?: boolean;\n\n  disabled?: boolean;\n  /**\n   * Состояние валидации при ошибке.\n   */\n  error?: boolean;\n\n  leftIcon?: InputIconType;\n\n  rightIcon?: InputIconType;\n\n  /**\n   * Функция поиска элементов, должна возвращать Promise с массивом элементов.\n   * По умолчанию ожидаются объекты с типом `{ value: string, label: string }`.\n   *\n   * Элементы могут быть любого типа. В этом случае необходимо определить\n   * свойства `itemToValue`, `renderValue`, `renderItem`, `valueToString`\n   */\n  getItems: (query: string) => Promise<T[]>;\n\n  /**\n   * Необходим для сравнения полученных результатов с `value`\n   * @default item => item.label\n   */\n  itemToValue: (item: T) => string | number;\n\n  maxLength?: number;\n\n  menuAlign?: 'left' | 'right';\n\n  onBlur?: () => void;\n\n  /** Вызывается при изменении `value` */\n  onValueChange?: (value: T) => void;\n\n  onFocus?: () => void;\n\n  /**\n   * Вызывается при изменении текста в поле ввода,\n   * если результатом функции будет строка,\n   * то она станет следующим состоянием полем ввода\n   */\n  onInputValueChange?: (value: string) => Nullable<string> | void;\n\n  /**\n   * Функция для обработки ситуации, когда была введена\n   * строка в инпут и был потерян фокус с элемента.\n   *\n   * Если при потере фокуса в выпадающем списке будет только один\n   * элемент и  результат `renderValue` с этим элементом будет\n   * совпадать со значение в текстовом поле, то\n   * сработает onValueChange со значением данного элемента\n   *\n   * Сама функция также может вернуть значение,\n   * неравное `undefined`,\n   * с которым будет вызван onValueChange.\n   */\n  onUnexpectedInput?: (value: string) => void | null | T;\n\n  placeholder?: string;\n\n  /**\n   * Функция отрисовки элементов результата поиска.\n   * Не применяется если элемент является функцией или React-элементом\n   * @default item => item.label\n   */\n  renderItem: (item: T, state?: MenuItemState) => React.ReactNode;\n\n  /**\n   * Функция для отрисовки сообщения о пустом результате поиска\n   * Если есть renderAddButton - не работает\n   */\n  renderNotFound?: () => React.ReactNode;\n\n  /**\n   * Функция отображающая сообщение об общем количестве элементов.\n   * `found` учитывает только компонент `MenuItem`. Им \"оборачиваются\" элементы, возвращаемые `getItems()`.\n   */\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n\n  /**\n   * Функция отрисовки выбранного значения\n   * @default item => item.label\n   */\n  renderValue: (item: T) => React.ReactNode;\n\n  /**\n   * Функция отрисовки кнопки добавления в выпадающем списке\n   */\n  renderAddButton?: (query?: string) => React.ReactNode;\n\n  /**\n   * Общее количество элементов.\n   * Необходим для работы `renderTotalCount`\n   */\n  totalCount?: number;\n\n  /**\n   * Выбранное значение\n   * Ожидается, что `value` того же типа что и элементы в массиве,\n   * возвращаемом в `getItems`\n   */\n  value?: Nullable<T>;\n\n  /**\n   * Необходим для преобразования `value` в строку при фокусировке\n   * @default item => item.label\n   */\n  valueToString: (item: T) => string;\n\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * Состояние валидации при предупреждении.\n   */\n  warning?: boolean;\n\n  width?: string | number;\n\n  maxMenuHeight?: number | string;\n\n  onMouseEnter?: (e: React.MouseEvent) => void;\n\n  onMouseOver?: (e: React.MouseEvent) => void;\n\n  onMouseLeave?: (e: React.MouseEvent) => void;\n\n  onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\n\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n}\n\nexport interface ComboBoxItem {\n  value: string;\n  label: string;\n}\n\n@rootNode\nexport class ComboBox<T = ComboBoxItem> extends React.Component<ComboBoxProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'ComboBox';\n\n  public static defaultProps = {\n    itemToValue: (item: ComboBoxItem) => item.value,\n    valueToString: (item: ComboBoxItem) => item.label,\n    renderValue: (item: ComboBoxItem) => item.label,\n    renderItem: (item: ComboBoxItem) => item.label,\n    menuAlign: 'left',\n    searchOnFocus: true,\n    drawArrow: true,\n  };\n\n  private comboboxElement: Nullable<CustomComboBox<T>> = null;\n  private setRootNode!: TSetRootNode;\n\n  /**\n   * @public\n   */\n  public focus() {\n    if (this.comboboxElement) {\n      this.comboboxElement.focus();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    if (this.comboboxElement) {\n      this.comboboxElement.blur();\n    }\n  }\n\n  /**\n   * Открывает выпадающий список и запускает поиск элементов\n   *\n   * @public\n   * @param {string} [query] Текст поиска. По умолчанию берется\n   * текст из инпута или результат `valueToString(value)`\n   */\n  public search(query?: string) {\n    if (this.comboboxElement) {\n      this.comboboxElement.search(query);\n    }\n  }\n\n  /**\n   * @public\n   */\n  public cancelSearch() {\n    if (this.comboboxElement) {\n      this.comboboxElement.cancelSearch();\n    }\n  }\n\n  /**\n   * @public Открывает выпадающий список\n   */\n  public open() {\n    if (this.comboboxElement) {\n      this.comboboxElement.open();\n    }\n  }\n\n  /**\n   * @public Закрывает выпадающий список\n   */\n  public close() {\n    if (this.comboboxElement) {\n      this.comboboxElement.close();\n    }\n  }\n\n  /**\n   * Выделяет текст внутри input\n   * @public\n   */\n  public selectInputText() {\n    if (this.comboboxElement) {\n      this.comboboxElement.selectInputText();\n    }\n  }\n\n  /**\n   * Сбрасывает введенное пользователем значение\n   * @public\n   */\n  public reset() {\n    if (this.comboboxElement) {\n      this.comboboxElement.reset();\n    }\n  }\n\n  public render() {\n    return <CustomComboBox {...this.props} ref={this.customComboBoxRef} />;\n  }\n\n  private customComboBoxRef = (element: Nullable<CustomComboBox<T>>) => {\n    this.setRootNode(element);\n    this.comboboxElement = element;\n  };\n}\n"]}
+{"version":3,"sources":["ComboBox.tsx"],"names":["ComboBox","rootNode","getProps","defaultProps","comboboxElement","customComboBoxRef","element","setRootNode","focus","blur","search","query","cancelSearch","open","close","selectInputText","reset","render","React","Component","__KONTUR_REACT_UI__","itemToValue","item","value","valueToString","label","renderValue","renderItem","menuAlign","searchOnFocus","drawArrow"],"mappings":"sUAAA;;AAEA;;;;;AAKA;AACA,gE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyKaA,Q,OADZC,kB;;;;;;;;;;;;;AAcSC,IAAAA,Q,GAAW,0CAAkBF,QAAQ,CAACG,YAA3B,C;;AAEXC,IAAAA,e,GAA+C,I;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqF/CC,IAAAA,iB,GAAoB,UAACC,OAAD,EAA0C;AACpE,YAAKC,WAAL,CAAiBD,OAAjB;AACA,YAAKF,eAAL,GAAuBE,OAAvB;AACD,K,gDArFD;AACF;AACA,K,OACSE,K,GAAP,iBAAe,CACb,IAAI,KAAKJ,eAAT,EAA0B,CACxB,KAAKA,eAAL,CAAqBI,KAArB,GACD,CACF,C,CAED;AACF;AACA,K,QACSC,I,GAAP,gBAAc,CACZ,IAAI,KAAKL,eAAT,EAA0B,CACxB,KAAKA,eAAL,CAAqBK,IAArB,GACD,CACF,C,CAED;AACF;AACA;AACA;AACA;AACA;AACA,K,QACSC,M,GAAP,gBAAcC,KAAd,EAA8B,CAC5B,IAAI,KAAKP,eAAT,EAA0B,CACxB,KAAKA,eAAL,CAAqBM,MAArB,CAA4BC,KAA5B,EACD,CACF,C,CAED;AACF;AACA,K,QACSC,Y,GAAP,wBAAsB,CACpB,IAAI,KAAKR,eAAT,EAA0B,CACxB,KAAKA,eAAL,CAAqBQ,YAArB,GACD,CACF,C,CAED;AACF;AACA,K,QACSC,I,GAAP,gBAAc,CACZ,IAAI,KAAKT,eAAT,EAA0B,CACxB,KAAKA,eAAL,CAAqBS,IAArB,GACD,CACF,C,CAED;AACF;AACA,K,QACSC,K,GAAP,iBAAe,CACb,IAAI,KAAKV,eAAT,EAA0B,CACxB,KAAKA,eAAL,CAAqBU,KAArB,GACD,CACF,C,CAED;AACF;AACA;AACA,K,QACSC,e,GAAP,2BAAyB,CACvB,IAAI,KAAKX,eAAT,EAA0B,CACxB,KAAKA,eAAL,CAAqBW,eAArB,GACD,CACF,C,CAED;AACF;AACA;AACA,K,QACSC,K,GAAP,iBAAe,CACb,IAAI,KAAKZ,eAAT,EAA0B,CACxB,KAAKA,eAAL,CAAqBY,KAArB,GACD,CACF,C,QAEMC,M,GAAP,kBAAgB,CACd,oBAAO,6BAAC,8BAAD,6BAAoB,KAAKf,QAAL,EAApB,IAAqC,GAAG,EAAE,KAAKG,iBAA/C,IAAP,CACD,C,mBAlG6Ca,eAAMC,S,WACtCC,mB,GAAsB,U,UAEtBjB,Y,GAAkC,EAC9CkB,WAAW,EAAE,qBAACC,IAAD,UAAwBA,IAAI,CAACC,KAA7B,EADiC,EAE9CC,aAAa,EAAE,uBAACF,IAAD,UAAwBA,IAAI,CAACG,KAA7B,EAF+B,EAG9CC,WAAW,EAAE,qBAACJ,IAAD,UAAwBA,IAAI,CAACG,KAA7B,EAHiC,EAI9CE,UAAU,EAAE,oBAACL,IAAD,UAAwBA,IAAI,CAACG,KAA7B,EAJkC,EAK9CG,SAAS,EAAE,MALmC,EAM9CC,aAAa,EAAE,IAN+B,EAO9CC,SAAS,EAAE,IAPmC,E","sourcesContent":["import React from 'react';\n\nimport { CustomComboBox } from '../../internal/CustomComboBox';\nimport { Nullable } from '../../typings/utility-types';\nimport { MenuItemState } from '../MenuItem';\nimport { InputIconType } from '../Input';\nimport { CommonProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nexport interface ComboBoxProps<T> extends CommonProps {\n  align?: 'left' | 'center' | 'right';\n  /**\n   * Вызывает функцию поиска `getItems` при фокусе и очистке поля ввода\n   * @default true\n   */\n  searchOnFocus?: boolean;\n  /**\n   * Рисует справа иконку в виде стрелки\n   * @default true\n   */\n  drawArrow?: boolean;\n\n  autoFocus?: boolean;\n\n  borderless?: boolean;\n\n  /**\n   * Не использовать Portal для рендеринга меню.\n   * См. https://github.com/skbkontur/retail-ui/issues/15\n   * @default false\n   */\n  disablePortal?: boolean;\n\n  disabled?: boolean;\n  /**\n   * Состояние валидации при ошибке.\n   */\n  error?: boolean;\n\n  leftIcon?: InputIconType;\n\n  rightIcon?: InputIconType;\n\n  /**\n   * Функция поиска элементов, должна возвращать Promise с массивом элементов.\n   * По умолчанию ожидаются объекты с типом `{ value: string, label: string }`.\n   *\n   * Элементы могут быть любого типа. В этом случае необходимо определить\n   * свойства `itemToValue`, `renderValue`, `renderItem`, `valueToString`\n   */\n  getItems: (query: string) => Promise<T[]>;\n\n  /**\n   * Необходим для сравнения полученных результатов с `value`\n   * @default item => item.label\n   */\n  itemToValue?: (item: T) => string | number;\n\n  maxLength?: number;\n\n  menuAlign?: 'left' | 'right';\n\n  onBlur?: () => void;\n\n  /** Вызывается при изменении `value` */\n  onValueChange?: (value: T) => void;\n\n  onFocus?: () => void;\n\n  /**\n   * Вызывается при изменении текста в поле ввода,\n   * если результатом функции будет строка,\n   * то она станет следующим состоянием полем ввода\n   */\n  onInputValueChange?: (value: string) => Nullable<string> | void;\n\n  /**\n   * Функция для обработки ситуации, когда была введена\n   * строка в инпут и был потерян фокус с элемента.\n   *\n   * Если при потере фокуса в выпадающем списке будет только один\n   * элемент и  результат `renderValue` с этим элементом будет\n   * совпадать со значение в текстовом поле, то\n   * сработает onValueChange со значением данного элемента\n   *\n   * Сама функция также может вернуть значение,\n   * неравное `undefined`,\n   * с которым будет вызван onValueChange.\n   */\n  onUnexpectedInput?: (value: string) => void | null | T;\n\n  placeholder?: string;\n\n  /**\n   * Функция отрисовки элементов результата поиска.\n   * Не применяется если элемент является функцией или React-элементом\n   * @default item => item.label\n   */\n  renderItem?: (item: T, state?: MenuItemState) => React.ReactNode;\n\n  /**\n   * Функция для отрисовки сообщения о пустом результате поиска\n   * Если есть renderAddButton - не работает\n   */\n  renderNotFound?: () => React.ReactNode;\n\n  /**\n   * Функция отображающая сообщение об общем количестве элементов.\n   * `found` учитывает только компонент `MenuItem`. Им \"оборачиваются\" элементы, возвращаемые `getItems()`.\n   */\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n\n  /**\n   * Функция отрисовки выбранного значения\n   * @default item => item.label\n   */\n  renderValue?: (item: T) => React.ReactNode;\n\n  /**\n   * Функция отрисовки кнопки добавления в выпадающем списке\n   */\n  renderAddButton?: (query?: string) => React.ReactNode;\n\n  /**\n   * Общее количество элементов.\n   * Необходим для работы `renderTotalCount`\n   */\n  totalCount?: number;\n\n  /**\n   * Выбранное значение\n   * Ожидается, что `value` того же типа что и элементы в массиве,\n   * возвращаемом в `getItems`\n   */\n  value?: Nullable<T>;\n\n  /**\n   * Необходим для преобразования `value` в строку при фокусировке\n   * @default item => item.label\n   */\n  valueToString?: (item: T) => string;\n\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * Состояние валидации при предупреждении.\n   */\n  warning?: boolean;\n\n  width?: string | number;\n\n  maxMenuHeight?: number | string;\n\n  onMouseEnter?: (e: React.MouseEvent) => void;\n\n  onMouseOver?: (e: React.MouseEvent) => void;\n\n  onMouseLeave?: (e: React.MouseEvent) => void;\n\n  onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\n\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n}\n\nexport interface ComboBoxItem {\n  value: string;\n  label: string;\n}\n\ntype DefaultProps<T> = Required<\n  Pick<\n    ComboBoxProps<T>,\n    'itemToValue' | 'valueToString' | 'renderValue' | 'renderItem' | 'menuAlign' | 'searchOnFocus' | 'drawArrow'\n  >\n>;\n\n@rootNode\nexport class ComboBox<T = ComboBoxItem> extends React.Component<ComboBoxProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'ComboBox';\n\n  public static defaultProps: DefaultProps<any> = {\n    itemToValue: (item: ComboBoxItem) => item.value,\n    valueToString: (item: ComboBoxItem) => item.label,\n    renderValue: (item: ComboBoxItem) => item.label,\n    renderItem: (item: ComboBoxItem) => item.label,\n    menuAlign: 'left',\n    searchOnFocus: true,\n    drawArrow: true,\n  };\n\n  private getProps = createPropsGetter(ComboBox.defaultProps);\n\n  private comboboxElement: Nullable<CustomComboBox<T>> = null;\n  private setRootNode!: TSetRootNode;\n\n  /**\n   * @public\n   */\n  public focus() {\n    if (this.comboboxElement) {\n      this.comboboxElement.focus();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    if (this.comboboxElement) {\n      this.comboboxElement.blur();\n    }\n  }\n\n  /**\n   * Открывает выпадающий список и запускает поиск элементов\n   *\n   * @public\n   * @param {string} [query] Текст поиска. По умолчанию берется\n   * текст из инпута или результат `valueToString(value)`\n   */\n  public search(query?: string) {\n    if (this.comboboxElement) {\n      this.comboboxElement.search(query);\n    }\n  }\n\n  /**\n   * @public\n   */\n  public cancelSearch() {\n    if (this.comboboxElement) {\n      this.comboboxElement.cancelSearch();\n    }\n  }\n\n  /**\n   * @public Открывает выпадающий список\n   */\n  public open() {\n    if (this.comboboxElement) {\n      this.comboboxElement.open();\n    }\n  }\n\n  /**\n   * @public Закрывает выпадающий список\n   */\n  public close() {\n    if (this.comboboxElement) {\n      this.comboboxElement.close();\n    }\n  }\n\n  /**\n   * Выделяет текст внутри input\n   * @public\n   */\n  public selectInputText() {\n    if (this.comboboxElement) {\n      this.comboboxElement.selectInputText();\n    }\n  }\n\n  /**\n   * Сбрасывает введенное пользователем значение\n   * @public\n   */\n  public reset() {\n    if (this.comboboxElement) {\n      this.comboboxElement.reset();\n    }\n  }\n\n  public render() {\n    return <CustomComboBox {...this.getProps()} ref={this.customComboBoxRef} />;\n  }\n\n  private customComboBoxRef = (element: Nullable<CustomComboBox<T>>) => {\n    this.setRootNode(element);\n    this.comboboxElement = element;\n  };\n}\n"]}