@skbkontur/react-ui 0.0.0-2eafa74fd6 → 0.0.0-301cfd6872

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

@@ -0,0 +1,237 @@
+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, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55, _templateObject56, _templateObject57, _templateObject58, _templateObject59, _templateObject60, _templateObject61, _templateObject62, _templateObject63, _templateObject64, _templateObject65, _templateObject66, _templateObject67, _templateObject68, _templateObject69, _templateObject70, _templateObject71, _templateObject72, _templateObject73;
+import { css, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
+import { resetButton, resetText } from "../../../lib/styles/Mixins";
+import { buttonUseMixin, buttonHoverMixin, buttonActiveMixin, buttonSizeMixin, buttonSizeMixinIE11 } from "../Button.mixins";
+export var globalClasses = prefix('button')({
+  root: 'root',
+  arrow: 'arrow',
+  caption: 'caption',
+  text: 'text',
+  innerShadow: 'inner-shadow',
+  disabled: 'disabled'
+});
+export var styles = memoizeStyle({
+  root: function root(t) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      ", ";\n      ", ";\n\n      transition: background-color ", " ", "\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      &:hover svg {\n        color: ", ";\n      }\n      &.", " svg {\n        color: ", ";\n      }\n      & svg {\n        color: ", ";\n      }\n    "])), resetButton(), resetText(), t.transitionDuration, t.transitionTimingFunction, t.btnBorderColorTransition ? ", " + t.btnBorderColorTransition : '', t.btnBackgroundClip, globalClasses.innerShadow, t.btnIconHoverColor, globalClasses.disabled, t.btnIconDisabledColor, t.btnIconColor);
+  },
+  withArrowIconRightSmall: function withArrowIconRightSmall(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      padding-right: calc(", " + ", " + ", ");\n    "])), t.btnIconSizeSmall, t.btnWithIconPaddingLeftSmall, t.btnWithIconPaddingLeftSmall);
+  },
+  withArrowIconRightMedium: function withArrowIconRightMedium(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      padding-right: calc(\n        ", " + ", " + ", "\n      );\n    "])), t.btnIconSizeMedium, t.btnWithIconPaddingLeftMedium, t.btnWithIconPaddingLeftMedium);
+  },
+  withArrowIconRightLarge: function withArrowIconRightLarge(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      padding-right: calc(", " + ", " + ", ");\n    "])), t.btnIconSizeLarge, t.btnWithIconPaddingLeftLarge, t.btnWithIconPaddingLeftLarge);
+  },
+  withArrowIconLeftSmall: function withArrowIconLeftSmall(t) {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      padding-left: calc(", " + ", " + ", ");\n    "])), t.btnIconSizeSmall, t.btnWithIconPaddingLeftSmall, t.btnWithIconPaddingLeftSmall);
+  },
+  withArrowIconLeftMedium: function withArrowIconLeftMedium(t) {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      padding-left: calc(\n        ", " + ", " + ", "\n      );\n    "])), t.btnIconSizeMedium, t.btnWithIconPaddingLeftMedium, t.btnWithIconPaddingLeftMedium);
+  },
+  withArrowIconLeftLarge: function withArrowIconLeftLarge(t) {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      padding-left: calc(", " + ", " + ", ");\n    "])), t.btnIconSizeLarge, t.btnWithIconPaddingLeftLarge, t.btnWithIconPaddingLeftLarge);
+  },
+  simulatedPress: function simulatedPress() {
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      &:active .", " {\n        transform: translateY(1px);\n      }\n    "])), globalClasses.caption);
+  },
+  outline: function outline() {
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      border-radius: inherit;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n    "])));
+  },
+  outlineWarning: function outlineWarning(t) {
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      box-shadow:\n        0 0 0 ", " ", ",\n        inset 0 0 0 ", " ", ";\n    "])), t.btnOutlineWidth, t.btnBorderColorWarning, t.btnInsetWidth, t.btnInsetColor);
+  },
+  outlineError: function outlineError(t) {
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      box-shadow:\n        0 0 0 ", " ", ",\n        inset 0 0 0 ", " ", ";\n    "])), t.btnOutlineWidth, t.btnBorderColorError, t.btnInsetWidth, t.btnInsetColor);
+  },
+  outlineLink: function outlineLink() {
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      left: -2px;\n      right: -2px;\n      bottom: -2px;\n      top: -2px;\n    "])));
+  },
+  outlineLinkWarning: function outlineLinkWarning(t) {
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n    "])), t.btnWarningSecondary);
+  },
+  outlineLinkError: function outlineLinkError(t) {
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n    "])), t.btnErrorSecondary);
+  },
+  sizeSmall: function sizeSmall(t) {
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n\n      ", ";\n    "])), t.btnBorderRadiusSmall, buttonSizeMixin(t.btnFontSizeSmall, t.btnLineHeightSmall, t.btnPaddingXSmall, t.btnPaddingYSmall));
+  },
+  sizeSmallIE11: function sizeSmallIE11(t) {
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), buttonSizeMixinIE11(t.btnPaddingXSmall, t.btnPaddingYSmall));
+  },
+  sizeMedium: function sizeMedium(t) {
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n\n      ", ";\n    "])), t.btnBorderRadiusMedium, buttonSizeMixin(t.btnFontSizeMedium, t.btnLineHeightMedium, t.btnPaddingXMedium, t.btnPaddingYMedium));
+  },
+  sizeMediumIE11: function sizeMediumIE11(t) {
+    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), buttonSizeMixinIE11(t.btnPaddingXMedium, t.btnPaddingYMedium));
+  },
+  sizeLarge: function sizeLarge(t) {
+    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n\n      ", ";\n    "])), t.btnBorderRadiusLarge, buttonSizeMixin(t.btnFontSizeLarge, t.btnLineHeightLarge, t.btnPaddingXLarge, t.btnPaddingYLarge));
+  },
+  sizeLargeIE11: function sizeLargeIE11(t) {
+    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), buttonSizeMixinIE11(t.btnPaddingXLarge, t.btnPaddingYLarge));
+  },
+  sizeSmallWithIcon: function sizeSmallWithIcon(t) {
+    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      padding-left: ", ";\n    "])), t.btnWithIconPaddingLeftSmall);
+  },
+  sizeMediumWithIcon: function sizeMediumWithIcon(t) {
+    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      padding-left: ", ";\n    "])), t.btnWithIconPaddingLeftMedium);
+  },
+  sizeLargeWithIcon: function sizeLargeWithIcon(t) {
+    return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      padding-left: ", ";\n    "])), t.btnWithIconPaddingLeftLarge);
+  },
+  sizeSmallWithIconWithoutText: function sizeSmallWithIconWithoutText(t) {
+    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      padding-right: ", ";\n    "])), t.btnWithIconPaddingLeftSmall);
+  },
+  sizeMediumWithIconWithoutText: function sizeMediumWithIconWithoutText(t) {
+    return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n      padding-right: ", ";\n    "])), t.btnWithIconPaddingLeftMedium);
+  },
+  sizeLargeWithIconWithoutText: function sizeLargeWithIconWithoutText(t) {
+    return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      padding-right: ", ";\n    "])), t.btnWithIconPaddingLeftLarge);
+  },
+  link: function link(t) {
+    return css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n      background: none;\n      border-radius: ", ";\n      border: none;\n      box-shadow: none;\n      white-space: nowrap;\n      color: ", ";\n      display: inline;\n      margin: 0;\n      padding: 0 !important; // override size mixin\n      height: auto !important; // override size mixin\n\n      &:hover:enabled,\n      &:active:enabled {\n        color: ", ";\n        text-decoration: ", ";\n      }\n\n      &:active:enabled {\n        ", "\n      }\n    "])), t.btnLinkBorderRadius, t.btnLinkColor, t.btnLinkHoverColor, t.btnLinkHoverTextDecoration, activeStyles.link(t));
+  },
+  linkLineHeight: function linkLineHeight() {
+    return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n      line-height: inherit !important; // override size mixin\n    "])));
+  },
+  linkLineHeightSafariFallback: function linkLineHeightSafariFallback() {
+    return css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n      /* Safari overrides 'underline' and 'border' if 'line-height' is used */\n      margin: -1px 0 -2px;\n    "])));
+  },
+  linkFocus: function linkFocus(t) {
+    return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n      & {\n        color: ", ";\n        text-decoration: ", ";\n      }\n    "])), t.btnLinkColor, t.btnLinkHoverTextDecoration);
+  },
+  linkDisabled: function linkDisabled(t) {
+    return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n\n      &,\n      &:hover:enabled,\n      &:active:enabled {\n        color: ", ";\n      }\n    "])), t.btnLinkDisabledColor);
+  },
+  focus: function focus(t) {
+    return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      z-index: 2;\n\n      &,\n      &:hover:enabled,\n      &:active:enabled,\n      &:active:hover:enabled {\n        box-shadow:\n          inset 0 0 0 ", " ", ",\n          0 0 0 ", " ", " !important; // override root:hover style\n      }\n    "])), t.btnInsetWidth, t.btnOutlineColorFocus, t.btnFocusShadowWidth, t.btnBorderColorFocus);
+  },
+  disabled: function disabled(t) {
+    return css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n      pointer-events: none;\n      box-shadow: 0 0 0 ", " ", ";\n\n      background-image: none;\n      background-color: ", ";\n      color: ", ";\n    "])), t.btnBorderWidth, t.btnDisabledBorderColor, t.btnDisabledBg, t.btnDisabledTextColor);
+  },
+  disabledWithoutOutline: function disabledWithoutOutline(t) {
+    return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n      box-shadow: 0 0 0 ", " ", ";\n    "])), t.btnBorderWidth, t.btnDisabledBg);
+  },
+  arrowIconRoot: function arrowIconRoot() {
+    return css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      height: 100%;\n      top: 0;\n      right: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-sizing: content-box;\n    "])));
+  },
+  arrowIconRootSmall: function arrowIconRootSmall(t) {
+    return css(_templateObject36 || (_templateObject36 = _taggedTemplateLiteralLoose(["\n      padding: 0 ", " 0 ", ";\n      width: ", ";\n    "])), t.btnWithIconPaddingLeftSmall, t.btnWithIconPaddingLeftSmall, t.btnIconSizeSmall);
+  },
+  arrowIconRootMedium: function arrowIconRootMedium(t) {
+    return css(_templateObject37 || (_templateObject37 = _taggedTemplateLiteralLoose(["\n      padding: 0 ", " 0 ", ";\n      width: ", ";\n    "])), t.btnWithIconPaddingLeftMedium, t.btnWithIconPaddingLeftMedium, t.btnIconSizeMedium);
+  },
+  arrowIconRootLarge: function arrowIconRootLarge(t) {
+    return css(_templateObject38 || (_templateObject38 = _taggedTemplateLiteralLoose(["\n      padding: 0 ", " 0 ", ";\n      width: ", ";\n    "])), t.btnWithIconPaddingLeftLarge, t.btnWithIconPaddingLeftLarge, t.btnIconSizeLarge);
+  },
+  arrowIconLeft: function arrowIconLeft() {
+    return css(_templateObject39 || (_templateObject39 = _taggedTemplateLiteralLoose(["\n      left: 0;\n    "])));
+  },
+  "default": function _default(t) {
+    return css(_templateObject40 || (_templateObject40 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      &:hover {\n        ", ";\n      }\n\n      &:active {\n        ", ";\n      }\n    "])), buttonUseMixin(t.btnDefaultBg, t.btnDefaultBgStart, t.btnDefaultBgEnd, t.btnDefaultTextColor, t.btnDefaultBorderColor, t.btnBorderWidth), buttonHoverMixin(t.btnDefaultHoverBg, t.btnDefaultHoverBgStart, t.btnDefaultHoverBgEnd, t.btnDefaultHoverTextColor, t.btnDefaultHoverBorderColor, t.btnBorderWidth), activeStyles["default"](t));
+  },
+  primary: function primary(t) {
+    return css(_templateObject41 || (_templateObject41 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      &:hover {\n        ", ";\n      }\n\n      &:active {\n        ", "\n      }\n    "])), buttonUseMixin(t.btnPrimaryBg, t.btnPrimaryBgStart, t.btnPrimaryBgEnd, t.btnPrimaryTextColor, t.btnPrimaryBorderColor, t.btnBorderWidth), buttonHoverMixin(t.btnPrimaryHoverBg, t.btnPrimaryHoverBgStart, t.btnPrimaryHoverBgEnd, t.btnPrimaryHoverTextColor, t.btnPrimaryHoverBorderColor, t.btnBorderWidth), activeStyles.primary(t));
+  },
+  success: function success(t) {
+    return css(_templateObject42 || (_templateObject42 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      &:hover {\n        ", ";\n      }\n\n      &:active {\n        ", "\n      }\n    "])), buttonUseMixin(t.btnSuccessBg, t.btnSuccessBgStart, t.btnSuccessBgEnd, t.btnSuccessTextColor, t.btnSuccessBorderColor, t.btnBorderWidth), buttonHoverMixin(t.btnSuccessHoverBg, t.btnSuccessHoverBgStart, t.btnSuccessHoverBgEnd, t.btnSuccessHoverTextColor, t.btnSuccessHoverBorderColor, t.btnBorderWidth), activeStyles.success(t));
+  },
+  danger: function danger(t) {
+    return css(_templateObject43 || (_templateObject43 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      &:hover {\n        ", ";\n      }\n\n      &:active {\n        ", "\n      }\n    "])), buttonUseMixin(t.btnDangerBg, t.btnDangerBgStart, t.btnDangerBgEnd, t.btnDangerTextColor, t.btnDangerBorderColor, t.btnBorderWidth), buttonHoverMixin(t.btnDangerHoverBg, t.btnDangerHoverBgStart, t.btnDangerHoverBgEnd, t.btnDangerHoverTextColor, t.btnDangerHoverBorderColor, t.btnBorderWidth), activeStyles.danger(t));
+  },
+  pay: function pay(t) {
+    return css(_templateObject44 || (_templateObject44 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      &:hover {\n        ", ";\n      }\n\n      &:active {\n        ", "\n      }\n    "])), buttonUseMixin(t.btnPayBg, t.btnPayBgStart, t.btnPayBgEnd, t.btnPayTextColor, t.btnPayBorderColor, t.btnBorderWidth), buttonHoverMixin(t.btnPayHoverBg, t.btnPayHoverBgStart, t.btnPayHoverBgEnd, t.btnPayHoverTextColor, t.btnPayHoverBorderColor, t.btnBorderWidth), activeStyles.pay(t));
+  },
+  text: function text(t) {
+    return css(_templateObject45 || (_templateObject45 = _taggedTemplateLiteralLoose(["\n      &,\n      &:enabled,\n      &:hover {\n        box-shadow: none;\n      }\n\n      ", ";\n\n      &:hover {\n        ", ";\n      }\n\n      &:active {\n        ", "\n      }\n    "])), buttonUseMixin(t.btnTextBg, '', '', t.btnTextTextColor, t.btnTextBorderColor, t.btnBorderWidth), buttonHoverMixin(t.btnTextHoverBg, '', '', t.btnTextHoverTextColor, t.btnTextHoverBorderColor, t.btnBorderWidth), activeStyles.text(t));
+  },
+  backless: function backless(t) {
+    return css(_templateObject46 || (_templateObject46 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      color: ", ";\n      background: transparent;\n\n      &:hover {\n        ", ";\n      }\n\n      &:active {\n        ", "\n      }\n    "])), buttonUseMixin(t.btnBacklessBg, '', '', t.btnBacklessTextColor, t.btnBacklessBorderColor, t.btnBorderWidth), t.btnDefaultTextColor, buttonHoverMixin(t.btnBacklessHoverBg, '', '', t.btnBacklessHoverTextColor, t.btnBacklessHoverBorderColor, t.btnBorderWidth), activeStyles.backless(t));
+  },
+  checked: function checked(t) {
+    var checkedStyles = "\n      background-image: none;\n      box-shadow: 0 0 0 " + t.btnBorderWidth + " " + t.btnDefaultCheckedBorderColor + " !important;\n      background-color: " + t.btnCheckedBg + " !important;\n      color: " + t.btnCheckedTextColor + " !important;\n\n      ." + globalClasses.innerShadow + " {\n        box-shadow: " + t.btnCheckedShadow + ";\n      }\n\n      :enabled svg {\n        color: " + t.btnCheckedTextColor + " !important;\n      }\n      :hover:enabled svg {\n        color: " + t.btnCheckedTextColor + " !important;\n      }\n    ";
+    return css(_templateObject47 || (_templateObject47 = _taggedTemplateLiteralLoose(["\n      ", "\n\n      &:hover:enabled,\n      &:active:enabled,\n      &:hover:active:enabled {\n        ", "\n      }\n    "])), checkedStyles, checkedStyles);
+  },
+  checkedFocused: function checkedFocused(t) {
+    return css(_templateObject48 || (_templateObject48 = _taggedTemplateLiteralLoose(["\n      &:hover:enabled,\n      &:hover:active:enabled {\n        box-shadow:\n          inset 0 0 0 ", " ", ",\n          0 0 0 ", " ", " !important;\n        border-color: ", " !important;\n      }\n    "])), t.btnInsetWidth, t.btnOutlineColorFocus, t.btnFocusShadowWidth, t.btnBorderColorFocus, t.btnBorderColorFocus);
+  },
+  checkedDisabled: function checkedDisabled(t) {
+    return css(_templateObject49 || (_templateObject49 = _taggedTemplateLiteralLoose(["\n      box-shadow: 0 0 0 ", " ", ";\n      background-color: ", ";\n      color: ", ";\n\n      .", " {\n        box-shadow: ", ";\n      }\n\n      svg {\n        color: ", " !important;\n      }\n    "])), t.btnBorderWidth, t.btnCheckedDisabledBorderColor, t.btnCheckedDisabledBg, t.btnCheckedDisabledColor, globalClasses.innerShadow, t.btnCheckedDisabledShadow, t.btnCheckedDisabledColor);
+  },
+  caption: function caption() {
+    return css(_templateObject50 || (_templateObject50 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      white-space: nowrap;\n      display: inline-block;\n      width: 100%;\n      vertical-align: top;\n    "])));
+  },
+  captionLink: function captionLink() {
+    return css(_templateObject51 || (_templateObject51 = _taggedTemplateLiteralLoose(["\n      display: inline;\n      transform: none !important; // override root:active style\n    "])));
+  },
+  captionDisabled: function captionDisabled() {
+    return css(_templateObject52 || (_templateObject52 = _taggedTemplateLiteralLoose(["\n      transform: none !important; // override root:active style\n    "])));
+  },
+  wrap: function wrap(t) {
+    return css(_templateObject53 || (_templateObject53 = _taggedTemplateLiteralLoose(["\n      box-sizing: border-box;\n      display: inline-block;\n      line-height: normal;\n      padding: ", ";\n    "])), t.btnBorderWidth);
+  },
+  wrapSmall: function wrapSmall(t) {
+    return css(_templateObject54 || (_templateObject54 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n    "])), t.btnHeightSmall);
+  },
+  wrapMedium: function wrapMedium(t) {
+    return css(_templateObject55 || (_templateObject55 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n    "])), t.btnHeightMedium);
+  },
+  wrapLarge: function wrapLarge(t) {
+    return css(_templateObject56 || (_templateObject56 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n    "])), t.btnHeightLarge);
+  },
+  narrow: function narrow() {
+    return css(_templateObject57 || (_templateObject57 = _taggedTemplateLiteralLoose(["\n      padding-left: 5px;\n      padding-right: 5px;\n    "])));
+  },
+  noPadding: function noPadding() {
+    return css(_templateObject58 || (_templateObject58 = _taggedTemplateLiteralLoose(["\n      padding-left: 0;\n      padding-right: 0;\n    "])));
+  },
+  noRightPadding: function noRightPadding() {
+    return css(_templateObject59 || (_templateObject59 = _taggedTemplateLiteralLoose(["\n      padding-right: 0;\n    "])));
+  },
+  wrapLink: function wrapLink() {
+    return css(_templateObject60 || (_templateObject60 = _taggedTemplateLiteralLoose(["\n      padding: 0;\n    "])));
+  },
+  borderless: function borderless() {
+    return css(_templateObject61 || (_templateObject61 = _taggedTemplateLiteralLoose(["\n      &,\n      &:active:hover,\n      &:hover {\n        box-shadow: none !important; // override root:hover style\n      }\n    "])));
+  },
+  backlessDisabled: function backlessDisabled(t) {
+    return css(_templateObject62 || (_templateObject62 = _taggedTemplateLiteralLoose(["\n      box-shadow: 0 0 0 1px ", ";\n      background-color: transparent;\n    "])), t.btnBacklessDisabledBorderColor);
+  },
+  textDisabled: function textDisabled() {
+    return css(_templateObject63 || (_templateObject63 = _taggedTemplateLiteralLoose(["\n      background-color: transparent;\n    "])));
+  },
+  loading: function loading() {
+    return css(_templateObject64 || (_templateObject64 = _taggedTemplateLiteralLoose(["\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    "])));
+  },
+  visibilityHidden: function visibilityHidden() {
+    return css(_templateObject65 || (_templateObject65 = _taggedTemplateLiteralLoose(["\n      visibility: hidden;\n    "])));
+  }
+});
+export var activeStyles = memoizeStyle({
+  "default": function _default(t) {
+    return css(_templateObject66 || (_templateObject66 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnDefaultActiveBg, t.btnDefaultActiveShadow, t.btnDefaultActiveBorderColor, t.btnBorderWidth));
+  },
+  primary: function primary(t) {
+    return css(_templateObject67 || (_templateObject67 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnPrimaryActiveBg, t.btnPrimaryActiveShadow, t.btnPrimaryActiveBorderColor, t.btnBorderWidth));
+  },
+  success: function success(t) {
+    return css(_templateObject68 || (_templateObject68 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnSuccessActiveBg, t.btnSuccessActiveShadow, t.btnSuccessActiveBorderColor, t.btnBorderWidth));
+  },
+  danger: function danger(t) {
+    return css(_templateObject69 || (_templateObject69 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnDangerActiveBg, t.btnDangerActiveShadow, t.btnDangerActiveBorderColor, t.btnBorderWidth));
+  },
+  pay: function pay(t) {
+    return css(_templateObject70 || (_templateObject70 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnPayActiveBg, t.btnPayActiveShadow, t.btnPayActiveBorderColor, t.btnBorderWidth));
+  },
+  link: function link(t) {
+    return css(_templateObject71 || (_templateObject71 = _taggedTemplateLiteralLoose(["\n      & {\n        color: ", ";\n      }\n    "])), t.btnLinkActiveColor);
+  },
+  text: function text(t) {
+    return css(_templateObject72 || (_templateObject72 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnTextActiveBg, '', t.btnTextActiveBg, t.btnBorderWidth));
+  },
+  backless: function backless(t) {
+    return css(_templateObject73 || (_templateObject73 = _taggedTemplateLiteralLoose(["\n      & {\n        ", "\n      }\n    "])), buttonActiveMixin(t.btnBacklessActiveBg, '', t.btnBacklessActiveBorderColor, t.btnBorderWidth));
+  }
+});

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

@@ -0,0 +1 @@
+{"version":3,"names":["css","memoizeStyle","prefix","resetButton","resetText","buttonUseMixin","buttonHoverMixin","buttonActiveMixin","buttonSizeMixin","buttonSizeMixinIE11","globalClasses","root","arrow","caption","text","innerShadow","disabled","styles","t","_templateObject","_taggedTemplateLiteralLoose","transitionDuration","transitionTimingFunction","btnBorderColorTransition","btnBackgroundClip","btnIconHoverColor","btnIconDisabledColor","btnIconColor","withArrowIconRightSmall","_templateObject2","btnIconSizeSmall","btnWithIconPaddingLeftSmall","withArrowIconRightMedium","_templateObject3","btnIconSizeMedium","btnWithIconPaddingLeftMedium","withArrowIconRightLarge","_templateObject4","btnIconSizeLarge","btnWithIconPaddingLeftLarge","withArrowIconLeftSmall","_templateObject5","withArrowIconLeftMedium","_templateObject6","withArrowIconLeftLarge","_templateObject7","simulatedPress","_templateObject8","outline","_templateObject9","outlineWarning","_templateObject10","btnOutlineWidth","btnBorderColorWarning","btnInsetWidth","btnInsetColor","outlineError","_templateObject11","btnBorderColorError","outlineLink","_templateObject12","outlineLinkWarning","_templateObject13","btnWarningSecondary","outlineLinkError","_templateObject14","btnErrorSecondary","sizeSmall","_templateObject15","btnBorderRadiusSmall","btnFontSizeSmall","btnLineHeightSmall","btnPaddingXSmall","btnPaddingYSmall","sizeSmallIE11","_templateObject16","sizeMedium","_templateObject17","btnBorderRadiusMedium","btnFontSizeMedium","btnLineHeightMedium","btnPaddingXMedium","btnPaddingYMedium","sizeMediumIE11","_templateObject18","sizeLarge","_templateObject19","btnBorderRadiusLarge","btnFontSizeLarge","btnLineHeightLarge","btnPaddingXLarge","btnPaddingYLarge","sizeLargeIE11","_templateObject20","sizeSmallWithIcon","_templateObject21","sizeMediumWithIcon","_templateObject22","sizeLargeWithIcon","_templateObject23","sizeSmallWithIconWithoutText","_templateObject24","sizeMediumWithIconWithoutText","_templateObject25","sizeLargeWithIconWithoutText","_templateObject26","link","_templateObject27","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","activeStyles","linkLineHeight","_templateObject28","linkLineHeightSafariFallback","_templateObject29","linkFocus","_templateObject30","linkDisabled","_templateObject31","btnLinkDisabledColor","focus","_templateObject32","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","_templateObject33","btnBorderWidth","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","disabledWithoutOutline","_templateObject34","arrowIconRoot","_templateObject35","arrowIconRootSmall","_templateObject36","arrowIconRootMedium","_templateObject37","arrowIconRootLarge","_templateObject38","arrowIconLeft","_templateObject39","_default","_templateObject40","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultTextColor","btnDefaultBorderColor","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverTextColor","btnDefaultHoverBorderColor","primary","_templateObject41","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverTextColor","btnPrimaryHoverBorderColor","success","_templateObject42","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverTextColor","btnSuccessHoverBorderColor","danger","_templateObject43","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverTextColor","btnDangerHoverBorderColor","pay","_templateObject44","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayTextColor","btnPayBorderColor","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverTextColor","btnPayHoverBorderColor","_templateObject45","btnTextBg","btnTextTextColor","btnTextBorderColor","btnTextHoverBg","btnTextHoverTextColor","btnTextHoverBorderColor","backless","_templateObject46","btnBacklessBg","btnBacklessTextColor","btnBacklessBorderColor","btnBacklessHoverBg","btnBacklessHoverTextColor","btnBacklessHoverBorderColor","checked","checkedStyles","btnDefaultCheckedBorderColor","btnCheckedBg","btnCheckedTextColor","btnCheckedShadow","_templateObject47","checkedFocused","_templateObject48","checkedDisabled","_templateObject49","btnCheckedDisabledBorderColor","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledShadow","_templateObject50","captionLink","_templateObject51","captionDisabled","_templateObject52","wrap","_templateObject53","wrapSmall","_templateObject54","btnHeightSmall","wrapMedium","_templateObject55","btnHeightMedium","wrapLarge","_templateObject56","btnHeightLarge","narrow","_templateObject57","noPadding","_templateObject58","noRightPadding","_templateObject59","wrapLink","_templateObject60","borderless","_templateObject61","backlessDisabled","_templateObject62","btnBacklessDisabledBorderColor","textDisabled","_templateObject63","loading","_templateObject64","visibilityHidden","_templateObject65","_templateObject66","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","_templateObject67","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","_templateObject68","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","_templateObject69","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","_templateObject70","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","_templateObject71","btnLinkActiveColor","_templateObject72","btnTextActiveBg","_templateObject73","btnBacklessActiveBg","btnBacklessActiveBorderColor"],"sources":["Button.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { resetButton, resetText } from '../../lib/styles/Mixins';\n\nimport {\n  buttonUseMixin,\n  buttonHoverMixin,\n  buttonActiveMixin,\n  buttonSizeMixin,\n  buttonSizeMixinIE11,\n} from './Button.mixins';\n\nexport const globalClasses = prefix('button')({\n  root: 'root',\n  arrow: 'arrow',\n  caption: 'caption',\n  text: 'text',\n  innerShadow: 'inner-shadow',\n  disabled: 'disabled',\n});\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      ${resetButton()};\n      ${resetText()};\n\n      transition: background-color ${t.transitionDuration} ${t.transitionTimingFunction}\n        ${t.btnBorderColorTransition ? `, ${t.btnBorderColorTransition}` : ''};\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      &:hover svg {\n        color: ${t.btnIconHoverColor};\n      }\n      &.${globalClasses.disabled} svg {\n        color: ${t.btnIconDisabledColor};\n      }\n      & svg {\n        color: ${t.btnIconColor};\n      }\n    `;\n  },\n\n  withArrowIconRightSmall(t: Theme) {\n    return css`\n      padding-right: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingLeftSmall} + ${t.btnWithIconPaddingLeftSmall});\n    `;\n  },\n\n  withArrowIconRightMedium(t: Theme) {\n    return css`\n      padding-right: calc(\n        ${t.btnIconSizeMedium} + ${t.btnWithIconPaddingLeftMedium} + ${t.btnWithIconPaddingLeftMedium}\n      );\n    `;\n  },\n\n  withArrowIconRightLarge(t: Theme) {\n    return css`\n      padding-right: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLeftLarge} + ${t.btnWithIconPaddingLeftLarge});\n    `;\n  },\n\n  withArrowIconLeftSmall(t: Theme) {\n    return css`\n      padding-left: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingLeftSmall} + ${t.btnWithIconPaddingLeftSmall});\n    `;\n  },\n\n  withArrowIconLeftMedium(t: Theme) {\n    return css`\n      padding-left: calc(\n        ${t.btnIconSizeMedium} + ${t.btnWithIconPaddingLeftMedium} + ${t.btnWithIconPaddingLeftMedium}\n      );\n    `;\n  },\n\n  withArrowIconLeftLarge(t: Theme) {\n    return css`\n      padding-left: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLeftLarge} + ${t.btnWithIconPaddingLeftLarge});\n    `;\n  },\n\n  simulatedPress() {\n    return css`\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:\n        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:\n        0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorError},\n        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      top: -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(t.btnFontSizeSmall, t.btnLineHeightSmall, t.btnPaddingXSmall, t.btnPaddingYSmall)};\n    `;\n  },\n\n  sizeSmallIE11(t: Theme) {\n    return css`\n      ${buttonSizeMixinIE11(t.btnPaddingXSmall, t.btnPaddingYSmall)};\n    `;\n  },\n\n  sizeMedium(t: Theme) {\n    return css`\n      border-radius: ${t.btnBorderRadiusMedium};\n\n      ${buttonSizeMixin(t.btnFontSizeMedium, t.btnLineHeightMedium, t.btnPaddingXMedium, t.btnPaddingYMedium)};\n    `;\n  },\n\n  sizeMediumIE11(t: Theme) {\n    return css`\n      ${buttonSizeMixinIE11(t.btnPaddingXMedium, t.btnPaddingYMedium)};\n    `;\n  },\n\n  sizeLarge(t: Theme) {\n    return css`\n      border-radius: ${t.btnBorderRadiusLarge};\n\n      ${buttonSizeMixin(t.btnFontSizeLarge, t.btnLineHeightLarge, t.btnPaddingXLarge, t.btnPaddingYLarge)};\n    `;\n  },\n\n  sizeLargeIE11(t: Theme) {\n    return css`\n      ${buttonSizeMixinIE11(t.btnPaddingXLarge, t.btnPaddingYLarge)};\n    `;\n  },\n\n  sizeSmallWithIcon(t: Theme) {\n    return css`\n      padding-left: ${t.btnWithIconPaddingLeftSmall};\n    `;\n  },\n\n  sizeMediumWithIcon(t: Theme) {\n    return css`\n      padding-left: ${t.btnWithIconPaddingLeftMedium};\n    `;\n  },\n\n  sizeLargeWithIcon(t: Theme) {\n    return css`\n      padding-left: ${t.btnWithIconPaddingLeftLarge};\n    `;\n  },\n\n  sizeSmallWithIconWithoutText(t: Theme) {\n    return css`\n      padding-right: ${t.btnWithIconPaddingLeftSmall};\n    `;\n  },\n\n  sizeMediumWithIconWithoutText(t: Theme) {\n    return css`\n      padding-right: ${t.btnWithIconPaddingLeftMedium};\n    `;\n  },\n\n  sizeLargeWithIconWithoutText(t: Theme) {\n    return css`\n      padding-right: ${t.btnWithIconPaddingLeftLarge};\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      margin: 0;\n      padding: 0 !important; // override size mixin\n      height: auto !important; // override size mixin\n\n      &:hover:enabled,\n      &:active:enabled {\n        color: ${t.btnLinkHoverColor};\n        text-decoration: ${t.btnLinkHoverTextDecoration};\n      }\n\n      &:active:enabled {\n        ${activeStyles.link(t)}\n      }\n    `;\n  },\n\n  linkLineHeight() {\n    return css`\n      line-height: inherit !important; // override size mixin\n    `;\n  },\n\n  linkLineHeightSafariFallback() {\n    return css`\n      /* Safari overrides 'underline' and 'border' if 'line-height' is used */\n      margin: -1px 0 -2px;\n    `;\n  },\n\n  linkFocus(t: Theme) {\n    return css`\n      & {\n        color: ${t.btnLinkColor};\n        text-decoration: ${t.btnLinkHoverTextDecoration};\n      }\n    `;\n  },\n\n  linkDisabled(t: Theme) {\n    return css`\n      cursor: default;\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:\n          inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n          0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important; // override root:hover style\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  },\n\n  disabledWithoutOutline(t: Theme) {\n    return css`\n      box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBg};\n    `;\n  },\n\n  arrowIconRoot() {\n    return css`\n      position: absolute;\n      height: 100%;\n      top: 0;\n      right: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-sizing: content-box;\n    `;\n  },\n\n  arrowIconRootSmall(t: Theme) {\n    return css`\n      padding: 0 ${t.btnWithIconPaddingLeftSmall} 0 ${t.btnWithIconPaddingLeftSmall};\n      width: ${t.btnIconSizeSmall};\n    `;\n  },\n\n  arrowIconRootMedium(t: Theme) {\n    return css`\n      padding: 0 ${t.btnWithIconPaddingLeftMedium} 0 ${t.btnWithIconPaddingLeftMedium};\n      width: ${t.btnIconSizeMedium};\n    `;\n  },\n\n  arrowIconRootLarge(t: Theme) {\n    return css`\n      padding: 0 ${t.btnWithIconPaddingLeftLarge} 0 ${t.btnWithIconPaddingLeftLarge};\n      width: ${t.btnIconSizeLarge};\n    `;\n  },\n\n  arrowIconLeft() {\n    return css`\n      left: 0;\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.btnBorderWidth,\n      )};\n\n      &:hover {\n        ${buttonHoverMixin(\n          t.btnDefaultHoverBg,\n          t.btnDefaultHoverBgStart,\n          t.btnDefaultHoverBgEnd,\n          t.btnDefaultHoverTextColor,\n          t.btnDefaultHoverBorderColor,\n          t.btnBorderWidth,\n        )};\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.btnBorderWidth,\n      )};\n\n      &:hover {\n        ${buttonHoverMixin(\n          t.btnPrimaryHoverBg,\n          t.btnPrimaryHoverBgStart,\n          t.btnPrimaryHoverBgEnd,\n          t.btnPrimaryHoverTextColor,\n          t.btnPrimaryHoverBorderColor,\n          t.btnBorderWidth,\n        )};\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.btnBorderWidth,\n      )};\n\n      &:hover {\n        ${buttonHoverMixin(\n          t.btnSuccessHoverBg,\n          t.btnSuccessHoverBgStart,\n          t.btnSuccessHoverBgEnd,\n          t.btnSuccessHoverTextColor,\n          t.btnSuccessHoverBorderColor,\n          t.btnBorderWidth,\n        )};\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.btnBorderWidth,\n      )};\n\n      &:hover {\n        ${buttonHoverMixin(\n          t.btnDangerHoverBg,\n          t.btnDangerHoverBgStart,\n          t.btnDangerHoverBgEnd,\n          t.btnDangerHoverTextColor,\n          t.btnDangerHoverBorderColor,\n          t.btnBorderWidth,\n        )};\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.btnBorderWidth,\n      )};\n\n      &:hover {\n        ${buttonHoverMixin(\n          t.btnPayHoverBg,\n          t.btnPayHoverBgStart,\n          t.btnPayHoverBgEnd,\n          t.btnPayHoverTextColor,\n          t.btnPayHoverBorderColor,\n          t.btnBorderWidth,\n        )};\n      }\n\n      &:active {\n        ${activeStyles.pay(t)}\n      }\n    `;\n  },\n\n  text(t: Theme) {\n    return css`\n      &,\n      &:enabled,\n      &:hover {\n        box-shadow: none;\n      }\n\n      ${buttonUseMixin(t.btnTextBg, '', '', t.btnTextTextColor, t.btnTextBorderColor, t.btnBorderWidth)};\n\n      &:hover {\n        ${buttonHoverMixin(\n          t.btnTextHoverBg,\n          '',\n          '',\n          t.btnTextHoverTextColor,\n          t.btnTextHoverBorderColor,\n          t.btnBorderWidth,\n        )};\n      }\n\n      &:active {\n        ${activeStyles.text(t)}\n      }\n    `;\n  },\n\n  backless(t: Theme) {\n    return css`\n      ${buttonUseMixin(t.btnBacklessBg, '', '', t.btnBacklessTextColor, t.btnBacklessBorderColor, t.btnBorderWidth)};\n\n      color: ${t.btnDefaultTextColor};\n      background: transparent;\n\n      &:hover {\n        ${buttonHoverMixin(\n          t.btnBacklessHoverBg,\n          '',\n          '',\n          t.btnBacklessHoverTextColor,\n          t.btnBacklessHoverBorderColor,\n          t.btnBorderWidth,\n        )};\n      }\n\n      &:active {\n        ${activeStyles.backless(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} !important;\n      background-color: ${t.btnCheckedBg} !important;\n      color: ${t.btnCheckedTextColor} !important;\n\n      .${globalClasses.innerShadow} {\n        box-shadow: ${t.btnCheckedShadow};\n      }\n\n      :enabled svg {\n        color: ${t.btnCheckedTextColor} !important;\n      }\n      :hover:enabled svg {\n        color: ${t.btnCheckedTextColor} !important;\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      &:hover:active:enabled {\n        box-shadow:\n          inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n          0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important;\n        border-color: ${t.btnBorderColorFocus} !important;\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      svg {\n        color: ${t.btnCheckedDisabledColor} !important;\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  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  wrapLink() {\n    return css`\n      padding: 0;\n    `;\n  },\n\n  borderless() {\n    return css`\n      &,\n      &:active:hover,\n      &:hover {\n        box-shadow: none !important; // override root:hover style\n      }\n    `;\n  },\n\n  backlessDisabled(t: Theme) {\n    return css`\n      box-shadow: 0 0 0 1px ${t.btnBacklessDisabledBorderColor};\n      background-color: transparent;\n    `;\n  },\n\n  textDisabled() {\n    return css`\n      background-color: transparent;\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        ${buttonActiveMixin(\n          t.btnDefaultActiveBg,\n          t.btnDefaultActiveShadow,\n          t.btnDefaultActiveBorderColor,\n          t.btnBorderWidth,\n        )};\n      }\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      & {\n        ${buttonActiveMixin(\n          t.btnPrimaryActiveBg,\n          t.btnPrimaryActiveShadow,\n          t.btnPrimaryActiveBorderColor,\n          t.btnBorderWidth,\n        )};\n      }\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      & {\n        ${buttonActiveMixin(\n          t.btnSuccessActiveBg,\n          t.btnSuccessActiveShadow,\n          t.btnSuccessActiveBorderColor,\n          t.btnBorderWidth,\n        )};\n      }\n    `;\n  },\n\n  danger(t: Theme) {\n    return css`\n      & {\n        ${buttonActiveMixin(\n          t.btnDangerActiveBg,\n          t.btnDangerActiveShadow,\n          t.btnDangerActiveBorderColor,\n          t.btnBorderWidth,\n        )};\n      }\n    `;\n  },\n\n  pay(t: Theme) {\n    return css`\n      & {\n        ${buttonActiveMixin(t.btnPayActiveBg, t.btnPayActiveShadow, t.btnPayActiveBorderColor, t.btnBorderWidth)};\n      }\n    `;\n  },\n\n  link(t: Theme) {\n    return css`\n      & {\n        color: ${t.btnLinkActiveColor};\n      }\n    `;\n  },\n\n  text(t: Theme) {\n    return css`\n      & {\n        ${buttonActiveMixin(t.btnTextActiveBg, '', t.btnTextActiveBg, t.btnBorderWidth)};\n      }\n    `;\n  },\n\n  backless(t: Theme) {\n    return css`\n      & {\n        ${buttonActiveMixin(t.btnBacklessActiveBg, '', t.btnBacklessActiveBorderColor, t.btnBorderWidth)}\n      }\n    `;\n  },\n});\n"],"mappings":"o8CAAA,SAASA,GAAG,EAAEC,YAAY,EAAEC,MAAM,QAAQ,2BAA2B;;AAErE,SAASC,WAAW,EAAEC,SAAS,QAAQ,yBAAyB;;AAEhE;EACEC,cAAc;EACdC,gBAAgB;EAChBC,iBAAiB;EACjBC,eAAe;EACfC,mBAAmB;AACd,iBAAiB;;AAExB,OAAO,IAAMC,aAAa,GAAGR,MAAM,CAAC,QAAQ,CAAC,CAAC;EAC5CS,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE,OAAO;EACdC,OAAO,EAAE,SAAS;EAClBC,IAAI,EAAE,MAAM;EACZC,WAAW,EAAE,cAAc;EAC3BC,QAAQ,EAAE;AACZ,CAAC,CAAC;;AAEF,OAAO,IAAMC,MAAM,GAAGhB,YAAY,CAAC;EACjCU,IAAI,WAAAA,KAACO,CAAQ,EAAE;IACb,OAAOlB,GAAG,CAAAmB,eAAA,KAAAA,eAAA,GAAAC,2BAAA;IACNjB,WAAW,CAAC,CAAC;IACbC,SAAS,CAAC,CAAC;;IAEkBc,CAAC,CAACG,kBAAkB,EAAIH,CAAC,CAACI,wBAAwB;IAC7EJ,CAAC,CAACK,wBAAwB,UAAQL,CAAC,CAACK,wBAAwB,GAAK,EAAE;;IAEpDL,CAAC,CAACM,iBAAiB;;;;;;;;;;;IAWnCd,aAAa,CAACK,WAAW;;;;;;;;;;;;;;;;;;;;;;IAsBjBG,CAAC,CAACO,iBAAiB;;IAE1Bf,aAAa,CAACM,QAAQ;IACfE,CAAC,CAACQ,oBAAoB;;;IAGtBR,CAAC,CAACS,YAAY;;;EAG7B,CAAC;;EAEDC,uBAAuB,WAAAA,wBAACV,CAAQ,EAAE;IAChC,OAAOlB,GAAG,CAAA6B,gBAAA,KAAAA,gBAAA,GAAAT,2BAAA;IACcF,CAAC,CAACY,gBAAgB,EAAMZ,CAAC,CAACa,2BAA2B,EAAMb,CAAC,CAACa,2BAA2B;;EAElH,CAAC;;EAEDC,wBAAwB,WAAAA,yBAACd,CAAQ,EAAE;IACjC,OAAOlB,GAAG,CAAAiC,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;;IAEJF,CAAC,CAACgB,iBAAiB,EAAMhB,CAAC,CAACiB,4BAA4B,EAAMjB,CAAC,CAACiB,4BAA4B;;;EAGnG,CAAC;;EAEDC,uBAAuB,WAAAA,wBAAClB,CAAQ,EAAE;IAChC,OAAOlB,GAAG,CAAAqC,gBAAA,KAAAA,gBAAA,GAAAjB,2BAAA;IACcF,CAAC,CAACoB,gBAAgB,EAAMpB,CAAC,CAACqB,2BAA2B,EAAMrB,CAAC,CAACqB,2BAA2B;;EAElH,CAAC;;EAEDC,sBAAsB,WAAAA,uBAACtB,CAAQ,EAAE;IAC/B,OAAOlB,GAAG,CAAAyC,gBAAA,KAAAA,gBAAA,GAAArB,2BAAA;IACaF,CAAC,CAACY,gBAAgB,EAAMZ,CAAC,CAACa,2BAA2B,EAAMb,CAAC,CAACa,2BAA2B;;EAEjH,CAAC;;EAEDW,uBAAuB,WAAAA,wBAACxB,CAAQ,EAAE;IAChC,OAAOlB,GAAG,CAAA2C,gBAAA,KAAAA,gBAAA,GAAAvB,2BAAA;;IAEJF,CAAC,CAACgB,iBAAiB,EAAMhB,CAAC,CAACiB,4BAA4B,EAAMjB,CAAC,CAACiB,4BAA4B;;;EAGnG,CAAC;;EAEDS,sBAAsB,WAAAA,uBAAC1B,CAAQ,EAAE;IAC/B,OAAOlB,GAAG,CAAA6C,gBAAA,KAAAA,gBAAA,GAAAzB,2BAAA;IACaF,CAAC,CAACoB,gBAAgB,EAAMpB,CAAC,CAACqB,2BAA2B,EAAMrB,CAAC,CAACqB,2BAA2B;;EAEjH,CAAC;;EAEDO,cAAc,WAAAA,eAAA,EAAG;IACf,OAAO9C,GAAG,CAAA+C,gBAAA,KAAAA,gBAAA,GAAA3B,2BAAA;IACIV,aAAa,CAACG,OAAO;;;;EAIrC,CAAC;;EAEDmC,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOhD,GAAG,CAAAiD,gBAAA,KAAAA,gBAAA,GAAA7B,2BAAA;;;;;;;;EAQZ,CAAC;;EAED8B,cAAc,WAAAA,eAAChC,CAAQ,EAAE;IACvB,OAAOlB,GAAG,CAAAmD,iBAAA,KAAAA,iBAAA,GAAA/B,2BAAA;;IAEEF,CAAC,CAACkC,eAAe,EAAIlC,CAAC,CAACmC,qBAAqB;IACtCnC,CAAC,CAACoC,aAAa,EAAIpC,CAAC,CAACqC,aAAa;;EAEtD,CAAC;;EAEDC,YAAY,WAAAA,aAACtC,CAAQ,EAAE;IACrB,OAAOlB,GAAG,CAAAyD,iBAAA,KAAAA,iBAAA,GAAArC,2BAAA;;IAEEF,CAAC,CAACkC,eAAe,EAAIlC,CAAC,CAACwC,mBAAmB;IACpCxC,CAAC,CAACoC,aAAa,EAAIpC,CAAC,CAACqC,aAAa;;EAEtD,CAAC;;EAEDI,WAAW,WAAAA,YAAA,EAAG;IACZ,OAAO3D,GAAG,CAAA4D,iBAAA,KAAAA,iBAAA,GAAAxC,2BAAA;;;;;;;EAOZ,CAAC;;EAEDyC,kBAAkB,WAAAA,mBAAC3C,CAAQ,EAAE;IAC3B,OAAOlB,GAAG,CAAA8D,iBAAA,KAAAA,iBAAA,GAAA1C,2BAAA;IACYF,CAAC,CAAC6C,mBAAmB;;EAE7C,CAAC;;EAEDC,gBAAgB,WAAAA,iBAAC9C,CAAQ,EAAE;IACzB,OAAOlB,GAAG,CAAAiE,iBAAA,KAAAA,iBAAA,GAAA7C,2BAAA;IACYF,CAAC,CAACgD,iBAAiB;;EAE3C,CAAC;;EAEDC,SAAS,WAAAA,UAACjD,CAAQ,EAAE;IAClB,OAAOlB,GAAG,CAAAoE,iBAAA,KAAAA,iBAAA,GAAAhD,2BAAA;IACSF,CAAC,CAACmD,oBAAoB;;IAErC7D,eAAe,CAACU,CAAC,CAACoD,gBAAgB,EAAEpD,CAAC,CAACqD,kBAAkB,EAAErD,CAAC,CAACsD,gBAAgB,EAAEtD,CAAC,CAACuD,gBAAgB,CAAC;;EAEvG,CAAC;;EAEDC,aAAa,WAAAA,cAACxD,CAAQ,EAAE;IACtB,OAAOlB,GAAG,CAAA2E,iBAAA,KAAAA,iBAAA,GAAAvD,2BAAA;IACNX,mBAAmB,CAACS,CAAC,CAACsD,gBAAgB,EAAEtD,CAAC,CAACuD,gBAAgB,CAAC;;EAEjE,CAAC;;EAEDG,UAAU,WAAAA,WAAC1D,CAAQ,EAAE;IACnB,OAAOlB,GAAG,CAAA6E,iBAAA,KAAAA,iBAAA,GAAAzD,2BAAA;IACSF,CAAC,CAAC4D,qBAAqB;;IAEtCtE,eAAe,CAACU,CAAC,CAAC6D,iBAAiB,EAAE7D,CAAC,CAAC8D,mBAAmB,EAAE9D,CAAC,CAAC+D,iBAAiB,EAAE/D,CAAC,CAACgE,iBAAiB,CAAC;;EAE3G,CAAC;;EAEDC,cAAc,WAAAA,eAACjE,CAAQ,EAAE;IACvB,OAAOlB,GAAG,CAAAoF,iBAAA,KAAAA,iBAAA,GAAAhE,2BAAA;IACNX,mBAAmB,CAACS,CAAC,CAAC+D,iBAAiB,EAAE/D,CAAC,CAACgE,iBAAiB,CAAC;;EAEnE,CAAC;;EAEDG,SAAS,WAAAA,UAACnE,CAAQ,EAAE;IAClB,OAAOlB,GAAG,CAAAsF,iBAAA,KAAAA,iBAAA,GAAAlE,2BAAA;IACSF,CAAC,CAACqE,oBAAoB;;IAErC/E,eAAe,CAACU,CAAC,CAACsE,gBAAgB,EAAEtE,CAAC,CAACuE,kBAAkB,EAAEvE,CAAC,CAACwE,gBAAgB,EAAExE,CAAC,CAACyE,gBAAgB,CAAC;;EAEvG,CAAC;;EAEDC,aAAa,WAAAA,cAAC1E,CAAQ,EAAE;IACtB,OAAOlB,GAAG,CAAA6F,iBAAA,KAAAA,iBAAA,GAAAzE,2BAAA;IACNX,mBAAmB,CAACS,CAAC,CAACwE,gBAAgB,EAAExE,CAAC,CAACyE,gBAAgB,CAAC;;EAEjE,CAAC;;EAEDG,iBAAiB,WAAAA,kBAAC5E,CAAQ,EAAE;IAC1B,OAAOlB,GAAG,CAAA+F,iBAAA,KAAAA,iBAAA,GAAA3E,2BAAA;IACQF,CAAC,CAACa,2BAA2B;;EAEjD,CAAC;;EAEDiE,kBAAkB,WAAAA,mBAAC9E,CAAQ,EAAE;IAC3B,OAAOlB,GAAG,CAAAiG,iBAAA,KAAAA,iBAAA,GAAA7E,2BAAA;IACQF,CAAC,CAACiB,4BAA4B;;EAElD,CAAC;;EAED+D,iBAAiB,WAAAA,kBAAChF,CAAQ,EAAE;IAC1B,OAAOlB,GAAG,CAAAmG,iBAAA,KAAAA,iBAAA,GAAA/E,2BAAA;IACQF,CAAC,CAACqB,2BAA2B;;EAEjD,CAAC;;EAED6D,4BAA4B,WAAAA,6BAAClF,CAAQ,EAAE;IACrC,OAAOlB,GAAG,CAAAqG,iBAAA,KAAAA,iBAAA,GAAAjF,2BAAA;IACSF,CAAC,CAACa,2BAA2B;;EAElD,CAAC;;EAEDuE,6BAA6B,WAAAA,8BAACpF,CAAQ,EAAE;IACtC,OAAOlB,GAAG,CAAAuG,iBAAA,KAAAA,iBAAA,GAAAnF,2BAAA;IACSF,CAAC,CAACiB,4BAA4B;;EAEnD,CAAC;;EAEDqE,4BAA4B,WAAAA,6BAACtF,CAAQ,EAAE;IACrC,OAAOlB,GAAG,CAAAyG,iBAAA,KAAAA,iBAAA,GAAArF,2BAAA;IACSF,CAAC,CAACqB,2BAA2B;;EAElD,CAAC;;EAEDmE,IAAI,WAAAA,KAACxF,CAAQ,EAAE;IACb,OAAOlB,GAAG,CAAA2G,iBAAA,KAAAA,iBAAA,GAAAvF,2BAAA;;IAESF,CAAC,CAAC0F,mBAAmB;;;;IAI7B1F,CAAC,CAAC2F,YAAY;;;;;;;;IAQZ3F,CAAC,CAAC4F,iBAAiB;IACT5F,CAAC,CAAC6F,0BAA0B;;;;IAI7CC,YAAY,CAACN,IAAI,CAACxF,CAAC,CAAC;;;EAG5B,CAAC;;EAED+F,cAAc,WAAAA,eAAA,EAAG;IACf,OAAOjH,GAAG,CAAAkH,iBAAA,KAAAA,iBAAA,GAAA9F,2BAAA;;;EAGZ,CAAC;;EAED+F,4BAA4B,WAAAA,6BAAA,EAAG;IAC7B,OAAOnH,GAAG,CAAAoH,iBAAA,KAAAA,iBAAA,GAAAhG,2BAAA;;;;EAIZ,CAAC;;EAEDiG,SAAS,WAAAA,UAACnG,CAAQ,EAAE;IAClB,OAAOlB,GAAG,CAAAsH,iBAAA,KAAAA,iBAAA,GAAAlG,2BAAA;;IAEGF,CAAC,CAAC2F,YAAY;IACJ3F,CAAC,CAAC6F,0BAA0B;;;EAGrD,CAAC;;EAEDQ,YAAY,WAAAA,aAACrG,CAAQ,EAAE;IACrB,OAAOlB,GAAG,CAAAwH,iBAAA,KAAAA,iBAAA,GAAApG,2BAAA;;;;;;IAMGF,CAAC,CAACuG,oBAAoB;;;EAGrC,CAAC;;EAEDC,KAAK,WAAAA,MAACxG,CAAQ,EAAE;IACd,OAAOlB,GAAG,CAAA2H,iBAAA,KAAAA,iBAAA,GAAAvG,2BAAA;;;;;;;;;IASUF,CAAC,CAACoC,aAAa,EAAIpC,CAAC,CAAC0G,oBAAoB;IAC/C1G,CAAC,CAAC2G,mBAAmB,EAAI3G,CAAC,CAAC4G,mBAAmB;;;EAG9D,CAAC;;EAED9G,QAAQ,WAAAA,SAACE,CAAQ,EAAE;IACjB,OAAOlB,GAAG,CAAA+H,iBAAA,KAAAA,iBAAA,GAAA3G,2BAAA;;;IAGYF,CAAC,CAAC8G,cAAc,EAAI9G,CAAC,CAAC+G,sBAAsB;;;IAG5C/G,CAAC,CAACgH,aAAa;IAC1BhH,CAAC,CAACiH,oBAAoB;;EAEnC,CAAC;;EAEDC,sBAAsB,WAAAA,uBAAClH,CAAQ,EAAE;IAC/B,OAAOlB,GAAG,CAAAqI,iBAAA,KAAAA,iBAAA,GAAAjH,2BAAA;IACYF,CAAC,CAAC8G,cAAc,EAAI9G,CAAC,CAACgH,aAAa;;EAE3D,CAAC;;EAEDI,aAAa,WAAAA,cAAA,EAAG;IACd,OAAOtI,GAAG,CAAAuI,iBAAA,KAAAA,iBAAA,GAAAnH,2BAAA;;;;;;;;;;EAUZ,CAAC;;EAEDoH,kBAAkB,WAAAA,mBAACtH,CAAQ,EAAE;IAC3B,OAAOlB,GAAG,CAAAyI,iBAAA,KAAAA,iBAAA,GAAArH,2BAAA;IACKF,CAAC,CAACa,2BAA2B,EAAMb,CAAC,CAACa,2BAA2B;IACpEb,CAAC,CAACY,gBAAgB;;EAE/B,CAAC;;EAED4G,mBAAmB,WAAAA,oBAACxH,CAAQ,EAAE;IAC5B,OAAOlB,GAAG,CAAA2I,iBAAA,KAAAA,iBAAA,GAAAvH,2BAAA;IACKF,CAAC,CAACiB,4BAA4B,EAAMjB,CAAC,CAACiB,4BAA4B;IACtEjB,CAAC,CAACgB,iBAAiB;;EAEhC,CAAC;;EAED0G,kBAAkB,WAAAA,mBAAC1H,CAAQ,EAAE;IAC3B,OAAOlB,GAAG,CAAA6I,iBAAA,KAAAA,iBAAA,GAAAzH,2BAAA;IACKF,CAAC,CAACqB,2BAA2B,EAAMrB,CAAC,CAACqB,2BAA2B;IACpErB,CAAC,CAACoB,gBAAgB;;EAE/B,CAAC;;EAEDwG,aAAa,WAAAA,cAAA,EAAG;IACd,OAAO9I,GAAG,CAAA+I,iBAAA,KAAAA,iBAAA,GAAA3H,2BAAA;;;EAGZ,CAAC,sBAAA4H;;EAEO9H,CAAQ,EAAE;IAChB,OAAOlB,GAAG,CAAAiJ,iBAAA,KAAAA,iBAAA,GAAA7H,2BAAA;IACNf,cAAc;MACda,CAAC,CAACgI,YAAY;MACdhI,CAAC,CAACiI,iBAAiB;MACnBjI,CAAC,CAACkI,eAAe;MACjBlI,CAAC,CAACmI,mBAAmB;MACrBnI,CAAC,CAACoI,qBAAqB;MACvBpI,CAAC,CAAC8G;IACJ,CAAC;;;IAGG1H,gBAAgB;MAChBY,CAAC,CAACqI,iBAAiB;MACnBrI,CAAC,CAACsI,sBAAsB;MACxBtI,CAAC,CAACuI,oBAAoB;MACtBvI,CAAC,CAACwI,wBAAwB;MAC1BxI,CAAC,CAACyI,0BAA0B;MAC5BzI,CAAC,CAAC8G;IACJ,CAAC;;;;IAIChB,YAAY,WAAQ,CAAC9F,CAAC,CAAC;;;EAG/B,CAAC;;EAED0I,OAAO,WAAAA,QAAC1I,CAAQ,EAAE;IAChB,OAAOlB,GAAG,CAAA6J,iBAAA,KAAAA,iBAAA,GAAAzI,2BAAA;IACNf,cAAc;MACda,CAAC,CAAC4I,YAAY;MACd5I,CAAC,CAAC6I,iBAAiB;MACnB7I,CAAC,CAAC8I,eAAe;MACjB9I,CAAC,CAAC+I,mBAAmB;MACrB/I,CAAC,CAACgJ,qBAAqB;MACvBhJ,CAAC,CAAC8G;IACJ,CAAC;;;IAGG1H,gBAAgB;MAChBY,CAAC,CAACiJ,iBAAiB;MACnBjJ,CAAC,CAACkJ,sBAAsB;MACxBlJ,CAAC,CAACmJ,oBAAoB;MACtBnJ,CAAC,CAACoJ,wBAAwB;MAC1BpJ,CAAC,CAACqJ,0BAA0B;MAC5BrJ,CAAC,CAAC8G;IACJ,CAAC;;;;IAIChB,YAAY,CAAC4C,OAAO,CAAC1I,CAAC,CAAC;;;EAG/B,CAAC;;EAEDsJ,OAAO,WAAAA,QAACtJ,CAAQ,EAAE;IAChB,OAAOlB,GAAG,CAAAyK,iBAAA,KAAAA,iBAAA,GAAArJ,2BAAA;IACNf,cAAc;MACda,CAAC,CAACwJ,YAAY;MACdxJ,CAAC,CAACyJ,iBAAiB;MACnBzJ,CAAC,CAAC0J,eAAe;MACjB1J,CAAC,CAAC2J,mBAAmB;MACrB3J,CAAC,CAAC4J,qBAAqB;MACvB5J,CAAC,CAAC8G;IACJ,CAAC;;;IAGG1H,gBAAgB;MAChBY,CAAC,CAAC6J,iBAAiB;MACnB7J,CAAC,CAAC8J,sBAAsB;MACxB9J,CAAC,CAAC+J,oBAAoB;MACtB/J,CAAC,CAACgK,wBAAwB;MAC1BhK,CAAC,CAACiK,0BAA0B;MAC5BjK,CAAC,CAAC8G;IACJ,CAAC;;;;IAIChB,YAAY,CAACwD,OAAO,CAACtJ,CAAC,CAAC;;;EAG/B,CAAC;;EAEDkK,MAAM,WAAAA,OAAClK,CAAQ,EAAE;IACf,OAAOlB,GAAG,CAAAqL,iBAAA,KAAAA,iBAAA,GAAAjK,2BAAA;IACNf,cAAc;MACda,CAAC,CAACoK,WAAW;MACbpK,CAAC,CAACqK,gBAAgB;MAClBrK,CAAC,CAACsK,cAAc;MAChBtK,CAAC,CAACuK,kBAAkB;MACpBvK,CAAC,CAACwK,oBAAoB;MACtBxK,CAAC,CAAC8G;IACJ,CAAC;;;IAGG1H,gBAAgB;MAChBY,CAAC,CAACyK,gBAAgB;MAClBzK,CAAC,CAAC0K,qBAAqB;MACvB1K,CAAC,CAAC2K,mBAAmB;MACrB3K,CAAC,CAAC4K,uBAAuB;MACzB5K,CAAC,CAAC6K,yBAAyB;MAC3B7K,CAAC,CAAC8G;IACJ,CAAC;;;;IAIChB,YAAY,CAACoE,MAAM,CAAClK,CAAC,CAAC;;;EAG9B,CAAC;;EAED8K,GAAG,WAAAA,IAAC9K,CAAQ,EAAE;IACZ,OAAOlB,GAAG,CAAAiM,iBAAA,KAAAA,iBAAA,GAAA7K,2BAAA;IACNf,cAAc;MACda,CAAC,CAACgL,QAAQ;MACVhL,CAAC,CAACiL,aAAa;MACfjL,CAAC,CAACkL,WAAW;MACblL,CAAC,CAACmL,eAAe;MACjBnL,CAAC,CAACoL,iBAAiB;MACnBpL,CAAC,CAAC8G;IACJ,CAAC;;;IAGG1H,gBAAgB;MAChBY,CAAC,CAACqL,aAAa;MACfrL,CAAC,CAACsL,kBAAkB;MACpBtL,CAAC,CAACuL,gBAAgB;MAClBvL,CAAC,CAACwL,oBAAoB;MACtBxL,CAAC,CAACyL,sBAAsB;MACxBzL,CAAC,CAAC8G;IACJ,CAAC;;;;IAIChB,YAAY,CAACgF,GAAG,CAAC9K,CAAC,CAAC;;;EAG3B,CAAC;;EAEDJ,IAAI,WAAAA,KAACI,CAAQ,EAAE;IACb,OAAOlB,GAAG,CAAA4M,iBAAA,KAAAA,iBAAA,GAAAxL,2BAAA;;;;;;;IAONf,cAAc,CAACa,CAAC,CAAC2L,SAAS,EAAE,EAAE,EAAE,EAAE,EAAE3L,CAAC,CAAC4L,gBAAgB,EAAE5L,CAAC,CAAC6L,kBAAkB,EAAE7L,CAAC,CAAC8G,cAAc,CAAC;;;IAG7F1H,gBAAgB;MAChBY,CAAC,CAAC8L,cAAc;MAChB,EAAE;MACF,EAAE;MACF9L,CAAC,CAAC+L,qBAAqB;MACvB/L,CAAC,CAACgM,uBAAuB;MACzBhM,CAAC,CAAC8G;IACJ,CAAC;;;;IAIChB,YAAY,CAAClG,IAAI,CAACI,CAAC,CAAC;;;EAG5B,CAAC;;EAEDiM,QAAQ,WAAAA,SAACjM,CAAQ,EAAE;IACjB,OAAOlB,GAAG,CAAAoN,iBAAA,KAAAA,iBAAA,GAAAhM,2BAAA;IACNf,cAAc,CAACa,CAAC,CAACmM,aAAa,EAAE,EAAE,EAAE,EAAE,EAAEnM,CAAC,CAACoM,oBAAoB,EAAEpM,CAAC,CAACqM,sBAAsB,EAAErM,CAAC,CAAC8G,cAAc,CAAC;;IAEpG9G,CAAC,CAACmI,mBAAmB;;;;IAI1B/I,gBAAgB;MAChBY,CAAC,CAACsM,kBAAkB;MACpB,EAAE;MACF,EAAE;MACFtM,CAAC,CAACuM,yBAAyB;MAC3BvM,CAAC,CAACwM,2BAA2B;MAC7BxM,CAAC,CAAC8G;IACJ,CAAC;;;;IAIChB,YAAY,CAACmG,QAAQ,CAACjM,CAAC,CAAC;;;EAGhC,CAAC;;EAEDyM,OAAO,WAAAA,QAACzM,CAAQ,EAAE;IAChB,IAAM0M,aAAa;;IAEG1M,CAAC,CAAC8G,cAAc,SAAI9G,CAAC,CAAC2M,4BAA4B;IAClD3M,CAAC,CAAC4M,YAAY;IACzB5M,CAAC,CAAC6M,mBAAmB;;IAE3BrN,aAAa,CAACK,WAAW;IACZG,CAAC,CAAC8M,gBAAgB;;;;IAIvB9M,CAAC,CAAC6M,mBAAmB;;;IAGrB7M,CAAC,CAAC6M,mBAAmB,gCAEjC;;;;IAED,OAAO/N,GAAG,CAAAiO,iBAAA,KAAAA,iBAAA,GAAA7M,2BAAA;IACNwM,aAAa;;;;;IAKXA,aAAa;;;EAGrB,CAAC;;EAEDM,cAAc,WAAAA,eAAChN,CAAQ,EAAE;IACvB,OAAOlB,GAAG,CAAAmO,iBAAA,KAAAA,iBAAA,GAAA/M,2BAAA;;;;IAIUF,CAAC,CAACoC,aAAa,EAAIpC,CAAC,CAAC0G,oBAAoB;IAC/C1G,CAAC,CAAC2G,mBAAmB,EAAI3G,CAAC,CAAC4G,mBAAmB;IACxC5G,CAAC,CAAC4G,mBAAmB;;;EAG3C,CAAC;;EAEDsG,eAAe,WAAAA,gBAAClN,CAAQ,EAAE;IACxB,OAAOlB,GAAG,CAAAqO,iBAAA,KAAAA,iBAAA,GAAAjN,2BAAA;IACYF,CAAC,CAAC8G,cAAc,EAAI9G,CAAC,CAACoN,6BAA6B;IACnDpN,CAAC,CAACqN,oBAAoB;IACjCrN,CAAC,CAACsN,uBAAuB;;IAE/B9N,aAAa,CAACK,WAAW;IACZG,CAAC,CAACuN,wBAAwB;;;;IAI/BvN,CAAC,CAACsN,uBAAuB;;;EAGxC,CAAC;;EAED3N,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOb,GAAG,CAAA0O,iBAAA,KAAAA,iBAAA,GAAAtN,2BAAA;;;;;;;EAOZ,CAAC;;EAEDuN,WAAW,WAAAA,YAAA,EAAG;IACZ,OAAO3O,GAAG,CAAA4O,iBAAA,KAAAA,iBAAA,GAAAxN,2BAAA;;;;EAIZ,CAAC;;EAEDyN,eAAe,WAAAA,gBAAA,EAAG;IAChB,OAAO7O,GAAG,CAAA8O,iBAAA,KAAAA,iBAAA,GAAA1N,2BAAA;;;EAGZ,CAAC;;EAED2N,IAAI,WAAAA,KAAC7N,CAAQ,EAAE;IACb,OAAOlB,GAAG,CAAAgP,iBAAA,KAAAA,iBAAA,GAAA5N,2BAAA;;;;IAIGF,CAAC,CAAC8G,cAAc;;EAE/B,CAAC;;EAEDiH,SAAS,WAAAA,UAAC/N,CAAQ,EAAE;IAClB,OAAOlB,GAAG,CAAAkP,iBAAA,KAAAA,iBAAA,GAAA9N,2BAAA;IACEF,CAAC,CAACiO,cAAc;;EAE9B,CAAC;;EAEDC,UAAU,WAAAA,WAAClO,CAAQ,EAAE;IACnB,OAAOlB,GAAG,CAAAqP,iBAAA,KAAAA,iBAAA,GAAAjO,2BAAA;IACEF,CAAC,CAACoO,eAAe;;EAE/B,CAAC;;EAEDC,SAAS,WAAAA,UAACrO,CAAQ,EAAE;IAClB,OAAOlB,GAAG,CAAAwP,iBAAA,KAAAA,iBAAA,GAAApO,2BAAA;IACEF,CAAC,CAACuO,cAAc;;EAE9B,CAAC;;EAEDC,MAAM,WAAAA,OAAA,EAAG;IACP,OAAO1P,GAAG,CAAA2P,iBAAA,KAAAA,iBAAA,GAAAvO,2BAAA;;;;EAIZ,CAAC;;EAEDwO,SAAS,WAAAA,UAAA,EAAG;IACV,OAAO5P,GAAG,CAAA6P,iBAAA,KAAAA,iBAAA,GAAAzO,2BAAA;;;;EAIZ,CAAC;;EAED0O,cAAc,WAAAA,eAAA,EAAG;IACf,OAAO9P,GAAG,CAAA+P,iBAAA,KAAAA,iBAAA,GAAA3O,2BAAA;;;EAGZ,CAAC;;EAED4O,QAAQ,WAAAA,SAAA,EAAG;IACT,OAAOhQ,GAAG,CAAAiQ,iBAAA,KAAAA,iBAAA,GAAA7O,2BAAA;;;EAGZ,CAAC;;EAED8O,UAAU,WAAAA,WAAA,EAAG;IACX,OAAOlQ,GAAG,CAAAmQ,iBAAA,KAAAA,iBAAA,GAAA/O,2BAAA;;;;;;;EAOZ,CAAC;;EAEDgP,gBAAgB,WAAAA,iBAAClP,CAAQ,EAAE;IACzB,OAAOlB,GAAG,CAAAqQ,iBAAA,KAAAA,iBAAA,GAAAjP,2BAAA;IACgBF,CAAC,CAACoP,8BAA8B;;;EAG5D,CAAC;;EAEDC,YAAY,WAAAA,aAAA,EAAG;IACb,OAAOvQ,GAAG,CAAAwQ,iBAAA,KAAAA,iBAAA,GAAApP,2BAAA;;;EAGZ,CAAC;;EAEDqP,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOzQ,GAAG,CAAA0Q,iBAAA,KAAAA,iBAAA,GAAAtP,2BAAA;;;;;;;;;;;;EAYZ,CAAC;;EAEDuP,gBAAgB,WAAAA,iBAAA,EAAG;IACjB,OAAO3Q,GAAG,CAAA4Q,iBAAA,KAAAA,iBAAA,GAAAxP,2BAAA;;;EAGZ;AACF,CAAC,CAAC;;AAEF,OAAO,IAAM4F,YAAY,GAAG/G,YAAY,CAAC,sBAAA+I;EAC/B9H,CAAQ,EAAE;IAChB,OAAOlB,GAAG,CAAA6Q,iBAAA,KAAAA,iBAAA,GAAAzP,2BAAA;;IAEJb,iBAAiB;MACjBW,CAAC,CAAC4P,kBAAkB;MACpB5P,CAAC,CAAC6P,sBAAsB;MACxB7P,CAAC,CAAC8P,2BAA2B;MAC7B9P,CAAC,CAAC8G;IACJ,CAAC;;;EAGP,CAAC;;EAED4B,OAAO,WAAAA,QAAC1I,CAAQ,EAAE;IAChB,OAAOlB,GAAG,CAAAiR,iBAAA,KAAAA,iBAAA,GAAA7P,2BAAA;;IAEJb,iBAAiB;MACjBW,CAAC,CAACgQ,kBAAkB;MACpBhQ,CAAC,CAACiQ,sBAAsB;MACxBjQ,CAAC,CAACkQ,2BAA2B;MAC7BlQ,CAAC,CAAC8G;IACJ,CAAC;;;EAGP,CAAC;;EAEDwC,OAAO,WAAAA,QAACtJ,CAAQ,EAAE;IAChB,OAAOlB,GAAG,CAAAqR,iBAAA,KAAAA,iBAAA,GAAAjQ,2BAAA;;IAEJb,iBAAiB;MACjBW,CAAC,CAACoQ,kBAAkB;MACpBpQ,CAAC,CAACqQ,sBAAsB;MACxBrQ,CAAC,CAACsQ,2BAA2B;MAC7BtQ,CAAC,CAAC8G;IACJ,CAAC;;;EAGP,CAAC;;EAEDoD,MAAM,WAAAA,OAAClK,CAAQ,EAAE;IACf,OAAOlB,GAAG,CAAAyR,iBAAA,KAAAA,iBAAA,GAAArQ,2BAAA;;IAEJb,iBAAiB;MACjBW,CAAC,CAACwQ,iBAAiB;MACnBxQ,CAAC,CAACyQ,qBAAqB;MACvBzQ,CAAC,CAAC0Q,0BAA0B;MAC5B1Q,CAAC,CAAC8G;IACJ,CAAC;;;EAGP,CAAC;;EAEDgE,GAAG,WAAAA,IAAC9K,CAAQ,EAAE;IACZ,OAAOlB,GAAG,CAAA6R,iBAAA,KAAAA,iBAAA,GAAAzQ,2BAAA;;IAEJb,iBAAiB,CAACW,CAAC,CAAC4Q,cAAc,EAAE5Q,CAAC,CAAC6Q,kBAAkB,EAAE7Q,CAAC,CAAC8Q,uBAAuB,EAAE9Q,CAAC,CAAC8G,cAAc,CAAC;;;EAG9G,CAAC;;EAEDtB,IAAI,WAAAA,KAACxF,CAAQ,EAAE;IACb,OAAOlB,GAAG,CAAAiS,iBAAA,KAAAA,iBAAA,GAAA7Q,2BAAA;;IAEGF,CAAC,CAACgR,kBAAkB;;;EAGnC,CAAC;;EAEDpR,IAAI,WAAAA,KAACI,CAAQ,EAAE;IACb,OAAOlB,GAAG,CAAAmS,iBAAA,KAAAA,iBAAA,GAAA/Q,2BAAA;;IAEJb,iBAAiB,CAACW,CAAC,CAACkR,eAAe,EAAE,EAAE,EAAElR,CAAC,CAACkR,eAAe,EAAElR,CAAC,CAAC8G,cAAc,CAAC;;;EAGrF,CAAC;;EAEDmF,QAAQ,WAAAA,SAACjM,CAAQ,EAAE;IACjB,OAAOlB,GAAG,CAAAqS,iBAAA,KAAAA,iBAAA,GAAAjR,2BAAA;;IAEJb,iBAAiB,CAACW,CAAC,CAACoR,mBAAmB,EAAE,EAAE,EAAEpR,CAAC,CAACqR,4BAA4B,EAAErR,CAAC,CAAC8G,cAAc,CAAC;;;EAGtG;AACF,CAAC,CAAC","ignoreList":[]}

package/components/Button/Button.styles/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Button/Button.styles.js",
+  "module": "Button.styles",
+  "types": "../Button.styles.d.ts",
+  "sideEffects": false
+}

package/components/Button/Button.styles.d.ts

@@ -0,0 +1,86 @@
+import type { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    root: string;
+    arrow: string;
+    caption: string;
+    text: string;
+    innerShadow: string;
+    disabled: string;
+};
+export declare const styles: {
+    root(t: Theme): string;
+    withArrowIconRightSmall(t: Theme): string;
+    withArrowIconRightMedium(t: Theme): string;
+    withArrowIconRightLarge(t: Theme): string;
+    withArrowIconLeftSmall(t: Theme): string;
+    withArrowIconLeftMedium(t: Theme): string;
+    withArrowIconLeftLarge(t: Theme): string;
+    simulatedPress(): string;
+    outline(): string;
+    outlineWarning(t: Theme): string;
+    outlineError(t: Theme): string;
+    outlineLink(): string;
+    outlineLinkWarning(t: Theme): string;
+    outlineLinkError(t: Theme): string;
+    sizeSmall(t: Theme): string;
+    sizeSmallIE11(t: Theme): string;
+    sizeMedium(t: Theme): string;
+    sizeMediumIE11(t: Theme): string;
+    sizeLarge(t: Theme): string;
+    sizeLargeIE11(t: Theme): string;
+    sizeSmallWithIcon(t: Theme): string;
+    sizeMediumWithIcon(t: Theme): string;
+    sizeLargeWithIcon(t: Theme): string;
+    sizeSmallWithIconWithoutText(t: Theme): string;
+    sizeMediumWithIconWithoutText(t: Theme): string;
+    sizeLargeWithIconWithoutText(t: Theme): string;
+    link(t: Theme): string;
+    linkLineHeight(): string;
+    linkLineHeightSafariFallback(): string;
+    linkFocus(t: Theme): string;
+    linkDisabled(t: Theme): string;
+    focus(t: Theme): string;
+    disabled(t: Theme): string;
+    disabledWithoutOutline(t: Theme): string;
+    arrowIconRoot(): string;
+    arrowIconRootSmall(t: Theme): string;
+    arrowIconRootMedium(t: Theme): string;
+    arrowIconRootLarge(t: Theme): string;
+    arrowIconLeft(): string;
+    default(t: Theme): string;
+    primary(t: Theme): string;
+    success(t: Theme): string;
+    danger(t: Theme): string;
+    pay(t: Theme): string;
+    text(t: Theme): string;
+    backless(t: Theme): string;
+    checked(t: Theme): string;
+    checkedFocused(t: Theme): string;
+    checkedDisabled(t: Theme): string;
+    caption(): string;
+    captionLink(): string;
+    captionDisabled(): string;
+    wrap(t: Theme): string;
+    wrapSmall(t: Theme): string;
+    wrapMedium(t: Theme): string;
+    wrapLarge(t: Theme): string;
+    narrow(): string;
+    noPadding(): string;
+    noRightPadding(): string;
+    wrapLink(): string;
+    borderless(): string;
+    backlessDisabled(t: Theme): string;
+    textDisabled(): string;
+    loading(): string;
+    visibilityHidden(): string;
+};
+export declare const activeStyles: {
+    default(t: Theme): string;
+    primary(t: Theme): string;
+    success(t: Theme): string;
+    danger(t: Theme): string;
+    pay(t: Theme): string;
+    link(t: Theme): string;
+    text(t: Theme): string;
+    backless(t: Theme): string;
+};

package/components/Button/ButtonArrow/ButtonArrow.js

@@ -0,0 +1,40 @@
+import React, { useContext } from 'react';
+import { cx } from "../../../lib/theming/Emotion";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { ArrowRightIcon } from "../ArrowRightIcon";
+import { ArrowLeftIcon } from "../ArrowLeftIcon";
+import { Button } from "../Button";
+import { globalClasses, styles } from "../Button.styles";
+var ButtonArrow = function ButtonArrow(_ref) {
+  var arrow = _ref.arrow,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? Button.defaultProps.size : _ref$size;
+  var theme = useContext(ThemeContext);
+  var getArrowIconRootClassName = function getArrowIconRootClassName() {
+    var _cx;
+    return cx(styles.arrowIconRoot(), globalClasses.arrow, (_cx = {}, _cx[styles.arrowIconRootSmall(theme)] = size === 'small', _cx[styles.arrowIconRootMedium(theme)] = size === 'medium', _cx[styles.arrowIconRootLarge(theme)] = size === 'large', _cx[styles.arrowIconLeft()] = arrow === 'left', _cx));
+  };
+  var arrowIcons = {
+    right: ArrowRightIcon,
+    left: ArrowLeftIcon
+  };
+  var side = arrow === 'left' ? 'left' : 'right';
+  var ArrowIcon = arrowIcons[side];
+  var arrowNode = /*#__PURE__*/
+  React.createElement("div", {
+    className: getArrowIconRootClassName()
+  }, /*#__PURE__*/
+  React.createElement(ArrowIcon, {
+    size: size
+  }));
+  return arrowNode;
+};
+export function useButtonArrow(props, theme) {
+  var arrow = props.arrow,
+    size = props.size,
+    use = props.use;
+  var canRender = use !== 'link' && (arrow === true || arrow === 'left');
+  var rootClassName = canRender ? cx(arrow === true && size === 'small' && styles.withArrowIconRightSmall(theme), arrow === true && size === 'medium' && styles.withArrowIconRightMedium(theme), arrow === true && size === 'large' && styles.withArrowIconRightLarge(theme), arrow === 'left' && size === 'small' && styles.withArrowIconLeftSmall(theme), arrow === 'left' && size === 'medium' && styles.withArrowIconLeftMedium(theme), arrow === 'left' && size === 'large' && styles.withArrowIconLeftLarge(theme)) : '';
+  var arrowNode = canRender ? /*#__PURE__*/React.createElement(ButtonArrow, props) : null;
+  return [rootClassName, arrowNode];
+}

package/components/Button/ButtonArrow/ButtonArrow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","cx","ThemeContext","ArrowRightIcon","ArrowLeftIcon","Button","globalClasses","styles","ButtonArrow","_ref","arrow","_ref$size","size","defaultProps","theme","getArrowIconRootClassName","_cx","arrowIconRoot","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","arrowIcons","right","left","side","ArrowIcon","arrowNode","createElement","className","useButtonArrow","props","use","canRender","rootClassName","withArrowIconRightSmall","withArrowIconRightMedium","withArrowIconRightLarge","withArrowIconLeftSmall","withArrowIconLeftMedium","withArrowIconLeftLarge"],"sources":["ButtonArrow.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { ArrowRightIcon } from './ArrowRightIcon';\nimport { ArrowLeftIcon } from './ArrowLeftIcon';\nimport type { ButtonInnerProps } from './Button';\nimport { Button } from './Button';\nimport { globalClasses, styles } from './Button.styles';\n\ntype ButtonArrowProps = Pick<\n  ButtonInnerProps,\n  'size' | 'arrow' | 'checked' | 'disabled' | 'error' | 'use' | 'warning'\n> & {\n  isFocused: boolean;\n};\n\nconst ButtonArrow: React.FunctionComponent<ButtonArrowProps> = ({ arrow, size = Button.defaultProps.size }) => {\n  const theme = useContext(ThemeContext);\n\n  const getArrowIconRootClassName = () => {\n    return cx(styles.arrowIconRoot(), globalClasses.arrow, {\n      [styles.arrowIconRootSmall(theme)]: size === 'small',\n      [styles.arrowIconRootMedium(theme)]: size === 'medium',\n      [styles.arrowIconRootLarge(theme)]: size === 'large',\n      [styles.arrowIconLeft()]: arrow === 'left',\n    });\n  };\n\n  const arrowIcons = {\n    right: ArrowRightIcon,\n    left: ArrowLeftIcon,\n  };\n  const side = arrow === 'left' ? 'left' : 'right';\n  const ArrowIcon = arrowIcons[side];\n  const arrowNode = (\n    <div className={getArrowIconRootClassName()}>\n      <ArrowIcon size={size} />\n    </div>\n  );\n\n  return arrowNode;\n};\n\nexport function useButtonArrow(props: ButtonArrowProps, theme: Theme): [string, React.ReactNode] {\n  const { arrow, size, use } = props;\n\n  const canRender = use !== 'link' && (arrow === true || arrow === 'left');\n\n  const rootClassName = canRender\n    ? cx(\n        arrow === true && size === 'small' && styles.withArrowIconRightSmall(theme),\n        arrow === true && size === 'medium' && styles.withArrowIconRightMedium(theme),\n        arrow === true && size === 'large' && styles.withArrowIconRightLarge(theme),\n        arrow === 'left' && size === 'small' && styles.withArrowIconLeftSmall(theme),\n        arrow === 'left' && size === 'medium' && styles.withArrowIconLeftMedium(theme),\n        arrow === 'left' && size === 'large' && styles.withArrowIconLeftLarge(theme),\n      )\n    : '';\n\n  const arrowNode = canRender ? <ButtonArrow {...props} /> : null;\n\n  return [rootClassName, arrowNode];\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,YAAY,QAAQ,gCAAgC;;;AAG7D,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,aAAa,QAAQ,iBAAiB;;AAE/C,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,aAAa,EAAEC,MAAM,QAAQ,iBAAiB;;;;;;;;;AASvD,IAAMC,WAAsD,GAAG,SAAzDA,WAAsDA,CAAAC,IAAA,EAAmD,KAA7CC,KAAK,GAAAD,IAAA,CAALC,KAAK,CAAAC,SAAA,GAAAF,IAAA,CAAEG,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAGN,MAAM,CAACQ,YAAY,CAACD,IAAI,GAAAD,SAAA;EACtG,IAAMG,KAAK,GAAGd,UAAU,CAACE,YAAY,CAAC;;EAEtC,IAAMa,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAA,EAAS,KAAAC,GAAA;IACtC,OAAOf,EAAE,CAACM,MAAM,CAACU,aAAa,CAAC,CAAC,EAAEX,aAAa,CAACI,KAAK,GAAAM,GAAA,OAAAA,GAAA;IAClDT,MAAM,CAACW,kBAAkB,CAACJ,KAAK,CAAC,IAAGF,IAAI,KAAK,OAAO,EAAAI,GAAA;IACnDT,MAAM,CAACY,mBAAmB,CAACL,KAAK,CAAC,IAAGF,IAAI,KAAK,QAAQ,EAAAI,GAAA;IACrDT,MAAM,CAACa,kBAAkB,CAACN,KAAK,CAAC,IAAGF,IAAI,KAAK,OAAO,EAAAI,GAAA;IACnDT,MAAM,CAACc,aAAa,CAAC,CAAC,IAAGX,KAAK,KAAK,MAAM,EAAAM,GAAA;IAC3C,CAAC;EACJ,CAAC;;EAED,IAAMM,UAAU,GAAG;IACjBC,KAAK,EAAEpB,cAAc;IACrBqB,IAAI,EAAEpB;EACR,CAAC;EACD,IAAMqB,IAAI,GAAGf,KAAK,KAAK,MAAM,GAAG,MAAM,GAAG,OAAO;EAChD,IAAMgB,SAAS,GAAGJ,UAAU,CAACG,IAAI,CAAC;EAClC,IAAME,SAAS;EACb5B,KAAA,CAAA6B,aAAA,UAAKC,SAAS,EAAEd,yBAAyB,CAAC,CAAE;EAC1ChB,KAAA,CAAA6B,aAAA,CAACF,SAAS,IAACd,IAAI,EAAEA,IAAK,EAAE;EACrB,CACN;;;EAED,OAAOe,SAAS;AAClB,CAAC;;AAED,OAAO,SAASG,cAAcA,CAACC,KAAuB,EAAEjB,KAAY,EAA6B;EAC/F,IAAQJ,KAAK,GAAgBqB,KAAK,CAA1BrB,KAAK,CAAEE,IAAI,GAAUmB,KAAK,CAAnBnB,IAAI,CAAEoB,GAAG,GAAKD,KAAK,CAAbC,GAAG;;EAExB,IAAMC,SAAS,GAAGD,GAAG,KAAK,MAAM,KAAKtB,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,MAAM,CAAC;;EAExE,IAAMwB,aAAa,GAAGD,SAAS;EAC3BhC,EAAE;IACAS,KAAK,KAAK,IAAI,IAAIE,IAAI,KAAK,OAAO,IAAIL,MAAM,CAAC4B,uBAAuB,CAACrB,KAAK,CAAC;IAC3EJ,KAAK,KAAK,IAAI,IAAIE,IAAI,KAAK,QAAQ,IAAIL,MAAM,CAAC6B,wBAAwB,CAACtB,KAAK,CAAC;IAC7EJ,KAAK,KAAK,IAAI,IAAIE,IAAI,KAAK,OAAO,IAAIL,MAAM,CAAC8B,uBAAuB,CAACvB,KAAK,CAAC;IAC3EJ,KAAK,KAAK,MAAM,IAAIE,IAAI,KAAK,OAAO,IAAIL,MAAM,CAAC+B,sBAAsB,CAACxB,KAAK,CAAC;IAC5EJ,KAAK,KAAK,MAAM,IAAIE,IAAI,KAAK,QAAQ,IAAIL,MAAM,CAACgC,uBAAuB,CAACzB,KAAK,CAAC;IAC9EJ,KAAK,KAAK,MAAM,IAAIE,IAAI,KAAK,OAAO,IAAIL,MAAM,CAACiC,sBAAsB,CAAC1B,KAAK;EAC7E,CAAC;EACD,EAAE;;EAEN,IAAMa,SAAS,GAAGM,SAAS,gBAAGlC,KAAA,CAAA6B,aAAA,CAACpB,WAAW,EAAKuB,KAAQ,CAAC,GAAG,IAAI;;EAE/D,OAAO,CAACG,aAAa,EAAEP,SAAS,CAAC;AACnC","ignoreList":[]}

package/components/Button/ButtonArrow/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Button/ButtonArrow.js",
+  "module": "ButtonArrow",
+  "types": "../ButtonArrow.d.ts",
+  "sideEffects": false
+}

package/components/Button/ButtonArrow.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { Theme } from '../../lib/theming/Theme';
+import type { ButtonInnerProps } from './Button';
+type ButtonArrowProps = Pick<ButtonInnerProps, 'size' | 'arrow' | 'checked' | 'disabled' | 'error' | 'use' | 'warning'> & {
+    isFocused: boolean;
+};
+export declare function useButtonArrow(props: ButtonArrowProps, theme: Theme): [string, React.ReactNode];
+export {};

package/components/Button/ButtonIcon/ButtonIcon.js

@@ -0,0 +1,64 @@
+import React, { useContext } from 'react';
+import { isKonturIcon } from "../../../lib/utils";
+import { cx } from "../../../lib/theming/Emotion";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { styles } from "../ButtonIcon.styles";
+import { LoadingButtonIcon } from "../LoadingButtonIcon";
+export var getButtonIconSizes = function getButtonIconSizes(theme) {
+  return {
+    small: parseInt(theme.btnIconSizeSmall),
+    medium: parseInt(theme.btnIconSizeMedium),
+    large: parseInt(theme.btnIconSizeLarge)
+  };
+};
+var useIcon = function useIcon(icon, size) {
+  var theme = useContext(ThemeContext);
+  if (icon && isKonturIcon(icon)) {
+    var _icon$props$size;
+    var sizes = getButtonIconSizes(theme);
+    return /*#__PURE__*/React.cloneElement(icon, {
+      size: (_icon$props$size = icon.props.size) != null ? _icon$props$size : sizes[size]
+    });
+  }
+  return icon;
+};
+export var ButtonIcon = function ButtonIcon(_ref) {
+  var _cx;
+  var icon = _ref.icon,
+    use = _ref.use,
+    position = _ref.position,
+    hasChildren = _ref.hasChildren,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    _ref$hasBothIcons = _ref.hasBothIcons,
+    hasBothIcons = _ref$hasBothIcons === void 0 ? false : _ref$hasBothIcons,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'small' : _ref$size;
+  var theme = useContext(ThemeContext);
+  var isLink = use === 'link';
+  var getSizeIconClassName = function getSizeIconClassName() {
+    switch (size) {
+      case 'large':
+        return [styles.iconLarge(theme), position === 'left' ? styles.iconLargeLeft(theme) : styles.iconLargeRight(theme)];
+      case 'medium':
+        return [styles.iconMedium(theme), position === 'left' ? styles.iconMediumLeft(theme) : styles.iconMediumRight(theme)];
+      case 'small':
+      default:
+        return [styles.iconSmall(theme), position === 'left' ? styles.iconSmallLeft(theme) : styles.iconSmallRight(theme)];
+    }
+  };
+  var style = {
+    display: 'inline-flex',
+    alignItems: 'center'
+  };
+  var _icon = useIcon(icon, size);
+  return /*#__PURE__*/(
+    React.createElement("span", {
+      style: style,
+      className: cx(styles.icon(), getSizeIconClassName(), (_cx = {}, _cx[styles.iconNoMargin()] = !hasChildren, _cx[styles.iconLeftLink(theme)] = isLink && position === 'left', _cx[styles.iconRightLink(theme)] = isLink && position === 'right', _cx))
+    }, loading && !hasBothIcons ? /*#__PURE__*/React.createElement(LoadingButtonIcon, {
+      isCentered: false,
+      size: size
+    }) : _icon)
+  );
+};

package/components/Button/ButtonIcon/ButtonIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","isKonturIcon","cx","ThemeContext","styles","LoadingButtonIcon","getButtonIconSizes","theme","small","parseInt","btnIconSizeSmall","medium","btnIconSizeMedium","large","btnIconSizeLarge","useIcon","icon","size","_icon$props$size","sizes","cloneElement","props","ButtonIcon","_ref","_cx","use","position","hasChildren","_ref$loading","loading","_ref$hasBothIcons","hasBothIcons","_ref$size","isLink","getSizeIconClassName","iconLarge","iconLargeLeft","iconLargeRight","iconMedium","iconMediumLeft","iconMediumRight","iconSmall","iconSmallLeft","iconSmallRight","style","display","alignItems","_icon","createElement","className","iconNoMargin","iconLeftLink","iconRightLink","isCentered"],"sources":["ButtonIcon.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport type { Theme } from '../../lib/theming/Theme';\nimport { isKonturIcon } from '../../lib/utils';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport type { ButtonInnerProps } from './Button';\nimport { styles } from './ButtonIcon.styles';\nimport { LoadingButtonIcon } from './LoadingButtonIcon';\n\nexport interface ButtonIconProps extends Pick<ButtonInnerProps, 'size' | 'icon' | 'loading' | 'use'> {\n  position: 'right' | 'left';\n  hasChildren: boolean;\n  hasBothIcons?: boolean;\n}\n\nexport const getButtonIconSizes = (theme: Theme): Record<SizeProp, number> => {\n  return {\n    small: parseInt(theme.btnIconSizeSmall),\n    medium: parseInt(theme.btnIconSizeMedium),\n    large: parseInt(theme.btnIconSizeLarge),\n  };\n};\n\nconst useIcon = (icon: any, size: SizeProp) => {\n  const theme = useContext(ThemeContext);\n  if (icon && isKonturIcon(icon)) {\n    const sizes = getButtonIconSizes(theme);\n    return React.cloneElement(icon, { size: icon.props.size ?? sizes[size] });\n  }\n\n  return icon;\n};\n\nexport const ButtonIcon: React.FunctionComponent<ButtonIconProps> = ({\n  icon,\n  use,\n  position,\n  hasChildren,\n  loading = false,\n  hasBothIcons = false,\n  size = 'small',\n}) => {\n  const theme = useContext(ThemeContext);\n  const isLink = use === 'link';\n\n  const getSizeIconClassName = () => {\n    switch (size) {\n      case 'large':\n        return [\n          styles.iconLarge(theme),\n          position === 'left' ? styles.iconLargeLeft(theme) : styles.iconLargeRight(theme),\n        ];\n      case 'medium':\n        return [\n          styles.iconMedium(theme),\n          position === 'left' ? styles.iconMediumLeft(theme) : styles.iconMediumRight(theme),\n        ];\n      case 'small':\n      default:\n        return [\n          styles.iconSmall(theme),\n          position === 'left' ? styles.iconSmallLeft(theme) : styles.iconSmallRight(theme),\n        ];\n    }\n  };\n\n  const style: React.CSSProperties = {\n    display: 'inline-flex',\n    alignItems: 'center',\n  };\n\n  const _icon = useIcon(icon, size);\n\n  return (\n    <span\n      style={style}\n      className={cx(styles.icon(), getSizeIconClassName(), {\n        [styles.iconNoMargin()]: !hasChildren,\n        [styles.iconLeftLink(theme)]: isLink && position === 'left',\n        [styles.iconRightLink(theme)]: isLink && position === 'right',\n      })}\n    >\n      {loading && !hasBothIcons ? <LoadingButtonIcon isCentered={false} size={size} /> : _icon}\n    </span>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/components/Button/ButtonIcon/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Button/ButtonIcon.js",
+  "module": "ButtonIcon",
+  "types": "../ButtonIcon.d.ts",
+  "sideEffects": false
+}

package/components/Button/ButtonIcon.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { Theme } from '../../lib/theming/Theme';
+import type { SizeProp } from '../../lib/types/props';
+import type { ButtonInnerProps } from './Button';
+export interface ButtonIconProps extends Pick<ButtonInnerProps, 'size' | 'icon' | 'loading' | 'use'> {
+    position: 'right' | 'left';
+    hasChildren: boolean;
+    hasBothIcons?: boolean;
+}
+export declare const getButtonIconSizes: (theme: Theme) => Record<SizeProp, number>;
+export declare const ButtonIcon: React.FunctionComponent<ButtonIconProps>;