@skbkontur/react-ui 0.0.0-444dd4e7b3 → 0.0.0-48840c3b9c

package/components/Clickable/Clickable.styles/Clickable.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Clickable.styles.ts"],"names":["css","memoizeStyle","prefix","clickableGlobalClasses","text","generalStyles","root","t","borderColorFocus"],"mappings":";AACA,SAASA,GAAT,EAAcC,YAAd,EAA4BC,MAA5B,QAA0C,2BAA1C;;;;;;;;AAQA,OAAO,IAAMC,sBAAsB,GAAGD,MAAM,CAAC,WAAD,CAAN,CAAoB;AACxDE,EAAAA,IAAI,EAAE,MADkD,EAApB,CAA/B;;;AAIP,OAAO,IAAMC,aAAa,GAAGJ,YAAY,CAAC;AACxCK,EAAAA,IADwC,gBACnCC,CADmC,EACzB;AACb,WAAOP,GAAP;;;;;;;;;;;;AAYkCO,IAAAA,CAAC,CAACC,gBAZpC;;;AAeD,GAjBuC,EAAD,CAAlC","sourcesContent":["import { Theme } from '../../lib/theming/Theme';\nimport { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\n\nimport { ClickableProps } from './Clickable';\n\nexport interface GetStylesBase extends Pick<ClickableProps, 'use'> {\n  theme: Theme;\n}\n\nexport const clickableGlobalClasses = prefix('clickable')({\n  text: 'text',\n});\n\nexport const generalStyles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      all: unset;\n      cursor: pointer;\n\n      &:focus-visible {\n        /*\n          The box-shadow property is not visible in Windows high-contrast themes\n          So we need to define transparent outline which will be visible in those themes\n\n          Source: https://stackoverflow.com/a/52616313\n        */\n        outline: 2px solid transparent;\n        box-shadow: 0px 0px 0px 2px ${t.borderColorFocus};\n      }\n    `;\n  },\n});\n"]}

package/components/Clickable/Clickable.styles/package.json

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

package/components/Clickable/Clickable.styles.d.ts

@@ -1,11 +0,0 @@
-import { Theme } from '../../lib/theming/Theme';
-import { ClickableProps } from './Clickable';
-export interface GetStylesBase extends Pick<ClickableProps, 'use'> {
-    theme: Theme;
-}
-export declare const clickableGlobalClasses: {
-    text: string;
-};
-export declare const generalStyles: {
-    root(t: Theme): string;
-};

package/components/Clickable/ClickableButton/ClickableButton.js

@@ -1,31 +0,0 @@
-import React from 'react';
-import { ClickableButtonArrow } from "../ClickableButtonArrow";
-import { ClickableButtonCaption } from "../ClickableButtonCaption";
-import { ClickableButtonOutline } from "../ClickableButtonOutline";
-export var ClickableButton = function ClickableButton(_ref) {
-  var leftIcon = _ref.leftIcon,
-      rightIcon = _ref.rightIcon,
-      isDisabled = _ref.isDisabled,
-      isLoading = _ref.isLoading,
-      isFocused = _ref.isFocused,
-      size = _ref.size,
-      isWarning = _ref.isWarning,
-      isError = _ref.isError,
-      arrow = _ref.arrow,
-      children = _ref.children;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ClickableButtonOutline, {
-    isFocused: isFocused,
-    isDisabled: isDisabled,
-    isWarning: isWarning,
-    isError: isError
-  }), arrow && /*#__PURE__*/React.createElement(ClickableButtonArrow, {
-    arrow: arrow,
-    size: size
-  }), /*#__PURE__*/React.createElement(ClickableButtonCaption, {
-    leftIcon: leftIcon,
-    rightIcon: rightIcon,
-    isDisabled: isDisabled,
-    isLoading: isLoading,
-    size: size
-  }, children));
-};

package/components/Clickable/ClickableButton/ClickableButton.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ClickableButton.tsx"],"names":["React","ClickableButtonArrow","ClickableButtonCaption","ClickableButtonOutline","ClickableButton","leftIcon","rightIcon","isDisabled","isLoading","isFocused","size","isWarning","isError","arrow","children"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;AAGA,SAASC,oBAAT,QAAqC,wBAArC;AACA,SAASC,sBAAT,QAAuC,0BAAvC;AACA,SAASC,sBAAT,QAAuC,0BAAvC;;;;;;;;;;AAUA,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAkB;;;;;;;;;;;AAWH,KAV1BC,QAU0B,QAV1BA,QAU0B,CAT1BC,SAS0B,QAT1BA,SAS0B,CAR1BC,UAQ0B,QAR1BA,UAQ0B,CAP1BC,SAO0B,QAP1BA,SAO0B,CAN1BC,SAM0B,QAN1BA,SAM0B,CAL1BC,IAK0B,QAL1BA,IAK0B,CAJ1BC,SAI0B,QAJ1BA,SAI0B,CAH1BC,OAG0B,QAH1BA,OAG0B,CAF1BC,KAE0B,QAF1BA,KAE0B,CAD1BC,QAC0B,QAD1BA,QAC0B;AAC1B;AACE;AACE,wBAAC,sBAAD,IAAwB,SAAS,EAAEL,SAAnC,EAA8C,UAAU,EAAEF,UAA1D,EAAsE,SAAS,EAAEI,SAAjF,EAA4F,OAAO,EAAEC,OAArG,GADF;AAEGC,IAAAA,KAAK,iBAAI,oBAAC,oBAAD,IAAsB,KAAK,EAAEA,KAA7B,EAAoC,IAAI,EAAEH,IAA1C,GAFZ;AAGE,wBAAC,sBAAD;AACE,MAAA,QAAQ,EAAEL,QADZ;AAEE,MAAA,SAAS,EAAEC,SAFb;AAGE,MAAA,UAAU,EAAEC,UAHd;AAIE,MAAA,SAAS,EAAEC,SAJb;AAKE,MAAA,IAAI,EAAEE,IALR;;AAOGI,IAAAA,QAPH,CAHF,CADF;;;;AAeD,CA3BM","sourcesContent":["import React from 'react';\n\nimport { ClickableProps } from './Clickable';\nimport { ClickableButtonArrow } from './ClickableButtonArrow';\nimport { ClickableButtonCaption } from './ClickableButtonCaption';\nimport { ClickableButtonOutline } from './ClickableButtonOutline';\n\nexport interface ClickableButtonProps\n  extends Pick<\n    ClickableProps,\n    'leftIcon' | 'rightIcon' | 'isDisabled' | 'isLoading' | 'size' | 'arrow' | 'children' | 'isWarning' | 'isError'\n  > {\n  isFocused?: boolean;\n}\n\nexport const ClickableButton = ({\n  leftIcon,\n  rightIcon,\n  isDisabled,\n  isLoading,\n  isFocused,\n  size,\n  isWarning,\n  isError,\n  arrow,\n  children,\n}: ClickableButtonProps) => {\n  return (\n    <>\n      <ClickableButtonOutline isFocused={isFocused} isDisabled={isDisabled} isWarning={isWarning} isError={isError} />\n      {arrow && <ClickableButtonArrow arrow={arrow} size={size} />}\n      <ClickableButtonCaption\n        leftIcon={leftIcon}\n        rightIcon={rightIcon}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        size={size}\n      >\n        {children}\n      </ClickableButtonCaption>\n    </>\n  );\n};\n"]}

package/components/Clickable/ClickableButton/package.json

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

package/components/Clickable/ClickableButton.d.ts

@@ -1,5 +0,0 @@
-import { ClickableProps } from './Clickable';
-export interface ClickableButtonProps extends Pick<ClickableProps, 'leftIcon' | 'rightIcon' | 'isDisabled' | 'isLoading' | 'size' | 'arrow' | 'children' | 'isWarning' | 'isError'> {
-    isFocused?: boolean;
-}
-export declare const ClickableButton: ({ leftIcon, rightIcon, isDisabled, isLoading, isFocused, size, isWarning, isError, arrow, children, }: ClickableButtonProps) => JSX.Element;

package/components/Clickable/ClickableButton.mixins/ClickableButton.mixins.js

@@ -1,81 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-import { shift } from "../../../lib/styles/DimensionFunctions";
-import { css } from "../../../lib/theming/Emotion";
-import { buttonGlobalClasses } from "../ClickableButton.styles";
-
-var getButtonPadding = function getButtonPadding(_ref) {
-  var fontSize = _ref.fontSize,
-      paddingY = _ref.paddingY,
-      paddingX = _ref.paddingX,
-      fontFamilyCompensation = _ref.fontFamilyCompensation,
-      _ref$additionalOffset = _ref.additionalOffset,
-      additionalOffset = _ref$additionalOffset === void 0 ? 0 : _ref$additionalOffset;
-  var paddingTop = paddingY;
-  var paddingBottom = paddingY;
-  var offset = parseInt(fontFamilyCompensation) || 0;
-
-  var shiftUp = function shiftUp(top, bottom, offset) {
-    return [shift(top, "" + -offset), shift(bottom, "" + offset)];
-  };
-
-  if (fontSize === '16px' && offset) {
-    var _shiftUp = shiftUp(paddingTop, paddingBottom, offset);
-
-    paddingTop = _shiftUp[0];
-    paddingBottom = _shiftUp[1];
-  }
-
-  if (additionalOffset && offset) {
-    var _shiftUp2 = shiftUp(paddingTop, paddingBottom, additionalOffset);
-
-    paddingTop = _shiftUp2[0];
-    paddingBottom = _shiftUp2[1];
-  }
-
-  return paddingTop + " " + paddingX + " " + paddingBottom;
-};
-
-export var buttonUseMixin = function buttonUseMixin(_ref2) {
-  var btnBackground = _ref2.btnBackground,
-      btnBackgroundStart = _ref2.btnBackgroundStart,
-      btnBackgroundEnd = _ref2.btnBackgroundEnd,
-      color = _ref2.color,
-      borderColor = _ref2.borderColor,
-      borderBottomColor = _ref2.borderBottomColor,
-      borderWidth = _ref2.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    &[aria-disabled='false'],\n    :hover {\n      .", " svg,\n      .", " svg {\n        color: ", ";\n      }\n    }\n  "])), hasGradient ? "initial" : btnBackground, hasGradient ? "linear-gradient(" + btnBackgroundStart + ", " + btnBackgroundEnd + ")" : "none", color, borderWidth, borderColor, borderBottomColor ? ", 0 " + borderWidth + " 0 0 " + borderBottomColor : "", buttonGlobalClasses.icon, buttonGlobalClasses.arrow, color);
-};
-export var buttonHoverMixin = function buttonHoverMixin(_ref3) {
-  var btnBackground = _ref3.btnBackground,
-      btnBackgroundStart = _ref3.btnBackgroundStart,
-      btnBackgroundEnd = _ref3.btnBackgroundEnd,
-      borderColor = _ref3.borderColor,
-      borderBottomColor = _ref3.borderBottomColor,
-      borderWidth = _ref3.borderWidth;
-  var hasGradient = btnBackgroundStart !== btnBackgroundEnd;
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    background-color: ", ";\n    background-image: ", ";\n    box-shadow: 0 0 0 ", " ", "", ";\n  "])), hasGradient ? "initial" : btnBackground, hasGradient ? "linear-gradient(" + btnBackgroundStart + ", " + btnBackgroundEnd + ")" : "none", borderWidth, borderColor, borderBottomColor ? ", 0 " + borderWidth + " 0 0 " + borderBottomColor : "");
-};
-export var buttonActiveMixin = function buttonActiveMixin(_ref4) {
-  var btnBackground = _ref4.btnBackground,
-      borderColor = _ref4.borderColor,
-      borderTopColor = _ref4.borderTopColor,
-      borderWidth = _ref4.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  "])), btnBackground, borderWidth, borderColor, borderTopColor ? ", 0 -" + borderWidth + " 0 0 " + borderTopColor : "");
-};
-export var buttonSizeMixin = function buttonSizeMixin(_ref5) {
-  var fontSize = _ref5.fontSize,
-      lineHeight = _ref5.lineHeight,
-      paddingX = _ref5.paddingX,
-      paddingY = _ref5.paddingY,
-      fontFamilyCompensation = _ref5.fontFamilyCompensation;
-  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n    font-size: ", ";\n    box-sizing: border-box;\n    padding: ", ";\n    line-height: ", ";\n  "])), fontSize, getButtonPadding({
-    fontSize: fontSize,
-    paddingY: paddingY,
-    paddingX: paddingX,
-    fontFamilyCompensation: fontFamilyCompensation
-  }), lineHeight);
-};

package/components/Clickable/ClickableButton.mixins/ClickableButton.mixins.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ClickableButton.mixins.ts"],"names":["shift","css","buttonGlobalClasses","getButtonPadding","fontSize","paddingY","paddingX","fontFamilyCompensation","additionalOffset","paddingTop","paddingBottom","offset","parseInt","shiftUp","top","bottom","buttonUseMixin","btnBackground","btnBackgroundStart","btnBackgroundEnd","color","borderColor","borderBottomColor","borderWidth","hasGradient","icon","arrow","buttonHoverMixin","buttonActiveMixin","borderTopColor","buttonSizeMixin","lineHeight"],"mappings":"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","sourcesContent":["import { shift } from '../../lib/styles/DimensionFunctions';\nimport { css } from '../../lib/theming/Emotion';\n\nimport { buttonGlobalClasses } from './ClickableButton.styles';\n\nconst getButtonPadding = ({\n  fontSize,\n  paddingY,\n  paddingX,\n  fontFamilyCompensation,\n  additionalOffset = 0,\n}: {\n  fontSize: string;\n  paddingY: string;\n  paddingX: string;\n  fontFamilyCompensation: string;\n  additionalOffset?: number;\n}): string => {\n  let paddingTop = paddingY;\n  let paddingBottom = paddingY;\n  const offset = parseInt(fontFamilyCompensation) || 0;\n\n  const shiftUp = (top: string, bottom: string, offset: number) => {\n    return [shift(top, `${-offset}`), shift(bottom, `${offset}`)];\n  };\n\n  if (fontSize === '16px' && offset) {\n    [paddingTop, paddingBottom] = shiftUp(paddingTop, paddingBottom, offset);\n  }\n  if (additionalOffset && offset) {\n    [paddingTop, paddingBottom] = shiftUp(paddingTop, paddingBottom, additionalOffset);\n  }\n\n  return `${paddingTop} ${paddingX} ${paddingBottom}`;\n};\n\nexport const buttonUseMixin = ({\n  btnBackground,\n  btnBackgroundStart,\n  btnBackgroundEnd,\n  color,\n  borderColor,\n  borderBottomColor,\n  borderWidth,\n}: {\n  btnBackground: string;\n  btnBackgroundStart?: string;\n  btnBackgroundEnd?: string;\n  color: string;\n  borderColor: string;\n  borderBottomColor?: 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}${borderBottomColor ? `, 0 ${borderWidth} 0 0 ${borderBottomColor}` : ``};\n\n    &[aria-disabled='false'],\n    :hover {\n      .${buttonGlobalClasses.icon} svg,\n      .${buttonGlobalClasses.arrow} svg {\n        color: ${color};\n      }\n    }\n  `;\n};\n\nexport const buttonHoverMixin = ({\n  btnBackground,\n  btnBackgroundStart,\n  btnBackgroundEnd,\n  borderColor,\n  borderBottomColor,\n  borderWidth,\n}: {\n  btnBackground: string;\n  btnBackgroundStart?: string;\n  btnBackgroundEnd?: string;\n  borderColor: string;\n  borderBottomColor?: 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}${borderBottomColor ? `, 0 ${borderWidth} 0 0 ${borderBottomColor}` : ``};\n  `;\n};\n\nexport const buttonActiveMixin = ({\n  btnBackground,\n  borderColor,\n  borderTopColor,\n  borderWidth,\n}: {\n  btnBackground: string;\n  borderColor: string;\n  borderTopColor?: 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}${borderTopColor ? `, 0 -${borderWidth} 0 0 ${borderTopColor}` : ``} !important; // override :hover styles\n    }\n  `;\n};\n\nexport const buttonSizeMixin = ({\n  fontSize,\n  lineHeight,\n  paddingX,\n  paddingY,\n  fontFamilyCompensation,\n}: {\n  fontSize: string;\n  lineHeight: string;\n  paddingX: string;\n  paddingY: string;\n  fontFamilyCompensation: string;\n}) => {\n  return css`\n    font-size: ${fontSize};\n    box-sizing: border-box;\n    padding: ${getButtonPadding({ fontSize, paddingY, paddingX, fontFamilyCompensation })};\n    line-height: ${lineHeight};\n  `;\n};\n"]}

