@cloudscape-design/components 3.0.605 → 3.0.607

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 (9) hide show
  1. package/internal/environment.js +1 -1
  2. package/internal/environment.json +1 -1
  3. package/internal/manifest.json +1 -1
  4. package/package.json +1 -1
  5. package/popover/internal.js +1 -1
  6. package/popover/internal.js.map +1 -1
  7. package/popover/styles.css.js +50 -50
  8. package/popover/styles.scoped.css +64 -64
  9. package/popover/styles.selectors.js +50 -50
package/internal/environment.js CHANGED
@@ -1,4 +1,4 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (eb4836bf)";
2
+ export var PACKAGE_VERSION = "3.0.0 (35995e1f)";
3
3
  export var THEME = "open-source-visual-refresh";
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
package/internal/environment.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (eb4836bf)",
3
+ "PACKAGE_VERSION": "3.0.0 (35995e1f)",
4
4
  "THEME": "default",
5
5
  "ALWAYS_VISUAL_REFRESH": false
6
6
  }
package/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "eb4836bf5a50b72d1e7df803a81d46efb18358c3"
2
+ "commit": "35995e1f0d8f24c40490a844c1824f1b7d32bd94"
3
3
  }
package/package.json CHANGED
@@ -116,7 +116,7 @@
116
116
  "./internal/base-component/index.js",
117
117
  "./internal/base-component/styles.css.js"
118
118
  ],
