@skbkontur/react-ui 0.0.0-edbe8cfc5c → 0.0.0-ee57da3e1e

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Button.styles.ts"],"names":["globalClasses","arrowHelper","arrowHelperTop","arrowHelperBottom","arrow","caption","text","innerShadow","icon","styles","root","t","css","btnBackgroundClip","btnIconHoverColor","btnIconDisabledColor","btnIconColor","withArrowIconRightSmall","btnIconSizeSmall","btnWithIconPaddingLeftSmall","withArrowIconRightMedium","btnIconSizeMedium","btnWithIconPaddingLeftMedium","withArrowIconRightLarge","btnIconSizeLarge","btnWithIconPaddingLeftLarge","withArrowIconLeftSmall","withArrowIconLeftMedium","withArrowIconLeftLarge","simulatedPress","outline","outlineWarning","btnOutlineWidth","btnBorderColorWarning","btnInsetWidth","btnInsetColor","outlineError","btnBorderColorError","outlineLink","outlineLinkWarning","btnWarningSecondary","outlineLinkError","btnErrorSecondary","sizeSmall","btnBorderRadiusSmall","btnFontSizeSmall","btnLineHeightSmall","btnPaddingXSmall","btnPaddingYSmall","fontFamilyCompensationBaseline","sizeSmallIE11","sizeMedium","btnBorderRadiusMedium","btnFontSizeMedium","btnLineHeightMedium","btnPaddingXMedium","btnPaddingYMedium","sizeMediumIE11","sizeLarge","btnBorderRadiusLarge","btnFontSizeLarge","btnLineHeightLarge","btnPaddingXLarge","btnPaddingYLarge","sizeLargeIE11","sizeSmallWithIcon","sizeMediumWithIcon","sizeLargeWithIcon","sizeSmallWithIconWithoutText","sizeMediumWithIconWithoutText","sizeLargeWithIconWithoutText","link","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","activeStyles","linkLineHeight","linkLineHeightSafariFallback","linkFocus","linkDisabled","btnLinkDisabledColor","focus","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","disabled","btnBorderWidth","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","arrowWarning","arrowError","arrowFocus","isFirefox","arrowLeft","arrowIconRoot","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","default","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultTextColor","btnDefaultBorderColor","btnDefaultBorderBottomColor","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","primary","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","success","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","danger","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","pay","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayTextColor","btnPayBorderColor","btnPayBorderBottomColor","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","btnTextBg","btnTextTextColor","btnTextBorderColor","btnTextHoverBg","btnTextHoverBorderColor","backless","btnBacklessBg","btnBacklessTextColor","btnBacklessBorderColor","btnBacklessHoverBg","btnBacklessHoverBorderColor","checked","checkedStyles","btnDefaultCheckedBorderColor","btnCheckedBg","btnCheckedTextColor","btnCheckedShadow","btnArrowBgImageChecked","checked2022","checkedFocused","checkedDisabled","btnCheckedDisabledBorderColor","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledShadow","checkedDisabled2022","captionLink","captionTranslated","captionDisabled","wrap","wrapSmall","btnHeightSmall","wrapMedium","btnHeightMedium","wrapLarge","btnHeightLarge","narrow","noPadding","noRightPadding","iconNoRightMargin","iconLink","btnLinkIconMarginRight","wrapLink","wrapArrow","wrapArrowLeft","iconSmall","btnIconGapSmall","iconMedium","btnIconGapMedium","iconLarge","btnIconGapLarge","borderless","borderless2022","loading","visibilityHidden","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnArrowBgImageActive","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","btnLinkActiveColor","btnTextActiveBg","btnBacklessActiveBg"],"mappings":"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","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton, resetText } from '../../lib/styles/Mixins';\nimport { isFirefox } from '../../lib/client';\n\nimport {\n  buttonUseMixin,\n  buttonHoverMixin,\n  buttonActiveMixin,\n  buttonSizeMixin,\n  arrowOutlineMixin,\n  buttonSizeMixinIE11,\n} from './Button.mixins';\n\nexport const globalClasses = prefix('button')({\n  arrowHelper: 'arrow-helper',\n  arrowHelperTop: 'arrow-helper-top',\n  arrowHelperBottom: 'arrow-helper-bottom',\n  arrow: 'arrow',\n  caption: 'caption',\n  text: 'text',\n  innerShadow: 'inner-shadow',\n  icon: 'icon',\n});\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      ${resetButton()};\n      ${resetText()};\n\n      background-clip: ${t.btnBackgroundClip};\n      background-position: center;\n      background-repeat: no-repeat;\n      background-size: contain;\n      cursor: pointer;\n      display: inline-block;\n      position: relative;\n      text-align: center;\n      width: 100%;\n      height: 100%; // fix height in ie11\n\n      .${globalClasses.innerShadow} {\n        content: '';\n        border-radius: inherit;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n      }\n\n      &::-moz-focus-inner {\n        border: 0;\n        padding: 0;\n      }\n      &::after {\n        content: '';\n        display: inline-block;\n        vertical-align: baseline;\n        width: 0;\n      }\n\n      &:hover:enabled svg {\n        color: ${t.btnIconHoverColor};\n      }\n      &:disabled svg {\n        color: ${t.btnIconDisabledColor};\n      }\n      &:enabled svg {\n        color: ${t.btnIconColor};\n      }\n    `;\n  },\n\n  withArrowIconRightSmall(t: Theme) {\n    return 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: 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: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorError}, 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(\n        t.btnFontSizeSmall,\n        t.btnLineHeightSmall,\n        t.btnPaddingXSmall,\n        t.btnPaddingYSmall,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  sizeSmallIE11(t: Theme) {\n    return css`\n      ${buttonSizeMixinIE11(\n        t.btnFontSizeSmall,\n        t.btnPaddingXSmall,\n        t.btnPaddingYSmall,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  sizeMedium(t: Theme) {\n    return css`\n      border-radius: ${t.btnBorderRadiusMedium};\n\n      ${buttonSizeMixin(\n        t.btnFontSizeMedium,\n        t.btnLineHeightMedium,\n        t.btnPaddingXMedium,\n        t.btnPaddingYMedium,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  sizeMediumIE11(t: Theme) {\n    return css`\n      ${buttonSizeMixinIE11(\n        t.btnFontSizeMedium,\n        t.btnPaddingXMedium,\n        t.btnPaddingYMedium,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  sizeLarge(t: Theme) {\n    return css`\n      border-radius: ${t.btnBorderRadiusLarge};\n\n      ${buttonSizeMixin(\n        t.btnFontSizeLarge,\n        t.btnLineHeightLarge,\n        t.btnPaddingXLarge,\n        t.btnPaddingYLarge,\n        t.fontFamilyCompensationBaseline,\n      )};\n    `;\n  },\n\n  sizeLargeIE11(t: Theme) {\n    return css`\n      ${buttonSizeMixinIE11(\n        t.btnFontSizeLarge,\n        t.btnPaddingXLarge,\n        t.btnPaddingYLarge,\n        t.fontFamilyCompensationBaseline,\n      )};\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      pointer-events: none;\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: 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      .${globalClasses.arrowHelper} {\n        box-shadow: ${t.btnBorderWidth} 0 0 0 ${t.btnDisabledBorderColor};\n      }\n    `;\n  },\n\n  arrowWarning(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n      ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorWarning, t.btnOutlineWidth, t.btnInsetColor)}\n    `;\n  },\n\n  arrowError(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n      ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorError, t.btnOutlineWidth, t.btnInsetColor)}\n    `;\n  },\n\n  arrowFocus(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus};\n\n      ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorFocus, t.btnOutlineWidth, t.btnOutlineColorFocus)}\n    `;\n  },\n\n  arrow() {\n    return css`\n      background: inherit;\n      border-radius: inherit;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n\n      .${globalClasses.arrowHelper} {\n        width: 100%;\n        height: 50%;\n        position: absolute;\n        left: 0;\n        background: inherit;\n        background-size: 200% 200%;\n        border-radius: inherit;\n        background-clip: padding-box;\n\n        // fix ugly arrow edge\n        &:before {\n          content: '';\n          display: block;\n          position: absolute;\n          top: 0;\n          bottom: 0;\n          left: 0;\n          right: 0;\n          background: inherit;\n          border-radius: inherit;\n          transform: translateX(${isFirefox ? `0.2px` : `0.3px`});\n        }\n      }\n\n      .${globalClasses.arrowHelperTop} {\n        top: 0;\n        transform: skewX(30deg);\n        transform-origin: top;\n        background-position-y: top;\n        border-bottom-right-radius: 1px;\n\n        // fix ugly line in the\n        // middle of the button\n        &:before {\n          bottom: -1px;\n        }\n      }\n\n      .${globalClasses.arrowHelperBottom} {\n        bottom: 0;\n        transform: skewX(-30deg);\n        transform-origin: bottom;\n        background-position-y: bottom;\n        border-top-right-radius: 1px;\n\n        // fix ugly line in the\n        // middle of the button\n        &:before {\n          top: -1px;\n        }\n      }\n    `;\n  },\n\n  arrowLeft() {\n    return css`\n      transform: scaleX(-1);\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.btnDefaultBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:hover:enabled {\n        ${buttonHoverMixin(\n          t.btnDefaultHoverBg,\n          t.btnDefaultHoverBgStart,\n          t.btnDefaultHoverBgEnd,\n          t.btnDefaultHoverBorderColor,\n          t.btnDefaultHoverBorderBottomColor,\n          t.btnBorderWidth,\n        )};\n      }\n\n      &:active:enabled {\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.btnPrimaryBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:hover:enabled {\n        ${buttonHoverMixin(\n          t.btnPrimaryHoverBg,\n          t.btnPrimaryHoverBgStart,\n          t.btnPrimaryHoverBgEnd,\n          t.btnPrimaryHoverBorderColor,\n          t.btnPrimaryHoverBorderBottomColor,\n          t.btnBorderWidth,\n        )};\n      }\n\n      &:active:enabled {\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.btnSuccessBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:hover:enabled {\n        ${buttonHoverMixin(\n          t.btnSuccessHoverBg,\n          t.btnSuccessHoverBgStart,\n          t.btnSuccessHoverBgEnd,\n          t.btnSuccessHoverBorderColor,\n          t.btnSuccessHoverBorderBottomColor,\n          t.btnBorderWidth,\n        )};\n      }\n\n      &:active:enabled {\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.btnDangerBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:hover:enabled {\n        ${buttonHoverMixin(\n          t.btnDangerHoverBg,\n          t.btnDangerHoverBgStart,\n          t.btnDangerHoverBgEnd,\n          t.btnDangerHoverBorderColor,\n          t.btnDangerHoverBorderBottomColor,\n          t.btnBorderWidth,\n        )};\n      }\n\n      &:active:enabled {\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.btnPayBorderBottomColor,\n        t.btnBorderWidth,\n      )};\n\n      &:hover:enabled {\n        ${buttonHoverMixin(\n          t.btnPayHoverBg,\n          t.btnPayHoverBgStart,\n          t.btnPayHoverBgEnd,\n          t.btnPayHoverBorderColor,\n          t.btnPayHoverBorderBottomColor,\n          t.btnBorderWidth,\n        )};\n      }\n\n      &:active:enabled {\n        ${activeStyles.pay(t)}\n      }\n    `;\n  },\n\n  text(t: Theme) {\n    return css`\n      &,\n      &:enabled,\n      &:hover:enabled {\n        box-shadow: none;\n        .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n          box-shadow: none;\n        }\n      }\n\n      ${buttonUseMixin(t.btnTextBg, '', '', t.btnTextTextColor, t.btnTextBorderColor, '', t.btnBorderWidth)};\n\n      &:hover:enabled {\n        ${buttonHoverMixin(t.btnTextHoverBg, '', '', t.btnTextHoverBorderColor, '', t.btnBorderWidth)};\n      }\n\n      &:active:enabled {\n        ${activeStyles.text(t)}\n      }\n    `;\n  },\n\n  backless(t: Theme) {\n    return css`\n      ${buttonUseMixin(\n        t.btnBacklessBg,\n        '',\n        '',\n        t.btnBacklessTextColor,\n        t.btnBacklessBorderColor,\n        '',\n        t.btnBorderWidth,\n      )};\n\n      color: ${t.btnDefaultTextColor};\n      background: transparent;\n\n      &:hover:enabled {\n        ${buttonHoverMixin(t.btnBacklessHoverBg, '', '', t.btnBacklessHoverBorderColor, '', t.btnBorderWidth)};\n      }\n\n      &:active:enabled {\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};\n      background-color: ${t.btnCheckedBg};\n      color: ${t.btnCheckedTextColor};\n\n      .${globalClasses.innerShadow} {\n        box-shadow: ${t.btnCheckedShadow};\n      }\n\n      .${globalClasses.arrowHelper} {\n        box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor};\n\n        &.${globalClasses.arrowHelperTop} {\n          background-image: ${t.btnArrowBgImageChecked};\n        }\n      }\n    `;\n\n    return css`\n      ${checkedStyles}\n\n      &:hover:enabled,\n      &:active:enabled,\n      &:hover:active:enabled {\n        ${checkedStyles}\n      }\n    `;\n  },\n\n  checked2022(t: Theme) {\n    const checkedStyles = `\n      background-image: none;\n      box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDefaultCheckedBorderColor} !important;\n      background-color: ${t.btnCheckedBg} !important;\n      color: ${t.btnCheckedTextColor} !important;\n\n      .${globalClasses.innerShadow} {\n        box-shadow: ${t.btnCheckedShadow};\n      }\n\n      .${globalClasses.arrowHelper} {\n        box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor};\n\n        &.${globalClasses.arrowHelperTop} {\n          background-image: ${t.btnArrowBgImageChecked};\n        }\n      }\n\n      :enabled svg {\n        color: ${t.btnCheckedTextColor} !important;\n      }\n      :hover:enabled svg {\n        color: ${t.btnCheckedTextColor} !important;\n      }\n    `;\n\n    return 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: 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      .${globalClasses.arrowHelper} {\n        box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnCheckedDisabledBorderColor};\n\n        &.${globalClasses.arrowHelperTop} {\n          background-image: none;\n        }\n      }\n    `;\n  },\n\n  checkedDisabled2022(t: Theme) {\n    return css`\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  captionTranslated() {\n    return css`\n      transform: translateY(1px);\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  iconNoRightMargin() {\n    return css`\n      margin-right: 0;\n    `;\n  },\n\n  iconLink(t: Theme) {\n    return css`\n      margin-right: ${t.btnLinkIconMarginRight};\n    `;\n  },\n\n  wrapLink() {\n    return css`\n      padding: 0;\n    `;\n  },\n\n  wrapArrow() {\n    return css`\n      margin-right: 10px;\n    `;\n  },\n\n  wrapArrowLeft() {\n    return css`\n      margin-right: 0;\n      margin-left: 10px;\n    `;\n  },\n\n  icon() {\n    return css`\n      display: inline-block;\n    `;\n  },\n  iconSmall(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeSmall};\n      margin-right: ${t.btnIconGapSmall};\n    `;\n  },\n  iconMedium(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeMedium};\n      margin-right: ${t.btnIconGapMedium};\n    `;\n  },\n  iconLarge(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeLarge};\n      margin-right: ${t.btnIconGapLarge};\n    `;\n  },\n\n  borderless() {\n    return css`\n      &:enabled,\n      &:active:hover:enabled,\n      &:hover:enabled {\n        box-shadow: none !important; // override root:hover style\n        .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n          box-shadow: none !important; // override root:hover style\n        }\n      }\n    `;\n  },\n\n  borderless2022() {\n    return css`\n      &,\n      &:active:hover,\n      &:hover {\n        box-shadow: none !important; // override root:hover style\n      }\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.btnDefaultActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\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.btnPrimaryActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\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.btnSuccessActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\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.btnDangerActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n  },\n\n  pay(t: Theme) {\n    return css`\n      & {\n        ${buttonActiveMixin(\n          t.btnPayActiveBg,\n          t.btnPayActiveShadow,\n          t.btnPayActiveBorderColor,\n          t.btnPayActiveBorderTopColor,\n          t.btnBorderWidth,\n          t.btnArrowBgImageActive,\n        )};\n      }\n    `;\n  },\n\n  link(t: Theme) {\n    return css`\n      & {\n        color: ${t.btnLinkActiveColor};\n      }\n    `;\n  },\n\n  text(t: Theme) {\n    return css`\n      &,\n      &:hover {\n        background: ${t.btnTextActiveBg};\n      }\n    `;\n  },\n\n  backless(t: Theme) {\n    return css`\n      &,\n      &:hover {\n        background: ${t.btnBacklessActiveBg};\n      }\n    `;\n  },\n});\n"]}

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

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

