npm - @skbkontur/react-ui - Versions diffs - 0.0.0-c91b3db3f4 → 0.0.0-cb270e7a13 - Mend

@skbkontur/react-ui 0.0.0-c91b3db3f4 → 0.0.0-cb270e7a13

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 (1804) hide show

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

@@ -1,141 +1,187 @@
 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;
-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'
+});
+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      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        transform: translateY(1px);\n      }\n    "])), resetButton(), resetText(), t.btnBackgroundClip, t.btnBorderWidth, 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.btnHeightSmall, 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.btnHeightMedium, 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.btnHeightLarge, 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 {\n        color: ", ";\n        text-decoration: ", ";\n      }\n      &:active {\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,\n      &:active {\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,\n      &:active,\n      &:active:hover {\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);
   },
   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      border-color: ", ";\n\n      background-image: none;\n      background-color: ", ";\n      color: ", ";\n      box-shadow: none;\n\n      .", " {\n        box-shadow: ", " 0 0 0 ", ";\n      }\n    "])), 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 {\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 {\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 {\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 {\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 {\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: " + t.btnCheckedShadow + ";\n      background-color: " + t.btnCheckedBg + ";\n      color: " + t.btnCheckedTextColor + ";\n      border-color: " + t.btnDefaultCheckedBorderColor + ";\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,\n      &:active,\n      &:hover:active {\n        ", "\n      }\n    "])), checkedStyles, checkedStyles);
   },
