@cloudscape-design/components 3.0.1365 → 3.0.1367

package/button/styles.selectors.js

@@ -2,28 +2,28 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content": "awsui_content_vjswe_mkip9_66",
-  "button": "awsui_button_vjswe_mkip9_70",
-  "variant-normal": "awsui_variant-normal_vjswe_mkip9_131",
-  "disabled": "awsui_disabled_vjswe_mkip9_152",
-  "variant-primary": "awsui_variant-primary_vjswe_mkip9_160",
-  "variant-link": "awsui_variant-link_vjswe_mkip9_189",
-  "variant-icon": "awsui_variant-icon_vjswe_mkip9_218",
-  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_mkip9_247",
-  "variant-inline-icon-pointer-target": "awsui_variant-inline-icon-pointer-target_vjswe_mkip9_276",
-  "variant-inline-link": "awsui_variant-inline-link_vjswe_mkip9_305",
-  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_mkip9_338",
-  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_mkip9_367",
-  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_mkip9_396",
-  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_mkip9_430",
-  "button-no-text": "awsui_button-no-text_vjswe_mkip9_526",
-  "button-no-wrap": "awsui_button-no-wrap_vjswe_mkip9_530",
-  "full-width": "awsui_full-width_vjswe_mkip9_533",
-  "button-compact": "awsui_button-compact_vjswe_mkip9_550",
-  "icon-left": "awsui_icon-left_vjswe_mkip9_560",
-  "icon-right": "awsui_icon-right_vjswe_mkip9_565",
-  "icon": "awsui_icon_vjswe_mkip9_560",
-  "link": "awsui_link_vjswe_mkip9_584",
-  "disabled-with-reason": "awsui_disabled-with-reason_vjswe_mkip9_584"
+  "content": "awsui_content_vjswe_p6l7z_66",
+  "button": "awsui_button_vjswe_p6l7z_70",
+  "variant-normal": "awsui_variant-normal_vjswe_p6l7z_131",
+  "disabled": "awsui_disabled_vjswe_p6l7z_152",
+  "variant-primary": "awsui_variant-primary_vjswe_p6l7z_160",
+  "variant-link": "awsui_variant-link_vjswe_p6l7z_189",
+  "variant-icon": "awsui_variant-icon_vjswe_p6l7z_218",
+  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_p6l7z_247",
+  "variant-inline-icon-pointer-target": "awsui_variant-inline-icon-pointer-target_vjswe_p6l7z_276",
+  "variant-inline-link": "awsui_variant-inline-link_vjswe_p6l7z_305",
+  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_p6l7z_338",
+  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_p6l7z_367",
+  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_p6l7z_396",
+  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_p6l7z_430",
+  "button-no-text": "awsui_button-no-text_vjswe_p6l7z_526",
+  "button-no-wrap": "awsui_button-no-wrap_vjswe_p6l7z_530",
+  "full-width": "awsui_full-width_vjswe_p6l7z_533",
+  "button-compact": "awsui_button-compact_vjswe_p6l7z_550",
+  "icon-left": "awsui_icon-left_vjswe_p6l7z_560",
+  "icon-right": "awsui_icon-right_vjswe_p6l7z_565",
+  "icon": "awsui_icon_vjswe_p6l7z_560",
+  "link": "awsui_link_vjswe_p6l7z_584",
+  "disabled-with-reason": "awsui_disabled-with-reason_vjswe_p6l7z_584"
 };
   

package/button-dropdown/category-elements/expandable-category-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"expandable-category-element.d.ts","sourceRoot":"","sources":["../../../../src/button-dropdown/category-elements/expandable-category-element.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAOvD,QAAA,MAAM,yBAAyB,GAAI,wQAoBhC,aAAa,gBA+Kf,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"expandable-category-element.d.ts","sourceRoot":"","sources":["../../../../src/button-dropdown/category-elements/expandable-category-element.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAOvD,QAAA,MAAM,yBAAyB,GAAI,wQAoBhC,aAAa,gBAiLf,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/button-dropdown/category-elements/expandable-category-element.js

@@ -69,7 +69,7 @@ const ExpandableCategoryElement = ({ index, item, onItemActivate, onGroupToggle,
         // tabindex technique to manage the focus state of the dropdown. The current element will
         // have tabindex=0 which means that it can be tabbed to, while all other items have
         // tabindex=-1 so we can focus them when necessary.
-        tabIndex: filteringEnabled ? -1 : highlighted ? 0 : -1, ref: triggerRef, ...getMenuItemProps({ parent: true, expanded, disabled }), ...(isDisabledWithReason ? targetProps : {}), ...getAnalyticsMetadataAttribute(disabled
+        tabIndex: filteringEnabled ? -1 : highlighted ? 0 : -1, ref: triggerRef, "data-awsui-motion-trigger": "hover", ...getMenuItemProps({ parent: true, expanded, disabled }), ...(isDisabledWithReason ? targetProps : {}), ...getAnalyticsMetadataAttribute(disabled
             ? {}
             : {
                 action: !expanded ? 'expand' : 'collapse',
@@ -83,7 +83,7 @@ const ExpandableCategoryElement = ({ index, item, onItemActivate, onGroupToggle,
             React.createElement(InternalIcon, { name: item.iconName, url: item.iconUrl, svg: item.iconSvg, alt: item.iconAlt }))),
         React.createElement("span", null, item.text),
         React.createElement("span", { className: clsx(styles['expand-icon'], styles['expand-icon-right']) },
-            React.createElement(InternalIcon, { name: isOneTheme ? 'angle-down' : 'caret-down-filled', size: isOneTheme ? 'x-small' : 'normal' }))))));
+            React.createElement(InternalIcon, { name: isOneTheme ? 'angle-down' : 'caret-down-filled', size: isOneTheme ? 'x-small' : 'normal', nativeAttributes: { 'data-awsui-motion-target': '' } }))))));
     let content;
     // If the category element is disabled, we do not render a dropdown.
     // Screenreaders are confused by additional sections