package/components/Clickable/ClickableButton.mixins/package.json

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

package/components/Clickable/ClickableButton.mixins.d.ts

@@ -1,30 +0,0 @@
-export declare const buttonUseMixin: ({ btnBackground, btnBackgroundStart, btnBackgroundEnd, color, borderColor, borderBottomColor, borderWidth, }: {
-    btnBackground: string;
-    btnBackgroundStart?: string | undefined;
-    btnBackgroundEnd?: string | undefined;
-    color: string;
-    borderColor: string;
-    borderBottomColor?: string | undefined;
-    borderWidth: string;
-}) => string;
-export declare const buttonHoverMixin: ({ btnBackground, btnBackgroundStart, btnBackgroundEnd, borderColor, borderBottomColor, borderWidth, }: {
-    btnBackground: string;
-    btnBackgroundStart?: string | undefined;
-    btnBackgroundEnd?: string | undefined;
-    borderColor: string;
-    borderBottomColor?: string | undefined;
-    borderWidth: string;
-}) => string;
-export declare const buttonActiveMixin: ({ btnBackground, borderColor, borderTopColor, borderWidth, }: {
-    btnBackground: string;
-    borderColor: string;
-    borderTopColor?: string | undefined;
-    borderWidth: string;
-}) => string;
-export declare const buttonSizeMixin: ({ fontSize, lineHeight, paddingX, paddingY, fontFamilyCompensation, }: {
-    fontSize: string;
-    lineHeight: string;
-    paddingX: string;
-    paddingY: string;
-    fontFamilyCompensation: string;
-}) => string;

