@transferwise/components 46.44.1 → 46.46.0

package/build/avatarWrapper/AvatarWrapper.mjs

@@ -0,0 +1,118 @@
+import { Briefcase, Person } from '@transferwise/icons';
+import { useState, useEffect } from 'react';
+import { AvatarType } from '../avatar/avatarTypes.mjs';
+import Avatar from '../avatar/Avatar.mjs';
+import Badge from '../badge/Badge.mjs';
+import StatusIcon from '../statusIcon/StatusIcon.mjs';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { ProfileType } from '../common/propsValues/profileType.mjs';
+import { Size } from '../common/propsValues/size.mjs';
+
+const OptionalBadge = ({
+  url,
+  altText,
+  statusIcon,
+  children,
+  ...rest
+}) => {
+  if (url) {
+    return /*#__PURE__*/jsx(Badge, {
+      badge: /*#__PURE__*/jsx("img", {
+        src: url,
+        alt: altText
+      }),
+      ...rest,
+      children: children
+    });
+  }
+  if (statusIcon) {
+    return /*#__PURE__*/jsx(Badge, {
+      badge: /*#__PURE__*/jsx(StatusIcon, {
+        sentiment: statusIcon,
+        size: Size.SMALL
+      }),
+      ...rest,
+      children: children
+    });
+  }
+  return /*#__PURE__*/jsx(Fragment, {
+    children: children
+  });
+};
+const AvatarWrapper = ({
+  url,
+  profileType,
+  profileId,
+  badgeUrl,
+  badgeAltText,
+  badgeStatusIcon,
+  name,
+  avatarProps,
+  badgeProps
+}) => {
+  const [hasImageLoadError, setImageLoadError] = useState(false);
+  const isBusinessProfile = profileType === ProfileType.BUSINESS;
+  // Reset the errored state when url changes
+  useEffect(() => setImageLoadError(false), [url]);
+  const getAvatarProps = () => {
+    if (url && !hasImageLoadError) {
+      return {
+        type: AvatarType.THUMBNAIL,
+        children: /*#__PURE__*/jsx("img", {
+          src: url,
+          alt: "",
+          onError: () => setImageLoadError(true)
+        }),
+        ...avatarProps
+      };
+    }
+    if (profileType) {
+      return {
+        type: AvatarType.ICON,
+        children: isBusinessProfile ? /*#__PURE__*/jsx(Briefcase, {
+          size: "24"
+        }) : /*#__PURE__*/jsx(Person, {
+          size: "24"
+        }),
+        ...avatarProps
+      };
+    }
+    if (name) {
+      return {
+        type: AvatarType.INITIALS,
+        children: /*#__PURE__*/jsx(Fragment, {
+          children: getInitials(name)
+        }),
+        backgroundColorSeed: profileId?.toString(),
+        ...avatarProps
+      };
+    }
+    return {
+      type: AvatarType.ICON,
+      children: /*#__PURE__*/jsx(Person, {
+        size: "24"
+      }),
+      ...avatarProps
+    };
+  };
+  return /*#__PURE__*/jsx(OptionalBadge, {
+    url: badgeUrl,
+    altText: badgeAltText,
+    statusIcon: badgeStatusIcon,
+    ...badgeProps,
+    children: /*#__PURE__*/jsx(Avatar, {
+      size: Size.MEDIUM,
+      ...getAvatarProps()
+    })
+  });
+};
+function getInitials(name) {
+  const allInitials = name.split(' ').map(part => part[0]).join('').toUpperCase();
+  if (allInitials.length === 1) {
+    return allInitials[0];
+  }
+  return allInitials[0] + allInitials.slice(-1);
+}
+
+export { AvatarWrapper as default };
+//# sourceMappingURL=AvatarWrapper.mjs.map

package/build/avatarWrapper/AvatarWrapper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarWrapper.mjs","sources":["../../src/avatarWrapper/AvatarWrapper.tsx"],"sourcesContent":["import { Person as ProfileIcon, Briefcase as BriefcaseIcon } from '@transferwise/icons';\nimport { useState, useEffect } from 'react';\n\nimport Avatar, { AvatarProps, AvatarType } from '../avatar';\nimport Badge, { BadgeProps } from '../badge';\nimport { ProfileType, ProfileTypePersonal, ProfileTypeBusiness, Size, Sentiment } from '../common';\nimport StatusIcon from '../statusIcon/StatusIcon';\n\ninterface OptionalBadgeProps extends Omit<BadgeProps, 'badge'> {\n  url?: string;\n  altText?: string;\n  statusIcon?: Sentiment;\n}\n\nconst OptionalBadge = ({ url, altText, statusIcon, children, ...rest }: OptionalBadgeProps) => {\n  if (url) {\n    return (\n      <Badge badge={<img src={url} alt={altText} />} {...rest}>\n        {children}\n      </Badge>\n    );\n  }\n  if (statusIcon) {\n    return (\n      <Badge badge={<StatusIcon sentiment={statusIcon} size={Size.SMALL} />} {...rest}>\n        {children}\n      </Badge>\n    );\n  }\n  return <>{children}</>;\n};\n\nexport type AvatarWrapperProps = {\n  url?: string;\n  profileType?: ProfileTypeBusiness | ProfileTypePersonal;\n  profileId?: string;\n  name?: string;\n  avatarProps?: AvatarProps;\n  badgeProps?: BadgeProps;\n} & (\n  | {\n      badgeUrl: string;\n      badgeAltText: string;\n      badgeStatusIcon?: never;\n    }\n  | {\n      badgeUrl?: never;\n      badgeAltText?: never;\n      badgeStatusIcon: Sentiment;\n    }\n  | {\n      badgeUrl?: never;\n      badgeAltText?: never;\n      badgeStatusIcon?: never;\n    }\n);\n\nconst AvatarWrapper = ({\n  url,\n  profileType,\n  profileId,\n  badgeUrl,\n  badgeAltText,\n  badgeStatusIcon,\n  name,\n  avatarProps,\n  badgeProps,\n}: AvatarWrapperProps) => {\n  const [hasImageLoadError, setImageLoadError] = useState(false);\n  const isBusinessProfile = profileType === ProfileType.BUSINESS;\n\n  // Reset the errored state when url changes\n  useEffect(() => setImageLoadError(false), [url]);\n\n  const getAvatarProps = () => {\n    if (url && !hasImageLoadError) {\n      return {\n        type: AvatarType.THUMBNAIL,\n        children: <img src={url} alt=\"\" onError={() => setImageLoadError(true)} />,\n        ...avatarProps,\n      };\n    }\n    if (profileType) {\n      return {\n        type: AvatarType.ICON,\n        children: isBusinessProfile ? <BriefcaseIcon size=\"24\" /> : <ProfileIcon size=\"24\" />,\n        ...avatarProps,\n      };\n    }\n    if (name) {\n      return {\n        type: AvatarType.INITIALS,\n        children: <>{getInitials(name)}</>,\n        backgroundColorSeed: profileId?.toString(),\n        ...avatarProps,\n      };\n    }\n    return {\n      type: AvatarType.ICON,\n      children: <ProfileIcon size=\"24\" />,\n      ...avatarProps,\n    };\n  };\n\n  return (\n    <OptionalBadge\n      url={badgeUrl}\n      altText={badgeAltText}\n      statusIcon={badgeStatusIcon}\n      {...badgeProps}\n    >\n      <Avatar size={Size.MEDIUM} {...getAvatarProps()} />\n    </OptionalBadge>\n  );\n};\n\nfunction getInitials(name: string) {\n  const allInitials = name\n    .split(' ')\n    .map((part) => part[0])\n    .join('')\n    .toUpperCase();\n\n  if (allInitials.length === 1) {\n    return allInitials[0];\n  }\n\n  return allInitials[0] + allInitials.slice(-1);\n}\n\nexport default AvatarWrapper;\n"],"names":["OptionalBadge","url","altText","statusIcon","children","rest","_jsx","Badge","badge","src","alt","StatusIcon","sentiment","size","Size","SMALL","_Fragment","AvatarWrapper","profileType","profileId","badgeUrl","badgeAltText","badgeStatusIcon","name","avatarProps","badgeProps","hasImageLoadError","setImageLoadError","useState","isBusinessProfile","ProfileType","BUSINESS","useEffect","getAvatarProps","type","AvatarType","THUMBNAIL","onError","ICON","BriefcaseIcon","ProfileIcon","INITIALS","getInitials","backgroundColorSeed","toString","Avatar","MEDIUM","allInitials","split","map","part","join","toUpperCase","length","slice"],"mappings":"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"}

package/build/avatarWrapper/index.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var AvatarWrapper = require('./AvatarWrapper.js');
+
+
+
+module.exports = AvatarWrapper;
+//# sourceMappingURL=index.js.map

package/build/avatarWrapper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/build/avatarWrapper/index.mjs

@@ -0,0 +1,6 @@
+import AvatarWrapper from './AvatarWrapper.mjs';
+
+
+
+export { AvatarWrapper as default };
+//# sourceMappingURL=index.mjs.map

package/build/avatarWrapper/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/build/badge/Badge.js

@@ -0,0 +1,36 @@
+'use strict';
+
+var classNames = require('classnames');
+var jsxRuntime = require('react/jsx-runtime');
+var size = require('../common/propsValues/size.js');
+var theme = require('../common/theme.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var classNames__default = /*#__PURE__*/_interopDefault(classNames);
+
+const Badge = ({
+  badge,
+  className = undefined,
+  size: size$1 = size.Size.SMALL,
+  border = theme.Theme.LIGHT,
+  children
+}) => {
+  const classes = classNames__default.default('tw-badge', {
+    [`tw-badge-border-${border}`]: border,
+    [`tw-badge-${size$1}`]: size$1
+  }, className);
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: classes,
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "tw-badge__children",
+      children: children
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "tw-badge__content",
+      children: badge
+    })]
+  });
+};
+
+module.exports = Badge;
+//# sourceMappingURL=Badge.js.map

