npm - @cloudscape-design/components - Versions diffs - 3.0.217 → 3.0.219 - Mend

@cloudscape-design/components 3.0.217 → 3.0.219

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/internal/components/dropdown/index.d.ts.map +1 -1
package/internal/components/dropdown/index.js +1 -2
package/internal/components/dropdown/index.js.map +1 -1
package/internal/components/options-list/utils/use-keyboard.d.ts.map +1 -1
package/internal/components/options-list/utils/use-keyboard.js +1 -0
package/internal/components/options-list/utils/use-keyboard.js.map +1 -1
package/internal/environment.js +1 -1
package/internal/manifest.json +1 -1
package/package.json +1 -1
package/popover/styles.css.js +50 -50
package/popover/styles.scoped.css +64 -63
package/popover/styles.selectors.js +50 -50

package/internal/components/dropdown/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/dropdown/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAiG7C,QAAA,MAAM,QAAQ,6QAsBX,aAAa,~~gBA+Qf~~,CAAC;AAMF,eAAe,QAAQ,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/dropdown/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAiG7C,QAAA,MAAM,QAAQ,6QAsBX,aAAa,gBA6Qf,CAAC;AAMF,eAAe,QAAQ,CAAC"}

package/internal/components/dropdown/index.js CHANGED Viewed