package/button-dropdown/category-elements/expandable-category-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"expandable-category-element.js","sourceRoot":"","sources":["../../../../src/button-dropdown/category-elements/expandable-category-element.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { isThemeActive, Theme } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport Dropdown from '../../dropdown/internal';\nimport InternalIcon from '../../icon/internal';\nimport useHiddenDescription from '../../internal/hooks/use-hidden-description';\nimport { useVisualRefresh } from '../../internal/hooks/use-visual-mode';\nimport {\n  GeneratedAnalyticsMetadataButtonDropdownCollapse,\n  GeneratedAnalyticsMetadataButtonDropdownExpand,\n} from '../analytics-metadata/interfaces.js';\nimport { ButtonDropdownProps } from '../interfaces';\nimport { CategoryProps } from '../internal-interfaces';\nimport ItemsList from '../items-list';\nimport Tooltip from '../tooltip.js';\nimport { getMenuItemProps } from '../utils/menu-item';\n\nimport styles from './styles.css.js';\n\nconst ExpandableCategoryElement = ({\n  index,\n  item,\n  onItemActivate,\n  onGroupToggle,\n  targetItem,\n  isHighlighted,\n  isKeyboardHighlight,\n  isExpanded,\n  lastInDropdown,\n  highlightItem,\n  disabled,\n  expandToViewport,\n  variant,\n  position,\n  renderItem,\n  filteringText,\n  filteringEnabled,\n  menuId,\n  filteringDescriptionId,\n}: CategoryProps) => {\n  const highlighted = isHighlighted(item);\n  const expanded = isExpanded(item);\n  const isKeyboardHighlighted = isKeyboardHighlight(item);\n  const triggerRef = React.useRef<HTMLSpanElement>(null);\n  const ref = useRef<HTMLLIElement>(null);\n\n  useEffect(() => {\n    if (triggerRef.current && highlighted && !expanded && !filteringEnabled) {\n      triggerRef.current.focus();\n    }\n  }, [expanded, highlighted, filteringEnabled]);\n\n  const onClick: React.MouseEventHandler = event => {\n    if (!disabled) {\n      event.preventDefault();\n      onGroupToggle(item, event);\n      if (!filteringEnabled) {\n        triggerRef.current?.focus();\n      }\n    }\n  };\n\n  const onMouseDown: React.MouseEventHandler = event => {\n    // Ensure that focus remains on the filtering input at all times.\n    if (filteringEnabled) {\n      event.preventDefault();\n    }\n  };\n\n  const onHover = () => {\n    highlightItem(item);\n  };\n\n  const isVisualRefresh = useVisualRefresh();\n  const isOneTheme = isThemeActive(Theme.OneTheme);\n\n  const isDisabledWithReason = !!item.disabledReason && item.disabled;\n  const { targetProps, descriptionEl } = useHiddenDescription(item.disabledReason);\n\n  const groupProps: ButtonDropdownProps.GroupRenderItem = {\n    index: index ?? 0,\n    type: 'group',\n    option: item as ButtonDropdownProps.ItemGroup,\n    disabled: !!disabled,\n    highlighted: !!highlighted,\n    expanded: expanded,\n    expandDirection: 'horizontal',\n  };\n  const renderResult = renderItem?.({ item: groupProps, filterText: filteringText }) ?? null;\n\n  const trigger = item.text && (\n    <span\n      id={menuId && item.id ? `${menuId}-${item.id}` : undefined}\n      className={clsx(styles.header, styles['expandable-header'], styles[`variant-${variant}`], {\n        [styles.disabled]: disabled,\n        [styles.highlighted]: highlighted,\n        [styles['no-content-styling']]: !!renderResult,\n        [styles['is-focused']]: isKeyboardHighlighted,\n        [styles['visual-refresh']]: isVisualRefresh,\n      })}\n      // When filtering is enabled, we use aria-activedescendant on the filter input and provide\n      // the `id` of the item to select it. When filtering is disabled, we are using the roving\n      // tabindex technique to manage the focus state of the dropdown. The current element will\n      // have tabindex=0 which means that it can be tabbed to, while all other items have\n      // tabindex=-1 so we can focus them when necessary.\n      tabIndex={filteringEnabled ? -1 : highlighted ? 0 : -1}\n      ref={triggerRef}\n      {...getMenuItemProps({ parent: true, expanded, disabled })}\n      {...(isDisabledWithReason ? targetProps : {})}\n      {...getAnalyticsMetadataAttribute(\n        disabled\n          ? {}\n          : ({\n              action: !expanded ? 'expand' : 'collapse',\n              detail: {\n                position: position || '0',\n                label: { root: 'self' },\n                id: item.id || '',\n              },\n            } as GeneratedAnalyticsMetadataButtonDropdownExpand | GeneratedAnalyticsMetadataButtonDropdownCollapse)\n      )}\n    >\n      {renderResult ? (\n        renderResult\n      ) : (\n        <>\n          {(item.iconName || item.iconUrl || item.iconSvg) && (\n            <span className={styles['icon-wrapper']}>\n              <InternalIcon name={item.iconName} url={item.iconUrl} svg={item.iconSvg} alt={item.iconAlt} />\n            </span>\n          )}\n          <span>{item.text}</span>\n          <span className={clsx(styles['expand-icon'], styles['expand-icon-right'])}>\n            <InternalIcon\n              name={isOneTheme ? 'angle-down' : 'caret-down-filled'}\n              size={isOneTheme ? 'x-small' : 'normal'}\n            />\n          </span>\n        </>\n      )}\n    </span>\n  );\n\n  let content: React.ReactNode;\n  // If the category element is disabled, we do not render a dropdown.\n  // Screenreaders are confused by additional sections\n  if (isDisabledWithReason) {\n    content = (\n      <Tooltip content={item.disabledReason}>\n        {trigger}\n        {descriptionEl}\n      </Tooltip>\n    );\n  } else if (disabled) {\n    content = trigger;\n  } else {\n    content = (\n      <Dropdown\n        open={expanded}\n        interior={true}\n        hideBlockBorder={false}\n        expandToViewport={expandToViewport}\n        trigger={trigger}\n        content={\n          item.items && expanded ? (\n            <ul\n              role=\"menu\"\n              aria-label={item.text}\n              className={clsx(styles['items-list-container'], styles['in-dropdown'])}\n            >\n              <ItemsList\n                items={item.items}\n                onItemActivate={onItemActivate}\n                onGroupToggle={onGroupToggle}\n                targetItem={targetItem}\n                isHighlighted={isHighlighted}\n                isKeyboardHighlight={isKeyboardHighlight}\n                isExpanded={isExpanded}\n                lastInDropdown={lastInDropdown}\n                highlightItem={highlightItem}\n                variant={variant}\n                position={position}\n                renderItem={renderItem}\n                parentProps={groupProps}\n                filteringText={filteringText}\n                filteringEnabled={filteringEnabled}\n                menuId={menuId}\n                filteringDescriptionId={filteringDescriptionId}\n              />\n            </ul>\n          ) : undefined\n        }\n      />\n    );\n  }\n\n  return (\n    <li\n      className={clsx(styles.category, styles[`variant-${variant}`], styles.expandable, {\n        [styles.expanded]: expanded,\n        [styles.disabled]: disabled,\n        [styles.highlighted]: highlighted,\n      })}\n      role=\"presentation\"\n      data-testid={item.id}\n      ref={ref}\n      onClick={onClick}\n      onMouseDown={onMouseDown}\n      onMouseEnter={onHover}\n      onTouchStart={onHover}\n    >\n      {content}\n    </li>\n  );\n};\n\nexport default ExpandableCategoryElement;\n"]}
+{"version":3,"file":"expandable-category-element.js","sourceRoot":"","sources":["../../../../src/button-dropdown/category-elements/expandable-category-element.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { isThemeActive, Theme } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport Dropdown from '../../dropdown/internal';\nimport InternalIcon from '../../icon/internal';\nimport useHiddenDescription from '../../internal/hooks/use-hidden-description';\nimport { useVisualRefresh } from '../../internal/hooks/use-visual-mode';\nimport {\n  GeneratedAnalyticsMetadataButtonDropdownCollapse,\n  GeneratedAnalyticsMetadataButtonDropdownExpand,\n} from '../analytics-metadata/interfaces.js';\nimport { ButtonDropdownProps } from '../interfaces';\nimport { CategoryProps } from '../internal-interfaces';\nimport ItemsList from '../items-list';\nimport Tooltip from '../tooltip.js';\nimport { getMenuItemProps } from '../utils/menu-item';\n\nimport styles from './styles.css.js';\n\nconst ExpandableCategoryElement = ({\n  index,\n  item,\n  onItemActivate,\n  onGroupToggle,\n  targetItem,\n  isHighlighted,\n  isKeyboardHighlight,\n  isExpanded,\n  lastInDropdown,\n  highlightItem,\n  disabled,\n  expandToViewport,\n  variant,\n  position,\n  renderItem,\n  filteringText,\n  filteringEnabled,\n  menuId,\n  filteringDescriptionId,\n}: CategoryProps) => {\n  const highlighted = isHighlighted(item);\n  const expanded = isExpanded(item);\n  const isKeyboardHighlighted = isKeyboardHighlight(item);\n  const triggerRef = React.useRef<HTMLSpanElement>(null);\n  const ref = useRef<HTMLLIElement>(null);\n\n  useEffect(() => {\n    if (triggerRef.current && highlighted && !expanded && !filteringEnabled) {\n      triggerRef.current.focus();\n    }\n  }, [expanded, highlighted, filteringEnabled]);\n\n  const onClick: React.MouseEventHandler = event => {\n    if (!disabled) {\n      event.preventDefault();\n      onGroupToggle(item, event);\n      if (!filteringEnabled) {\n        triggerRef.current?.focus();\n      }\n    }\n  };\n\n  const onMouseDown: React.MouseEventHandler = event => {\n    // Ensure that focus remains on the filtering input at all times.\n    if (filteringEnabled) {\n      event.preventDefault();\n    }\n  };\n\n  const onHover = () => {\n    highlightItem(item);\n  };\n\n  const isVisualRefresh = useVisualRefresh();\n  const isOneTheme = isThemeActive(Theme.OneTheme);\n\n  const isDisabledWithReason = !!item.disabledReason && item.disabled;\n  const { targetProps, descriptionEl } = useHiddenDescription(item.disabledReason);\n\n  const groupProps: ButtonDropdownProps.GroupRenderItem = {\n    index: index ?? 0,\n    type: 'group',\n    option: item as ButtonDropdownProps.ItemGroup,\n    disabled: !!disabled,\n    highlighted: !!highlighted,\n    expanded: expanded,\n    expandDirection: 'horizontal',\n  };\n  const renderResult = renderItem?.({ item: groupProps, filterText: filteringText }) ?? null;\n\n  const trigger = item.text && (\n    <span\n      id={menuId && item.id ? `${menuId}-${item.id}` : undefined}\n      className={clsx(styles.header, styles['expandable-header'], styles[`variant-${variant}`], {\n        [styles.disabled]: disabled,\n        [styles.highlighted]: highlighted,\n        [styles['no-content-styling']]: !!renderResult,\n        [styles['is-focused']]: isKeyboardHighlighted,\n        [styles['visual-refresh']]: isVisualRefresh,\n      })}\n      // When filtering is enabled, we use aria-activedescendant on the filter input and provide\n      // the `id` of the item to select it. When filtering is disabled, we are using the roving\n      // tabindex technique to manage the focus state of the dropdown. The current element will\n      // have tabindex=0 which means that it can be tabbed to, while all other items have\n      // tabindex=-1 so we can focus them when necessary.\n      tabIndex={filteringEnabled ? -1 : highlighted ? 0 : -1}\n      ref={triggerRef}\n      data-awsui-motion-trigger=\"hover\"\n      {...getMenuItemProps({ parent: true, expanded, disabled })}\n      {...(isDisabledWithReason ? targetProps : {})}\n      {...getAnalyticsMetadataAttribute(\n        disabled\n          ? {}\n          : ({\n              action: !expanded ? 'expand' : 'collapse',\n              detail: {\n                position: position || '0',\n                label: { root: 'self' },\n                id: item.id || '',\n              },\n            } as GeneratedAnalyticsMetadataButtonDropdownExpand | GeneratedAnalyticsMetadataButtonDropdownCollapse)\n      )}\n    >\n      {renderResult ? (\n        renderResult\n      ) : (\n        <>\n          {(item.iconName || item.iconUrl || item.iconSvg) && (\n            <span className={styles['icon-wrapper']}>\n              <InternalIcon name={item.iconName} url={item.iconUrl} svg={item.iconSvg} alt={item.iconAlt} />\n            </span>\n          )}\n          <span>{item.text}</span>\n          <span className={clsx(styles['expand-icon'], styles['expand-icon-right'])}>\n            <InternalIcon\n              name={isOneTheme ? 'angle-down' : 'caret-down-filled'}\n              size={isOneTheme ? 'x-small' : 'normal'}\n              nativeAttributes={{ 'data-awsui-motion-target': '' }}\n            />\n          </span>\n        </>\n      )}\n    </span>\n  );\n\n  let content: React.ReactNode;\n  // If the category element is disabled, we do not render a dropdown.\n  // Screenreaders are confused by additional sections\n  if (isDisabledWithReason) {\n    content = (\n      <Tooltip content={item.disabledReason}>\n        {trigger}\n        {descriptionEl}\n      </Tooltip>\n    );\n  } else if (disabled) {\n    content = trigger;\n  } else {\n    content = (\n      <Dropdown\n        open={expanded}\n        interior={true}\n        hideBlockBorder={false}\n        expandToViewport={expandToViewport}\n        trigger={trigger}\n        content={\n          item.items && expanded ? (\n            <ul\n              role=\"menu\"\n              aria-label={item.text}\n              className={clsx(styles['items-list-container'], styles['in-dropdown'])}\n            >\n              <ItemsList\n                items={item.items}\n                onItemActivate={onItemActivate}\n                onGroupToggle={onGroupToggle}\n                targetItem={targetItem}\n                isHighlighted={isHighlighted}\n                isKeyboardHighlight={isKeyboardHighlight}\n                isExpanded={isExpanded}\n                lastInDropdown={lastInDropdown}\n                highlightItem={highlightItem}\n                variant={variant}\n                position={position}\n                renderItem={renderItem}\n                parentProps={groupProps}\n                filteringText={filteringText}\n                filteringEnabled={filteringEnabled}\n                menuId={menuId}\n                filteringDescriptionId={filteringDescriptionId}\n              />\n            </ul>\n          ) : undefined\n        }\n      />\n    );\n  }\n\n  return (\n    <li\n      className={clsx(styles.category, styles[`variant-${variant}`], styles.expandable, {\n        [styles.expanded]: expanded,\n        [styles.disabled]: disabled,\n        [styles.highlighted]: highlighted,\n      })}\n      role=\"presentation\"\n      data-testid={item.id}\n      ref={ref}\n      onClick={onClick}\n      onMouseDown={onMouseDown}\n      onMouseEnter={onHover}\n      onTouchStart={onHover}\n    >\n      {content}\n    </li>\n  );\n};\n\nexport default ExpandableCategoryElement;\n"]}

