@kaizen/components 1.33.0 → 1.35.0

package/dist/esm/Avatar/Avatar.mjs

@@ -2,7 +2,6 @@ import { __rest, __assign } from 'tslib';
 import React, { useState, useRef, useEffect } from 'react';
 import classnames from 'classnames';
 import { Textfit } from 'react-textfit';
-import 'uuid';
 import '../Icon/subcomponents/SVG/SVG.mjs';
 import { UserIcon } from '../Icon/UserIcon.mjs';
 import styles from './Avatar.module.scss.mjs';

package/dist/esm/Avatar/Avatar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.mjs","sources":["../../../src/Avatar/Avatar.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { Textfit } from \"react-textfit\"\nimport { UserIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Avatar.module.scss\"\n\nexport type AvatarSizes = \"small\" | \"medium\" | \"large\" | \"xlarge\" | \"xxlarge\"\n\ntype BaseAvatarProps = {\n  /**\n   * We use this for the alt text of the avatar, and to derive intials when user has no avatar image.\n   */\n  fullName?: string\n  /**\n   * There are 5 fixed avatar sizes. `\"small\"` will remove border and box shadow to save space.\n   */\n  size?: AvatarSizes\n  /**\n   * Src for the avatar img tag - if not passed we will derive initials from the full name.\n   * Note that the fullName prop will be used as the alt text.\n   */\n  avatarSrc?: string\n  /**\n   * Default behaviour when an avatarSrc is not provided is to generate initials from the username.\n   * This disables this feature and shows the generic avatar.\n   * Enable this prop when there is no specific individual or group identified.\n   */\n  disableInitials?: boolean\n  /**\n   * Renders Company Avatar variant - If true `fullName` and `avatarSrc` will be strictly typed.\n   */\n  isCompany?: boolean\n} & OverrideClassName<HTMLAttributes<HTMLSpanElement>>\n\nexport type GenericAvatarProps = BaseAvatarProps & {\n  isCompany?: false\n  /**\n   * Shows a different background colour if the avatar is the current user and does not have a avatar img.\n   * @default \"true\"\n   */\n  isCurrentUser?: boolean\n}\n\nexport type CompanyAvatarProps = BaseAvatarProps & {\n  fullName: string\n  avatarSrc: string\n  disableInitials?: undefined\n  isCompany: true\n  isCurrentUser?: undefined\n}\n\nexport type AvatarProps = GenericAvatarProps | CompanyAvatarProps\n\nconst getInitials = (\n  fullName?: string,\n  max2Characters: boolean = false\n): string =>\n  fullName == null\n    ? \"\"\n    : fullName\n        .split(/\\s/)\n        .reduce((acc, name) => `${acc}${name.slice(0, 1)}`, \"\")\n        .toUpperCase()\n        .substring(0, max2Characters ? 2 : 8)\n\nconst getMaxFontSizePixels: (size: AvatarSizes) => number = size => {\n  if (size === \"small\") return 8\n  if (size === \"medium\") return 16\n  if (size === \"xlarge\" || size === \"xxlarge\") return 34\n  return 22\n}\n\nconst fallbackIcon = (fullName: string): JSX.Element => {\n  if (fullName) {\n    return <UserIcon inheritSize role=\"img\" aria-label={fullName} />\n  }\n\n  return <UserIcon inheritSize role=\"presentation\" />\n}\n\nconst renderInitials = (\n  fullName = \"\",\n  size: AvatarSizes,\n  disableInitials = false\n): JSX.Element => {\n  const initials = getInitials(fullName)\n  const isLongName = initials.length > 2 && size !== \"small\"\n  const renderFallback = disableInitials || initials === \"\"\n\n  return renderFallback ? (\n    <span className={styles.fallbackIcon}>{fallbackIcon(fullName)}</span>\n  ) : (\n    <abbr\n      className={classnames(styles.initials, isLongName && styles.longName)}\n      title={fullName || \"\"}\n    >\n      {isLongName ? (\n        // Only called if 3 or more initials, fits text width for long names\n        <Textfit mode=\"single\" max={getMaxFontSizePixels(size)}>\n          {initials}\n        </Textfit>\n      ) : (\n        getInitials(fullName, size === \"small\")\n      )}\n    </abbr>\n  )\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3064857475/Avatar Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-avatar-avatar--docs Storybook}\n */\nexport const Avatar = ({\n  fullName,\n  size = \"medium\",\n  avatarSrc,\n  disableInitials = false,\n  isCompany = false,\n  isCurrentUser = true,\n  classNameOverride,\n  ...restProps\n}: AvatarProps): JSX.Element => {\n  const [avatarState, setAvatarState] = useState<\n    \"none\" | \"error\" | \"loading\" | \"success\"\n  >(avatarSrc ? \"loading\" : \"none\")\n  const image = useRef<HTMLImageElement>(null)\n  const renderInitialAvatar =\n    !isCompany && (avatarState === \"none\" || avatarState === \"error\")\n\n  useEffect(() => {\n    setAvatarState(avatarSrc ? \"loading\" : \"none\")\n  }, [avatarSrc])\n\n  const onImageFailure = (): void => setAvatarState(\"error\")\n  const onImageSuccess = (): void => setAvatarState(\"success\")\n\n  // if the image is cached onLoad may not trigger: https://stackoverflow.com/a/59809184\n  useEffect(() => {\n    if (image?.current?.complete) onImageSuccess()\n  }, [image])\n\n  const isNoneOrError = avatarState === \"none\" || avatarState === \"error\"\n  const isPersonal = isNoneOrError && isCurrentUser\n  const isOtherUser = isNoneOrError && !isCurrentUser\n\n  return (\n    <span\n      className={classnames(\n        styles.wrapper,\n        styles[size],\n        classNameOverride,\n        isCompany && styles.company,\n        isPersonal && styles.personal,\n        isOtherUser && styles.otherUser,\n        (avatarState === \"loading\" || avatarState === \"error\") && styles.loading\n      )}\n      {...restProps}\n    >\n      {avatarState !== \"none\" && (\n        <img\n          ref={image}\n          className={classnames(\n            styles.avatarImage,\n            isCompany && styles.companyAvatarImage\n          )}\n          src={avatarSrc}\n          onError={onImageFailure}\n          onLoad={onImageSuccess}\n          alt={fullName || \"\"}\n        />\n      )}\n      {renderInitialAvatar && renderInitials(fullName, size, disableInitials)}\n    </span>\n  )\n}\n"],"names":["getInitials","fullName","max2Characters","split","reduce","acc","name","concat","slice","toUpperCase","substring","getMaxFontSizePixels","size","fallbackIcon","React","createElement","UserIcon","inheritSize","role","renderInitials","disableInitials","initials","isLongName","length","renderFallback","className","styles","classnames","longName","title","Textfit","mode","max","Avatar","_a","_b","avatarSrc","_c","_d","isCompany","_e","isCurrentUser","classNameOverride","restProps","__rest","_f","useState","avatarState","setAvatarState","image","useRef","renderInitialAvatar","useEffect","onImageFailure","onImageSuccess","current","complete","isNoneOrError","isPersonal","isOtherUser","wrapper","company","personal","otherUser","loading","ref","avatarImage","companyAvatarImage","src","onError","onLoad","alt"],"mappings":"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"}
+{"version":3,"file":"Avatar.mjs","sources":["../../../src/Avatar/Avatar.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { Textfit } from \"react-textfit\"\nimport { UserIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Avatar.module.scss\"\n\nexport type AvatarSizes = \"small\" | \"medium\" | \"large\" | \"xlarge\" | \"xxlarge\"\n\ntype BaseAvatarProps = {\n  /**\n   * We use this for the alt text of the avatar, and to derive intials when user has no avatar image.\n   */\n  fullName?: string\n  /**\n   * There are 5 fixed avatar sizes. `\"small\"` will remove border and box shadow to save space.\n   */\n  size?: AvatarSizes\n  /**\n   * Src for the avatar img tag - if not passed we will derive initials from the full name.\n   * Note that the fullName prop will be used as the alt text.\n   */\n  avatarSrc?: string\n  /**\n   * Default behaviour when an avatarSrc is not provided is to generate initials from the username.\n   * This disables this feature and shows the generic avatar.\n   * Enable this prop when there is no specific individual or group identified.\n   */\n  disableInitials?: boolean\n  /**\n   * Renders Company Avatar variant - If true `fullName` and `avatarSrc` will be strictly typed.\n   */\n  isCompany?: boolean\n} & OverrideClassName<HTMLAttributes<HTMLSpanElement>>\n\nexport type GenericAvatarProps = BaseAvatarProps & {\n  isCompany?: false\n  /**\n   * Shows a different background colour if the avatar is the current user and does not have a avatar img.\n   * @default \"true\"\n   */\n  isCurrentUser?: boolean\n}\n\nexport type CompanyAvatarProps = BaseAvatarProps & {\n  fullName: string\n  avatarSrc: string\n  disableInitials?: undefined\n  isCompany: true\n  isCurrentUser?: undefined\n}\n\nexport type AvatarProps = GenericAvatarProps | CompanyAvatarProps\n\nconst getInitials = (\n  fullName?: string,\n  max2Characters: boolean = false\n): string =>\n  fullName == null\n    ? \"\"\n    : fullName\n        .split(/\\s/)\n        .reduce((acc, name) => `${acc}${name.slice(0, 1)}`, \"\")\n        .toUpperCase()\n        .substring(0, max2Characters ? 2 : 8)\n\nconst getMaxFontSizePixels: (size: AvatarSizes) => number = size => {\n  if (size === \"small\") return 8\n  if (size === \"medium\") return 16\n  if (size === \"xlarge\" || size === \"xxlarge\") return 34\n  return 22\n}\n\nconst fallbackIcon = (fullName: string): JSX.Element => {\n  if (fullName) {\n    return <UserIcon inheritSize role=\"img\" aria-label={fullName} />\n  }\n\n  return <UserIcon inheritSize role=\"presentation\" />\n}\n\nconst renderInitials = (\n  fullName = \"\",\n  size: AvatarSizes,\n  disableInitials = false\n): JSX.Element => {\n  const initials = getInitials(fullName)\n  const isLongName = initials.length > 2 && size !== \"small\"\n  const renderFallback = disableInitials || initials === \"\"\n\n  return renderFallback ? (\n    <span className={styles.fallbackIcon}>{fallbackIcon(fullName)}</span>\n  ) : (\n    <abbr\n      className={classnames(styles.initials, isLongName && styles.longName)}\n      title={fullName || \"\"}\n    >\n      {isLongName ? (\n        // Only called if 3 or more initials, fits text width for long names\n        <Textfit mode=\"single\" max={getMaxFontSizePixels(size)}>\n          {initials}\n        </Textfit>\n      ) : (\n        getInitials(fullName, size === \"small\")\n      )}\n    </abbr>\n  )\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3064857475/Avatar Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-avatar-avatar--docs Storybook}\n */\nexport const Avatar = ({\n  fullName,\n  size = \"medium\",\n  avatarSrc,\n  disableInitials = false,\n  isCompany = false,\n  isCurrentUser = true,\n  classNameOverride,\n  ...restProps\n}: AvatarProps): JSX.Element => {\n  const [avatarState, setAvatarState] = useState<\n    \"none\" | \"error\" | \"loading\" | \"success\"\n  >(avatarSrc ? \"loading\" : \"none\")\n  const image = useRef<HTMLImageElement>(null)\n  const renderInitialAvatar =\n    !isCompany && (avatarState === \"none\" || avatarState === \"error\")\n\n  useEffect(() => {\n    setAvatarState(avatarSrc ? \"loading\" : \"none\")\n  }, [avatarSrc])\n\n  const onImageFailure = (): void => setAvatarState(\"error\")\n  const onImageSuccess = (): void => setAvatarState(\"success\")\n\n  // if the image is cached onLoad may not trigger: https://stackoverflow.com/a/59809184\n  useEffect(() => {\n    if (image?.current?.complete) onImageSuccess()\n  }, [image])\n\n  const isNoneOrError = avatarState === \"none\" || avatarState === \"error\"\n  const isPersonal = isNoneOrError && isCurrentUser\n  const isOtherUser = isNoneOrError && !isCurrentUser\n\n  return (\n    <span\n      className={classnames(\n        styles.wrapper,\n        styles[size],\n        classNameOverride,\n        isCompany && styles.company,\n        isPersonal && styles.personal,\n        isOtherUser && styles.otherUser,\n        (avatarState === \"loading\" || avatarState === \"error\") && styles.loading\n      )}\n      {...restProps}\n    >\n      {avatarState !== \"none\" && (\n        <img\n          ref={image}\n          className={classnames(\n            styles.avatarImage,\n            isCompany && styles.companyAvatarImage\n          )}\n          src={avatarSrc}\n          onError={onImageFailure}\n          onLoad={onImageSuccess}\n          alt={fullName || \"\"}\n        />\n      )}\n      {renderInitialAvatar && renderInitials(fullName, size, disableInitials)}\n    </span>\n  )\n}\n"],"names":["getInitials","fullName","max2Characters","split","reduce","acc","name","concat","slice","toUpperCase","substring","getMaxFontSizePixels","size","fallbackIcon","React","createElement","UserIcon","inheritSize","role","renderInitials","disableInitials","initials","isLongName","length","renderFallback","className","styles","classnames","longName","title","Textfit","mode","max","Avatar","_a","_b","avatarSrc","_c","_d","isCompany","_e","isCurrentUser","classNameOverride","restProps","__rest","_f","useState","avatarState","setAvatarState","image","useRef","renderInitialAvatar","useEffect","onImageFailure","onImageSuccess","current","complete","isNoneOrError","isPersonal","isOtherUser","wrapper","company","personal","otherUser","loading","ref","avatarImage","companyAvatarImage","src","onError","onLoad","alt"],"mappings":"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"}

package/dist/esm/BrandMoment/BrandMoment.mjs

@@ -2,9 +2,10 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
 import { assetUrl } from '@kaizen/hosted-assets';
-import { Heading, Paragraph } from '@kaizen/typography';
 import { Button } from '../Button/Button/Button.mjs';
 import '../Button/IconButton/IconButton.mjs';
+import { Heading } from '../Heading/Heading.mjs';
+import { Text } from '../Text/Text.mjs';
 import { useMediaQueries } from '../utils/useMediaQueries.mjs';
 import styles from './BrandMoment.module.scss.mjs';
 
@@ -50,7 +51,7 @@ const BrandMoment = /*#__PURE__*/function () {
       variant: "display-0",
       tag: text.subtitle ? "h2" : "h1",
       classNameOverride: styles.title
-    }, text.title), text.body && /*#__PURE__*/React.createElement(Paragraph, {
+    }, text.title), text.body && /*#__PURE__*/React.createElement(Text, {
       variant: "intro-lede",
       classNameOverride: styles.textBody
     }, text.body), body && /*#__PURE__*/React.createElement("div", {
@@ -73,7 +74,7 @@ const BrandMoment = /*#__PURE__*/function () {
       className: styles.footerInner
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.poweredByContainer
-    }, /*#__PURE__*/React.createElement(Paragraph, {
+    }, /*#__PURE__*/React.createElement(Text, {
       variant: "extra-small",
       color: "dark-reduced-opacity"
     }, "Powered by"), /*#__PURE__*/React.createElement("a", {
@@ -84,7 +85,7 @@ const BrandMoment = /*#__PURE__*/function () {
       alt: "Culture Amp"
     }))), /*#__PURE__*/React.createElement("div", {
       className: styles.footerTextContainer
-    }, /*#__PURE__*/React.createElement(Paragraph, {
+    }, /*#__PURE__*/React.createElement(Text, {
       variant: "extra-small"
     }, text.footer))))));
   };