package/cjs/components/Button/ButtonArrow.js

@@ -0,0 +1,100 @@
+"use strict";exports.__esModule = true;exports.useButtonArrow = useButtonArrow;var _react = _interopRequireWildcard(require("react"));
+
+var _Emotion = require("../../lib/theming/Emotion");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
+
+
+var _ArrowRightIcon = require("./ArrowRightIcon");
+var _ArrowLeftIcon = require("./ArrowLeftIcon");
+var _Button = require("./Button");
+var _Button2 = require("./Button.styles");function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
+
+
+
+
+
+var ButtonArrow = function ButtonArrow(_ref)
+
+
+
+
+
+
+
+{var arrow = _ref.arrow,_ref$size = _ref.size,size = _ref$size === void 0 ? _Button.Button.defaultProps.size : _ref$size,disabled = _ref.disabled,checked = _ref.checked,error = _ref.error,warning = _ref.warning,isFocused = _ref.isFocused;
+  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+  var _isTheme2022 = (0, _ThemeHelpers.isTheme2022)(theme);
+
+  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 arrowNode = null;
+
+  if (_isTheme2022) {
+    var arrowIcons = {
+      right: _ArrowRightIcon.ArrowRightIcon,
+      left: _ArrowLeftIcon.ArrowLeftIcon };
+
+    var side = arrow === 'left' ? 'left' : 'right';
+    var ArrowIcon = arrowIcons[side];
+    arrowNode = /*#__PURE__*/
+    _react.default.createElement("div", { className: getArrowIconRootClassName() }, /*#__PURE__*/
+    _react.default.createElement(ArrowIcon, { size: size }));
+
+
+  } else {var _cx2;
+    arrowNode = /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: (0, _Emotion.cx)((_cx2 = {}, _cx2[
+      _Button2.styles.arrow()] = true, _cx2[
+      _Button2.styles.arrowWarning(theme)] = !checked && warning && !disabled, _cx2[
+      _Button2.styles.arrowError(theme)] = !checked && error && !disabled, _cx2[
+      _Button2.styles.arrowFocus(theme)] = !checked && isFocused && !disabled, _cx2[
+      _Button2.styles.arrowLeft()] = arrow === 'left', _cx2)) }, /*#__PURE__*/
+
+
+    _react.default.createElement("div", { className: (0, _Emotion.cx)(_Button2.globalClasses.arrowHelper, _Button2.globalClasses.arrowHelperTop) }), /*#__PURE__*/
+    _react.default.createElement("div", { className: (0, _Emotion.cx)(_Button2.globalClasses.arrowHelper, _Button2.globalClasses.arrowHelperBottom) }));
+
+
+  }
+
+  return arrowNode;
+};
+
+function useButtonArrow(props, theme) {var _cx3;
+  var arrow = props.arrow,size = props.size,use = props.use;
+  var _isTheme2022 = (0, _ThemeHelpers.isTheme2022)(theme);
+  var canRender = use !== 'link' && typeof arrow !== 'undefined';
+
+  var rootClassName =
+  !_isTheme2022 && 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 wrapClassName =
+  _isTheme2022 && canRender ?
+  '' :
+  (0, _Emotion.cx)((_cx3 = {}, _cx3[
+  _Button2.styles.wrapArrow()] = arrow === true, _cx3[
+  _Button2.styles.wrapArrowLeft()] = arrow === 'left', _cx3));
+
+
+  var arrowNode = canRender ? /*#__PURE__*/_react.default.createElement(ButtonArrow, props) : null;
+
+  return [wrapClassName, rootClassName, arrowNode];
+}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ButtonArrow.tsx"],"names":["ButtonArrow","arrow","size","Button","defaultProps","disabled","checked","error","warning","isFocused","theme","ThemeContext","_isTheme2022","getArrowIconRootClassName","styles","arrowIconRoot","globalClasses","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","arrowNode","arrowIcons","right","ArrowRightIcon","left","ArrowLeftIcon","side","ArrowIcon","arrowWarning","arrowError","arrowFocus","arrowLeft","arrowHelper","arrowHelperTop","arrowHelperBottom","useButtonArrow","props","use","canRender","rootClassName","withArrowIconRightSmall","withArrowIconRightMedium","withArrowIconRightLarge","withArrowIconLeftSmall","withArrowIconLeftMedium","withArrowIconLeftLarge","wrapClassName","wrapArrow","wrapArrowLeft"],"mappings":"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","sourcesContent":["import React, { useContext } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { ArrowRightIcon } from './ArrowRightIcon';\nimport { ArrowLeftIcon } from './ArrowLeftIcon';\nimport { Button, ButtonProps } from './Button';\nimport { globalClasses, styles } from './Button.styles';\n\ntype ButtonArrowProps = Pick<ButtonProps, 'size' | 'arrow' | 'checked' | 'disabled' | 'error' | 'use' | 'warning'> & {\n  isFocused: boolean;\n};\n\nconst ButtonArrow: React.FunctionComponent<ButtonArrowProps> = ({\n  arrow,\n  size = Button.defaultProps.size,\n  disabled,\n  checked,\n  error,\n  warning,\n  isFocused,\n}) => {\n  const theme = useContext(ThemeContext);\n  const _isTheme2022 = isTheme2022(theme);\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  let arrowNode = null;\n\n  if (_isTheme2022) {\n    const arrowIcons = {\n      right: ArrowRightIcon,\n      left: ArrowLeftIcon,\n    };\n    const side = arrow === 'left' ? 'left' : 'right';\n    const ArrowIcon = arrowIcons[side];\n    arrowNode = (\n      <div className={getArrowIconRootClassName()}>\n        <ArrowIcon size={size} />\n      </div>\n    );\n  } else {\n    arrowNode = (\n      <div\n        className={cx({\n          [styles.arrow()]: true,\n          [styles.arrowWarning(theme)]: !checked && warning && !disabled,\n          [styles.arrowError(theme)]: !checked && error && !disabled,\n          [styles.arrowFocus(theme)]: !checked && isFocused && !disabled,\n          [styles.arrowLeft()]: arrow === 'left',\n        })}\n      >\n        <div className={cx(globalClasses.arrowHelper, globalClasses.arrowHelperTop)} />\n        <div className={cx(globalClasses.arrowHelper, globalClasses.arrowHelperBottom)} />\n      </div>\n    );\n  }\n\n  return arrowNode;\n};\n\nexport function useButtonArrow(props: ButtonArrowProps, theme: Theme): [string, string, React.ReactNode] {\n  const { arrow, size, use } = props;\n  const _isTheme2022 = isTheme2022(theme);\n  const canRender = use !== 'link' && typeof arrow !== 'undefined';\n\n  const rootClassName =\n    !_isTheme2022 && canRender\n      ? ''\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  const wrapClassName =\n    _isTheme2022 && canRender\n      ? ''\n      : cx({\n          [styles.wrapArrow()]: arrow === true,\n          [styles.wrapArrowLeft()]: arrow === 'left',\n        });\n\n  const arrowNode = canRender ? <ButtonArrow {...props} /> : null;\n\n  return [wrapClassName, rootClassName, arrowNode];\n}\n"]}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Theme } from '../../lib/theming/Theme';
+import { ButtonProps, ButtonSize } from './Button';
+declare type ButtonIconProps = Pick<ButtonProps, 'size' | 'icon' | 'loading' | 'disabled' | 'use'> & {
+    hasChildren: boolean;
+};
+export declare const getButtonIconSizes: (theme: Theme) => Record<ButtonSize, number>;
+export declare const ButtonIcon: React.FunctionComponent<ButtonIconProps>;
+export {};

