@skbkontur/react-ui 0.0.0-38b6d1ada0 → 0.0.0-444dd4e7b3

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

@@ -0,0 +1,474 @@
+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, _templateObject85, _templateObject86, _templateObject87, _templateObject88;
+
+import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
+import { ZERO_WIDTH_SPACE_CSS } from "../../../lib/chars";
+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',
+  icon: 'icon'
+});
+export var styles = memoizeStyle({
+  root: function root(t) {
+    // ! DONE
+    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({
+      fontSize: t.btnFontSizeSmall,
+      lineHeight: t.btnLineHeightSmall,
+      paddingX: t.btnPaddingXSmall,
+      paddingY: t.btnPaddingYSmall,
+      fontFamilyCompensation: t.fontFamilyCompensationBaseline
+    }));
+  },
+  sizeSmallIE11: function sizeSmallIE11(t) {
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), buttonSizeMixinIE11({
+      fontSize: t.btnFontSizeSmall,
+      paddingX: t.btnPaddingXSmall,
+      paddingY: t.btnPaddingYSmall,
+      fontFamilyCompensation: t.fontFamilyCompensationBaseline
+    }));
+  },
+  sizeMedium: function sizeMedium(t) {
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n\n      ", ";\n    "])), t.btnBorderRadiusMedium, buttonSizeMixin({
+      fontSize: t.btnFontSizeMedium,
+      lineHeight: t.btnLineHeightMedium,
+      paddingX: t.btnPaddingXMedium,
+      paddingY: t.btnPaddingYMedium,
+      fontFamilyCompensation: t.fontFamilyCompensationBaseline
+    }));
+  },
+  sizeMediumIE11: function sizeMediumIE11(t) {
+    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), buttonSizeMixinIE11({
+      fontSize: t.btnFontSizeMedium,
+      paddingX: t.btnPaddingXMedium,
+      paddingY: t.btnPaddingYMedium,
+      fontFamilyCompensation: t.fontFamilyCompensationBaseline
+    }));
+  },
+  sizeLarge: function sizeLarge(t) {
+    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n\n      ", ";\n    "])), t.btnBorderRadiusLarge, buttonSizeMixin({
+      fontSize: t.btnFontSizeLarge,
+      lineHeight: t.btnLineHeightLarge,
+      paddingX: t.btnPaddingXLarge,
+      paddingY: t.btnPaddingYLarge,
+      fontFamilyCompensation: t.fontFamilyCompensationBaseline
+    }));
+  },
+  sizeLargeIE11: function sizeLargeIE11(t) {
+    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), buttonSizeMixinIE11({
+      fontSize: t.btnFontSizeLarge,
+      paddingX: t.btnPaddingXLarge,
+      paddingY: t.btnPaddingYLarge,
+      fontFamilyCompensation: 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({
+      insetWidth: t.btnInsetWidth,
+      outlineColor: t.btnBorderColorWarning,
+      outlineWidth: t.btnOutlineWidth,
+      insetColor: 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({
+      insetWidth: t.btnInsetWidth,
+      outlineColor: t.btnBorderColorError,
+      outlineWidth: t.btnOutlineWidth,
+      insetColor: 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({
+      insetWidth: t.btnInsetWidth,
+      outlineColor: t.btnBorderColorFocus,
+      outlineWidth: t.btnOutlineWidth,
+      insetColor: 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({
+      btnBackground: t.btnDefaultBg,
+      btnBackgroundStart: t.btnDefaultBgStart,
+      btnBackgroundEnd: t.btnDefaultBgEnd,
+      color: t.btnDefaultTextColor,
+      borderColor: t.btnDefaultBorderColor,
+      borderBottomColor: t.btnDefaultBorderBottomColor,
+      borderWidth: t.btnBorderWidth
+    }), buttonHoverMixin({
+      btnBackground: t.btnDefaultHoverBg,
+      btnBackgroundStart: t.btnDefaultHoverBgStart,
+      btnBackgroundEnd: t.btnDefaultHoverBgEnd,
+      borderColor: t.btnDefaultHoverBorderColor,
+      borderBottomColor: t.btnDefaultHoverBorderBottomColor,
+      borderWidth: 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({
+      btnBackground: t.btnPrimaryBg,
+      btnBackgroundStart: t.btnPrimaryBgStart,
+      btnBackgroundEnd: t.btnPrimaryBgEnd,
+      color: t.btnPrimaryTextColor,
+      borderColor: t.btnPrimaryBorderColor,
+      borderBottomColor: t.btnPrimaryBorderBottomColor,
+      borderWidth: t.btnBorderWidth
+    }), buttonHoverMixin({
+      btnBackground: t.btnPrimaryHoverBg,
+      btnBackgroundStart: t.btnPrimaryHoverBgStart,
+      btnBackgroundEnd: t.btnPrimaryHoverBgEnd,
+      borderColor: t.btnPrimaryHoverBorderColor,
+      borderBottomColor: t.btnPrimaryHoverBorderBottomColor,
+      borderWidth: 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({
+      btnBackground: t.btnSuccessBg,
+      btnBackgroundStart: t.btnSuccessBgStart,
+      btnBackgroundEnd: t.btnSuccessBgEnd,
+      color: t.btnSuccessTextColor,
+      borderColor: t.btnSuccessBorderColor,
+      borderBottomColor: t.btnSuccessBorderBottomColor,
+      borderWidth: t.btnBorderWidth
+    }), buttonHoverMixin({
+      btnBackground: t.btnSuccessHoverBg,
+      btnBackgroundStart: t.btnSuccessHoverBgStart,
+      btnBackgroundEnd: t.btnSuccessHoverBgEnd,
+      borderColor: t.btnSuccessHoverBorderColor,
+      borderBottomColor: t.btnSuccessHoverBorderBottomColor,
+      borderWidth: 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({
+      btnBackground: t.btnDangerBg,
+      btnBackgroundStart: t.btnDangerBgStart,
+      btnBackgroundEnd: t.btnDangerBgEnd,
+      color: t.btnDangerTextColor,
+      borderColor: t.btnDangerBorderColor,
+      borderBottomColor: t.btnDangerBorderBottomColor,
+      borderWidth: t.btnBorderWidth
+    }), buttonHoverMixin({
+      btnBackground: t.btnDangerHoverBg,
+      btnBackgroundStart: t.btnDangerHoverBgStart,
+      btnBackgroundEnd: t.btnDangerHoverBgEnd,
+      borderColor: t.btnDangerHoverBorderColor,
+      borderBottomColor: t.btnDangerHoverBorderBottomColor,
+      borderWidth: 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({
+      btnBackground: t.btnPayBg,
+      btnBackgroundStart: t.btnPayBgStart,
+      btnBackgroundEnd: t.btnPayBgEnd,
+      color: t.btnPayTextColor,
+      borderColor: t.btnPayBorderColor,
+      borderBottomColor: t.btnPayBorderBottomColor,
+      borderWidth: t.btnBorderWidth
+    }), buttonHoverMixin({
+      btnBackground: t.btnPayHoverBg,
+      btnBackgroundStart: t.btnPayHoverBgStart,
+      btnBackgroundEnd: t.btnPayHoverBgEnd,
+      borderColor: t.btnPayHoverBorderColor,
+      borderBottomColor: t.btnPayHoverBorderBottomColor,
+      borderWidth: 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({
+      btnBackground: t.btnTextBg,
+      color: t.btnTextTextColor,
+      borderColor: t.btnTextBorderColor,
+      borderWidth: t.btnBorderWidth
+    }), buttonHoverMixin({
+      btnBackground: t.btnTextHoverBg,
+      borderColor: t.btnTextHoverBorderColor,
+      borderWidth: 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({
+      btnBackground: t.btnBacklessBg,
+      color: t.btnBacklessTextColor,
+      borderColor: t.btnBacklessBorderColor,
+      borderWidth: t.btnBorderWidth
+    }), t.btnDefaultTextColor, buttonHoverMixin({
+      btnBackground: t.btnBacklessHoverBg,
+      borderColor: t.btnBacklessHoverBorderColor,
+      borderWidth: 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    "])));
+  },
+  iconNoRightMargin: function iconNoRightMargin() {
+    return css(_templateObject68 || (_templateObject68 = _taggedTemplateLiteralLoose(["\n      margin-right: 0;\n    "])));
+  },
+  iconLink: function iconLink(t) {
+    return css(_templateObject69 || (_templateObject69 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n    "])), t.btnLinkIconMarginRight);
+  },
+  wrapLink: function wrapLink() {
+    return css(_templateObject70 || (_templateObject70 = _taggedTemplateLiteralLoose(["\n      padding: 0;\n    "])));
+  },
+  wrapArrow: function wrapArrow() {
+    return css(_templateObject71 || (_templateObject71 = _taggedTemplateLiteralLoose(["\n      margin-right: 10px;\n    "])));
+  },
+  wrapArrowLeft: function wrapArrowLeft() {
+    return css(_templateObject72 || (_templateObject72 = _taggedTemplateLiteralLoose(["\n      margin-right: 0;\n      margin-left: 10px;\n    "])));
+  },
+  icon: function icon(t) {
+    var space = isTheme2022(t) ? "'" + ZERO_WIDTH_SPACE_CSS + "'" : null;
+    return css(_templateObject73 || (_templateObject73 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n\n      &::before {\n        content: ", ";\n      }\n    "])), space);
+  },
+  iconSmall: function iconSmall(t) {
+    return css(_templateObject74 || (_templateObject74 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      margin-right: ", ";\n    "])), t.btnIconSizeSmall, t.btnIconGapSmall);
+  },
+  iconMedium: function iconMedium(t) {
+    return css(_templateObject75 || (_templateObject75 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      margin-right: ", ";\n    "])), t.btnIconSizeMedium, t.btnIconGapMedium);
+  },
+  iconLarge: function iconLarge(t) {
+    return css(_templateObject76 || (_templateObject76 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      margin-right: ", ";\n    "])), t.btnIconSizeLarge, t.btnIconGapLarge);
+  },
+  borderless: function borderless() {
+    return css(_templateObject77 || (_templateObject77 = _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(_templateObject78 || (_templateObject78 = _taggedTemplateLiteralLoose(["\n      &,\n      &:active:hover,\n      &:hover {\n        box-shadow: none !important; // override root:hover style\n      }\n    "])));
+  },
+  loading: function loading() {
+    return css(_templateObject79 || (_templateObject79 = _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(_templateObject80 || (_templateObject80 = _taggedTemplateLiteralLoose(["\n      visibility: hidden;\n    "])));
+  }
+});
+export var activeStyles = memoizeStyle({
+  "default": function _default(t) {
+    return css(_templateObject81 || (_templateObject81 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin({
+      btnBackground: t.btnDefaultActiveBg,
+      btnShadow: t.btnDefaultActiveShadow,
+      borderColor: t.btnDefaultActiveBorderColor,
+      borderTopColor: t.btnDefaultActiveBorderTopColor,
+      borderWidth: t.btnBorderWidth,
+      arrowBgImage: t.btnArrowBgImageActive
+    }));
+  },
+  primary: function primary(t) {
+    return css(_templateObject82 || (_templateObject82 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin({
+      btnBackground: t.btnPrimaryActiveBg,
+      btnShadow: t.btnPrimaryActiveShadow,
+      borderColor: t.btnPrimaryActiveBorderColor,
+      borderTopColor: t.btnPrimaryActiveBorderTopColor,
+      borderWidth: t.btnBorderWidth,
+      arrowBgImage: t.btnArrowBgImageActive
+    }));
+  },
+  success: function success(t) {
+    return css(_templateObject83 || (_templateObject83 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin({
+      btnBackground: t.btnSuccessActiveBg,
+      btnShadow: t.btnSuccessActiveShadow,
+      borderColor: t.btnSuccessActiveBorderColor,
+      borderTopColor: t.btnSuccessActiveBorderTopColor,
+      borderWidth: t.btnBorderWidth,
+      arrowBgImage: t.btnArrowBgImageActive
+    }));
+  },
+  danger: function danger(t) {
+    return css(_templateObject84 || (_templateObject84 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin({
+      btnBackground: t.btnDangerActiveBg,
+      btnShadow: t.btnDangerActiveShadow,
+      borderColor: t.btnDangerActiveBorderColor,
+      borderTopColor: t.btnDangerActiveBorderTopColor,
+      borderWidth: t.btnBorderWidth,
+      arrowBgImage: t.btnArrowBgImageActive
+    }));
+  },
+  pay: function pay(t) {
+    return css(_templateObject85 || (_templateObject85 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin({
+      btnBackground: t.btnPayActiveBg,
+      btnShadow: t.btnPayActiveShadow,
+      borderColor: t.btnPayActiveBorderColor,
+      borderTopColor: t.btnPayActiveBorderTopColor,
+      borderWidth: t.btnBorderWidth,
+      arrowBgImage: t.btnArrowBgImageActive
+    }));
+  },
+  link: function link(t) {
+    return css(_templateObject86 || (_templateObject86 = _taggedTemplateLiteralLoose(["\n      & {\n        color: ", ";\n      }\n    "])), t.btnLinkActiveColor);
+  },
+  text: function text(t) {
+    return css(_templateObject87 || (_templateObject87 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin({
+      btnBackground: t.btnTextActiveBg,
+      borderColor: t.btnTextActiveBg,
+      borderWidth: t.btnBorderWidth,
+      arrowBgImage: t.btnArrowBgImageActive
+    }));
+  },
+  backless: function backless(t) {
+    return css(_templateObject88 || (_templateObject88 = _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":["isTheme2022","ZERO_WIDTH_SPACE_CSS","css","memoizeStyle","prefix","resetButton","resetText","isFirefox","buttonUseMixin","buttonHoverMixin","buttonActiveMixin","buttonSizeMixin","arrowOutlineMixin","buttonSizeMixinIE11","globalClasses","root","arrowHelper","arrowHelperTop","arrowHelperBottom","arrow","caption","text","innerShadow","icon","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","fontSize","btnFontSizeSmall","lineHeight","btnLineHeightSmall","paddingX","btnPaddingXSmall","paddingY","btnPaddingYSmall","fontFamilyCompensation","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","insetWidth","outlineColor","outlineWidth","insetColor","arrowError","arrowFocus","arrowLeft","arrowIconRoot","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","btnBackground","btnDefaultBg","btnBackgroundStart","btnDefaultBgStart","btnBackgroundEnd","btnDefaultBgEnd","color","btnDefaultTextColor","borderColor","btnDefaultBorderColor","borderBottomColor","btnDefaultBorderBottomColor","borderWidth","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","primary","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","success","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","danger","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","pay","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayTextColor","btnPayBorderColor","btnPayBorderBottomColor","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","btnTextBg","btnTextTextColor","btnTextBorderColor","btnTextHoverBg","btnTextHoverBorderColor","backless","btnBacklessBg","btnBacklessTextColor","btnBacklessBorderColor","btnBacklessHoverBg","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","iconNoRightMargin","iconLink","btnLinkIconMarginRight","wrapLink","wrapArrow","wrapArrowLeft","space","iconSmall","btnIconGapSmall","iconMedium","btnIconGapMedium","iconLarge","btnIconGapLarge","borderless","borderless2022","loading","visibilityHidden","btnDefaultActiveBg","btnShadow","btnDefaultActiveShadow","btnDefaultActiveBorderColor","borderTopColor","btnDefaultActiveBorderTopColor","arrowBgImage","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 { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { ZERO_WIDTH_SPACE_CSS } from '../../lib/chars';\nimport { 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  icon: 'icon',\n});\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    // ! DONE\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        fontSize: t.btnFontSizeSmall,\n        lineHeight: t.btnLineHeightSmall,\n        paddingX: t.btnPaddingXSmall,\n        paddingY: t.btnPaddingYSmall,\n        fontFamilyCompensation: t.fontFamilyCompensationBaseline,\n      })};\n    `;\n  },\n\n  sizeSmallIE11(t: Theme) {\n    return css`\n      ${buttonSizeMixinIE11({\n        fontSize: t.btnFontSizeSmall,\n        paddingX: t.btnPaddingXSmall,\n        paddingY: t.btnPaddingYSmall,\n        fontFamilyCompensation: t.fontFamilyCompensationBaseline,\n      })};\n    `;\n  },\n\n  sizeMedium(t: Theme) {\n    return css`\n      border-radius: ${t.btnBorderRadiusMedium};\n\n      ${buttonSizeMixin({\n        fontSize: t.btnFontSizeMedium,\n        lineHeight: t.btnLineHeightMedium,\n        paddingX: t.btnPaddingXMedium,\n        paddingY: t.btnPaddingYMedium,\n        fontFamilyCompensation: t.fontFamilyCompensationBaseline,\n      })};\n    `;\n  },\n\n  sizeMediumIE11(t: Theme) {\n    return css`\n      ${buttonSizeMixinIE11({\n        fontSize: t.btnFontSizeMedium,\n        paddingX: t.btnPaddingXMedium,\n        paddingY: t.btnPaddingYMedium,\n        fontFamilyCompensation: t.fontFamilyCompensationBaseline,\n      })};\n    `;\n  },\n\n  sizeLarge(t: Theme) {\n    return css`\n      border-radius: ${t.btnBorderRadiusLarge};\n\n      ${buttonSizeMixin({\n        fontSize: t.btnFontSizeLarge,\n        lineHeight: t.btnLineHeightLarge,\n        paddingX: t.btnPaddingXLarge,\n        paddingY: t.btnPaddingYLarge,\n        fontFamilyCompensation: t.fontFamilyCompensationBaseline,\n      })};\n    `;\n  },\n\n  sizeLargeIE11(t: Theme) {\n    return css`\n      ${buttonSizeMixinIE11({\n        fontSize: t.btnFontSizeLarge,\n        paddingX: t.btnPaddingXLarge,\n        paddingY: t.btnPaddingYLarge,\n        fontFamilyCompensation: 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({\n        insetWidth: t.btnInsetWidth,\n        outlineColor: t.btnBorderColorWarning,\n        outlineWidth: t.btnOutlineWidth,\n        insetColor: t.btnInsetColor,\n      })}\n    `;\n  },\n\n  arrowError(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n      ${arrowOutlineMixin({\n        insetWidth: t.btnInsetWidth,\n        outlineColor: t.btnBorderColorError,\n        outlineWidth: t.btnOutlineWidth,\n        insetColor: t.btnInsetColor,\n      })}\n    `;\n  },\n\n  arrowFocus(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus};\n\n      ${arrowOutlineMixin({\n        insetWidth: t.btnInsetWidth,\n        outlineColor: t.btnBorderColorFocus,\n        outlineWidth: t.btnOutlineWidth,\n        insetColor: t.btnOutlineColorFocus,\n      })}\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        btnBackground: t.btnDefaultBg,\n        btnBackgroundStart: t.btnDefaultBgStart,\n        btnBackgroundEnd: t.btnDefaultBgEnd,\n        color: t.btnDefaultTextColor,\n        borderColor: t.btnDefaultBorderColor,\n        borderBottomColor: t.btnDefaultBorderBottomColor,\n        borderWidth: t.btnBorderWidth,\n      })};\n\n      &:hover:enabled {\n        ${buttonHoverMixin({\n          btnBackground: t.btnDefaultHoverBg,\n          btnBackgroundStart: t.btnDefaultHoverBgStart,\n          btnBackgroundEnd: t.btnDefaultHoverBgEnd,\n          borderColor: t.btnDefaultHoverBorderColor,\n          borderBottomColor: t.btnDefaultHoverBorderBottomColor,\n          borderWidth: 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        btnBackground: t.btnPrimaryBg,\n        btnBackgroundStart: t.btnPrimaryBgStart,\n        btnBackgroundEnd: t.btnPrimaryBgEnd,\n        color: t.btnPrimaryTextColor,\n        borderColor: t.btnPrimaryBorderColor,\n        borderBottomColor: t.btnPrimaryBorderBottomColor,\n        borderWidth: t.btnBorderWidth,\n      })};\n\n      &:hover:enabled {\n        ${buttonHoverMixin({\n          btnBackground: t.btnPrimaryHoverBg,\n          btnBackgroundStart: t.btnPrimaryHoverBgStart,\n          btnBackgroundEnd: t.btnPrimaryHoverBgEnd,\n          borderColor: t.btnPrimaryHoverBorderColor,\n          borderBottomColor: t.btnPrimaryHoverBorderBottomColor,\n          borderWidth: 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        btnBackground: t.btnSuccessBg,\n        btnBackgroundStart: t.btnSuccessBgStart,\n        btnBackgroundEnd: t.btnSuccessBgEnd,\n        color: t.btnSuccessTextColor,\n        borderColor: t.btnSuccessBorderColor,\n        borderBottomColor: t.btnSuccessBorderBottomColor,\n        borderWidth: t.btnBorderWidth,\n      })};\n\n      &:hover:enabled {\n        ${buttonHoverMixin({\n          btnBackground: t.btnSuccessHoverBg,\n          btnBackgroundStart: t.btnSuccessHoverBgStart,\n          btnBackgroundEnd: t.btnSuccessHoverBgEnd,\n          borderColor: t.btnSuccessHoverBorderColor,\n          borderBottomColor: t.btnSuccessHoverBorderBottomColor,\n          borderWidth: 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        btnBackground: t.btnDangerBg,\n        btnBackgroundStart: t.btnDangerBgStart,\n        btnBackgroundEnd: t.btnDangerBgEnd,\n        color: t.btnDangerTextColor,\n        borderColor: t.btnDangerBorderColor,\n        borderBottomColor: t.btnDangerBorderBottomColor,\n        borderWidth: t.btnBorderWidth,\n      })};\n\n      &:hover:enabled {\n        ${buttonHoverMixin({\n          btnBackground: t.btnDangerHoverBg,\n          btnBackgroundStart: t.btnDangerHoverBgStart,\n          btnBackgroundEnd: t.btnDangerHoverBgEnd,\n          borderColor: t.btnDangerHoverBorderColor,\n          borderBottomColor: t.btnDangerHoverBorderBottomColor,\n          borderWidth: 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        btnBackground: t.btnPayBg,\n        btnBackgroundStart: t.btnPayBgStart,\n        btnBackgroundEnd: t.btnPayBgEnd,\n        color: t.btnPayTextColor,\n        borderColor: t.btnPayBorderColor,\n        borderBottomColor: t.btnPayBorderBottomColor,\n        borderWidth: t.btnBorderWidth,\n      })};\n\n      &:hover:enabled {\n        ${buttonHoverMixin({\n          btnBackground: t.btnPayHoverBg,\n          btnBackgroundStart: t.btnPayHoverBgStart,\n          btnBackgroundEnd: t.btnPayHoverBgEnd,\n          borderColor: t.btnPayHoverBorderColor,\n          borderBottomColor: t.btnPayHoverBorderBottomColor,\n          borderWidth: 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({\n        btnBackground: t.btnTextBg,\n        color: t.btnTextTextColor,\n        borderColor: t.btnTextBorderColor,\n        borderWidth: t.btnBorderWidth,\n      })};\n\n      &:hover:enabled {\n        ${buttonHoverMixin({\n          btnBackground: t.btnTextHoverBg,\n          borderColor: t.btnTextHoverBorderColor,\n          borderWidth: 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        btnBackground: t.btnBacklessBg,\n        color: t.btnBacklessTextColor,\n        borderColor: t.btnBacklessBorderColor,\n        borderWidth: t.btnBorderWidth,\n      })};\n\n      color: ${t.btnDefaultTextColor};\n      background: transparent;\n\n      &:hover:enabled {\n        ${buttonHoverMixin({\n          btnBackground: t.btnBacklessHoverBg,\n          borderColor: t.btnBacklessHoverBorderColor,\n          borderWidth: 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  iconNoRightMargin() {\n    return css`\n      margin-right: 0;\n    `;\n  },\n\n  iconLink(t: Theme) {\n    return css`\n      margin-right: ${t.btnLinkIconMarginRight};\n    `;\n  },\n\n  wrapLink() {\n    return css`\n      padding: 0;\n    `;\n  },\n\n  wrapArrow() {\n    return css`\n      margin-right: 10px;\n    `;\n  },\n\n  wrapArrowLeft() {\n    return css`\n      margin-right: 0;\n      margin-left: 10px;\n    `;\n  },\n\n  icon(t: Theme) {\n    const space = isTheme2022(t) ? `'${ZERO_WIDTH_SPACE_CSS}'` : null;\n    return css`\n      display: inline-block;\n\n      &::before {\n        content: ${space};\n      }\n    `;\n  },\n  iconSmall(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeSmall};\n      margin-right: ${t.btnIconGapSmall};\n    `;\n  },\n  iconMedium(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeMedium};\n      margin-right: ${t.btnIconGapMedium};\n    `;\n  },\n  iconLarge(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeLarge};\n      margin-right: ${t.btnIconGapLarge};\n    `;\n  },\n\n  borderless() {\n    return css`\n      &: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  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          btnBackground: t.btnDefaultActiveBg,\n          btnShadow: t.btnDefaultActiveShadow,\n          borderColor: t.btnDefaultActiveBorderColor,\n          borderTopColor: t.btnDefaultActiveBorderTopColor,\n          borderWidth: t.btnBorderWidth,\n          arrowBgImage: t.btnArrowBgImageActive,\n        })};\n      }\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      & {\n        ${buttonActiveMixin({\n          btnBackground: t.btnPrimaryActiveBg,\n          btnShadow: t.btnPrimaryActiveShadow,\n          borderColor: t.btnPrimaryActiveBorderColor,\n          borderTopColor: t.btnPrimaryActiveBorderTopColor,\n          borderWidth: t.btnBorderWidth,\n          arrowBgImage: t.btnArrowBgImageActive,\n        })};\n      }\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      & {\n        ${buttonActiveMixin({\n          btnBackground: t.btnSuccessActiveBg,\n          btnShadow: t.btnSuccessActiveShadow,\n          borderColor: t.btnSuccessActiveBorderColor,\n          borderTopColor: t.btnSuccessActiveBorderTopColor,\n          borderWidth: t.btnBorderWidth,\n          arrowBgImage: t.btnArrowBgImageActive,\n        })};\n      }\n    `;\n  },\n\n  danger(t: Theme) {\n    return css`\n      & {\n        ${buttonActiveMixin({\n          btnBackground: t.btnDangerActiveBg,\n          btnShadow: t.btnDangerActiveShadow,\n          borderColor: t.btnDangerActiveBorderColor,\n          borderTopColor: t.btnDangerActiveBorderTopColor,\n          borderWidth: t.btnBorderWidth,\n          arrowBgImage: t.btnArrowBgImageActive,\n        })};\n      }\n    `;\n  },\n\n  pay(t: Theme) {\n    return css`\n      & {\n        ${buttonActiveMixin({\n          btnBackground: t.btnPayActiveBg,\n          btnShadow: t.btnPayActiveShadow,\n          borderColor: t.btnPayActiveBorderColor,\n          borderTopColor: t.btnPayActiveBorderTopColor,\n          borderWidth: t.btnBorderWidth,\n          arrowBgImage: 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({\n          btnBackground: t.btnTextActiveBg,\n          borderColor: t.btnTextActiveBg,\n          borderWidth: t.btnBorderWidth,\n          arrowBgImage: t.btnArrowBgImageActive,\n        })};\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
+}