package/build/badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sources":["../../src/badge/Badge.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { ReactNode } from 'react';\n\nimport {\n  Size,\n  Theme,\n  SizeSmall,\n  SizeMedium,\n  SizeLarge,\n  ThemeDark,\n  ThemeLight,\n  CommonProps,\n} from '../common';\n\nexport type BadgeProps = {\n  badge: ReactNode;\n  children: ReactNode;\n  size?: SizeSmall | SizeMedium | SizeLarge;\n  border?: ThemeDark | ThemeLight;\n} & CommonProps;\n\nconst Badge = ({\n  badge,\n  className = undefined,\n  size = Size.SMALL,\n  border = Theme.LIGHT,\n  children,\n}: BadgeProps) => {\n  const classes: string = classNames(\n    'tw-badge',\n    {\n      [`tw-badge-border-${border}`]: border,\n      [`tw-badge-${size}`]: size,\n    },\n    className,\n  );\n\n  return (\n    <div className={classes}>\n      <div className=\"tw-badge__children\">{children}</div>\n      <div className=\"tw-badge__content\">{badge}</div>\n    </div>\n  );\n};\n\nexport default Badge;\n"],"names":["Badge","badge","className","undefined","size","Size","SMALL","border","Theme","LIGHT","children","classes","classNames","_jsxs","_jsx"],"mappings":";;;;;;;;;;;AAqBMA,MAAAA,KAAK,GAAGA,CAAC;EACbC,KAAK;AACLC,EAAAA,SAAS,GAAGC,SAAS;QACrBC,MAAI,GAAGC,SAAI,CAACC,KAAK;EACjBC,MAAM,GAAGC,WAAK,CAACC,KAAK;AACpBC,EAAAA,QAAAA;AACW,CAAA,KAAI;AACf,EAAA,MAAMC,OAAO,GAAWC,2BAAU,CAChC,UAAU,EACV;AACE,IAAA,CAAoB,CAAAL,gBAAAA,EAAAA,MAAQ,CAAA,CAAA,GAAGA,MAAM;IACrC,CAAa,CAAA,SAAA,EAAAH,MAAM,CAAA,CAAA,GAAGA,MAAAA;GACvB,EACDF,SAAS,CACV,CAAA;AAED,EAAA,oBACEW,eAAA,CAAA,KAAA,EAAA;AAAKX,IAAAA,SAAS,EAAES,OAAQ;AAAAD,IAAAA,QAAA,gBACtBI,cAAA,CAAA,KAAA,EAAA;AAAKZ,MAAAA,SAAS,EAAC,oBAAoB;AAAAQ,MAAAA,QAAA,EAAEA,QAAAA;KAAc,CACnD,eAAAI,cAAA,CAAA,KAAA,EAAA;AAAKZ,MAAAA,SAAS,EAAC,mBAAmB;AAAAQ,MAAAA,QAAA,EAAET,KAAAA;AAAK,KAAM,CACjD,CAAA;AAAA,GAAK,CAAC,CAAA;AAEV;;;;"}

package/build/badge/Badge.mjs

@@ -0,0 +1,30 @@
+import classNames from 'classnames';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Size } from '../common/propsValues/size.mjs';
+import { Theme } from '../common/theme.mjs';
+
+const Badge = ({
+  badge,
+  className = undefined,
+  size = Size.SMALL,
+  border = Theme.LIGHT,
+  children
+}) => {
+  const classes = classNames('tw-badge', {
+    [`tw-badge-border-${border}`]: border,
+    [`tw-badge-${size}`]: size
+  }, className);
+  return /*#__PURE__*/jsxs("div", {
+    className: classes,
+    children: [/*#__PURE__*/jsx("div", {
+      className: "tw-badge__children",
+      children: children
+    }), /*#__PURE__*/jsx("div", {
+      className: "tw-badge__content",
+      children: badge
+    })]
+  });
+};
+
+export { Badge as default };
+//# sourceMappingURL=Badge.mjs.map

