@skbkontur/react-ui 0.0.0-b408db2ccf → 0.0.0-b4710fb038

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

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

package/components/Button/ButtonArrow/ButtonArrow.js

@@ -1,7 +1,6 @@
 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";
@@ -9,58 +8,33 @@ 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;
+    size = _ref$size === void 0 ? Button.defaultProps.size : _ref$size;
   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)
-    }));
-  }
+  var arrowIcons = {
+    right: ArrowRightIcon,
+    left: ArrowLeftIcon
+  };
+  var side = arrow === 'left' ? 'left' : 'right';
+  var ArrowIcon = arrowIcons[side];
+  var arrowNode = /*#__PURE__*/
+  React.createElement("div", {
+    className: getArrowIconRootClassName()
+  }, /*#__PURE__*/
+  React.createElement(ArrowIcon, {
+    size: size
+  }));
   return arrowNode;
 };
 export function useButtonArrow(props, theme) {
-  var _cx3;
   var arrow = props.arrow,
     size = props.size,
     use = props.use;
-  var _isTheme2022 = isTheme2022(theme);
   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 rootClassName = canRender ? cx(arrow === true && size === 'small' && styles.withArrowIconRightSmall(theme), arrow === true && size === 'medium' && styles.withArrowIconRightMedium(theme), arrow === true && size === 'large' && styles.withArrowIconRightLarge(theme), arrow === 'left' && size === 'small' && styles.withArrowIconLeftSmall(theme), arrow === 'left' && size === 'medium' && styles.withArrowIconLeftMedium(theme), arrow === 'left' && size === 'large' && styles.withArrowIconLeftLarge(theme)) : '';
   var arrowNode = canRender ? /*#__PURE__*/React.createElement(ButtonArrow, props) : null;
-  return [wrapClassName, rootClassName, arrowNode];
+  return [rootClassName, arrowNode];
 }

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

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

package/components/Button/ButtonArrow.d.ts

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

package/components/Button/ButtonIcon/ButtonIcon.js

