@cloudscape-design/components 3.0.875 → 3.0.876

package/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (76a85a0a)";
+export var PACKAGE_VERSION = "3.0.0 (e1c488b0)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (76a85a0a)",
+  "PACKAGE_VERSION": "3.0.0 (e1c488b0)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "76a85a0a9bab7d01dd78abc1ce8fd64a4af5f2d8"
+  "commit": "e1c488b01396999a4609573bece9dcf830311632"
 }

package/package.json

@@ -132,7 +132,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.875",
+  "version": "3.0.876",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"

package/popover/interfaces.d.ts

@@ -18,7 +18,8 @@ export interface PopoverProps extends BaseComponentProps {
     fixedWidth?: boolean;
     /**
      * Specifies the type of content inside the trigger region. The following types are available:
-     * - `text` - Use for inline text triggers.
+     * - `text` - Use for triggers containing inline components, like status indicator.
+     * - `text-inline` - Use for triggers containing plain text only.
      * - `custom` - Use for the [button](/components/button/) component.
      */
     triggerType?: PopoverProps.TriggerType;
@@ -85,7 +86,7 @@ export type Rect = BoundingBox & {
 export declare namespace PopoverProps {
     type Position = 'top' | 'right' | 'bottom' | 'left';
     type Size = 'small' | 'medium' | 'large';
-    type TriggerType = 'text' | 'custom';
+    type TriggerType = 'text' | 'text-inline' | 'custom';
     interface Ref {
         /**
          * Sets focus on the popover's trigger.

package/popover/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/popover/interfaces.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,YAAa,SAAQ,kBAAkB;IACtD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC;IAEjC;;OAEG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC;IAEvC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;;;;;OAQG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,MAAM,gBAAgB,GACxB,WAAW,GACX,cAAc,GACd,UAAU,GACV,aAAa,GACb,YAAY,GACZ,WAAW,GACX,UAAU,GACV,eAAe,GACf,cAAc,GACd,aAAa,CAAC;AAElB,MAAM,WAAW,MAAM;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,UAAU;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;AAE9C,MAAM,MAAM,IAAI,GAAG,WAAW,GAAG;IAC/B,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,yBAAiB,YAAY,CAAC;IAC5B,KAAY,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3D,KAAY,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAChD,KAAY,WAAW,GAAG,MAAM,GAAG,QAAQ,CAAC;IAE5C,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;CACF"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/popover/interfaces.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,YAAa,SAAQ,kBAAkB;IACtD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC;IAEjC;;OAEG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC;IAEvC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;;;;;OAQG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,MAAM,gBAAgB,GACxB,WAAW,GACX,cAAc,GACd,UAAU,GACV,aAAa,GACb,YAAY,GACZ,WAAW,GACX,UAAU,GACV,eAAe,GACf,cAAc,GACd,aAAa,CAAC;AAElB,MAAM,WAAW,MAAM;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,UAAU;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;AAE9C,MAAM,MAAM,IAAI,GAAG,WAAW,GAAG;IAC/B,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,yBAAiB,YAAY,CAAC;IAC5B,KAAY,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3D,KAAY,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAChD,KAAY,WAAW,GAAG,MAAM,GAAG,aAAa,GAAG,QAAQ,CAAC;IAE5D,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;CACF"}

package/popover/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/popover/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface PopoverProps extends BaseComponentProps {\n  /**\n   * Determines where the popover is displayed when opened, relative to the trigger.\n   * If the popover doesn't have enough space to open in this direction, it\n   * automatically chooses a better direction based on available space.\n   */\n  position?: PopoverProps.Position;\n\n  /**\n   * Determines the maximum width for the popover.\n   */\n  size?: PopoverProps.Size;\n\n  /**\n   * Expands the popover body to its maximum width regardless of content.\n   * For example, use it when you need to place a column layout in the popover content.\n   */\n  fixedWidth?: boolean;\n\n  /**\n   * Specifies the type of content inside the trigger region. The following types are available:\n   * - `text` - Use for inline text triggers.\n   * - `custom` - Use for the [button](/components/button/) component.\n   */\n  triggerType?: PopoverProps.TriggerType;\n\n  /**\n   * Adds `aria-label` to the text trigger button. Use this to provide an accessible name for triggers\n   * that don't have visible text, and to distinguish between multiple triggers with identical visible text.\n   */\n  triggerAriaLabel?: string;\n\n  /**\n   * Specifies if the text trigger content should wrap. If you set it to false, it prevents the text from\n   * wrapping and truncates it with an ellipsis.\n   */\n  wrapTriggerText?: boolean;\n\n  /**\n   * Element that triggers the popover when selected by the user.\n   * @displayname trigger\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Specifies optional header text for the popover.\n   */\n  header?: string;\n\n  /**\n   * Content of the popover.\n   */\n  content?: React.ReactNode;\n\n  /**\n   * Determines whether the dismiss button is shown in the popover body.\n   */\n  dismissButton?: boolean;\n\n  /**\n   * Adds an `aria-label` to the dismiss button for accessibility.\n   * @i18n\n   */\n  dismissAriaLabel?: string;\n\n  /**\n   * By default, the popover is constrained to fit inside its parent\n   * [stacking context](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context).\n   * Enabling this property will allow the popover to be rendered in the root stack context using\n   * [React Portals](https://reactjs.org/docs/portals.html).\n   * Enable this setting if you need the popover to ignore its parent stacking context, such as in side navigation.\n   *\n   * Note: Using popover rendered with portal within a Modal is not supported.\n   */\n  renderWithPortal?: boolean;\n}\n\n/**\n * The position the popover is actually in, given space constraints.\n */\nexport type InternalPosition =\n  | 'right-top'\n  | 'right-bottom'\n  | 'left-top'\n  | 'left-bottom'\n  | 'top-center'\n  | 'top-right'\n  | 'top-left'\n  | 'bottom-center'\n  | 'bottom-right'\n  | 'bottom-left';\n\nexport interface Offset {\n  insetInlineStart: number;\n  insetBlockStart: number;\n}\n\nexport interface Dimensions {\n  inlineSize: number;\n  blockSize: number;\n}\n\nexport type BoundingBox = Dimensions & Offset;\n\nexport type Rect = BoundingBox & {\n  insetBlockEnd: number;\n  insetInlineEnd: number;\n};\n\nexport namespace PopoverProps {\n  export type Position = 'top' | 'right' | 'bottom' | 'left';\n  export type Size = 'small' | 'medium' | 'large';\n  export type TriggerType = 'text' | 'custom';\n\n  export interface Ref {\n    /**\n     * Sets focus on the popover's trigger.\n     */\n    focus(): void;\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/popover/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface PopoverProps extends BaseComponentProps {\n  /**\n   * Determines where the popover is displayed when opened, relative to the trigger.\n   * If the popover doesn't have enough space to open in this direction, it\n   * automatically chooses a better direction based on available space.\n   */\n  position?: PopoverProps.Position;\n\n  /**\n   * Determines the maximum width for the popover.\n   */\n  size?: PopoverProps.Size;\n\n  /**\n   * Expands the popover body to its maximum width regardless of content.\n   * For example, use it when you need to place a column layout in the popover content.\n   */\n  fixedWidth?: boolean;\n\n  /**\n   * Specifies the type of content inside the trigger region. The following types are available:\n   * - `text` - Use for triggers containing inline components, like status indicator.\n   * - `text-inline` - Use for triggers containing plain text only.\n   * - `custom` - Use for the [button](/components/button/) component.\n   */\n  triggerType?: PopoverProps.TriggerType;\n\n  /**\n   * Adds `aria-label` to the text trigger button. Use this to provide an accessible name for triggers\n   * that don't have visible text, and to distinguish between multiple triggers with identical visible text.\n   */\n  triggerAriaLabel?: string;\n\n  /**\n   * Specifies if the text trigger content should wrap. If you set it to false, it prevents the text from\n   * wrapping and truncates it with an ellipsis.\n   */\n  wrapTriggerText?: boolean;\n\n  /**\n   * Element that triggers the popover when selected by the user.\n   * @displayname trigger\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Specifies optional header text for the popover.\n   */\n  header?: string;\n\n  /**\n   * Content of the popover.\n   */\n  content?: React.ReactNode;\n\n  /**\n   * Determines whether the dismiss button is shown in the popover body.\n   */\n  dismissButton?: boolean;\n\n  /**\n   * Adds an `aria-label` to the dismiss button for accessibility.\n   * @i18n\n   */\n  dismissAriaLabel?: string;\n\n  /**\n   * By default, the popover is constrained to fit inside its parent\n   * [stacking context](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context).\n   * Enabling this property will allow the popover to be rendered in the root stack context using\n   * [React Portals](https://reactjs.org/docs/portals.html).\n   * Enable this setting if you need the popover to ignore its parent stacking context, such as in side navigation.\n   *\n   * Note: Using popover rendered with portal within a Modal is not supported.\n   */\n  renderWithPortal?: boolean;\n}\n\n/**\n * The position the popover is actually in, given space constraints.\n */\nexport type InternalPosition =\n  | 'right-top'\n  | 'right-bottom'\n  | 'left-top'\n  | 'left-bottom'\n  | 'top-center'\n  | 'top-right'\n  | 'top-left'\n  | 'bottom-center'\n  | 'bottom-right'\n  | 'bottom-left';\n\nexport interface Offset {\n  insetInlineStart: number;\n  insetBlockStart: number;\n}\n\nexport interface Dimensions {\n  inlineSize: number;\n  blockSize: number;\n}\n\nexport type BoundingBox = Dimensions & Offset;\n\nexport type Rect = BoundingBox & {\n  insetBlockEnd: number;\n  insetInlineEnd: number;\n};\n\nexport namespace PopoverProps {\n  export type Position = 'top' | 'right' | 'bottom' | 'left';\n  export type Size = 'small' | 'medium' | 'large';\n  export type TriggerType = 'text' | 'text-inline' | 'custom';\n\n  export interface Ref {\n    /**\n     * Sets focus on the popover's trigger.\n     */\n    focus(): void;\n  }\n}\n"]}

package/popover/internal.js

@@ -31,7 +31,7 @@ function InternalPopover(_a, ref) {
     const [visible, setVisible] = useState(false);
     const focusTrigger = useCallback(() => {
         var _a, _b;
-        if (triggerType === 'text') {
+        if (['text', 'text-inline'].includes(triggerType)) {
             (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         }
         else {
@@ -101,7 +101,7 @@ function InternalPopover(_a, ref) {
                 clickFrameId.current = null;
             });
         } }),
-        triggerType === 'text' ? (React.createElement("button", Object.assign({}, triggerProps, { className: clsx(triggerProps.className, wrapTriggerText === false && styles['overflow-ellipsis']), tabIndex: triggerTabIndex, type: "button", "aria-haspopup": "dialog", id: referrerId, "aria-label": triggerAriaLabel }), children)) : (React.createElement("span", Object.assign({}, triggerProps, { id: referrerId }), children)),
+        ['text', 'text-inline'].includes(triggerType) ? (React.createElement("button", Object.assign({}, triggerProps, { className: clsx(triggerProps.className, wrapTriggerText === false && styles['overflow-ellipsis']), tabIndex: triggerTabIndex, type: "button", "aria-haspopup": "dialog", id: referrerId, "aria-label": triggerAriaLabel }), children)) : (React.createElement("span", Object.assign({}, triggerProps, { id: referrerId }), children)),
         visible && (React.createElement(ResetContextsForModal, null, renderWithPortal ? React.createElement(Portal, null, popoverContent) : popoverContent))));
 }
 //# sourceMappingURL=internal.js.map

package/popover/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/popover/internal.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, { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport { getFirstFocusable } from '../internal/components/focus-lock/utils';\nimport Portal from '../internal/components/portal';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\nimport ResetContextsForModal from '../internal/context/reset-contexts-for-modal';\nimport { useSingleTabStopNavigation } from '../internal/context/single-tab-stop-navigation-context';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events/index';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { usePortalModeClasses } from '../internal/hooks/use-portal-mode-classes';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { KeyCode } from '../internal/keycode';\nimport Arrow from './arrow';\nimport PopoverBody from './body';\nimport PopoverContainer from './container';\nimport { PopoverProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport interface InternalPopoverProps extends Omit<PopoverProps, 'triggerType' | 'size'>, InternalBaseComponentProps {\n  __onOpen?: NonCancelableEventHandler<null>;\n  triggerType?: PopoverProps.TriggerType | 'filtering-token';\n  size: PopoverProps.Size | 'content';\n  __closeAnalyticsAction?: string;\n  isInline?: boolean;\n}\n\nexport interface InternalPopoverRef {\n  dismissPopover: () => void;\n  focus: HTMLElement['focus'];\n}\n\nexport default React.forwardRef(InternalPopover);\n\nfunction InternalPopover(\n  {\n    position = 'right',\n    size = 'medium',\n    fixedWidth = false,\n    triggerType = 'text',\n    dismissButton = true,\n\n    children,\n    header,\n    content,\n    triggerAriaLabel,\n\n    wrapTriggerText = true,\n    isInline = false,\n    renderWithPortal = false,\n\n    __onOpen,\n    __internalRootRef = null,\n    __closeAnalyticsAction,\n\n    ...restProps\n  }: InternalPopoverProps,\n  ref: React.Ref<InternalPopoverRef>\n) {\n  const baseProps = getBaseProps(restProps);\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const popoverRef = useRef<HTMLDivElement | null>(null);\n  const clickFrameId = useRef<number | null>(null);\n\n  const i18n = useInternalI18n('popover');\n  const dismissAriaLabel = i18n('dismissAriaLabel', restProps.dismissAriaLabel);\n\n  const [visible, setVisible] = useState(false);\n\n  const focusTrigger = useCallback(() => {\n    if (triggerType === 'text') {\n      triggerRef.current?.focus();\n    } else {\n      triggerRef.current && getFirstFocusable(triggerRef.current)?.focus();\n    }\n  }, [triggerType]);\n\n  const onTriggerClick = useCallback(() => {\n    fireNonCancelableEvent(__onOpen);\n    setVisible(true);\n  }, [__onOpen]);\n\n  const onDismiss = useCallback(() => {\n    setVisible(false);\n    focusTrigger();\n  }, [focusTrigger]);\n\n  const onTriggerKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      const isEscapeKey = event.keyCode === KeyCode.escape;\n      const isTabKey = event.keyCode === KeyCode.tab;\n      if (isEscapeKey && visible) {\n        event.stopPropagation();\n      }\n      if (isTabKey || isEscapeKey) {\n        setVisible(false);\n      }\n    },\n    [visible]\n  );\n\n  useImperativeHandle(ref, () => ({\n    dismissPopover: onDismiss,\n    focus: () => {\n      setVisible(false);\n      focusTrigger();\n    },\n  }));\n\n  useEffect(() => {\n    if (!triggerRef.current) {\n      return;\n    }\n    const document = triggerRef.current.ownerDocument;\n\n    const onDocumentClick = () => {\n      // Dismiss popover unless there was a click inside within the last animation frame.\n      if (clickFrameId.current === null) {\n        setVisible(false);\n      }\n    };\n\n    document.addEventListener('mousedown', onDocumentClick);\n\n    return () => {\n      document.removeEventListener('mousedown', onDocumentClick);\n    };\n  }, []);\n\n  const popoverClasses = usePortalModeClasses(triggerRef);\n\n  const triggerProps = {\n    // https://github.com/microsoft/TypeScript/issues/36659\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    ref: triggerRef as any,\n    onClick: onTriggerClick,\n    onKeyDown: onTriggerKeyDown,\n    className: clsx(styles.trigger, styles[`trigger-type-${triggerType}`]),\n  };\n  const { tabIndex: triggerTabIndex } = useSingleTabStopNavigation(triggerRef);\n\n  const referrerId = useUniqueId();\n\n  const popoverContent = (\n    <div\n      aria-live={dismissButton ? undefined : 'polite'}\n      aria-atomic={dismissButton ? undefined : true}\n      className={clsx(popoverClasses, !renderWithPortal && styles['popover-inline-content'])}\n      data-awsui-referrer-id={referrerId}\n    >\n      <PopoverContainer\n        size={size}\n        fixedWidth={fixedWidth}\n        position={position}\n        trackRef={triggerRef}\n        arrow={position => <Arrow position={position} />}\n        renderWithPortal={renderWithPortal}\n        zIndex={renderWithPortal ? 7000 : undefined}\n      >\n        <LinkDefaultVariantContext.Provider value={{ defaultVariant: 'primary' }}>\n          <PopoverBody\n            dismissButton={dismissButton}\n            dismissAriaLabel={dismissAriaLabel}\n            header={header}\n            onDismiss={onDismiss}\n            overflowVisible=\"both\"\n            closeAnalyticsAction={__closeAnalyticsAction}\n          >\n            {content}\n          </PopoverBody>\n        </LinkDefaultVariantContext.Provider>\n      </PopoverContainer>\n    </div>\n  );\n\n  const mergedRef = useMergeRefs(popoverRef, __internalRootRef);\n\n  return (\n    <span\n      {...baseProps}\n      className={clsx(\n        styles.root,\n        baseProps.className,\n        triggerType === 'filtering-token' && styles['root-filtering-token'],\n        isInline && styles['no-wrap']\n      )}\n      ref={mergedRef}\n      onMouseDown={() => {\n        // Indicate there was a click inside popover recently, including nested portals.\n        clickFrameId.current = requestAnimationFrame(() => {\n          clickFrameId.current = null;\n        });\n      }}\n    >\n      {triggerType === 'text' ? (\n        <button\n          {...triggerProps}\n          className={clsx(triggerProps.className, wrapTriggerText === false && styles['overflow-ellipsis'])}\n          tabIndex={triggerTabIndex}\n          type=\"button\"\n          aria-haspopup=\"dialog\"\n          id={referrerId}\n          aria-label={triggerAriaLabel}\n        >\n          {children}\n        </button>\n      ) : (\n        <span {...triggerProps} id={referrerId}>\n          {children}\n        </span>\n      )}\n      {visible && (\n        <ResetContextsForModal>\n          {renderWithPortal ? <Portal>{popoverContent}</Portal> : popoverContent}\n        </ResetContextsForModal>\n      )}\n    </span>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/popover/internal.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, { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport { getFirstFocusable } from '../internal/components/focus-lock/utils';\nimport Portal from '../internal/components/portal';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\nimport ResetContextsForModal from '../internal/context/reset-contexts-for-modal';\nimport { useSingleTabStopNavigation } from '../internal/context/single-tab-stop-navigation-context';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events/index';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { usePortalModeClasses } from '../internal/hooks/use-portal-mode-classes';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { KeyCode } from '../internal/keycode';\nimport Arrow from './arrow';\nimport PopoverBody from './body';\nimport PopoverContainer from './container';\nimport { PopoverProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport interface InternalPopoverProps extends Omit<PopoverProps, 'triggerType' | 'size'>, InternalBaseComponentProps {\n  __onOpen?: NonCancelableEventHandler<null>;\n  triggerType?: PopoverProps.TriggerType | 'filtering-token';\n  size: PopoverProps.Size | 'content';\n  __closeAnalyticsAction?: string;\n  isInline?: boolean;\n}\n\nexport interface InternalPopoverRef {\n  dismissPopover: () => void;\n  focus: HTMLElement['focus'];\n}\n\nexport default React.forwardRef(InternalPopover);\n\nfunction InternalPopover(\n  {\n    position = 'right',\n    size = 'medium',\n    fixedWidth = false,\n    triggerType = 'text',\n    dismissButton = true,\n\n    children,\n    header,\n    content,\n    triggerAriaLabel,\n\n    wrapTriggerText = true,\n    isInline = false,\n    renderWithPortal = false,\n\n    __onOpen,\n    __internalRootRef = null,\n    __closeAnalyticsAction,\n\n    ...restProps\n  }: InternalPopoverProps,\n  ref: React.Ref<InternalPopoverRef>\n) {\n  const baseProps = getBaseProps(restProps);\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const popoverRef = useRef<HTMLDivElement | null>(null);\n  const clickFrameId = useRef<number | null>(null);\n\n  const i18n = useInternalI18n('popover');\n  const dismissAriaLabel = i18n('dismissAriaLabel', restProps.dismissAriaLabel);\n\n  const [visible, setVisible] = useState(false);\n\n  const focusTrigger = useCallback(() => {\n    if (['text', 'text-inline'].includes(triggerType)) {\n      triggerRef.current?.focus();\n    } else {\n      triggerRef.current && getFirstFocusable(triggerRef.current)?.focus();\n    }\n  }, [triggerType]);\n\n  const onTriggerClick = useCallback(() => {\n    fireNonCancelableEvent(__onOpen);\n    setVisible(true);\n  }, [__onOpen]);\n\n  const onDismiss = useCallback(() => {\n    setVisible(false);\n    focusTrigger();\n  }, [focusTrigger]);\n\n  const onTriggerKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      const isEscapeKey = event.keyCode === KeyCode.escape;\n      const isTabKey = event.keyCode === KeyCode.tab;\n      if (isEscapeKey && visible) {\n        event.stopPropagation();\n      }\n      if (isTabKey || isEscapeKey) {\n        setVisible(false);\n      }\n    },\n    [visible]\n  );\n\n  useImperativeHandle(ref, () => ({\n    dismissPopover: onDismiss,\n    focus: () => {\n      setVisible(false);\n      focusTrigger();\n    },\n  }));\n\n  useEffect(() => {\n    if (!triggerRef.current) {\n      return;\n    }\n    const document = triggerRef.current.ownerDocument;\n\n    const onDocumentClick = () => {\n      // Dismiss popover unless there was a click inside within the last animation frame.\n      if (clickFrameId.current === null) {\n        setVisible(false);\n      }\n    };\n\n    document.addEventListener('mousedown', onDocumentClick);\n\n    return () => {\n      document.removeEventListener('mousedown', onDocumentClick);\n    };\n  }, []);\n\n  const popoverClasses = usePortalModeClasses(triggerRef);\n\n  const triggerProps = {\n    // https://github.com/microsoft/TypeScript/issues/36659\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    ref: triggerRef as any,\n    onClick: onTriggerClick,\n    onKeyDown: onTriggerKeyDown,\n    className: clsx(styles.trigger, styles[`trigger-type-${triggerType}`]),\n  };\n  const { tabIndex: triggerTabIndex } = useSingleTabStopNavigation(triggerRef);\n\n  const referrerId = useUniqueId();\n\n  const popoverContent = (\n    <div\n      aria-live={dismissButton ? undefined : 'polite'}\n      aria-atomic={dismissButton ? undefined : true}\n      className={clsx(popoverClasses, !renderWithPortal && styles['popover-inline-content'])}\n      data-awsui-referrer-id={referrerId}\n    >\n      <PopoverContainer\n        size={size}\n        fixedWidth={fixedWidth}\n        position={position}\n        trackRef={triggerRef}\n        arrow={position => <Arrow position={position} />}\n        renderWithPortal={renderWithPortal}\n        zIndex={renderWithPortal ? 7000 : undefined}\n      >\n        <LinkDefaultVariantContext.Provider value={{ defaultVariant: 'primary' }}>\n          <PopoverBody\n            dismissButton={dismissButton}\n            dismissAriaLabel={dismissAriaLabel}\n            header={header}\n            onDismiss={onDismiss}\n            overflowVisible=\"both\"\n            closeAnalyticsAction={__closeAnalyticsAction}\n          >\n            {content}\n          </PopoverBody>\n        </LinkDefaultVariantContext.Provider>\n      </PopoverContainer>\n    </div>\n  );\n\n  const mergedRef = useMergeRefs(popoverRef, __internalRootRef);\n\n  return (\n    <span\n      {...baseProps}\n      className={clsx(\n        styles.root,\n        baseProps.className,\n        triggerType === 'filtering-token' && styles['root-filtering-token'],\n        isInline && styles['no-wrap']\n      )}\n      ref={mergedRef}\n      onMouseDown={() => {\n        // Indicate there was a click inside popover recently, including nested portals.\n        clickFrameId.current = requestAnimationFrame(() => {\n          clickFrameId.current = null;\n        });\n      }}\n    >\n      {['text', 'text-inline'].includes(triggerType) ? (\n        <button\n          {...triggerProps}\n          className={clsx(triggerProps.className, wrapTriggerText === false && styles['overflow-ellipsis'])}\n          tabIndex={triggerTabIndex}\n          type=\"button\"\n          aria-haspopup=\"dialog\"\n          id={referrerId}\n          aria-label={triggerAriaLabel}\n        >\n          {children}\n        </button>\n      ) : (\n        <span {...triggerProps} id={referrerId}>\n          {children}\n        </span>\n      )}\n      {visible && (\n        <ResetContextsForModal>\n          {renderWithPortal ? <Portal>{popoverContent}</Portal> : popoverContent}\n        </ResetContextsForModal>\n      )}\n    </span>\n  );\n}\n"]}

package/popover/styles.css.js

@@ -1,58 +1,59 @@
 
     import './styles.scoped.css';
     export default {
-  "arrow": "awsui_arrow_xjuzf_hg5hv_289",
-  "arrow-outer": "awsui_arrow-outer_xjuzf_hg5hv_293",
-  "arrow-inner": "awsui_arrow-inner_xjuzf_hg5hv_293",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_hg5hv_335",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_hg5hv_335",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_hg5hv_338",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_hg5hv_338",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_hg5hv_341",
-  "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_hg5hv_341",
-  "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_hg5hv_341",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_hg5hv_341",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_hg5hv_344",
-  "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_hg5hv_344",
-  "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_hg5hv_344",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_hg5hv_344",
-  "body": "awsui_body_xjuzf_hg5hv_492",
-  "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_hg5hv_528",
-  "has-dismiss": "awsui_has-dismiss_xjuzf_hg5hv_532",
-  "dismiss": "awsui_dismiss_xjuzf_hg5hv_537",
-  "dismiss-control": "awsui_dismiss-control_xjuzf_hg5hv_545",
-  "header-row": "awsui_header-row_xjuzf_hg5hv_549",
-  "header": "awsui_header_xjuzf_hg5hv_549",
-  "content": "awsui_content_xjuzf_hg5hv_574",
-  "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_hg5hv_582",
-  "container": "awsui_container_xjuzf_hg5hv_730",
-  "container-body": "awsui_container-body_xjuzf_hg5hv_738",
-  "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_hg5hv_778",
-  "container-body-size-small": "awsui_container-body-size-small_xjuzf_hg5hv_783",
-  "fixed-width": "awsui_fixed-width_xjuzf_hg5hv_786",
-  "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_hg5hv_790",
-  "container-body-size-large": "awsui_container-body-size-large_xjuzf_hg5hv_797",
-  "container-arrow": "awsui_container-arrow_xjuzf_hg5hv_809",
-  "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_hg5hv_813",
-  "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_hg5hv_813",
-  "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_hg5hv_830",
-  "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_hg5hv_830",
-  "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_hg5hv_847",
-  "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_hg5hv_847",
-  "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_hg5hv_847",
-  "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_hg5hv_847",
-  "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_hg5hv_863",
-  "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_hg5hv_867",
-  "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_hg5hv_871",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_hg5hv_1",
-  "refresh": "awsui_refresh_xjuzf_hg5hv_1041",
-  "root": "awsui_root_xjuzf_hg5hv_1063",
-  "no-wrap": "awsui_no-wrap_xjuzf_hg5hv_1095",
-  "root-filtering-token": "awsui_root-filtering-token_xjuzf_hg5hv_1099",
-  "trigger": "awsui_trigger_xjuzf_hg5hv_1103",
-  "overflow-ellipsis": "awsui_overflow-ellipsis_xjuzf_hg5hv_1110",
-  "trigger-type-text": "awsui_trigger-type-text_xjuzf_hg5hv_1118",
-  "trigger-type-filtering-token": "awsui_trigger-type-filtering-token_xjuzf_hg5hv_1154",
-  "popover-inline-content": "awsui_popover-inline-content_xjuzf_hg5hv_1158"
+  "arrow": "awsui_arrow_xjuzf_7fmsc_289",
+  "arrow-outer": "awsui_arrow-outer_xjuzf_7fmsc_293",
+  "arrow-inner": "awsui_arrow-inner_xjuzf_7fmsc_293",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_7fmsc_335",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_7fmsc_335",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_7fmsc_338",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_7fmsc_338",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_7fmsc_341",
+  "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_7fmsc_341",
+  "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_7fmsc_341",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_7fmsc_341",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_7fmsc_344",
+  "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_7fmsc_344",
+  "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_7fmsc_344",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_7fmsc_344",
+  "body": "awsui_body_xjuzf_7fmsc_492",
+  "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_7fmsc_528",
+  "has-dismiss": "awsui_has-dismiss_xjuzf_7fmsc_532",
+  "dismiss": "awsui_dismiss_xjuzf_7fmsc_537",
+  "dismiss-control": "awsui_dismiss-control_xjuzf_7fmsc_545",
+  "header-row": "awsui_header-row_xjuzf_7fmsc_549",
+  "header": "awsui_header_xjuzf_7fmsc_549",
+  "content": "awsui_content_xjuzf_7fmsc_574",
+  "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_7fmsc_582",
+  "container": "awsui_container_xjuzf_7fmsc_730",
+  "container-body": "awsui_container-body_xjuzf_7fmsc_738",
+  "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_7fmsc_778",
+  "container-body-size-small": "awsui_container-body-size-small_xjuzf_7fmsc_783",
+  "fixed-width": "awsui_fixed-width_xjuzf_7fmsc_786",
+  "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_7fmsc_790",
+  "container-body-size-large": "awsui_container-body-size-large_xjuzf_7fmsc_797",
+  "container-arrow": "awsui_container-arrow_xjuzf_7fmsc_809",
+  "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_7fmsc_813",
+  "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_7fmsc_813",
+  "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_7fmsc_830",
+  "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_7fmsc_830",
+  "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_7fmsc_847",
+  "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_7fmsc_847",
+  "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_7fmsc_847",
+  "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_7fmsc_847",
+  "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_7fmsc_863",
+  "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_7fmsc_867",
+  "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_7fmsc_871",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_7fmsc_1",
+  "refresh": "awsui_refresh_xjuzf_7fmsc_1041",
+  "root": "awsui_root_xjuzf_7fmsc_1063",
+  "no-wrap": "awsui_no-wrap_xjuzf_7fmsc_1095",
+  "root-filtering-token": "awsui_root-filtering-token_xjuzf_7fmsc_1099",
+  "trigger": "awsui_trigger_xjuzf_7fmsc_1103",
+  "overflow-ellipsis": "awsui_overflow-ellipsis_xjuzf_7fmsc_1110",
+  "trigger-type-text-inline": "awsui_trigger-type-text-inline_xjuzf_7fmsc_1118",
+  "trigger-type-text": "awsui_trigger-type-text_xjuzf_7fmsc_1118",
+  "trigger-type-filtering-token": "awsui_trigger-type-filtering-token_xjuzf_7fmsc_1179",
+  "popover-inline-content": "awsui_popover-inline-content_xjuzf_7fmsc_1183"
 };
   

package/popover/styles.scoped.css

@@ -286,11 +286,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_arrow_xjuzf_hg5hv_289:not(#\9) {
+.awsui_arrow_xjuzf_7fmsc_289:not(#\9) {
   inline-size: 20px;
   block-size: 10px;
 }
-.awsui_arrow-outer_xjuzf_hg5hv_293:not(#\9), .awsui_arrow-inner_xjuzf_hg5hv_293:not(#\9) {
+.awsui_arrow-outer_xjuzf_7fmsc_293:not(#\9), .awsui_arrow-inner_xjuzf_7fmsc_293:not(#\9) {
   position: absolute;
   overflow: hidden;
   inline-size: 20px;
@@ -299,7 +299,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-inline-start: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_arrow-outer_xjuzf_hg5hv_293:not(#\9)::after, .awsui_arrow-inner_xjuzf_hg5hv_293:not(#\9)::after {
+.awsui_arrow-outer_xjuzf_7fmsc_293:not(#\9)::after, .awsui_arrow-inner_xjuzf_7fmsc_293:not(#\9)::after {
   content: "";
   box-sizing: border-box;
   display: inline-block;
@@ -315,33 +315,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transform: rotate(45deg);
   transform-origin: 0 100%;
 }
-.awsui_arrow-outer_xjuzf_hg5hv_293:not(#\9):dir(rtl)::after, .awsui_arrow-inner_xjuzf_hg5hv_293:not(#\9):dir(rtl)::after {
+.awsui_arrow-outer_xjuzf_7fmsc_293:not(#\9):dir(rtl)::after, .awsui_arrow-inner_xjuzf_7fmsc_293:not(#\9):dir(rtl)::after {
   transform: rotate(-45deg);
   transform-origin: 100% 100%;
 }
-.awsui_arrow-outer_xjuzf_hg5hv_293:not(#\9)::after {
+.awsui_arrow-outer_xjuzf_7fmsc_293:not(#\9)::after {
   background-color: var(--color-border-popover-v2sc7l, #b4b4bb);
 }
-.awsui_arrow-inner_xjuzf_hg5hv_293:not(#\9) {
+.awsui_arrow-inner_xjuzf_7fmsc_293:not(#\9) {
   inset-block-start: calc(var(--border-width-popover-h2a419, 2px) + 1px);
 }
-.awsui_arrow-inner_xjuzf_hg5hv_293:not(#\9)::after {
+.awsui_arrow-inner_xjuzf_7fmsc_293:not(#\9)::after {
   border-start-start-radius: 1px;
   border-start-end-radius: 0;
   border-end-start-radius: 0;
   border-end-end-radius: 0;
   background-color: var(--color-background-popover-eqi5zi, #ffffff);
 }
-.awsui_arrow-position-right-top_xjuzf_hg5hv_335 > .awsui_arrow-outer_xjuzf_hg5hv_293:not(#\9)::after, .awsui_arrow-position-right-bottom_xjuzf_hg5hv_335 > .awsui_arrow-outer_xjuzf_hg5hv_293:not(#\9)::after {
+.awsui_arrow-position-right-top_xjuzf_7fmsc_335 > .awsui_arrow-outer_xjuzf_7fmsc_293:not(#\9)::after, .awsui_arrow-position-right-bottom_xjuzf_7fmsc_335 > .awsui_arrow-outer_xjuzf_7fmsc_293:not(#\9)::after {
   box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-u7prpu, rgba(15, 20, 26, 0.12));
 }
-.awsui_arrow-position-left-top_xjuzf_hg5hv_338 > .awsui_arrow-outer_xjuzf_hg5hv_293:not(#\9)::after, .awsui_arrow-position-left-bottom_xjuzf_hg5hv_338 > .awsui_arrow-outer_xjuzf_hg5hv_293:not(#\9)::after {
+.awsui_arrow-position-left-top_xjuzf_7fmsc_338 > .awsui_arrow-outer_xjuzf_7fmsc_293:not(#\9)::after, .awsui_arrow-position-left-bottom_xjuzf_7fmsc_338 > .awsui_arrow-outer_xjuzf_7fmsc_293:not(#\9)::after {
   box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-u7prpu, rgba(15, 20, 26, 0.12));
 }
-.awsui_arrow-position-top-center_xjuzf_hg5hv_341 > .awsui_arrow-outer_xjuzf_hg5hv_293:not(#\9)::after, .awsui_arrow-position-top-right_xjuzf_hg5hv_341 > .awsui_arrow-outer_xjuzf_hg5hv_293:not(#\9)::after, .awsui_arrow-position-top-left_xjuzf_hg5hv_341 > .awsui_arrow-outer_xjuzf_hg5hv_293:not(#\9)::after, .awsui_arrow-position-top-responsive_xjuzf_hg5hv_341 > .awsui_arrow-outer_xjuzf_hg5hv_293:not(#\9)::after {
+.awsui_arrow-position-top-center_xjuzf_7fmsc_341 > .awsui_arrow-outer_xjuzf_7fmsc_293:not(#\9)::after, .awsui_arrow-position-top-right_xjuzf_7fmsc_341 > .awsui_arrow-outer_xjuzf_7fmsc_293:not(#\9)::after, .awsui_arrow-position-top-left_xjuzf_7fmsc_341 > .awsui_arrow-outer_xjuzf_7fmsc_293:not(#\9)::after, .awsui_arrow-position-top-responsive_xjuzf_7fmsc_341 > .awsui_arrow-outer_xjuzf_7fmsc_293:not(#\9)::after {
   box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-u7prpu, rgba(15, 20, 26, 0.12));
 }
-.awsui_arrow-position-bottom-center_xjuzf_hg5hv_344 > .awsui_arrow-outer_xjuzf_hg5hv_293:not(#\9)::after, .awsui_arrow-position-bottom-right_xjuzf_hg5hv_344 > .awsui_arrow-outer_xjuzf_hg5hv_293:not(#\9)::after, .awsui_arrow-position-bottom-left_xjuzf_hg5hv_344 > .awsui_arrow-outer_xjuzf_hg5hv_293:not(#\9)::after, .awsui_arrow-position-bottom-responsive_xjuzf_hg5hv_344 > .awsui_arrow-outer_xjuzf_hg5hv_293:not(#\9)::after {
+.awsui_arrow-position-bottom-center_xjuzf_7fmsc_344 > .awsui_arrow-outer_xjuzf_7fmsc_293:not(#\9)::after, .awsui_arrow-position-bottom-right_xjuzf_7fmsc_344 > .awsui_arrow-outer_xjuzf_7fmsc_293:not(#\9)::after, .awsui_arrow-position-bottom-left_xjuzf_7fmsc_344 > .awsui_arrow-outer_xjuzf_7fmsc_293:not(#\9)::after, .awsui_arrow-position-bottom-responsive_xjuzf_7fmsc_344 > .awsui_arrow-outer_xjuzf_7fmsc_293:not(#\9)::after {
   box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-u7prpu, rgba(15, 20, 26, 0.12));
 }
 
@@ -489,7 +489,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_body_xjuzf_hg5hv_492:not(#\9) {
+.awsui_body_xjuzf_7fmsc_492:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -526,16 +526,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-s-34lx8l, 12px);
   padding-inline: var(--space-m-udix3p, 16px);
 }
-.awsui_body-overflow-visible_xjuzf_hg5hv_528:not(#\9) {
+.awsui_body-overflow-visible_xjuzf_7fmsc_528:not(#\9) {
   overflow: visible;
 }
 
-.awsui_has-dismiss_xjuzf_hg5hv_532:not(#\9) {
+.awsui_has-dismiss_xjuzf_7fmsc_532:not(#\9) {
   display: flex;
   align-items: baseline;
 }
 
-.awsui_dismiss_xjuzf_hg5hv_537:not(#\9) {
+.awsui_dismiss_xjuzf_7fmsc_537:not(#\9) {
   margin-block: calc(-1 * var(--space-xs-zb16t3, 8px));
   margin-inline-start: 0;
   margin-inline-end: calc(-1 * (var(--space-xxs-p8yyaw, 4px) + var(--border-width-popover-h2a419, 2px)));
@@ -543,15 +543,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   order: 1;
 }
 
-.awsui_dismiss-control_xjuzf_hg5hv_545:not(#\9) {
+.awsui_dismiss-control_xjuzf_7fmsc_545:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_header-row_xjuzf_hg5hv_549:not(#\9) {
+.awsui_header-row_xjuzf_7fmsc_549:not(#\9) {
   margin-block-end: var(--space-xs-zb16t3, 8px);
 }
 
-.awsui_header_xjuzf_hg5hv_549:not(#\9) {
+.awsui_header_xjuzf_7fmsc_549:not(#\9) {
   word-wrap: break-word;
   max-inline-size: 100%;
   overflow: hidden;
@@ -563,7 +563,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   flex: 1 1 auto;
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_header_xjuzf_hg5hv_549 > h2:not(#\9) {
+.awsui_header_xjuzf_7fmsc_549 > h2:not(#\9) {
   font-size: var(--font-size-heading-xs-wo4hpf, 14px);
   line-height: var(--line-height-heading-xs-aeleja, 18px);
   font-weight: var(--font-weight-heading-xs-l7rqme, 700);
@@ -572,7 +572,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: inline;
 }
 
-.awsui_content_xjuzf_hg5hv_574:not(#\9) {
+.awsui_content_xjuzf_7fmsc_574:not(#\9) {
   word-wrap: break-word;
   max-inline-size: 100%;
   overflow: hidden;
@@ -580,7 +580,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   flex: 1 1 auto;
   min-inline-size: 0;
 }
-.awsui_content-overflow-visible_xjuzf_hg5hv_582:not(#\9) {
+.awsui_content-overflow-visible_xjuzf_7fmsc_582:not(#\9) {
   overflow: visible;
 }
 
@@ -728,7 +728,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_container_xjuzf_hg5hv_730:not(#\9) {
+.awsui_container_xjuzf_7fmsc_730:not(#\9) {
   display: inline-block;
   position: fixed;
   inset-block-start: -9999px;
@@ -736,7 +736,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 2000;
 }
 
-.awsui_container-body_xjuzf_hg5hv_738:not(#\9) {
+.awsui_container-body_xjuzf_7fmsc_738:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -777,100 +777,100 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-inline: var(--border-width-popover-h2a419, 2px) solid var(--color-border-popover-v2sc7l, #b4b4bb);
 }
 
-.awsui_container-body-variant-annotation_xjuzf_hg5hv_778:not(#\9) {
+.awsui_container-body-variant-annotation_xjuzf_7fmsc_778:not(#\9) {
   background-color: var(--color-background-status-info-gflgo4, #f0fbff);
   border-color: var(--color-border-status-info-z6pwqy, #006ce0);
 }
 
-.awsui_container-body-size-small_xjuzf_hg5hv_783:not(#\9) {
+.awsui_container-body-size-small_xjuzf_7fmsc_783:not(#\9) {
   max-inline-size: 210px;
 }
-.awsui_container-body-size-small_xjuzf_hg5hv_783.awsui_fixed-width_xjuzf_hg5hv_786:not(#\9) {
+.awsui_container-body-size-small_xjuzf_7fmsc_783.awsui_fixed-width_xjuzf_7fmsc_786:not(#\9) {
   inline-size: 210px;
 }
 
-.awsui_container-body-size-medium_xjuzf_hg5hv_790:not(#\9) {
+.awsui_container-body-size-medium_xjuzf_7fmsc_790:not(#\9) {
   max-inline-size: 310px;
 }
-.awsui_container-body-size-medium_xjuzf_hg5hv_790.awsui_fixed-width_xjuzf_hg5hv_786:not(#\9) {
+.awsui_container-body-size-medium_xjuzf_7fmsc_790.awsui_fixed-width_xjuzf_7fmsc_786:not(#\9) {
   inline-size: 310px;
 }
 
-.awsui_container-body-size-large_xjuzf_hg5hv_797:not(#\9) {
+.awsui_container-body-size-large_xjuzf_7fmsc_797:not(#\9) {
   max-inline-size: 482px;
 }
 @media (max-width: 482px) {
-  .awsui_container-body-size-large_xjuzf_hg5hv_797:not(#\9) {
+  .awsui_container-body-size-large_xjuzf_7fmsc_797:not(#\9) {
     max-inline-size: 310px;
   }
 }
-.awsui_container-body-size-large_xjuzf_hg5hv_797.awsui_fixed-width_xjuzf_hg5hv_786:not(#\9) {
+.awsui_container-body-size-large_xjuzf_7fmsc_797.awsui_fixed-width_xjuzf_7fmsc_786:not(#\9) {
   inline-size: 482px;
 }
 
-.awsui_container-arrow_xjuzf_hg5hv_809:not(#\9) {
+.awsui_container-arrow_xjuzf_7fmsc_809:not(#\9) {
   position: absolute;
   display: inline-block;
 }
-.awsui_container-arrow-position-right-top_xjuzf_hg5hv_813:not(#\9), .awsui_container-arrow-position-right-bottom_xjuzf_hg5hv_813:not(#\9) {
+.awsui_container-arrow-position-right-top_xjuzf_7fmsc_813:not(#\9), .awsui_container-arrow-position-right-bottom_xjuzf_7fmsc_813:not(#\9) {
   transform: rotate(-90deg);
   transform-origin: 0 100%;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_container-arrow-position-right-top_xjuzf_hg5hv_813:not(#\9):dir(rtl), .awsui_container-arrow-position-right-bottom_xjuzf_hg5hv_813:not(#\9):dir(rtl) {
+.awsui_container-arrow-position-right-top_xjuzf_7fmsc_813:not(#\9):dir(rtl), .awsui_container-arrow-position-right-bottom_xjuzf_7fmsc_813:not(#\9):dir(rtl) {
   transform: rotate(90deg);
   transform-origin: 100% 100%;
 }
-.awsui_container-arrow-position-right-top_xjuzf_hg5hv_813:not(#\9) {
+.awsui_container-arrow-position-right-top_xjuzf_7fmsc_813:not(#\9) {
   inset-block-start: calc(12px + 10px);
   inset-inline-start: 0;
 }
-.awsui_container-arrow-position-right-bottom_xjuzf_hg5hv_813:not(#\9) {
+.awsui_container-arrow-position-right-bottom_xjuzf_7fmsc_813:not(#\9) {
   inset-block-end: 12px;
   inset-inline-start: 0;
 }
-.awsui_container-arrow-position-left-top_xjuzf_hg5hv_830:not(#\9), .awsui_container-arrow-position-left-bottom_xjuzf_hg5hv_830:not(#\9) {
+.awsui_container-arrow-position-left-top_xjuzf_7fmsc_830:not(#\9), .awsui_container-arrow-position-left-bottom_xjuzf_7fmsc_830:not(#\9) {
   transform: rotate(90deg);
   transform-origin: 100% 100%;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_container-arrow-position-left-top_xjuzf_hg5hv_830:not(#\9):dir(rtl), .awsui_container-arrow-position-left-bottom_xjuzf_hg5hv_830:not(#\9):dir(rtl) {
+.awsui_container-arrow-position-left-top_xjuzf_7fmsc_830:not(#\9):dir(rtl), .awsui_container-arrow-position-left-bottom_xjuzf_7fmsc_830:not(#\9):dir(rtl) {
   transform: rotate(-90deg);
   transform-origin: 0% 100%;
 }
-.awsui_container-arrow-position-left-top_xjuzf_hg5hv_830:not(#\9) {
+.awsui_container-arrow-position-left-top_xjuzf_7fmsc_830:not(#\9) {
   inset-block-start: calc(12px + 10px);
   inset-inline-end: 0;
 }
-.awsui_container-arrow-position-left-bottom_xjuzf_hg5hv_830:not(#\9) {
+.awsui_container-arrow-position-left-bottom_xjuzf_7fmsc_830:not(#\9) {
   inset-block-end: 12px;
   inset-inline-end: 0;
 }
-.awsui_container-arrow-position-top-center_xjuzf_hg5hv_847:not(#\9), .awsui_container-arrow-position-top-right_xjuzf_hg5hv_847:not(#\9), .awsui_container-arrow-position-top-left_xjuzf_hg5hv_847:not(#\9), .awsui_container-arrow-position-top-responsive_xjuzf_hg5hv_847:not(#\9) {
+.awsui_container-arrow-position-top-center_xjuzf_7fmsc_847:not(#\9), .awsui_container-arrow-position-top-right_xjuzf_7fmsc_847:not(#\9), .awsui_container-arrow-position-top-left_xjuzf_7fmsc_847:not(#\9), .awsui_container-arrow-position-top-responsive_xjuzf_7fmsc_847:not(#\9) {
   transform: rotate(180deg);
   transform-origin: 50% 50%;
 }
-.awsui_container-arrow-position-top-center_xjuzf_hg5hv_847:not(#\9) {
+.awsui_container-arrow-position-top-center_xjuzf_7fmsc_847:not(#\9) {
   inset-block-end: -10px;
   inset-inline-start: calc(50% - 10px);
 }
-.awsui_container-arrow-position-top-right_xjuzf_hg5hv_847:not(#\9) {
+.awsui_container-arrow-position-top-right_xjuzf_7fmsc_847:not(#\9) {
   inset-block-end: -10px;
   inset-inline-start: 12px;
 }
-.awsui_container-arrow-position-top-left_xjuzf_hg5hv_847:not(#\9) {
+.awsui_container-arrow-position-top-left_xjuzf_7fmsc_847:not(#\9) {
   inset-block-end: -10px;
   inset-inline-start: calc(100% - 20px - 12px);
 }
-.awsui_container-arrow-position-bottom-center_xjuzf_hg5hv_863:not(#\9) {
+.awsui_container-arrow-position-bottom-center_xjuzf_7fmsc_863:not(#\9) {
   inset-block-start: -10px;
   inset-inline-start: calc(50% - 10px);
 }
-.awsui_container-arrow-position-bottom-right_xjuzf_hg5hv_867:not(#\9) {
+.awsui_container-arrow-position-bottom-right_xjuzf_7fmsc_867:not(#\9) {
   inset-block-start: -10px;
   inset-inline-start: 12px;
 }
-.awsui_container-arrow-position-bottom-left_xjuzf_hg5hv_871:not(#\9) {
+.awsui_container-arrow-position-bottom-left_xjuzf_7fmsc_871:not(#\9) {
   inset-block-start: -10px;
   inset-inline-start: calc(100% - 20px - 12px);
 }
@@ -1019,10 +1019,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_container_xjuzf_hg5hv_730:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_xjuzf_hg5hv_1 var(--motion-duration-show-paced-q2lo2h, 180ms) var(--motion-easing-show-paced-ne2o0s, ease-out);
+.awsui_container_xjuzf_7fmsc_730:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_xjuzf_7fmsc_1 var(--motion-duration-show-paced-q2lo2h, 180ms) var(--motion-easing-show-paced-ne2o0s, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_xjuzf_hg5hv_1 {
+@keyframes awsui_awsui-motion-fade-in_xjuzf_7fmsc_1 {
   from {
     opacity: 0.2;
   }
@@ -1031,19 +1031,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_container_xjuzf_hg5hv_730:not(#\9) {
+  .awsui_container_xjuzf_7fmsc_730:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_container_xjuzf_hg5hv_730:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_hg5hv_730:not(#\9) {
+.awsui-motion-disabled .awsui_container_xjuzf_7fmsc_730:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_7fmsc_730:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_container_xjuzf_hg5hv_730.awsui_refresh_xjuzf_hg5hv_1041:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_xjuzf_hg5hv_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms) var(--motion-easing-refresh-only-a-8flf9q, cubic-bezier(0, 0, 0, 1));
+.awsui_container_xjuzf_7fmsc_730.awsui_refresh_xjuzf_7fmsc_1041:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_xjuzf_7fmsc_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms) var(--motion-easing-refresh-only-a-8flf9q, cubic-bezier(0, 0, 0, 1));
 }
-@keyframes awsui_awsui-motion-fade-in_xjuzf_hg5hv_1 {
+@keyframes awsui_awsui-motion-fade-in_xjuzf_7fmsc_1 {
   from {
     opacity: 0.2;
   }
@@ -1052,17 +1052,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_container_xjuzf_hg5hv_730.awsui_refresh_xjuzf_hg5hv_1041:not(#\9) {
+  .awsui_container_xjuzf_7fmsc_730.awsui_refresh_xjuzf_7fmsc_1041:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_container_xjuzf_hg5hv_730.awsui_refresh_xjuzf_hg5hv_1041:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_hg5hv_730.awsui_refresh_xjuzf_hg5hv_1041:not(#\9) {
+.awsui-motion-disabled .awsui_container_xjuzf_7fmsc_730.awsui_refresh_xjuzf_7fmsc_1041:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_7fmsc_730.awsui_refresh_xjuzf_7fmsc_1041:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_xjuzf_hg5hv_1063:not(#\9) {
+.awsui_root_xjuzf_7fmsc_1063:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -1095,22 +1095,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
   color: inherit;
 }
-.awsui_root_xjuzf_hg5hv_1063.awsui_no-wrap_xjuzf_hg5hv_1095:not(#\9) {
+.awsui_root_xjuzf_7fmsc_1063.awsui_no-wrap_xjuzf_7fmsc_1095:not(#\9) {
   white-space: nowrap;
 }
 
-.awsui_root-filtering-token_xjuzf_hg5hv_1099:not(#\9) {
+.awsui_root-filtering-token_xjuzf_7fmsc_1099:not(#\9) {
   display: flex;
 }
 
-.awsui_trigger_xjuzf_hg5hv_1103:not(#\9) {
+.awsui_trigger_xjuzf_7fmsc_1103:not(#\9) {
   display: inline-block;
   max-inline-size: 100%;
   color: inherit;
   text-align: inherit;
 }
 
-.awsui_overflow-ellipsis_xjuzf_hg5hv_1110:not(#\9) {
+.awsui_overflow-ellipsis_xjuzf_7fmsc_1110:not(#\9) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1118,8 +1118,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-break: break-word;
 }
 
-.awsui_trigger-type-text_xjuzf_hg5hv_1118:not(#\9) {
+.awsui_trigger-type-text-inline_xjuzf_7fmsc_1118:not(#\9) {
   border-block: 0;
+  /*
+    This transparent border is necessary to maintain space between the trigger and the bottom-positioned popover.
+  */
+  border-block-end: var(--border-divider-list-width-27y3k5, 1px) dashed transparent;
+  -webkit-text-decoration: underline dashed currentColor;
+          text-decoration: underline dashed currentColor;
+  text-decoration-thickness: var(--border-divider-list-width-27y3k5, 1px);
+  text-underline-offset: 0.25em;
+}
+.awsui_trigger-type-text-inline_xjuzf_7fmsc_1118.awsui_overflow-ellipsis_xjuzf_7fmsc_1110:not(#\9) {
+  /*
+    This line-height needs to be overridden because the overflow: hidden would otherwise conceal the underline styles.
+  */
+  line-height: calc(1 + 0.25em + var(--border-divider-list-width-27y3k5, 1px));
+}
+
+.awsui_trigger-type-text_xjuzf_7fmsc_1118:not(#\9) {
+  border-block: 0;
+  border-block-end: var(--border-divider-list-width-27y3k5, 1px) dashed currentColor;
+}
+
+.awsui_trigger-type-text-inline_xjuzf_7fmsc_1118:not(#\9),
+.awsui_trigger-type-text_xjuzf_7fmsc_1118:not(#\9) {
   border-inline: 0;
   margin-block: 0;
   margin-inline: 0;
@@ -1127,19 +1150,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: 0;
   background-color: transparent;
   cursor: pointer;
-  border-block-end: var(--border-divider-list-width-27y3k5, 1px) dashed currentColor;
 }
-.awsui_trigger-type-text_xjuzf_hg5hv_1118:not(#\9):focus {
+.awsui_trigger-type-text-inline_xjuzf_7fmsc_1118:not(#\9):focus,
+.awsui_trigger-type-text_xjuzf_7fmsc_1118:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_hg5hv_1118:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_trigger-type-text-inline_xjuzf_7fmsc_1118:not(#\9):focus,
+body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_7fmsc_1118:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_hg5hv_1118:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_trigger-type-text-inline_xjuzf_7fmsc_1118:not(#\9):focus,
+body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_7fmsc_1118:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(1px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_hg5hv_1118:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_trigger-type-text-inline_xjuzf_7fmsc_1118:not(#\9):focus::before,
+body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_7fmsc_1118:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -1154,10 +1180,10 @@ body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_hg5hv_1118:no
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
 
-.awsui_trigger-type-filtering-token_xjuzf_hg5hv_1154:not(#\9) {
+.awsui_trigger-type-filtering-token_xjuzf_7fmsc_1179:not(#\9) {
   display: flex;
 }
 
-.awsui_popover-inline-content_xjuzf_hg5hv_1158:not(#\9) {
+.awsui_popover-inline-content_xjuzf_7fmsc_1183:not(#\9) {
   display: inline;
 }

package/popover/styles.selectors.js

@@ -2,58 +2,59 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "arrow": "awsui_arrow_xjuzf_hg5hv_289",
-  "arrow-outer": "awsui_arrow-outer_xjuzf_hg5hv_293",
-  "arrow-inner": "awsui_arrow-inner_xjuzf_hg5hv_293",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_hg5hv_335",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_hg5hv_335",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_hg5hv_338",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_hg5hv_338",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_hg5hv_341",
-  "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_hg5hv_341",
-  "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_hg5hv_341",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_hg5hv_341",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_hg5hv_344",
-  "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_hg5hv_344",
-  "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_hg5hv_344",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_hg5hv_344",
-  "body": "awsui_body_xjuzf_hg5hv_492",
-  "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_hg5hv_528",
-  "has-dismiss": "awsui_has-dismiss_xjuzf_hg5hv_532",
-  "dismiss": "awsui_dismiss_xjuzf_hg5hv_537",
-  "dismiss-control": "awsui_dismiss-control_xjuzf_hg5hv_545",
-  "header-row": "awsui_header-row_xjuzf_hg5hv_549",
-  "header": "awsui_header_xjuzf_hg5hv_549",
-  "content": "awsui_content_xjuzf_hg5hv_574",
-  "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_hg5hv_582",
-  "container": "awsui_container_xjuzf_hg5hv_730",
-  "container-body": "awsui_container-body_xjuzf_hg5hv_738",
-  "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_hg5hv_778",
-  "container-body-size-small": "awsui_container-body-size-small_xjuzf_hg5hv_783",
-  "fixed-width": "awsui_fixed-width_xjuzf_hg5hv_786",
-  "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_hg5hv_790",
-  "container-body-size-large": "awsui_container-body-size-large_xjuzf_hg5hv_797",
-  "container-arrow": "awsui_container-arrow_xjuzf_hg5hv_809",
-  "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_hg5hv_813",
-  "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_hg5hv_813",
-  "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_hg5hv_830",
-  "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_hg5hv_830",
-  "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_hg5hv_847",
-  "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_hg5hv_847",
-  "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_hg5hv_847",
-  "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_hg5hv_847",
-  "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_hg5hv_863",
-  "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_hg5hv_867",
-  "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_hg5hv_871",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_hg5hv_1",
-  "refresh": "awsui_refresh_xjuzf_hg5hv_1041",
-  "root": "awsui_root_xjuzf_hg5hv_1063",
-  "no-wrap": "awsui_no-wrap_xjuzf_hg5hv_1095",
-  "root-filtering-token": "awsui_root-filtering-token_xjuzf_hg5hv_1099",
-  "trigger": "awsui_trigger_xjuzf_hg5hv_1103",
-  "overflow-ellipsis": "awsui_overflow-ellipsis_xjuzf_hg5hv_1110",
-  "trigger-type-text": "awsui_trigger-type-text_xjuzf_hg5hv_1118",
-  "trigger-type-filtering-token": "awsui_trigger-type-filtering-token_xjuzf_hg5hv_1154",
-  "popover-inline-content": "awsui_popover-inline-content_xjuzf_hg5hv_1158"
+  "arrow": "awsui_arrow_xjuzf_7fmsc_289",
+  "arrow-outer": "awsui_arrow-outer_xjuzf_7fmsc_293",
+  "arrow-inner": "awsui_arrow-inner_xjuzf_7fmsc_293",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_7fmsc_335",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_7fmsc_335",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_7fmsc_338",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_7fmsc_338",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_7fmsc_341",
+  "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_7fmsc_341",
+  "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_7fmsc_341",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_7fmsc_341",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_7fmsc_344",
+  "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_7fmsc_344",
+  "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_7fmsc_344",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_7fmsc_344",
+  "body": "awsui_body_xjuzf_7fmsc_492",
+  "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_7fmsc_528",
+  "has-dismiss": "awsui_has-dismiss_xjuzf_7fmsc_532",
+  "dismiss": "awsui_dismiss_xjuzf_7fmsc_537",
+  "dismiss-control": "awsui_dismiss-control_xjuzf_7fmsc_545",
+  "header-row": "awsui_header-row_xjuzf_7fmsc_549",
+  "header": "awsui_header_xjuzf_7fmsc_549",
+  "content": "awsui_content_xjuzf_7fmsc_574",
+  "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_7fmsc_582",
+  "container": "awsui_container_xjuzf_7fmsc_730",
+  "container-body": "awsui_container-body_xjuzf_7fmsc_738",
+  "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_7fmsc_778",
+  "container-body-size-small": "awsui_container-body-size-small_xjuzf_7fmsc_783",
+  "fixed-width": "awsui_fixed-width_xjuzf_7fmsc_786",
+  "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_7fmsc_790",
+  "container-body-size-large": "awsui_container-body-size-large_xjuzf_7fmsc_797",
+  "container-arrow": "awsui_container-arrow_xjuzf_7fmsc_809",
+  "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_7fmsc_813",
+  "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_7fmsc_813",
+  "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_7fmsc_830",
+  "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_7fmsc_830",
+  "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_7fmsc_847",
+  "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_7fmsc_847",
+  "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_7fmsc_847",
+  "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_7fmsc_847",
+  "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_7fmsc_863",
+  "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_7fmsc_867",
+  "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_7fmsc_871",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_7fmsc_1",
+  "refresh": "awsui_refresh_xjuzf_7fmsc_1041",
+  "root": "awsui_root_xjuzf_7fmsc_1063",
+  "no-wrap": "awsui_no-wrap_xjuzf_7fmsc_1095",
+  "root-filtering-token": "awsui_root-filtering-token_xjuzf_7fmsc_1099",
+  "trigger": "awsui_trigger_xjuzf_7fmsc_1103",
+  "overflow-ellipsis": "awsui_overflow-ellipsis_xjuzf_7fmsc_1110",
+  "trigger-type-text-inline": "awsui_trigger-type-text-inline_xjuzf_7fmsc_1118",
+  "trigger-type-text": "awsui_trigger-type-text_xjuzf_7fmsc_1118",
+  "trigger-type-filtering-token": "awsui_trigger-type-filtering-token_xjuzf_7fmsc_1179",
+  "popover-inline-content": "awsui_popover-inline-content_xjuzf_7fmsc_1183"
 };