package/cjs/components/Button/ButtonIcon.js

@@ -0,0 +1,74 @@
+"use strict";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 _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
+var _chars = require("../../lib/chars");
+var _LoadingIcon = require("../../internal/icons2022/LoadingIcon");
+
+
+var _Button = require("./Button.styles");function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
+
+
+
+
+
+var getButtonIconSizes = function getButtonIconSizes(theme) {
+  return {
+    small: parseInt(theme.btnIconSizeSmall),
+    medium: parseInt(theme.btnIconSizeMedium),
+    large: parseInt(theme.btnIconSizeLarge) };
+
+};exports.getButtonIconSizes = getButtonIconSizes;
+
+var ButtonIcon = function ButtonIcon(_ref)
+
+
+
+
+
+{var _cx;var icon = _ref.icon,hasChildren = _ref.hasChildren,use = _ref.use,_ref$loading = _ref.loading,loading = _ref$loading === void 0 ? false : _ref$loading,_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 _Button.styles.iconLarge(theme);
+      case 'medium':
+        return _Button.styles.iconMedium(theme);
+      case 'small':
+      default:
+        return _Button.styles.iconSmall(theme);}
+
+  };
+
+  var space = (0, _ThemeHelpers.isTheme2022)(theme) ? _chars.ZERO_WIDTH_SPACE : '';
+  var style = (0, _ThemeHelpers.isTheme2022)(theme) ?
+  {
+    display: 'inline-flex',
+    alignItems: 'center' } :
+
+  {};
+
+  var _icon = icon;
+  var sizes = getButtonIconSizes(theme);
+  if (icon && (0, _ThemeHelpers.isTheme2022)(theme) && (0, _utils.isKonturIcon)(icon)) {var _icon$props$size;
+    _icon = /*#__PURE__*/_react.default.cloneElement(icon, { size: (_icon$props$size = icon.props.size) != null ? _icon$props$size : sizes[size] });
+  }
+
+  return /*#__PURE__*/(
+    _react.default.createElement("span", {
+      style: style,
+      className: (0, _Emotion.cx)(_Button.globalClasses.icon, _Button.styles.icon(), getSizeIconClassName(), (_cx = {}, _cx[
+      _Button.styles.iconNoRightMargin()] = !hasChildren, _cx[
+      _Button.styles.iconLink(theme)] = isLink, _cx)) },
+
+
+    space,
+    loading ? /*#__PURE__*/_react.default.createElement(_LoadingIcon.LoadingIcon, { size: size }) : _icon));
+
+
+};exports.ButtonIcon = ButtonIcon;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ButtonIcon.tsx"],"names":["getButtonIconSizes","theme","small","parseInt","btnIconSizeSmall","medium","btnIconSizeMedium","large","btnIconSizeLarge","ButtonIcon","icon","hasChildren","use","loading","size","ThemeContext","isLink","getSizeIconClassName","styles","iconLarge","iconMedium","iconSmall","space","ZERO_WIDTH_SPACE","style","display","alignItems","_icon","sizes","React","cloneElement","props","globalClasses","iconNoRightMargin","iconLink"],"mappings":"gGAAA;;;AAGA;AACA;AACA;AACA;AACA;AACA;;;AAGA,yC;;;;;;AAMO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,EAA8C;AAC9E,SAAO;AACLC,IAAAA,KAAK,EAAEC,QAAQ,CAACF,KAAK,CAACG,gBAAP,CADV;AAELC,IAAAA,MAAM,EAAEF,QAAQ,CAACF,KAAK,CAACK,iBAAP,CAFX;AAGLC,IAAAA,KAAK,EAAEJ,QAAQ,CAACF,KAAK,CAACO,gBAAP,CAHV,EAAP;;AAKD,CANM,C;;AAQA,IAAMC,UAAoD,GAAG,SAAvDA,UAAuD;;;;;;AAM9D,aALJC,IAKI,QALJA,IAKI,CAJJC,WAII,QAJJA,WAII,CAHJC,GAGI,QAHJA,GAGI,qBAFJC,OAEI,CAFJA,OAEI,6BAFM,KAEN,iCADJC,IACI,CADJA,IACI,0BADG,OACH;AACJ,MAAMb,KAAK,GAAG,uBAAWc,0BAAX,CAAd;AACA,MAAMC,MAAM,GAAGJ,GAAG,KAAK,MAAvB;;AAEA,MAAMK,oBAAoB,GAAG,SAAvBA,oBAAuB,GAAM;AACjC,YAAQH,IAAR;AACE,WAAK,OAAL;AACE,eAAOI,eAAOC,SAAP,CAAiBlB,KAAjB,CAAP;AACF,WAAK,QAAL;AACE,eAAOiB,eAAOE,UAAP,CAAkBnB,KAAlB,CAAP;AACF,WAAK,OAAL;AACA;AACE,eAAOiB,eAAOG,SAAP,CAAiBpB,KAAjB,CAAP,CAPJ;;AASD,GAVD;;AAYA,MAAMqB,KAAK,GAAG,+BAAYrB,KAAZ,IAAqBsB,uBAArB,GAAwC,EAAtD;AACA,MAAMC,KAA0B,GAAG,+BAAYvB,KAAZ;AAC/B;AACEwB,IAAAA,OAAO,EAAE,aADX;AAEEC,IAAAA,UAAU,EAAE,QAFd,EAD+B;;AAK/B,IALJ;;AAOA,MAAIC,KAAK,GAAGjB,IAAZ;AACA,MAAMkB,KAAK,GAAG5B,kBAAkB,CAACC,KAAD,CAAhC;AACA,MAAIS,IAAI,IAAI,+BAAYT,KAAZ,CAAR,IAA8B,yBAAaS,IAAb,CAAlC,EAAsD;AACpDiB,IAAAA,KAAK,gBAAGE,eAAMC,YAAN,CAAmBpB,IAAnB,EAAyB,EAAEI,IAAI,sBAAEJ,IAAI,CAACqB,KAAL,CAAWjB,IAAb,+BAAqBc,KAAK,CAACd,IAAD,CAAhC,EAAzB,CAAR;AACD;;AAED;AACE;AACE,MAAA,KAAK,EAAEU,KADT;AAEE,MAAA,SAAS,EAAE,iBAAGQ,sBAActB,IAAjB,EAAuBQ,eAAOR,IAAP,EAAvB,EAAsCO,oBAAoB,EAA1D;AACRC,qBAAOe,iBAAP,EADQ,IACqB,CAACtB,WADtB;AAERO,qBAAOgB,QAAP,CAAgBjC,KAAhB,CAFQ,IAEiBe,MAFjB,OAFb;;;AAOGM,IAAAA,KAPH;AAQGT,IAAAA,OAAO,gBAAG,6BAAC,wBAAD,IAAa,IAAI,EAAEC,IAAnB,GAAH,GAAiCa,KAR3C,CADF;;;AAYD,CAhDM,C","sourcesContent":["import React, { useContext } from 'react';\n\nimport { Theme } from '../../lib/theming/Theme';\nimport { isKonturIcon } from '../../lib/utils';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { ZERO_WIDTH_SPACE } from '../../lib/chars';\nimport { LoadingIcon } from '../../internal/icons2022/LoadingIcon';\n\nimport { ButtonProps, ButtonSize } from './Button';\nimport { globalClasses, styles } from './Button.styles';\n\ntype ButtonIconProps = Pick<ButtonProps, 'size' | 'icon' | 'loading' | 'disabled' | 'use'> & {\n  hasChildren: boolean;\n};\n\nexport const getButtonIconSizes = (theme: Theme): Record<ButtonSize, number> => {\n  return {\n    small: parseInt(theme.btnIconSizeSmall),\n    medium: parseInt(theme.btnIconSizeMedium),\n    large: parseInt(theme.btnIconSizeLarge),\n  };\n};\n\nexport const ButtonIcon: React.FunctionComponent<ButtonIconProps> = ({\n  icon,\n  hasChildren,\n  use,\n  loading = 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 styles.iconLarge(theme);\n      case 'medium':\n        return styles.iconMedium(theme);\n      case 'small':\n      default:\n        return styles.iconSmall(theme);\n    }\n  };\n\n  const space = isTheme2022(theme) ? ZERO_WIDTH_SPACE : '';\n  const style: React.CSSProperties = isTheme2022(theme)\n    ? {\n        display: 'inline-flex',\n        alignItems: 'center',\n      }\n    : {};\n\n  let _icon = icon;\n  const sizes = getButtonIconSizes(theme);\n  if (icon && isTheme2022(theme) && isKonturIcon(icon)) {\n    _icon = React.cloneElement(icon, { size: icon.props.size ?? sizes[size] });\n  }\n\n  return (\n    <span\n      style={style}\n      className={cx(globalClasses.icon, styles.icon(), getSizeIconClassName(), {\n        [styles.iconNoRightMargin()]: !hasChildren,\n        [styles.iconLink(theme)]: isLink,\n      })}\n    >\n      {space}\n      {loading ? <LoadingIcon size={size} /> : _icon}\n    </span>\n  );\n};\n"]}

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

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

