@skbkontur/react-ui 0.0.0-e66a3400ba → 0.0.0-eab52adf66

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

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

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

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

package/cjs/components/Button/ButtonArrow.js

@@ -0,0 +1,66 @@
+"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.useButtonArrow = useButtonArrow;var _react = _interopRequireWildcard(require("react"));
+
+var _Emotion = require("../../lib/theming/Emotion");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+
+
+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;
+  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+
+  var getArrowIconRootClassName = function getArrowIconRootClassName() {var _cx;
+    return (0, _Emotion.cx)(_Button2.styles.arrowIconRoot(), _Button2.globalClasses.arrow, (_cx = {}, _cx[
+    _Button2.styles.arrowIconRootSmall(theme)] = size === 'small', _cx[
+    _Button2.styles.arrowIconRootMedium(theme)] = size === 'medium', _cx[
+    _Button2.styles.arrowIconRootLarge(theme)] = size === 'large', _cx[
+    _Button2.styles.arrowIconLeft()] = arrow === 'left', _cx)
+    );
+  };
+
+  var arrowIcons = {
+    right: _ArrowRightIcon.ArrowRightIcon,
+    left: _ArrowLeftIcon.ArrowLeftIcon
+  };
+  var side = arrow === 'left' ? 'left' : 'right';
+  var ArrowIcon = arrowIcons[side];
+  var arrowNode = /*#__PURE__*/
+  _react.default.createElement("div", { className: getArrowIconRootClassName() }, /*#__PURE__*/
+  _react.default.createElement(ArrowIcon, { size: size })
+  );
+
+
+  return arrowNode;
+};
+
+function useButtonArrow(props, theme) {
+  var arrow = props.arrow,size = props.size,use = props.use;
+
+  var canRender = use !== 'link' && (arrow === true || arrow === 'left');
+
+  var rootClassName = canRender ?
+  (0, _Emotion.cx)(
+    arrow === true && size === 'small' && _Button2.styles.withArrowIconRightSmall(theme),
+    arrow === true && size === 'medium' && _Button2.styles.withArrowIconRightMedium(theme),
+    arrow === true && size === 'large' && _Button2.styles.withArrowIconRightLarge(theme),
+    arrow === 'left' && size === 'small' && _Button2.styles.withArrowIconLeftSmall(theme),
+    arrow === 'left' && size === 'medium' && _Button2.styles.withArrowIconLeftMedium(theme),
+    arrow === 'left' && size === 'large' && _Button2.styles.withArrowIconLeftLarge(theme)
+  ) :
+  '';
+
+  var arrowNode = canRender ? /*#__PURE__*/_react.default.createElement(ButtonArrow, props) : null;
+
+  return [rootClassName, arrowNode];
+}

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

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

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { Theme } from '../../lib/theming/Theme';
+import type { SizeProp } from '../../lib/types/props';
+import type { ButtonInnerProps } from './Button';
+export interface ButtonIconProps extends Pick<ButtonInnerProps, '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,89 @@
+"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.getButtonIconSizes = exports.ButtonIcon = void 0;var _react = _interopRequireWildcard(require("react"));
+
+
+var _utils = require("../../lib/utils");
+var _Emotion = require("../../lib/theming/Emotion");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+
+
+
+var _ButtonIcon = require("./ButtonIcon.styles");
+var _LoadingButtonIcon = require("./LoadingButtonIcon");
+
+
+
+
+
+
+
+var getButtonIconSizes = exports.getButtonIconSizes = function getButtonIconSizes(theme) {
+  return {
+    small: parseInt(theme.btnIconSizeSmall),
+    medium: parseInt(theme.btnIconSizeMedium),
+    large: parseInt(theme.btnIconSizeLarge)
+  };
+};
+
+var useIcon = function useIcon(icon, size) {
+  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+  if (icon && (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 = exports.ButtonIcon = function ButtonIcon(_ref)
+
+
+
+
+
+
+
+{var _cx;var icon = _ref.icon,use = _ref.use,position = _ref.position,hasChildren = _ref.hasChildren,_ref$loading = _ref.loading,loading = _ref$loading === void 0 ? false : _ref$loading,_ref$hasBothIcons = _ref.hasBothIcons,hasBothIcons = _ref$hasBothIcons === void 0 ? false : _ref$hasBothIcons,_ref$size = _ref.size,size = _ref$size === void 0 ? 'small' : _ref$size;
+  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+  var isLink = use === 'link';
+
+  var getSizeIconClassName = function getSizeIconClassName() {
+    switch (size) {
+      case 'large':
+        return [
+        _ButtonIcon.styles.iconLarge(theme),
+        position === 'left' ? _ButtonIcon.styles.iconLargeLeft(theme) : _ButtonIcon.styles.iconLargeRight(theme)];
+
+      case 'medium':
+        return [
+        _ButtonIcon.styles.iconMedium(theme),
+        position === 'left' ? _ButtonIcon.styles.iconMediumLeft(theme) : _ButtonIcon.styles.iconMediumRight(theme)];
+
+      case 'small':
+      default:
+        return [
+        _ButtonIcon.styles.iconSmall(theme),
+        position === 'left' ? _ButtonIcon.styles.iconSmallLeft(theme) : _ButtonIcon.styles.iconSmallRight(theme)];
+
+    }
+  };
+
+  var style = {
+    display: 'inline-flex',
+    alignItems: 'center'
+  };
+
+  var _icon = useIcon(icon, size);
+
+  return /*#__PURE__*/(
+    _react.default.createElement("span", {
+      style: style,
+      className: (0, _Emotion.cx)(_ButtonIcon.styles.icon(), getSizeIconClassName(), (_cx = {}, _cx[
+      _ButtonIcon.styles.iconNoMargin()] = !hasChildren, _cx[
+      _ButtonIcon.styles.iconLeftLink(theme)] = isLink && position === 'left', _cx[
+      _ButtonIcon.styles.iconRightLink(theme)] = isLink && position === 'right', _cx)
+      ) },
+
+    loading && !hasBothIcons ? /*#__PURE__*/_react.default.createElement(_LoadingButtonIcon.LoadingButtonIcon, { isCentered: false, size: size }) : _icon
+    ));
+
+};

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

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

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

@@ -0,0 +1,16 @@
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    icon(): 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,89 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));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 styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  icon: function icon() {
+    var space = "'" + _chars.ZERO_WIDTH_SPACE_CSS + "'";
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n\n      &::before {\n        content: ", ";\n      }\n    "])),
+
+
+
+    space);
+
+
+  },
+
+  iconSmall: function iconSmall(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n    "])),
+    t.btnIconSizeSmall);
+
+  },
+
+  iconSmallLeft: function iconSmallLeft(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n    "])),
+    t.btnIconGapSmallLeft);
+
+  },
+
+  iconSmallRight: function iconSmallRight(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: ", ";\n    "])),
+    t.btnIconGapSmallRight);
+
+  },
+
+  iconMedium: function iconMedium(t) {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n    "])),
+    t.btnIconSizeMedium);
+
+  },
+
+  iconMediumLeft: function iconMediumLeft(t) {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n    "])),
+    t.btnIconGapMediumRight);
+
+  },
+
+  iconMediumRight: function iconMediumRight(t) {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: ", ";\n    "])),
+    t.btnIconGapMediumRight);
+
+  },
+
+  iconLarge: function iconLarge(t) {
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n    "])),
+    t.btnIconSizeLarge);
+
+  },
+
+  iconLargeLeft: function iconLargeLeft(t) {
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n    "])),
+    t.btnIconGapLargeLeft);
+
+  },
+
+  iconLargeRight: function iconLargeRight(t) {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: ", ";\n    "])),
+    t.btnIconGapLargeRight);
+
+  },
+
+  iconLeftLink: function iconLeftLink(t) {
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n    "])),
+    t.btnLinkIconMarginRight);
+
+  },
+
+  iconRightLink: function iconRightLink(t) {
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: ", ";\n    "])),
+    t.btnLinkIconMarginLeft);
+
+  },
+
+  iconNoMargin: function iconNoMargin() {
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: 0;\n      margin-left: 0;\n    "])));
+
+
+
+  }
+});

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