package/dist/esm/BrandMoment/BrandMoment.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BrandMoment.mjs","sources":["../../../src/BrandMoment/BrandMoment.tsx"],"sourcesContent":["import React, { ReactNode, ReactElement, HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { SceneProps } from \"@kaizen/draft-illustration\"\nimport { assetUrl } from \"@kaizen/hosted-assets\"\nimport { Heading, Paragraph } from \"@kaizen/typography\"\nimport { Button, ButtonProps } from \"~components/Button\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { useMediaQueries } from \"~utils/useMediaQueries\"\nimport styles from \"./BrandMoment.module.scss\"\n\nexport type BrandMomentProps = {\n  mood: \"informative\" | \"positive\" | \"negative\"\n  illustration: ReactElement<SceneProps>\n  header: ReactNode\n  body?: ReactNode\n  primaryAction?: ButtonProps\n  secondaryAction?: ButtonProps\n  text: {\n    title: ReactNode\n    subtitle?: ReactNode\n    body?: ReactNode\n    footer?: ReactNode\n  }\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061589/Brand+Moment Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-brand-moment--docs Storybook}\n */\nexport const BrandMoment = ({\n  mood,\n  illustration,\n  header,\n  body,\n  primaryAction,\n  secondaryAction,\n  text,\n  classNameOverride,\n  ...restProps\n}: BrandMomentProps): JSX.Element => {\n  const { queries } = useMediaQueries()\n\n  return (\n    <div\n      className={classnames(styles.body, styles[mood], classNameOverride)}\n      {...restProps}\n    >\n      <header className={styles.header}>{header}</header>\n      <main className={styles.main}>\n        <div className={styles.container}>\n          <div className={styles.mainInner}>\n            <div className={styles.left}>\n              <div className={styles.leftInner}>{illustration}</div>\n            </div>\n            <div className={styles.right}>\n              <div className={styles.rightInner}>\n                {text.subtitle && (\n                  <Heading\n                    variant=\"heading-3\"\n                    tag=\"h1\"\n                    classNameOverride={styles.subtitle}\n                  >\n                    {text.subtitle}\n                  </Heading>\n                )}\n                <Heading\n                  variant=\"display-0\"\n                  tag={text.subtitle ? \"h2\" : \"h1\"}\n                  classNameOverride={styles.title}\n                >\n                  {text.title}\n                </Heading>\n                {text.body && (\n                  <Paragraph\n                    variant=\"intro-lede\"\n                    classNameOverride={styles.textBody}\n                  >\n                    {text.body}\n                  </Paragraph>\n                )}\n                {body && <div className={styles.textBody}>{body}</div>}\n                <div className={styles.actions}>\n                  {primaryAction && (\n                    <Button\n                      primary\n                      fullWidth={queries.isSmall}\n                      {...primaryAction}\n                    />\n                  )}\n                  {secondaryAction && (\n                    <div className={styles.secondaryAction}>\n                      <Button\n                        secondary\n                        fullWidth={queries.isSmall}\n                        {...secondaryAction}\n                      />\n                    </div>\n                  )}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </main>\n      {text.footer && (\n        <footer className={styles.footer}>\n          <div className={styles.container}>\n            <div className={styles.footerInner}>\n              <div className={styles.poweredByContainer}>\n                <Paragraph variant=\"extra-small\" color=\"dark-reduced-opacity\">\n                  Powered by\n                </Paragraph>\n                <a\n                  href=\"https://www.cultureamp.com\"\n                  className={styles.poweredByLogo}\n                >\n                  <img\n                    src={assetUrl(\"brand/logo-horizontal-default.svg\")}\n                    alt=\"Culture Amp\"\n                  />\n                </a>\n              </div>\n              <div className={styles.footerTextContainer}>\n                <Paragraph variant=\"extra-small\">{text.footer}</Paragraph>\n              </div>\n            </div>\n          </div>\n        </footer>\n      )}\n    </div>\n  )\n}\n\nBrandMoment.displayName = \"BrandMoment\"\n"],"names":["BrandMoment","_a","mood","illustration","header","body","primaryAction","secondaryAction","text","classNameOverride","restProps","__rest","queries","useMediaQueries","React","createElement","__assign","className","classnames","styles","main","container","mainInner","left","leftInner","right","rightInner","subtitle","Heading","variant","tag","title","Paragraph","textBody","actions","Button","primary","fullWidth","isSmall","secondary","footer","footerInner","poweredByContainer","color","href","poweredByLogo","src","assetUrl","alt","footerTextContainer","displayName"],"mappings":"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"}
+{"version":3,"file":"BrandMoment.mjs","sources":["../../../src/BrandMoment/BrandMoment.tsx"],"sourcesContent":["import React, { ReactNode, ReactElement, HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { assetUrl } from \"@kaizen/hosted-assets\"\nimport { Button, ButtonProps } from \"~components/Button\"\nimport { Heading } from \"~components/Heading\"\nimport { SceneProps } from \"~components/Illustration\"\nimport { Text } from \"~components/Text\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { useMediaQueries } from \"~utils/useMediaQueries\"\nimport styles from \"./BrandMoment.module.scss\"\n\nexport type BrandMomentProps = {\n  mood: \"informative\" | \"positive\" | \"negative\"\n  illustration: ReactElement<SceneProps>\n  header: ReactNode\n  body?: ReactNode\n  primaryAction?: ButtonProps\n  secondaryAction?: ButtonProps\n  text: {\n    title: ReactNode\n    subtitle?: ReactNode\n    body?: ReactNode\n    footer?: ReactNode\n  }\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061589/Brand+Moment Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-brand-moment--docs Storybook}\n */\nexport const BrandMoment = ({\n  mood,\n  illustration,\n  header,\n  body,\n  primaryAction,\n  secondaryAction,\n  text,\n  classNameOverride,\n  ...restProps\n}: BrandMomentProps): JSX.Element => {\n  const { queries } = useMediaQueries()\n\n  return (\n    <div\n      className={classnames(styles.body, styles[mood], classNameOverride)}\n      {...restProps}\n    >\n      <header className={styles.header}>{header}</header>\n      <main className={styles.main}>\n        <div className={styles.container}>\n          <div className={styles.mainInner}>\n            <div className={styles.left}>\n              <div className={styles.leftInner}>{illustration}</div>\n            </div>\n            <div className={styles.right}>\n              <div className={styles.rightInner}>\n                {text.subtitle && (\n                  <Heading\n                    variant=\"heading-3\"\n                    tag=\"h1\"\n                    classNameOverride={styles.subtitle}\n                  >\n                    {text.subtitle}\n                  </Heading>\n                )}\n                <Heading\n                  variant=\"display-0\"\n                  tag={text.subtitle ? \"h2\" : \"h1\"}\n                  classNameOverride={styles.title}\n                >\n                  {text.title}\n                </Heading>\n                {text.body && (\n                  <Text\n                    variant=\"intro-lede\"\n                    classNameOverride={styles.textBody}\n                  >\n                    {text.body}\n                  </Text>\n                )}\n                {body && <div className={styles.textBody}>{body}</div>}\n                <div className={styles.actions}>\n                  {primaryAction && (\n                    <Button\n                      primary\n                      fullWidth={queries.isSmall}\n                      {...primaryAction}\n                    />\n                  )}\n                  {secondaryAction && (\n                    <div className={styles.secondaryAction}>\n                      <Button\n                        secondary\n                        fullWidth={queries.isSmall}\n                        {...secondaryAction}\n                      />\n                    </div>\n                  )}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </main>\n      {text.footer && (\n        <footer className={styles.footer}>\n          <div className={styles.container}>\n            <div className={styles.footerInner}>\n              <div className={styles.poweredByContainer}>\n                <Text variant=\"extra-small\" color=\"dark-reduced-opacity\">\n                  Powered by\n                </Text>\n                <a\n                  href=\"https://www.cultureamp.com\"\n                  className={styles.poweredByLogo}\n                >\n                  <img\n                    src={assetUrl(\"brand/logo-horizontal-default.svg\")}\n                    alt=\"Culture Amp\"\n                  />\n                </a>\n              </div>\n              <div className={styles.footerTextContainer}>\n                <Text variant=\"extra-small\">{text.footer}</Text>\n              </div>\n            </div>\n          </div>\n        </footer>\n      )}\n    </div>\n  )\n}\n\nBrandMoment.displayName = \"BrandMoment\"\n"],"names":["BrandMoment","_a","mood","illustration","header","body","primaryAction","secondaryAction","text","classNameOverride","restProps","__rest","queries","useMediaQueries","React","createElement","__assign","className","classnames","styles","main","container","mainInner","left","leftInner","right","rightInner","subtitle","Heading","variant","tag","title","Text","textBody","actions","Button","primary","fullWidth","isSmall","secondary","footer","footerInner","poweredByContainer","color","href","poweredByLogo","src","assetUrl","alt","footerTextContainer","displayName"],"mappings":"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"}

package/dist/esm/Button/GenericButton/GenericButton.mjs

@@ -1,8 +1,12 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import classnames from 'classnames';
-import { BadgeAnimated, Badge } from '@kaizen/draft-badge';
-import { LoadingSpinner } from '@kaizen/loading-spinner';
+import { BadgeAnimated, Badge } from '../../Badge/Badge.mjs';
+import '../../Loading/LoadingGraphic/LoadingGraphic.mjs';
+import '../../Loading/LoadingHeading/LoadingHeading.mjs';
+import '../../Loading/LoadingInput/LoadingInput.mjs';
+import '../../Loading/LoadingParagraph/LoadingParagraph.mjs';
+import { LoadingSpinner } from '../../Loading/LoadingSpinner/LoadingSpinner.mjs';
 import styles from './GenericButton.module.scss.mjs';
 
 // We're treating custom props as anything that is kebab cased.

