npm - @kaizen/components - Versions diffs - 1.28.0 → 1.30.0 - Mend

@kaizen/components 1.28.0 → 1.30.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1218) hide show

package/dist/cjs/BrandMoment/BrandMoment.cjs CHANGED Viewed

@@ -7,8 +7,6 @@ var hostedAssets = require('@kaizen/hosted-assets');
 var typography = require('@kaizen/typography');
 var Button = require('../Button/Button/Button.cjs');
 require('../Button/IconButton/IconButton.cjs');
-require('../Button/PaginationLink/PaginationLink.cjs');
-require('../Button/DirectionalLink/DirectionalLink.cjs');
 var useMediaQueries = require('../utils/useMediaQueries.cjs');
 var BrandMoment_module = require('./BrandMoment.module.scss.cjs');

package/dist/cjs/BrandMoment/BrandMoment.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BrandMoment.cjs","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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"}
1	+ {"version":3,"file":"BrandMoment.cjs","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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"}

package/dist/cjs/Button/GenericButton/GenericButton.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GenericButton.cjs","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}\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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"}
1	+ {"version":3,"file":"GenericButton.cjs","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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"}

package/dist/cjs/Collapsible/Collapsible/Collapsible.cjs CHANGED Viewed

@@ -7,8 +7,6 @@ var AnimateHeight = require('react-animate-height');
 var typography = require('@kaizen/typography');
 require('../../Button/Button/Button.cjs');
 var IconButton = require('../../Button/IconButton/IconButton.cjs');
-require('../../Button/PaginationLink/PaginationLink.cjs');
-require('../../Button/DirectionalLink/DirectionalLink.cjs');
 require('uuid');
 require('../../Icon/subcomponents/SVG/SVG.cjs');
 var ChevronDownIcon = require('../../Icon/ChevronDownIcon.cjs');

package/dist/cjs/Collapsible/Collapsible/Collapsible.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Collapsible.cjs","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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"}
1	+ {"version":3,"file":"Collapsible.cjs","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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"}

package/dist/cjs/Container/Container.cjs ADDED Viewed

@@ -0,0 +1,28 @@
+'use strict';
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var Container_module = require('./Container.module.scss.cjs');
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3086156812/Layout Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-content--docs Storybook}
+ */
+const Container = /*#__PURE__*/function () {
+  const Container = React.forwardRef(function (_a, ref) {
+    var children = _a.children,
+      style = _a.style,
+      classNameOverride = _a.classNameOverride,
+      restProps = tslib.__rest(_a, ["children", "style", "classNameOverride"]);
+    return React.createElement("div", tslib.__assign({
+      ref: ref,
+      className: classnames(Container_module.container, classNameOverride),
+      style: style
+    }, restProps), children);
+  });
+  Container.displayName = "Container";
+  return Container;
+}();
+exports.Container = Container;
+//# sourceMappingURL=Container.cjs.map