@@ -193,8 +193,7 @@ var Dropdown = function (_a) {
         }
         var clickListener = function (e) {
             var _a, _b;
-            var target = e.composedPath()[0];
-            if (!((_a = dropdownRef.current) === null || _a === void 0 ? void 0 : _a.contains(target)) && !((_b = triggerRef.current) === null || _b === void 0 ? void 0 : _b.contains(target))) {
+            if (!((_a = dropdownRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target)) && !((_b = triggerRef.current) === null || _b === void 0 ? void 0 : _b.contains(e.target))) {
                 fireNonCancelableEvent(onDropdownClose);
             }
         };

package/internal/components/dropdown/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/dropdown/index.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 styles from './styles.css.js';\nimport clsx from 'clsx';\nimport { useMergeRefs } from '../../hooks/use-merge-refs';\nimport React, { useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { fireNonCancelableEvent } from '../../events';\nimport { DropdownProps } from './interfaces';\nimport { DropdownPosition, InteriorDropdownPosition, calculatePosition } from './dropdown-fit-handler';\nimport { Transition, TransitionStatus } from '../transition';\nimport { useVisualRefresh } from '../../hooks/use-visual-mode';\nimport { usePortalModeClasses } from '../../hooks/use-portal-mode-classes';\nimport { DropdownContextProvider, DropdownContextProviderProps } from './context';\nimport { useMobile } from '../../hooks/use-mobile';\nimport TabTrap from '../tab-trap/index.js';\nimport { getFirstFocusable, getLastFocusable } from '../focus-lock/utils.js';\n\ninterface DropdownContainerProps {\n children?: React.ReactNode;\n renderWithPortal?: boolean;\n id?: string;\n open?: boolean;\n}\n\nconst DropdownContainer = ({ children, renderWithPortal = false, id, open }: DropdownContainerProps) => {\n if (renderWithPortal) {\n if (open) {\n return createPortal(<div id={id}>{children}</div>, document.body);\n } else {\n return null;\n }\n } else {\n return <>{children}</>;\n }\n};\n\ninterface TransitionContentProps {\n state: TransitionStatus;\n transitionRef: React.MutableRefObject<any>;\n dropdownClasses: string;\n stretchWidth: boolean;\n interior: boolean;\n isRefresh: boolean;\n dropdownRef: React.RefObject<HTMLDivElement>;\n verticalContainerRef: React.RefObject<HTMLDivElement>;\n expandToViewport?: boolean;\n header?: React.ReactNode;\n children?: React.ReactNode;\n footer?: React.ReactNode;\n position?: DropdownContextProviderProps['position'];\n open?: boolean;\n onMouseDown?: React.MouseEventHandler<Element>;\n}\n\nconst TransitionContent = ({\n state,\n transitionRef,\n dropdownClasses,\n stretchWidth,\n interior,\n isRefresh,\n dropdownRef,\n verticalContainerRef,\n expandToViewport,\n header,\n children,\n footer,\n position,\n open,\n onMouseDown,\n}: TransitionContentProps) => {\n const contentRef = useMergeRefs(dropdownRef, transitionRef);\n return (\n <div\n className={clsx(styles.dropdown, dropdownClasses, {\n [styles.open]: open,\n [styles['with-limited-width']]: !stretchWidth,\n [styles['hide-upper-border']]: stretchWidth,\n [styles.interior]: interior,\n [styles['is-empty']]: !header && !children,\n [styles.refresh]: isRefresh,\n [styles['use-portal']]: expandToViewport && !interior,\n })}\n ref={contentRef}\n data-open={open}\n data-animating={state !== 'exited'}\n aria-hidden={!open}\n onMouseDown={onMouseDown}\n >\n <div className={clsx(styles['dropdown-content-wrapper'], isRefresh && styles.refresh)}>\n <div className={styles['ie11-wrapper']}>\n <div ref={verticalContainerRef} className={styles['dropdown-content']}>\n <DropdownContextProvider position={position}>\n {header}\n {children}\n {footer}\n </DropdownContextProvider>\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nconst Dropdown = ({\n children,\n trigger,\n open,\n onDropdownClose,\n onMouseDown,\n header,\n footer,\n dropdownId,\n stretchTriggerHeight = false,\n stretchWidth = true,\n stretchHeight = false,\n stretchToTriggerWidth = true,\n expandToViewport = false,\n preferCenter = false,\n interior = false,\n minWidth,\n scrollable = true,\n loopFocus = expandToViewport,\n onFocus,\n onBlur,\n contentKey,\n}: DropdownProps) => {\n const wrapperRef = useRef<HTMLDivElement \| null>(null);\n const triggerRef = useRef<HTMLDivElement \| null>(null);\n const dropdownRef = useRef<HTMLDivElement \| null>(null);\n const dropdownContainerRef = useRef<HTMLDivElement \| null>(null);\n // This container is only needed to apply max-height to. We can't move max-height to it's parent\n // because of an IE11 issue with flexbox. https://github.com/philipwalton/flexbugs/issues/216\n const verticalContainerRef = useRef<HTMLDivElement>(null);\n // To keep track of the initial position (drop up/down) which is kept the same during fixed repositioning\n const fixedPosition = useRef<DropdownPosition \| null>(null);\n\n const isRefresh = useVisualRefresh();\n\n const dropdownClasses = usePortalModeClasses(triggerRef);\n const [position, setPosition] = useState<DropdownContextProviderProps['position']>('bottom-right');\n\n const isMobile = useMobile();\n\n const setDropdownPosition = (\n position: DropdownPosition \| InteriorDropdownPosition,\n triggerBox: DOMRect,\n target: HTMLDivElement,\n verticalContainer: HTMLDivElement\n ) => {\n const entireWidth = !interior && stretchWidth;\n if (!stretchWidth) {\n // 1px offset for dropdowns where the dropdown itself needs a border, rather than on the items\n verticalContainer.style.maxHeight = `${parseInt(position.height) + 1}px`;\n } else {\n verticalContainer.style.maxHeight = position.height;\n }\n\n if (entireWidth && !expandToViewport) {\n if (stretchToTriggerWidth) {\n target.classList.add(styles['occupy-entire-width']);\n }\n } else {\n target.style.width = position.width;\n }\n // Using styles for main dropdown to adjust its position as preferred alternative\n if (position.dropUp && !interior) {\n target.classList.add(styles['dropdown-drop-up']);\n if (!expandToViewport) {\n target.style.bottom = '100%';\n }\n } else {\n target.classList.remove(styles['dropdown-drop-up']);\n }\n target.classList.add(position.dropLeft ? styles['dropdown-drop-left'] : styles['dropdown-drop-right']);\n\n if (position.left && position.left !== 'auto') {\n target.style.left = position.left;\n }\n\n // Position normal overflow dropdowns with fixed positioning relative to viewport\n if (expandToViewport && !interior) {\n target.style.position = 'fixed';\n if (position.dropUp) {\n target.style.bottom = `calc(100% - ${triggerBox.top}px)`;\n } else {\n target.style.top = `${triggerBox.bottom}px`;\n }\n if (position.dropLeft) {\n target.style.left = `calc(${triggerBox.right}px - ${position.width})`;\n } else {\n target.style.left = `${triggerBox.left}px`;\n }\n // Keep track of the initial dropdown position and direction.\n // Dropdown direction doesn't need to change as the user scrolls, just needs to stay attached to the trigger.\n fixedPosition.current = position;\n return;\n }\n\n // For an interior dropdown (the fly out) we need exact values for positioning\n // and classes are not enough\n // usage of relative position is impossible due to overwrite of overflow-x\n if (interior && isInteriorPosition(position)) {\n if (position.dropUp) {\n target.style.bottom = position.bottom;\n } else {\n target.style.top = position.top;\n }\n target.style.left = position.left;\n }\n\n if (position.dropUp && position.dropLeft) {\n setPosition('top-left');\n } else if (position.dropUp) {\n setPosition('top-right');\n } else if (position.dropLeft) {\n setPosition('bottom-left');\n } else {\n setPosition('bottom-right');\n }\n };\n\n const isOutsideDropdown = (element: Element) =>\n (!wrapperRef.current \|\| !wrapperRef.current.contains(element)) &&\n (!dropdownContainerRef.current \|\| !dropdownContainerRef.current.contains(element));\n\n const focusHandler = (event: React.FocusEvent) => {\n if (!event.relatedTarget \|\| isOutsideDropdown(event.relatedTarget)) {\n fireNonCancelableEvent(onFocus, event);\n }\n };\n\n const blurHandler = (event: React.FocusEvent) => {\n if (!event.relatedTarget \|\| isOutsideDropdown(event.relatedTarget)) {\n fireNonCancelableEvent(onBlur, event);\n }\n };\n\n useLayoutEffect(() => {\n const onDropdownOpen = () => {\n if (open && dropdownRef.current && triggerRef.current && verticalContainerRef.current) {\n // calculate scroll width only for dropdowns that has a scrollbar and ignore it for date picker components\n if (scrollable) {\n dropdownRef.current.classList.add(styles.nowrap);\n }\n setDropdownPosition(\n ...calculatePosition(\n dropdownRef.current,\n triggerRef.current,\n verticalContainerRef.current,\n interior,\n expandToViewport,\n preferCenter,\n stretchWidth,\n stretchHeight,\n isMobile,\n minWidth\n ),\n dropdownRef.current,\n verticalContainerRef.current\n );\n if (scrollable) {\n dropdownRef.current.classList.remove(styles.nowrap);\n }\n }\n };\n onDropdownOpen();\n\n if (open) {\n // window may scroll when dropdown opens, for example when soft keyboard shows up\n window.addEventListener('scroll', onDropdownOpen);\n // only listen to window scroll within very short time after the dropdown opens\n // do not want to interfere dropdown position on scroll afterwards\n const timeoutId = setTimeout(() => {\n window.removeEventListener('scroll', onDropdownOpen);\n }, 500);\n\n return () => {\n clearTimeout(timeoutId);\n window.removeEventListener('scroll', onDropdownOpen);\n };\n }\n // See AWSUI-13040\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [open, dropdownRef, triggerRef, verticalContainerRef, interior, stretchWidth, isMobile, contentKey]);\n\n // subscribe to outside click\n useEffect(() => {\n if (!open) {\n return;\n }\n const clickListener = (e: MouseEvent) => {\n const target = e.composedPath()[0];\n\n if (!dropdownRef.current?.contains(target as Node) && !triggerRef.current?.contains(target as Node)) {\n fireNonCancelableEvent(onDropdownClose);\n }\n };\n window.addEventListener('click', clickListener, true);\n\n return () => {\n window.removeEventListener('click', clickListener, true);\n };\n }, [open, onDropdownClose]);\n\n // sync dropdown position on scroll and resize\n useLayoutEffect(() => {\n if (!expandToViewport \|\| !open) {\n return;\n }\n const updateDropdownPosition = () => {\n if (triggerRef.current && dropdownRef.current && verticalContainerRef.current) {\n const triggerRect = triggerRef.current.getBoundingClientRect();\n const target = dropdownRef.current;\n if (fixedPosition.current) {\n if (fixedPosition.current.dropUp) {\n dropdownRef.current.style.bottom = `calc(100% - ${triggerRect.top}px)`;\n } else {\n target.style.top = `${triggerRect.bottom}px`;\n }\n if (fixedPosition.current.dropLeft) {\n target.style.left = `calc(${triggerRect.right}px - ${fixedPosition.current.width})`;\n } else {\n target.style.left = `${triggerRect.left}px`;\n }\n }\n }\n };\n\n updateDropdownPosition();\n\n window.addEventListener('scroll', updateDropdownPosition, true);\n window.addEventListener('resize', updateDropdownPosition, true);\n return () => {\n window.removeEventListener('scroll', updateDropdownPosition, true);\n window.removeEventListener('resize', updateDropdownPosition, true);\n };\n }, [open, expandToViewport]);\n\n return (\n <div\n className={clsx(\n styles.root,\n interior && styles.interior,\n stretchTriggerHeight && styles['stretch-trigger-height']\n )}\n ref={wrapperRef}\n onFocus={focusHandler}\n onBlur={blurHandler}\n >\n <div className={clsx(stretchTriggerHeight && styles['stretch-trigger-height'])} ref={triggerRef}>\n {trigger}\n </div>\n\n <TabTrap\n focusNextCallback={() => dropdownRef.current && getFirstFocusable(dropdownRef.current)?.focus()}\n disabled={!open \|\| !loopFocus}\n />\n\n <DropdownContainer renderWithPortal={expandToViewport && !interior} id={dropdownId} open={open}>\n <Transition in={open ?? false} exit={false}>\n {(state, ref) => (\n <div ref={dropdownContainerRef}>\n <TabTrap\n focusNextCallback={() => triggerRef.current && getLastFocusable(triggerRef.current)?.focus()}\n disabled={!open \|\| !loopFocus}\n />\n\n <TransitionContent\n state={state}\n transitionRef={ref}\n dropdownClasses={dropdownClasses}\n open={open}\n stretchWidth={stretchWidth}\n interior={interior}\n header={header}\n expandToViewport={expandToViewport}\n footer={footer}\n onMouseDown={onMouseDown}\n isRefresh={isRefresh}\n dropdownRef={dropdownRef}\n verticalContainerRef={verticalContainerRef}\n position={position}\n >\n {children}\n </TransitionContent>\n\n <TabTrap\n focusNextCallback={() => triggerRef.current && getFirstFocusable(triggerRef.current)?.focus()}\n disabled={!open \|\| !loopFocus}\n />\n </div>\n )}\n </Transition>\n </DropdownContainer>\n </div>\n );\n};\n\nconst isInteriorPosition = (\n position: DropdownPosition \| InteriorDropdownPosition\n): position is InteriorDropdownPosition => (position as InteriorDropdownPosition).bottom !== undefined;\n\nexport default Dropdown;\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/dropdown/index.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 styles from './styles.css.js';\nimport clsx from 'clsx';\nimport { useMergeRefs } from '../../hooks/use-merge-refs';\nimport React, { useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { fireNonCancelableEvent } from '../../events';\nimport { DropdownProps } from './interfaces';\nimport { DropdownPosition, InteriorDropdownPosition, calculatePosition } from './dropdown-fit-handler';\nimport { Transition, TransitionStatus } from '../transition';\nimport { useVisualRefresh } from '../../hooks/use-visual-mode';\nimport { usePortalModeClasses } from '../../hooks/use-portal-mode-classes';\nimport { DropdownContextProvider, DropdownContextProviderProps } from './context';\nimport { useMobile } from '../../hooks/use-mobile';\nimport TabTrap from '../tab-trap/index.js';\nimport { getFirstFocusable, getLastFocusable } from '../focus-lock/utils.js';\n\ninterface DropdownContainerProps {\n children?: React.ReactNode;\n renderWithPortal?: boolean;\n id?: string;\n open?: boolean;\n}\n\nconst DropdownContainer = ({ children, renderWithPortal = false, id, open }: DropdownContainerProps) => {\n if (renderWithPortal) {\n if (open) {\n return createPortal(<div id={id}>{children}</div>, document.body);\n } else {\n return null;\n }\n } else {\n return <>{children}</>;\n }\n};\n\ninterface TransitionContentProps {\n state: TransitionStatus;\n transitionRef: React.MutableRefObject<any>;\n dropdownClasses: string;\n stretchWidth: boolean;\n interior: boolean;\n isRefresh: boolean;\n dropdownRef: React.RefObject<HTMLDivElement>;\n verticalContainerRef: React.RefObject<HTMLDivElement>;\n expandToViewport?: boolean;\n header?: React.ReactNode;\n children?: React.ReactNode;\n footer?: React.ReactNode;\n position?: DropdownContextProviderProps['position'];\n open?: boolean;\n onMouseDown?: React.MouseEventHandler<Element>;\n}\n\nconst TransitionContent = ({\n state,\n transitionRef,\n dropdownClasses,\n stretchWidth,\n interior,\n isRefresh,\n dropdownRef,\n verticalContainerRef,\n expandToViewport,\n header,\n children,\n footer,\n position,\n open,\n onMouseDown,\n}: TransitionContentProps) => {\n const contentRef = useMergeRefs(dropdownRef, transitionRef);\n return (\n <div\n className={clsx(styles.dropdown, dropdownClasses, {\n [styles.open]: open,\n [styles['with-limited-width']]: !stretchWidth,\n [styles['hide-upper-border']]: stretchWidth,\n [styles.interior]: interior,\n [styles['is-empty']]: !header && !children,\n [styles.refresh]: isRefresh,\n [styles['use-portal']]: expandToViewport && !interior,\n })}\n ref={contentRef}\n data-open={open}\n data-animating={state !== 'exited'}\n aria-hidden={!open}\n onMouseDown={onMouseDown}\n >\n <div className={clsx(styles['dropdown-content-wrapper'], isRefresh && styles.refresh)}>\n <div className={styles['ie11-wrapper']}>\n <div ref={verticalContainerRef} className={styles['dropdown-content']}>\n <DropdownContextProvider position={position}>\n {header}\n {children}\n {footer}\n </DropdownContextProvider>\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nconst Dropdown = ({\n children,\n trigger,\n open,\n onDropdownClose,\n onMouseDown,\n header,\n footer,\n dropdownId,\n stretchTriggerHeight = false,\n stretchWidth = true,\n stretchHeight = false,\n stretchToTriggerWidth = true,\n expandToViewport = false,\n preferCenter = false,\n interior = false,\n minWidth,\n scrollable = true,\n loopFocus = expandToViewport,\n onFocus,\n onBlur,\n contentKey,\n}: DropdownProps) => {\n const wrapperRef = useRef<HTMLDivElement \| null>(null);\n const triggerRef = useRef<HTMLDivElement \| null>(null);\n const dropdownRef = useRef<HTMLDivElement \| null>(null);\n const dropdownContainerRef = useRef<HTMLDivElement \| null>(null);\n // This container is only needed to apply max-height to. We can't move max-height to it's parent\n // because of an IE11 issue with flexbox. https://github.com/philipwalton/flexbugs/issues/216\n const verticalContainerRef = useRef<HTMLDivElement>(null);\n // To keep track of the initial position (drop up/down) which is kept the same during fixed repositioning\n const fixedPosition = useRef<DropdownPosition \| null>(null);\n\n const isRefresh = useVisualRefresh();\n\n const dropdownClasses = usePortalModeClasses(triggerRef);\n const [position, setPosition] = useState<DropdownContextProviderProps['position']>('bottom-right');\n\n const isMobile = useMobile();\n\n const setDropdownPosition = (\n position: DropdownPosition \| InteriorDropdownPosition,\n triggerBox: DOMRect,\n target: HTMLDivElement,\n verticalContainer: HTMLDivElement\n ) => {\n const entireWidth = !interior && stretchWidth;\n if (!stretchWidth) {\n // 1px offset for dropdowns where the dropdown itself needs a border, rather than on the items\n verticalContainer.style.maxHeight = `${parseInt(position.height) + 1}px`;\n } else {\n verticalContainer.style.maxHeight = position.height;\n }\n\n if (entireWidth && !expandToViewport) {\n if (stretchToTriggerWidth) {\n target.classList.add(styles['occupy-entire-width']);\n }\n } else {\n target.style.width = position.width;\n }\n // Using styles for main dropdown to adjust its position as preferred alternative\n if (position.dropUp && !interior) {\n target.classList.add(styles['dropdown-drop-up']);\n if (!expandToViewport) {\n target.style.bottom = '100%';\n }\n } else {\n target.classList.remove(styles['dropdown-drop-up']);\n }\n target.classList.add(position.dropLeft ? styles['dropdown-drop-left'] : styles['dropdown-drop-right']);\n\n if (position.left && position.left !== 'auto') {\n target.style.left = position.left;\n }\n\n // Position normal overflow dropdowns with fixed positioning relative to viewport\n if (expandToViewport && !interior) {\n target.style.position = 'fixed';\n if (position.dropUp) {\n target.style.bottom = `calc(100% - ${triggerBox.top}px)`;\n } else {\n target.style.top = `${triggerBox.bottom}px`;\n }\n if (position.dropLeft) {\n target.style.left = `calc(${triggerBox.right}px - ${position.width})`;\n } else {\n target.style.left = `${triggerBox.left}px`;\n }\n // Keep track of the initial dropdown position and direction.\n // Dropdown direction doesn't need to change as the user scrolls, just needs to stay attached to the trigger.\n fixedPosition.current = position;\n return;\n }\n\n // For an interior dropdown (the fly out) we need exact values for positioning\n // and classes are not enough\n // usage of relative position is impossible due to overwrite of overflow-x\n if (interior && isInteriorPosition(position)) {\n if (position.dropUp) {\n target.style.bottom = position.bottom;\n } else {\n target.style.top = position.top;\n }\n target.style.left = position.left;\n }\n\n if (position.dropUp && position.dropLeft) {\n setPosition('top-left');\n } else if (position.dropUp) {\n setPosition('top-right');\n } else if (position.dropLeft) {\n setPosition('bottom-left');\n } else {\n setPosition('bottom-right');\n }\n };\n\n const isOutsideDropdown = (element: Element) =>\n (!wrapperRef.current \|\| !wrapperRef.current.contains(element)) &&\n (!dropdownContainerRef.current \|\| !dropdownContainerRef.current.contains(element));\n\n const focusHandler = (event: React.FocusEvent) => {\n if (!event.relatedTarget \|\| isOutsideDropdown(event.relatedTarget)) {\n fireNonCancelableEvent(onFocus, event);\n }\n };\n\n const blurHandler = (event: React.FocusEvent) => {\n if (!event.relatedTarget \|\| isOutsideDropdown(event.relatedTarget)) {\n fireNonCancelableEvent(onBlur, event);\n }\n };\n\n useLayoutEffect(() => {\n const onDropdownOpen = () => {\n if (open && dropdownRef.current && triggerRef.current && verticalContainerRef.current) {\n // calculate scroll width only for dropdowns that has a scrollbar and ignore it for date picker components\n if (scrollable) {\n dropdownRef.current.classList.add(styles.nowrap);\n }\n setDropdownPosition(\n ...calculatePosition(\n dropdownRef.current,\n triggerRef.current,\n verticalContainerRef.current,\n interior,\n expandToViewport,\n preferCenter,\n stretchWidth,\n stretchHeight,\n isMobile,\n minWidth\n ),\n dropdownRef.current,\n verticalContainerRef.current\n );\n if (scrollable) {\n dropdownRef.current.classList.remove(styles.nowrap);\n }\n }\n };\n onDropdownOpen();\n\n if (open) {\n // window may scroll when dropdown opens, for example when soft keyboard shows up\n window.addEventListener('scroll', onDropdownOpen);\n // only listen to window scroll within very short time after the dropdown opens\n // do not want to interfere dropdown position on scroll afterwards\n const timeoutId = setTimeout(() => {\n window.removeEventListener('scroll', onDropdownOpen);\n }, 500);\n\n return () => {\n clearTimeout(timeoutId);\n window.removeEventListener('scroll', onDropdownOpen);\n };\n }\n // See AWSUI-13040\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [open, dropdownRef, triggerRef, verticalContainerRef, interior, stretchWidth, isMobile, contentKey]);\n\n // subscribe to outside click\n useEffect(() => {\n if (!open) {\n return;\n }\n const clickListener = (e: MouseEvent) => {\n if (!dropdownRef.current?.contains(e.target as Node) && !triggerRef.current?.contains(e.target as Node)) {\n fireNonCancelableEvent(onDropdownClose);\n }\n };\n window.addEventListener('click', clickListener, true);\n\n return () => {\n window.removeEventListener('click', clickListener, true);\n };\n }, [open, onDropdownClose]);\n\n // sync dropdown position on scroll and resize\n useLayoutEffect(() => {\n if (!expandToViewport \|\| !open) {\n return;\n }\n const updateDropdownPosition = () => {\n if (triggerRef.current && dropdownRef.current && verticalContainerRef.current) {\n const triggerRect = triggerRef.current.getBoundingClientRect();\n const target = dropdownRef.current;\n if (fixedPosition.current) {\n if (fixedPosition.current.dropUp) {\n dropdownRef.current.style.bottom = `calc(100% - ${triggerRect.top}px)`;\n } else {\n target.style.top = `${triggerRect.bottom}px`;\n }\n if (fixedPosition.current.dropLeft) {\n target.style.left = `calc(${triggerRect.right}px - ${fixedPosition.current.width})`;\n } else {\n target.style.left = `${triggerRect.left}px`;\n }\n }\n }\n };\n\n updateDropdownPosition();\n\n window.addEventListener('scroll', updateDropdownPosition, true);\n window.addEventListener('resize', updateDropdownPosition, true);\n return () => {\n window.removeEventListener('scroll', updateDropdownPosition, true);\n window.removeEventListener('resize', updateDropdownPosition, true);\n };\n }, [open, expandToViewport]);\n\n return (\n <div\n className={clsx(\n styles.root,\n interior && styles.interior,\n stretchTriggerHeight && styles['stretch-trigger-height']\n )}\n ref={wrapperRef}\n onFocus={focusHandler}\n onBlur={blurHandler}\n >\n <div className={clsx(stretchTriggerHeight && styles['stretch-trigger-height'])} ref={triggerRef}>\n {trigger}\n </div>\n\n <TabTrap\n focusNextCallback={() => dropdownRef.current && getFirstFocusable(dropdownRef.current)?.focus()}\n disabled={!open \|\| !loopFocus}\n />\n\n <DropdownContainer renderWithPortal={expandToViewport && !interior} id={dropdownId} open={open}>\n <Transition in={open ?? false} exit={false}>\n {(state, ref) => (\n <div ref={dropdownContainerRef}>\n <TabTrap\n focusNextCallback={() => triggerRef.current && getLastFocusable(triggerRef.current)?.focus()}\n disabled={!open \|\| !loopFocus}\n />\n\n <TransitionContent\n state={state}\n transitionRef={ref}\n dropdownClasses={dropdownClasses}\n open={open}\n stretchWidth={stretchWidth}\n interior={interior}\n header={header}\n expandToViewport={expandToViewport}\n footer={footer}\n onMouseDown={onMouseDown}\n isRefresh={isRefresh}\n dropdownRef={dropdownRef}\n verticalContainerRef={verticalContainerRef}\n position={position}\n >\n {children}\n </TransitionContent>\n\n <TabTrap\n focusNextCallback={() => triggerRef.current && getFirstFocusable(triggerRef.current)?.focus()}\n disabled={!open \|\| !loopFocus}\n />\n </div>\n )}\n </Transition>\n </DropdownContainer>\n </div>\n );\n};\n\nconst isInteriorPosition = (\n position: DropdownPosition \| InteriorDropdownPosition\n): position is InteriorDropdownPosition => (position as InteriorDropdownPosition).bottom !== undefined;\n\nexport default Dropdown;\n"]}

package/internal/components/options-list/utils/use-keyboard.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-keyboard.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/options-list/utils/use-keyboard.ts"],"names":[],"mappings":"AAEA,OAAO,EAAe,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAKxE,UAAU,eAAe;IACvB,CAAC,UAAU,EAAE;QACX,aAAa,EAAE,CAAC,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;QAChE,YAAY,EAAE,MAAM,IAAI,CAAC;QACzB,MAAM,EAAE,MAAM,IAAI,CAAC;QACnB,KAAK,EAAE,MAAM,IAAI,CAAC;QAClB,aAAa,EAAE,MAAM,IAAI,CAAC;QAC1B,qBAAqB,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;QACjD,kBAAkB,CAAC,EAAE,OAAO,CAAC;KAC9B,GAAG,sBAAsB,CAAC,aAAa,CAAC,CAAC;CAC3C;AAED,eAAO,MAAM,eAAe,EAAE,eA2C7B,CAAC;AAEF,UAAU,kBAAkB;IAC1B,CAAC,UAAU,EAAE;QAAE,YAAY,EAAE,MAAM,IAAI,CAAC;QAAC,MAAM,EAAE,MAAM,IAAI,CAAA;KAAE,GAAG,sBAAsB,CAAC,aAAa,CAAC,CAAC;CACvG;AAED,eAAO,MAAM,kBAAkB,EAAE,~~kBAkBhC~~,CAAC"}
1	+ {"version":3,"file":"use-keyboard.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/options-list/utils/use-keyboard.ts"],"names":[],"mappings":"AAEA,OAAO,EAAe,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAKxE,UAAU,eAAe;IACvB,CAAC,UAAU,EAAE;QACX,aAAa,EAAE,CAAC,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;QAChE,YAAY,EAAE,MAAM,IAAI,CAAC;QACzB,MAAM,EAAE,MAAM,IAAI,CAAC;QACnB,KAAK,EAAE,MAAM,IAAI,CAAC;QAClB,aAAa,EAAE,MAAM,IAAI,CAAC;QAC1B,qBAAqB,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;QACjD,kBAAkB,CAAC,EAAE,OAAO,CAAC;KAC9B,GAAG,sBAAsB,CAAC,aAAa,CAAC,CAAC;CAC3C;AAED,eAAO,MAAM,eAAe,EAAE,eA2C7B,CAAC;AAEF,UAAU,kBAAkB;IAC1B,CAAC,UAAU,EAAE;QAAE,YAAY,EAAE,MAAM,IAAI,CAAC;QAAC,MAAM,EAAE,MAAM,IAAI,CAAA;KAAE,GAAG,sBAAsB,CAAC,aAAa,CAAC,CAAC;CACvG;AAED,eAAO,MAAM,kBAAkB,EAAE,kBAmBhC,CAAC"}

package/internal/components/options-list/utils/use-keyboard.js CHANGED Viewed

@@ -49,6 +49,7 @@ export var useTriggerKeyboard = function (_a) {
                 openDropdown();
                 break;
             case KeyCode.space:
+            case KeyCode.enter:
                 e.preventDefault();
                 openDropdown();
                 break;

package/internal/components/options-list/utils/use-keyboard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-keyboard.js","sourceRoot":"","sources":["../../../../../../src/internal/components/options-list/utils/use-keyboard.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,WAAW,EAAoB,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAG3C,IAAM,IAAI,GAAG,EAAE,CAAC;AAChB,IAAM,GAAG,GAAG,EAAE,CAAC;AAcf,MAAM,CAAC,IAAM,eAAe,GAAoB,UAAC,EAQhD;QAPC,aAAa,mBAAA,EACb,YAAY,kBAAA,EACZ,MAAM,YAAA,EACN,KAAK,WAAA,EACL,aAAa,mBAAA,EACb,qBAAqB,2BAAA,EACrB,0BAA0B,EAA1B,kBAAkB,mBAAG,KAAK,KAAA;IAE1B,OAAO,WAAW,CAChB,UAAC,CAA6B;QAC5B,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE;YACxB,KAAK,OAAO,CAAC,EAAE;gBACb,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;gBAClB,MAAM;YACR,KAAK,OAAO,CAAC,IAAI;gBACf,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,aAAa,CAAC,CAAC,CAAC,CAAC;gBACjB,MAAM;YACR,KAAK,IAAI;gBACP,MAAM,EAAE,CAAC;gBACT,MAAM;YACR,KAAK,GAAG;gBACN,KAAK,EAAE,CAAC;gBACR,MAAM;YACR,KAAK,OAAO,CAAC,MAAM;gBACjB,aAAa,EAAE,CAAC;gBAChB,MAAM;YACR,KAAK,OAAO,CAAC,KAAK;gBAChB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,YAAY,EAAE,CAAC;gBACf,MAAM;YACR,KAAK,OAAO,CAAC,KAAK;gBAChB,IAAI,kBAAkB,EAAE;oBACtB,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,YAAY,EAAE,CAAC;oBACf,qBAAqB,CAAC,OAAO,GAAG,IAAI,CAAC;iBACtC;SACJ;IACH,CAAC,EACD,CAAC,aAAa,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,qBAAqB,EAAE,kBAAkB,CAAC,CACvG,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,CAAC,IAAM,kBAAkB,GAAuB,UAAC,EAAwB;QAAtB,YAAY,kBAAA,EAAE,MAAM,YAAA;IAC3E,OAAO,WAAW,CAChB,UAAC,CAA6B;QAC5B,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE;YACxB,KAAK,OAAO,CAAC,EAAE,CAAC;YAChB,KAAK,OAAO,CAAC,IAAI;gBACf,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,MAAM,EAAE,CAAC;gBACT,YAAY,EAAE,CAAC;gBACf,MAAM;YACR,KAAK,OAAO,CAAC,KAAK;gBAChB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,YAAY,EAAE,CAAC;gBACf,MAAM;SACT;IACH,CAAC,EACD,CAAC,YAAY,EAAE,MAAM,CAAC,CACvB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useCallback, MutableRefObject } from 'react';\nimport { KeyCode } from '../../../keycode';\nimport { BaseKeyDetail, CancelableEventHandler } from '../../../events';\n\nconst HOME = 36;\nconst END = 35;\n\ninterface UseMenuKeyboard {\n (inputProps: {\n moveHighlight: (direction: -1 \| 1, startIndex?: number) => void;\n selectOption: () => void;\n goHome: () => void;\n goEnd: () => void;\n closeDropdown: () => void;\n isSelectingUsingSpace: MutableRefObject<boolean>;\n preventNativeSpace?: boolean;\n }): CancelableEventHandler<BaseKeyDetail>;\n}\n\nexport const useMenuKeyboard: UseMenuKeyboard = ({\n moveHighlight,\n selectOption,\n goHome,\n goEnd,\n closeDropdown,\n isSelectingUsingSpace,\n preventNativeSpace = false,\n}) => {\n return useCallback(\n (e: CustomEvent<BaseKeyDetail>) => {\n switch (e.detail.keyCode) {\n case KeyCode.up:\n e.preventDefault();\n moveHighlight(-1);\n break;\n case KeyCode.down:\n e.preventDefault();\n moveHighlight(1);\n break;\n case HOME:\n goHome();\n break;\n case END:\n goEnd();\n break;\n case KeyCode.escape:\n closeDropdown();\n break;\n case KeyCode.enter:\n e.preventDefault();\n selectOption();\n break;\n case KeyCode.space:\n if (preventNativeSpace) {\n e.preventDefault();\n selectOption();\n isSelectingUsingSpace.current = true;\n }\n }\n },\n [moveHighlight, selectOption, goHome, goEnd, closeDropdown, isSelectingUsingSpace, preventNativeSpace]\n );\n};\n\ninterface UseTriggerKeyboard {\n (inputProps: { openDropdown: () => void; goHome: () => void }): CancelableEventHandler<BaseKeyDetail>;\n}\n\nexport const useTriggerKeyboard: UseTriggerKeyboard = ({ openDropdown, goHome }) => {\n return useCallback(\n (e: CustomEvent<BaseKeyDetail>) => {\n switch (e.detail.keyCode) {\n case KeyCode.up:\n case KeyCode.down:\n e.preventDefault();\n goHome();\n openDropdown();\n break;\n case KeyCode.space:\n e.preventDefault();\n openDropdown();\n break;\n }\n },\n [openDropdown, goHome]\n );\n};\n"]}
1	+ {"version":3,"file":"use-keyboard.js","sourceRoot":"","sources":["../../../../../../src/internal/components/options-list/utils/use-keyboard.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,WAAW,EAAoB,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAG3C,IAAM,IAAI,GAAG,EAAE,CAAC;AAChB,IAAM,GAAG,GAAG,EAAE,CAAC;AAcf,MAAM,CAAC,IAAM,eAAe,GAAoB,UAAC,EAQhD;QAPC,aAAa,mBAAA,EACb,YAAY,kBAAA,EACZ,MAAM,YAAA,EACN,KAAK,WAAA,EACL,aAAa,mBAAA,EACb,qBAAqB,2BAAA,EACrB,0BAA0B,EAA1B,kBAAkB,mBAAG,KAAK,KAAA;IAE1B,OAAO,WAAW,CAChB,UAAC,CAA6B;QAC5B,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE;YACxB,KAAK,OAAO,CAAC,EAAE;gBACb,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;gBAClB,MAAM;YACR,KAAK,OAAO,CAAC,IAAI;gBACf,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,aAAa,CAAC,CAAC,CAAC,CAAC;gBACjB,MAAM;YACR,KAAK,IAAI;gBACP,MAAM,EAAE,CAAC;gBACT,MAAM;YACR,KAAK,GAAG;gBACN,KAAK,EAAE,CAAC;gBACR,MAAM;YACR,KAAK,OAAO,CAAC,MAAM;gBACjB,aAAa,EAAE,CAAC;gBAChB,MAAM;YACR,KAAK,OAAO,CAAC,KAAK;gBAChB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,YAAY,EAAE,CAAC;gBACf,MAAM;YACR,KAAK,OAAO,CAAC,KAAK;gBAChB,IAAI,kBAAkB,EAAE;oBACtB,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,YAAY,EAAE,CAAC;oBACf,qBAAqB,CAAC,OAAO,GAAG,IAAI,CAAC;iBACtC;SACJ;IACH,CAAC,EACD,CAAC,aAAa,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,qBAAqB,EAAE,kBAAkB,CAAC,CACvG,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,CAAC,IAAM,kBAAkB,GAAuB,UAAC,EAAwB;QAAtB,YAAY,kBAAA,EAAE,MAAM,YAAA;IAC3E,OAAO,WAAW,CAChB,UAAC,CAA6B;QAC5B,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE;YACxB,KAAK,OAAO,CAAC,EAAE,CAAC;YAChB,KAAK,OAAO,CAAC,IAAI;gBACf,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,MAAM,EAAE,CAAC;gBACT,YAAY,EAAE,CAAC;gBACf,MAAM;YACR,KAAK,OAAO,CAAC,KAAK,CAAC;YACnB,KAAK,OAAO,CAAC,KAAK;gBAChB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,YAAY,EAAE,CAAC;gBACf,MAAM;SACT;IACH,CAAC,EACD,CAAC,YAAY,EAAE,MAAM,CAAC,CACvB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useCallback, MutableRefObject } from 'react';\nimport { KeyCode } from '../../../keycode';\nimport { BaseKeyDetail, CancelableEventHandler } from '../../../events';\n\nconst HOME = 36;\nconst END = 35;\n\ninterface UseMenuKeyboard {\n (inputProps: {\n moveHighlight: (direction: -1 \| 1, startIndex?: number) => void;\n selectOption: () => void;\n goHome: () => void;\n goEnd: () => void;\n closeDropdown: () => void;\n isSelectingUsingSpace: MutableRefObject<boolean>;\n preventNativeSpace?: boolean;\n }): CancelableEventHandler<BaseKeyDetail>;\n}\n\nexport const useMenuKeyboard: UseMenuKeyboard = ({\n moveHighlight,\n selectOption,\n goHome,\n goEnd,\n closeDropdown,\n isSelectingUsingSpace,\n preventNativeSpace = false,\n}) => {\n return useCallback(\n (e: CustomEvent<BaseKeyDetail>) => {\n switch (e.detail.keyCode) {\n case KeyCode.up:\n e.preventDefault();\n moveHighlight(-1);\n break;\n case KeyCode.down:\n e.preventDefault();\n moveHighlight(1);\n break;\n case HOME:\n goHome();\n break;\n case END:\n goEnd();\n break;\n case KeyCode.escape:\n closeDropdown();\n break;\n case KeyCode.enter:\n e.preventDefault();\n selectOption();\n break;\n case KeyCode.space:\n if (preventNativeSpace) {\n e.preventDefault();\n selectOption();\n isSelectingUsingSpace.current = true;\n }\n }\n },\n [moveHighlight, selectOption, goHome, goEnd, closeDropdown, isSelectingUsingSpace, preventNativeSpace]\n );\n};\n\ninterface UseTriggerKeyboard {\n (inputProps: { openDropdown: () => void; goHome: () => void }): CancelableEventHandler<BaseKeyDetail>;\n}\n\nexport const useTriggerKeyboard: UseTriggerKeyboard = ({ openDropdown, goHome }) => {\n return useCallback(\n (e: CustomEvent<BaseKeyDetail>) => {\n switch (e.detail.keyCode) {\n case KeyCode.up:\n case KeyCode.down:\n e.preventDefault();\n goHome();\n openDropdown();\n break;\n case KeyCode.space:\n case KeyCode.enter:\n e.preventDefault();\n openDropdown();\n break;\n }\n },\n [openDropdown, goHome]\n );\n};\n"]}

package/internal/environment.js CHANGED Viewed

@@ -1,6 +1,6 @@
     export var PACKAGE_SOURCE = 'components';
-    export var PACKAGE_VERSION = '3.0.0 (65c3f79)';
+    export var PACKAGE_VERSION = '3.0.0 (77312b6)';
     export var THEME = 'open-source-visual-refresh';
     export var ALWAYS_VISUAL_REFRESH = true;

package/internal/manifest.json CHANGED Viewed

@@ -1,3 +1,3 @@
 {
-  "commit": "65c3f79947746f6ec0b6f30b7c66ede3e31a66b0"
+  "commit": "77312b684aa6b5a01dedc32b5ec5e6d5551060e2"
 }

package/package.json CHANGED Viewed

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

package/popover/styles.css.js CHANGED Viewed

@@ -1,55 +1,55 @@
     import './styles.scoped.css';
     export default {
-  "arrow": "awsui_arrow_xjuzf_14m2k_185",
-  "arrow-outer": "awsui_arrow-outer_xjuzf_14m2k_189",
-  "arrow-inner": "awsui_arrow-inner_xjuzf_14m2k_189",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_14m2k_220",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_14m2k_220",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_14m2k_223",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_14m2k_223",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_14m2k_226",
-  "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_14m2k_226",
-  "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_14m2k_226",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_14m2k_226",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_14m2k_229",
-  "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_14m2k_229",
-  "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_14m2k_229",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_14m2k_229",
-  "body": "awsui_body_xjuzf_14m2k_325",
-  "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_14m2k_341",
-  "has-dismiss": "awsui_has-dismiss_xjuzf_14m2k_345",
-  "dismiss": "awsui_dismiss_xjuzf_14m2k_350",
-  "dismiss-control": "awsui_dismiss-control_xjuzf_14m2k_357",
-  "header-row": "awsui_header-row_xjuzf_14m2k_361",
-  "header": "awsui_header_xjuzf_14m2k_361",
-  "content": "awsui_content_xjuzf_14m2k_387",
-  "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_14m2k_394",
-  "container": "awsui_container_xjuzf_14m2k_490",
-  "container-body": "awsui_container-body_xjuzf_14m2k_498",
-  "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_14m2k_515",
-  "container-body-size-small": "awsui_container-body-size-small_xjuzf_14m2k_520",
-  "fixed-width": "awsui_fixed-width_xjuzf_14m2k_523",
-  "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_14m2k_527",
-  "container-body-size-large": "awsui_container-body-size-large_xjuzf_14m2k_534",
-  "container-arrow": "awsui_container-arrow_xjuzf_14m2k_546",
-  "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_14m2k_550",
-  "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_14m2k_550",
-  "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_14m2k_562",
-  "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_14m2k_562",
-  "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_14m2k_574",
-  "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_14m2k_574",
-  "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_14m2k_574",
-  "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_14m2k_574",
-  "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_14m2k_590",
-  "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_14m2k_594",
-  "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_14m2k_598",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_14m2k_1",
-  "refresh": "awsui_refresh_xjuzf_14m2k_716",
-  "root": "awsui_root_xjuzf_14m2k_738",
-  "trigger": "awsui_trigger_xjuzf_14m2k_753",
-  "trigger-type-text": "awsui_trigger-type-text_xjuzf_14m2k_760",
-  "trigger-inner-text": "awsui_trigger-inner-text_xjuzf_14m2k_789",
-  "popover-content": "awsui_popover-content_xjuzf_14m2k_793"
+  "arrow": "awsui_arrow_xjuzf_106nh_185",
+  "arrow-outer": "awsui_arrow-outer_xjuzf_106nh_189",
+  "arrow-inner": "awsui_arrow-inner_xjuzf_106nh_189",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_106nh_220",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_106nh_220",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_106nh_223",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_106nh_223",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_106nh_226",
+  "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_106nh_226",
+  "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_106nh_226",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_106nh_226",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_106nh_229",
+  "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_106nh_229",
+  "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_106nh_229",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_106nh_229",
+  "body": "awsui_body_xjuzf_106nh_325",
+  "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_106nh_341",
+  "has-dismiss": "awsui_has-dismiss_xjuzf_106nh_345",
+  "dismiss": "awsui_dismiss_xjuzf_106nh_350",
+  "dismiss-control": "awsui_dismiss-control_xjuzf_106nh_357",
+  "header-row": "awsui_header-row_xjuzf_106nh_361",
+  "header": "awsui_header_xjuzf_106nh_361",
+  "content": "awsui_content_xjuzf_106nh_387",
+  "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_106nh_395",
+  "container": "awsui_container_xjuzf_106nh_491",
+  "container-body": "awsui_container-body_xjuzf_106nh_499",
+  "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_106nh_516",
+  "container-body-size-small": "awsui_container-body-size-small_xjuzf_106nh_521",
+  "fixed-width": "awsui_fixed-width_xjuzf_106nh_524",
+  "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_106nh_528",
+  "container-body-size-large": "awsui_container-body-size-large_xjuzf_106nh_535",
+  "container-arrow": "awsui_container-arrow_xjuzf_106nh_547",
+  "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_106nh_551",
+  "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_106nh_551",
+  "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_106nh_563",
+  "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_106nh_563",
+  "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_106nh_575",
+  "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_106nh_575",
+  "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_106nh_575",
+  "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_106nh_575",
+  "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_106nh_591",
+  "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_106nh_595",
+  "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_106nh_599",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_106nh_1",
+  "refresh": "awsui_refresh_xjuzf_106nh_717",
+  "root": "awsui_root_xjuzf_106nh_739",
+  "trigger": "awsui_trigger_xjuzf_106nh_754",
+  "trigger-type-text": "awsui_trigger-type-text_xjuzf_106nh_761",
+  "trigger-inner-text": "awsui_trigger-inner-text_xjuzf_106nh_790",
+  "popover-content": "awsui_popover-content_xjuzf_106nh_794"
 };

package/popover/styles.scoped.css CHANGED Viewed

@@ -182,11 +182,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_14m2k_185:not(#\9) {
+.awsui_arrow_xjuzf_106nh_185:not(#\9) {
   width: 20px;
   height: 10px;
 }
-.awsui_arrow-outer_xjuzf_14m2k_189:not(#\9), .awsui_arrow-inner_xjuzf_14m2k_189:not(#\9) {
+.awsui_arrow-outer_xjuzf_106nh_189:not(#\9), .awsui_arrow-inner_xjuzf_106nh_189:not(#\9) {
   position: absolute;
   overflow: hidden;
   width: 20px;
@@ -194,7 +194,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   top: 0;
   left: 0;
 }
-.awsui_arrow-outer_xjuzf_14m2k_189:not(#\9)::after, .awsui_arrow-inner_xjuzf_14m2k_189:not(#\9)::after {
+.awsui_arrow-outer_xjuzf_106nh_189:not(#\9)::after, .awsui_arrow-inner_xjuzf_106nh_189:not(#\9)::after {
   content: "";
   box-sizing: border-box;
   display: inline-block;
@@ -207,26 +207,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transform: rotate(45deg);
   transform-origin: 0 100%;
 }
-.awsui_arrow-outer_xjuzf_14m2k_189:not(#\9)::after {
+.awsui_arrow-outer_xjuzf_106nh_189:not(#\9)::after {
   background-color: var(--color-border-popover-5pygk7, #9ba7b6);
 }
-.awsui_arrow-inner_xjuzf_14m2k_189:not(#\9) {
+.awsui_arrow-inner_xjuzf_106nh_189:not(#\9) {
   top: 2px;
 }
-.awsui_arrow-inner_xjuzf_14m2k_189:not(#\9)::after {
+.awsui_arrow-inner_xjuzf_106nh_189:not(#\9)::after {
   border-radius: 1px 0 0 0;
   background-color: var(--color-background-popover-mn5o9k, #ffffff);
 }
-.awsui_arrow-position-right-top_xjuzf_14m2k_220 > .awsui_arrow-outer_xjuzf_14m2k_189:not(#\9)::after, .awsui_arrow-position-right-bottom_xjuzf_14m2k_220 > .awsui_arrow-outer_xjuzf_14m2k_189:not(#\9)::after {
+.awsui_arrow-position-right-top_xjuzf_106nh_220 > .awsui_arrow-outer_xjuzf_106nh_189:not(#\9)::after, .awsui_arrow-position-right-bottom_xjuzf_106nh_220 > .awsui_arrow-outer_xjuzf_106nh_189:not(#\9)::after {
   box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-3se70f, rgba(0, 7, 22, 0.12));
 }
-.awsui_arrow-position-left-top_xjuzf_14m2k_223 > .awsui_arrow-outer_xjuzf_14m2k_189:not(#\9)::after, .awsui_arrow-position-left-bottom_xjuzf_14m2k_223 > .awsui_arrow-outer_xjuzf_14m2k_189:not(#\9)::after {
+.awsui_arrow-position-left-top_xjuzf_106nh_223 > .awsui_arrow-outer_xjuzf_106nh_189:not(#\9)::after, .awsui_arrow-position-left-bottom_xjuzf_106nh_223 > .awsui_arrow-outer_xjuzf_106nh_189:not(#\9)::after {
   box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-3se70f, rgba(0, 7, 22, 0.12));
 }
-.awsui_arrow-position-top-center_xjuzf_14m2k_226 > .awsui_arrow-outer_xjuzf_14m2k_189:not(#\9)::after, .awsui_arrow-position-top-right_xjuzf_14m2k_226 > .awsui_arrow-outer_xjuzf_14m2k_189:not(#\9)::after, .awsui_arrow-position-top-left_xjuzf_14m2k_226 > .awsui_arrow-outer_xjuzf_14m2k_189:not(#\9)::after, .awsui_arrow-position-top-responsive_xjuzf_14m2k_226 > .awsui_arrow-outer_xjuzf_14m2k_189:not(#\9)::after {
+.awsui_arrow-position-top-center_xjuzf_106nh_226 > .awsui_arrow-outer_xjuzf_106nh_189:not(#\9)::after, .awsui_arrow-position-top-right_xjuzf_106nh_226 > .awsui_arrow-outer_xjuzf_106nh_189:not(#\9)::after, .awsui_arrow-position-top-left_xjuzf_106nh_226 > .awsui_arrow-outer_xjuzf_106nh_189:not(#\9)::after, .awsui_arrow-position-top-responsive_xjuzf_106nh_226 > .awsui_arrow-outer_xjuzf_106nh_189:not(#\9)::after {
   box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-3se70f, rgba(0, 7, 22, 0.12));
 }
-.awsui_arrow-position-bottom-center_xjuzf_14m2k_229 > .awsui_arrow-outer_xjuzf_14m2k_189:not(#\9)::after, .awsui_arrow-position-bottom-right_xjuzf_14m2k_229 > .awsui_arrow-outer_xjuzf_14m2k_189:not(#\9)::after, .awsui_arrow-position-bottom-left_xjuzf_14m2k_229 > .awsui_arrow-outer_xjuzf_14m2k_189:not(#\9)::after, .awsui_arrow-position-bottom-responsive_xjuzf_14m2k_229 > .awsui_arrow-outer_xjuzf_14m2k_189:not(#\9)::after {
+.awsui_arrow-position-bottom-center_xjuzf_106nh_229 > .awsui_arrow-outer_xjuzf_106nh_189:not(#\9)::after, .awsui_arrow-position-bottom-right_xjuzf_106nh_229 > .awsui_arrow-outer_xjuzf_106nh_189:not(#\9)::after, .awsui_arrow-position-bottom-left_xjuzf_106nh_229 > .awsui_arrow-outer_xjuzf_106nh_189:not(#\9)::after, .awsui_arrow-position-bottom-responsive_xjuzf_106nh_229 > .awsui_arrow-outer_xjuzf_106nh_189:not(#\9)::after {
   box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-3se70f, rgba(0, 7, 22, 0.12));
 }
@@ -322,7 +322,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_14m2k_325:not(#\9) {
+.awsui_body_xjuzf_106nh_325:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -364,31 +364,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow: hidden;
   padding: var(--space-s-hv8c1d, 12px) var(--space-m-17eucw, 16px);
 }
-.awsui_body-overflow-visible_xjuzf_14m2k_341:not(#\9) {
+.awsui_body-overflow-visible_xjuzf_106nh_341:not(#\9) {
   overflow: visible;
 }
-.awsui_has-dismiss_xjuzf_14m2k_345:not(#\9) {
+.awsui_has-dismiss_xjuzf_106nh_345:not(#\9) {
   display: flex;
   align-items: baseline;
 }
-.awsui_dismiss_xjuzf_14m2k_350:not(#\9) {
+.awsui_dismiss_xjuzf_106nh_350:not(#\9) {
   margin: calc(-1 * (var(--space-scaled-xxs-95dhkm, 4px) + var(--border-field-width-idlekx, 2px))) calc(-1 * (var(--space-xxs-ynfts5, 4px) + var(--border-field-width-idlekx, 2px)));
   margin-left: 0;
   flex: 0 0 auto;
   order: 1;
 }
-.awsui_dismiss-control_xjuzf_14m2k_357:not(#\9) {
+.awsui_dismiss-control_xjuzf_106nh_357:not(#\9) {
   /* used in test-utils */
 }
-.awsui_header-row_xjuzf_14m2k_361:not(#\9) {
+.awsui_header-row_xjuzf_106nh_361:not(#\9) {
   margin-bottom: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_header_xjuzf_14m2k_361:not(#\9) {
+.awsui_header_xjuzf_106nh_361:not(#\9) {
   word-wrap: break-word;
   max-width: 100%;
   overflow: hidden;
@@ -401,7 +401,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_14m2k_361 > h2:not(#\9) {
+.awsui_header_xjuzf_106nh_361 > h2:not(#\9) {
   font-size: var(--font-heading-xs-size-fryxro, 14px);
   line-height: var(--font-heading-xs-line-height-5x131j, 18px);
   font-weight: var(--font-heading-xs-weight-wwznty, 800);
@@ -410,14 +410,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: inline;
 }
-.awsui_content_xjuzf_14m2k_387:not(#\9) {
+.awsui_content_xjuzf_106nh_387:not(#\9) {
   word-wrap: break-word;
   max-width: 100%;
   overflow: hidden;
   color: var(--color-text-body-secondary-fdstdf, #414d5c);
   flex: 1 1 auto;
+  min-width: 0;
 }
-.awsui_content-overflow-visible_xjuzf_14m2k_394:not(#\9) {
+.awsui_content-overflow-visible_xjuzf_106nh_395:not(#\9) {
   overflow: visible;
 }
@@ -513,7 +514,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_14m2k_490:not(#\9) {
+.awsui_container_xjuzf_106nh_491:not(#\9) {
   display: inline-block;
   position: fixed;
   top: -9999px;
@@ -521,7 +522,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 2000;
 }
-.awsui_container-body_xjuzf_14m2k_498:not(#\9) {
+.awsui_container-body_xjuzf_106nh_499:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -564,90 +565,90 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border: var(--border-field-width-idlekx, 2px) solid var(--color-border-popover-5pygk7, #9ba7b6);
 }
-.awsui_container-body-variant-annotation_xjuzf_14m2k_515:not(#\9) {
+.awsui_container-body-variant-annotation_xjuzf_106nh_516:not(#\9) {
   background-color: var(--color-background-status-info-usb30e, #f2f8fd);
   border-color: var(--color-border-status-info-546i7i, #0972d3);
 }
-.awsui_container-body-size-small_xjuzf_14m2k_520:not(#\9) {
+.awsui_container-body-size-small_xjuzf_106nh_521:not(#\9) {
   max-width: 210px;
 }
-.awsui_container-body-size-small_xjuzf_14m2k_520.awsui_fixed-width_xjuzf_14m2k_523:not(#\9) {
+.awsui_container-body-size-small_xjuzf_106nh_521.awsui_fixed-width_xjuzf_106nh_524:not(#\9) {
   width: 210px;
 }
-.awsui_container-body-size-medium_xjuzf_14m2k_527:not(#\9) {
+.awsui_container-body-size-medium_xjuzf_106nh_528:not(#\9) {
   max-width: 310px;
 }
-.awsui_container-body-size-medium_xjuzf_14m2k_527.awsui_fixed-width_xjuzf_14m2k_523:not(#\9) {
+.awsui_container-body-size-medium_xjuzf_106nh_528.awsui_fixed-width_xjuzf_106nh_524:not(#\9) {
   width: 310px;
 }
-.awsui_container-body-size-large_xjuzf_14m2k_534:not(#\9) {
+.awsui_container-body-size-large_xjuzf_106nh_535:not(#\9) {
   max-width: 480px;
 }
 @media (max-width: 480px) {
-  .awsui_container-body-size-large_xjuzf_14m2k_534:not(#\9) {
+  .awsui_container-body-size-large_xjuzf_106nh_535:not(#\9) {
     max-width: 310px;
   }
 }
-.awsui_container-body-size-large_xjuzf_14m2k_534.awsui_fixed-width_xjuzf_14m2k_523:not(#\9) {
+.awsui_container-body-size-large_xjuzf_106nh_535.awsui_fixed-width_xjuzf_106nh_524:not(#\9) {
   width: 480px;
 }
-.awsui_container-arrow_xjuzf_14m2k_546:not(#\9) {
+.awsui_container-arrow_xjuzf_106nh_547:not(#\9) {
   position: absolute;
   display: inline-block;
 }
-.awsui_container-arrow-position-right-top_xjuzf_14m2k_550:not(#\9), .awsui_container-arrow-position-right-bottom_xjuzf_14m2k_550:not(#\9) {
+.awsui_container-arrow-position-right-top_xjuzf_106nh_551:not(#\9), .awsui_container-arrow-position-right-bottom_xjuzf_106nh_551:not(#\9) {
   transform: rotate(-90deg);
   transform-origin: 0 100%;
 }
-.awsui_container-arrow-position-right-top_xjuzf_14m2k_550:not(#\9) {
+.awsui_container-arrow-position-right-top_xjuzf_106nh_551:not(#\9) {
   top: calc(12px + 10px);
   left: 0;
 }
-.awsui_container-arrow-position-right-bottom_xjuzf_14m2k_550:not(#\9) {
+.awsui_container-arrow-position-right-bottom_xjuzf_106nh_551:not(#\9) {
   bottom: 12px;
   left: 0;
 }
-.awsui_container-arrow-position-left-top_xjuzf_14m2k_562:not(#\9), .awsui_container-arrow-position-left-bottom_xjuzf_14m2k_562:not(#\9) {
+.awsui_container-arrow-position-left-top_xjuzf_106nh_563:not(#\9), .awsui_container-arrow-position-left-bottom_xjuzf_106nh_563:not(#\9) {
   transform: rotate(90deg);
   transform-origin: 100% 100%;
 }
-.awsui_container-arrow-position-left-top_xjuzf_14m2k_562:not(#\9) {
+.awsui_container-arrow-position-left-top_xjuzf_106nh_563:not(#\9) {
   top: calc(12px + 10px);
   right: 0;
 }
-.awsui_container-arrow-position-left-bottom_xjuzf_14m2k_562:not(#\9) {
+.awsui_container-arrow-position-left-bottom_xjuzf_106nh_563:not(#\9) {
   bottom: 12px;
   right: 0;
 }
-.awsui_container-arrow-position-top-center_xjuzf_14m2k_574:not(#\9), .awsui_container-arrow-position-top-right_xjuzf_14m2k_574:not(#\9), .awsui_container-arrow-position-top-left_xjuzf_14m2k_574:not(#\9), .awsui_container-arrow-position-top-responsive_xjuzf_14m2k_574:not(#\9) {
+.awsui_container-arrow-position-top-center_xjuzf_106nh_575:not(#\9), .awsui_container-arrow-position-top-right_xjuzf_106nh_575:not(#\9), .awsui_container-arrow-position-top-left_xjuzf_106nh_575:not(#\9), .awsui_container-arrow-position-top-responsive_xjuzf_106nh_575:not(#\9) {
   transform: rotate(180deg);
   transform-origin: 50% 50%;
 }
-.awsui_container-arrow-position-top-center_xjuzf_14m2k_574:not(#\9) {
+.awsui_container-arrow-position-top-center_xjuzf_106nh_575:not(#\9) {
   bottom: -10px;
   left: calc(50% - 10px);
 }
-.awsui_container-arrow-position-top-right_xjuzf_14m2k_574:not(#\9) {
+.awsui_container-arrow-position-top-right_xjuzf_106nh_575:not(#\9) {
   bottom: -10px;
   left: 12px;
 }
-.awsui_container-arrow-position-top-left_xjuzf_14m2k_574:not(#\9) {
+.awsui_container-arrow-position-top-left_xjuzf_106nh_575:not(#\9) {
   bottom: -10px;
   left: calc(100% - 20px - 12px);
 }
-.awsui_container-arrow-position-bottom-center_xjuzf_14m2k_590:not(#\9) {
+.awsui_container-arrow-position-bottom-center_xjuzf_106nh_591:not(#\9) {
   top: -10px;
   left: calc(50% - 10px);
 }
-.awsui_container-arrow-position-bottom-right_xjuzf_14m2k_594:not(#\9) {
+.awsui_container-arrow-position-bottom-right_xjuzf_106nh_595:not(#\9) {
   top: -10px;
   left: 12px;
 }
-.awsui_container-arrow-position-bottom-left_xjuzf_14m2k_598:not(#\9) {
+.awsui_container-arrow-position-bottom-left_xjuzf_106nh_599:not(#\9) {
   top: -10px;
   left: calc(100% - 20px - 12px);
 }
@@ -744,10 +745,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_14m2k_490:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_xjuzf_14m2k_1 var(--motion-duration-show-paced-7wspqf, 180ms) var(--motion-easing-show-paced-wj4ybn, ease-out);
+.awsui_container_xjuzf_106nh_491:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_xjuzf_106nh_1 var(--motion-duration-show-paced-7wspqf, 180ms) var(--motion-easing-show-paced-wj4ybn, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_xjuzf_14m2k_1 {
+@keyframes awsui_awsui-motion-fade-in_xjuzf_106nh_1 {
   from {
     opacity: 0.2;
   }
@@ -756,19 +757,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_container_xjuzf_14m2k_490:not(#\9) {
+  .awsui_container_xjuzf_106nh_491:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_container_xjuzf_14m2k_490:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_14m2k_490:not(#\9) {
+.awsui-motion-disabled .awsui_container_xjuzf_106nh_491:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_106nh_491:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_container_xjuzf_14m2k_490.awsui_refresh_xjuzf_14m2k_716:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_xjuzf_14m2k_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms) var(--motion-easing-refresh-only-a-sy0g8m, cubic-bezier(0, 0, 0, 1));
+.awsui_container_xjuzf_106nh_491.awsui_refresh_xjuzf_106nh_717:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_xjuzf_106nh_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms) var(--motion-easing-refresh-only-a-sy0g8m, cubic-bezier(0, 0, 0, 1));
 }
-@keyframes awsui_awsui-motion-fade-in_xjuzf_14m2k_1 {
+@keyframes awsui_awsui-motion-fade-in_xjuzf_106nh_1 {
   from {
     opacity: 0.2;
   }
@@ -777,17 +778,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_container_xjuzf_14m2k_490.awsui_refresh_xjuzf_14m2k_716:not(#\9) {
+  .awsui_container_xjuzf_106nh_491.awsui_refresh_xjuzf_106nh_717:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_container_xjuzf_14m2k_490.awsui_refresh_xjuzf_14m2k_716:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_14m2k_490.awsui_refresh_xjuzf_14m2k_716:not(#\9) {
+.awsui-motion-disabled .awsui_container_xjuzf_106nh_491.awsui_refresh_xjuzf_106nh_717:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_106nh_491.awsui_refresh_xjuzf_106nh_717:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_xjuzf_14m2k_738:not(#\9) {
+.awsui_root_xjuzf_106nh_739:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -828,14 +829,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: inline;
 }
-.awsui_trigger_xjuzf_14m2k_753:not(#\9) {
+.awsui_trigger_xjuzf_106nh_754:not(#\9) {
   display: inline-block;
   max-width: 100%;
   color: inherit;
   text-align: inherit;
 }
-.awsui_trigger-type-text_xjuzf_14m2k_760:not(#\9) {
+.awsui_trigger-type-text_xjuzf_106nh_761:not(#\9) {
   border: 0;
   margin: 0;
   padding: 0;
@@ -843,17 +844,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   cursor: pointer;
   border-bottom: var(--border-divider-list-width-hacikr, 1px) dashed currentColor;
 }
-.awsui_trigger-type-text_xjuzf_14m2k_760:not(#\9):focus {
+.awsui_trigger-type-text_xjuzf_106nh_761:not(#\9):focus {
   outline: none;
 }
-.awsui_trigger-type-text_xjuzf_14m2k_760[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_trigger-type-text_xjuzf_106nh_761[data-awsui-focus-visible=true]:not(#\9):focus {
   position: relative;
 }
-.awsui_trigger-type-text_xjuzf_14m2k_760[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_trigger-type-text_xjuzf_106nh_761[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(1px - 1px);
 }
-.awsui_trigger-type-text_xjuzf_14m2k_760[data-awsui-focus-visible=true]:not(#\9):focus::before {
+.awsui_trigger-type-text_xjuzf_106nh_761[data-awsui-focus-visible=true]:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -864,10 +865,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }
-.awsui_trigger-type-text_xjuzf_14m2k_760 > .awsui_trigger-inner-text_xjuzf_14m2k_789:not(#\9) {
+.awsui_trigger-type-text_xjuzf_106nh_761 > .awsui_trigger-inner-text_xjuzf_106nh_790:not(#\9) {
   position: relative;
 }
-.awsui_popover-content_xjuzf_14m2k_793:not(#\9) {
+.awsui_popover-content_xjuzf_106nh_794:not(#\9) {
   display: inline;
 }

package/popover/styles.selectors.js CHANGED Viewed

@@ -2,55 +2,55 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "arrow": "awsui_arrow_xjuzf_14m2k_185",
-  "arrow-outer": "awsui_arrow-outer_xjuzf_14m2k_189",
-  "arrow-inner": "awsui_arrow-inner_xjuzf_14m2k_189",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_14m2k_220",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_14m2k_220",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_14m2k_223",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_14m2k_223",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_14m2k_226",
-  "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_14m2k_226",
-  "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_14m2k_226",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_14m2k_226",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_14m2k_229",
-  "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_14m2k_229",
-  "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_14m2k_229",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_14m2k_229",
-  "body": "awsui_body_xjuzf_14m2k_325",
-  "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_14m2k_341",
-  "has-dismiss": "awsui_has-dismiss_xjuzf_14m2k_345",
-  "dismiss": "awsui_dismiss_xjuzf_14m2k_350",
-  "dismiss-control": "awsui_dismiss-control_xjuzf_14m2k_357",
-  "header-row": "awsui_header-row_xjuzf_14m2k_361",
-  "header": "awsui_header_xjuzf_14m2k_361",
-  "content": "awsui_content_xjuzf_14m2k_387",
-  "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_14m2k_394",
-  "container": "awsui_container_xjuzf_14m2k_490",
-  "container-body": "awsui_container-body_xjuzf_14m2k_498",
-  "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_14m2k_515",
-  "container-body-size-small": "awsui_container-body-size-small_xjuzf_14m2k_520",
-  "fixed-width": "awsui_fixed-width_xjuzf_14m2k_523",
-  "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_14m2k_527",
-  "container-body-size-large": "awsui_container-body-size-large_xjuzf_14m2k_534",
-  "container-arrow": "awsui_container-arrow_xjuzf_14m2k_546",
-  "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_14m2k_550",
-  "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_14m2k_550",
-  "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_14m2k_562",
-  "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_14m2k_562",
-  "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_14m2k_574",
-  "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_14m2k_574",
-  "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_14m2k_574",
-  "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_14m2k_574",
-  "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_14m2k_590",
-  "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_14m2k_594",
-  "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_14m2k_598",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_14m2k_1",
-  "refresh": "awsui_refresh_xjuzf_14m2k_716",
-  "root": "awsui_root_xjuzf_14m2k_738",
-  "trigger": "awsui_trigger_xjuzf_14m2k_753",
-  "trigger-type-text": "awsui_trigger-type-text_xjuzf_14m2k_760",
-  "trigger-inner-text": "awsui_trigger-inner-text_xjuzf_14m2k_789",
-  "popover-content": "awsui_popover-content_xjuzf_14m2k_793"
+  "arrow": "awsui_arrow_xjuzf_106nh_185",
+  "arrow-outer": "awsui_arrow-outer_xjuzf_106nh_189",
+  "arrow-inner": "awsui_arrow-inner_xjuzf_106nh_189",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_106nh_220",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_106nh_220",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_106nh_223",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_106nh_223",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_106nh_226",
+  "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_106nh_226",
+  "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_106nh_226",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_106nh_226",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_106nh_229",
+  "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_106nh_229",
+  "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_106nh_229",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_106nh_229",
+  "body": "awsui_body_xjuzf_106nh_325",
+  "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_106nh_341",
+  "has-dismiss": "awsui_has-dismiss_xjuzf_106nh_345",
+  "dismiss": "awsui_dismiss_xjuzf_106nh_350",
+  "dismiss-control": "awsui_dismiss-control_xjuzf_106nh_357",
+  "header-row": "awsui_header-row_xjuzf_106nh_361",
+  "header": "awsui_header_xjuzf_106nh_361",
+  "content": "awsui_content_xjuzf_106nh_387",
+  "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_106nh_395",
+  "container": "awsui_container_xjuzf_106nh_491",
+  "container-body": "awsui_container-body_xjuzf_106nh_499",
+  "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_106nh_516",
+  "container-body-size-small": "awsui_container-body-size-small_xjuzf_106nh_521",
+  "fixed-width": "awsui_fixed-width_xjuzf_106nh_524",
+  "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_106nh_528",
+  "container-body-size-large": "awsui_container-body-size-large_xjuzf_106nh_535",
+  "container-arrow": "awsui_container-arrow_xjuzf_106nh_547",
+  "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_106nh_551",
+  "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_106nh_551",
+  "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_106nh_563",
+  "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_106nh_563",
+  "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_106nh_575",
+  "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_106nh_575",
+  "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_106nh_575",
+  "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_106nh_575",
+  "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_106nh_591",
+  "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_106nh_595",
+  "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_106nh_599",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_106nh_1",
+  "refresh": "awsui_refresh_xjuzf_106nh_717",
+  "root": "awsui_root_xjuzf_106nh_739",
+  "trigger": "awsui_trigger_xjuzf_106nh_754",
+  "trigger-type-text": "awsui_trigger-type-text_xjuzf_106nh_761",
+  "trigger-inner-text": "awsui_trigger-inner-text_xjuzf_106nh_790",
+  "popover-content": "awsui_popover-content_xjuzf_106nh_794"
 };