@skbkontur/react-ui 5.6.1-85c65.0 → 5.6.1-e2bc4.0

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

@@ -1,243 +0,0 @@
-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 { memoizeGetStyles, prefix } from "../../../lib/theming/Emotion";
-import { resetButton, resetText } from "../../../lib/styles/Mixins";
-import { buttonUseMixin, buttonHoverMixin, buttonActiveMixin, buttonSizeMixin } from "../Button.mixins";
-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 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%;\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 ? ", " + 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      "])), t.btnIconSizeSmall, t.btnWithIconPaddingSmall, t.btnWithIconPaddingSmall);
-    },
-    withArrowIconRightMedium: function withArrowIconRightMedium(t) {
-      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        padding-right: calc(", " + ", " + ", ");\n      "])), t.btnIconSizeMedium, t.btnWithIconPaddingMedium, t.btnWithIconPaddingMedium);
-    },
-    withArrowIconRightLarge: function withArrowIconRightLarge(t) {
-      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        padding-right: calc(", " + ", " + ", ");\n      "])), t.btnIconSizeLarge, t.btnWithIconPaddingLarge, t.btnWithIconPaddingLarge);
-    },
-    withArrowIconLeftSmall: function withArrowIconLeftSmall(t) {
-      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        padding-left: calc(", " + ", " + ", ");\n      "])), t.btnIconSizeSmall, t.btnWithIconPaddingSmall, t.btnWithIconPaddingSmall);
-    },
-    withArrowIconLeftMedium: function withArrowIconLeftMedium(t) {
-      return emotion.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n        padding-left: calc(", " + ", " + ", ");\n      "])), t.btnIconSizeMedium, t.btnWithIconPaddingMedium, t.btnWithIconPaddingMedium);
-    },
-    withArrowIconLeftLarge: function withArrowIconLeftLarge(t) {
-      return emotion.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n        padding-left: calc(", " + ", " + ", ");\n      "])), t.btnIconSizeLarge, t.btnWithIconPaddingLarge, t.btnWithIconPaddingLarge);
-    },
-    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        cursor: default;\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(t.btnFontSizeSmall, t.btnLineHeightSmall, t.btnPaddingXSmall, t.btnPaddingYSmall));
-    },
-    sizeMedium: function sizeMedium(t) {
-      return emotion.css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n        border-radius: ", ";\n\n      ", ";\n    "])), t.btnBorderRadiusMedium, buttonSizeMixin(t.btnFontSizeMedium, t.btnLineHeightMedium, t.btnPaddingXMedium, t.btnPaddingYMedium));
-    },
-    sizeLarge: function sizeLarge(t) {
-      return emotion.css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n        border-radius: ", ";\n\n      ", ";\n    "])), t.btnBorderRadiusLarge, buttonSizeMixin(t.btnFontSizeLarge, t.btnLineHeightLarge, t.btnPaddingXLarge, t.btnPaddingYLarge));
-    },
-    sizeSmallWithIcon: function sizeSmallWithIcon(t) {
-      return emotion.css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n        padding-left: ", ";\n      "])), t.btnWithIconPaddingSmall);
-    },
-    sizeMediumWithIcon: function sizeMediumWithIcon(t) {
-      return emotion.css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n        padding-left: ", ";\n      "])), t.btnWithIconPaddingMedium);
-    },
-    sizeLargeWithIcon: function sizeLargeWithIcon(t) {
-      return emotion.css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n        padding-left: ", ";\n      "])), t.btnWithIconPaddingLarge);
-    },
-    sizeSmallWithRightIcon: function sizeSmallWithRightIcon(t) {
-      return emotion.css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n        padding-right: ", ";\n      "])), t.btnWithIconPaddingSmall);
-    },
-    sizeMediumWithRightIcon: function sizeMediumWithRightIcon(t) {
-      return emotion.css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n        padding-right: ", ";\n      "])), t.btnWithIconPaddingMedium);
-    },
-    sizeLargeWithRightIcon: function sizeLargeWithRightIcon(t) {
-      return emotion.css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n        padding-right: ", ";\n      "])), t.btnWithIconPaddingLarge);
-    },
-    sizeSmallWithIconWithoutText: function sizeSmallWithIconWithoutText(t) {
-      return emotion.css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      padding-left: ", ";\n      padding-right: ", ";\n    "])), t.btnWithIconPaddingSmall, t.btnWithIconPaddingSmall);
-    },
-    sizeMediumWithIconWithoutText: function sizeMediumWithIconWithoutText(t) {
-      return emotion.css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n      padding-left: ", ";\n      padding-right: ", ";\n    "])), t.btnWithIconPaddingMedium, t.btnWithIconPaddingMedium);
-    },
-    sizeLargeWithIconWithoutText: function sizeLargeWithIconWithoutText(t) {
-      return emotion.css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      padding-left: ", ";\n      padding-right: ", ";\n    "])), t.btnWithIconPaddingLarge, t.btnWithIconPaddingLarge);
-    },
-    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, activeStyles.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.btnWithIconPaddingSmall, t.btnWithIconPaddingSmall, t.btnIconSizeSmall);
-    },
-    arrowIconRootMedium: function arrowIconRootMedium(t) {
-      return emotion.css(_templateObject37 || (_templateObject37 = _taggedTemplateLiteralLoose(["\n        padding: 0 ", " 0 ", ";\n        width: ", ";\n      "])), t.btnWithIconPaddingMedium, t.btnWithIconPaddingMedium, t.btnIconSizeMedium);
-    },
-    arrowIconRootLarge: function arrowIconRootLarge(t) {
-      return emotion.css(_templateObject38 || (_templateObject38 = _taggedTemplateLiteralLoose(["\n        padding: 0 ", " 0 ", ";\n        width: ", ";\n      "])), t.btnWithIconPaddingLarge, t.btnWithIconPaddingLarge, 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(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));
-    },
-    primary: function primary(t) {
-      return emotion.css(_templateObject41 || (_templateObject41 = _taggedTemplateLiteralLoose(["\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.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(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 danger(t) {
-      return emotion.css(_templateObject43 || (_templateObject43 = _taggedTemplateLiteralLoose(["\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 pay(t) {
-      return emotion.css(_templateObject44 || (_templateObject44 = _taggedTemplateLiteralLoose(["\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 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(t.btnTextBg, '', '', t.btnTextTextColor, t.btnTextBorderColor, t.btnBorderWidth), buttonHoverMixin(t.btnTextHoverBg, '', '', t.btnTextHoverTextColor, t.btnTextHoverBorderColor, t.btnBorderWidth), activeStyles.text(t));
-    },
-    backless: function backless(t) {
-      return emotion.css(_templateObject46 || (_templateObject46 = _taggedTemplateLiteralLoose(["\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.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 = memoizeGetStyles(function (_ref) {
-  var css = _ref.css;
-  return {
-    "default": function _default(t) {
-      return css(_templateObject66 || (_templateObject66 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnDefaultActiveBg, t.btnDefaultActiveShadow, t.btnDefaultActiveBorderColor, t.btnBorderWidth));
-    },
-    primary: function primary(t) {
-      return css(_templateObject67 || (_templateObject67 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnPrimaryActiveBg, t.btnPrimaryActiveShadow, t.btnPrimaryActiveBorderColor, t.btnBorderWidth));
-    },
-    success: function success(t) {
-      return css(_templateObject68 || (_templateObject68 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnSuccessActiveBg, t.btnSuccessActiveShadow, t.btnSuccessActiveBorderColor, t.btnBorderWidth));
-    },
-    danger: function danger(t) {
-      return css(_templateObject69 || (_templateObject69 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnDangerActiveBg, t.btnDangerActiveShadow, t.btnDangerActiveBorderColor, t.btnBorderWidth));
-    },
-    pay: function pay(t) {
-      return css(_templateObject70 || (_templateObject70 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnPayActiveBg, t.btnPayActiveShadow, t.btnPayActiveBorderColor, t.btnBorderWidth));
-    },
-    link: function link(t) {
-      return css(_templateObject71 || (_templateObject71 = _taggedTemplateLiteralLoose(["\n      & {\n        color: ", ";\n      }\n    "])), t.btnLinkActiveColor);
-    },
-    text: function text(t) {
-      return css(_templateObject72 || (_templateObject72 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnTextActiveBg, '', t.btnTextActiveBg, t.btnBorderWidth));
-    },
-    backless: function backless(t) {
-      return css(_templateObject73 || (_templateObject73 = _taggedTemplateLiteralLoose(["\n      & {\n        ", "\n      }\n    "])), buttonActiveMixin(t.btnBacklessActiveBg, '', t.btnBacklessActiveBorderColor, t.btnBorderWidth));
-    }
-  };
-});

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

@@ -1 +0,0 @@
-{"version":3,"names":["memoizeGetStyles","prefix","resetButton","resetText","buttonUseMixin","buttonHoverMixin","buttonActiveMixin","buttonSizeMixin","globalClasses","root","arrow","caption","text","innerShadow","disabled","getStyles","emotion","activeStyles","getActiveStyles","t","css","_templateObject","_taggedTemplateLiteralLoose","transitionDuration","transitionTimingFunction","btnBorderColorTransition","btnBackgroundClip","btnIconHoverColor","btnIconDisabledColor","btnIconColor","withArrowIconRightSmall","_templateObject2","btnIconSizeSmall","btnWithIconPaddingSmall","withArrowIconRightMedium","_templateObject3","btnIconSizeMedium","btnWithIconPaddingMedium","withArrowIconRightLarge","_templateObject4","btnIconSizeLarge","btnWithIconPaddingLarge","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","sizeMedium","_templateObject16","btnBorderRadiusMedium","btnFontSizeMedium","btnLineHeightMedium","btnPaddingXMedium","btnPaddingYMedium","sizeLarge","_templateObject17","btnBorderRadiusLarge","btnFontSizeLarge","btnLineHeightLarge","btnPaddingXLarge","btnPaddingYLarge","sizeSmallWithIcon","_templateObject18","sizeMediumWithIcon","_templateObject19","sizeLargeWithIcon","_templateObject20","sizeSmallWithRightIcon","_templateObject21","sizeMediumWithRightIcon","_templateObject22","sizeLargeWithRightIcon","_templateObject23","sizeSmallWithIconWithoutText","_templateObject24","sizeMediumWithIconWithoutText","_templateObject25","sizeLargeWithIconWithoutText","_templateObject26","link","_templateObject27","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","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","_ref","_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 { memoizeGetStyles, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { resetButton, resetText } from '../../lib/styles/Mixins';\n\nimport { buttonUseMixin, buttonHoverMixin, buttonActiveMixin, buttonSizeMixin } 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 = 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    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        cursor: default;\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(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    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    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.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    primary(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.primary(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    backless(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.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});\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  primary(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  backless(t: Theme) {\n    return css`\n      & {\n        ${buttonActiveMixin(t.btnBacklessActiveBg, '', t.btnBacklessActiveBorderColor, t.btnBorderWidth)}\n      }\n    `;\n  },\n}));\n"],"mappings":"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","ignoreList":[]}

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

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

package/components/Button/ButtonArrow/ButtonArrow.js

@@ -1,41 +0,0 @@
-import React, { useContext } from 'react';
-import { useEmotion, useStyles } from "../../../lib/renderEnvironment";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { ArrowRightIcon } from "../ArrowRightIcon";
-import { ArrowLeftIcon } from "../ArrowLeftIcon";
-import { globalClasses, getStyles } from "../Button.styles";
-var ButtonArrow = function ButtonArrow(_ref) {
-  var arrow = _ref.arrow,
-    size = _ref.size;
-  var theme = useContext(ThemeContext);
-  var _useEmotion = useEmotion(),
-    cx = _useEmotion.cx;
-  var styles = useStyles(getStyles);
-  var getArrowIconRootClassName = function getArrowIconRootClassName() {
-    var _cx;
-    return cx(styles.arrowIconRoot(), globalClasses.arrow, (_cx = {}, _cx[styles.arrowIconRootSmall(theme)] = size === 'small', _cx[styles.arrowIconRootMedium(theme)] = size === 'medium', _cx[styles.arrowIconRootLarge(theme)] = size === 'large', _cx[styles.arrowIconLeft()] = arrow === 'left', _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, 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 ? /*#__PURE__*/React.createElement(ButtonArrow, props) : null;
-  return [rootClassName, arrowNode];
-}

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useContext","useEmotion","useStyles","ThemeContext","ArrowRightIcon","ArrowLeftIcon","globalClasses","getStyles","ButtonArrow","_ref","arrow","size","theme","_useEmotion","cx","styles","getArrowIconRootClassName","_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 type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { ArrowRightIcon } from './ArrowRightIcon';\nimport { ArrowLeftIcon } from './ArrowLeftIcon';\nimport type { ButtonInnerProps } from './Button';\nimport { globalClasses, getStyles } 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 }) => {\n  const theme = useContext(ThemeContext);\n  const { cx } = useEmotion();\n  const styles = useStyles(getStyles);\n\n  const getArrowIconRootClassName = () => {\n    return 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(\n  props: ButtonArrowProps,\n  theme: Theme,\n  styles: ReturnType<typeof getStyles>,\n  cx: Emotion['cx'],\n): [string, React.ReactNode] {\n  const { arrow, size, use } = props;\n\n  const canRender = use !== 'link' && (arrow === true || arrow === 'left');\n\n  const rootClassName = canRender\n    ? 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

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

package/components/Button/ButtonIcon/ButtonIcon.js

@@ -1,67 +0,0 @@
-import React, { useContext } from 'react';
-import { useEmotion, useStyles } from "../../../lib/renderEnvironment";
-import { isKonturIcon } from "../../../lib/utils";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { getStyles } from "../ButtonIcon.styles";
-import { LoadingButtonIcon } from "../LoadingButtonIcon";
-export var getButtonIconSizes = function getButtonIconSizes(theme) {
-  return {
-    small: parseInt(theme.btnIconSizeSmall),
-    medium: parseInt(theme.btnIconSizeMedium),
-    large: parseInt(theme.btnIconSizeLarge)
-  };
-};
-var useIcon = function useIcon(icon, size) {
-  var theme = useContext(ThemeContext);
-  if (icon && isKonturIcon(icon)) {
-    var _icon$props$size;
-    var sizes = getButtonIconSizes(theme);
-    return /*#__PURE__*/React.cloneElement(icon, {
-      size: (_icon$props$size = icon.props.size) != null ? _icon$props$size : sizes[size]
-    });
-  }
-  return icon;
-};
-export var ButtonIcon = function ButtonIcon(_ref) {
-  var _cx;
-  var icon = _ref.icon,
-    use = _ref.use,
-    position = _ref.position,
-    hasChildren = _ref.hasChildren,
-    _ref$loading = _ref.loading,
-    loading = _ref$loading === void 0 ? false : _ref$loading,
-    _ref$hasBothIcons = _ref.hasBothIcons,
-    hasBothIcons = _ref$hasBothIcons === void 0 ? false : _ref$hasBothIcons,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'small' : _ref$size;
-  var theme = useContext(ThemeContext);
-  var _useEmotion = useEmotion(),
-    cx = _useEmotion.cx;
-  var styles = useStyles(getStyles);
-  var isLink = use === 'link';
-  var getSizeIconClassName = function getSizeIconClassName() {
-    switch (size) {
-      case 'large':
-        return [styles.iconLarge(theme), position === 'left' ? styles.iconLargeLeft(theme) : styles.iconLargeRight(theme)];
-      case 'medium':
-        return [styles.iconMedium(theme), position === 'left' ? styles.iconMediumLeft(theme) : styles.iconMediumRight(theme)];
-      case 'small':
-      default:
-        return [styles.iconSmall(theme), position === 'left' ? styles.iconSmallLeft(theme) : styles.iconSmallRight(theme)];
-    }
-  };
-  var style = {
-    display: 'inline-flex',
-    alignItems: 'center'
-  };
-  var _icon = useIcon(icon, size);
-  return /*#__PURE__*/(
-    React.createElement("span", {
-      style: style,
-      className: cx(styles.icon(), getSizeIconClassName(), (_cx = {}, _cx[styles.iconNoMargin()] = !hasChildren, _cx[styles.iconLeftLink(theme)] = isLink && position === 'left', _cx[styles.iconRightLink(theme)] = isLink && position === 'right', _cx))
-    }, loading && !hasBothIcons ? /*#__PURE__*/React.createElement(LoadingButtonIcon, {
-      isCentered: false,
-      size: size
-    }) : _icon)
-  );
-};

package/components/Button/ButtonIcon/ButtonIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useContext","useEmotion","useStyles","isKonturIcon","ThemeContext","getStyles","LoadingButtonIcon","getButtonIconSizes","theme","small","parseInt","btnIconSizeSmall","medium","btnIconSizeMedium","large","btnIconSizeLarge","useIcon","icon","size","_icon$props$size","sizes","cloneElement","props","ButtonIcon","_ref","_cx","use","position","hasChildren","_ref$loading","loading","_ref$hasBothIcons","hasBothIcons","_ref$size","_useEmotion","cx","styles","isLink","getSizeIconClassName","iconLarge","iconLargeLeft","iconLargeRight","iconMedium","iconMediumLeft","iconMediumRight","iconSmall","iconSmallLeft","iconSmallRight","style","display","alignItems","_icon","createElement","className","iconNoMargin","iconLeftLink","iconRightLink","isCentered"],"sources":["ButtonIcon.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { isKonturIcon } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport type { ButtonInnerProps } from './Button';\nimport { getStyles } from './ButtonIcon.styles';\nimport { LoadingButtonIcon } from './LoadingButtonIcon';\n\nexport interface ButtonIconProps extends Pick<ButtonInnerProps, 'size' | 'icon' | 'loading' | 'use'> {\n  position: 'right' | 'left';\n  hasChildren: boolean;\n  hasBothIcons?: boolean;\n}\n\nexport const getButtonIconSizes = (theme: Theme): Record<SizeProp, number> => {\n  return {\n    small: parseInt(theme.btnIconSizeSmall),\n    medium: parseInt(theme.btnIconSizeMedium),\n    large: parseInt(theme.btnIconSizeLarge),\n  };\n};\n\nconst useIcon = (icon: any, size: SizeProp) => {\n  const theme = useContext(ThemeContext);\n  if (icon && isKonturIcon(icon)) {\n    const sizes = getButtonIconSizes(theme);\n    return React.cloneElement(icon, { size: icon.props.size ?? sizes[size] });\n  }\n\n  return icon;\n};\n\nexport const ButtonIcon: React.FunctionComponent<ButtonIconProps> = ({\n  icon,\n  use,\n  position,\n  hasChildren,\n  loading = false,\n  hasBothIcons = false,\n  size = 'small',\n}) => {\n  const theme = useContext(ThemeContext);\n  const { cx } = useEmotion();\n  const styles = useStyles(getStyles);\n  const isLink = use === 'link';\n\n  const getSizeIconClassName = () => {\n    switch (size) {\n      case 'large':\n        return [\n          styles.iconLarge(theme),\n          position === 'left' ? styles.iconLargeLeft(theme) : styles.iconLargeRight(theme),\n        ];\n      case 'medium':\n        return [\n          styles.iconMedium(theme),\n          position === 'left' ? styles.iconMediumLeft(theme) : styles.iconMediumRight(theme),\n        ];\n      case 'small':\n      default:\n        return [\n          styles.iconSmall(theme),\n          position === 'left' ? styles.iconSmallLeft(theme) : styles.iconSmallRight(theme),\n        ];\n    }\n  };\n\n  const style: React.CSSProperties = {\n    display: 'inline-flex',\n    alignItems: 'center',\n  };\n\n  const _icon = useIcon(icon, size);\n\n  return (\n    <span\n      style={style}\n      className={cx(styles.icon(), getSizeIconClassName(), {\n        [styles.iconNoMargin()]: !hasChildren,\n        [styles.iconLeftLink(theme)]: isLink && position === 'left',\n        [styles.iconRightLink(theme)]: isLink && position === 'right',\n      })}\n    >\n      {loading && !hasBothIcons ? <LoadingButtonIcon isCentered={false} size={size} /> : _icon}\n    </span>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/components/Button/ButtonIcon/package.json

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

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

@@ -1,49 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
-import { ZERO_WIDTH_SPACE_CSS } from "../../../lib/chars";
-import { memoizeGetStyles } from "../../../lib/theming/Emotion";
-export var getStyles = memoizeGetStyles(function (_ref) {
-  var css = _ref.css;
-  return {
-    icon: function icon() {
-      var space = "'" + ZERO_WIDTH_SPACE_CSS + "'";
-      return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n\n      &::before {\n        content: ", ";\n      }\n    "])), space);
-    },
-    iconSmall: function iconSmall(t) {
-      return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n    "])), t.btnIconSizeSmall);
-    },
-    iconSmallLeft: function iconSmallLeft(t) {
-      return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n    "])), t.btnIconGapSmallLeft);
-    },
-    iconSmallRight: function iconSmallRight(t) {
-      return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      margin-left: ", ";\n    "])), t.btnIconGapSmallRight);
-    },
-    iconMedium: function iconMedium(t) {
-      return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n    "])), t.btnIconSizeMedium);
-    },
-    iconMediumLeft: function iconMediumLeft(t) {
-      return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n    "])), t.btnIconGapMediumRight);
-    },
-    iconMediumRight: function iconMediumRight(t) {
-      return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      margin-left: ", ";\n    "])), t.btnIconGapMediumRight);
-    },
-    iconLarge: function iconLarge(t) {
-      return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n    "])), t.btnIconSizeLarge);
-    },
-    iconLargeLeft: function iconLargeLeft(t) {
-      return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n    "])), t.btnIconGapLargeLeft);
-    },
-    iconLargeRight: function iconLargeRight(t) {
-      return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      margin-left: ", ";\n    "])), t.btnIconGapLargeRight);
-    },
-    iconLeftLink: function iconLeftLink(t) {
-      return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n    "])), t.btnLinkIconMarginRight);
-    },
-    iconRightLink: function iconRightLink(t) {
-      return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      margin-left: ", ";\n    "])), t.btnLinkIconMarginLeft);
-    },
-    iconNoMargin: function iconNoMargin() {
-      return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      margin-right: 0;\n      margin-left: 0;\n    "])));
-    }
-  };
-});

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

@@ -1 +0,0 @@
-{"version":3,"names":["ZERO_WIDTH_SPACE_CSS","memoizeGetStyles","getStyles","_ref","css","icon","space","_templateObject","_taggedTemplateLiteralLoose","iconSmall","t","_templateObject2","btnIconSizeSmall","iconSmallLeft","_templateObject3","btnIconGapSmallLeft","iconSmallRight","_templateObject4","btnIconGapSmallRight","iconMedium","_templateObject5","btnIconSizeMedium","iconMediumLeft","_templateObject6","btnIconGapMediumRight","iconMediumRight","_templateObject7","iconLarge","_templateObject8","btnIconSizeLarge","iconLargeLeft","_templateObject9","btnIconGapLargeLeft","iconLargeRight","_templateObject10","btnIconGapLargeRight","iconLeftLink","_templateObject11","btnLinkIconMarginRight","iconRightLink","_templateObject12","btnLinkIconMarginLeft","iconNoMargin","_templateObject13"],"sources":["ButtonIcon.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { ZERO_WIDTH_SPACE_CSS } from '../../lib/chars';\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  icon() {\n    const space = `'${ZERO_WIDTH_SPACE_CSS}'`;\n    return css`\n      display: inline-block;\n\n      &::before {\n        content: ${space};\n      }\n    `;\n  },\n\n  iconSmall(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeSmall};\n    `;\n  },\n\n  iconSmallLeft(t: Theme) {\n    return css`\n      margin-right: ${t.btnIconGapSmallLeft};\n    `;\n  },\n\n  iconSmallRight(t: Theme) {\n    return css`\n      margin-left: ${t.btnIconGapSmallRight};\n    `;\n  },\n\n  iconMedium(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeMedium};\n    `;\n  },\n\n  iconMediumLeft(t: Theme) {\n    return css`\n      margin-right: ${t.btnIconGapMediumRight};\n    `;\n  },\n\n  iconMediumRight(t: Theme) {\n    return css`\n      margin-left: ${t.btnIconGapMediumRight};\n    `;\n  },\n\n  iconLarge(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeLarge};\n    `;\n  },\n\n  iconLargeLeft(t: Theme) {\n    return css`\n      margin-right: ${t.btnIconGapLargeLeft};\n    `;\n  },\n\n  iconLargeRight(t: Theme) {\n    return css`\n      margin-left: ${t.btnIconGapLargeRight};\n    `;\n  },\n\n  iconLeftLink(t: Theme) {\n    return css`\n      margin-right: ${t.btnLinkIconMarginRight};\n    `;\n  },\n\n  iconRightLink(t: Theme) {\n    return css`\n      margin-left: ${t.btnLinkIconMarginLeft};\n    `;\n  },\n\n  iconNoMargin() {\n    return css`\n      margin-right: 0;\n      margin-left: 0;\n    `;\n  },\n}));\n"],"mappings":";;AAEA,SAASA,oBAAoB,QAAQ,iBAAiB;AACtD,SAASC,gBAAgB,QAAQ,2BAA2B;;;AAG5D,OAAO,IAAMC,SAAS,GAAGD,gBAAgB,CAAC,UAAAE,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,IAAI,WAAAA,KAAA,EAAG;MACL,IAAMC,KAAK,SAAON,oBAAoB,MAAG;MACzC,OAAOI,GAAG,CAAAG,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;MAIKF,KAAK;;;IAGtB,CAAC;;IAEDG,SAAS,WAAAA,UAACC,CAAQ,EAAE;MAClB,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;MACCE,CAAC,CAACE,gBAAgB;;IAE/B,CAAC;;IAEDC,aAAa,WAAAA,cAACH,CAAQ,EAAE;MACtB,OAAON,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;MACQE,CAAC,CAACK,mBAAmB;;IAEzC,CAAC;;IAEDC,cAAc,WAAAA,eAACN,CAAQ,EAAE;MACvB,OAAON,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAT,2BAAA;MACOE,CAAC,CAACQ,oBAAoB;;IAEzC,CAAC;;IAEDC,UAAU,WAAAA,WAACT,CAAQ,EAAE;MACnB,OAAON,GAAG,CAAAgB,gBAAA,KAAAA,gBAAA,GAAAZ,2BAAA;MACCE,CAAC,CAACW,iBAAiB;;IAEhC,CAAC;;IAEDC,cAAc,WAAAA,eAACZ,CAAQ,EAAE;MACvB,OAAON,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA;MACQE,CAAC,CAACc,qBAAqB;;IAE3C,CAAC;;IAEDC,eAAe,WAAAA,gBAACf,CAAQ,EAAE;MACxB,OAAON,GAAG,CAAAsB,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;MACOE,CAAC,CAACc,qBAAqB;;IAE1C,CAAC;;IAEDG,SAAS,WAAAA,UAACjB,CAAQ,EAAE;MAClB,OAAON,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAApB,2BAAA;MACCE,CAAC,CAACmB,gBAAgB;;IAE/B,CAAC;;IAEDC,aAAa,WAAAA,cAACpB,CAAQ,EAAE;MACtB,OAAON,GAAG,CAAA2B,gBAAA,KAAAA,gBAAA,GAAAvB,2BAAA;MACQE,CAAC,CAACsB,mBAAmB;;IAEzC,CAAC;;IAEDC,cAAc,WAAAA,eAACvB,CAAQ,EAAE;MACvB,OAAON,GAAG,CAAA8B,iBAAA,KAAAA,iBAAA,GAAA1B,2BAAA;MACOE,CAAC,CAACyB,oBAAoB;;IAEzC,CAAC;;IAEDC,YAAY,WAAAA,aAAC1B,CAAQ,EAAE;MACrB,OAAON,GAAG,CAAAiC,iBAAA,KAAAA,iBAAA,GAAA7B,2BAAA;MACQE,CAAC,CAAC4B,sBAAsB;;IAE5C,CAAC;;IAEDC,aAAa,WAAAA,cAAC7B,CAAQ,EAAE;MACtB,OAAON,GAAG,CAAAoC,iBAAA,KAAAA,iBAAA,GAAAhC,2BAAA;MACOE,CAAC,CAAC+B,qBAAqB;;IAE1C,CAAC;;IAEDC,YAAY,WAAAA,aAAA,EAAG;MACb,OAAOtC,GAAG,CAAAuC,iBAAA,KAAAA,iBAAA,GAAAnC,2BAAA;;;;IAIZ;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

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

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