@kaizen/components 1.35.0 → 1.35.2

package/dist/cjs/Button/GenericButton/GenericButton.cjs

@@ -44,7 +44,7 @@ const GenericButton = /*#__PURE__*/function () {
     };
     return React.createElement("span", {
       className: classnames(GenericButton_module.container, props.fullWidth && GenericButton_module.fullWidth),
-      "aria-live": "polite"
+      "aria-live": "workingLabel" in props ? "polite" : undefined
     }, determineButtonRenderer());
   });
   GenericButton.defaultProps = {

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

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

package/dist/cjs/MultiSelect/subcomponents/Popover/Popover.cjs

@@ -22,7 +22,7 @@ const Popover = /*#__PURE__*/function () {
         floating: refs.floating.current
       },
       placement: "bottom-start",
-      middleware: [reactDom.offset(15), reactDom.flip(), reactDom.size({
+      middleware: [reactDom.offset(6), reactDom.flip(), reactDom.size({
         apply: function (_a) {
           var availableWidth = _a.availableWidth,
             availableHeight = _a.availableHeight,

package/dist/cjs/MultiSelect/subcomponents/Popover/Popover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.cjs","sources":["../../../../../src/MultiSelect/subcomponents/Popover/Popover.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport {\n  autoUpdate,\n  flip,\n  offset,\n  ReferenceType,\n  useFloating,\n  UseFloatingReturn,\n  UseFloatingOptions,\n  size,\n} from \"@floating-ui/react-dom\"\nimport classnames from \"classnames\"\nimport { FocusOn } from \"react-focus-on\"\nimport { ReactFocusOnProps } from \"react-focus-on/dist/es5/types\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Popover.module.scss\"\n\nexport type PopoverProps<RT extends ReferenceType = ReferenceType> = {\n  children: React.ReactNode\n  refs: UseFloatingReturn<RT>[\"refs\"]\n  /**\n   * passes in additional options / override for https://floating-ui.com/docs/tooltip#usefloating-hook\n   */\n  floatingOptions?: Omit<UseFloatingOptions, \"elements\">\n  focusOnProps?: Omit<ReactFocusOnProps, \"children\">\n  portalContainer?: Element | DocumentFragment\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Popover = <RT extends ReferenceType>({\n  children,\n  refs,\n  floatingOptions,\n  focusOnProps,\n  portalContainer,\n  classNameOverride,\n  ...restProps\n}: PopoverProps<RT>): JSX.Element => {\n  const { floatingStyles } = useFloating({\n    elements: {\n      reference: refs.reference.current,\n      floating: refs.floating.current,\n    },\n    placement: \"bottom-start\",\n    middleware: [\n      offset(15),\n      flip(),\n      size({\n        apply({ availableWidth, availableHeight, elements }) {\n          Object.assign(elements.floating.style, {\n            maxWidth: `${Math.min(availableWidth, 400)}px`,\n            minWidth: `${Math.min(availableWidth, 196)}px`,\n            maxHeight: `${Math.min(availableHeight, 352)}px`,\n          })\n        },\n      }),\n    ],\n    whileElementsMounted: autoUpdate,\n    ...floatingOptions,\n  })\n\n  return createPortal(\n    <FocusOn scrollLock={false} {...focusOnProps}>\n      <div\n        ref={refs.setFloating}\n        style={floatingStyles}\n        className={classnames(styles.popover, classNameOverride)}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        {...restProps}\n      >\n        {children}\n      </div>\n    </FocusOn>,\n    portalContainer ?? document.body\n  )\n}\n\nPopover.displayName = \"Popover\"\n"],"names":["Popover","_a","children","refs","floatingOptions","focusOnProps","portalContainer","classNameOverride","restProps","__rest","floatingStyles","useFloating","__assign","elements","reference","current","floating","placement","middleware","offset","flip","size","apply","availableWidth","availableHeight","Object","assign","style","maxWidth","concat","Math","min","minWidth","maxHeight","whileElementsMounted","autoUpdate","createPortal","React","createElement","FocusOn","scrollLock","ref","setFloating","className","classnames","styles","popover","role","document","body","displayName"],"mappings":";;;;;;;;;MA6BaA,OAAO;EAAA,MAAPA,OAAO,GAAG,SAAAA,CAA2BC,EAQ/B,EAAA;IAPjB,IAAAC,QAAQ,cAAA;MACRC,IAAI,UAAA;MACJC,eAAe,qBAAA;MACfC,YAAY,kBAAA;MACZC,eAAe,qBAAA;MACfC,iBAAiB,uBAAA;MACdC,SAAS,GAPoCC,KAAA,CAAAA,MAAA,CAAAR,EAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,mBAAA,CAQjD,CADa;IAEJ,IAAAS,cAAc,GAAKC,QAAAA,CAAAA,WAAW,CAAAC,KAAA,CAAAA,QAAA,CAAA;MACpCC,QAAQ,EAAE;QACRC,SAAS,EAAEX,IAAI,CAACW,SAAS,CAACC,OAAO;QACjCC,QAAQ,EAAEb,IAAI,CAACa,QAAQ,CAACD;MACzB,CAAA;MACDE,SAAS,EAAE,cAAc;MACzBC,UAAU,EAAE,CACVC,QAAAA,CAAAA,MAAM,CAAC,EAAE,CAAC,EACVC,aAAI,CAAE,CAAA,EACNC,aAAI,CAAC;QACHC,KAAK,YAACrB,EAA6C,EAAA;UAA3C,IAAAsB,cAAc,oBAAA;YAAEC,eAAe,GAAAvB,EAAA,CAAAuB,eAAA;YAAEX,QAAQ,GAAAZ,EAAA,CAAAY,QAAA;UAC/CY,MAAM,CAACC,MAAM,CAACb,QAAQ,CAACG,QAAQ,CAACW,KAAK,EAAE;YACrCC,QAAQ,EAAE,EAAG,CAAAC,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACR,cAAc,EAAE,GAAG,CAAC,EAAI,IAAA,CAAA;YAC9CS,QAAQ,EAAE,EAAG,CAAAH,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACR,cAAc,EAAE,GAAG,CAAC,EAAI,IAAA,CAAA;YAC9CU,SAAS,EAAE,EAAG,CAAAJ,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACP,eAAe,EAAE,GAAG,CAAC,EAAI,IAAA;UACjD,CAAA,CAAC;QACH;OACF,CAAC,CACH;MACDU,oBAAoB,EAAEC,QAAU,CAAAA;IAAA,GAC7B/B,eAAe,CAAA,CAClB,eArBoB;IAuBtB,OAAOgC,QAAY,CAAAA,YAAA,CACjBC,KAAC,CAAAC,aAAA,CAAAC,YAAO,CAAAA,OAAA;MAACC,UAAU,EAAE;IAAK,CAAA,EAAMnC,YAAY,CAAA,EAC1CgC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA1B,KAAA,CAAAA,QAAA,CAAA;MACE6B,GAAG,EAAEtC,IAAI,CAACuC,WAAW;MACrBf,KAAK,EAAEjB,cAAc;MACrBiC,SAAS,EAAEC,UAAU,CAACC,cAAM,CAACC,OAAO,EAAEvC,iBAAiB,CAAC;MACxDwC,IAAI,EAAC,QAAQ;oBACF;IAAM,CAAA,EACbvC,SAAS,CAEZ,EAAAN,QAAQ,CACL,CACE,EACVI,eAAe,KAAf,IAAA,IAAAA,eAAe,cAAfA,eAAe,GAAI0C,QAAQ,CAACC,IAAI,CACjC;EACH,CAAC;EAEDjD,OAAO,CAACkD,WAAW,GAAG,SAAS;EAAA,OAjDlBlD,OAAO;AAAA;"}
+{"version":3,"file":"Popover.cjs","sources":["../../../../../src/MultiSelect/subcomponents/Popover/Popover.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport {\n  autoUpdate,\n  flip,\n  offset,\n  ReferenceType,\n  useFloating,\n  UseFloatingReturn,\n  UseFloatingOptions,\n  size,\n} from \"@floating-ui/react-dom\"\nimport classnames from \"classnames\"\nimport { FocusOn } from \"react-focus-on\"\nimport { ReactFocusOnProps } from \"react-focus-on/dist/es5/types\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Popover.module.scss\"\n\nexport type PopoverProps<RT extends ReferenceType = ReferenceType> = {\n  children: React.ReactNode\n  refs: UseFloatingReturn<RT>[\"refs\"]\n  /**\n   * passes in additional options / override for https://floating-ui.com/docs/tooltip#usefloating-hook\n   */\n  floatingOptions?: Omit<UseFloatingOptions, \"elements\">\n  focusOnProps?: Omit<ReactFocusOnProps, \"children\">\n  portalContainer?: Element | DocumentFragment\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Popover = <RT extends ReferenceType>({\n  children,\n  refs,\n  floatingOptions,\n  focusOnProps,\n  portalContainer,\n  classNameOverride,\n  ...restProps\n}: PopoverProps<RT>): JSX.Element => {\n  const { floatingStyles } = useFloating({\n    elements: {\n      reference: refs.reference.current,\n      floating: refs.floating.current,\n    },\n    placement: \"bottom-start\",\n    middleware: [\n      offset(6),\n      flip(),\n      size({\n        apply({ availableWidth, availableHeight, elements }) {\n          Object.assign(elements.floating.style, {\n            maxWidth: `${Math.min(availableWidth, 400)}px`,\n            minWidth: `${Math.min(availableWidth, 196)}px`,\n            maxHeight: `${Math.min(availableHeight, 352)}px`,\n          })\n        },\n      }),\n    ],\n    whileElementsMounted: autoUpdate,\n    ...floatingOptions,\n  })\n\n  return createPortal(\n    <FocusOn scrollLock={false} {...focusOnProps}>\n      <div\n        ref={refs.setFloating}\n        style={floatingStyles}\n        className={classnames(styles.popover, classNameOverride)}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        {...restProps}\n      >\n        {children}\n      </div>\n    </FocusOn>,\n    portalContainer ?? document.body\n  )\n}\n\nPopover.displayName = \"Popover\"\n"],"names":["Popover","_a","children","refs","floatingOptions","focusOnProps","portalContainer","classNameOverride","restProps","__rest","floatingStyles","useFloating","__assign","elements","reference","current","floating","placement","middleware","offset","flip","size","apply","availableWidth","availableHeight","Object","assign","style","maxWidth","concat","Math","min","minWidth","maxHeight","whileElementsMounted","autoUpdate","createPortal","React","createElement","FocusOn","scrollLock","ref","setFloating","className","classnames","styles","popover","role","document","body","displayName"],"mappings":";;;;;;;;;MA6BaA,OAAO;EAAA,MAAPA,OAAO,GAAG,SAAAA,CAA2BC,EAQ/B,EAAA;IAPjB,IAAAC,QAAQ,cAAA;MACRC,IAAI,UAAA;MACJC,eAAe,qBAAA;MACfC,YAAY,kBAAA;MACZC,eAAe,qBAAA;MACfC,iBAAiB,uBAAA;MACdC,SAAS,GAPoCC,KAAA,CAAAA,MAAA,CAAAR,EAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,mBAAA,CAQjD,CADa;IAEJ,IAAAS,cAAc,GAAKC,QAAAA,CAAAA,WAAW,CAAAC,KAAA,CAAAA,QAAA,CAAA;MACpCC,QAAQ,EAAE;QACRC,SAAS,EAAEX,IAAI,CAACW,SAAS,CAACC,OAAO;QACjCC,QAAQ,EAAEb,IAAI,CAACa,QAAQ,CAACD;MACzB,CAAA;MACDE,SAAS,EAAE,cAAc;MACzBC,UAAU,EAAE,CACVC,QAAAA,CAAAA,MAAM,CAAC,CAAC,CAAC,EACTC,aAAI,CAAE,CAAA,EACNC,aAAI,CAAC;QACHC,KAAK,YAACrB,EAA6C,EAAA;UAA3C,IAAAsB,cAAc,oBAAA;YAAEC,eAAe,GAAAvB,EAAA,CAAAuB,eAAA;YAAEX,QAAQ,GAAAZ,EAAA,CAAAY,QAAA;UAC/CY,MAAM,CAACC,MAAM,CAACb,QAAQ,CAACG,QAAQ,CAACW,KAAK,EAAE;YACrCC,QAAQ,EAAE,EAAG,CAAAC,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACR,cAAc,EAAE,GAAG,CAAC,EAAI,IAAA,CAAA;YAC9CS,QAAQ,EAAE,EAAG,CAAAH,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACR,cAAc,EAAE,GAAG,CAAC,EAAI,IAAA,CAAA;YAC9CU,SAAS,EAAE,EAAG,CAAAJ,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACP,eAAe,EAAE,GAAG,CAAC,EAAI,IAAA;UACjD,CAAA,CAAC;QACH;OACF,CAAC,CACH;MACDU,oBAAoB,EAAEC,QAAU,CAAAA;IAAA,GAC7B/B,eAAe,CAAA,CAClB,eArBoB;IAuBtB,OAAOgC,QAAY,CAAAA,YAAA,CACjBC,KAAC,CAAAC,aAAA,CAAAC,YAAO,CAAAA,OAAA;MAACC,UAAU,EAAE;IAAK,CAAA,EAAMnC,YAAY,CAAA,EAC1CgC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA1B,KAAA,CAAAA,QAAA,CAAA;MACE6B,GAAG,EAAEtC,IAAI,CAACuC,WAAW;MACrBf,KAAK,EAAEjB,cAAc;MACrBiC,SAAS,EAAEC,UAAU,CAACC,cAAM,CAACC,OAAO,EAAEvC,iBAAiB,CAAC;MACxDwC,IAAI,EAAC,QAAQ;oBACF;IAAM,CAAA,EACbvC,SAAS,CAEZ,EAAAN,QAAQ,CACL,CACE,EACVI,eAAe,KAAf,IAAA,IAAAA,eAAe,cAAfA,eAAe,GAAI0C,QAAQ,CAACC,IAAI,CACjC;EACH,CAAC;EAEDjD,OAAO,CAACkD,WAAW,GAAG,SAAS;EAAA,OAjDlBlD,OAAO;AAAA;"}

package/dist/cjs/__future__/Select/Select.cjs

@@ -64,11 +64,20 @@ const Select = /*#__PURE__*/function () {
     var state = select.useSelectState(ariaSelectProps);
     var _c = select$1.useSelect(ariaSelectProps, state, triggerRef),
       labelProps = _c.labelProps,
-      triggerProps = _c.triggerProps,
+      reactAriaTriggerProps = _c.triggerProps,
       valueProps = _c.valueProps,
       menuProps = _c.menuProps,
       errorMessageProps = _c.errorMessageProps,
       descriptionProps = _c.descriptionProps;
+    // Hack incoming:
+    // react-aria/useSelect wants to prefix the combobox's accessible name with the value of the select.
+    // We use role=combobox, meaning screen readers will read the value.
+    // So we're modifying the `aria-labelledby` property to remove the value element id.
+    // Issue: https://github.com/adobe/react-spectrum/issues/4091
+    var reactAriaLabelledBy = reactAriaTriggerProps["aria-labelledby"];
+    var triggerProps = tslib.__assign(tslib.__assign({}, reactAriaTriggerProps), {
+      "aria-labelledby": reactAriaLabelledBy === null || reactAriaLabelledBy === void 0 ? void 0 : reactAriaLabelledBy.substring(reactAriaLabelledBy.indexOf(" ") + 1)
+    });
     var buttonProps = button.useButton(triggerProps, triggerRef).buttonProps;
     var selectToggleProps = tslib.__assign(tslib.__assign({}, buttonProps), {
       label: label,

package/dist/cjs/__future__/Select/Select.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Select.cjs","sources":["../../../../src/__future__/Select/Select.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport { UseFloatingReturn } from \"@floating-ui/react-dom\"\nimport { useButton } from \"@react-aria/button\"\nimport { HiddenSelect, useSelect } from \"@react-aria/select\"\nimport {\n  useSelectState,\n  SelectProps as AriaSelectProps,\n} from \"@react-stately/select\"\nimport { Key } from \"@react-types/shared\"\nimport classnames from \"classnames\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport {\n  Popover,\n  useFloating,\n} from \"~components/MultiSelect/subcomponents/Popover\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { SelectProvider } from \"./context\"\nimport {\n  ListBox,\n  ListBoxSection,\n  ListItem,\n  Option,\n  SectionDivider,\n  SelectPopoverContents,\n  SelectPopoverContentsProps,\n  SelectToggle,\n  SelectToggleProps,\n} from \"./subcomponents\"\nimport { SelectItem, SelectOption } from \"./types\"\nimport { getDisabledKeysFromItems } from \"./utils/getDisabledKeysFromItems\"\nimport { transformSelectItemToCollectionElement } from \"./utils/transformSelectItemToCollectionElement\"\nimport styles from \"./Select.module.scss\"\n\ntype OmittedAriaSelectProps = \"children\" | \"items\"\n\nexport type SelectProps<Option extends SelectOption = SelectOption> = {\n  /**\n   * Item objects in the collection.\n   */\n  items: Array<SelectItem<Option>>\n  id?: string\n  trigger?: (\n    selectToggleProps: SelectToggleProps & {\n      ref: UseFloatingReturn<HTMLButtonElement>[\"refs\"][\"setReference\"]\n    },\n    // @deprecated: This arg is unnecessary now, but provided for legacy usages\n    ref: UseFloatingReturn<HTMLButtonElement>[\"refs\"][\"setReference\"]\n  ) => JSX.Element\n  children?: SelectPopoverContentsProps<Option>[\"children\"]\n  /**\n   * Updates the styling of the validation FieldMessage.\n   */\n  status?: \"error\" | \"caution\"\n  /**\n   * A descriptive message for the 'status' states.\n   */\n  validationMessage?: React.ReactNode | undefined\n  /**\n   * Use the `reversed` styles.\n   */\n  isReversed?: boolean\n  /**\n   * Use the `fullWidth` styles.\n   */\n  isFullWidth?: boolean\n  /**\n   * @deprecated: Either define `disabled` in your `Option` (in `items`), or use `disabledKeys`\n   */\n  disabledValues?: Key[]\n} & OverrideClassName<Omit<AriaSelectProps<Option>, OmittedAriaSelectProps>>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896474/Select Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-select--docs Storybook}\n */\nexport const Select = <Option extends SelectOption = SelectOption>({\n  label,\n  items,\n  id: propsId,\n  trigger,\n  children,\n  status,\n  validationMessage,\n  isReversed,\n  isFullWidth,\n  disabledValues,\n  classNameOverride,\n  selectedKey,\n  description,\n  placeholder,\n  isDisabled,\n  ...restProps\n}: SelectProps<Option>): JSX.Element => {\n  const { refs } = useFloating<HTMLButtonElement>()\n  const triggerRef = refs.reference\n\n  const id = propsId ?? useId()\n  const descriptionId = `${id}--description`\n\n  const disabledKeys = getDisabledKeysFromItems(items)\n\n  const ariaSelectProps: AriaSelectProps<SelectItem<Option>> = {\n    label,\n    items,\n    children: transformSelectItemToCollectionElement,\n    disabledKeys: disabledValues ?? disabledKeys,\n    selectedKey:\n      typeof selectedKey === \"number\" ? selectedKey.toString() : selectedKey,\n    description,\n    placeholder,\n    isDisabled,\n    ...restProps,\n  }\n\n  const state = useSelectState(ariaSelectProps)\n\n  const {\n    labelProps,\n    triggerProps,\n    valueProps,\n    menuProps,\n    errorMessageProps,\n    descriptionProps,\n  } = useSelect(ariaSelectProps, state, triggerRef)\n\n  const { buttonProps } = useButton(triggerProps, triggerRef)\n  const selectToggleProps = {\n    ...buttonProps,\n    label,\n    labelProps,\n    value: state?.selectedItem?.rendered,\n    valueProps,\n    isOpen: state.isOpen,\n    placeholder,\n    status,\n    isDisabled: triggerProps.isDisabled,\n    isReversed,\n    ref: refs.setReference,\n  }\n\n  return (\n    <div\n      className={classnames(\n        !isFullWidth && styles.notFullWidth,\n        classNameOverride\n      )}\n    >\n      <HiddenSelect\n        label={label}\n        name={id}\n        state={state}\n        triggerRef={triggerRef}\n      />\n\n      <div className={styles.container}>\n        {trigger === undefined ? (\n          <SelectToggle {...selectToggleProps} />\n        ) : (\n          trigger(selectToggleProps, selectToggleProps.ref)\n        )}\n        {state.isOpen && (\n          <Popover\n            refs={refs}\n            focusOnProps={{\n              onEscapeKey: state.close,\n              onClickOutside: state.close,\n              noIsolation: true,\n            }}\n          >\n            <SelectProvider<Option> state={state}>\n              <SelectPopoverContents menuProps={menuProps}>\n                {children}\n              </SelectPopoverContents>\n            </SelectProvider>\n          </Popover>\n        )}\n      </div>\n\n      {validationMessage && (\n        <FieldMessage\n          {...errorMessageProps}\n          message={validationMessage}\n          status={status}\n          reversed={isReversed}\n        />\n      )}\n\n      {description && (\n        <FieldMessage\n          {...descriptionProps}\n          id={descriptionId}\n          message={description}\n          reversed={isReversed}\n        />\n      )}\n    </div>\n  )\n}\n\nSelect.displayName = \"Select\"\n\nSelect.Section = ListBoxSection\nSelect.SectionDivider = SectionDivider\nSelect.Option = Option\nSelect.ItemDefaultRender = ListItem\n\n// @deprecated Legacy exported aliases\nSelect.TriggerButton = SelectToggle\nSelect.ListBox = ListBox\n"],"names":["Select","_a","label","items","propsId","id","trigger","children","status","validationMessage","isReversed","isFullWidth","disabledValues","classNameOverride","selectedKey","description","placeholder","isDisabled","restProps","__rest","refs","useFloating","triggerRef","reference","useId","descriptionId","concat","disabledKeys","getDisabledKeysFromItems","ariaSelectProps","transformSelectItemToCollectionElement","toString","state","useSelectState","_c","useSelect","labelProps","triggerProps","valueProps","menuProps","errorMessageProps","descriptionProps","buttonProps","useButton","selectToggleProps","__assign","value","selectedItem","_b","rendered","isOpen","ref","setReference","React","createElement","className","classnames","styles","notFullWidth","HiddenSelect","name","container","undefined","SelectToggle","Popover","focusOnProps","onEscapeKey","close","onClickOutside","noIsolation","SelectProvider","SelectPopoverContents","FieldMessage","message","reversed","displayName","Section","ListBoxSection","SectionDivider","Option","ItemDefaultRender","ListItem","TriggerButton","ListBox"],"mappings":"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"}
+{"version":3,"file":"Select.cjs","sources":["../../../../src/__future__/Select/Select.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport { UseFloatingReturn } from \"@floating-ui/react-dom\"\nimport { useButton } from \"@react-aria/button\"\nimport { HiddenSelect, useSelect } from \"@react-aria/select\"\nimport {\n  useSelectState,\n  SelectProps as AriaSelectProps,\n} from \"@react-stately/select\"\nimport { Key } from \"@react-types/shared\"\nimport classnames from \"classnames\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport {\n  Popover,\n  useFloating,\n} from \"~components/MultiSelect/subcomponents/Popover\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { SelectProvider } from \"./context\"\nimport {\n  ListBox,\n  ListBoxSection,\n  ListItem,\n  Option,\n  SectionDivider,\n  SelectPopoverContents,\n  SelectPopoverContentsProps,\n  SelectToggle,\n  SelectToggleProps,\n} from \"./subcomponents\"\nimport { SelectItem, SelectOption } from \"./types\"\nimport { getDisabledKeysFromItems } from \"./utils/getDisabledKeysFromItems\"\nimport { transformSelectItemToCollectionElement } from \"./utils/transformSelectItemToCollectionElement\"\nimport styles from \"./Select.module.scss\"\n\ntype OmittedAriaSelectProps = \"children\" | \"items\"\n\nexport type SelectProps<Option extends SelectOption = SelectOption> = {\n  /**\n   * Item objects in the collection.\n   */\n  items: Array<SelectItem<Option>>\n  id?: string\n  trigger?: (\n    selectToggleProps: SelectToggleProps & {\n      ref: UseFloatingReturn<HTMLButtonElement>[\"refs\"][\"setReference\"]\n    },\n    // @deprecated: This arg is unnecessary now, but provided for legacy usages\n    ref: UseFloatingReturn<HTMLButtonElement>[\"refs\"][\"setReference\"]\n  ) => JSX.Element\n  children?: SelectPopoverContentsProps<Option>[\"children\"]\n  /**\n   * Updates the styling of the validation FieldMessage.\n   */\n  status?: \"error\" | \"caution\"\n  /**\n   * A descriptive message for the 'status' states.\n   */\n  validationMessage?: React.ReactNode | undefined\n  /**\n   * Use the `reversed` styles.\n   */\n  isReversed?: boolean\n  /**\n   * Use the `fullWidth` styles.\n   */\n  isFullWidth?: boolean\n  /**\n   * @deprecated: Either define `disabled` in your `Option` (in `items`), or use `disabledKeys`\n   */\n  disabledValues?: Key[]\n} & OverrideClassName<Omit<AriaSelectProps<Option>, OmittedAriaSelectProps>>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896474/Select Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-select--docs Storybook}\n */\nexport const Select = <Option extends SelectOption = SelectOption>({\n  label,\n  items,\n  id: propsId,\n  trigger,\n  children,\n  status,\n  validationMessage,\n  isReversed,\n  isFullWidth,\n  disabledValues,\n  classNameOverride,\n  selectedKey,\n  description,\n  placeholder,\n  isDisabled,\n  ...restProps\n}: SelectProps<Option>): JSX.Element => {\n  const { refs } = useFloating<HTMLButtonElement>()\n  const triggerRef = refs.reference\n\n  const id = propsId ?? useId()\n  const descriptionId = `${id}--description`\n\n  const disabledKeys = getDisabledKeysFromItems(items)\n\n  const ariaSelectProps: AriaSelectProps<SelectItem<Option>> = {\n    label,\n    items,\n    children: transformSelectItemToCollectionElement,\n    disabledKeys: disabledValues ?? disabledKeys,\n    selectedKey:\n      typeof selectedKey === \"number\" ? selectedKey.toString() : selectedKey,\n    description,\n    placeholder,\n    isDisabled,\n    ...restProps,\n  }\n\n  const state = useSelectState(ariaSelectProps)\n\n  const {\n    labelProps,\n    triggerProps: reactAriaTriggerProps,\n    valueProps,\n    menuProps,\n    errorMessageProps,\n    descriptionProps,\n  } = useSelect(ariaSelectProps, state, triggerRef)\n\n  // Hack incoming:\n  // react-aria/useSelect wants to prefix the combobox's accessible name with the value of the select.\n  // We use role=combobox, meaning screen readers will read the value.\n  // So we're modifying the `aria-labelledby` property to remove the value element id.\n  // Issue: https://github.com/adobe/react-spectrum/issues/4091\n  const reactAriaLabelledBy = reactAriaTriggerProps[\"aria-labelledby\"]\n  const triggerProps = {\n    ...reactAriaTriggerProps,\n    \"aria-labelledby\": reactAriaLabelledBy?.substring(\n      reactAriaLabelledBy.indexOf(\" \") + 1\n    ),\n  }\n\n  const { buttonProps } = useButton(triggerProps, triggerRef)\n  const selectToggleProps = {\n    ...buttonProps,\n    label,\n    labelProps,\n    value: state?.selectedItem?.rendered,\n    valueProps,\n    isOpen: state.isOpen,\n    placeholder,\n    status,\n    isDisabled: triggerProps.isDisabled,\n    isReversed,\n    ref: refs.setReference,\n  }\n\n  return (\n    <div\n      className={classnames(\n        !isFullWidth && styles.notFullWidth,\n        classNameOverride\n      )}\n    >\n      <HiddenSelect\n        label={label}\n        name={id}\n        state={state}\n        triggerRef={triggerRef}\n      />\n\n      <div className={styles.container}>\n        {trigger === undefined ? (\n          <SelectToggle {...selectToggleProps} />\n        ) : (\n          trigger(selectToggleProps, selectToggleProps.ref)\n        )}\n        {state.isOpen && (\n          <Popover\n            refs={refs}\n            focusOnProps={{\n              onEscapeKey: state.close,\n              onClickOutside: state.close,\n              noIsolation: true,\n            }}\n          >\n            <SelectProvider<Option> state={state}>\n              <SelectPopoverContents menuProps={menuProps}>\n                {children}\n              </SelectPopoverContents>\n            </SelectProvider>\n          </Popover>\n        )}\n      </div>\n\n      {validationMessage && (\n        <FieldMessage\n          {...errorMessageProps}\n          message={validationMessage}\n          status={status}\n          reversed={isReversed}\n        />\n      )}\n\n      {description && (\n        <FieldMessage\n          {...descriptionProps}\n          id={descriptionId}\n          message={description}\n          reversed={isReversed}\n        />\n      )}\n    </div>\n  )\n}\n\nSelect.displayName = \"Select\"\n\nSelect.Section = ListBoxSection\nSelect.SectionDivider = SectionDivider\nSelect.Option = Option\nSelect.ItemDefaultRender = ListItem\n\n// @deprecated Legacy exported aliases\nSelect.TriggerButton = SelectToggle\nSelect.ListBox = ListBox\n"],"names":["Select","_a","label","items","propsId","id","trigger","children","status","validationMessage","isReversed","isFullWidth","disabledValues","classNameOverride","selectedKey","description","placeholder","isDisabled","restProps","__rest","refs","useFloating","triggerRef","reference","useId","descriptionId","concat","disabledKeys","getDisabledKeysFromItems","ariaSelectProps","transformSelectItemToCollectionElement","toString","state","useSelectState","_c","useSelect","labelProps","reactAriaTriggerProps","triggerProps","valueProps","menuProps","errorMessageProps","descriptionProps","reactAriaLabelledBy","__assign","substring","indexOf","buttonProps","useButton","selectToggleProps","value","selectedItem","_b","rendered","isOpen","ref","setReference","React","createElement","className","classnames","styles","notFullWidth","HiddenSelect","name","container","undefined","SelectToggle","Popover","focusOnProps","onEscapeKey","close","onClickOutside","noIsolation","SelectProvider","SelectPopoverContents","FieldMessage","message","reversed","displayName","Section","ListBoxSection","SectionDivider","Option","ItemDefaultRender","ListItem","TriggerButton","ListBox"],"mappings":"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"}

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

@@ -2,7 +2,7 @@ import { HTMLAttributes } from "react";
 import { FieldMessageProps } from "../FieldMessage";
 import { OverrideClassName } from "../types/OverrideClassName";
 import { MultiSelectOptionsProps } from "./subcomponents/MultiSelectOptions";
-import { MultiSelectOption } from "./types";
+import { MultiSelectOption, ValidationMessage } from "./types";
 export type MultiSelectProps = {
     label: string;
     items: MultiSelectOptionsProps["options"];
@@ -14,8 +14,10 @@ export type MultiSelectProps = {
     onSelectedValuesChange: MultiSelectOptionsProps["onChange"];
     isOpen: boolean;
     onOpenChange: (isOpen: boolean) => void;
+    /** A status and message to provide context to the validation issue  */
+    validationMessage?: ValidationMessage;
 } & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
 export declare const MultiSelect: {
-    ({ id: propsId, label, items, selectedValues, description, onSelectedValuesChange, isOpen, onOpenChange, classNameOverride, ...restProps }: MultiSelectProps): JSX.Element;
+    ({ id: propsId, label, items, selectedValues, description, onSelectedValuesChange, isOpen, onOpenChange, classNameOverride, validationMessage, ...restProps }: MultiSelectProps): JSX.Element;
     displayName: string;
 };

package/dist/cjs/dts/MultiSelect/subcomponents/MultiSelectToggle/MultiSelectToggle.d.ts

@@ -1,4 +1,5 @@
 import React, { HTMLAttributes } from "react";
+import { FieldMessageProps } from "../../../FieldMessage";
 import { OverrideClassName } from "../../../types/OverrideClassName";
 import { MultiSelectOption } from "../../types";
 export type MultiSelectToggleProps = {
@@ -7,6 +8,7 @@ export type MultiSelectToggleProps = {
     ["aria-controls"]: string;
     selectedOptions: MultiSelectOption[];
     isOpen?: boolean;
+    status?: FieldMessageProps["status"];
     onRemoveOption: (optionValue: MultiSelectOption["value"]) => void;
     onRemoveAllOptions: () => void;
 } & OverrideClassName<HTMLAttributes<HTMLDivElement>>;
@@ -16,6 +18,7 @@ export declare const MultiSelectToggle: React.ForwardRefExoticComponent<{
     "aria-controls": string;
     selectedOptions: MultiSelectOption[];
     isOpen?: boolean | undefined;
+    status?: FieldMessageProps["status"];
     onRemoveOption: (optionValue: MultiSelectOption["value"]) => void;
     onRemoveAllOptions: () => void;
 } & Omit<React.HTMLAttributes<HTMLDivElement>, "className"> & {

package/dist/cjs/dts/MultiSelect/types.d.ts

@@ -1,4 +1,10 @@
+/// <reference types="react" />
+import { FieldMessageStatus } from "../FieldMessage";
 export type MultiSelectOption = {
     label: string;
     value: string | number;
 };
+export type ValidationMessage = {
+    status?: Extract<FieldMessageStatus, "error" | "caution">;
+    message: string | React.ReactElement;
+};

package/dist/cjs/dts/TitleBlockZen/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./TitleBlockZen";
 export * from "./subcomponents/NavigationTabs";
+export * from "./types";

package/dist/cjs/index.css

@@ -1,17 +1,17 @@
 .Select-module_container__TaMKg{position:relative;width:100%}.Select-module_notFullWidth__Mr-3G{width:180px}
-.Tag-module_tag__Ef8Iu{align-items:center;border-radius:28px;display:inline-flex;font-family:var(--typography-paragraph-intro-lede-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);gap:var(--spacing-4,.25rem);line-height:var(--typography-paragraph-small-line-height,1.125rem);padding:var(--spacing-4,.25rem) var(--spacing-8,.5rem);white-space:nowrap}.Tag-module_iconContainer__tEPTW{display:inline-flex}.Tag-module_gray__4YmDZ{background-color:var(--color-gray-300,#eaeaec);color:var(--color-purple-800,#2f2438)}.Tag-module_blue__CjyTI{background-color:var(--color-blue-100,#e6f6ff);color:var(--color-blue-700,#003157)}.Tag-module_blue__CjyTI .Tag-module_iconContainer__tEPTW{color:var(--color-blue-500,#0168b3)}.Tag-module_green__uC0TU{background-color:var(--color-green-100,#e8f8f4);color:var(--color-green-700,#22594a)}.Tag-module_green__uC0TU .Tag-module_iconContainer__tEPTW{color:var(--color-green-500,#44a289)}.Tag-module_yellow__wEk5Z{background-color:var(--color-yellow-100,#fff9e4);color:var(--color-yellow-700,#876400)}.Tag-module_yellow__wEk5Z .Tag-module_iconContainer__tEPTW{color:var(--color-yellow-500,#ffb600)}.Tag-module_orange__V-KdG{background-color:var(--color-orange-100,#fff0e8);color:var(--color-orange-700,#903c00)}.Tag-module_orange__V-KdG .Tag-module_iconContainer__tEPTW{color:var(--color-orange-500,#e96c2f)}.Tag-module_red__cg1Rf{background-color:var(--color-red-100,#fdeaee);color:var(--color-red-700,#6c1e20)}.Tag-module_red__cg1Rf .Tag-module_iconContainer__tEPTW{color:var(--color-red-500,#c93b55)}.Tag-module_purple__OR2Jt{background-color:var(--color-purple-100,#f4edf8);color:var(--color-purple-700,#4a234d)}.Tag-module_purple__OR2Jt .Tag-module_iconContainer__tEPTW{color:var(--color-purple-500,#844587)}
 .RemovableTag-module_removableTag__IwJHj{padding:var(--spacing-4,.25rem) var(--spacing-4,.25rem) var(--spacing-4,.25rem) var(--spacing-8,.5rem);padding-block:var(--spacing-4,.25rem);padding-inline:var(--spacing-8,.5rem) var(--spacing-4,.25rem)}
+.Tag-module_tag__Ef8Iu{align-items:center;border-radius:28px;display:inline-flex;font-family:var(--typography-paragraph-intro-lede-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);gap:var(--spacing-4,.25rem);line-height:var(--typography-paragraph-small-line-height,1.125rem);padding:var(--spacing-4,.25rem) var(--spacing-8,.5rem);white-space:nowrap}.Tag-module_iconContainer__tEPTW{display:inline-flex}.Tag-module_gray__4YmDZ{background-color:var(--color-gray-300,#eaeaec);color:var(--color-purple-800,#2f2438)}.Tag-module_blue__CjyTI{background-color:var(--color-blue-100,#e6f6ff);color:var(--color-blue-700,#003157)}.Tag-module_blue__CjyTI .Tag-module_iconContainer__tEPTW{color:var(--color-blue-500,#0168b3)}.Tag-module_green__uC0TU{background-color:var(--color-green-100,#e8f8f4);color:var(--color-green-700,#22594a)}.Tag-module_green__uC0TU .Tag-module_iconContainer__tEPTW{color:var(--color-green-500,#44a289)}.Tag-module_yellow__wEk5Z{background-color:var(--color-yellow-100,#fff9e4);color:var(--color-yellow-700,#876400)}.Tag-module_yellow__wEk5Z .Tag-module_iconContainer__tEPTW{color:var(--color-yellow-500,#ffb600)}.Tag-module_orange__V-KdG{background-color:var(--color-orange-100,#fff0e8);color:var(--color-orange-700,#903c00)}.Tag-module_orange__V-KdG .Tag-module_iconContainer__tEPTW{color:var(--color-orange-500,#e96c2f)}.Tag-module_red__cg1Rf{background-color:var(--color-red-100,#fdeaee);color:var(--color-red-700,#6c1e20)}.Tag-module_red__cg1Rf .Tag-module_iconContainer__tEPTW{color:var(--color-red-500,#c93b55)}.Tag-module_purple__OR2Jt{background-color:var(--color-purple-100,#f4edf8);color:var(--color-purple-700,#4a234d)}.Tag-module_purple__OR2Jt .Tag-module_iconContainer__tEPTW{color:var(--color-purple-500,#844587)}
 .Popover-module_popover__B7k5I{background:var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);box-shadow:var(--shadow-large-box-shadow,0 8px 40px rgba(0,0,0,.08),0 3px 9px rgba(0,0,0,.1));box-sizing:border-box;overflow:auto}
 .RemoveButton-module_removeButton__9yzxJ{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-radius:50%;color:inherit;color:rgba(var(--color-purple-800-rgb,47,36,56),.7);display:inline;display:inline-flex;font:inherit;margin:0;padding:0;position:relative}.RemoveButton-module_removeButton__9yzxJ:focus,.RemoveButton-module_removeButton__9yzxJ:focus-visible{outline:none}.RemoveButton-module_removeButton__9yzxJ:focus-visible:after,.RemoveButton-module_removeButton__9yzxJ:focus:after{background:transparent;border-color:var(--color-blue-500,#0168b3);border-radius:50%;border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);content:"";inset:-3px;position:absolute}.RemoveButton-module_removeButton__9yzxJ:before{border-radius:50%;content:"";inset:-5px;position:absolute}.RemoveButton-module_removeButton__9yzxJ:focus,.RemoveButton-module_removeButton__9yzxJ:focus-visible,.RemoveButton-module_removeButton__9yzxJ:hover{background-color:rgba(var(--color-gray-600-rgb,82,78,86),.2);color:var(--color-purple-800,#2f2438);cursor:pointer}
 .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}
+.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}
+.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}
 .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}}
-.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)}}
-.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)}
-.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}}
 .Root-module_root__7DVw5{align-items:center;background-color:var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));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}}