package/dist/esm/Button/GenericButton/GenericButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"GenericButton.mjs","sources":["../../../../src/Button/GenericButton/GenericButton.tsx"],"sourcesContent":["import React, {\n  ComponentType,\n  forwardRef,\n  Ref,\n  useImperativeHandle,\n  useRef,\n  MouseEvent,\n  FocusEvent,\n} from \"react\"\nimport classnames from \"classnames\"\nimport { Badge, BadgeAnimated } from \"@kaizen/draft-badge\"\nimport { LoadingSpinner } from \"@kaizen/loading-spinner\"\nimport styles from \"./GenericButton.module.scss\"\n\nexport type CustomButtonProps = {\n  id?: string\n  className: string\n  href?: string\n  disabled?: boolean\n  onClick?: (e: MouseEvent<any>) => void\n  onFocus?: (e: FocusEvent<HTMLElement>) => void\n  onBlur?: (e: FocusEvent<HTMLElement>) => void\n  children?: React.ReactNode\n  \"data-testid\"?: string\n}\n\nexport type ButtonFormAttributes = Pick<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  | \"form\"\n  | \"formAction\"\n  | \"formMethod\"\n  | \"formEncType\"\n  | \"formTarget\"\n  | \"formNoValidate\"\n>\n\nexport type GenericProps = {\n  id?: string\n  reversed?: boolean\n  onClick?: (e: MouseEvent) => void\n  onMouseDown?: (e: MouseEvent) => void\n  href?: string\n  newTabAndIUnderstandTheAccessibilityImplications?: boolean\n  disableTabFocusAndIUnderstandTheAccessibilityImplications?: boolean\n  onFocus?: (e: FocusEvent<HTMLElement>) => void\n  onBlur?: (e: FocusEvent<HTMLElement>) => void\n  component?: ComponentType<CustomButtonProps>\n  classNameOverride?: string\n}\n\nexport type WorkingProps = {\n  working: true\n  workingLabel: string\n  workingLabelHidden?: boolean\n}\n\nexport type WorkingUndefinedProps = {\n  working?: false\n}\n\nexport type ButtonBadgeProps = {\n  text: string\n  animateChange?: boolean\n  variant?: \"default\" | \"dark\" | \"active\"\n  reversed?: boolean\n}\n\nexport type RenderProps = GenericButtonProps & {\n  additionalContent?: React.ReactNode\n  iconButton?: boolean\n  directionalLink?: boolean\n  paginationLink?: boolean\n  isActive?: boolean\n}\n\nexport type ButtonRef = { focus: () => void }\n\nexport type GenericButtonProps = GenericProps &\n  ButtonFormAttributes &\n  (WorkingProps | WorkingUndefinedProps) & {\n    label: string\n    primary?: boolean\n    destructive?: boolean\n    secondary?: boolean\n    /** @default \"regular\" */\n    size?: \"small\" | \"regular\"\n    badge?: ButtonBadgeProps\n    type?: \"submit\" | \"reset\" | \"button\"\n    fullWidth?: boolean\n    iconPosition?: \"start\" | \"end\"\n    icon?: JSX.Element\n    disabled?: boolean\n  }\n\n// We're treating custom props as anything that is kebab cased.\n// This is so we can support properties like aria-* or data-*\nconst getCustomProps = (props: Record<string, any>): Record<string, string> => {\n  const keys = Object.keys(props).filter(k => k.indexOf(\"-\") !== -1)\n  return keys.reduce<Record<string, any>>((acc, val) => {\n    acc[val] = props[val]\n    return acc\n  }, {})\n}\n\nexport const GenericButton = forwardRef(\n  (props: RenderProps, ref: Ref<ButtonRef | undefined>) => {\n    const buttonRef = useRef<HTMLButtonElement | HTMLAnchorElement>()\n    useImperativeHandle(ref, () => ({\n      focus: (): void => {\n        buttonRef.current?.focus()\n      },\n    }))\n\n    const determineButtonRenderer = (): JSX.Element => {\n      if (props.component) {\n        return renderCustomComponent(props.component, props)\n      }\n\n      if (props.href && !props.disabled && !props.working) {\n        return renderLink(props, buttonRef as Ref<HTMLAnchorElement>)\n      }\n\n      return renderButton(props, buttonRef as Ref<HTMLButtonElement>)\n    }\n\n    return (\n      <span\n        className={classnames(\n          styles.container,\n          props.fullWidth && styles.fullWidth\n        )}\n        aria-live=\"polite\"\n      >\n        {determineButtonRenderer()}\n      </span>\n    )\n  }\n)\n\nGenericButton.defaultProps = {\n  iconPosition: \"start\",\n  iconButton: false,\n  primary: false,\n  secondary: false,\n  newTabAndIUnderstandTheAccessibilityImplications: false,\n  disableTabFocusAndIUnderstandTheAccessibilityImplications: false,\n  type: \"button\",\n}\n\nGenericButton.displayName = \"GenericButton\"\n\nconst renderCustomComponent = (\n  CustomComponent: ComponentType<CustomButtonProps>,\n  props: RenderProps\n): JSX.Element => {\n  const { id, disabled, href, onClick, onFocus, onBlur, ...rest } = props\n  const customProps = getCustomProps(rest)\n  return (\n    <CustomComponent\n      id={id}\n      className={buttonClass(props)}\n      disabled={disabled}\n      href={href}\n      onClick={onClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      aria-label={generateAriaLabel(props)}\n      {...customProps}\n    >\n      {renderContent(props)}\n    </CustomComponent>\n  )\n}\n\nconst renderButton = (\n  props: RenderProps,\n  ref: Ref<HTMLButtonElement>\n): JSX.Element => {\n  const {\n    id,\n    disabled,\n    onClick,\n    onMouseDown,\n    type,\n    disableTabFocusAndIUnderstandTheAccessibilityImplications,\n    onFocus,\n    onBlur,\n    form,\n    formAction,\n    formMethod,\n    formEncType,\n    formTarget,\n    formNoValidate,\n    ...rest\n  } = props\n  const customProps = getCustomProps(rest)\n\n  return (\n    <button\n      // eslint-disable-next-line react/button-has-type\n      type={type}\n      id={id}\n      disabled={disabled}\n      className={buttonClass(props)}\n      onClick={onClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      onMouseDown={(e): void => onMouseDown && onMouseDown(e)}\n      aria-label={generateAriaLabel(props)}\n      aria-disabled={disabled || props.working ? true : undefined}\n      form={form}\n      formAction={formAction}\n      formMethod={formMethod}\n      formEncType={formEncType}\n      formTarget={formTarget}\n      formNoValidate={formNoValidate}\n      tabIndex={\n        disableTabFocusAndIUnderstandTheAccessibilityImplications\n          ? -1\n          : undefined\n      }\n      ref={ref}\n      {...customProps}\n    >\n      {renderContent(props)}\n    </button>\n  )\n}\n\nconst renderLink = (\n  props: RenderProps,\n  ref: Ref<HTMLAnchorElement>\n): JSX.Element => {\n  const {\n    id,\n    href,\n    onClick,\n    newTabAndIUnderstandTheAccessibilityImplications,\n    onFocus,\n    onBlur,\n    ...rest\n  } = props\n  const customProps = getCustomProps(rest)\n\n  const target = newTabAndIUnderstandTheAccessibilityImplications\n    ? \"_blank\"\n    : \"_self\"\n\n  return (\n    <a\n      id={id}\n      href={href}\n      target={target}\n      rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n      className={buttonClass(props)}\n      onClick={onClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      ref={ref}\n      aria-label={generateAriaLabel(props)}\n      {...customProps}\n    >\n      {renderContent(props)}\n    </a>\n  )\n}\n\nconst buttonClass = (props: RenderProps): string => {\n  const isDefault = !props.primary && !props.destructive && !props.secondary\n  return classnames(\n    styles.button,\n    isDefault && styles.default,\n    props.primary && styles.primary,\n    props.destructive && styles.destructive,\n    props.secondary && styles.secondary,\n    props.size && styles[props.size],\n    props.reversed && styles.reversed,\n    props.iconButton && styles.iconButton,\n    props.working && styles.working,\n    (props.directionalLink || props.paginationLink) && styles.circleButton,\n    props.directionalLink && styles.directionalLink,\n    props.paginationLink && styles.paginationLink,\n    props.isActive && styles.isPaginationLinkActive,\n    props.classNameOverride\n  )\n}\n\nconst renderLoadingSpinner = (): JSX.Element => (\n  <div className={styles.loadingSpinner}>\n    <LoadingSpinner accessibilityLabel=\"\" size=\"sm\" />\n  </div>\n)\n\nconst renderWorkingContent = (\n  props: Extract<RenderProps, { working: true }>\n): JSX.Element => {\n  if (props.workingLabelHidden) {\n    return (\n      <>\n        {/* This is to ensure the button stays at the correct width */}\n        <span className={styles.hidden} aria-hidden=\"true\">\n          {renderDefaultContent(props)}\n        </span>\n        <span className={styles.centeredLoadingSpinner}>\n          {renderLoadingSpinner()}\n        </span>\n      </>\n    )\n  }\n\n  return (\n    <>\n      {props.iconPosition !== \"end\" && renderLoadingSpinner()}\n      <span className={styles.label}>{props.workingLabel}</span>\n      {props.additionalContent && (\n        <span className={styles.additionalContentWrapper}>\n          {props.additionalContent}\n        </span>\n      )}\n      {props.iconPosition === \"end\" && renderLoadingSpinner()}\n    </>\n  )\n}\n\nconst renderDefaultContent = (props: RenderProps): JSX.Element => (\n  <>\n    {props.icon && props.iconPosition !== \"end\" && renderIcon(props.icon)}\n    {(!props.icon || !props.iconButton) && (\n      <span className={styles.label}>{props.label}</span>\n    )}\n    {props.additionalContent && (\n      <span className={styles.additionalContentWrapper}>\n        {props.additionalContent}\n      </span>\n    )}\n    {renderBadge(props)}\n    {props.icon && props.iconPosition === \"end\" && renderIcon(props.icon)}\n  </>\n)\n\nconst renderBadge = (props: RenderProps): JSX.Element | null => {\n  if (!props.badge) return null\n\n  const { text, animateChange, reversed, variant } = props.badge\n\n  if (animateChange) {\n    return (\n      <BadgeAnimated variant={variant} reversed={reversed}>\n        {text}\n      </BadgeAnimated>\n    )\n  }\n  return (\n    <Badge variant={variant} reversed={reversed}>\n      {text}\n    </Badge>\n  )\n}\n\nconst renderContent = (props: RenderProps): JSX.Element => (\n  <span className={styles.content}>\n    {props.working ? renderWorkingContent(props) : renderDefaultContent(props)}\n  </span>\n)\n\nconst renderIcon = (icon: JSX.Element): JSX.Element => (\n  <span className={styles.iconWrapper}>{icon}</span>\n)\n\n// We only want an aria-label in the case that the button has just an icon and no text\n// This can happen when the button is working and workingLabelHidden is true,\n// or when this is an IconButton\nconst generateAriaLabel = (props: RenderProps): string | undefined => {\n  if (props.working && props.workingLabelHidden) {\n    return props.workingLabel\n  }\n\n  if (props.iconButton) {\n    return props.label\n  }\n\n  return undefined\n}\n"],"names":["getCustomProps","props","keys","Object","filter","k","indexOf","reduce","acc","val","GenericButton","forwardRef","ref","buttonRef","useRef","useImperativeHandle","focus","_a","current","determineButtonRenderer","component","renderCustomComponent","href","disabled","working","renderLink","renderButton","React","createElement","className","classnames","styles","container","fullWidth","defaultProps","iconPosition","iconButton","primary","secondary","newTabAndIUnderstandTheAccessibilityImplications","disableTabFocusAndIUnderstandTheAccessibilityImplications","type","displayName","CustomComponent","id","onClick","onFocus","onBlur","rest","__rest","customProps","__assign","buttonClass","generateAriaLabel","renderContent","onMouseDown","form","formAction","formMethod","formEncType","formTarget","formNoValidate","e","undefined","tabIndex","target","rel","isDefault","destructive","button","size","reversed","directionalLink","paginationLink","circleButton","isActive","isPaginationLinkActive","classNameOverride","renderLoadingSpinner","loadingSpinner","LoadingSpinner","accessibilityLabel","renderWorkingContent","workingLabelHidden","Fragment","hidden","renderDefaultContent","centeredLoadingSpinner","label","workingLabel","additionalContent","additionalContentWrapper","icon","renderIcon","renderBadge","badge","text","animateChange","variant","BadgeAnimated","Badge","content","iconWrapper"],"mappings":"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"}
+{"version":3,"file":"GenericButton.mjs","sources":["../../../../src/Button/GenericButton/GenericButton.tsx"],"sourcesContent":["import React, {\n  ComponentType,\n  forwardRef,\n  Ref,\n  useImperativeHandle,\n  useRef,\n  MouseEvent,\n  FocusEvent,\n} from \"react\"\nimport classnames from \"classnames\"\nimport { Badge, BadgeAnimated } from \"~components/Badge\"\nimport { LoadingSpinner } from \"~components/Loading\"\nimport styles from \"./GenericButton.module.scss\"\n\nexport type CustomButtonProps = {\n  id?: string\n  className: string\n  href?: string\n  disabled?: boolean\n  onClick?: (e: MouseEvent<any>) => void\n  onFocus?: (e: FocusEvent<HTMLElement>) => void\n  onBlur?: (e: FocusEvent<HTMLElement>) => void\n  children?: React.ReactNode\n  \"data-testid\"?: string\n}\n\nexport type ButtonFormAttributes = Pick<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  | \"form\"\n  | \"formAction\"\n  | \"formMethod\"\n  | \"formEncType\"\n  | \"formTarget\"\n  | \"formNoValidate\"\n>\n\nexport type GenericProps = {\n  id?: string\n  reversed?: boolean\n  onClick?: (e: MouseEvent) => void\n  onMouseDown?: (e: MouseEvent) => void\n  href?: string\n  newTabAndIUnderstandTheAccessibilityImplications?: boolean\n  disableTabFocusAndIUnderstandTheAccessibilityImplications?: boolean\n  onFocus?: (e: FocusEvent<HTMLElement>) => void\n  onBlur?: (e: FocusEvent<HTMLElement>) => void\n  component?: ComponentType<CustomButtonProps>\n  classNameOverride?: string\n}\n\nexport type WorkingProps = {\n  working: true\n  workingLabel: string\n  workingLabelHidden?: boolean\n}\n\nexport type WorkingUndefinedProps = {\n  working?: false\n}\n\nexport type ButtonBadgeProps = {\n  text: string\n  animateChange?: boolean\n  variant?: \"default\" | \"dark\" | \"active\"\n  reversed?: boolean\n}\n\nexport type RenderProps = GenericButtonProps & {\n  additionalContent?: React.ReactNode\n  iconButton?: boolean\n  directionalLink?: boolean\n  paginationLink?: boolean\n  isActive?: boolean\n}\n\nexport type ButtonRef = { focus: () => void }\n\nexport type GenericButtonProps = GenericProps &\n  ButtonFormAttributes &\n  (WorkingProps | WorkingUndefinedProps) & {\n    label: string\n    primary?: boolean\n    destructive?: boolean\n    secondary?: boolean\n    /** @default \"regular\" */\n    size?: \"small\" | \"regular\"\n    badge?: ButtonBadgeProps\n    type?: \"submit\" | \"reset\" | \"button\"\n    fullWidth?: boolean\n    iconPosition?: \"start\" | \"end\"\n    icon?: JSX.Element\n    disabled?: boolean\n  }\n\n// We're treating custom props as anything that is kebab cased.\n// This is so we can support properties like aria-* or data-*\nconst getCustomProps = (props: Record<string, any>): Record<string, string> => {\n  const keys = Object.keys(props).filter(k => k.indexOf(\"-\") !== -1)\n  return keys.reduce<Record<string, any>>((acc, val) => {\n    acc[val] = props[val]\n    return acc\n  }, {})\n}\n\nexport const GenericButton = forwardRef(\n  (props: RenderProps, ref: Ref<ButtonRef | undefined>) => {\n    const buttonRef = useRef<HTMLButtonElement | HTMLAnchorElement>()\n    useImperativeHandle(ref, () => ({\n      focus: (): void => {\n        buttonRef.current?.focus()\n      },\n    }))\n\n    const determineButtonRenderer = (): JSX.Element => {\n      if (props.component) {\n        return renderCustomComponent(props.component, props)\n      }\n\n      if (props.href && !props.disabled && !props.working) {\n        return renderLink(props, buttonRef as Ref<HTMLAnchorElement>)\n      }\n\n      return renderButton(props, buttonRef as Ref<HTMLButtonElement>)\n    }\n\n    return (\n      <span\n        className={classnames(\n          styles.container,\n          props.fullWidth && styles.fullWidth\n        )}\n        aria-live=\"polite\"\n      >\n        {determineButtonRenderer()}\n      </span>\n    )\n  }\n)\n\nGenericButton.defaultProps = {\n  iconPosition: \"start\",\n  iconButton: false,\n  primary: false,\n  secondary: false,\n  newTabAndIUnderstandTheAccessibilityImplications: false,\n  disableTabFocusAndIUnderstandTheAccessibilityImplications: false,\n  type: \"button\",\n}\n\nGenericButton.displayName = \"GenericButton\"\n\nconst renderCustomComponent = (\n  CustomComponent: ComponentType<CustomButtonProps>,\n  props: RenderProps\n): JSX.Element => {\n  const { id, disabled, href, onClick, onFocus, onBlur, ...rest } = props\n  const customProps = getCustomProps(rest)\n  return (\n    <CustomComponent\n      id={id}\n      className={buttonClass(props)}\n      disabled={disabled}\n      href={href}\n      onClick={onClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      aria-label={generateAriaLabel(props)}\n      {...customProps}\n    >\n      {renderContent(props)}\n    </CustomComponent>\n  )\n}\n\nconst renderButton = (\n  props: RenderProps,\n  ref: Ref<HTMLButtonElement>\n): JSX.Element => {\n  const {\n    id,\n    disabled,\n    onClick,\n    onMouseDown,\n    type,\n    disableTabFocusAndIUnderstandTheAccessibilityImplications,\n    onFocus,\n    onBlur,\n    form,\n    formAction,\n    formMethod,\n    formEncType,\n    formTarget,\n    formNoValidate,\n    ...rest\n  } = props\n  const customProps = getCustomProps(rest)\n\n  return (\n    <button\n      // eslint-disable-next-line react/button-has-type\n      type={type}\n      id={id}\n      disabled={disabled}\n      className={buttonClass(props)}\n      onClick={onClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      onMouseDown={(e): void => onMouseDown && onMouseDown(e)}\n      aria-label={generateAriaLabel(props)}\n      aria-disabled={disabled || props.working ? true : undefined}\n      form={form}\n      formAction={formAction}\n      formMethod={formMethod}\n      formEncType={formEncType}\n      formTarget={formTarget}\n      formNoValidate={formNoValidate}\n      tabIndex={\n        disableTabFocusAndIUnderstandTheAccessibilityImplications\n          ? -1\n          : undefined\n      }\n      ref={ref}\n      {...customProps}\n    >\n      {renderContent(props)}\n    </button>\n  )\n}\n\nconst renderLink = (\n  props: RenderProps,\n  ref: Ref<HTMLAnchorElement>\n): JSX.Element => {\n  const {\n    id,\n    href,\n    onClick,\n    newTabAndIUnderstandTheAccessibilityImplications,\n    onFocus,\n    onBlur,\n    ...rest\n  } = props\n  const customProps = getCustomProps(rest)\n\n  const target = newTabAndIUnderstandTheAccessibilityImplications\n    ? \"_blank\"\n    : \"_self\"\n\n  return (\n    <a\n      id={id}\n      href={href}\n      target={target}\n      rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n      className={buttonClass(props)}\n      onClick={onClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      ref={ref}\n      aria-label={generateAriaLabel(props)}\n      {...customProps}\n    >\n      {renderContent(props)}\n    </a>\n  )\n}\n\nconst buttonClass = (props: RenderProps): string => {\n  const isDefault = !props.primary && !props.destructive && !props.secondary\n  return classnames(\n    styles.button,\n    isDefault && styles.default,\n    props.primary && styles.primary,\n    props.destructive && styles.destructive,\n    props.secondary && styles.secondary,\n    props.size && styles[props.size],\n    props.reversed && styles.reversed,\n    props.iconButton && styles.iconButton,\n    props.working && styles.working,\n    (props.directionalLink || props.paginationLink) && styles.circleButton,\n    props.directionalLink && styles.directionalLink,\n    props.paginationLink && styles.paginationLink,\n    props.isActive && styles.isPaginationLinkActive,\n    props.classNameOverride\n  )\n}\n\nconst renderLoadingSpinner = (): JSX.Element => (\n  <div className={styles.loadingSpinner}>\n    <LoadingSpinner accessibilityLabel=\"\" size=\"sm\" />\n  </div>\n)\n\nconst renderWorkingContent = (\n  props: Extract<RenderProps, { working: true }>\n): JSX.Element => {\n  if (props.workingLabelHidden) {\n    return (\n      <>\n        {/* This is to ensure the button stays at the correct width */}\n        <span className={styles.hidden} aria-hidden=\"true\">\n          {renderDefaultContent(props)}\n        </span>\n        <span className={styles.centeredLoadingSpinner}>\n          {renderLoadingSpinner()}\n        </span>\n      </>\n    )\n  }\n\n  return (\n    <>\n      {props.iconPosition !== \"end\" && renderLoadingSpinner()}\n      <span className={styles.label}>{props.workingLabel}</span>\n      {props.additionalContent && (\n        <span className={styles.additionalContentWrapper}>\n          {props.additionalContent}\n        </span>\n      )}\n      {props.iconPosition === \"end\" && renderLoadingSpinner()}\n    </>\n  )\n}\n\nconst renderDefaultContent = (props: RenderProps): JSX.Element => (\n  <>\n    {props.icon && props.iconPosition !== \"end\" && renderIcon(props.icon)}\n    {(!props.icon || !props.iconButton) && (\n      <span className={styles.label}>{props.label}</span>\n    )}\n    {props.additionalContent && (\n      <span className={styles.additionalContentWrapper}>\n        {props.additionalContent}\n      </span>\n    )}\n    {renderBadge(props)}\n    {props.icon && props.iconPosition === \"end\" && renderIcon(props.icon)}\n  </>\n)\n\nconst renderBadge = (props: RenderProps): JSX.Element | null => {\n  if (!props.badge) return null\n\n  const { text, animateChange, reversed, variant } = props.badge\n\n  if (animateChange) {\n    return (\n      <BadgeAnimated variant={variant} reversed={reversed}>\n        {text}\n      </BadgeAnimated>\n    )\n  }\n  return (\n    <Badge variant={variant} reversed={reversed}>\n      {text}\n    </Badge>\n  )\n}\n\nconst renderContent = (props: RenderProps): JSX.Element => (\n  <span className={styles.content}>\n    {props.working ? renderWorkingContent(props) : renderDefaultContent(props)}\n  </span>\n)\n\nconst renderIcon = (icon: JSX.Element): JSX.Element => (\n  <span className={styles.iconWrapper}>{icon}</span>\n)\n\n// We only want an aria-label in the case that the button has just an icon and no text\n// This can happen when the button is working and workingLabelHidden is true,\n// or when this is an IconButton\nconst generateAriaLabel = (props: RenderProps): string | undefined => {\n  if (props.working && props.workingLabelHidden) {\n    return props.workingLabel\n  }\n\n  if (props.iconButton) {\n    return props.label\n  }\n\n  return undefined\n}\n"],"names":["getCustomProps","props","keys","Object","filter","k","indexOf","reduce","acc","val","GenericButton","forwardRef","ref","buttonRef","useRef","useImperativeHandle","focus","_a","current","determineButtonRenderer","component","renderCustomComponent","href","disabled","working","renderLink","renderButton","React","createElement","className","classnames","styles","container","fullWidth","defaultProps","iconPosition","iconButton","primary","secondary","newTabAndIUnderstandTheAccessibilityImplications","disableTabFocusAndIUnderstandTheAccessibilityImplications","type","displayName","CustomComponent","id","onClick","onFocus","onBlur","rest","__rest","customProps","__assign","buttonClass","generateAriaLabel","renderContent","onMouseDown","form","formAction","formMethod","formEncType","formTarget","formNoValidate","e","undefined","tabIndex","target","rel","isDefault","destructive","button","size","reversed","directionalLink","paginationLink","circleButton","isActive","isPaginationLinkActive","classNameOverride","renderLoadingSpinner","loadingSpinner","LoadingSpinner","accessibilityLabel","renderWorkingContent","workingLabelHidden","Fragment","hidden","renderDefaultContent","centeredLoadingSpinner","label","workingLabel","additionalContent","additionalContentWrapper","icon","renderIcon","renderBadge","badge","text","animateChange","variant","BadgeAnimated","Badge","content","iconWrapper"],"mappings":"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"}

package/dist/esm/ButtonGroup/ButtonGroup.mjs

