@skbkontur/react-ui 0.0.0-8fc80072ce → 0.0.0-942b5aade9

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

@@ -0,0 +1,285 @@
+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;
+
+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')({
+  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) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      ", ";\n      ", ";\n\n      transition: background-color ", " ", "\n        ", ";\n\n      background-clip: ", ";\n      background-position: center;\n      background-repeat: no-repeat;\n      background-size: contain;\n      cursor: pointer;\n      display: inline-block;\n      position: relative;\n      text-align: center;\n      width: 100%;\n      height: 100%; // fix height in ie11\n\n      .", " {\n        content: '';\n        border-radius: inherit;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n      }\n\n      &::-moz-focus-inner {\n        border: 0;\n        padding: 0;\n      }\n      &::after {\n        content: '';\n        display: inline-block;\n        vertical-align: baseline;\n        width: 0;\n      }\n\n      &:hover:enabled svg {\n        color: ", ";\n      }\n      &:disabled svg {\n        color: ", ";\n      }\n      &:enabled svg {\n        color: ", ";\n      }\n    "])), resetButton(), resetText(), t.transitionDuration, t.transitionTimingFunction, t.btnBorderColorTransition ? ", " + t.btnBorderColorTransition : '', t.btnBackgroundClip, globalClasses.innerShadow, t.btnIconHoverColor, t.btnIconDisabledColor, t.btnIconColor);
+  },
+  withArrowIconRightSmall: function withArrowIconRightSmall(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      padding-right: calc(", " + ", " + ", ");\n    "])), t.btnIconSizeSmall, t.btnWithIconPaddingLeftSmall, t.btnWithIconPaddingLeftSmall);
+  },
+  withArrowIconRightMedium: function withArrowIconRightMedium(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      padding-right: calc(\n        ", " + ", " + ", "\n      );\n    "])), t.btnIconSizeMedium, t.btnWithIconPaddingLeftMedium, t.btnWithIconPaddingLeftMedium);
+  },
+  withArrowIconRightLarge: function withArrowIconRightLarge(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      padding-right: calc(", " + ", " + ", ");\n    "])), t.btnIconSizeLarge, t.btnWithIconPaddingLeftLarge, t.btnWithIconPaddingLeftLarge);
+  },
+  withArrowIconLeftSmall: function withArrowIconLeftSmall(t) {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      padding-left: calc(", " + ", " + ", ");\n    "])), t.btnIconSizeSmall, t.btnWithIconPaddingLeftSmall, t.btnWithIconPaddingLeftSmall);
+  },
+  withArrowIconLeftMedium: function withArrowIconLeftMedium(t) {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      padding-left: calc(\n        ", " + ", " + ", "\n      );\n    "])), t.btnIconSizeMedium, t.btnWithIconPaddingLeftMedium, t.btnWithIconPaddingLeftMedium);
+  },
+  withArrowIconLeftLarge: function withArrowIconLeftLarge(t) {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      padding-left: calc(", " + ", " + ", ");\n    "])), t.btnIconSizeLarge, t.btnWithIconPaddingLeftLarge, t.btnWithIconPaddingLeftLarge);
+  },
+  simulatedPress: function simulatedPress() {
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      &:active .", " {\n        transform: translateY(1px);\n      }\n    "])), globalClasses.caption);
+  },
+  outline: function outline() {
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      border-radius: inherit;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n    "])));
+  },
+  outlineWarning: function outlineWarning(t) {
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      box-shadow: 0 0 0 ", " ", ",\n        inset 0 0 0 ", " ", ";\n    "])), t.btnOutlineWidth, t.btnBorderColorWarning, t.btnInsetWidth, t.btnInsetColor);
+  },
+  outlineError: function outlineError(t) {
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      box-shadow: 0 0 0 ", " ", ", inset 0 0 0 ", " ", ";\n    "])), t.btnOutlineWidth, t.btnBorderColorError, t.btnInsetWidth, t.btnInsetColor);
+  },
+  outlineLink: function outlineLink() {
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      left: -2px;\n      right: -2px;\n      bottom: -2px;\n      top: -2px;\n    "])));
+  },
+  outlineLinkWarning: function outlineLinkWarning(t) {
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n    "])), t.btnWarningSecondary);
+  },
+  outlineLinkError: function outlineLinkError(t) {
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n    "])), t.btnErrorSecondary);
+  },
+  sizeSmall: function sizeSmall(t) {
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n\n      ", ";\n    "])), t.btnBorderRadiusSmall, buttonSizeMixin(t.btnFontSizeSmall, t.btnLineHeightSmall, t.btnPaddingXSmall, t.btnPaddingYSmall, t.fontFamilyCompensationBaseline));
+  },
+  sizeSmallIE11: function sizeSmallIE11(t) {
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), buttonSizeMixinIE11(t.btnFontSizeSmall, t.btnPaddingXSmall, t.btnPaddingYSmall, t.fontFamilyCompensationBaseline));
+  },
+  sizeMedium: function sizeMedium(t) {
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n\n      ", ";\n    "])), t.btnBorderRadiusMedium, buttonSizeMixin(t.btnFontSizeMedium, t.btnLineHeightMedium, t.btnPaddingXMedium, t.btnPaddingYMedium, t.fontFamilyCompensationBaseline));
+  },
+  sizeMediumIE11: function sizeMediumIE11(t) {
+    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), buttonSizeMixinIE11(t.btnFontSizeMedium, t.btnPaddingXMedium, t.btnPaddingYMedium, t.fontFamilyCompensationBaseline));
+  },
+  sizeLarge: function sizeLarge(t) {
+    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n\n      ", ";\n    "])), t.btnBorderRadiusLarge, buttonSizeMixin(t.btnFontSizeLarge, t.btnLineHeightLarge, t.btnPaddingXLarge, t.btnPaddingYLarge, t.fontFamilyCompensationBaseline));
+  },
+  sizeLargeIE11: function sizeLargeIE11(t) {
+    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), buttonSizeMixinIE11(t.btnFontSizeLarge, t.btnPaddingXLarge, t.btnPaddingYLarge, t.fontFamilyCompensationBaseline));
+  },
+  sizeSmallWithIcon: function sizeSmallWithIcon(t) {
+    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      padding-left: ", ";\n    "])), t.btnWithIconPaddingLeftSmall);
+  },
+  sizeMediumWithIcon: function sizeMediumWithIcon(t) {
+    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      padding-left: ", ";\n    "])), t.btnWithIconPaddingLeftMedium);
+  },
+  sizeLargeWithIcon: function sizeLargeWithIcon(t) {
+    return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      padding-left: ", ";\n    "])), t.btnWithIconPaddingLeftLarge);
+  },
+  sizeSmallWithIconWithoutText: function sizeSmallWithIconWithoutText(t) {
+    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      padding-right: ", ";\n    "])), t.btnWithIconPaddingLeftSmall);
+  },
+  sizeMediumWithIconWithoutText: function sizeMediumWithIconWithoutText(t) {
+    return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n      padding-right: ", ";\n    "])), t.btnWithIconPaddingLeftMedium);
+  },
+  sizeLargeWithIconWithoutText: function sizeLargeWithIconWithoutText(t) {
+    return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      padding-right: ", ";\n    "])), t.btnWithIconPaddingLeftLarge);
+  },
+  link: function link(t) {
+    return css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n      background: none;\n      border-radius: ", ";\n      border: none;\n      box-shadow: none;\n      white-space: nowrap;\n      color: ", ";\n      display: inline;\n      margin: 0;\n      padding: 0 !important; // override size mixin\n      height: auto !important; // override size mixin\n\n      &:hover:enabled,\n      &:active:enabled {\n        color: ", ";\n        text-decoration: ", ";\n      }\n\n      &:active:enabled {\n        ", "\n      }\n    "])), t.btnLinkBorderRadius, t.btnLinkColor, t.btnLinkHoverColor, t.btnLinkHoverTextDecoration, activeStyles.link(t));
+  },
+  linkLineHeight: function linkLineHeight() {
+    return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n      line-height: inherit !important; // override size mixin\n    "])));
+  },
+  linkLineHeightSafariFallback: function linkLineHeightSafariFallback() {
+    return css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n      /* Safari overrides 'underline' and 'border' if 'line-height' is used */\n      margin: -1px 0 -2px;\n    "])));
+  },
+  linkFocus: function linkFocus(t) {
+    return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n      & {\n        color: ", ";\n        text-decoration: ", ";\n      }\n    "])), t.btnLinkColor, t.btnLinkHoverTextDecoration);
+  },
+  linkDisabled: function linkDisabled(t) {
+    return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n      pointer-events: none;\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      pointer-events: none;\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);
+  },
+  arrowWarning: function arrowWarning(t) {
+    return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n      box-shadow: inset 0 0 0 ", " ", ";\n\n      ", "\n    "])), t.btnInsetWidth, t.btnInsetColor, arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorWarning, t.btnOutlineWidth, t.btnInsetColor));
+  },
+  arrowError: function arrowError(t) {
+    return css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n      box-shadow: inset 0 0 0 ", " ", ";\n\n      ", "\n    "])), t.btnInsetWidth, t.btnInsetColor, arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorError, t.btnOutlineWidth, t.btnInsetColor));
+  },
+  arrowFocus: function arrowFocus(t) {
+    return css(_templateObject36 || (_templateObject36 = _taggedTemplateLiteralLoose(["\n      box-shadow: inset 0 0 0 ", " ", ";\n\n      ", "\n    "])), t.btnInsetWidth, t.btnOutlineColorFocus, arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorFocus, t.btnOutlineWidth, t.btnOutlineColorFocus));
+  },
+  arrow: function arrow() {
+    return css(_templateObject37 || (_templateObject37 = _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(_templateObject38 || (_templateObject38 = _taggedTemplateLiteralLoose(["\n      transform: scaleX(-1);\n    "])));
+  },
+  arrowIconRoot: function arrowIconRoot() {
+    return css(_templateObject39 || (_templateObject39 = _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(_templateObject40 || (_templateObject40 = _taggedTemplateLiteralLoose(["\n      padding: 0 ", " 0 ", ";\n      width: ", ";\n    "])), t.btnWithIconPaddingLeftSmall, t.btnWithIconPaddingLeftSmall, t.btnIconSizeSmall);
+  },
+  arrowIconRootMedium: function arrowIconRootMedium(t) {
+    return css(_templateObject41 || (_templateObject41 = _taggedTemplateLiteralLoose(["\n      padding: 0 ", " 0 ", ";\n      width: ", ";\n    "])), t.btnWithIconPaddingLeftMedium, t.btnWithIconPaddingLeftMedium, t.btnIconSizeMedium);
+  },
+  arrowIconRootLarge: function arrowIconRootLarge(t) {
+    return css(_templateObject42 || (_templateObject42 = _taggedTemplateLiteralLoose(["\n      padding: 0 ", " 0 ", ";\n      width: ", ";\n    "])), t.btnWithIconPaddingLeftLarge, t.btnWithIconPaddingLeftLarge, t.btnIconSizeLarge);
+  },
+  arrowIconLeft: function arrowIconLeft() {
+    return css(_templateObject43 || (_templateObject43 = _taggedTemplateLiteralLoose(["\n      left: 0;\n    "])));
+  },
+  "default": function _default(t) {
+    return css(_templateObject44 || (_templateObject44 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      &:hover:enabled {\n        ", ";\n      }\n\n      &:active:enabled {\n        ", ";\n      }\n    "])), buttonUseMixin(t.btnDefaultBg, t.btnDefaultBgStart, t.btnDefaultBgEnd, t.btnDefaultTextColor, t.btnDefaultBorderColor, t.btnDefaultBorderBottomColor, t.btnBorderWidth), buttonHoverMixin(t.btnDefaultHoverBg, t.btnDefaultHoverBgStart, t.btnDefaultHoverBgEnd, t.btnDefaultHoverBorderColor, t.btnDefaultHoverBorderBottomColor, t.btnBorderWidth), activeStyles["default"](t));
+  },
+  primary: function primary(t) {
+    return css(_templateObject45 || (_templateObject45 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      &:hover:enabled {\n        ", ";\n      }\n\n      &:active:enabled {\n        ", "\n      }\n    "])), buttonUseMixin(t.btnPrimaryBg, t.btnPrimaryBgStart, t.btnPrimaryBgEnd, t.btnPrimaryTextColor, t.btnPrimaryBorderColor, t.btnPrimaryBorderBottomColor, t.btnBorderWidth), buttonHoverMixin(t.btnPrimaryHoverBg, t.btnPrimaryHoverBgStart, t.btnPrimaryHoverBgEnd, t.btnPrimaryHoverBorderColor, t.btnPrimaryHoverBorderBottomColor, t.btnBorderWidth), activeStyles.primary(t));
+  },
+  success: function success(t) {
+    return css(_templateObject46 || (_templateObject46 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      &:hover:enabled {\n        ", ";\n      }\n\n      &:active:enabled {\n        ", "\n      }\n    "])), buttonUseMixin(t.btnSuccessBg, t.btnSuccessBgStart, t.btnSuccessBgEnd, t.btnSuccessTextColor, t.btnSuccessBorderColor, t.btnSuccessBorderBottomColor, t.btnBorderWidth), buttonHoverMixin(t.btnSuccessHoverBg, t.btnSuccessHoverBgStart, t.btnSuccessHoverBgEnd, t.btnSuccessHoverBorderColor, t.btnSuccessHoverBorderBottomColor, t.btnBorderWidth), activeStyles.success(t));
+  },
+  danger: function danger(t) {
+    return css(_templateObject47 || (_templateObject47 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      &:hover:enabled {\n        ", ";\n      }\n\n      &:active:enabled {\n        ", "\n      }\n    "])), buttonUseMixin(t.btnDangerBg, t.btnDangerBgStart, t.btnDangerBgEnd, t.btnDangerTextColor, t.btnDangerBorderColor, t.btnDangerBorderBottomColor, t.btnBorderWidth), buttonHoverMixin(t.btnDangerHoverBg, t.btnDangerHoverBgStart, t.btnDangerHoverBgEnd, t.btnDangerHoverBorderColor, t.btnDangerHoverBorderBottomColor, t.btnBorderWidth), activeStyles.danger(t));
+  },
+  pay: function pay(t) {
+    return css(_templateObject48 || (_templateObject48 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      &:hover:enabled {\n        ", ";\n      }\n\n      &:active:enabled {\n        ", "\n      }\n    "])), buttonUseMixin(t.btnPayBg, t.btnPayBgStart, t.btnPayBgEnd, t.btnPayTextColor, t.btnPayBorderColor, t.btnPayBorderBottomColor, t.btnBorderWidth), buttonHoverMixin(t.btnPayHoverBg, t.btnPayHoverBgStart, t.btnPayHoverBgEnd, t.btnPayHoverBorderColor, t.btnPayHoverBorderBottomColor, t.btnBorderWidth), activeStyles.pay(t));
+  },
+  text: function text(t) {
+    return css(_templateObject49 || (_templateObject49 = _taggedTemplateLiteralLoose(["\n      &,\n      &:enabled,\n      &:hover:enabled {\n        box-shadow: none;\n        .", ", .", " {\n          box-shadow: none;\n        }\n      }\n\n      ", ";\n\n      &:hover:enabled {\n        ", ";\n      }\n\n      &:active:enabled {\n        ", "\n      }\n    "])), globalClasses.arrowHelperTop, globalClasses.arrowHelperBottom, buttonUseMixin(t.btnTextBg, '', '', t.btnTextTextColor, t.btnTextBorderColor, '', t.btnBorderWidth), buttonHoverMixin(t.btnTextHoverBg, '', '', t.btnTextHoverBorderColor, '', t.btnBorderWidth), activeStyles.text(t));
+  },
+  backless: function backless(t) {
+    return css(_templateObject50 || (_templateObject50 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      color: ", ";\n      background: transparent;\n\n      &:hover:enabled {\n        ", ";\n      }\n\n      &:active:enabled {\n        ", "\n      }\n    "])), buttonUseMixin(t.btnBacklessBg, '', '', t.btnBacklessTextColor, t.btnBacklessBorderColor, '', t.btnBorderWidth), t.btnDefaultTextColor, buttonHoverMixin(t.btnBacklessHoverBg, '', '', t.btnBacklessHoverBorderColor, '', t.btnBorderWidth), activeStyles.backless(t));
+  },
+  checked: function checked(t) {
+    var checkedStyles = "\n      background-image: none;\n      box-shadow: 0 0 0 " + t.btnBorderWidth + " " + t.btnDefaultCheckedBorderColor + ";\n      background-color: " + t.btnCheckedBg + ";\n      color: " + t.btnCheckedTextColor + ";\n\n      ." + globalClasses.innerShadow + " {\n        box-shadow: " + t.btnCheckedShadow + ";\n      }\n\n      ." + globalClasses.arrowHelper + " {\n        box-shadow: " + t.btnBorderWidth + " 0 0 " + t.btnDefaultCheckedBorderColor + ";\n\n        &." + globalClasses.arrowHelperTop + " {\n          background-image: " + t.btnArrowBgImageChecked + ";\n        }\n      }\n    ";
+    return css(_templateObject51 || (_templateObject51 = _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(_templateObject52 || (_templateObject52 = _taggedTemplateLiteralLoose(["\n      ", "\n\n      &:hover:enabled,\n      &:active:enabled,\n      &:hover:active:enabled {\n        ", "\n      }\n    "])), checkedStyles, checkedStyles);
+  },
+  checkedFocused: function checkedFocused(t) {
+    return css(_templateObject53 || (_templateObject53 = _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(_templateObject54 || (_templateObject54 = _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(_templateObject55 || (_templateObject55 = _taggedTemplateLiteralLoose(["\n      svg {\n        color: ", " !important;\n      }\n    "])), t.btnCheckedDisabledColor);
+  },
+  caption: function caption() {
+    return css(_templateObject56 || (_templateObject56 = _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(_templateObject57 || (_templateObject57 = _taggedTemplateLiteralLoose(["\n      display: inline;\n      transform: none !important; // override root:active style\n    "])));
+  },
+  captionTranslated: function captionTranslated() {
+    return css(_templateObject58 || (_templateObject58 = _taggedTemplateLiteralLoose(["\n      transform: translateY(1px);\n    "])));
+  },
+  captionDisabled: function captionDisabled() {
+    return css(_templateObject59 || (_templateObject59 = _taggedTemplateLiteralLoose(["\n      transform: none !important; // override root:active style\n    "])));
+  },
+  wrap: function wrap(t) {
+    return css(_templateObject60 || (_templateObject60 = _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(_templateObject61 || (_templateObject61 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n    "])), t.btnHeightSmall);
+  },
+  wrapMedium: function wrapMedium(t) {
+    return css(_templateObject62 || (_templateObject62 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n    "])), t.btnHeightMedium);
+  },
+  wrapLarge: function wrapLarge(t) {
+    return css(_templateObject63 || (_templateObject63 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n    "])), t.btnHeightLarge);
+  },
+  narrow: function narrow() {
+    return css(_templateObject64 || (_templateObject64 = _taggedTemplateLiteralLoose(["\n      padding-left: 5px;\n      padding-right: 5px;\n    "])));
+  },
+  noPadding: function noPadding() {
+    return css(_templateObject65 || (_templateObject65 = _taggedTemplateLiteralLoose(["\n      padding-left: 0;\n      padding-right: 0;\n    "])));
+  },
+  noRightPadding: function noRightPadding() {
+    return css(_templateObject66 || (_templateObject66 = _taggedTemplateLiteralLoose(["\n      padding-right: 0;\n    "])));
+  },
+  iconNoRightMargin: function iconNoRightMargin() {
+    return css(_templateObject67 || (_templateObject67 = _taggedTemplateLiteralLoose(["\n      margin-right: 0;\n    "])));
+  },
+  iconLink: function iconLink(t) {
+    return css(_templateObject68 || (_templateObject68 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n    "])), t.btnLinkIconMarginRight);
+  },
+  wrapLink: function wrapLink() {
+    return css(_templateObject69 || (_templateObject69 = _taggedTemplateLiteralLoose(["\n      padding: 0;\n    "])));
+  },
+  wrapArrow: function wrapArrow() {
+    return css(_templateObject70 || (_templateObject70 = _taggedTemplateLiteralLoose(["\n      margin-right: 10px;\n    "])));
+  },
+  wrapArrowLeft: function wrapArrowLeft() {
+    return css(_templateObject71 || (_templateObject71 = _taggedTemplateLiteralLoose(["\n      margin-right: 0;\n      margin-left: 10px;\n    "])));
+  },
+  icon: function icon() {
+    return css(_templateObject72 || (_templateObject72 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n    "])));
+  },
+  iconSmall: function iconSmall(t) {
+    return css(_templateObject73 || (_templateObject73 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      margin-right: ", ";\n    "])), t.btnIconSizeSmall, t.btnIconGapSmall);
+  },
+  iconMedium: function iconMedium(t) {
+    return css(_templateObject74 || (_templateObject74 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      margin-right: ", ";\n    "])), t.btnIconSizeMedium, t.btnIconGapMedium);
+  },
+  iconLarge: function iconLarge(t) {
+    return css(_templateObject75 || (_templateObject75 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      margin-right: ", ";\n    "])), t.btnIconSizeLarge, t.btnIconGapLarge);
+  },
+  borderless: function borderless() {
+    return css(_templateObject76 || (_templateObject76 = _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(_templateObject77 || (_templateObject77 = _taggedTemplateLiteralLoose(["\n      &,\n      &:active:hover,\n      &:hover {\n        box-shadow: none !important; // override root:hover style\n      }\n    "])));
+  },
+  loading: function loading() {
+    return css(_templateObject78 || (_templateObject78 = _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(_templateObject79 || (_templateObject79 = _taggedTemplateLiteralLoose(["\n      visibility: hidden;\n    "])));
+  }
+});
+export var activeStyles = memoizeStyle({
+  "default": function _default(t) {
+    return css(_templateObject80 || (_templateObject80 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnDefaultActiveBg, t.btnDefaultActiveShadow, t.btnDefaultActiveBorderColor, t.btnDefaultActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
+  },
+  primary: function primary(t) {
+    return css(_templateObject81 || (_templateObject81 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnPrimaryActiveBg, t.btnPrimaryActiveShadow, t.btnPrimaryActiveBorderColor, t.btnPrimaryActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
+  },
+  success: function success(t) {
+    return css(_templateObject82 || (_templateObject82 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnSuccessActiveBg, t.btnSuccessActiveShadow, t.btnSuccessActiveBorderColor, t.btnSuccessActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
+  },
+  danger: function danger(t) {
+    return css(_templateObject83 || (_templateObject83 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnDangerActiveBg, t.btnDangerActiveShadow, t.btnDangerActiveBorderColor, t.btnDangerActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
+  },
+  pay: function pay(t) {
+    return css(_templateObject84 || (_templateObject84 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnPayActiveBg, t.btnPayActiveShadow, t.btnPayActiveBorderColor, t.btnPayActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
+  },
+  link: function link(t) {
+    return css(_templateObject85 || (_templateObject85 = _taggedTemplateLiteralLoose(["\n      & {\n        color: ", ";\n      }\n    "])), t.btnLinkActiveColor);
+  },
+  text: function text(t) {
+    return css(_templateObject86 || (_templateObject86 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnTextActiveBg, '', t.btnTextActiveBg, '', t.btnBorderWidth, t.btnArrowBgImageActive));
+  },
+  backless: function backless(t) {
+    return css(_templateObject87 || (_templateObject87 = _taggedTemplateLiteralLoose(["\n      &,\n      &:hover {\n        background: ", ";\n      }\n    "])), t.btnBacklessActiveBg);
+  }
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Button.styles.ts"],"names":["css","memoizeStyle","prefix","resetButton","resetText","isFirefox","buttonUseMixin","buttonHoverMixin","buttonActiveMixin","buttonSizeMixin","arrowOutlineMixin","buttonSizeMixinIE11","globalClasses","arrowHelper","arrowHelperTop","arrowHelperBottom","arrow","caption","text","innerShadow","icon","styles","root","t","transitionDuration","transitionTimingFunction","btnBorderColorTransition","btnBackgroundClip","btnIconHoverColor","btnIconDisabledColor","btnIconColor","withArrowIconRightSmall","btnIconSizeSmall","btnWithIconPaddingLeftSmall","withArrowIconRightMedium","btnIconSizeMedium","btnWithIconPaddingLeftMedium","withArrowIconRightLarge","btnIconSizeLarge","btnWithIconPaddingLeftLarge","withArrowIconLeftSmall","withArrowIconLeftMedium","withArrowIconLeftLarge","simulatedPress","outline","outlineWarning","btnOutlineWidth","btnBorderColorWarning","btnInsetWidth","btnInsetColor","outlineError","btnBorderColorError","outlineLink","outlineLinkWarning","btnWarningSecondary","outlineLinkError","btnErrorSecondary","sizeSmall","btnBorderRadiusSmall","btnFontSizeSmall","btnLineHeightSmall","btnPaddingXSmall","btnPaddingYSmall","fontFamilyCompensationBaseline","sizeSmallIE11","sizeMedium","btnBorderRadiusMedium","btnFontSizeMedium","btnLineHeightMedium","btnPaddingXMedium","btnPaddingYMedium","sizeMediumIE11","sizeLarge","btnBorderRadiusLarge","btnFontSizeLarge","btnLineHeightLarge","btnPaddingXLarge","btnPaddingYLarge","sizeLargeIE11","sizeSmallWithIcon","sizeMediumWithIcon","sizeLargeWithIcon","sizeSmallWithIconWithoutText","sizeMediumWithIconWithoutText","sizeLargeWithIconWithoutText","link","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","activeStyles","linkLineHeight","linkLineHeightSafariFallback","linkFocus","linkDisabled","btnLinkDisabledColor","focus","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","disabled","btnBorderWidth","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","arrowWarning","arrowError","arrowFocus","arrowLeft","arrowIconRoot","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultTextColor","btnDefaultBorderColor","btnDefaultBorderBottomColor","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","primary","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","success","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","danger","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","pay","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayTextColor","btnPayBorderColor","btnPayBorderBottomColor","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","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","iconSmall","btnIconGapSmall","iconMedium","btnIconGapMedium","iconLarge","btnIconGapLarge","borderless","borderless2022","loading","visibilityHidden","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnArrowBgImageActive","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","btnLinkActiveColor","btnTextActiveBg","btnBacklessActiveBg"],"mappings":"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","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton, resetText } from '../../lib/styles/Mixins';\nimport { isFirefox } from '../../lib/client';\n\nimport {\n  buttonUseMixin,\n  buttonHoverMixin,\n  buttonActiveMixin,\n  buttonSizeMixin,\n  arrowOutlineMixin,\n  buttonSizeMixinIE11,\n} from './Button.mixins';\n\nexport const globalClasses = prefix('button')({\n  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    return css`\n      ${resetButton()};\n      ${resetText()};\n\n      transition: background-color ${t.transitionDuration} ${t.transitionTimingFunction}\n        ${t.btnBorderColorTransition ? `, ${t.btnBorderColorTransition}` : ''};\n\n      background-clip: ${t.btnBackgroundClip};\n      background-position: center;\n      background-repeat: no-repeat;\n      background-size: contain;\n      cursor: pointer;\n      display: inline-block;\n      position: relative;\n      text-align: center;\n      width: 100%;\n      height: 100%; // fix height in ie11\n\n      .${globalClasses.innerShadow} {\n        content: '';\n        border-radius: inherit;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n      }\n\n      &::-moz-focus-inner {\n        border: 0;\n        padding: 0;\n      }\n      &::after {\n        content: '';\n        display: inline-block;\n        vertical-align: baseline;\n        width: 0;\n      }\n\n      &:hover:enabled svg {\n        color: ${t.btnIconHoverColor};\n      }\n      &:disabled svg {\n        color: ${t.btnIconDisabledColor};\n      }\n      &:enabled svg {\n        color: ${t.btnIconColor};\n      }\n    `;\n  },\n\n  withArrowIconRightSmall(t: Theme) {\n    return css`\n      padding-right: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingLeftSmall} + ${t.btnWithIconPaddingLeftSmall});\n    `;\n  },\n\n  withArrowIconRightMedium(t: Theme) {\n    return css`\n      padding-right: calc(\n        ${t.btnIconSizeMedium} + ${t.btnWithIconPaddingLeftMedium} + ${t.btnWithIconPaddingLeftMedium}\n      );\n    `;\n  },\n\n  withArrowIconRightLarge(t: Theme) {\n    return css`\n      padding-right: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLeftLarge} + ${t.btnWithIconPaddingLeftLarge});\n    `;\n  },\n\n  withArrowIconLeftSmall(t: Theme) {\n    return css`\n      padding-left: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingLeftSmall} + ${t.btnWithIconPaddingLeftSmall});\n    `;\n  },\n\n  withArrowIconLeftMedium(t: Theme) {\n    return css`\n      padding-left: calc(\n        ${t.btnIconSizeMedium} + ${t.btnWithIconPaddingLeftMedium} + ${t.btnWithIconPaddingLeftMedium}\n      );\n    `;\n  },\n\n  withArrowIconLeftLarge(t: Theme) {\n    return css`\n      padding-left: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLeftLarge} + ${t.btnWithIconPaddingLeftLarge});\n    `;\n  },\n\n  simulatedPress() {\n    return css`\n      &:active .${globalClasses.caption} {\n        transform: translateY(1px);\n      }\n    `;\n  },\n\n  outline() {\n    return css`\n      border-radius: inherit;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n    `;\n  },\n\n  outlineWarning(t: Theme) {\n    return css`\n      box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorWarning},\n        inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n    `;\n  },\n\n  outlineError(t: Theme) {\n    return css`\n      box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorError}, inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n    `;\n  },\n\n  outlineLink() {\n    return css`\n      box-shadow: none;\n      left: -2px;\n      right: -2px;\n      bottom: -2px;\n      top: -2px;\n    `;\n  },\n\n  outlineLinkWarning(t: Theme) {\n    return css`\n      background-color: ${t.btnWarningSecondary};\n    `;\n  },\n\n  outlineLinkError(t: Theme) {\n    return css`\n      background-color: ${t.btnErrorSecondary};\n    `;\n  },\n\n  sizeSmall(t: Theme) {\n    return css`\n      border-radius: ${t.btnBorderRadiusSmall};\n\n      ${buttonSizeMixin(\n        t.btnFontSizeSmall,\n        t.btnLineHeightSmall,\n        t.btnPaddingXSmall,\n        t.btnPaddingYSmall,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  sizeSmallIE11(t: Theme) {\n    return css`\n      ${buttonSizeMixinIE11(\n        t.btnFontSizeSmall,\n        t.btnPaddingXSmall,\n        t.btnPaddingYSmall,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  sizeMedium(t: Theme) {\n    return css`\n      border-radius: ${t.btnBorderRadiusMedium};\n\n      ${buttonSizeMixin(\n        t.btnFontSizeMedium,\n        t.btnLineHeightMedium,\n        t.btnPaddingXMedium,\n        t.btnPaddingYMedium,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  sizeMediumIE11(t: Theme) {\n    return css`\n      ${buttonSizeMixinIE11(\n        t.btnFontSizeMedium,\n        t.btnPaddingXMedium,\n        t.btnPaddingYMedium,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  sizeLarge(t: Theme) {\n    return css`\n      border-radius: ${t.btnBorderRadiusLarge};\n\n      ${buttonSizeMixin(\n        t.btnFontSizeLarge,\n        t.btnLineHeightLarge,\n        t.btnPaddingXLarge,\n        t.btnPaddingYLarge,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  sizeLargeIE11(t: Theme) {\n    return css`\n      ${buttonSizeMixinIE11(\n        t.btnFontSizeLarge,\n        t.btnPaddingXLarge,\n        t.btnPaddingYLarge,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  sizeSmallWithIcon(t: Theme) {\n    return css`\n      padding-left: ${t.btnWithIconPaddingLeftSmall};\n    `;\n  },\n\n  sizeMediumWithIcon(t: Theme) {\n    return css`\n      padding-left: ${t.btnWithIconPaddingLeftMedium};\n    `;\n  },\n\n  sizeLargeWithIcon(t: Theme) {\n    return css`\n      padding-left: ${t.btnWithIconPaddingLeftLarge};\n    `;\n  },\n\n  sizeSmallWithIconWithoutText(t: Theme) {\n    return css`\n      padding-right: ${t.btnWithIconPaddingLeftSmall};\n    `;\n  },\n\n  sizeMediumWithIconWithoutText(t: Theme) {\n    return css`\n      padding-right: ${t.btnWithIconPaddingLeftMedium};\n    `;\n  },\n\n  sizeLargeWithIconWithoutText(t: Theme) {\n    return css`\n      padding-right: ${t.btnWithIconPaddingLeftLarge};\n    `;\n  },\n\n  link(t: Theme) {\n    return css`\n      background: none;\n      border-radius: ${t.btnLinkBorderRadius};\n      border: none;\n      box-shadow: none;\n      white-space: nowrap;\n      color: ${t.btnLinkColor};\n      display: inline;\n      margin: 0;\n      padding: 0 !important; // override size mixin\n      height: auto !important; // override size mixin\n\n      &:hover:enabled,\n      &:active:enabled {\n        color: ${t.btnLinkHoverColor};\n        text-decoration: ${t.btnLinkHoverTextDecoration};\n      }\n\n      &:active:enabled {\n        ${activeStyles.link(t)}\n      }\n    `;\n  },\n\n  linkLineHeight() {\n    return css`\n      line-height: inherit !important; // override size mixin\n    `;\n  },\n\n  linkLineHeightSafariFallback() {\n    return css`\n      /* Safari overrides 'underline' and 'border' if 'line-height' is used */\n      margin: -1px 0 -2px;\n    `;\n  },\n\n  linkFocus(t: Theme) {\n    return css`\n      & {\n        color: ${t.btnLinkColor};\n        text-decoration: ${t.btnLinkHoverTextDecoration};\n      }\n    `;\n  },\n\n  linkDisabled(t: Theme) {\n    return css`\n      cursor: default;\n      pointer-events: none;\n\n      &,\n      &:hover:enabled,\n      &:active:enabled {\n        color: ${t.btnLinkDisabledColor};\n      }\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      position: relative;\n      z-index: 2;\n\n      &,\n      &:hover:enabled,\n      &:active:enabled,\n      &:active:hover:enabled {\n        box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n          0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important; // override root:hover style\n      }\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      cursor: default;\n      pointer-events: none;\n      box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBorderColor};\n\n      background-image: none;\n      background-color: ${t.btnDisabledBg};\n      color: ${t.btnDisabledTextColor};\n\n      .${globalClasses.arrowHelper} {\n        box-shadow: ${t.btnBorderWidth} 0 0 0 ${t.btnDisabledBorderColor};\n      }\n    `;\n  },\n\n  arrowWarning(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n      ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorWarning, t.btnOutlineWidth, t.btnInsetColor)}\n    `;\n  },\n\n  arrowError(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n      ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorError, t.btnOutlineWidth, t.btnInsetColor)}\n    `;\n  },\n\n  arrowFocus(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus};\n\n      ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorFocus, t.btnOutlineWidth, t.btnOutlineColorFocus)}\n    `;\n  },\n\n  arrow() {\n    return css`\n      background: inherit;\n      border-radius: inherit;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n\n      .${globalClasses.arrowHelper} {\n        width: 100%;\n        height: 50%;\n        position: absolute;\n        left: 0;\n        background: inherit;\n        background-size: 200% 200%;\n        border-radius: inherit;\n        background-clip: padding-box;\n\n        // fix ugly arrow edge\n        &:before {\n          content: '';\n          display: block;\n          position: absolute;\n          top: 0;\n          bottom: 0;\n          left: 0;\n          right: 0;\n          background: inherit;\n          border-radius: inherit;\n          transform: translateX(${isFirefox ? `0.2px` : `0.3px`});\n        }\n      }\n\n      .${globalClasses.arrowHelperTop} {\n        top: 0;\n        transform: skewX(30deg);\n        transform-origin: top;\n        background-position-y: top;\n        border-bottom-right-radius: 1px;\n\n        // fix ugly line in the\n        // middle of the button\n        &:before {\n          bottom: -1px;\n        }\n      }\n\n      .${globalClasses.arrowHelperBottom} {\n        bottom: 0;\n        transform: skewX(-30deg);\n        transform-origin: bottom;\n        background-position-y: bottom;\n        border-top-right-radius: 1px;\n\n        // fix ugly line in the\n        // middle of the button\n        &:before {\n          top: -1px;\n        }\n      }\n    `;\n  },\n\n  arrowLeft() {\n    return css`\n      transform: scaleX(-1);\n    `;\n  },\n\n  arrowIconRoot() {\n    return css`\n      position: absolute;\n      height: 100%;\n      top: 0;\n      right: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-sizing: content-box;\n    `;\n  },\n\n  arrowIconRootSmall(t: Theme) {\n    return css`\n      padding: 0 ${t.btnWithIconPaddingLeftSmall} 0 ${t.btnWithIconPaddingLeftSmall};\n      width: ${t.btnIconSizeSmall};\n    `;\n  },\n\n  arrowIconRootMedium(t: Theme) {\n    return css`\n      padding: 0 ${t.btnWithIconPaddingLeftMedium} 0 ${t.btnWithIconPaddingLeftMedium};\n      width: ${t.btnIconSizeMedium};\n    `;\n  },\n\n  arrowIconRootLarge(t: Theme) {\n    return css`\n      padding: 0 ${t.btnWithIconPaddingLeftLarge} 0 ${t.btnWithIconPaddingLeftLarge};\n      width: ${t.btnIconSizeLarge};\n    `;\n  },\n\n  arrowIconLeft() {\n    return css`\n      left: 0;\n    `;\n  },\n\n  default(t: Theme) {\n    return css`\n      ${buttonUseMixin(\n        t.btnDefaultBg,\n        t.btnDefaultBgStart,\n        t.btnDefaultBgEnd,\n        t.btnDefaultTextColor,\n        t.btnDefaultBorderColor,\n        t.btnDefaultBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:hover:enabled {\n        ${buttonHoverMixin(\n          t.btnDefaultHoverBg,\n          t.btnDefaultHoverBgStart,\n          t.btnDefaultHoverBgEnd,\n          t.btnDefaultHoverBorderColor,\n          t.btnDefaultHoverBorderBottomColor,\n          t.btnBorderWidth,\n        )};\n      }\n\n      &:active:enabled {\n        ${activeStyles.default(t)};\n      }\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      ${buttonUseMixin(\n        t.btnPrimaryBg,\n        t.btnPrimaryBgStart,\n        t.btnPrimaryBgEnd,\n        t.btnPrimaryTextColor,\n        t.btnPrimaryBorderColor,\n        t.btnPrimaryBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:hover:enabled {\n        ${buttonHoverMixin(\n          t.btnPrimaryHoverBg,\n          t.btnPrimaryHoverBgStart,\n          t.btnPrimaryHoverBgEnd,\n          t.btnPrimaryHoverBorderColor,\n          t.btnPrimaryHoverBorderBottomColor,\n          t.btnBorderWidth,\n        )};\n      }\n\n      &:active:enabled {\n        ${activeStyles.primary(t)}\n      }\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      ${buttonUseMixin(\n        t.btnSuccessBg,\n        t.btnSuccessBgStart,\n        t.btnSuccessBgEnd,\n        t.btnSuccessTextColor,\n        t.btnSuccessBorderColor,\n        t.btnSuccessBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:hover:enabled {\n        ${buttonHoverMixin(\n          t.btnSuccessHoverBg,\n          t.btnSuccessHoverBgStart,\n          t.btnSuccessHoverBgEnd,\n          t.btnSuccessHoverBorderColor,\n          t.btnSuccessHoverBorderBottomColor,\n          t.btnBorderWidth,\n        )};\n      }\n\n      &:active:enabled {\n        ${activeStyles.success(t)}\n      }\n    `;\n  },\n\n  danger(t: Theme) {\n    return css`\n      ${buttonUseMixin(\n        t.btnDangerBg,\n        t.btnDangerBgStart,\n        t.btnDangerBgEnd,\n        t.btnDangerTextColor,\n        t.btnDangerBorderColor,\n        t.btnDangerBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:hover:enabled {\n        ${buttonHoverMixin(\n          t.btnDangerHoverBg,\n          t.btnDangerHoverBgStart,\n          t.btnDangerHoverBgEnd,\n          t.btnDangerHoverBorderColor,\n          t.btnDangerHoverBorderBottomColor,\n          t.btnBorderWidth,\n        )};\n      }\n\n      &:active:enabled {\n        ${activeStyles.danger(t)}\n      }\n    `;\n  },\n\n  pay(t: Theme) {\n    return css`\n      ${buttonUseMixin(\n        t.btnPayBg,\n        t.btnPayBgStart,\n        t.btnPayBgEnd,\n        t.btnPayTextColor,\n        t.btnPayBorderColor,\n        t.btnPayBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:hover:enabled {\n        ${buttonHoverMixin(\n          t.btnPayHoverBg,\n          t.btnPayHoverBgStart,\n          t.btnPayHoverBgEnd,\n          t.btnPayHoverBorderColor,\n          t.btnPayHoverBorderBottomColor,\n          t.btnBorderWidth,\n        )};\n      }\n\n      &:active:enabled {\n        ${activeStyles.pay(t)}\n      }\n    `;\n  },\n\n  text(t: Theme) {\n    return css`\n      &,\n      &:enabled,\n      &:hover:enabled {\n        box-shadow: none;\n        .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n          box-shadow: none;\n        }\n      }\n\n      ${buttonUseMixin(t.btnTextBg, '', '', t.btnTextTextColor, t.btnTextBorderColor, '', t.btnBorderWidth)};\n\n      &:hover:enabled {\n        ${buttonHoverMixin(t.btnTextHoverBg, '', '', t.btnTextHoverBorderColor, '', t.btnBorderWidth)};\n      }\n\n      &:active:enabled {\n        ${activeStyles.text(t)}\n      }\n    `;\n  },\n\n  backless(t: Theme) {\n    return css`\n      ${buttonUseMixin(\n        t.btnBacklessBg,\n        '',\n        '',\n        t.btnBacklessTextColor,\n        t.btnBacklessBorderColor,\n        '',\n        t.btnBorderWidth,\n      )};\n\n      color: ${t.btnDefaultTextColor};\n      background: transparent;\n\n      &:hover:enabled {\n        ${buttonHoverMixin(t.btnBacklessHoverBg, '', '', t.btnBacklessHoverBorderColor, '', t.btnBorderWidth)};\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() {\n    return css`\n      display: inline-block;\n    `;\n  },\n  iconSmall(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeSmall};\n      margin-right: ${t.btnIconGapSmall};\n    `;\n  },\n  iconMedium(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeMedium};\n      margin-right: ${t.btnIconGapMedium};\n    `;\n  },\n  iconLarge(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeLarge};\n      margin-right: ${t.btnIconGapLarge};\n    `;\n  },\n\n  borderless() {\n    return css`\n      &: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          t.btnDefaultActiveBg,\n          t.btnDefaultActiveShadow,\n          t.btnDefaultActiveBorderColor,\n          t.btnDefaultActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      & {\n        ${buttonActiveMixin(\n          t.btnPrimaryActiveBg,\n          t.btnPrimaryActiveShadow,\n          t.btnPrimaryActiveBorderColor,\n          t.btnPrimaryActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      & {\n        ${buttonActiveMixin(\n          t.btnSuccessActiveBg,\n          t.btnSuccessActiveShadow,\n          t.btnSuccessActiveBorderColor,\n          t.btnSuccessActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n  },\n\n  danger(t: Theme) {\n    return css`\n      & {\n        ${buttonActiveMixin(\n          t.btnDangerActiveBg,\n          t.btnDangerActiveShadow,\n          t.btnDangerActiveBorderColor,\n          t.btnDangerActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n  },\n\n  pay(t: Theme) {\n    return css`\n      & {\n        ${buttonActiveMixin(\n          t.btnPayActiveBg,\n          t.btnPayActiveShadow,\n          t.btnPayActiveBorderColor,\n          t.btnPayActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n  },\n\n  link(t: Theme) {\n    return css`\n      & {\n        color: ${t.btnLinkActiveColor};\n      }\n    `;\n  },\n\n  text(t: Theme) {\n    return css`\n      & {\n        ${buttonActiveMixin(t.btnTextActiveBg, '', t.btnTextActiveBg, '', t.btnBorderWidth, t.btnArrowBgImageActive)};\n      }\n    `;\n  },\n\n  backless(t: Theme) {\n    return css`\n      &,\n      &:hover {\n        background: ${t.btnBacklessActiveBg};\n      }\n    `;\n  },\n});\n"]}

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

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

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

@@ -1,39 +1,102 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    warning(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    error(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    sizeSmall(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    sizeMedium(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    sizeLarge(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    sizeSmallLoading(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    sizeMediumLoading(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    sizeLargeLoading(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    link(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    focus(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    disabled(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    fallback(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    validationRoot(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    arrowWarning(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    arrowError(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    arrowLeft(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    default(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    primary(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    success(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    danger(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    pay(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    checked(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    active(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
+import { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    arrowHelper: string;
+    arrowHelperTop: string;
+    arrowHelperBottom: string;
+    arrow: string;
+    caption: string;
+    text: string;
+    innerShadow: string;
+    icon: string;
+};
+export declare const styles: {
+    root(t: Theme): string;
+    withArrowIconRightSmall(t: Theme): string;
+    withArrowIconRightMedium(t: Theme): string;
+    withArrowIconRightLarge(t: Theme): string;
+    withArrowIconLeftSmall(t: Theme): string;
+    withArrowIconLeftMedium(t: Theme): string;
+    withArrowIconLeftLarge(t: Theme): string;
+    simulatedPress(): string;
+    outline(): string;
+    outlineWarning(t: Theme): string;
+    outlineError(t: Theme): string;
+    outlineLink(): string;
+    outlineLinkWarning(t: Theme): string;
+    outlineLinkError(t: Theme): string;
+    sizeSmall(t: Theme): string;
+    sizeSmallIE11(t: Theme): string;
+    sizeMedium(t: Theme): string;
+    sizeMediumIE11(t: Theme): string;
+    sizeLarge(t: Theme): string;
+    sizeLargeIE11(t: Theme): string;
+    sizeSmallWithIcon(t: Theme): string;
+    sizeMediumWithIcon(t: Theme): string;
+    sizeLargeWithIcon(t: Theme): string;
+    sizeSmallWithIconWithoutText(t: Theme): string;
+    sizeMediumWithIconWithoutText(t: Theme): string;
+    sizeLargeWithIconWithoutText(t: Theme): string;
+    link(t: Theme): string;
+    linkLineHeight(): string;
+    linkLineHeightSafariFallback(): string;
+    linkFocus(t: Theme): string;
+    linkDisabled(t: Theme): string;
+    focus(t: Theme): string;
+    disabled(t: Theme): string;
+    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;
-    wrap(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): 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(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
+    iconNoRightMargin(): string;
+    iconLink(t: Theme): string;
+    wrapLink(): string;
     wrapArrow(): string;
     wrapArrowLeft(): string;
-    arrow(): string;
     icon(): string;
-    buttonWithIcon(): string;
-    borderless(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
+    iconSmall(t: Theme): string;
+    iconMedium(t: Theme): string;
+    iconLarge(t: Theme): string;
+    borderless(): string;
+    borderless2022(): string;
     loading(): string;
+    visibilityHidden(): string;
+};
+export declare const activeStyles: {
+    default(t: Theme): string;
+    primary(t: Theme): string;
+    success(t: Theme): string;
+    danger(t: Theme): string;
+    pay(t: Theme): string;
+    link(t: Theme): string;
+    text(t: Theme): string;
+    backless(t: Theme): string;
 };