@cloudscape-design/components-themeable 3.0.850 → 3.0.852

package/lib/internal/template/modal/internal.js

@@ -154,7 +154,7 @@ function PortaledModal(_a) {
                     componentLoadingCount,
                     emitTimeToContentReadyInModal,
                 } },
-                React.createElement("div", Object.assign({}, baseProps, __funnelProps, __funnelStepProps, { className: clsx(styles.root, { [styles.hidden]: !visible }, baseProps.className, isRefresh && styles.refresh), role: "dialog", "aria-modal": true, "aria-labelledby": headerId, onMouseDown: onOverlayMouseDown, onClick: onOverlayClick, ref: mergedRef, style: footerHeight ? { scrollPaddingBottom: footerHeight } : undefined, "data-awsui-referrer-id": ((_b = subStepRef.current) === null || _b === void 0 ? void 0 : _b.id) || referrerId }),
+                React.createElement("div", Object.assign({}, baseProps, __funnelProps, __funnelStepProps, { className: clsx(styles.root, { [styles.hidden]: !visible }, baseProps.className, isRefresh && styles.refresh), role: "dialog", "aria-labelledby": headerId, onMouseDown: onOverlayMouseDown, onClick: onOverlayClick, ref: mergedRef, style: footerHeight ? { scrollPaddingBottom: footerHeight } : undefined, "data-awsui-referrer-id": ((_b = subStepRef.current) === null || _b === void 0 ? void 0 : _b.id) || referrerId }),
                     React.createElement(FocusLock, { disabled: !visible, autoFocus: true, restoreFocus: true, className: styles['focus-lock'] },
                         React.createElement("div", Object.assign({ className: clsx(styles.dialog, styles[size], styles[`breakpoint-${breakpoint}`], isRefresh && styles.refresh), onKeyDown: escKeyHandler }, metadataAttribute),
                             React.createElement("div", { className: styles.container },

package/lib/internal/template/modal/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/modal/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, { useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useContainerQuery } from '@cloudscape-design/component-toolkit';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { InternalButton } from '../button/internal';\nimport InternalHeader from '../header/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport { PerformanceMetrics } from '../internal/analytics';\nimport {\n  FunnelNameSelectorContext,\n  FunnelStepContextValue,\n  FunnelSubStepContextValue,\n} from '../internal/analytics/context/analytics-context';\nimport { FunnelProps, useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport { getBaseProps } from '../internal/base-component';\nimport FocusLock from '../internal/components/focus-lock';\nimport Portal from '../internal/components/portal';\nimport { ButtonContext, ButtonContextProps } from '../internal/context/button-context';\nimport { ModalContext } from '../internal/context/modal-context';\nimport ResetContextsForModal from '../internal/context/reset-contexts-for-modal';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useIntersectionObserver } from '../internal/hooks/use-intersection-observer';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { KeyCode } from '../internal/keycode';\nimport { SomeRequired } from '../internal/types';\nimport {\n  GeneratedAnalyticsMetadataModalComponent,\n  GeneratedAnalyticsMetadataModalDismiss,\n} from './analytics-metadata/interfaces';\nimport { disableBodyScrolling, enableBodyScrolling } from './body-scroll';\nimport { ModalProps } from './interfaces';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\nexport function InternalModalAsFunnel(props: InternalModalProps) {\n  const { funnelProps, funnelSubmit, funnelNextOrSubmitAttempt } = useFunnel();\n  const { funnelStepProps } = useFunnelStep();\n  const { subStepRef, funnelSubStepProps } = useFunnelSubStep();\n  const onButtonClick: ButtonContextProps['onClick'] = ({ variant }) => {\n    if (variant === 'primary') {\n      funnelNextOrSubmitAttempt();\n      funnelSubmit();\n    }\n  };\n\n  return (\n    <InternalModal\n      __funnelProps={funnelProps}\n      __funnelStepProps={funnelStepProps}\n      __subStepRef={subStepRef}\n      __subStepFunnelProps={funnelSubStepProps}\n      onButtonClick={onButtonClick}\n      {...props}\n    />\n  );\n}\n\ntype InternalModalProps = SomeRequired<ModalProps, 'size'> &\n  InternalBaseComponentProps & {\n    __funnelProps?: FunnelProps;\n    __funnelStepProps?: FunnelStepContextValue['funnelStepProps'];\n    __subStepRef?: FunnelSubStepContextValue['subStepRef'];\n    __subStepFunnelProps?: FunnelSubStepContextValue['funnelSubStepProps'];\n    __injectAnalyticsComponentMetadata?: boolean;\n    onButtonClick?: ButtonContextProps['onClick'];\n    referrerId?: string;\n  };\n\nexport default function InternalModal({ modalRoot, getModalRoot, removeModalRoot, ...rest }: InternalModalProps) {\n  return (\n    <Portal container={modalRoot} getContainer={getModalRoot} removeContainer={removeModalRoot}>\n      <PortaledModal {...rest} />\n    </Portal>\n  );\n}\n\ntype PortaledModalProps = Omit<InternalModalProps, 'modalRoot' | 'getModalRoot' | 'removeModalRoot'>;\n\n// Separate component to prevent the Portal from getting in the way of refs, as it needs extra cycles to render the inner components.\n// useContainerQuery needs its targeted element to exist on the first render in order to work properly.\nfunction PortaledModal({\n  size,\n  visible,\n  header,\n  children,\n  footer,\n  disableContentPaddings,\n  onButtonClick = () => {},\n  onDismiss,\n  __internalRootRef = null,\n  __injectAnalyticsComponentMetadata,\n  __funnelProps,\n  __funnelStepProps,\n  __subStepRef,\n  __subStepFunnelProps,\n  referrerId,\n  ...rest\n}: PortaledModalProps) {\n  const instanceUniqueId = useUniqueId();\n  const headerId = `${rest.id || instanceUniqueId}-header`;\n  const lastMouseDownElementRef = useRef<HTMLElement | null>(null);\n  const [breakpoint, breakpointsRef] = useContainerBreakpoints(['xs']);\n\n  const i18n = useInternalI18n('modal');\n  const closeAriaLabel = i18n('closeAriaLabel', rest.closeAriaLabel);\n\n  const refObject = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs(breakpointsRef, refObject, __internalRootRef);\n\n  const isRefresh = useVisualRefresh();\n\n  const baseProps = getBaseProps(rest);\n\n  const analyticsComponentMetadata: GeneratedAnalyticsMetadataModalComponent = {\n    name: 'awsui.Modal',\n    label: `.${analyticsSelectors.header} h2`,\n  };\n  const metadataAttribute = __injectAnalyticsComponentMetadata\n    ? getAnalyticsMetadataAttribute({ component: analyticsComponentMetadata })\n    : {};\n  const loadStartTime = useRef<number>(0);\n  const loadCompleteTime = useRef<number>(0);\n  const componentLoadingCount = useRef<number>(0);\n  const performanceMetricLogged = useRef<boolean>(false);\n\n  // enable body scroll and restore focus if unmounting while visible\n  useEffect(() => {\n    return () => {\n      enableBodyScrolling();\n    };\n  }, []);\n\n  const resetModalPerformanceData = () => {\n    loadStartTime.current = performance.now();\n    loadCompleteTime.current = 0;\n    performanceMetricLogged.current = false;\n  };\n\n  const emitTimeToContentReadyInModal = (loadCompleteTime: number) => {\n    if (\n      componentLoadingCount.current === 0 &&\n      loadStartTime.current &&\n      loadStartTime.current !== 0 &&\n      !performanceMetricLogged.current\n    ) {\n      const timeToContentReadyInModal = loadCompleteTime - loadStartTime.current;\n      PerformanceMetrics.modalPerformanceData({\n        timeToContentReadyInModal,\n        instanceIdentifier: instanceUniqueId,\n        componentIdentifier: headerRef.current?.textContent || '',\n      });\n      performanceMetricLogged.current = true;\n    }\n  };\n\n  const MODAL_READY_TIMEOUT = 100;\n  /**\n   * This useEffect is triggered when the visible attribute of modal changes.\n   * When modal becomes visible, modal performance metrics are reset marking the beginning loading process.\n   * To ensure that the modal component ready metric is always emitted, a setTimeout is implemented.\n   * This setTimeout automatically emits the component ready metric after a specified duration.\n   */\n  useEffect(() => {\n    if (visible) {\n      disableBodyScrolling();\n      resetModalPerformanceData();\n      setTimeout(() => {\n        emitTimeToContentReadyInModal(loadStartTime.current);\n      }, MODAL_READY_TIMEOUT);\n    } else {\n      enableBodyScrolling();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [visible]);\n\n  // Because we hide the element with styles (and not actually detach it from DOM), we need to scroll to top\n  useEffect(() => {\n    if (visible && refObject.current) {\n      refObject.current.scrollTop = 0;\n    }\n  }, [visible]);\n\n  const dismiss = (reason: string) => fireNonCancelableEvent(onDismiss, { reason });\n\n  const onOverlayMouseDown = (event: React.MouseEvent) => {\n    lastMouseDownElementRef.current = event.target as HTMLElement;\n  };\n  const onOverlayClick = (event: React.MouseEvent) => {\n    const overlay = refObject.current;\n    const lastClicked = lastMouseDownElementRef.current;\n\n    if (event.target === overlay && lastClicked === overlay) {\n      dismiss('overlay');\n    }\n  };\n  const onCloseButtonClick = () => dismiss('closeButton');\n  const escKeyHandler = (event: React.KeyboardEvent) => {\n    if (event.keyCode === KeyCode.escape) {\n      dismiss('keyboard');\n    }\n  };\n\n  // We use an empty div element at the end of the content slot as a sentinel\n  // to detect when the user has scrolled to the bottom.\n  const { ref: stickySentinelRef, isIntersecting: footerStuck } = useIntersectionObserver();\n\n  // Add extra scroll padding to account for the height of the sticky footer,\n  // to prevent it from covering focused elements.\n  const [footerHeight, footerRef] = useContainerQuery(rect => rect.borderBoxHeight);\n  const headerRef = useRef<HTMLDivElement>(null);\n  const { subStepRef } = useFunnelSubStep();\n\n  return (\n    <FunnelNameSelectorContext.Provider value={`.${styles['header--text']}`}>\n      <ResetContextsForModal>\n        <ModalContext.Provider\n          value={{\n            isInModal: true,\n            componentLoadingCount,\n            emitTimeToContentReadyInModal,\n          }}\n        >\n          <div\n            {...baseProps}\n            {...__funnelProps}\n            {...__funnelStepProps}\n            className={clsx(\n              styles.root,\n              { [styles.hidden]: !visible },\n              baseProps.className,\n              isRefresh && styles.refresh\n            )}\n            role=\"dialog\"\n            aria-modal={true}\n            aria-labelledby={headerId}\n            onMouseDown={onOverlayMouseDown}\n            onClick={onOverlayClick}\n            ref={mergedRef}\n            style={footerHeight ? { scrollPaddingBottom: footerHeight } : undefined}\n            data-awsui-referrer-id={subStepRef.current?.id || referrerId}\n          >\n            <FocusLock disabled={!visible} autoFocus={true} restoreFocus={true} className={styles['focus-lock']}>\n              <div\n                className={clsx(\n                  styles.dialog,\n                  styles[size],\n                  styles[`breakpoint-${breakpoint}`],\n                  isRefresh && styles.refresh\n                )}\n                onKeyDown={escKeyHandler}\n                {...metadataAttribute}\n              >\n                <div className={styles.container}>\n                  <div className={clsx(styles.header, analyticsSelectors.header)}>\n                    <InternalHeader\n                      variant=\"h2\"\n                      __disableActionsWrapping={true}\n                      actions={\n                        <div\n                          {...getAnalyticsMetadataAttribute({\n                            action: 'dismiss',\n                          } as Partial<GeneratedAnalyticsMetadataModalDismiss>)}\n                        >\n                          <InternalButton\n                            ariaLabel={closeAriaLabel}\n                            className={styles['dismiss-control']}\n                            variant=\"modal-dismiss\"\n                            iconName=\"close\"\n                            formAction=\"none\"\n                            onClick={onCloseButtonClick}\n                          />\n                        </div>\n                      }\n                    >\n                      <span ref={headerRef} id={headerId} className={styles['header--text']}>\n                        {header}\n                      </span>\n                    </InternalHeader>\n                  </div>\n                  <div\n                    ref={__subStepRef}\n                    {...__subStepFunnelProps}\n                    className={clsx(styles.content, { [styles['no-paddings']]: disableContentPaddings })}\n                  >\n                    {children}\n                    <div ref={stickySentinelRef} />\n                  </div>\n                  {footer && (\n                    <ButtonContext.Provider value={{ onClick: onButtonClick }}>\n                      <div ref={footerRef} className={clsx(styles.footer, footerStuck && styles['footer--stuck'])}>\n                        {footer}\n                      </div>\n                    </ButtonContext.Provider>\n                  )}\n                </div>\n              </div>\n            </FocusLock>\n          </div>\n        </ModalContext.Provider>\n      </ResetContextsForModal>\n    </FunnelNameSelectorContext.Provider>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/modal/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, { useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useContainerQuery } from '@cloudscape-design/component-toolkit';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { InternalButton } from '../button/internal';\nimport InternalHeader from '../header/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport { PerformanceMetrics } from '../internal/analytics';\nimport {\n  FunnelNameSelectorContext,\n  FunnelStepContextValue,\n  FunnelSubStepContextValue,\n} from '../internal/analytics/context/analytics-context';\nimport { FunnelProps, useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport { getBaseProps } from '../internal/base-component';\nimport FocusLock from '../internal/components/focus-lock';\nimport Portal from '../internal/components/portal';\nimport { ButtonContext, ButtonContextProps } from '../internal/context/button-context';\nimport { ModalContext } from '../internal/context/modal-context';\nimport ResetContextsForModal from '../internal/context/reset-contexts-for-modal';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useIntersectionObserver } from '../internal/hooks/use-intersection-observer';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { KeyCode } from '../internal/keycode';\nimport { SomeRequired } from '../internal/types';\nimport {\n  GeneratedAnalyticsMetadataModalComponent,\n  GeneratedAnalyticsMetadataModalDismiss,\n} from './analytics-metadata/interfaces';\nimport { disableBodyScrolling, enableBodyScrolling } from './body-scroll';\nimport { ModalProps } from './interfaces';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\nexport function InternalModalAsFunnel(props: InternalModalProps) {\n  const { funnelProps, funnelSubmit, funnelNextOrSubmitAttempt } = useFunnel();\n  const { funnelStepProps } = useFunnelStep();\n  const { subStepRef, funnelSubStepProps } = useFunnelSubStep();\n  const onButtonClick: ButtonContextProps['onClick'] = ({ variant }) => {\n    if (variant === 'primary') {\n      funnelNextOrSubmitAttempt();\n      funnelSubmit();\n    }\n  };\n\n  return (\n    <InternalModal\n      __funnelProps={funnelProps}\n      __funnelStepProps={funnelStepProps}\n      __subStepRef={subStepRef}\n      __subStepFunnelProps={funnelSubStepProps}\n      onButtonClick={onButtonClick}\n      {...props}\n    />\n  );\n}\n\ntype InternalModalProps = SomeRequired<ModalProps, 'size'> &\n  InternalBaseComponentProps & {\n    __funnelProps?: FunnelProps;\n    __funnelStepProps?: FunnelStepContextValue['funnelStepProps'];\n    __subStepRef?: FunnelSubStepContextValue['subStepRef'];\n    __subStepFunnelProps?: FunnelSubStepContextValue['funnelSubStepProps'];\n    __injectAnalyticsComponentMetadata?: boolean;\n    onButtonClick?: ButtonContextProps['onClick'];\n    referrerId?: string;\n  };\n\nexport default function InternalModal({ modalRoot, getModalRoot, removeModalRoot, ...rest }: InternalModalProps) {\n  return (\n    <Portal container={modalRoot} getContainer={getModalRoot} removeContainer={removeModalRoot}>\n      <PortaledModal {...rest} />\n    </Portal>\n  );\n}\n\ntype PortaledModalProps = Omit<InternalModalProps, 'modalRoot' | 'getModalRoot' | 'removeModalRoot'>;\n\n// Separate component to prevent the Portal from getting in the way of refs, as it needs extra cycles to render the inner components.\n// useContainerQuery needs its targeted element to exist on the first render in order to work properly.\nfunction PortaledModal({\n  size,\n  visible,\n  header,\n  children,\n  footer,\n  disableContentPaddings,\n  onButtonClick = () => {},\n  onDismiss,\n  __internalRootRef = null,\n  __injectAnalyticsComponentMetadata,\n  __funnelProps,\n  __funnelStepProps,\n  __subStepRef,\n  __subStepFunnelProps,\n  referrerId,\n  ...rest\n}: PortaledModalProps) {\n  const instanceUniqueId = useUniqueId();\n  const headerId = `${rest.id || instanceUniqueId}-header`;\n  const lastMouseDownElementRef = useRef<HTMLElement | null>(null);\n  const [breakpoint, breakpointsRef] = useContainerBreakpoints(['xs']);\n\n  const i18n = useInternalI18n('modal');\n  const closeAriaLabel = i18n('closeAriaLabel', rest.closeAriaLabel);\n\n  const refObject = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs(breakpointsRef, refObject, __internalRootRef);\n\n  const isRefresh = useVisualRefresh();\n\n  const baseProps = getBaseProps(rest);\n\n  const analyticsComponentMetadata: GeneratedAnalyticsMetadataModalComponent = {\n    name: 'awsui.Modal',\n    label: `.${analyticsSelectors.header} h2`,\n  };\n  const metadataAttribute = __injectAnalyticsComponentMetadata\n    ? getAnalyticsMetadataAttribute({ component: analyticsComponentMetadata })\n    : {};\n  const loadStartTime = useRef<number>(0);\n  const loadCompleteTime = useRef<number>(0);\n  const componentLoadingCount = useRef<number>(0);\n  const performanceMetricLogged = useRef<boolean>(false);\n\n  // enable body scroll and restore focus if unmounting while visible\n  useEffect(() => {\n    return () => {\n      enableBodyScrolling();\n    };\n  }, []);\n\n  const resetModalPerformanceData = () => {\n    loadStartTime.current = performance.now();\n    loadCompleteTime.current = 0;\n    performanceMetricLogged.current = false;\n  };\n\n  const emitTimeToContentReadyInModal = (loadCompleteTime: number) => {\n    if (\n      componentLoadingCount.current === 0 &&\n      loadStartTime.current &&\n      loadStartTime.current !== 0 &&\n      !performanceMetricLogged.current\n    ) {\n      const timeToContentReadyInModal = loadCompleteTime - loadStartTime.current;\n      PerformanceMetrics.modalPerformanceData({\n        timeToContentReadyInModal,\n        instanceIdentifier: instanceUniqueId,\n        componentIdentifier: headerRef.current?.textContent || '',\n      });\n      performanceMetricLogged.current = true;\n    }\n  };\n\n  const MODAL_READY_TIMEOUT = 100;\n  /**\n   * This useEffect is triggered when the visible attribute of modal changes.\n   * When modal becomes visible, modal performance metrics are reset marking the beginning loading process.\n   * To ensure that the modal component ready metric is always emitted, a setTimeout is implemented.\n   * This setTimeout automatically emits the component ready metric after a specified duration.\n   */\n  useEffect(() => {\n    if (visible) {\n      disableBodyScrolling();\n      resetModalPerformanceData();\n      setTimeout(() => {\n        emitTimeToContentReadyInModal(loadStartTime.current);\n      }, MODAL_READY_TIMEOUT);\n    } else {\n      enableBodyScrolling();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [visible]);\n\n  // Because we hide the element with styles (and not actually detach it from DOM), we need to scroll to top\n  useEffect(() => {\n    if (visible && refObject.current) {\n      refObject.current.scrollTop = 0;\n    }\n  }, [visible]);\n\n  const dismiss = (reason: string) => fireNonCancelableEvent(onDismiss, { reason });\n\n  const onOverlayMouseDown = (event: React.MouseEvent) => {\n    lastMouseDownElementRef.current = event.target as HTMLElement;\n  };\n  const onOverlayClick = (event: React.MouseEvent) => {\n    const overlay = refObject.current;\n    const lastClicked = lastMouseDownElementRef.current;\n\n    if (event.target === overlay && lastClicked === overlay) {\n      dismiss('overlay');\n    }\n  };\n  const onCloseButtonClick = () => dismiss('closeButton');\n  const escKeyHandler = (event: React.KeyboardEvent) => {\n    if (event.keyCode === KeyCode.escape) {\n      dismiss('keyboard');\n    }\n  };\n\n  // We use an empty div element at the end of the content slot as a sentinel\n  // to detect when the user has scrolled to the bottom.\n  const { ref: stickySentinelRef, isIntersecting: footerStuck } = useIntersectionObserver();\n\n  // Add extra scroll padding to account for the height of the sticky footer,\n  // to prevent it from covering focused elements.\n  const [footerHeight, footerRef] = useContainerQuery(rect => rect.borderBoxHeight);\n  const headerRef = useRef<HTMLDivElement>(null);\n  const { subStepRef } = useFunnelSubStep();\n\n  return (\n    <FunnelNameSelectorContext.Provider value={`.${styles['header--text']}`}>\n      <ResetContextsForModal>\n        <ModalContext.Provider\n          value={{\n            isInModal: true,\n            componentLoadingCount,\n            emitTimeToContentReadyInModal,\n          }}\n        >\n          <div\n            {...baseProps}\n            {...__funnelProps}\n            {...__funnelStepProps}\n            className={clsx(\n              styles.root,\n              { [styles.hidden]: !visible },\n              baseProps.className,\n              isRefresh && styles.refresh\n            )}\n            role=\"dialog\"\n            aria-labelledby={headerId}\n            onMouseDown={onOverlayMouseDown}\n            onClick={onOverlayClick}\n            ref={mergedRef}\n            style={footerHeight ? { scrollPaddingBottom: footerHeight } : undefined}\n            data-awsui-referrer-id={subStepRef.current?.id || referrerId}\n          >\n            <FocusLock disabled={!visible} autoFocus={true} restoreFocus={true} className={styles['focus-lock']}>\n              <div\n                className={clsx(\n                  styles.dialog,\n                  styles[size],\n                  styles[`breakpoint-${breakpoint}`],\n                  isRefresh && styles.refresh\n                )}\n                onKeyDown={escKeyHandler}\n                {...metadataAttribute}\n              >\n                <div className={styles.container}>\n                  <div className={clsx(styles.header, analyticsSelectors.header)}>\n                    <InternalHeader\n                      variant=\"h2\"\n                      __disableActionsWrapping={true}\n                      actions={\n                        <div\n                          {...getAnalyticsMetadataAttribute({\n                            action: 'dismiss',\n                          } as Partial<GeneratedAnalyticsMetadataModalDismiss>)}\n                        >\n                          <InternalButton\n                            ariaLabel={closeAriaLabel}\n                            className={styles['dismiss-control']}\n                            variant=\"modal-dismiss\"\n                            iconName=\"close\"\n                            formAction=\"none\"\n                            onClick={onCloseButtonClick}\n                          />\n                        </div>\n                      }\n                    >\n                      <span ref={headerRef} id={headerId} className={styles['header--text']}>\n                        {header}\n                      </span>\n                    </InternalHeader>\n                  </div>\n                  <div\n                    ref={__subStepRef}\n                    {...__subStepFunnelProps}\n                    className={clsx(styles.content, { [styles['no-paddings']]: disableContentPaddings })}\n                  >\n                    {children}\n                    <div ref={stickySentinelRef} />\n                  </div>\n                  {footer && (\n                    <ButtonContext.Provider value={{ onClick: onButtonClick }}>\n                      <div ref={footerRef} className={clsx(styles.footer, footerStuck && styles['footer--stuck'])}>\n                        {footer}\n                      </div>\n                    </ButtonContext.Provider>\n                  )}\n                </div>\n              </div>\n            </FocusLock>\n          </div>\n        </ModalContext.Provider>\n      </ResetContextsForModal>\n    </FunnelNameSelectorContext.Provider>\n  );\n}\n"]}

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

@@ -1,28 +1,28 @@
 
     import './styles.scoped.css';
     export default {
-  "dialog": "awsui_dialog_1d2i7_1i6y5_165",
-  "modal-slide-up": "awsui_modal-slide-up_1d2i7_1i6y5_1",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_1i6y5_1",
-  "refresh": "awsui_refresh_1d2i7_1i6y5_188",
-  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_1i6y5_1",
-  "root": "awsui_root_1d2i7_1i6y5_221",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_1i6y5_1",
-  "hidden": "awsui_hidden_1d2i7_1i6y5_301",
-  "focus-lock": "awsui_focus-lock_1d2i7_1i6y5_305",
-  "small": "awsui_small_1d2i7_1i6y5_325",
-  "medium": "awsui_medium_1d2i7_1i6y5_328",
-  "large": "awsui_large_1d2i7_1i6y5_331",
-  "max": "awsui_max_1d2i7_1i6y5_334",
-  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_1i6y5_334",
-  "container": "awsui_container_1d2i7_1i6y5_340",
-  "content": "awsui_content_1d2i7_1i6y5_384",
-  "no-paddings": "awsui_no-paddings_1d2i7_1i6y5_389",
-  "header": "awsui_header_1d2i7_1i6y5_394",
-  "header--text": "awsui_header--text_1d2i7_1i6y5_406",
-  "footer": "awsui_footer_1d2i7_1i6y5_410",
-  "footer--stuck": "awsui_footer--stuck_1d2i7_1i6y5_419",
-  "dismiss-control": "awsui_dismiss-control_1d2i7_1i6y5_431",
-  "modal-open": "awsui_modal-open_1d2i7_1i6y5_435"
+  "dialog": "awsui_dialog_1d2i7_qf7os_165",
+  "modal-slide-up": "awsui_modal-slide-up_1d2i7_qf7os_1",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_qf7os_1",
+  "refresh": "awsui_refresh_1d2i7_qf7os_188",
+  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_qf7os_1",
+  "root": "awsui_root_1d2i7_qf7os_221",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_qf7os_1",
+  "hidden": "awsui_hidden_1d2i7_qf7os_298",
+  "focus-lock": "awsui_focus-lock_1d2i7_qf7os_302",
+  "small": "awsui_small_1d2i7_qf7os_322",
+  "medium": "awsui_medium_1d2i7_qf7os_325",
+  "large": "awsui_large_1d2i7_qf7os_328",
+  "max": "awsui_max_1d2i7_qf7os_331",
+  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_qf7os_331",
+  "container": "awsui_container_1d2i7_qf7os_337",
+  "content": "awsui_content_1d2i7_qf7os_378",
+  "no-paddings": "awsui_no-paddings_1d2i7_qf7os_383",
+  "header": "awsui_header_1d2i7_qf7os_388",
+  "header--text": "awsui_header--text_1d2i7_qf7os_400",
+  "footer": "awsui_footer_1d2i7_qf7os_404",
+  "footer--stuck": "awsui_footer--stuck_1d2i7_qf7os_413",
+  "dismiss-control": "awsui_dismiss-control_1d2i7_qf7os_425",
+  "modal-open": "awsui_modal-open_1d2i7_qf7os_429"
 };
   

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

@@ -154,7 +154,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
 */
-@keyframes awsui_modal-slide-up_1d2i7_1i6y5_1 {
+@keyframes awsui_modal-slide-up_1d2i7_qf7os_1 {
   0% {
     transform: translate(0, 10px);
   }
@@ -162,12 +162,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     transform: translate(0, 0);
   }
 }
-.awsui_dialog_1d2i7_1i6y5_165:not(#\9) {
-  animation: awsui_modal-slide-up_1d2i7_1i6y5_1 var(--motion-duration-slow-smdet5, 180ms) ease-out, awsui_awsui-motion-fade-in-0_1d2i7_1i6y5_1 var(--motion-duration-slow-smdet5, 180ms) ease-out;
+.awsui_dialog_1d2i7_qf7os_165:not(#\9) {
+  animation: awsui_modal-slide-up_1d2i7_qf7os_1 var(--motion-duration-slow-smdet5, 180ms) ease-out, awsui_awsui-motion-fade-in-0_1d2i7_qf7os_1 var(--motion-duration-slow-smdet5, 180ms) ease-out;
   animation-delay: var(--motion-duration-fast-ayppw9, 90ms);
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in-0_1d2i7_1i6y5_1 {
+@keyframes awsui_awsui-motion-fade-in-0_1d2i7_qf7os_1 {
   from {
     opacity: 0;
   }
@@ -176,22 +176,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dialog_1d2i7_1i6y5_165:not(#\9) {
+  .awsui_dialog_1d2i7_qf7os_165:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dialog_1d2i7_1i6y5_165:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_1i6y5_165:not(#\9) {
+.awsui-motion-disabled .awsui_dialog_1d2i7_qf7os_165:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_qf7os_165:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_dialog_1d2i7_1i6y5_165.awsui_refresh_1d2i7_1i6y5_188:not(#\9) {
-  animation: awsui_awsui-motion-scale-popup_1d2i7_1i6y5_1, awsui_awsui-motion-fade-in-0_1d2i7_1i6y5_1;
+.awsui_dialog_1d2i7_qf7os_165.awsui_refresh_1d2i7_qf7os_188:not(#\9) {
+  animation: awsui_awsui-motion-scale-popup_1d2i7_qf7os_1, awsui_awsui-motion-fade-in-0_1d2i7_qf7os_1;
   animation-duration: var(--motion-duration-refresh-only-fast-ww2eh4, 0ms);
   animation-timing-function: var(--motion-easing-refresh-only-a-tqkxvq, cubic-bezier(0, 0, 0, 1));
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in-0_1d2i7_1i6y5_1 {
+@keyframes awsui_awsui-motion-fade-in-0_1d2i7_qf7os_1 {
   from {
     opacity: 0;
   }
@@ -199,7 +199,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     opacity: 1;
   }
 }
-@keyframes awsui_awsui-motion-scale-popup_1d2i7_1i6y5_1 {
+@keyframes awsui_awsui-motion-scale-popup_1d2i7_qf7os_1 {
   0% {
     transform: scale(0.95);
   }
@@ -208,21 +208,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dialog_1d2i7_1i6y5_165.awsui_refresh_1d2i7_1i6y5_188:not(#\9) {
+  .awsui_dialog_1d2i7_qf7os_165.awsui_refresh_1d2i7_qf7os_188:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dialog_1d2i7_1i6y5_165.awsui_refresh_1d2i7_1i6y5_188:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_1i6y5_165.awsui_refresh_1d2i7_1i6y5_188:not(#\9) {
+.awsui-motion-disabled .awsui_dialog_1d2i7_qf7os_165.awsui_refresh_1d2i7_qf7os_188:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_qf7os_165.awsui_refresh_1d2i7_qf7os_188:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_1d2i7_1i6y5_221:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_1d2i7_1i6y5_1 var(--motion-duration-extra-slow-f38nn3, 270ms) ease-out;
+.awsui_root_1d2i7_qf7os_221:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_1d2i7_qf7os_1 var(--motion-duration-extra-slow-f38nn3, 270ms) ease-out;
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in_1d2i7_1i6y5_1 {
+@keyframes awsui_awsui-motion-fade-in_1d2i7_qf7os_1 {
   from {
     opacity: 0.2;
   }
@@ -231,30 +231,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_root_1d2i7_1i6y5_221:not(#\9) {
+  .awsui_root_1d2i7_qf7os_221:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_root_1d2i7_1i6y5_221:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_1i6y5_221:not(#\9) {
+.awsui-motion-disabled .awsui_root_1d2i7_qf7os_221:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_qf7os_221:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_1d2i7_1i6y5_221.awsui_refresh_1d2i7_1i6y5_188:not(#\9) {
+.awsui_root_1d2i7_qf7os_221.awsui_refresh_1d2i7_qf7os_188:not(#\9) {
   animation-duration: var(--motion-duration-refresh-only-fast-ww2eh4, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_root_1d2i7_1i6y5_221.awsui_refresh_1d2i7_1i6y5_188:not(#\9) {
+  .awsui_root_1d2i7_qf7os_221.awsui_refresh_1d2i7_qf7os_188:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_root_1d2i7_1i6y5_221.awsui_refresh_1d2i7_1i6y5_188:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_1i6y5_221.awsui_refresh_1d2i7_1i6y5_188:not(#\9) {
+.awsui-motion-disabled .awsui_root_1d2i7_qf7os_221.awsui_refresh_1d2i7_qf7os_188:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_qf7os_221.awsui_refresh_1d2i7_qf7os_188:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_1d2i7_1i6y5_221:not(#\9) {
+.awsui_root_1d2i7_qf7os_221:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -263,12 +263,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   direction: inherit;
   empty-cells: show;
   font-family: serif;
-  font-size: medium;
   font-style: normal;
   font-variant: normal;
-  font-weight: 400;
   font-stretch: normal;
-  line-height: normal;
   -webkit-hyphens: none;
           hyphens: none;
   letter-spacing: normal;
@@ -299,11 +296,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow: auto;
   cursor: pointer;
 }
-.awsui_root_1d2i7_1i6y5_221.awsui_hidden_1d2i7_1i6y5_301:not(#\9) {
+.awsui_root_1d2i7_qf7os_221.awsui_hidden_1d2i7_qf7os_298:not(#\9) {
   display: none;
 }
 
-.awsui_focus-lock_1d2i7_1i6y5_305:not(#\9) {
+.awsui_focus-lock_1d2i7_qf7os_302:not(#\9) {
   align-self: flex-start;
   margin-block: auto;
   margin-inline: auto;
@@ -313,7 +310,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: none;
 }
 
-.awsui_dialog_1d2i7_1i6y5_165:not(#\9) {
+.awsui_dialog_1d2i7_qf7os_165:not(#\9) {
   position: static;
   inset-block-start: 0;
   transform: translate(0, 0);
@@ -323,22 +320,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 5000;
   pointer-events: all;
 }
-.awsui_dialog_1d2i7_1i6y5_165.awsui_small_1d2i7_1i6y5_325:not(#\9) {
+.awsui_dialog_1d2i7_qf7os_165.awsui_small_1d2i7_qf7os_322:not(#\9) {
   max-inline-size: 320px;
 }
-.awsui_dialog_1d2i7_1i6y5_165.awsui_medium_1d2i7_1i6y5_328:not(#\9) {
+.awsui_dialog_1d2i7_qf7os_165.awsui_medium_1d2i7_qf7os_325:not(#\9) {
   max-inline-size: 600px;
 }
-.awsui_dialog_1d2i7_1i6y5_165.awsui_large_1d2i7_1i6y5_331:not(#\9) {
+.awsui_dialog_1d2i7_qf7os_165.awsui_large_1d2i7_qf7os_328:not(#\9) {
   max-inline-size: 820px;
 }
-.awsui_dialog_1d2i7_1i6y5_165.awsui_max_1d2i7_1i6y5_334.awsui_breakpoint-xs_1d2i7_1i6y5_334:not(#\9) {
+.awsui_dialog_1d2i7_qf7os_165.awsui_max_1d2i7_qf7os_331.awsui_breakpoint-xs_1d2i7_qf7os_331:not(#\9) {
   max-inline-size: calc(100vw - (8 * 10px + var(--space-xxxl-vkrt7p, 40px)));
   margin-block: auto;
   margin-inline: auto;
 }
 
-.awsui_container_1d2i7_1i6y5_340:not(#\9) {
+.awsui_container_1d2i7_qf7os_337:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -347,12 +344,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   direction: inherit;
   empty-cells: show;
   font-family: serif;
-  font-size: medium;
   font-style: normal;
   font-variant: normal;
-  font-weight: 400;
   font-stretch: normal;
-  line-height: normal;
   -webkit-hyphens: none;
           hyphens: none;
   letter-spacing: normal;
@@ -383,17 +377,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-shadow: var(--shadow-modal-1ww2oa, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
 }
 
-.awsui_content_1d2i7_1i6y5_384:not(#\9) {
+.awsui_content_1d2i7_qf7os_378:not(#\9) {
   padding-block-start: var(--space-container-content-top-pvv221, 16px);
   padding-block-end: var(--space-modal-content-bottom-xtwyl8, 20px);
   padding-inline: var(--space-modal-horizontal-34nui2, 20px);
 }
-.awsui_content_1d2i7_1i6y5_384.awsui_no-paddings_1d2i7_1i6y5_389:not(#\9) {
+.awsui_content_1d2i7_qf7os_378.awsui_no-paddings_1d2i7_qf7os_383:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
 }
 
-.awsui_header_1d2i7_1i6y5_394:not(#\9) {
+.awsui_header_1d2i7_qf7os_388:not(#\9) {
   padding-block-start: var(--space-container-header-top-2yfg3x, 12px);
   padding-block-end: var(--space-container-header-bottom-p6av5y, 12px);
   padding-inline: var(--space-modal-horizontal-34nui2, 20px);
@@ -405,11 +399,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: 0;
 }
 
-.awsui_header--text_1d2i7_1i6y5_406:not(#\9) {
+.awsui_header--text_1d2i7_qf7os_400:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_footer_1d2i7_1i6y5_410:not(#\9) {
+.awsui_footer_1d2i7_qf7os_404:not(#\9) {
   border-block-start: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-divider-default-u5ytia, #eaeded);
   padding-block: var(--space-scaled-s-8j7izy, 12px);
   padding-inline: var(--space-container-horizontal-v3575u, 20px);
@@ -418,23 +412,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-end: 0;
   z-index: 800;
 }
-.awsui_footer--stuck_1d2i7_1i6y5_419:not(#\9) {
+.awsui_footer--stuck_1d2i7_qf7os_413:not(#\9) {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
   border-end-start-radius: var(--border-radius-container-3o3ats, 0px);
   border-end-end-radius: var(--border-radius-container-3o3ats, 0px);
 }
-.awsui_footer_1d2i7_1i6y5_410:not(#\9):after {
+.awsui_footer_1d2i7_qf7os_404:not(#\9):after {
   content: "";
   display: table;
   clear: both;
 }
 
-.awsui_dismiss-control_1d2i7_1i6y5_431:not(#\9) {
+.awsui_dismiss-control_1d2i7_qf7os_425:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_modal-open_1d2i7_1i6y5_435:not(#\9) {
+.awsui_modal-open_1d2i7_qf7os_429:not(#\9) {
   overflow: hidden;
   /*
    * When padding-right is added to account for scrollbar being turned

package/lib/internal/template/modal/styles.selectors.js

@@ -2,28 +2,28 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "dialog": "awsui_dialog_1d2i7_1i6y5_165",
-  "modal-slide-up": "awsui_modal-slide-up_1d2i7_1i6y5_1",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_1i6y5_1",
-  "refresh": "awsui_refresh_1d2i7_1i6y5_188",
-  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_1i6y5_1",
-  "root": "awsui_root_1d2i7_1i6y5_221",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_1i6y5_1",
-  "hidden": "awsui_hidden_1d2i7_1i6y5_301",
-  "focus-lock": "awsui_focus-lock_1d2i7_1i6y5_305",
-  "small": "awsui_small_1d2i7_1i6y5_325",
-  "medium": "awsui_medium_1d2i7_1i6y5_328",
-  "large": "awsui_large_1d2i7_1i6y5_331",
-  "max": "awsui_max_1d2i7_1i6y5_334",
-  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_1i6y5_334",
-  "container": "awsui_container_1d2i7_1i6y5_340",
-  "content": "awsui_content_1d2i7_1i6y5_384",
-  "no-paddings": "awsui_no-paddings_1d2i7_1i6y5_389",
-  "header": "awsui_header_1d2i7_1i6y5_394",
-  "header--text": "awsui_header--text_1d2i7_1i6y5_406",
-  "footer": "awsui_footer_1d2i7_1i6y5_410",
-  "footer--stuck": "awsui_footer--stuck_1d2i7_1i6y5_419",
-  "dismiss-control": "awsui_dismiss-control_1d2i7_1i6y5_431",
-  "modal-open": "awsui_modal-open_1d2i7_1i6y5_435"
+  "dialog": "awsui_dialog_1d2i7_qf7os_165",
+  "modal-slide-up": "awsui_modal-slide-up_1d2i7_qf7os_1",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_qf7os_1",
+  "refresh": "awsui_refresh_1d2i7_qf7os_188",
+  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_qf7os_1",
+  "root": "awsui_root_1d2i7_qf7os_221",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_qf7os_1",
+  "hidden": "awsui_hidden_1d2i7_qf7os_298",
+  "focus-lock": "awsui_focus-lock_1d2i7_qf7os_302",
+  "small": "awsui_small_1d2i7_qf7os_322",
+  "medium": "awsui_medium_1d2i7_qf7os_325",
+  "large": "awsui_large_1d2i7_qf7os_328",
+  "max": "awsui_max_1d2i7_qf7os_331",
+  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_qf7os_331",
+  "container": "awsui_container_1d2i7_qf7os_337",
+  "content": "awsui_content_1d2i7_qf7os_378",
+  "no-paddings": "awsui_no-paddings_1d2i7_qf7os_383",
+  "header": "awsui_header_1d2i7_qf7os_388",
+  "header--text": "awsui_header--text_1d2i7_qf7os_400",
+  "footer": "awsui_footer_1d2i7_qf7os_404",
+  "footer--stuck": "awsui_footer--stuck_1d2i7_qf7os_413",
+  "dismiss-control": "awsui_dismiss-control_1d2i7_qf7os_425",
+  "modal-open": "awsui_modal-open_1d2i7_qf7os_429"
 };
   

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

@@ -1,8 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_f8g6q_ewuta_141",
-  "embedded": "awsui_embedded_f8g6q_ewuta_176",
-  "tokens": "awsui_tokens_f8g6q_ewuta_212"
+  "root": "awsui_root_f8g6q_vs8su_141",
+  "embedded": "awsui_embedded_f8g6q_vs8su_173",
+  "tokens": "awsui_tokens_f8g6q_vs8su_206"
 };
   

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

@@ -138,7 +138,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_f8g6q_ewuta_141:not(#\9) {
+.awsui_root_f8g6q_vs8su_141:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -147,12 +147,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   direction: inherit;
   empty-cells: show;
   font-family: serif;
-  font-size: medium;
   font-style: normal;
   font-variant: normal;
-  font-weight: 400;
   font-stretch: normal;
-  line-height: normal;
   -webkit-hyphens: none;
           hyphens: none;
   letter-spacing: normal;
@@ -174,7 +171,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_embedded_f8g6q_ewuta_176:not(#\9) {
+.awsui_embedded_f8g6q_vs8su_173:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -183,12 +180,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   direction: inherit;
   empty-cells: show;
   font-family: serif;
-  font-size: medium;
   font-style: normal;
   font-variant: normal;
-  font-weight: 400;
   font-stretch: normal;
-  line-height: normal;
   -webkit-hyphens: none;
           hyphens: none;
   letter-spacing: normal;
@@ -211,6 +205,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: contents;
 }
 
-.awsui_tokens_f8g6q_ewuta_212:not(#\9) {
+.awsui_tokens_f8g6q_vs8su_206:not(#\9) {
   margin-block-start: var(--space-scaled-xs-t3am3w, 8px);
 }

package/lib/internal/template/multiselect/styles.selectors.js

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_f8g6q_ewuta_141",
-  "embedded": "awsui_embedded_f8g6q_ewuta_176",
-  "tokens": "awsui_tokens_f8g6q_ewuta_212"
+  "root": "awsui_root_f8g6q_vs8su_141",
+  "embedded": "awsui_embedded_f8g6q_vs8su_173",
+  "tokens": "awsui_tokens_f8g6q_vs8su_206"
 };
   

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

@@ -1,14 +1,14 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_fvjdu_fj1yl_141",
-  "button": "awsui_button_fvjdu_fj1yl_184",
-  "dots": "awsui_dots_fvjdu_fj1yl_185",
-  "button-disabled": "awsui_button-disabled_fvjdu_fj1yl_213",
-  "arrow": "awsui_arrow_fvjdu_fj1yl_218",
-  "page-number": "awsui_page-number_fvjdu_fj1yl_228",
-  "button-current": "awsui_button-current_fvjdu_fj1yl_234",
-  "page-item": "awsui_page-item_fvjdu_fj1yl_251",
-  "root-disabled": "awsui_root-disabled_fvjdu_fj1yl_269"
+  "root": "awsui_root_fvjdu_166bu_141",
+  "button": "awsui_button_fvjdu_166bu_181",
+  "dots": "awsui_dots_fvjdu_166bu_182",
+  "button-disabled": "awsui_button-disabled_fvjdu_166bu_210",
+  "arrow": "awsui_arrow_fvjdu_166bu_215",
+  "page-number": "awsui_page-number_fvjdu_166bu_225",
+  "button-current": "awsui_button-current_fvjdu_166bu_231",
+  "page-item": "awsui_page-item_fvjdu_166bu_248",
+  "root-disabled": "awsui_root-disabled_fvjdu_166bu_266"
 };