@skbkontur/react-ui 0.0.0-1e20264c71 → 0.0.0-1fb0cccdc2

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

@@ -0,0 +1,276 @@
+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, _templateObject74, _templateObject75, _templateObject76, _templateObject77, _templateObject78, _templateObject79, _templateObject80, _templateObject81, _templateObject82, _templateObject83, _templateObject84;
+
+import { css, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
+import { resetButton, resetText } from "../../../lib/styles/Mixins";
+import { isFirefox } from "../../../lib/client";
+import { buttonUseMixin, buttonHoverMixin, buttonActiveMixin, buttonSizeMixin, arrowOutlineMixin, buttonSizeMixinIE11 } from "../Button.mixins";
+export var globalClasses = prefix('button')({
+  root: 'root',
+  arrowHelper: 'arrow-helper',
+  arrowHelperTop: 'arrow-helper-top',
+  arrowHelperBottom: 'arrow-helper-bottom',
+  arrow: 'arrow',
+  caption: 'caption',
+  text: 'text',
+  innerShadow: 'inner-shadow'
+});
+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:enabled svg {\n        color: ", ";\n      }\n      &:disabled svg {\n        color: ", ";\n      }\n      &:enabled svg {\n        color: ", ";\n      }\n    "])), resetButton(), resetText(), t.transitionDuration, t.transitionTimingFunction, t.btnBorderColorTransition ? ", " + t.btnBorderColorTransition : '', t.btnBackgroundClip, globalClasses.innerShadow, t.btnIconHoverColor, 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: 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: 0 0 0 ", " ", ", 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, t.fontFamilyCompensationBaseline));
+  },
+  sizeSmallIE11: function sizeSmallIE11(t) {
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), buttonSizeMixinIE11(t.btnFontSizeSmall, t.btnPaddingXSmall, t.btnPaddingYSmall, t.fontFamilyCompensationBaseline));
+  },
+  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, t.fontFamilyCompensationBaseline));
+  },
+  sizeMediumIE11: function sizeMediumIE11(t) {
+    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), buttonSizeMixinIE11(t.btnFontSizeMedium, t.btnPaddingXMedium, t.btnPaddingYMedium, t.fontFamilyCompensationBaseline));
+  },
+  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, t.fontFamilyCompensationBaseline));
+  },
+  sizeLargeIE11: function sizeLargeIE11(t) {
+    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), buttonSizeMixinIE11(t.btnFontSizeLarge, t.btnPaddingXLarge, t.btnPaddingYLarge, t.fontFamilyCompensationBaseline));
+  },
+  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: 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      box-shadow: 0 0 0 ", " ", ";\n\n      background-image: none;\n      background-color: ", ";\n      color: ", ";\n\n      .", " {\n        box-shadow: ", " 0 0 0 ", ";\n      }\n    "])), t.btnBorderWidth, t.btnDisabledBorderColor, t.btnDisabledBg, t.btnDisabledTextColor, globalClasses.arrowHelper, t.btnBorderWidth, t.btnDisabledBorderColor);
+  },
+  disabledWithoutOutline: function disabledWithoutOutline(t) {
+    return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n      box-shadow: 0 0 0 ", " ", ";\n    "])), t.btnBorderWidth, t.btnDisabledBg);
+  },
+  arrowWarning: function arrowWarning(t) {
+    return css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n      box-shadow: inset 0 0 0 ", " ", ";\n\n      ", "\n    "])), t.btnInsetWidth, t.btnInsetColor, arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorWarning, t.btnOutlineWidth, t.btnInsetColor));
+  },
+  arrowError: function arrowError(t) {
+    return css(_templateObject36 || (_templateObject36 = _taggedTemplateLiteralLoose(["\n      box-shadow: inset 0 0 0 ", " ", ";\n\n      ", "\n    "])), t.btnInsetWidth, t.btnInsetColor, arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorError, t.btnOutlineWidth, t.btnInsetColor));
+  },
+  arrowFocus: function arrowFocus(t) {
+    return css(_templateObject37 || (_templateObject37 = _taggedTemplateLiteralLoose(["\n      box-shadow: inset 0 0 0 ", " ", ";\n\n      ", "\n    "])), t.btnInsetWidth, t.btnOutlineColorFocus, arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorFocus, t.btnOutlineWidth, t.btnOutlineColorFocus));
+  },
+  arrow: function arrow() {
+    return css(_templateObject38 || (_templateObject38 = _taggedTemplateLiteralLoose(["\n      background: inherit;\n      border-radius: inherit;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n\n      .", " {\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(", ");\n        }\n      }\n\n      .", " {\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      .", " {\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    "])), globalClasses.arrowHelper, isFirefox ? "0.2px" : "0.3px", globalClasses.arrowHelperTop, globalClasses.arrowHelperBottom);
+  },
+  arrowLeft: function arrowLeft() {
+    return css(_templateObject39 || (_templateObject39 = _taggedTemplateLiteralLoose(["\n      transform: scaleX(-1);\n    "])));
+  },
+  arrowIconRoot: function arrowIconRoot() {
+    return css(_templateObject40 || (_templateObject40 = _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(_templateObject41 || (_templateObject41 = _taggedTemplateLiteralLoose(["\n      padding: 0 ", " 0 ", ";\n      width: ", ";\n    "])), t.btnWithIconPaddingLeftSmall, t.btnWithIconPaddingLeftSmall, t.btnIconSizeSmall);
+  },
+  arrowIconRootMedium: function arrowIconRootMedium(t) {
+    return css(_templateObject42 || (_templateObject42 = _taggedTemplateLiteralLoose(["\n      padding: 0 ", " 0 ", ";\n      width: ", ";\n    "])), t.btnWithIconPaddingLeftMedium, t.btnWithIconPaddingLeftMedium, t.btnIconSizeMedium);
+  },
+  arrowIconRootLarge: function arrowIconRootLarge(t) {
+    return css(_templateObject43 || (_templateObject43 = _taggedTemplateLiteralLoose(["\n      padding: 0 ", " 0 ", ";\n      width: ", ";\n    "])), t.btnWithIconPaddingLeftLarge, t.btnWithIconPaddingLeftLarge, t.btnIconSizeLarge);
+  },
+  arrowIconLeft: function arrowIconLeft() {
+    return css(_templateObject44 || (_templateObject44 = _taggedTemplateLiteralLoose(["\n      left: 0;\n    "])));
+  },
+  "default": function _default(t) {
+    return css(_templateObject45 || (_templateObject45 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      &:hover:enabled {\n        ", ";\n      }\n\n      &:active:enabled {\n        ", ";\n      }\n    "])), buttonUseMixin(t.btnDefaultBg, t.btnDefaultBgStart, t.btnDefaultBgEnd, t.btnDefaultTextColor, t.btnDefaultBorderColor, t.btnDefaultBorderBottomColor, t.btnBorderWidth), buttonHoverMixin(t.btnDefaultHoverBg, t.btnDefaultHoverBgStart, t.btnDefaultHoverBgEnd, t.btnDefaultHoverTextColor, t.btnDefaultHoverBorderColor, t.btnDefaultHoverBorderBottomColor, t.btnBorderWidth), activeStyles["default"](t));
+  },
+  primary: function primary(t) {
+    return css(_templateObject46 || (_templateObject46 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      &:hover:enabled {\n        ", ";\n      }\n\n      &:active:enabled {\n        ", "\n      }\n    "])), buttonUseMixin(t.btnPrimaryBg, t.btnPrimaryBgStart, t.btnPrimaryBgEnd, t.btnPrimaryTextColor, t.btnPrimaryBorderColor, t.btnPrimaryBorderBottomColor, t.btnBorderWidth), buttonHoverMixin(t.btnPrimaryHoverBg, t.btnPrimaryHoverBgStart, t.btnPrimaryHoverBgEnd, t.btnPrimaryHoverTextColor, t.btnPrimaryHoverBorderColor, t.btnPrimaryHoverBorderBottomColor, t.btnBorderWidth), activeStyles.primary(t));
+  },
+  success: function success(t) {
+    return css(_templateObject47 || (_templateObject47 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      &:hover:enabled {\n        ", ";\n      }\n\n      &:active:enabled {\n        ", "\n      }\n    "])), buttonUseMixin(t.btnSuccessBg, t.btnSuccessBgStart, t.btnSuccessBgEnd, t.btnSuccessTextColor, t.btnSuccessBorderColor, t.btnSuccessBorderBottomColor, t.btnBorderWidth), buttonHoverMixin(t.btnSuccessHoverBg, t.btnSuccessHoverBgStart, t.btnSuccessHoverBgEnd, t.btnSuccessHoverTextColor, t.btnSuccessHoverBorderColor, t.btnSuccessHoverBorderBottomColor, t.btnBorderWidth), activeStyles.success(t));
+  },
+  danger: function danger(t) {
+    return css(_templateObject48 || (_templateObject48 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      &:hover:enabled {\n        ", ";\n      }\n\n      &:active:enabled {\n        ", "\n      }\n    "])), buttonUseMixin(t.btnDangerBg, t.btnDangerBgStart, t.btnDangerBgEnd, t.btnDangerTextColor, t.btnDangerBorderColor, t.btnDangerBorderBottomColor, t.btnBorderWidth), buttonHoverMixin(t.btnDangerHoverBg, t.btnDangerHoverBgStart, t.btnDangerHoverBgEnd, t.btnDangerHoverTextColor, t.btnDangerHoverBorderColor, t.btnDangerHoverBorderBottomColor, t.btnBorderWidth), activeStyles.danger(t));
+  },
+  pay: function pay(t) {
+    return css(_templateObject49 || (_templateObject49 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      &:hover:enabled {\n        ", ";\n      }\n\n      &:active:enabled {\n        ", "\n      }\n    "])), buttonUseMixin(t.btnPayBg, t.btnPayBgStart, t.btnPayBgEnd, t.btnPayTextColor, t.btnPayBorderColor, t.btnPayBorderBottomColor, t.btnBorderWidth), buttonHoverMixin(t.btnPayHoverBg, t.btnPayHoverBgStart, t.btnPayHoverBgEnd, t.btnPayHoverTextColor, t.btnPayHoverBorderColor, t.btnPayHoverBorderBottomColor, t.btnBorderWidth), activeStyles.pay(t));
+  },
+  text: function text(t) {
+    return css(_templateObject50 || (_templateObject50 = _taggedTemplateLiteralLoose(["\n      &,\n      &:enabled,\n      &:hover:enabled {\n        box-shadow: none;\n        .", ", .", " {\n          box-shadow: none !important;\n        }\n      }\n\n      ", ";\n\n      &:hover:enabled {\n        ", ";\n      }\n\n      &:active:enabled {\n        ", "\n      }\n    "])), globalClasses.arrowHelperTop, globalClasses.arrowHelperBottom, 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(_templateObject51 || (_templateObject51 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      color: ", ";\n      background: transparent;\n\n      &:hover:enabled {\n        ", ";\n      }\n\n      &:active:enabled {\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 + ";\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    ";
+    return css(_templateObject52 || (_templateObject52 = _taggedTemplateLiteralLoose(["\n      ", "\n\n      &:hover:enabled,\n      &:active:enabled,\n      &:hover:active:enabled {\n        ", "\n      }\n    "])), checkedStyles, checkedStyles);
+  },
+  checked2022: function checked2022(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      ." + globalClasses.arrowHelper + " {\n        box-shadow: " + t.btnBorderWidth + " 0 0 " + t.btnDefaultCheckedBorderColor + ";\n\n        &." + globalClasses.arrowHelperTop + " {\n          background-image: " + t.btnArrowBgImageChecked + ";\n        }\n      }\n\n      :enabled svg {\n        color: " + t.btnCheckedTextColor + " !important;\n      }\n      :hover:enabled svg {\n        color: " + t.btnCheckedTextColor + " !important;\n      }\n    ";
+    return css(_templateObject53 || (_templateObject53 = _taggedTemplateLiteralLoose(["\n      ", "\n\n      &:hover:enabled,\n      &:active:enabled,\n      &:hover:active:enabled {\n        ", "\n      }\n    "])), checkedStyles, checkedStyles);
+  },
+  checkedFocused: function checkedFocused(t) {
+    return css(_templateObject54 || (_templateObject54 = _taggedTemplateLiteralLoose(["\n      &:hover:enabled,\n      &:hover:active:enabled {\n        box-shadow: 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(_templateObject55 || (_templateObject55 = _taggedTemplateLiteralLoose(["\n      box-shadow: 0 0 0 ", " ", ";\n      background-color: ", ";\n      color: ", ";\n\n      .", " {\n        box-shadow: ", ";\n      }\n\n      .", " {\n        box-shadow: ", " 0 0 ", ";\n\n        &.", " {\n          background-image: none;\n        }\n      }\n    "])), t.btnBorderWidth, t.btnCheckedDisabledBorderColor, t.btnCheckedDisabledBg, t.btnCheckedDisabledColor, globalClasses.innerShadow, t.btnCheckedDisabledShadow, globalClasses.arrowHelper, t.btnBorderWidth, t.btnCheckedDisabledBorderColor, globalClasses.arrowHelperTop);
+  },
+  checkedDisabled2022: function checkedDisabled2022(t) {
+    return css(_templateObject56 || (_templateObject56 = _taggedTemplateLiteralLoose(["\n      svg {\n        color: ", " !important;\n      }\n    "])), t.btnCheckedDisabledColor);
+  },
+  caption: function caption() {
+    return css(_templateObject57 || (_templateObject57 = _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(_templateObject58 || (_templateObject58 = _taggedTemplateLiteralLoose(["\n      display: inline;\n      transform: none !important; // override root:active style\n    "])));
+  },
+  captionTranslated: function captionTranslated() {
+    return css(_templateObject59 || (_templateObject59 = _taggedTemplateLiteralLoose(["\n      transform: translateY(1px);\n    "])));
+  },
+  captionDisabled: function captionDisabled() {
+    return css(_templateObject60 || (_templateObject60 = _taggedTemplateLiteralLoose(["\n      transform: none !important; // override root:active style\n    "])));
+  },
+  wrap: function wrap(t) {
+    return css(_templateObject61 || (_templateObject61 = _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(_templateObject62 || (_templateObject62 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n    "])), t.btnHeightSmall);
+  },
+  wrapMedium: function wrapMedium(t) {
+    return css(_templateObject63 || (_templateObject63 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n    "])), t.btnHeightMedium);
+  },
+  wrapLarge: function wrapLarge(t) {
+    return css(_templateObject64 || (_templateObject64 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n    "])), t.btnHeightLarge);
+  },
+  narrow: function narrow() {
+    return css(_templateObject65 || (_templateObject65 = _taggedTemplateLiteralLoose(["\n      padding-left: 5px;\n      padding-right: 5px;\n    "])));
+  },
+  noPadding: function noPadding() {
+    return css(_templateObject66 || (_templateObject66 = _taggedTemplateLiteralLoose(["\n      padding-left: 0;\n      padding-right: 0;\n    "])));
+  },
+  noRightPadding: function noRightPadding() {
+    return css(_templateObject67 || (_templateObject67 = _taggedTemplateLiteralLoose(["\n      padding-right: 0;\n    "])));
+  },
+  wrapLink: function wrapLink() {
+    return css(_templateObject68 || (_templateObject68 = _taggedTemplateLiteralLoose(["\n      padding: 0;\n    "])));
+  },
+  wrapArrow: function wrapArrow() {
+    return css(_templateObject69 || (_templateObject69 = _taggedTemplateLiteralLoose(["\n      margin-right: 10px;\n    "])));
+  },
+  wrapArrowLeft: function wrapArrowLeft() {
+    return css(_templateObject70 || (_templateObject70 = _taggedTemplateLiteralLoose(["\n      margin-right: 0;\n      margin-left: 10px;\n    "])));
+  },
+  borderless: function borderless() {
+    return css(_templateObject71 || (_templateObject71 = _taggedTemplateLiteralLoose(["\n      &:enabled,\n      &:active:hover:enabled,\n      &:hover:enabled {\n        box-shadow: none !important; // override root:hover style\n        .", ", .", " {\n          box-shadow: none !important; // override root:hover style\n        }\n      }\n    "])), globalClasses.arrowHelperTop, globalClasses.arrowHelperBottom);
+  },
+  borderless2022: function borderless2022() {
+    return css(_templateObject72 || (_templateObject72 = _taggedTemplateLiteralLoose(["\n      &,\n      &:active:hover,\n      &:hover {\n        box-shadow: none !important; // override root:hover style\n      }\n    "])));
+  },
+  backlessDisabled2022: function backlessDisabled2022(t) {
+    return css(_templateObject73 || (_templateObject73 = _taggedTemplateLiteralLoose(["\n      box-shadow: 0 0 0 1px ", ";\n    "])), t.btnBacklessDisabledBorderColor);
+  },
+  textDisabled2022: function textDisabled2022() {
+    return css(_templateObject74 || (_templateObject74 = _taggedTemplateLiteralLoose(["\n      background-color: transparent;\n    "])));
+  },
+  loading: function loading() {
+    return css(_templateObject75 || (_templateObject75 = _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(_templateObject76 || (_templateObject76 = _taggedTemplateLiteralLoose(["\n      visibility: hidden;\n    "])));
+  }
+});
+export var activeStyles = memoizeStyle({
+  "default": function _default(t) {
+    return css(_templateObject77 || (_templateObject77 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnDefaultActiveBg, t.btnDefaultActiveShadow, t.btnDefaultActiveBorderColor, t.btnDefaultActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
+  },
+  primary: function primary(t) {
+    return css(_templateObject78 || (_templateObject78 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnPrimaryActiveBg, t.btnPrimaryActiveShadow, t.btnPrimaryActiveBorderColor, t.btnPrimaryActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
+  },
+  success: function success(t) {
+    return css(_templateObject79 || (_templateObject79 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnSuccessActiveBg, t.btnSuccessActiveShadow, t.btnSuccessActiveBorderColor, t.btnSuccessActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
+  },
+  danger: function danger(t) {
+    return css(_templateObject80 || (_templateObject80 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnDangerActiveBg, t.btnDangerActiveShadow, t.btnDangerActiveBorderColor, t.btnDangerActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
+  },
+  pay: function pay(t) {
+    return css(_templateObject81 || (_templateObject81 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnPayActiveBg, t.btnPayActiveShadow, t.btnPayActiveBorderColor, t.btnPayActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
+  },
+  link: function link(t) {
+    return css(_templateObject82 || (_templateObject82 = _taggedTemplateLiteralLoose(["\n      & {\n        color: ", ";\n      }\n    "])), t.btnLinkActiveColor);
+  },
+  text: function text(t) {
+    return css(_templateObject83 || (_templateObject83 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnTextActiveBg, '', t.btnTextActiveBg, '', t.btnBorderWidth, t.btnArrowBgImageActive));
+  },
+  backless: function backless(t) {
+    return css(_templateObject84 || (_templateObject84 = _taggedTemplateLiteralLoose(["\n      &,\n      &:hover {\n        background: ", ";\n      }\n    "])), t.btnBacklessActiveBg);
+  }
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Button.styles.ts"],"names":["css","memoizeStyle","prefix","resetButton","resetText","isFirefox","buttonUseMixin","buttonHoverMixin","buttonActiveMixin","buttonSizeMixin","arrowOutlineMixin","buttonSizeMixinIE11","globalClasses","root","arrowHelper","arrowHelperTop","arrowHelperBottom","arrow","caption","text","innerShadow","styles","t","transitionDuration","transitionTimingFunction","btnBorderColorTransition","btnBackgroundClip","btnIconHoverColor","btnIconDisabledColor","btnIconColor","withArrowIconRightSmall","btnIconSizeSmall","btnWithIconPaddingLeftSmall","withArrowIconRightMedium","btnIconSizeMedium","btnWithIconPaddingLeftMedium","withArrowIconRightLarge","btnIconSizeLarge","btnWithIconPaddingLeftLarge","withArrowIconLeftSmall","withArrowIconLeftMedium","withArrowIconLeftLarge","simulatedPress","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","sizeSmallWithIcon","sizeMediumWithIcon","sizeLargeWithIcon","sizeSmallWithIconWithoutText","sizeMediumWithIconWithoutText","sizeLargeWithIconWithoutText","link","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","activeStyles","linkLineHeight","linkLineHeightSafariFallback","linkFocus","linkDisabled","btnLinkDisabledColor","focus","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","disabled","btnBorderWidth","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","disabledWithoutOutline","arrowWarning","arrowError","arrowFocus","arrowLeft","arrowIconRoot","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultTextColor","btnDefaultBorderColor","btnDefaultBorderBottomColor","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverTextColor","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","primary","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverTextColor","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","success","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverTextColor","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","danger","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverTextColor","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","pay","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayTextColor","btnPayBorderColor","btnPayBorderBottomColor","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverTextColor","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","btnTextBg","btnTextTextColor","btnTextBorderColor","btnTextHoverBg","btnTextHoverTextColor","btnTextHoverBorderColor","backless","btnBacklessBg","btnBacklessTextColor","btnBacklessBorderColor","btnBacklessHoverBg","btnBacklessHoverTextColor","btnBacklessHoverBorderColor","checked","checkedStyles","btnDefaultCheckedBorderColor","btnCheckedBg","btnCheckedTextColor","btnCheckedShadow","btnArrowBgImageChecked","checked2022","checkedFocused","checkedDisabled","btnCheckedDisabledBorderColor","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledShadow","checkedDisabled2022","captionLink","captionTranslated","captionDisabled","wrap","wrapSmall","btnHeightSmall","wrapMedium","btnHeightMedium","wrapLarge","btnHeightLarge","narrow","noPadding","noRightPadding","wrapLink","wrapArrow","wrapArrowLeft","borderless","borderless2022","backlessDisabled2022","btnBacklessDisabledBorderColor","textDisabled2022","loading","visibilityHidden","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnArrowBgImageActive","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","btnLinkActiveColor","btnTextActiveBg","btnBacklessActiveBg"],"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  root: 'root',\n  arrowHelper: 'arrow-helper',\n  arrowHelperTop: 'arrow-helper-top',\n  arrowHelperBottom: 'arrow-helper-bottom',\n  arrow: 'arrow',\n  caption: 'caption',\n  text: 'text',\n  innerShadow: 'inner-shadow',\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:enabled svg {\n        color: ${t.btnIconHoverColor};\n      }\n      &:disabled svg {\n        color: ${t.btnIconDisabledColor};\n      }\n      &:enabled 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: 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      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(\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  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: 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      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  disabledWithoutOutline(t: Theme) {\n    return css`\n      box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBg};\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  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.btnDefaultBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:hover:enabled {\n        ${buttonHoverMixin(\n          t.btnDefaultHoverBg,\n          t.btnDefaultHoverBgStart,\n          t.btnDefaultHoverBgEnd,\n          t.btnDefaultHoverTextColor,\n          t.btnDefaultHoverBorderColor,\n          t.btnDefaultHoverBorderBottomColor,\n          t.btnBorderWidth,\n        )};\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      &:hover:enabled {\n        ${buttonHoverMixin(\n          t.btnPrimaryHoverBg,\n          t.btnPrimaryHoverBgStart,\n          t.btnPrimaryHoverBgEnd,\n          t.btnPrimaryHoverTextColor,\n          t.btnPrimaryHoverBorderColor,\n          t.btnPrimaryHoverBorderBottomColor,\n          t.btnBorderWidth,\n        )};\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      &:hover:enabled {\n        ${buttonHoverMixin(\n          t.btnSuccessHoverBg,\n          t.btnSuccessHoverBgStart,\n          t.btnSuccessHoverBgEnd,\n          t.btnSuccessHoverTextColor,\n          t.btnSuccessHoverBorderColor,\n          t.btnSuccessHoverBorderBottomColor,\n          t.btnBorderWidth,\n        )};\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      &:hover:enabled {\n        ${buttonHoverMixin(\n          t.btnDangerHoverBg,\n          t.btnDangerHoverBgStart,\n          t.btnDangerHoverBgEnd,\n          t.btnDangerHoverTextColor,\n          t.btnDangerHoverBorderColor,\n          t.btnDangerHoverBorderBottomColor,\n          t.btnBorderWidth,\n        )};\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      &:hover:enabled {\n        ${buttonHoverMixin(\n          t.btnPayHoverBg,\n          t.btnPayHoverBgStart,\n          t.btnPayHoverBgEnd,\n          t.btnPayHoverTextColor,\n          t.btnPayHoverBorderColor,\n          t.btnPayHoverBorderBottomColor,\n          t.btnBorderWidth,\n        )};\n      }\n\n      &:active:enabled {\n        ${activeStyles.pay(t)}\n      }\n    `;\n  },\n\n  text(t: Theme) {\n    return css`\n      &,\n      &:enabled,\n      &:hover:enabled {\n        box-shadow: none;\n        .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n          box-shadow: none !important;\n        }\n      }\n\n      ${buttonUseMixin(t.btnTextBg, '', '', t.btnTextTextColor, t.btnTextBorderColor, '', t.btnBorderWidth)};\n\n      &:hover:enabled {\n        ${buttonHoverMixin(\n          t.btnTextHoverBg,\n          '',\n          '',\n          t.btnTextHoverTextColor,\n          t.btnTextHoverBorderColor,\n          '',\n          t.btnBorderWidth,\n        )};\n      }\n\n      &:active:enabled {\n        ${activeStyles.text(t)}\n      }\n    `;\n  },\n\n  backless(t: Theme) {\n    return css`\n      ${buttonUseMixin(\n        t.btnBacklessBg,\n        '',\n        '',\n        t.btnBacklessTextColor,\n        t.btnBacklessBorderColor,\n        '',\n        t.btnBorderWidth,\n      )};\n\n      color: ${t.btnDefaultTextColor};\n      background: transparent;\n\n      &:hover:enabled {\n        ${buttonHoverMixin(\n          t.btnBacklessHoverBg,\n          '',\n          '',\n          t.btnBacklessHoverTextColor,\n          t.btnBacklessHoverBorderColor,\n          '',\n          t.btnBorderWidth,\n        )};\n      }\n\n      &:active:enabled {\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};\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  checked2022(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      .${globalClasses.arrowHelper} {\n        box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor};\n\n        &.${globalClasses.arrowHelperTop} {\n          background-image: ${t.btnArrowBgImageChecked};\n        }\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: 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      .${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  checkedDisabled2022(t: Theme) {\n    return css`\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  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  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  borderless() {\n    return css`\n      &:enabled,\n      &:active:hover:enabled,\n      &:hover:enabled {\n        box-shadow: none !important; // override root:hover style\n        .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n          box-shadow: none !important; // override root:hover style\n        }\n      }\n    `;\n  },\n\n  borderless2022() {\n    return css`\n      &,\n      &:active:hover,\n      &:hover {\n        box-shadow: none !important; // override root:hover style\n      }\n    `;\n  },\n\n  backlessDisabled2022(t: Theme) {\n    return css`\n      box-shadow: 0 0 0 1px ${t.btnBacklessDisabledBorderColor};\n    `;\n  },\n\n  textDisabled2022() {\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.btnDefaultActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\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.btnPrimaryActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\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.btnSuccessActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\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.btnDangerActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n  },\n\n  pay(t: Theme) {\n    return css`\n      & {\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        color: ${t.btnLinkActiveColor};\n      }\n    `;\n  },\n\n  text(t: Theme) {\n    return css`\n      & {\n        ${buttonActiveMixin(t.btnTextActiveBg, '', t.btnTextActiveBg, '', t.btnBorderWidth, t.btnArrowBgImageActive)};\n      }\n    `;\n  },\n\n  backless(t: Theme) {\n    return css`\n      &,\n      &:hover {\n        background: ${t.btnBacklessActiveBg};\n      }\n    `;\n  },\n});\n"]}

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,99 @@
+import { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    root: string;
+    arrowHelper: string;
+    arrowHelperTop: string;
+    arrowHelperBottom: string;
+    arrow: string;
+    caption: string;
+    text: string;
+    innerShadow: 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;
+    arrowWarning(t: Theme): string;
+    arrowError(t: Theme): string;
+    arrowFocus(t: Theme): string;
+    arrow(): string;
+    arrowLeft(): 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;
+    checked2022(t: Theme): string;
+    checkedFocused(t: Theme): string;
+    checkedDisabled(t: Theme): string;
+    checkedDisabled2022(t: Theme): string;
+    caption(): string;
+    captionLink(): string;
+    captionTranslated(): 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;
+    wrapArrow(): string;
+    wrapArrowLeft(): string;
+    borderless(): string;
+    borderless2022(): string;
+    backlessDisabled2022(t: Theme): string;
+    textDisabled2022(): 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,72 @@
+import React, { useContext } from 'react';
+import { cx } from "../../../lib/theming/Emotion";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
+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,
+      disabled = _ref.disabled,
+      checked = _ref.checked,
+      error = _ref.error,
+      warning = _ref.warning,
+      isFocused = _ref.isFocused;
+  var theme = useContext(ThemeContext);
+
+  var _isTheme2022 = isTheme2022(theme);
+
+  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 arrowNode = null;
+
+  if (_isTheme2022) {
+    var arrowIcons = {
+      right: ArrowRightIcon,
+      left: ArrowLeftIcon
+    };
+    var side = arrow === 'left' ? 'left' : 'right';
+    var ArrowIcon = arrowIcons[side];
+    arrowNode = /*#__PURE__*/React.createElement("div", {
+      className: getArrowIconRootClassName()
+    }, /*#__PURE__*/React.createElement(ArrowIcon, {
+      size: size
+    }));
+  } else {
+    var _cx2;
+
+    arrowNode = /*#__PURE__*/React.createElement("div", {
+      className: cx((_cx2 = {}, _cx2[styles.arrow()] = true, _cx2[styles.arrowWarning(theme)] = !checked && warning && !disabled, _cx2[styles.arrowError(theme)] = !checked && error && !disabled, _cx2[styles.arrowFocus(theme)] = !checked && isFocused && !disabled, _cx2[styles.arrowLeft()] = arrow === 'left', _cx2))
+    }, /*#__PURE__*/React.createElement("div", {
+      className: cx(globalClasses.arrowHelper, globalClasses.arrowHelperTop)
+    }), /*#__PURE__*/React.createElement("div", {
+      className: cx(globalClasses.arrowHelper, globalClasses.arrowHelperBottom)
+    }));
+  }
+
+  return arrowNode;
+};
+
+export function useButtonArrow(props, theme) {
+  var _cx3;
+
+  var arrow = props.arrow,
+      size = props.size,
+      use = props.use;
+
+  var _isTheme2022 = isTheme2022(theme);
+
+  var canRender = use !== 'link' && (arrow === true || arrow === 'left');
+  var rootClassName = !_isTheme2022 && 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 wrapClassName = _isTheme2022 && canRender ? '' : cx((_cx3 = {}, _cx3[styles.wrapArrow()] = arrow === true, _cx3[styles.wrapArrowLeft()] = arrow === 'left', _cx3));
+  var arrowNode = canRender ? /*#__PURE__*/React.createElement(ButtonArrow, props) : null;
+  return [wrapClassName, rootClassName, arrowNode];
+}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ButtonArrow.tsx"],"names":["React","useContext","cx","ThemeContext","isTheme2022","ArrowRightIcon","ArrowLeftIcon","Button","globalClasses","styles","ButtonArrow","arrow","size","defaultProps","disabled","checked","error","warning","isFocused","theme","_isTheme2022","getArrowIconRootClassName","arrowIconRoot","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","arrowNode","arrowIcons","right","left","side","ArrowIcon","arrowWarning","arrowError","arrowFocus","arrowLeft","arrowHelper","arrowHelperTop","arrowHelperBottom","useButtonArrow","props","use","canRender","rootClassName","withArrowIconRightSmall","withArrowIconRightMedium","withArrowIconRightLarge","withArrowIconLeftSmall","withArrowIconLeftMedium","withArrowIconLeftLarge","wrapClassName","wrapArrow","wrapArrowLeft"],"mappings":"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","sourcesContent":["import React, { useContext } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { ArrowRightIcon } from './ArrowRightIcon';\nimport { ArrowLeftIcon } from './ArrowLeftIcon';\nimport { Button, ButtonProps } from './Button';\nimport { globalClasses, styles } from './Button.styles';\n\ntype ButtonArrowProps = Pick<ButtonProps, 'size' | 'arrow' | 'checked' | 'disabled' | 'error' | 'use' | 'warning'> & {\n  isFocused: boolean;\n};\n\nconst ButtonArrow: React.FunctionComponent<ButtonArrowProps> = ({\n  arrow,\n  size = Button.defaultProps.size,\n  disabled,\n  checked,\n  error,\n  warning,\n  isFocused,\n}) => {\n  const theme = useContext(ThemeContext);\n  const _isTheme2022 = isTheme2022(theme);\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  let arrowNode = null;\n\n  if (_isTheme2022) {\n    const arrowIcons = {\n      right: ArrowRightIcon,\n      left: ArrowLeftIcon,\n    };\n    const side = arrow === 'left' ? 'left' : 'right';\n    const ArrowIcon = arrowIcons[side];\n    arrowNode = (\n      <div className={getArrowIconRootClassName()}>\n        <ArrowIcon size={size} />\n      </div>\n    );\n  } else {\n    arrowNode = (\n      <div\n        className={cx({\n          [styles.arrow()]: true,\n          [styles.arrowWarning(theme)]: !checked && warning && !disabled,\n          [styles.arrowError(theme)]: !checked && error && !disabled,\n          [styles.arrowFocus(theme)]: !checked && isFocused && !disabled,\n          [styles.arrowLeft()]: arrow === 'left',\n        })}\n      >\n        <div className={cx(globalClasses.arrowHelper, globalClasses.arrowHelperTop)} />\n        <div className={cx(globalClasses.arrowHelper, globalClasses.arrowHelperBottom)} />\n      </div>\n    );\n  }\n\n  return arrowNode;\n};\n\nexport function useButtonArrow(props: ButtonArrowProps, theme: Theme): [string, string, React.ReactNode] {\n  const { arrow, size, use } = props;\n  const _isTheme2022 = isTheme2022(theme);\n  const canRender = use !== 'link' && (arrow === true || arrow === 'left');\n\n  const rootClassName =\n    !_isTheme2022 && canRender\n      ? ''\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  const wrapClassName =\n    _isTheme2022 && canRender\n      ? ''\n      : cx({\n          [styles.wrapArrow()]: arrow === true,\n          [styles.wrapArrowLeft()]: arrow === 'left',\n        });\n\n  const arrowNode = canRender ? <ButtonArrow {...props} /> : null;\n\n  return [wrapClassName, rootClassName, arrowNode];\n}\n"]}