package/components/Clickable/ClickableButton.styles/ClickableButton.styles.js

@@ -1,313 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-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;
-
-import { css, cx, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
-import { buttonActiveMixin, buttonHoverMixin, buttonSizeMixin, buttonUseMixin } from "../ClickableButton.mixins";
-export var buttonGlobalClasses = prefix('clickable-button')({
-  arrow: 'arrow',
-  icon: 'icon'
-});
-export var buttonStyles = memoizeStyle({
-  buttonRoot: function buttonRoot(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      transition: background-color ", " ", "\n        ", ";\n\n      background-clip: ", ";\n      background-position: center;\n      background-repeat: no-repeat;\n      background-size: contain;\n      display: inline-block;\n      position: relative;\n      text-align: center;\n      width: 100%;\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      &[aria-disabled='true'] svg {\n        color: ", ";\n      }\n      & svg {\n        color: ", ";\n      }\n    "])), t.transitionDuration, t.transitionTimingFunction, t.btnBorderColorTransition ? ", " + t.btnBorderColorTransition : '', t.btnBackgroundClip, t.btnIconHoverColor, t.btnIconDisabledColor, t.btnIconColor);
-  },
-  buttonDefault: function buttonDefault(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      &:hover {\n        ", ";\n      }\n\n      &:active {\n        ", ";\n      }\n    "])), buttonUseMixin({
-      btnBackground: t.btnDefaultBg,
-      btnBackgroundStart: t.btnDefaultBgStart,
-      btnBackgroundEnd: t.btnDefaultBgEnd,
-      color: t.btnDefaultTextColor,
-      borderColor: t.btnDefaultBorderColor,
-      borderBottomColor: t.btnDefaultBorderBottomColor,
-      borderWidth: t.btnBorderWidth
-    }), buttonHoverMixin({
-      btnBackground: t.btnDefaultHoverBg,
-      btnBackgroundStart: t.btnDefaultHoverBgStart,
-      btnBackgroundEnd: t.btnDefaultHoverBgEnd,
-      borderColor: t.btnDefaultHoverBorderColor,
-      borderBottomColor: t.btnDefaultHoverBorderBottomColor,
-      borderWidth: t.btnBorderWidth
-    }), buttonActiveStyles.buttonDefault(t));
-  },
-  buttonPrimary: function buttonPrimary(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      &:hover {\n        ", ";\n      }\n\n      &:active {\n        ", "\n      }\n    "])), buttonUseMixin({
-      btnBackground: t.btnPrimaryBg,
-      btnBackgroundStart: t.btnPrimaryBgStart,
-      btnBackgroundEnd: t.btnPrimaryBgEnd,
-      color: t.btnPrimaryTextColor,
-      borderColor: t.btnPrimaryBorderColor,
-      borderBottomColor: t.btnPrimaryBorderBottomColor,
-      borderWidth: t.btnBorderWidth
-    }), buttonHoverMixin({
-      btnBackground: t.btnPrimaryHoverBg,
-      btnBackgroundStart: t.btnPrimaryHoverBgStart,
-      btnBackgroundEnd: t.btnPrimaryHoverBgEnd,
-      borderColor: t.btnPrimaryHoverBorderColor,
-      borderBottomColor: t.btnPrimaryHoverBorderBottomColor,
-      borderWidth: t.btnBorderWidth
-    }), buttonActiveStyles.buttonPrimary(t));
-  },
-  buttonSuccess: function buttonSuccess(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      &:hover {\n        ", ";\n      }\n\n      &:active {\n        ", "\n      }\n    "])), buttonUseMixin({
-      btnBackground: t.btnSuccessBg,
-      btnBackgroundStart: t.btnSuccessBgStart,
-      btnBackgroundEnd: t.btnSuccessBgEnd,
-      color: t.btnSuccessTextColor,
-      borderColor: t.btnSuccessBorderColor,
-      borderBottomColor: t.btnSuccessBorderBottomColor,
-      borderWidth: t.btnBorderWidth
-    }), buttonHoverMixin({
-      btnBackground: t.btnSuccessHoverBg,
-      btnBackgroundStart: t.btnSuccessHoverBgStart,
-      btnBackgroundEnd: t.btnSuccessHoverBgEnd,
-      borderColor: t.btnSuccessHoverBorderColor,
-      borderBottomColor: t.btnSuccessHoverBorderBottomColor,
-      borderWidth: t.btnBorderWidth
-    }), buttonActiveStyles.buttonSuccess(t));
-  },
-  buttonDanger: function buttonDanger(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      &:hover {\n        ", ";\n      }\n\n      &:active {\n        ", "\n      }\n    "])), buttonUseMixin({
-      btnBackground: t.btnDangerBg,
-      btnBackgroundStart: t.btnDangerBgStart,
-      btnBackgroundEnd: t.btnDangerBgEnd,
-      color: t.btnDangerTextColor,
-      borderColor: t.btnDangerBorderColor,
-      borderBottomColor: t.btnDangerBorderBottomColor,
-      borderWidth: t.btnBorderWidth
-    }), buttonHoverMixin({
-      btnBackground: t.btnDangerHoverBg,
-      btnBackgroundStart: t.btnDangerHoverBgStart,
-      btnBackgroundEnd: t.btnDangerHoverBgEnd,
-      borderColor: t.btnDangerHoverBorderColor,
-      borderBottomColor: t.btnDangerHoverBorderBottomColor,
-      borderWidth: t.btnBorderWidth
-    }), buttonActiveStyles.buttonDanger(t));
-  },
-  buttonPay: function buttonPay(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      &:hover {\n        ", ";\n      }\n\n      &:active {\n        ", "\n      }\n    "])), buttonUseMixin({
-      btnBackground: t.btnPayBg,
-      btnBackgroundStart: t.btnPayBgStart,
-      btnBackgroundEnd: t.btnPayBgEnd,
-      color: t.btnPayTextColor,
-      borderColor: t.btnPayBorderColor,
-      borderBottomColor: t.btnPayBorderBottomColor,
-      borderWidth: t.btnBorderWidth
-    }), buttonHoverMixin({
-      btnBackground: t.btnPayHoverBg,
-      btnBackgroundStart: t.btnPayHoverBgStart,
-      btnBackgroundEnd: t.btnPayHoverBgEnd,
-      borderColor: t.btnPayHoverBorderColor,
-      borderBottomColor: t.btnPayHoverBorderBottomColor,
-      borderWidth: t.btnBorderWidth
-    }), buttonActiveStyles.buttonPay(t));
-  },
-  buttonText: function buttonText(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      &,\n      &:hover {\n        box-shadow: none;\n      }\n\n      ", ";\n\n      &:hover {\n        ", ";\n      }\n\n      &:active {\n        ", "\n      }\n    "])), buttonUseMixin({
-      btnBackground: t.btnTextBg,
-      color: t.btnTextTextColor,
-      borderColor: t.btnTextBorderColor,
-      borderWidth: t.btnBorderWidth
-    }), buttonHoverMixin({
-      btnBackground: t.btnTextHoverBg,
-      borderColor: t.btnTextHoverBorderColor,
-      borderWidth: t.btnBorderWidth
-    }), buttonActiveStyles.buttonText(t));
-  },
-  buttonBackless: function buttonBackless(t) {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      color: ", ";\n      background: transparent;\n\n      &:hover {\n        ", ";\n      }\n\n      &:active {\n        ", "\n      }\n    "])), buttonUseMixin({
-      btnBackground: t.btnBacklessBg,
-      color: t.btnBacklessTextColor,
-      borderColor: t.btnBacklessBorderColor,
-      borderWidth: t.btnBorderWidth
-    }), t.btnDefaultTextColor, buttonHoverMixin({
-      btnBackground: t.btnBacklessHoverBg,
-      borderColor: t.btnBacklessHoverBorderColor,
-      borderWidth: t.btnBorderWidth
-    }), buttonActiveStyles.buttonBackless(t));
-  },
-  buttonBorderless: function buttonBorderless() {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      &,\n      &:active:hover,\n      &:hover {\n        box-shadow: none !important; // override root:hover style\n      }\n    "])));
-  },
-  buttonSizeSmall: function buttonSizeSmall(t) {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n\n      ", ";\n    "])), t.btnBorderRadiusSmall, buttonSizeMixin({
-      fontSize: t.btnFontSizeSmall,
-      lineHeight: t.btnLineHeightSmall,
-      paddingX: t.btnPaddingXSmall,
-      paddingY: t.btnPaddingYSmall,
-      fontFamilyCompensation: t.fontFamilyCompensationBaseline
-    }));
-  },
-  buttonSizeMedium: function buttonSizeMedium(t) {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n\n      ", ";\n    "])), t.btnBorderRadiusMedium, buttonSizeMixin({
-      fontSize: t.btnFontSizeMedium,
-      lineHeight: t.btnLineHeightMedium,
-      paddingX: t.btnPaddingXMedium,
-      paddingY: t.btnPaddingYMedium,
-      fontFamilyCompensation: t.fontFamilyCompensationBaseline
-    }));
-  },
-  buttonSizeLarge: function buttonSizeLarge(t) {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n\n      ", ";\n    "])), t.btnBorderRadiusLarge, buttonSizeMixin({
-      fontSize: t.btnFontSizeLarge,
-      lineHeight: t.btnLineHeightLarge,
-      paddingX: t.btnPaddingXLarge,
-      paddingY: t.btnPaddingYLarge,
-      fontFamilyCompensation: t.fontFamilyCompensationBaseline
-    }));
-  },
-  buttonSizeSmallWithLeftIcon: function buttonSizeSmallWithLeftIcon(t) {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      padding-left: ", ";\n    "])), t.btnWithIconPaddingLeftSmall);
-  },
-  buttonSizeSmallWithRightIcon: function buttonSizeSmallWithRightIcon(t) {
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      padding-right: ", ";\n    "])), t.btnWithIconPaddingRightSmall);
-  },
-  buttonSizeSmallWithIconWithoutText: function buttonSizeSmallWithIconWithoutText(t) {
-    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      padding-left: ", ";\n      padding-right: ", ";\n    "])), t.btnWithIconPaddingLeftSmall, t.btnWithIconPaddingRightSmall);
-  },
-  buttonSizeMediumWithLeftIcon: function buttonSizeMediumWithLeftIcon(t) {
-    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      padding-left: ", ";\n    "])), t.btnWithIconPaddingLeftMedium);
-  },
-  buttonSizeMediumWithRightIcon: function buttonSizeMediumWithRightIcon(t) {
-    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      padding-right: ", ";\n    "])), t.btnWithIconPaddingRightMedium);
-  },
-  buttonSizeMediumWithIconWithoutText: function buttonSizeMediumWithIconWithoutText(t) {
-    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      padding-left: ", ";\n      padding-right: ", ";\n    "])), t.btnWithIconPaddingLeftMedium, t.btnWithIconPaddingRightMedium);
-  },
-  buttonSizeLargeWithLeftIcon: function buttonSizeLargeWithLeftIcon(t) {
-    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      padding-left: ", ";\n    "])), t.btnWithIconPaddingLeftLarge);
-  },
-  buttonSizeLargeWithRightIcon: function buttonSizeLargeWithRightIcon(t) {
-    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      padding-right: ", ";\n    "])), t.btnWithIconPaddingRightLarge);
-  },
-  buttonSizeLargeWithIconWithoutText: function buttonSizeLargeWithIconWithoutText(t) {
-    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      padding-left: ", ";\n      padding-right: ", ";\n    "])), t.btnWithIconPaddingLeftLarge, t.btnWithIconPaddingRightLarge);
-  },
-  buttonNarrow: function buttonNarrow() {
-    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      padding-left: 5px;\n      padding-right: 5px;\n    "])));
-  },
-  buttonDisabled: function buttonDisabled(t) {
-    return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n      pointer-events: none;\n\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);
-  },
-  buttonDisabledWithoutOutline: function buttonDisabledWithoutOutline(t) {
-    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      box-shadow: 0 0 0 ", " ", ";\n    "])), t.btnBorderWidth, t.btnDisabledBg);
-  },
-  buttonFocus: function buttonFocus(t) {
-    return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      z-index: 2;\n\n      &,\n      &:hover,\n      &:active,\n      &:active:hover {\n        box-shadow: inset 0 0 0 ", " ", ",\n          0 0 0 ", " ", " !important; // override root:hover style\n      }\n    "])), t.btnInsetWidth, t.btnOutlineColorFocus, t.btnFocusShadowWidth, t.btnBorderColorFocus);
-  },
-  buttonWithArrowIconRightSmall: function buttonWithArrowIconRightSmall(t) {
-    return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      padding-right: calc(", " + ", " + ", ");\n    "])), t.btnIconSizeSmall, t.btnWithIconPaddingLeftSmall, t.btnWithIconPaddingLeftSmall);
-  },
-  buttonWithArrowIconRightMedium: function buttonWithArrowIconRightMedium(t) {
-    return css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n      padding-right: calc(\n        ", " + ", " + ", "\n      );\n    "])), t.btnIconSizeMedium, t.btnWithIconPaddingLeftMedium, t.btnWithIconPaddingLeftMedium);
-  },
-  buttonWithArrowIconRightLarge: function buttonWithArrowIconRightLarge(t) {
-    return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n      padding-right: calc(", " + ", " + ", ");\n    "])), t.btnIconSizeLarge, t.btnWithIconPaddingLeftLarge, t.btnWithIconPaddingLeftLarge);
-  },
-  buttonWithArrowIconLeftSmall: function buttonWithArrowIconLeftSmall(t) {
-    return css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n      padding-left: calc(", " + ", " + ", ");\n    "])), t.btnIconSizeSmall, t.btnWithIconPaddingLeftSmall, t.btnWithIconPaddingLeftSmall);
-  },
-  buttonWithArrowIconLeftMedium: function buttonWithArrowIconLeftMedium(t) {
-    return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n      padding-left: calc(\n        ", " + ", " + ", "\n      );\n    "])), t.btnIconSizeMedium, t.btnWithIconPaddingLeftMedium, t.btnWithIconPaddingLeftMedium);
-  },
-  buttonWithArrowIconLeftLarge: function buttonWithArrowIconLeftLarge(t) {
-    return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n      padding-left: calc(", " + ", " + ", ");\n    "])), t.btnIconSizeLarge, t.btnWithIconPaddingLeftLarge, t.btnWithIconPaddingLeftLarge);
-  }
-});
-export var buttonActiveStyles = memoizeStyle({
-  buttonDefault: function buttonDefault(t) {
-    return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin({
-      btnBackground: t.btnDefaultActiveBg,
-      borderColor: t.btnDefaultActiveBorderColor,
-      borderTopColor: t.btnDefaultActiveBorderTopColor,
-      borderWidth: t.btnBorderWidth
-    }));
-  },
-  buttonPrimary: function buttonPrimary(t) {
-    return css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin({
-      btnBackground: t.btnPrimaryActiveBg,
-      borderColor: t.btnPrimaryActiveBorderColor,
-      borderTopColor: t.btnPrimaryActiveBorderTopColor,
-      borderWidth: t.btnBorderWidth
-    }));
-  },
-  buttonSuccess: function buttonSuccess(t) {
-    return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin({
-      btnBackground: t.btnSuccessActiveBg,
-      borderColor: t.btnSuccessActiveBorderColor,
-      borderTopColor: t.btnSuccessActiveBorderTopColor,
-      borderWidth: t.btnBorderWidth
-    }));
-  },
-  buttonDanger: function buttonDanger(t) {
-    return css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin({
-      btnBackground: t.btnDangerActiveBg,
-      borderColor: t.btnDangerActiveBorderColor,
-      borderTopColor: t.btnDangerActiveBorderTopColor,
-      borderWidth: t.btnBorderWidth
-    }));
-  },
-  buttonPay: function buttonPay(t) {
-    return css(_templateObject36 || (_templateObject36 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin({
-      btnBackground: t.btnPayActiveBg,
-      borderColor: t.btnPayActiveBorderColor,
-      borderTopColor: t.btnPayActiveBorderTopColor,
-      borderWidth: t.btnBorderWidth
-    }));
-  },
-  buttonLink: function buttonLink(t) {
-    return css(_templateObject37 || (_templateObject37 = _taggedTemplateLiteralLoose(["\n      & {\n        color: ", ";\n      }\n    "])), t.btnLinkActiveColor);
-  },
-  buttonText: function buttonText(t) {
-    return css(_templateObject38 || (_templateObject38 = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "])), buttonActiveMixin({
-      btnBackground: t.btnTextActiveBg,
-      borderColor: t.btnTextActiveBg,
-      borderWidth: t.btnBorderWidth
-    }));
-  },
-  buttonBackless: function buttonBackless(t) {
-    return css(_templateObject39 || (_templateObject39 = _taggedTemplateLiteralLoose(["\n      &,\n      &:hover {\n        background: ", ";\n      }\n    "])), t.btnBacklessActiveBg);
-  }
-});
-export var getButtonSize = function getButtonSize(_ref) {
-  var _ref4;
-
-  var size = _ref.size,
-      leftIcon = _ref.leftIcon,
-      rightIcon = _ref.rightIcon,
-      children = _ref.children,
-      theme = _ref.theme;
-  var hasIconAndNoContent = (!!leftIcon || !!rightIcon) && !children;
-
-  if (size === 'large') {
-    var _ref2;
-
-    return _ref2 = {}, _ref2[buttonStyles.buttonSizeLarge(theme)] = true, _ref2[buttonStyles.buttonSizeLargeWithLeftIcon(theme)] = !!leftIcon, _ref2[buttonStyles.buttonSizeLargeWithRightIcon(theme)] = !!rightIcon, _ref2[buttonStyles.buttonSizeLargeWithIconWithoutText(theme)] = hasIconAndNoContent, _ref2;
-  }
-
-  if (size === 'medium') {
-    var _ref3;
-
-    return _ref3 = {}, _ref3[buttonStyles.buttonSizeMedium(theme)] = true, _ref3[buttonStyles.buttonSizeMediumWithLeftIcon(theme)] = !!leftIcon, _ref3[buttonStyles.buttonSizeMediumWithRightIcon(theme)] = !!rightIcon, _ref3[buttonStyles.buttonSizeMediumWithIconWithoutText(theme)] = hasIconAndNoContent, _ref3;
-  }
-
-  return _ref4 = {}, _ref4[buttonStyles.buttonSizeSmall(theme)] = true, _ref4[buttonStyles.buttonSizeSmallWithLeftIcon(theme)] = !!leftIcon, _ref4[buttonStyles.buttonSizeSmallWithRightIcon(theme)] = !!rightIcon, _ref4[buttonStyles.buttonSizeSmallWithIconWithoutText(theme)] = hasIconAndNoContent, _ref4;
-};
-export var getButtonStyles = function getButtonStyles(_ref5) {
-  var _extends2, _extends3;
-
-  var use = _ref5.use,
-      buttonSize = _ref5.buttonSize,
-      theme = _ref5.theme,
-      arrow = _ref5.arrow,
-      size = _ref5.size,
-      isNarrow = _ref5.isNarrow,
-      isBorderless = _ref5.isBorderless,
-      isFocused = _ref5.isFocused,
-      isActive = _ref5.isActive,
-      isNotInteractive = _ref5.isNotInteractive;
-  var active = !isNotInteractive && isActive;
-  var isUseStateWithoutOutlineInDisabledState = !['default', 'backless'].includes(use != null ? use : '');
-  return cx(_extends((_extends2 = {}, _extends2[buttonStyles.buttonRoot(theme)] = true, _extends2[buttonStyles.buttonDefault(theme)] = use === 'default' || use === undefined, _extends2[buttonStyles.buttonPrimary(theme)] = use === 'primary', _extends2[buttonStyles.buttonSuccess(theme)] = use === 'success', _extends2[buttonStyles.buttonDanger(theme)] = use === 'danger', _extends2[buttonStyles.buttonPay(theme)] = use === 'pay', _extends2[buttonStyles.buttonText(theme)] = use === 'text', _extends2[buttonStyles.buttonBackless(theme)] = use === 'backless', _extends2[buttonActiveStyles.buttonDefault(theme)] = (use === 'default' || use === undefined) && active, _extends2[buttonActiveStyles.buttonPrimary(theme)] = use === 'primary' && active, _extends2[buttonActiveStyles.buttonSuccess(theme)] = use === 'success' && active, _extends2[buttonActiveStyles.buttonDanger(theme)] = use === 'danger' && active, _extends2[buttonActiveStyles.buttonPay(theme)] = use === 'pay' && active, _extends2[buttonActiveStyles.buttonText(theme)] = use === 'text' && active, _extends2[buttonActiveStyles.buttonBackless(theme)] = use === 'backless' && active, _extends2[buttonStyles.buttonFocus(theme)] = isFocused, _extends2), buttonSize, (_extends3 = {}, _extends3[buttonStyles.buttonNarrow()] = isNarrow, _extends3[buttonStyles.buttonWithArrowIconRightSmall(theme)] = arrow === 'right' && size === 'small', _extends3[buttonStyles.buttonWithArrowIconRightMedium(theme)] = arrow === 'right' && size === 'medium', _extends3[buttonStyles.buttonWithArrowIconRightLarge(theme)] = arrow === 'right' && size === 'large', _extends3[buttonStyles.buttonWithArrowIconLeftSmall(theme)] = arrow === 'left' && size === 'small', _extends3[buttonStyles.buttonWithArrowIconLeftMedium(theme)] = arrow === 'left' && size === 'medium', _extends3[buttonStyles.buttonWithArrowIconLeftLarge(theme)] = arrow === 'left' && size === 'large', _extends3[buttonStyles.buttonDisabled(theme)] = isNotInteractive, _extends3[buttonStyles.buttonDisabledWithoutOutline(theme)] = isUseStateWithoutOutlineInDisabledState && isNotInteractive, _extends3[buttonStyles.buttonBorderless()] = isBorderless && (!isFocused || isNotInteractive), _extends3)));
-};