@cloudscape-design/components-themeable 3.0.624 → 3.0.626

package/lib/internal/template/popover/container.js.map

@@ -1 +1 @@
-{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../src/popover/container.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, { useLayoutEffect, useRef } from 'react';\nimport clsx from 'clsx';\nimport { nodeContains } from '@cloudscape-design/component-toolkit/dom';\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\nimport { InternalPosition, PopoverProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport usePopoverPosition from './use-popover-position.js';\n\nexport interface PopoverContainerProps {\n  /** References the element the container is positioned against. */\n  trackRef: React.RefObject<Element>;\n  /**\n    Used to update the container position in case track or track position changes:\n    \n    const trackRef = useRef<Element>(null)\n    return (<>\n      <Track style={getPosition(selectedItemId)} ref={trackRef} />\n      <PopoverContainer trackRef={trackRef} trackKey={selectedItemId} .../>\n    </>)\n  */\n  trackKey?: string | number;\n  position: PopoverProps.Position;\n  zIndex?: React.CSSProperties['zIndex'];\n  arrow: (position: InternalPosition | null) => React.ReactNode;\n  children: React.ReactNode;\n  renderWithPortal?: boolean;\n  size: PopoverProps.Size;\n  fixedWidth: boolean;\n  variant?: 'annotation';\n  // When keepPosition is true, the popover will not recalculate its position when it resizes nor when it receives clicks.\n  keepPosition?: boolean;\n  // When allowScrollToFit is true, we will scroll to the the popover if it overflows the viewport even when choosing the best possible position for it.\n  // Do not use this if the popover is open on hover, in order to avoid unexpected movement.\n  allowScrollToFit?: boolean;\n  allowVerticalOverflow?: boolean;\n}\n\nexport default function PopoverContainer({\n  position,\n  trackRef,\n  trackKey,\n  arrow,\n  children,\n  zIndex,\n  renderWithPortal,\n  size,\n  fixedWidth,\n  variant,\n  keepPosition,\n  allowScrollToFit,\n  allowVerticalOverflow,\n}: PopoverContainerProps) {\n  const bodyRef = useRef<HTMLDivElement | null>(null);\n  const contentRef = useRef<HTMLDivElement | null>(null);\n  const popoverRef = useRef<HTMLDivElement | null>(null);\n  const arrowRef = useRef<HTMLDivElement | null>(null);\n\n  const isRefresh = useVisualRefresh();\n\n  // Updates the position handler.\n  const { updatePositionHandler, popoverStyle, internalPosition, positionHandlerRef } = usePopoverPosition({\n    popoverRef,\n    bodyRef,\n    arrowRef,\n    trackRef,\n    contentRef,\n    allowScrollToFit,\n    allowVerticalOverflow,\n    preferredPosition: position,\n    renderWithPortal,\n    keepPosition,\n  });\n\n  // Recalculate position when properties change.\n  useLayoutEffect(() => {\n    updatePositionHandler();\n  }, [updatePositionHandler, trackKey]);\n\n  // Recalculate position when content size changes.\n  useResizeObserver(contentRef, () => {\n    updatePositionHandler(true);\n  });\n\n  // Recalculate position on DOM events.\n  useLayoutEffect(() => {\n    /*\n    This is a heuristic. Some layout changes are caused by user clicks (e.g. toggling the tools panel, submitting a form),\n    and by tracking the click event we can adapt the popover's position to the new layout.\n\n    TODO: extend this to Enter and Spacebar?\n    */\n\n    const onClick = (event: UIEvent | KeyboardEvent) => {\n      if (\n        // Do not update position if keepPosition is true.\n        keepPosition ||\n        // If the click was on the trigger, this will make the popover appear or disappear,\n        // so no need to update its position either in this case.\n        nodeContains(trackRef.current, event.target)\n      ) {\n        return;\n      }\n\n      requestAnimationFrame(() => {\n        updatePositionHandler();\n      });\n    };\n\n    const updatePositionOnResize = () => requestAnimationFrame(() => updatePositionHandler());\n    const refreshPosition = () => requestAnimationFrame(() => positionHandlerRef.current());\n\n    window.addEventListener('click', onClick);\n    window.addEventListener('resize', updatePositionOnResize);\n    window.addEventListener('scroll', refreshPosition, true);\n\n    return () => {\n      window.removeEventListener('click', onClick);\n      window.removeEventListener('resize', updatePositionOnResize);\n      window.removeEventListener('scroll', refreshPosition, true);\n    };\n  }, [keepPosition, positionHandlerRef, trackRef, updatePositionHandler]);\n\n  return (\n    <div\n      ref={popoverRef}\n      style={{ ...popoverStyle, zIndex }}\n      className={clsx(styles.container, isRefresh && styles.refresh)}\n    >\n      <div\n        ref={arrowRef}\n        className={clsx(styles[`container-arrow`], styles[`container-arrow-position-${internalPosition}`])}\n        aria-hidden={true}\n      >\n        {arrow(internalPosition)}\n      </div>\n\n      <div\n        ref={bodyRef}\n        className={clsx(styles['container-body'], styles[`container-body-size-${size}`], {\n          [styles['fixed-width']]: fixedWidth,\n          [styles[`container-body-variant-${variant}`]]: variant,\n        })}\n      >\n        <div ref={contentRef}>{children}</div>\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../src/popover/container.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, { useLayoutEffect, useRef } from 'react';\nimport clsx from 'clsx';\nimport { nodeContains } from '@cloudscape-design/component-toolkit/dom';\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\nimport { InternalPosition, PopoverProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport usePopoverPosition from './use-popover-position.js';\n\nexport interface PopoverContainerProps {\n  /** References the element the container is positioned against. */\n  trackRef: React.RefObject<HTMLElement | SVGElement>;\n  /**\n    Used to update the container position in case track or track position changes:\n    \n    const trackRef = useRef<Element>(null)\n    return (<>\n      <Track style={getPosition(selectedItemId)} ref={trackRef} />\n      <PopoverContainer trackRef={trackRef} trackKey={selectedItemId} .../>\n    </>)\n  */\n  trackKey?: string | number;\n  position: PopoverProps.Position;\n  zIndex?: React.CSSProperties['zIndex'];\n  arrow: (position: InternalPosition | null) => React.ReactNode;\n  children: React.ReactNode;\n  renderWithPortal?: boolean;\n  size: PopoverProps.Size;\n  fixedWidth: boolean;\n  variant?: 'annotation';\n  // When keepPosition is true, the popover will not recalculate its position when it resizes nor when it receives clicks.\n  keepPosition?: boolean;\n  // When allowScrollToFit is true, we will scroll to the the popover if it overflows the viewport even when choosing the best possible position for it.\n  // Do not use this if the popover is open on hover, in order to avoid unexpected movement.\n  allowScrollToFit?: boolean;\n  allowVerticalOverflow?: boolean;\n}\n\nexport default function PopoverContainer({\n  position,\n  trackRef,\n  trackKey,\n  arrow,\n  children,\n  zIndex,\n  renderWithPortal,\n  size,\n  fixedWidth,\n  variant,\n  keepPosition,\n  allowScrollToFit,\n  allowVerticalOverflow,\n}: PopoverContainerProps) {\n  const bodyRef = useRef<HTMLDivElement | null>(null);\n  const contentRef = useRef<HTMLDivElement | null>(null);\n  const popoverRef = useRef<HTMLDivElement | null>(null);\n  const arrowRef = useRef<HTMLDivElement | null>(null);\n\n  const isRefresh = useVisualRefresh();\n\n  // Updates the position handler.\n  const { updatePositionHandler, popoverStyle, internalPosition, positionHandlerRef } = usePopoverPosition({\n    popoverRef,\n    bodyRef,\n    arrowRef,\n    trackRef,\n    contentRef,\n    allowScrollToFit,\n    allowVerticalOverflow,\n    preferredPosition: position,\n    renderWithPortal,\n    keepPosition,\n  });\n\n  // Recalculate position when properties change.\n  useLayoutEffect(() => {\n    updatePositionHandler();\n  }, [updatePositionHandler, trackKey]);\n\n  // Recalculate position when content size changes.\n  useResizeObserver(contentRef, () => {\n    updatePositionHandler(true);\n  });\n\n  // Recalculate position on DOM events.\n  useLayoutEffect(() => {\n    /*\n    This is a heuristic. Some layout changes are caused by user clicks (e.g. toggling the tools panel, submitting a form),\n    and by tracking the click event we can adapt the popover's position to the new layout.\n\n    TODO: extend this to Enter and Spacebar?\n    */\n\n    const onClick = (event: UIEvent | KeyboardEvent) => {\n      if (\n        // Do not update position if keepPosition is true.\n        keepPosition ||\n        // If the click was on the trigger, this will make the popover appear or disappear,\n        // so no need to update its position either in this case.\n        nodeContains(trackRef.current, event.target)\n      ) {\n        return;\n      }\n\n      requestAnimationFrame(() => {\n        updatePositionHandler();\n      });\n    };\n\n    const updatePositionOnResize = () => requestAnimationFrame(() => updatePositionHandler());\n    const refreshPosition = () => requestAnimationFrame(() => positionHandlerRef.current());\n\n    window.addEventListener('click', onClick);\n    window.addEventListener('resize', updatePositionOnResize);\n    window.addEventListener('scroll', refreshPosition, true);\n\n    return () => {\n      window.removeEventListener('click', onClick);\n      window.removeEventListener('resize', updatePositionOnResize);\n      window.removeEventListener('scroll', refreshPosition, true);\n    };\n  }, [keepPosition, positionHandlerRef, trackRef, updatePositionHandler]);\n\n  return (\n    <div\n      ref={popoverRef}\n      style={{ ...popoverStyle, zIndex }}\n      className={clsx(styles.container, isRefresh && styles.refresh)}\n    >\n      <div\n        ref={arrowRef}\n        className={clsx(styles[`container-arrow`], styles[`container-arrow-position-${internalPosition}`])}\n        aria-hidden={true}\n      >\n        {arrow(internalPosition)}\n      </div>\n\n      <div\n        ref={bodyRef}\n        className={clsx(styles['container-body'], styles[`container-body-size-${size}`], {\n          [styles['fixed-width']]: fixedWidth,\n          [styles[`container-body-variant-${variant}`]]: variant,\n        })}\n      >\n        <div ref={contentRef}>{children}</div>\n      </div>\n    </div>\n  );\n}\n"]}

package/lib/internal/template/popover/interfaces.d.ts

@@ -65,12 +65,12 @@ export interface PopoverProps extends BaseComponentProps {
  */
 export type InternalPosition = 'right-top' | 'right-bottom' | 'left-top' | 'left-bottom' | 'top-center' | 'top-right' | 'top-left' | 'bottom-center' | 'bottom-right' | 'bottom-left';
 export interface Offset {
-    left: number;
-    top: number;
+    insetInlineStart: number;
+    insetBlockStart: number;
 }
 export interface Dimensions {
-    width: number;
-    height: number;
+    inlineSize: number;
+    blockSize: number;
 }
 export type BoundingBox = Dimensions & Offset;
 export declare namespace PopoverProps {

package/lib/internal/template/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,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,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;AAE9C,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;CAC7C"}
+{"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,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,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;CAC7C"}

package/lib/internal/template/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   * 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  left: number;\n  top: number;\n}\n\nexport interface Dimensions {\n  width: number;\n  height: number;\n}\n\nexport type BoundingBox = Dimensions & Offset;\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"]}
+{"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   * 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 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"]}

package/lib/internal/template/popover/styles.css.js

@@ -1,55 +1,55 @@
 
     import './styles.scoped.css';
     export default {
-  "arrow": "awsui_arrow_xjuzf_1wdzy_197",
-  "arrow-outer": "awsui_arrow-outer_xjuzf_1wdzy_201",
-  "arrow-inner": "awsui_arrow-inner_xjuzf_1wdzy_201",
-  "refresh": "awsui_refresh_xjuzf_1wdzy_231",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_1wdzy_241",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_1wdzy_241",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_1wdzy_244",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_1wdzy_244",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_1wdzy_247",
-  "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_1wdzy_247",
-  "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_1wdzy_247",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_1wdzy_247",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_1wdzy_250",
-  "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_1wdzy_250",
-  "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_1wdzy_250",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_1wdzy_250",
-  "body": "awsui_body_xjuzf_1wdzy_352",
-  "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_1wdzy_391",
-  "has-dismiss": "awsui_has-dismiss_xjuzf_1wdzy_395",
-  "dismiss": "awsui_dismiss_xjuzf_1wdzy_400",
-  "dismiss-control": "awsui_dismiss-control_xjuzf_1wdzy_408",
-  "header-row": "awsui_header-row_xjuzf_1wdzy_412",
-  "header": "awsui_header_xjuzf_1wdzy_412",
-  "content": "awsui_content_xjuzf_1wdzy_438",
-  "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_1wdzy_446",
-  "container": "awsui_container_xjuzf_1wdzy_548",
-  "container-body": "awsui_container-body_xjuzf_1wdzy_556",
-  "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_1wdzy_599",
-  "container-body-size-small": "awsui_container-body-size-small_xjuzf_1wdzy_604",
-  "fixed-width": "awsui_fixed-width_xjuzf_1wdzy_607",
-  "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_1wdzy_611",
-  "container-body-size-large": "awsui_container-body-size-large_xjuzf_1wdzy_618",
-  "container-arrow": "awsui_container-arrow_xjuzf_1wdzy_630",
-  "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_1wdzy_634",
-  "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_1wdzy_634",
-  "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_1wdzy_646",
-  "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_1wdzy_646",
-  "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_1wdzy_658",
-  "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_1wdzy_658",
-  "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_1wdzy_658",
-  "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_1wdzy_658",
-  "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_1wdzy_674",
-  "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_1wdzy_678",
-  "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_1wdzy_682",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_1wdzy_1",
-  "root": "awsui_root_xjuzf_1wdzy_828",
-  "trigger": "awsui_trigger_xjuzf_1wdzy_864",
-  "trigger-type-text": "awsui_trigger-type-text_xjuzf_1wdzy_871",
-  "trigger-inner-text": "awsui_trigger-inner-text_xjuzf_1wdzy_906",
-  "popover-inline-content": "awsui_popover-inline-content_xjuzf_1wdzy_910"
+  "arrow": "awsui_arrow_xjuzf_2nwcz_197",
+  "arrow-outer": "awsui_arrow-outer_xjuzf_2nwcz_201",
+  "arrow-inner": "awsui_arrow-inner_xjuzf_2nwcz_201",
+  "refresh": "awsui_refresh_xjuzf_2nwcz_235",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_2nwcz_245",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_2nwcz_245",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_2nwcz_248",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_2nwcz_248",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_2nwcz_251",
+  "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_2nwcz_251",
+  "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_2nwcz_251",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_2nwcz_251",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_2nwcz_254",
+  "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_2nwcz_254",
+  "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_2nwcz_254",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_2nwcz_254",
+  "body": "awsui_body_xjuzf_2nwcz_356",
+  "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_2nwcz_395",
+  "has-dismiss": "awsui_has-dismiss_xjuzf_2nwcz_399",
+  "dismiss": "awsui_dismiss_xjuzf_2nwcz_404",
+  "dismiss-control": "awsui_dismiss-control_xjuzf_2nwcz_412",
+  "header-row": "awsui_header-row_xjuzf_2nwcz_416",
+  "header": "awsui_header_xjuzf_2nwcz_416",
+  "content": "awsui_content_xjuzf_2nwcz_442",
+  "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_2nwcz_450",
+  "container": "awsui_container_xjuzf_2nwcz_552",
+  "container-body": "awsui_container-body_xjuzf_2nwcz_560",
+  "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_2nwcz_603",
+  "container-body-size-small": "awsui_container-body-size-small_xjuzf_2nwcz_608",
+  "fixed-width": "awsui_fixed-width_xjuzf_2nwcz_611",
+  "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_2nwcz_615",
+  "container-body-size-large": "awsui_container-body-size-large_xjuzf_2nwcz_622",
+  "container-arrow": "awsui_container-arrow_xjuzf_2nwcz_634",
+  "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_2nwcz_638",
+  "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_2nwcz_638",
+  "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_2nwcz_654",
+  "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_2nwcz_654",
+  "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_2nwcz_670",
+  "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_2nwcz_670",
+  "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_2nwcz_670",
+  "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_2nwcz_670",
+  "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_2nwcz_686",
+  "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_2nwcz_690",
+  "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_2nwcz_694",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_2nwcz_1",
+  "root": "awsui_root_xjuzf_2nwcz_840",
+  "trigger": "awsui_trigger_xjuzf_2nwcz_876",
+  "trigger-type-text": "awsui_trigger-type-text_xjuzf_2nwcz_883",
+  "trigger-inner-text": "awsui_trigger-inner-text_xjuzf_2nwcz_918",
+  "popover-inline-content": "awsui_popover-inline-content_xjuzf_2nwcz_922"
 };
   

package/lib/internal/template/popover/styles.scoped.css

@@ -194,11 +194,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_1wdzy_197:not(#\9) {
+.awsui_arrow_xjuzf_2nwcz_197:not(#\9) {
   inline-size: 20px;
   block-size: 10px;
 }
-.awsui_arrow-outer_xjuzf_1wdzy_201:not(#\9), .awsui_arrow-inner_xjuzf_1wdzy_201:not(#\9) {
+.awsui_arrow-outer_xjuzf_2nwcz_201:not(#\9), .awsui_arrow-inner_xjuzf_2nwcz_201:not(#\9) {
   position: absolute;
   overflow: hidden;
   inline-size: 20px;
@@ -206,7 +206,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-start: 0;
   inset-inline-start: 0;
 }
-.awsui_arrow-outer_xjuzf_1wdzy_201:not(#\9)::after, .awsui_arrow-inner_xjuzf_1wdzy_201:not(#\9)::after {
+.awsui_arrow-outer_xjuzf_2nwcz_201:not(#\9)::after, .awsui_arrow-inner_xjuzf_2nwcz_201:not(#\9)::after {
   content: "";
   box-sizing: border-box;
   display: inline-block;
@@ -222,32 +222,36 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transform: rotate(45deg);
   transform-origin: 0 100%;
 }
-.awsui_arrow-outer_xjuzf_1wdzy_201:not(#\9)::after {
+.awsui_arrow-outer_xjuzf_2nwcz_201:not(#\9):dir(rtl)::after, .awsui_arrow-inner_xjuzf_2nwcz_201:not(#\9):dir(rtl)::after {
+  transform: rotate(-45deg);
+  transform-origin: 100% 100%;
+}
+.awsui_arrow-outer_xjuzf_2nwcz_201:not(#\9)::after {
   background-color: var(--color-border-popover-sxojn8, #d5dbdb);
 }
-.awsui_arrow-inner_xjuzf_1wdzy_201:not(#\9) {
+.awsui_arrow-inner_xjuzf_2nwcz_201:not(#\9) {
   inset-block-start: 2px;
 }
-.awsui_arrow-inner_xjuzf_1wdzy_201.awsui_refresh_xjuzf_1wdzy_231:not(#\9) {
+.awsui_arrow-inner_xjuzf_2nwcz_201.awsui_refresh_xjuzf_2nwcz_235:not(#\9) {
   inset-block-start: 3px;
 }
-.awsui_arrow-inner_xjuzf_1wdzy_201:not(#\9)::after {
+.awsui_arrow-inner_xjuzf_2nwcz_201: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-7gvi00, #ffffff);
 }
-.awsui_arrow-position-right-top_xjuzf_1wdzy_241 > .awsui_arrow-outer_xjuzf_1wdzy_201:not(#\9)::after, .awsui_arrow-position-right-bottom_xjuzf_1wdzy_241 > .awsui_arrow-outer_xjuzf_1wdzy_201:not(#\9)::after {
+.awsui_arrow-position-right-top_xjuzf_2nwcz_245 > .awsui_arrow-outer_xjuzf_2nwcz_201:not(#\9)::after, .awsui_arrow-position-right-bottom_xjuzf_2nwcz_245 > .awsui_arrow-outer_xjuzf_2nwcz_201:not(#\9)::after {
   box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-9hs6xx, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-left-top_xjuzf_1wdzy_244 > .awsui_arrow-outer_xjuzf_1wdzy_201:not(#\9)::after, .awsui_arrow-position-left-bottom_xjuzf_1wdzy_244 > .awsui_arrow-outer_xjuzf_1wdzy_201:not(#\9)::after {
+.awsui_arrow-position-left-top_xjuzf_2nwcz_248 > .awsui_arrow-outer_xjuzf_2nwcz_201:not(#\9)::after, .awsui_arrow-position-left-bottom_xjuzf_2nwcz_248 > .awsui_arrow-outer_xjuzf_2nwcz_201:not(#\9)::after {
   box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-9hs6xx, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-top-center_xjuzf_1wdzy_247 > .awsui_arrow-outer_xjuzf_1wdzy_201:not(#\9)::after, .awsui_arrow-position-top-right_xjuzf_1wdzy_247 > .awsui_arrow-outer_xjuzf_1wdzy_201:not(#\9)::after, .awsui_arrow-position-top-left_xjuzf_1wdzy_247 > .awsui_arrow-outer_xjuzf_1wdzy_201:not(#\9)::after, .awsui_arrow-position-top-responsive_xjuzf_1wdzy_247 > .awsui_arrow-outer_xjuzf_1wdzy_201:not(#\9)::after {
+.awsui_arrow-position-top-center_xjuzf_2nwcz_251 > .awsui_arrow-outer_xjuzf_2nwcz_201:not(#\9)::after, .awsui_arrow-position-top-right_xjuzf_2nwcz_251 > .awsui_arrow-outer_xjuzf_2nwcz_201:not(#\9)::after, .awsui_arrow-position-top-left_xjuzf_2nwcz_251 > .awsui_arrow-outer_xjuzf_2nwcz_201:not(#\9)::after, .awsui_arrow-position-top-responsive_xjuzf_2nwcz_251 > .awsui_arrow-outer_xjuzf_2nwcz_201:not(#\9)::after {
   box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-9hs6xx, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-bottom-center_xjuzf_1wdzy_250 > .awsui_arrow-outer_xjuzf_1wdzy_201:not(#\9)::after, .awsui_arrow-position-bottom-right_xjuzf_1wdzy_250 > .awsui_arrow-outer_xjuzf_1wdzy_201:not(#\9)::after, .awsui_arrow-position-bottom-left_xjuzf_1wdzy_250 > .awsui_arrow-outer_xjuzf_1wdzy_201:not(#\9)::after, .awsui_arrow-position-bottom-responsive_xjuzf_1wdzy_250 > .awsui_arrow-outer_xjuzf_1wdzy_201:not(#\9)::after {
+.awsui_arrow-position-bottom-center_xjuzf_2nwcz_254 > .awsui_arrow-outer_xjuzf_2nwcz_201:not(#\9)::after, .awsui_arrow-position-bottom-right_xjuzf_2nwcz_254 > .awsui_arrow-outer_xjuzf_2nwcz_201:not(#\9)::after, .awsui_arrow-position-bottom-left_xjuzf_2nwcz_254 > .awsui_arrow-outer_xjuzf_2nwcz_201:not(#\9)::after, .awsui_arrow-position-bottom-responsive_xjuzf_2nwcz_254 > .awsui_arrow-outer_xjuzf_2nwcz_201:not(#\9)::after {
   box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-9hs6xx, rgba(0, 28, 36, 0.5));
 }
 
@@ -349,7 +353,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_1wdzy_352:not(#\9) {
+.awsui_body_xjuzf_2nwcz_356:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -389,16 +393,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-s-2025hl, 12px);
   padding-inline: var(--space-m-kpg8id, 16px);
 }
-.awsui_body-overflow-visible_xjuzf_1wdzy_391:not(#\9) {
+.awsui_body-overflow-visible_xjuzf_2nwcz_395:not(#\9) {
   overflow: visible;
 }
 
-.awsui_has-dismiss_xjuzf_1wdzy_395:not(#\9) {
+.awsui_has-dismiss_xjuzf_2nwcz_399:not(#\9) {
   display: flex;
   align-items: baseline;
 }
 
-.awsui_dismiss_xjuzf_1wdzy_400:not(#\9) {
+.awsui_dismiss_xjuzf_2nwcz_404:not(#\9) {
   margin-block: calc(-1 * var(--space-xs-xf5ch3, 8px));
   margin-inline-start: 0;
   margin-inline-end: calc(-1 * (var(--space-xxs-9rrxti, 4px) + var(--border-field-width-yoy972, 1px)));
@@ -406,15 +410,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   order: 1;
 }
 
-.awsui_dismiss-control_xjuzf_1wdzy_408:not(#\9) {
+.awsui_dismiss-control_xjuzf_2nwcz_412:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_header-row_xjuzf_1wdzy_412:not(#\9) {
+.awsui_header-row_xjuzf_2nwcz_416:not(#\9) {
   margin-block-end: var(--space-xs-xf5ch3, 8px);
 }
 
-.awsui_header_xjuzf_1wdzy_412:not(#\9) {
+.awsui_header_xjuzf_2nwcz_416:not(#\9) {
   word-wrap: break-word;
   max-inline-size: 100%;
   overflow: hidden;
@@ -427,7 +431,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   /* stylelint-disable selector-max-type */
   /* stylelint-enable selector-max-type */
 }
-.awsui_header_xjuzf_1wdzy_412 > h2:not(#\9) {
+.awsui_header_xjuzf_2nwcz_416 > h2:not(#\9) {
   font-size: var(--font-size-heading-xs-pz04z3, 16px);
   line-height: var(--line-height-heading-xs-jsenn1, 20px);
   font-weight: var(--font-weight-heading-xs-lfmr92, 400);
@@ -436,7 +440,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: inline;
 }
 
-.awsui_content_xjuzf_1wdzy_438:not(#\9) {
+.awsui_content_xjuzf_2nwcz_442:not(#\9) {
   word-wrap: break-word;
   max-inline-size: 100%;
   overflow: hidden;
@@ -444,7 +448,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_1wdzy_446:not(#\9) {
+.awsui_content-overflow-visible_xjuzf_2nwcz_450:not(#\9) {
   overflow: visible;
 }
 
@@ -546,7 +550,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_1wdzy_548:not(#\9) {
+.awsui_container_xjuzf_2nwcz_552:not(#\9) {
   display: inline-block;
   position: fixed;
   inset-block-start: -9999px;
@@ -554,7 +558,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 2000;
 }
 
-.awsui_container-body_xjuzf_1wdzy_556:not(#\9) {
+.awsui_container-body_xjuzf_2nwcz_560:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -598,90 +602,98 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-border-popover-sxojn8, #d5dbdb);
 }
 
-.awsui_container-body-variant-annotation_xjuzf_1wdzy_599:not(#\9) {
+.awsui_container-body-variant-annotation_xjuzf_2nwcz_603:not(#\9) {
   background-color: var(--color-background-status-info-pgxhez, #f1faff);
   border-color: var(--color-border-status-info-q9np44, #0073bb);
 }
 
-.awsui_container-body-size-small_xjuzf_1wdzy_604:not(#\9) {
+.awsui_container-body-size-small_xjuzf_2nwcz_608:not(#\9) {
   max-inline-size: 210px;
 }
-.awsui_container-body-size-small_xjuzf_1wdzy_604.awsui_fixed-width_xjuzf_1wdzy_607:not(#\9) {
+.awsui_container-body-size-small_xjuzf_2nwcz_608.awsui_fixed-width_xjuzf_2nwcz_611:not(#\9) {
   inline-size: 210px;
 }
 
-.awsui_container-body-size-medium_xjuzf_1wdzy_611:not(#\9) {
+.awsui_container-body-size-medium_xjuzf_2nwcz_615:not(#\9) {
   max-inline-size: 310px;
 }
-.awsui_container-body-size-medium_xjuzf_1wdzy_611.awsui_fixed-width_xjuzf_1wdzy_607:not(#\9) {
+.awsui_container-body-size-medium_xjuzf_2nwcz_615.awsui_fixed-width_xjuzf_2nwcz_611:not(#\9) {
   inline-size: 310px;
 }
 
-.awsui_container-body-size-large_xjuzf_1wdzy_618:not(#\9) {
+.awsui_container-body-size-large_xjuzf_2nwcz_622:not(#\9) {
   max-inline-size: 480px;
 }
 @media (max-width: 480px) {
-  .awsui_container-body-size-large_xjuzf_1wdzy_618:not(#\9) {
+  .awsui_container-body-size-large_xjuzf_2nwcz_622:not(#\9) {
     max-inline-size: 310px;
   }
 }
-.awsui_container-body-size-large_xjuzf_1wdzy_618.awsui_fixed-width_xjuzf_1wdzy_607:not(#\9) {
+.awsui_container-body-size-large_xjuzf_2nwcz_622.awsui_fixed-width_xjuzf_2nwcz_611:not(#\9) {
   inline-size: 480px;
 }
 
-.awsui_container-arrow_xjuzf_1wdzy_630:not(#\9) {
+.awsui_container-arrow_xjuzf_2nwcz_634:not(#\9) {
   position: absolute;
   display: inline-block;
 }
-.awsui_container-arrow-position-right-top_xjuzf_1wdzy_634:not(#\9), .awsui_container-arrow-position-right-bottom_xjuzf_1wdzy_634:not(#\9) {
+.awsui_container-arrow-position-right-top_xjuzf_2nwcz_638:not(#\9), .awsui_container-arrow-position-right-bottom_xjuzf_2nwcz_638:not(#\9) {
   transform: rotate(-90deg);
   transform-origin: 0 100%;
 }
-.awsui_container-arrow-position-right-top_xjuzf_1wdzy_634:not(#\9) {
+.awsui_container-arrow-position-right-top_xjuzf_2nwcz_638:not(#\9):dir(rtl), .awsui_container-arrow-position-right-bottom_xjuzf_2nwcz_638:not(#\9):dir(rtl) {
+  transform: rotate(90deg);
+  transform-origin: 100% 100%;
+}
+.awsui_container-arrow-position-right-top_xjuzf_2nwcz_638:not(#\9) {
   inset-block-start: calc(12px + 10px);
   inset-inline-start: 0;
 }
-.awsui_container-arrow-position-right-bottom_xjuzf_1wdzy_634:not(#\9) {
+.awsui_container-arrow-position-right-bottom_xjuzf_2nwcz_638:not(#\9) {
   inset-block-end: 12px;
   inset-inline-start: 0;
 }
-.awsui_container-arrow-position-left-top_xjuzf_1wdzy_646:not(#\9), .awsui_container-arrow-position-left-bottom_xjuzf_1wdzy_646:not(#\9) {
+.awsui_container-arrow-position-left-top_xjuzf_2nwcz_654:not(#\9), .awsui_container-arrow-position-left-bottom_xjuzf_2nwcz_654:not(#\9) {
   transform: rotate(90deg);
   transform-origin: 100% 100%;
 }
-.awsui_container-arrow-position-left-top_xjuzf_1wdzy_646:not(#\9) {
+.awsui_container-arrow-position-left-top_xjuzf_2nwcz_654:not(#\9):dir(rtl), .awsui_container-arrow-position-left-bottom_xjuzf_2nwcz_654:not(#\9):dir(rtl) {
+  transform: rotate(-90deg);
+  transform-origin: 0% 100%;
+}
+.awsui_container-arrow-position-left-top_xjuzf_2nwcz_654:not(#\9) {
   inset-block-start: calc(12px + 10px);
   inset-inline-end: 0;
 }
-.awsui_container-arrow-position-left-bottom_xjuzf_1wdzy_646:not(#\9) {
+.awsui_container-arrow-position-left-bottom_xjuzf_2nwcz_654:not(#\9) {
   inset-block-end: 12px;
   inset-inline-end: 0;
 }
-.awsui_container-arrow-position-top-center_xjuzf_1wdzy_658:not(#\9), .awsui_container-arrow-position-top-right_xjuzf_1wdzy_658:not(#\9), .awsui_container-arrow-position-top-left_xjuzf_1wdzy_658:not(#\9), .awsui_container-arrow-position-top-responsive_xjuzf_1wdzy_658:not(#\9) {
+.awsui_container-arrow-position-top-center_xjuzf_2nwcz_670:not(#\9), .awsui_container-arrow-position-top-right_xjuzf_2nwcz_670:not(#\9), .awsui_container-arrow-position-top-left_xjuzf_2nwcz_670:not(#\9), .awsui_container-arrow-position-top-responsive_xjuzf_2nwcz_670:not(#\9) {
   transform: rotate(180deg);
   transform-origin: 50% 50%;
 }
-.awsui_container-arrow-position-top-center_xjuzf_1wdzy_658:not(#\9) {
+.awsui_container-arrow-position-top-center_xjuzf_2nwcz_670:not(#\9) {
   inset-block-end: -10px;
   inset-inline-start: calc(50% - 10px);
 }
-.awsui_container-arrow-position-top-right_xjuzf_1wdzy_658:not(#\9) {
+.awsui_container-arrow-position-top-right_xjuzf_2nwcz_670:not(#\9) {
   inset-block-end: -10px;
   inset-inline-start: 12px;
 }
-.awsui_container-arrow-position-top-left_xjuzf_1wdzy_658:not(#\9) {
+.awsui_container-arrow-position-top-left_xjuzf_2nwcz_670:not(#\9) {
   inset-block-end: -10px;
   inset-inline-start: calc(100% - 20px - 12px);
 }
-.awsui_container-arrow-position-bottom-center_xjuzf_1wdzy_674:not(#\9) {
+.awsui_container-arrow-position-bottom-center_xjuzf_2nwcz_686:not(#\9) {
   inset-block-start: -10px;
   inset-inline-start: calc(50% - 10px);
 }
-.awsui_container-arrow-position-bottom-right_xjuzf_1wdzy_678:not(#\9) {
+.awsui_container-arrow-position-bottom-right_xjuzf_2nwcz_690:not(#\9) {
   inset-block-start: -10px;
   inset-inline-start: 12px;
 }
-.awsui_container-arrow-position-bottom-left_xjuzf_1wdzy_682:not(#\9) {
+.awsui_container-arrow-position-bottom-left_xjuzf_2nwcz_694:not(#\9) {
   inset-block-start: -10px;
   inset-inline-start: calc(100% - 20px - 12px);
 }
@@ -784,10 +796,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_1wdzy_548:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_xjuzf_1wdzy_1 var(--motion-duration-show-paced-wu1v6q, 180ms) var(--motion-easing-show-paced-72rrqw, ease-out);
+.awsui_container_xjuzf_2nwcz_552:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_xjuzf_2nwcz_1 var(--motion-duration-show-paced-wu1v6q, 180ms) var(--motion-easing-show-paced-72rrqw, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_xjuzf_1wdzy_1 {
+@keyframes awsui_awsui-motion-fade-in_xjuzf_2nwcz_1 {
   from {
     opacity: 0.2;
   }
@@ -796,19 +808,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_container_xjuzf_1wdzy_548:not(#\9) {
+  .awsui_container_xjuzf_2nwcz_552:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_container_xjuzf_1wdzy_548:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_1wdzy_548:not(#\9) {
+.awsui-motion-disabled .awsui_container_xjuzf_2nwcz_552:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_2nwcz_552:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_container_xjuzf_1wdzy_548.awsui_refresh_xjuzf_1wdzy_231:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_xjuzf_1wdzy_1 var(--motion-duration-refresh-only-fast-y7h37k, 115ms) var(--motion-easing-refresh-only-a-liv5su, cubic-bezier(0, 0, 0, 1));
+.awsui_container_xjuzf_2nwcz_552.awsui_refresh_xjuzf_2nwcz_235:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_xjuzf_2nwcz_1 var(--motion-duration-refresh-only-fast-y7h37k, 115ms) var(--motion-easing-refresh-only-a-liv5su, cubic-bezier(0, 0, 0, 1));
 }
-@keyframes awsui_awsui-motion-fade-in_xjuzf_1wdzy_1 {
+@keyframes awsui_awsui-motion-fade-in_xjuzf_2nwcz_1 {
   from {
     opacity: 0.2;
   }
@@ -817,17 +829,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_container_xjuzf_1wdzy_548.awsui_refresh_xjuzf_1wdzy_231:not(#\9) {
+  .awsui_container_xjuzf_2nwcz_552.awsui_refresh_xjuzf_2nwcz_235:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_container_xjuzf_1wdzy_548.awsui_refresh_xjuzf_1wdzy_231:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_1wdzy_548.awsui_refresh_xjuzf_1wdzy_231:not(#\9) {
+.awsui-motion-disabled .awsui_container_xjuzf_2nwcz_552.awsui_refresh_xjuzf_2nwcz_235:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_2nwcz_552.awsui_refresh_xjuzf_2nwcz_235:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_xjuzf_1wdzy_828:not(#\9) {
+.awsui_root_xjuzf_2nwcz_840:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -864,14 +876,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: inherit;
 }
 
-.awsui_trigger_xjuzf_1wdzy_864:not(#\9) {
+.awsui_trigger_xjuzf_2nwcz_876:not(#\9) {
   display: inline-block;
   max-inline-size: 100%;
   color: inherit;
   text-align: inherit;
 }
 
-.awsui_trigger-type-text_xjuzf_1wdzy_871:not(#\9) {
+.awsui_trigger-type-text_xjuzf_2nwcz_883:not(#\9) {
   border-block: 0;
   border-inline: 0;
   margin-block: 0;
@@ -882,17 +894,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   cursor: pointer;
   border-block-end: var(--border-divider-list-width-471u6a, 1px) dashed currentColor;
 }
-.awsui_trigger-type-text_xjuzf_1wdzy_871:not(#\9):focus {
+.awsui_trigger-type-text_xjuzf_2nwcz_883:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_1wdzy_871:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_2nwcz_883:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_1wdzy_871:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_2nwcz_883:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(1px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_1wdzy_871:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_2nwcz_883:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -906,10 +918,10 @@ body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_1wdzy_871:not
   border-end-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_trigger-type-text_xjuzf_1wdzy_871 > .awsui_trigger-inner-text_xjuzf_1wdzy_906:not(#\9) {
+.awsui_trigger-type-text_xjuzf_2nwcz_883 > .awsui_trigger-inner-text_xjuzf_2nwcz_918:not(#\9) {
   position: relative;
 }
 
-.awsui_popover-inline-content_xjuzf_1wdzy_910:not(#\9) {
+.awsui_popover-inline-content_xjuzf_2nwcz_922:not(#\9) {
   display: inline;
 }