package/button-dropdown/category-elements/styles.css.js

@@ -1,23 +1,23 @@
 
     import './styles.scoped.css';
     export default {
-  "header": "awsui_header_16mm3_1h68n_9",
-  "disabled": "awsui_disabled_16mm3_1h68n_25",
-  "no-content-styling": "awsui_no-content-styling_16mm3_1h68n_29",
-  "expandable-header": "awsui_expandable-header_16mm3_1h68n_35",
-  "rolled-down": "awsui_rolled-down_16mm3_1h68n_46",
-  "highlighted": "awsui_highlighted_16mm3_1h68n_49",
-  "is-focused": "awsui_is-focused_16mm3_1h68n_72",
-  "visual-refresh": "awsui_visual-refresh_16mm3_1h68n_75",
-  "category": "awsui_category_16mm3_1h68n_79",
-  "expandable": "awsui_expandable_16mm3_1h68n_35",
-  "variant-navigation": "awsui_variant-navigation_16mm3_1h68n_94",
-  "expand-icon": "awsui_expand-icon_16mm3_1h68n_101",
-  "expand-icon-up": "awsui_expand-icon-up_16mm3_1h68n_119",
-  "expand-icon-right": "awsui_expand-icon-right_16mm3_1h68n_122",
-  "items-list-container": "awsui_items-list-container_16mm3_1h68n_130",
-  "in-dropdown": "awsui_in-dropdown_16mm3_1h68n_139",
-  "icon-wrapper": "awsui_icon-wrapper_16mm3_1h68n_143",
-  "header-content": "awsui_header-content_16mm3_1h68n_147"
+  "header": "awsui_header_16mm3_12xd6_9",
+  "disabled": "awsui_disabled_16mm3_12xd6_25",
+  "no-content-styling": "awsui_no-content-styling_16mm3_12xd6_29",
+  "expandable-header": "awsui_expandable-header_16mm3_12xd6_35",
+  "rolled-down": "awsui_rolled-down_16mm3_12xd6_46",
+  "highlighted": "awsui_highlighted_16mm3_12xd6_49",
+  "is-focused": "awsui_is-focused_16mm3_12xd6_72",
+  "visual-refresh": "awsui_visual-refresh_16mm3_12xd6_75",
+  "category": "awsui_category_16mm3_12xd6_79",
+  "expandable": "awsui_expandable_16mm3_12xd6_35",
+  "variant-navigation": "awsui_variant-navigation_16mm3_12xd6_94",
+  "expand-icon": "awsui_expand-icon_16mm3_12xd6_101",
+  "expand-icon-up": "awsui_expand-icon-up_16mm3_12xd6_119",
+  "expand-icon-right": "awsui_expand-icon-right_16mm3_12xd6_122",
+  "items-list-container": "awsui_items-list-container_16mm3_12xd6_130",
+  "in-dropdown": "awsui_in-dropdown_16mm3_12xd6_139",
+  "icon-wrapper": "awsui_icon-wrapper_16mm3_12xd6_143",
+  "header-content": "awsui_header-content_16mm3_12xd6_147"
 };
   