@@ -2,7 +2,6 @@ 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 { styles } from "../ButtonIcon.styles";
 import { LoadingButtonIcon } from "../LoadingButtonIcon";
 export var getButtonIconSizes = function getButtonIconSizes(theme) {
@@ -14,7 +13,7 @@ export var getButtonIconSizes = function getButtonIconSizes(theme) {
 };
 var useIcon = function useIcon(icon, size) {
   var theme = useContext(ThemeContext);
-  if (icon && isTheme2022(theme) && isKonturIcon(icon)) {
+  if (icon && isKonturIcon(icon)) {
     var _icon$props$size;
     var sizes = getButtonIconSizes(theme);
     return /*#__PURE__*/React.cloneElement(icon, {
@@ -48,15 +47,15 @@ export var ButtonIcon = function ButtonIcon(_ref) {
         return [styles.iconSmall(theme), position === 'left' ? styles.iconSmallLeft(theme) : styles.iconSmallRight(theme)];
     }
   };
-  var style = isTheme2022(theme) ? {
+  var style = {
     display: 'inline-flex',
     alignItems: 'center'
-  } : {};
+  };
   var _icon = useIcon(icon, size);
   return /*#__PURE__*/(
     React.createElement("span", {
       style: style,
-      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))
+      className: cx(styles.icon(), getSizeIconClassName(), (_cx = {}, _cx[styles.iconNoMargin()] = !hasChildren, _cx[styles.iconLeftLink(theme)] = isLink && position === 'left', _cx[styles.iconRightLink(theme)] = isLink && position === 'right', _cx))
     }, loading && !hasBothIcons ? /*#__PURE__*/React.createElement(LoadingButtonIcon, {
       isCentered: false,
       size: size

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

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

package/components/Button/ButtonIcon.d.ts

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

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

@@ -1,18 +1,17 @@
 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;
+  icon: function icon() {
+    var space = "'" + ZERO_WIDTH_SPACE_CSS + "'";
     return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n\n      &::before {\n        content: ", ";\n      }\n    "])), space);
   },
   iconSmall: function iconSmall(t) {
     return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n    "])), t.btnIconSizeSmall);
   },
   iconSmallLeft: function iconSmallLeft(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n    "])), t.btnIconGapSmall);
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n    "])), t.btnIconGapSmallLeft);
   },
   iconSmallRight: function iconSmallRight(t) {
     return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      margin-left: ", ";\n    "])), t.btnIconGapSmallRight);
@@ -24,13 +23,13 @@ export var styles = memoizeStyle({
     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);
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      margin-left: ", ";\n    "])), t.btnIconGapMediumRight);
   },
   iconLarge: function iconLarge(t) {
     return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n    "])), t.btnIconSizeLarge);
   },
   iconLargeLeft: function iconLargeLeft(t) {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n    "])), t.btnIconGapLarge);
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n    "])), t.btnIconGapLargeLeft);
   },
   iconLargeRight: function iconLargeRight(t) {
     return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      margin-left: ", ";\n    "])), t.btnIconGapLargeRight);

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

@@ -1 +1 @@
-{"version":3,"names":["isTheme2022","ZERO_WIDTH_SPACE_CSS","css","memoizeStyle","styles","icon","t","space","_templateObject","_taggedTemplateLiteralLoose","iconSmall","_templateObject2","btnIconSizeSmall","iconSmallLeft","_templateObject3","btnIconGapSmall","iconSmallRight","_templateObject4","btnIconGapSmallRight","iconMedium","_templateObject5","btnIconSizeMedium","iconMediumLeft","_templateObject6","btnIconGapMediumRight","iconMediumRight","_templateObject7","btnIconGapMedium","iconLarge","_templateObject8","btnIconSizeLarge","iconLargeLeft","_templateObject9","btnIconGapLarge","iconLargeRight","_templateObject10","btnIconGapLargeRight","iconLeftLink","_templateObject11","btnLinkIconMarginRight","iconRightLink","_templateObject12","btnLinkIconMarginLeft","iconNoMargin","_templateObject13"],"sources":["ButtonIcon.styles.ts"],"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"],"mappings":"gVAAA,SAASA,WAAW,QAAQ,gCAAgC;AAC5D,SAASC,oBAAoB,QAAQ,iBAAiB;AACtD,SAASC,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,IAAMC,KAAK,GAAGP,WAAW,CAACM,CAAC,CAAC,SAAOL,oBAAoB,SAAM,IAAI;IACjE,OAAOC,GAAG,CAAAM,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;IAIKF,KAAK;;;EAGtB,CAAC;;EAEDG,SAAS,WAAAA,UAACJ,CAAQ,EAAE;IAClB,OAAOJ,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;IACCH,CAAC,CAACM,gBAAgB;;EAE/B,CAAC;;EAEDC,aAAa,WAAAA,cAACP,CAAQ,EAAE;IACtB,OAAOJ,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;IACQH,CAAC,CAACS,eAAe;;EAErC,CAAC;;EAEDC,cAAc,WAAAA,eAACV,CAAQ,EAAE;IACvB,OAAOJ,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;IACOH,CAAC,CAACY,oBAAoB;;EAEzC,CAAC;;EAEDC,UAAU,WAAAA,WAACb,CAAQ,EAAE;IACnB,OAAOJ,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAX,2BAAA;IACCH,CAAC,CAACe,iBAAiB;;EAEhC,CAAC;;EAEDC,cAAc,WAAAA,eAAChB,CAAQ,EAAE;IACvB,OAAOJ,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAd,2BAAA;IACQH,CAAC,CAACkB,qBAAqB;;EAE3C,CAAC;;EAEDC,eAAe,WAAAA,gBAACnB,CAAQ,EAAE;IACxB,OAAOJ,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAjB,2BAAA;IACOH,CAAC,CAACqB,gBAAgB;;EAErC,CAAC;;EAEDC,SAAS,WAAAA,UAACtB,CAAQ,EAAE;IAClB,OAAOJ,GAAG,CAAA2B,gBAAA,KAAAA,gBAAA,GAAApB,2BAAA;IACCH,CAAC,CAACwB,gBAAgB;;EAE/B,CAAC;;EAEDC,aAAa,WAAAA,cAACzB,CAAQ,EAAE;IACtB,OAAOJ,GAAG,CAAA8B,gBAAA,KAAAA,gBAAA,GAAAvB,2BAAA;IACQH,CAAC,CAAC2B,eAAe;;EAErC,CAAC;;EAEDC,cAAc,WAAAA,eAAC5B,CAAQ,EAAE;IACvB,OAAOJ,GAAG,CAAAiC,iBAAA,KAAAA,iBAAA,GAAA1B,2BAAA;IACOH,CAAC,CAAC8B,oBAAoB;;EAEzC,CAAC;;EAEDC,YAAY,WAAAA,aAAC/B,CAAQ,EAAE;IACrB,OAAOJ,GAAG,CAAAoC,iBAAA,KAAAA,iBAAA,GAAA7B,2BAAA;IACQH,CAAC,CAACiC,sBAAsB;;EAE5C,CAAC;;EAEDC,aAAa,WAAAA,cAAClC,CAAQ,EAAE;IACtB,OAAOJ,GAAG,CAAAuC,iBAAA,KAAAA,iBAAA,GAAAhC,2BAAA;IACOH,CAAC,CAACoC,qBAAqB;;EAE1C,CAAC;;EAEDC,YAAY,WAAAA,aAAA,EAAG;IACb,OAAOzC,GAAG,CAAA0C,iBAAA,KAAAA,iBAAA,GAAAnC,2BAAA;;;;EAIZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["ZERO_WIDTH_SPACE_CSS","css","memoizeStyle","styles","icon","space","_templateObject","_taggedTemplateLiteralLoose","iconSmall","t","_templateObject2","btnIconSizeSmall","iconSmallLeft","_templateObject3","btnIconGapSmallLeft","iconSmallRight","_templateObject4","btnIconGapSmallRight","iconMedium","_templateObject5","btnIconSizeMedium","iconMediumLeft","_templateObject6","btnIconGapMediumRight","iconMediumRight","_templateObject7","iconLarge","_templateObject8","btnIconSizeLarge","iconLargeLeft","_templateObject9","btnIconGapLargeLeft","iconLargeRight","_templateObject10","btnIconGapLargeRight","iconLeftLink","_templateObject11","btnLinkIconMarginRight","iconRightLink","_templateObject12","btnLinkIconMarginLeft","iconNoMargin","_templateObject13"],"sources":["ButtonIcon.styles.ts"],"sourcesContent":["import { ZERO_WIDTH_SPACE_CSS } from '../../lib/chars';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  icon() {\n    const space = `'${ZERO_WIDTH_SPACE_CSS}'`;\n    return css`\n      display: inline-block;\n\n      &::before {\n        content: ${space};\n      }\n    `;\n  },\n\n  iconSmall(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeSmall};\n    `;\n  },\n\n  iconSmallLeft(t: Theme) {\n    return css`\n      margin-right: ${t.btnIconGapSmallLeft};\n    `;\n  },\n\n  iconSmallRight(t: Theme) {\n    return css`\n      margin-left: ${t.btnIconGapSmallRight};\n    `;\n  },\n\n  iconMedium(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeMedium};\n    `;\n  },\n\n  iconMediumLeft(t: Theme) {\n    return css`\n      margin-right: ${t.btnIconGapMediumRight};\n    `;\n  },\n\n  iconMediumRight(t: Theme) {\n    return css`\n      margin-left: ${t.btnIconGapMediumRight};\n    `;\n  },\n\n  iconLarge(t: Theme) {\n    return css`\n      width: ${t.btnIconSizeLarge};\n    `;\n  },\n\n  iconLargeLeft(t: Theme) {\n    return css`\n      margin-right: ${t.btnIconGapLargeLeft};\n    `;\n  },\n\n  iconLargeRight(t: Theme) {\n    return css`\n      margin-left: ${t.btnIconGapLargeRight};\n    `;\n  },\n\n  iconLeftLink(t: Theme) {\n    return css`\n      margin-right: ${t.btnLinkIconMarginRight};\n    `;\n  },\n\n  iconRightLink(t: Theme) {\n    return css`\n      margin-left: ${t.btnLinkIconMarginLeft};\n    `;\n  },\n\n  iconNoMargin() {\n    return css`\n      margin-right: 0;\n      margin-left: 0;\n    `;\n  },\n});\n"],"mappings":"gVAAA,SAASA,oBAAoB,QAAQ,iBAAiB;AACtD,SAASC,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,IAAMC,KAAK,SAAOL,oBAAoB,MAAG;IACzC,OAAOC,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;IAIKF,KAAK;;;EAGtB,CAAC;;EAEDG,SAAS,WAAAA,UAACC,CAAQ,EAAE;IAClB,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;IACCE,CAAC,CAACE,gBAAgB;;EAE/B,CAAC;;EAEDC,aAAa,WAAAA,cAACH,CAAQ,EAAE;IACtB,OAAOR,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;IACQE,CAAC,CAACK,mBAAmB;;EAEzC,CAAC;;EAEDC,cAAc,WAAAA,eAACN,CAAQ,EAAE;IACvB,OAAOR,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAT,2BAAA;IACOE,CAAC,CAACQ,oBAAoB;;EAEzC,CAAC;;EAEDC,UAAU,WAAAA,WAACT,CAAQ,EAAE;IACnB,OAAOR,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAZ,2BAAA;IACCE,CAAC,CAACW,iBAAiB;;EAEhC,CAAC;;EAEDC,cAAc,WAAAA,eAACZ,CAAQ,EAAE;IACvB,OAAOR,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA;IACQE,CAAC,CAACc,qBAAqB;;EAE3C,CAAC;;EAEDC,eAAe,WAAAA,gBAACf,CAAQ,EAAE;IACxB,OAAOR,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;IACOE,CAAC,CAACc,qBAAqB;;EAE1C,CAAC;;EAEDG,SAAS,WAAAA,UAACjB,CAAQ,EAAE;IAClB,OAAOR,GAAG,CAAA0B,gBAAA,KAAAA,gBAAA,GAAApB,2BAAA;IACCE,CAAC,CAACmB,gBAAgB;;EAE/B,CAAC;;EAEDC,aAAa,WAAAA,cAACpB,CAAQ,EAAE;IACtB,OAAOR,GAAG,CAAA6B,gBAAA,KAAAA,gBAAA,GAAAvB,2BAAA;IACQE,CAAC,CAACsB,mBAAmB;;EAEzC,CAAC;;EAEDC,cAAc,WAAAA,eAACvB,CAAQ,EAAE;IACvB,OAAOR,GAAG,CAAAgC,iBAAA,KAAAA,iBAAA,GAAA1B,2BAAA;IACOE,CAAC,CAACyB,oBAAoB;;EAEzC,CAAC;;EAEDC,YAAY,WAAAA,aAAC1B,CAAQ,EAAE;IACrB,OAAOR,GAAG,CAAAmC,iBAAA,KAAAA,iBAAA,GAAA7B,2BAAA;IACQE,CAAC,CAAC4B,sBAAsB;;EAE5C,CAAC;;EAEDC,aAAa,WAAAA,cAAC7B,CAAQ,EAAE;IACtB,OAAOR,GAAG,CAAAsC,iBAAA,KAAAA,iBAAA,GAAAhC,2BAAA;IACOE,CAAC,CAAC+B,qBAAqB;;EAE1C,CAAC;;EAEDC,YAAY,WAAAA,aAAA,EAAG;IACb,OAAOxC,GAAG,CAAAyC,iBAAA,KAAAA,iBAAA,GAAAnC,2BAAA;;;;EAIZ;AACF,CAAC,CAAC","ignoreList":[]}

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

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

package/components/Button/LoadingButtonIcon/LoadingButtonIcon.js

@@ -1,25 +1,18 @@
-import React, { useContext } from 'react';
-import { Spinner } from "../../Spinner";
+import React from 'react';
 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, {
+    }, /*#__PURE__*/
+    React.createElement(LoadingIcon, {
       size: size
-    }) : /*#__PURE__*/React.createElement(Spinner, {
-      caption: null,
-      dimmed: true,
-      type: "mini"
     }))
   );
 };

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","Spinner","LoadingIcon","isTheme2022","ThemeContext","ButtonDataTids","styles","LoadingButtonIcon","_ref","size","_ref$isCentered","isCentered","theme","createElement","spinner","className","loading","undefined","caption","dimmed","type"],"sources":["LoadingButtonIcon.tsx"],"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"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,OAAO,QAAQ,YAAY;;AAEpC,SAASC,WAAW,QAAQ,sCAAsC;AAClE,SAASC,WAAW,QAAQ,gCAAgC;AAC5D,SAASC,YAAY,QAAQ,gCAAgC;;AAE7D,SAASC,cAAc,QAAQ,UAAU;AACzC,SAASC,MAAM,QAAQ,iBAAiB;;;;;;;AAOxC,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAA4D,KAAtDC,IAAI,GAAAD,IAAA,CAAJC,IAAI,CAAAC,eAAA,GAAAF,IAAA,CAAEG,UAAU,CAAVA,UAAU,GAAAD,eAAA,cAAG,IAAI,GAAAA,eAAA;EACzD,IAAME,KAAK,GAAGZ,UAAU,CAACI,YAAY,CAAC;;EAEtC;IACEL,KAAA,CAAAc,aAAA,UAAK,YAAUR,cAAc,CAACS,OAAQ,EAACC,SAAS,EAAEJ,UAAU,GAAGL,MAAM,CAACU,OAAO,CAAC,CAAC,GAAGC,SAAU;IACzFd,WAAW,CAACS,KAAK,CAAC,gBAAGb,KAAA,CAAAc,aAAA,CAACX,WAAW,IAACO,IAAI,EAAEA,IAAK,EAAE,CAAC,gBAAGV,KAAA,CAAAc,aAAA,CAACZ,OAAO,IAACiB,OAAO,EAAE,IAAK,EAACC,MAAM,QAACC,IAAI,EAAC,MAAM,EAAE;IAC7F,CAAC;;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","LoadingIcon","ButtonDataTids","styles","LoadingButtonIcon","_ref","size","_ref$isCentered","isCentered","createElement","spinner","className","loading","undefined"],"sources":["LoadingButtonIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { IconSizeAliases } from '../../internal/icons2022/iconConstants';\nimport { LoadingIcon } from '../../internal/icons2022/LoadingIcon';\n\nimport { ButtonDataTids } from './Button';\nimport { styles } from './Button.styles';\n\ninterface LoadingButtonIconProps {\n  size: IconSizeAliases;\n  isCentered?: boolean;\n}\n\nexport const LoadingButtonIcon = ({ size, isCentered = true }: LoadingButtonIconProps) => {\n  return (\n    <div data-tid={ButtonDataTids.spinner} className={isCentered ? styles.loading() : undefined}>\n      {<LoadingIcon size={size} />}\n    </div>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,WAAW,QAAQ,sCAAsC;;AAElE,SAASC,cAAc,QAAQ,UAAU;AACzC,SAASC,MAAM,QAAQ,iBAAiB;;;;;;;AAOxC,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAA4D,KAAtDC,IAAI,GAAAD,IAAA,CAAJC,IAAI,CAAAC,eAAA,GAAAF,IAAA,CAAEG,UAAU,CAAVA,UAAU,GAAAD,eAAA,cAAG,IAAI,GAAAA,eAAA;EACzD;IACEP,KAAA,CAAAS,aAAA,UAAK,YAAUP,cAAc,CAACQ,OAAQ,EAACC,SAAS,EAAEH,UAAU,GAAGL,MAAM,CAACS,OAAO,CAAC,CAAC,GAAGC,SAAU;IACzFb,KAAA,CAAAS,aAAA,CAACR,WAAW,IAACK,IAAI,EAAEA,IAAK,EAAE;IACxB,CAAC;;AAEV,CAAC","ignoreList":[]}

package/components/Button/LoadingButtonIcon.d.ts

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

package/components/Button/getInnerLinkTheme/getInnerLinkTheme.js

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