@skbkontur/react-ui 0.0.0-e66a3400ba → 0.0.0-ea6161656e

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

@@ -0,0 +1,280 @@
+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 { memoizeStyle, prefix } from "../../../lib/theming/Emotion";
+import { resetButton, resetText } from "../../../lib/styles/Mixins";
+import { isFirefox } from "../../../lib/client";
+import { arrowOutlineMixin, buttonActiveMixin, buttonHoverMixin, buttonSizeMixin, buttonSizeMixinIE11, buttonUseMixin } 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 getStyles = function getStyles(emotion) {
+  return memoizeStyle({
+    root: function root(t) {
+      return emotion.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(emotion), resetText(emotion), t.transitionDuration, t.transitionTimingFunction, t.btnBorderColorTransition ? ", " + t.btnBorderColorTransition : '', t.btnBackgroundClip, globalClasses.innerShadow, t.btnIconHoverColor, t.btnIconDisabledColor, t.btnIconColor);
+    },
+    withArrowIconRightSmall: function withArrowIconRightSmall(t) {
+      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      padding-right: calc(", " + ", " + ", ");\n    "])), t.btnIconSizeSmall, t.btnWithIconPaddingLeftSmall, t.btnWithIconPaddingLeftSmall);
+    },
+    withArrowIconRightMedium: function withArrowIconRightMedium(t) {
+      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      padding-right: calc(\n        ", " + ", " + ", "\n      );\n    "])), t.btnIconSizeMedium, t.btnWithIconPaddingLeftMedium, t.btnWithIconPaddingLeftMedium);
+    },
+    withArrowIconRightLarge: function withArrowIconRightLarge(t) {
+      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      padding-right: calc(", " + ", " + ", ");\n    "])), t.btnIconSizeLarge, t.btnWithIconPaddingLeftLarge, t.btnWithIconPaddingLeftLarge);
+    },
+    withArrowIconLeftSmall: function withArrowIconLeftSmall(t) {
+      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      padding-left: calc(", " + ", " + ", ");\n    "])), t.btnIconSizeSmall, t.btnWithIconPaddingLeftSmall, t.btnWithIconPaddingLeftSmall);
+    },
+    withArrowIconLeftMedium: function withArrowIconLeftMedium(t) {
+      return emotion.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      padding-left: calc(\n        ", " + ", " + ", "\n      );\n    "])), t.btnIconSizeMedium, t.btnWithIconPaddingLeftMedium, t.btnWithIconPaddingLeftMedium);
+    },
+    withArrowIconLeftLarge: function withArrowIconLeftLarge(t) {
+      return emotion.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      padding-left: calc(", " + ", " + ", ");\n    "])), t.btnIconSizeLarge, t.btnWithIconPaddingLeftLarge, t.btnWithIconPaddingLeftLarge);
+    },
+    simulatedPress: function simulatedPress() {
+      return emotion.css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      &:active .", " {\n        transform: translateY(1px);\n      }\n    "])), globalClasses.caption);
+    },
+    outline: function outline() {
+      return emotion.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 emotion.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 emotion.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 emotion.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 emotion.css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n    "])), t.btnWarningSecondary);
+    },
+    outlineLinkError: function outlineLinkError(t) {
+      return emotion.css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n    "])), t.btnErrorSecondary);
+    },
+    sizeSmall: function sizeSmall(t) {
+      return emotion.css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n\n      ", ";\n    "])), t.btnBorderRadiusSmall, buttonSizeMixin(emotion)(t.btnFontSizeSmall, t.btnLineHeightSmall, t.btnPaddingXSmall, t.btnPaddingYSmall, t.fontFamilyCompensationBaseline));
+    },
+    sizeSmallIE11: function sizeSmallIE11(t) {
+      return emotion.css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), buttonSizeMixinIE11(emotion)(t.btnFontSizeSmall, t.btnPaddingXSmall, t.btnPaddingYSmall, t.fontFamilyCompensationBaseline));
+    },
+    sizeMedium: function sizeMedium(t) {
+      return emotion.css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n\n      ", ";\n    "])), t.btnBorderRadiusMedium, buttonSizeMixin(emotion)(t.btnFontSizeMedium, t.btnLineHeightMedium, t.btnPaddingXMedium, t.btnPaddingYMedium, t.fontFamilyCompensationBaseline));
+    },
+    sizeMediumIE11: function sizeMediumIE11(t) {
+      return emotion.css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), buttonSizeMixinIE11(emotion)(t.btnFontSizeMedium, t.btnPaddingXMedium, t.btnPaddingYMedium, t.fontFamilyCompensationBaseline));
+    },
+    sizeLarge: function sizeLarge(t) {
+      return emotion.css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n\n      ", ";\n    "])), t.btnBorderRadiusLarge, buttonSizeMixin(emotion)(t.btnFontSizeLarge, t.btnLineHeightLarge, t.btnPaddingXLarge, t.btnPaddingYLarge, t.fontFamilyCompensationBaseline));
+    },
+    sizeLargeIE11: function sizeLargeIE11(t) {
+      return emotion.css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), buttonSizeMixinIE11(emotion)(t.btnFontSizeLarge, t.btnPaddingXLarge, t.btnPaddingYLarge, t.fontFamilyCompensationBaseline));
+    },
+    sizeSmallWithIcon: function sizeSmallWithIcon(t) {
+      return emotion.css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      padding-left: ", ";\n    "])), t.btnWithIconPaddingLeftSmall);
+    },
+    sizeMediumWithIcon: function sizeMediumWithIcon(t) {
+      return emotion.css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      padding-left: ", ";\n    "])), t.btnWithIconPaddingLeftMedium);
+    },
+    sizeLargeWithIcon: function sizeLargeWithIcon(t) {
+      return emotion.css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      padding-left: ", ";\n    "])), t.btnWithIconPaddingLeftLarge);
+    },
+    sizeSmallWithIconWithoutText: function sizeSmallWithIconWithoutText(t) {
+      return emotion.css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      padding-right: ", ";\n    "])), t.btnWithIconPaddingLeftSmall);
+    },
+    sizeMediumWithIconWithoutText: function sizeMediumWithIconWithoutText(t) {
+      return emotion.css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n      padding-right: ", ";\n    "])), t.btnWithIconPaddingLeftMedium);
+    },
+    sizeLargeWithIconWithoutText: function sizeLargeWithIconWithoutText(t) {
+      return emotion.css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      padding-right: ", ";\n    "])), t.btnWithIconPaddingLeftLarge);
+    },
+    link: function link(t) {
+      return emotion.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, getActiveStyles(emotion).link(t));
+    },
+    linkLineHeight: function linkLineHeight() {
+      return emotion.css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n      line-height: inherit !important; // override size mixin\n    "])));
+    },
+    linkLineHeightSafariFallback: function linkLineHeightSafariFallback() {
+      return emotion.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 emotion.css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n      & {\n        color: ", ";\n        text-decoration: ", ";\n      }\n    "])), t.btnLinkColor, t.btnLinkHoverTextDecoration);
+    },
+    linkDisabled: function linkDisabled(t) {
+      return emotion.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 emotion.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 emotion.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 emotion.css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n      box-shadow: 0 0 0 ", " ", ";\n    "])), t.btnBorderWidth, t.btnDisabledBg);
+    },
+    arrowWarning: function arrowWarning(t) {
+      return emotion.css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n      box-shadow: inset 0 0 0 ", " ", ";\n\n      ", "\n    "])), t.btnInsetWidth, t.btnInsetColor, arrowOutlineMixin(emotion)(t.btnInsetWidth, t.btnBorderColorWarning, t.btnOutlineWidth, t.btnInsetColor));
+    },
+    arrowError: function arrowError(t) {
+      return emotion.css(_templateObject36 || (_templateObject36 = _taggedTemplateLiteralLoose(["\n      box-shadow: inset 0 0 0 ", " ", ";\n\n      ", "\n    "])), t.btnInsetWidth, t.btnInsetColor, arrowOutlineMixin(emotion)(t.btnInsetWidth, t.btnBorderColorError, t.btnOutlineWidth, t.btnInsetColor));
+    },
+    arrowFocus: function arrowFocus(t) {
+      return emotion.css(_templateObject37 || (_templateObject37 = _taggedTemplateLiteralLoose(["\n      box-shadow: inset 0 0 0 ", " ", ";\n\n      ", "\n    "])), t.btnInsetWidth, t.btnOutlineColorFocus, arrowOutlineMixin(emotion)(t.btnInsetWidth, t.btnBorderColorFocus, t.btnOutlineWidth, t.btnOutlineColorFocus));
+    },
+    arrow: function arrow() {
+      return emotion.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 emotion.css(_templateObject39 || (_templateObject39 = _taggedTemplateLiteralLoose(["\n      transform: scaleX(-1);\n    "])));
+    },
+    arrowIconRoot: function arrowIconRoot() {
+      return emotion.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 emotion.css(_templateObject41 || (_templateObject41 = _taggedTemplateLiteralLoose(["\n      padding: 0 ", " 0 ", ";\n      width: ", ";\n    "])), t.btnWithIconPaddingLeftSmall, t.btnWithIconPaddingLeftSmall, t.btnIconSizeSmall);
+    },
+    arrowIconRootMedium: function arrowIconRootMedium(t) {
+      return emotion.css(_templateObject42 || (_templateObject42 = _taggedTemplateLiteralLoose(["\n      padding: 0 ", " 0 ", ";\n      width: ", ";\n    "])), t.btnWithIconPaddingLeftMedium, t.btnWithIconPaddingLeftMedium, t.btnIconSizeMedium);
+    },
+    arrowIconRootLarge: function arrowIconRootLarge(t) {
+      return emotion.css(_templateObject43 || (_templateObject43 = _taggedTemplateLiteralLoose(["\n      padding: 0 ", " 0 ", ";\n      width: ", ";\n    "])), t.btnWithIconPaddingLeftLarge, t.btnWithIconPaddingLeftLarge, t.btnIconSizeLarge);
+    },
+    arrowIconLeft: function arrowIconLeft() {
+      return emotion.css(_templateObject44 || (_templateObject44 = _taggedTemplateLiteralLoose(["\n      left: 0;\n    "])));
+    },
+    "default": function _default(t) {
+      return emotion.css(_templateObject45 || (_templateObject45 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      &:hover:enabled {\n        ", ";\n      }\n\n      &:active:enabled {\n        ", ";\n      }\n    "])), buttonUseMixin(emotion)(t.btnDefaultBg, t.btnDefaultBgStart, t.btnDefaultBgEnd, t.btnDefaultTextColor, t.btnDefaultBorderColor, t.btnDefaultBorderBottomColor, t.btnBorderWidth), buttonHoverMixin(emotion)(t.btnDefaultHoverBg, t.btnDefaultHoverBgStart, t.btnDefaultHoverBgEnd, t.btnDefaultHoverTextColor, t.btnDefaultHoverBorderColor, t.btnDefaultHoverBorderBottomColor, t.btnBorderWidth), getActiveStyles(emotion)["default"](t));
+    },
+    primary: function primary(t) {
+      return emotion.css(_templateObject46 || (_templateObject46 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      &:hover:enabled {\n        ", ";\n      }\n\n      &:active:enabled {\n        ", "\n      }\n    "])), buttonUseMixin(emotion)(t.btnPrimaryBg, t.btnPrimaryBgStart, t.btnPrimaryBgEnd, t.btnPrimaryTextColor, t.btnPrimaryBorderColor, t.btnPrimaryBorderBottomColor, t.btnBorderWidth), buttonHoverMixin(emotion)(t.btnPrimaryHoverBg, t.btnPrimaryHoverBgStart, t.btnPrimaryHoverBgEnd, t.btnPrimaryHoverTextColor, t.btnPrimaryHoverBorderColor, t.btnPrimaryHoverBorderBottomColor, t.btnBorderWidth), getActiveStyles(emotion).primary(t));
+    },
+    success: function success(t) {
+      return emotion.css(_templateObject47 || (_templateObject47 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      &:hover:enabled {\n        ", ";\n      }\n\n      &:active:enabled {\n        ", "\n      }\n    "])), buttonUseMixin(emotion)(t.btnSuccessBg, t.btnSuccessBgStart, t.btnSuccessBgEnd, t.btnSuccessTextColor, t.btnSuccessBorderColor, t.btnSuccessBorderBottomColor, t.btnBorderWidth), buttonHoverMixin(emotion)(t.btnSuccessHoverBg, t.btnSuccessHoverBgStart, t.btnSuccessHoverBgEnd, t.btnSuccessHoverTextColor, t.btnSuccessHoverBorderColor, t.btnSuccessHoverBorderBottomColor, t.btnBorderWidth), getActiveStyles(emotion).success(t));
+    },
+    danger: function danger(t) {
+      return emotion.css(_templateObject48 || (_templateObject48 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      &:hover:enabled {\n        ", ";\n      }\n\n      &:active:enabled {\n        ", "\n      }\n    "])), buttonUseMixin(emotion)(t.btnDangerBg, t.btnDangerBgStart, t.btnDangerBgEnd, t.btnDangerTextColor, t.btnDangerBorderColor, t.btnDangerBorderBottomColor, t.btnBorderWidth), buttonHoverMixin(emotion)(t.btnDangerHoverBg, t.btnDangerHoverBgStart, t.btnDangerHoverBgEnd, t.btnDangerHoverTextColor, t.btnDangerHoverBorderColor, t.btnDangerHoverBorderBottomColor, t.btnBorderWidth), getActiveStyles(emotion).danger(t));
+    },
+    pay: function pay(t) {
+      return emotion.css(_templateObject49 || (_templateObject49 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      &:hover:enabled {\n        ", ";\n      }\n\n      &:active:enabled {\n        ", "\n      }\n    "])), buttonUseMixin(emotion)(t.btnPayBg, t.btnPayBgStart, t.btnPayBgEnd, t.btnPayTextColor, t.btnPayBorderColor, t.btnPayBorderBottomColor, t.btnBorderWidth), buttonHoverMixin(emotion)(t.btnPayHoverBg, t.btnPayHoverBgStart, t.btnPayHoverBgEnd, t.btnPayHoverTextColor, t.btnPayHoverBorderColor, t.btnPayHoverBorderBottomColor, t.btnBorderWidth), getActiveStyles(emotion).pay(t));
+    },
+    text: function text(t) {
+      return emotion.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(emotion)(t.btnTextBg, '', '', t.btnTextTextColor, t.btnTextBorderColor, '', t.btnBorderWidth), buttonHoverMixin(emotion)(t.btnTextHoverBg, '', '', t.btnTextHoverTextColor, t.btnTextHoverBorderColor, '', t.btnBorderWidth), getActiveStyles(emotion).text(t));
+    },
+    backless: function backless(t) {
+      return emotion.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(emotion)(t.btnBacklessBg, '', '', t.btnBacklessTextColor, t.btnBacklessBorderColor, '', t.btnBorderWidth), t.btnDefaultTextColor, buttonHoverMixin(emotion)(t.btnBacklessHoverBg, '', '', t.btnBacklessHoverTextColor, t.btnBacklessHoverBorderColor, '', t.btnBorderWidth), getActiveStyles(emotion).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 emotion.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 emotion.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 emotion.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 emotion.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 emotion.css(_templateObject56 || (_templateObject56 = _taggedTemplateLiteralLoose(["\n      svg {\n        color: ", " !important;\n      }\n    "])), t.btnCheckedDisabledColor);
+    },
+    caption: function caption() {
+      return emotion.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 emotion.css(_templateObject58 || (_templateObject58 = _taggedTemplateLiteralLoose(["\n      display: inline;\n      transform: none !important; // override root:active style\n    "])));
+    },
+    captionTranslated: function captionTranslated() {
+      return emotion.css(_templateObject59 || (_templateObject59 = _taggedTemplateLiteralLoose(["\n      transform: translateY(1px);\n    "])));
+    },
+    captionDisabled: function captionDisabled() {
+      return emotion.css(_templateObject60 || (_templateObject60 = _taggedTemplateLiteralLoose(["\n      transform: none !important; // override root:active style\n    "])));
+    },
+    wrap: function wrap(t) {
+      return emotion.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 emotion.css(_templateObject62 || (_templateObject62 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n    "])), t.btnHeightSmall);
+    },
+    wrapMedium: function wrapMedium(t) {
+      return emotion.css(_templateObject63 || (_templateObject63 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n    "])), t.btnHeightMedium);
+    },
+    wrapLarge: function wrapLarge(t) {
+      return emotion.css(_templateObject64 || (_templateObject64 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n    "])), t.btnHeightLarge);
+    },
+    narrow: function narrow() {
+      return emotion.css(_templateObject65 || (_templateObject65 = _taggedTemplateLiteralLoose(["\n      padding-left: 5px;\n      padding-right: 5px;\n    "])));
+    },
+    noPadding: function noPadding() {
+      return emotion.css(_templateObject66 || (_templateObject66 = _taggedTemplateLiteralLoose(["\n      padding-left: 0;\n      padding-right: 0;\n    "])));
+    },
+    noRightPadding: function noRightPadding() {
+      return emotion.css(_templateObject67 || (_templateObject67 = _taggedTemplateLiteralLoose(["\n      padding-right: 0;\n    "])));
+    },
+    wrapLink: function wrapLink() {
+      return emotion.css(_templateObject68 || (_templateObject68 = _taggedTemplateLiteralLoose(["\n      padding: 0;\n    "])));
+    },
+    wrapArrow: function wrapArrow() {
+      return emotion.css(_templateObject69 || (_templateObject69 = _taggedTemplateLiteralLoose(["\n      margin-right: 10px;\n    "])));
+    },
+    wrapArrowLeft: function wrapArrowLeft() {
+      return emotion.css(_templateObject70 || (_templateObject70 = _taggedTemplateLiteralLoose(["\n      margin-right: 0;\n      margin-left: 10px;\n    "])));
+    },
+    borderless: function borderless() {
+      return emotion.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 emotion.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 emotion.css(_templateObject73 || (_templateObject73 = _taggedTemplateLiteralLoose(["\n      box-shadow: 0 0 0 1px ", ";\n    "])), t.btnBacklessDisabledBorderColor);
+    },
+    textDisabled2022: function textDisabled2022() {
+      return emotion.css(_templateObject74 || (_templateObject74 = _taggedTemplateLiteralLoose(["\n      background-color: transparent;\n    "])));
+    },
+    loading: function loading() {
+      return emotion.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 emotion.css(_templateObject76 || (_templateObject76 = _taggedTemplateLiteralLoose(["\n      visibility: hidden;\n    "])));
+    }
+  });
+};
+export var getActiveStyles = function getActiveStyles(emotion) {
+  return memoizeStyle({
+    "default": function _default(t) {
+      return emotion.css(_templateObject77 || (_templateObject77 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(emotion)(t.btnDefaultActiveBg, t.btnDefaultActiveShadow, t.btnDefaultActiveBorderColor, t.btnDefaultActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
+    },
+    primary: function primary(t) {
+      return emotion.css(_templateObject78 || (_templateObject78 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(emotion)(t.btnPrimaryActiveBg, t.btnPrimaryActiveShadow, t.btnPrimaryActiveBorderColor, t.btnPrimaryActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
+    },
+    success: function success(t) {
+      return emotion.css(_templateObject79 || (_templateObject79 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(emotion)(t.btnSuccessActiveBg, t.btnSuccessActiveShadow, t.btnSuccessActiveBorderColor, t.btnSuccessActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
+    },
+    danger: function danger(t) {
+      return emotion.css(_templateObject80 || (_templateObject80 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(emotion)(t.btnDangerActiveBg, t.btnDangerActiveShadow, t.btnDangerActiveBorderColor, t.btnDangerActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
+    },
+    pay: function pay(t) {
+      return emotion.css(_templateObject81 || (_templateObject81 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(emotion)(t.btnPayActiveBg, t.btnPayActiveShadow, t.btnPayActiveBorderColor, t.btnPayActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
+    },
+    link: function link(t) {
+      return emotion.css(_templateObject82 || (_templateObject82 = _taggedTemplateLiteralLoose(["\n      & {\n        color: ", ";\n      }\n    "])), t.btnLinkActiveColor);
+    },
+    text: function text(t) {
+      return emotion.css(_templateObject83 || (_templateObject83 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(emotion)(t.btnTextActiveBg, '', t.btnTextActiveBg, '', t.btnBorderWidth, t.btnArrowBgImageActive));
+    },
+    backless: function backless(t) {
+      return emotion.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":["memoizeStyle","prefix","resetButton","resetText","isFirefox","arrowOutlineMixin","buttonActiveMixin","buttonHoverMixin","buttonSizeMixin","buttonSizeMixinIE11","buttonUseMixin","globalClasses","root","arrowHelper","arrowHelperTop","arrowHelperBottom","arrow","caption","text","innerShadow","getStyles","emotion","t","css","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","getActiveStyles","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 type { Emotion } from '@emotion/css/create-instance';\n\nimport { 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  arrowOutlineMixin,\n  buttonActiveMixin,\n  buttonHoverMixin,\n  buttonSizeMixin,\n  buttonSizeMixinIE11,\n  buttonUseMixin,\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 getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root(t: Theme) {\n      return emotion.css`\n      ${resetButton(emotion)};\n      ${resetText(emotion)};\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 emotion.css`\n      padding-right: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingLeftSmall} + ${t.btnWithIconPaddingLeftSmall});\n    `;\n    },\n\n    withArrowIconRightMedium(t: Theme) {\n      return emotion.css`\n      padding-right: calc(\n        ${t.btnIconSizeMedium} + ${t.btnWithIconPaddingLeftMedium} + ${t.btnWithIconPaddingLeftMedium}\n      );\n    `;\n    },\n\n    withArrowIconRightLarge(t: Theme) {\n      return emotion.css`\n      padding-right: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLeftLarge} + ${t.btnWithIconPaddingLeftLarge});\n    `;\n    },\n\n    withArrowIconLeftSmall(t: Theme) {\n      return emotion.css`\n      padding-left: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingLeftSmall} + ${t.btnWithIconPaddingLeftSmall});\n    `;\n    },\n\n    withArrowIconLeftMedium(t: Theme) {\n      return emotion.css`\n      padding-left: calc(\n        ${t.btnIconSizeMedium} + ${t.btnWithIconPaddingLeftMedium} + ${t.btnWithIconPaddingLeftMedium}\n      );\n    `;\n    },\n\n    withArrowIconLeftLarge(t: Theme) {\n      return emotion.css`\n      padding-left: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLeftLarge} + ${t.btnWithIconPaddingLeftLarge});\n    `;\n    },\n\n    simulatedPress() {\n      return emotion.css`\n      &:active .${globalClasses.caption} {\n        transform: translateY(1px);\n      }\n    `;\n    },\n\n    outline() {\n      return emotion.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 emotion.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 emotion.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 emotion.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 emotion.css`\n      background-color: ${t.btnWarningSecondary};\n    `;\n    },\n\n    outlineLinkError(t: Theme) {\n      return emotion.css`\n      background-color: ${t.btnErrorSecondary};\n    `;\n    },\n\n    sizeSmall(t: Theme) {\n      return emotion.css`\n      border-radius: ${t.btnBorderRadiusSmall};\n\n      ${buttonSizeMixin(emotion)(\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 emotion.css`\n      ${buttonSizeMixinIE11(emotion)(\n        t.btnFontSizeSmall,\n        t.btnPaddingXSmall,\n        t.btnPaddingYSmall,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n    },\n\n    sizeMedium(t: Theme) {\n      return emotion.css`\n      border-radius: ${t.btnBorderRadiusMedium};\n\n      ${buttonSizeMixin(emotion)(\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 emotion.css`\n      ${buttonSizeMixinIE11(emotion)(\n        t.btnFontSizeMedium,\n        t.btnPaddingXMedium,\n        t.btnPaddingYMedium,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n    },\n\n    sizeLarge(t: Theme) {\n      return emotion.css`\n      border-radius: ${t.btnBorderRadiusLarge};\n\n      ${buttonSizeMixin(emotion)(\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 emotion.css`\n      ${buttonSizeMixinIE11(emotion)(\n        t.btnFontSizeLarge,\n        t.btnPaddingXLarge,\n        t.btnPaddingYLarge,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n    },\n\n    sizeSmallWithIcon(t: Theme) {\n      return emotion.css`\n      padding-left: ${t.btnWithIconPaddingLeftSmall};\n    `;\n    },\n\n    sizeMediumWithIcon(t: Theme) {\n      return emotion.css`\n      padding-left: ${t.btnWithIconPaddingLeftMedium};\n    `;\n    },\n\n    sizeLargeWithIcon(t: Theme) {\n      return emotion.css`\n      padding-left: ${t.btnWithIconPaddingLeftLarge};\n    `;\n    },\n\n    sizeSmallWithIconWithoutText(t: Theme) {\n      return emotion.css`\n      padding-right: ${t.btnWithIconPaddingLeftSmall};\n    `;\n    },\n\n    sizeMediumWithIconWithoutText(t: Theme) {\n      return emotion.css`\n      padding-right: ${t.btnWithIconPaddingLeftMedium};\n    `;\n    },\n\n    sizeLargeWithIconWithoutText(t: Theme) {\n      return emotion.css`\n      padding-right: ${t.btnWithIconPaddingLeftLarge};\n    `;\n    },\n\n    link(t: Theme) {\n      return emotion.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        ${getActiveStyles(emotion).link(t)}\n      }\n    `;\n    },\n\n    linkLineHeight() {\n      return emotion.css`\n      line-height: inherit !important; // override size mixin\n    `;\n    },\n\n    linkLineHeightSafariFallback() {\n      return emotion.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 emotion.css`\n      & {\n        color: ${t.btnLinkColor};\n        text-decoration: ${t.btnLinkHoverTextDecoration};\n      }\n    `;\n    },\n\n    linkDisabled(t: Theme) {\n      return emotion.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 emotion.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 emotion.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 emotion.css`\n      box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBg};\n    `;\n    },\n\n    arrowWarning(t: Theme) {\n      return emotion.css`\n      box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n      ${arrowOutlineMixin(emotion)(t.btnInsetWidth, t.btnBorderColorWarning, t.btnOutlineWidth, t.btnInsetColor)}\n    `;\n    },\n\n    arrowError(t: Theme) {\n      return emotion.css`\n      box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n      ${arrowOutlineMixin(emotion)(t.btnInsetWidth, t.btnBorderColorError, t.btnOutlineWidth, t.btnInsetColor)}\n    `;\n    },\n\n    arrowFocus(t: Theme) {\n      return emotion.css`\n      box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus};\n\n      ${arrowOutlineMixin(emotion)(t.btnInsetWidth, t.btnBorderColorFocus, t.btnOutlineWidth, t.btnOutlineColorFocus)}\n    `;\n    },\n\n    arrow() {\n      return emotion.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 emotion.css`\n      transform: scaleX(-1);\n    `;\n    },\n\n    arrowIconRoot() {\n      return emotion.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 emotion.css`\n      padding: 0 ${t.btnWithIconPaddingLeftSmall} 0 ${t.btnWithIconPaddingLeftSmall};\n      width: ${t.btnIconSizeSmall};\n    `;\n    },\n\n    arrowIconRootMedium(t: Theme) {\n      return emotion.css`\n      padding: 0 ${t.btnWithIconPaddingLeftMedium} 0 ${t.btnWithIconPaddingLeftMedium};\n      width: ${t.btnIconSizeMedium};\n    `;\n    },\n\n    arrowIconRootLarge(t: Theme) {\n      return emotion.css`\n      padding: 0 ${t.btnWithIconPaddingLeftLarge} 0 ${t.btnWithIconPaddingLeftLarge};\n      width: ${t.btnIconSizeLarge};\n    `;\n    },\n\n    arrowIconLeft() {\n      return emotion.css`\n      left: 0;\n    `;\n    },\n\n    default(t: Theme) {\n      return emotion.css`\n      ${buttonUseMixin(emotion)(\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(emotion)(\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        ${getActiveStyles(emotion).default(t)};\n      }\n    `;\n    },\n\n    primary(t: Theme) {\n      return emotion.css`\n      ${buttonUseMixin(emotion)(\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(emotion)(\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        ${getActiveStyles(emotion).primary(t)}\n      }\n    `;\n    },\n\n    success(t: Theme) {\n      return emotion.css`\n      ${buttonUseMixin(emotion)(\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(emotion)(\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        ${getActiveStyles(emotion).success(t)}\n      }\n    `;\n    },\n\n    danger(t: Theme) {\n      return emotion.css`\n      ${buttonUseMixin(emotion)(\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(emotion)(\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        ${getActiveStyles(emotion).danger(t)}\n      }\n    `;\n    },\n\n    pay(t: Theme) {\n      return emotion.css`\n      ${buttonUseMixin(emotion)(\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(emotion)(\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        ${getActiveStyles(emotion).pay(t)}\n      }\n    `;\n    },\n\n    text(t: Theme) {\n      return emotion.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(emotion)(t.btnTextBg, '', '', t.btnTextTextColor, t.btnTextBorderColor, '', t.btnBorderWidth)};\n\n      &:hover:enabled {\n        ${buttonHoverMixin(emotion)(\n          t.btnTextHoverBg,\n          '',\n          '',\n          t.btnTextHoverTextColor,\n          t.btnTextHoverBorderColor,\n          '',\n          t.btnBorderWidth,\n        )};\n      }\n\n      &:active:enabled {\n        ${getActiveStyles(emotion).text(t)}\n      }\n    `;\n    },\n\n    backless(t: Theme) {\n      return emotion.css`\n      ${buttonUseMixin(emotion)(\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(emotion)(\n          t.btnBacklessHoverBg,\n          '',\n          '',\n          t.btnBacklessHoverTextColor,\n          t.btnBacklessHoverBorderColor,\n          '',\n          t.btnBorderWidth,\n        )};\n      }\n\n      &:active:enabled {\n        ${getActiveStyles(emotion).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 emotion.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 emotion.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 emotion.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 emotion.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 emotion.css`\n      svg {\n        color: ${t.btnCheckedDisabledColor} !important;\n      }\n    `;\n    },\n\n    caption() {\n      return emotion.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 emotion.css`\n      display: inline;\n      transform: none !important; // override root:active style\n    `;\n    },\n\n    captionTranslated() {\n      return emotion.css`\n      transform: translateY(1px);\n    `;\n    },\n\n    captionDisabled() {\n      return emotion.css`\n      transform: none !important; // override root:active style\n    `;\n    },\n\n    wrap(t: Theme) {\n      return emotion.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 emotion.css`\n      height: ${t.btnHeightSmall};\n    `;\n    },\n\n    wrapMedium(t: Theme) {\n      return emotion.css`\n      height: ${t.btnHeightMedium};\n    `;\n    },\n\n    wrapLarge(t: Theme) {\n      return emotion.css`\n      height: ${t.btnHeightLarge};\n    `;\n    },\n\n    narrow() {\n      return emotion.css`\n      padding-left: 5px;\n      padding-right: 5px;\n    `;\n    },\n\n    noPadding() {\n      return emotion.css`\n      padding-left: 0;\n      padding-right: 0;\n    `;\n    },\n\n    noRightPadding() {\n      return emotion.css`\n      padding-right: 0;\n    `;\n    },\n\n    wrapLink() {\n      return emotion.css`\n      padding: 0;\n    `;\n    },\n\n    wrapArrow() {\n      return emotion.css`\n      margin-right: 10px;\n    `;\n    },\n\n    wrapArrowLeft() {\n      return emotion.css`\n      margin-right: 0;\n      margin-left: 10px;\n    `;\n    },\n\n    borderless() {\n      return emotion.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 emotion.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 emotion.css`\n      box-shadow: 0 0 0 1px ${t.btnBacklessDisabledBorderColor};\n    `;\n    },\n\n    textDisabled2022() {\n      return emotion.css`\n      background-color: transparent;\n    `;\n    },\n\n    loading() {\n      return emotion.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 emotion.css`\n      visibility: hidden;\n    `;\n    },\n  });\n\nexport const getActiveStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    default(t: Theme) {\n      return emotion.css`\n      & {\n        ${buttonActiveMixin(emotion)(\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 emotion.css`\n      & {\n        ${buttonActiveMixin(emotion)(\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 emotion.css`\n      & {\n        ${buttonActiveMixin(emotion)(\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 emotion.css`\n      & {\n        ${buttonActiveMixin(emotion)(\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 emotion.css`\n      & {\n        ${buttonActiveMixin(emotion)(\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 emotion.css`\n      & {\n        color: ${t.btnLinkActiveColor};\n      }\n    `;\n    },\n\n    text(t: Theme) {\n      return emotion.css`\n      & {\n        ${buttonActiveMixin(emotion)(\n          t.btnTextActiveBg,\n          '',\n          t.btnTextActiveBg,\n          '',\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n    },\n\n    backless(t: Theme) {\n      return emotion.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,100 @@
+import type { Emotion } from '@emotion/css/create-instance';
+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 getStyles: (emotion: Emotion) => {
+    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 getActiveStyles: (emotion: Emotion) => {
+    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,76 @@
+import React from 'react';
+import { useEmotion } from "../../../lib/theming/Emotion";
+import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
+import { useTheme } from "../../../lib/theming/useTheme";
+import { ArrowRightIcon } from "../ArrowRightIcon";
+import { ArrowLeftIcon } from "../ArrowLeftIcon";
+import { Button } from "../Button";
+import { getStyles, globalClasses } 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 emotion = useEmotion();
+  var theme = useTheme();
+
+  var _isTheme2022 = isTheme2022(theme);
+
+  var styles = getStyles(emotion);
+
+  var getArrowIconRootClassName = function getArrowIconRootClassName() {
+    var _emotion$cx;
+
+    return emotion.cx(styles.arrowIconRoot(), globalClasses.arrow, (_emotion$cx = {}, _emotion$cx[styles.arrowIconRootSmall(theme)] = size === 'small', _emotion$cx[styles.arrowIconRootMedium(theme)] = size === 'medium', _emotion$cx[styles.arrowIconRootLarge(theme)] = size === 'large', _emotion$cx[styles.arrowIconLeft()] = arrow === 'left', _emotion$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 _emotion$cx2;
+
+    arrowNode = /*#__PURE__*/React.createElement("div", {
+      className: emotion.cx((_emotion$cx2 = {}, _emotion$cx2[styles.arrow()] = true, _emotion$cx2[styles.arrowWarning(theme)] = !checked && warning && !disabled, _emotion$cx2[styles.arrowError(theme)] = !checked && error && !disabled, _emotion$cx2[styles.arrowFocus(theme)] = !checked && isFocused && !disabled, _emotion$cx2[styles.arrowLeft()] = arrow === 'left', _emotion$cx2))
+    }, /*#__PURE__*/React.createElement("div", {
+      className: emotion.cx(globalClasses.arrowHelper, globalClasses.arrowHelperTop)
+    }), /*#__PURE__*/React.createElement("div", {
+      className: emotion.cx(globalClasses.arrowHelper, globalClasses.arrowHelperBottom)
+    }));
+  }
+
+  return arrowNode;
+};
+
+export function useButtonArrow(props, theme, emotion) {
+  var _emotion$cx3;
+
+  var styles = getStyles(emotion);
+  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 ? '' : emotion.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 ? '' : emotion.cx((_emotion$cx3 = {}, _emotion$cx3[styles.wrapArrow()] = arrow === true, _emotion$cx3[styles.wrapArrowLeft()] = arrow === 'left', _emotion$cx3));
+  var arrowNode = canRender ? /*#__PURE__*/React.createElement(ButtonArrow, props) : null;
+  return [wrapClassName, rootClassName, arrowNode];
+}