package/build/badge/Badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.mjs","sources":["../../src/badge/Badge.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { ReactNode } from 'react';\n\nimport {\n  Size,\n  Theme,\n  SizeSmall,\n  SizeMedium,\n  SizeLarge,\n  ThemeDark,\n  ThemeLight,\n  CommonProps,\n} from '../common';\n\nexport type BadgeProps = {\n  badge: ReactNode;\n  children: ReactNode;\n  size?: SizeSmall | SizeMedium | SizeLarge;\n  border?: ThemeDark | ThemeLight;\n} & CommonProps;\n\nconst Badge = ({\n  badge,\n  className = undefined,\n  size = Size.SMALL,\n  border = Theme.LIGHT,\n  children,\n}: BadgeProps) => {\n  const classes: string = classNames(\n    'tw-badge',\n    {\n      [`tw-badge-border-${border}`]: border,\n      [`tw-badge-${size}`]: size,\n    },\n    className,\n  );\n\n  return (\n    <div className={classes}>\n      <div className=\"tw-badge__children\">{children}</div>\n      <div className=\"tw-badge__content\">{badge}</div>\n    </div>\n  );\n};\n\nexport default Badge;\n"],"names":["Badge","badge","className","undefined","size","Size","SMALL","border","Theme","LIGHT","children","classes","classNames","_jsxs","_jsx"],"mappings":";;;;;AAqBMA,MAAAA,KAAK,GAAGA,CAAC;EACbC,KAAK;AACLC,EAAAA,SAAS,GAAGC,SAAS;EACrBC,IAAI,GAAGC,IAAI,CAACC,KAAK;EACjBC,MAAM,GAAGC,KAAK,CAACC,KAAK;AACpBC,EAAAA,QAAAA;AACW,CAAA,KAAI;AACf,EAAA,MAAMC,OAAO,GAAWC,UAAU,CAChC,UAAU,EACV;AACE,IAAA,CAAoB,CAAAL,gBAAAA,EAAAA,MAAQ,CAAA,CAAA,GAAGA,MAAM;IACrC,CAAa,CAAA,SAAA,EAAAH,IAAM,CAAA,CAAA,GAAGA,IAAAA;GACvB,EACDF,SAAS,CACV,CAAA;AAED,EAAA,oBACEW,IAAA,CAAA,KAAA,EAAA;AAAKX,IAAAA,SAAS,EAAES,OAAQ;AAAAD,IAAAA,QAAA,gBACtBI,GAAA,CAAA,KAAA,EAAA;AAAKZ,MAAAA,SAAS,EAAC,oBAAoB;AAAAQ,MAAAA,QAAA,EAAEA,QAAAA;KAAc,CACnD,eAAAI,GAAA,CAAA,KAAA,EAAA;AAAKZ,MAAAA,SAAS,EAAC,mBAAmB;AAAAQ,MAAAA,QAAA,EAAET,KAAAA;AAAK,KAAM,CACjD,CAAA;AAAA,GAAK,CAAC,CAAA;AAEV;;;;"}