package/cjs/components/Button/getInnerLinkTheme.js

@@ -0,0 +1,16 @@
+"use strict";exports.__esModule = true;exports.getInnerLinkTheme = void 0;var _ThemeFactory = require("../../lib/theming/ThemeFactory");
+
+
+var getInnerLinkTheme = function getInnerLinkTheme(theme) {
+  return _ThemeFactory.ThemeFactory.create(
+  {
+    linkLineBorderBottomColor: theme.btnLinkLineBorderBottomColor,
+    linkLineBorderBottomStyle: theme.btnLinkLineBorderBottomStyle,
+    linkLineBorderBottomWidth: theme.btnLinkLineBorderBottomWidth,
+    linkLineHoverBorderBottomColor: theme.btnLinkLineHoverBorderBottomColor,
+    linkLineActiveBorderBottomColor: theme.btnLinkLineActiveBorderBottomColor,
+    linkDisabledColor: theme.btnLinkDisabledColor },
+
+  theme);
+
+};exports.getInnerLinkTheme = getInnerLinkTheme;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["getInnerLinkTheme.ts"],"names":["getInnerLinkTheme","theme","ThemeFactory","create","linkLineBorderBottomColor","btnLinkLineBorderBottomColor","linkLineBorderBottomStyle","btnLinkLineBorderBottomStyle","linkLineBorderBottomWidth","btnLinkLineBorderBottomWidth","linkLineHoverBorderBottomColor","btnLinkLineHoverBorderBottomColor","linkLineActiveBorderBottomColor","btnLinkLineActiveBorderBottomColor","linkDisabledColor","btnLinkDisabledColor"],"mappings":"0EAAA;;;AAGO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD,EAAyB;AACxD,SAAOC,2BAAaC,MAAb;AACL;AACEC,IAAAA,yBAAyB,EAAEH,KAAK,CAACI,4BADnC;AAEEC,IAAAA,yBAAyB,EAAEL,KAAK,CAACM,4BAFnC;AAGEC,IAAAA,yBAAyB,EAAEP,KAAK,CAACQ,4BAHnC;AAIEC,IAAAA,8BAA8B,EAAET,KAAK,CAACU,iCAJxC;AAKEC,IAAAA,+BAA+B,EAAEX,KAAK,CAACY,kCALzC;AAMEC,IAAAA,iBAAiB,EAAEb,KAAK,CAACc,oBAN3B,EADK;;AASLd,EAAAA,KATK,CAAP;;AAWD,CAZM,C","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const getInnerLinkTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      linkLineBorderBottomColor: theme.btnLinkLineBorderBottomColor,\n      linkLineBorderBottomStyle: theme.btnLinkLineBorderBottomStyle,\n      linkLineBorderBottomWidth: theme.btnLinkLineBorderBottomWidth,\n      linkLineHoverBorderBottomColor: theme.btnLinkLineHoverBorderBottomColor,\n      linkLineActiveBorderBottomColor: theme.btnLinkLineActiveBorderBottomColor,\n      linkDisabledColor: theme.btnLinkDisabledColor,\n    },\n    theme,\n  );\n};\n"]}

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

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