package/dist/cjs/Container/Container.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Container.cjs","sources":["../../../src/Container/Container.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { ContentProps } from \"~components/Content\"\nimport styles from \"./Container.module.scss\"\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3086156812/Layout Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-content--docs Storybook}\n */\nexport const Container = React.forwardRef<HTMLDivElement, ContentProps>(\n ({ children, style, classNameOverride, ...restProps }, ref) => (\n <div\n ref={ref}\n className={classnames(styles.container, classNameOverride)}\n style={style}\n {...restProps}\n >\n {children}\n </div>\n )\n)\n\nContainer.displayName = \"Container\"\n"],"names":["Container","React","forwardRef","_a","ref","children","style","classNameOverride","restProps","__rest","createElement","__assign","className","classnames","styles","container","displayName"],"mappings":";;;;;;;AAKA;;;AAGG;AAHH,MAIaA,SAAS;EAAA,MAATA,SAAS,GAAGC,KAAK,CAACC,UAAU,CACvC,UAACC,EAAoD,EAAEC,GAAG,EAAA;IAAvD,IAAAC,QAAQ,GAAAF,EAAA,CAAAE,QAAA;MAAEC,KAAK,GAAAH,EAAA,CAAAG,KAAA;MAAEC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;MAAKC,SAAS,GAAlDC,KAAAA,CAAAA,MAAA,CAAAN,EAAA,EAAA,CAAA,UAAA,EAAA,OAAA,EAAA,mBAAA,CAAoD,CAAF;IAAY,OAC7DF,KACE,CAAAS,aAAA,CAAA,KAAA,EAAAC,KAAA,CAAAA,QAAA,CAAA;MAAAP,GAAG,EAAEA,GAAG;MACRQ,SAAS,EAAEC,UAAU,CAACC,gBAAM,CAACC,SAAS,EAAER,iBAAiB,CAAC;MAC1DD,KAAK,EAAEA;IAAK,CACR,EAAAE,SAAS,CAEZ,EAAAH,QAAQ,CACL;EACP,CAAA,CACF;EAEDL,SAAS,CAACgB,WAAW,GAAG,WAAW;EAAA,OAbtBhB,SAAS;AAAA;"}

package/dist/cjs/Container/Container.module.scss.cjs ADDED Viewed

@@ -0,0 +1,7 @@
+'use strict';
+var styles = {
+  "container": "Container-module_container__jSUGk"
+};
+module.exports = styles;
+//# sourceMappingURL=Container.module.scss.cjs.map

package/dist/cjs/Container/Container.module.scss.cjs.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"Container.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/cjs/Content/Content.cjs ADDED Viewed

@@ -0,0 +1,28 @@
+'use strict';
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var Content_module = require('./Content.module.scss.cjs');
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3086156812/Layout Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-content--docs Storybook}
+ */
+const Content = /*#__PURE__*/function () {
+  const Content = React.forwardRef(function (_a, ref) {
+    var children = _a.children,
+      style = _a.style,
+      classNameOverride = _a.classNameOverride,
+      restProps = tslib.__rest(_a, ["children", "style", "classNameOverride"]);
+    return React.createElement("div", tslib.__assign({
+      ref: ref,
+      className: classnames(Content_module.content, classNameOverride),
+      style: style
+    }, restProps), children);
+  });
+  Content.displayName = "Content";
+  return Content;
+}();
+exports.Content = Content;
+//# sourceMappingURL=Content.cjs.map

package/dist/cjs/Content/Content.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Content.cjs","sources":["../../../src/Content/Content.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Content.module.scss\"\n\nexport type ContentProps = {\n children?: React.ReactNode\n /**\n * Not recommended. A short-circuit for dynamically overriding layout in a pinch\n */\n style?: Pick<\n React.CSSProperties,\n | \"bottom\"\n | \"left\"\n | \"margin\"\n | \"marginBottom\"\n | \"marginLeft\"\n | \"marginRight\"\n | \"marginTop\"\n | \"padding\"\n | \"paddingBottom\"\n | \"paddingLeft\"\n | \"paddingRight\"\n | \"paddingTop\"\n | \"position\"\n | \"right\"\n | \"top\"\n | \"transform\"\n | \"transformBox\"\n | \"transformOrigin\"\n | \"transformStyle\"\n >\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3086156812/Layout Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-content--docs Storybook}\n */\nexport const Content = React.forwardRef<HTMLDivElement, ContentProps>(\n ({ children, style, classNameOverride, ...restProps }, ref) => (\n <div\n ref={ref}\n className={classnames(styles.content, classNameOverride)}\n style={style}\n {...restProps}\n >\n {children}\n </div>\n )\n)\n\nContent.displayName = \"Content\"\n"],"names":["Content","React","forwardRef","_a","ref","children","style","classNameOverride","restProps","__rest","createElement","__assign","className","classnames","styles","content","displayName"],"mappings":";;;;;;;AAkCA;;;AAGG;AAHH,MAIaA,OAAO;EAAA,MAAPA,OAAO,GAAGC,KAAK,CAACC,UAAU,CACrC,UAACC,EAAoD,EAAEC,GAAG,EAAA;IAAvD,IAAAC,QAAQ,GAAAF,EAAA,CAAAE,QAAA;MAAEC,KAAK,GAAAH,EAAA,CAAAG,KAAA;MAAEC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;MAAKC,SAAS,GAAlDC,KAAAA,CAAAA,MAAA,CAAAN,EAAA,EAAA,CAAA,UAAA,EAAA,OAAA,EAAA,mBAAA,CAAoD,CAAF;IAAY,OAC7DF,KACE,CAAAS,aAAA,CAAA,KAAA,EAAAC,KAAA,CAAAA,QAAA,CAAA;MAAAP,GAAG,EAAEA,GAAG;MACRQ,SAAS,EAAEC,UAAU,CAACC,cAAM,CAACC,OAAO,EAAER,iBAAiB,CAAC;MACxDD,KAAK,EAAEA;IAAK,CACR,EAAAE,SAAS,CAEZ,EAAAH,QAAQ,CACL;EACP,CAAA,CACF;EAEDL,OAAO,CAACgB,WAAW,GAAG,SAAS;EAAA,OAblBhB,OAAO;AAAA;"}

