@skbkontur/react-ui 0.0.0-001618ff8c → 0.0.0-044e274f2c

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

@@ -0,0 +1,241 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55, _templateObject56, _templateObject57, _templateObject58, _templateObject59, _templateObject60, _templateObject61, _templateObject62, _templateObject63, _templateObject64, _templateObject65, _templateObject66, _templateObject67, _templateObject68, _templateObject69, _templateObject70, _templateObject71, _templateObject72, _templateObject73;
+import { memoizeStyle, prefix } from "../../../lib/theming/Emotion";
+import { resetButton, resetText } from "../../../lib/styles/Mixins";
+import { buttonUseMixin, buttonHoverMixin, buttonActiveMixin, buttonSizeMixin, buttonSizeMixinIE11 } from "../Button.mixins";
+export var globalClasses = prefix('button')({
+  root: 'root',
+  arrow: 'arrow',
+  caption: 'caption',
+  text: 'text',
+  innerShadow: 'inner-shadow',
+  disabled: 'disabled'
+});
+export var getStyles = function getStyles(emotion) {
+  return memoizeStyle({
+    root: function root(t) {
+      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        ", ";\n        ", ";\n\n        transition: background-color ", " ", "\n          ", ";\n\n        background-clip: ", ";\n        background-position: center;\n        background-repeat: no-repeat;\n        background-size: contain;\n        cursor: pointer;\n        display: inline-block;\n        position: relative;\n        text-align: center;\n        width: 100%;\n        height: 100%; // fix height in ie11\n\n        .", " {\n          content: '';\n          border-radius: inherit;\n          position: absolute;\n          top: 0;\n          bottom: 0;\n          left: 0;\n          right: 0;\n        }\n\n        &::-moz-focus-inner {\n          border: 0;\n          padding: 0;\n        }\n        &::after {\n          content: '';\n          display: inline-block;\n          vertical-align: baseline;\n          width: 0;\n        }\n\n        &:hover svg {\n          color: ", ";\n        }\n        &.", " svg {\n          color: ", ";\n        }\n        & svg {\n          color: ", ";\n        }\n      "])), resetButton(emotion), resetText(emotion), t.transitionDuration, t.transitionTimingFunction, t.btnBorderColorTransition ? ", " + t.btnBorderColorTransition : '', t.btnBackgroundClip, globalClasses.innerShadow, t.btnIconHoverColor, globalClasses.disabled, t.btnIconDisabledColor, t.btnIconColor);
+    },
+    withArrowIconRightSmall: function withArrowIconRightSmall(t) {
+      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        padding-right: calc(\n          ", " + ", " + ", "\n        );\n      "])), t.btnIconSizeSmall, t.btnWithIconPaddingLeftSmall, t.btnWithIconPaddingLeftSmall);
+    },
+    withArrowIconRightMedium: function withArrowIconRightMedium(t) {
+      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        padding-right: calc(\n          ", " + ", " + ", "\n        );\n      "])), t.btnIconSizeMedium, t.btnWithIconPaddingLeftMedium, t.btnWithIconPaddingLeftMedium);
+    },
+    withArrowIconRightLarge: function withArrowIconRightLarge(t) {
+      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        padding-right: calc(\n          ", " + ", " + ", "\n        );\n      "])), t.btnIconSizeLarge, t.btnWithIconPaddingLeftLarge, t.btnWithIconPaddingLeftLarge);
+    },
+    withArrowIconLeftSmall: function withArrowIconLeftSmall(t) {
+      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        padding-left: calc(", " + ", " + ", ");\n      "])), t.btnIconSizeSmall, t.btnWithIconPaddingLeftSmall, t.btnWithIconPaddingLeftSmall);
+    },
+    withArrowIconLeftMedium: function withArrowIconLeftMedium(t) {
+      return emotion.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n        padding-left: calc(\n          ", " + ", " + ", "\n        );\n      "])), t.btnIconSizeMedium, t.btnWithIconPaddingLeftMedium, t.btnWithIconPaddingLeftMedium);
+    },
+    withArrowIconLeftLarge: function withArrowIconLeftLarge(t) {
+      return emotion.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n        padding-left: calc(", " + ", " + ", ");\n      "])), t.btnIconSizeLarge, t.btnWithIconPaddingLeftLarge, t.btnWithIconPaddingLeftLarge);
+    },
+    simulatedPress: function simulatedPress() {
+      return emotion.css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n        &:active .", " {\n          transform: translateY(1px);\n        }\n      "])), globalClasses.caption);
+    },
+    outline: function outline() {
+      return emotion.css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n        border-radius: inherit;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n      "])));
+    },
+    outlineWarning: function outlineWarning(t) {
+      return emotion.css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n        box-shadow:\n          0 0 0 ", " ", ",\n          inset 0 0 0 ", " ", ";\n      "])), t.btnOutlineWidth, t.btnBorderColorWarning, t.btnInsetWidth, t.btnInsetColor);
+    },
+    outlineError: function outlineError(t) {
+      return emotion.css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n        box-shadow:\n          0 0 0 ", " ", ",\n          inset 0 0 0 ", " ", ";\n      "])), t.btnOutlineWidth, t.btnBorderColorError, t.btnInsetWidth, t.btnInsetColor);
+    },
+    outlineLink: function outlineLink() {
+      return emotion.css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n        box-shadow: none;\n        left: -2px;\n        right: -2px;\n        bottom: -2px;\n        top: -2px;\n      "])));
+    },
+    outlineLinkWarning: function outlineLinkWarning(t) {
+      return emotion.css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n      "])), t.btnWarningSecondary);
+    },
+    outlineLinkError: function outlineLinkError(t) {
+      return emotion.css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n      "])), t.btnErrorSecondary);
+    },
+    sizeSmall: function sizeSmall(t) {
+      return emotion.css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n        border-radius: ", ";\n\n        ", ";\n      "])), t.btnBorderRadiusSmall, buttonSizeMixin(emotion)(t.btnFontSizeSmall, t.btnLineHeightSmall, t.btnPaddingXSmall, t.btnPaddingYSmall));
+    },
+    sizeSmallIE11: function sizeSmallIE11(t) {
+      return emotion.css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), buttonSizeMixinIE11(emotion)(t.btnPaddingXSmall, t.btnPaddingYSmall));
+    },
+    sizeMedium: function sizeMedium(t) {
+      return emotion.css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n        border-radius: ", ";\n\n        ", ";\n      "])), t.btnBorderRadiusMedium, buttonSizeMixin(emotion)(t.btnFontSizeMedium, t.btnLineHeightMedium, t.btnPaddingXMedium, t.btnPaddingYMedium));
+    },
+    sizeMediumIE11: function sizeMediumIE11(t) {
+      return emotion.css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), buttonSizeMixinIE11(emotion)(t.btnPaddingXMedium, t.btnPaddingYMedium));
+    },
+    sizeLarge: function sizeLarge(t) {
+      return emotion.css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n        border-radius: ", ";\n\n        ", ";\n      "])), t.btnBorderRadiusLarge, buttonSizeMixin(emotion)(t.btnFontSizeLarge, t.btnLineHeightLarge, t.btnPaddingXLarge, t.btnPaddingYLarge));
+    },
+    sizeLargeIE11: function sizeLargeIE11(t) {
+      return emotion.css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), buttonSizeMixinIE11(emotion)(t.btnPaddingXLarge, t.btnPaddingYLarge));
+    },
+    sizeSmallWithIcon: function sizeSmallWithIcon(t) {
+      return emotion.css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n        padding-left: ", ";\n      "])), t.btnWithIconPaddingLeftSmall);
+    },
+    sizeMediumWithIcon: function sizeMediumWithIcon(t) {
+      return emotion.css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n        padding-left: ", ";\n      "])), t.btnWithIconPaddingLeftMedium);
+    },
+    sizeLargeWithIcon: function sizeLargeWithIcon(t) {
+      return emotion.css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n        padding-left: ", ";\n      "])), t.btnWithIconPaddingLeftLarge);
+    },
+    sizeSmallWithIconWithoutText: function sizeSmallWithIconWithoutText(t) {
+      return emotion.css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n        padding-right: ", ";\n      "])), t.btnWithIconPaddingLeftSmall);
+    },
+    sizeMediumWithIconWithoutText: function sizeMediumWithIconWithoutText(t) {
+      return emotion.css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n        padding-right: ", ";\n      "])), t.btnWithIconPaddingLeftMedium);
+    },
+    sizeLargeWithIconWithoutText: function sizeLargeWithIconWithoutText(t) {
+      return emotion.css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n        padding-right: ", ";\n      "])), t.btnWithIconPaddingLeftLarge);
+    },
+    link: function link(t) {
+      return emotion.css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n        background: none;\n        border-radius: ", ";\n        border: none;\n        box-shadow: none;\n        white-space: nowrap;\n        color: ", ";\n        display: inline;\n        margin: 0;\n        padding: 0 !important; // override size mixin\n        height: auto !important; // override size mixin\n\n        &:hover:enabled,\n        &:active:enabled {\n          color: ", ";\n          text-decoration: ", ";\n        }\n\n        &:active:enabled {\n          ", "\n        }\n      "])), t.btnLinkBorderRadius, t.btnLinkColor, t.btnLinkHoverColor, t.btnLinkHoverTextDecoration, getActiveStyles(emotion).link(t));
+    },
+    linkLineHeight: function linkLineHeight() {
+      return emotion.css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n        line-height: inherit !important; // override size mixin\n      "])));
+    },
+    linkLineHeightSafariFallback: function linkLineHeightSafariFallback() {
+      return emotion.css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n        /* Safari overrides 'underline' and 'border' if 'line-height' is used */\n        margin: -1px 0 -2px;\n      "])));
+    },
+    linkFocus: function linkFocus(t) {
+      return emotion.css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n        & {\n          color: ", ";\n          text-decoration: ", ";\n        }\n      "])), t.btnLinkColor, t.btnLinkHoverTextDecoration);
+    },
+    linkDisabled: function linkDisabled(t) {
+      return emotion.css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n        cursor: default;\n\n        &,\n        &:hover:enabled,\n        &:active:enabled {\n          color: ", ";\n        }\n      "])), t.btnLinkDisabledColor);
+    },
+    focus: function focus(t) {
+      return emotion.css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n        position: relative;\n        z-index: 2;\n\n        &,\n        &:hover:enabled,\n        &:active:enabled,\n        &:active:hover:enabled {\n          box-shadow:\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 disabled(t) {
+      return emotion.css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n        cursor: default;\n        pointer-events: none;\n        box-shadow: 0 0 0 ", " ", ";\n\n        background-image: none;\n        background-color: ", ";\n        color: ", ";\n      "])), t.btnBorderWidth, t.btnDisabledBorderColor, t.btnDisabledBg, t.btnDisabledTextColor);
+    },
+    disabledWithoutOutline: function disabledWithoutOutline(t) {
+      return emotion.css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n        box-shadow: 0 0 0 ", " ", ";\n      "])), t.btnBorderWidth, t.btnDisabledBg);
+    },
+    arrowIconRoot: function arrowIconRoot() {
+      return emotion.css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n        position: absolute;\n        height: 100%;\n        top: 0;\n        right: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        box-sizing: content-box;\n      "])));
+    },
+    arrowIconRootSmall: function arrowIconRootSmall(t) {
+      return emotion.css(_templateObject36 || (_templateObject36 = _taggedTemplateLiteralLoose(["\n        padding: 0 ", " 0 ", ";\n        width: ", ";\n      "])), t.btnWithIconPaddingLeftSmall, t.btnWithIconPaddingLeftSmall, t.btnIconSizeSmall);
+    },
+    arrowIconRootMedium: function arrowIconRootMedium(t) {
+      return emotion.css(_templateObject37 || (_templateObject37 = _taggedTemplateLiteralLoose(["\n        padding: 0 ", " 0 ", ";\n        width: ", ";\n      "])), t.btnWithIconPaddingLeftMedium, t.btnWithIconPaddingLeftMedium, t.btnIconSizeMedium);
+    },
+    arrowIconRootLarge: function arrowIconRootLarge(t) {
+      return emotion.css(_templateObject38 || (_templateObject38 = _taggedTemplateLiteralLoose(["\n        padding: 0 ", " 0 ", ";\n        width: ", ";\n      "])), t.btnWithIconPaddingLeftLarge, t.btnWithIconPaddingLeftLarge, t.btnIconSizeLarge);
+    },
+    arrowIconLeft: function arrowIconLeft() {
+      return emotion.css(_templateObject39 || (_templateObject39 = _taggedTemplateLiteralLoose(["\n        left: 0;\n      "])));
+    },
+    "default": function _default(t) {
+      return emotion.css(_templateObject40 || (_templateObject40 = _taggedTemplateLiteralLoose(["\n        ", ";\n\n        &:hover {\n          ", ";\n        }\n\n        &:active {\n          ", ";\n        }\n      "])), buttonUseMixin(emotion)(t.btnDefaultBg, t.btnDefaultBgStart, t.btnDefaultBgEnd, t.btnDefaultTextColor, t.btnDefaultBorderColor, t.btnBorderWidth), buttonHoverMixin(emotion)(t.btnDefaultHoverBg, t.btnDefaultHoverBgStart, t.btnDefaultHoverBgEnd, t.btnDefaultHoverTextColor, t.btnDefaultHoverBorderColor, t.btnBorderWidth), getActiveStyles(emotion)["default"](t));
+    },
+    primary: function primary(t) {
+      return emotion.css(_templateObject41 || (_templateObject41 = _taggedTemplateLiteralLoose(["\n        ", ";\n\n        &:hover {\n          ", ";\n        }\n\n        &:active {\n          ", "\n        }\n      "])), buttonUseMixin(emotion)(t.btnPrimaryBg, t.btnPrimaryBgStart, t.btnPrimaryBgEnd, t.btnPrimaryTextColor, t.btnPrimaryBorderColor, t.btnBorderWidth), buttonHoverMixin(emotion)(t.btnPrimaryHoverBg, t.btnPrimaryHoverBgStart, t.btnPrimaryHoverBgEnd, t.btnPrimaryHoverTextColor, t.btnPrimaryHoverBorderColor, t.btnBorderWidth), getActiveStyles(emotion).primary(t));
+    },
+    success: function success(t) {
+      return emotion.css(_templateObject42 || (_templateObject42 = _taggedTemplateLiteralLoose(["\n        ", ";\n\n        &:hover {\n          ", ";\n        }\n\n        &:active {\n          ", "\n        }\n      "])), buttonUseMixin(emotion)(t.btnSuccessBg, t.btnSuccessBgStart, t.btnSuccessBgEnd, t.btnSuccessTextColor, t.btnSuccessBorderColor, t.btnBorderWidth), buttonHoverMixin(emotion)(t.btnSuccessHoverBg, t.btnSuccessHoverBgStart, t.btnSuccessHoverBgEnd, t.btnSuccessHoverTextColor, t.btnSuccessHoverBorderColor, t.btnBorderWidth), getActiveStyles(emotion).success(t));
+    },
+    danger: function danger(t) {
+      return emotion.css(_templateObject43 || (_templateObject43 = _taggedTemplateLiteralLoose(["\n        ", ";\n\n        &:hover {\n          ", ";\n        }\n\n        &:active {\n          ", "\n        }\n      "])), buttonUseMixin(emotion)(t.btnDangerBg, t.btnDangerBgStart, t.btnDangerBgEnd, t.btnDangerTextColor, t.btnDangerBorderColor, t.btnBorderWidth), buttonHoverMixin(emotion)(t.btnDangerHoverBg, t.btnDangerHoverBgStart, t.btnDangerHoverBgEnd, t.btnDangerHoverTextColor, t.btnDangerHoverBorderColor, t.btnBorderWidth), getActiveStyles(emotion).danger(t));
+    },
+    pay: function pay(t) {
+      return emotion.css(_templateObject44 || (_templateObject44 = _taggedTemplateLiteralLoose(["\n        ", ";\n\n        &:hover {\n          ", ";\n        }\n\n        &:active {\n          ", "\n        }\n      "])), buttonUseMixin(emotion)(t.btnPayBg, t.btnPayBgStart, t.btnPayBgEnd, t.btnPayTextColor, t.btnPayBorderColor, t.btnBorderWidth), buttonHoverMixin(emotion)(t.btnPayHoverBg, t.btnPayHoverBgStart, t.btnPayHoverBgEnd, t.btnPayHoverTextColor, t.btnPayHoverBorderColor, t.btnBorderWidth), getActiveStyles(emotion).pay(t));
+    },
+    text: function text(t) {
+      return emotion.css(_templateObject45 || (_templateObject45 = _taggedTemplateLiteralLoose(["\n        &,\n        &:enabled,\n        &:hover {\n          box-shadow: none;\n        }\n\n        ", ";\n\n        &:hover {\n          ", ";\n        }\n\n        &:active {\n          ", "\n        }\n      "])), buttonUseMixin(emotion)(t.btnTextBg, '', '', t.btnTextTextColor, t.btnTextBorderColor, t.btnBorderWidth), buttonHoverMixin(emotion)(t.btnTextHoverBg, '', '', t.btnTextHoverTextColor, t.btnTextHoverBorderColor, t.btnBorderWidth), getActiveStyles(emotion).text(t));
+    },
+    backless: function backless(t) {
+      return emotion.css(_templateObject46 || (_templateObject46 = _taggedTemplateLiteralLoose(["\n        ", ";\n\n        color: ", ";\n        background: transparent;\n\n        &:hover {\n          ", ";\n        }\n\n        &:active {\n          ", "\n        }\n      "])), buttonUseMixin(emotion)(t.btnBacklessBg, '', '', t.btnBacklessTextColor, t.btnBacklessBorderColor, t.btnBorderWidth), t.btnDefaultTextColor, buttonHoverMixin(emotion)(t.btnBacklessHoverBg, '', '', t.btnBacklessHoverTextColor, t.btnBacklessHoverBorderColor, t.btnBorderWidth), getActiveStyles(emotion).backless(t));
+    },
+    checked: function checked(t) {
+      var checkedStyles = "\n      background-image: none;\n      box-shadow: 0 0 0 " + t.btnBorderWidth + " " + t.btnDefaultCheckedBorderColor + " !important;\n      background-color: " + t.btnCheckedBg + " !important;\n      color: " + t.btnCheckedTextColor + " !important;\n\n      ." + globalClasses.innerShadow + " {\n        box-shadow: " + t.btnCheckedShadow + ";\n      }\n\n      :enabled svg {\n        color: " + t.btnCheckedTextColor + " !important;\n      }\n      :hover:enabled svg {\n        color: " + t.btnCheckedTextColor + " !important;\n      }\n    ";
+      return emotion.css(_templateObject47 || (_templateObject47 = _taggedTemplateLiteralLoose(["\n        ", "\n\n        &:hover:enabled,\n      &:active:enabled,\n      &:hover:active:enabled {\n          ", "\n        }\n      "])), checkedStyles, checkedStyles);
+    },
+    checkedFocused: function checkedFocused(t) {
+      return emotion.css(_templateObject48 || (_templateObject48 = _taggedTemplateLiteralLoose(["\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 checkedDisabled(t) {
+      return emotion.css(_templateObject49 || (_templateObject49 = _taggedTemplateLiteralLoose(["\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 caption() {
+      return emotion.css(_templateObject50 || (_templateObject50 = _taggedTemplateLiteralLoose(["\n        position: relative;\n        white-space: nowrap;\n        display: inline-block;\n        width: 100%;\n        vertical-align: top;\n      "])));
+    },
+    captionLink: function captionLink() {
+      return emotion.css(_templateObject51 || (_templateObject51 = _taggedTemplateLiteralLoose(["\n        display: inline;\n        transform: none !important; // override root:active style\n      "])));
+    },
+    captionDisabled: function captionDisabled() {
+      return emotion.css(_templateObject52 || (_templateObject52 = _taggedTemplateLiteralLoose(["\n        transform: none !important; // override root:active style\n      "])));
+    },
+    wrap: function wrap(t) {
+      return emotion.css(_templateObject53 || (_templateObject53 = _taggedTemplateLiteralLoose(["\n        box-sizing: border-box;\n        display: inline-block;\n        line-height: normal;\n        padding: ", ";\n      "])), t.btnBorderWidth);
+    },
+    wrapSmall: function wrapSmall(t) {
+      return emotion.css(_templateObject54 || (_templateObject54 = _taggedTemplateLiteralLoose(["\n        height: ", ";\n      "])), t.btnHeightSmall);
+    },
+    wrapMedium: function wrapMedium(t) {
+      return emotion.css(_templateObject55 || (_templateObject55 = _taggedTemplateLiteralLoose(["\n        height: ", ";\n      "])), t.btnHeightMedium);
+    },
+    wrapLarge: function wrapLarge(t) {
+      return emotion.css(_templateObject56 || (_templateObject56 = _taggedTemplateLiteralLoose(["\n        height: ", ";\n      "])), t.btnHeightLarge);
+    },
+    narrow: function narrow() {
+      return emotion.css(_templateObject57 || (_templateObject57 = _taggedTemplateLiteralLoose(["\n        padding-left: 5px;\n        padding-right: 5px;\n      "])));
+    },
+    noPadding: function noPadding() {
+      return emotion.css(_templateObject58 || (_templateObject58 = _taggedTemplateLiteralLoose(["\n        padding-left: 0;\n        padding-right: 0;\n      "])));
+    },
+    noRightPadding: function noRightPadding() {
+      return emotion.css(_templateObject59 || (_templateObject59 = _taggedTemplateLiteralLoose(["\n        padding-right: 0;\n      "])));
+    },
+    wrapLink: function wrapLink() {
+      return emotion.css(_templateObject60 || (_templateObject60 = _taggedTemplateLiteralLoose(["\n        padding: 0;\n      "])));
+    },
+    borderless: function borderless() {
+      return emotion.css(_templateObject61 || (_templateObject61 = _taggedTemplateLiteralLoose(["\n        &,\n        &:active:hover,\n        &:hover {\n          box-shadow: none !important; // override root:hover style\n        }\n      "])));
+    },
+    backlessDisabled: function backlessDisabled(t) {
+      return emotion.css(_templateObject62 || (_templateObject62 = _taggedTemplateLiteralLoose(["\n        box-shadow: 0 0 0 1px ", ";\n        background-color: transparent;\n      "])), t.btnBacklessDisabledBorderColor);
+    },
+    textDisabled: function textDisabled() {
+      return emotion.css(_templateObject63 || (_templateObject63 = _taggedTemplateLiteralLoose(["\n        background-color: transparent;\n      "])));
+    },
+    loading: function loading() {
+      return emotion.css(_templateObject64 || (_templateObject64 = _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 emotion.css(_templateObject65 || (_templateObject65 = _taggedTemplateLiteralLoose(["\n        visibility: hidden;\n      "])));
+    }
+  });
+};
+export var getActiveStyles = function getActiveStyles(emotion) {
+  return memoizeStyle({
+    "default": function _default(t) {
+      return emotion.css(_templateObject66 || (_templateObject66 = _taggedTemplateLiteralLoose(["\n        & {\n          ", ";\n        }\n      "])), buttonActiveMixin(emotion)(t.btnDefaultActiveBg, t.btnDefaultActiveShadow, t.btnDefaultActiveBorderColor, t.btnBorderWidth));
+    },
+    primary: function primary(t) {
+      return emotion.css(_templateObject67 || (_templateObject67 = _taggedTemplateLiteralLoose(["\n        & {\n          ", ";\n        }\n      "])), buttonActiveMixin(emotion)(t.btnPrimaryActiveBg, t.btnPrimaryActiveShadow, t.btnPrimaryActiveBorderColor, t.btnBorderWidth));
+    },
+    success: function success(t) {
+      return emotion.css(_templateObject68 || (_templateObject68 = _taggedTemplateLiteralLoose(["\n        & {\n          ", ";\n        }\n      "])), buttonActiveMixin(emotion)(t.btnSuccessActiveBg, t.btnSuccessActiveShadow, t.btnSuccessActiveBorderColor, t.btnBorderWidth));
+    },
+    danger: function danger(t) {
+      return emotion.css(_templateObject69 || (_templateObject69 = _taggedTemplateLiteralLoose(["\n        & {\n          ", ";\n        }\n      "])), buttonActiveMixin(emotion)(t.btnDangerActiveBg, t.btnDangerActiveShadow, t.btnDangerActiveBorderColor, t.btnBorderWidth));
+    },
+    pay: function pay(t) {
+      return emotion.css(_templateObject70 || (_templateObject70 = _taggedTemplateLiteralLoose(["\n        & {\n          ", ";\n        }\n      "])), buttonActiveMixin(emotion)(t.btnPayActiveBg, t.btnPayActiveShadow, t.btnPayActiveBorderColor, t.btnBorderWidth));
+    },
+    link: function link(t) {
+      return emotion.css(_templateObject71 || (_templateObject71 = _taggedTemplateLiteralLoose(["\n        & {\n          color: ", ";\n        }\n      "])), t.btnLinkActiveColor);
+    },
+    text: function text(t) {
+      return emotion.css(_templateObject72 || (_templateObject72 = _taggedTemplateLiteralLoose(["\n        & {\n          ", ";\n        }\n      "])), buttonActiveMixin(emotion)(t.btnTextActiveBg, '', t.btnTextActiveBg, t.btnBorderWidth));
+    },
+    backless: function backless(t) {
+      return emotion.css(_templateObject73 || (_templateObject73 = _taggedTemplateLiteralLoose(["\n        & {\n          ", "\n        }\n      "])), buttonActiveMixin(emotion)(t.btnBacklessActiveBg, '', t.btnBacklessActiveBorderColor, t.btnBorderWidth));
+    }
+  });
+};

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

@@ -0,0 +1 @@
+{"version":3,"names":["memoizeStyle","prefix","resetButton","resetText","buttonUseMixin","buttonHoverMixin","buttonActiveMixin","buttonSizeMixin","buttonSizeMixinIE11","globalClasses","root","arrow","caption","text","innerShadow","disabled","getStyles","emotion","t","css","_templateObject","_taggedTemplateLiteralLoose","transitionDuration","transitionTimingFunction","btnBorderColorTransition","btnBackgroundClip","btnIconHoverColor","btnIconDisabledColor","btnIconColor","withArrowIconRightSmall","_templateObject2","btnIconSizeSmall","btnWithIconPaddingLeftSmall","withArrowIconRightMedium","_templateObject3","btnIconSizeMedium","btnWithIconPaddingLeftMedium","withArrowIconRightLarge","_templateObject4","btnIconSizeLarge","btnWithIconPaddingLeftLarge","withArrowIconLeftSmall","_templateObject5","withArrowIconLeftMedium","_templateObject6","withArrowIconLeftLarge","_templateObject7","simulatedPress","_templateObject8","outline","_templateObject9","outlineWarning","_templateObject10","btnOutlineWidth","btnBorderColorWarning","btnInsetWidth","btnInsetColor","outlineError","_templateObject11","btnBorderColorError","outlineLink","_templateObject12","outlineLinkWarning","_templateObject13","btnWarningSecondary","outlineLinkError","_templateObject14","btnErrorSecondary","sizeSmall","_templateObject15","btnBorderRadiusSmall","btnFontSizeSmall","btnLineHeightSmall","btnPaddingXSmall","btnPaddingYSmall","sizeSmallIE11","_templateObject16","sizeMedium","_templateObject17","btnBorderRadiusMedium","btnFontSizeMedium","btnLineHeightMedium","btnPaddingXMedium","btnPaddingYMedium","sizeMediumIE11","_templateObject18","sizeLarge","_templateObject19","btnBorderRadiusLarge","btnFontSizeLarge","btnLineHeightLarge","btnPaddingXLarge","btnPaddingYLarge","sizeLargeIE11","_templateObject20","sizeSmallWithIcon","_templateObject21","sizeMediumWithIcon","_templateObject22","sizeLargeWithIcon","_templateObject23","sizeSmallWithIconWithoutText","_templateObject24","sizeMediumWithIconWithoutText","_templateObject25","sizeLargeWithIconWithoutText","_templateObject26","link","_templateObject27","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","getActiveStyles","linkLineHeight","_templateObject28","linkLineHeightSafariFallback","_templateObject29","linkFocus","_templateObject30","linkDisabled","_templateObject31","btnLinkDisabledColor","focus","_templateObject32","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","_templateObject33","btnBorderWidth","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","disabledWithoutOutline","_templateObject34","arrowIconRoot","_templateObject35","arrowIconRootSmall","_templateObject36","arrowIconRootMedium","_templateObject37","arrowIconRootLarge","_templateObject38","arrowIconLeft","_templateObject39","_default","_templateObject40","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultTextColor","btnDefaultBorderColor","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverTextColor","btnDefaultHoverBorderColor","primary","_templateObject41","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverTextColor","btnPrimaryHoverBorderColor","success","_templateObject42","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverTextColor","btnSuccessHoverBorderColor","danger","_templateObject43","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverTextColor","btnDangerHoverBorderColor","pay","_templateObject44","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayTextColor","btnPayBorderColor","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverTextColor","btnPayHoverBorderColor","_templateObject45","btnTextBg","btnTextTextColor","btnTextBorderColor","btnTextHoverBg","btnTextHoverTextColor","btnTextHoverBorderColor","backless","_templateObject46","btnBacklessBg","btnBacklessTextColor","btnBacklessBorderColor","btnBacklessHoverBg","btnBacklessHoverTextColor","btnBacklessHoverBorderColor","checked","checkedStyles","btnDefaultCheckedBorderColor","btnCheckedBg","btnCheckedTextColor","btnCheckedShadow","_templateObject47","checkedFocused","_templateObject48","checkedDisabled","_templateObject49","btnCheckedDisabledBorderColor","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledShadow","_templateObject50","captionLink","_templateObject51","captionDisabled","_templateObject52","wrap","_templateObject53","wrapSmall","_templateObject54","btnHeightSmall","wrapMedium","_templateObject55","btnHeightMedium","wrapLarge","_templateObject56","btnHeightLarge","narrow","_templateObject57","noPadding","_templateObject58","noRightPadding","_templateObject59","wrapLink","_templateObject60","borderless","_templateObject61","backlessDisabled","_templateObject62","btnBacklessDisabledBorderColor","textDisabled","_templateObject63","loading","_templateObject64","visibilityHidden","_templateObject65","_templateObject66","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","_templateObject67","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","_templateObject68","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","_templateObject69","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","_templateObject70","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","_templateObject71","btnLinkActiveColor","_templateObject72","btnTextActiveBg","_templateObject73","btnBacklessActiveBg","btnBacklessActiveBorderColor"],"sources":["Button.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton, resetText } from '../../lib/styles/Mixins';\n\nimport {\n  buttonUseMixin,\n  buttonHoverMixin,\n  buttonActiveMixin,\n  buttonSizeMixin,\n  buttonSizeMixinIE11,\n} from './Button.mixins';\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 = (emotion: Emotion) =>\n  memoizeStyle({\n    root(t: Theme) {\n      return emotion.css`\n        ${resetButton(emotion)};\n        ${resetText(emotion)};\n\n        transition: background-color ${t.transitionDuration} ${t.transitionTimingFunction}\n          ${t.btnBorderColorTransition ? `, ${t.btnBorderColorTransition}` : ''};\n\n        background-clip: ${t.btnBackgroundClip};\n        background-position: center;\n        background-repeat: no-repeat;\n        background-size: contain;\n        cursor: pointer;\n        display: inline-block;\n        position: relative;\n        text-align: center;\n        width: 100%;\n        height: 100%; // fix height in ie11\n\n        .${globalClasses.innerShadow} {\n          content: '';\n          border-radius: inherit;\n          position: absolute;\n          top: 0;\n          bottom: 0;\n          left: 0;\n          right: 0;\n        }\n\n        &::-moz-focus-inner {\n          border: 0;\n          padding: 0;\n        }\n        &::after {\n          content: '';\n          display: inline-block;\n          vertical-align: baseline;\n          width: 0;\n        }\n\n        &:hover 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(\n          ${t.btnIconSizeSmall} + ${t.btnWithIconPaddingLeftSmall} + ${t.btnWithIconPaddingLeftSmall}\n        );\n      `;\n    },\n\n    withArrowIconRightMedium(t: Theme) {\n      return emotion.css`\n        padding-right: calc(\n          ${t.btnIconSizeMedium} + ${t.btnWithIconPaddingLeftMedium} + ${t.btnWithIconPaddingLeftMedium}\n        );\n      `;\n    },\n\n    withArrowIconRightLarge(t: Theme) {\n      return emotion.css`\n        padding-right: calc(\n          ${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLeftLarge} + ${t.btnWithIconPaddingLeftLarge}\n        );\n      `;\n    },\n\n    withArrowIconLeftSmall(t: Theme) {\n      return emotion.css`\n        padding-left: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingLeftSmall} + ${t.btnWithIconPaddingLeftSmall});\n      `;\n    },\n\n    withArrowIconLeftMedium(t: Theme) {\n      return emotion.css`\n        padding-left: calc(\n          ${t.btnIconSizeMedium} + ${t.btnWithIconPaddingLeftMedium} + ${t.btnWithIconPaddingLeftMedium}\n        );\n      `;\n    },\n\n    withArrowIconLeftLarge(t: Theme) {\n      return emotion.css`\n        padding-left: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLeftLarge} + ${t.btnWithIconPaddingLeftLarge});\n      `;\n    },\n\n    simulatedPress() {\n      return emotion.css`\n        &:active .${globalClasses.caption} {\n          transform: translateY(1px);\n        }\n      `;\n    },\n\n    outline() {\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    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    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    outlineLink() {\n      return emotion.css`\n        box-shadow: none;\n        left: -2px;\n        right: -2px;\n        bottom: -2px;\n        top: -2px;\n      `;\n    },\n\n    outlineLinkWarning(t: Theme) {\n      return emotion.css`\n        background-color: ${t.btnWarningSecondary};\n      `;\n    },\n\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(emotion)(t.btnFontSizeSmall, t.btnLineHeightSmall, t.btnPaddingXSmall, t.btnPaddingYSmall)};\n      `;\n    },\n\n    sizeSmallIE11(t: Theme) {\n      return emotion.css`\n        ${buttonSizeMixinIE11(emotion)(t.btnPaddingXSmall, t.btnPaddingYSmall)};\n      `;\n    },\n\n    sizeMedium(t: Theme) {\n      return emotion.css`\n        border-radius: ${t.btnBorderRadiusMedium};\n\n        ${buttonSizeMixin(emotion)(t.btnFontSizeMedium, t.btnLineHeightMedium, t.btnPaddingXMedium, t.btnPaddingYMedium)};\n      `;\n    },\n\n    sizeMediumIE11(t: Theme) {\n      return emotion.css`\n        ${buttonSizeMixinIE11(emotion)(t.btnPaddingXMedium, t.btnPaddingYMedium)};\n      `;\n    },\n\n    sizeLarge(t: Theme) {\n      return emotion.css`\n        border-radius: ${t.btnBorderRadiusLarge};\n\n        ${buttonSizeMixin(emotion)(t.btnFontSizeLarge, t.btnLineHeightLarge, t.btnPaddingXLarge, t.btnPaddingYLarge)};\n      `;\n    },\n\n    sizeLargeIE11(t: Theme) {\n      return emotion.css`\n        ${buttonSizeMixinIE11(emotion)(t.btnPaddingXLarge, t.btnPaddingYLarge)};\n      `;\n    },\n\n    sizeSmallWithIcon(t: Theme) {\n      return emotion.css`\n        padding-left: ${t.btnWithIconPaddingLeftSmall};\n      `;\n    },\n\n    sizeMediumWithIcon(t: Theme) {\n      return emotion.css`\n        padding-left: ${t.btnWithIconPaddingLeftMedium};\n      `;\n    },\n\n    sizeLargeWithIcon(t: Theme) {\n      return emotion.css`\n        padding-left: ${t.btnWithIconPaddingLeftLarge};\n      `;\n    },\n\n    sizeSmallWithIconWithoutText(t: Theme) {\n      return emotion.css`\n        padding-right: ${t.btnWithIconPaddingLeftSmall};\n      `;\n    },\n\n    sizeMediumWithIconWithoutText(t: Theme) {\n      return emotion.css`\n        padding-right: ${t.btnWithIconPaddingLeftMedium};\n      `;\n    },\n\n    sizeLargeWithIconWithoutText(t: Theme) {\n      return emotion.css`\n        padding-right: ${t.btnWithIconPaddingLeftLarge};\n      `;\n    },\n\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          ${getActiveStyles(emotion).link(t)}\n        }\n      `;\n    },\n\n    linkLineHeight() {\n      return emotion.css`\n        line-height: inherit !important; // override size mixin\n      `;\n    },\n\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    linkFocus(t: Theme) {\n      return emotion.css`\n        & {\n          color: ${t.btnLinkColor};\n          text-decoration: ${t.btnLinkHoverTextDecoration};\n        }\n      `;\n    },\n\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.btnWithIconPaddingLeftSmall} 0 ${t.btnWithIconPaddingLeftSmall};\n        width: ${t.btnIconSizeSmall};\n      `;\n    },\n\n    arrowIconRootMedium(t: Theme) {\n      return emotion.css`\n        padding: 0 ${t.btnWithIconPaddingLeftMedium} 0 ${t.btnWithIconPaddingLeftMedium};\n        width: ${t.btnIconSizeMedium};\n      `;\n    },\n\n    arrowIconRootLarge(t: Theme) {\n      return emotion.css`\n        padding: 0 ${t.btnWithIconPaddingLeftLarge} 0 ${t.btnWithIconPaddingLeftLarge};\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(emotion)(\n          t.btnDefaultBg,\n          t.btnDefaultBgStart,\n          t.btnDefaultBgEnd,\n          t.btnDefaultTextColor,\n          t.btnDefaultBorderColor,\n          t.btnBorderWidth,\n        )};\n\n        &:hover {\n          ${buttonHoverMixin(emotion)(\n            t.btnDefaultHoverBg,\n            t.btnDefaultHoverBgStart,\n            t.btnDefaultHoverBgEnd,\n            t.btnDefaultHoverTextColor,\n            t.btnDefaultHoverBorderColor,\n            t.btnBorderWidth,\n          )};\n        }\n\n        &:active {\n          ${getActiveStyles(emotion).default(t)};\n        }\n      `;\n    },\n\n    primary(t: Theme) {\n      return emotion.css`\n        ${buttonUseMixin(emotion)(\n          t.btnPrimaryBg,\n          t.btnPrimaryBgStart,\n          t.btnPrimaryBgEnd,\n          t.btnPrimaryTextColor,\n          t.btnPrimaryBorderColor,\n          t.btnBorderWidth,\n        )};\n\n        &:hover {\n          ${buttonHoverMixin(emotion)(\n            t.btnPrimaryHoverBg,\n            t.btnPrimaryHoverBgStart,\n            t.btnPrimaryHoverBgEnd,\n            t.btnPrimaryHoverTextColor,\n            t.btnPrimaryHoverBorderColor,\n            t.btnBorderWidth,\n          )};\n        }\n\n        &:active {\n          ${getActiveStyles(emotion).primary(t)}\n        }\n      `;\n    },\n\n    success(t: Theme) {\n      return emotion.css`\n        ${buttonUseMixin(emotion)(\n          t.btnSuccessBg,\n          t.btnSuccessBgStart,\n          t.btnSuccessBgEnd,\n          t.btnSuccessTextColor,\n          t.btnSuccessBorderColor,\n          t.btnBorderWidth,\n        )};\n\n        &:hover {\n          ${buttonHoverMixin(emotion)(\n            t.btnSuccessHoverBg,\n            t.btnSuccessHoverBgStart,\n            t.btnSuccessHoverBgEnd,\n            t.btnSuccessHoverTextColor,\n            t.btnSuccessHoverBorderColor,\n            t.btnBorderWidth,\n          )};\n        }\n\n        &:active {\n          ${getActiveStyles(emotion).success(t)}\n        }\n      `;\n    },\n\n    danger(t: Theme) {\n      return emotion.css`\n        ${buttonUseMixin(emotion)(\n          t.btnDangerBg,\n          t.btnDangerBgStart,\n          t.btnDangerBgEnd,\n          t.btnDangerTextColor,\n          t.btnDangerBorderColor,\n          t.btnBorderWidth,\n        )};\n\n        &:hover {\n          ${buttonHoverMixin(emotion)(\n            t.btnDangerHoverBg,\n            t.btnDangerHoverBgStart,\n            t.btnDangerHoverBgEnd,\n            t.btnDangerHoverTextColor,\n            t.btnDangerHoverBorderColor,\n            t.btnBorderWidth,\n          )};\n        }\n\n        &:active {\n          ${getActiveStyles(emotion).danger(t)}\n        }\n      `;\n    },\n\n    pay(t: Theme) {\n      return emotion.css`\n        ${buttonUseMixin(emotion)(\n          t.btnPayBg,\n          t.btnPayBgStart,\n          t.btnPayBgEnd,\n          t.btnPayTextColor,\n          t.btnPayBorderColor,\n          t.btnBorderWidth,\n        )};\n\n        &:hover {\n          ${buttonHoverMixin(emotion)(\n            t.btnPayHoverBg,\n            t.btnPayHoverBgStart,\n            t.btnPayHoverBgEnd,\n            t.btnPayHoverTextColor,\n            t.btnPayHoverBorderColor,\n            t.btnBorderWidth,\n          )};\n        }\n\n        &:active {\n          ${getActiveStyles(emotion).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(emotion)(t.btnTextBg, '', '', t.btnTextTextColor, t.btnTextBorderColor, t.btnBorderWidth)};\n\n        &:hover {\n          ${buttonHoverMixin(emotion)(\n            t.btnTextHoverBg,\n            '',\n            '',\n            t.btnTextHoverTextColor,\n            t.btnTextHoverBorderColor,\n            t.btnBorderWidth,\n          )};\n        }\n\n        &:active {\n          ${getActiveStyles(emotion).text(t)}\n        }\n      `;\n    },\n\n    backless(t: Theme) {\n      return emotion.css`\n        ${buttonUseMixin(emotion)(t.btnBacklessBg, '', '', t.btnBacklessTextColor, t.btnBacklessBorderColor, t.btnBorderWidth)};\n\n        color: ${t.btnDefaultTextColor};\n        background: transparent;\n\n        &:hover {\n          ${buttonHoverMixin(emotion)(\n            t.btnBacklessHoverBg,\n            '',\n            '',\n            t.btnBacklessHoverTextColor,\n            t.btnBacklessHoverBorderColor,\n            t.btnBorderWidth,\n          )};\n        }\n\n        &:active {\n          ${getActiveStyles(emotion).backless(t)}\n        }\n      `;\n    },\n\n    checked(t: Theme) {\n      const checkedStyles = `\n      background-image: none;\n      box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDefaultCheckedBorderColor} !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    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    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\nexport const getActiveStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    default(t: Theme) {\n      return emotion.css`\n        & {\n          ${buttonActiveMixin(emotion)(\n            t.btnDefaultActiveBg,\n            t.btnDefaultActiveShadow,\n            t.btnDefaultActiveBorderColor,\n            t.btnBorderWidth,\n          )};\n        }\n      `;\n    },\n\n    primary(t: Theme) {\n      return emotion.css`\n        & {\n          ${buttonActiveMixin(emotion)(\n            t.btnPrimaryActiveBg,\n            t.btnPrimaryActiveShadow,\n            t.btnPrimaryActiveBorderColor,\n            t.btnBorderWidth,\n          )};\n        }\n      `;\n    },\n\n    success(t: Theme) {\n      return emotion.css`\n        & {\n          ${buttonActiveMixin(emotion)(\n            t.btnSuccessActiveBg,\n            t.btnSuccessActiveShadow,\n            t.btnSuccessActiveBorderColor,\n            t.btnBorderWidth,\n          )};\n        }\n      `;\n    },\n\n    danger(t: Theme) {\n      return emotion.css`\n        & {\n          ${buttonActiveMixin(emotion)(\n            t.btnDangerActiveBg,\n            t.btnDangerActiveShadow,\n            t.btnDangerActiveBorderColor,\n            t.btnBorderWidth,\n          )};\n        }\n      `;\n    },\n\n    pay(t: Theme) {\n      return emotion.css`\n        & {\n          ${buttonActiveMixin(emotion)(t.btnPayActiveBg, t.btnPayActiveShadow, t.btnPayActiveBorderColor, t.btnBorderWidth)};\n        }\n      `;\n    },\n\n    link(t: Theme) {\n      return emotion.css`\n        & {\n          color: ${t.btnLinkActiveColor};\n        }\n      `;\n    },\n\n    text(t: Theme) {\n      return emotion.css`\n        & {\n          ${buttonActiveMixin(emotion)(t.btnTextActiveBg, '', t.btnTextActiveBg, t.btnBorderWidth)};\n        }\n      `;\n    },\n\n    backless(t: Theme) {\n      return emotion.css`\n        & {\n          ${buttonActiveMixin(emotion)(t.btnBacklessActiveBg, '', t.btnBacklessActiveBorderColor, t.btnBorderWidth)}\n        }\n      `;\n    },\n  });\n"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -1,22 +1,87 @@
-import { ITheme } from '../../lib/theming/Theme';
-declare const jsClasses: {
-    root(t: ITheme): string;
-    warning(t: ITheme): string;
-    error(t: ITheme): string;
-    sizeSmall(t: ITheme): string;
-    sizeMedium(t: ITheme): string;
-    sizeLarge(t: ITheme): string;
-    link(t: ITheme): string;
-    focus(t: ITheme): string;
-    disabled(t: ITheme): string;
-    arrow_warning(t: ITheme): string;
-    arrow_error(t: ITheme): string;
-    default(t: ITheme): string;
-    primary(t: ITheme): string;
-    success(t: ITheme): string;
-    danger(t: ITheme): string;
-    pay(t: ITheme): string;
-    checked(t: ITheme): string;
-    wrap(t: ITheme): string;
+import type { Emotion } from '@emotion/css/create-instance';
+import { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    root: string;
+    arrow: string;
+    caption: string;
+    text: string;
+    innerShadow: string;
+    disabled: string;
+};
+export declare const getStyles: (emotion: Emotion) => {
+    root(t: Theme): string;
+    withArrowIconRightSmall(t: Theme): string;
+    withArrowIconRightMedium(t: Theme): string;
+    withArrowIconRightLarge(t: Theme): string;
+    withArrowIconLeftSmall(t: Theme): string;
+    withArrowIconLeftMedium(t: Theme): string;
+    withArrowIconLeftLarge(t: Theme): string;
+    simulatedPress(): string;
+    outline(): string;
+    outlineWarning(t: Theme): string;
+    outlineError(t: Theme): string;
+    outlineLink(): string;
+    outlineLinkWarning(t: Theme): string;
+    outlineLinkError(t: Theme): string;
+    sizeSmall(t: Theme): string;
+    sizeSmallIE11(t: Theme): string;
+    sizeMedium(t: Theme): string;
+    sizeMediumIE11(t: Theme): string;
+    sizeLarge(t: Theme): string;
+    sizeLargeIE11(t: Theme): string;
+    sizeSmallWithIcon(t: Theme): string;
+    sizeMediumWithIcon(t: Theme): string;
+    sizeLargeWithIcon(t: Theme): string;
+    sizeSmallWithIconWithoutText(t: Theme): string;
+    sizeMediumWithIconWithoutText(t: Theme): string;
+    sizeLargeWithIconWithoutText(t: Theme): string;
+    link(t: Theme): string;
+    linkLineHeight(): string;
+    linkLineHeightSafariFallback(): string;
+    linkFocus(t: Theme): string;
+    linkDisabled(t: Theme): string;
+    focus(t: Theme): string;
+    disabled(t: Theme): string;
+    disabledWithoutOutline(t: Theme): string;
+    arrowIconRoot(): string;
+    arrowIconRootSmall(t: Theme): string;
+    arrowIconRootMedium(t: Theme): string;
+    arrowIconRootLarge(t: Theme): string;
+    arrowIconLeft(): string;
+    default(t: Theme): string;
+    primary(t: Theme): string;
+    success(t: Theme): string;
+    danger(t: Theme): string;
+    pay(t: Theme): string;
+    text(t: Theme): string;
+    backless(t: Theme): string;
+    checked(t: Theme): string;
+    checkedFocused(t: Theme): string;
+    checkedDisabled(t: Theme): string;
+    caption(): string;
+    captionLink(): string;
+    captionDisabled(): string;
+    wrap(t: Theme): string;
+    wrapSmall(t: Theme): string;
+    wrapMedium(t: Theme): string;
+    wrapLarge(t: Theme): string;
+    narrow(): string;
+    noPadding(): string;
+    noRightPadding(): string;
+    wrapLink(): string;
+    borderless(): string;
+    backlessDisabled(t: Theme): string;
+    textDisabled(): string;
+    loading(): string;
+    visibilityHidden(): string;
+};
+export declare const getActiveStyles: (emotion: Emotion) => {
+    default(t: Theme): string;
+    primary(t: Theme): string;
+    success(t: Theme): string;
+    danger(t: Theme): string;
+    pay(t: Theme): string;
+    link(t: Theme): string;
+    text(t: Theme): string;
+    backless(t: Theme): string;
 };
-export default jsClasses;

package/components/Button/ButtonArrow/ButtonArrow.js

@@ -0,0 +1,43 @@
+import React, { useContext } from 'react';
+import { EmotionContext } from "../../../lib/theming/Emotion";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { ArrowRightIcon } from "../ArrowRightIcon";
+import { ArrowLeftIcon } from "../ArrowLeftIcon";
+import { Button } from "../Button";
+import { getStyles, globalClasses } from "../Button.styles";
+var ButtonArrow = function ButtonArrow(_ref) {
+  var arrow = _ref.arrow,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? Button.defaultProps.size : _ref$size;
+  var theme = useContext(ThemeContext);
+  var emotion = useContext(EmotionContext);
+  var styles = getStyles(emotion);
+  var getArrowIconRootClassName = function getArrowIconRootClassName() {
+    var _emotion$cx;
+    return emotion.cx(styles.arrowIconRoot(), globalClasses.arrow, (_emotion$cx = {}, _emotion$cx[styles.arrowIconRootSmall(theme)] = size === 'small', _emotion$cx[styles.arrowIconRootMedium(theme)] = size === 'medium', _emotion$cx[styles.arrowIconRootLarge(theme)] = size === 'large', _emotion$cx[styles.arrowIconLeft()] = arrow === 'left', _emotion$cx));
+  };
+  var arrowIcons = {
+    right: ArrowRightIcon,
+    left: ArrowLeftIcon
+  };
+  var side = arrow === 'left' ? 'left' : 'right';
+  var ArrowIcon = arrowIcons[side];
+  var arrowNode = /*#__PURE__*/
+  React.createElement("div", {
+    className: getArrowIconRootClassName()
+  }, /*#__PURE__*/
+  React.createElement(ArrowIcon, {
+    size: size
+  }));
+  return arrowNode;
+};
+export function useButtonArrow(props, theme, emotion) {
+  var arrow = props.arrow,
+    size = props.size,
+    use = props.use;
+  var styles = getStyles(emotion);
+  var canRender = use !== 'link' && (arrow === true || arrow === 'left');
+  var rootClassName = canRender ? emotion.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 ? /*#__PURE__*/React.createElement(ButtonArrow, props) : null;
+  return [rootClassName, arrowNode];
+}

package/components/Button/ButtonArrow/ButtonArrow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","EmotionContext","ThemeContext","ArrowRightIcon","ArrowLeftIcon","Button","getStyles","globalClasses","ButtonArrow","_ref","arrow","_ref$size","size","defaultProps","theme","emotion","styles","getArrowIconRootClassName","_emotion$cx","cx","arrowIconRoot","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","arrowIcons","right","left","side","ArrowIcon","arrowNode","createElement","className","useButtonArrow","props","use","canRender","rootClassName","withArrowIconRightSmall","withArrowIconRightMedium","withArrowIconRightLarge","withArrowIconLeftSmall","withArrowIconLeftMedium","withArrowIconLeftLarge"],"sources":["ButtonArrow.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { Emotion } from '@emotion/css/create-instance';\n\nimport { EmotionContext } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { ArrowRightIcon } from './ArrowRightIcon';\nimport { ArrowLeftIcon } from './ArrowLeftIcon';\nimport { Button, ButtonInnerProps } from './Button';\nimport { getStyles, globalClasses } from './Button.styles';\n\ntype ButtonArrowProps = Pick<\n  ButtonInnerProps,\n  'size' | 'arrow' | 'checked' | 'disabled' | 'error' | 'use' | 'warning'\n> & {\n  isFocused: boolean;\n};\n\nconst ButtonArrow: React.FunctionComponent<ButtonArrowProps> = ({ arrow, size = Button.defaultProps.size }) => {\n  const theme = useContext(ThemeContext);\n  const emotion = useContext(EmotionContext);\n  const styles = getStyles(emotion);\n\n  const getArrowIconRootClassName = () => {\n    return emotion.cx(styles.arrowIconRoot(), globalClasses.arrow, {\n      [styles.arrowIconRootSmall(theme)]: size === 'small',\n      [styles.arrowIconRootMedium(theme)]: size === 'medium',\n      [styles.arrowIconRootLarge(theme)]: size === 'large',\n      [styles.arrowIconLeft()]: arrow === 'left',\n    });\n  };\n\n  const arrowIcons = {\n    right: ArrowRightIcon,\n    left: ArrowLeftIcon,\n  };\n  const side = arrow === 'left' ? 'left' : 'right';\n  const ArrowIcon = arrowIcons[side];\n  const arrowNode = (\n    <div className={getArrowIconRootClassName()}>\n      <ArrowIcon size={size} />\n    </div>\n  );\n\n  return arrowNode;\n};\n\nexport function useButtonArrow(props: ButtonArrowProps, theme: Theme, emotion: Emotion): [string, React.ReactNode] {\n  const { arrow, size, use } = props;\n  const styles = getStyles(emotion);\n\n  const canRender = use !== 'link' && (arrow === true || arrow === 'left');\n\n  const rootClassName = canRender\n    ? emotion.cx(\n        arrow === true && size === 'small' && styles.withArrowIconRightSmall(theme),\n        arrow === true && size === 'medium' && styles.withArrowIconRightMedium(theme),\n        arrow === true && size === 'large' && styles.withArrowIconRightLarge(theme),\n        arrow === 'left' && size === 'small' && styles.withArrowIconLeftSmall(theme),\n        arrow === 'left' && size === 'medium' && styles.withArrowIconLeftMedium(theme),\n        arrow === 'left' && size === 'large' && styles.withArrowIconLeftLarge(theme),\n      )\n    : '';\n\n  const arrowNode = canRender ? <ButtonArrow {...props} /> : null;\n\n  return [rootClassName, arrowNode];\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Button/ButtonArrow/package.json

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

package/components/Button/ButtonArrow.d.ts

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