@@ -0,0 +1 @@
+{"version":3,"names":["_chars","require","_Emotion","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","styles","exports","memoizeStyle","icon","space","ZERO_WIDTH_SPACE_CSS","css","_taggedTemplateLiteralLoose2","default","iconSmall","t","btnIconSizeSmall","iconSmallLeft","btnIconGapSmallLeft","iconSmallRight","btnIconGapSmallRight","iconMedium","btnIconSizeMedium","iconMediumLeft","btnIconGapMediumRight","iconMediumRight","iconLarge","btnIconSizeLarge","iconLargeLeft","btnIconGapLargeLeft","iconLargeRight","btnIconGapLargeRight","iconLeftLink","btnLinkIconMarginRight","iconRightLink","btnLinkIconMarginLeft","iconNoMargin"],"sources":["ButtonIcon.styles.ts"],"sourcesContent":["import { ZERO_WIDTH_SPACE_CSS } from '../../lib/chars';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  icon() {\n    const space = `'${ZERO_WIDTH_SPACE_CSS}'`;\n    return css`\n      display: inline-block;\n\n      &::before {\n        content: ${space};\n      }\n    `;\n  },\n\n  iconSmall(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeSmall};\n    `;\n  },\n\n  iconSmallLeft(t: Theme) {\n    return css`\n      margin-right: ${t.btnIconGapSmallLeft};\n    `;\n  },\n\n  iconSmallRight(t: Theme) {\n    return css`\n      margin-left: ${t.btnIconGapSmallRight};\n    `;\n  },\n\n  iconMedium(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeMedium};\n    `;\n  },\n\n  iconMediumLeft(t: Theme) {\n    return css`\n      margin-right: ${t.btnIconGapMediumRight};\n    `;\n  },\n\n  iconMediumRight(t: Theme) {\n    return css`\n      margin-left: ${t.btnIconGapMediumRight};\n    `;\n  },\n\n  iconLarge(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeLarge};\n    `;\n  },\n\n  iconLargeLeft(t: Theme) {\n    return css`\n      margin-right: ${t.btnIconGapLargeLeft};\n    `;\n  },\n\n  iconLargeRight(t: Theme) {\n    return css`\n      margin-left: ${t.btnIconGapLargeRight};\n    `;\n  },\n\n  iconLeftLink(t: Theme) {\n    return css`\n      margin-right: ${t.btnLinkIconMarginRight};\n    `;\n  },\n\n  iconRightLink(t: Theme) {\n    return css`\n      margin-left: ${t.btnLinkIconMarginLeft};\n    `;\n  },\n\n  iconNoMargin() {\n    return css`\n      margin-right: 0;\n      margin-left: 0;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { IconSizeAliases } from '../../internal/icons2022/iconConstants';
+interface LoadingButtonIconProps {
+    size: IconSizeAliases;
+    isCentered?: boolean;
+}
+export declare const LoadingButtonIcon: ({ size, isCentered }: LoadingButtonIconProps) => React.JSX.Element;
+export {};

package/cjs/components/Button/LoadingButtonIcon.js

@@ -0,0 +1,20 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.LoadingButtonIcon = void 0;var _react = _interopRequireDefault(require("react"));
+
+
+var _LoadingIcon = require("../../internal/icons2022/LoadingIcon");
+
+var _Button = require("./Button");
+var _Button2 = require("./Button.styles");
+
+
+
+
+
+
+var LoadingButtonIcon = exports.LoadingButtonIcon = function LoadingButtonIcon(_ref) {var size = _ref.size,_ref$isCentered = _ref.isCentered,isCentered = _ref$isCentered === void 0 ? true : _ref$isCentered;
+  return /*#__PURE__*/(
+    _react.default.createElement("div", { "data-tid": _Button.ButtonDataTids.spinner, className: isCentered ? _Button2.styles.loading() : undefined }, /*#__PURE__*/
+    _react.default.createElement(_LoadingIcon.LoadingIcon, { size: size })
+    ));
+
+};

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_LoadingIcon","_Button","_Button2","LoadingButtonIcon","exports","_ref","size","_ref$isCentered","isCentered","default","createElement","ButtonDataTids","spinner","className","styles","loading","undefined","LoadingIcon"],"sources":["LoadingButtonIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { IconSizeAliases } from '../../internal/icons2022/iconConstants';\nimport { LoadingIcon } from '../../internal/icons2022/LoadingIcon';\n\nimport { ButtonDataTids } from './Button';\nimport { styles } from './Button.styles';\n\ninterface LoadingButtonIconProps {\n  size: IconSizeAliases;\n  isCentered?: boolean;\n}\n\nexport const LoadingButtonIcon = ({ size, isCentered = true }: LoadingButtonIconProps) => {\n  return (\n    <div data-tid={ButtonDataTids.spinner} className={isCentered ? styles.loading() : undefined}>\n      {<LoadingIcon size={size} />}\n    </div>\n  );\n};\n"],"mappings":"uKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,YAAA,GAAAD,OAAA;;AAEA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;;;;;;;AAOO,IAAMI,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAAE,IAAA,EAA4D,KAAtDC,IAAI,GAAAD,IAAA,CAAJC,IAAI,CAAAC,eAAA,GAAAF,IAAA,CAAEG,UAAU,CAAVA,UAAU,GAAAD,eAAA,cAAG,IAAI,GAAAA,eAAA;EACzD;IACEV,MAAA,CAAAY,OAAA,CAAAC,aAAA,UAAK,YAAUC,sBAAc,CAACC,OAAQ,EAACC,SAAS,EAAEL,UAAU,GAAGM,eAAM,CAACC,OAAO,CAAC,CAAC,GAAGC,SAAU;IACzFnB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,YAAA,CAAAiB,WAAW,IAACX,IAAI,EAAEA,IAAK,EAAE;IACxB,CAAC;;AAEV,CAAC","ignoreList":[]}