@skbkontur/react-ui 0.0.0-dd8159fe6c → 0.0.0-e222cb8d2b

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

@@ -0,0 +1 @@
+{"version":3,"names":["css","memoizeStyle","prefix","resetButton","resetText","buttonUseMixin","buttonHoverMixin","buttonActiveMixin","buttonSizeMixin","buttonSizeMixinIE11","globalClasses","root","arrow","caption","text","innerShadow","disabled","styles","t","_templateObject","_taggedTemplateLiteralLoose","transitionDuration","transitionTimingFunction","btnBorderColorTransition","btnBackgroundClip","btnIconHoverColor","btnIconDisabledColor","btnIconColor","withArrowIconRightSmall","_templateObject2","btnIconSizeSmall","btnWithIconPaddingLeftSmall","withArrowIconRightMedium","_templateObject3","btnIconSizeMedium","btnWithIconPaddingLeftMedium","withArrowIconRightLarge","_templateObject4","btnIconSizeLarge","btnWithIconPaddingLeftLarge","withArrowIconLeftSmall","_templateObject5","withArrowIconLeftMedium","_templateObject6","withArrowIconLeftLarge","_templateObject7","simulatedPress","_templateObject8","outline","_templateObject9","outlineWarning","_templateObject10","btnOutlineWidth","btnBorderColorWarning","btnInsetWidth","btnInsetColor","outlineError","_templateObject11","btnBorderColorError","outlineLink","_templateObject12","outlineLinkWarning","_templateObject13","btnWarningSecondary","outlineLinkError","_templateObject14","btnErrorSecondary","sizeSmall","_templateObject15","btnBorderRadiusSmall","btnFontSizeSmall","btnLineHeightSmall","btnPaddingXSmall","btnPaddingYSmall","sizeSmallIE11","_templateObject16","sizeMedium","_templateObject17","btnBorderRadiusMedium","btnFontSizeMedium","btnLineHeightMedium","btnPaddingXMedium","btnPaddingYMedium","sizeMediumIE11","_templateObject18","sizeLarge","_templateObject19","btnBorderRadiusLarge","btnFontSizeLarge","btnLineHeightLarge","btnPaddingXLarge","btnPaddingYLarge","sizeLargeIE11","_templateObject20","sizeSmallWithIcon","_templateObject21","sizeMediumWithIcon","_templateObject22","sizeLargeWithIcon","_templateObject23","sizeSmallWithIconWithoutText","_templateObject24","sizeMediumWithIconWithoutText","_templateObject25","sizeLargeWithIconWithoutText","_templateObject26","link","_templateObject27","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","activeStyles","linkLineHeight","_templateObject28","linkLineHeightSafariFallback","_templateObject29","linkFocus","_templateObject30","linkDisabled","_templateObject31","btnLinkDisabledColor","focus","_templateObject32","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","_templateObject33","btnBorderWidth","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","disabledWithoutOutline","_templateObject34","arrowIconRoot","_templateObject35","arrowIconRootSmall","_templateObject36","arrowIconRootMedium","_templateObject37","arrowIconRootLarge","_templateObject38","arrowIconLeft","_templateObject39","_default","_templateObject40","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultTextColor","btnDefaultBorderColor","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverTextColor","btnDefaultHoverBorderColor","primary","_templateObject41","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverTextColor","btnPrimaryHoverBorderColor","success","_templateObject42","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverTextColor","btnSuccessHoverBorderColor","danger","_templateObject43","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverTextColor","btnDangerHoverBorderColor","pay","_templateObject44","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayTextColor","btnPayBorderColor","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverTextColor","btnPayHoverBorderColor","_templateObject45","btnTextBg","btnTextTextColor","btnTextBorderColor","btnTextHoverBg","btnTextHoverTextColor","btnTextHoverBorderColor","backless","_templateObject46","btnBacklessBg","btnBacklessTextColor","btnBacklessBorderColor","btnBacklessHoverBg","btnBacklessHoverTextColor","btnBacklessHoverBorderColor","checked","checkedStyles","btnDefaultCheckedBorderColor","btnCheckedBg","btnCheckedTextColor","btnCheckedShadow","_templateObject47","checkedFocused","_templateObject48","checkedDisabled","_templateObject49","btnCheckedDisabledBorderColor","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledShadow","_templateObject50","captionLink","_templateObject51","captionDisabled","_templateObject52","wrap","_templateObject53","wrapSmall","_templateObject54","btnHeightSmall","wrapMedium","_templateObject55","btnHeightMedium","wrapLarge","_templateObject56","btnHeightLarge","narrow","_templateObject57","noPadding","_templateObject58","noRightPadding","_templateObject59","wrapLink","_templateObject60","borderless","_templateObject61","backlessDisabled","_templateObject62","btnBacklessDisabledBorderColor","textDisabled","_templateObject63","loading","_templateObject64","visibilityHidden","_templateObject65","_templateObject66","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","_templateObject67","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","_templateObject68","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","_templateObject69","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","_templateObject70","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","_templateObject71","btnLinkActiveColor","_templateObject72","btnTextActiveBg","_templateObject73","btnBacklessActiveBg","btnBacklessActiveBorderColor"],"sources":["Button.styles.ts"],"sourcesContent":["import { 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      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/components/Button/Button.styles/package.json

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

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

@@ -0,0 +1,86 @@
+import type { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    root: string;
+    arrow: string;
+    caption: string;
+    text: string;
+    innerShadow: string;
+    disabled: string;
+};
+export declare const styles: {
+    root(t: Theme): string;
+    withArrowIconRightSmall(t: Theme): string;
+    withArrowIconRightMedium(t: Theme): string;
+    withArrowIconRightLarge(t: Theme): string;
+    withArrowIconLeftSmall(t: Theme): string;
+    withArrowIconLeftMedium(t: Theme): string;
+    withArrowIconLeftLarge(t: Theme): string;
+    simulatedPress(): string;
+    outline(): string;
+    outlineWarning(t: Theme): string;
+    outlineError(t: Theme): string;
+    outlineLink(): string;
+    outlineLinkWarning(t: Theme): string;
+    outlineLinkError(t: Theme): string;
+    sizeSmall(t: Theme): string;
+    sizeSmallIE11(t: Theme): string;
+    sizeMedium(t: Theme): string;
+    sizeMediumIE11(t: Theme): string;
+    sizeLarge(t: Theme): string;
+    sizeLargeIE11(t: Theme): string;
+    sizeSmallWithIcon(t: Theme): string;
+    sizeMediumWithIcon(t: Theme): string;
+    sizeLargeWithIcon(t: Theme): string;
+    sizeSmallWithIconWithoutText(t: Theme): string;
+    sizeMediumWithIconWithoutText(t: Theme): string;
+    sizeLargeWithIconWithoutText(t: Theme): string;
+    link(t: Theme): string;
+    linkLineHeight(): string;
+    linkLineHeightSafariFallback(): string;
+    linkFocus(t: Theme): string;
+    linkDisabled(t: Theme): string;
+    focus(t: Theme): string;
+    disabled(t: Theme): string;
+    disabledWithoutOutline(t: Theme): string;
+    arrowIconRoot(): string;
+    arrowIconRootSmall(t: Theme): string;
+    arrowIconRootMedium(t: Theme): string;
+    arrowIconRootLarge(t: Theme): string;
+    arrowIconLeft(): string;
+    default(t: Theme): string;
+    primary(t: Theme): string;
+    success(t: Theme): string;
+    danger(t: Theme): string;
+    pay(t: Theme): string;
+    text(t: Theme): string;
+    backless(t: Theme): string;
+    checked(t: Theme): string;
+    checkedFocused(t: Theme): string;
+    checkedDisabled(t: Theme): string;
+    caption(): string;
+    captionLink(): string;
+    captionDisabled(): string;
+    wrap(t: Theme): string;
+    wrapSmall(t: Theme): string;
+    wrapMedium(t: Theme): string;
+    wrapLarge(t: Theme): string;
+    narrow(): string;
+    noPadding(): string;
+    noRightPadding(): string;
+    wrapLink(): string;
+    borderless(): string;
+    backlessDisabled(t: Theme): string;
+    textDisabled(): string;
+    loading(): string;
+    visibilityHidden(): string;
+};
+export declare const activeStyles: {
+    default(t: Theme): string;
+    primary(t: Theme): string;
+    success(t: Theme): string;
+    danger(t: Theme): string;
+    pay(t: Theme): string;
+    link(t: Theme): string;
+    text(t: Theme): string;
+    backless(t: Theme): string;
+};

package/components/Button/ButtonArrow/ButtonArrow.js

@@ -0,0 +1,40 @@
+import React, { useContext } from 'react';
+import { cx } from "../../../lib/theming/Emotion";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { ArrowRightIcon } from "../ArrowRightIcon";
+import { ArrowLeftIcon } from "../ArrowLeftIcon";
+import { Button } from "../Button";
+import { globalClasses, styles } from "../Button.styles";
+var ButtonArrow = function ButtonArrow(_ref) {
+  var arrow = _ref.arrow,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? Button.defaultProps.size : _ref$size;
+  var theme = useContext(ThemeContext);
+  var getArrowIconRootClassName = function getArrowIconRootClassName() {
+    var _cx;
+    return cx(styles.arrowIconRoot(), globalClasses.arrow, (_cx = {}, _cx[styles.arrowIconRootSmall(theme)] = size === 'small', _cx[styles.arrowIconRootMedium(theme)] = size === 'medium', _cx[styles.arrowIconRootLarge(theme)] = size === 'large', _cx[styles.arrowIconLeft()] = arrow === 'left', _cx));
+  };
+  var arrowIcons = {
+    right: ArrowRightIcon,
+    left: ArrowLeftIcon
+  };
+  var side = arrow === 'left' ? 'left' : 'right';
+  var ArrowIcon = arrowIcons[side];
+  var arrowNode = /*#__PURE__*/
+  React.createElement("div", {
+    className: getArrowIconRootClassName()
+  }, /*#__PURE__*/
+  React.createElement(ArrowIcon, {
+    size: size
+  }));
+  return arrowNode;
+};
+export function useButtonArrow(props, theme) {
+  var arrow = props.arrow,
+    size = props.size,
+    use = props.use;
+  var canRender = use !== 'link' && (arrow === true || arrow === 'left');
+  var rootClassName = canRender ? cx(arrow === true && size === 'small' && styles.withArrowIconRightSmall(theme), arrow === true && size === 'medium' && styles.withArrowIconRightMedium(theme), arrow === true && size === 'large' && styles.withArrowIconRightLarge(theme), arrow === 'left' && size === 'small' && styles.withArrowIconLeftSmall(theme), arrow === 'left' && size === 'medium' && styles.withArrowIconLeftMedium(theme), arrow === 'left' && size === 'large' && styles.withArrowIconLeftLarge(theme)) : '';
+  var arrowNode = canRender ? /*#__PURE__*/React.createElement(ButtonArrow, props) : null;
+  return [rootClassName, arrowNode];
+}

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","cx","ThemeContext","ArrowRightIcon","ArrowLeftIcon","Button","globalClasses","styles","ButtonArrow","_ref","arrow","_ref$size","size","defaultProps","theme","getArrowIconRootClassName","_cx","arrowIconRoot","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","arrowIcons","right","left","side","ArrowIcon","arrowNode","createElement","className","useButtonArrow","props","use","canRender","rootClassName","withArrowIconRightSmall","withArrowIconRightMedium","withArrowIconRightLarge","withArrowIconLeftSmall","withArrowIconLeftMedium","withArrowIconLeftLarge"],"sources":["ButtonArrow.tsx"],"sourcesContent":["import React, { useContext } from 'react';\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/components/Button/ButtonArrow/package.json

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

package/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/components/Button/ButtonIcon/ButtonIcon.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","isKonturIcon","cx","ThemeContext","styles","LoadingButtonIcon","getButtonIconSizes","theme","small","parseInt","btnIconSizeSmall","medium","btnIconSizeMedium","large","btnIconSizeLarge","useIcon","icon","size","_icon$props$size","sizes","cloneElement","props","ButtonIcon","_ref","_cx","use","position","hasChildren","_ref$loading","loading","_ref$hasBothIcons","hasBothIcons","_ref$size","isLink","getSizeIconClassName","iconLarge","iconLargeLeft","iconLargeRight","iconMedium","iconMediumLeft","iconMediumRight","iconSmall","iconSmallLeft","iconSmallRight","style","display","alignItems","_icon","createElement","className","iconNoMargin","iconLeftLink","iconRightLink","isCentered"],"sources":["ButtonIcon.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport 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/components/Button/ButtonIcon/package.json

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

package/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/components/Button/ButtonIcon.styles/ButtonIcon.styles.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["ZERO_WIDTH_SPACE_CSS","css","memoizeStyle","styles","icon","space","_templateObject","_taggedTemplateLiteralLoose","iconSmall","t","_templateObject2","btnIconSizeSmall","iconSmallLeft","_templateObject3","btnIconGapSmallLeft","iconSmallRight","_templateObject4","btnIconGapSmallRight","iconMedium","_templateObject5","btnIconSizeMedium","iconMediumLeft","_templateObject6","btnIconGapMediumRight","iconMediumRight","_templateObject7","iconLarge","_templateObject8","btnIconSizeLarge","iconLargeLeft","_templateObject9","btnIconGapLargeLeft","iconLargeRight","_templateObject10","btnIconGapLargeRight","iconLeftLink","_templateObject11","btnLinkIconMarginRight","iconRightLink","_templateObject12","btnLinkIconMarginLeft","iconNoMargin","_templateObject13"],"sources":["ButtonIcon.styles.ts"],"sourcesContent":["import { 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":"gVAAA,SAASA,oBAAoB,QAAQ,iBAAiB;AACtD,SAASC,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,IAAMC,KAAK,SAAOL,oBAAoB,MAAG;IACzC,OAAOC,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;IAIKF,KAAK;;;EAGtB,CAAC;;EAEDG,SAAS,WAAAA,UAACC,CAAQ,EAAE;IAClB,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;IACCE,CAAC,CAACE,gBAAgB;;EAE/B,CAAC;;EAEDC,aAAa,WAAAA,cAACH,CAAQ,EAAE;IACtB,OAAOR,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;IACQE,CAAC,CAACK,mBAAmB;;EAEzC,CAAC;;EAEDC,cAAc,WAAAA,eAACN,CAAQ,EAAE;IACvB,OAAOR,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAT,2BAAA;IACOE,CAAC,CAACQ,oBAAoB;;EAEzC,CAAC;;EAEDC,UAAU,WAAAA,WAACT,CAAQ,EAAE;IACnB,OAAOR,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAZ,2BAAA;IACCE,CAAC,CAACW,iBAAiB;;EAEhC,CAAC;;EAEDC,cAAc,WAAAA,eAACZ,CAAQ,EAAE;IACvB,OAAOR,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA;IACQE,CAAC,CAACc,qBAAqB;;EAE3C,CAAC;;EAEDC,eAAe,WAAAA,gBAACf,CAAQ,EAAE;IACxB,OAAOR,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;IACOE,CAAC,CAACc,qBAAqB;;EAE1C,CAAC;;EAEDG,SAAS,WAAAA,UAACjB,CAAQ,EAAE;IAClB,OAAOR,GAAG,CAAA0B,gBAAA,KAAAA,gBAAA,GAAApB,2BAAA;IACCE,CAAC,CAACmB,gBAAgB;;EAE/B,CAAC;;EAEDC,aAAa,WAAAA,cAACpB,CAAQ,EAAE;IACtB,OAAOR,GAAG,CAAA6B,gBAAA,KAAAA,gBAAA,GAAAvB,2BAAA;IACQE,CAAC,CAACsB,mBAAmB;;EAEzC,CAAC;;EAEDC,cAAc,WAAAA,eAACvB,CAAQ,EAAE;IACvB,OAAOR,GAAG,CAAAgC,iBAAA,KAAAA,iBAAA,GAAA1B,2BAAA;IACOE,CAAC,CAACyB,oBAAoB;;EAEzC,CAAC;;EAEDC,YAAY,WAAAA,aAAC1B,CAAQ,EAAE;IACrB,OAAOR,GAAG,CAAAmC,iBAAA,KAAAA,iBAAA,GAAA7B,2BAAA;IACQE,CAAC,CAAC4B,sBAAsB;;EAE5C,CAAC;;EAEDC,aAAa,WAAAA,cAAC7B,CAAQ,EAAE;IACtB,OAAOR,GAAG,CAAAsC,iBAAA,KAAAA,iBAAA,GAAAhC,2BAAA;IACOE,CAAC,CAAC+B,qBAAqB;;EAE1C,CAAC;;EAEDC,YAAY,WAAAA,aAAA,EAAG;IACb,OAAOxC,GAAG,CAAAyC,iBAAA,KAAAA,iBAAA,GAAAnC,2BAAA;;;;EAIZ;AACF,CAAC,CAAC","ignoreList":[]}

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

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

package/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/components/Button/LoadingButtonIcon/LoadingButtonIcon.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { LoadingIcon } from "../../../internal/icons2022/LoadingIcon";
+import { ButtonDataTids } from "../Button";
+import { styles } from "../Button.styles";
+export var LoadingButtonIcon = function LoadingButtonIcon(_ref) {
+  var size = _ref.size,
+    _ref$isCentered = _ref.isCentered,
+    isCentered = _ref$isCentered === void 0 ? true : _ref$isCentered;
+  return /*#__PURE__*/(
+    React.createElement("div", {
+      "data-tid": ButtonDataTids.spinner,
+      className: isCentered ? styles.loading() : undefined
+    }, /*#__PURE__*/
+    React.createElement(LoadingIcon, {
+      size: size
+    }))
+  );
+};

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","LoadingIcon","ButtonDataTids","styles","LoadingButtonIcon","_ref","size","_ref$isCentered","isCentered","createElement","spinner","className","loading","undefined"],"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":"AAAA,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,WAAW,QAAQ,sCAAsC;;AAElE,SAASC,cAAc,QAAQ,UAAU;AACzC,SAASC,MAAM,QAAQ,iBAAiB;;;;;;;AAOxC,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAA4D,KAAtDC,IAAI,GAAAD,IAAA,CAAJC,IAAI,CAAAC,eAAA,GAAAF,IAAA,CAAEG,UAAU,CAAVA,UAAU,GAAAD,eAAA,cAAG,IAAI,GAAAA,eAAA;EACzD;IACEP,KAAA,CAAAS,aAAA,UAAK,YAAUP,cAAc,CAACQ,OAAQ,EAACC,SAAS,EAAEH,UAAU,GAAGL,MAAM,CAACS,OAAO,CAAC,CAAC,GAAGC,SAAU;IACzFb,KAAA,CAAAS,aAAA,CAACR,WAAW,IAACK,IAAI,EAAEA,IAAK,EAAE;IACxB,CAAC;;AAEV,CAAC","ignoreList":[]}

package/components/Button/LoadingButtonIcon/package.json

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

package/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/components/Button/getInnerLinkTheme/getInnerLinkTheme.js

@@ -0,0 +1,17 @@
+import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
+export var getInnerLinkTheme = function getInnerLinkTheme(theme) {
+  return ThemeFactory.create({
+    linkTextDecorationStyle: theme.btnLinkTextDecorationStyle,
+    linkTextUnderlineOffset: theme.btnLinkTextUnderlineOffset,
+    linkHoverTextDecorationStyle: theme.btnLinkHoverTextDecorationStyle,
+    linkTextUnderlineOpacity: theme.btnLinkTextUnderlineOpacity,
+    linkTextDecorationColor: theme.btnLinkTextDecorationColor,
+    linkTextDecorationThickness: theme.btnLinkTextDecorationThickness,
+    linkDisabledColor: theme.btnLinkDisabledColor,
+    linkColor: theme.btnLinkColor,
+    linkHoverColor: theme.btnLinkHoverColor,
+    linkActiveColor: theme.btnLinkActiveColor,
+    linkHoverTextDecoration: theme.btnLinkHoverTextDecoration,
+    linkIconMarginRight: theme.btnLinkIconMarginRight
+  }, theme);
+};

package/components/Button/getInnerLinkTheme/getInnerLinkTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ThemeFactory","getInnerLinkTheme","theme","create","linkTextDecorationStyle","btnLinkTextDecorationStyle","linkTextUnderlineOffset","btnLinkTextUnderlineOffset","linkHoverTextDecorationStyle","btnLinkHoverTextDecorationStyle","linkTextUnderlineOpacity","btnLinkTextUnderlineOpacity","linkTextDecorationColor","btnLinkTextDecorationColor","linkTextDecorationThickness","btnLinkTextDecorationThickness","linkDisabledColor","btnLinkDisabledColor","linkColor","btnLinkColor","linkHoverColor","btnLinkHoverColor","linkActiveColor","btnLinkActiveColor","linkHoverTextDecoration","btnLinkHoverTextDecoration","linkIconMarginRight","btnLinkIconMarginRight"],"sources":["getInnerLinkTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const getInnerLinkTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      linkTextDecorationStyle: theme.btnLinkTextDecorationStyle,\n      linkTextUnderlineOffset: theme.btnLinkTextUnderlineOffset,\n      linkHoverTextDecorationStyle: theme.btnLinkHoverTextDecorationStyle,\n      linkTextUnderlineOpacity: theme.btnLinkTextUnderlineOpacity,\n      linkTextDecorationColor: theme.btnLinkTextDecorationColor,\n      linkTextDecorationThickness: theme.btnLinkTextDecorationThickness,\n      linkDisabledColor: theme.btnLinkDisabledColor,\n      linkColor: theme.btnLinkColor,\n      linkHoverColor: theme.btnLinkHoverColor,\n      linkActiveColor: theme.btnLinkActiveColor,\n      linkHoverTextDecoration: theme.btnLinkHoverTextDecoration,\n      linkIconMarginRight: theme.btnLinkIconMarginRight,\n    },\n    theme,\n  );\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gCAAgC;;;AAG7D,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,KAAY,EAAY;EACxD,OAAOF,YAAY,CAACG,MAAM;IACxB;MACEC,uBAAuB,EAAEF,KAAK,CAACG,0BAA0B;MACzDC,uBAAuB,EAAEJ,KAAK,CAACK,0BAA0B;MACzDC,4BAA4B,EAAEN,KAAK,CAACO,+BAA+B;MACnEC,wBAAwB,EAAER,KAAK,CAACS,2BAA2B;MAC3DC,uBAAuB,EAAEV,KAAK,CAACW,0BAA0B;MACzDC,2BAA2B,EAAEZ,KAAK,CAACa,8BAA8B;MACjEC,iBAAiB,EAAEd,KAAK,CAACe,oBAAoB;MAC7CC,SAAS,EAAEhB,KAAK,CAACiB,YAAY;MAC7BC,cAAc,EAAElB,KAAK,CAACmB,iBAAiB;MACvCC,eAAe,EAAEpB,KAAK,CAACqB,kBAAkB;MACzCC,uBAAuB,EAAEtB,KAAK,CAACuB,0BAA0B;MACzDC,mBAAmB,EAAExB,KAAK,CAACyB;IAC7B,CAAC;IACDzB;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/components/Button/getInnerLinkTheme/package.json

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

package/components/Button/getInnerLinkTheme.d.ts

@@ -0,0 +1,2 @@
+import type { Theme } from '../../lib/theming/Theme';
+export declare const getInnerLinkTheme: (theme: Theme) => Theme;

package/components/Button/index/index.js

@@ -0,0 +1 @@
+export * from "../Button";

package/components/Button/index/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './Button';\n"],"mappings":"AAAA,cAAc,UAAU","ignoreList":[]}

package/components/Button/index/package.json

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

package/components/Button/index.d.ts

@@ -1 +1 @@
-export { default, ButtonProps, ButtonState, ButtonSize, ButtonType, ButtonUse, isButton } from './Button';
+export * from './Button';

package/components/Button/package.json

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