npm - @skbkontur/react-ui - Versions diffs - 0.0.0-0b8a8f7a39 → 0.0.0-0fe669bb2d - Mend

@skbkontur/react-ui 0.0.0-0b8a8f7a39 → 0.0.0-0fe669bb2d

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2409) hide show

package/components/Button/Button.styles/Button.styles.js CHANGED Viewed

@@ -1,141 +1,200 @@
 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;
+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;
-import { css, cssName, memoizeStyle } from "../../../lib/theming/Emotion";
+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 } from "../Button.mixins";
-var styles = {
+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',
+  caption: 'caption',
+  innerShadow: 'inner-shadow'
+});
+export var styles = memoizeStyle({
   root: function root(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      ", ";\n      ", ";\n\n      background-clip: padding-box !important;\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      border: ", " solid transparent;\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      &:active {\n        ", " {\n          transform: translateY(1px);\n        }\n      }\n    "])), resetButton(), resetText(), t.btnBorderWidth, cssName(styles.caption()));
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      ", ";\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      &:active:enabled .", " {\n        transform: translateY(1px);\n      }\n    "])), resetButton(), resetText(), t.btnBackgroundClip, globalClasses.innerShadow, globalClasses.caption);
   },
-  warning: function warning(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      border-radius: inherit;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      box-shadow: 0 0 0 ", " ", ",\n        inset 0 0 0 ", " ", ";\n    "])), t.btnOutlineWidth, t.btnBorderColorWarning, t.btnInsetWidth, t.btnInsetColor);
+  outline: function outline() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      border-radius: inherit;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n    "])));
   },
-  error: function error(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      border-radius: inherit;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      box-shadow: 0 0 0 ", " ", ", inset 0 0 0 ", " ", ";\n    "])), t.btnOutlineWidth, t.btnBorderColorError, t.btnInsetWidth, t.btnInsetColor);
+  outlineWarning: function outlineWarning(t) {
+    return css(_templateObject3 || (_templateObject3 = _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(_templateObject4 || (_templateObject4 = _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(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      box-shadow: none;\n      left: -2px;\n      right: -2px;\n      bottom: -2px;\n    "])));
+  },
+  outlineLinkWarning: function outlineLinkWarning(t) {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n    "])), t.btnWarningSecondary);
+  },
+  outlineLinkError: function outlineLinkError(t) {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n    "])), t.btnErrorSecondary);
   },
   sizeSmall: function sizeSmall(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n\n      ", ";\n    "])), t.btnBorderRadiusSmall, buttonSizeMixin(t.btnFontSizeSmall, t.btnHeightSmall, t.btnLineHeightSmall, t.btnPaddingXSmall, t.btnPaddingYSmall, t.fontFamilyCompensationBaseline, cssName(styles.link(t)), cssName(styles.fallback(t))));
+    return css(_templateObject8 || (_templateObject8 = _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(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), buttonSizeMixinIE11(t.btnFontSizeSmall, t.btnPaddingXSmall, t.btnPaddingYSmall, t.fontFamilyCompensationBaseline));
   },
   sizeMedium: function sizeMedium(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n\n      ", ";\n    "])), t.btnBorderRadiusMedium, buttonSizeMixin(t.btnFontSizeMedium, t.btnHeightMedium, t.btnLineHeightMedium, t.btnPaddingXMedium, t.btnPaddingYMedium, t.fontFamilyCompensationBaseline, cssName(styles.link(t)), cssName(styles.fallback(t))));
+    return css(_templateObject10 || (_templateObject10 = _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(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), buttonSizeMixinIE11(t.btnFontSizeMedium, t.btnPaddingXMedium, t.btnPaddingYMedium, t.fontFamilyCompensationBaseline));
   },
   sizeLarge: function sizeLarge(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n\n      ", ";\n    "])), t.btnBorderRadiusLarge, buttonSizeMixin(t.btnFontSizeLarge, t.btnHeightLarge, t.btnLineHeightLarge, t.btnPaddingXLarge, t.btnPaddingYLarge, t.fontFamilyCompensationBaseline, cssName(styles.link(t)), cssName(styles.fallback(t))));
+    return css(_templateObject12 || (_templateObject12 = _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(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), buttonSizeMixinIE11(t.btnFontSizeLarge, t.btnPaddingXLarge, t.btnPaddingYLarge, t.fontFamilyCompensationBaseline));
   },
   link: function link(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      background: none;\n      border-radius: ", " !important;\n      border: none !important;\n      box-shadow: none;\n      white-space: nowrap;\n      color: ", " !important;\n      display: inline;\n      line-height: inherit !important;\n      margin: 0;\n      padding: 0 !important;\n\n      &:hover {\n        color: ", " !important;\n        text-decoration: ", ";\n      }\n      &:active {\n        color: ", " !important;\n      }\n      ", " {\n        display: inline;\n        transform: none !important;\n      }\n      ", " ,\n      ", "  {\n        box-shadow: none;\n        left: -2px !important;\n        right: -2px !important;\n        bottom: -2px !important;\n      }\n      ", "  {\n        background-color: ", " !important;\n      }\n    "])), t.btnLinkBorderRadius, t.btnLinkColor, t.btnLinkHoverColor, t.btnLinkHoverTextDecoration, t.linkActiveColor, cssName(styles.caption()), cssName(styles.warning(t)), cssName(styles.error(t)), cssName(styles.error(t)), t.btnErrorSecondary);
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      background: none;\n      border-radius: ", ";\n      border: none;\n      box-shadow: none;\n      white-space: nowrap;\n      color: ", ";\n      display: inline;\n      line-height: inherit !important; // override size mixin\n      margin: 0;\n      padding: 0 !important; // override size mixin\n      height: auto !important; // override size mixin\n\n      &:hover:enabled {\n        color: ", ";\n        text-decoration: ", ";\n      }\n      &:active:enabled {\n        ", "\n      }\n    "])), t.btnLinkBorderRadius, t.btnLinkColor, t.btnLinkHoverColor, t.btnLinkHoverTextDecoration, activeStyles.link(t));
+  },
+  linkFocus: function linkFocus(t) {
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      text-decoration: ", ";\n    "])), t.btnLinkColor, t.btnLinkHoverTextDecoration);
+  },
+  linkDisabled: function linkDisabled(t) {
+    return css(_templateObject16 || (_templateObject16 = _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(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      ", "& {\n        position: relative;\n        z-index: 2;\n\n        &", " {\n          color: ", ";\n          text-decoration: ", ";\n        }\n\n        &:not(", "):not(", ") {\n\n          &,\n          &:hover,\n          &:active,\n          ", " {\n            box-shadow: inset 0 0 0 ", " ", ", 0 0 0 ", " ", ";\n            border-color: ", ";\n        }\n      }\n    "])), cssName(styles.root(t)), cssName(styles.link(t)), t.btnLinkColor, t.btnLinkHoverTextDecoration, cssName(styles.disabled(t)), cssName(styles.link(t)), cssName(styles.active(t)), t.btnInsetWidth, t.btnOutlineColorFocus, t.btnFocusShadowWidth, t.btnBorderColorFocus, t.btnBorderColorFocus);
+    return css(_templateObject17 || (_templateObject17 = _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 ", " ", ";\n      }\n    "])), t.btnInsetWidth, t.btnOutlineColorFocus, t.btnFocusShadowWidth, t.btnBorderColorFocus);
   },
   disabled: function disabled(t) {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      ", "& {\n        cursor: default;\n        pointer-events: none;\n        border-color: ", " !important;\n\n        &:not(", ") {\n          background-image: none !important;\n          background-color: ", " !important;\n          color: ", " !important;\n          box-shadow: none;\n\n          ", " {\n            box-shadow: ", " 0 0 0 ", " !important;\n          }\n        }\n\n        &", " {\n          color: ", " !important;\n        }\n\n        ", " {\n          transform: none !important;\n        }\n      }\n    "])), cssName(styles.root(t)), t.btnDisabledBorderColor, cssName(styles.link(t)), t.btnDisabledBg, t.btnDisabledTextColor, cssName(styles.arrowHelper()), t.btnBorderWidth, t.btnDisabledBorderColor, cssName(styles.link(t)), t.btnLinkDisabledColor, cssName(styles.caption()));
-  },
-  fallback: function fallback(t) {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      &", " {\n        outline-color: transparent;\n      }\n      &:not(", ") {\n        line-height: normal !important;\n      }\n    "])), cssName(styles.disabled(t)), cssName(styles.link(t)));
+    return css(_templateObject18 || (_templateObject18 = _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(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n    ", ":not(", ") & {\n      box-shadow: inset 0 0 0 ", " ", ";\n\n      ", "\n    }\n  "])), cssName(styles.root(t)), cssName(styles.checked(t)), t.btnInsetWidth, t.btnInsetColor, arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorWarning, t.btnOutlineWidth, t.btnInsetColor, cssName(styles.arrowHelper()), cssName(styles.arrowHelperTop()), cssName(styles.arrowHelperBottom())));
+    return css(_templateObject19 || (_templateObject19 = _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(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n    ", ":not(", ") & {\n        box-shadow: inset 0 0 0 ", " ", ";\n\n        ", "\n      }\n    "])), cssName(styles.root(t)), cssName(styles.checked(t)), t.btnInsetWidth, t.btnInsetColor, arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorError, t.btnOutlineWidth, t.btnInsetColor, cssName(styles.arrowHelper()), cssName(styles.arrowHelperTop()), cssName(styles.arrowHelperBottom())));
+    return css(_templateObject20 || (_templateObject20 = _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(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      ", ":not(", ") & {\n        box-shadow: inset 0 0 0 ", " ", ";\n\n        ", "\n      }\n    "])), cssName(styles.root(t)), cssName(styles.checked(t)), t.btnInsetWidth, t.btnOutlineColorFocus, arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorFocus, t.btnOutlineWidth, t.btnOutlineColorFocus, cssName(styles.arrowHelper()), cssName(styles.arrowHelperTop()), cssName(styles.arrowHelperBottom())));
+    return css(_templateObject21 || (_templateObject21 = _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(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      background: inherit;\n      border-radius: inherit;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n    "])));
+    return css(_templateObject22 || (_templateObject22 = _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(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      transform: scaleX(-1);\n    "])));
-  },
-  arrowHelper: function arrowHelper() {
-    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\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    "])), isFirefox ? "0.2px" : "0.3px");
-  },
-  arrowHelperTop: function arrowHelperTop() {
-    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\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    "])));
-  },
-  arrowHelperBottom: function arrowHelperBottom() {
-    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      bottom: 0;\n      transform: skewX(-30deg);\n      transform-origin: bottom;\n      background-position-y: bottom;\n      border-top-right-radius: 1px;\n    "])));
+    return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      transform: scaleX(-1);\n    "])));
   },
   "default": function _default(t) {
-    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      ", "& {\n        ", ";\n\n        ", ";\n\n        ", ";\n      }\n    "])), cssName(styles.root(t)), buttonUseMixin(t.btnDefaultBg, t.btnDefaultBgStart, t.btnDefaultBgEnd, t.btnDefaultTextColor, t.btnDefaultBorderColor, t.btnDefaultBorderBottomColor, t.btnBorderWidth, cssName(styles.checked(t)), cssName(styles.arrowHelper())), buttonHoverMixin(t.btnDefaultHoverBg, t.btnDefaultHoverBgStart, t.btnDefaultHoverBgEnd, t.btnDefaultHoverBorderColor, t.btnDefaultHoverBorderBottomColor, t.btnBorderWidth, cssName(styles.arrowHelper())), buttonActiveMixin(t.btnDefaultActiveBg, t.btnDefaultActiveShadow, t.btnDefaultActiveBorderColor, t.btnDefaultActiveBorderTopColor, t.btnBorderWidth, cssName(styles.active(t)), cssName(styles.arrowHelper()), cssName(styles.arrowHelperTop()), t.btnArrowBgImageActive));
+    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      ", ";\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(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      ", "& {\n        ", ";\n\n        ", ";\n\n        ", ";\n      }\n    "])), cssName(styles.root(t)), buttonUseMixin(t.btnPrimaryBg, t.btnPrimaryBgStart, t.btnPrimaryBgEnd, t.btnPrimaryTextColor, t.btnPrimaryBorderColor, t.btnPrimaryBorderBottomColor, t.btnBorderWidth, cssName(styles.checked(t)), cssName(styles.arrowHelper())), buttonHoverMixin(t.btnPrimaryHoverBg, t.btnPrimaryHoverBgStart, t.btnPrimaryHoverBgEnd, t.btnPrimaryHoverBorderColor, t.btnPrimaryHoverBorderBottomColor, t.btnBorderWidth, cssName(styles.arrowHelper())), buttonActiveMixin(t.btnPrimaryActiveBg, t.btnPrimaryActiveShadow, t.btnPrimaryActiveBorderColor, t.btnPrimaryActiveBorderTopColor, t.btnBorderWidth, cssName(styles.active(t)), cssName(styles.arrowHelper()), cssName(styles.arrowHelperTop()), t.btnArrowBgImageActive));
+    return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n      ", ";\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(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      ", "& {\n        ", ";\n\n        ", ";\n\n        ", ";\n      }\n    "])), cssName(styles.root(t)), buttonUseMixin(t.btnSuccessBg, t.btnSuccessBgStart, t.btnSuccessBgEnd, t.btnSuccessTextColor, t.btnSuccessBorderColor, t.btnSuccessBorderBottomColor, t.btnBorderWidth, cssName(styles.checked(t)), cssName(styles.arrowHelper())), buttonHoverMixin(t.btnSuccessHoverBg, t.btnSuccessHoverBgStart, t.btnSuccessHoverBgEnd, t.btnSuccessHoverBorderColor, t.btnSuccessHoverBorderBottomColor, t.btnBorderWidth, cssName(styles.arrowHelper())), buttonActiveMixin(t.btnSuccessActiveBg, t.btnSuccessActiveShadow, t.btnSuccessActiveBorderColor, t.btnSuccessActiveBorderTopColor, t.btnBorderWidth, cssName(styles.active(t)), cssName(styles.arrowHelper()), cssName(styles.arrowHelperTop()), t.btnArrowBgImageActive));
+    return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      ", ";\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(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      ", "& {\n        ", ";\n\n        ", ";\n\n        ", ";\n      }\n    "])), cssName(styles.root(t)), buttonUseMixin(t.btnDangerBg, t.btnDangerBgStart, t.btnDangerBgEnd, t.btnDangerTextColor, t.btnDangerBorderColor, t.btnDangerBorderBottomColor, t.btnBorderWidth, cssName(styles.checked(t)), cssName(styles.arrowHelper())), buttonHoverMixin(t.btnDangerHoverBg, t.btnDangerHoverBgStart, t.btnDangerHoverBgEnd, t.btnDangerHoverBorderColor, t.btnDangerHoverBorderBottomColor, t.btnBorderWidth, cssName(styles.arrowHelper())), buttonActiveMixin(t.btnDangerActiveBg, t.btnDangerActiveShadow, t.btnDangerActiveBorderColor, t.btnDangerActiveBorderTopColor, t.btnBorderWidth, cssName(styles.active(t)), cssName(styles.arrowHelper()), cssName(styles.arrowHelperTop()), t.btnArrowBgImageActive));
+    return css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n      ", ";\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(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      ", "& {\n        ", ";\n\n        ", ";\n\n        ", ";\n      }\n    "])), cssName(styles.root(t)), buttonUseMixin(t.btnPayBg, t.btnPayBgStart, t.btnPayBgEnd, t.btnPayTextColor, t.btnPayBorderColor, t.btnPayBorderBottomColor, t.btnBorderWidth, cssName(styles.checked(t)), cssName(styles.arrowHelper())), buttonHoverMixin(t.btnPayHoverBg, t.btnPayHoverBgStart, t.btnPayHoverBgEnd, t.btnPayHoverBorderColor, t.btnPayHoverBorderBottomColor, t.btnBorderWidth, cssName(styles.arrowHelper())), buttonActiveMixin(t.btnPayActiveBg, t.btnPayActiveShadow, t.btnPayActiveBorderColor, t.btnPayActiveBorderTopColor, t.btnBorderWidth, cssName(styles.active(t)), cssName(styles.arrowHelper()), cssName(styles.arrowHelperTop()), t.btnArrowBgImageActive));
+    return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n      ", ";\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));
   },
   checked: function checked(t) {
-    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      background-image: none !important;\n      box-shadow: ", " !important;\n      background-color: ", " !important;\n      color: ", " !important;\n      border-color: ", " !important;\n\n      &:not(", ") {\n        ", " {\n          transform: translateY(1px) !important;\n        }\n      }\n\n      &:not(", ")", " {\n        box-shadow: ", " !important;\n        background-color: ", " !important;\n        color: ", " !important;\n        border-color: ", " !important;\n\n        ", " {\n          box-shadow: ", " 0 0 ", " !important;\n\n          &", " {\n            background-image: none !important;\n          }\n        }\n      }\n\n      &,\n      &:not(", ") {\n        ", " {\n          box-shadow: ", " 0 0 ", " !important;\n\n          &", " {\n            background-image: ", " !important;\n          }\n        }\n      }\n    "])), t.btnCheckedShadow, t.btnCheckedBg, t.btnCheckedTextColor, t.btnDefaultCheckedBorderColor, cssName(styles.link(t)), cssName(styles.caption()), cssName(styles.link(t)), cssName(styles.disabled(t)), t.btnCheckedDisabledShadow, t.btnCheckedDisabledBg, t.btnCheckedDisabledColor, t.btnCheckedDisabledBorderColor, cssName(styles.arrowHelper()), t.btnBorderWidth, t.btnCheckedDisabledBorderColor, cssName(styles.arrowHelperTop()), cssName(styles.focus(t)), cssName(styles.arrowHelper()), t.btnBorderWidth, t.btnDefaultCheckedBorderColor, cssName(styles.arrowHelperTop()), t.btnArrowBgImageChecked);
+    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(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n      ", "\n\n      &:hover:enabled,\n      &:active:enabled,\n      &:hover:active:enabled {\n        ", "\n      }\n    "])), checkedStyles, checkedStyles);
+  },
+  checkedFocused: function checkedFocused(t) {
+    return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n      &:hover:enabled {\n        box-shadow: inset 0 0 0 ", " ", ",\n          0 0 0 ", " ", ";\n        border-color: ", ";\n      }\n    "])), t.btnInsetWidth, t.btnOutlineColorFocus, t.btnFocusShadowWidth, t.btnBorderColorFocus, t.btnBorderColorFocus);
   },
-  active: function active(t) {
-    return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n      &:not(", "):not(", ") {\n        ", " {\n          transform: translateY(1px) !important;\n        }\n      }\n    "])), cssName(styles.link(t)), cssName(styles.disabled(t)), cssName(styles.caption()));
+  checkedDisabled: function checkedDisabled(t) {
+    return css(_templateObject31 || (_templateObject31 = _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);
   },
   caption: function caption() {
-    return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      white-space: nowrap;\n      display: inline-block;\n      width: 100%;\n      vertical-align: top;\n    "])));
+    return css(_templateObject32 || (_templateObject32 = _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(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n      display: inline;\n      transform: none !important; // override root:active style\n    "])));
+  },
+  captionTranslated: function captionTranslated() {
+    return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n      transform: translateY(1px);\n    "])));
+  },
+  captionDisabled: function captionDisabled() {
+    return css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n      transform: none !important; // override root:active style\n    "])));
   },
   wrap: function wrap(t) {
-    return css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n      box-sizing: border-box;\n      display: inline-block;\n    "])));
+    return css(_templateObject36 || (_templateObject36 = _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(_templateObject37 || (_templateObject37 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n    "])), t.btnHeightSmall);
+  },
+  wrapMedium: function wrapMedium(t) {
+    return css(_templateObject38 || (_templateObject38 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n    "])), t.btnHeightMedium);
+  },
+  wrapLarge: function wrapLarge(t) {
+    return css(_templateObject39 || (_templateObject39 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n    "])), t.btnHeightLarge);
   },
   narrow: function narrow() {
-    return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n      padding-left: 5px !important;\n      padding-right: 5px !important;\n    "])));
+    return css(_templateObject40 || (_templateObject40 = _taggedTemplateLiteralLoose(["\n      padding-left: 5px;\n      padding-right: 5px;\n    "])));
   },
   noPadding: function noPadding() {
-    return css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n      padding-left: 0 !important;\n      padding-right: 0 !important;\n    "])));
+    return css(_templateObject41 || (_templateObject41 = _taggedTemplateLiteralLoose(["\n      padding-left: 0;\n      padding-right: 0;\n    "])));
   },
   noRightPadding: function noRightPadding() {
-    return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n      padding-right: 0 !important;\n    "])));
+    return css(_templateObject42 || (_templateObject42 = _taggedTemplateLiteralLoose(["\n      padding-right: 0;\n    "])));
   },
-  iconNoRightPadding: function iconNoRightPadding() {
-    return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n      padding-right: 0 !important;\n    "])));
+  iconNoRightMargin: function iconNoRightMargin() {
+    return css(_templateObject43 || (_templateObject43 = _taggedTemplateLiteralLoose(["\n      margin-right: 0;\n    "])));
   },
   iconLink: function iconLink(t) {
-    return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n      padding-right: ", " !important;\n    "])), t.btnLinkIconMarginRight);
+    return css(_templateObject44 || (_templateObject44 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n    "])), t.btnLinkIconMarginRight);
   },
-  wrapLink: function wrapLink(t) {
-    return css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      padding: 0;\n    "])), styles.wrap(t));
+  wrapLink: function wrapLink() {
+    return css(_templateObject45 || (_templateObject45 = _taggedTemplateLiteralLoose(["\n      padding: 0;\n    "])));
   },
   wrapArrow: function wrapArrow() {
-    return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n      margin-right: 10px;\n    "])));
+    return css(_templateObject46 || (_templateObject46 = _taggedTemplateLiteralLoose(["\n      margin-right: 10px;\n    "])));
   },
   wrapArrowLeft: function wrapArrowLeft() {
-    return css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n      margin-right: 0;\n      margin-left: 10px;\n    "])));
+    return css(_templateObject47 || (_templateObject47 = _taggedTemplateLiteralLoose(["\n      margin-right: 0;\n      margin-left: 10px;\n    "])));
   },
   icon: function icon() {
-    return css(_templateObject36 || (_templateObject36 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n    "])));
+    return css(_templateObject48 || (_templateObject48 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n    "])));
   },
   iconSmall: function iconSmall(t) {
-    return css(_templateObject37 || (_templateObject37 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      padding-right: ", ";\n    "])), t.btnIconSizeSmall, t.btnIconGapSmall);
+    return css(_templateObject49 || (_templateObject49 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      margin-right: ", ";\n    "])), t.btnIconSizeSmall, t.btnIconGapSmall);
   },
   iconMedium: function iconMedium(t) {
-    return css(_templateObject38 || (_templateObject38 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      padding-right: ", ";\n    "])), t.btnIconSizeMedium, t.btnIconGapMedium);
+    return css(_templateObject50 || (_templateObject50 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      margin-right: ", ";\n    "])), t.btnIconSizeMedium, t.btnIconGapMedium);
   },
   iconLarge: function iconLarge(t) {
-    return css(_templateObject39 || (_templateObject39 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      padding-right: ", ";\n    "])), t.btnIconSizeLarge, t.btnIconGapLarge);
+    return css(_templateObject51 || (_templateObject51 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      margin-right: ", ";\n    "])), t.btnIconSizeLarge, t.btnIconGapLarge);
   },
-  borderless: function borderless(t) {
-    var focus = cssName(styles.focus(t));
-    var disabled = cssName(styles.disabled(t));
-    var checked = cssName(styles.checked(t));
-    var active = cssName(styles.active(t));
-    return css(_templateObject40 || (_templateObject40 = _taggedTemplateLiteralLoose(["\n      &:not(", "):not(", "):not(", "):not(", ") {\n        &,\n        &:hover,\n        &:active {\n          border-color: transparent;\n        }\n      }\n    "])), focus, disabled, active, checked);
+  borderless: function borderless() {
+    return css(_templateObject52 || (_templateObject52 = _taggedTemplateLiteralLoose(["\n      &,\n      &:hover:enabled,\n      &:active:enabled {\n        box-shadow: none;\n        .", ", .", " {\n          box-shadow: none;\n        }\n      }\n    "])), globalClasses.arrowHelperTop, globalClasses.arrowHelperBottom);
   },
   loading: function loading() {
-    return css(_templateObject41 || (_templateObject41 = _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    "])));
+    return css(_templateObject53 || (_templateObject53 = _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(_templateObject42 || (_templateObject42 = _taggedTemplateLiteralLoose(["\n      visibility: hidden;\n    "])));
+    return css(_templateObject54 || (_templateObject54 = _taggedTemplateLiteralLoose(["\n      visibility: hidden;\n    "])));
+  }
+});
+export var activeStyles = memoizeStyle({
+  "default": function _default(t) {
+    return css(_templateObject55 || (_templateObject55 = _taggedTemplateLiteralLoose(["\n      &,\n      &:hover:enabled {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnDefaultActiveBg, t.btnDefaultActiveShadow, t.btnDefaultActiveBorderColor, t.btnDefaultActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
+  },
+  primary: function primary(t) {
+    return css(_templateObject56 || (_templateObject56 = _taggedTemplateLiteralLoose(["\n      &,\n      &:hover:enabled {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnPrimaryActiveBg, t.btnPrimaryActiveShadow, t.btnPrimaryActiveBorderColor, t.btnPrimaryActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
+  },
+  success: function success(t) {
+    return css(_templateObject57 || (_templateObject57 = _taggedTemplateLiteralLoose(["\n      &,\n      &:hover:enabled {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnSuccessActiveBg, t.btnSuccessActiveShadow, t.btnSuccessActiveBorderColor, t.btnSuccessActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
+  },
+  danger: function danger(t) {
+    return css(_templateObject58 || (_templateObject58 = _taggedTemplateLiteralLoose(["\n      &,\n      &:hover:enabled {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnDangerActiveBg, t.btnDangerActiveShadow, t.btnDangerActiveBorderColor, t.btnDangerActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
+  },
+  pay: function pay(t) {
+    return css(_templateObject59 || (_templateObject59 = _taggedTemplateLiteralLoose(["\n      &,\n      &:hover:enabled {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnPayActiveBg, t.btnPayActiveShadow, t.btnPayActiveBorderColor, t.btnPayActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
+  },
+  link: function link(t) {
+    return css(_templateObject60 || (_templateObject60 = _taggedTemplateLiteralLoose(["\n      &,\n      &:hover:enabled {\n        color: ", ";\n      }\n    "])), t.btnLinkActiveColor);
   }
-};
-export var jsStyles = memoizeStyle(styles);
+});

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["Button.styles.ts"],"names":["css","cssName","memoizeStyle","resetButton","resetText","isFirefox","buttonUseMixin","buttonHoverMixin","buttonActiveMixin","buttonSizeMixin","arrowOutlineMixin","styles","root","t","btnBorderWidth","caption","warning","btnOutlineWidth","btnBorderColorWarning","btnInsetWidth","btnInsetColor","error","btnBorderColorError","sizeSmall","btnBorderRadiusSmall","btnFontSizeSmall","btnHeightSmall","btnLineHeightSmall","btnPaddingXSmall","btnPaddingYSmall","fontFamilyCompensationBaseline","link","fallback","sizeMedium","btnBorderRadiusMedium","btnFontSizeMedium","btnHeightMedium","btnLineHeightMedium","btnPaddingXMedium","btnPaddingYMedium","sizeLarge","btnBorderRadiusLarge","btnFontSizeLarge","btnHeightLarge","btnLineHeightLarge","btnPaddingXLarge","btnPaddingYLarge","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","linkActiveColor","btnErrorSecondary","focus","disabled","active","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","arrowHelper","btnLinkDisabledColor","arrowWarning","checked","arrowHelperTop","arrowHelperBottom","arrowError","arrowFocus","arrow","arrowLeft","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultTextColor","btnDefaultBorderColor","btnDefaultBorderBottomColor","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnArrowBgImageActive","primary","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","success","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","danger","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","pay","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayTextColor","btnPayBorderColor","btnPayBorderBottomColor","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","btnCheckedShadow","btnCheckedBg","btnCheckedTextColor","btnDefaultCheckedBorderColor","btnCheckedDisabledShadow","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledBorderColor","btnArrowBgImageChecked","wrap","narrow","noPadding","noRightPadding","iconNoRightPadding","iconLink","btnLinkIconMarginRight","wrapLink","wrapArrow","wrapArrowLeft","icon","iconSmall","btnIconSizeSmall","btnIconGapSmall","iconMedium","btnIconSizeMedium","btnIconGapMedium","iconLarge","btnIconSizeLarge","btnIconGapLarge","borderless","loading","visibilityHidden","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { resetButton, resetText } from '../../lib/styles/Mixins';\r\nimport { isFirefox } from '../../lib/client';\r\n\r\nimport {\r\n buttonUseMixin,\r\n buttonHoverMixin,\r\n buttonActiveMixin,\r\n buttonSizeMixin,\r\n arrowOutlineMixin,\r\n} from './Button.mixins';\r\n\r\nconst styles = {\r\n root(t: Theme) {\r\n return css`\r\n ${resetButton()};\r\n ${resetText()};\r\n\r\n background-clip: padding-box !important;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n background-size: contain;\r\n cursor: pointer;\r\n display: inline-block;\r\n position: relative;\r\n text-align: center;\r\n width: 100%;\r\n border: ${t.btnBorderWidth} solid transparent;\r\n\r\n &::-moz-focus-inner {\r\n border: 0;\r\n padding: 0;\r\n }\r\n &::after {\r\n content: '';\r\n display: inline-block;\r\n vertical-align: baseline;\r\n width: 0;\r\n }\r\n\r\n &:active {\r\n ${cssName(styles.caption())} {\r\n transform: translateY(1px);\r\n }\r\n }\r\n `;\r\n },\r\n\r\n warning(t: Theme) {\r\n return css`\r\n border-radius: inherit;\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorWarning},\r\n inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\r\n `;\r\n },\r\n\r\n error(t: Theme) {\r\n return css`\r\n border-radius: inherit;\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorError}, inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\r\n `;\r\n },\r\n\r\n sizeSmall(t: Theme) {\r\n return css`\r\n border-radius: ${t.btnBorderRadiusSmall};\r\n\r\n ${buttonSizeMixin(\r\n t.btnFontSizeSmall,\r\n t.btnHeightSmall,\r\n t.btnLineHeightSmall,\r\n t.btnPaddingXSmall,\r\n t.btnPaddingYSmall,\r\n t.fontFamilyCompensationBaseline,\r\n cssName(styles.link(t)),\r\n cssName(styles.fallback(t)),\r\n )};\r\n `;\r\n },\r\n\r\n sizeMedium(t: Theme) {\r\n return css`\r\n border-radius: ${t.btnBorderRadiusMedium};\r\n\r\n ${buttonSizeMixin(\r\n t.btnFontSizeMedium,\r\n t.btnHeightMedium,\r\n t.btnLineHeightMedium,\r\n t.btnPaddingXMedium,\r\n t.btnPaddingYMedium,\r\n t.fontFamilyCompensationBaseline,\r\n cssName(styles.link(t)),\r\n cssName(styles.fallback(t)),\r\n )};\r\n `;\r\n },\r\n\r\n sizeLarge(t: Theme) {\r\n return css`\r\n border-radius: ${t.btnBorderRadiusLarge};\r\n\r\n ${buttonSizeMixin(\r\n t.btnFontSizeLarge,\r\n t.btnHeightLarge,\r\n t.btnLineHeightLarge,\r\n t.btnPaddingXLarge,\r\n t.btnPaddingYLarge,\r\n t.fontFamilyCompensationBaseline,\r\n cssName(styles.link(t)),\r\n cssName(styles.fallback(t)),\r\n )};\r\n `;\r\n },\r\n\r\n link(t: Theme) {\r\n return css`\r\n background: none;\r\n border-radius: ${t.btnLinkBorderRadius} !important;\r\n border: none !important;\r\n box-shadow: none;\r\n white-space: nowrap;\r\n color: ${t.btnLinkColor} !important;\r\n display: inline;\r\n line-height: inherit !important;\r\n margin: 0;\r\n padding: 0 !important;\r\n\r\n &:hover {\r\n color: ${t.btnLinkHoverColor} !important;\r\n text-decoration: ${t.btnLinkHoverTextDecoration};\r\n }\r\n &:active {\r\n color: ${t.linkActiveColor} !important;\r\n }\r\n ${cssName(styles.caption())} {\r\n display: inline;\r\n transform: none !important;\r\n }\r\n ${cssName(styles.warning(t))} ,\r\n ${cssName(styles.error(t))} {\r\n box-shadow: none;\r\n left: -2px !important;\r\n right: -2px !important;\r\n bottom: -2px !important;\r\n }\r\n ${cssName(styles.error(t))} {\r\n background-color: ${t.btnErrorSecondary} !important;\r\n }\r\n `;\r\n },\r\n\r\n focus(t: Theme) {\r\n return css`\r\n ${cssName(styles.root(t))}& {\r\n position: relative;\r\n z-index: 2;\r\n\r\n &${cssName(styles.link(t))} {\r\n color: ${t.btnLinkColor};\r\n text-decoration: ${t.btnLinkHoverTextDecoration};\r\n }\r\n\r\n &:not(${cssName(styles.disabled(t))}):not(${cssName(styles.link(t))}) {\r\n\r\n &,\r\n &:hover,\r\n &:active,\r\n ${cssName(styles.active(t))} {\r\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus}, 0 0 0 ${t.btnFocusShadowWidth} ${\r\n t.btnBorderColorFocus\r\n };\r\n border-color: ${t.btnBorderColorFocus};\r\n }\r\n }\r\n `;\r\n },\r\n\r\n disabled(t: Theme) {\r\n return css`\r\n ${cssName(styles.root(t))}& {\r\n cursor: default;\r\n pointer-events: none;\r\n border-color: ${t.btnDisabledBorderColor} !important;\r\n\r\n &:not(${cssName(styles.link(t))}) {\r\n background-image: none !important;\r\n background-color: ${t.btnDisabledBg} !important;\r\n color: ${t.btnDisabledTextColor} !important;\r\n box-shadow: none;\r\n\r\n ${cssName(styles.arrowHelper())} {\r\n box-shadow: ${t.btnBorderWidth} 0 0 0 ${t.btnDisabledBorderColor} !important;\r\n }\r\n }\r\n\r\n &${cssName(styles.link(t))} {\r\n color: ${t.btnLinkDisabledColor} !important;\r\n }\r\n\r\n ${cssName(styles.caption())} {\r\n transform: none !important;\r\n }\r\n }\r\n `;\r\n },\r\n\r\n fallback(t: Theme) {\r\n return css`\r\n &${cssName(styles.disabled(t))} {\r\n outline-color: transparent;\r\n }\r\n &:not(${cssName(styles.link(t))}) {\r\n line-height: normal !important;\r\n }\r\n `;\r\n },\r\n\r\n arrowWarning(t: Theme) {\r\n return css`\r\n ${cssName(styles.root(t))}:not(${cssName(styles.checked(t))}) & {\r\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\r\n\r\n ${arrowOutlineMixin(\r\n t.btnInsetWidth,\r\n t.btnBorderColorWarning,\r\n t.btnOutlineWidth,\r\n t.btnInsetColor,\r\n cssName(styles.arrowHelper()),\r\n cssName(styles.arrowHelperTop()),\r\n cssName(styles.arrowHelperBottom()),\r\n )}\r\n }\r\n `;\r\n },\r\n\r\n arrowError(t: Theme) {\r\n return css`\r\n ${cssName(styles.root(t))}:not(${cssName(styles.checked(t))}) & {\r\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\r\n\r\n ${arrowOutlineMixin(\r\n t.btnInsetWidth,\r\n t.btnBorderColorError,\r\n t.btnOutlineWidth,\r\n t.btnInsetColor,\r\n cssName(styles.arrowHelper()),\r\n cssName(styles.arrowHelperTop()),\r\n cssName(styles.arrowHelperBottom()),\r\n )}\r\n }\r\n `;\r\n },\r\n\r\n arrowFocus(t: Theme) {\r\n return css`\r\n ${cssName(styles.root(t))}:not(${cssName(styles.checked(t))}) & {\r\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus};\r\n\r\n ${arrowOutlineMixin(\r\n t.btnInsetWidth,\r\n t.btnBorderColorFocus,\r\n t.btnOutlineWidth,\r\n t.btnOutlineColorFocus,\r\n cssName(styles.arrowHelper()),\r\n cssName(styles.arrowHelperTop()),\r\n cssName(styles.arrowHelperBottom()),\r\n )}\r\n }\r\n `;\r\n },\r\n\r\n arrow() {\r\n return css`\r\n background: inherit;\r\n border-radius: inherit;\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n `;\r\n },\r\n\r\n arrowLeft() {\r\n return css`\r\n transform: scaleX(-1);\r\n `;\r\n },\r\n\r\n arrowHelper() {\r\n return css`\r\n width: 100%;\r\n height: 50%;\r\n position: absolute;\r\n left: 0;\r\n background: inherit;\r\n background-size: 200% 200%;\r\n border-radius: inherit;\r\n background-clip: padding-box;\r\n\r\n // fix ugly arrow edge\r\n &:before {\r\n content: '';\r\n display: block;\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: inherit;\r\n border-radius: inherit;\r\n transform: translateX(${isFirefox ? `0.2px` : `0.3px`});\r\n }\r\n `;\r\n },\r\n\r\n arrowHelperTop() {\r\n return css`\r\n top: 0;\r\n transform: skewX(30deg);\r\n transform-origin: top;\r\n background-position-y: top;\r\n border-bottom-right-radius: 1px;\r\n\r\n // fix ugly line in the\r\n // middle of the button\r\n &:before {\r\n bottom: -1px;\r\n }\r\n `;\r\n },\r\n\r\n arrowHelperBottom() {\r\n return css`\r\n bottom: 0;\r\n transform: skewX(-30deg);\r\n transform-origin: bottom;\r\n background-position-y: bottom;\r\n border-top-right-radius: 1px;\r\n `;\r\n },\r\n\r\n default(t: Theme) {\r\n return css`\r\n ${cssName(styles.root(t))}& {\r\n ${buttonUseMixin(\r\n t.btnDefaultBg,\r\n t.btnDefaultBgStart,\r\n t.btnDefaultBgEnd,\r\n t.btnDefaultTextColor,\r\n t.btnDefaultBorderColor,\r\n t.btnDefaultBorderBottomColor,\r\n t.btnBorderWidth,\r\n cssName(styles.checked(t)),\r\n cssName(styles.arrowHelper()),\r\n )};\r\n\r\n ${buttonHoverMixin(\r\n t.btnDefaultHoverBg,\r\n t.btnDefaultHoverBgStart,\r\n t.btnDefaultHoverBgEnd,\r\n t.btnDefaultHoverBorderColor,\r\n t.btnDefaultHoverBorderBottomColor,\r\n t.btnBorderWidth,\r\n cssName(styles.arrowHelper()),\r\n )};\r\n\r\n ${buttonActiveMixin(\r\n t.btnDefaultActiveBg,\r\n t.btnDefaultActiveShadow,\r\n t.btnDefaultActiveBorderColor,\r\n t.btnDefaultActiveBorderTopColor,\r\n t.btnBorderWidth,\r\n cssName(styles.active(t)),\r\n cssName(styles.arrowHelper()),\r\n cssName(styles.arrowHelperTop()),\r\n t.btnArrowBgImageActive,\r\n )};\r\n }\r\n `;\r\n },\r\n\r\n primary(t: Theme) {\r\n return css`\r\n ${cssName(styles.root(t))}& {\r\n ${buttonUseMixin(\r\n t.btnPrimaryBg,\r\n t.btnPrimaryBgStart,\r\n t.btnPrimaryBgEnd,\r\n t.btnPrimaryTextColor,\r\n t.btnPrimaryBorderColor,\r\n t.btnPrimaryBorderBottomColor,\r\n t.btnBorderWidth,\r\n cssName(styles.checked(t)),\r\n cssName(styles.arrowHelper()),\r\n )};\r\n\r\n ${buttonHoverMixin(\r\n t.btnPrimaryHoverBg,\r\n t.btnPrimaryHoverBgStart,\r\n t.btnPrimaryHoverBgEnd,\r\n t.btnPrimaryHoverBorderColor,\r\n t.btnPrimaryHoverBorderBottomColor,\r\n t.btnBorderWidth,\r\n cssName(styles.arrowHelper()),\r\n )};\r\n\r\n ${buttonActiveMixin(\r\n t.btnPrimaryActiveBg,\r\n t.btnPrimaryActiveShadow,\r\n t.btnPrimaryActiveBorderColor,\r\n t.btnPrimaryActiveBorderTopColor,\r\n t.btnBorderWidth,\r\n cssName(styles.active(t)),\r\n cssName(styles.arrowHelper()),\r\n cssName(styles.arrowHelperTop()),\r\n t.btnArrowBgImageActive,\r\n )};\r\n }\r\n `;\r\n },\r\n\r\n success(t: Theme) {\r\n return css`\r\n ${cssName(styles.root(t))}& {\r\n ${buttonUseMixin(\r\n t.btnSuccessBg,\r\n t.btnSuccessBgStart,\r\n t.btnSuccessBgEnd,\r\n t.btnSuccessTextColor,\r\n t.btnSuccessBorderColor,\r\n t.btnSuccessBorderBottomColor,\r\n t.btnBorderWidth,\r\n cssName(styles.checked(t)),\r\n cssName(styles.arrowHelper()),\r\n )};\r\n\r\n ${buttonHoverMixin(\r\n t.btnSuccessHoverBg,\r\n t.btnSuccessHoverBgStart,\r\n t.btnSuccessHoverBgEnd,\r\n t.btnSuccessHoverBorderColor,\r\n t.btnSuccessHoverBorderBottomColor,\r\n t.btnBorderWidth,\r\n cssName(styles.arrowHelper()),\r\n )};\r\n\r\n ${buttonActiveMixin(\r\n t.btnSuccessActiveBg,\r\n t.btnSuccessActiveShadow,\r\n t.btnSuccessActiveBorderColor,\r\n t.btnSuccessActiveBorderTopColor,\r\n t.btnBorderWidth,\r\n cssName(styles.active(t)),\r\n cssName(styles.arrowHelper()),\r\n cssName(styles.arrowHelperTop()),\r\n t.btnArrowBgImageActive,\r\n )};\r\n }\r\n `;\r\n },\r\n\r\n danger(t: Theme) {\r\n return css`\r\n ${cssName(styles.root(t))}& {\r\n ${buttonUseMixin(\r\n t.btnDangerBg,\r\n t.btnDangerBgStart,\r\n t.btnDangerBgEnd,\r\n t.btnDangerTextColor,\r\n t.btnDangerBorderColor,\r\n t.btnDangerBorderBottomColor,\r\n t.btnBorderWidth,\r\n cssName(styles.checked(t)),\r\n cssName(styles.arrowHelper()),\r\n )};\r\n\r\n ${buttonHoverMixin(\r\n t.btnDangerHoverBg,\r\n t.btnDangerHoverBgStart,\r\n t.btnDangerHoverBgEnd,\r\n t.btnDangerHoverBorderColor,\r\n t.btnDangerHoverBorderBottomColor,\r\n t.btnBorderWidth,\r\n cssName(styles.arrowHelper()),\r\n )};\r\n\r\n ${buttonActiveMixin(\r\n t.btnDangerActiveBg,\r\n t.btnDangerActiveShadow,\r\n t.btnDangerActiveBorderColor,\r\n t.btnDangerActiveBorderTopColor,\r\n t.btnBorderWidth,\r\n cssName(styles.active(t)),\r\n cssName(styles.arrowHelper()),\r\n cssName(styles.arrowHelperTop()),\r\n t.btnArrowBgImageActive,\r\n )};\r\n }\r\n `;\r\n },\r\n\r\n pay(t: Theme) {\r\n return css`\r\n ${cssName(styles.root(t))}& {\r\n ${buttonUseMixin(\r\n t.btnPayBg,\r\n t.btnPayBgStart,\r\n t.btnPayBgEnd,\r\n t.btnPayTextColor,\r\n t.btnPayBorderColor,\r\n t.btnPayBorderBottomColor,\r\n t.btnBorderWidth,\r\n cssName(styles.checked(t)),\r\n cssName(styles.arrowHelper()),\r\n )};\r\n\r\n ${buttonHoverMixin(\r\n t.btnPayHoverBg,\r\n t.btnPayHoverBgStart,\r\n t.btnPayHoverBgEnd,\r\n t.btnPayHoverBorderColor,\r\n t.btnPayHoverBorderBottomColor,\r\n t.btnBorderWidth,\r\n cssName(styles.arrowHelper()),\r\n )};\r\n\r\n ${buttonActiveMixin(\r\n t.btnPayActiveBg,\r\n t.btnPayActiveShadow,\r\n t.btnPayActiveBorderColor,\r\n t.btnPayActiveBorderTopColor,\r\n t.btnBorderWidth,\r\n cssName(styles.active(t)),\r\n cssName(styles.arrowHelper()),\r\n cssName(styles.arrowHelperTop()),\r\n t.btnArrowBgImageActive,\r\n )};\r\n }\r\n `;\r\n },\r\n\r\n checked(t: Theme) {\r\n return css`\r\n background-image: none !important;\r\n box-shadow: ${t.btnCheckedShadow} !important;\r\n background-color: ${t.btnCheckedBg} !important;\r\n color: ${t.btnCheckedTextColor} !important;\r\n border-color: ${t.btnDefaultCheckedBorderColor} !important;\r\n\r\n &:not(${cssName(styles.link(t))}) {\r\n ${cssName(styles.caption())} {\r\n transform: translateY(1px) !important;\r\n }\r\n }\r\n\r\n &:not(${cssName(styles.link(t))})${cssName(styles.disabled(t))} {\r\n box-shadow: ${t.btnCheckedDisabledShadow} !important;\r\n background-color: ${t.btnCheckedDisabledBg} !important;\r\n color: ${t.btnCheckedDisabledColor} !important;\r\n border-color: ${t.btnCheckedDisabledBorderColor} !important;\r\n\r\n ${cssName(styles.arrowHelper())} {\r\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnCheckedDisabledBorderColor} !important;\r\n\r\n &${cssName(styles.arrowHelperTop())} {\r\n background-image: none !important;\r\n }\r\n }\r\n }\r\n\r\n &,\r\n &:not(${cssName(styles.focus(t))}) {\r\n ${cssName(styles.arrowHelper())} {\r\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor} !important;\r\n\r\n &${cssName(styles.arrowHelperTop())} {\r\n background-image: ${t.btnArrowBgImageChecked} !important;\r\n }\r\n }\r\n }\r\n `;\r\n },\r\n\r\n active(t: Theme) {\r\n return css`\r\n &:not(${cssName(styles.link(t))}):not(${cssName(styles.disabled(t))}) {\r\n ${cssName(styles.caption())} {\r\n transform: translateY(1px) !important;\r\n }\r\n }\r\n `;\r\n },\r\n\r\n caption() {\r\n return css`\r\n position: relative;\r\n white-space: nowrap;\r\n display: inline-block;\r\n width: 100%;\r\n vertical-align: top;\r\n `;\r\n },\r\n\r\n wrap(t: Theme) {\r\n return css`\r\n box-sizing: border-box;\r\n display: inline-block;\r\n `;\r\n },\r\n\r\n narrow() {\r\n return css`\r\n padding-left: 5px !important;\r\n padding-right: 5px !important;\r\n `;\r\n },\r\n\r\n noPadding() {\r\n return css`\r\n padding-left: 0 !important;\r\n padding-right: 0 !important;\r\n `;\r\n },\r\n\r\n noRightPadding() {\r\n return css`\r\n padding-right: 0 !important;\r\n `;\r\n },\r\n\r\n iconNoRightPadding() {\r\n return css`\r\n padding-right: 0 !important;\r\n `;\r\n },\r\n\r\n iconLink(t: Theme) {\r\n return css`\r\n padding-right: ${t.btnLinkIconMarginRight} !important;\r\n `;\r\n },\r\n\r\n wrapLink(t: Theme) {\r\n return css`\r\n ${styles.wrap(t)};\r\n\r\n padding: 0;\r\n `;\r\n },\r\n\r\n wrapArrow() {\r\n return css`\r\n margin-right: 10px;\r\n `;\r\n },\r\n\r\n wrapArrowLeft() {\r\n return css`\r\n margin-right: 0;\r\n margin-left: 10px;\r\n `;\r\n },\r\n\r\n icon() {\r\n return css`\r\n display: inline-block;\r\n `;\r\n },\r\n iconSmall(t: Theme) {\r\n return css`\r\n width: ${t.btnIconSizeSmall};\r\n padding-right: ${t.btnIconGapSmall};\r\n `;\r\n },\r\n iconMedium(t: Theme) {\r\n return css`\r\n width: ${t.btnIconSizeMedium};\r\n padding-right: ${t.btnIconGapMedium};\r\n `;\r\n },\r\n iconLarge(t: Theme) {\r\n return css`\r\n width: ${t.btnIconSizeLarge};\r\n padding-right: ${t.btnIconGapLarge};\r\n `;\r\n },\r\n\r\n borderless(t: Theme) {\r\n const focus = cssName(styles.focus(t));\r\n const disabled = cssName(styles.disabled(t));\r\n const checked = cssName(styles.checked(t));\r\n const active = cssName(styles.active(t));\r\n\r\n return css`\r\n &:not(${focus}):not(${disabled}):not(${active}):not(${checked}) {\r\n &,\r\n &:hover,\r\n &:active {\r\n border-color: transparent;\r\n }\r\n }\r\n `;\r\n },\r\n\r\n loading() {\r\n return css`\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n border-radius: inherit;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 10;\r\n `;\r\n },\r\n\r\n visibilityHidden() {\r\n return css`\r\n visibility: hidden;\r\n `;\r\n },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
1	+ {"version":3,"sources":["Button.styles.ts"],"names":["css","memoizeStyle","prefix","resetButton","resetText","isFirefox","buttonUseMixin","buttonHoverMixin","buttonActiveMixin","buttonSizeMixin","arrowOutlineMixin","buttonSizeMixinIE11","globalClasses","arrowHelper","arrowHelperTop","arrowHelperBottom","caption","innerShadow","styles","root","t","btnBackgroundClip","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","link","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","activeStyles","linkFocus","linkDisabled","btnLinkDisabledColor","focus","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","disabled","btnBorderWidth","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","arrowWarning","arrowError","arrowFocus","arrow","arrowLeft","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","checked","checkedStyles","btnDefaultCheckedBorderColor","btnCheckedBg","btnCheckedTextColor","btnCheckedShadow","btnArrowBgImageChecked","checkedFocused","checkedDisabled","btnCheckedDisabledBorderColor","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledShadow","captionLink","captionTranslated","captionDisabled","wrap","wrapSmall","btnHeightSmall","wrapMedium","btnHeightMedium","wrapLarge","btnHeightLarge","narrow","noPadding","noRightPadding","iconNoRightMargin","iconLink","btnLinkIconMarginRight","wrapLink","wrapArrow","wrapArrowLeft","icon","iconSmall","btnIconSizeSmall","btnIconGapSmall","iconMedium","btnIconSizeMedium","btnIconGapMedium","iconLarge","btnIconSizeLarge","btnIconGapLarge","borderless","loading","visibilityHidden","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnArrowBgImageActive","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","btnLinkActiveColor"],"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 caption: 'caption',\n innerShadow: 'inner-shadow',\n});\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n ${resetButton()};\n ${resetText()};\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 &:active:enabled .${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 `;\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 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 line-height: inherit !important; // override size mixin\n margin: 0;\n padding: 0 !important; // override size mixin\n height: auto !important; // override size mixin\n\n &:hover:enabled {\n color: ${t.btnLinkHoverColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n }\n &:active:enabled {\n ${activeStyles.link(t)}\n }\n `;\n },\n\n linkFocus(t: Theme) {\n return css`\n color: ${t.btnLinkColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\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};\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 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 ${buttonHoverMixin(\n t.btnDefaultHoverBg,\n t.btnDefaultHoverBgStart,\n t.btnDefaultHoverBgEnd,\n t.btnDefaultHoverBorderColor,\n t.btnDefaultHoverBorderBottomColor,\n t.btnBorderWidth,\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 ${buttonHoverMixin(\n t.btnPrimaryHoverBg,\n t.btnPrimaryHoverBgStart,\n t.btnPrimaryHoverBgEnd,\n t.btnPrimaryHoverBorderColor,\n t.btnPrimaryHoverBorderBottomColor,\n t.btnBorderWidth,\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 ${buttonHoverMixin(\n t.btnSuccessHoverBg,\n t.btnSuccessHoverBgStart,\n t.btnSuccessHoverBgEnd,\n t.btnSuccessHoverBorderColor,\n t.btnSuccessHoverBorderBottomColor,\n t.btnBorderWidth,\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 ${buttonHoverMixin(\n t.btnDangerHoverBg,\n t.btnDangerHoverBgStart,\n t.btnDangerHoverBgEnd,\n t.btnDangerHoverBorderColor,\n t.btnDangerHoverBorderBottomColor,\n t.btnBorderWidth,\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 ${buttonHoverMixin(\n t.btnPayHoverBg,\n t.btnPayHoverBgStart,\n t.btnPayHoverBgEnd,\n t.btnPayHoverBorderColor,\n t.btnPayHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:active:enabled {\n ${activeStyles.pay(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 checkedFocused(t: Theme) {\n return css`\n &:hover:enabled {\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus};\n border-color: ${t.btnBorderColorFocus};\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 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 &,\n &:hover:enabled,\n &:active:enabled {\n box-shadow: none;\n .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n box-shadow: none;\n }\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 &:hover:enabled {\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 &:hover:enabled {\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 &:hover:enabled {\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 &:hover:enabled {\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 &:hover:enabled {\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 &:hover:enabled {\n color: ${t.btnLinkActiveColor};\n }\n `;\n },\n});\n"]}

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

@@ -1,45 +1,72 @@
 import { Theme } from '../../lib/theming/Theme';
-export declare const jsStyles: {
+export declare const globalClasses: {
+    arrowHelper: string;
+    arrowHelperTop: string;
+    arrowHelperBottom: string;
+    caption: string;
+    innerShadow: string;
+};
+export declare const styles: {
     root(t: Theme): string;
-    warning(t: Theme): string;
-    error(t: Theme): 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;
     link(t: Theme): string;
+    linkFocus(t: Theme): string;
+    linkDisabled(t: Theme): string;
     focus(t: Theme): string;
     disabled(t: Theme): string;
-    fallback(t: Theme): string;
     arrowWarning(t: Theme): string;
     arrowError(t: Theme): string;
     arrowFocus(t: Theme): string;
     arrow(): string;
     arrowLeft(): string;
-    arrowHelper(): string;
-    arrowHelperTop(): string;
-    arrowHelperBottom(): string;
     default(t: Theme): string;
     primary(t: Theme): string;
     success(t: Theme): string;
     danger(t: Theme): string;
     pay(t: Theme): string;
     checked(t: Theme): string;
-    active(t: Theme): string;
+    checkedFocused(t: Theme): string;
+    checkedDisabled(t: Theme): string;
     caption(): string;
+    captionLink(): string;
+    captionTranslated(): string;
+    captionDisabled(): string;
     wrap(t: Theme): string;
+    wrapSmall(t: Theme): string;
+    wrapMedium(t: Theme): string;
+    wrapLarge(t: Theme): string;
     narrow(): string;
     noPadding(): string;
     noRightPadding(): string;
-    iconNoRightPadding(): string;
+    iconNoRightMargin(): string;
     iconLink(t: Theme): string;
-    wrapLink(t: Theme): string;
+    wrapLink(): string;
     wrapArrow(): string;
     wrapArrowLeft(): string;
     icon(): string;
     iconSmall(t: Theme): string;
     iconMedium(t: Theme): string;
     iconLarge(t: Theme): string;
-    borderless(t: Theme): string;
+    borderless(): 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;
+};

package/components/Button/index/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd","sourcesContent":["export * from './Button';\r\n"]}
1	+ {"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd","sourcesContent":["export * from './Button';\n"]}