@skbkontur/react-ui 0.0.0-cb54865bf2 → 0.0.0-ccbe7cf017

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

@@ -1 +1 @@
-{"version":3,"sources":["Button.styles.ts"],"names":["css","cssName","keyframes","memoizeStyle","resetButton","resetText","buttonUseMixin","buttonHoverMixin","buttonActiveMixin","buttonSizeMixin","buttonArrowMixin","buttonLoadingArrowMixin","btn_loading_arrow","styles","root","t","caption","warning","btnOutlineWidth","btnBorderColorWarning","error","btnBorderColorError","sizeSmall","btnBorderRadiusSmall","btnFontSizeSmall","btnHeightSmall","btnHeightShift","btnLineHeightSmall","btnPaddingXSmall","btnPaddingYSmall","link","fallback","arrow","btnSmallArrowBorderRadius","btnSmallArrowTop","btnSmallArrowLeft","btnSmallArrowRight","btnSmallArrowLength","arrowLeft","sizeMedium","btnBorderRadiusMedium","btnFontSizeMedium","btnHeightMedium","btnLineHeightMedium","btnPaddingXMedium","btnPaddingYMedium","btnMediumArrowTop","btnMediumArrowLeft","btnMediumArrowRight","btnMediumArrowLength","btnMediumArrowTransform","sizeLarge","btnBorderRadiusLarge","btnFontSizeLarge","btnHeightLarge","btnLineHeightLarge","btnPaddingXLarge","btnPaddingYLarge","btnLargeArrowTop","btnLargeArrowLeft","btnLargeArrowRight","btnLargeArrowLength","btnLargeArrowTransform","sizeSmallLoading","btnSmallArrowBg","btnSmallArrowLeftLoadingDelay","sizeMediumLoading","btnMediumArrowLeftLoadingLeft","btnMediumArrowBg","btnMediumArrowLeftLoadingDelay","sizeLargeLoading","btnLargeArrowBg","btnLargeArrowLeftLoadingDelay","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","linkActiveColor","icon","btnLinkIconMarginRight","btnErrorSecondary","focus","disabled","btnFocusBorder","active","btnBorderWidth","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","arrowWarning","arrowError","btnDisabledBg","btnDisabledTextColor","btnDisabledShadow","btnDisabledShadowArrow","btnLinkDisabledColor","validationRoot","checked","btnCheckedShadowArrowLeft","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultBgArrowStart","btnDefaultBgArrowEnd","btnDefaultShadow","btnDefaultShadowArrow","btnDefaultShadowArrowLeft","btnDefaultTextColor","btnDefaultBorder","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverShadow","btnDefaultHoverShadowArrow","btnDefaultHoverShadowArrowLeft","btnDefaultHoverBorderColor","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveShadowArrow","btnDefaultActiveShadowArrowLeft","primary","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryBgArrowStart","btnPrimaryBgArrowEnd","btnPrimaryShadow","btnPrimaryShadowArrow","btnPrimaryShadowArrowLeft","btnPrimaryTextColor","btnPrimaryBorder","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverShadow","btnPrimaryHoverShadowArrow","btnPrimaryHoverShadowArrowLeft","btnPrimaryHoverBorderColor","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveShadowArrow","btnPrimaryActiveShadowArrowLeft","success","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessBgArrowStart","btnSuccessBgArrowEnd","btnSuccessShadow","btnSuccessShadowArrow","btnSuccessShadowArrowLeft","btnSuccessTextColor","btnSuccessBorder","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverShadow","btnSuccessHoverShadowArrow","btnSuccessHoverShadowArrowLeft","btnSuccessHoverBorderColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveShadowArrow","btnSuccessActiveShadowArrowLeft","danger","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerBgArrowStart","btnDangerBgArrowEnd","btnDangerShadow","btnDangerShadowArrow","btnDangerShadowArrowLeft","btnDangerTextColor","btnDangerBorder","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverShadow","btnDangerHoverShadowArrow","btnDangerHoverShadowArrowLeft","btnDangerHoverBorderColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveShadowArrow","btnDangerActiveShadowArrowLeft","pay","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayBgArrowStart","btnPayBgArrowEnd","btnPayShadow","btnPayShadowArrow","btnPayShadowArrowLeft","btnPayTextColor","btnPayBorder","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverShadow","btnPayHoverShadowArrow","btnPayHoverShadowArrowLeft","btnPayHoverBorderColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveShadowArrow","btnPayActiveShadowArrowLeft","btnCheckedShadow","btnCheckedBg","btnCheckedTextColor","btnDefaultCheckedBorder","btnCheckedShadowArrow","wrap","btnWrapPadding","narrow","noPadding","noRightPadding","wrapLink","wrapArrow","wrapArrowLeft","iconSmall","btnIconSizeSmall","btnIconGapSmall","iconMedium","btnIconSizeMedium","btnIconGapMedium","iconLarge","btnIconSizeLarge","btnIconGapLarge","borderless","loading","btn_loading","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { resetButton, resetText } from '../../lib/styles/Mixins';\r\n\r\nimport {\r\n  buttonUseMixin,\r\n  buttonHoverMixin,\r\n  buttonActiveMixin,\r\n  buttonSizeMixin,\r\n  buttonArrowMixin,\r\n  buttonLoadingArrowMixin,\r\n} from './Button.mixins';\r\n\r\nconst btn_loading_arrow = keyframes`\r\n0% {\r\n  transform: translateX(50px) rotate(-44.3deg);\r\n}\r\n\r\n100% {\r\n  transform: translateX(21px) translateY(30px) rotate(-44.3deg);\r\n}\r\n`;\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      ${resetButton()};\r\n      ${resetText()};\r\n\r\n      background-clip: border-box;\r\n      background-position: center;\r\n      background-repeat: no-repeat;\r\n      background-size: contain;\r\n      cursor: pointer;\r\n      display: inline-block;\r\n      position: relative;\r\n      text-align: center;\r\n      width: 100%;\r\n\r\n      &::-moz-focus-inner {\r\n        border: 0;\r\n        padding: 0;\r\n      }\r\n      &::after {\r\n        content: '';\r\n        display: inline-block;\r\n        vertical-align: baseline;\r\n        width: 0;\r\n      }\r\n\r\n      &:active {\r\n        ${cssName(styles.caption())} {\r\n          transform: translateY(1px);\r\n        }\r\n      }\r\n    `;\r\n  },\r\n\r\n  warning(t: Theme) {\r\n    return css`\r\n      border-radius: inherit;\r\n      position: absolute;\r\n      top: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      right: 0;\r\n      box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorWarning};\r\n    `;\r\n  },\r\n\r\n  error(t: Theme) {\r\n    return css`\r\n      border-radius: inherit;\r\n      position: absolute;\r\n      top: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      right: 0;\r\n      box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorError};\r\n    `;\r\n  },\r\n\r\n  sizeSmall(t: Theme) {\r\n    return css`\r\n      border-radius: ${t.btnBorderRadiusSmall};\r\n\r\n      ${buttonSizeMixin(\r\n        t.btnFontSizeSmall,\r\n        t.btnHeightSmall,\r\n        t.btnHeightShift,\r\n        t.btnLineHeightSmall,\r\n        t.btnPaddingXSmall,\r\n        t.btnPaddingYSmall,\r\n        cssName(styles.link(t)),\r\n        cssName(styles.fallback(t)),\r\n      )};\r\n\r\n      ${cssName(styles.arrow())} {\r\n        border-radius: ${t.btnSmallArrowBorderRadius};\r\n      }\r\n\r\n      ${buttonArrowMixin(\r\n        t.btnSmallArrowTop,\r\n        t.btnSmallArrowLeft,\r\n        t.btnSmallArrowRight,\r\n        t.btnSmallArrowLength,\r\n        'rotate(53deg) skewX(24deg) skewY(10deg)',\r\n        cssName(styles.arrow()),\r\n        cssName(styles.arrowLeft(t)),\r\n      )};\r\n    `;\r\n  },\r\n\r\n  sizeMedium(t: Theme) {\r\n    return css`\r\n      border-radius: ${t.btnBorderRadiusMedium};\r\n\r\n      ${buttonSizeMixin(\r\n        t.btnFontSizeMedium,\r\n        t.btnHeightMedium,\r\n        t.btnHeightShift,\r\n        t.btnLineHeightMedium,\r\n        t.btnPaddingXMedium,\r\n        t.btnPaddingYMedium,\r\n        cssName(styles.link(t)),\r\n        cssName(styles.fallback(t)),\r\n      )};\r\n\r\n      ${buttonArrowMixin(\r\n        t.btnMediumArrowTop,\r\n        t.btnMediumArrowLeft,\r\n        t.btnMediumArrowRight,\r\n        t.btnMediumArrowLength,\r\n        t.btnMediumArrowTransform,\r\n        cssName(styles.arrow()),\r\n        cssName(styles.arrowLeft(t)),\r\n      )};\r\n    `;\r\n  },\r\n\r\n  sizeLarge(t: Theme) {\r\n    return css`\r\n      border-radius: ${t.btnBorderRadiusLarge};\r\n\r\n      ${buttonSizeMixin(\r\n        t.btnFontSizeLarge,\r\n        t.btnHeightLarge,\r\n        t.btnHeightShift,\r\n        t.btnLineHeightLarge,\r\n        t.btnPaddingXLarge,\r\n        t.btnPaddingYLarge,\r\n        cssName(styles.link(t)),\r\n        cssName(styles.fallback(t)),\r\n      )};\r\n\r\n      ${buttonArrowMixin(\r\n        t.btnLargeArrowTop,\r\n        t.btnLargeArrowLeft,\r\n        t.btnLargeArrowRight,\r\n        t.btnLargeArrowLength,\r\n        t.btnLargeArrowTransform,\r\n        cssName(styles.arrow()),\r\n        cssName(styles.arrowLeft(t)),\r\n      )};\r\n    `;\r\n  },\r\n\r\n  sizeSmallLoading(t: Theme) {\r\n    return css`\r\n      ${buttonLoadingArrowMixin(\r\n        t.btnSmallArrowTop,\r\n        t.btnSmallArrowTop,\r\n        '-207px',\r\n        '441%',\r\n        t.btnSmallArrowBg,\r\n        t.btnSmallArrowLeftLoadingDelay,\r\n        btn_loading_arrow,\r\n        cssName(styles.arrow()),\r\n        cssName(styles.arrowLeft(t)),\r\n      )};\r\n    `;\r\n  },\r\n\r\n  sizeMediumLoading(t: Theme) {\r\n    return css`\r\n      ${buttonLoadingArrowMixin(\r\n        '0',\r\n        '0',\r\n        t.btnMediumArrowLeftLoadingLeft,\r\n        '441%',\r\n        t.btnMediumArrowBg,\r\n        t.btnMediumArrowLeftLoadingDelay,\r\n        btn_loading_arrow,\r\n        cssName(styles.arrow()),\r\n        cssName(styles.arrowLeft(t)),\r\n      )};\r\n    `;\r\n  },\r\n\r\n  sizeLargeLoading(t: Theme) {\r\n    return css`\r\n      ${buttonLoadingArrowMixin(\r\n        '-32px',\r\n        '-36px',\r\n        ' -198px',\r\n        '700%',\r\n        t.btnLargeArrowBg,\r\n        t.btnLargeArrowLeftLoadingDelay,\r\n        btn_loading_arrow,\r\n        cssName(styles.arrow()),\r\n        cssName(styles.arrowLeft(t)),\r\n      )};\r\n    `;\r\n  },\r\n\r\n  link(t: Theme) {\r\n    return css`\r\n      background: none;\r\n      border-radius: ${t.btnLinkBorderRadius} !important;\r\n      border: none;\r\n      box-shadow: none;\r\n      color: ${t.btnLinkColor} !important;\r\n      display: inline;\r\n      line-height: inherit !important;\r\n      margin: 0;\r\n      padding: 0 !important;\r\n\r\n      &:hover {\r\n        color: ${t.btnLinkHoverColor};\r\n        text-decoration: ${t.btnLinkHoverTextDecoration};\r\n      }\r\n      &:active {\r\n        color: ${t.linkActiveColor} !important;\r\n      }\r\n      ${cssName(styles.caption())} {\r\n        display: inline;\r\n        transform: none !important;\r\n      }\r\n      ${cssName(styles.icon())} {\r\n        padding-right: ${t.btnLinkIconMarginRight};\r\n      }\r\n      ${cssName(styles.warning(t))} ,\r\n      ${cssName(styles.error(t))}  {\r\n        box-shadow: none;\r\n        left: -2px !important;\r\n        right: -2px !important;\r\n        bottom: -2px !important;\r\n      }\r\n      ${cssName(styles.error(t))}  {\r\n        background: ${t.btnErrorSecondary} !important;\r\n      }\r\n    `;\r\n  },\r\n\r\n  focus(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        position: relative;\r\n        z-index: 2;\r\n\r\n        &${cssName(styles.link(t))} {\r\n          color: ${t.btnLinkColor};\r\n          text-decoration: ${t.btnLinkHoverTextDecoration};\r\n        }\r\n\r\n        &:not(${cssName(styles.disabled(t))}):not(${cssName(styles.link(t))}) {\r\n          border: ${t.btnFocusBorder};\r\n\r\n          &,\r\n          &:hover,\r\n          &:active,\r\n          ${cssName(styles.active(t))} {\r\n            box-shadow: inset 0 0 0 ${t.btnBorderWidth} ${t.btnOutlineColorFocus},\r\n              0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus};\r\n\r\n            &${cssName(styles.warning(t))}, &${cssName(styles.error(t))} {\r\n              box-shadow: inset 0 0 0 ${t.btnBorderWidth} ${t.btnOutlineColorFocus} !important;\r\n              border-color: transparent !important;\r\n            }\r\n            ${cssName(styles.arrow())} {\r\n              box-shadow: inset -${t.btnBorderWidth} ${t.btnBorderWidth} 0 0 ${t.btnOutlineColorFocus},\r\n                ${t.btnOutlineWidth} -${t.btnOutlineWidth} 0 0 ${t.btnBorderColorFocus};\r\n\r\n              &${cssName(styles.arrowWarning(t))} {\r\n                box-shadow: inset -${t.btnBorderWidth} ${t.btnBorderWidth} 0 0 ${t.btnOutlineColorFocus},\r\n                  ${t.btnOutlineWidth} -${t.btnOutlineWidth} 0 0 ${t.btnBorderColorWarning} !important;\r\n              }\r\n\r\n              &${cssName(styles.arrowError(t))} {\r\n                box-shadow: inset -${t.btnBorderWidth} ${t.btnBorderWidth} 0 0 ${t.btnOutlineColorFocus},\r\n                  ${t.btnOutlineWidth} -${t.btnOutlineWidth} 0 0 ${t.btnBorderColorError} !important;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    `;\r\n  },\r\n\r\n  disabled(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        cursor: default;\r\n        pointer-events: none;\r\n        border-color: transparent !important;\r\n\r\n        &:not(${cssName(styles.link(t))}) {\r\n          background: ${t.btnDisabledBg} !important;\r\n          color: ${t.btnDisabledTextColor} !important;\r\n          box-shadow: ${t.btnDisabledShadow} !important;\r\n\r\n          ${cssName(styles.arrow())} {\r\n            background: ${t.btnDisabledBg} !important;\r\n            box-shadow: ${t.btnDisabledShadowArrow} !important;\r\n          }\r\n        }\r\n\r\n        &${cssName(styles.link(t))} {\r\n          color: ${t.btnLinkDisabledColor} !important;\r\n        }\r\n\r\n        ${cssName(styles.caption())} {\r\n          transform: none !important;\r\n        }\r\n      }\r\n    `;\r\n  },\r\n\r\n  fallback(t: Theme) {\r\n    return css`\r\n      &${cssName(styles.disabled(t))} {\r\n        outline-color: transparent;\r\n      }\r\n      &:not(${cssName(styles.link(t))}) {\r\n        line-height: normal !important;\r\n      }\r\n    `;\r\n  },\r\n\r\n  validationRoot(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.focus(t))}& {\r\n        box-shadow: inset 0 0 0 1px ${t.btnOutlineColorFocus} !important;\r\n        border-color: transparent !important;\r\n      }\r\n    `;\r\n  },\r\n\r\n  arrowWarning(t: Theme) {\r\n    return css`\r\n      box-shadow: ${t.btnOutlineWidth} -${t.btnOutlineWidth} 0 0 ${t.btnBorderColorWarning} !important;\r\n    `;\r\n  },\r\n\r\n  arrowError(t: Theme) {\r\n    return css`\r\n      box-shadow: ${t.btnOutlineWidth} -${t.btnOutlineWidth} 0 0 ${t.btnBorderColorError} !important;\r\n    `;\r\n  },\r\n\r\n  arrowLeft(t: Theme) {\r\n    return css`\r\n      visibility: visible;\r\n\r\n      ${cssName(styles.checked(t))}:not(${cssName(styles.focus(t))}) & {\r\n        box-shadow: ${t.btnCheckedShadowArrowLeft} !important;\r\n      }\r\n    `;\r\n  },\r\n\r\n  default(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        ${buttonUseMixin(\r\n          t.btnDefaultBg,\r\n          t.btnDefaultBgStart,\r\n          t.btnDefaultBgEnd,\r\n          t.btnDefaultBgArrowStart,\r\n          t.btnDefaultBgArrowEnd,\r\n          t.btnDefaultShadow,\r\n          t.btnDefaultShadowArrow,\r\n          t.btnDefaultShadowArrowLeft,\r\n          t.btnDefaultTextColor,\r\n          t.btnDefaultBorder,\r\n          cssName(styles.checked(t)),\r\n          cssName(styles.arrow()),\r\n          cssName(styles.arrowLeft(t)),\r\n        )};\r\n\r\n        ${buttonHoverMixin(\r\n          t.btnDefaultHoverBg,\r\n          t.btnDefaultHoverBgStart,\r\n          t.btnDefaultHoverBgEnd,\r\n          t.btnDefaultHoverBgStart,\r\n          t.btnDefaultHoverBgEnd,\r\n          t.btnDefaultHoverShadow,\r\n          t.btnDefaultHoverShadowArrow,\r\n          t.btnDefaultHoverShadowArrowLeft,\r\n          t.btnDefaultHoverBorderColor,\r\n          cssName(styles.arrow()),\r\n          cssName(styles.arrowLeft(t)),\r\n        )};\r\n\r\n        ${buttonActiveMixin(\r\n          t.btnDefaultActiveBg,\r\n          t.btnDefaultActiveBg,\r\n          t.btnDefaultActiveBg,\r\n          t.btnDefaultActiveShadow,\r\n          t.btnDefaultActiveShadowArrow,\r\n          t.btnDefaultActiveShadowArrowLeft,\r\n          cssName(styles.active(t)),\r\n          cssName(styles.arrow()),\r\n          cssName(styles.arrowLeft(t)),\r\n        )};\r\n      }\r\n    `;\r\n  },\r\n\r\n  primary(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        ${buttonUseMixin(\r\n          t.btnPrimaryBg,\r\n          t.btnPrimaryBgStart,\r\n          t.btnPrimaryBgEnd,\r\n          t.btnPrimaryBgArrowStart,\r\n          t.btnPrimaryBgArrowEnd,\r\n          t.btnPrimaryShadow,\r\n          t.btnPrimaryShadowArrow,\r\n          t.btnPrimaryShadowArrowLeft,\r\n          t.btnPrimaryTextColor,\r\n          t.btnPrimaryBorder,\r\n          cssName(styles.checked(t)),\r\n          cssName(styles.arrow()),\r\n          cssName(styles.arrowLeft(t)),\r\n        )};\r\n\r\n        ${buttonHoverMixin(\r\n          t.btnPrimaryHoverBg,\r\n          t.btnPrimaryHoverBgStart,\r\n          t.btnPrimaryHoverBgEnd,\r\n          t.btnPrimaryHoverBgStart,\r\n          t.btnPrimaryHoverBgEnd,\r\n          t.btnPrimaryHoverShadow,\r\n          t.btnPrimaryHoverShadowArrow,\r\n          t.btnPrimaryHoverShadowArrowLeft,\r\n          t.btnPrimaryHoverBorderColor,\r\n          cssName(styles.arrow()),\r\n          cssName(styles.arrowLeft(t)),\r\n        )};\r\n\r\n        ${buttonActiveMixin(\r\n          t.btnPrimaryActiveBg,\r\n          t.btnPrimaryActiveBg,\r\n          t.btnPrimaryActiveBg,\r\n          t.btnPrimaryActiveShadow,\r\n          t.btnPrimaryActiveShadowArrow,\r\n          t.btnPrimaryActiveShadowArrowLeft,\r\n          cssName(styles.active(t)),\r\n          cssName(styles.arrow()),\r\n          cssName(styles.arrowLeft(t)),\r\n        )};\r\n      }\r\n    `;\r\n  },\r\n\r\n  success(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        ${buttonUseMixin(\r\n          t.btnSuccessBg,\r\n          t.btnSuccessBgStart,\r\n          t.btnSuccessBgEnd,\r\n          t.btnSuccessBgArrowStart,\r\n          t.btnSuccessBgArrowEnd,\r\n          t.btnSuccessShadow,\r\n          t.btnSuccessShadowArrow,\r\n          t.btnSuccessShadowArrowLeft,\r\n          t.btnSuccessTextColor,\r\n          t.btnSuccessBorder,\r\n          cssName(styles.checked(t)),\r\n          cssName(styles.arrow()),\r\n          cssName(styles.arrowLeft(t)),\r\n        )};\r\n\r\n        ${buttonHoverMixin(\r\n          t.btnSuccessHoverBg,\r\n          t.btnSuccessHoverBgStart,\r\n          t.btnSuccessHoverBgEnd,\r\n          t.btnSuccessHoverBgStart,\r\n          t.btnSuccessHoverBgEnd,\r\n          t.btnSuccessHoverShadow,\r\n          t.btnSuccessHoverShadowArrow,\r\n          t.btnSuccessHoverShadowArrowLeft,\r\n          t.btnSuccessHoverBorderColor,\r\n          cssName(styles.arrow()),\r\n          cssName(styles.arrowLeft(t)),\r\n        )};\r\n\r\n        ${buttonActiveMixin(\r\n          t.btnSuccessActiveBg,\r\n          t.btnSuccessActiveBg,\r\n          t.btnSuccessActiveBg,\r\n          t.btnSuccessActiveShadow,\r\n          t.btnSuccessActiveShadowArrow,\r\n          t.btnSuccessActiveShadowArrowLeft,\r\n          cssName(styles.active(t)),\r\n          cssName(styles.arrow()),\r\n          cssName(styles.arrowLeft(t)),\r\n        )};\r\n      }\r\n    `;\r\n  },\r\n\r\n  danger(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        ${buttonUseMixin(\r\n          t.btnDangerBg,\r\n          t.btnDangerBgStart,\r\n          t.btnDangerBgEnd,\r\n          t.btnDangerBgArrowStart,\r\n          t.btnDangerBgArrowEnd,\r\n          t.btnDangerShadow,\r\n          t.btnDangerShadowArrow,\r\n          t.btnDangerShadowArrowLeft,\r\n          t.btnDangerTextColor,\r\n          t.btnDangerBorder,\r\n          cssName(styles.checked(t)),\r\n          cssName(styles.arrow()),\r\n          cssName(styles.arrowLeft(t)),\r\n        )};\r\n\r\n        ${buttonHoverMixin(\r\n          t.btnDangerHoverBg,\r\n          t.btnDangerHoverBgStart,\r\n          t.btnDangerHoverBgEnd,\r\n          t.btnDangerHoverBgStart,\r\n          t.btnDangerHoverBgEnd,\r\n          t.btnDangerHoverShadow,\r\n          t.btnDangerHoverShadowArrow,\r\n          t.btnDangerHoverShadowArrowLeft,\r\n          t.btnDangerHoverBorderColor,\r\n          cssName(styles.arrow()),\r\n          cssName(styles.arrowLeft(t)),\r\n        )};\r\n\r\n        ${buttonActiveMixin(\r\n          t.btnDangerActiveBg,\r\n          t.btnDangerActiveBg,\r\n          t.btnDangerActiveBg,\r\n          t.btnDangerActiveShadow,\r\n          t.btnDangerActiveShadowArrow,\r\n          t.btnDangerActiveShadowArrowLeft,\r\n          cssName(styles.active(t)),\r\n          cssName(styles.arrow()),\r\n          cssName(styles.arrowLeft(t)),\r\n        )};\r\n      }\r\n    `;\r\n  },\r\n\r\n  pay(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.root(t))}& {\r\n        ${buttonUseMixin(\r\n          t.btnPayBg,\r\n          t.btnPayBgStart,\r\n          t.btnPayBgEnd,\r\n          t.btnPayBgArrowStart,\r\n          t.btnPayBgArrowEnd,\r\n          t.btnPayShadow,\r\n          t.btnPayShadowArrow,\r\n          t.btnPayShadowArrowLeft,\r\n          t.btnPayTextColor,\r\n          t.btnPayBorder,\r\n          cssName(styles.checked(t)),\r\n          cssName(styles.arrow()),\r\n          cssName(styles.arrowLeft(t)),\r\n        )};\r\n\r\n        ${buttonHoverMixin(\r\n          t.btnPayHoverBg,\r\n          t.btnPayHoverBgStart,\r\n          t.btnPayHoverBgEnd,\r\n          t.btnPayHoverBgStart,\r\n          t.btnPayHoverBgEnd,\r\n          t.btnPayHoverShadow,\r\n          t.btnPayHoverShadowArrow,\r\n          t.btnPayHoverShadowArrowLeft,\r\n          t.btnPayHoverBorderColor,\r\n          cssName(styles.arrow()),\r\n          cssName(styles.arrowLeft(t)),\r\n        )};\r\n\r\n        ${buttonActiveMixin(\r\n          t.btnPayActiveBg,\r\n          t.btnPayActiveBg,\r\n          t.btnPayActiveBg,\r\n          t.btnPayActiveShadow,\r\n          t.btnPayActiveShadowArrow,\r\n          t.btnPayActiveShadowArrowLeft,\r\n          cssName(styles.active(t)),\r\n          cssName(styles.arrow()),\r\n          cssName(styles.arrowLeft(t)),\r\n        )};\r\n      }\r\n    `;\r\n  },\r\n\r\n  checked(t: Theme) {\r\n    return css`\r\n      box-shadow: ${t.btnCheckedShadow} !important;\r\n      background: ${t.btnCheckedBg} !important;\r\n      color: ${t.btnCheckedTextColor} !important;\r\n      border: ${t.btnDefaultCheckedBorder} !important;\r\n\r\n      &:not(${cssName(styles.link(t))}):not(${cssName(styles.disabled(t))}) {\r\n        ${cssName(styles.caption())} {\r\n          transform: translateY(1px) !important;\r\n        }\r\n      }\r\n\r\n      &,\r\n      &:not(${cssName(styles.focus(t))}) {\r\n        ${cssName(styles.arrow())} {\r\n          background: ${t.btnCheckedBg} !important;\r\n          box-shadow: ${t.btnCheckedShadowArrow} !important;\r\n        }\r\n      }\r\n    `;\r\n  },\r\n\r\n  active(t: Theme) {\r\n    return css`\r\n      &:not(${cssName(styles.link(t))}):not(${cssName(styles.disabled(t))}) {\r\n        ${cssName(styles.caption())} {\r\n          transform: translateY(1px) !important;\r\n        }\r\n      }\r\n    `;\r\n  },\r\n\r\n  caption() {\r\n    return css`\r\n      position: relative;\r\n      white-space: nowrap;\r\n      display: inline-block;\r\n      width: 100%;\r\n      vertical-align: top;\r\n    `;\r\n  },\r\n\r\n  wrap(t: Theme) {\r\n    return css`\r\n      padding: ${t.btnWrapPadding};\r\n      box-sizing: border-box;\r\n      display: inline-block;\r\n    `;\r\n  },\r\n\r\n  narrow() {\r\n    return css`\r\n      padding-left: 5px !important;\r\n      padding-right: 5px !important;\r\n    `;\r\n  },\r\n\r\n  noPadding() {\r\n    return css`\r\n      padding-left: 0 !important;\r\n      padding-right: 0 !important;\r\n    `;\r\n  },\r\n\r\n  noRightPadding() {\r\n    return css`\r\n      padding-right: 0 !important;\r\n    `;\r\n  },\r\n\r\n  wrapLink(t: Theme) {\r\n    return css`\r\n      ${styles.wrap(t)};\r\n\r\n      padding: 0;\r\n    `;\r\n  },\r\n\r\n  wrapArrow() {\r\n    return css`\r\n      margin-right: 10px;\r\n    `;\r\n  },\r\n\r\n  wrapArrowLeft() {\r\n    return css`\r\n      margin-right: 0;\r\n      margin-left: 10px;\r\n    `;\r\n  },\r\n\r\n  arrow() {\r\n    return css`\r\n      position: absolute;\r\n      border-radius: 2px 2px 2px 16px;\r\n      box-sizing: border-box;\r\n      z-index: 1;\r\n    `;\r\n  },\r\n\r\n  icon() {\r\n    return css`\r\n      display: inline-block;\r\n    `;\r\n  },\r\n  iconSmall(t: Theme) {\r\n    return css`\r\n      width: ${t.btnIconSizeSmall};\r\n      padding-right: ${t.btnIconGapSmall};\r\n    `;\r\n  },\r\n  iconMedium(t: Theme) {\r\n    return css`\r\n      width: ${t.btnIconSizeMedium};\r\n      padding-right: ${t.btnIconGapMedium};\r\n    `;\r\n  },\r\n  iconLarge(t: Theme) {\r\n    return css`\r\n      width: ${t.btnIconSizeLarge};\r\n      padding-right: ${t.btnIconGapLarge};\r\n    `;\r\n  },\r\n\r\n  borderless(t: Theme) {\r\n    const focus = cssName(styles.focus(t));\r\n    const disabled = cssName(styles.disabled(t));\r\n    const checked = cssName(styles.checked(t));\r\n    const active = cssName(styles.active(t));\r\n\r\n    return css`\r\n      &:not(${focus}):not(${disabled}):not(${active}):not(${checked}) {\r\n        &,\r\n        &:hover,\r\n        &:active {\r\n          box-shadow: none !important;\r\n        }\r\n      }\r\n    `;\r\n  },\r\n\r\n  loading() {\r\n    const btn_loading = keyframes`\r\n    0% {\r\n      transform: translateX(0) rotateY(180deg);\r\n    }\r\n\r\n    100% {\r\n      transform: translateX(-30px) rotateY(180deg);\r\n    }\r\n  `;\r\n    return css`\r\n      position: absolute;\r\n      top: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      right: 0;\r\n      border-radius: inherit;\r\n      overflow: hidden;\r\n\r\n      &::before {\r\n        content: '';\r\n        height: 100%;\r\n        position: absolute;\r\n        opacity: 0.2;\r\n        background: linear-gradient(-110deg, #ccc 30%, transparent 0, transparent 60%, #ccc 0);\r\n        background-size: 30px 100%;\r\n        top: 0;\r\n        left: 0;\r\n        right: -30px;\r\n        animation: ${btn_loading} 1s linear infinite;\r\n        transform: rotateY(180deg);\r\n      }\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Button.styles.ts"],"names":["css","memoizeStyle","prefix","resetButton","resetText","isFirefox","buttonUseMixin","buttonHoverMixin","buttonActiveMixin","buttonSizeMixin","arrowOutlineMixin","buttonSizeMixinIE11","globalClasses","arrowHelper","arrowHelperTop","arrowHelperBottom","arrow","caption","text","innerShadow","icon","styles","root","t","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","arrowLeft","arrowIconRoot","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","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/components/Button/Button.styles.d.ts

@@ -1,41 +1,102 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    warning(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    error(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    sizeSmall(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    sizeMedium(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    sizeLarge(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    sizeSmallLoading(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    sizeMediumLoading(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    sizeLargeLoading(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    link(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    focus(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    disabled(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    fallback(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    validationRoot(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    arrowWarning(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    arrowError(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    arrowLeft(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    default(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    primary(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    success(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    danger(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    pay(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    checked(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    active(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+import { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    arrowHelper: string;
+    arrowHelperTop: string;
+    arrowHelperBottom: string;
+    arrow: string;
+    caption: string;
+    text: string;
+    innerShadow: string;
+    icon: 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;
+    arrowWarning(t: Theme): string;
+    arrowError(t: Theme): string;
+    arrowFocus(t: Theme): string;
+    arrow(): string;
+    arrowLeft(): 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;
+    checked2022(t: Theme): string;
+    checkedFocused(t: Theme): string;
+    checkedDisabled(t: Theme): string;
+    checkedDisabled2022(t: Theme): string;
     caption(): string;
-    wrap(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    captionLink(): string;
+    captionTranslated(): 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(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    iconNoRightMargin(): string;
+    iconLink(t: Theme): string;
+    wrapLink(): string;
     wrapArrow(): string;
     wrapArrowLeft(): string;
-    arrow(): string;
     icon(): string;
-    iconSmall(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    iconMedium(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    iconLarge(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    borderless(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    iconSmall(t: Theme): string;
+    iconMedium(t: Theme): string;
+    iconLarge(t: Theme): string;
+    borderless(): string;
+    borderless2022(): 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,72 @@
+import React, { useContext } from 'react';
+import { cx } from "../../../lib/theming/Emotion";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
+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,
+      disabled = _ref.disabled,
+      checked = _ref.checked,
+      error = _ref.error,
+      warning = _ref.warning,
+      isFocused = _ref.isFocused;
+  var theme = useContext(ThemeContext);
+
+  var _isTheme2022 = isTheme2022(theme);
+
+  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 arrowNode = null;
+
+  if (_isTheme2022) {
+    var arrowIcons = {
+      right: ArrowRightIcon,
+      left: ArrowLeftIcon
+    };
+    var side = arrow === 'left' ? 'left' : 'right';
+    var ArrowIcon = arrowIcons[side];
+    arrowNode = /*#__PURE__*/React.createElement("div", {
+      className: getArrowIconRootClassName()
+    }, /*#__PURE__*/React.createElement(ArrowIcon, {
+      size: size
+    }));
+  } else {
+    var _cx2;
+
+    arrowNode = /*#__PURE__*/React.createElement("div", {
+      className: cx((_cx2 = {}, _cx2[styles.arrow()] = true, _cx2[styles.arrowWarning(theme)] = !checked && warning && !disabled, _cx2[styles.arrowError(theme)] = !checked && error && !disabled, _cx2[styles.arrowFocus(theme)] = !checked && isFocused && !disabled, _cx2[styles.arrowLeft()] = arrow === 'left', _cx2))
+    }, /*#__PURE__*/React.createElement("div", {
+      className: cx(globalClasses.arrowHelper, globalClasses.arrowHelperTop)
+    }), /*#__PURE__*/React.createElement("div", {
+      className: cx(globalClasses.arrowHelper, globalClasses.arrowHelperBottom)
+    }));
+  }
+
+  return arrowNode;
+};
+
+export function useButtonArrow(props, theme) {
+  var _cx3;
+
+  var arrow = props.arrow,
+      size = props.size,
+      use = props.use;
+
+  var _isTheme2022 = isTheme2022(theme);
+
+  var canRender = use !== 'link' && typeof arrow !== 'undefined';
+  var rootClassName = !_isTheme2022 && 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 wrapClassName = _isTheme2022 && canRender ? '' : cx((_cx3 = {}, _cx3[styles.wrapArrow()] = arrow === true, _cx3[styles.wrapArrowLeft()] = arrow === 'left', _cx3));
+  var arrowNode = canRender ? /*#__PURE__*/React.createElement(ButtonArrow, props) : null;
+  return [wrapClassName, rootClassName, arrowNode];
+}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ButtonArrow.tsx"],"names":["React","useContext","cx","ThemeContext","isTheme2022","ArrowRightIcon","ArrowLeftIcon","Button","globalClasses","styles","ButtonArrow","arrow","size","defaultProps","disabled","checked","error","warning","isFocused","theme","_isTheme2022","getArrowIconRootClassName","arrowIconRoot","arrowIconRootSmall","arrowIconRootMedium","arrowIconRootLarge","arrowIconLeft","arrowNode","arrowIcons","right","left","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/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 { 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/components/Button/ButtonIcon/ButtonIcon.js

@@ -0,0 +1,65 @@
+import React, { useContext } from 'react';
+import { isKonturIcon } from "../../../lib/utils";
+import { cx } from "../../../lib/theming/Emotion";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
+import { ZERO_WIDTH_SPACE } from "../../../lib/chars";
+import { LoadingIcon } from "../../../internal/icons2022/LoadingIcon";
+import { globalClasses, styles } from "../Button.styles";
+export var getButtonIconSizes = function getButtonIconSizes(theme) {
+  return {
+    small: parseInt(theme.btnIconSizeSmall),
+    medium: parseInt(theme.btnIconSizeMedium),
+    large: parseInt(theme.btnIconSizeLarge)
+  };
+};
+export 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 = useContext(ThemeContext);
+  var isLink = use === 'link';
+
+  var getSizeIconClassName = function getSizeIconClassName() {
+    switch (size) {
+      case 'large':
+        return styles.iconLarge(theme);
+
+      case 'medium':
+        return styles.iconMedium(theme);
+
+      case 'small':
+      default:
+        return styles.iconSmall(theme);
+    }
+  };
+
+  var space = isTheme2022(theme) ? ZERO_WIDTH_SPACE : '';
+  var style = isTheme2022(theme) ? {
+    display: 'inline-flex',
+    alignItems: 'center'
+  } : {};
+  var _icon = icon;
+  var sizes = getButtonIconSizes(theme);
+
+  if (icon && isTheme2022(theme) && isKonturIcon(icon)) {
+    var _icon$props$size;
+
+    _icon = /*#__PURE__*/React.cloneElement(icon, {
+      size: (_icon$props$size = icon.props.size) != null ? _icon$props$size : sizes[size]
+    });
+  }
+
+  return /*#__PURE__*/React.createElement("span", {
+    style: style,
+    className: cx(globalClasses.icon, styles.icon(), getSizeIconClassName(), (_cx = {}, _cx[styles.iconNoRightMargin()] = !hasChildren, _cx[styles.iconLink(theme)] = isLink, _cx))
+  }, space, loading ? /*#__PURE__*/React.createElement(LoadingIcon, {
+    size: size
+  }) : _icon);
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ButtonIcon.tsx"],"names":["React","useContext","isKonturIcon","cx","ThemeContext","isTheme2022","ZERO_WIDTH_SPACE","LoadingIcon","globalClasses","styles","getButtonIconSizes","theme","small","parseInt","btnIconSizeSmall","medium","btnIconSizeMedium","large","btnIconSizeLarge","ButtonIcon","icon","hasChildren","use","loading","size","isLink","getSizeIconClassName","iconLarge","iconMedium","iconSmall","space","style","display","alignItems","_icon","sizes","cloneElement","props","iconNoRightMargin","iconLink"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;;;AAGA,SAASC,YAAT,QAA6B,iBAA7B;AACA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,WAAT,QAA4B,gCAA5B;AACA,SAASC,gBAAT,QAAiC,iBAAjC;AACA,SAASC,WAAT,QAA4B,sCAA5B;;;AAGA,SAASC,aAAT,EAAwBC,MAAxB,QAAsC,iBAAtC;;;;;;AAMA,OAAO,IAAMC,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;;AAQP,OAAO,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,GAAGV,UAAU,CAACG,YAAD,CAAxB;AACA,MAAMqB,MAAM,GAAGH,GAAG,KAAK,MAAvB;;AAEA,MAAMI,oBAAoB,GAAG,SAAvBA,oBAAuB,GAAM;AACjC,YAAQF,IAAR;AACE,WAAK,OAAL;AACE,eAAOf,MAAM,CAACkB,SAAP,CAAiBhB,KAAjB,CAAP;AACF,WAAK,QAAL;AACE,eAAOF,MAAM,CAACmB,UAAP,CAAkBjB,KAAlB,CAAP;AACF,WAAK,OAAL;AACA;AACE,eAAOF,MAAM,CAACoB,SAAP,CAAiBlB,KAAjB,CAAP,CAPJ;;AASD,GAVD;;AAYA,MAAMmB,KAAK,GAAGzB,WAAW,CAACM,KAAD,CAAX,GAAqBL,gBAArB,GAAwC,EAAtD;AACA,MAAMyB,KAA0B,GAAG1B,WAAW,CAACM,KAAD,CAAX;AAC/B;AACEqB,IAAAA,OAAO,EAAE,aADX;AAEEC,IAAAA,UAAU,EAAE,QAFd,EAD+B;;AAK/B,IALJ;;AAOA,MAAIC,KAAK,GAAGd,IAAZ;AACA,MAAMe,KAAK,GAAGzB,kBAAkB,CAACC,KAAD,CAAhC;AACA,MAAIS,IAAI,IAAIf,WAAW,CAACM,KAAD,CAAnB,IAA8BT,YAAY,CAACkB,IAAD,CAA9C,EAAsD;AACpDc,IAAAA,KAAK,gBAAGlC,KAAK,CAACoC,YAAN,CAAmBhB,IAAnB,EAAyB,EAAEI,IAAI,sBAAEJ,IAAI,CAACiB,KAAL,CAAWb,IAAb,+BAAqBW,KAAK,CAACX,IAAD,CAAhC,EAAzB,CAAR;AACD;;AAED;AACE;AACE,MAAA,KAAK,EAAEO,KADT;AAEE,MAAA,SAAS,EAAE5B,EAAE,CAACK,aAAa,CAACY,IAAf,EAAqBX,MAAM,CAACW,IAAP,EAArB,EAAoCM,oBAAoB,EAAxD;AACVjB,MAAAA,MAAM,CAAC6B,iBAAP,EADU,IACmB,CAACjB,WADpB;AAEVZ,MAAAA,MAAM,CAAC8B,QAAP,CAAgB5B,KAAhB,CAFU,IAEec,MAFf,OAFf;;;AAOGK,IAAAA,KAPH;AAQGP,IAAAA,OAAO,gBAAG,oBAAC,WAAD,IAAa,IAAI,EAAEC,IAAnB,GAAH,GAAiCU,KAR3C,CADF;;;AAYD,CAhDM","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/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,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/components/Button/getInnerLinkTheme/getInnerLinkTheme.js

@@ -0,0 +1,8 @@
+import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
+export var getInnerLinkTheme = function getInnerLinkTheme(theme) {
+  return ThemeFactory.create({
+    linkLineBorderBottomStyle: theme.btnLinkLineBorderBottomStyle,
+    linkLineBorderBottomWidth: theme.btnLinkLineBorderBottomWidth,
+    linkDisabledColor: theme.btnLinkDisabledColor
+  }, theme);
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["getInnerLinkTheme.ts"],"names":["ThemeFactory","getInnerLinkTheme","theme","create","linkLineBorderBottomStyle","btnLinkLineBorderBottomStyle","linkLineBorderBottomWidth","btnLinkLineBorderBottomWidth","linkDisabledColor","btnLinkDisabledColor"],"mappings":"AAAA,SAASA,YAAT,QAA6B,gCAA7B;;;AAGA,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD,EAAyB;AACxD,SAAOF,YAAY,CAACG,MAAb;AACL;AACEC,IAAAA,yBAAyB,EAAEF,KAAK,CAACG,4BADnC;AAEEC,IAAAA,yBAAyB,EAAEJ,KAAK,CAACK,4BAFnC;AAGEC,IAAAA,iBAAiB,EAAEN,KAAK,CAACO,oBAH3B,EADK;;AAMLP,EAAAA,KANK,CAAP;;AAQD,CATM","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      linkLineBorderBottomStyle: theme.btnLinkLineBorderBottomStyle,\n      linkLineBorderBottomWidth: theme.btnLinkLineBorderBottomWidth,\n      linkDisabledColor: theme.btnLinkDisabledColor,\n    },\n    theme,\n  );\n};\n"]}

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 { Theme } from '../../lib/theming/Theme';
+export declare const getInnerLinkTheme: (theme: Theme) => Theme;

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

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