@skbkontur/react-ui 5.6.5-cab54.0 → 5.6.5

package/components/Button/Button.d.ts

@@ -1,19 +1,12 @@
-import type { JSX } from 'react';
 import React from 'react';
-import type { ButtonLinkAllowedValues } from '../../lib/types/button-link.js';
-import type { ThemeIn } from '../../lib/theming/Theme.js';
-import type { CommonProps } from '../../internal/CommonWrapper/index.js';
-import type { TGetRootNode } from '../../lib/rootNode/index.js';
-import type { SizeProp } from '../../lib/types/props.js';
-import type { PolymorphicPropsWithoutRef } from '../../lib/types/polymorphic-component.js';
+import type { ButtonLinkAllowedValues } from '../../lib/types/button-link';
+import type { ThemeIn } from '../../lib/theming/Theme';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
+import type { SizeProp } from '../../lib/types/props';
+import type { PolymorphicPropsWithoutRef } from '../../lib/types/polymorphic-component';
 export type ButtonType = 'button' | 'submit' | 'reset';
-export type ButtonUse = 'default' | 'outline' | 'fill' | 'text' | 'accent' | 'danger' | 'success' | 'pay'
-/** @deprecated Используйте компонент <Link component="button" /> */
- | 'link'
-/** @deprecated Используйте use="outline" */
- | 'backless'
-/** @deprecated Используйте use="accent" */
- | 'primary';
+export type ButtonUse = 'default' | 'primary' | 'success' | 'danger' | 'pay' | 'link' | 'text' | 'backless';
 export interface ButtonInnerProps extends CommonProps {
     /** @ignore */
     _noPadding?: boolean;
@@ -29,10 +22,8 @@ export interface ButtonInnerProps extends CommonProps {
     autoFocus?: boolean;
     /** Убирает обводку у кнопки.
      *
-     * **Не рекомендуем использовать, противоречит дизайн-требованиям.
-     * @deprecated Состояние не соответствует Контур.Гайдам, проп будет удален в 7.0.
-     *
-     * Альтернативный вариант использования — use="fill" или переменную темы `btnBorderWidth` */
+     * **Не рекомендуем использовать, противоречит дизайн-требованиям.**
+     */
     borderless?: boolean;
     /** @ignore */
     checked?: boolean;
@@ -46,7 +37,7 @@ export interface ButtonInnerProps extends CommonProps {
     disableFocus?: boolean;
     /** Переводит кнопку в состояние валидации "Ошибка".
      *
-     * @deprecated Состояние не соответствует Контур.Гайдам, проп будет удален в 7.0. */
+     * **Не рекомендуем использовать, противоречит дизайн-требованиям.** */
     error?: boolean;
     /** Добавляет иконку слева от текста кнопки. */
     icon?: React.ReactElement;
@@ -56,9 +47,7 @@ export interface ButtonInnerProps extends CommonProps {
     loading?: boolean;
     /** Сужает кнопку.
      *
-     * @deprecated Состояние не соответствует Контур.Гайдам, проп будет удален в 7.0.
-     *
-     * Альтернативный вариант использования — через переменные темы `btnPaddingXSmall`, `btnPaddingXMedium`, `btnPaddingXLarge` */
+     * **Не рекомендуем использовать, противоречит дизайн-требованиям.** */
     narrow?: boolean;
     /** Размер кнопки. */
     size?: SizeProp;
@@ -67,25 +56,15 @@ export interface ButtonInnerProps extends CommonProps {
     /** HTML-атрибут `title`. */
     title?: string;
     /** Стиль кнопки.
-     * - accent — кнопка основного действия
-     * - outline — кнопка второстепенного действия с границами без фона
-     * - fill — кнопка второстепенного действия с фоном без границ
-     * - text — кнопка второстепенного действия без фона и обводки
-     * - danger — кнопка деструктивного действия
-     * - success — кнопка позитивного действия
-     * - pay — кнопка, связанная с оплатой
-     *
-     * ⚠️ Deprecated-стили, будут удалены в 7.0:
-     * - use="primary" → use="accent"
-     * - use="backless" → use="outline"
-     * - use="link" → `<Link component="button">`
-     * - use="default" → use="outline" или use="fill"
+     * **Вариант `link` устарел.** Если нужна кнопка, выглядящая как ссылка, используйте `Link component=button`.
      */
     use?: ButtonUse;
     /** @ignore */
     visuallyFocused?: boolean;
     /** Переводит кнопку в состояние валидации "Предупреждение".
-     * @deprecated Состояние не соответствует Контур.Гайдам, проп будет удален в 7.0. */
+     *
+     * **Не рекомендуем использовать, противоречит дизайн-требованиям.**
+     */
     warning?: boolean;
     /** Ширина кнопки. */
     width?: number | string;
@@ -113,17 +92,11 @@ export declare class Button<C extends ButtonLinkAllowedValues = typeof BUTTON_DE
     state: {
         focusedByTab: boolean;
     };
-    private globalObject;
-    private emotion;
-    private cx;
-    private styles;
-    private activeStyles;
     private theme;
     private node;
     private size;
     getRootNode: TGetRootNode;
     private setRootNode;
-    private keyListener;
     componentDidMount(): void;
     static getDerivedStateFromProps(props: ButtonProps): {
         focusedByTab: boolean;
@@ -140,7 +113,6 @@ export declare class Button<C extends ButtonLinkAllowedValues = typeof BUTTON_DE
     private getTabIndex;
     private renderMain;
     private renderIcon2022;
-    private getUseStyle;
     private getSizeClassName;
     private getSizeWrapClassName;
     private handleFocus;

package/components/Button/Button.mixins/Button.mixins.js

@@ -0,0 +1,24 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+import { css } from "../../../lib/theming/Emotion";
+import { globalClasses } from "../Button.styles";
+var getBtnPadding = function getBtnPadding(paddingY, paddingX) {
+  return paddingY + " " + paddingX + " " + paddingY;
+};
+export var buttonUseMixin = function buttonUseMixin(btnBackground, btnBackgroundStart, btnBackgroundEnd, color, borderColor, borderWidth) {
+  var hasGradient = btnBackgroundStart !== btnBackgroundEnd;
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    background-color: ", ";\n    background-image: ", ";\n    color: ", ";\n    box-shadow: 0 0 0 ", " ", ";\n\n    :enabled:hover,\n    :enabled {\n      .", " svg {\n        color: ", ";\n      }\n    }\n  "])), hasGradient ? "initial" : btnBackground, hasGradient ? "linear-gradient(" + btnBackgroundStart + ", " + btnBackgroundEnd + ")" : "none", color, borderWidth, borderColor, globalClasses.arrow, color);
+};
+export var buttonHoverMixin = function buttonHoverMixin(btnBackground, btnBackgroundStart, btnBackgroundEnd, color, borderColor, borderWidth) {
+  var hasGradient = btnBackgroundStart !== btnBackgroundEnd;
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    background-color: ", ";\n    background-image: ", ";\n    box-shadow: 0 0 0 ", " ", ";\n    color: ", ";\n  "])), hasGradient ? "initial" : btnBackground, hasGradient ? "linear-gradient(" + btnBackgroundStart + ", " + btnBackgroundEnd + ")" : "none", borderWidth, borderColor, color);
+};
+export var buttonActiveMixin = function buttonActiveMixin(btnBackground, btnShadow, borderColor, borderWidth) {
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n    &,\n    &:hover {\n      background-image: none !important; // override :hover styles\n      background-color: ", " !important; // override :hover styles\n      box-shadow: 0 0 0 ", " ", " !important; // override :hover styles\n\n      .", " {\n        box-shadow: ", ";\n      }\n    }\n  "])), btnBackground, borderWidth, borderColor, globalClasses.innerShadow, btnShadow);
+};
+export var buttonSizeMixin = function buttonSizeMixin(fontSize, lineHeight, paddingX, paddingY) {
+  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n    font-size: ", ";\n    box-sizing: border-box;\n    padding: ", ";\n    line-height: ", ";\n  "])), fontSize, getBtnPadding(paddingY, paddingX), lineHeight);
+};
+export var buttonSizeMixinIE11 = function buttonSizeMixinIE11(paddingX, paddingY) {
+  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n    padding: ", ";\n    line-height: normal;\n  "])), getBtnPadding(paddingY, paddingX));
+};

package/components/Button/Button.mixins/Button.mixins.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["css","globalClasses","getBtnPadding","paddingY","paddingX","buttonUseMixin","btnBackground","btnBackgroundStart","btnBackgroundEnd","color","borderColor","borderWidth","hasGradient","_templateObject","_taggedTemplateLiteralLoose","arrow","buttonHoverMixin","_templateObject2","buttonActiveMixin","btnShadow","_templateObject3","innerShadow","buttonSizeMixin","fontSize","lineHeight","_templateObject4","buttonSizeMixinIE11","_templateObject5"],"sources":["Button.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\n\nimport { globalClasses } from './Button.styles';\n\nconst getBtnPadding = (paddingY: string, paddingX: string): string => {\n  return `${paddingY} ${paddingX} ${paddingY}`;\n};\n\nexport const buttonUseMixin = (\n  btnBackground: string,\n  btnBackgroundStart: string,\n  btnBackgroundEnd: string,\n  color: string,\n  borderColor: string,\n  borderWidth: string,\n) => {\n  const hasGradient = btnBackgroundStart !== btnBackgroundEnd;\n  return css`\n    background-color: ${hasGradient ? `initial` : btnBackground};\n    background-image: ${hasGradient ? `linear-gradient(${btnBackgroundStart}, ${btnBackgroundEnd})` : `none`};\n    color: ${color};\n    box-shadow: 0 0 0 ${borderWidth} ${borderColor};\n\n    :enabled:hover,\n    :enabled {\n      .${globalClasses.arrow} svg {\n        color: ${color};\n      }\n    }\n  `;\n};\n\nexport const buttonHoverMixin = (\n  btnBackground: string,\n  btnBackgroundStart: string,\n  btnBackgroundEnd: string,\n  color: string,\n  borderColor: string,\n  borderWidth: string,\n) => {\n  const hasGradient = btnBackgroundStart !== btnBackgroundEnd;\n  return css`\n    background-color: ${hasGradient ? `initial` : btnBackground};\n    background-image: ${hasGradient ? `linear-gradient(${btnBackgroundStart}, ${btnBackgroundEnd})` : `none`};\n    box-shadow: 0 0 0 ${borderWidth} ${borderColor};\n    color: ${color};\n  `;\n};\n\nexport const buttonActiveMixin = (\n  btnBackground: string,\n  btnShadow: string,\n  borderColor: string,\n  borderWidth: string,\n) => {\n  return css`\n    &,\n    &:hover {\n      background-image: none !important; // override :hover styles\n      background-color: ${btnBackground} !important; // override :hover styles\n      box-shadow: 0 0 0 ${borderWidth} ${borderColor} !important; // override :hover styles\n\n      .${globalClasses.innerShadow} {\n        box-shadow: ${btnShadow};\n      }\n    }\n  `;\n};\n\nexport const buttonSizeMixin = (fontSize: string, lineHeight: string, paddingX: string, paddingY: string) => {\n  return css`\n    font-size: ${fontSize};\n    box-sizing: border-box;\n    padding: ${getBtnPadding(paddingY, paddingX)};\n    line-height: ${lineHeight};\n  `;\n};\n\nexport const buttonSizeMixinIE11 = (paddingX: string, paddingY: string) => {\n  return css`\n    padding: ${getBtnPadding(paddingY, paddingX)};\n    line-height: normal;\n  `;\n};\n"],"mappings":"4LAAA,SAASA,GAAG,QAAQ,2BAA2B;;AAE/C,SAASC,aAAa,QAAQ,iBAAiB;;AAE/C,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,QAAgB,EAAEC,QAAgB,EAAa;EACpE,OAAUD,QAAQ,SAAIC,QAAQ,SAAID,QAAQ;AAC5C,CAAC;;AAED,OAAO,IAAME,cAAc,GAAG,SAAjBA,cAAcA;AACzBC,aAAqB;AACrBC,kBAA0B;AAC1BC,gBAAwB;AACxBC,KAAa;AACbC,WAAmB;AACnBC,WAAmB;AAChB;EACH,IAAMC,WAAW,GAAGL,kBAAkB,KAAKC,gBAAgB;EAC3D,OAAOR,GAAG,CAAAa,eAAA,KAAAA,eAAA,GAAAC,2BAAA;EACYF,WAAW,eAAeN,aAAa;EACvCM,WAAW,wBAAsBL,kBAAkB,UAAKC,gBAAgB,eAAY;EAC/FC,KAAK;EACME,WAAW,EAAID,WAAW;;;;EAIzCT,aAAa,CAACc,KAAK;EACXN,KAAK;;;;AAItB,CAAC;;AAED,OAAO,IAAMO,gBAAgB,GAAG,SAAnBA,gBAAgBA;AAC3BV,aAAqB;AACrBC,kBAA0B;AAC1BC,gBAAwB;AACxBC,KAAa;AACbC,WAAmB;AACnBC,WAAmB;AAChB;EACH,IAAMC,WAAW,GAAGL,kBAAkB,KAAKC,gBAAgB;EAC3D,OAAOR,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;EACYF,WAAW,eAAeN,aAAa;EACvCM,WAAW,wBAAsBL,kBAAkB,UAAKC,gBAAgB,eAAY;EACpFG,WAAW,EAAID,WAAW;EACrCD,KAAK;;AAElB,CAAC;;AAED,OAAO,IAAMS,iBAAiB,GAAG,SAApBA,iBAAiBA;AAC5BZ,aAAqB;AACrBa,SAAiB;AACjBT,WAAmB;AACnBC,WAAmB;AAChB;EACH,OAAOX,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;EAIcR,aAAa;EACbK,WAAW,EAAID,WAAW;;EAE3CT,aAAa,CAACoB,WAAW;EACZF,SAAS;;;;AAI/B,CAAC;;AAED,OAAO,IAAMG,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,QAAgB,EAAEC,UAAkB,EAAEpB,QAAgB,EAAED,QAAgB,EAAK;EAC3G,OAAOH,GAAG,CAAAyB,gBAAA,KAAAA,gBAAA,GAAAX,2BAAA;EACKS,QAAQ;;EAEVrB,aAAa,CAACC,QAAQ,EAAEC,QAAQ,CAAC;EAC7BoB,UAAU;;AAE7B,CAAC;;AAED,OAAO,IAAME,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAItB,QAAgB,EAAED,QAAgB,EAAK;EACzE,OAAOH,GAAG,CAAA2B,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;EACGZ,aAAa,CAACC,QAAQ,EAAEC,QAAQ,CAAC;;;AAGhD,CAAC","ignoreList":[]}

package/components/Button/Button.mixins/package.json

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

package/components/Button/Button.mixins.d.ts

@@ -2,3 +2,4 @@ export declare const buttonUseMixin: (btnBackground: string, btnBackgroundStart:
 export declare const buttonHoverMixin: (btnBackground: string, btnBackgroundStart: string, btnBackgroundEnd: string, color: string, borderColor: string, borderWidth: string) => string;
 export declare const buttonActiveMixin: (btnBackground: string, btnShadow: string, borderColor: string, borderWidth: string) => string;
 export declare const buttonSizeMixin: (fontSize: string, lineHeight: string, paddingX: string, paddingY: string) => string;
+export declare const buttonSizeMixinIE11: (paddingX: string, paddingY: string) => string;

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

@@ -0,0 +1,255 @@
+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, _templateObject74, _templateObject75, _templateObject76, _templateObject77, _templateObject78, _templateObject79;
+import { css, 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 styles = memoizeStyle({
+  root: function root(t) {
+    return 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(), 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 css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      padding-right: calc(", " + ", " + ", ");\n    "])), t.btnIconSizeSmall, t.btnWithIconPaddingSmall, t.btnWithIconPaddingSmall);
+  },
+  withArrowIconRightMedium: function withArrowIconRightMedium(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      padding-right: calc(", " + ", " + ", ");\n    "])), t.btnIconSizeMedium, t.btnWithIconPaddingMedium, t.btnWithIconPaddingMedium);
+  },
+  withArrowIconRightLarge: function withArrowIconRightLarge(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      padding-right: calc(", " + ", " + ", ");\n    "])), t.btnIconSizeLarge, t.btnWithIconPaddingLarge, t.btnWithIconPaddingLarge);
+  },
+  withArrowIconLeftSmall: function withArrowIconLeftSmall(t) {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      padding-left: calc(", " + ", " + ", ");\n    "])), t.btnIconSizeSmall, t.btnWithIconPaddingSmall, t.btnWithIconPaddingSmall);
+  },
+  withArrowIconLeftMedium: function withArrowIconLeftMedium(t) {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      padding-left: calc(", " + ", " + ", ");\n    "])), t.btnIconSizeMedium, t.btnWithIconPaddingMedium, t.btnWithIconPaddingMedium);
+  },
+  withArrowIconLeftLarge: function withArrowIconLeftLarge(t) {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      padding-left: calc(", " + ", " + ", ");\n    "])), t.btnIconSizeLarge, t.btnWithIconPaddingLarge, t.btnWithIconPaddingLarge);
+  },
+  simulatedPress: function simulatedPress() {
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      &:active .", " {\n        transform: translateY(1px);\n      }\n    "])), globalClasses.caption);
+  },
+  outline: function outline() {
+    return 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 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 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 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 css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n    "])), t.btnWarningSecondary);
+  },
+  outlineLinkError: function outlineLinkError(t) {
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n    "])), t.btnErrorSecondary);
+  },
+  sizeSmall: function sizeSmall(t) {
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n\n      ", ";\n    "])), t.btnBorderRadiusSmall, buttonSizeMixin(t.btnFontSizeSmall, t.btnLineHeightSmall, t.btnPaddingXSmall, t.btnPaddingYSmall));
+  },
+  sizeSmallIE11: function sizeSmallIE11(t) {
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), buttonSizeMixinIE11(t.btnPaddingXSmall, t.btnPaddingYSmall));
+  },
+  sizeMedium: function sizeMedium(t) {
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n\n      ", ";\n    "])), t.btnBorderRadiusMedium, buttonSizeMixin(t.btnFontSizeMedium, t.btnLineHeightMedium, t.btnPaddingXMedium, t.btnPaddingYMedium));
+  },
+  sizeMediumIE11: function sizeMediumIE11(t) {
+    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), buttonSizeMixinIE11(t.btnPaddingXMedium, t.btnPaddingYMedium));
+  },
+  sizeLarge: function sizeLarge(t) {
+    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n\n      ", ";\n    "])), t.btnBorderRadiusLarge, buttonSizeMixin(t.btnFontSizeLarge, t.btnLineHeightLarge, t.btnPaddingXLarge, t.btnPaddingYLarge));
+  },
+  sizeLargeIE11: function sizeLargeIE11(t) {
+    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), buttonSizeMixinIE11(t.btnPaddingXLarge, t.btnPaddingYLarge));
+  },
+  sizeSmallWithIcon: function sizeSmallWithIcon(t) {
+    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      padding-left: ", ";\n    "])), t.btnWithIconPaddingSmall);
+  },
+  sizeMediumWithIcon: function sizeMediumWithIcon(t) {
+    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      padding-left: ", ";\n    "])), t.btnWithIconPaddingMedium);
+  },
+  sizeLargeWithIcon: function sizeLargeWithIcon(t) {
+    return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      padding-left: ", ";\n    "])), t.btnWithIconPaddingLarge);
+  },
+  sizeSmallWithRightIcon: function sizeSmallWithRightIcon(t) {
+    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      padding-right: ", ";\n    "])), t.btnWithIconPaddingSmall);
+  },
+  sizeMediumWithRightIcon: function sizeMediumWithRightIcon(t) {
+    return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n      padding-right: ", ";\n    "])), t.btnWithIconPaddingMedium);
+  },
+  sizeLargeWithRightIcon: function sizeLargeWithRightIcon(t) {
+    return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      padding-right: ", ";\n    "])), t.btnWithIconPaddingLarge);
+  },
+  sizeSmallWithIconWithoutText: function sizeSmallWithIconWithoutText(t) {
+    return css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n      padding-right: ", ";\n    "])), t.btnWithIconPaddingSmall);
+  },
+  sizeMediumWithIconWithoutText: function sizeMediumWithIconWithoutText(t) {
+    return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n      padding-right: ", ";\n    "])), t.btnWithIconPaddingMedium);
+  },
+  sizeLargeWithIconWithoutText: function sizeLargeWithIconWithoutText(t) {
+    return css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n      padding-right: ", ";\n    "])), t.btnWithIconPaddingLarge);
+  },
+  sizeSmallWithIconWithoutText5_3: function sizeSmallWithIconWithoutText5_3(t) {
+    return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n      padding-left: ", ";\n      padding-right: ", ";\n    "])), t.btnWithIconPaddingSmall, t.btnWithIconPaddingSmall);
+  },
+  sizeMediumWithIconWithoutText5_3: function sizeMediumWithIconWithoutText5_3(t) {
+    return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n      padding-left: ", ";\n      padding-right: ", ";\n    "])), t.btnWithIconPaddingMedium, t.btnWithIconPaddingMedium);
+  },
+  sizeLargeWithIconWithoutText5_3: function sizeLargeWithIconWithoutText5_3(t) {
+    return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n      padding-left: ", ";\n      padding-right: ", ";\n    "])), t.btnWithIconPaddingLarge, t.btnWithIconPaddingLarge);
+  },
+  link: function link(t) {
+    return css(_templateObject33 || (_templateObject33 = _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 css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n      line-height: inherit !important; // override size mixin\n    "])));
+  },
+  linkLineHeightSafariFallback: function linkLineHeightSafariFallback() {
+    return css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n      /* Safari overrides 'underline' and 'border' if 'line-height' is used */\n      margin: -1px 0 -2px;\n    "])));
+  },
+  linkFocus: function linkFocus(t) {
+    return css(_templateObject36 || (_templateObject36 = _taggedTemplateLiteralLoose(["\n      & {\n        color: ", ";\n        text-decoration: ", ";\n      }\n    "])), t.btnLinkColor, t.btnLinkHoverTextDecoration);
+  },
+  linkDisabled: function linkDisabled(t) {
+    return css(_templateObject37 || (_templateObject37 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n\n      &,\n      &:hover:enabled,\n      &:active:enabled {\n        color: ", ";\n      }\n    "])), t.btnLinkDisabledColor);
+  },
+  focus: function focus(t) {
+    return css(_templateObject38 || (_templateObject38 = _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 css(_templateObject39 || (_templateObject39 = _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 css(_templateObject40 || (_templateObject40 = _taggedTemplateLiteralLoose(["\n      box-shadow: 0 0 0 ", " ", ";\n    "])), t.btnBorderWidth, t.btnDisabledBg);
+  },
+  arrowIconRoot: function arrowIconRoot() {
+    return css(_templateObject41 || (_templateObject41 = _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 css(_templateObject42 || (_templateObject42 = _taggedTemplateLiteralLoose(["\n      padding: 0 ", " 0 ", ";\n      width: ", ";\n    "])), t.btnWithIconPaddingSmall, t.btnWithIconPaddingSmall, t.btnIconSizeSmall);
+  },
+  arrowIconRootMedium: function arrowIconRootMedium(t) {
+    return css(_templateObject43 || (_templateObject43 = _taggedTemplateLiteralLoose(["\n      padding: 0 ", " 0 ", ";\n      width: ", ";\n    "])), t.btnWithIconPaddingMedium, t.btnWithIconPaddingMedium, t.btnIconSizeMedium);
+  },
+  arrowIconRootLarge: function arrowIconRootLarge(t) {
+    return css(_templateObject44 || (_templateObject44 = _taggedTemplateLiteralLoose(["\n      padding: 0 ", " 0 ", ";\n      width: ", ";\n    "])), t.btnWithIconPaddingLarge, t.btnWithIconPaddingLarge, t.btnIconSizeLarge);
+  },
+  arrowIconLeft: function arrowIconLeft() {
+    return css(_templateObject45 || (_templateObject45 = _taggedTemplateLiteralLoose(["\n      left: 0;\n    "])));
+  },
+  "default": function _default(t) {
+    return css(_templateObject46 || (_templateObject46 = _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 css(_templateObject47 || (_templateObject47 = _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 css(_templateObject48 || (_templateObject48 = _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 css(_templateObject49 || (_templateObject49 = _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 css(_templateObject50 || (_templateObject50 = _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 css(_templateObject51 || (_templateObject51 = _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 css(_templateObject52 || (_templateObject52 = _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 css(_templateObject53 || (_templateObject53 = _taggedTemplateLiteralLoose(["\n      ", "\n\n      &:hover:enabled,\n      &:active:enabled,\n      &:hover:active:enabled {\n        ", "\n      }\n    "])), checkedStyles, checkedStyles);
+  },
+  checkedFocused: function checkedFocused(t) {
+    return css(_templateObject54 || (_templateObject54 = _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 css(_templateObject55 || (_templateObject55 = _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 css(_templateObject56 || (_templateObject56 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      white-space: nowrap;\n      display: inline-block;\n      width: 100%;\n      vertical-align: top;\n    "])));
+  },
+  captionLink: function captionLink() {
+    return css(_templateObject57 || (_templateObject57 = _taggedTemplateLiteralLoose(["\n      display: inline;\n      transform: none !important; // override root:active style\n    "])));
+  },
+  captionDisabled: function captionDisabled() {
+    return css(_templateObject58 || (_templateObject58 = _taggedTemplateLiteralLoose(["\n      transform: none !important; // override root:active style\n    "])));
+  },
+  wrap: function wrap(t) {
+    return css(_templateObject59 || (_templateObject59 = _taggedTemplateLiteralLoose(["\n      box-sizing: border-box;\n      display: inline-block;\n      line-height: normal;\n      padding: ", ";\n    "])), t.btnBorderWidth);
+  },
+  wrapSmall: function wrapSmall(t) {
+    return css(_templateObject60 || (_templateObject60 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n    "])), t.btnHeightSmall);
+  },
+  wrapMedium: function wrapMedium(t) {
+    return css(_templateObject61 || (_templateObject61 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n    "])), t.btnHeightMedium);
+  },
+  wrapLarge: function wrapLarge(t) {
+    return css(_templateObject62 || (_templateObject62 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n    "])), t.btnHeightLarge);
+  },
+  narrow: function narrow() {
+    return css(_templateObject63 || (_templateObject63 = _taggedTemplateLiteralLoose(["\n      padding-left: 5px;\n      padding-right: 5px;\n    "])));
+  },
+  noPadding: function noPadding() {
+    return css(_templateObject64 || (_templateObject64 = _taggedTemplateLiteralLoose(["\n      padding-left: 0;\n      padding-right: 0;\n    "])));
+  },
+  noRightPadding: function noRightPadding() {
+    return css(_templateObject65 || (_templateObject65 = _taggedTemplateLiteralLoose(["\n      padding-right: 0;\n    "])));
+  },
+  wrapLink: function wrapLink() {
+    return css(_templateObject66 || (_templateObject66 = _taggedTemplateLiteralLoose(["\n      padding: 0;\n    "])));
+  },
+  borderless: function borderless() {
+    return css(_templateObject67 || (_templateObject67 = _taggedTemplateLiteralLoose(["\n      &,\n      &:active:hover,\n      &:hover {\n        box-shadow: none !important; // override root:hover style\n      }\n    "])));
+  },
+  backlessDisabled: function backlessDisabled(t) {
+    return css(_templateObject68 || (_templateObject68 = _taggedTemplateLiteralLoose(["\n      box-shadow: 0 0 0 1px ", ";\n      background-color: transparent;\n    "])), t.btnBacklessDisabledBorderColor);
+  },
+  textDisabled: function textDisabled() {
+    return css(_templateObject69 || (_templateObject69 = _taggedTemplateLiteralLoose(["\n      background-color: transparent;\n    "])));
+  },
+  loading: function loading() {
+    return css(_templateObject70 || (_templateObject70 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      border-radius: inherit;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 10;\n    "])));
+  },
+  visibilityHidden: function visibilityHidden() {
+    return css(_templateObject71 || (_templateObject71 = _taggedTemplateLiteralLoose(["\n      visibility: hidden;\n    "])));
+  }
+});
+export var activeStyles = memoizeStyle({
+  "default": function _default(t) {
+    return css(_templateObject72 || (_templateObject72 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnDefaultActiveBg, t.btnDefaultActiveShadow, t.btnDefaultActiveBorderColor, t.btnBorderWidth));
+  },
+  primary: function primary(t) {
+    return css(_templateObject73 || (_templateObject73 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnPrimaryActiveBg, t.btnPrimaryActiveShadow, t.btnPrimaryActiveBorderColor, t.btnBorderWidth));
+  },
+  success: function success(t) {
+    return css(_templateObject74 || (_templateObject74 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnSuccessActiveBg, t.btnSuccessActiveShadow, t.btnSuccessActiveBorderColor, t.btnBorderWidth));
+  },
+  danger: function danger(t) {
+    return css(_templateObject75 || (_templateObject75 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnDangerActiveBg, t.btnDangerActiveShadow, t.btnDangerActiveBorderColor, t.btnBorderWidth));
+  },
+  pay: function pay(t) {
+    return css(_templateObject76 || (_templateObject76 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnPayActiveBg, t.btnPayActiveShadow, t.btnPayActiveBorderColor, t.btnBorderWidth));
+  },
+  link: function link(t) {
+    return css(_templateObject77 || (_templateObject77 = _taggedTemplateLiteralLoose(["\n      & {\n        color: ", ";\n      }\n    "])), t.btnLinkActiveColor);
+  },
+  text: function text(t) {
+    return css(_templateObject78 || (_templateObject78 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin(t.btnTextActiveBg, '', t.btnTextActiveBg, t.btnBorderWidth));
+  },
+  backless: function backless(t) {
+    return css(_templateObject79 || (_templateObject79 = _taggedTemplateLiteralLoose(["\n      & {\n        ", "\n      }\n    "])), buttonActiveMixin(t.btnBacklessActiveBg, '', t.btnBacklessActiveBorderColor, t.btnBorderWidth));
+  }
+});

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

@@ -0,0 +1 @@
+{"version":3,"names":["css","memoizeStyle","prefix","resetButton","resetText","buttonUseMixin","buttonHoverMixin","buttonActiveMixin","buttonSizeMixin","buttonSizeMixinIE11","globalClasses","root","arrow","caption","text","innerShadow","disabled","styles","t","_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","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","sizeSmallWithRightIcon","_templateObject24","sizeMediumWithRightIcon","_templateObject25","sizeLargeWithRightIcon","_templateObject26","sizeSmallWithIconWithoutText","_templateObject27","sizeMediumWithIconWithoutText","_templateObject28","sizeLargeWithIconWithoutText","_templateObject29","sizeSmallWithIconWithoutText5_3","_templateObject30","sizeMediumWithIconWithoutText5_3","_templateObject31","sizeLargeWithIconWithoutText5_3","_templateObject32","link","_templateObject33","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","activeStyles","linkLineHeight","_templateObject34","linkLineHeightSafariFallback","_templateObject35","linkFocus","_templateObject36","linkDisabled","_templateObject37","btnLinkDisabledColor","focus","_templateObject38","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","_templateObject39","btnBorderWidth","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","disabledWithoutOutline","_templateObject40","arrowIconRoot","_templateObject41","arrowIconRootSmall","_templateObject42","arrowIconRootMedium","_templateObject43","arrowIconRootLarge","_templateObject44","arrowIconLeft","_templateObject45","_default","_templateObject46","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultTextColor","btnDefaultBorderColor","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverTextColor","btnDefaultHoverBorderColor","primary","_templateObject47","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverTextColor","btnPrimaryHoverBorderColor","success","_templateObject48","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverTextColor","btnSuccessHoverBorderColor","danger","_templateObject49","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverTextColor","btnDangerHoverBorderColor","pay","_templateObject50","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayTextColor","btnPayBorderColor","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverTextColor","btnPayHoverBorderColor","_templateObject51","btnTextBg","btnTextTextColor","btnTextBorderColor","btnTextHoverBg","btnTextHoverTextColor","btnTextHoverBorderColor","backless","_templateObject52","btnBacklessBg","btnBacklessTextColor","btnBacklessBorderColor","btnBacklessHoverBg","btnBacklessHoverTextColor","btnBacklessHoverBorderColor","checked","checkedStyles","btnDefaultCheckedBorderColor","btnCheckedBg","btnCheckedTextColor","btnCheckedShadow","_templateObject53","checkedFocused","_templateObject54","checkedDisabled","_templateObject55","btnCheckedDisabledBorderColor","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledShadow","_templateObject56","captionLink","_templateObject57","captionDisabled","_templateObject58","wrap","_templateObject59","wrapSmall","_templateObject60","btnHeightSmall","wrapMedium","_templateObject61","btnHeightMedium","wrapLarge","_templateObject62","btnHeightLarge","narrow","_templateObject63","noPadding","_templateObject64","noRightPadding","_templateObject65","wrapLink","_templateObject66","borderless","_templateObject67","backlessDisabled","_templateObject68","btnBacklessDisabledBorderColor","textDisabled","_templateObject69","loading","_templateObject70","visibilityHidden","_templateObject71","_templateObject72","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","_templateObject73","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","_templateObject74","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","_templateObject75","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","_templateObject76","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","_templateObject77","btnLinkActiveColor","_templateObject78","btnTextActiveBg","_templateObject79","btnBacklessActiveBg","btnBacklessActiveBorderColor"],"sources":["Button.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport type { 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 styles = memoizeStyle({\n  root(t: Theme) {\n    return 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%; // 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 css`\n      padding-right: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingSmall} + ${t.btnWithIconPaddingSmall});\n    `;\n  },\n\n  withArrowIconRightMedium(t: Theme) {\n    return css`\n      padding-right: calc(${t.btnIconSizeMedium} + ${t.btnWithIconPaddingMedium} + ${t.btnWithIconPaddingMedium});\n    `;\n  },\n\n  withArrowIconRightLarge(t: Theme) {\n    return css`\n      padding-right: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLarge} + ${t.btnWithIconPaddingLarge});\n    `;\n  },\n\n  withArrowIconLeftSmall(t: Theme) {\n    return css`\n      padding-left: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingSmall} + ${t.btnWithIconPaddingSmall});\n    `;\n  },\n\n  withArrowIconLeftMedium(t: Theme) {\n    return css`\n      padding-left: calc(${t.btnIconSizeMedium} + ${t.btnWithIconPaddingMedium} + ${t.btnWithIconPaddingMedium});\n    `;\n  },\n\n  withArrowIconLeftLarge(t: Theme) {\n    return css`\n      padding-left: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLarge} + ${t.btnWithIconPaddingLarge});\n    `;\n  },\n\n  simulatedPress() {\n    return css`\n      &:active .${globalClasses.caption} {\n        transform: translateY(1px);\n      }\n    `;\n  },\n\n  outline() {\n    return css`\n      border-radius: inherit;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n    `;\n  },\n\n  outlineWarning(t: Theme) {\n    return css`\n      box-shadow:\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 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 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 css`\n      background-color: ${t.btnWarningSecondary};\n    `;\n  },\n\n  outlineLinkError(t: Theme) {\n    return css`\n      background-color: ${t.btnErrorSecondary};\n    `;\n  },\n\n  sizeSmall(t: Theme) {\n    return css`\n      border-radius: ${t.btnBorderRadiusSmall};\n\n      ${buttonSizeMixin(t.btnFontSizeSmall, t.btnLineHeightSmall, t.btnPaddingXSmall, t.btnPaddingYSmall)};\n    `;\n  },\n\n  sizeSmallIE11(t: Theme) {\n    return css`\n      ${buttonSizeMixinIE11(t.btnPaddingXSmall, t.btnPaddingYSmall)};\n    `;\n  },\n\n  sizeMedium(t: Theme) {\n    return css`\n      border-radius: ${t.btnBorderRadiusMedium};\n\n      ${buttonSizeMixin(t.btnFontSizeMedium, t.btnLineHeightMedium, t.btnPaddingXMedium, t.btnPaddingYMedium)};\n    `;\n  },\n\n  sizeMediumIE11(t: Theme) {\n    return css`\n      ${buttonSizeMixinIE11(t.btnPaddingXMedium, t.btnPaddingYMedium)};\n    `;\n  },\n\n  sizeLarge(t: Theme) {\n    return css`\n      border-radius: ${t.btnBorderRadiusLarge};\n\n      ${buttonSizeMixin(t.btnFontSizeLarge, t.btnLineHeightLarge, t.btnPaddingXLarge, t.btnPaddingYLarge)};\n    `;\n  },\n\n  sizeLargeIE11(t: Theme) {\n    return css`\n      ${buttonSizeMixinIE11(t.btnPaddingXLarge, t.btnPaddingYLarge)};\n    `;\n  },\n\n  sizeSmallWithIcon(t: Theme) {\n    return css`\n      padding-left: ${t.btnWithIconPaddingSmall};\n    `;\n  },\n\n  sizeMediumWithIcon(t: Theme) {\n    return css`\n      padding-left: ${t.btnWithIconPaddingMedium};\n    `;\n  },\n\n  sizeLargeWithIcon(t: Theme) {\n    return css`\n      padding-left: ${t.btnWithIconPaddingLarge};\n    `;\n  },\n\n  sizeSmallWithRightIcon(t: Theme) {\n    return css`\n      padding-right: ${t.btnWithIconPaddingSmall};\n    `;\n  },\n\n  sizeMediumWithRightIcon(t: Theme) {\n    return css`\n      padding-right: ${t.btnWithIconPaddingMedium};\n    `;\n  },\n\n  sizeLargeWithRightIcon(t: Theme) {\n    return css`\n      padding-right: ${t.btnWithIconPaddingLarge};\n    `;\n  },\n\n  sizeSmallWithIconWithoutText(t: Theme) {\n    return css`\n      padding-right: ${t.btnWithIconPaddingSmall};\n    `;\n  },\n\n  sizeMediumWithIconWithoutText(t: Theme) {\n    return css`\n      padding-right: ${t.btnWithIconPaddingMedium};\n    `;\n  },\n\n  sizeLargeWithIconWithoutText(t: Theme) {\n    return css`\n      padding-right: ${t.btnWithIconPaddingLarge};\n    `;\n  },\n\n  sizeSmallWithIconWithoutText5_3(t: Theme) {\n    return css`\n      padding-left: ${t.btnWithIconPaddingSmall};\n      padding-right: ${t.btnWithIconPaddingSmall};\n    `;\n  },\n\n  sizeMediumWithIconWithoutText5_3(t: Theme) {\n    return css`\n      padding-left: ${t.btnWithIconPaddingMedium};\n      padding-right: ${t.btnWithIconPaddingMedium};\n    `;\n  },\n\n  sizeLargeWithIconWithoutText5_3(t: Theme) {\n    return css`\n      padding-left: ${t.btnWithIconPaddingLarge};\n      padding-right: ${t.btnWithIconPaddingLarge};\n    `;\n  },\n\n  link(t: Theme) {\n    return css`\n      background: none;\n      border-radius: ${t.btnLinkBorderRadius};\n      border: none;\n      box-shadow: none;\n      white-space: nowrap;\n      color: ${t.btnLinkColor};\n      display: inline;\n      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 css`\n      line-height: inherit !important; // override size mixin\n    `;\n  },\n\n  linkLineHeightSafariFallback() {\n    return 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 css`\n      & {\n        color: ${t.btnLinkColor};\n        text-decoration: ${t.btnLinkHoverTextDecoration};\n      }\n    `;\n  },\n\n  linkDisabled(t: Theme) {\n    return 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 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 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 css`\n      box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBg};\n    `;\n  },\n\n  arrowIconRoot() {\n    return 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 css`\n      padding: 0 ${t.btnWithIconPaddingSmall} 0 ${t.btnWithIconPaddingSmall};\n      width: ${t.btnIconSizeSmall};\n    `;\n  },\n\n  arrowIconRootMedium(t: Theme) {\n    return css`\n      padding: 0 ${t.btnWithIconPaddingMedium} 0 ${t.btnWithIconPaddingMedium};\n      width: ${t.btnIconSizeMedium};\n    `;\n  },\n\n  arrowIconRootLarge(t: Theme) {\n    return css`\n      padding: 0 ${t.btnWithIconPaddingLarge} 0 ${t.btnWithIconPaddingLarge};\n      width: ${t.btnIconSizeLarge};\n    `;\n  },\n\n  arrowIconLeft() {\n    return css`\n      left: 0;\n    `;\n  },\n\n  default(t: Theme) {\n    return css`\n      ${buttonUseMixin(\n        t.btnDefaultBg,\n        t.btnDefaultBgStart,\n        t.btnDefaultBgEnd,\n        t.btnDefaultTextColor,\n        t.btnDefaultBorderColor,\n        t.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 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 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 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 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 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 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 css`\n      ${checkedStyles}\n\n      &:hover:enabled,\n      &:active:enabled,\n      &:hover:active:enabled {\n        ${checkedStyles}\n      }\n    `;\n  },\n\n  checkedFocused(t: Theme) {\n    return css`\n      &:hover:enabled,\n      &: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 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 css`\n      position: relative;\n      white-space: nowrap;\n      display: inline-block;\n      width: 100%;\n      vertical-align: top;\n    `;\n  },\n\n  captionLink() {\n    return css`\n      display: inline;\n      transform: none !important; // override root:active style\n    `;\n  },\n\n  captionDisabled() {\n    return css`\n      transform: none !important; // override root:active style\n    `;\n  },\n\n  wrap(t: Theme) {\n    return css`\n      box-sizing: border-box;\n      display: inline-block;\n      line-height: normal;\n      padding: ${t.btnBorderWidth};\n    `;\n  },\n\n  wrapSmall(t: Theme) {\n    return css`\n      height: ${t.btnHeightSmall};\n    `;\n  },\n\n  wrapMedium(t: Theme) {\n    return css`\n      height: ${t.btnHeightMedium};\n    `;\n  },\n\n  wrapLarge(t: Theme) {\n    return css`\n      height: ${t.btnHeightLarge};\n    `;\n  },\n\n  narrow() {\n    return css`\n      padding-left: 5px;\n      padding-right: 5px;\n    `;\n  },\n\n  noPadding() {\n    return css`\n      padding-left: 0;\n      padding-right: 0;\n    `;\n  },\n\n  noRightPadding() {\n    return css`\n      padding-right: 0;\n    `;\n  },\n\n  wrapLink() {\n    return css`\n      padding: 0;\n    `;\n  },\n\n  borderless() {\n    return 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 css`\n      box-shadow: 0 0 0 1px ${t.btnBacklessDisabledBorderColor};\n      background-color: transparent;\n    `;\n  },\n\n  textDisabled() {\n    return css`\n      background-color: transparent;\n    `;\n  },\n\n  loading() {\n    return css`\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      border-radius: inherit;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 10;\n    `;\n  },\n\n  visibilityHidden() {\n    return css`\n      visibility: hidden;\n    `;\n  },\n});\n\nexport const activeStyles = memoizeStyle({\n  default(t: Theme) {\n    return css`\n      & {\n        ${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

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