119
- "version": "3.0.605",
119
+ "version": "3.0.607",
120
120
  "repository": {
121
121
  "type": "git",
122
122
  "url": "https://github.com/cloudscape-design/components.git"
package/popover/internal.js CHANGED
@@ -88,7 +88,7 @@ function InternalPopover(_a, ref) {
88
88
  };
89
89
  const { tabIndex: triggerTabIndex } = useSingleTabStopNavigation(triggerRef);
90
90
  const referrerId = useUniqueId();
91
- const popoverContent = (React.createElement("div", { "aria-live": dismissButton ? undefined : 'polite', "aria-atomic": dismissButton ? undefined : true, className: clsx(popoverClasses, styles['popover-content']), "data-awsui-referrer-id": referrerId }, visible && (React.createElement(PopoverContainer, { size: size, fixedWidth: fixedWidth, position: position, trackRef: triggerRef, arrow: position => React.createElement(Arrow, { position: position }), renderWithPortal: renderWithPortal, zIndex: renderWithPortal ? 7000 : undefined },
91
+ const popoverContent = (React.createElement("div", { "aria-live": dismissButton ? undefined : 'polite', "aria-atomic": dismissButton ? undefined : true, className: clsx(popoverClasses, !renderWithPortal && styles['popover-inline-content']), "data-awsui-referrer-id": referrerId }, visible && (React.createElement(PopoverContainer, { size: size, fixedWidth: fixedWidth, position: position, trackRef: triggerRef, arrow: position => React.createElement(Arrow, { position: position }), renderWithPortal: renderWithPortal, zIndex: renderWithPortal ? 7000 : undefined },
92
92
  React.createElement(LinkDefaultVariantContext.Provider, { value: { defaultVariant: 'primary' } },
93
93
  React.createElement(PopoverBody, { dismissButton: dismissButton, dismissAriaLabel: dismissAriaLabel, header: header, onDismiss: onDismiss, overflowVisible: "both" }, content))))));
94
94
  const mergedRef = useMergeRefs(popoverRef, __internalRootRef);
package/popover/internal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/popover/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useCallback, useEffect, useRef, useState, useImperativeHandle } from 'react';\nimport clsx from 'clsx';\n\nimport { KeyCode } from '../internal/keycode';\nimport { getBaseProps } from '../internal/base-component';\n\nimport Arrow from './arrow';\nimport Portal from '../internal/components/portal';\nimport { PopoverProps } from './interfaces';\nimport PopoverContainer from './container';\nimport PopoverBody from './body';\n\nimport styles from './styles.css.js';\nimport { NonCancelableEventHandler, fireNonCancelableEvent } from '../internal/events/index';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { usePortalModeClasses } from '../internal/hooks/use-portal-mode-classes';\nimport { useInternalI18n } from '../i18n/context';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { getFirstFocusable } from '../internal/components/focus-lock/utils';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\nimport ResetContextsForModal from '../internal/context/reset-contexts-for-modal';\nimport { useSingleTabStopNavigation } from '../internal/context/single-tab-stop-navigation-context';\n\nexport interface InternalPopoverProps extends PopoverProps, InternalBaseComponentProps {\n __onOpen?: NonCancelableEventHandler<null>;\n}\n\nexport interface InternalPopoverRef {\n dismissPopover: () => void;\n}\n\nexport default React.forwardRef(InternalPopover);\n\nfunction InternalPopover(\n {\n position = 'right',\n size = 'medium',\n fixedWidth = false,\n triggerType = 'text',\n dismissButton = true,\n\n children,\n header,\n content,\n triggerAriaLabel,\n\n renderWithPortal = false,\n\n __onOpen,\n __internalRootRef = null,\n ...restProps\n }: InternalPopoverProps,\n ref: React.Ref<InternalPopoverRef>\n) {\n const baseProps = getBaseProps(restProps);\n const triggerRef = useRef<HTMLElement | null>(null);\n const popoverRef = useRef<HTMLDivElement | null>(null);\n const clickFrameId = useRef<number | null>(null);\n\n const i18n = useInternalI18n('popover');\n const dismissAriaLabel = i18n('dismissAriaLabel', restProps.dismissAriaLabel);\n\n const [visible, setVisible] = useState(false);\n\n const focusTrigger = useCallback(() => {\n if (triggerType === 'text') {\n triggerRef.current?.focus();\n } else {\n triggerRef.current && getFirstFocusable(triggerRef.current)?.focus();\n }\n }, [triggerType]);\n\n const onTriggerClick = useCallback(() => {\n fireNonCancelableEvent(__onOpen);\n setVisible(true);\n }, [__onOpen]);\n\n const onDismiss = useCallback(() => {\n setVisible(false);\n focusTrigger();\n }, [focusTrigger]);\n\n const onTriggerKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n const isEscapeKey = event.keyCode === KeyCode.escape;\n const isTabKey = event.keyCode === KeyCode.tab;\n if (isEscapeKey && visible) {\n event.stopPropagation();\n }\n if (isTabKey || isEscapeKey) {\n setVisible(false);\n }\n },\n [visible]\n );\n\n useImperativeHandle(ref, () => ({\n dismissPopover: onDismiss,\n }));\n\n useEffect(() => {\n if (!triggerRef.current) {\n return;\n }\n const document = triggerRef.current.ownerDocument;\n\n const onDocumentClick = () => {\n // Dismiss popover unless there was a click inside within the last animation frame.\n if (clickFrameId.current === null) {\n setVisible(false);\n }\n };\n\n // useCapture=false makes sure this listener is called after the one attached to the element.\n // the options.capture notation is unsupported by IE.\n document.addEventListener('mousedown', onDocumentClick, false);\n\n return () => {\n document.removeEventListener('mousedown', onDocumentClick, false);\n };\n }, []);\n\n const popoverClasses = usePortalModeClasses(triggerRef);\n\n const triggerProps = {\n // https://github.com/microsoft/TypeScript/issues/36659\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref: triggerRef as any,\n onClick: onTriggerClick,\n onKeyDown: onTriggerKeyDown,\n className: clsx(styles.trigger, styles[`trigger-type-${triggerType}`]),\n };\n const { tabIndex: triggerTabIndex } = useSingleTabStopNavigation(triggerRef);\n\n const referrerId = useUniqueId();\n const popoverContent = (\n <div\n aria-live={dismissButton ? undefined : 'polite'}\n aria-atomic={dismissButton ? undefined : true}\n className={clsx(popoverClasses, styles['popover-content'])}\n data-awsui-referrer-id={referrerId}\n >\n {visible && (\n <PopoverContainer\n size={size}\n fixedWidth={fixedWidth}\n position={position}\n trackRef={triggerRef}\n arrow={position => <Arrow position={position} />}\n renderWithPortal={renderWithPortal}\n zIndex={renderWithPortal ? 7000 : undefined}\n >\n <LinkDefaultVariantContext.Provider value={{ defaultVariant: 'primary' }}>\n <PopoverBody\n dismissButton={dismissButton}\n dismissAriaLabel={dismissAriaLabel}\n header={header}\n onDismiss={onDismiss}\n overflowVisible=\"both\"\n >\n {content}\n </PopoverBody>\n </LinkDefaultVariantContext.Provider>\n </PopoverContainer>\n )}\n </div>\n );\n\n const mergedRef = useMergeRefs(popoverRef, __internalRootRef);\n\n return (\n <span\n {...baseProps}\n className={clsx(styles.root, baseProps.className)}\n ref={mergedRef}\n onMouseDown={() => {\n // Indicate there was a click inside popover recently, including nested portals.\n clickFrameId.current = requestAnimationFrame(() => {\n clickFrameId.current = null;\n });\n }}\n >\n {triggerType === 'text' ? (\n <button\n {...triggerProps}\n tabIndex={triggerTabIndex}\n type=\"button\"\n aria-haspopup=\"dialog\"\n id={referrerId}\n aria-label={triggerAriaLabel}\n >\n <span className={styles['trigger-inner-text']}>{children}</span>\n </button>\n ) : (\n <span {...triggerProps} id={referrerId}>\n {children}\n </span>\n )}\n <ResetContextsForModal>\n {renderWithPortal ? <Portal>{popoverContent}</Portal> : popoverContent}\n </ResetContextsForModal>\n </span>\n );\n}\n"]}
1
+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/popover/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useCallback, useEffect, useRef, useState, useImperativeHandle } from 'react';\nimport clsx from 'clsx';\n\nimport { KeyCode } from '../internal/keycode';\nimport { getBaseProps } from '../internal/base-component';\n\nimport Arrow from './arrow';\nimport Portal from '../internal/components/portal';\nimport { PopoverProps } from './interfaces';\nimport PopoverContainer from './container';\nimport PopoverBody from './body';\n\nimport styles from './styles.css.js';\nimport { NonCancelableEventHandler, fireNonCancelableEvent } from '../internal/events/index';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { usePortalModeClasses } from '../internal/hooks/use-portal-mode-classes';\nimport { useInternalI18n } from '../i18n/context';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { getFirstFocusable } from '../internal/components/focus-lock/utils';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\nimport ResetContextsForModal from '../internal/context/reset-contexts-for-modal';\nimport { useSingleTabStopNavigation } from '../internal/context/single-tab-stop-navigation-context';\n\nexport interface InternalPopoverProps extends PopoverProps, InternalBaseComponentProps {\n __onOpen?: NonCancelableEventHandler<null>;\n}\n\nexport interface InternalPopoverRef {\n dismissPopover: () => void;\n}\n\nexport default React.forwardRef(InternalPopover);\n\nfunction InternalPopover(\n {\n position = 'right',\n size = 'medium',\n fixedWidth = false,\n triggerType = 'text',\n dismissButton = true,\n\n children,\n header,\n content,\n triggerAriaLabel,\n\n renderWithPortal = false,\n\n __onOpen,\n __internalRootRef = null,\n ...restProps\n }: InternalPopoverProps,\n ref: React.Ref<InternalPopoverRef>\n) {\n const baseProps = getBaseProps(restProps);\n const triggerRef = useRef<HTMLElement | null>(null);\n const popoverRef = useRef<HTMLDivElement | null>(null);\n const clickFrameId = useRef<number | null>(null);\n\n const i18n = useInternalI18n('popover');\n const dismissAriaLabel = i18n('dismissAriaLabel', restProps.dismissAriaLabel);\n\n const [visible, setVisible] = useState(false);\n\n const focusTrigger = useCallback(() => {\n if (triggerType === 'text') {\n triggerRef.current?.focus();\n } else {\n triggerRef.current && getFirstFocusable(triggerRef.current)?.focus();\n }\n }, [triggerType]);\n\n const onTriggerClick = useCallback(() => {\n fireNonCancelableEvent(__onOpen);\n setVisible(true);\n }, [__onOpen]);\n\n const onDismiss = useCallback(() => {\n setVisible(false);\n focusTrigger();\n }, [focusTrigger]);\n\n const onTriggerKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n const isEscapeKey = event.keyCode === KeyCode.escape;\n const isTabKey = event.keyCode === KeyCode.tab;\n if (isEscapeKey && visible) {\n event.stopPropagation();\n }\n if (isTabKey || isEscapeKey) {\n setVisible(false);\n }\n },\n [visible]\n );\n\n useImperativeHandle(ref, () => ({\n dismissPopover: onDismiss,\n }));\n\n useEffect(() => {\n if (!triggerRef.current) {\n return;\n }\n const document = triggerRef.current.ownerDocument;\n\n const onDocumentClick = () => {\n // Dismiss popover unless there was a click inside within the last animation frame.\n if (clickFrameId.current === null) {\n setVisible(false);\n }\n };\n\n // useCapture=false makes sure this listener is called after the one attached to the element.\n // the options.capture notation is unsupported by IE.\n document.addEventListener('mousedown', onDocumentClick, false);\n\n return () => {\n document.removeEventListener('mousedown', onDocumentClick, false);\n };\n }, []);\n\n const popoverClasses = usePortalModeClasses(triggerRef);\n\n const triggerProps = {\n // https://github.com/microsoft/TypeScript/issues/36659\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref: triggerRef as any,\n onClick: onTriggerClick,\n onKeyDown: onTriggerKeyDown,\n className: clsx(styles.trigger, styles[`trigger-type-${triggerType}`]),\n };\n const { tabIndex: triggerTabIndex } = useSingleTabStopNavigation(triggerRef);\n\n const referrerId = useUniqueId();\n\n const popoverContent = (\n <div\n aria-live={dismissButton ? undefined : 'polite'}\n aria-atomic={dismissButton ? undefined : true}\n className={clsx(popoverClasses, !renderWithPortal && styles['popover-inline-content'])}\n data-awsui-referrer-id={referrerId}\n >\n {visible && (\n <PopoverContainer\n size={size}\n fixedWidth={fixedWidth}\n position={position}\n trackRef={triggerRef}\n arrow={position => <Arrow position={position} />}\n renderWithPortal={renderWithPortal}\n zIndex={renderWithPortal ? 7000 : undefined}\n >\n <LinkDefaultVariantContext.Provider value={{ defaultVariant: 'primary' }}>\n <PopoverBody\n dismissButton={dismissButton}\n dismissAriaLabel={dismissAriaLabel}\n header={header}\n onDismiss={onDismiss}\n overflowVisible=\"both\"\n >\n {content}\n </PopoverBody>\n </LinkDefaultVariantContext.Provider>\n </PopoverContainer>\n )}\n </div>\n );\n\n const mergedRef = useMergeRefs(popoverRef, __internalRootRef);\n\n return (\n <span\n {...baseProps}\n className={clsx(styles.root, baseProps.className)}\n ref={mergedRef}\n onMouseDown={() => {\n // Indicate there was a click inside popover recently, including nested portals.\n clickFrameId.current = requestAnimationFrame(() => {\n clickFrameId.current = null;\n });\n }}\n >\n {triggerType === 'text' ? (\n <button\n {...triggerProps}\n tabIndex={triggerTabIndex}\n type=\"button\"\n aria-haspopup=\"dialog\"\n id={referrerId}\n aria-label={triggerAriaLabel}\n >\n <span className={styles['trigger-inner-text']}>{children}</span>\n </button>\n ) : (\n <span {...triggerProps} id={referrerId}>\n {children}\n </span>\n )}\n <ResetContextsForModal>\n {renderWithPortal ? <Portal>{popoverContent}</Portal> : popoverContent}\n </ResetContextsForModal>\n </span>\n );\n}\n"]}
package/popover/styles.css.js CHANGED
@@ -1,55 +1,55 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "arrow": "awsui_arrow_xjuzf_ekpfy_197",
5
- "arrow-outer": "awsui_arrow-outer_xjuzf_ekpfy_201",
6
- "arrow-inner": "awsui_arrow-inner_xjuzf_ekpfy_201",
7
- "refresh": "awsui_refresh_xjuzf_ekpfy_231",
8
- "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_ekpfy_241",
9
- "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_ekpfy_241",
10
- "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_ekpfy_244",
11
- "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_ekpfy_244",
12
- "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_ekpfy_247",
13
- "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_ekpfy_247",
14
- "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_ekpfy_247",
15
- "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_ekpfy_247",
16
- "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_ekpfy_250",
17
- "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_ekpfy_250",
18
- "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_ekpfy_250",
19
- "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_ekpfy_250",
20
- "body": "awsui_body_xjuzf_ekpfy_352",
21
- "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_ekpfy_391",
22
- "has-dismiss": "awsui_has-dismiss_xjuzf_ekpfy_395",
23
- "dismiss": "awsui_dismiss_xjuzf_ekpfy_400",
24
- "dismiss-control": "awsui_dismiss-control_xjuzf_ekpfy_408",
25
- "header-row": "awsui_header-row_xjuzf_ekpfy_412",
26
- "header": "awsui_header_xjuzf_ekpfy_412",
27
- "content": "awsui_content_xjuzf_ekpfy_438",
28
- "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_ekpfy_446",
29
- "container": "awsui_container_xjuzf_ekpfy_548",
30
- "container-body": "awsui_container-body_xjuzf_ekpfy_556",
31
- "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_ekpfy_599",
32
- "container-body-size-small": "awsui_container-body-size-small_xjuzf_ekpfy_604",
33
- "fixed-width": "awsui_fixed-width_xjuzf_ekpfy_607",
34
- "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_ekpfy_611",
35
- "container-body-size-large": "awsui_container-body-size-large_xjuzf_ekpfy_618",
36
- "container-arrow": "awsui_container-arrow_xjuzf_ekpfy_630",
37
- "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_ekpfy_634",
38
- "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_ekpfy_634",
39
- "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_ekpfy_646",
40
- "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_ekpfy_646",
41
- "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_ekpfy_658",
42
- "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_ekpfy_658",
43
- "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_ekpfy_658",
44
- "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_ekpfy_658",
45
- "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_ekpfy_674",
46
- "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_ekpfy_678",
47
- "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_ekpfy_682",
48
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_ekpfy_1",
49
- "root": "awsui_root_xjuzf_ekpfy_828",
50
- "trigger": "awsui_trigger_xjuzf_ekpfy_864",
51
- "trigger-type-text": "awsui_trigger-type-text_xjuzf_ekpfy_871",
52
- "trigger-inner-text": "awsui_trigger-inner-text_xjuzf_ekpfy_906",
53
- "popover-content": "awsui_popover-content_xjuzf_ekpfy_910"
4
+ "arrow": "awsui_arrow_xjuzf_1xq78_197",
5
+ "arrow-outer": "awsui_arrow-outer_xjuzf_1xq78_201",
6
+ "arrow-inner": "awsui_arrow-inner_xjuzf_1xq78_201",
7
+ "refresh": "awsui_refresh_xjuzf_1xq78_231",
8
+ "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_1xq78_241",
9
+ "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_1xq78_241",
10
+ "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_1xq78_244",
11
+ "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_1xq78_244",
12
+ "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_1xq78_247",
13
+ "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_1xq78_247",
14
+ "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_1xq78_247",
15
+ "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_1xq78_247",
16
+ "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_1xq78_250",
17
+ "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_1xq78_250",
18
+ "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_1xq78_250",
19
+ "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_1xq78_250",
20
+ "body": "awsui_body_xjuzf_1xq78_352",
21
+ "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_1xq78_391",
22
+ "has-dismiss": "awsui_has-dismiss_xjuzf_1xq78_395",
23
+ "dismiss": "awsui_dismiss_xjuzf_1xq78_400",
24
+ "dismiss-control": "awsui_dismiss-control_xjuzf_1xq78_408",
25
+ "header-row": "awsui_header-row_xjuzf_1xq78_412",
26
+ "header": "awsui_header_xjuzf_1xq78_412",
27
+ "content": "awsui_content_xjuzf_1xq78_438",
28
+ "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_1xq78_446",
29
+ "container": "awsui_container_xjuzf_1xq78_548",
30
+ "container-body": "awsui_container-body_xjuzf_1xq78_556",
31
+ "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_1xq78_599",
32
+ "container-body-size-small": "awsui_container-body-size-small_xjuzf_1xq78_604",
33
+ "fixed-width": "awsui_fixed-width_xjuzf_1xq78_607",
34
+ "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_1xq78_611",
35
+ "container-body-size-large": "awsui_container-body-size-large_xjuzf_1xq78_618",
36
+ "container-arrow": "awsui_container-arrow_xjuzf_1xq78_630",
37
+ "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_1xq78_634",
38
+ "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_1xq78_634",
39
+ "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_1xq78_646",
40
+ "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_1xq78_646",
41
+ "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_1xq78_658",
42
+ "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_1xq78_658",
43
+ "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_1xq78_658",
44
+ "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_1xq78_658",
45
+ "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_1xq78_674",
46
+ "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_1xq78_678",
47
+ "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_1xq78_682",
48
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_1xq78_1",
49
+ "root": "awsui_root_xjuzf_1xq78_828",
50
+ "trigger": "awsui_trigger_xjuzf_1xq78_864",
51
+ "trigger-type-text": "awsui_trigger-type-text_xjuzf_1xq78_871",
52
+ "trigger-inner-text": "awsui_trigger-inner-text_xjuzf_1xq78_906",
53
+ "popover-inline-content": "awsui_popover-inline-content_xjuzf_1xq78_910"
54
54
  };
55
55
 
package/popover/styles.scoped.css CHANGED
@@ -194,11 +194,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
194
194
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
195
195
  SPDX-License-Identifier: Apache-2.0
196
196
  */
197
- .awsui_arrow_xjuzf_ekpfy_197:not(#\9) {
197
+ .awsui_arrow_xjuzf_1xq78_197:not(#\9) {
198
198
  inline-size: 20px;
199
199
  block-size: 10px;
200
200
  }
201
- .awsui_arrow-outer_xjuzf_ekpfy_201:not(#\9), .awsui_arrow-inner_xjuzf_ekpfy_201:not(#\9) {
201
+ .awsui_arrow-outer_xjuzf_1xq78_201:not(#\9), .awsui_arrow-inner_xjuzf_1xq78_201:not(#\9) {
202
202
  position: absolute;
203
203
  overflow: hidden;
204
204
  inline-size: 20px;
@@ -206,7 +206,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
206
206
  inset-block-start: 0;
207
207
  inset-inline-start: 0;
208
208
  }
209
- .awsui_arrow-outer_xjuzf_ekpfy_201:not(#\9)::after, .awsui_arrow-inner_xjuzf_ekpfy_201:not(#\9)::after {
209
+ .awsui_arrow-outer_xjuzf_1xq78_201:not(#\9)::after, .awsui_arrow-inner_xjuzf_1xq78_201:not(#\9)::after {
210
210
  content: "";
211
211
  box-sizing: border-box;
212
212
  display: inline-block;
@@ -222,32 +222,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
222
222
  transform: rotate(45deg);
223
223
  transform-origin: 0 100%;
224
224
  }
225
- .awsui_arrow-outer_xjuzf_ekpfy_201:not(#\9)::after {
225
+ .awsui_arrow-outer_xjuzf_1xq78_201:not(#\9)::after {
226
226
  background-color: var(--color-border-popover-umqvld, #9ba7b6);
227
227
  }
228
- .awsui_arrow-inner_xjuzf_ekpfy_201:not(#\9) {
228
+ .awsui_arrow-inner_xjuzf_1xq78_201:not(#\9) {
229
229
  inset-block-start: 2px;
230
230
  }
231
- .awsui_arrow-inner_xjuzf_ekpfy_201.awsui_refresh_xjuzf_ekpfy_231:not(#\9) {
231
+ .awsui_arrow-inner_xjuzf_1xq78_201.awsui_refresh_xjuzf_1xq78_231:not(#\9) {
232
232
  inset-block-start: 3px;
233
233
  }
234
- .awsui_arrow-inner_xjuzf_ekpfy_201:not(#\9)::after {
234
+ .awsui_arrow-inner_xjuzf_1xq78_201:not(#\9)::after {
235
235
  border-start-start-radius: 1px;
236
236
  border-start-end-radius: 0;
237
237
  border-end-start-radius: 0;
238
238
  border-end-end-radius: 0;
239
239
  background-color: var(--color-background-popover-szburm, #ffffff);
240
240
  }
241
- .awsui_arrow-position-right-top_xjuzf_ekpfy_241 > .awsui_arrow-outer_xjuzf_ekpfy_201:not(#\9)::after, .awsui_arrow-position-right-bottom_xjuzf_ekpfy_241 > .awsui_arrow-outer_xjuzf_ekpfy_201:not(#\9)::after {
241
+ .awsui_arrow-position-right-top_xjuzf_1xq78_241 > .awsui_arrow-outer_xjuzf_1xq78_201:not(#\9)::after, .awsui_arrow-position-right-bottom_xjuzf_1xq78_241 > .awsui_arrow-outer_xjuzf_1xq78_201:not(#\9)::after {
242
242
  box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-8jp634, rgba(0, 7, 22, 0.12));
243
243
  }
244
- .awsui_arrow-position-left-top_xjuzf_ekpfy_244 > .awsui_arrow-outer_xjuzf_ekpfy_201:not(#\9)::after, .awsui_arrow-position-left-bottom_xjuzf_ekpfy_244 > .awsui_arrow-outer_xjuzf_ekpfy_201:not(#\9)::after {
244
+ .awsui_arrow-position-left-top_xjuzf_1xq78_244 > .awsui_arrow-outer_xjuzf_1xq78_201:not(#\9)::after, .awsui_arrow-position-left-bottom_xjuzf_1xq78_244 > .awsui_arrow-outer_xjuzf_1xq78_201:not(#\9)::after {
245
245
  box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-8jp634, rgba(0, 7, 22, 0.12));
246
246
  }
247
- .awsui_arrow-position-top-center_xjuzf_ekpfy_247 > .awsui_arrow-outer_xjuzf_ekpfy_201:not(#\9)::after, .awsui_arrow-position-top-right_xjuzf_ekpfy_247 > .awsui_arrow-outer_xjuzf_ekpfy_201:not(#\9)::after, .awsui_arrow-position-top-left_xjuzf_ekpfy_247 > .awsui_arrow-outer_xjuzf_ekpfy_201:not(#\9)::after, .awsui_arrow-position-top-responsive_xjuzf_ekpfy_247 > .awsui_arrow-outer_xjuzf_ekpfy_201:not(#\9)::after {
247
+ .awsui_arrow-position-top-center_xjuzf_1xq78_247 > .awsui_arrow-outer_xjuzf_1xq78_201:not(#\9)::after, .awsui_arrow-position-top-right_xjuzf_1xq78_247 > .awsui_arrow-outer_xjuzf_1xq78_201:not(#\9)::after, .awsui_arrow-position-top-left_xjuzf_1xq78_247 > .awsui_arrow-outer_xjuzf_1xq78_201:not(#\9)::after, .awsui_arrow-position-top-responsive_xjuzf_1xq78_247 > .awsui_arrow-outer_xjuzf_1xq78_201:not(#\9)::after {
248
248
  box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-8jp634, rgba(0, 7, 22, 0.12));
249
249
  }
250
- .awsui_arrow-position-bottom-center_xjuzf_ekpfy_250 > .awsui_arrow-outer_xjuzf_ekpfy_201:not(#\9)::after, .awsui_arrow-position-bottom-right_xjuzf_ekpfy_250 > .awsui_arrow-outer_xjuzf_ekpfy_201:not(#\9)::after, .awsui_arrow-position-bottom-left_xjuzf_ekpfy_250 > .awsui_arrow-outer_xjuzf_ekpfy_201:not(#\9)::after, .awsui_arrow-position-bottom-responsive_xjuzf_ekpfy_250 > .awsui_arrow-outer_xjuzf_ekpfy_201:not(#\9)::after {
250
+ .awsui_arrow-position-bottom-center_xjuzf_1xq78_250 > .awsui_arrow-outer_xjuzf_1xq78_201:not(#\9)::after, .awsui_arrow-position-bottom-right_xjuzf_1xq78_250 > .awsui_arrow-outer_xjuzf_1xq78_201:not(#\9)::after, .awsui_arrow-position-bottom-left_xjuzf_1xq78_250 > .awsui_arrow-outer_xjuzf_1xq78_201:not(#\9)::after, .awsui_arrow-position-bottom-responsive_xjuzf_1xq78_250 > .awsui_arrow-outer_xjuzf_1xq78_201:not(#\9)::after {
251
251
  box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-8jp634, rgba(0, 7, 22, 0.12));
252
252
  }
253
253
 
@@ -349,7 +349,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
349
349
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
350
350
  SPDX-License-Identifier: Apache-2.0
351
351
  */
352
- .awsui_body_xjuzf_ekpfy_352:not(#\9) {
352
+ .awsui_body_xjuzf_1xq78_352:not(#\9) {
353
353
  border-collapse: separate;
354
354
  border-spacing: 0;
355
355
  box-sizing: border-box;
@@ -389,16 +389,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
389
389
  padding-block: var(--space-s-34lx8l, 12px);
390
390
  padding-inline: var(--space-m-udix3p, 16px);
391
391
  }
392
- .awsui_body-overflow-visible_xjuzf_ekpfy_391:not(#\9) {
392
+ .awsui_body-overflow-visible_xjuzf_1xq78_391:not(#\9) {
393
393
  overflow: visible;
394
394
  }
395
395
 
396
- .awsui_has-dismiss_xjuzf_ekpfy_395:not(#\9) {
396
+ .awsui_has-dismiss_xjuzf_1xq78_395:not(#\9) {
397
397
  display: flex;
398
398
  align-items: baseline;
399
399
  }
400
400
 
401
- .awsui_dismiss_xjuzf_ekpfy_400:not(#\9) {
401
+ .awsui_dismiss_xjuzf_1xq78_400:not(#\9) {
402
402
  margin-block: calc(-1 * var(--space-xs-zb16t3, 8px));
403
403
  margin-inline-start: 0;
404
404
  margin-inline-end: calc(-1 * (var(--space-xxs-p8yyaw, 4px) + var(--border-field-width-09w7vk, 2px)));
@@ -406,15 +406,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
406
406
  order: 1;
407
407
  }
408
408
 
409
- .awsui_dismiss-control_xjuzf_ekpfy_408:not(#\9) {
409
+ .awsui_dismiss-control_xjuzf_1xq78_408:not(#\9) {
410
410
  /* used in test-utils */
411
411
  }
412
412
 
413
- .awsui_header-row_xjuzf_ekpfy_412:not(#\9) {
413
+ .awsui_header-row_xjuzf_1xq78_412:not(#\9) {
414
414
  margin-block-end: var(--space-xs-zb16t3, 8px);
415
415
  }
416
416
 
417
- .awsui_header_xjuzf_ekpfy_412:not(#\9) {
417
+ .awsui_header_xjuzf_1xq78_412:not(#\9) {
418
418
  word-wrap: break-word;
419
419
  max-inline-size: 100%;
420
420
  overflow: hidden;
@@ -427,7 +427,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
427
427
  /* stylelint-disable selector-max-type */
428
428
  /* stylelint-enable selector-max-type */
429
429
  }
430
- .awsui_header_xjuzf_ekpfy_412 > h2:not(#\9) {
430
+ .awsui_header_xjuzf_1xq78_412 > h2:not(#\9) {
431
431
  font-size: var(--font-size-heading-xs-wo4hpf, 14px);
432
432
  line-height: var(--line-height-heading-xs-aeleja, 18px);
433
433
  font-weight: var(--font-weight-heading-xs-l7rqme, 700);
@@ -436,7 +436,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
436
436
  display: inline;
437
437
  }
438
438
 
439
- .awsui_content_xjuzf_ekpfy_438:not(#\9) {
439
+ .awsui_content_xjuzf_1xq78_438:not(#\9) {
440
440
  word-wrap: break-word;
441
441
  max-inline-size: 100%;
442
442
  overflow: hidden;
@@ -444,7 +444,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
444
444
  flex: 1 1 auto;
445
445
  min-inline-size: 0;
446
446
  }
447
- .awsui_content-overflow-visible_xjuzf_ekpfy_446:not(#\9) {
447
+ .awsui_content-overflow-visible_xjuzf_1xq78_446:not(#\9) {
448
448
  overflow: visible;
449
449
  }
450
450
 
@@ -546,7 +546,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
546
546
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
547
547
  SPDX-License-Identifier: Apache-2.0
548
548
  */
549
- .awsui_container_xjuzf_ekpfy_548:not(#\9) {
549
+ .awsui_container_xjuzf_1xq78_548:not(#\9) {
550
550
  display: inline-block;
551
551
  position: fixed;
552
552
  inset-block-start: -9999px;
@@ -554,7 +554,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
554
554
  z-index: 2000;
555
555
  }
556
556
 
557
- .awsui_container-body_xjuzf_ekpfy_556:not(#\9) {
557
+ .awsui_container-body_xjuzf_1xq78_556:not(#\9) {
558
558
  border-collapse: separate;
559
559
  border-spacing: 0;
560
560
  box-sizing: border-box;
@@ -598,90 +598,90 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
598
598
  border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-popover-umqvld, #9ba7b6);
599
599
  }
600
600
 
601
- .awsui_container-body-variant-annotation_xjuzf_ekpfy_599:not(#\9) {
601
+ .awsui_container-body-variant-annotation_xjuzf_1xq78_599:not(#\9) {
602
602
  background-color: var(--color-background-status-info-mvnbre, #f2f8fd);
603
603
  border-color: var(--color-border-status-info-8upc6f, #0972d3);
604
604
  }
605
605
 
606
- .awsui_container-body-size-small_xjuzf_ekpfy_604:not(#\9) {
606
+ .awsui_container-body-size-small_xjuzf_1xq78_604:not(#\9) {
607
607
  max-inline-size: 210px;
608
608
  }
609
- .awsui_container-body-size-small_xjuzf_ekpfy_604.awsui_fixed-width_xjuzf_ekpfy_607:not(#\9) {
609
+ .awsui_container-body-size-small_xjuzf_1xq78_604.awsui_fixed-width_xjuzf_1xq78_607:not(#\9) {
610
610
  inline-size: 210px;
611
611
  }
612
612
 
613
- .awsui_container-body-size-medium_xjuzf_ekpfy_611:not(#\9) {
613
+ .awsui_container-body-size-medium_xjuzf_1xq78_611:not(#\9) {
614
614
  max-inline-size: 310px;
615
615
  }
616
- .awsui_container-body-size-medium_xjuzf_ekpfy_611.awsui_fixed-width_xjuzf_ekpfy_607:not(#\9) {
616
+ .awsui_container-body-size-medium_xjuzf_1xq78_611.awsui_fixed-width_xjuzf_1xq78_607:not(#\9) {
617
617
  inline-size: 310px;
618
618
  }
619
619
 
620
- .awsui_container-body-size-large_xjuzf_ekpfy_618:not(#\9) {
620
+ .awsui_container-body-size-large_xjuzf_1xq78_618:not(#\9) {
621
621
  max-inline-size: 480px;
622
622
  }
623
623
  @media (max-width: 480px) {
624
- .awsui_container-body-size-large_xjuzf_ekpfy_618:not(#\9) {
624
+ .awsui_container-body-size-large_xjuzf_1xq78_618:not(#\9) {
625
625
  max-inline-size: 310px;
626
626
  }
627
627
  }
628
- .awsui_container-body-size-large_xjuzf_ekpfy_618.awsui_fixed-width_xjuzf_ekpfy_607:not(#\9) {
628
+ .awsui_container-body-size-large_xjuzf_1xq78_618.awsui_fixed-width_xjuzf_1xq78_607:not(#\9) {
629
629
  inline-size: 480px;
630
630
  }
631
631
 
632
- .awsui_container-arrow_xjuzf_ekpfy_630:not(#\9) {
632
+ .awsui_container-arrow_xjuzf_1xq78_630:not(#\9) {
633
633
  position: absolute;
634
634
  display: inline-block;
635
635
  }
636
- .awsui_container-arrow-position-right-top_xjuzf_ekpfy_634:not(#\9), .awsui_container-arrow-position-right-bottom_xjuzf_ekpfy_634:not(#\9) {
636
+ .awsui_container-arrow-position-right-top_xjuzf_1xq78_634:not(#\9), .awsui_container-arrow-position-right-bottom_xjuzf_1xq78_634:not(#\9) {
637
637
  transform: rotate(-90deg);
638
638
  transform-origin: 0 100%;
639
639
  }
640
- .awsui_container-arrow-position-right-top_xjuzf_ekpfy_634:not(#\9) {
640
+ .awsui_container-arrow-position-right-top_xjuzf_1xq78_634:not(#\9) {
641
641
  inset-block-start: calc(12px + 10px);
642
642
  inset-inline-start: 0;
643
643
  }
644
- .awsui_container-arrow-position-right-bottom_xjuzf_ekpfy_634:not(#\9) {
644
+ .awsui_container-arrow-position-right-bottom_xjuzf_1xq78_634:not(#\9) {
645
645
  inset-block-end: 12px;
646
646
  inset-inline-start: 0;
647
647
  }
648
- .awsui_container-arrow-position-left-top_xjuzf_ekpfy_646:not(#\9), .awsui_container-arrow-position-left-bottom_xjuzf_ekpfy_646:not(#\9) {
648
+ .awsui_container-arrow-position-left-top_xjuzf_1xq78_646:not(#\9), .awsui_container-arrow-position-left-bottom_xjuzf_1xq78_646:not(#\9) {
649
649
  transform: rotate(90deg);
650
650
  transform-origin: 100% 100%;
651
651
  }
652
- .awsui_container-arrow-position-left-top_xjuzf_ekpfy_646:not(#\9) {
652
+ .awsui_container-arrow-position-left-top_xjuzf_1xq78_646:not(#\9) {
653
653
  inset-block-start: calc(12px + 10px);
654
654
  inset-inline-end: 0;
655
655
  }
656
- .awsui_container-arrow-position-left-bottom_xjuzf_ekpfy_646:not(#\9) {
656
+ .awsui_container-arrow-position-left-bottom_xjuzf_1xq78_646:not(#\9) {
657
657
  inset-block-end: 12px;
658
658
  inset-inline-end: 0;
659
659
  }
660
- .awsui_container-arrow-position-top-center_xjuzf_ekpfy_658:not(#\9), .awsui_container-arrow-position-top-right_xjuzf_ekpfy_658:not(#\9), .awsui_container-arrow-position-top-left_xjuzf_ekpfy_658:not(#\9), .awsui_container-arrow-position-top-responsive_xjuzf_ekpfy_658:not(#\9) {
660
+ .awsui_container-arrow-position-top-center_xjuzf_1xq78_658:not(#\9), .awsui_container-arrow-position-top-right_xjuzf_1xq78_658:not(#\9), .awsui_container-arrow-position-top-left_xjuzf_1xq78_658:not(#\9), .awsui_container-arrow-position-top-responsive_xjuzf_1xq78_658:not(#\9) {
661
661
  transform: rotate(180deg);
662
662
  transform-origin: 50% 50%;
663
663
  }
664
- .awsui_container-arrow-position-top-center_xjuzf_ekpfy_658:not(#\9) {
664
+ .awsui_container-arrow-position-top-center_xjuzf_1xq78_658:not(#\9) {
665
665
  inset-block-end: -10px;
666
666
  inset-inline-start: calc(50% - 10px);
667
667
  }
668
- .awsui_container-arrow-position-top-right_xjuzf_ekpfy_658:not(#\9) {
668
+ .awsui_container-arrow-position-top-right_xjuzf_1xq78_658:not(#\9) {
669
669
  inset-block-end: -10px;
670
670
  inset-inline-start: 12px;
671
671
  }
672
- .awsui_container-arrow-position-top-left_xjuzf_ekpfy_658:not(#\9) {
672
+ .awsui_container-arrow-position-top-left_xjuzf_1xq78_658:not(#\9) {
673
673
  inset-block-end: -10px;
674
674
  inset-inline-start: calc(100% - 20px - 12px);
675
675
  }
676
- .awsui_container-arrow-position-bottom-center_xjuzf_ekpfy_674:not(#\9) {
676
+ .awsui_container-arrow-position-bottom-center_xjuzf_1xq78_674:not(#\9) {
677
677
  inset-block-start: -10px;
678
678
  inset-inline-start: calc(50% - 10px);
679
679
  }
680
- .awsui_container-arrow-position-bottom-right_xjuzf_ekpfy_678:not(#\9) {
680
+ .awsui_container-arrow-position-bottom-right_xjuzf_1xq78_678:not(#\9) {
681
681
  inset-block-start: -10px;
682
682
  inset-inline-start: 12px;
683
683
  }
684
- .awsui_container-arrow-position-bottom-left_xjuzf_ekpfy_682:not(#\9) {
684
+ .awsui_container-arrow-position-bottom-left_xjuzf_1xq78_682:not(#\9) {
685
685
  inset-block-start: -10px;
686
686
  inset-inline-start: calc(100% - 20px - 12px);
687
687
  }
@@ -784,10 +784,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
784
784
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
785
785
  SPDX-License-Identifier: Apache-2.0
786
786
  */
787
- .awsui_container_xjuzf_ekpfy_548:not(#\9) {
788
- animation: awsui_awsui-motion-fade-in_xjuzf_ekpfy_1 var(--motion-duration-show-paced-q2lo2h, 180ms) var(--motion-easing-show-paced-ne2o0s, ease-out);
787
+ .awsui_container_xjuzf_1xq78_548:not(#\9) {
788
+ animation: awsui_awsui-motion-fade-in_xjuzf_1xq78_1 var(--motion-duration-show-paced-q2lo2h, 180ms) var(--motion-easing-show-paced-ne2o0s, ease-out);
789
789
  }
790
- @keyframes awsui_awsui-motion-fade-in_xjuzf_ekpfy_1 {
790
+ @keyframes awsui_awsui-motion-fade-in_xjuzf_1xq78_1 {
791
791
  from {
792
792
  opacity: 0.2;
793
793
  }
@@ -796,19 +796,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
796
796
  }
797
797
  }
798
798
  @media (prefers-reduced-motion: reduce) {
799
- .awsui_container_xjuzf_ekpfy_548:not(#\9) {
799
+ .awsui_container_xjuzf_1xq78_548:not(#\9) {
800
800
  animation: none;
801
801
  transition: none;
802
802
  }
803
803
  }
804
- .awsui-motion-disabled .awsui_container_xjuzf_ekpfy_548:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_ekpfy_548:not(#\9) {
804
+ .awsui-motion-disabled .awsui_container_xjuzf_1xq78_548:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_1xq78_548:not(#\9) {
805
805
  animation: none;
806
806
  transition: none;
807
807
  }
808
- .awsui_container_xjuzf_ekpfy_548.awsui_refresh_xjuzf_ekpfy_231:not(#\9) {
809
- animation: awsui_awsui-motion-fade-in_xjuzf_ekpfy_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms) var(--motion-easing-refresh-only-a-8flf9q, cubic-bezier(0, 0, 0, 1));
808
+ .awsui_container_xjuzf_1xq78_548.awsui_refresh_xjuzf_1xq78_231:not(#\9) {
809
+ animation: awsui_awsui-motion-fade-in_xjuzf_1xq78_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms) var(--motion-easing-refresh-only-a-8flf9q, cubic-bezier(0, 0, 0, 1));
810
810
  }
811
- @keyframes awsui_awsui-motion-fade-in_xjuzf_ekpfy_1 {
811
+ @keyframes awsui_awsui-motion-fade-in_xjuzf_1xq78_1 {
812
812
  from {
813
813
  opacity: 0.2;
814
814
  }
@@ -817,17 +817,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
817
817
  }
818
818
  }
819
819
  @media (prefers-reduced-motion: reduce) {
820
- .awsui_container_xjuzf_ekpfy_548.awsui_refresh_xjuzf_ekpfy_231:not(#\9) {
820
+ .awsui_container_xjuzf_1xq78_548.awsui_refresh_xjuzf_1xq78_231:not(#\9) {
821
821
  animation: none;
822
822
  transition: none;
823
823
  }
824
824
  }
825
- .awsui-motion-disabled .awsui_container_xjuzf_ekpfy_548.awsui_refresh_xjuzf_ekpfy_231:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_ekpfy_548.awsui_refresh_xjuzf_ekpfy_231:not(#\9) {
825
+ .awsui-motion-disabled .awsui_container_xjuzf_1xq78_548.awsui_refresh_xjuzf_1xq78_231:not(#\9), .awsui-mode-entering .awsui_container_xjuzf_1xq78_548.awsui_refresh_xjuzf_1xq78_231:not(#\9) {
826
826
  animation: none;
827
827
  transition: none;
828
828
  }
829
829
 
830
- .awsui_root_xjuzf_ekpfy_828:not(#\9) {
830
+ .awsui_root_xjuzf_1xq78_828:not(#\9) {
831
831
  border-collapse: separate;
832
832
  border-spacing: 0;
833
833
  box-sizing: border-box;
@@ -864,14 +864,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
864
864
  color: inherit;
865
865
  }
866
866
 
867
- .awsui_trigger_xjuzf_ekpfy_864:not(#\9) {
867
+ .awsui_trigger_xjuzf_1xq78_864:not(#\9) {
868
868
  display: inline-block;
869
869
  max-inline-size: 100%;
870
870
  color: inherit;
871
871
  text-align: inherit;
872
872
  }
873
873
 
874
- .awsui_trigger-type-text_xjuzf_ekpfy_871:not(#\9) {
874
+ .awsui_trigger-type-text_xjuzf_1xq78_871:not(#\9) {
875
875
  border-block: 0;
876
876
  border-inline: 0;
877
877
  margin-block: 0;
@@ -882,17 +882,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
882
882
  cursor: pointer;
883
883
  border-block-end: var(--border-divider-list-width-27y3k5, 1px) dashed currentColor;
884
884
  }
885
- .awsui_trigger-type-text_xjuzf_ekpfy_871:not(#\9):focus {
885
+ .awsui_trigger-type-text_xjuzf_1xq78_871:not(#\9):focus {
886
886
  outline: none;
887
887
  }
888
- body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_ekpfy_871:not(#\9):focus {
888
+ body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_1xq78_871:not(#\9):focus {
889
889
  position: relative;
890
890
  }
891
- body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_ekpfy_871:not(#\9):focus {
891
+ body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_1xq78_871:not(#\9):focus {
892
892
  outline: 2px dotted transparent;
893
893
  outline-offset: calc(1px - 1px);
894
894
  }
895
- body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_ekpfy_871:not(#\9):focus::before {
895
+ body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_1xq78_871:not(#\9):focus::before {
896
896
  content: " ";
897
897
  display: block;
898
898
  position: absolute;
@@ -906,10 +906,10 @@ body[data-awsui-focus-visible=true] .awsui_trigger-type-text_xjuzf_ekpfy_871:not
906
906
  border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
907
907
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
908
908
  }
909
- .awsui_trigger-type-text_xjuzf_ekpfy_871 > .awsui_trigger-inner-text_xjuzf_ekpfy_906:not(#\9) {
909
+ .awsui_trigger-type-text_xjuzf_1xq78_871 > .awsui_trigger-inner-text_xjuzf_1xq78_906:not(#\9) {
910
910
  position: relative;
911
911
  }
912
912
 
913
- .awsui_popover-content_xjuzf_ekpfy_910:not(#\9) {
913
+ .awsui_popover-inline-content_xjuzf_1xq78_910:not(#\9) {
914
914
  display: inline;
915
915
  }
package/popover/styles.selectors.js CHANGED
@@ -2,55 +2,55 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "arrow": "awsui_arrow_xjuzf_ekpfy_197",
6
- "arrow-outer": "awsui_arrow-outer_xjuzf_ekpfy_201",
7
- "arrow-inner": "awsui_arrow-inner_xjuzf_ekpfy_201",
8
- "refresh": "awsui_refresh_xjuzf_ekpfy_231",
9
- "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_ekpfy_241",
10
- "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_ekpfy_241",
11
- "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_ekpfy_244",
12
- "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_ekpfy_244",
13
- "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_ekpfy_247",
14
- "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_ekpfy_247",
15
- "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_ekpfy_247",
16
- "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_ekpfy_247",
17
- "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_ekpfy_250",
18
- "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_ekpfy_250",
19
- "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_ekpfy_250",
20
- "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_ekpfy_250",
21
- "body": "awsui_body_xjuzf_ekpfy_352",
22
- "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_ekpfy_391",
23
- "has-dismiss": "awsui_has-dismiss_xjuzf_ekpfy_395",
24
- "dismiss": "awsui_dismiss_xjuzf_ekpfy_400",
25
- "dismiss-control": "awsui_dismiss-control_xjuzf_ekpfy_408",
26
- "header-row": "awsui_header-row_xjuzf_ekpfy_412",
27
- "header": "awsui_header_xjuzf_ekpfy_412",
28
- "content": "awsui_content_xjuzf_ekpfy_438",
29
- "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_ekpfy_446",
30
- "container": "awsui_container_xjuzf_ekpfy_548",
31
- "container-body": "awsui_container-body_xjuzf_ekpfy_556",
32
- "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_ekpfy_599",
33
- "container-body-size-small": "awsui_container-body-size-small_xjuzf_ekpfy_604",
34
- "fixed-width": "awsui_fixed-width_xjuzf_ekpfy_607",
35
- "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_ekpfy_611",
36
- "container-body-size-large": "awsui_container-body-size-large_xjuzf_ekpfy_618",
37
- "container-arrow": "awsui_container-arrow_xjuzf_ekpfy_630",
38
- "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_ekpfy_634",
39
- "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_ekpfy_634",
40
- "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_ekpfy_646",
41
- "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_ekpfy_646",
42
- "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_ekpfy_658",
43
- "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_ekpfy_658",
44
- "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_ekpfy_658",
45
- "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_ekpfy_658",
46
- "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_ekpfy_674",
47
- "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_ekpfy_678",
48
- "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_ekpfy_682",
49
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_ekpfy_1",
50
- "root": "awsui_root_xjuzf_ekpfy_828",
51
- "trigger": "awsui_trigger_xjuzf_ekpfy_864",
52
- "trigger-type-text": "awsui_trigger-type-text_xjuzf_ekpfy_871",
53
- "trigger-inner-text": "awsui_trigger-inner-text_xjuzf_ekpfy_906",
54
- "popover-content": "awsui_popover-content_xjuzf_ekpfy_910"
5
+ "arrow": "awsui_arrow_xjuzf_1xq78_197",
6
+ "arrow-outer": "awsui_arrow-outer_xjuzf_1xq78_201",
7
+ "arrow-inner": "awsui_arrow-inner_xjuzf_1xq78_201",
8
+ "refresh": "awsui_refresh_xjuzf_1xq78_231",
9
+ "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_1xq78_241",
10
+ "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_1xq78_241",
11
+ "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_1xq78_244",
12
+ "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_1xq78_244",
13
+ "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_1xq78_247",
14
+ "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_1xq78_247",
15
+ "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_1xq78_247",
16
+ "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_1xq78_247",
17
+ "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_1xq78_250",
18
+ "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_1xq78_250",
19
+ "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_1xq78_250",
20
+ "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_1xq78_250",
21
+ "body": "awsui_body_xjuzf_1xq78_352",
22
+ "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_1xq78_391",
23
+ "has-dismiss": "awsui_has-dismiss_xjuzf_1xq78_395",
24
+ "dismiss": "awsui_dismiss_xjuzf_1xq78_400",
25
+ "dismiss-control": "awsui_dismiss-control_xjuzf_1xq78_408",
26
+ "header-row": "awsui_header-row_xjuzf_1xq78_412",
27
+ "header": "awsui_header_xjuzf_1xq78_412",
28
+ "content": "awsui_content_xjuzf_1xq78_438",
29
+ "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_1xq78_446",
30
+ "container": "awsui_container_xjuzf_1xq78_548",
31
+ "container-body": "awsui_container-body_xjuzf_1xq78_556",
32
+ "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_1xq78_599",
33
+ "container-body-size-small": "awsui_container-body-size-small_xjuzf_1xq78_604",
34
+ "fixed-width": "awsui_fixed-width_xjuzf_1xq78_607",
35
+ "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_1xq78_611",
36
+ "container-body-size-large": "awsui_container-body-size-large_xjuzf_1xq78_618",
37
+ "container-arrow": "awsui_container-arrow_xjuzf_1xq78_630",
38
+ "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_1xq78_634",
39
+ "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_1xq78_634",
40
+ "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_1xq78_646",
41
+ "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_1xq78_646",
42
+ "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_1xq78_658",
43
+ "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_1xq78_658",
44
+ "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_1xq78_658",
45
+ "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_1xq78_658",
46
+ "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_1xq78_674",
47
+ "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_1xq78_678",
48
+ "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_1xq78_682",
49
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_1xq78_1",
50
+ "root": "awsui_root_xjuzf_1xq78_828",
51
+ "trigger": "awsui_trigger_xjuzf_1xq78_864",
52
+ "trigger-type-text": "awsui_trigger-type-text_xjuzf_1xq78_871",
53
+ "trigger-inner-text": "awsui_trigger-inner-text_xjuzf_1xq78_906",
54
+ "popover-inline-content": "awsui_popover-inline-content_xjuzf_1xq78_910"
55
55
  };
56
56