@@ -1,8 +1,8 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import { Tooltip } from '@kaizen/draft-tooltip';
-import { FilterButtonBase } from '../FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.mjs';
+import { FilterButtonBase } from '../Filter/FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.mjs';
+import { Tooltip } from '../Tooltip/Tooltip.mjs';
 import styles from './ButtonGroup.module.scss.mjs';
 var isFilterButton = function (node) {
   return /*#__PURE__*/React.isValidElement(node) && node.type === FilterButtonBase;

package/dist/esm/ButtonGroup/ButtonGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.mjs","sources":["../../../src/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { Tooltip, TooltipProps } from \"@kaizen/draft-tooltip\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport {\n  FilterButtonBase,\n  FilterButtonBaseProps,\n} from \"../FilterButton/subcomponents/FilterButtonBase\"\nimport styles from \"./ButtonGroup.module.scss\"\n\nconst isFilterButton = (\n  node: React.ReactNode\n): node is React.ReactElement<FilterButtonBaseProps> =>\n  React.isValidElement(node) && node.type === FilterButtonBase\n\nexport type ButtonGroupProps = {\n  children:\n    | React.ReactElement<FilterButtonBaseProps | TooltipProps>\n    | Array<React.ReactElement<FilterButtonBaseProps | TooltipProps>>\n} & Omit<OverrideClassName<HTMLAttributes<HTMLDivElement>>, \"children\">\n\nexport const ButtonGroup = ({\n  children,\n  classNameOverride,\n  ...restProps\n}: ButtonGroupProps): JSX.Element => {\n  const childCount = React.Children.count(children)\n\n  const containerProps = {\n    role: \"group\",\n    className: classnames(styles.buttonGroup, classNameOverride),\n    ...restProps,\n  }\n\n  if (childCount === 1) return <div {...containerProps}>{children}</div>\n\n  return (\n    <div {...containerProps}>\n      {React.Children.map(children, (child, index) => {\n        const buttonClassNames = classnames(\n          styles.child,\n          index === 0 && styles.firstChild,\n          index === childCount - 1 && styles.lastChild,\n          child.props.classNameOverride\n        )\n\n        if (child.type === Tooltip) {\n          const button = child.props.children\n\n          if (isFilterButton(button)) {\n            return React.cloneElement(child, {\n              children: React.cloneElement(button, {\n                classNameOverride: buttonClassNames,\n              }),\n            })\n          }\n\n          return child\n        }\n\n        return React.cloneElement(child, {\n          classNameOverride: buttonClassNames,\n        })\n      })}\n    </div>\n  )\n}\n\nButtonGroup.displayName = \"ButtonGroup\"\n"],"names":["isFilterButton","node","React","isValidElement","type","FilterButtonBase","ButtonGroup","_a","children","classNameOverride","restProps","__rest","childCount","Children","count","containerProps","__assign","role","className","classnames","styles","buttonGroup","createElement","map","child","index","buttonClassNames","firstChild","lastChild","props","Tooltip","button","cloneElement","displayName"],"mappings":";;;;;;AAUA,IAAMA,cAAc,GAAG,SAAAA,CACrBC,IAAqB,EAAA;EAErB,OAAA,aAAAC,KAAK,CAACC,cAAc,CAACF,IAAI,CAAC,IAAIA,IAAI,CAACG,IAAI,KAAKC,gBAAgB;AAA5D,CAA4D;AAAA,MAQjDC,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAIT,EAAA;IAHjB,IAAAC,QAAQ,cAAA;MACRC,iBAAiB,uBAAA;MACdC,SAAS,GAHcC,MAAA,CAAAJ,EAAA,EAAA,CAAA,UAAA,EAAA,mBAAA,CAI3B,CADa;IAEZ,IAAMK,UAAU,GAAGV,KAAK,CAACW,QAAQ,CAACC,KAAK,CAACN,QAAQ,CAAC;IAEjD,IAAMO,cAAc,GAClBC,QAAA,CAAA;MAAAC,IAAI,EAAE,OAAO;MACbC,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,WAAW,EAAEZ,iBAAiB;IACxD,CAAA,EAAAC,SAAS,CACb;IAED,IAAIE,UAAU,KAAK,CAAC,EAAE,oBAAOV,KAAS,CAAAoB,aAAA,CAAA,KAAA,EAAAN,QAAA,CAAA,CAAA,CAAA,EAAAD,cAAc,CAAG,EAAAP,QAAQ,CAAO;IAEtE,oBACEN,KAAA,CAAAoB,aAAA,CAAA,KAAA,EAAAN,QAAA,CAAA,CAAA,CAAA,EAASD,cAAc,CAAA,EACpBb,KAAK,CAACW,QAAQ,CAACU,GAAG,CAACf,QAAQ,EAAE,UAACgB,KAAK,EAAEC,KAAK,EAAA;MACzC,IAAMC,gBAAgB,GAAGP,UAAU,CACjCC,MAAM,CAACI,KAAK,EACZC,KAAK,KAAK,CAAC,IAAIL,MAAM,CAACO,UAAU,EAChCF,KAAK,KAAKb,UAAU,GAAG,CAAC,IAAIQ,MAAM,CAACQ,SAAS,EAC5CJ,KAAK,CAACK,KAAK,CAACpB,iBAAiB,CAC9B;MAED,IAAIe,KAAK,CAACpB,IAAI,KAAK0B,OAAO,EAAE;QAC1B,IAAMC,MAAM,GAAGP,KAAK,CAACK,KAAK,CAACrB,QAAQ;QAEnC,IAAIR,cAAc,CAAC+B,MAAM,CAAC,EAAE;UAC1B,oBAAO7B,KAAK,CAAC8B,YAAY,CAACR,KAAK,EAAE;YAC/BhB,QAAQ,eAAEN,KAAK,CAAC8B,YAAY,CAACD,MAAM,EAAE;cACnCtB,iBAAiB,EAAEiB;aACpB;UACF,CAAA,CAAC;QACH;QAED,OAAOF,KAAK;MACb;MAED,oBAAOtB,KAAK,CAAC8B,YAAY,CAACR,KAAK,EAAE;QAC/Bf,iBAAiB,EAAEiB;MACpB,CAAA,CAAC;IACH,CAAA,CAAC,CACE;EAEV,CAAC;EAEDpB,WAAW,CAAC2B,WAAW,GAAG,aAAa;EAAA,OA/C1B3B,WAAW;AAAA;"}
+{"version":3,"file":"ButtonGroup.mjs","sources":["../../../src/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport {\n  FilterButtonBase,\n  FilterButtonBaseProps,\n} from \"~components/Filter/FilterButton/subcomponents/FilterButtonBase\"\nimport { Tooltip, TooltipProps } from \"~components/Tooltip\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./ButtonGroup.module.scss\"\n\nconst isFilterButton = (\n  node: React.ReactNode\n): node is React.ReactElement<FilterButtonBaseProps> =>\n  React.isValidElement(node) && node.type === FilterButtonBase\n\nexport type ButtonGroupProps = {\n  children:\n    | React.ReactElement<FilterButtonBaseProps | TooltipProps>\n    | Array<React.ReactElement<FilterButtonBaseProps | TooltipProps>>\n} & Omit<OverrideClassName<HTMLAttributes<HTMLDivElement>>, \"children\">\n\nexport const ButtonGroup = ({\n  children,\n  classNameOverride,\n  ...restProps\n}: ButtonGroupProps): JSX.Element => {\n  const childCount = React.Children.count(children)\n\n  const containerProps = {\n    role: \"group\",\n    className: classnames(styles.buttonGroup, classNameOverride),\n    ...restProps,\n  }\n\n  if (childCount === 1) return <div {...containerProps}>{children}</div>\n\n  return (\n    <div {...containerProps}>\n      {React.Children.map(children, (child, index) => {\n        const buttonClassNames = classnames(\n          styles.child,\n          index === 0 && styles.firstChild,\n          index === childCount - 1 && styles.lastChild,\n          child.props.classNameOverride\n        )\n\n        if (child.type === Tooltip) {\n          const button = child.props.children\n\n          if (isFilterButton(button)) {\n            return React.cloneElement(child, {\n              children: React.cloneElement(button, {\n                classNameOverride: buttonClassNames,\n              }),\n            })\n          }\n\n          return child\n        }\n\n        return React.cloneElement(child, {\n          classNameOverride: buttonClassNames,\n        })\n      })}\n    </div>\n  )\n}\n\nButtonGroup.displayName = \"ButtonGroup\"\n"],"names":["isFilterButton","node","React","isValidElement","type","FilterButtonBase","ButtonGroup","_a","children","classNameOverride","restProps","__rest","childCount","Children","count","containerProps","__assign","role","className","classnames","styles","buttonGroup","createElement","map","child","index","buttonClassNames","firstChild","lastChild","props","Tooltip","button","cloneElement","displayName"],"mappings":";;;;;;AAUA,IAAMA,cAAc,GAAG,SAAAA,CACrBC,IAAqB,EAAA;EAErB,OAAA,aAAAC,KAAK,CAACC,cAAc,CAACF,IAAI,CAAC,IAAIA,IAAI,CAACG,IAAI,KAAKC,gBAAgB;AAA5D,CAA4D;AAAA,MAQjDC,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAIT,EAAA;IAHjB,IAAAC,QAAQ,cAAA;MACRC,iBAAiB,uBAAA;MACdC,SAAS,GAHcC,MAAA,CAAAJ,EAAA,EAAA,CAAA,UAAA,EAAA,mBAAA,CAI3B,CADa;IAEZ,IAAMK,UAAU,GAAGV,KAAK,CAACW,QAAQ,CAACC,KAAK,CAACN,QAAQ,CAAC;IAEjD,IAAMO,cAAc,GAClBC,QAAA,CAAA;MAAAC,IAAI,EAAE,OAAO;MACbC,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,WAAW,EAAEZ,iBAAiB;IACxD,CAAA,EAAAC,SAAS,CACb;IAED,IAAIE,UAAU,KAAK,CAAC,EAAE,oBAAOV,KAAS,CAAAoB,aAAA,CAAA,KAAA,EAAAN,QAAA,CAAA,CAAA,CAAA,EAAAD,cAAc,CAAG,EAAAP,QAAQ,CAAO;IAEtE,oBACEN,KAAA,CAAAoB,aAAA,CAAA,KAAA,EAAAN,QAAA,CAAA,CAAA,CAAA,EAASD,cAAc,CAAA,EACpBb,KAAK,CAACW,QAAQ,CAACU,GAAG,CAACf,QAAQ,EAAE,UAACgB,KAAK,EAAEC,KAAK,EAAA;MACzC,IAAMC,gBAAgB,GAAGP,UAAU,CACjCC,MAAM,CAACI,KAAK,EACZC,KAAK,KAAK,CAAC,IAAIL,MAAM,CAACO,UAAU,EAChCF,KAAK,KAAKb,UAAU,GAAG,CAAC,IAAIQ,MAAM,CAACQ,SAAS,EAC5CJ,KAAK,CAACK,KAAK,CAACpB,iBAAiB,CAC9B;MAED,IAAIe,KAAK,CAACpB,IAAI,KAAK0B,OAAO,EAAE;QAC1B,IAAMC,MAAM,GAAGP,KAAK,CAACK,KAAK,CAACrB,QAAQ;QAEnC,IAAIR,cAAc,CAAC+B,MAAM,CAAC,EAAE;UAC1B,oBAAO7B,KAAK,CAAC8B,YAAY,CAACR,KAAK,EAAE;YAC/BhB,QAAQ,eAAEN,KAAK,CAAC8B,YAAY,CAACD,MAAM,EAAE;cACnCtB,iBAAiB,EAAEiB;aACpB;UACF,CAAA,CAAC;QACH;QAED,OAAOF,KAAK;MACb;MAED,oBAAOtB,KAAK,CAAC8B,YAAY,CAACR,KAAK,EAAE;QAC/Bf,iBAAiB,EAAEiB;MACpB,CAAA,CAAC;IACH,CAAA,CAAC,CACE;EAEV,CAAC;EAEDpB,WAAW,CAAC2B,WAAW,GAAG,aAAa;EAAA,OA/C1B3B,WAAW;AAAA;"}

package/dist/esm/Calendar/CalendarRange/CalendarRange.mjs

@@ -2,7 +2,6 @@ import { __rest, __assign } from 'tslib';
 import React, { useRef, useEffect } from 'react';
 import { enAU } from 'date-fns/locale';
 import { DayPicker } from 'react-day-picker';
-import 'uuid';
 import '../../Icon/subcomponents/SVG/SVG.mjs';
 import { ArrowBackwardIcon } from '../../Icon/ArrowBackwardIcon.mjs';
 import { ArrowForwardIcon } from '../../Icon/ArrowForwardIcon.mjs';

package/dist/esm/Calendar/CalendarRange/CalendarRange.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarRange.mjs","sources":["../../../../src/Calendar/CalendarRange/CalendarRange.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\"\nimport { enAU } from \"date-fns/locale\"\nimport { DayPicker, DayPickerRangeProps } from \"react-day-picker\"\nimport { ArrowBackwardIcon, ArrowForwardIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { baseCalendarClassNames } from \"../baseCalendarClassNames\"\nimport { DayOfWeek } from \"../enums\"\nimport { isInvalidDate } from \"../utils\"\nimport styles from \"./CalendarRange.module.scss\"\n\nexport type CalendarRangeElement = HTMLDivElement\n\nexport type CalendarRangeProps = {\n  id?: string\n  onMount?: (calendarElement: CalendarRangeElement) => void\n  hasDivider?: boolean\n} & OverrideClassName<Omit<DayPickerRangeProps, \"mode\">>\n\nexport const CalendarRange = ({\n  id,\n  onMount,\n  hasDivider = false,\n  classNameOverride,\n  selected,\n  defaultMonth,\n  locale = enAU,\n  ...restProps\n}: CalendarRangeProps): JSX.Element => {\n  const calendarRef = useRef<CalendarRangeElement>(null)\n\n  useEffect(() => {\n    if (calendarRef.current) onMount && onMount(calendarRef.current)\n  }, [calendarRef])\n\n  const monthToShow = selected?.from || defaultMonth\n  const selectedMonth =\n    monthToShow && isInvalidDate(monthToShow) ? undefined : monthToShow\n\n  /* eslint-disable camelcase */\n  const classNames = {\n    ...baseCalendarClassNames,\n    month: hasDivider ? styles.monthWithDivider : styles.month,\n    caption_end: styles.captionEnd,\n    nav: styles.nav,\n    day_range_start: styles.dayRangeStart,\n    day_range_end: styles.dayRangeEnd,\n    day_range_middle: styles.dayRangeMiddle,\n  } satisfies DayPickerRangeProps[\"classNames\"]\n  /* eslint-enable camelcase */\n\n  return (\n    <div ref={calendarRef} id={id} className={classNameOverride}>\n      <DayPicker\n        mode=\"range\"\n        selected={selected}\n        defaultMonth={selectedMonth}\n        weekStartsOn={DayOfWeek.Mon}\n        classNames={classNames}\n        components={{\n          IconRight: () => <ArrowForwardIcon role=\"presentation\" />,\n          IconLeft: () => <ArrowBackwardIcon role=\"presentation\" />,\n        }}\n        numberOfMonths={2}\n        locale={locale}\n        {...restProps}\n      />\n    </div>\n  )\n}\n\nCalendarRange.displayName = \"CalendarRange\"\n"],"names":["CalendarRange","_a","id","onMount","_b","hasDivider","classNameOverride","selected","defaultMonth","_c","locale","enAU","restProps","__rest","calendarRef","useRef","useEffect","current","monthToShow","from","selectedMonth","isInvalidDate","undefined","classNames","__assign","baseCalendarClassNames","month","styles","monthWithDivider","caption_end","captionEnd","nav","day_range_start","dayRangeStart","day_range_end","dayRangeEnd","day_range_middle","dayRangeMiddle","React","createElement","ref","className","DayPicker","mode","weekStartsOn","DayOfWeek","Mon","components","IconRight","ArrowForwardIcon","role","IconLeft","ArrowBackwardIcon","numberOfMonths","displayName"],"mappings":";;;;;;;;;;;;;MAkBaA,aAAa;EAAA,MAAbA,aAAa,GAAG,SAAAA,CAACC,EAST,EAAA;IARnB,IAAAC,EAAE,GAAAD,EAAA,CAAAC,EAAA;MACFC,OAAO,aAAA;MACPC,EAAA,GAAAH,EAAA,CAAAI,UAAkB;MAAlBA,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MAClBE,iBAAiB,GAAAL,EAAA,CAAAK,iBAAA;MACjBC,QAAQ,GAAAN,EAAA,CAAAM,QAAA;MACRC,YAAY,GAAAP,EAAA,CAAAO,YAAA;MACZC,cAAa;MAAbC,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAAE,IAAI,GAAAF,EAAA;MACVG,SAAS,GAAAC,MAAA,CAAAZ,EAAA,EARgB,0FAS7B,CADa;IAEZ,IAAMa,WAAW,GAAGC,MAAM,CAAuB,IAAI,CAAC;IAEtDC,SAAS,CAAC,YAAA;MACR,IAAIF,WAAW,CAACG,OAAO,EAAEd,OAAO,IAAIA,OAAO,CAACW,WAAW,CAACG,OAAO,CAAC;IAClE,CAAC,EAAE,CAACH,WAAW,CAAC,CAAC;IAEjB,IAAMI,WAAW,GAAG,CAAAX,QAAQ,KAAR,IAAA,IAAAA,QAAQ,KAAR,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,QAAQ,CAAEY,IAAI,KAAIX,YAAY;IAClD,IAAMY,aAAa,GACjBF,WAAW,IAAIG,aAAa,CAACH,WAAW,CAAC,GAAGI,SAAS,GAAGJ,WAAW;;IAGrE,IAAMK,UAAU,GAAGC,QACd,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAC,sBAAsB;MACzBC,KAAK,EAAErB,UAAU,GAAGsB,MAAM,CAACC,gBAAgB,GAAGD,MAAM,CAACD,KAAK;MAC1DG,WAAW,EAAEF,MAAM,CAACG,UAAU;MAC9BC,GAAG,EAAEJ,MAAM,CAACI,GAAG;MACfC,eAAe,EAAEL,MAAM,CAACM,aAAa;MACrCC,aAAa,EAAEP,MAAM,CAACQ,WAAW;MACjCC,gBAAgB,EAAET,MAAM,CAACU;IAAc,CAAA,CACI;;IAG7C,oBACEC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKC,GAAG,EAAE1B,WAAW;MAAEZ,EAAE,EAAEA,EAAE;MAAEuC,SAAS,EAAEnC;IAAiB,CAAA,eACzDgC,KAAC,CAAAC,aAAA,CAAAG,SAAS,EACRlB,QAAA,CAAA;MAAAmB,IAAI,EAAC,OAAO;MACZpC,QAAQ,EAAEA,QAAQ;MAClBC,YAAY,EAAEY,aAAa;MAC3BwB,YAAY,EAAEC,SAAS,CAACC,GAAG;MAC3BvB,UAAU,EAAEA,UAAU;MACtBwB,UAAU,EAAE;QACVC,SAAS,EAAE,SAAAA,CAAA,EAAM;UAAA,oBAAAV,KAAC,CAAAC,aAAA,CAAAU,gBAAgB,EAAC;YAAAC,IAAI,EAAC;UAAiB,CAAA,CAAA;QAAA,CAAA;QACzDC,QAAQ,EAAE,SAAAA,CAAA,EAAM;UAAA,oBAAAb,KAAC,CAAAC,aAAA,CAAAa,iBAAiB,EAAC;YAAAF,IAAI,EAAC;UAAiB,CAAA,CAAA;QAAA;MAC1D,CAAA;MACDG,cAAc,EAAE,CAAC;MACjB3C,MAAM,EAAEA;IAAM,CAAA,EACVE,SAAS,CAAA,CACb,CACE;EAEV,CAAC;EAEDZ,aAAa,CAACsD,WAAW,GAAG,eAAe;EAAA,OApD9BtD,aAAa;AAAA;"}
+{"version":3,"file":"CalendarRange.mjs","sources":["../../../../src/Calendar/CalendarRange/CalendarRange.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\"\nimport { enAU } from \"date-fns/locale\"\nimport { DayPicker, DayPickerRangeProps } from \"react-day-picker\"\nimport { ArrowBackwardIcon, ArrowForwardIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { baseCalendarClassNames } from \"../baseCalendarClassNames\"\nimport { DayOfWeek } from \"../enums\"\nimport { isInvalidDate } from \"../utils\"\nimport styles from \"./CalendarRange.module.scss\"\n\nexport type CalendarRangeElement = HTMLDivElement\n\nexport type CalendarRangeProps = {\n  id?: string\n  onMount?: (calendarElement: CalendarRangeElement) => void\n  hasDivider?: boolean\n} & OverrideClassName<Omit<DayPickerRangeProps, \"mode\">>\n\nexport const CalendarRange = ({\n  id,\n  onMount,\n  hasDivider = false,\n  classNameOverride,\n  selected,\n  defaultMonth,\n  locale = enAU,\n  ...restProps\n}: CalendarRangeProps): JSX.Element => {\n  const calendarRef = useRef<CalendarRangeElement>(null)\n\n  useEffect(() => {\n    if (calendarRef.current) onMount && onMount(calendarRef.current)\n  }, [calendarRef])\n\n  const monthToShow = selected?.from || defaultMonth\n  const selectedMonth =\n    monthToShow && isInvalidDate(monthToShow) ? undefined : monthToShow\n\n  /* eslint-disable camelcase */\n  const classNames = {\n    ...baseCalendarClassNames,\n    month: hasDivider ? styles.monthWithDivider : styles.month,\n    caption_end: styles.captionEnd,\n    nav: styles.nav,\n    day_range_start: styles.dayRangeStart,\n    day_range_end: styles.dayRangeEnd,\n    day_range_middle: styles.dayRangeMiddle,\n  } satisfies DayPickerRangeProps[\"classNames\"]\n  /* eslint-enable camelcase */\n\n  return (\n    <div ref={calendarRef} id={id} className={classNameOverride}>\n      <DayPicker\n        mode=\"range\"\n        selected={selected}\n        defaultMonth={selectedMonth}\n        weekStartsOn={DayOfWeek.Mon}\n        classNames={classNames}\n        components={{\n          IconRight: () => <ArrowForwardIcon role=\"presentation\" />,\n          IconLeft: () => <ArrowBackwardIcon role=\"presentation\" />,\n        }}\n        numberOfMonths={2}\n        locale={locale}\n        {...restProps}\n      />\n    </div>\n  )\n}\n\nCalendarRange.displayName = \"CalendarRange\"\n"],"names":["CalendarRange","_a","id","onMount","_b","hasDivider","classNameOverride","selected","defaultMonth","_c","locale","enAU","restProps","__rest","calendarRef","useRef","useEffect","current","monthToShow","from","selectedMonth","isInvalidDate","undefined","classNames","__assign","baseCalendarClassNames","month","styles","monthWithDivider","caption_end","captionEnd","nav","day_range_start","dayRangeStart","day_range_end","dayRangeEnd","day_range_middle","dayRangeMiddle","React","createElement","ref","className","DayPicker","mode","weekStartsOn","DayOfWeek","Mon","components","IconRight","ArrowForwardIcon","role","IconLeft","ArrowBackwardIcon","numberOfMonths","displayName"],"mappings":";;;;;;;;;;;;MAkBaA,aAAa;EAAA,MAAbA,aAAa,GAAG,SAAAA,CAACC,EAST,EAAA;IARnB,IAAAC,EAAE,GAAAD,EAAA,CAAAC,EAAA;MACFC,OAAO,aAAA;MACPC,EAAA,GAAAH,EAAA,CAAAI,UAAkB;MAAlBA,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MAClBE,iBAAiB,GAAAL,EAAA,CAAAK,iBAAA;MACjBC,QAAQ,GAAAN,EAAA,CAAAM,QAAA;MACRC,YAAY,GAAAP,EAAA,CAAAO,YAAA;MACZC,cAAa;MAAbC,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAAE,IAAI,GAAAF,EAAA;MACVG,SAAS,GAAAC,MAAA,CAAAZ,EAAA,EARgB,0FAS7B,CADa;IAEZ,IAAMa,WAAW,GAAGC,MAAM,CAAuB,IAAI,CAAC;IAEtDC,SAAS,CAAC,YAAA;MACR,IAAIF,WAAW,CAACG,OAAO,EAAEd,OAAO,IAAIA,OAAO,CAACW,WAAW,CAACG,OAAO,CAAC;IAClE,CAAC,EAAE,CAACH,WAAW,CAAC,CAAC;IAEjB,IAAMI,WAAW,GAAG,CAAAX,QAAQ,KAAR,IAAA,IAAAA,QAAQ,KAAR,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,QAAQ,CAAEY,IAAI,KAAIX,YAAY;IAClD,IAAMY,aAAa,GACjBF,WAAW,IAAIG,aAAa,CAACH,WAAW,CAAC,GAAGI,SAAS,GAAGJ,WAAW;;IAGrE,IAAMK,UAAU,GAAGC,QACd,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAC,sBAAsB;MACzBC,KAAK,EAAErB,UAAU,GAAGsB,MAAM,CAACC,gBAAgB,GAAGD,MAAM,CAACD,KAAK;MAC1DG,WAAW,EAAEF,MAAM,CAACG,UAAU;MAC9BC,GAAG,EAAEJ,MAAM,CAACI,GAAG;MACfC,eAAe,EAAEL,MAAM,CAACM,aAAa;MACrCC,aAAa,EAAEP,MAAM,CAACQ,WAAW;MACjCC,gBAAgB,EAAET,MAAM,CAACU;IAAc,CAAA,CACI;;IAG7C,oBACEC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKC,GAAG,EAAE1B,WAAW;MAAEZ,EAAE,EAAEA,EAAE;MAAEuC,SAAS,EAAEnC;IAAiB,CAAA,eACzDgC,KAAC,CAAAC,aAAA,CAAAG,SAAS,EACRlB,QAAA,CAAA;MAAAmB,IAAI,EAAC,OAAO;MACZpC,QAAQ,EAAEA,QAAQ;MAClBC,YAAY,EAAEY,aAAa;MAC3BwB,YAAY,EAAEC,SAAS,CAACC,GAAG;MAC3BvB,UAAU,EAAEA,UAAU;MACtBwB,UAAU,EAAE;QACVC,SAAS,EAAE,SAAAA,CAAA,EAAM;UAAA,oBAAAV,KAAC,CAAAC,aAAA,CAAAU,gBAAgB,EAAC;YAAAC,IAAI,EAAC;UAAiB,CAAA,CAAA;QAAA,CAAA;QACzDC,QAAQ,EAAE,SAAAA,CAAA,EAAM;UAAA,oBAAAb,KAAC,CAAAC,aAAA,CAAAa,iBAAiB,EAAC;YAAAF,IAAI,EAAC;UAAiB,CAAA,CAAA;QAAA;MAC1D,CAAA;MACDG,cAAc,EAAE,CAAC;MACjB3C,MAAM,EAAEA;IAAM,CAAA,EACVE,SAAS,CAAA,CACb,CACE;EAEV,CAAC;EAEDZ,aAAa,CAACsD,WAAW,GAAG,eAAe;EAAA,OApD9BtD,aAAa;AAAA;"}

