@skbkontur/react-ui 0.0.0-e66a3400ba → 0.0.0-ea6161656e

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ButtonArrow.tsx"],"names":["React","useEmotion","isTheme2022","useTheme","ArrowRightIcon","ArrowLeftIcon","Button","getStyles","globalClasses","ButtonArrow","arrow","size","defaultProps","disabled","checked","error","warning","isFocused","emotion","theme","_isTheme2022","styles","getArrowIconRootClassName","cx","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 from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { useEmotion } from '../../lib/theming/Emotion';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { Theme } from '../../lib/theming/Theme';\nimport { useTheme } from '../../lib/theming/useTheme';\n\nimport { ArrowRightIcon } from './ArrowRightIcon';\nimport { ArrowLeftIcon } from './ArrowLeftIcon';\nimport { Button, ButtonProps } from './Button';\nimport { getStyles, globalClasses } 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 emotion = useEmotion();\n  const theme = useTheme();\n  const _isTheme2022 = isTheme2022(theme);\n  const styles = getStyles(emotion);\n\n  const getArrowIconRootClassName = () => {\n    return emotion.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={emotion.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={emotion.cx(globalClasses.arrowHelper, globalClasses.arrowHelperTop)} />\n        <div className={emotion.cx(globalClasses.arrowHelper, globalClasses.arrowHelperBottom)} />\n      </div>\n    );\n  }\n\n  return arrowNode;\n};\n\nexport function useButtonArrow(\n  props: ButtonArrowProps,\n  theme: Theme,\n  emotion: Emotion,\n): [string, string, React.ReactNode] {\n  const styles = getStyles(emotion);\n\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      : emotion.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      : emotion.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,9 @@
+import React from 'react';
+import type { Emotion } from '@emotion/css/create-instance';
+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, emotion: Emotion): [string, string, React.ReactNode];
+export {};

package/components/Button/ButtonIcon/ButtonIcon.js