package/build/body/Body.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var classNames = require('classnames');
+var React = require('react');
+var typography = require('../common/propsValues/typography.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var classNames__default = /*#__PURE__*/_interopDefault(classNames);
+
+const DEFAULT_TYPE = typography.Typography.BODY_DEFAULT;
+const bodyTypes = new Set([typography.Typography.BODY_DEFAULT, typography.Typography.BODY_DEFAULT_BOLD, typography.Typography.BODY_LARGE, typography.Typography.BODY_LARGE_BOLD]);
+const Body = /*#__PURE__*/React.forwardRef(function Body({
+  as: Element = 'div',
+  type = DEFAULT_TYPE,
+  className,
+  ...props
+}, reference) {
+  const isTypeSupported = bodyTypes.has(type);
+  return /*#__PURE__*/jsxRuntime.jsx(Element, {
+    ...props,
+    // @ts-expect-error TODO: Remove when component could be rewritten with generics
+    // See: https://fettblog.eu/typescript-react-generic-forward-refs/
+    ref: reference,
+    className: classNames__default.default(`np-text-${isTypeSupported ? type : DEFAULT_TYPE}`, className)
+  });
+});
+
+module.exports = Body;
+//# sourceMappingURL=Body.js.map

package/build/body/Body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Body.js","sources":["../../src/body/Body.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { forwardRef, HTMLAttributes } from 'react';\n\nimport { Typography, BodyTypes } from '../common/propsValues/typography';\n\nconst DEFAULT_TYPE = Typography.BODY_DEFAULT;\n\nconst bodyTypes = new Set<BodyTypes>([\n  Typography.BODY_DEFAULT,\n  Typography.BODY_DEFAULT_BOLD,\n  Typography.BODY_LARGE,\n  Typography.BODY_LARGE_BOLD,\n]);\n\ntype Props = HTMLAttributes<HTMLSpanElement | HTMLParagraphElement> & {\n  /**\n   * Default value: {@link DEFAULT_TYPE}\n   */\n  type?: BodyTypes;\n  /**\n   * Default value: `div`\n   */\n  as?: 'span' | 'p' | 'div';\n};\n\nconst Body = forwardRef(function Body(\n  { as: Element = 'div', type = DEFAULT_TYPE, className, ...props }: Props,\n  reference: React.ForwardedRef<\n    | {\n        [key in typeof Element]: React.ElementRef<key>;\n      }[typeof Element]\n    | null\n  >,\n) {\n  const isTypeSupported = bodyTypes.has(type);\n  return (\n    <Element\n      {...props}\n      // @ts-expect-error TODO: Remove when component could be rewritten with generics\n      // See: https://fettblog.eu/typescript-react-generic-forward-refs/\n      ref={reference}\n      className={classNames(`np-text-${isTypeSupported ? type : DEFAULT_TYPE}`, className)}\n    />\n  );\n});\n\nexport default Body;\n"],"names":["DEFAULT_TYPE","Typography","BODY_DEFAULT","bodyTypes","Set","BODY_DEFAULT_BOLD","BODY_LARGE","BODY_LARGE_BOLD","Body","forwardRef","as","Element","type","className","props","reference","isTypeSupported","has","_jsx","ref","classNames"],"mappings":";;;;;;;;;;;AAKA,MAAMA,YAAY,GAAGC,qBAAU,CAACC,YAAY,CAAA;AAE5C,MAAMC,SAAS,GAAG,IAAIC,GAAG,CAAY,CACnCH,qBAAU,CAACC,YAAY,EACvBD,qBAAU,CAACI,iBAAiB,EAC5BJ,qBAAU,CAACK,UAAU,EACrBL,qBAAU,CAACM,eAAe,CAC3B,CAAC,CAAA;AAaF,MAAMC,IAAI,gBAAGC,gBAAU,CAAC,SAASD,IAAIA,CACnC;EAAEE,EAAE,EAAEC,OAAO,GAAG,KAAK;AAAEC,EAAAA,IAAI,GAAGZ,YAAY;EAAEa,SAAS;EAAE,GAAGC,KAAAA;AAAc,CAAA,EACxEC,SAKC,EAAA;AAED,EAAA,MAAMC,eAAe,GAAGb,SAAS,CAACc,GAAG,CAACL,IAAI,CAAC,CAAA;EAC3C,oBACEM,cAAA,CAACP,OAAO,EAAA;AAAA,IAAA,GACFG,KAAK;AACT;AACA;AACAK,IAAAA,GAAG,EAAEJ,SAAU;IACfF,SAAS,EAAEO,2BAAU,CAAC,CAAWJ,QAAAA,EAAAA,eAAe,GAAGJ,IAAI,GAAGZ,YAAY,CAAE,CAAA,EAAEa,SAAS,CAAA;AAAE,GACrF,CAAA,CAAA;AAEN,CAAC;;;;"}

package/build/body/Body.mjs

@@ -0,0 +1,25 @@
+import classNames from 'classnames';
+import { forwardRef } from 'react';
+import { Typography } from '../common/propsValues/typography.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+const DEFAULT_TYPE = Typography.BODY_DEFAULT;
+const bodyTypes = new Set([Typography.BODY_DEFAULT, Typography.BODY_DEFAULT_BOLD, Typography.BODY_LARGE, Typography.BODY_LARGE_BOLD]);
+const Body = /*#__PURE__*/forwardRef(function Body({
+  as: Element = 'div',
+  type = DEFAULT_TYPE,
+  className,
+  ...props
+}, reference) {
+  const isTypeSupported = bodyTypes.has(type);
+  return /*#__PURE__*/jsx(Element, {
+    ...props,
+    // @ts-expect-error TODO: Remove when component could be rewritten with generics
+    // See: https://fettblog.eu/typescript-react-generic-forward-refs/
+    ref: reference,
+    className: classNames(`np-text-${isTypeSupported ? type : DEFAULT_TYPE}`, className)
+  });
+});
+
+export { Body as default };
+//# sourceMappingURL=Body.mjs.map

package/build/body/Body.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Body.mjs","sources":["../../src/body/Body.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { forwardRef, HTMLAttributes } from 'react';\n\nimport { Typography, BodyTypes } from '../common/propsValues/typography';\n\nconst DEFAULT_TYPE = Typography.BODY_DEFAULT;\n\nconst bodyTypes = new Set<BodyTypes>([\n  Typography.BODY_DEFAULT,\n  Typography.BODY_DEFAULT_BOLD,\n  Typography.BODY_LARGE,\n  Typography.BODY_LARGE_BOLD,\n]);\n\ntype Props = HTMLAttributes<HTMLSpanElement | HTMLParagraphElement> & {\n  /**\n   * Default value: {@link DEFAULT_TYPE}\n   */\n  type?: BodyTypes;\n  /**\n   * Default value: `div`\n   */\n  as?: 'span' | 'p' | 'div';\n};\n\nconst Body = forwardRef(function Body(\n  { as: Element = 'div', type = DEFAULT_TYPE, className, ...props }: Props,\n  reference: React.ForwardedRef<\n    | {\n        [key in typeof Element]: React.ElementRef<key>;\n      }[typeof Element]\n    | null\n  >,\n) {\n  const isTypeSupported = bodyTypes.has(type);\n  return (\n    <Element\n      {...props}\n      // @ts-expect-error TODO: Remove when component could be rewritten with generics\n      // See: https://fettblog.eu/typescript-react-generic-forward-refs/\n      ref={reference}\n      className={classNames(`np-text-${isTypeSupported ? type : DEFAULT_TYPE}`, className)}\n    />\n  );\n});\n\nexport default Body;\n"],"names":["DEFAULT_TYPE","Typography","BODY_DEFAULT","bodyTypes","Set","BODY_DEFAULT_BOLD","BODY_LARGE","BODY_LARGE_BOLD","Body","forwardRef","as","Element","type","className","props","reference","isTypeSupported","has","_jsx","ref","classNames"],"mappings":";;;;;AAKA,MAAMA,YAAY,GAAGC,UAAU,CAACC,YAAY,CAAA;AAE5C,MAAMC,SAAS,GAAG,IAAIC,GAAG,CAAY,CACnCH,UAAU,CAACC,YAAY,EACvBD,UAAU,CAACI,iBAAiB,EAC5BJ,UAAU,CAACK,UAAU,EACrBL,UAAU,CAACM,eAAe,CAC3B,CAAC,CAAA;AAaF,MAAMC,IAAI,gBAAGC,UAAU,CAAC,SAASD,IAAIA,CACnC;EAAEE,EAAE,EAAEC,OAAO,GAAG,KAAK;AAAEC,EAAAA,IAAI,GAAGZ,YAAY;EAAEa,SAAS;EAAE,GAAGC,KAAAA;AAAc,CAAA,EACxEC,SAKC,EAAA;AAED,EAAA,MAAMC,eAAe,GAAGb,SAAS,CAACc,GAAG,CAACL,IAAI,CAAC,CAAA;EAC3C,oBACEM,GAAA,CAACP,OAAO,EAAA;AAAA,IAAA,GACFG,KAAK;AACT;AACA;AACAK,IAAAA,GAAG,EAAEJ,SAAU;IACfF,SAAS,EAAEO,UAAU,CAAC,CAAWJ,QAAAA,EAAAA,eAAe,GAAGJ,IAAI,GAAGZ,YAAY,CAAE,CAAA,EAAEa,SAAS,CAAA;AAAE,GACrF,CAAA,CAAA;AAEN,CAAC;;;;"}

package/build/button/Button.js

@@ -0,0 +1,86 @@
+'use strict';
+
+var classNames = require('classnames');
+var React = require('react');
+var reactIntl = require('react-intl');
+var ProcessIndicator = require('../processIndicator/ProcessIndicator.js');
+var Button_messages = require('./Button.messages.js');
+var classMap = require('./classMap.js');
+var jsxRuntime = require('react/jsx-runtime');
+var legacyUtils = require('./legacyUtils/legacyUtils.js');
+var control = require('../common/propsValues/control.js');
+var size = require('../common/propsValues/size.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var classNames__default = /*#__PURE__*/_interopDefault(classNames);
+
+const Button = /*#__PURE__*/React.forwardRef(({
+  as: component,
+  block = false,
+  children,
+  className,
+  disabled,
+  loading = false,
+  priority = control.Priority.PRIMARY,
+  size: size$1 = size.Size.MEDIUM,
+  type = control.ControlType.ACCENT,
+  ...rest
+}, reference) => {
+  const intl = reactIntl.useIntl();
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+  legacyUtils.logDeprecationNotices({
+    size: size$1,
+    type
+  });
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+  const newType = legacyUtils.establishNewType(type);
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+  const newPriority = legacyUtils.establishNewPriority(priority, type);
+  const classes = classNames__default.default(`btn btn-${size$1}`, `np-btn np-btn-${size$1}`, {
+    'btn-loading': loading,
+    'btn-block np-btn-block': block
+  }, {
+    disabled: disabled || loading
+  },
+  // @ts-expect-error fix when refactor `typeClassMap` to TypeScript
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+  classMap.typeClassMap[newType],
+  // @ts-expect-error fix when refactor `typeClassMap` to TypeScript
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+  classMap.priorityClassMap[newPriority], className);
+  function processIndicatorSize() {
+    return ['sm', 'xs'].includes(size$1) ? 'xxs' : 'xs';
+  }
+  const Element = component ?? 'button';
+  let props;
+  if (Element === 'button') {
+    const {
+      htmlType = 'button',
+      ...restProps
+    } = rest;
+    props = {
+      ...restProps,
+      disabled: disabled || loading,
+      type: htmlType
+    };
+  } else {
+    props = {
+      ...rest
+    };
+  }
+  return /*#__PURE__*/jsxRuntime.jsxs(Element, {
+    ref: reference,
+    className: classes,
+    ...props,
+    "aria-live": loading ? 'polite' : 'off',
+    "aria-label": loading ? intl.formatMessage(Button_messages.loadingAriaLabel) : rest['aria-label'],
+    children: [children, loading && /*#__PURE__*/jsxRuntime.jsx(ProcessIndicator, {
+      size: processIndicatorSize(),
+      className: "btn-loader"
+    })]
+  });
+});
+
+module.exports = Button;
+//# sourceMappingURL=Button.js.map

package/build/button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../src/button/Button.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, forwardRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport {\n  Size,\n  ControlType,\n  Priority,\n  ControlTypeAccent,\n  ControlTypeNegative,\n  ControlTypePositive,\n  PriorityPrimary,\n  PrioritySecondary,\n  PriorityTertiary,\n  SizeExtraSmall,\n  SizeSmall,\n  SizeMedium,\n  SizeLarge,\n} from '../common';\nimport ProcessIndicator from '../processIndicator';\n\nimport messages from './Button.messages';\nimport { typeClassMap, priorityClassMap } from './classMap';\nimport { establishNewPriority, establishNewType, logDeprecationNotices } from './legacyUtils';\n\n/** @deprecated */\ntype DeprecatedTypes = 'primary' | 'pay' | 'secondary' | 'danger' | 'link';\n\n/** @deprecated */\ntype DeprecatedSizes = SizeExtraSmall;\n\ntype CommonProps = {\n  block?: boolean;\n  disabled?: boolean;\n  loading?: boolean;\n  type?: ControlTypeAccent | ControlTypeNegative | ControlTypePositive | DeprecatedTypes;\n  priority?: PriorityPrimary | PrioritySecondary | PriorityTertiary;\n  size?: SizeSmall | SizeMedium | SizeLarge | DeprecatedSizes;\n};\n\ntype ButtonProps = CommonProps &\n  Omit<React.ComponentPropsWithRef<'button'>, 'type'> & {\n    as?: 'button';\n    htmlType?: 'submit' | 'reset' | 'button';\n  };\n\ntype AnchorProps = CommonProps &\n  React.ComponentPropsWithRef<'a'> & {\n    as?: 'a';\n  };\n\nexport type Props = ButtonProps | AnchorProps;\n\ntype ButtonReferenceType = HTMLButtonElement | HTMLAnchorElement;\n\nconst Button = forwardRef<ButtonReferenceType, Props>(\n  (\n    {\n      as: component,\n      block = false,\n      children,\n      className,\n      disabled,\n      loading = false,\n      priority = Priority.PRIMARY,\n      size = Size.MEDIUM,\n      type = ControlType.ACCENT,\n      ...rest\n    }: Props,\n    reference,\n  ) => {\n    const intl = useIntl();\n\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n    logDeprecationNotices({ size, type });\n\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n    const newType = establishNewType(type);\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n    const newPriority = establishNewPriority(priority, type);\n\n    const classes = classNames(\n      `btn btn-${size}`,\n      `np-btn np-btn-${size}`,\n      {\n        'btn-loading': loading,\n        'btn-block np-btn-block': block,\n      },\n      {\n        disabled: disabled || loading,\n      },\n      // @ts-expect-error fix when refactor `typeClassMap` to TypeScript\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n      typeClassMap[newType],\n      // @ts-expect-error fix when refactor `typeClassMap` to TypeScript\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n      priorityClassMap[newPriority],\n      className,\n    );\n\n    function processIndicatorSize() {\n      return ['sm', 'xs'].includes(size) ? 'xxs' : 'xs';\n    }\n\n    const Element = (component as ElementType) ?? 'button';\n    let props;\n\n    if (Element === 'button') {\n      const { htmlType = 'button', ...restProps } = rest as ButtonProps;\n      props = {\n        ...restProps,\n        disabled: disabled || loading,\n        type: htmlType,\n      };\n    } else {\n      props = { ...rest } as AnchorProps;\n    }\n\n    return (\n      <Element\n        ref={reference}\n        className={classes}\n        {...props}\n        aria-live={loading ? 'polite' : 'off'}\n        aria-label={loading ? intl.formatMessage(messages.loadingAriaLabel) : rest['aria-label']}\n      >\n        {children}\n        {loading && <ProcessIndicator size={processIndicatorSize()} className=\"btn-loader\" />}\n      </Element>\n    );\n  },\n);\n\nexport default Button;\n"],"names":["Button","forwardRef","as","component","block","children","className","disabled","loading","priority","Priority","PRIMARY","size","Size","MEDIUM","type","ControlType","ACCENT","rest","reference","intl","useIntl","logDeprecationNotices","newType","establishNewType","newPriority","establishNewPriority","classes","classNames","typeClassMap","priorityClassMap","processIndicatorSize","includes","Element","props","htmlType","restProps","_jsxs","ref","formatMessage","messages","loadingAriaLabel","_jsx","ProcessIndicator"],"mappings":";;;;;;;;;;;;;;;;;AAuDA,MAAMA,MAAM,gBAAGC,gBAAU,CACvB,CACE;AACEC,EAAAA,EAAE,EAAEC,SAAS;AACbC,EAAAA,KAAK,GAAG,KAAK;EACbC,QAAQ;EACRC,SAAS;EACTC,QAAQ;AACRC,EAAAA,OAAO,GAAG,KAAK;EACfC,QAAQ,GAAGC,gBAAQ,CAACC,OAAO;QAC3BC,MAAI,GAAGC,SAAI,CAACC,MAAM;EAClBC,IAAI,GAAGC,mBAAW,CAACC,MAAM;EACzB,GAAGC,IAAAA;AACG,CAAA,EACRC,SAAS,KACP;AACF,EAAA,MAAMC,IAAI,GAAGC,iBAAO,EAAE,CAAA;AAEtB;AACAC,EAAAA,iCAAqB,CAAC;UAAEV,MAAI;AAAEG,IAAAA,IAAAA;AAAI,GAAE,CAAC,CAAA;AAErC;AACA,EAAA,MAAMQ,OAAO,GAAGC,4BAAgB,CAACT,IAAI,CAAC,CAAA;AACtC;AACA,EAAA,MAAMU,WAAW,GAAGC,gCAAoB,CAACjB,QAAQ,EAAEM,IAAI,CAAC,CAAA;EAExD,MAAMY,OAAO,GAAGC,2BAAU,CACxB,CAAA,QAAA,EAAWhB,MAAI,CAAA,CAAE,EACjB,CAAA,cAAA,EAAiBA,MAAI,CAAA,CAAE,EACvB;AACE,IAAA,aAAa,EAAEJ,OAAO;AACtB,IAAA,wBAAwB,EAAEJ,KAAAA;GAC3B,EACD;IACEG,QAAQ,EAAEA,QAAQ,IAAIC,OAAAA;GACvB;AACD;AACA;EACAqB,qBAAY,CAACN,OAAO,CAAC;AACrB;AACA;AACAO,EAAAA,yBAAgB,CAACL,WAAW,CAAC,EAC7BnB,SAAS,CACV,CAAA;EAED,SAASyB,oBAAoBA,GAAA;AAC3B,IAAA,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAACC,QAAQ,CAACpB,MAAI,CAAC,GAAG,KAAK,GAAG,IAAI,CAAA;AACnD,GAAA;AAEA,EAAA,MAAMqB,OAAO,GAAI9B,SAAyB,IAAI,QAAQ,CAAA;AACtD,EAAA,IAAI+B,KAAK,CAAA;EAET,IAAID,OAAO,KAAK,QAAQ,EAAE;IACxB,MAAM;AAAEE,MAAAA,QAAQ,GAAG,QAAQ;MAAE,GAAGC,SAAAA;AAAS,KAAE,GAAGlB,IAAmB,CAAA;AACjEgB,IAAAA,KAAK,GAAG;AACN,MAAA,GAAGE,SAAS;MACZ7B,QAAQ,EAAEA,QAAQ,IAAIC,OAAO;AAC7BO,MAAAA,IAAI,EAAEoB,QAAAA;KACP,CAAA;AACH,GAAC,MAAM;AACLD,IAAAA,KAAK,GAAG;MAAE,GAAGhB,IAAAA;KAAqB,CAAA;AACpC,GAAA;EAEA,oBACEmB,eAAA,CAACJ,OAAO,EAAA;AACNK,IAAAA,GAAG,EAAEnB,SAAU;AACfb,IAAAA,SAAS,EAAEqB,OAAQ;AAAA,IAAA,GACfO,KAAK;AACT,IAAA,WAAA,EAAW1B,OAAO,GAAG,QAAQ,GAAG,KAAM;AACtC,IAAA,YAAA,EAAYA,OAAO,GAAGY,IAAI,CAACmB,aAAa,CAACC,eAAQ,CAACC,gBAAgB,CAAC,GAAGvB,IAAI,CAAC,YAAY,CAAE;AAAAb,IAAAA,QAAA,GAExFA,QAAQ,EACRG,OAAO,iBAAIkC,cAAA,CAACC,gBAAgB,EAAA;MAAC/B,IAAI,EAAEmB,oBAAoB,EAAG;AAACzB,MAAAA,SAAS,EAAC,YAAA;AAAY,MAAG,CAAA;AAAA,GAC9E,CAAC,CAAA;AAEd,CAAC;;;;"}

package/build/button/Button.messages.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var reactIntl = require('react-intl');
+
+var messages = reactIntl.defineMessages({
+  loadingAriaLabel: {
+    id: "neptune.Button.loadingAriaLabel"
+  }
+});
+
+module.exports = messages;
+//# sourceMappingURL=Button.messages.js.map

package/build/button/Button.messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.messages.js","sources":["../../src/button/Button.messages.js"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  loadingAriaLabel: {\n    id: 'neptune.Button.loadingAriaLabel',\n    defaultMessage: 'loading',\n    description: 'Description of button while loading',\n  },\n});\n"],"names":["defineMessages","loadingAriaLabel","id"],"mappings":";;;;AAEA,eAAeA,wBAAc,CAAC;AAC5BC,EAAAA,gBAAgB,EAAE;IAChBC,EAAE,EAAA,iCAAA;AAGJ,GAAA;AACF,CAAC,CAAC;;;;"}

package/build/button/Button.messages.mjs

@@ -0,0 +1,10 @@
+import { defineMessages } from 'react-intl';
+
+var messages = defineMessages({
+  loadingAriaLabel: {
+    id: "neptune.Button.loadingAriaLabel"
+  }
+});
+
+export { messages as default };
+//# sourceMappingURL=Button.messages.mjs.map

package/build/button/Button.messages.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.messages.mjs","sources":["../../src/button/Button.messages.js"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  loadingAriaLabel: {\n    id: 'neptune.Button.loadingAriaLabel',\n    defaultMessage: 'loading',\n    description: 'Description of button while loading',\n  },\n});\n"],"names":["defineMessages","loadingAriaLabel","id"],"mappings":";;AAEA,eAAeA,cAAc,CAAC;AAC5BC,EAAAA,gBAAgB,EAAE;IAChBC,EAAE,EAAA,iCAAA;AAGJ,GAAA;AACF,CAAC,CAAC;;;;"}

package/build/button/Button.mjs

@@ -0,0 +1,80 @@
+import classNames from 'classnames';
+import { forwardRef } from 'react';
+import { useIntl } from 'react-intl';
+import ProcessIndicator from '../processIndicator/ProcessIndicator.mjs';
+import messages from './Button.messages.mjs';
+import { typeClassMap, priorityClassMap } from './classMap.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { logDeprecationNotices, establishNewType, establishNewPriority } from './legacyUtils/legacyUtils.mjs';
+import { Priority, ControlType } from '../common/propsValues/control.mjs';
+import { Size } from '../common/propsValues/size.mjs';
+
+const Button = /*#__PURE__*/forwardRef(({
+  as: component,
+  block = false,
+  children,
+  className,
+  disabled,
+  loading = false,
+  priority = Priority.PRIMARY,
+  size = Size.MEDIUM,
+  type = ControlType.ACCENT,
+  ...rest
+}, reference) => {
+  const intl = useIntl();
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+  logDeprecationNotices({
+    size,
+    type
+  });
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+  const newType = establishNewType(type);
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+  const newPriority = establishNewPriority(priority, type);
+  const classes = classNames(`btn btn-${size}`, `np-btn np-btn-${size}`, {
+    'btn-loading': loading,
+    'btn-block np-btn-block': block
+  }, {
+    disabled: disabled || loading
+  },
+  // @ts-expect-error fix when refactor `typeClassMap` to TypeScript
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+  typeClassMap[newType],
+  // @ts-expect-error fix when refactor `typeClassMap` to TypeScript
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+  priorityClassMap[newPriority], className);
+  function processIndicatorSize() {
+    return ['sm', 'xs'].includes(size) ? 'xxs' : 'xs';
+  }
+  const Element = component ?? 'button';
+  let props;
+  if (Element === 'button') {
+    const {
+      htmlType = 'button',
+      ...restProps
+    } = rest;
+    props = {
+      ...restProps,
+      disabled: disabled || loading,
+      type: htmlType
+    };
+  } else {
+    props = {
+      ...rest
+    };
+  }
+  return /*#__PURE__*/jsxs(Element, {
+    ref: reference,
+    className: classes,
+    ...props,
+    "aria-live": loading ? 'polite' : 'off',
+    "aria-label": loading ? intl.formatMessage(messages.loadingAriaLabel) : rest['aria-label'],
+    children: [children, loading && /*#__PURE__*/jsx(ProcessIndicator, {
+      size: processIndicatorSize(),
+      className: "btn-loader"
+    })]
+  });
+});
+
+export { Button as default };
+//# sourceMappingURL=Button.mjs.map

package/build/button/Button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.mjs","sources":["../../src/button/Button.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, forwardRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport {\n  Size,\n  ControlType,\n  Priority,\n  ControlTypeAccent,\n  ControlTypeNegative,\n  ControlTypePositive,\n  PriorityPrimary,\n  PrioritySecondary,\n  PriorityTertiary,\n  SizeExtraSmall,\n  SizeSmall,\n  SizeMedium,\n  SizeLarge,\n} from '../common';\nimport ProcessIndicator from '../processIndicator';\n\nimport messages from './Button.messages';\nimport { typeClassMap, priorityClassMap } from './classMap';\nimport { establishNewPriority, establishNewType, logDeprecationNotices } from './legacyUtils';\n\n/** @deprecated */\ntype DeprecatedTypes = 'primary' | 'pay' | 'secondary' | 'danger' | 'link';\n\n/** @deprecated */\ntype DeprecatedSizes = SizeExtraSmall;\n\ntype CommonProps = {\n  block?: boolean;\n  disabled?: boolean;\n  loading?: boolean;\n  type?: ControlTypeAccent | ControlTypeNegative | ControlTypePositive | DeprecatedTypes;\n  priority?: PriorityPrimary | PrioritySecondary | PriorityTertiary;\n  size?: SizeSmall | SizeMedium | SizeLarge | DeprecatedSizes;\n};\n\ntype ButtonProps = CommonProps &\n  Omit<React.ComponentPropsWithRef<'button'>, 'type'> & {\n    as?: 'button';\n    htmlType?: 'submit' | 'reset' | 'button';\n  };\n\ntype AnchorProps = CommonProps &\n  React.ComponentPropsWithRef<'a'> & {\n    as?: 'a';\n  };\n\nexport type Props = ButtonProps | AnchorProps;\n\ntype ButtonReferenceType = HTMLButtonElement | HTMLAnchorElement;\n\nconst Button = forwardRef<ButtonReferenceType, Props>(\n  (\n    {\n      as: component,\n      block = false,\n      children,\n      className,\n      disabled,\n      loading = false,\n      priority = Priority.PRIMARY,\n      size = Size.MEDIUM,\n      type = ControlType.ACCENT,\n      ...rest\n    }: Props,\n    reference,\n  ) => {\n    const intl = useIntl();\n\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n    logDeprecationNotices({ size, type });\n\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n    const newType = establishNewType(type);\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n    const newPriority = establishNewPriority(priority, type);\n\n    const classes = classNames(\n      `btn btn-${size}`,\n      `np-btn np-btn-${size}`,\n      {\n        'btn-loading': loading,\n        'btn-block np-btn-block': block,\n      },\n      {\n        disabled: disabled || loading,\n      },\n      // @ts-expect-error fix when refactor `typeClassMap` to TypeScript\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n      typeClassMap[newType],\n      // @ts-expect-error fix when refactor `typeClassMap` to TypeScript\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n      priorityClassMap[newPriority],\n      className,\n    );\n\n    function processIndicatorSize() {\n      return ['sm', 'xs'].includes(size) ? 'xxs' : 'xs';\n    }\n\n    const Element = (component as ElementType) ?? 'button';\n    let props;\n\n    if (Element === 'button') {\n      const { htmlType = 'button', ...restProps } = rest as ButtonProps;\n      props = {\n        ...restProps,\n        disabled: disabled || loading,\n        type: htmlType,\n      };\n    } else {\n      props = { ...rest } as AnchorProps;\n    }\n\n    return (\n      <Element\n        ref={reference}\n        className={classes}\n        {...props}\n        aria-live={loading ? 'polite' : 'off'}\n        aria-label={loading ? intl.formatMessage(messages.loadingAriaLabel) : rest['aria-label']}\n      >\n        {children}\n        {loading && <ProcessIndicator size={processIndicatorSize()} className=\"btn-loader\" />}\n      </Element>\n    );\n  },\n);\n\nexport default Button;\n"],"names":["Button","forwardRef","as","component","block","children","className","disabled","loading","priority","Priority","PRIMARY","size","Size","MEDIUM","type","ControlType","ACCENT","rest","reference","intl","useIntl","logDeprecationNotices","newType","establishNewType","newPriority","establishNewPriority","classes","classNames","typeClassMap","priorityClassMap","processIndicatorSize","includes","Element","props","htmlType","restProps","_jsxs","ref","formatMessage","messages","loadingAriaLabel","_jsx","ProcessIndicator"],"mappings":";;;;;;;;;;;AAuDA,MAAMA,MAAM,gBAAGC,UAAU,CACvB,CACE;AACEC,EAAAA,EAAE,EAAEC,SAAS;AACbC,EAAAA,KAAK,GAAG,KAAK;EACbC,QAAQ;EACRC,SAAS;EACTC,QAAQ;AACRC,EAAAA,OAAO,GAAG,KAAK;EACfC,QAAQ,GAAGC,QAAQ,CAACC,OAAO;EAC3BC,IAAI,GAAGC,IAAI,CAACC,MAAM;EAClBC,IAAI,GAAGC,WAAW,CAACC,MAAM;EACzB,GAAGC,IAAAA;AACG,CAAA,EACRC,SAAS,KACP;AACF,EAAA,MAAMC,IAAI,GAAGC,OAAO,EAAE,CAAA;AAEtB;AACAC,EAAAA,qBAAqB,CAAC;IAAEV,IAAI;AAAEG,IAAAA,IAAAA;AAAI,GAAE,CAAC,CAAA;AAErC;AACA,EAAA,MAAMQ,OAAO,GAAGC,gBAAgB,CAACT,IAAI,CAAC,CAAA;AACtC;AACA,EAAA,MAAMU,WAAW,GAAGC,oBAAoB,CAACjB,QAAQ,EAAEM,IAAI,CAAC,CAAA;EAExD,MAAMY,OAAO,GAAGC,UAAU,CACxB,CAAA,QAAA,EAAWhB,IAAI,CAAA,CAAE,EACjB,CAAA,cAAA,EAAiBA,IAAI,CAAA,CAAE,EACvB;AACE,IAAA,aAAa,EAAEJ,OAAO;AACtB,IAAA,wBAAwB,EAAEJ,KAAAA;GAC3B,EACD;IACEG,QAAQ,EAAEA,QAAQ,IAAIC,OAAAA;GACvB;AACD;AACA;EACAqB,YAAY,CAACN,OAAO,CAAC;AACrB;AACA;AACAO,EAAAA,gBAAgB,CAACL,WAAW,CAAC,EAC7BnB,SAAS,CACV,CAAA;EAED,SAASyB,oBAAoBA,GAAA;AAC3B,IAAA,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAACC,QAAQ,CAACpB,IAAI,CAAC,GAAG,KAAK,GAAG,IAAI,CAAA;AACnD,GAAA;AAEA,EAAA,MAAMqB,OAAO,GAAI9B,SAAyB,IAAI,QAAQ,CAAA;AACtD,EAAA,IAAI+B,KAAK,CAAA;EAET,IAAID,OAAO,KAAK,QAAQ,EAAE;IACxB,MAAM;AAAEE,MAAAA,QAAQ,GAAG,QAAQ;MAAE,GAAGC,SAAAA;AAAS,KAAE,GAAGlB,IAAmB,CAAA;AACjEgB,IAAAA,KAAK,GAAG;AACN,MAAA,GAAGE,SAAS;MACZ7B,QAAQ,EAAEA,QAAQ,IAAIC,OAAO;AAC7BO,MAAAA,IAAI,EAAEoB,QAAAA;KACP,CAAA;AACH,GAAC,MAAM;AACLD,IAAAA,KAAK,GAAG;MAAE,GAAGhB,IAAAA;KAAqB,CAAA;AACpC,GAAA;EAEA,oBACEmB,IAAA,CAACJ,OAAO,EAAA;AACNK,IAAAA,GAAG,EAAEnB,SAAU;AACfb,IAAAA,SAAS,EAAEqB,OAAQ;AAAA,IAAA,GACfO,KAAK;AACT,IAAA,WAAA,EAAW1B,OAAO,GAAG,QAAQ,GAAG,KAAM;AACtC,IAAA,YAAA,EAAYA,OAAO,GAAGY,IAAI,CAACmB,aAAa,CAACC,QAAQ,CAACC,gBAAgB,CAAC,GAAGvB,IAAI,CAAC,YAAY,CAAE;AAAAb,IAAAA,QAAA,GAExFA,QAAQ,EACRG,OAAO,iBAAIkC,GAAA,CAACC,gBAAgB,EAAA;MAAC/B,IAAI,EAAEmB,oBAAoB,EAAG;AAACzB,MAAAA,SAAS,EAAC,YAAA;AAAY,MAAG,CAAA;AAAA,GAC9E,CAAC,CAAA;AAEd,CAAC;;;;"}

package/build/button/classMap.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var control = require('../common/propsValues/control.js');
+
+const typeClassMap = {
+  [control.ControlType.ACCENT]: 'btn-accent',
+  [control.ControlType.POSITIVE]: 'btn-positive',
+  [control.ControlType.NEGATIVE]: 'btn-negative'
+};
+const priorityClassMap = {
+  [control.Priority.PRIMARY]: 'btn-priority-1',
+  [control.Priority.SECONDARY]: 'btn-priority-2',
+  [control.Priority.TERTIARY]: 'btn-priority-3'
+};
+
+exports.priorityClassMap = priorityClassMap;
+exports.typeClassMap = typeClassMap;
+//# sourceMappingURL=classMap.js.map

package/build/button/classMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"classMap.js","sources":["../../src/button/classMap.js"],"sourcesContent":["import { ControlType, Priority } from '../common';\n\nexport const typeClassMap = {\n  [ControlType.ACCENT]: 'btn-accent',\n  [ControlType.POSITIVE]: 'btn-positive',\n  [ControlType.NEGATIVE]: 'btn-negative',\n};\n\nexport const priorityClassMap = {\n  [Priority.PRIMARY]: 'btn-priority-1',\n  [Priority.SECONDARY]: 'btn-priority-2',\n  [Priority.TERTIARY]: 'btn-priority-3',\n};\n"],"names":["typeClassMap","ControlType","ACCENT","POSITIVE","NEGATIVE","priorityClassMap","Priority","PRIMARY","SECONDARY","TERTIARY"],"mappings":";;;;AAEO,MAAMA,YAAY,GAAG;AAC1B,EAAA,CAACC,mBAAW,CAACC,MAAM,GAAG,YAAY;AAClC,EAAA,CAACD,mBAAW,CAACE,QAAQ,GAAG,cAAc;EACtC,CAACF,mBAAW,CAACG,QAAQ,GAAG,cAAA;AAC1B,EAAC;AAEM,MAAMC,gBAAgB,GAAG;AAC9B,EAAA,CAACC,gBAAQ,CAACC,OAAO,GAAG,gBAAgB;AACpC,EAAA,CAACD,gBAAQ,CAACE,SAAS,GAAG,gBAAgB;EACtC,CAACF,gBAAQ,CAACG,QAAQ,GAAG,gBAAA;AACvB;;;;;"}

package/build/button/classMap.mjs

@@ -0,0 +1,15 @@
+import { ControlType, Priority } from '../common/propsValues/control.mjs';
+
+const typeClassMap = {
+  [ControlType.ACCENT]: 'btn-accent',
+  [ControlType.POSITIVE]: 'btn-positive',
+  [ControlType.NEGATIVE]: 'btn-negative'
+};
+const priorityClassMap = {
+  [Priority.PRIMARY]: 'btn-priority-1',
+  [Priority.SECONDARY]: 'btn-priority-2',
+  [Priority.TERTIARY]: 'btn-priority-3'
+};
+
+export { priorityClassMap, typeClassMap };
+//# sourceMappingURL=classMap.mjs.map

package/build/button/classMap.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"classMap.mjs","sources":["../../src/button/classMap.js"],"sourcesContent":["import { ControlType, Priority } from '../common';\n\nexport const typeClassMap = {\n  [ControlType.ACCENT]: 'btn-accent',\n  [ControlType.POSITIVE]: 'btn-positive',\n  [ControlType.NEGATIVE]: 'btn-negative',\n};\n\nexport const priorityClassMap = {\n  [Priority.PRIMARY]: 'btn-priority-1',\n  [Priority.SECONDARY]: 'btn-priority-2',\n  [Priority.TERTIARY]: 'btn-priority-3',\n};\n"],"names":["typeClassMap","ControlType","ACCENT","POSITIVE","NEGATIVE","priorityClassMap","Priority","PRIMARY","SECONDARY","TERTIARY"],"mappings":";;AAEO,MAAMA,YAAY,GAAG;AAC1B,EAAA,CAACC,WAAW,CAACC,MAAM,GAAG,YAAY;AAClC,EAAA,CAACD,WAAW,CAACE,QAAQ,GAAG,cAAc;EACtC,CAACF,WAAW,CAACG,QAAQ,GAAG,cAAA;AAC1B,EAAC;AAEM,MAAMC,gBAAgB,GAAG;AAC9B,EAAA,CAACC,QAAQ,CAACC,OAAO,GAAG,gBAAgB;AACpC,EAAA,CAACD,QAAQ,CAACE,SAAS,GAAG,gBAAgB;EACtC,CAACF,QAAQ,CAACG,QAAQ,GAAG,gBAAA;AACvB;;;;"}