package/dist/esm/Calendar/CalendarSingle/CalendarSingle.mjs

@@ -2,7 +2,6 @@ import { __rest, __assign } from 'tslib';
 import React, { useRef, useEffect } from 'react';
 import { enAU } from 'date-fns/locale';
 import { DayPicker } from 'react-day-picker';
-import 'uuid';
 import '../../Icon/subcomponents/SVG/SVG.mjs';
 import { ArrowBackwardIcon } from '../../Icon/ArrowBackwardIcon.mjs';
 import { ArrowForwardIcon } from '../../Icon/ArrowForwardIcon.mjs';

package/dist/esm/Calendar/CalendarSingle/CalendarSingle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarSingle.mjs","sources":["../../../../src/Calendar/CalendarSingle/CalendarSingle.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\"\nimport { enAU } from \"date-fns/locale\"\nimport { DayPicker, DayPickerSingleProps } from \"react-day-picker\"\nimport { ArrowBackwardIcon, ArrowForwardIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { baseCalendarClassNames } from \"../baseCalendarClassNames\"\nimport { DayOfWeek } from \"../enums\"\nimport { isInvalidDate, isValidWeekStartsOn } from \"../utils\"\nimport styles from \"./CalendarSingle.module.scss\"\n\nexport type CalendarSingleElement = HTMLDivElement\n\nexport type CalendarSingleProps = {\n  id?: string\n  onMount?: (calendarElement: CalendarSingleElement) => void\n} & OverrideClassName<Omit<DayPickerSingleProps, \"mode\">>\n\nexport const CalendarSingle = ({\n  id,\n  onMount,\n  classNameOverride,\n  selected,\n  defaultMonth,\n  weekStartsOn = DayOfWeek.Mon,\n  locale = enAU,\n  ...restProps\n}: CalendarSingleProps): JSX.Element => {\n  const calendarRef = useRef<CalendarSingleElement>(null)\n\n  useEffect(() => {\n    if (calendarRef.current) onMount?.(calendarRef.current)\n  }, [calendarRef])\n\n  const monthToShow = selected || defaultMonth\n  const selectedMonth =\n    monthToShow && isInvalidDate(monthToShow) ? undefined : monthToShow\n\n  /* eslint-disable camelcase */\n  const classNames = {\n    ...baseCalendarClassNames,\n    nav: styles.nav,\n    nav_button_next: styles.navButtonNext,\n  } satisfies DayPickerSingleProps[\"classNames\"]\n  /* eslint-enable camelcase */\n\n  return (\n    <div ref={calendarRef} id={id} className={classNameOverride}>\n      <DayPicker\n        mode=\"single\"\n        selected={selected && isInvalidDate(selected) ? undefined : selected}\n        defaultMonth={selectedMonth}\n        weekStartsOn={\n          isValidWeekStartsOn(weekStartsOn) ? weekStartsOn : undefined\n        }\n        classNames={classNames}\n        components={{\n          IconRight: () => <ArrowForwardIcon role=\"presentation\" />,\n          IconLeft: () => <ArrowBackwardIcon role=\"presentation\" />,\n        }}\n        locale={locale}\n        {...restProps}\n      />\n    </div>\n  )\n}\n\nCalendarSingle.displayName = \"CalendarSingle\"\n"],"names":["CalendarSingle","_a","id","onMount","classNameOverride","selected","defaultMonth","_b","weekStartsOn","DayOfWeek","Mon","_c","locale","enAU","restProps","__rest","calendarRef","useRef","useEffect","current","monthToShow","selectedMonth","isInvalidDate","undefined","classNames","__assign","baseCalendarClassNames","nav","styles","nav_button_next","navButtonNext","React","createElement","ref","className","DayPicker","mode","isValidWeekStartsOn","components","IconRight","ArrowForwardIcon","role","IconLeft","ArrowBackwardIcon","displayName"],"mappings":";;;;;;;;;;;;;;MAiBaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAST,EAAA;IARpB,IAAAC,EAAE,GAAAD,EAAA,CAAAC,EAAA;MACFC,OAAO,aAAA;MACPC,iBAAiB,GAAAH,EAAA,CAAAG,iBAAA;MACjBC,QAAQ,GAAAJ,EAAA,CAAAI,QAAA;MACRC,YAAY,GAAAL,EAAA,CAAAK,YAAA;MACZC,EAA4B,GAAAN,EAAA,CAAAO,YAAA;MAA5BA,YAAY,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAGE,SAAS,CAACC,GAAG,GAAAH,EAAA;MAC5BI,EAAa,GAAAV,EAAA,CAAAW,MAAA;MAAbA,MAAM,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAGE,IAAI,GAAAF,EAAA;MACVG,SAAS,GAAAC,MAAA,CAAAd,EAAA,EARiB,4FAS9B,CADa;IAEZ,IAAMe,WAAW,GAAGC,MAAM,CAAwB,IAAI,CAAC;IAEvDC,SAAS,CAAC,YAAA;MACR,IAAIF,WAAW,CAACG,OAAO,EAAEhB,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAGa,WAAW,CAACG,OAAO,CAAC;IACzD,CAAC,EAAE,CAACH,WAAW,CAAC,CAAC;IAEjB,IAAMI,WAAW,GAAGf,QAAQ,IAAIC,YAAY;IAC5C,IAAMe,aAAa,GACjBD,WAAW,IAAIE,aAAa,CAACF,WAAW,CAAC,GAAGG,SAAS,GAAGH,WAAW;;IAGrE,IAAMI,UAAU,GAAGC,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EACdC,sBAAsB,CAAA,EAAA;MACzBC,GAAG,EAAEC,MAAM,CAACD,GAAG;MACfE,eAAe,EAAED,MAAM,CAACE;MACoB;;IAG9C,oBACEC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKC,GAAG,EAAEjB,WAAW;MAAEd,EAAE,EAAEA,EAAE;MAAEgC,SAAS,EAAE9B;IAAiB,CAAA,eACzD2B,KAAC,CAAAC,aAAA,CAAAG,SAAS;MACRC,IAAI,EAAC,QAAQ;MACb/B,QAAQ,EAAEA,QAAQ,IAAIiB,aAAa,CAACjB,QAAQ,CAAC,GAAGkB,SAAS,GAAGlB,QAAQ;MACpEC,YAAY,EAAEe,aAAa;MAC3Bb,YAAY,EACV6B,mBAAmB,CAAC7B,YAAY,CAAC,GAAGA,YAAY,GAAGe,SAAS;MAE9DC,UAAU,EAAEA,UAAU;MACtBc,UAAU,EAAE;QACVC,SAAS,EAAE,SAAAA,CAAA,EAAM;UAAA,oBAAAR,KAAC,CAAAC,aAAA,CAAAQ,gBAAgB,EAAC;YAAAC,IAAI,EAAC;UAAiB,CAAA,CAAA;QAAA,CAAA;QACzDC,QAAQ,EAAE,SAAAA,CAAA,EAAM;UAAA,oBAAAX,KAAC,CAAAC,aAAA,CAAAW,iBAAiB,EAAC;YAAAF,IAAI,EAAC;UAAiB,CAAA,CAAA;QAAA;MAC1D,CAAA;MACD7B,MAAM,EAAEA;IAAM,CAAA,EACVE,SAAS,CACb,CAAA,CACE;EAEV,CAAC;EAEDd,cAAc,CAAC4C,WAAW,GAAG,gBAAgB;EAAA,OAjDhC5C,cAAc;AAAA;"}
+{"version":3,"file":"CalendarSingle.mjs","sources":["../../../../src/Calendar/CalendarSingle/CalendarSingle.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\"\nimport { enAU } from \"date-fns/locale\"\nimport { DayPicker, DayPickerSingleProps } from \"react-day-picker\"\nimport { ArrowBackwardIcon, ArrowForwardIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { baseCalendarClassNames } from \"../baseCalendarClassNames\"\nimport { DayOfWeek } from \"../enums\"\nimport { isInvalidDate, isValidWeekStartsOn } from \"../utils\"\nimport styles from \"./CalendarSingle.module.scss\"\n\nexport type CalendarSingleElement = HTMLDivElement\n\nexport type CalendarSingleProps = {\n  id?: string\n  onMount?: (calendarElement: CalendarSingleElement) => void\n} & OverrideClassName<Omit<DayPickerSingleProps, \"mode\">>\n\nexport const CalendarSingle = ({\n  id,\n  onMount,\n  classNameOverride,\n  selected,\n  defaultMonth,\n  weekStartsOn = DayOfWeek.Mon,\n  locale = enAU,\n  ...restProps\n}: CalendarSingleProps): JSX.Element => {\n  const calendarRef = useRef<CalendarSingleElement>(null)\n\n  useEffect(() => {\n    if (calendarRef.current) onMount?.(calendarRef.current)\n  }, [calendarRef])\n\n  const monthToShow = selected || defaultMonth\n  const selectedMonth =\n    monthToShow && isInvalidDate(monthToShow) ? undefined : monthToShow\n\n  /* eslint-disable camelcase */\n  const classNames = {\n    ...baseCalendarClassNames,\n    nav: styles.nav,\n    nav_button_next: styles.navButtonNext,\n  } satisfies DayPickerSingleProps[\"classNames\"]\n  /* eslint-enable camelcase */\n\n  return (\n    <div ref={calendarRef} id={id} className={classNameOverride}>\n      <DayPicker\n        mode=\"single\"\n        selected={selected && isInvalidDate(selected) ? undefined : selected}\n        defaultMonth={selectedMonth}\n        weekStartsOn={\n          isValidWeekStartsOn(weekStartsOn) ? weekStartsOn : undefined\n        }\n        classNames={classNames}\n        components={{\n          IconRight: () => <ArrowForwardIcon role=\"presentation\" />,\n          IconLeft: () => <ArrowBackwardIcon role=\"presentation\" />,\n        }}\n        locale={locale}\n        {...restProps}\n      />\n    </div>\n  )\n}\n\nCalendarSingle.displayName = \"CalendarSingle\"\n"],"names":["CalendarSingle","_a","id","onMount","classNameOverride","selected","defaultMonth","_b","weekStartsOn","DayOfWeek","Mon","_c","locale","enAU","restProps","__rest","calendarRef","useRef","useEffect","current","monthToShow","selectedMonth","isInvalidDate","undefined","classNames","__assign","baseCalendarClassNames","nav","styles","nav_button_next","navButtonNext","React","createElement","ref","className","DayPicker","mode","isValidWeekStartsOn","components","IconRight","ArrowForwardIcon","role","IconLeft","ArrowBackwardIcon","displayName"],"mappings":";;;;;;;;;;;;;MAiBaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAST,EAAA;IARpB,IAAAC,EAAE,GAAAD,EAAA,CAAAC,EAAA;MACFC,OAAO,aAAA;MACPC,iBAAiB,GAAAH,EAAA,CAAAG,iBAAA;MACjBC,QAAQ,GAAAJ,EAAA,CAAAI,QAAA;MACRC,YAAY,GAAAL,EAAA,CAAAK,YAAA;MACZC,EAA4B,GAAAN,EAAA,CAAAO,YAAA;MAA5BA,YAAY,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAGE,SAAS,CAACC,GAAG,GAAAH,EAAA;MAC5BI,EAAa,GAAAV,EAAA,CAAAW,MAAA;MAAbA,MAAM,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAGE,IAAI,GAAAF,EAAA;MACVG,SAAS,GAAAC,MAAA,CAAAd,EAAA,EARiB,4FAS9B,CADa;IAEZ,IAAMe,WAAW,GAAGC,MAAM,CAAwB,IAAI,CAAC;IAEvDC,SAAS,CAAC,YAAA;MACR,IAAIF,WAAW,CAACG,OAAO,EAAEhB,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAGa,WAAW,CAACG,OAAO,CAAC;IACzD,CAAC,EAAE,CAACH,WAAW,CAAC,CAAC;IAEjB,IAAMI,WAAW,GAAGf,QAAQ,IAAIC,YAAY;IAC5C,IAAMe,aAAa,GACjBD,WAAW,IAAIE,aAAa,CAACF,WAAW,CAAC,GAAGG,SAAS,GAAGH,WAAW;;IAGrE,IAAMI,UAAU,GAAGC,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EACdC,sBAAsB,CAAA,EAAA;MACzBC,GAAG,EAAEC,MAAM,CAACD,GAAG;MACfE,eAAe,EAAED,MAAM,CAACE;MACoB;;IAG9C,oBACEC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKC,GAAG,EAAEjB,WAAW;MAAEd,EAAE,EAAEA,EAAE;MAAEgC,SAAS,EAAE9B;IAAiB,CAAA,eACzD2B,KAAC,CAAAC,aAAA,CAAAG,SAAS;MACRC,IAAI,EAAC,QAAQ;MACb/B,QAAQ,EAAEA,QAAQ,IAAIiB,aAAa,CAACjB,QAAQ,CAAC,GAAGkB,SAAS,GAAGlB,QAAQ;MACpEC,YAAY,EAAEe,aAAa;MAC3Bb,YAAY,EACV6B,mBAAmB,CAAC7B,YAAY,CAAC,GAAGA,YAAY,GAAGe,SAAS;MAE9DC,UAAU,EAAEA,UAAU;MACtBc,UAAU,EAAE;QACVC,SAAS,EAAE,SAAAA,CAAA,EAAM;UAAA,oBAAAR,KAAC,CAAAC,aAAA,CAAAQ,gBAAgB,EAAC;YAAAC,IAAI,EAAC;UAAiB,CAAA,CAAA;QAAA,CAAA;QACzDC,QAAQ,EAAE,SAAAA,CAAA,EAAM;UAAA,oBAAAX,KAAC,CAAAC,aAAA,CAAAW,iBAAiB,EAAC;YAAAF,IAAI,EAAC;UAAiB,CAAA,CAAA;QAAA;MAC1D,CAAA;MACD7B,MAAM,EAAEA;IAAM,CAAA,EACVE,SAAS,CACb,CAAA,CACE;EAEV,CAAC;EAEDd,cAAc,CAAC4C,WAAW,GAAG,gBAAgB;EAAA,OAjDhC5C,cAAc;AAAA;"}