@@ -0,0 +1,77 @@
+import React from 'react';
+import { isKonturIcon } from "../../../lib/utils";
+import { useEmotion } from "../../../lib/theming/Emotion";
+import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
+import { useTheme } from "../../../lib/theming/useTheme";
+import { getStyles } from "../ButtonIcon.styles";
+import { LoadingButtonIcon } from "../LoadingButtonIcon";
+export var getButtonIconSizes = function getButtonIconSizes(theme) {
+  return {
+    small: parseInt(theme.btnIconSizeSmall),
+    medium: parseInt(theme.btnIconSizeMedium),
+    large: parseInt(theme.btnIconSizeLarge)
+  };
+};
+
+var useIcon = function useIcon(icon, size) {
+  var theme = useTheme();
+
+  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 _emotion$cx;
+
+  var icon = _ref.icon,
+      use = _ref.use,
+      position = _ref.position,
+      hasChildren = _ref.hasChildren,
+      _ref$loading = _ref.loading,
+      loading = _ref$loading === void 0 ? false : _ref$loading,
+      _ref$hasBothIcons = _ref.hasBothIcons,
+      hasBothIcons = _ref$hasBothIcons === void 0 ? false : _ref$hasBothIcons,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'small' : _ref$size;
+  var theme = useTheme();
+  var emotion = useEmotion();
+  var styles = getStyles(emotion);
+  var isLink = use === 'link';
+
+  var getSizeIconClassName = function getSizeIconClassName() {
+    switch (size) {
+      case 'large':
+        return [styles.iconLarge(theme), position === 'left' ? styles.iconLargeLeft(theme) : styles.iconLargeRight(theme)];
+
+      case 'medium':
+        return [styles.iconMedium(theme), position === 'left' ? styles.iconMediumLeft(theme) : styles.iconMediumRight(theme)];
+
+      case 'small':
+      default:
+        return [styles.iconSmall(theme), position === 'left' ? styles.iconSmallLeft(theme) : styles.iconSmallRight(theme)];
+    }
+  };
+
+  var style = isTheme2022(theme) ? {
+    display: 'inline-flex',
+    alignItems: 'center'
+  } : {};
+
+  var _icon = useIcon(icon, size);
+
+  return /*#__PURE__*/React.createElement("span", {
+    style: style,
+    className: emotion.cx(styles.icon(theme), getSizeIconClassName(), (_emotion$cx = {}, _emotion$cx[styles.iconNoMargin()] = !hasChildren, _emotion$cx[styles.iconLeftLink(theme)] = isLink && position === 'left', _emotion$cx[styles.iconRightLink(theme)] = isLink && position === 'right', _emotion$cx))
+  }, loading && !hasBothIcons ? /*#__PURE__*/React.createElement(LoadingButtonIcon, {
+    isCentered: false,
+    size: size
+  }) : _icon);
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ButtonIcon.tsx"],"names":["React","isKonturIcon","useEmotion","isTheme2022","useTheme","getStyles","LoadingButtonIcon","getButtonIconSizes","theme","small","parseInt","btnIconSizeSmall","medium","btnIconSizeMedium","large","btnIconSizeLarge","useIcon","icon","size","sizes","cloneElement","props","ButtonIcon","use","position","hasChildren","loading","hasBothIcons","emotion","styles","isLink","getSizeIconClassName","iconLarge","iconLargeLeft","iconLargeRight","iconMedium","iconMediumLeft","iconMediumRight","iconSmall","iconSmallLeft","iconSmallRight","style","display","alignItems","_icon","cx","iconNoMargin","iconLeftLink","iconRightLink"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { Theme } from '../../lib/theming/Theme';\nimport { isKonturIcon } from '../../lib/utils';\nimport { useEmotion } from '../../lib/theming/Emotion';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { SizeProp } from '../../lib/types/props';\nimport { useTheme } from '../../lib/theming/useTheme';\n\nimport { ButtonProps } from './Button';\nimport { getStyles } 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 = useTheme();\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 = useTheme();\n  const emotion = useEmotion();\n  const styles = getStyles(emotion);\n\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={emotion.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/package.json

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

package/components/Button/ButtonIcon.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { 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>;

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

@@ -0,0 +1,51 @@
+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 { memoizeStyle } from "../../../lib/theming/Emotion";
+export var getStyles = function getStyles(emotion) {
+  return memoizeStyle({
+    icon: function icon(t) {
+      var space = isTheme2022(t) ? "'" + ZERO_WIDTH_SPACE_CSS + "'" : null;
+      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        display: inline-block;\n\n        &::before {\n          content: ", ";\n        }\n      "])), space);
+    },
+    iconSmall: function iconSmall(t) {
+      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        width: ", ";\n      "])), t.btnIconSizeSmall);
+    },
+    iconSmallLeft: function iconSmallLeft(t) {
+      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        margin-right: ", ";\n      "])), t.btnIconGapSmall);
+    },
+    iconSmallRight: function iconSmallRight(t) {
+      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        margin-left: ", ";\n      "])), t.btnIconGapSmallRight);
+    },
+    iconMedium: function iconMedium(t) {
+      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        width: ", ";\n      "])), t.btnIconSizeMedium);
+    },
+    iconMediumLeft: function iconMediumLeft(t) {
+      return emotion.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n        margin-right: ", ";\n      "])), t.btnIconGapMediumRight);
+    },
+    iconMediumRight: function iconMediumRight(t) {
+      return emotion.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n        margin-left: ", ";\n      "])), t.btnIconGapMedium);
+    },
+    iconLarge: function iconLarge(t) {
+      return emotion.css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n        width: ", ";\n      "])), t.btnIconSizeLarge);
+    },
+    iconLargeLeft: function iconLargeLeft(t) {
+      return emotion.css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n        margin-right: ", ";\n      "])), t.btnIconGapLarge);
+    },
+    iconLargeRight: function iconLargeRight(t) {
+      return emotion.css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n        margin-left: ", ";\n      "])), t.btnIconGapLargeRight);
+    },
+    iconLeftLink: function iconLeftLink(t) {
+      return emotion.css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n        margin-right: ", ";\n      "])), t.btnLinkIconMarginRight);
+    },
+    iconRightLink: function iconRightLink(t) {
+      return emotion.css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n        margin-left: ", ";\n      "])), t.btnLinkIconMarginLeft);
+    },
+    iconNoMargin: function iconNoMargin() {
+      return emotion.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","memoizeStyle","getStyles","emotion","icon","t","space","css","iconSmall","btnIconSizeSmall","iconSmallLeft","btnIconGapSmall","iconSmallRight","btnIconGapSmallRight","iconMedium","btnIconSizeMedium","iconMediumLeft","btnIconGapMediumRight","iconMediumRight","btnIconGapMedium","iconLarge","btnIconSizeLarge","iconLargeLeft","btnIconGapLarge","iconLargeRight","btnIconGapLargeRight","iconLeftLink","btnLinkIconMarginRight","iconRightLink","btnLinkIconMarginLeft","iconNoMargin"],"mappings":";;AAEA,SAASA,WAAT,QAA4B,gCAA5B;AACA,SAASC,oBAAT,QAAqC,iBAArC;AACA,SAASC,YAAT,QAA6B,2BAA7B;;;AAGA,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvBF,IAAAA,YAAY,CAAC;AACXG,MAAAA,IADW,gBACNC,CADM,EACI;AACb,YAAMC,KAAK,GAAGP,WAAW,CAACM,CAAD,CAAX,SAAqBL,oBAArB,SAA+C,IAA7D;AACA,eAAOG,OAAO,CAACI,GAAf;;;;AAIeD,QAAAA,KAJf;;;AAOD,OAVU;;AAYXE,MAAAA,SAZW,qBAYDH,CAZC,EAYS;AAClB,eAAOF,OAAO,CAACI,GAAf;AACWF,QAAAA,CAAC,CAACI,gBADb;;AAGD,OAhBU;;AAkBXC,MAAAA,aAlBW,yBAkBGL,CAlBH,EAkBa;AACtB,eAAOF,OAAO,CAACI,GAAf;AACkBF,QAAAA,CAAC,CAACM,eADpB;;AAGD,OAtBU;;AAwBXC,MAAAA,cAxBW,0BAwBIP,CAxBJ,EAwBc;AACvB,eAAOF,OAAO,CAACI,GAAf;AACiBF,QAAAA,CAAC,CAACQ,oBADnB;;AAGD,OA5BU;;AA8BXC,MAAAA,UA9BW,sBA8BAT,CA9BA,EA8BU;AACnB,eAAOF,OAAO,CAACI,GAAf;AACWF,QAAAA,CAAC,CAACU,iBADb;;AAGD,OAlCU;;AAoCXC,MAAAA,cApCW,0BAoCIX,CApCJ,EAoCc;AACvB,eAAOF,OAAO,CAACI,GAAf;AACkBF,QAAAA,CAAC,CAACY,qBADpB;;AAGD,OAxCU;;AA0CXC,MAAAA,eA1CW,2BA0CKb,CA1CL,EA0Ce;AACxB,eAAOF,OAAO,CAACI,GAAf;AACiBF,QAAAA,CAAC,CAACc,gBADnB;;AAGD,OA9CU;;AAgDXC,MAAAA,SAhDW,qBAgDDf,CAhDC,EAgDS;AAClB,eAAOF,OAAO,CAACI,GAAf;AACWF,QAAAA,CAAC,CAACgB,gBADb;;AAGD,OApDU;;AAsDXC,MAAAA,aAtDW,yBAsDGjB,CAtDH,EAsDa;AACtB,eAAOF,OAAO,CAACI,GAAf;AACkBF,QAAAA,CAAC,CAACkB,eADpB;;AAGD,OA1DU;;AA4DXC,MAAAA,cA5DW,0BA4DInB,CA5DJ,EA4Dc;AACvB,eAAOF,OAAO,CAACI,GAAf;AACiBF,QAAAA,CAAC,CAACoB,oBADnB;;AAGD,OAhEU;;AAkEXC,MAAAA,YAlEW,wBAkEErB,CAlEF,EAkEY;AACrB,eAAOF,OAAO,CAACI,GAAf;AACkBF,QAAAA,CAAC,CAACsB,sBADpB;;AAGD,OAtEU;;AAwEXC,MAAAA,aAxEW,yBAwEGvB,CAxEH,EAwEa;AACtB,eAAOF,OAAO,CAACI,GAAf;AACiBF,QAAAA,CAAC,CAACwB,qBADnB;;AAGD,OA5EU;;AA8EXC,MAAAA,YA9EW,0BA8EI;AACb,eAAO3B,OAAO,CAACI,GAAf;;;;AAID,OAnFU,EAAD,CADW,GAAlB","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { ZERO_WIDTH_SPACE_CSS } from '../../lib/chars';\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    icon(t: Theme) {\n      const space = isTheme2022(t) ? `'${ZERO_WIDTH_SPACE_CSS}'` : null;\n      return emotion.css`\n        display: inline-block;\n\n        &::before {\n          content: ${space};\n        }\n      `;\n    },\n\n    iconSmall(t: Theme) {\n      return emotion.css`\n        width: ${t.btnIconSizeSmall};\n      `;\n    },\n\n    iconSmallLeft(t: Theme) {\n      return emotion.css`\n        margin-right: ${t.btnIconGapSmall};\n      `;\n    },\n\n    iconSmallRight(t: Theme) {\n      return emotion.css`\n        margin-left: ${t.btnIconGapSmallRight};\n      `;\n    },\n\n    iconMedium(t: Theme) {\n      return emotion.css`\n        width: ${t.btnIconSizeMedium};\n      `;\n    },\n\n    iconMediumLeft(t: Theme) {\n      return emotion.css`\n        margin-right: ${t.btnIconGapMediumRight};\n      `;\n    },\n\n    iconMediumRight(t: Theme) {\n      return emotion.css`\n        margin-left: ${t.btnIconGapMedium};\n      `;\n    },\n\n    iconLarge(t: Theme) {\n      return emotion.css`\n        width: ${t.btnIconSizeLarge};\n      `;\n    },\n\n    iconLargeLeft(t: Theme) {\n      return emotion.css`\n        margin-right: ${t.btnIconGapLarge};\n      `;\n    },\n\n    iconLargeRight(t: Theme) {\n      return emotion.css`\n        margin-left: ${t.btnIconGapLargeRight};\n      `;\n    },\n\n    iconLeftLink(t: Theme) {\n      return emotion.css`\n        margin-right: ${t.btnLinkIconMarginRight};\n      `;\n    },\n\n    iconRightLink(t: Theme) {\n      return emotion.css`\n        margin-left: ${t.btnLinkIconMarginLeft};\n      `;\n    },\n\n    iconNoMargin() {\n      return emotion.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,17 @@
+import type { Emotion } from '@emotion/css/create-instance';
+import { Theme } from '../../lib/theming/Theme';
+export declare const getStyles: (emotion: Emotion) => {
+    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,26 @@
+import React from 'react';
+import { Spinner } from "../../Spinner";
+import { LoadingIcon } from "../../../internal/icons2022/LoadingIcon";
+import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
+import { useEmotion } from "../../../lib/theming/Emotion";
+import { useTheme } from "../../../lib/theming/useTheme";
+import { ButtonDataTids } from "../Button";
+import { getStyles } 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 = useTheme();
+  var emotion = useEmotion();
+  var styles = getStyles(emotion);
+  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","Spinner","LoadingIcon","isTheme2022","useEmotion","useTheme","ButtonDataTids","getStyles","LoadingButtonIcon","size","isCentered","theme","emotion","styles","spinner","loading","undefined"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,OAAT,QAAwB,YAAxB;;AAEA,SAASC,WAAT,QAA4B,sCAA5B;AACA,SAASC,WAAT,QAA4B,gCAA5B;AACA,SAASC,UAAT,QAA2B,2BAA3B;AACA,SAASC,QAAT,QAAyB,4BAAzB;;AAEA,SAASC,cAAT,QAA+B,UAA/B;AACA,SAASC,SAAT,QAA0B,iBAA1B;;;;;;;AAOA,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,OAAyD,KAAtDC,IAAsD,QAAtDA,IAAsD,wBAAhDC,UAAgD,CAAhDA,UAAgD,gCAAnC,IAAmC;AACxF,MAAMC,KAAK,GAAGN,QAAQ,EAAtB;AACA,MAAMO,OAAO,GAAGR,UAAU,EAA1B;AACA,MAAMS,MAAM,GAAGN,SAAS,CAACK,OAAD,CAAxB;;AAEA;AACE,iCAAK,YAAUN,cAAc,CAACQ,OAA9B,EAAuC,SAAS,EAAEJ,UAAU,GAAGG,MAAM,CAACE,OAAP,EAAH,GAAsBC,SAAlF;AACGb,IAAAA,WAAW,CAACQ,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,CAVM","sourcesContent":["import React 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 { useEmotion } from '../../lib/theming/Emotion';\nimport { useTheme } from '../../lib/theming/useTheme';\n\nimport { ButtonDataTids } from './Button';\nimport { getStyles } from './Button.styles';\n\ninterface LoadingButtonIconProps {\n  size: IconSizeAliases;\n  isCentered?: boolean;\n}\n\nexport const LoadingButtonIcon = ({ size, isCentered = true }: LoadingButtonIconProps) => {\n  const theme = useTheme();\n  const emotion = useEmotion();\n  const styles = getStyles(emotion);\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

@@ -0,0 +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,
+    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

@@ -0,0 +1 @@
+{"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"]}

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

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

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

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

package/components/Button/index/package.json

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

package/components/Button/index.d.ts

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

package/components/Button/package.json

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