@skbkontur/react-ui 1.12.2 → 2.0.0-beta.4

package/components/Button/Button.styles.js

@@ -1,83 +1,266 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var Emotion_1 = require("../../lib/theming/Emotion");
-var Button_module_less_1 = tslib_1.__importDefault(require("./Button.module.css"));
-var Mixins_1 = require("../../lib/styles/Mixins");
-var Button_mixins_1 = require("./Button.mixins");
-var jsClasses = {
-  root: function root(t) {
-    return Emotion_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n      ", ";\n      ", ";\n\n      width: 100%;\n      text-align: center;\n      color: ", ";\n      border-radius: ", ";\n    "], ["\n      ", ";\n      ", ";\n\n      width: 100%;\n      text-align: center;\n      color: ", ";\n      border-radius: ", ";\n    "])), Mixins_1.resetButton(), Mixins_1.resetText(), t.textColorDefault, t.btnBorderRadius);
-  },
-  warning: function warning(t) {
-    return Emotion_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n      .", ":not(.", ") & {\n        box-shadow: 0 0 0 2px ", ";\n      }\n    "], ["\n      .", ":not(.", ") & {\n        box-shadow: 0 0 0 2px ", ";\n      }\n    "])), Button_module_less_1["default"].root, Button_module_less_1["default"].link, t.borderColorWarning);
-  },
-  error: function error(t) {
-    return Emotion_1.css(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n      .", ":not(.", ") & {\n        box-shadow: 0 0 0 2px ", ";\n      }\n      .", " .", ".", " & {\n        background: ", ";\n      }\n    "], ["\n      .", ":not(.", ") & {\n        box-shadow: 0 0 0 2px ", ";\n      }\n      .", " .", ".", " & {\n        background: ", ";\n      }\n    "])), Button_module_less_1["default"].root, Button_module_less_1["default"].link, t.borderColorError, Button_module_less_1["default"].wrap, Button_module_less_1["default"].root, Button_module_less_1["default"].link, t.errorSecondary);
-  },
-  sizeSmall: function sizeSmall(t) {
-    return Emotion_1.css(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n      border-radius: ", ";\n\n      ", ";\n\n      .", " {\n        right: ", ";\n        height: ", ";\n        width: ", ";\n        border-radius: ", ";\n      }\n\n      .", " {\n        left: ", ";\n      }\n    "], ["\n      border-radius: ", ";\n\n      ",
-    ";\n\n      .", " {\n        right: ", ";\n        height: ", ";\n        width: ", ";\n        border-radius: ", ";\n      }\n\n      .", " {\n        left: ", ";\n      }\n    "])), t.btnSmallBorderRadius, Button_mixins_1.buttonSizeMixin(t.btnFontSizeSmall, t.controlHeightSmall, t.btnHeightShift, t.controlLineHeightSmall, t.btnPaddingXSmall, t.btnPaddingYSmall), Button_module_less_1["default"].arrow, t.btnSmallArrowRight, t.btnSmallArrowLength, t.btnSmallArrowLength, t.btnSmallArrowBorderRadius, Button_module_less_1["default"].arrow_left, t.btnSmallArrowLeft);
-  },
-  sizeMedium: function sizeMedium(t) {
-    return Emotion_1.css(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n      ", ";\n\n      .", " {\n        transform: ", ";\n      }\n\n      .", " {\n        left: ", ";\n      }\n\n      .", ".", "::before {\n        left: ", ";\n      }\n    "], ["\n      ",
-    ";\n\n      .", " {\n        transform: ", ";\n      }\n\n      .", " {\n        left: ", ";\n      }\n\n      .", ".", "::before {\n        left: ", ";\n      }\n    "])), Button_mixins_1.buttonSizeMixin(t.btnFontSizeMedium, t.controlHeightMedium, t.btnHeightShift, t.controlLineHeightMedium, t.btnPaddingXMedium, t.btnPaddingYMedium), Button_module_less_1["default"].arrow, t.btnMediumArrowTransform, Button_module_less_1["default"].arrow_left, t.btnMediumArrowLeft, Button_module_less_1["default"].arrow_left, Button_module_less_1["default"].arrow_loading, t.btnMediumArrowLeftLoadingLeft);
-  },
-  sizeLarge: function sizeLarge(t) {
-    return Emotion_1.css(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["\n      ", ";\n\n      .", " {\n        transform: ", ";\n      }\n\n      .", " {\n        left: ", ";\n      }\n\n      .", ".", "::before {\n        background: ", ";\n      }\n    "], ["\n      ",
-    ";\n\n      .", " {\n        transform: ", ";\n      }\n\n      .", " {\n        left: ", ";\n      }\n\n      .", ".", "::before {\n        background: ", ";\n      }\n    "])), Button_mixins_1.buttonSizeMixin(t.btnFontSizeLarge, t.controlHeightLarge, t.btnHeightShift, t.controlLineHeightLarge, t.btnPaddingXLarge, t.btnPaddingYLarge), Button_module_less_1["default"].arrow, t.btnLargeArrowTransform, Button_module_less_1["default"].arrow_left, t.btnLargeArrowLeft, Button_module_less_1["default"].arrow, Button_module_less_1["default"].arrow_loading, t.btnLargeArrowBg);
-  },
-  link: function link(t) {
-    return Emotion_1.css(templateObject_7 || (templateObject_7 = tslib_1.__makeTemplateObject(["\n      &.", " {\n        color: ", ";\n        border-radius: ", ";\n\n        &:hover {\n          color: ", ";\n          text-decoration: ", ";\n        }\n        &:active {\n          color: ", ";\n        }\n      }\n    "], ["\n      &.", " {\n        color: ", ";\n        border-radius: ", ";\n\n        &:hover {\n          color: ", ";\n          text-decoration: ", ";\n        }\n        &:active {\n          color: ", ";\n        }\n      }\n    "])), Button_module_less_1["default"].link, t.linkColor, t.btnLinkBorderRadius, t.linkHoverColor, t.linkHoverTextDecoration, t.linkActiveColor);
-  },
-  focus: function focus(t) {
-    return Emotion_1.css(templateObject_8 || (templateObject_8 = tslib_1.__makeTemplateObject(["\n      .", "& {\n        color: ", ";\n        text-decoration: ", ";\n      }\n\n      &.", ":not(.", "):not(.", "):not(.", ") {\n        border: ", ";\n\n        &,\n        &:hover,\n        &:active,\n        &.", ",\n        &.", " {\n          box-shadow: inset 0 0 0 1px ", ", 0 0 0 ", " ", ";\n\n          &.", ",\n          &.", " {\n            box-shadow: inset 0 0 0 1px ", ";\n          }\n\n          .", " {\n            box-shadow: inset -1px 1px 0 0 ", ", 2px -2px 0 0 ", ";\n\n            &.", " {\n              box-shadow: inset -1px 1px 0 0 ", ", 2px -2px 0 0 ", ";\n            }\n\n            &.", " {\n              box-shadow: inset -1px 1px 0 0 ", ", 2px -2px 0 0 ", ";\n            }\n          }\n        }\n      }\n    "], ["\n      .", "& {\n        color: ", ";\n        text-decoration: ", ";\n      }\n\n      &.", ":not(.", "):not(.", "):not(.", ") {\n        border: ", ";\n\n        &,\n        &:hover,\n        &:active,\n        &.", ",\n        &.", " {\n          box-shadow: inset 0 0 0 1px ", ", 0 0 0 ", " ", ";\n\n          &.", ",\n          &.", " {\n            box-shadow: inset 0 0 0 1px ", ";\n          }\n\n          .", " {\n            box-shadow: inset -1px 1px 0 0 ", ", 2px -2px 0 0 ", ";\n\n            &.", " {\n              box-shadow: inset -1px 1px 0 0 ", ", 2px -2px 0 0 ", ";\n            }\n\n            &.", " {\n              box-shadow: inset -1px 1px 0 0 ", ", 2px -2px 0 0 ", ";\n            }\n          }\n        }\n      }\n    "])), Button_module_less_1["default"].link, t.linkColor, t.linkHoverTextDecoration, Button_module_less_1["default"].root, Button_module_less_1["default"].disabled, Button_module_less_1["default"].loading, Button_module_less_1["default"].link, t.btnFocusBorder, Button_module_less_1["default"].active, Button_module_less_1["default"].checked, t.outlineColorFocus, t.btnFocusShadowWidth, t.borderColorFocus, Button_module_less_1["default"].warningRoot, Button_module_less_1["default"].errorRoot, t.outlineColorFocus, Button_module_less_1["default"].arrow, t.outlineColorFocus, t.borderColorFocus, Button_module_less_1["default"].arrow_warning, t.outlineColorFocus, t.borderColorWarning, Button_module_less_1["default"].arrow_error, t.outlineColorFocus, t.borderColorError);
-  },
-  disabled: function disabled(t) {
-    return Emotion_1.css(templateObject_9 || (templateObject_9 = tslib_1.__makeTemplateObject(["\n      .", " .", "&:not(.", ") {\n        background: ", ";\n        color: ", ";\n        box-shadow: ", ";\n\n        .", " {\n          background: ", ";\n          box-shadow: ", ";\n\n          &.", " {\n            box-shadow: 2px -2px 0 0 ", ";\n          }\n\n          &.", " {\n            box-shadow: 2px -2px 0 0 ", ";\n          }\n        }\n      }\n\n      .", " &.", ".", " {\n        color: ", ";\n      }\n    "], ["\n      .", " .", "&:not(.", ") {\n        background: ", ";\n        color: ", ";\n        box-shadow: ", ";\n\n        .", " {\n          background: ", ";\n          box-shadow: ", ";\n\n          &.", " {\n            box-shadow: 2px -2px 0 0 ", ";\n          }\n\n          &.", " {\n            box-shadow: 2px -2px 0 0 ", ";\n          }\n        }\n      }\n\n      .", " &.", ".", " {\n        color: ", ";\n      }\n    "])), Button_module_less_1["default"].wrap, Button_module_less_1["default"].root, Button_module_less_1["default"].link, t.btnDisabledBg, t.btnDisabledTextColor, t.btnDisabledShadow, Button_module_less_1["default"].arrow, t.btnDisabledBg, t.btnDisabledShadowArrow, Button_module_less_1["default"].arrow_warning, t.borderColorWarning, Button_module_less_1["default"].arrow_error, t.borderColorError, Button_module_less_1["default"].wrap, Button_module_less_1["default"].root, Button_module_less_1["default"].link, t.linkDisabledColor);
-  },
-  arrow_warning: function arrow_warning(t) {
-    return Emotion_1.css(templateObject_10 || (templateObject_10 = tslib_1.__makeTemplateObject(["\n      .", " .", " .", "& {\n        box-shadow: 2px -2px 0 0 ", ";\n      }\n    "], ["\n      .", " .", " .", "& {\n        box-shadow: 2px -2px 0 0 ", ";\n      }\n    "])), Button_module_less_1["default"].wrap, Button_module_less_1["default"].root, Button_module_less_1["default"].arrow, t.borderColorWarning);
-  },
-  arrow_error: function arrow_error(t) {
-    return Emotion_1.css(templateObject_11 || (templateObject_11 = tslib_1.__makeTemplateObject(["\n      .", " .", " .", "& {\n        box-shadow: 2px -2px 0 0 ", ";\n      }\n    "], ["\n      .", " .", " .", "& {\n        box-shadow: 2px -2px 0 0 ", ";\n      }\n    "])), Button_module_less_1["default"].wrap, Button_module_less_1["default"].root, Button_module_less_1["default"].arrow, t.borderColorError);
-  },
-  "default": function _default(t) {
-    return Emotion_1.css(templateObject_12 || (templateObject_12 = tslib_1.__makeTemplateObject(["\n      ", ";\n\n      ", ";\n\n      ", ";\n\n      &.", ".", " {\n        &,\n        &:not(.", "):hover {\n          .", " {\n            box-shadow: ", ";\n          }\n          .", " {\n            box-shadow: ", ";\n          }\n        }\n      }\n    "], ["\n      ",
-    ";\n\n      ",
-    ";\n\n      ",
-    ";\n\n      &.", ".", " {\n        &,\n        &:not(.", "):hover {\n          .", " {\n            box-shadow: ", ";\n          }\n          .", " {\n            box-shadow: ", ";\n          }\n        }\n      }\n    "])), Button_mixins_1.buttonUseMixin(t.btnDefaultBg, t.btnDefaultBgStart, t.btnDefaultBgEnd, t.btnDefaultBgArrowStart, t.btnDefaultBgArrowEnd, t.btnDefaultShadow, t.btnDefaultShadowArrow, t.btnDefaultShadowArrowLeft, t.btnDefaultTextColor, t.btnDefaultBorder), Button_mixins_1.buttonHoverMixin(t.btnDefaultHoverBg, t.btnDefaultHoverBgStart, t.btnDefaultHoverBgEnd, t.btnDefaultHoverBgStart, t.btnDefaultHoverBgEnd, t.btnDefaultHoverShadow, t.btnDefaultHoverShadowArrow, t.btnDefaultHoverShadowArrowLeft, t.btnDefaultHoverBorder), Button_mixins_1.buttonActiveMixin(t.btnDefaultActiveBg, t.btnDefaultActiveBg, t.btnDefaultActiveBg, t.btnDefaultActiveShadow, t.btnDefaultActiveShadowArrow, t.btnDefaultActiveShadowArrowLeft), Button_module_less_1["default"].root, Button_module_less_1["default"].checked, Button_module_less_1["default"].focus, Button_module_less_1["default"].arrow, t.btnDefaultCheckedShadowArrow, Button_module_less_1["default"].arrow_left, t.btnDefaultCheckedShadowArrow);
-  },
-  primary: function primary(t) {
-    return Emotion_1.css(templateObject_13 || (templateObject_13 = tslib_1.__makeTemplateObject(["\n      ", ";\n\n      ", ";\n\n      ", ";\n    "], ["\n      ",
-    ";\n\n      ",
-    ";\n\n      ",
-    ";\n    "])), Button_mixins_1.buttonUseMixin(t.btnPrimaryBg, t.btnPrimaryBgStart, t.btnPrimaryBgEnd, t.btnPrimaryBgArrowStart, t.btnPrimaryBgArrowEnd, t.btnPrimaryShadow, t.btnPrimaryShadowArrow, t.btnPrimaryShadowArrowLeft, t.btnPrimaryTextColor, t.btnPrimaryBorder), Button_mixins_1.buttonHoverMixin(t.btnPrimaryHoverBg, t.btnPrimaryHoverBgStart, t.btnPrimaryHoverBgEnd, t.btnPrimaryHoverBgStart, t.btnPrimaryHoverBgEnd, t.btnPrimaryHoverShadow, t.btnPrimaryHoverShadowArrow, t.btnPrimaryHoverShadowArrowLeft, t.btnPrimaryHoverBorder), Button_mixins_1.buttonActiveMixin(t.btnPrimaryActiveBg, t.btnPrimaryActiveBg, t.btnPrimaryActiveBg, t.btnPrimaryActiveShadow, t.btnPrimaryActiveShadowArrow, t.btnPrimaryActiveShadowArrowLeft));
-  },
-  success: function success(t) {
-    return Emotion_1.css(templateObject_14 || (templateObject_14 = tslib_1.__makeTemplateObject(["\n      ", ";\n\n      ", ";\n\n      ", ";\n    "], ["\n      ",
-    ";\n\n      ",
-    ";\n\n      ",
-    ";\n    "])), Button_mixins_1.buttonUseMixin(t.btnSuccessBg, t.btnSuccessBgStart, t.btnSuccessBgEnd, t.btnSuccessBgArrowStart, t.btnSuccessBgArrowEnd, t.btnSuccessShadow, t.btnSuccessShadowArrow, t.btnSuccessShadowArrowLeft, t.btnSuccessTextColor, t.btnSuccessBorder), Button_mixins_1.buttonHoverMixin(t.btnSuccessHoverBg, t.btnSuccessHoverBgStart, t.btnSuccessHoverBgEnd, t.btnSuccessHoverBgStart, t.btnSuccessHoverBgEnd, t.btnSuccessHoverShadow, t.btnSuccessHoverShadowArrow, t.btnSuccessHoverShadowArrowLeft, t.btnSuccessHoverBorder), Button_mixins_1.buttonActiveMixin(t.btnSuccessActiveBg, t.btnSuccessActiveBg, t.btnSuccessActiveBg, t.btnSuccessActiveShadow, t.btnSuccessActiveShadowArrow, t.btnSuccessActiveShadowArrowLeft));
-  },
-  danger: function danger(t) {
-    return Emotion_1.css(templateObject_15 || (templateObject_15 = tslib_1.__makeTemplateObject(["\n      ", ";\n\n      ", ";\n\n      ", ";\n    "], ["\n      ",
-    ";\n\n      ",
-    ";\n\n      ",
-    ";\n    "])), Button_mixins_1.buttonUseMixin(t.btnDangerBg, t.btnDangerBgStart, t.btnDangerBgEnd, t.btnDangerBgArrowStart, t.btnDangerBgArrowEnd, t.btnDangerShadow, t.btnDangerShadowArrow, t.btnDangerShadowArrowLeft, t.btnDangerTextColor, t.btnDangerBorder), Button_mixins_1.buttonHoverMixin(t.btnDangerHoverBg, t.btnDangerHoverBgStart, t.btnDangerHoverBgEnd, t.btnDangerHoverBgStart, t.btnDangerHoverBgEnd, t.btnDangerHoverShadow, t.btnDangerHoverShadowArrow, t.btnDangerHoverShadowArrowLeft, t.btnDangerHoverBorder), Button_mixins_1.buttonActiveMixin(t.btnDangerActiveBg, t.btnDangerActiveBg, t.btnDangerActiveBg, t.btnDangerActiveShadow, t.btnDangerActiveShadowArrow, t.btnDangerActiveShadowArrowLeft));
-  },
-  pay: function pay(t) {
-    return Emotion_1.css(templateObject_16 || (templateObject_16 = tslib_1.__makeTemplateObject(["\n      ", ";\n\n      ", ";\n\n      ", ";\n    "], ["\n      ",
-    ";\n\n      ",
-    ";\n\n      ",
-    ";\n    "])), Button_mixins_1.buttonUseMixin(t.btnPayBg, t.btnPayBgStart, t.btnPayBgEnd, t.btnPayBgArrowStart, t.btnPayBgArrowEnd, t.btnPayShadow, t.btnPayShadowArrow, t.btnPayShadowArrowLeft, t.btnPayTextColor, t.btnPayBorder), Button_mixins_1.buttonHoverMixin(t.btnPayHoverBg, t.btnPayHoverBgStart, t.btnPayHoverBgEnd, t.btnPayHoverBgStart, t.btnPayHoverBgEnd, t.btnPayHoverShadow, t.btnPayHoverShadowArrow, t.btnPayHoverShadowArrowLeft, t.btnPayHoverBorder), Button_mixins_1.buttonActiveMixin(t.btnPayActiveBg, t.btnPayActiveBg, t.btnPayActiveBg, t.btnPayActiveShadow, t.btnPayActiveShadowArrow, t.btnPayActiveShadowArrowLeft));
-  },
-  checked: function checked(t) {
-    return Emotion_1.css(templateObject_17 || (templateObject_17 = tslib_1.__makeTemplateObject(["\n      &.", " {\n        &,\n        &:not(.", "):hover {\n          background: ", ";\n          color: ", ";\n          box-shadow: ", ";\n\n          .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n\n          .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n        }\n\n        &:not(.", "):hover {\n          border-color: ", ";\n        }\n      }\n    "], ["\n      &.", " {\n        &,\n        &:not(.", "):hover {\n          background: ", ";\n          color: ", ";\n          box-shadow: ", ";\n\n          .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n\n          .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n        }\n\n        &:not(.", "):hover {\n          border-color: ", ";\n        }\n      }\n    "])), Button_module_less_1["default"].root, Button_module_less_1["default"].focus, t.btnCheckedBg, t.btnCheckedTextColor, t.btnCheckedShadow, Button_module_less_1["default"].arrow, t.btnCheckedBg, t.btnCheckedShadowArrow, Button_module_less_1["default"].arrow_left, t.btnCheckedBg, t.btnCheckedShadowArrowLeft, Button_module_less_1["default"].focus, t.btnCheckedHoverBorderColor);
-  },
-  wrap: function wrap(t) {
-    return Emotion_1.css(templateObject_18 || (templateObject_18 = tslib_1.__makeTemplateObject(["\n      padding: ", ";\n    "], ["\n      padding: ", ";\n    "])), t.btnWrapPadding);
-  } };
-
-exports["default"] = jsClasses;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18;
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { memoizeGetStyles, prefix } from '../../lib/theming/Emotion.js';
+import { resetButton, resetText } from '../../lib/styles/Mixins.js';
+import { buttonUseMixin, buttonHoverMixin, buttonActiveMixin, buttonSizeMixin } from './Button.mixins.js';
+export var globalClasses = prefix('button')({
+    root: 'root',
+    arrow: 'arrow',
+    caption: 'caption',
+    text: 'text',
+    innerShadow: 'inner-shadow',
+    disabled: 'disabled',
+});
+export var getStyles = memoizeGetStyles(function (emotion) {
+    var activeStyles = getActiveStyles(emotion);
+    return {
+        root: function (t) {
+            return emotion.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        ", ";\n        ", ";\n\n        transition: background-color ", " ", "\n          ", ";\n\n      background-clip: ", ";\n      background-position: center;\n      background-repeat: no-repeat;\n      background-size: contain;\n      cursor: pointer;\n      display: inline-block;\n      position: relative;\n      text-align: center;\n      width: 100%;\n      height: 100%;\n\n        .", " {\n          content: '';\n          border-radius: inherit;\n          position: absolute;\n          top: 0;\n          bottom: 0;\n          left: 0;\n          right: 0;\n        }\n\n        &::-moz-focus-inner {\n          border: 0;\n          padding: 0;\n        }\n        &::after {\n          content: '';\n          display: inline-block;\n          vertical-align: baseline;\n          width: 0;\n        }\n\n        &:hover svg {\n          color: ", ";\n        }\n        &.", " svg {\n          color: ", ";\n        }\n        & svg {\n          color: ", ";\n        }\n      "], ["\n        ", ";\n        ", ";\n\n        transition: background-color ", " ", "\n          ", ";\n\n      background-clip: ", ";\n      background-position: center;\n      background-repeat: no-repeat;\n      background-size: contain;\n      cursor: pointer;\n      display: inline-block;\n      position: relative;\n      text-align: center;\n      width: 100%;\n      height: 100%;\n\n        .", " {\n          content: '';\n          border-radius: inherit;\n          position: absolute;\n          top: 0;\n          bottom: 0;\n          left: 0;\n          right: 0;\n        }\n\n        &::-moz-focus-inner {\n          border: 0;\n          padding: 0;\n        }\n        &::after {\n          content: '';\n          display: inline-block;\n          vertical-align: baseline;\n          width: 0;\n        }\n\n        &:hover svg {\n          color: ", ";\n        }\n        &.", " svg {\n          color: ", ";\n        }\n        & svg {\n          color: ", ";\n        }\n      "])), resetButton(), resetText(), t.transitionDuration, t.transitionTimingFunction, t.btnBorderColorTransition ? ", ".concat(t.btnBorderColorTransition) : '', t.btnBackgroundClip, globalClasses.innerShadow, t.btnIconHoverColor, globalClasses.disabled, t.btnIconDisabledColor, t.btnIconColor);
+        },
+        withArrowIconRightSmall: function (t) {
+            return emotion.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        padding-right: calc(", " + ", " + ", ");\n      "], ["\n        padding-right: calc(", " + ", " + ", ");\n      "])), t.btnIconSizeSmall, t.btnWithIconPaddingSmall, t.btnWithIconPaddingSmall);
+        },
+        withArrowIconRightMedium: function (t) {
+            return emotion.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        padding-right: calc(", " + ", " + ", ");\n      "], ["\n        padding-right: calc(", " + ", " + ", ");\n      "])), t.btnIconSizeMedium, t.btnWithIconPaddingMedium, t.btnWithIconPaddingMedium);
+        },
+        withArrowIconRightLarge: function (t) {
+            return emotion.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        padding-right: calc(", " + ", " + ", ");\n      "], ["\n        padding-right: calc(", " + ", " + ", ");\n      "])), t.btnIconSizeLarge, t.btnWithIconPaddingLarge, t.btnWithIconPaddingLarge);
+        },
+        withArrowIconLeftSmall: function (t) {
+            return emotion.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        padding-left: calc(", " + ", " + ", ");\n      "], ["\n        padding-left: calc(", " + ", " + ", ");\n      "])), t.btnIconSizeSmall, t.btnWithIconPaddingSmall, t.btnWithIconPaddingSmall);
+        },
+        withArrowIconLeftMedium: function (t) {
+            return emotion.css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n        padding-left: calc(", " + ", " + ", ");\n      "], ["\n        padding-left: calc(", " + ", " + ", ");\n      "])), t.btnIconSizeMedium, t.btnWithIconPaddingMedium, t.btnWithIconPaddingMedium);
+        },
+        withArrowIconLeftLarge: function (t) {
+            return emotion.css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n        padding-left: calc(", " + ", " + ", ");\n      "], ["\n        padding-left: calc(", " + ", " + ", ");\n      "])), t.btnIconSizeLarge, t.btnWithIconPaddingLarge, t.btnWithIconPaddingLarge);
+        },
+        simulatedPress: function () {
+            return emotion.css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n        &:active .", " {\n          transform: translateY(1px);\n        }\n      "], ["\n        &:active .", " {\n          transform: translateY(1px);\n        }\n      "])), globalClasses.caption);
+        },
+        /** @deprecated */
+        outlineDefault: function () {
+            return emotion.css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n        border-radius: inherit;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n      "], ["\n        border-radius: inherit;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n      "])));
+        },
+        /** @deprecated */
+        outlineWarning: function (t) {
+            return emotion.css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n        box-shadow:\n          0 0 0 ", " ", ",\n          inset 0 0 0 ", " ", ";\n      "], ["\n        box-shadow:\n          0 0 0 ", " ", ",\n          inset 0 0 0 ", " ", ";\n      "])), t.btnOutlineWidth, t.btnBorderColorWarning, t.btnInsetWidth, t.btnInsetColor);
+        },
+        /** @deprecated */
+        outlineError: function (t) {
+            return emotion.css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n        box-shadow:\n          0 0 0 ", " ", ",\n          inset 0 0 0 ", " ", ";\n      "], ["\n        box-shadow:\n          0 0 0 ", " ", ",\n          inset 0 0 0 ", " ", ";\n      "])), t.btnOutlineWidth, t.btnBorderColorError, t.btnInsetWidth, t.btnInsetColor);
+        },
+        /** @deprecated */
+        outlineLink: function () {
+            return emotion.css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n        cursor: default;\n        box-shadow: none;\n        left: -2px;\n        right: -2px;\n        bottom: -2px;\n        top: -2px;\n      "], ["\n        cursor: default;\n        box-shadow: none;\n        left: -2px;\n        right: -2px;\n        bottom: -2px;\n        top: -2px;\n      "])));
+        },
+        /** @deprecated */
+        outlineLinkWarning: function (t) {
+            return emotion.css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n        background-color: ", ";\n      "], ["\n        background-color: ", ";\n      "])), t.btnWarningSecondary);
+        },
+        /** @deprecated */
+        outlineLinkError: function (t) {
+            return emotion.css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n        background-color: ", ";\n      "], ["\n        background-color: ", ";\n      "])), t.btnErrorSecondary);
+        },
+        sizeSmall: function (t) {
+            return emotion.css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n        border-radius: ", ";\n\n      ", ";\n    "], ["\n        border-radius: ", ";\n\n      ", ";\n    "])), t.btnBorderRadiusSmall, buttonSizeMixin(t.btnFontSizeSmall, t.btnLineHeightSmall, t.btnPaddingXSmall, t.btnPaddingYSmall));
+        },
+        sizeMedium: function (t) {
+            return emotion.css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n        border-radius: ", ";\n\n      ", ";\n    "], ["\n        border-radius: ", ";\n\n      ", ";\n    "])), t.btnBorderRadiusMedium, buttonSizeMixin(t.btnFontSizeMedium, t.btnLineHeightMedium, t.btnPaddingXMedium, t.btnPaddingYMedium));
+        },
+        sizeLarge: function (t) {
+            return emotion.css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n        border-radius: ", ";\n\n      ", ";\n    "], ["\n        border-radius: ", ";\n\n      ", ";\n    "])), t.btnBorderRadiusLarge, buttonSizeMixin(t.btnFontSizeLarge, t.btnLineHeightLarge, t.btnPaddingXLarge, t.btnPaddingYLarge));
+        },
+        sizeSmallWithIcon: function (t) {
+            return emotion.css(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n        padding-left: ", ";\n      "], ["\n        padding-left: ", ";\n      "])), t.btnWithIconPaddingSmall);
+        },
+        sizeMediumWithIcon: function (t) {
+            return emotion.css(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n        padding-left: ", ";\n      "], ["\n        padding-left: ", ";\n      "])), t.btnWithIconPaddingMedium);
+        },
+        sizeLargeWithIcon: function (t) {
+            return emotion.css(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n        padding-left: ", ";\n      "], ["\n        padding-left: ", ";\n      "])), t.btnWithIconPaddingLarge);
+        },
+        sizeSmallWithRightIcon: function (t) {
+            return emotion.css(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n        padding-right: ", ";\n      "], ["\n        padding-right: ", ";\n      "])), t.btnWithIconPaddingSmall);
+        },
+        sizeMediumWithRightIcon: function (t) {
+            return emotion.css(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n        padding-right: ", ";\n      "], ["\n        padding-right: ", ";\n      "])), t.btnWithIconPaddingMedium);
+        },
+        sizeLargeWithRightIcon: function (t) {
+            return emotion.css(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n        padding-right: ", ";\n      "], ["\n        padding-right: ", ";\n      "])), t.btnWithIconPaddingLarge);
+        },
+        sizeSmallWithIconWithoutText: function (t) {
+            return emotion.css(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n      padding-left: ", ";\n      padding-right: ", ";\n    "], ["\n      padding-left: ", ";\n      padding-right: ", ";\n    "])), t.btnWithIconPaddingSmall, t.btnWithIconPaddingSmall);
+        },
+        sizeMediumWithIconWithoutText: function (t) {
+            return emotion.css(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n      padding-left: ", ";\n      padding-right: ", ";\n    "], ["\n      padding-left: ", ";\n      padding-right: ", ";\n    "])), t.btnWithIconPaddingMedium, t.btnWithIconPaddingMedium);
+        },
+        sizeLargeWithIconWithoutText: function (t) {
+            return emotion.css(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n      padding-left: ", ";\n      padding-right: ", ";\n    "], ["\n      padding-left: ", ";\n      padding-right: ", ";\n    "])), t.btnWithIconPaddingLarge, t.btnWithIconPaddingLarge);
+        },
+        /** @deprecated */
+        link: function (t) {
+            return emotion.css(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n        background: none;\n        border-radius: ", ";\n        border: none;\n        box-shadow: none;\n        white-space: nowrap;\n        color: ", ";\n        display: inline;\n        margin: 0;\n        padding: 0 !important; // override size mixin\n        height: auto !important; // override size mixin\n\n        &:hover:enabled,\n        &:active:enabled {\n          color: ", ";\n          text-decoration: ", ";\n        }\n\n        &:active:enabled {\n          ", "\n        }\n      "], ["\n        background: none;\n        border-radius: ", ";\n        border: none;\n        box-shadow: none;\n        white-space: nowrap;\n        color: ", ";\n        display: inline;\n        margin: 0;\n        padding: 0 !important; // override size mixin\n        height: auto !important; // override size mixin\n\n        &:hover:enabled,\n        &:active:enabled {\n          color: ", ";\n          text-decoration: ", ";\n        }\n\n        &:active:enabled {\n          ", "\n        }\n      "])), t.btnLinkBorderRadius, t.btnLinkColor, t.btnLinkHoverColor, t.btnLinkHoverTextDecoration, activeStyles.link(t));
+        },
+        /** @deprecated */
+        linkLineHeight: function () {
+            return emotion.css(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n        line-height: inherit !important; // override size mixin\n      "], ["\n        line-height: inherit !important; // override size mixin\n      "])));
+        },
+        /** @deprecated */
+        linkLineHeightSafariFallback: function () {
+            return emotion.css(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n        /* Safari overrides 'underline' and 'border' if 'line-height' is used */\n        margin: -1px 0 -2px;\n      "], ["\n        /* Safari overrides 'underline' and 'border' if 'line-height' is used */\n        margin: -1px 0 -2px;\n      "])));
+        },
+        /** @deprecated */
+        linkFocus: function (t) {
+            return emotion.css(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n        & {\n          color: ", ";\n          text-decoration: ", ";\n        }\n      "], ["\n        & {\n          color: ", ";\n          text-decoration: ", ";\n        }\n      "])), t.btnLinkColor, t.btnLinkHoverTextDecoration);
+        },
+        /** @deprecated */
+        linkDisabled: function (t) {
+            return emotion.css(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n        cursor: default;\n\n        &,\n        &:hover:enabled,\n        &:active:enabled {\n          color: ", ";\n        }\n      "], ["\n        cursor: default;\n\n        &,\n        &:hover:enabled,\n        &:active:enabled {\n          color: ", ";\n        }\n      "])), t.btnLinkDisabledColor);
+        },
+        focus: function (t) {
+            return emotion.css(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n        position: relative;\n        z-index: 2;\n\n        &,\n        &:hover:enabled,\n        &:active:enabled,\n        &:active:hover:enabled {\n          box-shadow:\n            inset 0 0 0 ", " ", ",\n            0 0 0 ", " ", " !important; // override root:hover style\n        }\n      "], ["\n        position: relative;\n        z-index: 2;\n\n        &,\n        &:hover:enabled,\n        &:active:enabled,\n        &:active:hover:enabled {\n          box-shadow:\n            inset 0 0 0 ", " ", ",\n            0 0 0 ", " ", " !important; // override root:hover style\n        }\n      "])), t.btnInsetWidth, t.btnOutlineColorFocus, t.btnFocusShadowWidth, t.btnBorderColorFocus);
+        },
+        disabled: function (t) {
+            return emotion.css(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\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        cursor: default;\n        pointer-events: none;\n        box-shadow: 0 0 0 ", " ", ";\n\n        background-image: none;\n        background-color: ", ";\n        color: ", ";\n      "])), t.btnBorderWidth, t.btnDisabledBorderColor, t.btnDisabledBg, t.btnDisabledTextColor);
+        },
+        disabledWithoutOutline: function (t) {
+            return emotion.css(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n        box-shadow: 0 0 0 ", " ", ";\n      "], ["\n        box-shadow: 0 0 0 ", " ", ";\n      "])), t.btnBorderWidth, t.btnDisabledBg);
+        },
+        arrowIconRoot: function () {
+            return emotion.css(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n        position: absolute;\n        height: 100%;\n        top: 0;\n        right: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        box-sizing: content-box;\n      "], ["\n        position: absolute;\n        height: 100%;\n        top: 0;\n        right: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        box-sizing: content-box;\n      "])));
+        },
+        arrowIconRootSmall: function (t) {
+            return emotion.css(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n        padding: 0 ", " 0 ", ";\n        width: ", ";\n      "], ["\n        padding: 0 ", " 0 ", ";\n        width: ", ";\n      "])), t.btnWithIconPaddingSmall, t.btnWithIconPaddingSmall, t.btnIconSizeSmall);
+        },
+        arrowIconRootMedium: function (t) {
+            return emotion.css(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n        padding: 0 ", " 0 ", ";\n        width: ", ";\n      "], ["\n        padding: 0 ", " 0 ", ";\n        width: ", ";\n      "])), t.btnWithIconPaddingMedium, t.btnWithIconPaddingMedium, t.btnIconSizeMedium);
+        },
+        arrowIconRootLarge: function (t) {
+            return emotion.css(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n        padding: 0 ", " 0 ", ";\n        width: ", ";\n      "], ["\n        padding: 0 ", " 0 ", ";\n        width: ", ";\n      "])), t.btnWithIconPaddingLarge, t.btnWithIconPaddingLarge, t.btnIconSizeLarge);
+        },
+        arrowIconLeft: function () {
+            return emotion.css(templateObject_39 || (templateObject_39 = __makeTemplateObject(["\n        left: 0;\n      "], ["\n        left: 0;\n      "])));
+        },
+        default: function (t) {
+            return emotion.css(templateObject_40 || (templateObject_40 = __makeTemplateObject(["\n        ", ";\n\n        &:hover {\n          ", ";\n        }\n\n        &:active {\n          ", ";\n        }\n      "], ["\n        ", ";\n\n        &:hover {\n          ", ";\n        }\n\n        &:active {\n          ", ";\n        }\n      "])), buttonUseMixin(t.btnDefaultBg, t.btnDefaultBgStart, t.btnDefaultBgEnd, t.btnDefaultTextColor, t.btnDefaultBorderColor, t.btnBorderWidth), buttonHoverMixin(t.btnDefaultHoverBg, t.btnDefaultHoverBgStart, t.btnDefaultHoverBgEnd, t.btnDefaultHoverTextColor, t.btnDefaultHoverBorderColor, t.btnBorderWidth), activeStyles.default(t));
+        },
+        accent: function (t) {
+            return emotion.css(templateObject_41 || (templateObject_41 = __makeTemplateObject(["\n        ", ";\n\n        &:hover {\n          ", ";\n        }\n\n        &:active {\n          ", "\n        }\n      "], ["\n        ", ";\n\n        &:hover {\n          ", ";\n        }\n\n        &:active {\n          ", "\n        }\n      "])), buttonUseMixin(t.btnPrimaryBg, t.btnPrimaryBgStart, t.btnPrimaryBgEnd, t.btnPrimaryTextColor, t.btnPrimaryBorderColor, t.btnBorderWidth), buttonHoverMixin(t.btnPrimaryHoverBg, t.btnPrimaryHoverBgStart, t.btnPrimaryHoverBgEnd, t.btnPrimaryHoverTextColor, t.btnPrimaryHoverBorderColor, t.btnBorderWidth), activeStyles.accent(t));
+        },
+        success: function (t) {
+            return emotion.css(templateObject_42 || (templateObject_42 = __makeTemplateObject(["\n        ", ";\n\n        &:hover {\n          ", ";\n        }\n\n        &:active {\n          ", "\n        }\n      "], ["\n        ", ";\n\n        &:hover {\n          ", ";\n        }\n\n        &:active {\n          ", "\n        }\n      "])), buttonUseMixin(t.btnSuccessBg, t.btnSuccessBgStart, t.btnSuccessBgEnd, t.btnSuccessTextColor, t.btnSuccessBorderColor, t.btnBorderWidth), buttonHoverMixin(t.btnSuccessHoverBg, t.btnSuccessHoverBgStart, t.btnSuccessHoverBgEnd, t.btnSuccessHoverTextColor, t.btnSuccessHoverBorderColor, t.btnBorderWidth), activeStyles.success(t));
+        },
+        danger: function (t) {
+            return emotion.css(templateObject_43 || (templateObject_43 = __makeTemplateObject(["\n        ", ";\n\n        &:hover {\n          ", ";\n        }\n\n        &:active {\n          ", "\n        }\n      "], ["\n        ", ";\n\n        &:hover {\n          ", ";\n        }\n\n        &:active {\n          ", "\n        }\n      "])), buttonUseMixin(t.btnDangerBg, t.btnDangerBgStart, t.btnDangerBgEnd, t.btnDangerTextColor, t.btnDangerBorderColor, t.btnBorderWidth), buttonHoverMixin(t.btnDangerHoverBg, t.btnDangerHoverBgStart, t.btnDangerHoverBgEnd, t.btnDangerHoverTextColor, t.btnDangerHoverBorderColor, t.btnBorderWidth), activeStyles.danger(t));
+        },
+        pay: function (t) {
+            return emotion.css(templateObject_44 || (templateObject_44 = __makeTemplateObject(["\n        ", ";\n\n        &:hover {\n          ", ";\n        }\n\n        &:active {\n          ", "\n        }\n      "], ["\n        ", ";\n\n        &:hover {\n          ", ";\n        }\n\n        &:active {\n          ", "\n        }\n      "])), buttonUseMixin(t.btnPayBg, t.btnPayBgStart, t.btnPayBgEnd, t.btnPayTextColor, t.btnPayBorderColor, t.btnBorderWidth), buttonHoverMixin(t.btnPayHoverBg, t.btnPayHoverBgStart, t.btnPayHoverBgEnd, t.btnPayHoverTextColor, t.btnPayHoverBorderColor, t.btnBorderWidth), activeStyles.pay(t));
+        },
+        text: function (t) {
+            return emotion.css(templateObject_45 || (templateObject_45 = __makeTemplateObject(["\n        &,\n        &:enabled,\n        &:hover {\n          box-shadow: none;\n        }\n\n        ", ";\n\n        &:hover {\n          ", ";\n        }\n\n        &:active {\n          ", "\n        }\n      "], ["\n        &,\n        &:enabled,\n        &:hover {\n          box-shadow: none;\n        }\n\n        ", ";\n\n        &:hover {\n          ", ";\n        }\n\n        &:active {\n          ", "\n        }\n      "])), buttonUseMixin(t.btnTextBg, '', '', t.btnTextTextColor, t.btnTextBorderColor, t.btnBorderWidth), buttonHoverMixin(t.btnTextHoverBg, '', '', t.btnTextHoverTextColor, t.btnTextHoverBorderColor, t.btnBorderWidth), activeStyles.text(t));
+        },
+        outline: function (t) {
+            return emotion.css(templateObject_46 || (templateObject_46 = __makeTemplateObject(["\n        ", ";\n\n        &:hover {\n          ", ";\n        }\n\n        &:active {\n          ", "\n        }\n      "], ["\n        ", ";\n\n        &:hover {\n          ", ";\n        }\n\n        &:active {\n          ", "\n        }\n      "])), buttonUseMixin(t.btnBacklessBg, '', '', t.btnBacklessTextColor, t.btnBacklessBorderColor, t.btnBorderWidth), buttonHoverMixin(t.btnBacklessHoverBg, '', '', t.btnBacklessHoverTextColor, t.btnBacklessHoverBorderColor, t.btnBorderWidth), activeStyles.outline(t));
+        },
+        fill: function (t) {
+            return emotion.css(templateObject_47 || (templateObject_47 = __makeTemplateObject(["\n        ", ";\n\n        &:hover {\n          ", ";\n        }\n\n        &:active {\n          ", ";\n        }\n      "], ["\n        ", ";\n\n        &:hover {\n          ", ";\n        }\n\n        &:active {\n          ", ";\n        }\n      "])), buttonUseMixin(t.btnFillBg, '', '', t.btnDefaultTextColor, '', ''), buttonHoverMixin(t.btnFillHoverBg, '', '', t.btnDefaultHoverTextColor, '', ''), activeStyles.fill(t));
+        },
+        checked: function (t) {
+            var checkedStyles = "\n      background-image: none;\n      box-shadow: 0 0 0 ".concat(t.btnBorderWidth, " ").concat(t.btnDefaultCheckedBorderColor, " !important;\n      background-color: ").concat(t.btnCheckedBg, " !important;\n      color: ").concat(t.btnCheckedTextColor, " !important;\n\n      .").concat(globalClasses.innerShadow, " {\n        box-shadow: ").concat(t.btnCheckedShadow, ";\n      }\n\n      :enabled svg {\n        color: ").concat(t.btnCheckedTextColor, " !important;\n      }\n      :hover:enabled svg {\n        color: ").concat(t.btnCheckedTextColor, " !important;\n      }\n    ");
+            return emotion.css(templateObject_48 || (templateObject_48 = __makeTemplateObject(["\n        ", "\n\n        &:hover:enabled,\n      &:active:enabled,\n      &:hover:active:enabled {\n          ", "\n        }\n      "], ["\n        ", "\n\n        &:hover:enabled,\n      &:active:enabled,\n      &:hover:active:enabled {\n          ", "\n        }\n      "])), checkedStyles, checkedStyles);
+        },
+        checkedFocused: function (t) {
+            return emotion.css(templateObject_49 || (templateObject_49 = __makeTemplateObject(["\n        &:hover:enabled,\n        &:hover:active:enabled {\n          box-shadow:\n            inset 0 0 0 ", " ", ",\n            0 0 0 ", " ", " !important;\n          border-color: ", " !important;\n        }\n      "], ["\n        &:hover:enabled,\n        &:hover:active:enabled {\n          box-shadow:\n            inset 0 0 0 ", " ", ",\n            0 0 0 ", " ", " !important;\n          border-color: ", " !important;\n        }\n      "])), t.btnInsetWidth, t.btnOutlineColorFocus, t.btnFocusShadowWidth, t.btnBorderColorFocus, t.btnBorderColorFocus);
+        },
+        checkedDisabled: function (t) {
+            return emotion.css(templateObject_50 || (templateObject_50 = __makeTemplateObject(["\n        box-shadow: 0 0 0 ", " ", ";\n        background-color: ", ";\n        color: ", ";\n\n        .", " {\n          box-shadow: ", ";\n        }\n\n        svg {\n          color: ", " !important;\n        }\n      "], ["\n        box-shadow: 0 0 0 ", " ", ";\n        background-color: ", ";\n        color: ", ";\n\n        .", " {\n          box-shadow: ", ";\n        }\n\n        svg {\n          color: ", " !important;\n        }\n      "])), t.btnBorderWidth, t.btnCheckedDisabledBorderColor, t.btnCheckedDisabledBg, t.btnCheckedDisabledColor, globalClasses.innerShadow, t.btnCheckedDisabledShadow, t.btnCheckedDisabledColor);
+        },
+        caption: function () {
+            return emotion.css(templateObject_51 || (templateObject_51 = __makeTemplateObject(["\n        position: relative;\n        white-space: nowrap;\n        display: inline-block;\n        width: 100%;\n        vertical-align: top;\n      "], ["\n        position: relative;\n        white-space: nowrap;\n        display: inline-block;\n        width: 100%;\n        vertical-align: top;\n      "])));
+        },
+        captionLink: function () {
+            return emotion.css(templateObject_52 || (templateObject_52 = __makeTemplateObject(["\n        display: inline;\n        transform: none !important; // override root:active style\n      "], ["\n        display: inline;\n        transform: none !important; // override root:active style\n      "])));
+        },
+        captionDisabled: function () {
+            return emotion.css(templateObject_53 || (templateObject_53 = __makeTemplateObject(["\n        transform: none !important; // override root:active style\n      "], ["\n        transform: none !important; // override root:active style\n      "])));
+        },
+        wrap: function (t) {
+            return emotion.css(templateObject_54 || (templateObject_54 = __makeTemplateObject(["\n        box-sizing: border-box;\n        display: inline-block;\n        line-height: normal;\n        padding: ", ";\n      "], ["\n        box-sizing: border-box;\n        display: inline-block;\n        line-height: normal;\n        padding: ", ";\n      "])), t.btnBorderWidth);
+        },
+        wrapSmall: function (t) {
+            return emotion.css(templateObject_55 || (templateObject_55 = __makeTemplateObject(["\n        height: ", ";\n      "], ["\n        height: ", ";\n      "])), t.btnHeightSmall);
+        },
+        wrapMedium: function (t) {
+            return emotion.css(templateObject_56 || (templateObject_56 = __makeTemplateObject(["\n        height: ", ";\n      "], ["\n        height: ", ";\n      "])), t.btnHeightMedium);
+        },
+        wrapLarge: function (t) {
+            return emotion.css(templateObject_57 || (templateObject_57 = __makeTemplateObject(["\n        height: ", ";\n      "], ["\n        height: ", ";\n      "])), t.btnHeightLarge);
+        },
+        /** @deprecated */
+        narrow: function () {
+            return emotion.css(templateObject_58 || (templateObject_58 = __makeTemplateObject(["\n        padding-left: 5px;\n        padding-right: 5px;\n      "], ["\n        padding-left: 5px;\n        padding-right: 5px;\n      "])));
+        },
+        noPadding: function () {
+            return emotion.css(templateObject_59 || (templateObject_59 = __makeTemplateObject(["\n        padding-left: 0;\n        padding-right: 0;\n      "], ["\n        padding-left: 0;\n        padding-right: 0;\n      "])));
+        },
+        noRightPadding: function () {
+            return emotion.css(templateObject_60 || (templateObject_60 = __makeTemplateObject(["\n        padding-right: 0;\n      "], ["\n        padding-right: 0;\n      "])));
+        },
+        wrapLink: function () {
+            return emotion.css(templateObject_61 || (templateObject_61 = __makeTemplateObject(["\n        padding: 0;\n      "], ["\n        padding: 0;\n      "])));
+        },
+        /** @deprecated */
+        borderless: function () {
+            return emotion.css(templateObject_62 || (templateObject_62 = __makeTemplateObject(["\n        &,\n        &:active:hover,\n        &:hover {\n          box-shadow: none !important; // override root:hover style\n        }\n      "], ["\n        &,\n        &:active:hover,\n        &:hover {\n          box-shadow: none !important; // override root:hover style\n        }\n      "])));
+        },
+        backlessDisabled: function (t) {
+            return emotion.css(templateObject_63 || (templateObject_63 = __makeTemplateObject(["\n        box-shadow: 0 0 0 1px ", ";\n        background-color: transparent;\n      "], ["\n        box-shadow: 0 0 0 1px ", ";\n        background-color: transparent;\n      "])), t.btnBacklessDisabledBorderColor);
+        },
+        textDisabled: function () {
+            return emotion.css(templateObject_64 || (templateObject_64 = __makeTemplateObject(["\n        background-color: transparent;\n      "], ["\n        background-color: transparent;\n      "])));
+        },
+        loading: function () {
+            return emotion.css(templateObject_65 || (templateObject_65 = __makeTemplateObject(["\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        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 () {
+            return emotion.css(templateObject_66 || (templateObject_66 = __makeTemplateObject(["\n        visibility: hidden;\n      "], ["\n        visibility: hidden;\n      "])));
+        },
+    };
+});
+export var getActiveStyles = memoizeGetStyles(function (_a) {
+    var css = _a.css;
+    return ({
+        default: function (t) {
+            return css(templateObject_67 || (templateObject_67 = __makeTemplateObject(["\n      & {\n        ", ";\n      }\n    "], ["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnDefaultActiveBg, t.btnDefaultActiveShadow, t.btnDefaultActiveBorderColor, t.btnBorderWidth));
+        },
+        accent: function (t) {
+            return css(templateObject_68 || (templateObject_68 = __makeTemplateObject(["\n      & {\n        ", ";\n      }\n    "], ["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnPrimaryActiveBg, t.btnPrimaryActiveShadow, t.btnPrimaryActiveBorderColor, t.btnBorderWidth));
+        },
+        success: function (t) {
+            return css(templateObject_69 || (templateObject_69 = __makeTemplateObject(["\n      & {\n        ", ";\n      }\n    "], ["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnSuccessActiveBg, t.btnSuccessActiveShadow, t.btnSuccessActiveBorderColor, t.btnBorderWidth));
+        },
+        danger: function (t) {
+            return css(templateObject_70 || (templateObject_70 = __makeTemplateObject(["\n      & {\n        ", ";\n      }\n    "], ["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnDangerActiveBg, t.btnDangerActiveShadow, t.btnDangerActiveBorderColor, t.btnBorderWidth));
+        },
+        pay: function (t) {
+            return css(templateObject_71 || (templateObject_71 = __makeTemplateObject(["\n      & {\n        ", ";\n      }\n    "], ["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnPayActiveBg, t.btnPayActiveShadow, t.btnPayActiveBorderColor, t.btnBorderWidth));
+        },
+        link: function (t) {
+            return css(templateObject_72 || (templateObject_72 = __makeTemplateObject(["\n      & {\n        color: ", ";\n      }\n    "], ["\n      & {\n        color: ", ";\n      }\n    "])), t.btnLinkActiveColor);
+        },
+        text: function (t) {
+            return css(templateObject_73 || (templateObject_73 = __makeTemplateObject(["\n      & {\n        ", ";\n      }\n    "], ["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnTextActiveBg, '', t.btnTextActiveBg, t.btnBorderWidth));
+        },
+        outline: function (t) {
+            return css(templateObject_74 || (templateObject_74 = __makeTemplateObject(["\n      & {\n        ", ";\n      }\n    "], ["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnBacklessActiveBg, '', t.btnBacklessActiveBorderColor, t.btnBorderWidth));
+        },
+        fill: function (t) {
+            return css(templateObject_75 || (templateObject_75 = __makeTemplateObject(["\n      & {\n        ", ";\n      }\n    "], ["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnFillActiveBg, '', '', ''));
+        },
+    });
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43, templateObject_44, templateObject_45, templateObject_46, templateObject_47, templateObject_48, templateObject_49, templateObject_50, templateObject_51, templateObject_52, templateObject_53, templateObject_54, templateObject_55, templateObject_56, templateObject_57, templateObject_58, templateObject_59, templateObject_60, templateObject_61, templateObject_62, templateObject_63, templateObject_64, templateObject_65, templateObject_66, templateObject_67, templateObject_68, templateObject_69, templateObject_70, templateObject_71, templateObject_72, templateObject_73, templateObject_74, templateObject_75;
+//# sourceMappingURL=Button.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.js","sourceRoot":"","sources":["Button.styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Button.styles.js","sourceRoot":"","sources":["../../../components/Button/Button.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles, prefix } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { resetButton, resetText } from '../../lib/styles/Mixins.js';\n\nimport { buttonUseMixin, buttonHoverMixin, buttonActiveMixin, buttonSizeMixin } from './Button.mixins.js';\n\nexport const globalClasses = prefix('button')({\n  root: 'root',\n  arrow: 'arrow',\n  caption: 'caption',\n  text: 'text',\n  innerShadow: 'inner-shadow',\n  disabled: 'disabled',\n});\n\nexport const getStyles = memoizeGetStyles((emotion: Emotion) => {\n  const activeStyles = getActiveStyles(emotion);\n  return {\n    root(t: Theme) {\n      return emotion.css`\n        ${resetButton()};\n        ${resetText()};\n\n        transition: background-color ${t.transitionDuration} ${t.transitionTimingFunction}\n          ${t.btnBorderColorTransition ? `, ${t.btnBorderColorTransition}` : ''};\n\n      background-clip: ${t.btnBackgroundClip};\n      background-position: center;\n      background-repeat: no-repeat;\n      background-size: contain;\n      cursor: pointer;\n      display: inline-block;\n      position: relative;\n      text-align: center;\n      width: 100%;\n      height: 100%;\n\n        .${globalClasses.innerShadow} {\n          content: '';\n          border-radius: inherit;\n          position: absolute;\n          top: 0;\n          bottom: 0;\n          left: 0;\n          right: 0;\n        }\n\n        &::-moz-focus-inner {\n          border: 0;\n          padding: 0;\n        }\n        &::after {\n          content: '';\n          display: inline-block;\n          vertical-align: baseline;\n          width: 0;\n        }\n\n        &:hover svg {\n          color: ${t.btnIconHoverColor};\n        }\n        &.${globalClasses.disabled} svg {\n          color: ${t.btnIconDisabledColor};\n        }\n        & svg {\n          color: ${t.btnIconColor};\n        }\n      `;\n    },\n\n    withArrowIconRightSmall(t: Theme) {\n      return emotion.css`\n        padding-right: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingSmall} + ${t.btnWithIconPaddingSmall});\n      `;\n    },\n\n    withArrowIconRightMedium(t: Theme) {\n      return emotion.css`\n        padding-right: calc(${t.btnIconSizeMedium} + ${t.btnWithIconPaddingMedium} + ${t.btnWithIconPaddingMedium});\n      `;\n    },\n\n    withArrowIconRightLarge(t: Theme) {\n      return emotion.css`\n        padding-right: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLarge} + ${t.btnWithIconPaddingLarge});\n      `;\n    },\n\n    withArrowIconLeftSmall(t: Theme) {\n      return emotion.css`\n        padding-left: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingSmall} + ${t.btnWithIconPaddingSmall});\n      `;\n    },\n\n    withArrowIconLeftMedium(t: Theme) {\n      return emotion.css`\n        padding-left: calc(${t.btnIconSizeMedium} + ${t.btnWithIconPaddingMedium} + ${t.btnWithIconPaddingMedium});\n      `;\n    },\n\n    withArrowIconLeftLarge(t: Theme) {\n      return emotion.css`\n        padding-left: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLarge} + ${t.btnWithIconPaddingLarge});\n      `;\n    },\n\n    simulatedPress() {\n      return emotion.css`\n        &:active .${globalClasses.caption} {\n          transform: translateY(1px);\n        }\n      `;\n    },\n\n    /** @deprecated */\n    outlineDefault() {\n      return emotion.css`\n        border-radius: inherit;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n      `;\n    },\n\n    /** @deprecated */\n    outlineWarning(t: Theme) {\n      return emotion.css`\n        box-shadow:\n          0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorWarning},\n          inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n      `;\n    },\n\n    /** @deprecated */\n    outlineError(t: Theme) {\n      return emotion.css`\n        box-shadow:\n          0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorError},\n          inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n      `;\n    },\n\n    /** @deprecated */\n    outlineLink() {\n      return emotion.css`\n        cursor: default;\n        box-shadow: none;\n        left: -2px;\n        right: -2px;\n        bottom: -2px;\n        top: -2px;\n      `;\n    },\n\n    /** @deprecated */\n    outlineLinkWarning(t: Theme) {\n      return emotion.css`\n        background-color: ${t.btnWarningSecondary};\n      `;\n    },\n\n    /** @deprecated */\n    outlineLinkError(t: Theme) {\n      return emotion.css`\n        background-color: ${t.btnErrorSecondary};\n      `;\n    },\n\n    sizeSmall(t: Theme) {\n      return emotion.css`\n        border-radius: ${t.btnBorderRadiusSmall};\n\n      ${buttonSizeMixin(t.btnFontSizeSmall, t.btnLineHeightSmall, t.btnPaddingXSmall, t.btnPaddingYSmall)};\n    `;\n    },\n\n    sizeMedium(t: Theme) {\n      return emotion.css`\n        border-radius: ${t.btnBorderRadiusMedium};\n\n      ${buttonSizeMixin(t.btnFontSizeMedium, t.btnLineHeightMedium, t.btnPaddingXMedium, t.btnPaddingYMedium)};\n    `;\n    },\n\n    sizeLarge(t: Theme) {\n      return emotion.css`\n        border-radius: ${t.btnBorderRadiusLarge};\n\n      ${buttonSizeMixin(t.btnFontSizeLarge, t.btnLineHeightLarge, t.btnPaddingXLarge, t.btnPaddingYLarge)};\n    `;\n    },\n\n    sizeSmallWithIcon(t: Theme) {\n      return emotion.css`\n        padding-left: ${t.btnWithIconPaddingSmall};\n      `;\n    },\n\n    sizeMediumWithIcon(t: Theme) {\n      return emotion.css`\n        padding-left: ${t.btnWithIconPaddingMedium};\n      `;\n    },\n\n    sizeLargeWithIcon(t: Theme) {\n      return emotion.css`\n        padding-left: ${t.btnWithIconPaddingLarge};\n      `;\n    },\n\n    sizeSmallWithRightIcon(t: Theme) {\n      return emotion.css`\n        padding-right: ${t.btnWithIconPaddingSmall};\n      `;\n    },\n\n    sizeMediumWithRightIcon(t: Theme) {\n      return emotion.css`\n        padding-right: ${t.btnWithIconPaddingMedium};\n      `;\n    },\n\n    sizeLargeWithRightIcon(t: Theme) {\n      return emotion.css`\n        padding-right: ${t.btnWithIconPaddingLarge};\n      `;\n    },\n\n    sizeSmallWithIconWithoutText(t: Theme) {\n      return emotion.css`\n      padding-left: ${t.btnWithIconPaddingSmall};\n      padding-right: ${t.btnWithIconPaddingSmall};\n    `;\n    },\n\n    sizeMediumWithIconWithoutText(t: Theme) {\n      return emotion.css`\n      padding-left: ${t.btnWithIconPaddingMedium};\n      padding-right: ${t.btnWithIconPaddingMedium};\n    `;\n    },\n\n    sizeLargeWithIconWithoutText(t: Theme) {\n      return emotion.css`\n      padding-left: ${t.btnWithIconPaddingLarge};\n      padding-right: ${t.btnWithIconPaddingLarge};\n    `;\n    },\n\n    /** @deprecated */\n    link(t: Theme) {\n      return emotion.css`\n        background: none;\n        border-radius: ${t.btnLinkBorderRadius};\n        border: none;\n        box-shadow: none;\n        white-space: nowrap;\n        color: ${t.btnLinkColor};\n        display: inline;\n        margin: 0;\n        padding: 0 !important; // override size mixin\n        height: auto !important; // override size mixin\n\n        &:hover:enabled,\n        &:active:enabled {\n          color: ${t.btnLinkHoverColor};\n          text-decoration: ${t.btnLinkHoverTextDecoration};\n        }\n\n        &:active:enabled {\n          ${activeStyles.link(t)}\n        }\n      `;\n    },\n\n    /** @deprecated */\n    linkLineHeight() {\n      return emotion.css`\n        line-height: inherit !important; // override size mixin\n      `;\n    },\n\n    /** @deprecated */\n    linkLineHeightSafariFallback() {\n      return emotion.css`\n        /* Safari overrides 'underline' and 'border' if 'line-height' is used */\n        margin: -1px 0 -2px;\n      `;\n    },\n\n    /** @deprecated */\n    linkFocus(t: Theme) {\n      return emotion.css`\n        & {\n          color: ${t.btnLinkColor};\n          text-decoration: ${t.btnLinkHoverTextDecoration};\n        }\n      `;\n    },\n\n    /** @deprecated */\n    linkDisabled(t: Theme) {\n      return emotion.css`\n        cursor: default;\n\n        &,\n        &:hover:enabled,\n        &:active:enabled {\n          color: ${t.btnLinkDisabledColor};\n        }\n      `;\n    },\n\n    focus(t: Theme) {\n      return emotion.css`\n        position: relative;\n        z-index: 2;\n\n        &,\n        &:hover:enabled,\n        &:active:enabled,\n        &:active:hover:enabled {\n          box-shadow:\n            inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n            0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important; // override root:hover style\n        }\n      `;\n    },\n\n    disabled(t: Theme) {\n      return emotion.css`\n        cursor: default;\n        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    },\n\n    disabledWithoutOutline(t: Theme) {\n      return emotion.css`\n        box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBg};\n      `;\n    },\n\n    arrowIconRoot() {\n      return emotion.css`\n        position: absolute;\n        height: 100%;\n        top: 0;\n        right: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        box-sizing: content-box;\n      `;\n    },\n\n    arrowIconRootSmall(t: Theme) {\n      return emotion.css`\n        padding: 0 ${t.btnWithIconPaddingSmall} 0 ${t.btnWithIconPaddingSmall};\n        width: ${t.btnIconSizeSmall};\n      `;\n    },\n\n    arrowIconRootMedium(t: Theme) {\n      return emotion.css`\n        padding: 0 ${t.btnWithIconPaddingMedium} 0 ${t.btnWithIconPaddingMedium};\n        width: ${t.btnIconSizeMedium};\n      `;\n    },\n\n    arrowIconRootLarge(t: Theme) {\n      return emotion.css`\n        padding: 0 ${t.btnWithIconPaddingLarge} 0 ${t.btnWithIconPaddingLarge};\n        width: ${t.btnIconSizeLarge};\n      `;\n    },\n\n    arrowIconLeft() {\n      return emotion.css`\n        left: 0;\n      `;\n    },\n\n    default(t: Theme) {\n      return emotion.css`\n        ${buttonUseMixin(\n          t.btnDefaultBg,\n          t.btnDefaultBgStart,\n          t.btnDefaultBgEnd,\n          t.btnDefaultTextColor,\n          t.btnDefaultBorderColor,\n          t.btnBorderWidth,\n        )};\n\n        &:hover {\n          ${buttonHoverMixin(\n            t.btnDefaultHoverBg,\n            t.btnDefaultHoverBgStart,\n            t.btnDefaultHoverBgEnd,\n            t.btnDefaultHoverTextColor,\n            t.btnDefaultHoverBorderColor,\n            t.btnBorderWidth,\n          )};\n        }\n\n        &:active {\n          ${activeStyles.default(t)};\n        }\n      `;\n    },\n\n    accent(t: Theme) {\n      return emotion.css`\n        ${buttonUseMixin(\n          t.btnPrimaryBg,\n          t.btnPrimaryBgStart,\n          t.btnPrimaryBgEnd,\n          t.btnPrimaryTextColor,\n          t.btnPrimaryBorderColor,\n          t.btnBorderWidth,\n        )};\n\n        &:hover {\n          ${buttonHoverMixin(\n            t.btnPrimaryHoverBg,\n            t.btnPrimaryHoverBgStart,\n            t.btnPrimaryHoverBgEnd,\n            t.btnPrimaryHoverTextColor,\n            t.btnPrimaryHoverBorderColor,\n            t.btnBorderWidth,\n          )};\n        }\n\n        &:active {\n          ${activeStyles.accent(t)}\n        }\n      `;\n    },\n\n    success(t: Theme) {\n      return emotion.css`\n        ${buttonUseMixin(\n          t.btnSuccessBg,\n          t.btnSuccessBgStart,\n          t.btnSuccessBgEnd,\n          t.btnSuccessTextColor,\n          t.btnSuccessBorderColor,\n          t.btnBorderWidth,\n        )};\n\n        &:hover {\n          ${buttonHoverMixin(\n            t.btnSuccessHoverBg,\n            t.btnSuccessHoverBgStart,\n            t.btnSuccessHoverBgEnd,\n            t.btnSuccessHoverTextColor,\n            t.btnSuccessHoverBorderColor,\n            t.btnBorderWidth,\n          )};\n        }\n\n        &:active {\n          ${activeStyles.success(t)}\n        }\n      `;\n    },\n\n    danger(t: Theme) {\n      return emotion.css`\n        ${buttonUseMixin(\n          t.btnDangerBg,\n          t.btnDangerBgStart,\n          t.btnDangerBgEnd,\n          t.btnDangerTextColor,\n          t.btnDangerBorderColor,\n          t.btnBorderWidth,\n        )};\n\n        &:hover {\n          ${buttonHoverMixin(\n            t.btnDangerHoverBg,\n            t.btnDangerHoverBgStart,\n            t.btnDangerHoverBgEnd,\n            t.btnDangerHoverTextColor,\n            t.btnDangerHoverBorderColor,\n            t.btnBorderWidth,\n          )};\n        }\n\n        &:active {\n          ${activeStyles.danger(t)}\n        }\n      `;\n    },\n\n    pay(t: Theme) {\n      return emotion.css`\n        ${buttonUseMixin(\n          t.btnPayBg,\n          t.btnPayBgStart,\n          t.btnPayBgEnd,\n          t.btnPayTextColor,\n          t.btnPayBorderColor,\n          t.btnBorderWidth,\n        )};\n\n        &:hover {\n          ${buttonHoverMixin(\n            t.btnPayHoverBg,\n            t.btnPayHoverBgStart,\n            t.btnPayHoverBgEnd,\n            t.btnPayHoverTextColor,\n            t.btnPayHoverBorderColor,\n            t.btnBorderWidth,\n          )};\n        }\n\n        &:active {\n          ${activeStyles.pay(t)}\n        }\n      `;\n    },\n\n    text(t: Theme) {\n      return emotion.css`\n        &,\n        &:enabled,\n        &:hover {\n          box-shadow: none;\n        }\n\n        ${buttonUseMixin(t.btnTextBg, '', '', t.btnTextTextColor, t.btnTextBorderColor, t.btnBorderWidth)};\n\n        &:hover {\n          ${buttonHoverMixin(\n            t.btnTextHoverBg,\n            '',\n            '',\n            t.btnTextHoverTextColor,\n            t.btnTextHoverBorderColor,\n            t.btnBorderWidth,\n          )};\n        }\n\n        &:active {\n          ${activeStyles.text(t)}\n        }\n      `;\n    },\n\n    outline(t: Theme) {\n      return emotion.css`\n        ${buttonUseMixin(t.btnBacklessBg, '', '', t.btnBacklessTextColor, t.btnBacklessBorderColor, t.btnBorderWidth)};\n\n        &:hover {\n          ${buttonHoverMixin(\n            t.btnBacklessHoverBg,\n            '',\n            '',\n            t.btnBacklessHoverTextColor,\n            t.btnBacklessHoverBorderColor,\n            t.btnBorderWidth,\n          )};\n        }\n\n        &:active {\n          ${activeStyles.outline(t)}\n        }\n      `;\n    },\n\n    fill(t: Theme) {\n      return emotion.css`\n        ${buttonUseMixin(t.btnFillBg, '', '', t.btnDefaultTextColor, '', '')};\n\n        &:hover {\n          ${buttonHoverMixin(t.btnFillHoverBg, '', '', t.btnDefaultHoverTextColor, '', '')};\n        }\n\n        &:active {\n          ${activeStyles.fill(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} !important;\n      background-color: ${t.btnCheckedBg} !important;\n      color: ${t.btnCheckedTextColor} !important;\n\n      .${globalClasses.innerShadow} {\n        box-shadow: ${t.btnCheckedShadow};\n      }\n\n      :enabled svg {\n        color: ${t.btnCheckedTextColor} !important;\n      }\n      :hover:enabled svg {\n        color: ${t.btnCheckedTextColor} !important;\n      }\n    `;\n\n      return emotion.css`\n        ${checkedStyles}\n\n        &:hover:enabled,\n      &:active:enabled,\n      &:hover:active:enabled {\n          ${checkedStyles}\n        }\n      `;\n    },\n\n    checkedFocused(t: Theme) {\n      return emotion.css`\n        &:hover:enabled,\n        &:hover:active:enabled {\n          box-shadow:\n            inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n            0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important;\n          border-color: ${t.btnBorderColorFocus} !important;\n        }\n      `;\n    },\n\n    checkedDisabled(t: Theme) {\n      return emotion.css`\n        box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnCheckedDisabledBorderColor};\n        background-color: ${t.btnCheckedDisabledBg};\n        color: ${t.btnCheckedDisabledColor};\n\n        .${globalClasses.innerShadow} {\n          box-shadow: ${t.btnCheckedDisabledShadow};\n        }\n\n        svg {\n          color: ${t.btnCheckedDisabledColor} !important;\n        }\n      `;\n    },\n\n    caption() {\n      return emotion.css`\n        position: relative;\n        white-space: nowrap;\n        display: inline-block;\n        width: 100%;\n        vertical-align: top;\n      `;\n    },\n\n    captionLink() {\n      return emotion.css`\n        display: inline;\n        transform: none !important; // override root:active style\n      `;\n    },\n\n    captionDisabled() {\n      return emotion.css`\n        transform: none !important; // override root:active style\n      `;\n    },\n\n    wrap(t: Theme) {\n      return emotion.css`\n        box-sizing: border-box;\n        display: inline-block;\n        line-height: normal;\n        padding: ${t.btnBorderWidth};\n      `;\n    },\n\n    wrapSmall(t: Theme) {\n      return emotion.css`\n        height: ${t.btnHeightSmall};\n      `;\n    },\n\n    wrapMedium(t: Theme) {\n      return emotion.css`\n        height: ${t.btnHeightMedium};\n      `;\n    },\n\n    wrapLarge(t: Theme) {\n      return emotion.css`\n        height: ${t.btnHeightLarge};\n      `;\n    },\n\n    /** @deprecated */\n    narrow() {\n      return emotion.css`\n        padding-left: 5px;\n        padding-right: 5px;\n      `;\n    },\n\n    noPadding() {\n      return emotion.css`\n        padding-left: 0;\n        padding-right: 0;\n      `;\n    },\n\n    noRightPadding() {\n      return emotion.css`\n        padding-right: 0;\n      `;\n    },\n\n    wrapLink() {\n      return emotion.css`\n        padding: 0;\n      `;\n    },\n\n    /** @deprecated */\n    borderless() {\n      return emotion.css`\n        &,\n        &:active:hover,\n        &:hover {\n          box-shadow: none !important; // override root:hover style\n        }\n      `;\n    },\n\n    backlessDisabled(t: Theme) {\n      return emotion.css`\n        box-shadow: 0 0 0 1px ${t.btnBacklessDisabledBorderColor};\n        background-color: transparent;\n      `;\n    },\n\n    textDisabled() {\n      return emotion.css`\n        background-color: transparent;\n      `;\n    },\n\n    loading() {\n      return emotion.css`\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        border-radius: inherit;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        z-index: 10;\n      `;\n    },\n\n    visibilityHidden() {\n      return emotion.css`\n        visibility: hidden;\n      `;\n    },\n  };\n});\n\nexport const getActiveStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  default(t: Theme) {\n    return css`\n      & {\n        ${buttonActiveMixin(\n          t.btnDefaultActiveBg,\n          t.btnDefaultActiveShadow,\n          t.btnDefaultActiveBorderColor,\n          t.btnBorderWidth,\n        )};\n      }\n    `;\n  },\n\n  accent(t: Theme) {\n    return css`\n      & {\n        ${buttonActiveMixin(\n          t.btnPrimaryActiveBg,\n          t.btnPrimaryActiveShadow,\n          t.btnPrimaryActiveBorderColor,\n          t.btnBorderWidth,\n        )};\n      }\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      & {\n        ${buttonActiveMixin(\n          t.btnSuccessActiveBg,\n          t.btnSuccessActiveShadow,\n          t.btnSuccessActiveBorderColor,\n          t.btnBorderWidth,\n        )};\n      }\n    `;\n  },\n\n  danger(t: Theme) {\n    return css`\n      & {\n        ${buttonActiveMixin(\n          t.btnDangerActiveBg,\n          t.btnDangerActiveShadow,\n          t.btnDangerActiveBorderColor,\n          t.btnBorderWidth,\n        )};\n      }\n    `;\n  },\n\n  pay(t: Theme) {\n    return css`\n      & {\n        ${buttonActiveMixin(t.btnPayActiveBg, t.btnPayActiveShadow, t.btnPayActiveBorderColor, t.btnBorderWidth)};\n      }\n    `;\n  },\n\n  link(t: Theme) {\n    return css`\n      & {\n        color: ${t.btnLinkActiveColor};\n      }\n    `;\n  },\n\n  text(t: Theme) {\n    return css`\n      & {\n        ${buttonActiveMixin(t.btnTextActiveBg, '', t.btnTextActiveBg, t.btnBorderWidth)};\n      }\n    `;\n  },\n\n  outline(t: Theme) {\n    return css`\n      & {\n        ${buttonActiveMixin(t.btnBacklessActiveBg, '', t.btnBacklessActiveBorderColor, t.btnBorderWidth)};\n      }\n    `;\n  },\n\n  fill(t: Theme) {\n    return css`\n      & {\n        ${buttonActiveMixin(t.btnFillActiveBg, '', '', '')};\n      }\n    `;\n  },\n}));\n"]}

package/components/Button/ButtonArrow.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { Emotion } from '@emotion/css/create-instance';
+import type { Theme } from '../../lib/theming/Theme.js';
+import type { ButtonInnerProps } from './Button.js';
+import { getStyles } from './Button.styles.js';
+type ButtonArrowProps = Pick<ButtonInnerProps, 'size' | 'arrow' | 'checked' | 'disabled' | 'error' | 'use' | 'warning'> & {
+    isFocused: boolean;
+};
+export declare function useButtonArrow(props: ButtonArrowProps, theme: Theme, styles: ReturnType<typeof getStyles>, cx: Emotion['cx']): [string, React.ReactNode];
+export {};

package/components/Button/ButtonArrow.js

@@ -0,0 +1,51 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React, { useContext } from 'react';
+import { useEmotion, useStyles } from '../../lib/renderEnvironment/index.js';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { ArrowRightIcon } from './ArrowRightIcon.js';
+import { ArrowLeftIcon } from './ArrowLeftIcon.js';
+import { globalClasses, getStyles } from './Button.styles.js';
+var ButtonArrow = function (_a) {
+    var arrow = _a.arrow, size = _a.size;
+    var theme = useContext(ThemeContext);
+    var cx = useEmotion().cx;
+    var styles = useStyles(getStyles);
+    var getArrowIconRootClassName = function () {
+        var _a;
+        return cx(styles.arrowIconRoot(), globalClasses.arrow, (_a = {},
+            _a[styles.arrowIconRootSmall(theme)] = size === 'small',
+            _a[styles.arrowIconRootMedium(theme)] = size === 'medium',
+            _a[styles.arrowIconRootLarge(theme)] = size === 'large',
+            _a[styles.arrowIconLeft()] = arrow === 'left',
+            _a));
+    };
+    var arrowIcons = {
+        right: ArrowRightIcon,
+        left: ArrowLeftIcon,
+    };
+    var side = arrow === 'left' ? 'left' : 'right';
+    var ArrowIcon = arrowIcons[side];
+    var arrowNode = (React.createElement("div", { className: getArrowIconRootClassName() },
+        React.createElement(ArrowIcon, { size: size })));
+    return arrowNode;
+};
+export function useButtonArrow(props, theme, styles, cx) {
+    var arrow = props.arrow, size = props.size, use = props.use;
+    var canRender = use !== 'link' && (arrow === true || arrow === 'left');
+    var rootClassName = canRender
+        ? cx(arrow === true && size === 'small' && styles.withArrowIconRightSmall(theme), arrow === true && size === 'medium' && styles.withArrowIconRightMedium(theme), arrow === true && size === 'large' && styles.withArrowIconRightLarge(theme), arrow === 'left' && size === 'small' && styles.withArrowIconLeftSmall(theme), arrow === 'left' && size === 'medium' && styles.withArrowIconLeftMedium(theme), arrow === 'left' && size === 'large' && styles.withArrowIconLeftLarge(theme))
+        : '';
+    var arrowNode = canRender ? React.createElement(ButtonArrow, __assign({}, props)) : null;
+    return [rootClassName, arrowNode];
+}
+//# sourceMappingURL=ButtonArrow.js.map