package/button-dropdown/category-elements/styles.scoped.css

@@ -6,7 +6,7 @@
 /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_header_16mm3_1h68n_9:not(#\9) {
+.awsui_header_16mm3_12xd6_9:not(#\9) {
   position: relative;
   margin-block: 0;
   margin-inline: 0;
@@ -18,39 +18,39 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding-block: calc(var(--space-option-padding-vertical-d2srv9, 4px) + var(--border-item-width-pyfg4s, 2px) - var(--border-divider-list-width-2qbfmz, 1px));
-  padding-inline: calc(var(--space-button-horizontal-k0c786, 20px) + var(--border-item-width-pyfg4s, 2px));
+  padding-block: calc(var(--space-option-padding-vertical-hggcse, 4px) + var(--border-item-width-pyfg4s, 2px) - var(--border-divider-list-width-2qbfmz, 1px));
+  padding-inline: calc(var(--space-button-horizontal-ojp1rq, 20px) + var(--border-item-width-pyfg4s, 2px));
   z-index: 1;
 }
-.awsui_header_16mm3_1h68n_9.awsui_disabled_16mm3_1h68n_25:not(#\9) {
+.awsui_header_16mm3_12xd6_9.awsui_disabled_16mm3_12xd6_25:not(#\9) {
   color: var(--color-text-dropdown-item-disabled-pl4fy2, #b4b4bb);
   cursor: default;
 }
-.awsui_header_16mm3_1h68n_9.awsui_no-content-styling_16mm3_1h68n_29:not(#\9) {
+.awsui_header_16mm3_12xd6_9.awsui_no-content-styling_16mm3_12xd6_29:not(#\9) {
   padding-block: calc(var(--border-item-width-pyfg4s, 2px) - var(--border-divider-list-width-2qbfmz, 1px));
   padding-inline: var(--border-item-width-pyfg4s, 2px);
   font-weight: var(--font-weight-normal-fr92v6, 400);
   color: inherit;
 }
-.awsui_header_16mm3_1h68n_9.awsui_expandable-header_16mm3_1h68n_35:not(#\9) {
+.awsui_header_16mm3_12xd6_9.awsui_expandable-header_16mm3_12xd6_35:not(#\9) {
   border-block-start-color: var(--color-border-dropdown-group-0ocu9j, #c6c6cd);
   border-block-end-color: var(--color-border-dropdown-group-0ocu9j, #c6c6cd);
   cursor: pointer;
 }
-.awsui_header_16mm3_1h68n_9.awsui_expandable-header_16mm3_1h68n_35.awsui_disabled_16mm3_1h68n_25:not(#\9) {
+.awsui_header_16mm3_12xd6_9.awsui_expandable-header_16mm3_12xd6_35.awsui_disabled_16mm3_12xd6_25:not(#\9) {
   cursor: default;
 }
-.awsui_header_16mm3_1h68n_9.awsui_expandable-header_16mm3_1h68n_35:not(#\9):focus {
+.awsui_header_16mm3_12xd6_9.awsui_expandable-header_16mm3_12xd6_35:not(#\9):focus {
   outline: none;
 }
-.awsui_header_16mm3_1h68n_9.awsui_expandable-header_16mm3_1h68n_35.awsui_rolled-down_16mm3_1h68n_46:not(#\9) {
+.awsui_header_16mm3_12xd6_9.awsui_expandable-header_16mm3_12xd6_35.awsui_rolled-down_16mm3_12xd6_46:not(#\9) {
   border-block-end-color: transparent;
 }
-.awsui_header_16mm3_1h68n_9.awsui_expandable-header_16mm3_1h68n_35.awsui_highlighted_16mm3_1h68n_49:not(#\9) {
+.awsui_header_16mm3_12xd6_9.awsui_expandable-header_16mm3_12xd6_35.awsui_highlighted_16mm3_12xd6_49:not(#\9) {
   background-color: var(--color-background-dropdown-item-hover-wyujnt, #f3f3f7);
   color: var(--color-text-dropdown-item-highlighted-q6vxih, #0f141a);
-  padding-block: var(--space-option-padding-vertical-d2srv9, 4px);
-  padding-inline: var(--space-button-horizontal-k0c786, 20px);
+  padding-block: var(--space-option-padding-vertical-hggcse, 4px);
+  padding-inline: var(--space-button-horizontal-ojp1rq, 20px);
   border-block: var(--border-item-width-pyfg4s, 2px) solid var(--color-border-dropdown-item-hover-07ng6s, #8c8c94);
   border-inline: var(--border-item-width-pyfg4s, 2px) solid var(--color-border-dropdown-item-hover-07ng6s, #8c8c94);
   border-start-start-radius: var(--border-radius-item-mitz8h, 8px);
@@ -59,75 +59,75 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-item-mitz8h, 8px);
   z-index: 2;
 }
-.awsui_header_16mm3_1h68n_9.awsui_expandable-header_16mm3_1h68n_35.awsui_highlighted_16mm3_1h68n_49.awsui_no-content-styling_16mm3_1h68n_29:not(#\9) {
+.awsui_header_16mm3_12xd6_9.awsui_expandable-header_16mm3_12xd6_35.awsui_highlighted_16mm3_12xd6_49.awsui_no-content-styling_16mm3_12xd6_29:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   color: inherit;
 }
-.awsui_header_16mm3_1h68n_9.awsui_expandable-header_16mm3_1h68n_35.awsui_highlighted_16mm3_1h68n_49.awsui_disabled_16mm3_1h68n_25:not(#\9) {
+.awsui_header_16mm3_12xd6_9.awsui_expandable-header_16mm3_12xd6_35.awsui_highlighted_16mm3_12xd6_49.awsui_disabled_16mm3_12xd6_25:not(#\9) {
   background-color: var(--color-background-dropdown-item-dimmed-dhho03, transparent);
   border-color: var(--color-border-dropdown-item-dimmed-hover-ga9sch, #8c8c94);
   color: var(--color-text-dropdown-item-dimmed-iy2k20, #b4b4bb);
 }
-.awsui_header_16mm3_1h68n_9.awsui_expandable-header_16mm3_1h68n_35.awsui_highlighted_16mm3_1h68n_49.awsui_is-focused_16mm3_1h68n_72:not(#\9) {
+.awsui_header_16mm3_12xd6_9.awsui_expandable-header_16mm3_12xd6_35.awsui_highlighted_16mm3_12xd6_49.awsui_is-focused_16mm3_12xd6_72:not(#\9) {
   border-color: var(--color-border-dropdown-item-focused-k9miqq, #424650);
 }
-.awsui_header_16mm3_1h68n_9.awsui_expandable-header_16mm3_1h68n_35.awsui_highlighted_16mm3_1h68n_49.awsui_is-focused_16mm3_1h68n_72:not(#\9):not(.awsui_visual-refresh_16mm3_1h68n_75) {
+.awsui_header_16mm3_12xd6_9.awsui_expandable-header_16mm3_12xd6_35.awsui_highlighted_16mm3_12xd6_49.awsui_is-focused_16mm3_12xd6_72:not(#\9):not(.awsui_visual-refresh_16mm3_12xd6_75) {
   box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-iijyo6, 1px) var(--color-border-item-focused-ditkrb, #006ce0);
 }
 
-.awsui_category_16mm3_1h68n_79:not(#\9) {
+.awsui_category_16mm3_12xd6_79:not(#\9) {
   list-style: none;
   margin-block-start: calc(-1 * var(--border-divider-list-width-2qbfmz, 1px));
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_category_16mm3_1h68n_79:not(#\9):first-child {
+.awsui_category_16mm3_12xd6_79:not(#\9):first-child {
   margin-block-start: 0;
 }
-.awsui_category_16mm3_1h68n_79.awsui_expandable_16mm3_1h68n_35:not(#\9) {
+.awsui_category_16mm3_12xd6_79.awsui_expandable_16mm3_12xd6_35:not(#\9) {
   border-block-start: 0;
 }
-.awsui_category_16mm3_1h68n_79:not(#\9):last-child {
+.awsui_category_16mm3_12xd6_79:not(#\9):last-child {
   border-block-end: none;
 }
-.awsui_category_16mm3_1h68n_79.awsui_variant-navigation_16mm3_1h68n_94:not(#\9) {
-  padding-block-start: var(--space-xxs-hwfkai, 4px);
+.awsui_category_16mm3_12xd6_79.awsui_variant-navigation_16mm3_12xd6_94:not(#\9) {
+  padding-block-start: var(--space-xxs-3o1yoq, 4px);
 }
-.awsui_category_16mm3_1h68n_79.awsui_variant-navigation_16mm3_1h68n_94.awsui_expandable_16mm3_1h68n_35:not(#\9) {
+.awsui_category_16mm3_12xd6_79.awsui_variant-navigation_16mm3_12xd6_94.awsui_expandable_16mm3_12xd6_35:not(#\9) {
   padding-block-start: 0;
 }
 
-.awsui_expand-icon_16mm3_1h68n_101:not(#\9) {
+.awsui_expand-icon_16mm3_12xd6_101:not(#\9) {
   position: relative;
-  inset-inline-end: calc(-1 * var(--space-s-tvghoh, 12px));
-  inline-size: var(--space-m-dsumyt, 16px);
+  inset-inline-end: calc(-1 * var(--space-s-kll7oj, 12px));
+  inline-size: var(--space-m-n8iq8o, 16px);
   display: inline-block;
   margin-inline-start: auto;
-  transition: transform var(--motion-duration-rotate-180-cxi9g7, 135ms) var(--motion-easing-rotate-180-7a58rc, cubic-bezier(0.165, 0.84, 0.44, 1));
+  transition: transform var(--motion-duration-rotate-180-69rh8b, 135ms) var(--motion-easing-rotate-180-nmpsiw, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_expand-icon_16mm3_1h68n_101:not(#\9) {
+  .awsui_expand-icon_16mm3_12xd6_101:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_expand-icon_16mm3_1h68n_101:not(#\9), .awsui-mode-entering .awsui_expand-icon_16mm3_1h68n_101:not(#\9) {
+.awsui-motion-disabled .awsui_expand-icon_16mm3_12xd6_101:not(#\9), .awsui-mode-entering .awsui_expand-icon_16mm3_12xd6_101:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_expand-icon-up_16mm3_1h68n_119:not(#\9) {
+.awsui_expand-icon-up_16mm3_12xd6_119:not(#\9) {
   transform: rotate(-180deg);
 }
-.awsui_expand-icon-right_16mm3_1h68n_122:not(#\9) {
+.awsui_expand-icon-right_16mm3_12xd6_122:not(#\9) {
   transform: rotate(-90deg);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_expand-icon-right_16mm3_1h68n_122:not(#\9):dir(rtl) {
+.awsui_expand-icon-right_16mm3_12xd6_122:not(#\9):dir(rtl) {
   transform: rotate(90deg);
 }
 
-.awsui_items-list-container_16mm3_1h68n_130:not(#\9) {
+.awsui_items-list-container_16mm3_12xd6_130:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   margin-block-start: -1px;
@@ -136,15 +136,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow-y: auto;
 }
 
-.awsui_in-dropdown_16mm3_1h68n_139:not(#\9) {
+.awsui_in-dropdown_16mm3_12xd6_139:not(#\9) {
   margin-block-end: -1px;
 }
 
-.awsui_icon-wrapper_16mm3_1h68n_143:not(#\9) {
-  margin-inline-end: var(--space-xxs-hwfkai, 4px);
+.awsui_icon-wrapper_16mm3_12xd6_143:not(#\9) {
+  margin-inline-end: var(--space-xxs-3o1yoq, 4px);
 }
 
-.awsui_header-content_16mm3_1h68n_147:not(#\9) {
+.awsui_header-content_16mm3_12xd6_147:not(#\9) {
   display: flex;
   align-items: center;
 }

package/button-dropdown/category-elements/styles.selectors.js

@@ -2,23 +2,23 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "header": "awsui_header_16mm3_1h68n_9",
-  "disabled": "awsui_disabled_16mm3_1h68n_25",
-  "no-content-styling": "awsui_no-content-styling_16mm3_1h68n_29",
-  "expandable-header": "awsui_expandable-header_16mm3_1h68n_35",
-  "rolled-down": "awsui_rolled-down_16mm3_1h68n_46",
-  "highlighted": "awsui_highlighted_16mm3_1h68n_49",
-  "is-focused": "awsui_is-focused_16mm3_1h68n_72",
-  "visual-refresh": "awsui_visual-refresh_16mm3_1h68n_75",
-  "category": "awsui_category_16mm3_1h68n_79",
-  "expandable": "awsui_expandable_16mm3_1h68n_35",
-  "variant-navigation": "awsui_variant-navigation_16mm3_1h68n_94",
-  "expand-icon": "awsui_expand-icon_16mm3_1h68n_101",
-  "expand-icon-up": "awsui_expand-icon-up_16mm3_1h68n_119",
-  "expand-icon-right": "awsui_expand-icon-right_16mm3_1h68n_122",
-  "items-list-container": "awsui_items-list-container_16mm3_1h68n_130",
-  "in-dropdown": "awsui_in-dropdown_16mm3_1h68n_139",
-  "icon-wrapper": "awsui_icon-wrapper_16mm3_1h68n_143",
-  "header-content": "awsui_header-content_16mm3_1h68n_147"
+  "header": "awsui_header_16mm3_12xd6_9",
+  "disabled": "awsui_disabled_16mm3_12xd6_25",
+  "no-content-styling": "awsui_no-content-styling_16mm3_12xd6_29",
+  "expandable-header": "awsui_expandable-header_16mm3_12xd6_35",
+  "rolled-down": "awsui_rolled-down_16mm3_12xd6_46",
+  "highlighted": "awsui_highlighted_16mm3_12xd6_49",
+  "is-focused": "awsui_is-focused_16mm3_12xd6_72",
+  "visual-refresh": "awsui_visual-refresh_16mm3_12xd6_75",
+  "category": "awsui_category_16mm3_12xd6_79",
+  "expandable": "awsui_expandable_16mm3_12xd6_35",
+  "variant-navigation": "awsui_variant-navigation_16mm3_12xd6_94",
+  "expand-icon": "awsui_expand-icon_16mm3_12xd6_101",
+  "expand-icon-up": "awsui_expand-icon-up_16mm3_12xd6_119",
+  "expand-icon-right": "awsui_expand-icon-right_16mm3_12xd6_122",
+  "items-list-container": "awsui_items-list-container_16mm3_12xd6_130",
+  "in-dropdown": "awsui_in-dropdown_16mm3_12xd6_139",
+  "icon-wrapper": "awsui_icon-wrapper_16mm3_12xd6_143",
+  "header-content": "awsui_header-content_16mm3_12xd6_147"
 };
   

package/button-dropdown/filter.d.ts

@@ -3,5 +3,5 @@ import { InternalInputProps } from '../input/internal';
 export interface ButtonDropdownFilterProps extends Omit<InternalInputProps, 'type'> {
   ref?: React.Ref<HTMLInputElement>;
 }
-declare const ButtonDropdownFilter: React.ForwardRefExoticComponent<Pick<ButtonDropdownFilterProps, "style" | "disabled" | "className" | "id" | "name" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onKeyUp" | "placeholder" | "prefix" | "inputMode" | "autoFocus" | "value" | "autoComplete" | "readOnly" | "step" | "invalid" | "ariaLabel" | "ariaDescribedby" | "__internalRootRef" | "warning" | "ariaLabelledby" | "__injectAnalyticsComponentMetadata" | "__skipNativeAttributesWarnings" | "ariaRequired" | "controlId" | "suffix" | "nativeInputAttributes" | "disableBrowserAutocorrect" | "spellcheck" | "clearAriaLabel" | "__startIcon" | "__startIconVariant" | "__onStartIconClick" | "__endIcon" | "__onEndIconClick" | "__noBorderRadius" | "__onDelayedInput" | "__onBlurWithDetail" | "__inheritFormFieldProps" | "__inlineLabelText" | "__fullWidth"> & React.RefAttributes<HTMLInputElement>>;
+declare const ButtonDropdownFilter: React.ForwardRefExoticComponent<Pick<ButtonDropdownFilterProps, "style" | "disabled" | "className" | "id" | "name" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onKeyUp" | "placeholder" | "prefix" | "inputMode" | "autoFocus" | "value" | "autoComplete" | "readOnly" | "step" | "invalid" | "ariaLabel" | "ariaDescribedby" | "__internalRootRef" | "warning" | "ariaLabelledby" | "__injectAnalyticsComponentMetadata" | "__skipNativeAttributesWarnings" | "ariaRequired" | "controlId" | "inlineLabelText" | "suffix" | "nativeInputAttributes" | "disableBrowserAutocorrect" | "spellcheck" | "clearAriaLabel" | "__startIcon" | "__startIconVariant" | "__onStartIconClick" | "__endIcon" | "__onEndIconClick" | "__noBorderRadius" | "__onDelayedInput" | "__onBlurWithDetail" | "__inheritFormFieldProps" | "__fullWidth"> & React.RefAttributes<HTMLInputElement>>;
 export default ButtonDropdownFilter;

package/button-dropdown/filter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../src/button-dropdown/filter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAsB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAItE,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC;IACjF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CACnC;AAED,QAAA,MAAM,oBAAoB,y1BAuBxB,CAAC;AAEH,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../src/button-dropdown/filter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAsB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAItE,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC;IACjF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;CACnC;AAED,QAAA,MAAM,oBAAoB,u1BAuBxB,CAAC;AAEH,eAAe,oBAAoB,CAAC"}

package/button-dropdown/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/button-dropdown/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0D,MAAM,OAAO,CAAC;AA2B/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,2BAA2B,EAAgB,MAAM,uBAAuB,CAAC;AASlF,QAAA,MAAM,sBAAsB,6GAif3B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/button-dropdown/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0D,MAAM,OAAO,CAAC;AA2B/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,2BAA2B,EAAgB,MAAM,uBAAuB,CAAC;AASlF,QAAA,MAAM,sBAAsB,6GAggB3B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/button-dropdown/internal.js

@@ -57,6 +57,8 @@ const InternalButtonDropdown = React.forwardRef(({ items, variant = 'normal', lo
         onItemFollow,
         // Scroll is unnecessary when moving focus back to the dropdown trigger.
         onReturnFocus: () => { var _a; return (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus({ preventScroll: true }); },
+        // Whether the given element is (or is inside) the dropdown trigger.
+        isTriggerElement: element => { var _a; return !!((_a = triggerWrapperRef.current) === null || _a === void 0 ? void 0 : _a.contains(element)); },
         expandToViewport,
         hasExpandableGroups: expandableGroups,
         isInRestrictedView,
@@ -76,6 +78,10 @@ const InternalButtonDropdown = React.forwardRef(({ items, variant = 'normal', lo
     const baseProps = getBaseProps(props);
     const mainActionRef = useRef(null);
     const triggerRef = useRef(null);
+    // Wraps the dropdown trigger button (all trigger variants). InternalButton exposes an
+    // imperative handle rather than a DOM node, so trigger containment is tested against this
+    // wrapper element instead of triggerRef.
+    const triggerWrapperRef = useRef(null);
     useImperativeHandle(ref, () => ({
         focus(...args) {
             var _a;
@@ -154,7 +160,7 @@ const InternalButtonDropdown = React.forwardRef(({ items, variant = 'normal', lo
             },
         };
     if (customTriggerBuilder) {
-        trigger = (React.createElement("div", { className: styles['dropdown-trigger'], ...getAnalyticsMetadataAttribute(analyticsMetadata) }, customTriggerBuilder({
+        trigger = (React.createElement("div", { ref: triggerWrapperRef, className: styles['dropdown-trigger'], ...getAnalyticsMetadataAttribute(analyticsMetadata) }, customTriggerBuilder({
             testUtilsClass: styles['test-utils-button-trigger'],
             ariaExpanded: canBeOpened && isOpen,
             onClick: clickHandler,
@@ -186,13 +192,13 @@ const InternalButtonDropdown = React.forwardRef(({ items, variant = 'normal', lo
                         label: `.${analyticsSelectors['main-action-label']}`,
                     },
                 }) }, mainActionButton),
-            !showMainActionOnly && (React.createElement("div", { className: clsx(styles['trigger-item'], styles['dropdown-trigger'], isVisualRefresh && styles['visual-refresh'], !!children && styles['has-trigger-text'], styles[`variant-${variant}`], baseTriggerProps.loading && styles.loading), ...getAnalyticsMetadataAttribute(analyticsMetadata) },
+            !showMainActionOnly && (React.createElement("div", { ref: triggerWrapperRef, className: clsx(styles['trigger-item'], styles['dropdown-trigger'], isVisualRefresh && styles['visual-refresh'], !!children && styles['has-trigger-text'], styles[`variant-${variant}`], baseTriggerProps.loading && styles.loading), ...getAnalyticsMetadataAttribute(analyticsMetadata) },
                 React.createElement(InternalButton, { ref: triggerRef, ...baseTriggerProps, className: clsx(baseTriggerProps.className, {
                         [styles['main-action-trigger-full-width']]: canBeFullWidth,
                     }), __emitPerformanceMarks: false }, children)))));
     }
     else {
-        trigger = (React.createElement("div", { className: styles['dropdown-trigger'], ...getAnalyticsMetadataAttribute(analyticsMetadata) },
+        trigger = (React.createElement("div", { ref: triggerWrapperRef, className: styles['dropdown-trigger'], ...getAnalyticsMetadataAttribute(analyticsMetadata) },
             React.createElement(InternalButton, { ref: triggerRef, id: triggerId, ...baseTriggerProps, className: clsx(baseTriggerProps.className, {
                     [styles['full-width']]: canBeFullWidth,
                     [styles.loading]: canBeFullWidth && !!loading,