package/dist/cjs/Content/Content.module.scss.cjs ADDED Viewed

@@ -0,0 +1,7 @@
+'use strict';
+var styles = {
+  "content": "Content-module_content__ZeTRs"
+};
+module.exports = styles;
+//# sourceMappingURL=Content.module.scss.cjs.map

package/dist/cjs/Content/Content.module.scss.cjs.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"Content.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/cjs/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.cjs CHANGED Viewed

@@ -1,15 +1,17 @@
 'use strict';
 var React = require('react');
-var draftMenu = require('@kaizen/draft-menu');
 var Button = require('../../../Button/Button/Button.cjs');
 require('../../../Button/IconButton/IconButton.cjs');
-require('../../../Button/PaginationLink/PaginationLink.cjs');
-require('../../../Button/DirectionalLink/DirectionalLink.cjs');
 require('tslib');
 require('uuid');
 require('../../../Icon/subcomponents/SVG/SVG.cjs');
 var AddIcon = require('../../../Icon/AddIcon.cjs');
+var Menu = require('../../../Menu/Menu.cjs');
+require('../../../Menu/subcomponents/MenuHeading/MenuHeading.cjs');
+var MenuItem = require('../../../Menu/subcomponents/MenuItem/MenuItem.cjs');
+var MenuList = require('../../../Menu/subcomponents/MenuList/MenuList.cjs');
+require('../../../Menu/subcomponents/StatelessMenu/StatelessMenu.cjs');
 var FilterBarContext = require('../../context/FilterBarContext.cjs');
 const AddFiltersMenu = /*#__PURE__*/function () {
   const AddFiltersMenu = function () {
@@ -17,7 +19,7 @@ const AddFiltersMenu = /*#__PURE__*/function () {
       getInactiveFilters = _a.getInactiveFilters,
       showFilter = _a.showFilter;
     var inactiveFilters = getInactiveFilters();
-    return React.createElement(draftMenu.Menu, {
+    return React.createElement(Menu.Menu, {
       button: React.createElement(Button.Button, {
         label: "Add Filters",
         secondary: true,
@@ -26,10 +28,10 @@ const AddFiltersMenu = /*#__PURE__*/function () {
           role: "presentation"
         })
       })
-    }, React.createElement(draftMenu.MenuList, null, inactiveFilters.map(function (_a) {
+    }, React.createElement(MenuList.MenuList, null, inactiveFilters.map(function (_a) {
       var id = _a.id,
         name = _a.name;
-      return React.createElement(draftMenu.MenuItem, {
+      return React.createElement(MenuItem.MenuItem, {
         key: id,
         label: name,
         onClick: function () {

package/dist/cjs/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AddFiltersMenu.cjs","sources":["../../../../../src/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.tsx"],"sourcesContent":["import React from \"react\"\nimport { ~~Menu,~~ ~~MenuList, MenuItem~~ } from \"~~@kaizen~~/~~draft-menu~~\"\nimport { ~~Button~~ } from \"~components/~~Button~~\"\nimport { ~~AddIcon~~ } from \"~components/~~Icon~~\"\nimport { useFilterBarContext } from \"../../context/FilterBarContext\"\n\nexport const AddFiltersMenu = (): JSX.Element => {\n const { getInactiveFilters, showFilter } = useFilterBarContext()\n const inactiveFilters = getInactiveFilters()\n\n return (\n <Menu\n button={\n <Button\n label=\"Add Filters\"\n secondary\n disabled={inactiveFilters.length === 0}\n icon={<AddIcon role=\"presentation\" />}\n />\n }\n >\n <MenuList>\n {inactiveFilters.map(({ id, name }) => (\n <MenuItem\n key={id}\n label={name}\n onClick={(): void => showFilter(id)}\n />\n ))}\n </MenuList>\n </Menu>\n )\n}\n\nAddFiltersMenu.displayName = \"FilterBar.AddFiltersMenu\"\n"],"names":["AddFiltersMenu","_a","useFilterBarContext","getInactiveFilters","showFilter","inactiveFilters","React","createElement","Menu","button","Button","label","secondary","disabled","length","icon","AddIcon","role","MenuList","map","id","name","MenuItem","key","onClick","displayName"],"mappings":"~~;;;;;;;;;;;;;~~MAMaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAAA,EAAA;IACtB,IAAAC,EAAA,GAAqCC,gBAAmB,CAAAA,mBAAA,CAAA,CAAE;MAAxDC,kBAAkB,GAAAF,EAAA,CAAAE,kBAAA;MAAEC,UAAU,GAAAH,EAAA,CAAAG,UAA0B;IAChE,IAAMC,eAAe,GAAGF,kBAAkB,EAAE;IAE5C,OACEG,KAAA,CAAAC,aAAA,CAACC,~~SAAI~~,CAAAA,IAAA,EAAA;MACHC,MAAM,EACJH,KAAA,CAAAC,aAAA,CAACG,aAAM,EAAA;QACLC,KAAK,EAAC,aAAa;QACnBC,SAAS,EACT,IAAA;QAAAC,QAAQ,EAAER,eAAe,CAACS,MAAM,KAAK,CAAC;QACtCC,IAAI,EAAET,KAAC,CAAAC,aAAA,CAAAS,OAAAA,CAAAA,OAAO,EAAC;UAAAC,IAAI,EAAC;;MACpB,CAAA;IAAA,CAAA,EAGJX,KAAA,CAAAC,aAAA,CAACW,~~kBAAQ~~,EACN,IAAA,EAAAb,eAAe,CAACc,GAAG,CAAC,UAAClB,EAAY,EAAA;UAAVmB,EAAE,GAAAnB,EAAA,CAAAmB,EAAA;QAAEC,IAAI,GAAApB,EAAA,CAAAoB,IAAA;MAAO,OACrCf,oBAACgB,~~SAAAA~~,CAAAA,QAAQ,EAAA;QACPC,GAAG,EAAEH,EAAE;QACPT,KAAK,EAAEU,IAAI;QACXG,OAAO,EAAE,SAAAA,CAAA,EAAY;UAAA,OAAApB,UAAU,CAACgB,EAAE,CAAC;QAAA;MAAA,CAAA,CACnC;IACH,CAAA,CAAC,CACO,CACN;EAEX,CAAC;EAEDpB,cAAc,CAACyB,WAAW,GAAG,0BAA0B;EAAA,OA5B1CzB,cAAc;AAAA;"}
1	+ {"version":3,"file":"AddFiltersMenu.cjs","sources":["../../../../../src/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.tsx"],"sourcesContent":["import React from \"react\"\nimport { Button } from \"~components/Button\"\nimport { AddIcon } from \"~components/Icon\"\nimport { Menu, MenuList, MenuItem } from \"~components/Menu\"\nimport { useFilterBarContext } from \"../../context/FilterBarContext\"\n\nexport const AddFiltersMenu = (): JSX.Element => {\n const { getInactiveFilters, showFilter } = useFilterBarContext()\n const inactiveFilters = getInactiveFilters()\n\n return (\n <Menu\n button={\n <Button\n label=\"Add Filters\"\n secondary\n disabled={inactiveFilters.length === 0}\n icon={<AddIcon role=\"presentation\" />}\n />\n }\n >\n <MenuList>\n {inactiveFilters.map(({ id, name }) => (\n <MenuItem\n key={id}\n label={name}\n onClick={(): void => showFilter(id)}\n />\n ))}\n </MenuList>\n </Menu>\n )\n}\n\nAddFiltersMenu.displayName = \"FilterBar.AddFiltersMenu\"\n"],"names":["AddFiltersMenu","_a","useFilterBarContext","getInactiveFilters","showFilter","inactiveFilters","React","createElement","Menu","button","Button","label","secondary","disabled","length","icon","AddIcon","role","MenuList","map","id","name","MenuItem","key","onClick","displayName"],"mappings":";;;;;;;;;;;;;;;MAMaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAAA,EAAA;IACtB,IAAAC,EAAA,GAAqCC,gBAAmB,CAAAA,mBAAA,CAAA,CAAE;MAAxDC,kBAAkB,GAAAF,EAAA,CAAAE,kBAAA;MAAEC,UAAU,GAAAH,EAAA,CAAAG,UAA0B;IAChE,IAAMC,eAAe,GAAGF,kBAAkB,EAAE;IAE5C,OACEG,KAAA,CAAAC,aAAA,CAACC,IAAI,CAAAA,IAAA,EAAA;MACHC,MAAM,EACJH,KAAA,CAAAC,aAAA,CAACG,aAAM,EAAA;QACLC,KAAK,EAAC,aAAa;QACnBC,SAAS,EACT,IAAA;QAAAC,QAAQ,EAAER,eAAe,CAACS,MAAM,KAAK,CAAC;QACtCC,IAAI,EAAET,KAAC,CAAAC,aAAA,CAAAS,OAAAA,CAAAA,OAAO,EAAC;UAAAC,IAAI,EAAC;;MACpB,CAAA;IAAA,CAAA,EAGJX,KAAA,CAAAC,aAAA,CAACW,iBAAQ,EACN,IAAA,EAAAb,eAAe,CAACc,GAAG,CAAC,UAAClB,EAAY,EAAA;UAAVmB,EAAE,GAAAnB,EAAA,CAAAmB,EAAA;QAAEC,IAAI,GAAApB,EAAA,CAAAoB,IAAA;MAAO,OACrCf,oBAACgB,QAAAA,CAAAA,QAAQ,EAAA;QACPC,GAAG,EAAEH,EAAE;QACPT,KAAK,EAAEU,IAAI;QACXG,OAAO,EAAE,SAAAA,CAAA,EAAY;UAAA,OAAApB,UAAU,CAACgB,EAAE,CAAC;QAAA;MAAA,CAAA,CACnC;IACH,CAAA,CAAC,CACO,CACN;EAEX,CAAC;EAEDpB,cAAc,CAACyB,WAAW,GAAG,0BAA0B;EAAA,OA5B1CzB,cAAc;AAAA;"}

package/dist/cjs/FilterBar/subcomponents/ClearAllButton/ClearAllButton.cjs CHANGED Viewed

@@ -3,8 +3,6 @@
 var React = require('react');
 var Button = require('../../../Button/Button/Button.cjs');
 require('../../../Button/IconButton/IconButton.cjs');
-require('../../../Button/PaginationLink/PaginationLink.cjs');
-require('../../../Button/DirectionalLink/DirectionalLink.cjs');
 var FilterBarContext = require('../../context/FilterBarContext.cjs');
 var ClearAllButton_module = require('./ClearAllButton.module.scss.cjs');
 const ClearAllButton = /*#__PURE__*/function () {

package/dist/cjs/FilterBar/subcomponents/ClearAllButton/ClearAllButton.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ClearAllButton.cjs","sources":["../../../../../src/FilterBar/subcomponents/ClearAllButton/ClearAllButton.tsx"],"sourcesContent":["import React from \"react\"\nimport { Button } from \"~components/Button\"\nimport { useFilterBarContext } from \"../../context/FilterBarContext\"\nimport styles from \"./ClearAllButton.module.scss\"\n\nexport const ClearAllButton = (): JSX.Element => {\n const { clearAllFilters } = useFilterBarContext()\n\n return (\n <Button\n label=\"Clear all\"\n aria-label=\"Clear all filters\"\n classNameOverride={styles.clearAllButton}\n secondary\n onClick={clearAllFilters}\n />\n )\n}\n\nClearAllButton.displayName = \"FilterBar.ClearAllButton\"\n"],"names":["ClearAllButton","clearAllFilters","useFilterBarContext","React","Button","label","classNameOverride","styles","clearAllButton","secondary","onClick","displayName"],"mappings":"~~;;;;;;;;;~~MAKaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAAA,EAAA;IACpB,IAAAC,eAAe,GAAKC,oCAAmB,CAAE,CAAA,gBAA1B;IAEvB,OACEC,oBAACC,MAAAA,CAAAA,MAAM,EAAA;MACLC,KAAK,EAAC,WAAW;MACN,YAAA,EAAA,mBAAmB;MAC9BC,iBAAiB,EAAEC,qBAAM,CAACC,cAAc;MACxCC,SAAS,EAAA,IAAA;MACTC,OAAO,EAAET;IAAe,CACxB,CAAA;EAEN,CAAC;EAEDD,cAAc,CAACW,WAAW,GAAG,0BAA0B;EAAA,OAd1CX,cAAc;AAAA;"}
1	+ {"version":3,"file":"ClearAllButton.cjs","sources":["../../../../../src/FilterBar/subcomponents/ClearAllButton/ClearAllButton.tsx"],"sourcesContent":["import React from \"react\"\nimport { Button } from \"~components/Button\"\nimport { useFilterBarContext } from \"../../context/FilterBarContext\"\nimport styles from \"./ClearAllButton.module.scss\"\n\nexport const ClearAllButton = (): JSX.Element => {\n const { clearAllFilters } = useFilterBarContext()\n\n return (\n <Button\n label=\"Clear all\"\n aria-label=\"Clear all filters\"\n classNameOverride={styles.clearAllButton}\n secondary\n onClick={clearAllFilters}\n />\n )\n}\n\nClearAllButton.displayName = \"FilterBar.ClearAllButton\"\n"],"names":["ClearAllButton","clearAllFilters","useFilterBarContext","React","Button","label","classNameOverride","styles","clearAllButton","secondary","onClick","displayName"],"mappings":";;;;;;;MAKaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAAA,EAAA;IACpB,IAAAC,eAAe,GAAKC,oCAAmB,CAAE,CAAA,gBAA1B;IAEvB,OACEC,oBAACC,MAAAA,CAAAA,MAAM,EAAA;MACLC,KAAK,EAAC,WAAW;MACN,YAAA,EAAA,mBAAmB;MAC9BC,iBAAiB,EAAEC,qBAAM,CAACC,cAAc;MACxCC,SAAS,EAAA,IAAA;MACTC,OAAO,EAAET;IAAe,CACxB,CAAA;EAEN,CAAC;EAEDD,cAAc,CAACW,WAAW,GAAG,0BAA0B;EAAA,OAd1CX,cAAc;AAAA;"}

package/dist/cjs/FilterMultiSelect/subcomponents/LoadMoreButton/LoadMoreButton.cjs CHANGED Viewed

@@ -4,8 +4,6 @@ var tslib = require('tslib');
 var React = require('react');
 var Button = require('../../../Button/Button/Button.cjs');
 require('../../../Button/IconButton/IconButton.cjs');
-require('../../../Button/PaginationLink/PaginationLink.cjs');
-require('../../../Button/DirectionalLink/DirectionalLink.cjs');
 var LoadMoreButton_module = require('./LoadMoreButton.module.scss.cjs');
 const LoadMoreButton = /*#__PURE__*/function () {
   const LoadMoreButton = function (props) {

package/dist/cjs/FilterMultiSelect/subcomponents/LoadMoreButton/LoadMoreButton.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LoadMoreButton.cjs","sources":["../../../../../src/FilterMultiSelect/subcomponents/LoadMoreButton/LoadMoreButton.tsx"],"sourcesContent":["import React from \"react\"\nimport { Button, ButtonProps } from \"~components/Button\"\nimport styles from \"./LoadMoreButton.module.scss\"\n\nexport type LoadMoreButtonProps = ButtonProps\n\nexport const LoadMoreButton = (props: LoadMoreButtonProps): JSX.Element => (\n <div className={styles.container}>\n <Button {...props} fullWidth />\n </div>\n)\n\nLoadMoreButton.displayName = \"FilterMultiSelect.LoadMoreButton\"\n"],"names":["LoadMoreButton","props","React","createElement","className","styles","container","Button","__assign","fullWidth","displayName"],"mappings":"~~;;;;;;;;;~~MAMaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,KAA0B,EAAA;IAAkB,OACzEC,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAC,SAAS,EAAEC,qBAAM,CAACC;IAAS,CAAA,EAC9BJ,KAAC,CAAAC,aAAA,CAAAI,aAAM,EAAKC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAP,KAAK,EAAE;MAAAQ,SAAS;OAAG,CAC3B;EACP,CAAA;EAEDT,cAAc,CAACU,WAAW,GAAG,kCAAkC;EAAA,OANlDV,cAAc;AAAA;"}
1	+ {"version":3,"file":"LoadMoreButton.cjs","sources":["../../../../../src/FilterMultiSelect/subcomponents/LoadMoreButton/LoadMoreButton.tsx"],"sourcesContent":["import React from \"react\"\nimport { Button, ButtonProps } from \"~components/Button\"\nimport styles from \"./LoadMoreButton.module.scss\"\n\nexport type LoadMoreButtonProps = ButtonProps\n\nexport const LoadMoreButton = (props: LoadMoreButtonProps): JSX.Element => (\n <div className={styles.container}>\n <Button {...props} fullWidth />\n </div>\n)\n\nLoadMoreButton.displayName = \"FilterMultiSelect.LoadMoreButton\"\n"],"names":["LoadMoreButton","props","React","createElement","className","styles","container","Button","__assign","fullWidth","displayName"],"mappings":";;;;;;;MAMaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,KAA0B,EAAA;IAAkB,OACzEC,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAC,SAAS,EAAEC,qBAAM,CAACC;IAAS,CAAA,EAC9BJ,KAAC,CAAAC,aAAA,CAAAI,aAAM,EAAKC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAP,KAAK,EAAE;MAAAQ,SAAS;OAAG,CAC3B;EACP,CAAA;EAEDT,cAAc,CAACU,WAAW,GAAG,kCAAkC;EAAA,OANlDV,cAAc;AAAA;"}