@kaizen/components 1.41.0 → 1.42.0

package/dist/cjs/Heading/Heading.cjs

@@ -34,6 +34,7 @@ const Heading = /*#__PURE__*/function () {
 var translateHeadingLevelToTag = function (headingLevel) {
   switch (headingLevel) {
     case "display-0":
+    case "composable-header-title":
     case "heading-1":
       return "h1";
     case "heading-2":

package/dist/cjs/Heading/Heading.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.cjs","sources":["../../../src/Heading/Heading.tsx"],"sourcesContent":["import { createElement, HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Heading.module.scss\"\n\nconst VARIANTS_24PX_OR_GREATER = [\"display-0\", \"heading-1\", \"heading-2\"]\n\nexport type HeadingVariants =\n  | \"display-0\"\n  | \"heading-1\"\n  | \"heading-2\"\n  | \"heading-3\"\n  | \"heading-4\"\n  | \"heading-5\"\n  | \"heading-6\"\n\nexport type AllowedHeadingTags =\n  | \"pre\"\n  | \"p\"\n  | \"div\"\n  | \"span\"\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"label\"\n\nexport type AllowedHeadingColors =\n  | \"dark\"\n  | \"dark-reduced-opacity\"\n  | \"white\"\n  | \"white-reduced-opacity\"\n  | \"positive\"\n  | \"negative\"\n\nexport type HeadingProps = {\n  children: React.ReactNode\n  /**\n   * HTML elements that are allowed on Headings. When not supplied, the tag is inferred from\n   * the variant. E.g. display-0 will infer h1\n   */\n  tag?: AllowedHeadingTags\n  /**\n   * Allowed heading variants\n   */\n  variant: HeadingVariants\n  color?: AllowedHeadingColors\n} & OverrideClassName<HTMLAttributes<HTMLElement>>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3074885298/Typography#Headings Guidance}\n * {@link https://cultureamp.design/?path=/docs/components-typography-heading--display-0 Storybook}\n */\nexport const Heading = ({\n  children,\n  tag,\n  variant,\n  color = \"dark\",\n  classNameOverride,\n  ...restProps\n}: HeadingProps): JSX.Element => {\n  const inferredTag =\n    tag === undefined ? translateHeadingLevelToTag(variant) : tag\n\n  const className = classnames(\n    styles.heading,\n    styles[variant],\n    classNameOverride,\n    styles[color],\n    VARIANTS_24PX_OR_GREATER.includes(variant) ? styles.large : styles.small\n  )\n\n  return createElement(inferredTag, { ...restProps, className }, children)\n}\n\nHeading.displayName = \"Heading\"\n\n/**\n * A helper to infer the tag when not explicitly passed as a prop\n * @param headingLevel Level of the heading\n */\nconst translateHeadingLevelToTag = (headingLevel: HeadingVariants): string => {\n  switch (headingLevel) {\n    case \"display-0\":\n    case \"heading-1\":\n      return \"h1\"\n    case \"heading-2\":\n      return \"h2\"\n    case \"heading-3\":\n      return \"h3\"\n    case \"heading-4\":\n      return \"h4\"\n    case \"heading-5\":\n      return \"h5\"\n    case \"heading-6\":\n    default:\n      return \"h6\"\n  }\n}\n"],"names":["VARIANTS_24PX_OR_GREATER","Heading","_a","children","tag","variant","_b","color","classNameOverride","restProps","__rest","inferredTag","undefined","translateHeadingLevelToTag","className","classnames","styles","heading","includes","large","small","createElement","__assign","displayName","headingLevel"],"mappings":";;;;;;AAKA,IAAMA,wBAAwB,GAAG,CAAC,WAAW,EAAE,WAAW,EAAE,WAAW,CAAC;AA8CxE;;;AAGG;AAHH,MAIaC,OAAO;EAAA,MAAPA,OAAO,GAAG,SAAAA,CAACC,EAOT,EAAA;IANb,IAAAC,QAAQ,cAAA;MACRC,GAAG,SAAA;MACHC,OAAO,GAAAH,EAAA,CAAAG,OAAA;MACPC,EAAc,GAAAJ,EAAA,CAAAK,KAAA;MAAdA,KAAK,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,KAAA;MACdE,iBAAiB,uBAAA;MACdC,SAAS,GANUC,KAAA,CAAAA,MAAA,CAAAR,EAAA,EAAA,CAAA,UAAA,EAAA,KAAA,EAAA,SAAA,EAAA,OAAA,EAAA,mBAAA,CAOvB,CADa;IAEZ,IAAMS,WAAW,GACfP,GAAG,KAAKQ,SAAS,GAAGC,0BAA0B,CAACR,OAAO,CAAC,GAAGD,GAAG;IAE/D,IAAMU,SAAS,GAAGC,UAAU,CAC1BC,cAAM,CAACC,OAAO,EACdD,cAAM,CAACX,OAAO,CAAC,EACfG,iBAAiB,EACjBQ,cAAM,CAACT,KAAK,CAAC,EACbP,wBAAwB,CAACkB,QAAQ,CAACb,OAAO,CAAC,GAAGW,cAAM,CAACG,KAAK,GAAGH,cAAM,CAACI,KAAK,CACzE;IAED,OAAOC,mBAAa,CAACV,WAAW,EAAOW,KAAA,CAAAA,QAAA,CAAAA,KAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAb,SAAS,CAAE,EAAA;MAAAK,SAAS,EAAAA;KAAA,CAAA,EAAIX,QAAQ,CAAC;EAC1E,CAAC;EAEDF,OAAO,CAACsB,WAAW,GAAG,SAAS;EAE/B;;;AAGG;EAHH,OAxBatB,OAAO;AAAA;AA4BpB,IAAMY,0BAA0B,GAAG,SAAAA,CAACW,YAA6B,EAAA;EAC/D,QAAQA,YAAY;IAClB,KAAK,WAAW;IAChB,KAAK,WAAW;MACd,OAAO,IAAI;IACb,KAAK,WAAW;MACd,OAAO,IAAI;IACb,KAAK,WAAW;MACd,OAAO,IAAI;IACb,KAAK,WAAW;MACd,OAAO,IAAI;IACb,KAAK,WAAW;MACd,OAAO,IAAI;IACb,KAAK,WAAW;IAChB;MACE,OAAO,IAAI;EACd;AACH,CAAC;"}
+{"version":3,"file":"Heading.cjs","sources":["../../../src/Heading/Heading.tsx"],"sourcesContent":["import { createElement, HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Heading.module.scss\"\n\nconst VARIANTS_24PX_OR_GREATER = [\"display-0\", \"heading-1\", \"heading-2\"]\n\nexport type HeadingVariants =\n  | \"display-0\"\n  | \"composable-header-title\"\n  | \"heading-1\"\n  | \"heading-2\"\n  | \"heading-3\"\n  | \"heading-4\"\n  | \"heading-5\"\n  | \"heading-6\"\n\nexport type AllowedHeadingTags =\n  | \"pre\"\n  | \"p\"\n  | \"div\"\n  | \"span\"\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"label\"\n\nexport type AllowedHeadingColors =\n  | \"dark\"\n  | \"dark-reduced-opacity\"\n  | \"white\"\n  | \"white-reduced-opacity\"\n  | \"positive\"\n  | \"negative\"\n\nexport type HeadingProps = {\n  children: React.ReactNode\n  /**\n   * HTML elements that are allowed on Headings. When not supplied, the tag is inferred from\n   * the variant. E.g. display-0 will infer h1\n   */\n  tag?: AllowedHeadingTags\n  /**\n   * Allowed heading variants\n   */\n  variant: HeadingVariants\n  color?: AllowedHeadingColors\n} & OverrideClassName<HTMLAttributes<HTMLElement>>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3074885298/Typography#Headings Guidance}\n * {@link https://cultureamp.design/?path=/docs/components-typography-heading--display-0 Storybook}\n */\nexport const Heading = ({\n  children,\n  tag,\n  variant,\n  color = \"dark\",\n  classNameOverride,\n  ...restProps\n}: HeadingProps): JSX.Element => {\n  const inferredTag =\n    tag === undefined ? translateHeadingLevelToTag(variant) : tag\n\n  const className = classnames(\n    styles.heading,\n    styles[variant],\n    classNameOverride,\n    styles[color],\n    VARIANTS_24PX_OR_GREATER.includes(variant) ? styles.large : styles.small\n  )\n\n  return createElement(inferredTag, { ...restProps, className }, children)\n}\n\nHeading.displayName = \"Heading\"\n\n/**\n * A helper to infer the tag when not explicitly passed as a prop\n * @param headingLevel Level of the heading\n */\nconst translateHeadingLevelToTag = (headingLevel: HeadingVariants): string => {\n  switch (headingLevel) {\n    case \"display-0\":\n    case \"composable-header-title\":\n    case \"heading-1\":\n      return \"h1\"\n    case \"heading-2\":\n      return \"h2\"\n    case \"heading-3\":\n      return \"h3\"\n    case \"heading-4\":\n      return \"h4\"\n    case \"heading-5\":\n      return \"h5\"\n    case \"heading-6\":\n    default:\n      return \"h6\"\n  }\n}\n"],"names":["VARIANTS_24PX_OR_GREATER","Heading","_a","children","tag","variant","_b","color","classNameOverride","restProps","__rest","inferredTag","undefined","translateHeadingLevelToTag","className","classnames","styles","heading","includes","large","small","createElement","__assign","displayName","headingLevel"],"mappings":";;;;;;AAKA,IAAMA,wBAAwB,GAAG,CAAC,WAAW,EAAE,WAAW,EAAE,WAAW,CAAC;AA+CxE;;;AAGG;AAHH,MAIaC,OAAO;EAAA,MAAPA,OAAO,GAAG,SAAAA,CAACC,EAOT,EAAA;IANb,IAAAC,QAAQ,cAAA;MACRC,GAAG,SAAA;MACHC,OAAO,GAAAH,EAAA,CAAAG,OAAA;MACPC,EAAc,GAAAJ,EAAA,CAAAK,KAAA;MAAdA,KAAK,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,KAAA;MACdE,iBAAiB,uBAAA;MACdC,SAAS,GANUC,KAAA,CAAAA,MAAA,CAAAR,EAAA,EAAA,CAAA,UAAA,EAAA,KAAA,EAAA,SAAA,EAAA,OAAA,EAAA,mBAAA,CAOvB,CADa;IAEZ,IAAMS,WAAW,GACfP,GAAG,KAAKQ,SAAS,GAAGC,0BAA0B,CAACR,OAAO,CAAC,GAAGD,GAAG;IAE/D,IAAMU,SAAS,GAAGC,UAAU,CAC1BC,cAAM,CAACC,OAAO,EACdD,cAAM,CAACX,OAAO,CAAC,EACfG,iBAAiB,EACjBQ,cAAM,CAACT,KAAK,CAAC,EACbP,wBAAwB,CAACkB,QAAQ,CAACb,OAAO,CAAC,GAAGW,cAAM,CAACG,KAAK,GAAGH,cAAM,CAACI,KAAK,CACzE;IAED,OAAOC,mBAAa,CAACV,WAAW,EAAOW,KAAA,CAAAA,QAAA,CAAAA,KAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAb,SAAS,CAAE,EAAA;MAAAK,SAAS,EAAAA;KAAA,CAAA,EAAIX,QAAQ,CAAC;EAC1E,CAAC;EAEDF,OAAO,CAACsB,WAAW,GAAG,SAAS;EAE/B;;;AAGG;EAHH,OAxBatB,OAAO;AAAA;AA4BpB,IAAMY,0BAA0B,GAAG,SAAAA,CAACW,YAA6B,EAAA;EAC/D,QAAQA,YAAY;IAClB,KAAK,WAAW;IAChB,KAAK,yBAAyB;IAC9B,KAAK,WAAW;MACd,OAAO,IAAI;IACb,KAAK,WAAW;MACd,OAAO,IAAI;IACb,KAAK,WAAW;MACd,OAAO,IAAI;IACb,KAAK,WAAW;MACd,OAAO,IAAI;IACb,KAAK,WAAW;MACd,OAAO,IAAI;IACb,KAAK,WAAW;IAChB;MACE,OAAO,IAAI;EACd;AACH,CAAC;"}

package/dist/cjs/Heading/Heading.module.scss.cjs

@@ -3,6 +3,7 @@
 var styles = {
   "heading": "Heading-module_heading__Gq6I8",
   "display-0": "Heading-module_display-0__yZ7rx",
+  "composable-header-title": "Heading-module_composable-header-title__mqQVh",
   "heading-1": "Heading-module_heading-1__PbAcw",
   "heading-2": "Heading-module_heading-2__Ovpfe",
   "heading-3": "Heading-module_heading-3__S4Pb1",

package/dist/cjs/Heading/Heading.module.scss.cjs.map

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

package/dist/cjs/Modal/InputEditModal/InputEditModal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputEditModal.cjs","sources":["../../../../src/Modal/InputEditModal/InputEditModal.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { ButtonProps } from \"~components/Button\"\nimport { Heading } from \"~components/Heading\"\nimport {\n  GenericModal,\n  ModalFooter,\n  ModalHeader,\n  ModalAccessibleLabel,\n  ModalBody,\n} from \"~components/Modal/GenericModal\"\nimport styles from \"./InputEditModal.module.scss\"\n\nexport type InputEditModalProps = {\n  isOpen: boolean\n  unpadded?: boolean\n  mood: \"positive\" | \"destructive\"\n  title: string\n  onSubmit: () => void\n  onSecondaryAction?: () => void\n  onDismiss: () => void\n  onAfterLeave?: () => void\n  localeDirection?: \"rtl\" | \"ltr\"\n  submitLabel?: string\n  dismissLabel?: string\n  secondaryLabel?: string\n  /**\n   * @deprecated Please use data-testid\n   */\n  automationId?: string\n  children: React.ReactNode\n  submitWorking?: { label: string; labelHidden?: boolean }\n} & HTMLAttributes<HTMLDivElement>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal#Input-Edit-Modal Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-modals-inputeditmodal--docs Storybook}\n */\nexport const InputEditModal = ({\n  isOpen,\n  mood,\n  title,\n  onSubmit,\n  onSecondaryAction,\n  onAfterLeave,\n  localeDirection = \"ltr\",\n  submitLabel = \"Submit\",\n  dismissLabel = \"Cancel\",\n  secondaryLabel,\n  submitWorking,\n  children,\n  unpadded = false,\n  onDismiss: propsOnDismiss,\n  ...props\n}: InputEditModalProps): JSX.Element => {\n  const onDismiss = submitWorking ? undefined : propsOnDismiss\n  const submitAction = { label: submitLabel, onClick: onSubmit }\n  const workingProps = submitWorking\n    ? {\n        working: true,\n        workingLabel: submitWorking.label,\n        workingLabelHidden: submitWorking.labelHidden,\n      }\n    : {}\n\n  const showSecondary = onSecondaryAction && secondaryLabel\n\n  const footerActions: ButtonProps[] = [\n    { ...submitAction, ...workingProps },\n    {\n      label: showSecondary ? secondaryLabel : dismissLabel,\n      onClick: showSecondary ? onSecondaryAction : onDismiss,\n      disabled: !!submitWorking,\n    },\n  ]\n\n  return (\n    <GenericModal\n      isOpen={isOpen}\n      onEscapeKeyup={onDismiss}\n      onAfterLeave={onAfterLeave}\n    >\n      <div className={styles.modal} dir={localeDirection} data-modal {...props}>\n        <ModalHeader onDismiss={onDismiss}>\n          <div\n            className={classnames(\n              styles.header,\n              localeDirection === \"rtl\" && styles.textAlignRTL,\n              !unpadded && styles.padded\n            )}\n          >\n            <ModalAccessibleLabel>\n              <Heading tag=\"h2\" variant=\"heading-2\">\n                {title}\n              </Heading>\n            </ModalAccessibleLabel>\n          </div>\n        </ModalHeader>\n        <ModalBody>\n          <div\n            className={classnames(styles.body, !unpadded && styles.padded)}\n            dir={localeDirection}\n          >\n            {children}\n          </div>\n        </ModalBody>\n        <ModalFooter\n          actions={footerActions}\n          appearance={mood === \"destructive\" ? \"destructive\" : \"primary\"}\n          variant=\"inputEdit\"\n          unpadded={unpadded}\n        />\n      </div>\n    </GenericModal>\n  )\n}\n\nInputEditModal.displayName = \"InputEditModal\"\n"],"names":["InputEditModal","_a","isOpen","mood","title","onSubmit","onSecondaryAction","onAfterLeave","_b","localeDirection","_c","submitLabel","_d","dismissLabel","secondaryLabel","submitWorking","children","_e","unpadded","propsOnDismiss","onDismiss","props","__rest","undefined","submitAction","label","onClick","workingProps","working","workingLabel","workingLabelHidden","labelHidden","showSecondary","footerActions","__assign","disabled","React","createElement","GenericModal","onEscapeKeyup","className","styles","modal","dir","ModalHeader","classnames","header","textAlignRTL","padded","ModalAccessibleLabel","Heading","tag","variant","ModalBody","body","ModalFooter","actions","appearance","displayName"],"mappings":"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"}
+{"version":3,"file":"InputEditModal.cjs","sources":["../../../../src/Modal/InputEditModal/InputEditModal.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { ButtonProps } from \"~components/Button\"\nimport { Heading } from \"~components/Heading\"\nimport {\n  GenericModal,\n  ModalFooter,\n  ModalHeader,\n  ModalAccessibleLabel,\n  ModalBody,\n} from \"~components/Modal/GenericModal\"\nimport styles from \"./InputEditModal.module.scss\"\n\nexport type InputEditModalProps = {\n  isOpen: boolean\n  unpadded?: boolean\n  mood: \"positive\" | \"destructive\"\n  title: string\n  onSubmit: () => void\n  onSecondaryAction?: () => void\n  onDismiss: () => void\n  onAfterLeave?: () => void\n  localeDirection?: \"rtl\" | \"ltr\"\n  submitLabel?: string\n  dismissLabel?: string\n  secondaryLabel?: string\n  /**\n   * @deprecated Please use data-testid\n   */\n  automationId?: string\n  children: React.ReactNode\n  submitWorking?: { label: string; labelHidden?: boolean }\n} & Omit<HTMLAttributes<HTMLDivElement>, \"onSubmit\">\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal#Input-Edit-Modal Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-modals-inputeditmodal--docs Storybook}\n */\nexport const InputEditModal = ({\n  isOpen,\n  mood,\n  title,\n  onSubmit,\n  onSecondaryAction,\n  onAfterLeave,\n  localeDirection = \"ltr\",\n  submitLabel = \"Submit\",\n  dismissLabel = \"Cancel\",\n  secondaryLabel,\n  submitWorking,\n  children,\n  unpadded = false,\n  onDismiss: propsOnDismiss,\n  ...props\n}: InputEditModalProps): JSX.Element => {\n  const onDismiss = submitWorking ? undefined : propsOnDismiss\n  const submitAction = { label: submitLabel, onClick: onSubmit }\n  const workingProps = submitWorking\n    ? {\n        working: true,\n        workingLabel: submitWorking.label,\n        workingLabelHidden: submitWorking.labelHidden,\n      }\n    : {}\n\n  const showSecondary = onSecondaryAction && secondaryLabel\n\n  const footerActions: ButtonProps[] = [\n    { ...submitAction, ...workingProps },\n    {\n      label: showSecondary ? secondaryLabel : dismissLabel,\n      onClick: showSecondary ? onSecondaryAction : onDismiss,\n      disabled: !!submitWorking,\n    },\n  ]\n\n  return (\n    <GenericModal\n      isOpen={isOpen}\n      onEscapeKeyup={onDismiss}\n      onAfterLeave={onAfterLeave}\n    >\n      <div className={styles.modal} dir={localeDirection} data-modal {...props}>\n        <ModalHeader onDismiss={onDismiss}>\n          <div\n            className={classnames(\n              styles.header,\n              localeDirection === \"rtl\" && styles.textAlignRTL,\n              !unpadded && styles.padded\n            )}\n          >\n            <ModalAccessibleLabel>\n              <Heading tag=\"h2\" variant=\"heading-2\">\n                {title}\n              </Heading>\n            </ModalAccessibleLabel>\n          </div>\n        </ModalHeader>\n        <ModalBody>\n          <div\n            className={classnames(styles.body, !unpadded && styles.padded)}\n            dir={localeDirection}\n          >\n            {children}\n          </div>\n        </ModalBody>\n        <ModalFooter\n          actions={footerActions}\n          appearance={mood === \"destructive\" ? \"destructive\" : \"primary\"}\n          variant=\"inputEdit\"\n          unpadded={unpadded}\n        />\n      </div>\n    </GenericModal>\n  )\n}\n\nInputEditModal.displayName = \"InputEditModal\"\n"],"names":["InputEditModal","_a","isOpen","mood","title","onSubmit","onSecondaryAction","onAfterLeave","_b","localeDirection","_c","submitLabel","_d","dismissLabel","secondaryLabel","submitWorking","children","_e","unpadded","propsOnDismiss","onDismiss","props","__rest","undefined","submitAction","label","onClick","workingProps","working","workingLabel","workingLabelHidden","labelHidden","showSecondary","footerActions","__assign","disabled","React","createElement","GenericModal","onEscapeKeyup","className","styles","modal","dir","ModalHeader","classnames","header","textAlignRTL","padded","ModalAccessibleLabel","Heading","tag","variant","ModalBody","body","ModalFooter","actions","appearance","displayName"],"mappings":"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"}

package/dist/cjs/SplitButton/subcomponents/DropdownButton/DropdownButton.cjs

@@ -2,6 +2,7 @@
 
 var tslib = require('tslib');
 var React = require('react');
+var i18nReactIntl = require('@cultureamp/i18n-react-intl');
 var classnames = require('classnames');
 require('../../../Icon/subcomponents/SVG/SVG.cjs');
 var ChevronDownIcon = require('../../../Icon/ChevronDownIcon.cjs');
@@ -12,8 +13,13 @@ const DropdownButton = /*#__PURE__*/function () {
     var classNameOverride = _a.classNameOverride,
       ariaLabel = _a["aria-label"],
       restProps = tslib.__rest(_a, ["classNameOverride", "aria-label"]);
+    var formatMessage = i18nReactIntl.useIntl().formatMessage;
     return React.createElement(BaseButton.BaseButton, tslib.__assign({
-      label: ariaLabel || "Open menu",
+      label: ariaLabel || formatMessage({
+        id: "splitButton.dropdownButton.label",
+        defaultMessage: "Additional actions",
+        description: "Label for a dropdown menu holding additional actions"
+      }),
       icon: React.createElement(ChevronDownIcon.ChevronDownIcon, {
         role: "presentation"
       }),

package/dist/cjs/SplitButton/subcomponents/DropdownButton/DropdownButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownButton.cjs","sources":["../../../../../src/SplitButton/subcomponents/DropdownButton/DropdownButton.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { ChevronDownIcon } from \"~components/Icon\"\nimport { BaseButton, BaseButtonProps } from \"../BaseButton\"\nimport styles from \"./DropdownButton.module.scss\"\n\nexport type DropdownButtonProps = Omit<BaseButtonProps, \"label\" | \"icon\">\n\nexport const DropdownButton = ({\n  classNameOverride,\n  \"aria-label\": ariaLabel,\n  ...restProps\n}: DropdownButtonProps): JSX.Element => (\n  <BaseButton\n    label={ariaLabel || \"Open menu\"}\n    icon={<ChevronDownIcon role=\"presentation\" />}\n    classNameOverride={classnames(styles.dropdownButton, classNameOverride)}\n    {...restProps}\n  />\n)\n\nDropdownButton.displayName = \"DropdownButton\"\n"],"names":["DropdownButton","_a","classNameOverride","ariaLabel","restProps","__rest","React","createElement","BaseButton","__assign","label","icon","ChevronDownIcon","role","classnames","styles","dropdownButton","displayName"],"mappings":";;;;;;;;;MAQaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAIT,EAAA;IAHpB,IAAAC,iBAAiB,uBAAA;MACHC,SAAS,mBAAA;MACpBC,SAAS,GAHiBC,KAAA,CAAAA,MAAA,CAAAJ,EAAA,EAAA,CAAA,mBAAA,EAAA,YAAA,CAI9B,CADa;IAC0B,OACtCK,KAAA,CAAAC,aAAA,CAACC,UAAU,CAAAA,UAAA,EAAAC,cAAA,CAAA;MACTC,KAAK,EAAEP,SAAS,IAAI,WAAW;MAC/BQ,IAAI,EAAEL,KAAC,CAAAC,aAAA,CAAAK,eAAAA,CAAAA,eAAe;QAACC,IAAI,EAAC;MAAc,CAAA,CAAG;MAC7CX,iBAAiB,EAAEY,UAAU,CAACC,qBAAM,CAACC,cAAc,EAAEd,iBAAiB;KAAC,EACnEE,SAAS,CAAA,CACb;GACH;EAEDJ,cAAc,CAACiB,WAAW,GAAG,gBAAgB;EAAA,OAbhCjB,cAAc;AAAA;"}
+{"version":3,"file":"DropdownButton.cjs","sources":["../../../../../src/SplitButton/subcomponents/DropdownButton/DropdownButton.tsx"],"sourcesContent":["import React from \"react\"\nimport { useIntl } from \"@cultureamp/i18n-react-intl\"\nimport classnames from \"classnames\"\nimport { ChevronDownIcon } from \"~components/Icon\"\nimport { BaseButton, BaseButtonProps } from \"../BaseButton\"\nimport styles from \"./DropdownButton.module.scss\"\n\nexport type DropdownButtonProps = Omit<BaseButtonProps, \"label\" | \"icon\">\n\nexport const DropdownButton = ({\n  classNameOverride,\n  \"aria-label\": ariaLabel,\n  ...restProps\n}: DropdownButtonProps): JSX.Element => {\n  const { formatMessage } = useIntl()\n  return (\n    <BaseButton\n      label={\n        ariaLabel ||\n        formatMessage({\n          id: \"splitButton.dropdownButton.label\",\n          defaultMessage: \"Additional actions\",\n          description: \"Label for a dropdown menu holding additional actions\",\n        })\n      }\n      icon={<ChevronDownIcon role=\"presentation\" />}\n      classNameOverride={classnames(styles.dropdownButton, classNameOverride)}\n      {...restProps}\n    />\n  )\n}\n\nDropdownButton.displayName = \"DropdownButton\"\n"],"names":["DropdownButton","_a","classNameOverride","ariaLabel","restProps","__rest","formatMessage","useIntl","React","createElement","BaseButton","__assign","label","id","defaultMessage","description","icon","ChevronDownIcon","role","classnames","styles","dropdownButton","displayName"],"mappings":";;;;;;;;;;MASaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAIT,EAAA;IAHpB,IAAAC,iBAAiB,uBAAA;MACHC,SAAS,mBAAA;MACpBC,SAAS,GAHiBC,KAAA,CAAAA,MAAA,CAAAJ,EAAA,EAAA,CAAA,mBAAA,EAAA,YAAA,CAI9B,CADa;IAEJ,IAAAK,aAAa,GAAKC,qBAAO,CAAE,CAAA,cAAd;IACrB,OACEC,KAAC,CAAAC,aAAA,CAAAC,UAAAA,CAAAA,UAAU,EACTC,KAAAA,CAAAA,QAAA,CAAA;MAAAC,KAAK,EACHT,SAAS,IACTG,aAAa,CAAC;QACZO,EAAE,EAAE,kCAAkC;QACtCC,cAAc,EAAE,oBAAoB;QACpCC,WAAW,EAAE;OACd,CAAC;MAEJC,IAAI,EAAER,KAAC,CAAAC,aAAA,CAAAQ,eAAAA,CAAAA,eAAe;QAACC,IAAI,EAAC;MAAc,CAAA,CAAG;MAC7ChB,iBAAiB,EAAEiB,UAAU,CAACC,qBAAM,CAACC,cAAc,EAAEnB,iBAAiB;IAClE,CAAA,EAAAE,SAAS,CACb,CAAA;EAEN,CAAC;EAEDJ,cAAc,CAACsB,WAAW,GAAG,gBAAgB;EAAA,OAvBhCtB,cAAc;AAAA;"}

package/dist/cjs/Workflow/subcomponents/Header/Header.cjs

@@ -14,7 +14,7 @@ const Header = /*#__PURE__*/function () {
       headerActions = _a.headerActions,
       restProps = tslib.__rest(_a, ["workflowName", "stepName", "status", "headerActions"]);
     return React.createElement(Root.HeaderRoot, tslib.__assign({}, restProps), React.createElement(Branding.Branding, {
-      alt: "Cultureamp"
+      alt: "Culture Amp"
     }), React.createElement(Titles.Titles, {
       workflowName: workflowName,
       stepName: stepName,

package/dist/cjs/Workflow/subcomponents/Header/Header.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Header.cjs","sources":["../../../../../src/Workflow/subcomponents/Header/Header.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  HeaderRoot,\n  Branding,\n  Titles,\n  Actions,\n  WorkflowTitlesProps,\n  WorkflowActionsProps,\n} from \"./components\"\n\nexport type HeaderProps = WorkflowTitlesProps & WorkflowActionsProps\n\nexport const Header = ({\n  workflowName,\n  stepName,\n  status,\n  headerActions,\n  ...restProps\n}: HeaderProps): JSX.Element => (\n  <HeaderRoot {...restProps}>\n    <Branding alt=\"Cultureamp\" />\n    <Titles workflowName={workflowName} stepName={stepName} status={status} />\n    <Actions headerActions={headerActions} />\n  </HeaderRoot>\n)\n\nHeader.displayName = \"Workflow.Header\"\n"],"names":["Header","_a","workflowName","stepName","status","headerActions","restProps","__rest","React","createElement","HeaderRoot","__assign","Branding","alt","Titles","Actions","displayName"],"mappings":";;;;;;;;MAYaA,MAAM;EAAA,MAANA,MAAM,GAAG,SAAAA,CAACC,EAMT,EAAA;IALZ,IAAAC,YAAY,GAAAD,EAAA,CAAAC,YAAA;MACZC,QAAQ,cAAA;MACRC,MAAM,GAAAH,EAAA,CAAAG,MAAA;MACNC,aAAa,GAAAJ,EAAA,CAAAI,aAAA;MACVC,SAAS,GAAAC,KAAAA,CAAAA,MAAA,CAAAN,EAAA,EALS,uDAMtB,CADa;IACkB,OAC9BO,KAAA,CAAAC,aAAA,CAACC,IAAAA,CAAAA,UAAU,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKL,SAAS,CAAA,EACvBE,KAAA,CAAAC,aAAA,CAACG,QAAAA,CAAAA,QAAQ,EAAA;MAACC,GAAG,EAAC;IAAY,CAAG,CAAA,EAC7BL,KAAA,CAAAC,aAAA,CAACK,MAAM,CAAAA,MAAA,EAAA;MAACZ,YAAY,EAAEA,YAAY;MAAEC,QAAQ,EAAEA,QAAQ;MAAEC,MAAM,EAAEA;KAAU,CAAA,EAC1EI,KAAC,CAAAC,aAAA,CAAAM,OAAO,CAAAA,OAAA;MAACV,aAAa,EAAEA;IAAiB,CAAA,CAAA,CAC9B;GACd;EAEDL,MAAM,CAACgB,WAAW,GAAG,iBAAiB;EAAA,OAdzBhB,MAAM;AAAA;"}
+{"version":3,"file":"Header.cjs","sources":["../../../../../src/Workflow/subcomponents/Header/Header.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  HeaderRoot,\n  Branding,\n  Titles,\n  Actions,\n  WorkflowTitlesProps,\n  WorkflowActionsProps,\n} from \"./components\"\n\nexport type HeaderProps = WorkflowTitlesProps & WorkflowActionsProps\n\nexport const Header = ({\n  workflowName,\n  stepName,\n  status,\n  headerActions,\n  ...restProps\n}: HeaderProps): JSX.Element => (\n  <HeaderRoot {...restProps}>\n    <Branding alt=\"Culture Amp\" />\n    <Titles workflowName={workflowName} stepName={stepName} status={status} />\n    <Actions headerActions={headerActions} />\n  </HeaderRoot>\n)\n\nHeader.displayName = \"Workflow.Header\"\n"],"names":["Header","_a","workflowName","stepName","status","headerActions","restProps","__rest","React","createElement","HeaderRoot","__assign","Branding","alt","Titles","Actions","displayName"],"mappings":";;;;;;;;MAYaA,MAAM;EAAA,MAANA,MAAM,GAAG,SAAAA,CAACC,EAMT,EAAA;IALZ,IAAAC,YAAY,GAAAD,EAAA,CAAAC,YAAA;MACZC,QAAQ,cAAA;MACRC,MAAM,GAAAH,EAAA,CAAAG,MAAA;MACNC,aAAa,GAAAJ,EAAA,CAAAI,aAAA;MACVC,SAAS,GAAAC,KAAAA,CAAAA,MAAA,CAAAN,EAAA,EALS,uDAMtB,CADa;IACkB,OAC9BO,KAAA,CAAAC,aAAA,CAACC,IAAAA,CAAAA,UAAU,EAAAC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAKL,SAAS,CAAA,EACvBE,KAAA,CAAAC,aAAA,CAACG,QAAAA,CAAAA,QAAQ,EAAA;MAACC,GAAG,EAAC;IAAa,CAAG,CAAA,EAC9BL,KAAA,CAAAC,aAAA,CAACK,MAAM,CAAAA,MAAA,EAAA;MAACZ,YAAY,EAAEA,YAAY;MAAEC,QAAQ,EAAEA,QAAQ;MAAEC,MAAM,EAAEA;KAAU,CAAA,EAC1EI,KAAC,CAAAC,aAAA,CAAAM,OAAO,CAAAA,OAAA;MAACV,aAAa,EAAEA;IAAiB,CAAA,CAAA,CAC9B;GACd;EAEDL,MAAM,CAACgB,WAAW,GAAG,iBAAiB;EAAA,OAdzBhB,MAAM;AAAA;"}

package/dist/cjs/dts/Filter/FilterBar/context/utils/getInactiveFilters.d.ts

@@ -1,3 +1,3 @@
 import { FilterAttributes, FiltersValues } from "../../types";
 import { FilterBarState } from "../types";
-export declare const getInactiveFilters: <ValuesMap extends FiltersValues>({ filters, activeFilterIds, }: FilterBarState<ValuesMap>) => FilterAttributes<ValuesMap>[];
+export declare const getInactiveFilters: <ValuesMap extends FiltersValues>({ filters, activeFilterIds, }: FilterBarState<ValuesMap>) => Array<FilterAttributes<ValuesMap>>;

package/dist/cjs/dts/Filter/FilterMultiSelect/FilterMultiSelect.d.ts

@@ -61,7 +61,7 @@ export declare const FilterMultiSelect: {
         displayName: string;
     };
     LoadMoreButton: {
-        (props: import("../../Button/GenericButton").GenericButtonProps): JSX.Element;
+        (props: import("./subcomponents/LoadMoreButton").LoadMoreButtonProps): JSX.Element;
         displayName: string;
     };
     NoResults: {

package/dist/cjs/dts/Heading/Heading.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from "react";
 import { OverrideClassName } from "../types/OverrideClassName";
-export type HeadingVariants = "display-0" | "heading-1" | "heading-2" | "heading-3" | "heading-4" | "heading-5" | "heading-6";
+export type HeadingVariants = "display-0" | "composable-header-title" | "heading-1" | "heading-2" | "heading-3" | "heading-4" | "heading-5" | "heading-6";
 export type AllowedHeadingTags = "pre" | "p" | "div" | "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label";
 export type AllowedHeadingColors = "dark" | "dark-reduced-opacity" | "white" | "white-reduced-opacity" | "positive" | "negative";
 export type HeadingProps = {

package/dist/cjs/dts/Modal/InputEditModal/InputEditModal.d.ts

@@ -21,7 +21,7 @@ export type InputEditModalProps = {
         label: string;
         labelHidden?: boolean;
     };
-} & HTMLAttributes<HTMLDivElement>;
+} & Omit<HTMLAttributes<HTMLDivElement>, "onSubmit">;
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal#Input-Edit-Modal Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-modals-inputeditmodal--docs Storybook}

package/dist/cjs/dts/__future__/Select/utils/getDisabledKeysFromItems.d.ts

@@ -1,3 +1,3 @@
 import { Key } from "@react-types/shared";
 import { SelectItem, SelectOption } from "../types";
-export declare const getDisabledKeysFromItems: <Option extends SelectOption = SelectOption>(items: SelectItem<Option>[]) => Key[];
+export declare const getDisabledKeysFromItems: <Option extends SelectOption = SelectOption>(items: Array<SelectItem<Option>>) => Key[];

package/dist/cjs/dts/utils/useResizeObserver.d.ts

@@ -1,4 +1,4 @@
-import React, { Ref } from "react";
+import { Ref } from "react";
 export interface DOMRectReadOnly {
     readonly x: number;
     readonly y: number;
@@ -18,4 +18,4 @@ export interface DOMRectReadOnly {
  * element, and the current value of the callback-resolved ResizeObserverEntry
  * @callback resolveEntryCallback
  */
-export declare const useResizeObserver: <T, E extends Element = HTMLElement>(resolveEntry?: (entry: ResizeObserverEntry) => any) => [React.Ref<E>, T | undefined];
+export declare const useResizeObserver: <T, E extends Element = HTMLElement>(resolveEntry?: (entry: ResizeObserverEntry) => any) => [Ref<E>, T | undefined];

package/dist/cjs/index.css

@@ -2,11 +2,11 @@
 .Main-module_main__hMyB1{z-index:0}
 .Wrapper-module_wrapper__89WmC{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
 .FooterActions-module_footerAction__v7eL-{display:flex;flex-basis:auto;flex-grow:1}.FooterActions-module_footerActionPrevious__2XByZ{grid-area:"prev";justify-content:start}.FooterActions-module_footerActionNext__IKRta{grid-area:"next";justify-content:end}
+.Actions-module_actions__Prrp0{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__Prrp0{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
 .FooterRoot-module_footerRoot__N-6nQ{align-items:center;background:var(--color-blue-500,#0168b3);display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template-areas:"prev stepper next";grid-template-columns:1fr 2fr 1fr;justify-content:center;padding:var(--spacing-24,1.5rem) var(--spacing-12,.75rem)}@media (min-width:768px){.FooterRoot-module_footerRoot__N-6nQ{bottom:0;grid-template-columns:1fr 5fr 1fr;padding:var(--spacing-24,1.5rem) var(--spacing-32,2rem);position:sticky;z-index:1}}
-.Branding-module_branding__4h-rD{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__4h-rD{justify-content:unset}}.Branding-module_logo__vqqec{flex-basis:7.5rem}
 .ProgressStepper-module_stepsContainer__WMxXN{grid-area:stepper;width:100%}.ProgressStepper-module_stepList__b1wWX{align-items:flex-end;display:none;justify-content:center;list-style:none;margin:0;padding:0}@media (min-width:768px){.ProgressStepper-module_stepList__b1wWX{display:flex}}.ProgressStepper-module_step__-Ep19{container:step/inline-size;display:flex;flex-basis:100%;flex-grow:1;justify-content:center;max-width:var(--spacing-96,6rem);overflow-wrap:break-word;position:relative}.ProgressStepper-module_stepContent__B4uFS{align-items:center;display:flex;flex-direction:column}.ProgressStepper-module_stepIndicator__-qEWT{height:1.25rem;position:relative;width:1.25rem}.ProgressStepper-module_stepName__hS4lp{display:none;font-weight:var(--typography-paragraph-bold-font-weight,600);margin-bottom:var(--spacing-12,.75rem);text-align:center}.ProgressStepper-module_stepIcon__0Kh4y{color:var(--color-white,#fff);height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.ProgressStepper-module_stepDivider__KEZPU{border:var(--spacing-1,.0625rem) solid var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);display:flex;flex-grow:1;height:0;left:100%;margin:0;min-width:calc(100% - var(--spacing-24, 1.5rem));position:absolute;top:calc(100% - .625rem);transform:translateX(-50%)}[dir=rtl] .ProgressStepper-module_stepDivider__KEZPU{left:unset;right:100%;transform:translateX(50%)}.ProgressStepper-module_stepperDescription__B00hX{display:flex;justify-content:center}@media (min-width:768px){.ProgressStepper-module_stepperDescription__B00hX{height:0;overflow:hidden;position:absolute;width:0}}@container step (min-width: 4.5rem){.ProgressStepper-module_stepName__hS4lp{display:inline}}
 .Titles-module_titles__JYwU0{align-items:center;flex-grow:1;grid-area:titles;justify-content:center}.Titles-module_pageTitle__YDp9S,.Titles-module_titles__JYwU0{display:flex;flex-direction:column}.Titles-module_prefix__40x8n{margin-bottom:var(--spacing-4,.25rem)}.Titles-module_status__huuP7{margin-top:var(--spacing-8,.5rem)}
-.Actions-module_actions__Prrp0{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__Prrp0{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
+.Branding-module_branding__4h-rD{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__4h-rD{justify-content:unset}}.Branding-module_logo__vqqec{flex-basis:7.5rem}
 .Root-module_root__7DVw5{align-items:center;background-color:var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 3px 16px 0 rgba(0,0,0,.06));display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template:"branding" min-content "titles" max-content "actions" min-content/1fr;justify-content:center;padding:var(--spacing-24,1.5rem);text-align:center}@media (min-width:768px){.Root-module_root__7DVw5{align-items:start;grid-template:"branding titles actions" min-content/1fr max-content 1fr;position:sticky;top:0;z-index:1}}
 .SVG-module_icon__8J5Ev{display:inline-block;height:20px;width:20px}.SVG-module_icon__8J5Ev>use{pointer-events:none}@media screen and (-ms-high-contrast:active){.SVG-module_icon__8J5Ev{color:#000}}@media screen and (-ms-high-contrast:white-on-black){.SVG-module_icon__8J5Ev{color:#fff}}@media screen and (-ms-high-contrast:black-on-white){.SVG-module_icon__8J5Ev{color:#000}}.SVG-module_inheritSize__Q8iam{display:block;height:inherit;width:inherit}
 .Avatar-module_wrapper__LY2q2{align-items:center;background:var(--color-gray-300,#eaeaec);border-radius:100%;box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.Avatar-module_wrapper__LY2q2:not(.Avatar-module_small__PeksS){border:3px solid var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 3px 16px 0 rgba(0,0,0,.06))}.Avatar-module_wrapper__LY2q2.Avatar-module_personal__2U7--{background:var(--color-orange-100,#fff0e8)}.Avatar-module_wrapper__LY2q2.Avatar-module_otherUser__b-drl{background:var(--color-gray-300,#eaeaec)}.Avatar-module_wrapper__LY2q2.Avatar-module_company__2qtJE{background:var(--color-white,#fff);border:0;border-radius:var(--border-solid-border-radius,7px);padding:6px}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS{height:1.25rem;width:1.25rem}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{margin-bottom:-1px}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS.Avatar-module_company__2qtJE{padding:0}.Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8{height:3rem;width:3rem}.Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q{margin-bottom:-1px}.Avatar-module_wrapper__LY2q2.Avatar-module_large__qiNWs{height:4.5rem;width:4.5rem}.Avatar-module_wrapper__LY2q2.Avatar-module_xlarge__Vx4IG{height:6rem;width:6rem}.Avatar-module_wrapper__LY2q2.Avatar-module_xxlarge__oOoGq{height:7.75rem;width:7.75rem}.Avatar-module_wrapper__LY2q2 .Avatar-module_initials__VDY2Q{speak-as:spell-out;border-bottom:none;text-decoration:none}.Avatar-module_avatarImage__FuULy{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.Avatar-module_loading__i9V-D .Avatar-module_avatarImage__FuULy{display:none}.Avatar-module_companyAvatarImage__7rlfG{border-radius:4px;box-sizing:border-box;-o-object-fit:contain;object-fit:contain}.Avatar-module_fallbackIcon__MPWxq{color:rgba(var(--color-purple-800-rgb,47,36,56),.7);width:28px}.Avatar-module_xxlarge__oOoGq .Avatar-module_fallbackIcon__MPWxq{width:75px}.Avatar-module_xlarge__Vx4IG .Avatar-module_fallbackIcon__MPWxq{width:60px}.Avatar-module_large__qiNWs .Avatar-module_fallbackIcon__MPWxq{width:35px}.Avatar-module_medium__Vy3V8 .Avatar-module_fallbackIcon__MPWxq{margin-bottom:-1px;width:25px}.Avatar-module_small__PeksS .Avatar-module_fallbackIcon__MPWxq{margin-bottom:-1px;width:10px}.Avatar-module_initials__VDY2Q{box-sizing:border-box;color:var(--color-purple-800,#2f2438);font-family:var(--typography-heading-1-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:22px;font-weight:var(--typography-heading-1-font-weight,700);letter-spacing:var(--typography-heading-3-letter-spacing,normal);padding-left:5px;padding-right:5px;text-align:center;width:100%}.Avatar-module_initials__VDY2Q:not(.Avatar-module_longName__31Yuf):before{content:"";display:block;margin-top:-.001em}.Avatar-module_xlarge__Vx4IG .Avatar-module_initials__VDY2Q,.Avatar-module_xxlarge__oOoGq .Avatar-module_initials__VDY2Q{font-size:34px;letter-spacing:var(--typography-heading-1-letter-spacing,normal)}.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q{font-size:16px}.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q,.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{font-weight:var(--typography-heading-5-font-weight,600);letter-spacing:var(--typography-heading-5-letter-spacing,normal)}.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{font-size:8px}
@@ -20,7 +20,7 @@
 .VisuallyHidden-module_srOnly__tTjOK{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}
 .LoadingSpinner-module_loadingSpinner__4SQsH{display:flex}.LoadingSpinner-module_spinner__bDpy0{animation:LoadingSpinner-module_spinner__bDpy0 var(--animation-duration-deliberate,.7s) var(--animation-easing-function-ease-in-out,cubic-bezier(.455,.03,.515,.955)) infinite}@keyframes LoadingSpinner-module_spinner__bDpy0{to{transform:rotate(1turn)}}
 .GenericButton-module_button__CrXoI{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid);border-radius:var(--border-solid-border-radius,7px);box-sizing:border-box;color:inherit;cursor:pointer;display:inline;display:inline-flex;font:inherit;font-family:var(--typography-button-primary-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-button-primary-font-size,1.125rem);font-weight:var(--typography-button-primary-font-weight,700);letter-spacing:var(--typography-button-primary-letter-spacing,normal);line-height:var(--typography-button-primary-line-height,1.5rem);margin:0;min-height:var(--spacing-xl,3rem);overflow:visible;padding:0;position:relative;text-align:left}[href].GenericButton-module_button__CrXoI{text-decoration:none}.GenericButton-module_button__CrXoI:not(:disabled):active{transform:translateY(1px)}.GenericButton-module_button__CrXoI:not(:disabled):focus{outline:none}.GenericButton-module_button__CrXoI:not(:disabled):focus-visible:after{background:transparent;border-color:var(--color-blue-500,#0168b3);border-radius:var(--border-focus-ring-border-radius,10px);border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);content:"";inset:calc(var(--border-focus-ring-border-width, 2px)*2*-1 + -1px);position:absolute}.GenericButton-module_reversed__Pzsic.GenericButton-module_button__CrXoI:not(:disabled):focus-visible:after{border-color:var(--color-blue-300,#73c0e8)}.GenericButton-module_button__CrXoI:disabled,.GenericButton-module_working__mRozR.GenericButton-module_button__CrXoI{opacity:30%;pointer-events:none}.GenericButton-module_button__CrXoI .GenericButton-module_content__E-vUa{align-items:center;display:flex;height:100%;padding:calc(var(--spacing-sm, .75rem) - var(--border-solid-border-width, 2px)) calc(var(--spacing-md, 1.5rem) - var(--border-solid-border-width, 2px))}.GenericButton-module_default__miX7x{background-color:var(--color-white,#fff);border-color:var(--color-gray-500,#878792);color:var(--color-purple-800,#2f2438)}.GenericButton-module_default__miX7x:not(:disabled):active,.GenericButton-module_default__miX7x:not(:disabled):focus-visible,.GenericButton-module_default__miX7x:not(:disabled):hover{background-color:var(--color-gray-200,#f4f4f5);border-color:var(--color-gray-600,#524e56)}.GenericButton-module_reversed__Pzsic.GenericButton-module_default__miX7x{background-color:transparent;border-color:rgba(var(--color-white-rgb,255,255,255),.65);color:var(--color-white,#fff)}.GenericButton-module_reversed__Pzsic.GenericButton-module_default__miX7x:not(:disabled):active,.GenericButton-module_reversed__Pzsic.GenericButton-module_default__miX7x:not(:disabled):focus-visible,.GenericButton-module_reversed__Pzsic.GenericButton-module_default__miX7x:not(:disabled):hover{background-color:rgba(var(--color-white-rgb,255,255,255),.1);border-color:var(--color-white,#fff)}.GenericButton-module_primary__FB-Ts{background-color:var(--color-blue-500,#0168b3);border-color:var(--border-borderless-border-color,transparent);color:var(--color-white,#fff)}.GenericButton-module_primary__FB-Ts:not(:disabled):active,.GenericButton-module_primary__FB-Ts:not(:disabled):focus-visible,.GenericButton-module_primary__FB-Ts:not(:disabled):hover{background-color:var(--color-blue-600,#004970);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_reversed__Pzsic.GenericButton-module_primary__FB-Ts{background-color:var(--color-green-300,#8fdbc7);border-color:var(--border-borderless-border-color,transparent);color:var(--color-purple-800,#2f2438)}.GenericButton-module_reversed__Pzsic.GenericButton-module_primary__FB-Ts:not(:disabled):active,.GenericButton-module_reversed__Pzsic.GenericButton-module_primary__FB-Ts:not(:disabled):focus-visible,.GenericButton-module_reversed__Pzsic.GenericButton-module_primary__FB-Ts:not(:disabled):hover{background-color:var(--color-green-400,#5dcaad);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_destructive__O9h5V{background-color:var(--color-red-500,#c93b55);border-color:var(--border-borderless-border-color,transparent);color:var(--color-white,#fff)}.GenericButton-module_destructive__O9h5V:not(:disabled):active,.GenericButton-module_destructive__O9h5V:not(:disabled):focus-visible,.GenericButton-module_destructive__O9h5V:not(:disabled):hover{background-color:var(--color-red-600,#a82433);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_reversed__Pzsic.GenericButton-module_destructive__O9h5V{background-color:var(--color-red-300,#f597a8);border-color:var(--border-borderless-border-color,transparent);color:var(--color-purple-800,#2f2438)}.GenericButton-module_reversed__Pzsic.GenericButton-module_destructive__O9h5V:not(:disabled):active,.GenericButton-module_reversed__Pzsic.GenericButton-module_destructive__O9h5V:not(:disabled):focus-visible,.GenericButton-module_reversed__Pzsic.GenericButton-module_destructive__O9h5V:not(:disabled):hover{background-color:var(--color-red-400,#e0707d);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_secondary__YbAZ-{background-color:transparent;border-color:var(--border-borderless-border-color,transparent);color:var(--color-blue-500,#0168b3);font-family:var(--typography-button-secondary-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-button-secondary-font-size,1rem);font-weight:var(--typography-button-secondary-font-weight,500);letter-spacing:var(--typography-button-secondary-letter-spacing,normal);line-height:var(--typography-button-secondary-line-height,1.5rem)}.GenericButton-module_secondary__YbAZ-:not(:disabled):active,.GenericButton-module_secondary__YbAZ-:not(:disabled):focus-visible,.GenericButton-module_secondary__YbAZ-:not(:disabled):hover{background-color:var(--color-blue-100,#e6f6ff);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_secondary__YbAZ- .GenericButton-module_content__E-vUa{padding-left:calc(var(--spacing-sm, .75rem) - var(--border-solid-border-width, 2px));padding-right:calc(var(--spacing-sm, .75rem) - var(--border-solid-border-width, 2px))}.GenericButton-module_reversed__Pzsic.GenericButton-module_secondary__YbAZ-{border-color:var(--border-borderless-border-color,transparent);color:var(--color-white,#fff)}.GenericButton-module_reversed__Pzsic.GenericButton-module_secondary__YbAZ-:not(:disabled):active,.GenericButton-module_reversed__Pzsic.GenericButton-module_secondary__YbAZ-:not(:disabled):focus-visible,.GenericButton-module_reversed__Pzsic.GenericButton-module_secondary__YbAZ-:not(:disabled):hover{background-color:rgba(var(--color-white-rgb,255,255,255),.2);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_secondary__YbAZ-.GenericButton-module_destructive__O9h5V{color:var(--color-red-600,#a82433)}.GenericButton-module_secondary__YbAZ-.GenericButton-module_destructive__O9h5V:not(:disabled):active,.GenericButton-module_secondary__YbAZ-.GenericButton-module_destructive__O9h5V:not(:disabled):focus-visible,.GenericButton-module_secondary__YbAZ-.GenericButton-module_destructive__O9h5V:not(:disabled):hover{background-color:var(--color-red-100,#fdeaee);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_small__YPMel{min-height:calc(var(--spacing-md, 1.5rem)*5/3)}.GenericButton-module_small__YPMel .GenericButton-module_content__E-vUa{padding-bottom:calc(var(--spacing-md, 1.5rem)/3 - var(--border-solid-border-width, 2px));padding-top:calc(var(--spacing-md, 1.5rem)/3 - var(--border-solid-border-width, 2px))}.GenericButton-module_iconButton__XR24h{border-color:var(--border-borderless-border-color,transparent);width:var(--spacing-xl,3rem)}.GenericButton-module_iconButton__XR24h:not(:disabled):active,.GenericButton-module_iconButton__XR24h:not(:disabled):focus-visible,.GenericButton-module_iconButton__XR24h:not(:disabled):hover{border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_iconButton__XR24h .GenericButton-module_content__E-vUa{justify-content:center;padding:0;width:100%}.GenericButton-module_iconButton__XR24h:not(.GenericButton-module_reversed__Pzsic).GenericButton-module_default__miX7x{background-color:transparent;color:inherit}.GenericButton-module_iconButton__XR24h:not(.GenericButton-module_reversed__Pzsic).GenericButton-module_default__miX7x:not(:disabled):active,.GenericButton-module_iconButton__XR24h:not(.GenericButton-module_reversed__Pzsic).GenericButton-module_default__miX7x:not(:disabled):focus-visible,.GenericButton-module_iconButton__XR24h:not(.GenericButton-module_reversed__Pzsic).GenericButton-module_default__miX7x:not(:disabled):hover{background-color:var(--color-gray-200,#f4f4f5)}.GenericButton-module_reversed__Pzsic.GenericButton-module_iconButton__XR24h{border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_reversed__Pzsic.GenericButton-module_iconButton__XR24h:not(:disabled):active,.GenericButton-module_reversed__Pzsic.GenericButton-module_iconButton__XR24h:not(:disabled):focus-visible,.GenericButton-module_reversed__Pzsic.GenericButton-module_iconButton__XR24h:not(:disabled):hover{border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_circleButton__bJk9T{border-radius:50%;height:40px;margin:0 var(--spacing-xs,.375rem);min-height:auto;width:40px}.GenericButton-module_circleButton__bJk9T:not(:disabled):focus-visible:after{border-radius:50%}.GenericButton-module_circleButton__bJk9T .GenericButton-module_content__E-vUa{color:var(--color-blue-500,#0168b3);height:auto}.GenericButton-module_reversed__Pzsic.GenericButton-module_circleButton__bJk9T .GenericButton-module_content__E-vUa{color:var(--color-white,#fff)}.GenericButton-module_paginationLink__MzUls{border-color:var(--border-borderless-border-color,transparent);font-size:var(--typography-button-secondary-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400)}.GenericButton-module_paginationLink__MzUls:not(:disabled):active,.GenericButton-module_paginationLink__MzUls:not(:disabled):focus-visible,.GenericButton-module_paginationLink__MzUls:not(:disabled):hover{background-color:var(--color-blue-100,#e6f6ff);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_paginationLink__MzUls .GenericButton-module_content__E-vUa{justify-content:center;padding:0;width:100%}.GenericButton-module_reversed__Pzsic.GenericButton-module_paginationLink__MzUls{border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_reversed__Pzsic.GenericButton-module_paginationLink__MzUls:not(:disabled):active,.GenericButton-module_reversed__Pzsic.GenericButton-module_paginationLink__MzUls:not(:disabled):focus-visible,.GenericButton-module_reversed__Pzsic.GenericButton-module_paginationLink__MzUls:not(:disabled):hover{border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_isPaginationLinkActive__BWdeE{background-color:var(--color-blue-500,#0168b3);border-color:var(--border-borderless-border-color,transparent);cursor:auto}.GenericButton-module_isPaginationLinkActive__BWdeE:not(:disabled):active,.GenericButton-module_isPaginationLinkActive__BWdeE:not(:disabled):focus-visible,.GenericButton-module_isPaginationLinkActive__BWdeE:not(:disabled):hover{background-color:var(--color-blue-500,#0168b3);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_isPaginationLinkActive__BWdeE:not(:disabled):active{transform:unset}.GenericButton-module_isPaginationLinkActive__BWdeE .GenericButton-module_content__E-vUa{color:var(--color-white,#fff)}.GenericButton-module_reversed__Pzsic.GenericButton-module_isPaginationLinkActive__BWdeE{background-color:var(--color-white,#fff)}.GenericButton-module_reversed__Pzsic.GenericButton-module_isPaginationLinkActive__BWdeE:not(:disabled):active,.GenericButton-module_reversed__Pzsic.GenericButton-module_isPaginationLinkActive__BWdeE:not(:disabled):focus-visible,.GenericButton-module_reversed__Pzsic.GenericButton-module_isPaginationLinkActive__BWdeE:not(:disabled):hover{background-color:var(--color-white,#fff)}.GenericButton-module_reversed__Pzsic.GenericButton-module_isPaginationLinkActive__BWdeE .GenericButton-module_content__E-vUa{color:var(--color-purple-800,#2f2438)}.GenericButton-module_directionalLink__N9Kwb{border:var(--border-solid-border-width,2px) solid var(--color-blue-300,#73c0e8)}[dir=rtl] .GenericButton-module_directionalLink__N9Kwb{transform:rotate(180deg)}.GenericButton-module_directionalLink__N9Kwb:not(:disabled):active,.GenericButton-module_directionalLink__N9Kwb:not(:disabled):focus-visible,.GenericButton-module_directionalLink__N9Kwb:not(:disabled):hover{background-color:var(--color-blue-100,#e6f6ff);border-color:var(--color-blue-400,#008bd6)}.GenericButton-module_directionalLink__N9Kwb:disabled{border-color:var(--color-blue-300,#73c0e8)}.GenericButton-module_reversed__Pzsic.GenericButton-module_directionalLink__N9Kwb:disabled{border-color:var(--color-white,#fff)}.GenericButton-module_container__6JphL{display:inline-block}.GenericButton-module_label__Xdblv{line-height:1}.GenericButton-module_label__Xdblv:not(:first-child){margin-left:.5em}.GenericButton-module_label__Xdblv:not(:first-child)[dir=rtl],.GenericButton-module_label__Xdblv:not(:last-child),[dir=rtl] .GenericButton-module_label__Xdblv:not(:first-child){margin-right:.5em}.GenericButton-module_label__Xdblv:not(:last-child)[dir=rtl],[dir=rtl] .GenericButton-module_label__Xdblv:not(:last-child){margin-left:.5em}.GenericButton-module_fullWidth__bxasc{width:100%}.GenericButton-module_fullWidth__bxasc .GenericButton-module_button__CrXoI{display:flex;justify-content:center;width:100%}.GenericButton-module_fullWidth__bxasc .GenericButton-module_content__E-vUa{justify-content:center}.GenericButton-module_iconWrapper__wSWAB{align-self:flex-start;height:20px}.GenericButton-module_additionalContentWrapper__PHvbf{display:inherit}.GenericButton-module_additionalContentWrapper__PHvbf:not(:last-child){margin-right:.5em}.GenericButton-module_additionalContentWrapper__PHvbf:not(:last-child)[dir=rtl],[dir=rtl] .GenericButton-module_additionalContentWrapper__PHvbf:not(:last-child){margin-left:.5em}.GenericButton-module_loadingSpinner__JTaXL svg{height:100%}.GenericButton-module_centeredLoadingSpinner__urPMo{display:flex;justify-content:center;left:0;position:absolute;right:0}.GenericButton-module_hidden__TuNy8{visibility:hidden}
-@layer reset{.Heading-module_heading__Gq6I8{margin:0}}.Heading-module_display-0__yZ7rx{font-family:var(--typography-display-0-font-family,"Tiempos Headline",Georgia,serif);font-size:var(--typography-display-0-font-size,4.5rem);font-weight:var(--typography-display-0-font-weight,800);letter-spacing:var(--typography-display-0-letter-spacing,0);line-height:var(--typography-display-0-line-height,5.25rem)}.Heading-module_heading-1__PbAcw{font-family:var(--typography-heading-1-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-1-font-size,2.125rem);font-weight:var(--typography-heading-1-font-weight,700);letter-spacing:var(--typography-heading-1-letter-spacing,normal);line-height:var(--typography-heading-1-line-height,2.625rem)}.Heading-module_heading-2__Ovpfe{font-family:var(--typography-heading-2-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-2-font-size,1.75rem);font-weight:var(--typography-heading-2-font-weight,700);letter-spacing:var(--typography-heading-2-letter-spacing,normal);line-height:var(--typography-heading-2-line-height,2.25rem)}.Heading-module_heading-3__S4Pb1{font-family:var(--typography-heading-3-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-3-font-size,1.375rem);font-weight:var(--typography-heading-3-font-weight,700);letter-spacing:var(--typography-heading-3-letter-spacing,normal);line-height:var(--typography-heading-3-line-height,1.875rem)}.Heading-module_heading-4__IIiwi{font-family:var(--typography-heading-4-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-4-font-size,1.125rem);font-weight:var(--typography-heading-4-font-weight,600);letter-spacing:var(--typography-heading-4-letter-spacing,normal);line-height:var(--typography-heading-4-line-height,1.5rem)}.Heading-module_heading-5__QFtpN{font-family:var(--typography-heading-5-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-5-font-size,1rem);font-weight:var(--typography-heading-5-font-weight,600);letter-spacing:var(--typography-heading-5-letter-spacing,normal);line-height:var(--typography-heading-5-line-height,1.5rem)}.Heading-module_heading-6__kts--{font-family:var(--typography-heading-6-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-6-font-size,.875rem);font-weight:var(--typography-heading-6-font-weight,700);letter-spacing:var(--typography-heading-6-letter-spacing,normal);line-height:var(--typography-heading-6-line-height,1.5rem)}.Heading-module_dark__IqcnT{color:var(--color-purple-800,#2f2438);opacity:100%}.Heading-module_dark-reduced-opacity__i-JqI{color:var(--color-purple-800,#2f2438);opacity:70%}.Heading-module_white__mUqRT{color:var(--color-white,#fff);opacity:100%}.Heading-module_white-reduced-opacity__y1wq8{color:var(--color-white,#fff);opacity:80%}.Heading-module_positive__mBS79.Heading-module_small__qupiD{color:var(--color-green-600,#2c7d67)}.Heading-module_positive__mBS79.Heading-module_large__cB-V3{color:var(--color-green-500,#44a289)}.Heading-module_negative__Q4byH.Heading-module_small__qupiD{color:var(--color-red-600,#a82433)}.Heading-module_negative__Q4byH.Heading-module_large__cB-V3{color:var(--color-red-500,#c93b55)}
+@layer reset{.Heading-module_heading__Gq6I8{margin:0}}.Heading-module_display-0__yZ7rx{font-family:var(--typography-display-0-font-family,"Tiempos Headline",Georgia,serif);font-size:var(--typography-display-0-font-size,4.5rem);font-weight:var(--typography-display-0-font-weight,800);letter-spacing:var(--typography-display-0-letter-spacing,0);line-height:var(--typography-display-0-line-height,5.25rem)}.Heading-module_composable-header-title__mqQVh{font-family:var(--typography-display-0-font-family,"Tiempos Headline",Georgia,serif);font-weight:500}.Heading-module_composable-header-title__mqQVh,.Heading-module_heading-1__PbAcw{font-size:var(--typography-heading-1-font-size,2.125rem);letter-spacing:var(--typography-heading-1-letter-spacing,normal);line-height:var(--typography-heading-1-line-height,2.625rem)}.Heading-module_heading-1__PbAcw{font-family:var(--typography-heading-1-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-heading-1-font-weight,700)}.Heading-module_heading-2__Ovpfe{font-family:var(--typography-heading-2-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-2-font-size,1.75rem);font-weight:var(--typography-heading-2-font-weight,700);letter-spacing:var(--typography-heading-2-letter-spacing,normal);line-height:var(--typography-heading-2-line-height,2.25rem)}.Heading-module_heading-3__S4Pb1{font-family:var(--typography-heading-3-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-3-font-size,1.375rem);font-weight:var(--typography-heading-3-font-weight,700);letter-spacing:var(--typography-heading-3-letter-spacing,normal);line-height:var(--typography-heading-3-line-height,1.875rem)}.Heading-module_heading-4__IIiwi{font-family:var(--typography-heading-4-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-4-font-size,1.125rem);font-weight:var(--typography-heading-4-font-weight,600);letter-spacing:var(--typography-heading-4-letter-spacing,normal);line-height:var(--typography-heading-4-line-height,1.5rem)}.Heading-module_heading-5__QFtpN{font-family:var(--typography-heading-5-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-5-font-size,1rem);font-weight:var(--typography-heading-5-font-weight,600);letter-spacing:var(--typography-heading-5-letter-spacing,normal);line-height:var(--typography-heading-5-line-height,1.5rem)}.Heading-module_heading-6__kts--{font-family:var(--typography-heading-6-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-6-font-size,.875rem);font-weight:var(--typography-heading-6-font-weight,700);letter-spacing:var(--typography-heading-6-letter-spacing,normal);line-height:var(--typography-heading-6-line-height,1.5rem)}.Heading-module_dark__IqcnT{color:var(--color-purple-800,#2f2438);opacity:100%}.Heading-module_dark-reduced-opacity__i-JqI{color:var(--color-purple-800,#2f2438);opacity:70%}.Heading-module_white__mUqRT{color:var(--color-white,#fff);opacity:100%}.Heading-module_white-reduced-opacity__y1wq8{color:var(--color-white,#fff);opacity:80%}.Heading-module_positive__mBS79.Heading-module_small__qupiD{color:var(--color-green-600,#2c7d67)}.Heading-module_positive__mBS79.Heading-module_large__cB-V3{color:var(--color-green-500,#44a289)}.Heading-module_negative__Q4byH.Heading-module_small__qupiD{color:var(--color-red-600,#a82433)}.Heading-module_negative__Q4byH.Heading-module_large__cB-V3{color:var(--color-red-500,#c93b55)}
 .Text-module_text__Byo7R{margin:0}.Text-module_text__Byo7R strong{font-weight:var(--typography-paragraph-bold-font-weight,600)}.Text-module_intro-lede__ENE72{font-family:var(--typography-paragraph-intro-lede-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-intro-lede-font-size,1.25rem);font-weight:var(--typography-paragraph-intro-lede-font-weight,400);letter-spacing:var(--typography-paragraph-intro-lede-letter-spacing,0);line-height:var(--typography-paragraph-intro-lede-line-height,1.875rem)}.Text-module_body__cO-XH{font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem)}.Text-module_small__uZNGn{font-family:var(--typography-paragraph-small-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-small-font-size,.875rem);font-weight:var(--typography-paragraph-small-font-weight,400);letter-spacing:var(--typography-paragraph-small-letter-spacing,normal);line-height:var(--typography-paragraph-small-line-height,1.125rem)}.Text-module_extra-small__3g9eN{font-family:var(--typography-paragraph-extra-small-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-extra-small-font-size,.75rem);font-weight:var(--typography-paragraph-extra-small-font-weight,400);letter-spacing:var(--typography-paragraph-extra-small-letter-spacing,normal);line-height:var(--typography-paragraph-extra-small-line-height,1.125rem)}.Text-module_dark__-jDSk{color:var(--color-purple-800,#2f2438);opacity:100%}.Text-module_dark-reduced-opacity__18nLo{color:var(--color-purple-800,#2f2438);opacity:70%}.Text-module_white__-yVD0{color:var(--color-white,#fff);opacity:100%}.Text-module_white-reduced-opacity__i0veZ{color:var(--color-white,#fff);opacity:80%}.Text-module_positive__e-IKh{color:var(--color-green-600,#2c7d67)}.Text-module_negative__agbge{color:var(--color-red-600,#a82433)}
 .BrandMoment-module_body__J4lls{align-items:center;display:flex;flex-direction:column;min-height:100vh;width:100%}.BrandMoment-module_body__J4lls.BrandMoment-module_informative__Qvwcd{background:var(--color-blue-100,#e6f6ff)}.BrandMoment-module_body__J4lls.BrandMoment-module_positive__78wqJ{background:var(--color-green-100,#e8f8f4)}.BrandMoment-module_body__J4lls.BrandMoment-module_negative__atXal{background:var(--color-red-100,#fdeaee)}.BrandMoment-module_container__4ORHI{margin:0 auto;max-width:1392px;padding:0 var(--spacing-md,1.5rem)}@media (min-width:1080px){.BrandMoment-module_container__4ORHI{padding:0 var(--spacing-xxl,3.75rem)}}@media (min-width:1366px){.BrandMoment-module_container__4ORHI{padding:0 var(--spacing-xxxxl,5.25rem)}}.BrandMoment-module_header__EAP5Q{inline-size:100%;margin-block-end:var(--spacing-md,1.5rem)}.BrandMoment-module_main__cdWko{align-items:center;display:flex;flex:1 0 auto;margin-block-end:var(--spacing-xxl,3.75rem)}.BrandMoment-module_mainInner__xsFA6{align-items:center;display:grid;gap:var(--spacing-xl,3rem) var(--spacing-lg,2.25rem);grid-template-columns:1fr}@media (min-width:768px){.BrandMoment-module_mainInner__xsFA6{row-gap:var(--spacing-xxl,3.75rem)}}@media (min-width:1080px){.BrandMoment-module_mainInner__xsFA6{grid-template-columns:1fr 1fr}}@media (min-width:1366px){.BrandMoment-module_mainInner__xsFA6{-moz-column-gap:var(--spacing-xxxxl,5.25rem);column-gap:var(--spacing-xxxxl,5.25rem)}}.BrandMoment-module_left__ZHJiM{display:flex;justify-content:center}.BrandMoment-module_leftInner__TY5DY{max-width:525px;width:100%}.BrandMoment-module_right__B-PR2{align-items:center;display:flex;flex-direction:column;justify-content:center}.BrandMoment-module_rightInner__XvQ5Y{max-width:543px}.BrandMoment-module_subtitle__z9PL8{margin-bottom:var(--spacing-12,.75rem)}.BrandMoment-module_textBody__W6LvQ,.BrandMoment-module_title__GrdAR{margin-bottom:var(--spacing-lg,2.25rem)}.BrandMoment-module_secondaryAction__d18oJ{margin-block-start:var(--spacing-sm,.75rem)}@media (min-width:768px){.BrandMoment-module_actions__Z3NrK{display:flex}.BrandMoment-module_secondaryAction__d18oJ{margin-block-start:0;margin-inline-start:var(--spacing-sm,.75rem)}}@media (min-width:1080px){.BrandMoment-module_left__ZHJiM{justify-content:flex-end}.BrandMoment-module_right__B-PR2{align-items:flex-start}}.BrandMoment-module_footer__vSeX1{flex:0 0 auto}.BrandMoment-module_footerInner__Wt9Rt{border-block-start:1px solid var(--color-purple-800,#2f2438);border-inline-start:1px solid var(--color-purple-800,#2f2438);display:flex;flex-direction:column;margin-block-end:var(--spacing-lg,2.25rem);padding:var(--spacing-sm,.75rem) var(--spacing-md,1.5rem)}.BrandMoment-module_poweredByContainer__OkhVN{display:flex;flex:0 0 auto;order:2}.BrandMoment-module_footerTextContainer__8iin9{flex:1 1 auto;margin-block-end:var(--spacing-md,1.5rem);order:1}.BrandMoment-module_poweredByLogo__w6M7o{margin-inline-start:var(--spacing-xs,.375rem)}.BrandMoment-module_poweredByLogo__w6M7o>img{max-width:133px}@media (min-width:1080px){.BrandMoment-module_footerInner__Wt9Rt{align-items:center;flex-direction:row}.BrandMoment-module_footerTextContainer__8iin9{margin-block-end:0;margin-inline-start:var(--spacing-md,1.5rem);order:0}.BrandMoment-module_poweredByContainer__OkhVN{order:0}}
 .FilterButtonBase-module_filterButtonBase__ImByM{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;background-color:var(--color-blue-100,#e6f6ff);border:0;border-radius:var(--border-solid-border-radius,7px);color:inherit;color:var(--color-blue-500,#0168b3);display:inline;display:inline-flex;font:inherit;font-family:var(--typography-button-secondary-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-button-secondary-font-size,1rem);font-weight:var(--typography-button-secondary-font-weight,500);height:3rem;letter-spacing:var(--typography-button-secondary-letter-spacing,normal);line-height:var(--typography-button-secondary-line-height,1.5rem);margin:0;padding:0;padding:var(--spacing-sm,.75rem);position:relative;white-space:nowrap}.FilterButtonBase-module_filterButtonBase__ImByM:active,.FilterButtonBase-module_filterButtonBase__ImByM:hover{z-index:2}.FilterButtonBase-module_filterButtonBase__ImByM:active,.FilterButtonBase-module_filterButtonBase__ImByM:focus-visible,.FilterButtonBase-module_filterButtonBase__ImByM:hover{background-color:var(--color-blue-200,#bde2f5)}.FilterButtonBase-module_filterButtonBase__ImByM:focus{outline:none}.FilterButtonBase-module_filterButtonBase__ImByM:focus-visible{outline:none}.FilterButtonBase-module_filterButtonBase__ImByM:focus-visible:after{border:var(--border-focus-ring-border-width,2px) var(--border-focus-ring-border-style,solid) var(--color-blue-500,#0168b3);border-radius:var(--border-focus-ring-border-radius,10px);content:"";inset:calc((var(--border-focus-ring-border-width, 2px) + 1px)*-1);position:absolute;z-index:3}

package/dist/esm/Heading/Heading.mjs

@@ -29,6 +29,7 @@ Heading.displayName = "Heading";
 var translateHeadingLevelToTag = function (headingLevel) {
   switch (headingLevel) {
     case "display-0":
+    case "composable-header-title":
     case "heading-1":
       return "h1";
     case "heading-2":

package/dist/esm/Heading/Heading.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.mjs","sources":["../../../src/Heading/Heading.tsx"],"sourcesContent":["import { createElement, HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Heading.module.scss\"\n\nconst VARIANTS_24PX_OR_GREATER = [\"display-0\", \"heading-1\", \"heading-2\"]\n\nexport type HeadingVariants =\n  | \"display-0\"\n  | \"heading-1\"\n  | \"heading-2\"\n  | \"heading-3\"\n  | \"heading-4\"\n  | \"heading-5\"\n  | \"heading-6\"\n\nexport type AllowedHeadingTags =\n  | \"pre\"\n  | \"p\"\n  | \"div\"\n  | \"span\"\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"label\"\n\nexport type AllowedHeadingColors =\n  | \"dark\"\n  | \"dark-reduced-opacity\"\n  | \"white\"\n  | \"white-reduced-opacity\"\n  | \"positive\"\n  | \"negative\"\n\nexport type HeadingProps = {\n  children: React.ReactNode\n  /**\n   * HTML elements that are allowed on Headings. When not supplied, the tag is inferred from\n   * the variant. E.g. display-0 will infer h1\n   */\n  tag?: AllowedHeadingTags\n  /**\n   * Allowed heading variants\n   */\n  variant: HeadingVariants\n  color?: AllowedHeadingColors\n} & OverrideClassName<HTMLAttributes<HTMLElement>>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3074885298/Typography#Headings Guidance}\n * {@link https://cultureamp.design/?path=/docs/components-typography-heading--display-0 Storybook}\n */\nexport const Heading = ({\n  children,\n  tag,\n  variant,\n  color = \"dark\",\n  classNameOverride,\n  ...restProps\n}: HeadingProps): JSX.Element => {\n  const inferredTag =\n    tag === undefined ? translateHeadingLevelToTag(variant) : tag\n\n  const className = classnames(\n    styles.heading,\n    styles[variant],\n    classNameOverride,\n    styles[color],\n    VARIANTS_24PX_OR_GREATER.includes(variant) ? styles.large : styles.small\n  )\n\n  return createElement(inferredTag, { ...restProps, className }, children)\n}\n\nHeading.displayName = \"Heading\"\n\n/**\n * A helper to infer the tag when not explicitly passed as a prop\n * @param headingLevel Level of the heading\n */\nconst translateHeadingLevelToTag = (headingLevel: HeadingVariants): string => {\n  switch (headingLevel) {\n    case \"display-0\":\n    case \"heading-1\":\n      return \"h1\"\n    case \"heading-2\":\n      return \"h2\"\n    case \"heading-3\":\n      return \"h3\"\n    case \"heading-4\":\n      return \"h4\"\n    case \"heading-5\":\n      return \"h5\"\n    case \"heading-6\":\n    default:\n      return \"h6\"\n  }\n}\n"],"names":["VARIANTS_24PX_OR_GREATER","Heading","_a","children","tag","variant","_b","color","classNameOverride","restProps","__rest","inferredTag","undefined","translateHeadingLevelToTag","className","classnames","styles","heading","includes","large","small","createElement","__assign","displayName","headingLevel"],"mappings":";;;;AAKA,IAAMA,wBAAwB,GAAG,CAAC,WAAW,EAAE,WAAW,EAAE,WAAW,CAAC;AA8CxE;;;AAGG;AACI,IAAMC,OAAO,GAAG,SAAAA,CAACC,EAOT,EAAA;EANb,IAAAC,QAAQ,cAAA;IACRC,GAAG,SAAA;IACHC,OAAO,GAAAH,EAAA,CAAAG,OAAA;IACPC,EAAc,GAAAJ,EAAA,CAAAK,KAAA;IAAdA,KAAK,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,KAAA;IACdE,iBAAiB,uBAAA;IACdC,SAAS,GANUC,MAAA,CAAAR,EAAA,EAAA,CAAA,UAAA,EAAA,KAAA,EAAA,SAAA,EAAA,OAAA,EAAA,mBAAA,CAOvB,CADa;EAEZ,IAAMS,WAAW,GACfP,GAAG,KAAKQ,SAAS,GAAGC,0BAA0B,CAACR,OAAO,CAAC,GAAGD,GAAG;EAE/D,IAAMU,SAAS,GAAGC,UAAU,CAC1BC,MAAM,CAACC,OAAO,EACdD,MAAM,CAACX,OAAO,CAAC,EACfG,iBAAiB,EACjBQ,MAAM,CAACT,KAAK,CAAC,EACbP,wBAAwB,CAACkB,QAAQ,CAACb,OAAO,CAAC,GAAGW,MAAM,CAACG,KAAK,GAAGH,MAAM,CAACI,KAAK,CACzE;EAED,oBAAOC,aAAa,CAACV,WAAW,EAAOW,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAb,SAAS,CAAE,EAAA;IAAAK,SAAS,EAAAA;GAAA,CAAA,EAAIX,QAAQ,CAAC;AAC1E,CAAC;AAEDF,OAAO,CAACsB,WAAW,GAAG,SAAS;AAE/B;;;AAGG;AACH,IAAMV,0BAA0B,GAAG,SAAAA,CAACW,YAA6B,EAAA;EAC/D,QAAQA,YAAY;IAClB,KAAK,WAAW;IAChB,KAAK,WAAW;MACd,OAAO,IAAI;IACb,KAAK,WAAW;MACd,OAAO,IAAI;IACb,KAAK,WAAW;MACd,OAAO,IAAI;IACb,KAAK,WAAW;MACd,OAAO,IAAI;IACb,KAAK,WAAW;MACd,OAAO,IAAI;IACb,KAAK,WAAW;IAChB;MACE,OAAO,IAAI;EACd;AACH,CAAC;"}
+{"version":3,"file":"Heading.mjs","sources":["../../../src/Heading/Heading.tsx"],"sourcesContent":["import { createElement, HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Heading.module.scss\"\n\nconst VARIANTS_24PX_OR_GREATER = [\"display-0\", \"heading-1\", \"heading-2\"]\n\nexport type HeadingVariants =\n  | \"display-0\"\n  | \"composable-header-title\"\n  | \"heading-1\"\n  | \"heading-2\"\n  | \"heading-3\"\n  | \"heading-4\"\n  | \"heading-5\"\n  | \"heading-6\"\n\nexport type AllowedHeadingTags =\n  | \"pre\"\n  | \"p\"\n  | \"div\"\n  | \"span\"\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"label\"\n\nexport type AllowedHeadingColors =\n  | \"dark\"\n  | \"dark-reduced-opacity\"\n  | \"white\"\n  | \"white-reduced-opacity\"\n  | \"positive\"\n  | \"negative\"\n\nexport type HeadingProps = {\n  children: React.ReactNode\n  /**\n   * HTML elements that are allowed on Headings. When not supplied, the tag is inferred from\n   * the variant. E.g. display-0 will infer h1\n   */\n  tag?: AllowedHeadingTags\n  /**\n   * Allowed heading variants\n   */\n  variant: HeadingVariants\n  color?: AllowedHeadingColors\n} & OverrideClassName<HTMLAttributes<HTMLElement>>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3074885298/Typography#Headings Guidance}\n * {@link https://cultureamp.design/?path=/docs/components-typography-heading--display-0 Storybook}\n */\nexport const Heading = ({\n  children,\n  tag,\n  variant,\n  color = \"dark\",\n  classNameOverride,\n  ...restProps\n}: HeadingProps): JSX.Element => {\n  const inferredTag =\n    tag === undefined ? translateHeadingLevelToTag(variant) : tag\n\n  const className = classnames(\n    styles.heading,\n    styles[variant],\n    classNameOverride,\n    styles[color],\n    VARIANTS_24PX_OR_GREATER.includes(variant) ? styles.large : styles.small\n  )\n\n  return createElement(inferredTag, { ...restProps, className }, children)\n}\n\nHeading.displayName = \"Heading\"\n\n/**\n * A helper to infer the tag when not explicitly passed as a prop\n * @param headingLevel Level of the heading\n */\nconst translateHeadingLevelToTag = (headingLevel: HeadingVariants): string => {\n  switch (headingLevel) {\n    case \"display-0\":\n    case \"composable-header-title\":\n    case \"heading-1\":\n      return \"h1\"\n    case \"heading-2\":\n      return \"h2\"\n    case \"heading-3\":\n      return \"h3\"\n    case \"heading-4\":\n      return \"h4\"\n    case \"heading-5\":\n      return \"h5\"\n    case \"heading-6\":\n    default:\n      return \"h6\"\n  }\n}\n"],"names":["VARIANTS_24PX_OR_GREATER","Heading","_a","children","tag","variant","_b","color","classNameOverride","restProps","__rest","inferredTag","undefined","translateHeadingLevelToTag","className","classnames","styles","heading","includes","large","small","createElement","__assign","displayName","headingLevel"],"mappings":";;;;AAKA,IAAMA,wBAAwB,GAAG,CAAC,WAAW,EAAE,WAAW,EAAE,WAAW,CAAC;AA+CxE;;;AAGG;AACI,IAAMC,OAAO,GAAG,SAAAA,CAACC,EAOT,EAAA;EANb,IAAAC,QAAQ,cAAA;IACRC,GAAG,SAAA;IACHC,OAAO,GAAAH,EAAA,CAAAG,OAAA;IACPC,EAAc,GAAAJ,EAAA,CAAAK,KAAA;IAAdA,KAAK,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,KAAA;IACdE,iBAAiB,uBAAA;IACdC,SAAS,GANUC,MAAA,CAAAR,EAAA,EAAA,CAAA,UAAA,EAAA,KAAA,EAAA,SAAA,EAAA,OAAA,EAAA,mBAAA,CAOvB,CADa;EAEZ,IAAMS,WAAW,GACfP,GAAG,KAAKQ,SAAS,GAAGC,0BAA0B,CAACR,OAAO,CAAC,GAAGD,GAAG;EAE/D,IAAMU,SAAS,GAAGC,UAAU,CAC1BC,MAAM,CAACC,OAAO,EACdD,MAAM,CAACX,OAAO,CAAC,EACfG,iBAAiB,EACjBQ,MAAM,CAACT,KAAK,CAAC,EACbP,wBAAwB,CAACkB,QAAQ,CAACb,OAAO,CAAC,GAAGW,MAAM,CAACG,KAAK,GAAGH,MAAM,CAACI,KAAK,CACzE;EAED,oBAAOC,aAAa,CAACV,WAAW,EAAOW,QAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAb,SAAS,CAAE,EAAA;IAAAK,SAAS,EAAAA;GAAA,CAAA,EAAIX,QAAQ,CAAC;AAC1E,CAAC;AAEDF,OAAO,CAACsB,WAAW,GAAG,SAAS;AAE/B;;;AAGG;AACH,IAAMV,0BAA0B,GAAG,SAAAA,CAACW,YAA6B,EAAA;EAC/D,QAAQA,YAAY;IAClB,KAAK,WAAW;IAChB,KAAK,yBAAyB;IAC9B,KAAK,WAAW;MACd,OAAO,IAAI;IACb,KAAK,WAAW;MACd,OAAO,IAAI;IACb,KAAK,WAAW;MACd,OAAO,IAAI;IACb,KAAK,WAAW;MACd,OAAO,IAAI;IACb,KAAK,WAAW;MACd,OAAO,IAAI;IACb,KAAK,WAAW;IAChB;MACE,OAAO,IAAI;EACd;AACH,CAAC;"}

package/dist/esm/Heading/Heading.module.scss.mjs

@@ -1,6 +1,7 @@
 var styles = {
   "heading": "Heading-module_heading__Gq6I8",
   "display-0": "Heading-module_display-0__yZ7rx",
+  "composable-header-title": "Heading-module_composable-header-title__mqQVh",
   "heading-1": "Heading-module_heading-1__PbAcw",
   "heading-2": "Heading-module_heading-2__Ovpfe",
   "heading-3": "Heading-module_heading-3__S4Pb1",

package/dist/esm/Heading/Heading.module.scss.mjs.map

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

package/dist/esm/Modal/InputEditModal/InputEditModal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputEditModal.mjs","sources":["../../../../src/Modal/InputEditModal/InputEditModal.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { ButtonProps } from \"~components/Button\"\nimport { Heading } from \"~components/Heading\"\nimport {\n  GenericModal,\n  ModalFooter,\n  ModalHeader,\n  ModalAccessibleLabel,\n  ModalBody,\n} from \"~components/Modal/GenericModal\"\nimport styles from \"./InputEditModal.module.scss\"\n\nexport type InputEditModalProps = {\n  isOpen: boolean\n  unpadded?: boolean\n  mood: \"positive\" | \"destructive\"\n  title: string\n  onSubmit: () => void\n  onSecondaryAction?: () => void\n  onDismiss: () => void\n  onAfterLeave?: () => void\n  localeDirection?: \"rtl\" | \"ltr\"\n  submitLabel?: string\n  dismissLabel?: string\n  secondaryLabel?: string\n  /**\n   * @deprecated Please use data-testid\n   */\n  automationId?: string\n  children: React.ReactNode\n  submitWorking?: { label: string; labelHidden?: boolean }\n} & HTMLAttributes<HTMLDivElement>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal#Input-Edit-Modal Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-modals-inputeditmodal--docs Storybook}\n */\nexport const InputEditModal = ({\n  isOpen,\n  mood,\n  title,\n  onSubmit,\n  onSecondaryAction,\n  onAfterLeave,\n  localeDirection = \"ltr\",\n  submitLabel = \"Submit\",\n  dismissLabel = \"Cancel\",\n  secondaryLabel,\n  submitWorking,\n  children,\n  unpadded = false,\n  onDismiss: propsOnDismiss,\n  ...props\n}: InputEditModalProps): JSX.Element => {\n  const onDismiss = submitWorking ? undefined : propsOnDismiss\n  const submitAction = { label: submitLabel, onClick: onSubmit }\n  const workingProps = submitWorking\n    ? {\n        working: true,\n        workingLabel: submitWorking.label,\n        workingLabelHidden: submitWorking.labelHidden,\n      }\n    : {}\n\n  const showSecondary = onSecondaryAction && secondaryLabel\n\n  const footerActions: ButtonProps[] = [\n    { ...submitAction, ...workingProps },\n    {\n      label: showSecondary ? secondaryLabel : dismissLabel,\n      onClick: showSecondary ? onSecondaryAction : onDismiss,\n      disabled: !!submitWorking,\n    },\n  ]\n\n  return (\n    <GenericModal\n      isOpen={isOpen}\n      onEscapeKeyup={onDismiss}\n      onAfterLeave={onAfterLeave}\n    >\n      <div className={styles.modal} dir={localeDirection} data-modal {...props}>\n        <ModalHeader onDismiss={onDismiss}>\n          <div\n            className={classnames(\n              styles.header,\n              localeDirection === \"rtl\" && styles.textAlignRTL,\n              !unpadded && styles.padded\n            )}\n          >\n            <ModalAccessibleLabel>\n              <Heading tag=\"h2\" variant=\"heading-2\">\n                {title}\n              </Heading>\n            </ModalAccessibleLabel>\n          </div>\n        </ModalHeader>\n        <ModalBody>\n          <div\n            className={classnames(styles.body, !unpadded && styles.padded)}\n            dir={localeDirection}\n          >\n            {children}\n          </div>\n        </ModalBody>\n        <ModalFooter\n          actions={footerActions}\n          appearance={mood === \"destructive\" ? \"destructive\" : \"primary\"}\n          variant=\"inputEdit\"\n          unpadded={unpadded}\n        />\n      </div>\n    </GenericModal>\n  )\n}\n\nInputEditModal.displayName = \"InputEditModal\"\n"],"names":["InputEditModal","_a","isOpen","mood","title","onSubmit","onSecondaryAction","onAfterLeave","_b","localeDirection","_c","submitLabel","_d","dismissLabel","secondaryLabel","submitWorking","children","_e","unpadded","propsOnDismiss","onDismiss","props","__rest","undefined","submitAction","label","onClick","workingProps","working","workingLabel","workingLabelHidden","labelHidden","showSecondary","footerActions","__assign","disabled","React","createElement","GenericModal","onEscapeKeyup","className","styles","modal","dir","ModalHeader","classnames","header","textAlignRTL","padded","ModalAccessibleLabel","Heading","tag","variant","ModalBody","body","ModalFooter","actions","appearance","displayName"],"mappings":"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"}
+{"version":3,"file":"InputEditModal.mjs","sources":["../../../../src/Modal/InputEditModal/InputEditModal.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { ButtonProps } from \"~components/Button\"\nimport { Heading } from \"~components/Heading\"\nimport {\n  GenericModal,\n  ModalFooter,\n  ModalHeader,\n  ModalAccessibleLabel,\n  ModalBody,\n} from \"~components/Modal/GenericModal\"\nimport styles from \"./InputEditModal.module.scss\"\n\nexport type InputEditModalProps = {\n  isOpen: boolean\n  unpadded?: boolean\n  mood: \"positive\" | \"destructive\"\n  title: string\n  onSubmit: () => void\n  onSecondaryAction?: () => void\n  onDismiss: () => void\n  onAfterLeave?: () => void\n  localeDirection?: \"rtl\" | \"ltr\"\n  submitLabel?: string\n  dismissLabel?: string\n  secondaryLabel?: string\n  /**\n   * @deprecated Please use data-testid\n   */\n  automationId?: string\n  children: React.ReactNode\n  submitWorking?: { label: string; labelHidden?: boolean }\n} & Omit<HTMLAttributes<HTMLDivElement>, \"onSubmit\">\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal#Input-Edit-Modal Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-modals-inputeditmodal--docs Storybook}\n */\nexport const InputEditModal = ({\n  isOpen,\n  mood,\n  title,\n  onSubmit,\n  onSecondaryAction,\n  onAfterLeave,\n  localeDirection = \"ltr\",\n  submitLabel = \"Submit\",\n  dismissLabel = \"Cancel\",\n  secondaryLabel,\n  submitWorking,\n  children,\n  unpadded = false,\n  onDismiss: propsOnDismiss,\n  ...props\n}: InputEditModalProps): JSX.Element => {\n  const onDismiss = submitWorking ? undefined : propsOnDismiss\n  const submitAction = { label: submitLabel, onClick: onSubmit }\n  const workingProps = submitWorking\n    ? {\n        working: true,\n        workingLabel: submitWorking.label,\n        workingLabelHidden: submitWorking.labelHidden,\n      }\n    : {}\n\n  const showSecondary = onSecondaryAction && secondaryLabel\n\n  const footerActions: ButtonProps[] = [\n    { ...submitAction, ...workingProps },\n    {\n      label: showSecondary ? secondaryLabel : dismissLabel,\n      onClick: showSecondary ? onSecondaryAction : onDismiss,\n      disabled: !!submitWorking,\n    },\n  ]\n\n  return (\n    <GenericModal\n      isOpen={isOpen}\n      onEscapeKeyup={onDismiss}\n      onAfterLeave={onAfterLeave}\n    >\n      <div className={styles.modal} dir={localeDirection} data-modal {...props}>\n        <ModalHeader onDismiss={onDismiss}>\n          <div\n            className={classnames(\n              styles.header,\n              localeDirection === \"rtl\" && styles.textAlignRTL,\n              !unpadded && styles.padded\n            )}\n          >\n            <ModalAccessibleLabel>\n              <Heading tag=\"h2\" variant=\"heading-2\">\n                {title}\n              </Heading>\n            </ModalAccessibleLabel>\n          </div>\n        </ModalHeader>\n        <ModalBody>\n          <div\n            className={classnames(styles.body, !unpadded && styles.padded)}\n            dir={localeDirection}\n          >\n            {children}\n          </div>\n        </ModalBody>\n        <ModalFooter\n          actions={footerActions}\n          appearance={mood === \"destructive\" ? \"destructive\" : \"primary\"}\n          variant=\"inputEdit\"\n          unpadded={unpadded}\n        />\n      </div>\n    </GenericModal>\n  )\n}\n\nInputEditModal.displayName = \"InputEditModal\"\n"],"names":["InputEditModal","_a","isOpen","mood","title","onSubmit","onSecondaryAction","onAfterLeave","_b","localeDirection","_c","submitLabel","_d","dismissLabel","secondaryLabel","submitWorking","children","_e","unpadded","propsOnDismiss","onDismiss","props","__rest","undefined","submitAction","label","onClick","workingProps","working","workingLabel","workingLabelHidden","labelHidden","showSecondary","footerActions","__assign","disabled","React","createElement","GenericModal","onEscapeKeyup","className","styles","modal","dir","ModalHeader","classnames","header","textAlignRTL","padded","ModalAccessibleLabel","Heading","tag","variant","ModalBody","body","ModalFooter","actions","appearance","displayName"],"mappings":"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"}

package/dist/esm/SplitButton/subcomponents/DropdownButton/DropdownButton.mjs

@@ -1,5 +1,6 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
+import { useIntl } from '@cultureamp/i18n-react-intl';
 import classnames from 'classnames';
 import '../../../Icon/subcomponents/SVG/SVG.mjs';
 import { ChevronDownIcon } from '../../../Icon/ChevronDownIcon.mjs';
@@ -10,8 +11,13 @@ const DropdownButton = /*#__PURE__*/function () {
     var classNameOverride = _a.classNameOverride,
       ariaLabel = _a["aria-label"],
       restProps = __rest(_a, ["classNameOverride", "aria-label"]);
+    var formatMessage = useIntl().formatMessage;
     return /*#__PURE__*/React.createElement(BaseButton, __assign({
-      label: ariaLabel || "Open menu",
+      label: ariaLabel || formatMessage({
+        id: "splitButton.dropdownButton.label",
+        defaultMessage: "Additional actions",
+        description: "Label for a dropdown menu holding additional actions"
+      }),
       icon: /*#__PURE__*/React.createElement(ChevronDownIcon, {
         role: "presentation"
       }),

package/dist/esm/SplitButton/subcomponents/DropdownButton/DropdownButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownButton.mjs","sources":["../../../../../src/SplitButton/subcomponents/DropdownButton/DropdownButton.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { ChevronDownIcon } from \"~components/Icon\"\nimport { BaseButton, BaseButtonProps } from \"../BaseButton\"\nimport styles from \"./DropdownButton.module.scss\"\n\nexport type DropdownButtonProps = Omit<BaseButtonProps, \"label\" | \"icon\">\n\nexport const DropdownButton = ({\n  classNameOverride,\n  \"aria-label\": ariaLabel,\n  ...restProps\n}: DropdownButtonProps): JSX.Element => (\n  <BaseButton\n    label={ariaLabel || \"Open menu\"}\n    icon={<ChevronDownIcon role=\"presentation\" />}\n    classNameOverride={classnames(styles.dropdownButton, classNameOverride)}\n    {...restProps}\n  />\n)\n\nDropdownButton.displayName = \"DropdownButton\"\n"],"names":["DropdownButton","_a","classNameOverride","ariaLabel","restProps","__rest","React","createElement","BaseButton","__assign","label","icon","ChevronDownIcon","role","classnames","styles","dropdownButton","displayName"],"mappings":";;;;;;;MAQaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAIT,EAAA;IAHpB,IAAAC,iBAAiB,uBAAA;MACHC,SAAS,mBAAA;MACpBC,SAAS,GAHiBC,MAAA,CAAAJ,EAAA,EAAA,CAAA,mBAAA,EAAA,YAAA,CAI9B,CADa;IAC0B,oBACtCK,KAAA,CAAAC,aAAA,CAACC,UAAU,EAAAC,QAAA,CAAA;MACTC,KAAK,EAAEP,SAAS,IAAI,WAAW;MAC/BQ,IAAI,eAAEL,KAAC,CAAAC,aAAA,CAAAK,eAAe;QAACC,IAAI,EAAC;MAAc,CAAA,CAAG;MAC7CX,iBAAiB,EAAEY,UAAU,CAACC,MAAM,CAACC,cAAc,EAAEd,iBAAiB;KAAC,EACnEE,SAAS,CAAA,CACb;GACH;EAEDJ,cAAc,CAACiB,WAAW,GAAG,gBAAgB;EAAA,OAbhCjB,cAAc;AAAA;"}
+{"version":3,"file":"DropdownButton.mjs","sources":["../../../../../src/SplitButton/subcomponents/DropdownButton/DropdownButton.tsx"],"sourcesContent":["import React from \"react\"\nimport { useIntl } from \"@cultureamp/i18n-react-intl\"\nimport classnames from \"classnames\"\nimport { ChevronDownIcon } from \"~components/Icon\"\nimport { BaseButton, BaseButtonProps } from \"../BaseButton\"\nimport styles from \"./DropdownButton.module.scss\"\n\nexport type DropdownButtonProps = Omit<BaseButtonProps, \"label\" | \"icon\">\n\nexport const DropdownButton = ({\n  classNameOverride,\n  \"aria-label\": ariaLabel,\n  ...restProps\n}: DropdownButtonProps): JSX.Element => {\n  const { formatMessage } = useIntl()\n  return (\n    <BaseButton\n      label={\n        ariaLabel ||\n        formatMessage({\n          id: \"splitButton.dropdownButton.label\",\n          defaultMessage: \"Additional actions\",\n          description: \"Label for a dropdown menu holding additional actions\",\n        })\n      }\n      icon={<ChevronDownIcon role=\"presentation\" />}\n      classNameOverride={classnames(styles.dropdownButton, classNameOverride)}\n      {...restProps}\n    />\n  )\n}\n\nDropdownButton.displayName = \"DropdownButton\"\n"],"names":["DropdownButton","_a","classNameOverride","ariaLabel","restProps","__rest","formatMessage","useIntl","React","createElement","BaseButton","__assign","label","id","defaultMessage","description","icon","ChevronDownIcon","role","classnames","styles","dropdownButton","displayName"],"mappings":";;;;;;;;MASaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAIT,EAAA;IAHpB,IAAAC,iBAAiB,uBAAA;MACHC,SAAS,mBAAA;MACpBC,SAAS,GAHiBC,MAAA,CAAAJ,EAAA,EAAA,CAAA,mBAAA,EAAA,YAAA,CAI9B,CADa;IAEJ,IAAAK,aAAa,GAAKC,OAAO,CAAE,CAAA,cAAd;IACrB,oBACEC,KAAC,CAAAC,aAAA,CAAAC,UAAU,EACTC,QAAA,CAAA;MAAAC,KAAK,EACHT,SAAS,IACTG,aAAa,CAAC;QACZO,EAAE,EAAE,kCAAkC;QACtCC,cAAc,EAAE,oBAAoB;QACpCC,WAAW,EAAE;OACd,CAAC;MAEJC,IAAI,eAAER,KAAC,CAAAC,aAAA,CAAAQ,eAAe;QAACC,IAAI,EAAC;MAAc,CAAA,CAAG;MAC7ChB,iBAAiB,EAAEiB,UAAU,CAACC,MAAM,CAACC,cAAc,EAAEnB,iBAAiB;IAClE,CAAA,EAAAE,SAAS,CACb,CAAA;EAEN,CAAC;EAEDJ,cAAc,CAACsB,WAAW,GAAG,gBAAgB;EAAA,OAvBhCtB,cAAc;AAAA;"}

package/dist/esm/Workflow/subcomponents/Header/Header.mjs

@@ -12,7 +12,7 @@ const Header = /*#__PURE__*/function () {
       headerActions = _a.headerActions,
       restProps = __rest(_a, ["workflowName", "stepName", "status", "headerActions"]);
     return /*#__PURE__*/React.createElement(HeaderRoot, __assign({}, restProps), /*#__PURE__*/React.createElement(Branding, {
-      alt: "Cultureamp"
+      alt: "Culture Amp"
     }), /*#__PURE__*/React.createElement(Titles, {
       workflowName: workflowName,
       stepName: stepName,

package/dist/esm/Workflow/subcomponents/Header/Header.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Header.mjs","sources":["../../../../../src/Workflow/subcomponents/Header/Header.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  HeaderRoot,\n  Branding,\n  Titles,\n  Actions,\n  WorkflowTitlesProps,\n  WorkflowActionsProps,\n} from \"./components\"\n\nexport type HeaderProps = WorkflowTitlesProps & WorkflowActionsProps\n\nexport const Header = ({\n  workflowName,\n  stepName,\n  status,\n  headerActions,\n  ...restProps\n}: HeaderProps): JSX.Element => (\n  <HeaderRoot {...restProps}>\n    <Branding alt=\"Cultureamp\" />\n    <Titles workflowName={workflowName} stepName={stepName} status={status} />\n    <Actions headerActions={headerActions} />\n  </HeaderRoot>\n)\n\nHeader.displayName = \"Workflow.Header\"\n"],"names":["Header","_a","workflowName","stepName","status","headerActions","restProps","__rest","React","createElement","HeaderRoot","__assign","Branding","alt","Titles","Actions","displayName"],"mappings":";;;;;;MAYaA,MAAM;EAAA,MAANA,MAAM,GAAG,SAAAA,CAACC,EAMT,EAAA;IALZ,IAAAC,YAAY,GAAAD,EAAA,CAAAC,YAAA;MACZC,QAAQ,cAAA;MACRC,MAAM,GAAAH,EAAA,CAAAG,MAAA;MACNC,aAAa,GAAAJ,EAAA,CAAAI,aAAA;MACVC,SAAS,GAAAC,MAAA,CAAAN,EAAA,EALS,uDAMtB,CADa;IACkB,oBAC9BO,KAAA,CAAAC,aAAA,CAACC,UAAU,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAKL,SAAS,CAAA,eACvBE,KAAA,CAAAC,aAAA,CAACG,QAAQ,EAAA;MAACC,GAAG,EAAC;IAAY,CAAG,CAAA,eAC7BL,KAAA,CAAAC,aAAA,CAACK,MAAM,EAAA;MAACZ,YAAY,EAAEA,YAAY;MAAEC,QAAQ,EAAEA,QAAQ;MAAEC,MAAM,EAAEA;KAAU,CAAA,eAC1EI,KAAC,CAAAC,aAAA,CAAAM,OAAO;MAACV,aAAa,EAAEA;IAAiB,CAAA,CAAA,CAC9B;GACd;EAEDL,MAAM,CAACgB,WAAW,GAAG,iBAAiB;EAAA,OAdzBhB,MAAM;AAAA;"}
+{"version":3,"file":"Header.mjs","sources":["../../../../../src/Workflow/subcomponents/Header/Header.tsx"],"sourcesContent":["import React from \"react\"\nimport {\n  HeaderRoot,\n  Branding,\n  Titles,\n  Actions,\n  WorkflowTitlesProps,\n  WorkflowActionsProps,\n} from \"./components\"\n\nexport type HeaderProps = WorkflowTitlesProps & WorkflowActionsProps\n\nexport const Header = ({\n  workflowName,\n  stepName,\n  status,\n  headerActions,\n  ...restProps\n}: HeaderProps): JSX.Element => (\n  <HeaderRoot {...restProps}>\n    <Branding alt=\"Culture Amp\" />\n    <Titles workflowName={workflowName} stepName={stepName} status={status} />\n    <Actions headerActions={headerActions} />\n  </HeaderRoot>\n)\n\nHeader.displayName = \"Workflow.Header\"\n"],"names":["Header","_a","workflowName","stepName","status","headerActions","restProps","__rest","React","createElement","HeaderRoot","__assign","Branding","alt","Titles","Actions","displayName"],"mappings":";;;;;;MAYaA,MAAM;EAAA,MAANA,MAAM,GAAG,SAAAA,CAACC,EAMT,EAAA;IALZ,IAAAC,YAAY,GAAAD,EAAA,CAAAC,YAAA;MACZC,QAAQ,cAAA;MACRC,MAAM,GAAAH,EAAA,CAAAG,MAAA;MACNC,aAAa,GAAAJ,EAAA,CAAAI,aAAA;MACVC,SAAS,GAAAC,MAAA,CAAAN,EAAA,EALS,uDAMtB,CADa;IACkB,oBAC9BO,KAAA,CAAAC,aAAA,CAACC,UAAU,EAAAC,QAAA,CAAA,CAAA,CAAA,EAAKL,SAAS,CAAA,eACvBE,KAAA,CAAAC,aAAA,CAACG,QAAQ,EAAA;MAACC,GAAG,EAAC;IAAa,CAAG,CAAA,eAC9BL,KAAA,CAAAC,aAAA,CAACK,MAAM,EAAA;MAACZ,YAAY,EAAEA,YAAY;MAAEC,QAAQ,EAAEA,QAAQ;MAAEC,MAAM,EAAEA;KAAU,CAAA,eAC1EI,KAAC,CAAAC,aAAA,CAAAM,OAAO;MAACV,aAAa,EAAEA;IAAiB,CAAA,CAAA,CAC9B;GACd;EAEDL,MAAM,CAACgB,WAAW,GAAG,iBAAiB;EAAA,OAdzBhB,MAAM;AAAA;"}

package/dist/esm/dts/Filter/FilterBar/context/utils/getInactiveFilters.d.ts

@@ -1,3 +1,3 @@
 import { FilterAttributes, FiltersValues } from "../../types";
 import { FilterBarState } from "../types";
-export declare const getInactiveFilters: <ValuesMap extends FiltersValues>({ filters, activeFilterIds, }: FilterBarState<ValuesMap>) => FilterAttributes<ValuesMap>[];
+export declare const getInactiveFilters: <ValuesMap extends FiltersValues>({ filters, activeFilterIds, }: FilterBarState<ValuesMap>) => Array<FilterAttributes<ValuesMap>>;

package/dist/esm/dts/Filter/FilterMultiSelect/FilterMultiSelect.d.ts

@@ -61,7 +61,7 @@ export declare const FilterMultiSelect: {
         displayName: string;
     };
     LoadMoreButton: {
-        (props: import("../../Button/GenericButton").GenericButtonProps): JSX.Element;
+        (props: import("./subcomponents/LoadMoreButton").LoadMoreButtonProps): JSX.Element;
         displayName: string;
     };
     NoResults: {

package/dist/esm/dts/Heading/Heading.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from "react";
 import { OverrideClassName } from "../types/OverrideClassName";
-export type HeadingVariants = "display-0" | "heading-1" | "heading-2" | "heading-3" | "heading-4" | "heading-5" | "heading-6";
+export type HeadingVariants = "display-0" | "composable-header-title" | "heading-1" | "heading-2" | "heading-3" | "heading-4" | "heading-5" | "heading-6";
 export type AllowedHeadingTags = "pre" | "p" | "div" | "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label";
 export type AllowedHeadingColors = "dark" | "dark-reduced-opacity" | "white" | "white-reduced-opacity" | "positive" | "negative";
 export type HeadingProps = {

package/dist/esm/dts/Modal/InputEditModal/InputEditModal.d.ts

@@ -21,7 +21,7 @@ export type InputEditModalProps = {
         label: string;
         labelHidden?: boolean;
     };
-} & HTMLAttributes<HTMLDivElement>;
+} & Omit<HTMLAttributes<HTMLDivElement>, "onSubmit">;
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal#Input-Edit-Modal Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-modals-inputeditmodal--docs Storybook}

package/dist/esm/dts/__future__/Select/utils/getDisabledKeysFromItems.d.ts

@@ -1,3 +1,3 @@
 import { Key } from "@react-types/shared";
 import { SelectItem, SelectOption } from "../types";
-export declare const getDisabledKeysFromItems: <Option extends SelectOption = SelectOption>(items: SelectItem<Option>[]) => Key[];
+export declare const getDisabledKeysFromItems: <Option extends SelectOption = SelectOption>(items: Array<SelectItem<Option>>) => Key[];

package/dist/esm/dts/utils/useResizeObserver.d.ts

@@ -1,4 +1,4 @@
-import React, { Ref } from "react";
+import { Ref } from "react";
 export interface DOMRectReadOnly {
     readonly x: number;
     readonly y: number;
@@ -18,4 +18,4 @@ export interface DOMRectReadOnly {
  * element, and the current value of the callback-resolved ResizeObserverEntry
  * @callback resolveEntryCallback
  */
-export declare const useResizeObserver: <T, E extends Element = HTMLElement>(resolveEntry?: (entry: ResizeObserverEntry) => any) => [React.Ref<E>, T | undefined];
+export declare const useResizeObserver: <T, E extends Element = HTMLElement>(resolveEntry?: (entry: ResizeObserverEntry) => any) => [Ref<E>, T | undefined];