+.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}}
 .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 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1))}.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}
 .AvatarGroup-module_AvatarGroup__bdL0o{display:inline-flex;list-style:none;margin:0;padding:0}.AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-inline-start:-.625rem}[dir=rtl] .AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-left:0}.AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-inline-start:-1.5rem}[dir=rtl] .AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-left:0}.AvatarGroup-module_large__HN9Yy .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-inline-start:-2.25rem}[dir=rtl] .AvatarGroup-module_large__HN9Yy .AvatarGroup-module_AvatarGroupItem__xQol-+.AvatarGroup-module_AvatarGroupItem__xQol-{margin-left:0}.AvatarGroup-module_AvatarCounter__PKFzl{align-items:center;background:var(--color-gray-300,#eaeaec);border:3px solid var(--color-white,#fff);border-radius:100%;box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarCounter__PKFzl{border:none;box-shadow:none;font-size:.5rem;height:1.25rem;width:1.25rem}.AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarCounter__PKFzl,.AvatarGroup-module_small__7uv8k .AvatarGroup-module_AvatarCounter__PKFzl{font-family:var(--typography-heading-5-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-heading-5-font-weight,600);letter-spacing:var(--typography-heading-5-letter-spacing,normal)}.AvatarGroup-module_medium__af52y .AvatarGroup-module_AvatarCounter__PKFzl{font-size:var(--typography-heading-5-font-size,1rem);height:3rem;width:3rem}.AvatarGroup-module_large__HN9Yy .AvatarGroup-module_AvatarCounter__PKFzl{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);height:4.5rem;letter-spacing:var(--typography-heading-3-letter-spacing,normal);width:4.5rem}[dir=rtl] .AvatarGroup-module_AvatarCounter__PKFzl{direction:ltr;margin-left:0}

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

@@ -42,7 +42,7 @@ const GenericButton = /*#__PURE__*/function () {
     };
     return /*#__PURE__*/React.createElement("span", {
       className: classnames(styles.container, props.fullWidth && styles.fullWidth),
-      "aria-live": "polite"
+      "aria-live": "workingLabel" in props ? "polite" : undefined
     }, determineButtonRenderer());
   });
   GenericButton.defaultProps = {

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

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

package/dist/esm/MultiSelect/subcomponents/Popover/Popover.mjs

@@ -20,7 +20,7 @@ const Popover = /*#__PURE__*/function () {
         floating: refs.floating.current
       },
       placement: "bottom-start",
-      middleware: [offset(15), flip(), size({
+      middleware: [offset(6), flip(), size({
         apply: function (_a) {
           var availableWidth = _a.availableWidth,
             availableHeight = _a.availableHeight,

package/dist/esm/MultiSelect/subcomponents/Popover/Popover.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.mjs","sources":["../../../../../src/MultiSelect/subcomponents/Popover/Popover.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport {\n  autoUpdate,\n  flip,\n  offset,\n  ReferenceType,\n  useFloating,\n  UseFloatingReturn,\n  UseFloatingOptions,\n  size,\n} from \"@floating-ui/react-dom\"\nimport classnames from \"classnames\"\nimport { FocusOn } from \"react-focus-on\"\nimport { ReactFocusOnProps } from \"react-focus-on/dist/es5/types\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Popover.module.scss\"\n\nexport type PopoverProps<RT extends ReferenceType = ReferenceType> = {\n  children: React.ReactNode\n  refs: UseFloatingReturn<RT>[\"refs\"]\n  /**\n   * passes in additional options / override for https://floating-ui.com/docs/tooltip#usefloating-hook\n   */\n  floatingOptions?: Omit<UseFloatingOptions, \"elements\">\n  focusOnProps?: Omit<ReactFocusOnProps, \"children\">\n  portalContainer?: Element | DocumentFragment\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Popover = <RT extends ReferenceType>({\n  children,\n  refs,\n  floatingOptions,\n  focusOnProps,\n  portalContainer,\n  classNameOverride,\n  ...restProps\n}: PopoverProps<RT>): JSX.Element => {\n  const { floatingStyles } = useFloating({\n    elements: {\n      reference: refs.reference.current,\n      floating: refs.floating.current,\n    },\n    placement: \"bottom-start\",\n    middleware: [\n      offset(15),\n      flip(),\n      size({\n        apply({ availableWidth, availableHeight, elements }) {\n          Object.assign(elements.floating.style, {\n            maxWidth: `${Math.min(availableWidth, 400)}px`,\n            minWidth: `${Math.min(availableWidth, 196)}px`,\n            maxHeight: `${Math.min(availableHeight, 352)}px`,\n          })\n        },\n      }),\n    ],\n    whileElementsMounted: autoUpdate,\n    ...floatingOptions,\n  })\n\n  return createPortal(\n    <FocusOn scrollLock={false} {...focusOnProps}>\n      <div\n        ref={refs.setFloating}\n        style={floatingStyles}\n        className={classnames(styles.popover, classNameOverride)}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        {...restProps}\n      >\n        {children}\n      </div>\n    </FocusOn>,\n    portalContainer ?? document.body\n  )\n}\n\nPopover.displayName = \"Popover\"\n"],"names":["Popover","_a","children","refs","floatingOptions","focusOnProps","portalContainer","classNameOverride","restProps","__rest","floatingStyles","useFloating","__assign","elements","reference","current","floating","placement","middleware","offset","flip","size","apply","availableWidth","availableHeight","Object","assign","style","maxWidth","concat","Math","min","minWidth","maxHeight","whileElementsMounted","autoUpdate","createPortal","React","createElement","FocusOn","scrollLock","ref","setFloating","className","classnames","styles","popover","role","document","body","displayName"],"mappings":";;;;;;;MA6BaA,OAAO;EAAA,MAAPA,OAAO,GAAG,SAAAA,CAA2BC,EAQ/B,EAAA;IAPjB,IAAAC,QAAQ,cAAA;MACRC,IAAI,UAAA;MACJC,eAAe,qBAAA;MACfC,YAAY,kBAAA;MACZC,eAAe,qBAAA;MACfC,iBAAiB,uBAAA;MACdC,SAAS,GAPoCC,MAAA,CAAAR,EAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,mBAAA,CAQjD,CADa;IAEJ,IAAAS,cAAc,GAAKC,WAAW,CAAAC,QAAA,CAAA;MACpCC,QAAQ,EAAE;QACRC,SAAS,EAAEX,IAAI,CAACW,SAAS,CAACC,OAAO;QACjCC,QAAQ,EAAEb,IAAI,CAACa,QAAQ,CAACD;MACzB,CAAA;MACDE,SAAS,EAAE,cAAc;MACzBC,UAAU,EAAE,CACVC,MAAM,CAAC,EAAE,CAAC,EACVC,IAAI,CAAE,CAAA,EACNC,IAAI,CAAC;QACHC,KAAK,YAACrB,EAA6C,EAAA;UAA3C,IAAAsB,cAAc,oBAAA;YAAEC,eAAe,GAAAvB,EAAA,CAAAuB,eAAA;YAAEX,QAAQ,GAAAZ,EAAA,CAAAY,QAAA;UAC/CY,MAAM,CAACC,MAAM,CAACb,QAAQ,CAACG,QAAQ,CAACW,KAAK,EAAE;YACrCC,QAAQ,EAAE,EAAG,CAAAC,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACR,cAAc,EAAE,GAAG,CAAC,EAAI,IAAA,CAAA;YAC9CS,QAAQ,EAAE,EAAG,CAAAH,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACR,cAAc,EAAE,GAAG,CAAC,EAAI,IAAA,CAAA;YAC9CU,SAAS,EAAE,EAAG,CAAAJ,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACP,eAAe,EAAE,GAAG,CAAC,EAAI,IAAA;UACjD,CAAA,CAAC;QACH;OACF,CAAC,CACH;MACDU,oBAAoB,EAAEC;IAAU,GAC7B/B,eAAe,CAAA,CAClB,eArBoB;IAuBtB,oBAAOgC,YAAY,eACjBC,KAAC,CAAAC,aAAA,CAAAC,OAAO;MAACC,UAAU,EAAE;IAAK,CAAA,EAAMnC,YAAY,CAAA,eAC1CgC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA1B,QAAA,CAAA;MACE6B,GAAG,EAAEtC,IAAI,CAACuC,WAAW;MACrBf,KAAK,EAAEjB,cAAc;MACrBiC,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,OAAO,EAAEvC,iBAAiB,CAAC;MACxDwC,IAAI,EAAC,QAAQ;oBACF;IAAM,CAAA,EACbvC,SAAS,CAEZ,EAAAN,QAAQ,CACL,CACE,EACVI,eAAe,KAAf,IAAA,IAAAA,eAAe,cAAfA,eAAe,GAAI0C,QAAQ,CAACC,IAAI,CACjC;EACH,CAAC;EAEDjD,OAAO,CAACkD,WAAW,GAAG,SAAS;EAAA,OAjDlBlD,OAAO;AAAA;"}
+{"version":3,"file":"Popover.mjs","sources":["../../../../../src/MultiSelect/subcomponents/Popover/Popover.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport {\n  autoUpdate,\n  flip,\n  offset,\n  ReferenceType,\n  useFloating,\n  UseFloatingReturn,\n  UseFloatingOptions,\n  size,\n} from \"@floating-ui/react-dom\"\nimport classnames from \"classnames\"\nimport { FocusOn } from \"react-focus-on\"\nimport { ReactFocusOnProps } from \"react-focus-on/dist/es5/types\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Popover.module.scss\"\n\nexport type PopoverProps<RT extends ReferenceType = ReferenceType> = {\n  children: React.ReactNode\n  refs: UseFloatingReturn<RT>[\"refs\"]\n  /**\n   * passes in additional options / override for https://floating-ui.com/docs/tooltip#usefloating-hook\n   */\n  floatingOptions?: Omit<UseFloatingOptions, \"elements\">\n  focusOnProps?: Omit<ReactFocusOnProps, \"children\">\n  portalContainer?: Element | DocumentFragment\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Popover = <RT extends ReferenceType>({\n  children,\n  refs,\n  floatingOptions,\n  focusOnProps,\n  portalContainer,\n  classNameOverride,\n  ...restProps\n}: PopoverProps<RT>): JSX.Element => {\n  const { floatingStyles } = useFloating({\n    elements: {\n      reference: refs.reference.current,\n      floating: refs.floating.current,\n    },\n    placement: \"bottom-start\",\n    middleware: [\n      offset(6),\n      flip(),\n      size({\n        apply({ availableWidth, availableHeight, elements }) {\n          Object.assign(elements.floating.style, {\n            maxWidth: `${Math.min(availableWidth, 400)}px`,\n            minWidth: `${Math.min(availableWidth, 196)}px`,\n            maxHeight: `${Math.min(availableHeight, 352)}px`,\n          })\n        },\n      }),\n    ],\n    whileElementsMounted: autoUpdate,\n    ...floatingOptions,\n  })\n\n  return createPortal(\n    <FocusOn scrollLock={false} {...focusOnProps}>\n      <div\n        ref={refs.setFloating}\n        style={floatingStyles}\n        className={classnames(styles.popover, classNameOverride)}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        {...restProps}\n      >\n        {children}\n      </div>\n    </FocusOn>,\n    portalContainer ?? document.body\n  )\n}\n\nPopover.displayName = \"Popover\"\n"],"names":["Popover","_a","children","refs","floatingOptions","focusOnProps","portalContainer","classNameOverride","restProps","__rest","floatingStyles","useFloating","__assign","elements","reference","current","floating","placement","middleware","offset","flip","size","apply","availableWidth","availableHeight","Object","assign","style","maxWidth","concat","Math","min","minWidth","maxHeight","whileElementsMounted","autoUpdate","createPortal","React","createElement","FocusOn","scrollLock","ref","setFloating","className","classnames","styles","popover","role","document","body","displayName"],"mappings":";;;;;;;MA6BaA,OAAO;EAAA,MAAPA,OAAO,GAAG,SAAAA,CAA2BC,EAQ/B,EAAA;IAPjB,IAAAC,QAAQ,cAAA;MACRC,IAAI,UAAA;MACJC,eAAe,qBAAA;MACfC,YAAY,kBAAA;MACZC,eAAe,qBAAA;MACfC,iBAAiB,uBAAA;MACdC,SAAS,GAPoCC,MAAA,CAAAR,EAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,mBAAA,CAQjD,CADa;IAEJ,IAAAS,cAAc,GAAKC,WAAW,CAAAC,QAAA,CAAA;MACpCC,QAAQ,EAAE;QACRC,SAAS,EAAEX,IAAI,CAACW,SAAS,CAACC,OAAO;QACjCC,QAAQ,EAAEb,IAAI,CAACa,QAAQ,CAACD;MACzB,CAAA;MACDE,SAAS,EAAE,cAAc;MACzBC,UAAU,EAAE,CACVC,MAAM,CAAC,CAAC,CAAC,EACTC,IAAI,CAAE,CAAA,EACNC,IAAI,CAAC;QACHC,KAAK,YAACrB,EAA6C,EAAA;UAA3C,IAAAsB,cAAc,oBAAA;YAAEC,eAAe,GAAAvB,EAAA,CAAAuB,eAAA;YAAEX,QAAQ,GAAAZ,EAAA,CAAAY,QAAA;UAC/CY,MAAM,CAACC,MAAM,CAACb,QAAQ,CAACG,QAAQ,CAACW,KAAK,EAAE;YACrCC,QAAQ,EAAE,EAAG,CAAAC,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACR,cAAc,EAAE,GAAG,CAAC,EAAI,IAAA,CAAA;YAC9CS,QAAQ,EAAE,EAAG,CAAAH,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACR,cAAc,EAAE,GAAG,CAAC,EAAI,IAAA,CAAA;YAC9CU,SAAS,EAAE,EAAG,CAAAJ,MAAA,CAAAC,IAAI,CAACC,GAAG,CAACP,eAAe,EAAE,GAAG,CAAC,EAAI,IAAA;UACjD,CAAA,CAAC;QACH;OACF,CAAC,CACH;MACDU,oBAAoB,EAAEC;IAAU,GAC7B/B,eAAe,CAAA,CAClB,eArBoB;IAuBtB,oBAAOgC,YAAY,eACjBC,KAAC,CAAAC,aAAA,CAAAC,OAAO;MAACC,UAAU,EAAE;IAAK,CAAA,EAAMnC,YAAY,CAAA,eAC1CgC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA1B,QAAA,CAAA;MACE6B,GAAG,EAAEtC,IAAI,CAACuC,WAAW;MACrBf,KAAK,EAAEjB,cAAc;MACrBiC,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,OAAO,EAAEvC,iBAAiB,CAAC;MACxDwC,IAAI,EAAC,QAAQ;oBACF;IAAM,CAAA,EACbvC,SAAS,CAEZ,EAAAN,QAAQ,CACL,CACE,EACVI,eAAe,KAAf,IAAA,IAAAA,eAAe,cAAfA,eAAe,GAAI0C,QAAQ,CAACC,IAAI,CACjC;EACH,CAAC;EAEDjD,OAAO,CAACkD,WAAW,GAAG,SAAS;EAAA,OAjDlBlD,OAAO;AAAA;"}

package/dist/esm/__future__/Select/Select.mjs

@@ -62,11 +62,20 @@ const Select = /*#__PURE__*/function () {
     var state = useSelectState(ariaSelectProps);
     var _c = useSelect(ariaSelectProps, state, triggerRef),
       labelProps = _c.labelProps,
-      triggerProps = _c.triggerProps,
+      reactAriaTriggerProps = _c.triggerProps,
       valueProps = _c.valueProps,
       menuProps = _c.menuProps,
       errorMessageProps = _c.errorMessageProps,
       descriptionProps = _c.descriptionProps;
+    // Hack incoming:
+    // react-aria/useSelect wants to prefix the combobox's accessible name with the value of the select.
+    // We use role=combobox, meaning screen readers will read the value.
+    // So we're modifying the `aria-labelledby` property to remove the value element id.
+    // Issue: https://github.com/adobe/react-spectrum/issues/4091
+    var reactAriaLabelledBy = reactAriaTriggerProps["aria-labelledby"];
+    var triggerProps = __assign(__assign({}, reactAriaTriggerProps), {
+      "aria-labelledby": reactAriaLabelledBy === null || reactAriaLabelledBy === void 0 ? void 0 : reactAriaLabelledBy.substring(reactAriaLabelledBy.indexOf(" ") + 1)
+    });
     var buttonProps = useButton(triggerProps, triggerRef).buttonProps;
     var selectToggleProps = __assign(__assign({}, buttonProps), {
       label: label,