-  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(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n      box-shadow: ", ";\n      background-color: ", ";\n      color: ", ";\n      border-color: ", ";\n\n      .", " {\n        box-shadow: ", " 0 0 ", ";\n\n        &.", " {\n          background-image: none;\n        }\n      }\n    "])), t.btnCheckedDisabledShadow, t.btnCheckedDisabledBg, t.btnCheckedDisabledColor, t.btnCheckedDisabledBorderColor, 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(_templateObject31 || (_templateObject31 = _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(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n      display: inline;\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    "])));
+  captionTranslated: function captionTranslated() {
+    return css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n      transform: translateY(1px);\n    "])));
+  },
+  captionDisabled: function captionDisabled() {
+    return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n      transform: none !important; // override root:active style\n    "])));
+  },
+  wrap: function wrap() {
+    return css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n      box-sizing: border-box;\n      display: inline-block;\n      line-height: normal;\n    "])));
   },
   narrow: function narrow() {
-    return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n      padding-left: 5px !important;\n      padding-right: 5px !important;\n    "])));
+    return css(_templateObject36 || (_templateObject36 = _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(_templateObject37 || (_templateObject37 = _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(_templateObject38 || (_templateObject38 = _taggedTemplateLiteralLoose(["\n      padding-right: 0;\n    "])));
   },
   iconNoRightPadding: function iconNoRightPadding() {
-    return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n      padding-right: 0 !important;\n    "])));
+    return css(_templateObject39 || (_templateObject39 = _taggedTemplateLiteralLoose(["\n      padding-right: 0;\n    "])));
   },
   iconLink: function iconLink(t) {
-    return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n      padding-right: ", " !important;\n    "])), t.btnLinkIconMarginRight);
+    return css(_templateObject40 || (_templateObject40 = _taggedTemplateLiteralLoose(["\n      padding-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(_templateObject41 || (_templateObject41 = _taggedTemplateLiteralLoose(["\n      padding: 0;\n    "])));
   },
   wrapArrow: function wrapArrow() {
-    return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n      margin-right: 10px;\n    "])));
+    return css(_templateObject42 || (_templateObject42 = _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(_templateObject43 || (_templateObject43 = _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(_templateObject44 || (_templateObject44 = _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(_templateObject45 || (_templateObject45 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      padding-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(_templateObject46 || (_templateObject46 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      padding-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(_templateObject47 || (_templateObject47 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      padding-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(_templateObject48 || (_templateObject48 = _taggedTemplateLiteralLoose(["\n      &,\n      &:hover,\n      &:active {\n        border-color: transparent;\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(_templateObject49 || (_templateObject49 = _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(_templateObject50 || (_templateObject50 = _taggedTemplateLiteralLoose(["\n      visibility: hidden;\n    "])));
+  }
+});
+export var activeStyles = memoizeStyle({
+  "default": function _default(t) {
+    return css(_templateObject51 || (_templateObject51 = _taggedTemplateLiteralLoose(["\n      &,\n      &:hover {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnDefaultActiveBg, t.btnDefaultActiveShadow, t.btnDefaultActiveBorderColor, t.btnDefaultActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
+  },
+  primary: function primary(t) {
+    return css(_templateObject52 || (_templateObject52 = _taggedTemplateLiteralLoose(["\n      &,\n      &:hover {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnPrimaryActiveBg, t.btnPrimaryActiveShadow, t.btnPrimaryActiveBorderColor, t.btnPrimaryActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
+  },
+  success: function success(t) {
+    return css(_templateObject53 || (_templateObject53 = _taggedTemplateLiteralLoose(["\n      &,\n      &:hover {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnSuccessActiveBg, t.btnSuccessActiveShadow, t.btnSuccessActiveBorderColor, t.btnSuccessActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
+  },
+  danger: function danger(t) {
+    return css(_templateObject54 || (_templateObject54 = _taggedTemplateLiteralLoose(["\n      &,\n      &:hover {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnDangerActiveBg, t.btnDangerActiveShadow, t.btnDangerActiveBorderColor, t.btnDangerActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
+  },
+  pay: function pay(t) {
+    return css(_templateObject55 || (_templateObject55 = _taggedTemplateLiteralLoose(["\n      &,\n      &:hover {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnPayActiveBg, t.btnPayActiveShadow, t.btnPayActiveBorderColor, t.btnPayActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
+  },
+  link: function link(t) {
+    return css(_templateObject56 || (_templateObject56 = _taggedTemplateLiteralLoose(["\n      &,\n      &:hover {\n        color: ", ";\n      }\n    "])), t.linkActiveColor);
   }
-};
-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","styles","root","t","btnBackgroundClip","btnBorderWidth","outline","outlineWarning","btnOutlineWidth","btnBorderColorWarning","btnInsetWidth","btnInsetColor","outlineError","btnBorderColorError","outlineLink","outlineLinkWarning","btnWarningSecondary","outlineLinkError","btnErrorSecondary","sizeSmall","btnBorderRadiusSmall","btnFontSizeSmall","btnHeightSmall","btnLineHeightSmall","btnPaddingXSmall","btnPaddingYSmall","fontFamilyCompensationBaseline","sizeSmallIE11","sizeMedium","btnBorderRadiusMedium","btnFontSizeMedium","btnHeightMedium","btnLineHeightMedium","btnPaddingXMedium","btnPaddingYMedium","sizeMediumIE11","sizeLarge","btnBorderRadiusLarge","btnFontSizeLarge","btnHeightLarge","btnLineHeightLarge","btnPaddingXLarge","btnPaddingYLarge","sizeLargeIE11","link","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","activeStyles","linkFocus","linkDisabled","btnLinkDisabledColor","focus","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","disabled","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","btnCheckedShadow","btnCheckedBg","btnCheckedTextColor","btnDefaultCheckedBorderColor","btnArrowBgImageChecked","checkedDisabled","btnCheckedDisabledShadow","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledBorderColor","captionLink","captionTranslated","captionDisabled","wrap","narrow","noPadding","noRightPadding","iconNoRightPadding","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","linkActiveColor"],"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});\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 border: ${t.btnBorderWidth} 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 .${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.btnHeightSmall,\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.btnHeightMedium,\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.btnHeightLarge,\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 {\n color: ${t.btnLinkHoverColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n }\n &:active {\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,\n &:active {\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,\n &:active,\n &:active:hover {\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 disabled(t: Theme) {\n return css`\n cursor: default;\n pointer-events: none;\n border-color: ${t.btnDisabledBorderColor};\n\n background-image: none;\n background-color: ${t.btnDisabledBg};\n color: ${t.btnDisabledTextColor};\n box-shadow: none;\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 {\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 {\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 {\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 {\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 {\n ${activeStyles.pay(t)}\n }\n `;\n },\n\n checked(t: Theme) {\n const checkedStyles = `\n background-image: none;\n box-shadow: ${t.btnCheckedShadow};\n background-color: ${t.btnCheckedBg};\n color: ${t.btnCheckedTextColor};\n border-color: ${t.btnDefaultCheckedBorderColor};\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,\n &:active,\n &:hover:active {\n ${checkedStyles}\n }\n `;\n },\n\n checkedDisabled(t: Theme) {\n return css`\n box-shadow: ${t.btnCheckedDisabledShadow};\n background-color: ${t.btnCheckedDisabledBg};\n color: ${t.btnCheckedDisabledColor};\n border-color: ${t.btnCheckedDisabledBorderColor};\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() {\n return css`\n box-sizing: border-box;\n display: inline-block;\n line-height: normal;\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 iconNoRightPadding() {\n return css`\n padding-right: 0;\n `;\n },\n\n iconLink(t: Theme) {\n return css`\n padding-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 padding-right: ${t.btnIconGapSmall};\n `;\n },\n iconMedium(t: Theme) {\n return css`\n width: ${t.btnIconSizeMedium};\n padding-right: ${t.btnIconGapMedium};\n `;\n },\n iconLarge(t: Theme) {\n return css`\n width: ${t.btnIconSizeLarge};\n padding-right: ${t.btnIconGapLarge};\n `;\n },\n\n borderless() {\n return css`\n &,\n &:hover,\n &:active {\n border-color: transparent;\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 {\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 {\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 {\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 {\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 {\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 {\n color: ${t.linkActiveColor};\n }\n `;\n },\n});\n"]}

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

@@ -1,45 +1,67 @@
 import { Theme } from '../../lib/theming/Theme';
-export declare const jsStyles: {
+export declare const globalClasses: {
+    arrowHelper: string;
+    arrowHelperTop: string;
+    arrowHelperBottom: string;
+    caption: 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;
+    checkedDisabled(t: Theme): string;
     caption(): string;
-    wrap(t: Theme): string;
+    captionLink(): string;
+    captionTranslated(): string;
+    captionDisabled(): string;
+    wrap(): string;
     narrow(): string;
     noPadding(): string;
     noRightPadding(): string;
     iconNoRightPadding(): 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/Corners/Corners.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Corners.ts"],"names":["Corners","TOP_LEFT","TOP_RIGHT","BOTTOM_RIGHT","BOTTOM_LEFT"],"mappings":"AAAA,OAAO,IAAMA,OAAO,GAAG;AACrBC,EAAAA,QAAQ,EAAE,CADW;AAErBC,EAAAA,SAAS,EAAE,CAFU;AAGrBC,EAAAA,YAAY,EAAE,CAHO;AAIrBC,EAAAA,WAAW,EAAE,CAJQ,EAAhB","sourcesContent":["export const Corners = {\r\n TOP_LEFT: 1,\r\n TOP_RIGHT: 2,\r\n BOTTOM_RIGHT: 4,\r\n BOTTOM_LEFT: 8,\r\n};\r\n"]}
1	+ {"version":3,"sources":["Corners.ts"],"names":["Corners","TOP_LEFT","TOP_RIGHT","BOTTOM_RIGHT","BOTTOM_LEFT"],"mappings":"AAAA,OAAO,IAAMA,OAAO,GAAG;AACrBC,EAAAA,QAAQ,EAAE,CADW;AAErBC,EAAAA,SAAS,EAAE,CAFU;AAGrBC,EAAAA,YAAY,EAAE,CAHO;AAIrBC,EAAAA,WAAW,EAAE,CAJQ,EAAhB","sourcesContent":["export const Corners = {\n TOP_LEFT: 1,\n TOP_RIGHT: 2,\n BOTTOM_RIGHT: 4,\n BOTTOM_LEFT: 8,\n};\n"]}

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"]}