package/dist/esm/Calendar/LegacyCalendarRange/LegacyCalendarRange.mjs

@@ -1,7 +1,6 @@
 import { __assign } from 'tslib';
 import React from 'react';
 import { DayPicker } from 'react-day-picker';
-import 'uuid';
 import '../../Icon/subcomponents/SVG/SVG.mjs';
 import { ArrowBackwardIcon } from '../../Icon/ArrowBackwardIcon.mjs';
 import { ArrowForwardIcon } from '../../Icon/ArrowForwardIcon.mjs';

package/dist/esm/Calendar/LegacyCalendarRange/LegacyCalendarRange.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LegacyCalendarRange.mjs","sources":["../../../../src/Calendar/LegacyCalendarRange/LegacyCalendarRange.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  DayPicker,\n  DateRange,\n  DayClickEventHandler,\n  Matcher,\n  DayPickerRangeProps,\n} from \"react-day-picker\"\nimport { ArrowBackwardIcon, ArrowForwardIcon } from \"~components/Icon\"\nimport { baseCalendarClassNames } from \"../baseCalendarClassNames\"\nimport { DayOfWeek } from \"../enums\"\nimport { isInvalidDate, isValidWeekStartsOn } from \"../utils\"\nimport styles from \"./LegacyCalendarRange.module.scss\"\n\nexport type LegacyCalendarRangeElement = HTMLDivElement\n\nexport type LegacyCalendarRangeProps = {\n  classNameOverride?: string\n  defaultMonth?: Date\n  weekStartsOn?: DayOfWeek\n  disabledDays?: Matcher[]\n  selectedRange?: DateRange\n  locale: Locale\n  onDayChange: DayClickEventHandler\n}\n\nexport const LegacyCalendarRange = ({\n  classNameOverride,\n  defaultMonth,\n  weekStartsOn = DayOfWeek.Mon,\n  disabledDays,\n  selectedRange,\n  locale,\n  onDayChange,\n}: LegacyCalendarRangeProps): JSX.Element => {\n  const monthToShow = selectedRange?.from || defaultMonth\n  const selectedMonth =\n    monthToShow && isInvalidDate(monthToShow) ? undefined : monthToShow\n\n  /* eslint-disable camelcase */\n  const classNames = {\n    ...baseCalendarClassNames,\n    nav: styles.nav,\n    nav_button_next: styles.navButtonNext,\n    day_range_start: styles.dayRangeStart,\n    day_range_end: styles.dayRangeEnd,\n    day_range_middle: styles.dayRangeMiddle,\n  } satisfies DayPickerRangeProps[\"classNames\"]\n  /* eslint-enable camelcase */\n\n  return (\n    <div className={classNameOverride}>\n      <DayPicker\n        mode=\"range\"\n        selected={selectedRange}\n        defaultMonth={selectedMonth}\n        weekStartsOn={\n          isValidWeekStartsOn(weekStartsOn) ? weekStartsOn : undefined\n        }\n        disabled={disabledDays}\n        onDayClick={onDayChange}\n        classNames={classNames}\n        components={{\n          IconRight: () => <ArrowForwardIcon role=\"presentation\" />,\n          IconLeft: () => <ArrowBackwardIcon role=\"presentation\" />,\n        }}\n        locale={locale}\n      />\n    </div>\n  )\n}\n\nLegacyCalendarRange.displayName = \"LegacyCalendarRange\"\n"],"names":["LegacyCalendarRange","_a","classNameOverride","defaultMonth","_b","weekStartsOn","DayOfWeek","Mon","disabledDays","selectedRange","locale","onDayChange","monthToShow","from","selectedMonth","isInvalidDate","undefined","classNames","__assign","baseCalendarClassNames","nav","styles","nav_button_next","navButtonNext","day_range_start","dayRangeStart","day_range_end","dayRangeEnd","day_range_middle","dayRangeMiddle","React","createElement","className","DayPicker","mode","selected","isValidWeekStartsOn","disabled","onDayClick","components","IconRight","ArrowForwardIcon","role","IconLeft","ArrowBackwardIcon","displayName"],"mappings":";;;;;;;;;;;;;MA0BaA,mBAAmB;EAAA,MAAnBA,mBAAmB,GAAG,SAAAA,CAACC,EAQT,EAAA;QAPzBC,iBAAiB,GAAAD,EAAA,CAAAC,iBAAA;MACjBC,YAAY,GAAAF,EAAA,CAAAE,YAAA;MACZC,oBAA4B;MAA5BC,YAAY,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAAE,SAAS,CAACC,GAAG,KAAA;MAC5BC,YAAY,GAAAP,EAAA,CAAAO,YAAA;MACZC,aAAa,GAAAR,EAAA,CAAAQ,aAAA;MACbC,MAAM,GAAAT,EAAA,CAAAS,MAAA;MACNC,WAAW,GAAAV,EAAA,CAAAU,WAAA;IAEX,IAAMC,WAAW,GAAG,CAAAH,aAAa,KAAb,IAAA,IAAAA,aAAa,KAAb,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,aAAa,CAAEI,IAAI,KAAIV,YAAY;IACvD,IAAMW,aAAa,GACjBF,WAAW,IAAIG,aAAa,CAACH,WAAW,CAAC,GAAGI,SAAS,GAAGJ,WAAW;;IAGrE,IAAMK,UAAU,GAAGC,QACd,CAAAA,QAAA,CAAA,EAAA,EAAAC,sBAAsB;MACzBC,GAAG,EAAEC,MAAM,CAACD,GAAG;MACfE,eAAe,EAAED,MAAM,CAACE,aAAa;MACrCC,eAAe,EAAEH,MAAM,CAACI,aAAa;MACrCC,aAAa,EAAEL,MAAM,CAACM,WAAW;MACjCC,gBAAgB,EAAEP,MAAM,CAACQ;IAAc,EACI;;IAG7C,oBACEC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKC,SAAS,EAAE9B;IAAiB,CAAA,eAC/B4B,KAAA,CAAAC,aAAA,CAACE,SAAS,EACR;MAAAC,IAAI,EAAC,OAAO;MACZC,QAAQ,EAAE1B,aAAa;MACvBN,YAAY,EAAEW,aAAa;MAC3BT,YAAY,EACV+B,mBAAmB,CAAC/B,YAAY,CAAC,GAAGA,YAAY,GAAGW,SAAS;MAE9DqB,QAAQ,EAAE7B,YAAY;MACtB8B,UAAU,EAAE3B,WAAW;MACvBM,UAAU,EAAEA,UAAU;MACtBsB,UAAU,EAAE;QACVC,SAAS,EAAE,SAAAA,CAAA,EAAM;UAAA,oBAAAV,KAAC,CAAAC,aAAA,CAAAU,gBAAgB,EAAC;YAAAC,IAAI,EAAC;UAAiB,CAAA,CAAA;QAAA,CAAA;QACzDC,QAAQ,EAAE,SAAAA,CAAA,EAAM;UAAA,oBAAAb,KAAC,CAAAC,aAAA,CAAAa,iBAAiB,EAAC;YAAAF,IAAI,EAAC;UAAiB,CAAA,CAAA;QAAA;MAC1D,CAAA;MACDhC,MAAM,EAAEA;IACR,CAAA,CAAA,CACE;EAEV,CAAC;EAEDV,mBAAmB,CAAC6C,WAAW,GAAG,qBAAqB;EAAA,OA9C1C7C,mBAAmB;AAAA;"}
+{"version":3,"file":"LegacyCalendarRange.mjs","sources":["../../../../src/Calendar/LegacyCalendarRange/LegacyCalendarRange.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  DayPicker,\n  DateRange,\n  DayClickEventHandler,\n  Matcher,\n  DayPickerRangeProps,\n} from \"react-day-picker\"\nimport { ArrowBackwardIcon, ArrowForwardIcon } from \"~components/Icon\"\nimport { baseCalendarClassNames } from \"../baseCalendarClassNames\"\nimport { DayOfWeek } from \"../enums\"\nimport { isInvalidDate, isValidWeekStartsOn } from \"../utils\"\nimport styles from \"./LegacyCalendarRange.module.scss\"\n\nexport type LegacyCalendarRangeElement = HTMLDivElement\n\nexport type LegacyCalendarRangeProps = {\n  classNameOverride?: string\n  defaultMonth?: Date\n  weekStartsOn?: DayOfWeek\n  disabledDays?: Matcher[]\n  selectedRange?: DateRange\n  locale: Locale\n  onDayChange: DayClickEventHandler\n}\n\nexport const LegacyCalendarRange = ({\n  classNameOverride,\n  defaultMonth,\n  weekStartsOn = DayOfWeek.Mon,\n  disabledDays,\n  selectedRange,\n  locale,\n  onDayChange,\n}: LegacyCalendarRangeProps): JSX.Element => {\n  const monthToShow = selectedRange?.from || defaultMonth\n  const selectedMonth =\n    monthToShow && isInvalidDate(monthToShow) ? undefined : monthToShow\n\n  /* eslint-disable camelcase */\n  const classNames = {\n    ...baseCalendarClassNames,\n    nav: styles.nav,\n    nav_button_next: styles.navButtonNext,\n    day_range_start: styles.dayRangeStart,\n    day_range_end: styles.dayRangeEnd,\n    day_range_middle: styles.dayRangeMiddle,\n  } satisfies DayPickerRangeProps[\"classNames\"]\n  /* eslint-enable camelcase */\n\n  return (\n    <div className={classNameOverride}>\n      <DayPicker\n        mode=\"range\"\n        selected={selectedRange}\n        defaultMonth={selectedMonth}\n        weekStartsOn={\n          isValidWeekStartsOn(weekStartsOn) ? weekStartsOn : undefined\n        }\n        disabled={disabledDays}\n        onDayClick={onDayChange}\n        classNames={classNames}\n        components={{\n          IconRight: () => <ArrowForwardIcon role=\"presentation\" />,\n          IconLeft: () => <ArrowBackwardIcon role=\"presentation\" />,\n        }}\n        locale={locale}\n      />\n    </div>\n  )\n}\n\nLegacyCalendarRange.displayName = \"LegacyCalendarRange\"\n"],"names":["LegacyCalendarRange","_a","classNameOverride","defaultMonth","_b","weekStartsOn","DayOfWeek","Mon","disabledDays","selectedRange","locale","onDayChange","monthToShow","from","selectedMonth","isInvalidDate","undefined","classNames","__assign","baseCalendarClassNames","nav","styles","nav_button_next","navButtonNext","day_range_start","dayRangeStart","day_range_end","dayRangeEnd","day_range_middle","dayRangeMiddle","React","createElement","className","DayPicker","mode","selected","isValidWeekStartsOn","disabled","onDayClick","components","IconRight","ArrowForwardIcon","role","IconLeft","ArrowBackwardIcon","displayName"],"mappings":";;;;;;;;;;;;MA0BaA,mBAAmB;EAAA,MAAnBA,mBAAmB,GAAG,SAAAA,CAACC,EAQT,EAAA;QAPzBC,iBAAiB,GAAAD,EAAA,CAAAC,iBAAA;MACjBC,YAAY,GAAAF,EAAA,CAAAE,YAAA;MACZC,oBAA4B;MAA5BC,YAAY,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAAE,SAAS,CAACC,GAAG,KAAA;MAC5BC,YAAY,GAAAP,EAAA,CAAAO,YAAA;MACZC,aAAa,GAAAR,EAAA,CAAAQ,aAAA;MACbC,MAAM,GAAAT,EAAA,CAAAS,MAAA;MACNC,WAAW,GAAAV,EAAA,CAAAU,WAAA;IAEX,IAAMC,WAAW,GAAG,CAAAH,aAAa,KAAb,IAAA,IAAAA,aAAa,KAAb,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,aAAa,CAAEI,IAAI,KAAIV,YAAY;IACvD,IAAMW,aAAa,GACjBF,WAAW,IAAIG,aAAa,CAACH,WAAW,CAAC,GAAGI,SAAS,GAAGJ,WAAW;;IAGrE,IAAMK,UAAU,GAAGC,QACd,CAAAA,QAAA,CAAA,EAAA,EAAAC,sBAAsB;MACzBC,GAAG,EAAEC,MAAM,CAACD,GAAG;MACfE,eAAe,EAAED,MAAM,CAACE,aAAa;MACrCC,eAAe,EAAEH,MAAM,CAACI,aAAa;MACrCC,aAAa,EAAEL,MAAM,CAACM,WAAW;MACjCC,gBAAgB,EAAEP,MAAM,CAACQ;IAAc,EACI;;IAG7C,oBACEC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKC,SAAS,EAAE9B;IAAiB,CAAA,eAC/B4B,KAAA,CAAAC,aAAA,CAACE,SAAS,EACR;MAAAC,IAAI,EAAC,OAAO;MACZC,QAAQ,EAAE1B,aAAa;MACvBN,YAAY,EAAEW,aAAa;MAC3BT,YAAY,EACV+B,mBAAmB,CAAC/B,YAAY,CAAC,GAAGA,YAAY,GAAGW,SAAS;MAE9DqB,QAAQ,EAAE7B,YAAY;MACtB8B,UAAU,EAAE3B,WAAW;MACvBM,UAAU,EAAEA,UAAU;MACtBsB,UAAU,EAAE;QACVC,SAAS,EAAE,SAAAA,CAAA,EAAM;UAAA,oBAAAV,KAAC,CAAAC,aAAA,CAAAU,gBAAgB,EAAC;YAAAC,IAAI,EAAC;UAAiB,CAAA,CAAA;QAAA,CAAA;QACzDC,QAAQ,EAAE,SAAAA,CAAA,EAAM;UAAA,oBAAAb,KAAC,CAAAC,aAAA,CAAAa,iBAAiB,EAAC;YAAAF,IAAI,EAAC;UAAiB,CAAA,CAAA;QAAA;MAC1D,CAAA;MACDhC,MAAM,EAAEA;IACR,CAAA,CAAA,CACE;EAEV,CAAC;EAEDV,mBAAmB,CAAC6C,WAAW,GAAG,qBAAqB;EAAA,OA9C1C7C,mBAAmB;AAAA;"}

package/dist/esm/Checkbox/Checkbox/Checkbox.mjs

@@ -1,7 +1,6 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import 'uuid';
 import '../../Icon/subcomponents/SVG/SVG.mjs';
 import { CheckIcon } from '../../Icon/CheckIcon.mjs';
 import { MinusIcon } from '../../Icon/MinusIcon.mjs';

