@skbkontur/react-ui 0.0.0-6a047cca2c → 0.0.0-6fbd9fadb2

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

@@ -1 +1 @@
-{"version":3,"sources":["Button.styles.ts"],"names":["btn_loading_arrow","keyframes","styles","root","t","css","caption","warning","btnOutlineWidth","btnBorderColorWarning","error","btnBorderColorError","sizeSmall","btnBorderRadiusSmall","btnFontSizeSmall","btnHeightSmall","btnHeightShift","btnLineHeightSmall","btnPaddingXSmall","btnPaddingYSmall","fontFamilyCompensationBaseline","link","fallback","arrow","btnSmallArrowBorderRadius","btnSmallArrowTop","btnSmallArrowLeft","btnSmallArrowRight","btnSmallArrowLength","arrowLeft","sizeMedium","btnBorderRadiusMedium","btnFontSizeMedium","btnHeightMedium","btnLineHeightMedium","btnPaddingXMedium","btnPaddingYMedium","btnMediumArrowTop","btnMediumArrowLeft","btnMediumArrowRight","btnMediumArrowLength","btnMediumArrowTransform","sizeLarge","btnBorderRadiusLarge","btnFontSizeLarge","btnHeightLarge","btnLineHeightLarge","btnPaddingXLarge","btnPaddingYLarge","btnLargeArrowTop","btnLargeArrowLeft","btnLargeArrowRight","btnLargeArrowLength","btnLargeArrowTransform","sizeSmallLoading","btnSmallArrowBg","btnSmallArrowLeftLoadingDelay","sizeMediumLoading","btnMediumArrowLeftLoadingLeft","btnMediumArrowBg","btnMediumArrowLeftLoadingDelay","sizeLargeLoading","btnLargeArrowBg","btnLargeArrowLeftLoadingDelay","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","linkActiveColor","icon","btnLinkIconMarginRight","btnErrorSecondary","focus","disabled","btnFocusBorder","active","btnBorderWidth","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","arrowWarning","arrowError","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","btnDisabledShadow","btnDisabledShadowArrow","btnLinkDisabledColor","validationRoot","checked","btnCheckedShadowArrowLeft","default","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultBgArrowStart","btnDefaultBgArrowEnd","btnDefaultShadow","btnDefaultShadowArrow","btnDefaultShadowArrowLeft","btnDefaultTextColor","btnDefaultBorder","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverShadow","btnDefaultHoverShadowArrow","btnDefaultHoverShadowArrowLeft","btnDefaultHoverBorderColor","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveShadowArrow","btnDefaultActiveShadowArrowLeft","primary","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryBgArrowStart","btnPrimaryBgArrowEnd","btnPrimaryShadow","btnPrimaryShadowArrow","btnPrimaryShadowArrowLeft","btnPrimaryTextColor","btnPrimaryBorder","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverShadow","btnPrimaryHoverShadowArrow","btnPrimaryHoverShadowArrowLeft","btnPrimaryHoverBorderColor","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveShadowArrow","btnPrimaryActiveShadowArrowLeft","success","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessBgArrowStart","btnSuccessBgArrowEnd","btnSuccessShadow","btnSuccessShadowArrow","btnSuccessShadowArrowLeft","btnSuccessTextColor","btnSuccessBorder","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverShadow","btnSuccessHoverShadowArrow","btnSuccessHoverShadowArrowLeft","btnSuccessHoverBorderColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveShadowArrow","btnSuccessActiveShadowArrowLeft","danger","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerBgArrowStart","btnDangerBgArrowEnd","btnDangerShadow","btnDangerShadowArrow","btnDangerShadowArrowLeft","btnDangerTextColor","btnDangerBorder","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverShadow","btnDangerHoverShadowArrow","btnDangerHoverShadowArrowLeft","btnDangerHoverBorderColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveShadowArrow","btnDangerActiveShadowArrowLeft","pay","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayBgArrowStart","btnPayBgArrowEnd","btnPayShadow","btnPayShadowArrow","btnPayShadowArrowLeft","btnPayTextColor","btnPayBorder","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverShadow","btnPayHoverShadowArrow","btnPayHoverShadowArrowLeft","btnPayHoverBorderColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveShadowArrow","btnPayActiveShadowArrowLeft","btnCheckedShadow","btnCheckedBg","btnCheckedTextColor","btnDefaultCheckedBorder","btnCheckedDisabledShadow","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledBorderColor","btnCheckedDisabledShadowArrow","btnCheckedShadowArrow","wrap","btnWrapPadding","narrow","noPadding","noRightPadding","wrapLink","wrapArrow","wrapArrowLeft","iconSmall","btnIconSizeSmall","btnIconGapSmall","iconMedium","btnIconSizeMedium","btnIconGapMedium","iconLarge","btnIconSizeLarge","btnIconGapLarge","borderless","loading","btn_loading","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { resetButton, resetText } from '../../lib/styles/Mixins';\r\n\r\nimport {\r\n  buttonUseMixin,\r\n  buttonHoverMixin,\r\n  buttonActiveMixin,\r\n  buttonSizeMixin,\r\n  buttonArrowMixin,\r\n  buttonLoadingArrowMixin,\r\n} from './Button.mixins';\r\n\r\nconst btn_loading_arrow = keyframes`\r\n0% {\r\n  transform: translateX(50px) rotate(-44.3deg);\r\n}\r\n\r\n100% {\r\n  transform: translateX(21px) translateY(30px) rotate(-44.3deg);\r\n}\r\n`;\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      ${resetButton()};\r\n      ${resetText()};\r\n\r\n      background-clip: border-box;\r\n      background-position: center;\r\n      background-repeat: no-repeat;\r\n      background-size: contain;\r\n      cursor: pointer;\r\n      display: inline-block;\r\n      position: relative;\r\n      text-align: center;\r\n      width: 100%;\r\n\r\n      &::-moz-focus-inner {\r\n        border: 0;\r\n        padding: 0;\r\n      }\r\n      &::after {\r\n        content: '';\r\n        display: inline-block;\r\n        vertical-align: baseline;\r\n        width: 0;\r\n      }\r\n\r\n      &:active {\r\n        ${cssName(styles.caption())} {\r\n          transform: translateY(1px);\r\n        }\r\n      }\r\n    `;\r\n  },\r\n\r\n  warning(t: Theme) {\r\n    return css`\r\n      border-radius: inherit;\r\n      position: absolute;\r\n      top: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      right: 0;\r\n      box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorWarning};\r\n    `;\r\n  },\r\n\r\n  error(t: Theme) {\r\n    return css`\r\n      border-radius: inherit;\r\n      position: absolute;\r\n      top: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      right: 0;\r\n      box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorError};\r\n    `;\r\n  },\r\n\r\n  sizeSmall(t: Theme) {\r\n    return css`\r\n      border-radius: ${t.btnBorderRadiusSmall};\r\n\r\n      ${buttonSizeMixin(\r\n        t.btnFontSizeSmall,\r\n        t.btnHeightSmall,\r\n        t.btnHeightShift,\r\n        t.btnLineHeightSmall,\r\n        t.btnPaddingXSmall,\r\n        t.btnPaddingYSmall,\r\n        t.fontFamilyCompensationBaseline,\r\n        cssName(styles.link(t)),\r\n        cssName(styles.fallback(t)),\r\n      )};\r\n\r\n      ${cssName(styles.arrow())} {\r\n        border-radius: ${t.btnSmallArrowBorderRadius};\r\n      }\r\n\r\n      ${buttonArrowMixin(\r\n        t.btnSmallArrowTop,\r\n        t.btnSmallArrowLeft,\r\n        t.btnSmallArrowRight,\r\n        t.btnSmallArrowLength,\r\n        'rotate(53deg) skewX(24deg) skewY(10deg)',\r\n        cssName(styles.arrow()),\r\n        cssName(styles.arrowLeft(t)),\r\n      )};\r\n    `;\r\n  },\r\n\r\n  sizeMedium(t: Theme) {\r\n    return css`\r\n      border-radius: ${t.btnBorderRadiusMedium};\r\n\r\n      ${buttonSizeMixin(\r\n        t.btnFontSizeMedium,\r\n        t.btnHeightMedium,\r\n        t.btnHeightShift,\r\n        t.btnLineHeightMedium,\r\n        t.btnPaddingXMedium,\r\n        t.btnPaddingYMedium,\r\n        t.fontFamilyCompensationBaseline,\r\n        cssName(styles.link(t)),\r\n        cssName(styles.fallback(t)),\r\n      )};\r\n\r\n      ${buttonArrowMixin(\r\n        t.btnMediumArrowTop,\r\n        t.btnMediumArrowLeft,\r\n        t.btnMediumArrowRight,\r\n        t.btnMediumArrowLength,\r\n        t.btnMediumArrowTransform,\r\n        cssName(styles.arrow()),\r\n        cssName(styles.arrowLeft(t)),\r\n      )};\r\n    `;\r\n  },\r\n\r\n  sizeLarge(t: Theme) {\r\n    return css`\r\n      border-radius: ${t.btnBorderRadiusLarge};\r\n\r\n      ${buttonSizeMixin(\r\n        t.btnFontSizeLarge,\r\n        t.btnHeightLarge,\r\n        t.btnHeightShift,\r\n        t.btnLineHeightLarge,\r\n        t.btnPaddingXLarge,\r\n        t.btnPaddingYLarge,\r\n        t.fontFamilyCompensationBaseline,\r\n        cssName(styles.link(t)),\r\n        cssName(styles.fallback(t)),\r\n      )};\r\n\r\n      ${buttonArrowMixin(\r\n        t.btnLargeArrowTop,\r\n        t.btnLargeArrowLeft,\r\n        t.btnLargeArrowRight,\r\n        t.btnLargeArrowLength,\r\n        t.btnLargeArrowTransform,\r\n        cssName(styles.arrow()),\r\n        cssName(styles.arrowLeft(t)),\r\n      )};\r\n    `;\r\n  },\r\n\r\n  sizeSmallLoading(t: Theme) {\r\n    return css`\r\n      ${buttonLoadingArrowMixin(\r\n        t.btnSmallArrowTop,\r\n        t.btnSmallArrowTop,\r\n        '-207px',\r\n        '441%',\r\n        t.btnSmallArrowBg,\r\n        t.btnSmallArrowLeftLoadingDelay,\r\n        btn_loading_arrow,\r\n        cssName(styles.arrow()),\r\n        cssName(styles.arrowLeft(t)),\r\n      )};\r\n    `;\r\n  },\r\n\r\n  sizeMediumLoading(t: Theme) {\r\n    return css`\r\n      ${buttonLoadingArrowMixin(\r\n        '0',\r\n        '0',\r\n        t.btnMediumArrowLeftLoadingLeft,\r\n        '441%',\r\n        t.btnMediumArrowBg,\r\n        t.btnMediumArrowLeftLoadingDelay,\r\n        btn_loading_arrow,\r\n        cssName(styles.arrow()),\r\n        cssName(styles.arrowLeft(t)),\r\n      )};\r\n    `;\r\n  },\r\n\r\n  sizeLargeLoading(t: Theme) {\r\n    return css`\r\n      ${buttonLoadingArrowMixin(\r\n        '-32px',\r\n        '-36px',\r\n        ' -198px',\r\n        '700%',\r\n        t.btnLargeArrowBg,\r\n        t.btnLargeArrowLeftLoadingDelay,\r\n        btn_loading_arrow,\r\n        cssName(styles.arrow()),\r\n        cssName(styles.arrowLeft(t)),\r\n      )};\r\n    `;\r\n  },\r\n\r\n  link(t: Theme) {\r\n    return css`\r\n      background: none;\r\n      border-radius: ${t.btnLinkBorderRadius} !important;\r\n      border: none;\r\n      box-shadow: none;\r\n      color: ${t.btnLinkColor} !important;\r\n      display: inline;\r\n      line-height: inherit !important;\r\n      margin: 0;\r\n      padding: 0 !important;\r\n\r\n      &:hover {\r\n        color: ${t.btnLinkHoverColor} !important;\r\n        text-decoration: ${t.btnLinkHoverTextDecoration};\r\n      }\r\n      &:active {\r\n        color: ${t.linkActiveColor} !important;\r\n      }\r\n      ${cssName(styles.caption())} {\r\n        display: inline;\r\n        transform: none !important;\r\n      }\r\n      ${cssName(styles.icon())} {\r\n        padding-right: ${t.btnLinkIconMarginRight};\r\n      }\r\n      ${cssName(styles.warning(t))} ,\r\n      ${cssName(styles.error(t))}  {\r\n        box-shadow: none;\r\n        left: -2px !important;\r\n        right: -2px !important;\r\n        bottom: -2px !important;\r\n      }\r\n      ${cssName(styles.error(t))}  {\r\n        background: ${t.btnErrorSecondary} !important;\r\n      }\r\n    `;\r\n  },\r\n\r\n  focus(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        position: relative;\r\n        z-index: 2;\r\n\r\n        &${cssName(styles.link(t))} {\r\n          color: ${t.btnLinkColor};\r\n          text-decoration: ${t.btnLinkHoverTextDecoration};\r\n        }\r\n\r\n        &:not(${cssName(styles.disabled(t))}):not(${cssName(styles.link(t))}) {\r\n          border: ${t.btnFocusBorder};\r\n\r\n          &,\r\n          &:hover,\r\n          &:active,\r\n          ${cssName(styles.active(t))} {\r\n            box-shadow: inset 0 0 0 ${t.btnBorderWidth} ${t.btnOutlineColorFocus},\r\n              0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus};\r\n\r\n            &${cssName(styles.warning(t))}, &${cssName(styles.error(t))} {\r\n              box-shadow: inset 0 0 0 ${t.btnBorderWidth} ${t.btnOutlineColorFocus} !important;\r\n              border-color: transparent !important;\r\n            }\r\n            ${cssName(styles.arrow())} {\r\n              box-shadow: inset -${t.btnBorderWidth} ${t.btnBorderWidth} 0 0 ${t.btnOutlineColorFocus},\r\n                ${t.btnOutlineWidth} -${t.btnOutlineWidth} 0 0 ${t.btnBorderColorFocus};\r\n\r\n              &${cssName(styles.arrowWarning(t))} {\r\n                box-shadow: inset -${t.btnBorderWidth} ${t.btnBorderWidth} 0 0 ${t.btnOutlineColorFocus},\r\n                  ${t.btnOutlineWidth} -${t.btnOutlineWidth} 0 0 ${t.btnBorderColorWarning} !important;\r\n              }\r\n\r\n              &${cssName(styles.arrowError(t))} {\r\n                box-shadow: inset -${t.btnBorderWidth} ${t.btnBorderWidth} 0 0 ${t.btnOutlineColorFocus},\r\n                  ${t.btnOutlineWidth} -${t.btnOutlineWidth} 0 0 ${t.btnBorderColorError} !important;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    `;\r\n  },\r\n\r\n  disabled(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        cursor: default;\r\n        pointer-events: none;\r\n        border-color: ${t.btnDisabledBorderColor} !important;\r\n\r\n        &:not(${cssName(styles.link(t))}) {\r\n          background: ${t.btnDisabledBg} !important;\r\n          color: ${t.btnDisabledTextColor} !important;\r\n          box-shadow: ${t.btnDisabledShadow} !important;\r\n\r\n          ${cssName(styles.arrow())} {\r\n            background: ${t.btnDisabledBg} !important;\r\n            box-shadow: ${t.btnDisabledShadowArrow} !important;\r\n          }\r\n        }\r\n\r\n        &${cssName(styles.link(t))} {\r\n          color: ${t.btnLinkDisabledColor} !important;\r\n        }\r\n\r\n        ${cssName(styles.caption())} {\r\n          transform: none !important;\r\n        }\r\n      }\r\n    `;\r\n  },\r\n\r\n  fallback(t: Theme) {\r\n    return css`\r\n      &${cssName(styles.disabled(t))} {\r\n        outline-color: transparent;\r\n      }\r\n      &:not(${cssName(styles.link(t))}) {\r\n        line-height: normal !important;\r\n      }\r\n    `;\r\n  },\r\n\r\n  validationRoot(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.focus(t))}& {\r\n        box-shadow: inset 0 0 0 1px ${t.btnOutlineColorFocus} !important;\r\n        border-color: transparent !important;\r\n      }\r\n    `;\r\n  },\r\n\r\n  arrowWarning(t: Theme) {\r\n    return css`\r\n      box-shadow: ${t.btnOutlineWidth} -${t.btnOutlineWidth} 0 0 ${t.btnBorderColorWarning} !important;\r\n    `;\r\n  },\r\n\r\n  arrowError(t: Theme) {\r\n    return css`\r\n      box-shadow: ${t.btnOutlineWidth} -${t.btnOutlineWidth} 0 0 ${t.btnBorderColorError} !important;\r\n    `;\r\n  },\r\n\r\n  arrowLeft(t: Theme) {\r\n    return css`\r\n      visibility: visible;\r\n\r\n      ${cssName(styles.checked(t))}:not(${cssName(styles.focus(t))}) & {\r\n        box-shadow: ${t.btnCheckedShadowArrowLeft} !important;\r\n      }\r\n    `;\r\n  },\r\n\r\n  default(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        ${buttonUseMixin(\r\n          t.btnDefaultBg,\r\n          t.btnDefaultBgStart,\r\n          t.btnDefaultBgEnd,\r\n          t.btnDefaultBgArrowStart,\r\n          t.btnDefaultBgArrowEnd,\r\n          t.btnDefaultShadow,\r\n          t.btnDefaultShadowArrow,\r\n          t.btnDefaultShadowArrowLeft,\r\n          t.btnDefaultTextColor,\r\n          t.btnDefaultBorder,\r\n          cssName(styles.checked(t)),\r\n          cssName(styles.arrow()),\r\n          cssName(styles.arrowLeft(t)),\r\n        )};\r\n\r\n        ${buttonHoverMixin(\r\n          t.btnDefaultHoverBg,\r\n          t.btnDefaultHoverBgStart,\r\n          t.btnDefaultHoverBgEnd,\r\n          t.btnDefaultHoverBgStart,\r\n          t.btnDefaultHoverBgEnd,\r\n          t.btnDefaultHoverShadow,\r\n          t.btnDefaultHoverShadowArrow,\r\n          t.btnDefaultHoverShadowArrowLeft,\r\n          t.btnDefaultHoverBorderColor,\r\n          cssName(styles.arrow()),\r\n          cssName(styles.arrowLeft(t)),\r\n        )};\r\n\r\n        ${buttonActiveMixin(\r\n          t.btnDefaultActiveBg,\r\n          t.btnDefaultActiveBg,\r\n          t.btnDefaultActiveBg,\r\n          t.btnDefaultActiveShadow,\r\n          t.btnDefaultActiveShadowArrow,\r\n          t.btnDefaultActiveShadowArrowLeft,\r\n          cssName(styles.active(t)),\r\n          cssName(styles.arrow()),\r\n          cssName(styles.arrowLeft(t)),\r\n        )};\r\n      }\r\n    `;\r\n  },\r\n\r\n  primary(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        ${buttonUseMixin(\r\n          t.btnPrimaryBg,\r\n          t.btnPrimaryBgStart,\r\n          t.btnPrimaryBgEnd,\r\n          t.btnPrimaryBgArrowStart,\r\n          t.btnPrimaryBgArrowEnd,\r\n          t.btnPrimaryShadow,\r\n          t.btnPrimaryShadowArrow,\r\n          t.btnPrimaryShadowArrowLeft,\r\n          t.btnPrimaryTextColor,\r\n          t.btnPrimaryBorder,\r\n          cssName(styles.checked(t)),\r\n          cssName(styles.arrow()),\r\n          cssName(styles.arrowLeft(t)),\r\n        )};\r\n\r\n        ${buttonHoverMixin(\r\n          t.btnPrimaryHoverBg,\r\n          t.btnPrimaryHoverBgStart,\r\n          t.btnPrimaryHoverBgEnd,\r\n          t.btnPrimaryHoverBgStart,\r\n          t.btnPrimaryHoverBgEnd,\r\n          t.btnPrimaryHoverShadow,\r\n          t.btnPrimaryHoverShadowArrow,\r\n          t.btnPrimaryHoverShadowArrowLeft,\r\n          t.btnPrimaryHoverBorderColor,\r\n          cssName(styles.arrow()),\r\n          cssName(styles.arrowLeft(t)),\r\n        )};\r\n\r\n        ${buttonActiveMixin(\r\n          t.btnPrimaryActiveBg,\r\n          t.btnPrimaryActiveBg,\r\n          t.btnPrimaryActiveBg,\r\n          t.btnPrimaryActiveShadow,\r\n          t.btnPrimaryActiveShadowArrow,\r\n          t.btnPrimaryActiveShadowArrowLeft,\r\n          cssName(styles.active(t)),\r\n          cssName(styles.arrow()),\r\n          cssName(styles.arrowLeft(t)),\r\n        )};\r\n      }\r\n    `;\r\n  },\r\n\r\n  success(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        ${buttonUseMixin(\r\n          t.btnSuccessBg,\r\n          t.btnSuccessBgStart,\r\n          t.btnSuccessBgEnd,\r\n          t.btnSuccessBgArrowStart,\r\n          t.btnSuccessBgArrowEnd,\r\n          t.btnSuccessShadow,\r\n          t.btnSuccessShadowArrow,\r\n          t.btnSuccessShadowArrowLeft,\r\n          t.btnSuccessTextColor,\r\n          t.btnSuccessBorder,\r\n          cssName(styles.checked(t)),\r\n          cssName(styles.arrow()),\r\n          cssName(styles.arrowLeft(t)),\r\n        )};\r\n\r\n        ${buttonHoverMixin(\r\n          t.btnSuccessHoverBg,\r\n          t.btnSuccessHoverBgStart,\r\n          t.btnSuccessHoverBgEnd,\r\n          t.btnSuccessHoverBgStart,\r\n          t.btnSuccessHoverBgEnd,\r\n          t.btnSuccessHoverShadow,\r\n          t.btnSuccessHoverShadowArrow,\r\n          t.btnSuccessHoverShadowArrowLeft,\r\n          t.btnSuccessHoverBorderColor,\r\n          cssName(styles.arrow()),\r\n          cssName(styles.arrowLeft(t)),\r\n        )};\r\n\r\n        ${buttonActiveMixin(\r\n          t.btnSuccessActiveBg,\r\n          t.btnSuccessActiveBg,\r\n          t.btnSuccessActiveBg,\r\n          t.btnSuccessActiveShadow,\r\n          t.btnSuccessActiveShadowArrow,\r\n          t.btnSuccessActiveShadowArrowLeft,\r\n          cssName(styles.active(t)),\r\n          cssName(styles.arrow()),\r\n          cssName(styles.arrowLeft(t)),\r\n        )};\r\n      }\r\n    `;\r\n  },\r\n\r\n  danger(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        ${buttonUseMixin(\r\n          t.btnDangerBg,\r\n          t.btnDangerBgStart,\r\n          t.btnDangerBgEnd,\r\n          t.btnDangerBgArrowStart,\r\n          t.btnDangerBgArrowEnd,\r\n          t.btnDangerShadow,\r\n          t.btnDangerShadowArrow,\r\n          t.btnDangerShadowArrowLeft,\r\n          t.btnDangerTextColor,\r\n          t.btnDangerBorder,\r\n          cssName(styles.checked(t)),\r\n          cssName(styles.arrow()),\r\n          cssName(styles.arrowLeft(t)),\r\n        )};\r\n\r\n        ${buttonHoverMixin(\r\n          t.btnDangerHoverBg,\r\n          t.btnDangerHoverBgStart,\r\n          t.btnDangerHoverBgEnd,\r\n          t.btnDangerHoverBgStart,\r\n          t.btnDangerHoverBgEnd,\r\n          t.btnDangerHoverShadow,\r\n          t.btnDangerHoverShadowArrow,\r\n          t.btnDangerHoverShadowArrowLeft,\r\n          t.btnDangerHoverBorderColor,\r\n          cssName(styles.arrow()),\r\n          cssName(styles.arrowLeft(t)),\r\n        )};\r\n\r\n        ${buttonActiveMixin(\r\n          t.btnDangerActiveBg,\r\n          t.btnDangerActiveBg,\r\n          t.btnDangerActiveBg,\r\n          t.btnDangerActiveShadow,\r\n          t.btnDangerActiveShadowArrow,\r\n          t.btnDangerActiveShadowArrowLeft,\r\n          cssName(styles.active(t)),\r\n          cssName(styles.arrow()),\r\n          cssName(styles.arrowLeft(t)),\r\n        )};\r\n      }\r\n    `;\r\n  },\r\n\r\n  pay(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        ${buttonUseMixin(\r\n          t.btnPayBg,\r\n          t.btnPayBgStart,\r\n          t.btnPayBgEnd,\r\n          t.btnPayBgArrowStart,\r\n          t.btnPayBgArrowEnd,\r\n          t.btnPayShadow,\r\n          t.btnPayShadowArrow,\r\n          t.btnPayShadowArrowLeft,\r\n          t.btnPayTextColor,\r\n          t.btnPayBorder,\r\n          cssName(styles.checked(t)),\r\n          cssName(styles.arrow()),\r\n          cssName(styles.arrowLeft(t)),\r\n        )};\r\n\r\n        ${buttonHoverMixin(\r\n          t.btnPayHoverBg,\r\n          t.btnPayHoverBgStart,\r\n          t.btnPayHoverBgEnd,\r\n          t.btnPayHoverBgStart,\r\n          t.btnPayHoverBgEnd,\r\n          t.btnPayHoverShadow,\r\n          t.btnPayHoverShadowArrow,\r\n          t.btnPayHoverShadowArrowLeft,\r\n          t.btnPayHoverBorderColor,\r\n          cssName(styles.arrow()),\r\n          cssName(styles.arrowLeft(t)),\r\n        )};\r\n\r\n        ${buttonActiveMixin(\r\n          t.btnPayActiveBg,\r\n          t.btnPayActiveBg,\r\n          t.btnPayActiveBg,\r\n          t.btnPayActiveShadow,\r\n          t.btnPayActiveShadowArrow,\r\n          t.btnPayActiveShadowArrowLeft,\r\n          cssName(styles.active(t)),\r\n          cssName(styles.arrow()),\r\n          cssName(styles.arrowLeft(t)),\r\n        )};\r\n      }\r\n    `;\r\n  },\r\n\r\n  checked(t: Theme) {\r\n    return css`\r\n      box-shadow: ${t.btnCheckedShadow} !important;\r\n      background: ${t.btnCheckedBg} !important;\r\n      color: ${t.btnCheckedTextColor} !important;\r\n      border: ${t.btnDefaultCheckedBorder} !important;\r\n\r\n      &:not(${cssName(styles.link(t))}) {\r\n        ${cssName(styles.caption())} {\r\n          transform: translateY(1px) !important;\r\n        }\r\n      }\r\n\r\n      &:not(${cssName(styles.link(t))})${cssName(styles.disabled(t))} {\r\n        box-shadow: ${t.btnCheckedDisabledShadow} !important;\r\n        background: ${t.btnCheckedDisabledBg} !important;\r\n        color: ${t.btnCheckedDisabledColor} !important;\r\n        border-color: ${t.btnCheckedDisabledBorderColor} !important;\r\n\r\n        ${cssName(styles.arrow())} {\r\n          background: ${t.btnCheckedDisabledBg} !important;\r\n          box-shadow: ${t.btnCheckedDisabledShadowArrow} !important;\r\n        }\r\n      }\r\n\r\n      &,\r\n      &:not(${cssName(styles.focus(t))}) {\r\n        ${cssName(styles.arrow())} {\r\n          background: ${t.btnCheckedBg} !important;\r\n          box-shadow: ${t.btnCheckedShadowArrow} !important;\r\n        }\r\n      }\r\n    `;\r\n  },\r\n\r\n  active(t: Theme) {\r\n    return css`\r\n      &:not(${cssName(styles.link(t))}):not(${cssName(styles.disabled(t))}) {\r\n        ${cssName(styles.caption())} {\r\n          transform: translateY(1px) !important;\r\n        }\r\n      }\r\n    `;\r\n  },\r\n\r\n  caption() {\r\n    return css`\r\n      position: relative;\r\n      white-space: nowrap;\r\n      display: inline-block;\r\n      width: 100%;\r\n      vertical-align: top;\r\n    `;\r\n  },\r\n\r\n  wrap(t: Theme) {\r\n    return css`\r\n      padding: ${t.btnWrapPadding};\r\n      box-sizing: border-box;\r\n      display: inline-block;\r\n    `;\r\n  },\r\n\r\n  narrow() {\r\n    return css`\r\n      padding-left: 5px !important;\r\n      padding-right: 5px !important;\r\n    `;\r\n  },\r\n\r\n  noPadding() {\r\n    return css`\r\n      padding-left: 0 !important;\r\n      padding-right: 0 !important;\r\n    `;\r\n  },\r\n\r\n  noRightPadding() {\r\n    return css`\r\n      padding-right: 0 !important;\r\n    `;\r\n  },\r\n\r\n  wrapLink(t: Theme) {\r\n    return css`\r\n      ${styles.wrap(t)};\r\n\r\n      padding: 0;\r\n    `;\r\n  },\r\n\r\n  wrapArrow() {\r\n    return css`\r\n      margin-right: 10px;\r\n    `;\r\n  },\r\n\r\n  wrapArrowLeft() {\r\n    return css`\r\n      margin-right: 0;\r\n      margin-left: 10px;\r\n    `;\r\n  },\r\n\r\n  arrow() {\r\n    return css`\r\n      position: absolute;\r\n      border-radius: 2px 2px 2px 16px;\r\n      box-sizing: border-box;\r\n      z-index: 1;\r\n    `;\r\n  },\r\n\r\n  icon() {\r\n    return css`\r\n      display: inline-block;\r\n    `;\r\n  },\r\n  iconSmall(t: Theme) {\r\n    return css`\r\n      width: ${t.btnIconSizeSmall};\r\n      padding-right: ${t.btnIconGapSmall};\r\n    `;\r\n  },\r\n  iconMedium(t: Theme) {\r\n    return css`\r\n      width: ${t.btnIconSizeMedium};\r\n      padding-right: ${t.btnIconGapMedium};\r\n    `;\r\n  },\r\n  iconLarge(t: Theme) {\r\n    return css`\r\n      width: ${t.btnIconSizeLarge};\r\n      padding-right: ${t.btnIconGapLarge};\r\n    `;\r\n  },\r\n\r\n  borderless(t: Theme) {\r\n    const focus = cssName(styles.focus(t));\r\n    const disabled = cssName(styles.disabled(t));\r\n    const checked = cssName(styles.checked(t));\r\n    const active = cssName(styles.active(t));\r\n    const arrowWarning = cssName(styles.arrowWarning(t));\r\n    const arrowError = cssName(styles.arrowError(t));\r\n\r\n    return css`\r\n      &:not(${focus}):not(${disabled}):not(${active}):not(${checked}) {\r\n        &,\r\n        &:hover,\r\n        &:active {\r\n          box-shadow: none !important;\r\n          border-color: transparent !important;\r\n        }\r\n\r\n        ${cssName(styles.arrow())}, ${cssName(styles.arrowLeft(t))} {\r\n          &:not(${arrowWarning}):not(${arrowError}) {\r\n            box-shadow: none !important;\r\n            border-color: transparent !important;\r\n          }\r\n        }\r\n      }\r\n    `;\r\n  },\r\n\r\n  loading() {\r\n    const btn_loading = keyframes`\r\n    0% {\r\n      transform: translateX(0) rotateY(180deg);\r\n    }\r\n\r\n    100% {\r\n      transform: translateX(-30px) rotateY(180deg);\r\n    }\r\n  `;\r\n    return css`\r\n      position: absolute;\r\n      top: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      right: 0;\r\n      border-radius: inherit;\r\n      overflow: hidden;\r\n\r\n      &::before {\r\n        content: '';\r\n        height: 100%;\r\n        position: absolute;\r\n        opacity: 0.2;\r\n        background: linear-gradient(-110deg, #ccc 30%, transparent 0, transparent 60%, #ccc 0);\r\n        background-size: 30px 100%;\r\n        top: 0;\r\n        left: 0;\r\n        right: -30px;\r\n        animation: ${btn_loading} 1s linear infinite;\r\n        transform: rotateY(180deg);\r\n      }\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Button.styles.ts"],"names":["globalClasses","root","arrowHelper","arrowHelperTop","arrowHelperBottom","arrow","caption","text","innerShadow","getStyles","emotion","t","css","transitionDuration","transitionTimingFunction","btnBorderColorTransition","btnBackgroundClip","btnIconHoverColor","btnIconDisabledColor","btnIconColor","withArrowIconRightSmall","btnIconSizeSmall","btnWithIconPaddingLeftSmall","withArrowIconRightMedium","btnIconSizeMedium","btnWithIconPaddingLeftMedium","withArrowIconRightLarge","btnIconSizeLarge","btnWithIconPaddingLeftLarge","withArrowIconLeftSmall","withArrowIconLeftMedium","withArrowIconLeftLarge","simulatedPress","outline","outlineWarning","btnOutlineWidth","btnBorderColorWarning","btnInsetWidth","btnInsetColor","outlineError","btnBorderColorError","outlineLink","outlineLinkWarning","btnWarningSecondary","outlineLinkError","btnErrorSecondary","sizeSmall","btnBorderRadiusSmall","btnFontSizeSmall","btnLineHeightSmall","btnPaddingXSmall","btnPaddingYSmall","fontFamilyCompensationBaseline","sizeSmallIE11","sizeMedium","btnBorderRadiusMedium","btnFontSizeMedium","btnLineHeightMedium","btnPaddingXMedium","btnPaddingYMedium","sizeMediumIE11","sizeLarge","btnBorderRadiusLarge","btnFontSizeLarge","btnLineHeightLarge","btnPaddingXLarge","btnPaddingYLarge","sizeLargeIE11","sizeSmallWithIcon","sizeMediumWithIcon","sizeLargeWithIcon","sizeSmallWithIconWithoutText","sizeMediumWithIconWithoutText","sizeLargeWithIconWithoutText","link","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","getActiveStyles","linkLineHeight","linkLineHeightSafariFallback","linkFocus","linkDisabled","btnLinkDisabledColor","focus","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","disabled","btnBorderWidth","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","disabledWithoutOutline","arrowWarning","arrowError","arrowFocus","isFirefox","arrowLeft","arrowIconRoot","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","default","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultTextColor","btnDefaultBorderColor","btnDefaultBorderBottomColor","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverTextColor","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","primary","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverTextColor","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","success","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverTextColor","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","danger","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverTextColor","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","pay","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayTextColor","btnPayBorderColor","btnPayBorderBottomColor","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverTextColor","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","btnTextBg","btnTextTextColor","btnTextBorderColor","btnTextHoverBg","btnTextHoverTextColor","btnTextHoverBorderColor","backless","btnBacklessBg","btnBacklessTextColor","btnBacklessBorderColor","btnBacklessHoverBg","btnBacklessHoverTextColor","btnBacklessHoverBorderColor","checked","checkedStyles","btnDefaultCheckedBorderColor","btnCheckedBg","btnCheckedTextColor","btnCheckedShadow","btnArrowBgImageChecked","checked2022","checkedFocused","checkedDisabled","btnCheckedDisabledBorderColor","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledShadow","checkedDisabled2022","captionLink","captionTranslated","captionDisabled","wrap","wrapSmall","btnHeightSmall","wrapMedium","btnHeightMedium","wrapLarge","btnHeightLarge","narrow","noPadding","noRightPadding","wrapLink","wrapArrow","wrapArrowLeft","borderless","borderless2022","backlessDisabled2022","btnBacklessDisabledBorderColor","textDisabled2022","loading","visibilityHidden","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnArrowBgImageActive","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","btnLinkActiveColor","btnTextActiveBg","btnBacklessActiveBg"],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton, resetText } from '../../lib/styles/Mixins';\nimport { isFirefox } from '../../lib/client';\n\nimport {\n  arrowOutlineMixin,\n  buttonActiveMixin,\n  buttonHoverMixin,\n  buttonSizeMixin,\n  buttonSizeMixinIE11,\n  buttonUseMixin,\n} from './Button.mixins';\n\nexport const globalClasses = prefix('button')({\n  root: 'root',\n  arrowHelper: 'arrow-helper',\n  arrowHelperTop: 'arrow-helper-top',\n  arrowHelperBottom: 'arrow-helper-bottom',\n  arrow: 'arrow',\n  caption: 'caption',\n  text: 'text',\n  innerShadow: 'inner-shadow',\n});\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root(t: Theme) {\n      return emotion.css`\n      ${resetButton(emotion)};\n      ${resetText(emotion)};\n\n      transition: background-color ${t.transitionDuration} ${t.transitionTimingFunction}\n        ${t.btnBorderColorTransition ? `, ${t.btnBorderColorTransition}` : ''};\n\n      background-clip: ${t.btnBackgroundClip};\n      background-position: center;\n      background-repeat: no-repeat;\n      background-size: contain;\n      cursor: pointer;\n      display: inline-block;\n      position: relative;\n      text-align: center;\n      width: 100%;\n      height: 100%; // fix height in ie11\n\n      .${globalClasses.innerShadow} {\n        content: '';\n        border-radius: inherit;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n      }\n\n      &::-moz-focus-inner {\n        border: 0;\n        padding: 0;\n      }\n      &::after {\n        content: '';\n        display: inline-block;\n        vertical-align: baseline;\n        width: 0;\n      }\n\n      &:hover:enabled svg {\n        color: ${t.btnIconHoverColor};\n      }\n      &:disabled svg {\n        color: ${t.btnIconDisabledColor};\n      }\n      &:enabled svg {\n        color: ${t.btnIconColor};\n      }\n    `;\n    },\n\n    withArrowIconRightSmall(t: Theme) {\n      return emotion.css`\n      padding-right: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingLeftSmall} + ${t.btnWithIconPaddingLeftSmall});\n    `;\n    },\n\n    withArrowIconRightMedium(t: Theme) {\n      return emotion.css`\n      padding-right: calc(\n        ${t.btnIconSizeMedium} + ${t.btnWithIconPaddingLeftMedium} + ${t.btnWithIconPaddingLeftMedium}\n      );\n    `;\n    },\n\n    withArrowIconRightLarge(t: Theme) {\n      return emotion.css`\n      padding-right: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLeftLarge} + ${t.btnWithIconPaddingLeftLarge});\n    `;\n    },\n\n    withArrowIconLeftSmall(t: Theme) {\n      return emotion.css`\n      padding-left: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingLeftSmall} + ${t.btnWithIconPaddingLeftSmall});\n    `;\n    },\n\n    withArrowIconLeftMedium(t: Theme) {\n      return emotion.css`\n      padding-left: calc(\n        ${t.btnIconSizeMedium} + ${t.btnWithIconPaddingLeftMedium} + ${t.btnWithIconPaddingLeftMedium}\n      );\n    `;\n    },\n\n    withArrowIconLeftLarge(t: Theme) {\n      return emotion.css`\n      padding-left: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLeftLarge} + ${t.btnWithIconPaddingLeftLarge});\n    `;\n    },\n\n    simulatedPress() {\n      return emotion.css`\n      &:active .${globalClasses.caption} {\n        transform: translateY(1px);\n      }\n    `;\n    },\n\n    outline() {\n      return emotion.css`\n      border-radius: inherit;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n    `;\n    },\n\n    outlineWarning(t: Theme) {\n      return emotion.css`\n      box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorWarning},\n        inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n    `;\n    },\n\n    outlineError(t: Theme) {\n      return emotion.css`\n      box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorError}, inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n    `;\n    },\n\n    outlineLink() {\n      return emotion.css`\n      box-shadow: none;\n      left: -2px;\n      right: -2px;\n      bottom: -2px;\n      top: -2px;\n    `;\n    },\n\n    outlineLinkWarning(t: Theme) {\n      return emotion.css`\n      background-color: ${t.btnWarningSecondary};\n    `;\n    },\n\n    outlineLinkError(t: Theme) {\n      return emotion.css`\n      background-color: ${t.btnErrorSecondary};\n    `;\n    },\n\n    sizeSmall(t: Theme) {\n      return emotion.css`\n      border-radius: ${t.btnBorderRadiusSmall};\n\n      ${buttonSizeMixin(emotion)(\n        t.btnFontSizeSmall,\n        t.btnLineHeightSmall,\n        t.btnPaddingXSmall,\n        t.btnPaddingYSmall,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n    },\n\n    sizeSmallIE11(t: Theme) {\n      return emotion.css`\n      ${buttonSizeMixinIE11(emotion)(\n        t.btnFontSizeSmall,\n        t.btnPaddingXSmall,\n        t.btnPaddingYSmall,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n    },\n\n    sizeMedium(t: Theme) {\n      return emotion.css`\n      border-radius: ${t.btnBorderRadiusMedium};\n\n      ${buttonSizeMixin(emotion)(\n        t.btnFontSizeMedium,\n        t.btnLineHeightMedium,\n        t.btnPaddingXMedium,\n        t.btnPaddingYMedium,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n    },\n\n    sizeMediumIE11(t: Theme) {\n      return emotion.css`\n      ${buttonSizeMixinIE11(emotion)(\n        t.btnFontSizeMedium,\n        t.btnPaddingXMedium,\n        t.btnPaddingYMedium,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n    },\n\n    sizeLarge(t: Theme) {\n      return emotion.css`\n      border-radius: ${t.btnBorderRadiusLarge};\n\n      ${buttonSizeMixin(emotion)(\n        t.btnFontSizeLarge,\n        t.btnLineHeightLarge,\n        t.btnPaddingXLarge,\n        t.btnPaddingYLarge,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n    },\n\n    sizeLargeIE11(t: Theme) {\n      return emotion.css`\n      ${buttonSizeMixinIE11(emotion)(\n        t.btnFontSizeLarge,\n        t.btnPaddingXLarge,\n        t.btnPaddingYLarge,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n    },\n\n    sizeSmallWithIcon(t: Theme) {\n      return emotion.css`\n      padding-left: ${t.btnWithIconPaddingLeftSmall};\n    `;\n    },\n\n    sizeMediumWithIcon(t: Theme) {\n      return emotion.css`\n      padding-left: ${t.btnWithIconPaddingLeftMedium};\n    `;\n    },\n\n    sizeLargeWithIcon(t: Theme) {\n      return emotion.css`\n      padding-left: ${t.btnWithIconPaddingLeftLarge};\n    `;\n    },\n\n    sizeSmallWithIconWithoutText(t: Theme) {\n      return emotion.css`\n      padding-right: ${t.btnWithIconPaddingLeftSmall};\n    `;\n    },\n\n    sizeMediumWithIconWithoutText(t: Theme) {\n      return emotion.css`\n      padding-right: ${t.btnWithIconPaddingLeftMedium};\n    `;\n    },\n\n    sizeLargeWithIconWithoutText(t: Theme) {\n      return emotion.css`\n      padding-right: ${t.btnWithIconPaddingLeftLarge};\n    `;\n    },\n\n    link(t: Theme) {\n      return emotion.css`\n      background: none;\n      border-radius: ${t.btnLinkBorderRadius};\n      border: none;\n      box-shadow: none;\n      white-space: nowrap;\n      color: ${t.btnLinkColor};\n      display: inline;\n      margin: 0;\n      padding: 0 !important; // override size mixin\n      height: auto !important; // override size mixin\n\n      &:hover:enabled,\n      &:active:enabled {\n        color: ${t.btnLinkHoverColor};\n        text-decoration: ${t.btnLinkHoverTextDecoration};\n      }\n\n      &:active:enabled {\n        ${getActiveStyles(emotion).link(t)}\n      }\n    `;\n    },\n\n    linkLineHeight() {\n      return emotion.css`\n      line-height: inherit !important; // override size mixin\n    `;\n    },\n\n    linkLineHeightSafariFallback() {\n      return emotion.css`\n      /* Safari overrides 'underline' and 'border' if 'line-height' is used */\n      margin: -1px 0 -2px;\n    `;\n    },\n\n    linkFocus(t: Theme) {\n      return emotion.css`\n      & {\n        color: ${t.btnLinkColor};\n        text-decoration: ${t.btnLinkHoverTextDecoration};\n      }\n    `;\n    },\n\n    linkDisabled(t: Theme) {\n      return emotion.css`\n      cursor: default;\n\n      &,\n      &:hover:enabled,\n      &:active:enabled {\n        color: ${t.btnLinkDisabledColor};\n      }\n    `;\n    },\n\n    focus(t: Theme) {\n      return emotion.css`\n      position: relative;\n      z-index: 2;\n\n      &,\n      &:hover:enabled,\n      &:active:enabled,\n      &:active:hover:enabled {\n        box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n          0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important; // override root:hover style\n      }\n    `;\n    },\n\n    disabled(t: Theme) {\n      return emotion.css`\n      cursor: default;\n      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      .${globalClasses.arrowHelper} {\n        box-shadow: ${t.btnBorderWidth} 0 0 0 ${t.btnDisabledBorderColor};\n      }\n    `;\n    },\n\n    disabledWithoutOutline(t: Theme) {\n      return emotion.css`\n      box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBg};\n    `;\n    },\n\n    arrowWarning(t: Theme) {\n      return emotion.css`\n      box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n      ${arrowOutlineMixin(emotion)(t.btnInsetWidth, t.btnBorderColorWarning, t.btnOutlineWidth, t.btnInsetColor)}\n    `;\n    },\n\n    arrowError(t: Theme) {\n      return emotion.css`\n      box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n      ${arrowOutlineMixin(emotion)(t.btnInsetWidth, t.btnBorderColorError, t.btnOutlineWidth, t.btnInsetColor)}\n    `;\n    },\n\n    arrowFocus(t: Theme) {\n      return emotion.css`\n      box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus};\n\n      ${arrowOutlineMixin(emotion)(t.btnInsetWidth, t.btnBorderColorFocus, t.btnOutlineWidth, t.btnOutlineColorFocus)}\n    `;\n    },\n\n    arrow() {\n      return emotion.css`\n      background: inherit;\n      border-radius: inherit;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n\n      .${globalClasses.arrowHelper} {\n        width: 100%;\n        height: 50%;\n        position: absolute;\n        left: 0;\n        background: inherit;\n        background-size: 200% 200%;\n        border-radius: inherit;\n        background-clip: padding-box;\n\n        // fix ugly arrow edge\n        &:before {\n          content: '';\n          display: block;\n          position: absolute;\n          top: 0;\n          bottom: 0;\n          left: 0;\n          right: 0;\n          background: inherit;\n          border-radius: inherit;\n          transform: translateX(${isFirefox ? `0.2px` : `0.3px`});\n        }\n      }\n\n      .${globalClasses.arrowHelperTop} {\n        top: 0;\n        transform: skewX(30deg);\n        transform-origin: top;\n        background-position-y: top;\n        border-bottom-right-radius: 1px;\n\n        // fix ugly line in the\n        // middle of the button\n        &:before {\n          bottom: -1px;\n        }\n      }\n\n      .${globalClasses.arrowHelperBottom} {\n        bottom: 0;\n        transform: skewX(-30deg);\n        transform-origin: bottom;\n        background-position-y: bottom;\n        border-top-right-radius: 1px;\n\n        // fix ugly line in the\n        // middle of the button\n        &:before {\n          top: -1px;\n        }\n      }\n    `;\n    },\n\n    arrowLeft() {\n      return emotion.css`\n      transform: scaleX(-1);\n    `;\n    },\n\n    arrowIconRoot() {\n      return emotion.css`\n      position: absolute;\n      height: 100%;\n      top: 0;\n      right: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-sizing: content-box;\n    `;\n    },\n\n    arrowIconRootSmall(t: Theme) {\n      return emotion.css`\n      padding: 0 ${t.btnWithIconPaddingLeftSmall} 0 ${t.btnWithIconPaddingLeftSmall};\n      width: ${t.btnIconSizeSmall};\n    `;\n    },\n\n    arrowIconRootMedium(t: Theme) {\n      return emotion.css`\n      padding: 0 ${t.btnWithIconPaddingLeftMedium} 0 ${t.btnWithIconPaddingLeftMedium};\n      width: ${t.btnIconSizeMedium};\n    `;\n    },\n\n    arrowIconRootLarge(t: Theme) {\n      return emotion.css`\n      padding: 0 ${t.btnWithIconPaddingLeftLarge} 0 ${t.btnWithIconPaddingLeftLarge};\n      width: ${t.btnIconSizeLarge};\n    `;\n    },\n\n    arrowIconLeft() {\n      return emotion.css`\n      left: 0;\n    `;\n    },\n\n    default(t: Theme) {\n      return emotion.css`\n      ${buttonUseMixin(emotion)(\n        t.btnDefaultBg,\n        t.btnDefaultBgStart,\n        t.btnDefaultBgEnd,\n        t.btnDefaultTextColor,\n        t.btnDefaultBorderColor,\n        t.btnDefaultBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:hover:enabled {\n        ${buttonHoverMixin(emotion)(\n          t.btnDefaultHoverBg,\n          t.btnDefaultHoverBgStart,\n          t.btnDefaultHoverBgEnd,\n          t.btnDefaultHoverTextColor,\n          t.btnDefaultHoverBorderColor,\n          t.btnDefaultHoverBorderBottomColor,\n          t.btnBorderWidth,\n        )};\n      }\n\n      &:active:enabled {\n        ${getActiveStyles(emotion).default(t)};\n      }\n    `;\n    },\n\n    primary(t: Theme) {\n      return emotion.css`\n      ${buttonUseMixin(emotion)(\n        t.btnPrimaryBg,\n        t.btnPrimaryBgStart,\n        t.btnPrimaryBgEnd,\n        t.btnPrimaryTextColor,\n        t.btnPrimaryBorderColor,\n        t.btnPrimaryBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:hover:enabled {\n        ${buttonHoverMixin(emotion)(\n          t.btnPrimaryHoverBg,\n          t.btnPrimaryHoverBgStart,\n          t.btnPrimaryHoverBgEnd,\n          t.btnPrimaryHoverTextColor,\n          t.btnPrimaryHoverBorderColor,\n          t.btnPrimaryHoverBorderBottomColor,\n          t.btnBorderWidth,\n        )};\n      }\n\n      &:active:enabled {\n        ${getActiveStyles(emotion).primary(t)}\n      }\n    `;\n    },\n\n    success(t: Theme) {\n      return emotion.css`\n      ${buttonUseMixin(emotion)(\n        t.btnSuccessBg,\n        t.btnSuccessBgStart,\n        t.btnSuccessBgEnd,\n        t.btnSuccessTextColor,\n        t.btnSuccessBorderColor,\n        t.btnSuccessBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:hover:enabled {\n        ${buttonHoverMixin(emotion)(\n          t.btnSuccessHoverBg,\n          t.btnSuccessHoverBgStart,\n          t.btnSuccessHoverBgEnd,\n          t.btnSuccessHoverTextColor,\n          t.btnSuccessHoverBorderColor,\n          t.btnSuccessHoverBorderBottomColor,\n          t.btnBorderWidth,\n        )};\n      }\n\n      &:active:enabled {\n        ${getActiveStyles(emotion).success(t)}\n      }\n    `;\n    },\n\n    danger(t: Theme) {\n      return emotion.css`\n      ${buttonUseMixin(emotion)(\n        t.btnDangerBg,\n        t.btnDangerBgStart,\n        t.btnDangerBgEnd,\n        t.btnDangerTextColor,\n        t.btnDangerBorderColor,\n        t.btnDangerBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:hover:enabled {\n        ${buttonHoverMixin(emotion)(\n          t.btnDangerHoverBg,\n          t.btnDangerHoverBgStart,\n          t.btnDangerHoverBgEnd,\n          t.btnDangerHoverTextColor,\n          t.btnDangerHoverBorderColor,\n          t.btnDangerHoverBorderBottomColor,\n          t.btnBorderWidth,\n        )};\n      }\n\n      &:active:enabled {\n        ${getActiveStyles(emotion).danger(t)}\n      }\n    `;\n    },\n\n    pay(t: Theme) {\n      return emotion.css`\n      ${buttonUseMixin(emotion)(\n        t.btnPayBg,\n        t.btnPayBgStart,\n        t.btnPayBgEnd,\n        t.btnPayTextColor,\n        t.btnPayBorderColor,\n        t.btnPayBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:hover:enabled {\n        ${buttonHoverMixin(emotion)(\n          t.btnPayHoverBg,\n          t.btnPayHoverBgStart,\n          t.btnPayHoverBgEnd,\n          t.btnPayHoverTextColor,\n          t.btnPayHoverBorderColor,\n          t.btnPayHoverBorderBottomColor,\n          t.btnBorderWidth,\n        )};\n      }\n\n      &:active:enabled {\n        ${getActiveStyles(emotion).pay(t)}\n      }\n    `;\n    },\n\n    text(t: Theme) {\n      return emotion.css`\n      &,\n      &:enabled,\n      &:hover:enabled {\n        box-shadow: none;\n        .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n          box-shadow: none !important;\n        }\n      }\n\n      ${buttonUseMixin(emotion)(t.btnTextBg, '', '', t.btnTextTextColor, t.btnTextBorderColor, '', t.btnBorderWidth)};\n\n      &:hover:enabled {\n        ${buttonHoverMixin(emotion)(\n          t.btnTextHoverBg,\n          '',\n          '',\n          t.btnTextHoverTextColor,\n          t.btnTextHoverBorderColor,\n          '',\n          t.btnBorderWidth,\n        )};\n      }\n\n      &:active:enabled {\n        ${getActiveStyles(emotion).text(t)}\n      }\n    `;\n    },\n\n    backless(t: Theme) {\n      return emotion.css`\n      ${buttonUseMixin(emotion)(\n        t.btnBacklessBg,\n        '',\n        '',\n        t.btnBacklessTextColor,\n        t.btnBacklessBorderColor,\n        '',\n        t.btnBorderWidth,\n      )};\n\n      color: ${t.btnDefaultTextColor};\n      background: transparent;\n\n      &:hover:enabled {\n        ${buttonHoverMixin(emotion)(\n          t.btnBacklessHoverBg,\n          '',\n          '',\n          t.btnBacklessHoverTextColor,\n          t.btnBacklessHoverBorderColor,\n          '',\n          t.btnBorderWidth,\n        )};\n      }\n\n      &:active:enabled {\n        ${getActiveStyles(emotion).backless(t)}\n      }\n    `;\n    },\n\n    checked(t: Theme) {\n      const checkedStyles = `\n      background-image: none;\n      box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDefaultCheckedBorderColor};\n      background-color: ${t.btnCheckedBg};\n      color: ${t.btnCheckedTextColor};\n\n      .${globalClasses.innerShadow} {\n        box-shadow: ${t.btnCheckedShadow};\n      }\n\n      .${globalClasses.arrowHelper} {\n        box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor};\n\n        &.${globalClasses.arrowHelperTop} {\n          background-image: ${t.btnArrowBgImageChecked};\n        }\n      }\n    `;\n\n      return emotion.css`\n      ${checkedStyles}\n\n      &:hover:enabled,\n      &:active:enabled,\n      &:hover:active:enabled {\n        ${checkedStyles}\n      }\n    `;\n    },\n\n    checked2022(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      .${globalClasses.arrowHelper} {\n        box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor};\n\n        &.${globalClasses.arrowHelperTop} {\n          background-image: ${t.btnArrowBgImageChecked};\n        }\n      }\n\n      :enabled svg {\n        color: ${t.btnCheckedTextColor} !important;\n      }\n      :hover:enabled svg {\n        color: ${t.btnCheckedTextColor} !important;\n      }\n    `;\n\n      return emotion.css`\n      ${checkedStyles}\n\n      &:hover:enabled,\n      &:active:enabled,\n      &:hover:active:enabled {\n        ${checkedStyles}\n      }\n    `;\n    },\n\n    checkedFocused(t: Theme) {\n      return emotion.css`\n      &:hover:enabled,\n      &:hover:active:enabled {\n        box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n          0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important;\n        border-color: ${t.btnBorderColorFocus} !important;\n      }\n    `;\n    },\n\n    checkedDisabled(t: Theme) {\n      return emotion.css`\n      box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnCheckedDisabledBorderColor};\n      background-color: ${t.btnCheckedDisabledBg};\n      color: ${t.btnCheckedDisabledColor};\n\n      .${globalClasses.innerShadow} {\n        box-shadow: ${t.btnCheckedDisabledShadow};\n      }\n\n      .${globalClasses.arrowHelper} {\n        box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnCheckedDisabledBorderColor};\n\n        &.${globalClasses.arrowHelperTop} {\n          background-image: none;\n        }\n      }\n    `;\n    },\n\n    checkedDisabled2022(t: Theme) {\n      return emotion.css`\n      svg {\n        color: ${t.btnCheckedDisabledColor} !important;\n      }\n    `;\n    },\n\n    caption() {\n      return emotion.css`\n      position: relative;\n      white-space: nowrap;\n      display: inline-block;\n      width: 100%;\n      vertical-align: top;\n    `;\n    },\n\n    captionLink() {\n      return emotion.css`\n      display: inline;\n      transform: none !important; // override root:active style\n    `;\n    },\n\n    captionTranslated() {\n      return emotion.css`\n      transform: translateY(1px);\n    `;\n    },\n\n    captionDisabled() {\n      return emotion.css`\n      transform: none !important; // override root:active style\n    `;\n    },\n\n    wrap(t: Theme) {\n      return emotion.css`\n      box-sizing: border-box;\n      display: inline-block;\n      line-height: normal;\n      padding: ${t.btnBorderWidth};\n    `;\n    },\n\n    wrapSmall(t: Theme) {\n      return emotion.css`\n      height: ${t.btnHeightSmall};\n    `;\n    },\n\n    wrapMedium(t: Theme) {\n      return emotion.css`\n      height: ${t.btnHeightMedium};\n    `;\n    },\n\n    wrapLarge(t: Theme) {\n      return emotion.css`\n      height: ${t.btnHeightLarge};\n    `;\n    },\n\n    narrow() {\n      return emotion.css`\n      padding-left: 5px;\n      padding-right: 5px;\n    `;\n    },\n\n    noPadding() {\n      return emotion.css`\n      padding-left: 0;\n      padding-right: 0;\n    `;\n    },\n\n    noRightPadding() {\n      return emotion.css`\n      padding-right: 0;\n    `;\n    },\n\n    wrapLink() {\n      return emotion.css`\n      padding: 0;\n    `;\n    },\n\n    wrapArrow() {\n      return emotion.css`\n      margin-right: 10px;\n    `;\n    },\n\n    wrapArrowLeft() {\n      return emotion.css`\n      margin-right: 0;\n      margin-left: 10px;\n    `;\n    },\n\n    borderless() {\n      return emotion.css`\n      &:enabled,\n      &:active:hover:enabled,\n      &:hover:enabled {\n        box-shadow: none !important; // override root:hover style\n        .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n          box-shadow: none !important; // override root:hover style\n        }\n      }\n    `;\n    },\n\n    borderless2022() {\n      return emotion.css`\n      &,\n      &:active:hover,\n      &:hover {\n        box-shadow: none !important; // override root:hover style\n      }\n    `;\n    },\n\n    backlessDisabled2022(t: Theme) {\n      return emotion.css`\n      box-shadow: 0 0 0 1px ${t.btnBacklessDisabledBorderColor};\n    `;\n    },\n\n    textDisabled2022() {\n      return emotion.css`\n      background-color: transparent;\n    `;\n    },\n\n    loading() {\n      return emotion.css`\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      border-radius: inherit;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 10;\n    `;\n    },\n\n    visibilityHidden() {\n      return emotion.css`\n      visibility: hidden;\n    `;\n    },\n  });\n\nexport const getActiveStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    default(t: Theme) {\n      return emotion.css`\n      & {\n        ${buttonActiveMixin(emotion)(\n          t.btnDefaultActiveBg,\n          t.btnDefaultActiveShadow,\n          t.btnDefaultActiveBorderColor,\n          t.btnDefaultActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n    },\n\n    primary(t: Theme) {\n      return emotion.css`\n      & {\n        ${buttonActiveMixin(emotion)(\n          t.btnPrimaryActiveBg,\n          t.btnPrimaryActiveShadow,\n          t.btnPrimaryActiveBorderColor,\n          t.btnPrimaryActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n    },\n\n    success(t: Theme) {\n      return emotion.css`\n      & {\n        ${buttonActiveMixin(emotion)(\n          t.btnSuccessActiveBg,\n          t.btnSuccessActiveShadow,\n          t.btnSuccessActiveBorderColor,\n          t.btnSuccessActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n    },\n\n    danger(t: Theme) {\n      return emotion.css`\n      & {\n        ${buttonActiveMixin(emotion)(\n          t.btnDangerActiveBg,\n          t.btnDangerActiveShadow,\n          t.btnDangerActiveBorderColor,\n          t.btnDangerActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n    },\n\n    pay(t: Theme) {\n      return emotion.css`\n      & {\n        ${buttonActiveMixin(emotion)(\n          t.btnPayActiveBg,\n          t.btnPayActiveShadow,\n          t.btnPayActiveBorderColor,\n          t.btnPayActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n    },\n\n    link(t: Theme) {\n      return emotion.css`\n      & {\n        color: ${t.btnLinkActiveColor};\n      }\n    `;\n    },\n\n    text(t: Theme) {\n      return emotion.css`\n      & {\n        ${buttonActiveMixin(emotion)(\n          t.btnTextActiveBg,\n          '',\n          t.btnTextActiveBg,\n          '',\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n    },\n\n    backless(t: Theme) {\n      return emotion.css`\n      &,\n      &:hover {\n        background: ${t.btnBacklessActiveBg};\n      }\n    `;\n    },\n  });\n"]}

package/cjs/components/Button/ButtonArrow.d.ts

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

package/cjs/components/Button/ButtonArrow.js

@@ -0,0 +1,109 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.useButtonArrow = useButtonArrow;var _react = _interopRequireDefault(require("react"));
+
+
+var _Emotion = require("../../lib/theming/Emotion");
+var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
+
+var _useTheme = require("../../lib/theming/useTheme");
+
+var _ArrowRightIcon = require("./ArrowRightIcon");
+var _ArrowLeftIcon = require("./ArrowLeftIcon");
+var _Button = require("./Button");
+var _Button2 = require("./Button.styles");
+
+
+
+
+
+var ButtonArrow = function ButtonArrow(_ref)
+
+
+
+
+
+
+
+{var arrow = _ref.arrow,_ref$size = _ref.size,size = _ref$size === void 0 ? _Button.Button.defaultProps.size : _ref$size,disabled = _ref.disabled,checked = _ref.checked,error = _ref.error,warning = _ref.warning,isFocused = _ref.isFocused;
+  var emotion = (0, _Emotion.useEmotion)();
+  var theme = (0, _useTheme.useTheme)();
+  var _isTheme2022 = (0, _ThemeHelpers.isTheme2022)(theme);
+  var styles = (0, _Button2.getStyles)(emotion);
+
+  var getArrowIconRootClassName = function getArrowIconRootClassName() {var _emotion$cx;
+    return emotion.cx(styles.arrowIconRoot(), _Button2.globalClasses.arrow, (_emotion$cx = {}, _emotion$cx[
+    styles.arrowIconRootSmall(theme)] = size === 'small', _emotion$cx[
+    styles.arrowIconRootMedium(theme)] = size === 'medium', _emotion$cx[
+    styles.arrowIconRootLarge(theme)] = size === 'large', _emotion$cx[
+    styles.arrowIconLeft()] = arrow === 'left', _emotion$cx));
+
+  };
+
+  var arrowNode = null;
+
+  if (_isTheme2022) {
+    var arrowIcons = {
+      right: _ArrowRightIcon.ArrowRightIcon,
+      left: _ArrowLeftIcon.ArrowLeftIcon };
+
+    var side = arrow === 'left' ? 'left' : 'right';
+    var ArrowIcon = arrowIcons[side];
+    arrowNode = /*#__PURE__*/
+    _react.default.createElement("div", { className: getArrowIconRootClassName() }, /*#__PURE__*/
+    _react.default.createElement(ArrowIcon, { size: size }));
+
+
+  } else {var _emotion$cx2;
+    arrowNode = /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: emotion.cx((_emotion$cx2 = {}, _emotion$cx2[
+      styles.arrow()] = true, _emotion$cx2[
+      styles.arrowWarning(theme)] = !checked && warning && !disabled, _emotion$cx2[
+      styles.arrowError(theme)] = !checked && error && !disabled, _emotion$cx2[
+      styles.arrowFocus(theme)] = !checked && isFocused && !disabled, _emotion$cx2[
+      styles.arrowLeft()] = arrow === 'left', _emotion$cx2)) }, /*#__PURE__*/
+
+
+    _react.default.createElement("div", { className: emotion.cx(_Button2.globalClasses.arrowHelper, _Button2.globalClasses.arrowHelperTop) }), /*#__PURE__*/
+    _react.default.createElement("div", { className: emotion.cx(_Button2.globalClasses.arrowHelper, _Button2.globalClasses.arrowHelperBottom) }));
+
+
+  }
+
+  return arrowNode;
+};
+
+function useButtonArrow(
+props,
+theme,
+emotion)
+{var _emotion$cx3;
+  var styles = (0, _Button2.getStyles)(emotion);
+
+  var arrow = props.arrow,size = props.size,use = props.use;
+  var _isTheme2022 = (0, _ThemeHelpers.isTheme2022)(theme);
+  var canRender = use !== 'link' && (arrow === true || arrow === 'left');
+
+  var rootClassName =
+  !_isTheme2022 && canRender ?
+  '' :
+  emotion.cx(
+  arrow === true && size === 'small' && styles.withArrowIconRightSmall(theme),
+  arrow === true && size === 'medium' && styles.withArrowIconRightMedium(theme),
+  arrow === true && size === 'large' && styles.withArrowIconRightLarge(theme),
+  arrow === 'left' && size === 'small' && styles.withArrowIconLeftSmall(theme),
+  arrow === 'left' && size === 'medium' && styles.withArrowIconLeftMedium(theme),
+  arrow === 'left' && size === 'large' && styles.withArrowIconLeftLarge(theme));
+
+
+  var wrapClassName =
+  _isTheme2022 && canRender ?
+  '' :
+  emotion.cx((_emotion$cx3 = {}, _emotion$cx3[
+  styles.wrapArrow()] = arrow === true, _emotion$cx3[
+  styles.wrapArrowLeft()] = arrow === 'left', _emotion$cx3));
+
+
+  var arrowNode = canRender ? /*#__PURE__*/_react.default.createElement(ButtonArrow, props) : null;
+
+  return [wrapClassName, rootClassName, arrowNode];
+}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ButtonArrow.tsx"],"names":["ButtonArrow","arrow","size","Button","defaultProps","disabled","checked","error","warning","isFocused","emotion","theme","_isTheme2022","styles","getArrowIconRootClassName","cx","arrowIconRoot","globalClasses","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","arrowNode","arrowIcons","right","ArrowRightIcon","left","ArrowLeftIcon","side","ArrowIcon","arrowWarning","arrowError","arrowFocus","arrowLeft","arrowHelper","arrowHelperTop","arrowHelperBottom","useButtonArrow","props","use","canRender","rootClassName","withArrowIconRightSmall","withArrowIconRightMedium","withArrowIconRightLarge","withArrowIconLeftSmall","withArrowIconLeftMedium","withArrowIconLeftLarge","wrapClassName","wrapArrow","wrapArrowLeft"],"mappings":"4KAAA;;;AAGA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;;;;;AAMA,IAAMA,WAAsD,GAAG,SAAzDA,WAAyD;;;;;;;;AAQzD,KAPJC,KAOI,QAPJA,KAOI,kBANJC,IAMI,CANJA,IAMI,0BANGC,eAAOC,YAAP,CAAoBF,IAMvB,aALJG,QAKI,QALJA,QAKI,CAJJC,OAII,QAJJA,OAII,CAHJC,KAGI,QAHJA,KAGI,CAFJC,OAEI,QAFJA,OAEI,CADJC,SACI,QADJA,SACI;AACJ,MAAMC,OAAO,GAAG,0BAAhB;AACA,MAAMC,KAAK,GAAG,yBAAd;AACA,MAAMC,YAAY,GAAG,+BAAYD,KAAZ,CAArB;AACA,MAAME,MAAM,GAAG,wBAAUH,OAAV,CAAf;;AAEA,MAAMI,yBAAyB,GAAG,SAA5BA,yBAA4B,GAAM;AACtC,WAAOJ,OAAO,CAACK,EAAR,CAAWF,MAAM,CAACG,aAAP,EAAX,EAAmCC,uBAAchB,KAAjD;AACJY,IAAAA,MAAM,CAACK,kBAAP,CAA0BP,KAA1B,CADI,IAC+BT,IAAI,KAAK,OADxC;AAEJW,IAAAA,MAAM,CAACM,mBAAP,CAA2BR,KAA3B,CAFI,IAEgCT,IAAI,KAAK,QAFzC;AAGJW,IAAAA,MAAM,CAACO,kBAAP,CAA0BT,KAA1B,CAHI,IAG+BT,IAAI,KAAK,OAHxC;AAIJW,IAAAA,MAAM,CAACQ,aAAP,EAJI,IAIqBpB,KAAK,KAAK,MAJ/B,eAAP;;AAMD,GAPD;;AASA,MAAIqB,SAAS,GAAG,IAAhB;;AAEA,MAAIV,YAAJ,EAAkB;AAChB,QAAMW,UAAU,GAAG;AACjBC,MAAAA,KAAK,EAAEC,8BADU;AAEjBC,MAAAA,IAAI,EAAEC,4BAFW,EAAnB;;AAIA,QAAMC,IAAI,GAAG3B,KAAK,KAAK,MAAV,GAAmB,MAAnB,GAA4B,OAAzC;AACA,QAAM4B,SAAS,GAAGN,UAAU,CAACK,IAAD,CAA5B;AACAN,IAAAA,SAAS;AACP,0CAAK,SAAS,EAAER,yBAAyB,EAAzC;AACE,iCAAC,SAAD,IAAW,IAAI,EAAEZ,IAAjB,GADF,CADF;;;AAKD,GAZD,MAYO;AACLoB,IAAAA,SAAS;AACP;AACE,MAAA,SAAS,EAAEZ,OAAO,CAACK,EAAR;AACRF,MAAAA,MAAM,CAACZ,KAAP,EADQ,IACS,IADT;AAERY,MAAAA,MAAM,CAACiB,YAAP,CAAoBnB,KAApB,CAFQ,IAEqB,CAACL,OAAD,IAAYE,OAAZ,IAAuB,CAACH,QAF7C;AAGRQ,MAAAA,MAAM,CAACkB,UAAP,CAAkBpB,KAAlB,CAHQ,IAGmB,CAACL,OAAD,IAAYC,KAAZ,IAAqB,CAACF,QAHzC;AAIRQ,MAAAA,MAAM,CAACmB,UAAP,CAAkBrB,KAAlB,CAJQ,IAImB,CAACL,OAAD,IAAYG,SAAZ,IAAyB,CAACJ,QAJ7C;AAKRQ,MAAAA,MAAM,CAACoB,SAAP,EALQ,IAKahC,KAAK,KAAK,MALvB,gBADb;;;AASE,0CAAK,SAAS,EAAES,OAAO,CAACK,EAAR,CAAWE,uBAAciB,WAAzB,EAAsCjB,uBAAckB,cAApD,CAAhB,GATF;AAUE,0CAAK,SAAS,EAAEzB,OAAO,CAACK,EAAR,CAAWE,uBAAciB,WAAzB,EAAsCjB,uBAAcmB,iBAApD,CAAhB,GAVF,CADF;;;AAcD;;AAED,SAAOd,SAAP;AACD,CAvDD;;AAyDO,SAASe,cAAT;AACLC,KADK;AAEL3B,KAFK;AAGLD,OAHK;AAI8B;AACnC,MAAMG,MAAM,GAAG,wBAAUH,OAAV,CAAf;;AAEA,MAAQT,KAAR,GAA6BqC,KAA7B,CAAQrC,KAAR,CAAeC,IAAf,GAA6BoC,KAA7B,CAAepC,IAAf,CAAqBqC,GAArB,GAA6BD,KAA7B,CAAqBC,GAArB;AACA,MAAM3B,YAAY,GAAG,+BAAYD,KAAZ,CAArB;AACA,MAAM6B,SAAS,GAAGD,GAAG,KAAK,MAAR,KAAmBtC,KAAK,KAAK,IAAV,IAAkBA,KAAK,KAAK,MAA/C,CAAlB;;AAEA,MAAMwC,aAAa;AACjB,GAAC7B,YAAD,IAAiB4B,SAAjB;AACI,IADJ;AAEI9B,EAAAA,OAAO,CAACK,EAAR;AACEd,EAAAA,KAAK,KAAK,IAAV,IAAkBC,IAAI,KAAK,OAA3B,IAAsCW,MAAM,CAAC6B,uBAAP,CAA+B/B,KAA/B,CADxC;AAEEV,EAAAA,KAAK,KAAK,IAAV,IAAkBC,IAAI,KAAK,QAA3B,IAAuCW,MAAM,CAAC8B,wBAAP,CAAgChC,KAAhC,CAFzC;AAGEV,EAAAA,KAAK,KAAK,IAAV,IAAkBC,IAAI,KAAK,OAA3B,IAAsCW,MAAM,CAAC+B,uBAAP,CAA+BjC,KAA/B,CAHxC;AAIEV,EAAAA,KAAK,KAAK,MAAV,IAAoBC,IAAI,KAAK,OAA7B,IAAwCW,MAAM,CAACgC,sBAAP,CAA8BlC,KAA9B,CAJ1C;AAKEV,EAAAA,KAAK,KAAK,MAAV,IAAoBC,IAAI,KAAK,QAA7B,IAAyCW,MAAM,CAACiC,uBAAP,CAA+BnC,KAA/B,CAL3C;AAMEV,EAAAA,KAAK,KAAK,MAAV,IAAoBC,IAAI,KAAK,OAA7B,IAAwCW,MAAM,CAACkC,sBAAP,CAA8BpC,KAA9B,CAN1C,CAHN;;;AAYA,MAAMqC,aAAa;AACjBpC,EAAAA,YAAY,IAAI4B,SAAhB;AACI,IADJ;AAEI9B,EAAAA,OAAO,CAACK,EAAR;AACGF,EAAAA,MAAM,CAACoC,SAAP,EADH,IACwBhD,KAAK,KAAK,IADlC;AAEGY,EAAAA,MAAM,CAACqC,aAAP,EAFH,IAE4BjD,KAAK,KAAK,MAFtC,gBAHN;;;AAQA,MAAMqB,SAAS,GAAGkB,SAAS,gBAAG,6BAAC,WAAD,EAAiBF,KAAjB,CAAH,GAAgC,IAA3D;;AAEA,SAAO,CAACU,aAAD,EAAgBP,aAAhB,EAA+BnB,SAA/B,CAAP;AACD","sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { useEmotion } from '../../lib/theming/Emotion';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { Theme } from '../../lib/theming/Theme';\nimport { useTheme } from '../../lib/theming/useTheme';\n\nimport { ArrowRightIcon } from './ArrowRightIcon';\nimport { ArrowLeftIcon } from './ArrowLeftIcon';\nimport { Button, ButtonProps } from './Button';\nimport { getStyles, globalClasses } from './Button.styles';\n\ntype ButtonArrowProps = Pick<ButtonProps, 'size' | 'arrow' | 'checked' | 'disabled' | 'error' | 'use' | 'warning'> & {\n  isFocused: boolean;\n};\n\nconst ButtonArrow: React.FunctionComponent<ButtonArrowProps> = ({\n  arrow,\n  size = Button.defaultProps.size,\n  disabled,\n  checked,\n  error,\n  warning,\n  isFocused,\n}) => {\n  const emotion = useEmotion();\n  const theme = useTheme();\n  const _isTheme2022 = isTheme2022(theme);\n  const styles = getStyles(emotion);\n\n  const getArrowIconRootClassName = () => {\n    return emotion.cx(styles.arrowIconRoot(), globalClasses.arrow, {\n      [styles.arrowIconRootSmall(theme)]: size === 'small',\n      [styles.arrowIconRootMedium(theme)]: size === 'medium',\n      [styles.arrowIconRootLarge(theme)]: size === 'large',\n      [styles.arrowIconLeft()]: arrow === 'left',\n    });\n  };\n\n  let arrowNode = null;\n\n  if (_isTheme2022) {\n    const arrowIcons = {\n      right: ArrowRightIcon,\n      left: ArrowLeftIcon,\n    };\n    const side = arrow === 'left' ? 'left' : 'right';\n    const ArrowIcon = arrowIcons[side];\n    arrowNode = (\n      <div className={getArrowIconRootClassName()}>\n        <ArrowIcon size={size} />\n      </div>\n    );\n  } else {\n    arrowNode = (\n      <div\n        className={emotion.cx({\n          [styles.arrow()]: true,\n          [styles.arrowWarning(theme)]: !checked && warning && !disabled,\n          [styles.arrowError(theme)]: !checked && error && !disabled,\n          [styles.arrowFocus(theme)]: !checked && isFocused && !disabled,\n          [styles.arrowLeft()]: arrow === 'left',\n        })}\n      >\n        <div className={emotion.cx(globalClasses.arrowHelper, globalClasses.arrowHelperTop)} />\n        <div className={emotion.cx(globalClasses.arrowHelper, globalClasses.arrowHelperBottom)} />\n      </div>\n    );\n  }\n\n  return arrowNode;\n};\n\nexport function useButtonArrow(\n  props: ButtonArrowProps,\n  theme: Theme,\n  emotion: Emotion,\n): [string, string, React.ReactNode] {\n  const styles = getStyles(emotion);\n\n  const { arrow, size, use } = props;\n  const _isTheme2022 = isTheme2022(theme);\n  const canRender = use !== 'link' && (arrow === true || arrow === 'left');\n\n  const rootClassName =\n    !_isTheme2022 && canRender\n      ? ''\n      : emotion.cx(\n          arrow === true && size === 'small' && styles.withArrowIconRightSmall(theme),\n          arrow === true && size === 'medium' && styles.withArrowIconRightMedium(theme),\n          arrow === true && size === 'large' && styles.withArrowIconRightLarge(theme),\n          arrow === 'left' && size === 'small' && styles.withArrowIconLeftSmall(theme),\n          arrow === 'left' && size === 'medium' && styles.withArrowIconLeftMedium(theme),\n          arrow === 'left' && size === 'large' && styles.withArrowIconLeftLarge(theme),\n        );\n\n  const wrapClassName =\n    _isTheme2022 && canRender\n      ? ''\n      : emotion.cx({\n          [styles.wrapArrow()]: arrow === true,\n          [styles.wrapArrowLeft()]: arrow === 'left',\n        });\n\n  const arrowNode = canRender ? <ButtonArrow {...props} /> : null;\n\n  return [wrapClassName, rootClassName, arrowNode];\n}\n"]}

package/cjs/components/Button/ButtonIcon.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Theme } from '../../lib/theming/Theme';
+import { SizeProp } from '../../lib/types/props';
+import { ButtonProps } from './Button';
+export interface ButtonIconProps extends Pick<ButtonProps, 'size' | 'icon' | 'loading' | 'use'> {
+    position: 'right' | 'left';
+    hasChildren: boolean;
+    hasBothIcons?: boolean;
+}
+export declare const getButtonIconSizes: (theme: Theme) => Record<SizeProp, number>;
+export declare const ButtonIcon: React.FunctionComponent<ButtonIconProps>;

package/cjs/components/Button/ButtonIcon.js

@@ -0,0 +1,95 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getButtonIconSizes = exports.ButtonIcon = void 0;var _react = _interopRequireDefault(require("react"));
+
+
+var _utils = require("../../lib/utils");
+var _Emotion = require("../../lib/theming/Emotion");
+var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
+
+var _useTheme = require("../../lib/theming/useTheme");
+
+
+var _ButtonIcon = require("./ButtonIcon.styles");
+var _LoadingButtonIcon = require("./LoadingButtonIcon");
+
+
+
+
+
+
+
+var getButtonIconSizes = function getButtonIconSizes(theme) {
+  return {
+    small: parseInt(theme.btnIconSizeSmall),
+    medium: parseInt(theme.btnIconSizeMedium),
+    large: parseInt(theme.btnIconSizeLarge) };
+
+};exports.getButtonIconSizes = getButtonIconSizes;
+
+var useIcon = function useIcon(icon, size) {
+  var theme = (0, _useTheme.useTheme)();
+  if (icon && (0, _ThemeHelpers.isTheme2022)(theme) && (0, _utils.isKonturIcon)(icon)) {var _icon$props$size;
+    var sizes = getButtonIconSizes(theme);
+    return /*#__PURE__*/_react.default.cloneElement(icon, { size: (_icon$props$size = icon.props.size) != null ? _icon$props$size : sizes[size] });
+  }
+
+  return icon;
+};
+
+var ButtonIcon = function ButtonIcon(_ref)
+
+
+
+
+
+
+
+{var _emotion$cx;var icon = _ref.icon,use = _ref.use,position = _ref.position,hasChildren = _ref.hasChildren,_ref$loading = _ref.loading,loading = _ref$loading === void 0 ? false : _ref$loading,_ref$hasBothIcons = _ref.hasBothIcons,hasBothIcons = _ref$hasBothIcons === void 0 ? false : _ref$hasBothIcons,_ref$size = _ref.size,size = _ref$size === void 0 ? 'small' : _ref$size;
+  var theme = (0, _useTheme.useTheme)();
+  var emotion = (0, _Emotion.useEmotion)();
+  var styles = (0, _ButtonIcon.getStyles)(emotion);
+
+  var isLink = use === 'link';
+
+  var getSizeIconClassName = function getSizeIconClassName() {
+    switch (size) {
+      case 'large':
+        return [
+        styles.iconLarge(theme),
+        position === 'left' ? styles.iconLargeLeft(theme) : styles.iconLargeRight(theme)];
+
+      case 'medium':
+        return [
+        styles.iconMedium(theme),
+        position === 'left' ? styles.iconMediumLeft(theme) : styles.iconMediumRight(theme)];
+
+      case 'small':
+      default:
+        return [
+        styles.iconSmall(theme),
+        position === 'left' ? styles.iconSmallLeft(theme) : styles.iconSmallRight(theme)];}
+
+
+  };
+
+  var style = (0, _ThemeHelpers.isTheme2022)(theme) ?
+  {
+    display: 'inline-flex',
+    alignItems: 'center' } :
+
+  {};
+
+  var _icon = useIcon(icon, size);
+
+  return /*#__PURE__*/(
+    _react.default.createElement("span", {
+      style: style,
+      className: emotion.cx(styles.icon(theme), getSizeIconClassName(), (_emotion$cx = {}, _emotion$cx[
+      styles.iconNoMargin()] = !hasChildren, _emotion$cx[
+      styles.iconLeftLink(theme)] = isLink && position === 'left', _emotion$cx[
+      styles.iconRightLink(theme)] = isLink && position === 'right', _emotion$cx)) },
+
+
+    loading && !hasBothIcons ? /*#__PURE__*/_react.default.createElement(_LoadingButtonIcon.LoadingButtonIcon, { isCentered: false, size: size }) : _icon));
+
+
+};exports.ButtonIcon = ButtonIcon;

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

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

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

@@ -0,0 +1,17 @@
+import type { Emotion } from '@emotion/css/create-instance';
+import { Theme } from '../../lib/theming/Theme';
+export declare const getStyles: (emotion: Emotion) => {
+    icon(t: Theme): string;
+    iconSmall(t: Theme): string;
+    iconSmallLeft(t: Theme): string;
+    iconSmallRight(t: Theme): string;
+    iconMedium(t: Theme): string;
+    iconMediumLeft(t: Theme): string;
+    iconMediumRight(t: Theme): string;
+    iconLarge(t: Theme): string;
+    iconLargeLeft(t: Theme): string;
+    iconLargeRight(t: Theme): string;
+    iconLeftLink(t: Theme): string;
+    iconRightLink(t: Theme): string;
+    iconNoMargin(): string;
+};

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

@@ -0,0 +1,92 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+
+var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
+var _chars = require("../../lib/chars");
+var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
+
+
+var getStyles = function getStyles(emotion) {return (
+    (0, _Emotion.memoizeStyle)({
+      icon: function icon(t) {
+        var space = (0, _ThemeHelpers.isTheme2022)(t) ? "'" + _chars.ZERO_WIDTH_SPACE_CSS + "'" : null;
+        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-block;\n\n        &::before {\n          content: ", ";\n        }\n      "])),
+
+
+
+        space);
+
+
+      },
+
+      iconSmall: function iconSmall(t) {
+        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        width: ", ";\n      "])),
+        t.btnIconSizeSmall);
+
+      },
+
+      iconSmallLeft: function iconSmallLeft(t) {
+        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-right: ", ";\n      "])),
+        t.btnIconGapSmall);
+
+      },
+
+      iconSmallRight: function iconSmallRight(t) {
+        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-left: ", ";\n      "])),
+        t.btnIconGapSmallRight);
+
+      },
+
+      iconMedium: function iconMedium(t) {
+        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        width: ", ";\n      "])),
+        t.btnIconSizeMedium);
+
+      },
+
+      iconMediumLeft: function iconMediumLeft(t) {
+        return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-right: ", ";\n      "])),
+        t.btnIconGapMediumRight);
+
+      },
+
+      iconMediumRight: function iconMediumRight(t) {
+        return emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-left: ", ";\n      "])),
+        t.btnIconGapMedium);
+
+      },
+
+      iconLarge: function iconLarge(t) {
+        return emotion.css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n        width: ", ";\n      "])),
+        t.btnIconSizeLarge);
+
+      },
+
+      iconLargeLeft: function iconLargeLeft(t) {
+        return emotion.css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-right: ", ";\n      "])),
+        t.btnIconGapLarge);
+
+      },
+
+      iconLargeRight: function iconLargeRight(t) {
+        return emotion.css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-left: ", ";\n      "])),
+        t.btnIconGapLargeRight);
+
+      },
+
+      iconLeftLink: function iconLeftLink(t) {
+        return emotion.css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-right: ", ";\n      "])),
+        t.btnLinkIconMarginRight);
+
+      },
+
+      iconRightLink: function iconRightLink(t) {
+        return emotion.css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-left: ", ";\n      "])),
+        t.btnLinkIconMarginLeft);
+
+      },
+
+      iconNoMargin: function iconNoMargin() {
+        return emotion.css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-right: 0;\n        margin-left: 0;\n      "])));
+
+
+
+      } }));};exports.getStyles = getStyles;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ButtonIcon.styles.ts"],"names":["getStyles","emotion","icon","t","space","ZERO_WIDTH_SPACE_CSS","css","iconSmall","btnIconSizeSmall","iconSmallLeft","btnIconGapSmall","iconSmallRight","btnIconGapSmallRight","iconMedium","btnIconSizeMedium","iconMediumLeft","btnIconGapMediumRight","iconMediumRight","btnIconGapMedium","iconLarge","btnIconSizeLarge","iconLargeLeft","btnIconGapLarge","iconLargeRight","btnIconGapLargeRight","iconLeftLink","btnLinkIconMarginRight","iconRightLink","btnLinkIconMarginLeft","iconNoMargin"],"mappings":";;AAEA;AACA;AACA,oD;;;AAGO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvB,+BAAa;AACXC,MAAAA,IADW,gBACNC,CADM,EACI;AACb,YAAMC,KAAK,GAAG,+BAAYD,CAAZ,UAAqBE,2BAArB,SAA+C,IAA7D;AACA,eAAOJ,OAAO,CAACK,GAAf;;;;AAIeF,QAAAA,KAJf;;;AAOD,OAVU;;AAYXG,MAAAA,SAZW,qBAYDJ,CAZC,EAYS;AAClB,eAAOF,OAAO,CAACK,GAAf;AACWH,QAAAA,CAAC,CAACK,gBADb;;AAGD,OAhBU;;AAkBXC,MAAAA,aAlBW,yBAkBGN,CAlBH,EAkBa;AACtB,eAAOF,OAAO,CAACK,GAAf;AACkBH,QAAAA,CAAC,CAACO,eADpB;;AAGD,OAtBU;;AAwBXC,MAAAA,cAxBW,0BAwBIR,CAxBJ,EAwBc;AACvB,eAAOF,OAAO,CAACK,GAAf;AACiBH,QAAAA,CAAC,CAACS,oBADnB;;AAGD,OA5BU;;AA8BXC,MAAAA,UA9BW,sBA8BAV,CA9BA,EA8BU;AACnB,eAAOF,OAAO,CAACK,GAAf;AACWH,QAAAA,CAAC,CAACW,iBADb;;AAGD,OAlCU;;AAoCXC,MAAAA,cApCW,0BAoCIZ,CApCJ,EAoCc;AACvB,eAAOF,OAAO,CAACK,GAAf;AACkBH,QAAAA,CAAC,CAACa,qBADpB;;AAGD,OAxCU;;AA0CXC,MAAAA,eA1CW,2BA0CKd,CA1CL,EA0Ce;AACxB,eAAOF,OAAO,CAACK,GAAf;AACiBH,QAAAA,CAAC,CAACe,gBADnB;;AAGD,OA9CU;;AAgDXC,MAAAA,SAhDW,qBAgDDhB,CAhDC,EAgDS;AAClB,eAAOF,OAAO,CAACK,GAAf;AACWH,QAAAA,CAAC,CAACiB,gBADb;;AAGD,OApDU;;AAsDXC,MAAAA,aAtDW,yBAsDGlB,CAtDH,EAsDa;AACtB,eAAOF,OAAO,CAACK,GAAf;AACkBH,QAAAA,CAAC,CAACmB,eADpB;;AAGD,OA1DU;;AA4DXC,MAAAA,cA5DW,0BA4DIpB,CA5DJ,EA4Dc;AACvB,eAAOF,OAAO,CAACK,GAAf;AACiBH,QAAAA,CAAC,CAACqB,oBADnB;;AAGD,OAhEU;;AAkEXC,MAAAA,YAlEW,wBAkEEtB,CAlEF,EAkEY;AACrB,eAAOF,OAAO,CAACK,GAAf;AACkBH,QAAAA,CAAC,CAACuB,sBADpB;;AAGD,OAtEU;;AAwEXC,MAAAA,aAxEW,yBAwEGxB,CAxEH,EAwEa;AACtB,eAAOF,OAAO,CAACK,GAAf;AACiBH,QAAAA,CAAC,CAACyB,qBADnB;;AAGD,OA5EU;;AA8EXC,MAAAA,YA9EW,0BA8EI;AACb,eAAO5B,OAAO,CAACK,GAAf;;;;AAID,OAnFU,EAAb,CADuB,GAAlB,C","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { ZERO_WIDTH_SPACE_CSS } from '../../lib/chars';\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    icon(t: Theme) {\n      const space = isTheme2022(t) ? `'${ZERO_WIDTH_SPACE_CSS}'` : null;\n      return emotion.css`\n        display: inline-block;\n\n        &::before {\n          content: ${space};\n        }\n      `;\n    },\n\n    iconSmall(t: Theme) {\n      return emotion.css`\n        width: ${t.btnIconSizeSmall};\n      `;\n    },\n\n    iconSmallLeft(t: Theme) {\n      return emotion.css`\n        margin-right: ${t.btnIconGapSmall};\n      `;\n    },\n\n    iconSmallRight(t: Theme) {\n      return emotion.css`\n        margin-left: ${t.btnIconGapSmallRight};\n      `;\n    },\n\n    iconMedium(t: Theme) {\n      return emotion.css`\n        width: ${t.btnIconSizeMedium};\n      `;\n    },\n\n    iconMediumLeft(t: Theme) {\n      return emotion.css`\n        margin-right: ${t.btnIconGapMediumRight};\n      `;\n    },\n\n    iconMediumRight(t: Theme) {\n      return emotion.css`\n        margin-left: ${t.btnIconGapMedium};\n      `;\n    },\n\n    iconLarge(t: Theme) {\n      return emotion.css`\n        width: ${t.btnIconSizeLarge};\n      `;\n    },\n\n    iconLargeLeft(t: Theme) {\n      return emotion.css`\n        margin-right: ${t.btnIconGapLarge};\n      `;\n    },\n\n    iconLargeRight(t: Theme) {\n      return emotion.css`\n        margin-left: ${t.btnIconGapLargeRight};\n      `;\n    },\n\n    iconLeftLink(t: Theme) {\n      return emotion.css`\n        margin-right: ${t.btnLinkIconMarginRight};\n      `;\n    },\n\n    iconRightLink(t: Theme) {\n      return emotion.css`\n        margin-left: ${t.btnLinkIconMarginLeft};\n      `;\n    },\n\n    iconNoMargin() {\n      return emotion.css`\n        margin-right: 0;\n        margin-left: 0;\n      `;\n    },\n  });\n"]}