@skbkontur/react-ui 0.0.0-1b188ff0e7 → 0.0.0-1da9bba033

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

@@ -1,5 +1,6 @@
 import { Theme } from '../../lib/theming/Theme';
 export declare const globalClasses: {
+    root: string;
     arrowHelper: string;
     arrowHelperTop: string;
     arrowHelperBottom: string;
@@ -7,7 +8,6 @@ export declare const globalClasses: {
     caption: string;
     text: string;
     innerShadow: string;
-    icon: string;
 };
 export declare const styles: {
     root(t: Theme): string;
@@ -43,6 +43,7 @@ export declare const styles: {
     linkDisabled(t: Theme): string;
     focus(t: Theme): string;
     disabled(t: Theme): string;
+    disabledWithoutOutline(t: Theme): string;
     arrowWarning(t: Theme): string;
     arrowError(t: Theme): string;
     arrowFocus(t: Theme): string;
@@ -76,17 +77,13 @@ export declare const styles: {
     narrow(): string;
     noPadding(): string;
     noRightPadding(): string;
-    iconNoRightMargin(): string;
-    iconLink(t: Theme): string;
     wrapLink(): string;
     wrapArrow(): string;
     wrapArrowLeft(): string;
-    icon(): string;
-    iconSmall(t: Theme): string;
-    iconMedium(t: Theme): string;
-    iconLarge(t: Theme): string;
     borderless(): string;
     borderless2022(): string;
+    backlessDisabled2022(t: Theme): string;
+    textDisabled2022(): string;
     loading(): string;
     visibilityHidden(): string;
 };

package/components/Button/ButtonArrow/ButtonArrow.js

@@ -64,7 +64,7 @@ export function useButtonArrow(props, theme) {
 
   var _isTheme2022 = isTheme2022(theme);
 
-  var canRender = use !== 'link' && typeof arrow !== 'undefined';
+  var canRender = use !== 'link' && (arrow === true || arrow === 'left');
   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;

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

@@ -1 +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"]}
+{"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' && (arrow === true || arrow === 'left');\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/ButtonIcon/ButtonIcon.js

@@ -3,9 +3,8 @@ 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";
+import { styles } from "../ButtonIcon.styles";
+import { LoadingButtonIcon } from "../LoadingButtonIcon";
 export var getButtonIconSizes = function getButtonIconSizes(theme) {
   return {
     small: parseInt(theme.btnIconSizeSmall),
@@ -13,14 +12,33 @@ export var getButtonIconSizes = function getButtonIconSizes(theme) {
     large: parseInt(theme.btnIconSizeLarge)
   };
 };
+
+var useIcon = function useIcon(icon, size) {
+  var theme = useContext(ThemeContext);
+
+  if (icon && isTheme2022(theme) && isKonturIcon(icon)) {
+    var _icon$props$size;
+
+    var sizes = getButtonIconSizes(theme);
+    return /*#__PURE__*/React.cloneElement(icon, {
+      size: (_icon$props$size = icon.props.size) != null ? _icon$props$size : sizes[size]
+    });
+  }
+
+  return icon;
+};
+
 export var ButtonIcon = function ButtonIcon(_ref) {
   var _cx;
 
   var icon = _ref.icon,
-      hasChildren = _ref.hasChildren,
       use = _ref.use,
+      position = _ref.position,
+      hasChildren = _ref.hasChildren,
       _ref$loading = _ref.loading,
       loading = _ref$loading === void 0 ? false : _ref$loading,
+      _ref$hasBothIcons = _ref.hasBothIcons,
+      hasBothIcons = _ref$hasBothIcons === void 0 ? false : _ref$hasBothIcons,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'small' : _ref$size;
   var theme = useContext(ThemeContext);
@@ -29,37 +47,29 @@ export var ButtonIcon = function ButtonIcon(_ref) {
   var getSizeIconClassName = function getSizeIconClassName() {
     switch (size) {
       case 'large':
-        return styles.iconLarge(theme);
+        return [styles.iconLarge(theme), position === 'left' ? styles.iconLargeLeft(theme) : styles.iconLargeRight(theme)];
 
       case 'medium':
-        return styles.iconMedium(theme);
+        return [styles.iconMedium(theme), position === 'left' ? styles.iconMediumLeft(theme) : styles.iconMediumRight(theme)];
 
       case 'small':
       default:
-        return styles.iconSmall(theme);
+        return [styles.iconSmall(theme), position === 'left' ? styles.iconSmallLeft(theme) : styles.iconSmallRight(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]
-    });
-  }
+  var _icon = useIcon(icon, 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, {
+    className: cx(styles.icon(theme), getSizeIconClassName(), (_cx = {}, _cx[styles.iconNoMargin()] = !hasChildren, _cx[styles.iconLeftLink(theme)] = isLink && position === 'left', _cx[styles.iconRightLink(theme)] = isLink && position === 'right', _cx))
+  }, loading && !hasBothIcons ? /*#__PURE__*/React.createElement(LoadingButtonIcon, {
+    isCentered: false,
     size: size
   }) : _icon);
 };

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

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

package/components/Button/ButtonIcon.d.ts

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ButtonIcon.styles.ts"],"names":["isTheme2022","ZERO_WIDTH_SPACE_CSS","css","memoizeStyle","styles","icon","t","space","iconSmall","btnIconSizeSmall","iconSmallLeft","btnIconGapSmall","iconSmallRight","btnIconGapSmallRight","iconMedium","btnIconSizeMedium","iconMediumLeft","btnIconGapMediumRight","iconMediumRight","btnIconGapMedium","iconLarge","btnIconSizeLarge","iconLargeLeft","btnIconGapLarge","iconLargeRight","btnIconGapLargeRight","iconLeftLink","btnLinkIconMarginRight","iconRightLink","btnLinkIconMarginLeft","iconNoMargin"],"mappings":"gVAAA,SAASA,WAAT,QAA4B,gCAA5B;AACA,SAASC,oBAAT,QAAqC,iBAArC;AACA,SAASC,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,QAAMC,KAAK,GAAGP,WAAW,CAACM,CAAD,CAAX,SAAqBL,oBAArB,SAA+C,IAA7D;AACA,WAAOC,GAAP;;;;AAIeK,IAAAA,KAJf;;;AAOD,GAVgC;;AAYjCC,EAAAA,SAZiC,qBAYvBF,CAZuB,EAYb;AAClB,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACG,gBADb;;AAGD,GAhBgC;;AAkBjCC,EAAAA,aAlBiC,yBAkBnBJ,CAlBmB,EAkBT;AACtB,WAAOJ,GAAP;AACkBI,IAAAA,CAAC,CAACK,eADpB;;AAGD,GAtBgC;;AAwBjCC,EAAAA,cAxBiC,0BAwBlBN,CAxBkB,EAwBR;AACvB,WAAOJ,GAAP;AACiBI,IAAAA,CAAC,CAACO,oBADnB;;AAGD,GA5BgC;;AA8BjCC,EAAAA,UA9BiC,sBA8BtBR,CA9BsB,EA8BZ;AACnB,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACS,iBADb;;AAGD,GAlCgC;;AAoCjCC,EAAAA,cApCiC,0BAoClBV,CApCkB,EAoCR;AACvB,WAAOJ,GAAP;AACkBI,IAAAA,CAAC,CAACW,qBADpB;;AAGD,GAxCgC;;AA0CjCC,EAAAA,eA1CiC,2BA0CjBZ,CA1CiB,EA0CP;AACxB,WAAOJ,GAAP;AACiBI,IAAAA,CAAC,CAACa,gBADnB;;AAGD,GA9CgC;;AAgDjCC,EAAAA,SAhDiC,qBAgDvBd,CAhDuB,EAgDb;AAClB,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACe,gBADb;;AAGD,GApDgC;;AAsDjCC,EAAAA,aAtDiC,yBAsDnBhB,CAtDmB,EAsDT;AACtB,WAAOJ,GAAP;AACkBI,IAAAA,CAAC,CAACiB,eADpB;;AAGD,GA1DgC;;AA4DjCC,EAAAA,cA5DiC,0BA4DlBlB,CA5DkB,EA4DR;AACvB,WAAOJ,GAAP;AACiBI,IAAAA,CAAC,CAACmB,oBADnB;;AAGD,GAhEgC;;AAkEjCC,EAAAA,YAlEiC,wBAkEpBpB,CAlEoB,EAkEV;AACrB,WAAOJ,GAAP;AACkBI,IAAAA,CAAC,CAACqB,sBADpB;;AAGD,GAtEgC;;AAwEjCC,EAAAA,aAxEiC,yBAwEnBtB,CAxEmB,EAwET;AACtB,WAAOJ,GAAP;AACiBI,IAAAA,CAAC,CAACuB,qBADnB;;AAGD,GA5EgC;;AA8EjCC,EAAAA,YA9EiC,0BA8ElB;AACb,WAAO5B,GAAP;;;;AAID,GAnFgC,EAAD,CAA3B","sourcesContent":["import { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { ZERO_WIDTH_SPACE_CSS } from '../../lib/chars';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  icon(t: Theme) {\n    const space = isTheme2022(t) ? `'${ZERO_WIDTH_SPACE_CSS}'` : null;\n    return css`\n      display: inline-block;\n\n      &::before {\n        content: ${space};\n      }\n    `;\n  },\n\n  iconSmall(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeSmall};\n    `;\n  },\n\n  iconSmallLeft(t: Theme) {\n    return css`\n      margin-right: ${t.btnIconGapSmall};\n    `;\n  },\n\n  iconSmallRight(t: Theme) {\n    return css`\n      margin-left: ${t.btnIconGapSmallRight};\n    `;\n  },\n\n  iconMedium(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeMedium};\n    `;\n  },\n\n  iconMediumLeft(t: Theme) {\n    return css`\n      margin-right: ${t.btnIconGapMediumRight};\n    `;\n  },\n\n  iconMediumRight(t: Theme) {\n    return css`\n      margin-left: ${t.btnIconGapMedium};\n    `;\n  },\n\n  iconLarge(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeLarge};\n    `;\n  },\n\n  iconLargeLeft(t: Theme) {\n    return css`\n      margin-right: ${t.btnIconGapLarge};\n    `;\n  },\n\n  iconLargeRight(t: Theme) {\n    return css`\n      margin-left: ${t.btnIconGapLargeRight};\n    `;\n  },\n\n  iconLeftLink(t: Theme) {\n    return css`\n      margin-right: ${t.btnLinkIconMarginRight};\n    `;\n  },\n\n  iconRightLink(t: Theme) {\n    return css`\n      margin-left: ${t.btnLinkIconMarginLeft};\n    `;\n  },\n\n  iconNoMargin() {\n    return css`\n      margin-right: 0;\n      margin-left: 0;\n    `;\n  },\n});\n"]}

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

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

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

@@ -0,0 +1,16 @@
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    icon(t: Theme): string;
+    iconSmall(t: Theme): string;
+    iconSmallLeft(t: Theme): string;
+    iconSmallRight(t: Theme): string;
+    iconMedium(t: Theme): string;
+    iconMediumLeft(t: Theme): string;
+    iconMediumRight(t: Theme): string;
+    iconLarge(t: Theme): string;
+    iconLargeLeft(t: Theme): string;
+    iconLargeRight(t: Theme): string;
+    iconLeftLink(t: Theme): string;
+    iconRightLink(t: Theme): string;
+    iconNoMargin(): string;
+};

package/components/Button/LoadingButtonIcon/LoadingButtonIcon.js

@@ -0,0 +1,23 @@
+import React, { useContext } from 'react';
+import { Spinner } from "../../Spinner";
+import { LoadingIcon } from "../../../internal/icons2022/LoadingIcon";
+import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { ButtonDataTids } from "../Button";
+import { styles } from "../Button.styles";
+export var LoadingButtonIcon = function LoadingButtonIcon(_ref) {
+  var size = _ref.size,
+      _ref$isCentered = _ref.isCentered,
+      isCentered = _ref$isCentered === void 0 ? true : _ref$isCentered;
+  var theme = useContext(ThemeContext);
+  return /*#__PURE__*/React.createElement("div", {
+    "data-tid": ButtonDataTids.spinner,
+    className: isCentered ? styles.loading() : undefined
+  }, isTheme2022(theme) ? /*#__PURE__*/React.createElement(LoadingIcon, {
+    size: size
+  }) : /*#__PURE__*/React.createElement(Spinner, {
+    caption: null,
+    dimmed: true,
+    type: "mini"
+  }));
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["LoadingButtonIcon.tsx"],"names":["React","useContext","Spinner","LoadingIcon","isTheme2022","ThemeContext","ButtonDataTids","styles","LoadingButtonIcon","size","isCentered","theme","spinner","loading","undefined"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;;AAEA,SAASC,OAAT,QAAwB,YAAxB;;AAEA,SAASC,WAAT,QAA4B,sCAA5B;AACA,SAASC,WAAT,QAA4B,gCAA5B;AACA,SAASC,YAAT,QAA6B,gCAA7B;;AAEA,SAASC,cAAT,QAA+B,UAA/B;AACA,SAASC,MAAT,QAAuB,iBAAvB;;;;;;;AAOA,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,OAAyD,KAAtDC,IAAsD,QAAtDA,IAAsD,wBAAhDC,UAAgD,CAAhDA,UAAgD,gCAAnC,IAAmC;AACxF,MAAMC,KAAK,GAAGV,UAAU,CAACI,YAAD,CAAxB;;AAEA;AACE,iCAAK,YAAUC,cAAc,CAACM,OAA9B,EAAuC,SAAS,EAAEF,UAAU,GAAGH,MAAM,CAACM,OAAP,EAAH,GAAsBC,SAAlF;AACGV,IAAAA,WAAW,CAACO,KAAD,CAAX,gBAAqB,oBAAC,WAAD,IAAa,IAAI,EAAEF,IAAnB,GAArB,gBAAmD,oBAAC,OAAD,IAAS,OAAO,EAAE,IAAlB,EAAwB,MAAM,MAA9B,EAA+B,IAAI,EAAC,MAApC,GADtD,CADF;;;AAKD,CARM","sourcesContent":["import React, { useContext } from 'react';\n\nimport { Spinner } from '../Spinner';\nimport { IconSizeAliases } from '../../internal/icons2022/iconConstants';\nimport { LoadingIcon } from '../../internal/icons2022/LoadingIcon';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { ButtonDataTids } from './Button';\nimport { styles } from './Button.styles';\n\ninterface LoadingButtonIconProps {\n  size: IconSizeAliases;\n  isCentered?: boolean;\n}\n\nexport const LoadingButtonIcon = ({ size, isCentered = true }: LoadingButtonIconProps) => {\n  const theme = useContext(ThemeContext);\n\n  return (\n    <div data-tid={ButtonDataTids.spinner} className={isCentered ? styles.loading() : undefined}>\n      {isTheme2022(theme) ? <LoadingIcon size={size} /> : <Spinner caption={null} dimmed type=\"mini\" />}\n    </div>\n  );\n};\n"]}

package/components/Button/LoadingButtonIcon/package.json

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

package/components/Button/LoadingButtonIcon.d.ts

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

package/components/Button/getInnerLinkTheme/getInnerLinkTheme.js

@@ -1,11 +1,17 @@
 import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
 export var getInnerLinkTheme = function getInnerLinkTheme(theme) {
   return ThemeFactory.create({
-    linkLineBorderBottomColor: theme.btnLinkLineBorderBottomColor,
     linkLineBorderBottomStyle: theme.btnLinkLineBorderBottomStyle,
+    linkLineHoverBorderBottomStyle: theme.btnLinkHoverLineBorderBottomStyle,
+    linkLineBorderBottomOpacity: theme.btnLinkLineBorderBottomOpacity,
+    linkLineBorderBottomColor: theme.btnLinkLineBorderBottomColor,
     linkLineBorderBottomWidth: theme.btnLinkLineBorderBottomWidth,
-    linkLineHoverBorderBottomColor: theme.btnLinkLineHoverBorderBottomColor,
-    linkLineActiveBorderBottomColor: theme.btnLinkLineActiveBorderBottomColor,
-    linkDisabledColor: theme.btnLinkDisabledColor
+    linkDisabledColor: theme.btnLinkDisabledColor,
+    linkColor: theme.btnLinkColor,
+    linkHoverColor: theme.btnLinkHoverColor,
+    linkActiveColor: theme.btnLinkActiveColor,
+    linkHoverTextDecoration: theme.btnLinkHoverTextDecoration,
+    linkIconMarginRight: theme.btnLinkIconMarginRight,
+    linkBorderRadius: theme.btnLinkBorderRadius
   }, theme);
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["getInnerLinkTheme.ts"],"names":["ThemeFactory","getInnerLinkTheme","theme","create","linkLineBorderBottomColor","btnLinkLineBorderBottomColor","linkLineBorderBottomStyle","btnLinkLineBorderBottomStyle","linkLineBorderBottomWidth","btnLinkLineBorderBottomWidth","linkLineHoverBorderBottomColor","btnLinkLineHoverBorderBottomColor","linkLineActiveBorderBottomColor","btnLinkLineActiveBorderBottomColor","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,yBAAyB,EAAEN,KAAK,CAACO,4BAHnC;AAIEC,IAAAA,8BAA8B,EAAER,KAAK,CAACS,iCAJxC;AAKEC,IAAAA,+BAA+B,EAAEV,KAAK,CAACW,kCALzC;AAMEC,IAAAA,iBAAiB,EAAEZ,KAAK,CAACa,oBAN3B,EADK;;AASLb,EAAAA,KATK,CAAP;;AAWD,CAZM","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"]}
+{"version":3,"sources":["getInnerLinkTheme.ts"],"names":["ThemeFactory","getInnerLinkTheme","theme","create","linkLineBorderBottomStyle","btnLinkLineBorderBottomStyle","linkLineHoverBorderBottomStyle","btnLinkHoverLineBorderBottomStyle","linkLineBorderBottomOpacity","btnLinkLineBorderBottomOpacity","linkLineBorderBottomColor","btnLinkLineBorderBottomColor","linkLineBorderBottomWidth","btnLinkLineBorderBottomWidth","linkDisabledColor","btnLinkDisabledColor","linkColor","btnLinkColor","linkHoverColor","btnLinkHoverColor","linkActiveColor","btnLinkActiveColor","linkHoverTextDecoration","btnLinkHoverTextDecoration","linkIconMarginRight","btnLinkIconMarginRight","linkBorderRadius","btnLinkBorderRadius"],"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,8BAA8B,EAAEJ,KAAK,CAACK,iCAFxC;AAGEC,IAAAA,2BAA2B,EAAEN,KAAK,CAACO,8BAHrC;AAIEC,IAAAA,yBAAyB,EAAER,KAAK,CAACS,4BAJnC;AAKEC,IAAAA,yBAAyB,EAAEV,KAAK,CAACW,4BALnC;AAMEC,IAAAA,iBAAiB,EAAEZ,KAAK,CAACa,oBAN3B;AAOEC,IAAAA,SAAS,EAAEd,KAAK,CAACe,YAPnB;AAQEC,IAAAA,cAAc,EAAEhB,KAAK,CAACiB,iBARxB;AASEC,IAAAA,eAAe,EAAElB,KAAK,CAACmB,kBATzB;AAUEC,IAAAA,uBAAuB,EAAEpB,KAAK,CAACqB,0BAVjC;AAWEC,IAAAA,mBAAmB,EAAEtB,KAAK,CAACuB,sBAX7B;AAYEC,IAAAA,gBAAgB,EAAExB,KAAK,CAACyB,mBAZ1B,EADK;;AAeLzB,EAAAA,KAfK,CAAP;;AAiBD,CAlBM","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      linkLineHoverBorderBottomStyle: theme.btnLinkHoverLineBorderBottomStyle,\n      linkLineBorderBottomOpacity: theme.btnLinkLineBorderBottomOpacity,\n      linkLineBorderBottomColor: theme.btnLinkLineBorderBottomColor,\n      linkLineBorderBottomWidth: theme.btnLinkLineBorderBottomWidth,\n      linkDisabledColor: theme.btnLinkDisabledColor,\n      linkColor: theme.btnLinkColor,\n      linkHoverColor: theme.btnLinkHoverColor,\n      linkActiveColor: theme.btnLinkActiveColor,\n      linkHoverTextDecoration: theme.btnLinkHoverTextDecoration,\n      linkIconMarginRight: theme.btnLinkIconMarginRight,\n      linkBorderRadius: theme.btnLinkBorderRadius,\n    },\n    theme,\n  );\n};\n"]}