package/dist/esm/Checkbox/Checkbox/Checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.mjs","sources":["../../../../src/Checkbox/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { CheckIcon, MinusIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Checkbox.module.scss\"\n\nexport type CheckedStatus = \"on\" | \"off\" | \"mixed\"\n\nexport type CheckboxProps = {\n  checkedStatus?: CheckedStatus\n  onCheck?: (event: React.ChangeEvent<HTMLInputElement>) => any\n  reversed?: boolean\n  value?: string\n} & OverrideClassName<\n  Omit<InputHTMLAttributes<HTMLInputElement>, \"type\" | \"onChange\" | \"checked\">\n>\n\nconst renderCheckOrMixedIcon = (\n  status: CheckedStatus,\n  reversed: boolean\n): React.ReactNode => {\n  if (status === \"off\") return\n\n  return (\n    <span className={classnames(styles.icon, reversed && styles.reversed)}>\n      {status === \"on\" ? (\n        <CheckIcon role=\"presentation\" inheritSize />\n      ) : (\n        <MinusIcon role=\"presentation\" inheritSize />\n      )}\n    </span>\n  )\n}\n\nconst getCheckedFromStatus = (checkedStatus: CheckedStatus): boolean =>\n  checkedStatus === \"on\"\n\nexport const Checkbox = ({\n  checkedStatus = \"off\",\n  onCheck,\n  reversed = false,\n  value,\n  classNameOverride,\n  ...restProps\n}: CheckboxProps): JSX.Element => (\n  <span className={styles.container}>\n    <input\n      ref={(node): void => {\n        if (node) {\n          node.indeterminate = checkedStatus === \"mixed\"\n        }\n      }}\n      // This is only used as a handle for unit testing\n      data-indeterminate={checkedStatus === \"mixed\"}\n      type=\"checkbox\"\n      className={classnames(\n        styles.checkbox,\n        classNameOverride,\n        reversed && styles.reversed\n      )}\n      checked={getCheckedFromStatus(checkedStatus)}\n      onChange={onCheck}\n      value={value || checkedStatus}\n      readOnly={onCheck === undefined}\n      {...restProps}\n    />\n    <span className={classnames(styles.box, reversed && styles.reversed)}>\n      {renderCheckOrMixedIcon(checkedStatus, reversed)}\n    </span>\n  </span>\n)\n\nCheckbox.displayName = \"Checkbox\"\n"],"names":["renderCheckOrMixedIcon","status","reversed","React","className","classnames","styles","icon","createElement","CheckIcon","role","inheritSize","MinusIcon","getCheckedFromStatus","checkedStatus","Checkbox","_a","_b","onCheck","_c","value","classNameOverride","restProps","__rest","container","__assign","ref","node","indeterminate","type","checkbox","checked","onChange","readOnly","undefined","box","displayName"],"mappings":";;;;;;;;AAiBA,IAAMA,sBAAsB,GAAG,SAAAA,CAC7BC,MAAqB,EACrBC,QAAiB,EAAA;EAEjB,IAAID,MAAM,KAAK,KAAK,EAAE;EAEtB,oBACEE;IAAMC,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,IAAI,EAAEL,QAAQ,IAAII,MAAM,CAACJ,QAAQ;EACjE,CAAA,EAAAD,MAAM,KAAK,IAAI,gBACdE,KAAA,CAAAK,aAAA,CAACC,SAAS,EAAC;IAAAC,IAAI,EAAC,cAAc;IAACC,WAAW,EAAG;EAAA,CAAA,CAAA,gBAE7CR,oBAACS,SAAS,EAAA;IAACF,IAAI,EAAC,cAAc;IAACC,WAAW,EAAG;EAAA,CAAA,CAC9C,CACI;AAEX,CAAC;AAED,IAAME,oBAAoB,GAAG,SAAAA,CAACC,aAA4B,EAAA;EACxD,OAAAA,aAAa,KAAK,IAAI;AAAtB,CAAsB;AAAA,MAEXC,QAAQ;EAAA,MAARA,QAAQ,GAAG,SAAAA,CAACC,EAOT,EAAA;IANd,IAAAC,EAAA,GAAAD,EAAA,CAAAF,aAAqB;MAArBA,aAAa,GAAGG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MACrBC,OAAO,GAAAF,EAAA,CAAAE,OAAA;MACPC,EAAA,GAAAH,EAAA,CAAAd,QAAgB;MAAhBA,QAAQ,mBAAG,KAAK,GAAAiB,EAAA;MAChBC,KAAK,GAAAJ,EAAA,CAAAI,KAAA;MACLC,iBAAiB,GAAAL,EAAA,CAAAK,iBAAA;MACdC,SAAS,GANWC,MAAA,CAAAP,EAAA,EAAA,CAAA,eAAA,EAAA,SAAA,EAAA,UAAA,EAAA,OAAA,EAAA,mBAAA,CAOxB,CADa;IACoB,oBAChCb,KAAM,CAAAK,aAAA,CAAA,MAAA,EAAA;MAAAJ,SAAS,EAAEE,MAAM,CAACkB;IAAS,CAAA,eAC/BrB,KACE,CAAAK,aAAA,CAAA,OAAA,EAAAiB,QAAA,CAAA;MAAAC,GAAG,EAAE,SAAAA,CAACC,IAAI,EAAA;QACR,IAAIA,IAAI,EAAE;UACRA,IAAI,CAACC,aAAa,GAAGd,aAAa,KAAK,OAAO;QAC/C;MACF,CAAA;MAAA,oBAAA,EAEmBA,aAAa,KAAK,OAAO;MAC7Ce,IAAI,EAAC,UAAU;MACfzB,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACwB,QAAQ,EACfT,iBAAiB,EACjBnB,QAAQ,IAAII,MAAM,CAACJ,QAAQ,CAC5B;MACD6B,OAAO,EAAElB,oBAAoB,CAACC,aAAa,CAAC;MAC5CkB,QAAQ,EAAEd,OAAO;MACjBE,KAAK,EAAEA,KAAK,IAAIN,aAAa;MAC7BmB,QAAQ,EAAEf,OAAO,KAAKgB;IAClB,CAAA,EAAAZ,SAAS,CACb,CAAA,eACFnB,KAAM,CAAAK,aAAA,CAAA,MAAA,EAAA;MAAAJ,SAAS,EAAEC,UAAU,CAACC,MAAM,CAAC6B,GAAG,EAAEjC,QAAQ,IAAII,MAAM,CAACJ,QAAQ;KAAC,EACjEF,sBAAsB,CAACc,aAAa,EAAEZ,QAAQ,CAAC,CAC3C,CACF;GACR;EAEDa,QAAQ,CAACqB,WAAW,GAAG,UAAU;EAAA,OAnCpBrB,QAAQ;AAAA;"}
+{"version":3,"file":"Checkbox.mjs","sources":["../../../../src/Checkbox/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { CheckIcon, MinusIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Checkbox.module.scss\"\n\nexport type CheckedStatus = \"on\" | \"off\" | \"mixed\"\n\nexport type CheckboxProps = {\n  checkedStatus?: CheckedStatus\n  onCheck?: (event: React.ChangeEvent<HTMLInputElement>) => any\n  reversed?: boolean\n  value?: string\n} & OverrideClassName<\n  Omit<InputHTMLAttributes<HTMLInputElement>, \"type\" | \"onChange\" | \"checked\">\n>\n\nconst renderCheckOrMixedIcon = (\n  status: CheckedStatus,\n  reversed: boolean\n): React.ReactNode => {\n  if (status === \"off\") return\n\n  return (\n    <span className={classnames(styles.icon, reversed && styles.reversed)}>\n      {status === \"on\" ? (\n        <CheckIcon role=\"presentation\" inheritSize />\n      ) : (\n        <MinusIcon role=\"presentation\" inheritSize />\n      )}\n    </span>\n  )\n}\n\nconst getCheckedFromStatus = (checkedStatus: CheckedStatus): boolean =>\n  checkedStatus === \"on\"\n\nexport const Checkbox = ({\n  checkedStatus = \"off\",\n  onCheck,\n  reversed = false,\n  value,\n  classNameOverride,\n  ...restProps\n}: CheckboxProps): JSX.Element => (\n  <span className={styles.container}>\n    <input\n      ref={(node): void => {\n        if (node) {\n          node.indeterminate = checkedStatus === \"mixed\"\n        }\n      }}\n      // This is only used as a handle for unit testing\n      data-indeterminate={checkedStatus === \"mixed\"}\n      type=\"checkbox\"\n      className={classnames(\n        styles.checkbox,\n        classNameOverride,\n        reversed && styles.reversed\n      )}\n      checked={getCheckedFromStatus(checkedStatus)}\n      onChange={onCheck}\n      value={value || checkedStatus}\n      readOnly={onCheck === undefined}\n      {...restProps}\n    />\n    <span className={classnames(styles.box, reversed && styles.reversed)}>\n      {renderCheckOrMixedIcon(checkedStatus, reversed)}\n    </span>\n  </span>\n)\n\nCheckbox.displayName = \"Checkbox\"\n"],"names":["renderCheckOrMixedIcon","status","reversed","React","className","classnames","styles","icon","createElement","CheckIcon","role","inheritSize","MinusIcon","getCheckedFromStatus","checkedStatus","Checkbox","_a","_b","onCheck","_c","value","classNameOverride","restProps","__rest","container","__assign","ref","node","indeterminate","type","checkbox","checked","onChange","readOnly","undefined","box","displayName"],"mappings":";;;;;;;AAiBA,IAAMA,sBAAsB,GAAG,SAAAA,CAC7BC,MAAqB,EACrBC,QAAiB,EAAA;EAEjB,IAAID,MAAM,KAAK,KAAK,EAAE;EAEtB,oBACEE;IAAMC,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,IAAI,EAAEL,QAAQ,IAAII,MAAM,CAACJ,QAAQ;EACjE,CAAA,EAAAD,MAAM,KAAK,IAAI,gBACdE,KAAA,CAAAK,aAAA,CAACC,SAAS,EAAC;IAAAC,IAAI,EAAC,cAAc;IAACC,WAAW,EAAG;EAAA,CAAA,CAAA,gBAE7CR,oBAACS,SAAS,EAAA;IAACF,IAAI,EAAC,cAAc;IAACC,WAAW,EAAG;EAAA,CAAA,CAC9C,CACI;AAEX,CAAC;AAED,IAAME,oBAAoB,GAAG,SAAAA,CAACC,aAA4B,EAAA;EACxD,OAAAA,aAAa,KAAK,IAAI;AAAtB,CAAsB;AAAA,MAEXC,QAAQ;EAAA,MAARA,QAAQ,GAAG,SAAAA,CAACC,EAOT,EAAA;IANd,IAAAC,EAAA,GAAAD,EAAA,CAAAF,aAAqB;MAArBA,aAAa,GAAGG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MACrBC,OAAO,GAAAF,EAAA,CAAAE,OAAA;MACPC,EAAA,GAAAH,EAAA,CAAAd,QAAgB;MAAhBA,QAAQ,mBAAG,KAAK,GAAAiB,EAAA;MAChBC,KAAK,GAAAJ,EAAA,CAAAI,KAAA;MACLC,iBAAiB,GAAAL,EAAA,CAAAK,iBAAA;MACdC,SAAS,GANWC,MAAA,CAAAP,EAAA,EAAA,CAAA,eAAA,EAAA,SAAA,EAAA,UAAA,EAAA,OAAA,EAAA,mBAAA,CAOxB,CADa;IACoB,oBAChCb,KAAM,CAAAK,aAAA,CAAA,MAAA,EAAA;MAAAJ,SAAS,EAAEE,MAAM,CAACkB;IAAS,CAAA,eAC/BrB,KACE,CAAAK,aAAA,CAAA,OAAA,EAAAiB,QAAA,CAAA;MAAAC,GAAG,EAAE,SAAAA,CAACC,IAAI,EAAA;QACR,IAAIA,IAAI,EAAE;UACRA,IAAI,CAACC,aAAa,GAAGd,aAAa,KAAK,OAAO;QAC/C;MACF,CAAA;MAAA,oBAAA,EAEmBA,aAAa,KAAK,OAAO;MAC7Ce,IAAI,EAAC,UAAU;MACfzB,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACwB,QAAQ,EACfT,iBAAiB,EACjBnB,QAAQ,IAAII,MAAM,CAACJ,QAAQ,CAC5B;MACD6B,OAAO,EAAElB,oBAAoB,CAACC,aAAa,CAAC;MAC5CkB,QAAQ,EAAEd,OAAO;MACjBE,KAAK,EAAEA,KAAK,IAAIN,aAAa;MAC7BmB,QAAQ,EAAEf,OAAO,KAAKgB;IAClB,CAAA,EAAAZ,SAAS,CACb,CAAA,eACFnB,KAAM,CAAAK,aAAA,CAAA,MAAA,EAAA;MAAAJ,SAAS,EAAEC,UAAU,CAACC,MAAM,CAAC6B,GAAG,EAAEjC,QAAQ,IAAII,MAAM,CAACJ,QAAQ;KAAC,EACjEF,sBAAsB,CAACc,aAAa,EAAEZ,QAAQ,CAAC,CAC3C,CACF;GACR;EAEDa,QAAQ,CAACqB,WAAW,GAAG,UAAU;EAAA,OAnCpBrB,QAAQ;AAAA;"}

package/dist/esm/ClearButton/ClearButton.mjs

@@ -1,7 +1,6 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
-import 'uuid';
 import '../Icon/subcomponents/SVG/SVG.mjs';
 import { ClearIcon } from '../Icon/ClearIcon.mjs';
 import styles from './ClearButton.module.scss.mjs';

package/dist/esm/ClearButton/ClearButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ClearButton.mjs","sources":["../../../src/ClearButton/ClearButton.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { ClearIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./ClearButton.module.scss\"\n\nexport type ClearButtonProps = {\n  isReversed?: boolean\n} & OverrideClassName<Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"children\">>\n\nexport const ClearButton = ({\n  classNameOverride,\n  isReversed = false,\n  ...restProps\n}: ClearButtonProps): JSX.Element => (\n  <button\n    type=\"button\"\n    aria-label=\"clear\"\n    className={classnames(\n      styles.clearButton,\n      isReversed ? styles.reversed : styles.default,\n      classNameOverride\n    )}\n    {...restProps}\n  >\n    <ClearIcon role=\"presentation\" />\n  </button>\n)\n\nClearButton.displayName = \"ClearButton\"\n"],"names":["ClearButton","_a","classNameOverride","_b","isReversed","restProps","__rest","React","createElement","__assign","type","className","classnames","styles","clearButton","reversed","ClearIcon","role","displayName"],"mappings":";;;;;;;MAUaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAIT,EAAA;IAHjB,IAAAC,iBAAiB,GAAAD,EAAA,CAAAC,iBAAA;MACjBC,EAAA,GAAAF,EAAA,CAAAG,UAAkB;MAAlBA,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MACfE,SAAS,GAAAC,MAAA,CAAAL,EAAA,EAHc,mCAI3B,CADa;IACuB,oBACnCM,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAAC,QAAA,CAAA;MACEC,IAAI,EAAC,QAAQ;MACF,YAAA,EAAA,OAAO;MAClBC,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACC,WAAW,EAClBV,UAAU,GAAGS,MAAM,CAACE,QAAQ,GAAGF,MAAM,CAAC,SAAO,CAAA,EAC7CX,iBAAiB;OAEfG,SAAS,CAAA,eAEbE,KAAC,CAAAC,aAAA,CAAAQ,SAAS;MAACC,IAAI,EAAC;IAAiB,CAAA,CAAA,CAC1B;GACV;EAEDjB,WAAW,CAACkB,WAAW,GAAG,aAAa;EAAA,OAnB1BlB,WAAW;AAAA;"}
+{"version":3,"file":"ClearButton.mjs","sources":["../../../src/ClearButton/ClearButton.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { ClearIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./ClearButton.module.scss\"\n\nexport type ClearButtonProps = {\n  isReversed?: boolean\n} & OverrideClassName<Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"children\">>\n\nexport const ClearButton = ({\n  classNameOverride,\n  isReversed = false,\n  ...restProps\n}: ClearButtonProps): JSX.Element => (\n  <button\n    type=\"button\"\n    aria-label=\"clear\"\n    className={classnames(\n      styles.clearButton,\n      isReversed ? styles.reversed : styles.default,\n      classNameOverride\n    )}\n    {...restProps}\n  >\n    <ClearIcon role=\"presentation\" />\n  </button>\n)\n\nClearButton.displayName = \"ClearButton\"\n"],"names":["ClearButton","_a","classNameOverride","_b","isReversed","restProps","__rest","React","createElement","__assign","type","className","classnames","styles","clearButton","reversed","ClearIcon","role","displayName"],"mappings":";;;;;;MAUaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAIT,EAAA;IAHjB,IAAAC,iBAAiB,GAAAD,EAAA,CAAAC,iBAAA;MACjBC,EAAA,GAAAF,EAAA,CAAAG,UAAkB;MAAlBA,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MACfE,SAAS,GAAAC,MAAA,CAAAL,EAAA,EAHc,mCAI3B,CADa;IACuB,oBACnCM,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAAC,QAAA,CAAA;MACEC,IAAI,EAAC,QAAQ;MACF,YAAA,EAAA,OAAO;MAClBC,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACC,WAAW,EAClBV,UAAU,GAAGS,MAAM,CAACE,QAAQ,GAAGF,MAAM,CAAC,SAAO,CAAA,EAC7CX,iBAAiB;OAEfG,SAAS,CAAA,eAEbE,KAAC,CAAAC,aAAA,CAAAQ,SAAS;MAACC,IAAI,EAAC;IAAiB,CAAA,CAAA,CAC1B;GACV;EAEDjB,WAAW,CAACkB,WAAW,GAAG,aAAa;EAAA,OAnB1BlB,WAAW;AAAA;"}

package/dist/esm/Collapsible/Collapsible/Collapsible.mjs

@@ -2,10 +2,9 @@ import { __rest, __assign } from 'tslib';
 import React, { useState, useId } from 'react';
 import classnames from 'classnames';
 import AnimateHeight from 'react-animate-height';
-import { Heading } from '@kaizen/typography';
 import '../../Button/Button/Button.mjs';
 import { IconButton } from '../../Button/IconButton/IconButton.mjs';
-import 'uuid';
+import { Heading } from '../../Heading/Heading.mjs';
 import '../../Icon/subcomponents/SVG/SVG.mjs';
 import { ChevronDownIcon } from '../../Icon/ChevronDownIcon.mjs';
 import { ChevronUpIcon } from '../../Icon/ChevronUpIcon.mjs';