package/cjs/components/Button/index.js

@@ -0,0 +1 @@
+"use strict";exports.__esModule = true;var _Button = require("./Button");Object.keys(_Button).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Button[key]) return;exports[key] = _Button[key];});

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

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

package/cjs/components/Calendar/Calendar.d.ts

@@ -0,0 +1,104 @@
+import React from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { Nullable, Range } from '../../typings/utility-types';
+import { MonthViewModel } from './MonthViewModel';
+import { CalendarDateShape } from './CalendarDateShape';
+export interface CalendarProps extends CommonProps {
+    /**
+     * Вызывается при изменении `value`
+     *
+     * В аргументе хранится дата в формате `dd.mm.yyyy`
+     */
+    onValueChange?: (date: string) => void;
+    /**
+     * Задаёт текущую дату
+     *
+     * Дата задаётся в формате `dd.mm.yyyy`
+     */
+    value: Nullable<string>;
+    /**
+     * Задаёт максимальную возможную дату
+     *
+     * Дата задаётся в формате `dd.mm.yyyy`
+     */
+    maxDate?: string;
+    /**
+     * Задаёт минимальную возможную дату
+     *
+     * Дата задаётся в формате `dd.mm.yyyy`
+     */
+    minDate?: string;
+    /**
+     * Функция для определения праздничных дней
+     * @default (_day, isWeekend) => isWeekend
+     * @param {string} day - строка в формате `dd.mm.yyyy`
+     * @param {boolean} isWeekend - флаг выходного (суббота или воскресенье)
+     *
+     * @returns {boolean} `true` для выходного или `false` для рабочего дня
+     */
+    isHoliday?: (day: string, isWeekend: boolean) => boolean;
+    /**
+     * Позволяет задать начальный месяц
+     */
+    initialMonth?: Range<1, 13>;
+    /**
+     * Позволяет задать начальный год
+     */
+    initialYear?: number;
+}
+export interface CalendarState {
+    scrollPosition: number;
+    months: MonthViewModel[];
+    today: CalendarDateShape;
+    scrollDirection: number;
+    scrollTarget: number;
+}
+export declare const CalendarDataTids: {
+    readonly root: "Calendar__root";
+    readonly month: "MonthView__month";
+    readonly headerMonth: "MonthView__headerMonth";
+    readonly headerYear: "MonthView__headerYear";
+};
+declare type DefaultProps = Required<Pick<CalendarProps, 'minDate' | 'maxDate' | 'isHoliday'>>;
+/**
+ * Компонент календаря из [DatePicker](https://tech.skbkontur.ru/react-ui/#/Components/DatePicker)'а
+ */
+export declare class Calendar extends React.Component<CalendarProps, CalendarState> {
+    static __KONTUR_REACT_UI__: string;
+    private static formatDate;
+    static defaultProps: DefaultProps;
+    private getProps;
+    private theme;
+    private wheelEndTimeout;
+    private root;
+    private animation;
+    private touchStartY;
+    private setRootNode;
+    constructor(props: CalendarProps);
+    componentDidUpdate(prevProps: Readonly<CalendarProps>): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+    /**
+     * Прокручивает календарь до переданной даты
+     * @public
+     */
+    scrollToMonth: (month: number, year: number) => Promise<void>;
+    private renderMain;
+    private refRoot;
+    private renderMonth;
+    private isHoliday;
+    private handleDateChange;
+    private getDateInNativeFormat;
+    private getMonthPositions;
+    private handleMonthYearChange;
+    private executeAnimations;
+    private handleTouchStart;
+    private handleTouchMove;
+    private throttledHandleTouchMove;
+    private handleWheel;
+    private handleWheelEnd;
+    private scrollToNearestWeek;
+    private scrollTo;
+    private scrollAmount;
+}
+export {};