package/dist/esm/Collapsible/Collapsible/Collapsible.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.mjs","sources":["../../../../src/Collapsible/Collapsible/Collapsible.tsx"],"sourcesContent":["import React, { HTMLAttributes, useId, useState } from \"react\"\nimport classnames from \"classnames\"\nimport AnimateHeight from \"react-animate-height\"\nimport { Heading } from \"@kaizen/typography\"\nimport { IconButton } from \"~components/Button\"\nimport { ChevronUpIcon, ChevronDownIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { Sticky } from \"../types\"\nimport styles from \"./Collapsible.module.scss\"\n\nexport type CollapsibleProps = {\n  children: JSX.Element | JSX.Element[] | string\n  title: string\n  renderHeader?: (title: string) => JSX.Element | JSX.Element[]\n  open?: boolean\n  group?: boolean\n  separated?: boolean\n  sticky?: Sticky\n  noSectionPadding?: boolean\n  onToggle?: (open: boolean, id: string) => void\n  /**\n   * By default, the header will change background colour when open. When the variant\n   * is set to 'clear', it will not have a background but a border-bottom will appear\n   * to separate the heading from the content.\n   */\n  variant?: \"default\" | \"clear\"\n  /**\n   * Will avoid rendering the content until required (especially important when you\n   * have queries inside sections).\n   * Removes animation.\n   */\n  lazyLoad?: boolean\n  /**\n   * Disables internal `open` state, allowing it to be controlled in the usage.\n   */\n  controlled?: boolean\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Collapsible = ({\n  children,\n  title,\n  renderHeader,\n  open,\n  group,\n  separated,\n  sticky,\n  noSectionPadding,\n  onToggle,\n  variant,\n  lazyLoad,\n  controlled,\n  classNameOverride,\n  id: propsId,\n  ...restProps\n}: CollapsibleProps): JSX.Element => {\n  const [stateIsOpen, setIsOpen] = useState<boolean>(open ?? false)\n  const getOpen = (): boolean | undefined => (controlled ? open : stateIsOpen)\n\n  const id = propsId ?? useId()\n\n  const handleSectionToggle = (): void => {\n    const newIsOpen = !getOpen()\n    if (!controlled) setIsOpen(newIsOpen)\n    onToggle?.(newIsOpen, id)\n  }\n\n  const handleButtonPress = (event: React.MouseEvent): void => {\n    event.stopPropagation()\n    handleSectionToggle()\n  }\n\n  const buttonId = `${id}-button`\n  const sectionId = `${id}-section`\n  const isOpen = getOpen()\n  const isContainer = !group || separated\n\n  return (\n    <div\n      id={id}\n      className={classnames(\n        classNameOverride,\n        isContainer && styles.container,\n        group && !separated && styles.groupItem,\n        separated && styles.separated,\n        isOpen && styles.open,\n        !group && styles.single\n      )}\n      data-testid={`collapsible-container-${id}`}\n      {...restProps} // `title` is missing because it is used for the header; requires breaking change to fix\n    >\n      {/* Disabling these a11y linting errors because there is an IconButton that mitigates these concerns. The onClick here is just an additional layer. */}\n      {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,\n      jsx-a11y/no-static-element-interactions */}\n      <div\n        className={classnames(\n          styles.header,\n          isOpen && styles.open,\n          sticky && styles.sticky,\n          isOpen && variant === \"default\" && styles.defaultVariant,\n          isOpen && variant === \"clear\" && styles.clearVariant\n        )}\n        style={sticky && { top: sticky.top }}\n        onClick={handleSectionToggle}\n        data-testid={`collapsible-header-${id}`}\n      >\n        {renderHeader !== undefined ? (\n          renderHeader(title)\n        ) : (\n          <div\n            className={styles.title}\n            data-testid={`collapsible-button-title-${id}`}\n          >\n            <Heading variant=\"heading-4\" tag=\"span\">\n              {title}\n            </Heading>\n          </div>\n        )}\n        <div>\n          <IconButton\n            label={title}\n            icon={\n              isOpen ? (\n                <ChevronUpIcon role=\"presentation\" />\n              ) : (\n                <ChevronDownIcon role=\"presentation\" />\n              )\n            }\n            type=\"button\"\n            aria-expanded={isOpen}\n            aria-controls={sectionId}\n            data-testid={`collapsible-button-${id}`}\n            id={buttonId}\n            onClick={handleButtonPress}\n            classNameOverride={styles.chevronButton}\n          />\n        </div>\n      </div>\n      {(!lazyLoad || isOpen) && (\n        <AnimateHeight\n          height={isOpen ? \"auto\" : 0}\n          data-testid={`collapsible-section-${id}`}\n        >\n          <div\n            id={sectionId}\n            className={classnames(\n              styles.section,\n              noSectionPadding && styles.noPadding\n            )}\n            role=\"region\"\n            aria-labelledby={buttonId}\n          >\n            {children}\n          </div>\n        </AnimateHeight>\n      )}\n    </div>\n  )\n}\n\nCollapsible.displayName = \"Collapsible\"\n"],"names":["Collapsible","_a","children","title","renderHeader","open","group","separated","sticky","noSectionPadding","onToggle","variant","lazyLoad","controlled","classNameOverride","propsId","restProps","__rest","_b","useState","stateIsOpen","setIsOpen","getOpen","id","useId","handleSectionToggle","newIsOpen","handleButtonPress","event","stopPropagation","buttonId","concat","sectionId","isOpen","isContainer","React","className","classnames","styles","container","groupItem","single","createElement","header","defaultVariant","clearVariant","style","top","onClick","undefined","Heading","tag","IconButton","label","icon","ChevronUpIcon","role","ChevronDownIcon","type","chevronButton","AnimateHeight","height","section","noPadding","displayName"],"mappings":"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"}
+{"version":3,"file":"Collapsible.mjs","sources":["../../../../src/Collapsible/Collapsible/Collapsible.tsx"],"sourcesContent":["import React, { HTMLAttributes, useId, useState } from \"react\"\nimport classnames from \"classnames\"\nimport AnimateHeight from \"react-animate-height\"\nimport { IconButton } from \"~components/Button\"\nimport { Heading } from \"~components/Heading\"\nimport { ChevronUpIcon, ChevronDownIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { Sticky } from \"../types\"\nimport styles from \"./Collapsible.module.scss\"\n\nexport type CollapsibleProps = {\n  children: JSX.Element | JSX.Element[] | string\n  title: string\n  renderHeader?: (title: string) => JSX.Element | JSX.Element[]\n  open?: boolean\n  group?: boolean\n  separated?: boolean\n  sticky?: Sticky\n  noSectionPadding?: boolean\n  onToggle?: (open: boolean, id: string) => void\n  /**\n   * By default, the header will change background colour when open. When the variant\n   * is set to 'clear', it will not have a background but a border-bottom will appear\n   * to separate the heading from the content.\n   */\n  variant?: \"default\" | \"clear\"\n  /**\n   * Will avoid rendering the content until required (especially important when you\n   * have queries inside sections).\n   * Removes animation.\n   */\n  lazyLoad?: boolean\n  /**\n   * Disables internal `open` state, allowing it to be controlled in the usage.\n   */\n  controlled?: boolean\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Collapsible = ({\n  children,\n  title,\n  renderHeader,\n  open,\n  group,\n  separated,\n  sticky,\n  noSectionPadding,\n  onToggle,\n  variant,\n  lazyLoad,\n  controlled,\n  classNameOverride,\n  id: propsId,\n  ...restProps\n}: CollapsibleProps): JSX.Element => {\n  const [stateIsOpen, setIsOpen] = useState<boolean>(open ?? false)\n  const getOpen = (): boolean | undefined => (controlled ? open : stateIsOpen)\n\n  const id = propsId ?? useId()\n\n  const handleSectionToggle = (): void => {\n    const newIsOpen = !getOpen()\n    if (!controlled) setIsOpen(newIsOpen)\n    onToggle?.(newIsOpen, id)\n  }\n\n  const handleButtonPress = (event: React.MouseEvent): void => {\n    event.stopPropagation()\n    handleSectionToggle()\n  }\n\n  const buttonId = `${id}-button`\n  const sectionId = `${id}-section`\n  const isOpen = getOpen()\n  const isContainer = !group || separated\n\n  return (\n    <div\n      id={id}\n      className={classnames(\n        classNameOverride,\n        isContainer && styles.container,\n        group && !separated && styles.groupItem,\n        separated && styles.separated,\n        isOpen && styles.open,\n        !group && styles.single\n      )}\n      data-testid={`collapsible-container-${id}`}\n      {...restProps} // `title` is missing because it is used for the header; requires breaking change to fix\n    >\n      {/* Disabling these a11y linting errors because there is an IconButton that mitigates these concerns. The onClick here is just an additional layer. */}\n      {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,\n      jsx-a11y/no-static-element-interactions */}\n      <div\n        className={classnames(\n          styles.header,\n          isOpen && styles.open,\n          sticky && styles.sticky,\n          isOpen && variant === \"default\" && styles.defaultVariant,\n          isOpen && variant === \"clear\" && styles.clearVariant\n        )}\n        style={sticky && { top: sticky.top }}\n        onClick={handleSectionToggle}\n        data-testid={`collapsible-header-${id}`}\n      >\n        {renderHeader !== undefined ? (\n          renderHeader(title)\n        ) : (\n          <div\n            className={styles.title}\n            data-testid={`collapsible-button-title-${id}`}\n          >\n            <Heading variant=\"heading-4\" tag=\"span\">\n              {title}\n            </Heading>\n          </div>\n        )}\n        <div>\n          <IconButton\n            label={title}\n            icon={\n              isOpen ? (\n                <ChevronUpIcon role=\"presentation\" />\n              ) : (\n                <ChevronDownIcon role=\"presentation\" />\n              )\n            }\n            type=\"button\"\n            aria-expanded={isOpen}\n            aria-controls={sectionId}\n            data-testid={`collapsible-button-${id}`}\n            id={buttonId}\n            onClick={handleButtonPress}\n            classNameOverride={styles.chevronButton}\n          />\n        </div>\n      </div>\n      {(!lazyLoad || isOpen) && (\n        <AnimateHeight\n          height={isOpen ? \"auto\" : 0}\n          data-testid={`collapsible-section-${id}`}\n        >\n          <div\n            id={sectionId}\n            className={classnames(\n              styles.section,\n              noSectionPadding && styles.noPadding\n            )}\n            role=\"region\"\n            aria-labelledby={buttonId}\n          >\n            {children}\n          </div>\n        </AnimateHeight>\n      )}\n    </div>\n  )\n}\n\nCollapsible.displayName = \"Collapsible\"\n"],"names":["Collapsible","_a","children","title","renderHeader","open","group","separated","sticky","noSectionPadding","onToggle","variant","lazyLoad","controlled","classNameOverride","propsId","restProps","__rest","_b","useState","stateIsOpen","setIsOpen","getOpen","id","useId","handleSectionToggle","newIsOpen","handleButtonPress","event","stopPropagation","buttonId","concat","sectionId","isOpen","isContainer","React","className","classnames","styles","container","groupItem","single","createElement","header","defaultVariant","clearVariant","style","top","onClick","undefined","Heading","tag","IconButton","label","icon","ChevronUpIcon","role","ChevronDownIcon","type","chevronButton","AnimateHeight","height","section","noPadding","displayName"],"mappings":"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"}

package/dist/esm/Collapsible/ExpertAdviceCollapsible/ExpertAdviceCollapsible.mjs

@@ -1,8 +1,8 @@
 import { __assign } from 'tslib';
 import React from 'react';
-import { Heading } from '@kaizen/typography';
 import { Brand } from '../../Brand/Brand.mjs';
 import { Collapsible } from '../Collapsible/Collapsible.mjs';
+import { Heading } from '../../Heading/Heading.mjs';
 import styles from './ExpertAdviceCollapsible.module.scss.mjs';
 
 /**

package/dist/esm/Collapsible/ExpertAdviceCollapsible/ExpertAdviceCollapsible.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ExpertAdviceCollapsible.mjs","sources":["../../../../src/Collapsible/ExpertAdviceCollapsible/ExpertAdviceCollapsible.tsx"],"sourcesContent":["import React from \"react\"\nimport { Heading } from \"@kaizen/typography\"\nimport { Brand } from \"~components/Brand\"\nimport {\n  CollapsibleProps,\n  Collapsible,\n} from \"~components/Collapsible/Collapsible\"\nimport styles from \"./ExpertAdviceCollapsible.module.scss\"\n\nexport type ExpertAdviceCollapsibleProps = Omit<\n  CollapsibleProps,\n  \"renderHeader\" | \"variant\" | \"group\" | \"separated\"\n>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094383/Collapsible Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-collapsible--docs Storybook}\n */\nexport const ExpertAdviceCollapsible = (\n  props: ExpertAdviceCollapsibleProps\n): JSX.Element => (\n  <Collapsible\n    {...props}\n    noSectionPadding\n    classNameOverride={styles.expertAdviceContainer}\n    renderHeader={(): JSX.Element => (\n      <>\n        <div className={styles.expertAdviceHeader}>\n          <Brand\n            classNameOverride={styles.expertAdviceIcon}\n            alt=\"Expert Advice\"\n            variant=\"collective-intelligence\"\n            reversed\n          />\n          <Heading\n            variant=\"heading-4\"\n            tag=\"span\"\n            classNameOverride={styles.expertAdviceHeading}\n          >\n            {props.title}\n          </Heading>\n        </div>\n      </>\n    )}\n  >\n    <div className={styles.expertAdviceSection}>{props.children}</div>\n  </Collapsible>\n)\n\nExpertAdviceCollapsible.displayName = \"ExpertAdviceCollapsible\"\n"],"names":["ExpertAdviceCollapsible","props","React","createElement","Collapsible","__assign","noSectionPadding","classNameOverride","styles","expertAdviceContainer","renderHeader","Fragment","className","expertAdviceHeader","Brand","expertAdviceIcon","alt","variant","reversed","Heading","tag","expertAdviceHeading","title","expertAdviceSection","children","displayName"],"mappings":";;;;;;;AAcA;;;AAGG;AAHH,MAIaA,uBAAuB;EAAA,MAAvBA,uBAAuB,GAAG,SAAAA,CACrCC,KAAmC,EAAA;IACnB,oBAChBC,KAAC,CAAAC,aAAA,CAAAC,WAAW,EACNC,QAAA,CAAA,EAAA,EAAAJ,KAAK;MACTK,gBAAgB,EAAA,IAAA;MAChBC,iBAAiB,EAAEC,MAAM,CAACC,qBAAqB;MAC/CC,YAAY,EAAE,SAAAA,CAAA,EAAmB;QAAA,oBAC/BR,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAS,QAAA,EAAA,IAAA,eACET,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;UAAKS,SAAS,EAAEJ,MAAM,CAACK;QAAkB,CAAA,eACvCX,KAAA,CAAAC,aAAA,CAACW,KAAK,EACJ;UAAAP,iBAAiB,EAAEC,MAAM,CAACO,gBAAgB;UAC1CC,GAAG,EAAC,eAAe;UACnBC,OAAO,EAAC,yBAAyB;UACjCC,QAAQ,EACR;QAAA,CAAA,CAAA,eACFhB,KAAC,CAAAC,aAAA,CAAAgB,OAAO,EACN;UAAAF,OAAO,EAAC,WAAW;UACnBG,GAAG,EAAC,MAAM;UACVb,iBAAiB,EAAEC,MAAM,CAACa;QAAmB,CAE5C,EAAApB,KAAK,CAACqB,KAAK,CACJ,CACN,CACL;MACJ;KAAA,CAAA,eAEDpB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKS,SAAS,EAAEJ,MAAM,CAACe;IAAmB,CAAG,EAAAtB,KAAK,CAACuB,QAAQ,CAAO,CACtD;EACf,CAAA;EAEDxB,uBAAuB,CAACyB,WAAW,GAAG,yBAAyB;EAAA,OA/BlDzB,uBAAuB;AAAA;"}
+{"version":3,"file":"ExpertAdviceCollapsible.mjs","sources":["../../../../src/Collapsible/ExpertAdviceCollapsible/ExpertAdviceCollapsible.tsx"],"sourcesContent":["import React from \"react\"\nimport { Brand } from \"~components/Brand\"\nimport {\n  CollapsibleProps,\n  Collapsible,\n} from \"~components/Collapsible/Collapsible\"\nimport { Heading } from \"~components/Heading\"\nimport styles from \"./ExpertAdviceCollapsible.module.scss\"\n\nexport type ExpertAdviceCollapsibleProps = Omit<\n  CollapsibleProps,\n  \"renderHeader\" | \"variant\" | \"group\" | \"separated\"\n>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094383/Collapsible Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-collapsible--docs Storybook}\n */\nexport const ExpertAdviceCollapsible = (\n  props: ExpertAdviceCollapsibleProps\n): JSX.Element => (\n  <Collapsible\n    {...props}\n    noSectionPadding\n    classNameOverride={styles.expertAdviceContainer}\n    renderHeader={(): JSX.Element => (\n      <>\n        <div className={styles.expertAdviceHeader}>\n          <Brand\n            classNameOverride={styles.expertAdviceIcon}\n            alt=\"Expert Advice\"\n            variant=\"collective-intelligence\"\n            reversed\n          />\n          <Heading\n            variant=\"heading-4\"\n            tag=\"span\"\n            classNameOverride={styles.expertAdviceHeading}\n          >\n            {props.title}\n          </Heading>\n        </div>\n      </>\n    )}\n  >\n    <div className={styles.expertAdviceSection}>{props.children}</div>\n  </Collapsible>\n)\n\nExpertAdviceCollapsible.displayName = \"ExpertAdviceCollapsible\"\n"],"names":["ExpertAdviceCollapsible","props","React","createElement","Collapsible","__assign","noSectionPadding","classNameOverride","styles","expertAdviceContainer","renderHeader","Fragment","className","expertAdviceHeader","Brand","expertAdviceIcon","alt","variant","reversed","Heading","tag","expertAdviceHeading","title","expertAdviceSection","children","displayName"],"mappings":";;;;;;;AAcA;;;AAGG;AAHH,MAIaA,uBAAuB;EAAA,MAAvBA,uBAAuB,GAAG,SAAAA,CACrCC,KAAmC,EAAA;IACnB,oBAChBC,KAAC,CAAAC,aAAA,CAAAC,WAAW,EACNC,QAAA,CAAA,EAAA,EAAAJ,KAAK;MACTK,gBAAgB,EAAA,IAAA;MAChBC,iBAAiB,EAAEC,MAAM,CAACC,qBAAqB;MAC/CC,YAAY,EAAE,SAAAA,CAAA,EAAmB;QAAA,oBAC/BR,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAS,QAAA,EAAA,IAAA,eACET,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;UAAKS,SAAS,EAAEJ,MAAM,CAACK;QAAkB,CAAA,eACvCX,KAAA,CAAAC,aAAA,CAACW,KAAK,EACJ;UAAAP,iBAAiB,EAAEC,MAAM,CAACO,gBAAgB;UAC1CC,GAAG,EAAC,eAAe;UACnBC,OAAO,EAAC,yBAAyB;UACjCC,QAAQ,EACR;QAAA,CAAA,CAAA,eACFhB,KAAC,CAAAC,aAAA,CAAAgB,OAAO,EACN;UAAAF,OAAO,EAAC,WAAW;UACnBG,GAAG,EAAC,MAAM;UACVb,iBAAiB,EAAEC,MAAM,CAACa;QAAmB,CAE5C,EAAApB,KAAK,CAACqB,KAAK,CACJ,CACN,CACL;MACJ;KAAA,CAAA,eAEDpB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKS,SAAS,EAAEJ,MAAM,CAACe;IAAmB,CAAG,EAAAtB,KAAK,CAACuB,QAAQ,CAAO,CACtD;EACf,CAAA;EAEDxB,uBAAuB,CAACyB,WAAW,GAAG,yBAAyB;EAAA,OA/BlDzB,uBAAuB;AAAA;"}