@cloudscape-design/components-themeable 3.0.1351 → 3.0.1353

package/lib/internal/template/alert/internal.js

@@ -29,7 +29,7 @@ const typeToIcon = {
 };
 const useDiscoveredAction = createUseDiscoveredAction(awsuiPluginsInternal.alert.onActionRegistered);
 const useDiscoveredContent = createUseDiscoveredContent('alert', awsuiPluginsInternal.alertContent);
-const InternalAlert = React.forwardRef(({ type, i18nStrings, visible = true, dismissible, children, header, buttonText, action, onDismiss, onButtonClick, __internalRootRef, statusIconAriaLabel: deprecatedStatusIconAriaLabel, dismissAriaLabel: deprecatedDismissAriaLabel, messageSlotId, style, persistenceConfig, ...rest }, ref) => {
+const InternalAlert = React.forwardRef(({ type, i18nStrings, visible = true, dismissible, children, header, buttonText, action, onDismiss, onButtonClick, __internalRootRef, statusIconAriaLabel: deprecatedStatusIconAriaLabel, dismissAriaLabel: deprecatedDismissAriaLabel, messageSlotId, style, persistenceConfig, styleClassNames, ...rest }, ref) => {
     var _a, _b;
     const baseProps = getBaseProps(rest);
     const i18n = useInternalI18n('alert');
@@ -99,10 +99,10 @@ const InternalAlert = React.forwardRef(({ type, i18nStrings, visible = true, dis
     return (React.createElement("div", { ...baseProps, ...analyticsAttributes, "aria-hidden": !visible, className: clsx(styles.root, { [styles.hidden]: !visible, [styles['initial-hidden']]: initialHidden }, baseProps.className), ref: containerRef },
         React.createElement(LinkDefaultVariantContext.Provider, { value: { defaultVariant: 'primary' } },
             React.createElement(VisualContext, { contextName: "alert" },
-                React.createElement("div", { className: clsx(styles.alert, styles[`type-${type}`], styles[`icon-size-${size}`], hasAction && styles['with-action'], dismissible && styles['with-dismiss']), style: getAlertStyles(style) },
+                React.createElement("div", { className: clsx(styleClassNames === null || styleClassNames === void 0 ? void 0 : styleClassNames.root, styles.alert, styles[`type-${type}`], styles[`icon-size-${size}`], hasAction && styles['with-action'], dismissible && styles['with-dismiss']), style: getAlertStyles(style) },
                     React.createElement("div", { className: styles['alert-wrapper'] },
                         React.createElement("div", { className: styles['alert-focus-wrapper'], ref: focusRef, role: "group", onBlur: handleBlur },
-                            React.createElement("div", { className: clsx(styles.icon, styles.text), style: getIconStyles(style) },
+                            React.createElement("div", { className: clsx(styleClassNames === null || styleClassNames === void 0 ? void 0 : styleClassNames.icon, styles.icon, styles.text), style: getIconStyles(style) },
                                 React.createElement(InternalIcon, { name: typeToIcon[type], size: size, ariaLabel: statusIconAriaLabel })),
                             React.createElement("div", { className: clsx(styles.message, styles.text), id: messageSlotId },
                                 React.createElement("div", { className: clsx(header && styles.header, headerReplacementType !== 'original' ? styles.hidden : analyticsSelectors.header), ref: headerRef }, header),
@@ -116,7 +116,7 @@ const InternalAlert = React.forwardRef(({ type, i18nStrings, visible = true, dis
                     dismissible && (React.createElement("div", { className: styles.dismiss, ...getAnalyticsMetadataAttribute({
                             action: 'dismiss',
                         }) },
-                        React.createElement(InternalButton, { className: styles['dismiss-button'], variant: "icon", iconName: "close", formAction: "none", ariaLabel: dismissAriaLabel, onClick: dismiss, style: getDismissButtonStyles(style) }))))))));
+                        React.createElement(InternalButton, { className: styles['dismiss-button'], variant: "icon", iconName: "close", formAction: "none", ariaLabel: dismissAriaLabel, onClick: dismiss, style: getDismissButtonStyles(style), styleClassNames: { root: styleClassNames === null || styleClassNames === void 0 ? void 0 : styleClassNames.dismissButton } }))))))));
 });
 export default InternalAlert;
 //# sourceMappingURL=internal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/alert/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, useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { InternalButton } from '../button/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\nimport { DATA_ATTR_ANALYTICS_ALERT } from '../internal/analytics/selectors';\nimport { getBaseProps } from '../internal/base-component';\nimport VisualContext from '../internal/components/visual-context';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { persistAlertDismiss, retrieveAlertDismiss } from '../internal/persistence';\nimport { awsuiPluginsInternal } from '../internal/plugins/api';\nimport { createUseDiscoveredAction, createUseDiscoveredContent } from '../internal/plugins/helpers';\nimport { SomeRequired } from '../internal/types';\nimport useContainerWidth from '../internal/utils/use-container-width';\nimport { ActionsWrapper } from './actions-wrapper';\nimport { GeneratedAnalyticsMetadataAlertDismiss } from './analytics-metadata/interfaces';\nimport { AlertProps } from './interfaces';\nimport { getAlertStyles, getDismissButtonStyles, getIconStyles } from './style';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\nconst typeToIcon: Record<AlertProps.Type, IconProps['name']> = {\n  error: 'status-negative',\n  warning: 'status-warning',\n  success: 'status-positive',\n  info: 'status-info',\n};\n\ntype InternalAlertProps = SomeRequired<AlertProps, 'type'> &\n  InternalBaseComponentProps & {\n    messageSlotId?: string;\n    style?: AlertProps['style'];\n  };\n\nconst useDiscoveredAction = createUseDiscoveredAction(awsuiPluginsInternal.alert.onActionRegistered);\nconst useDiscoveredContent = createUseDiscoveredContent('alert', awsuiPluginsInternal.alertContent);\n\nconst InternalAlert = React.forwardRef(\n  (\n    {\n      type,\n      i18nStrings,\n      visible = true,\n      dismissible,\n      children,\n      header,\n      buttonText,\n      action,\n      onDismiss,\n      onButtonClick,\n      __internalRootRef,\n      statusIconAriaLabel: deprecatedStatusIconAriaLabel,\n      dismissAriaLabel: deprecatedDismissAriaLabel,\n      messageSlotId,\n      style,\n      persistenceConfig,\n      ...rest\n    }: InternalAlertProps,\n    ref: React.Ref<AlertProps.Ref>\n  ) => {\n    const baseProps = getBaseProps(rest);\n    const i18n = useInternalI18n('alert');\n\n    const focusRef = useRef<HTMLDivElement>(null);\n    useImperativeHandle(ref, () => ({\n      focus: () => {\n        if (focusRef.current) {\n          focusRef.current.tabIndex = -1;\n          focusRef.current.focus();\n        }\n      },\n    }));\n    const handleBlur = () => {\n      if (focusRef.current) {\n        focusRef.current.removeAttribute('tabindex');\n      }\n    };\n\n    const { discoveredActions, headerRef: headerRefAction, contentRef: contentRefAction } = useDiscoveredAction(type);\n    const {\n      initialHidden,\n      headerReplacementType,\n      contentReplacementType,\n      headerRef: headerRefContent,\n      contentRef: contentRefContent,\n      replacementHeaderRef,\n      replacementContentRef,\n    } = useDiscoveredContent({ type, header, children });\n\n    const [containerWidth, containerMeasureRef] = useContainerWidth();\n    const containerRef = useMergeRefs(containerMeasureRef, __internalRootRef);\n    const headerRef = useMergeRefs(headerRefAction, headerRefContent);\n    const contentRef = useMergeRefs(contentRefAction, contentRefContent);\n    const [isPersistentlyDismissed, setIsPersistentlyDismissed] = useState(\n      !!(persistenceConfig && persistenceConfig.uniqueKey)\n    );\n\n    const isRefresh = useVisualRefresh();\n    const size = isRefresh\n      ? 'normal'\n      : headerReplacementType !== 'remove' && header && contentReplacementType !== 'remove' && children\n        ? 'big'\n        : 'normal';\n\n    const hasAction = Boolean(action || buttonText || discoveredActions.length);\n\n    const analyticsAttributes = {\n      [DATA_ATTR_ANALYTICS_ALERT]: type,\n    };\n\n    const statusIconAriaLabel = i18n(\n      `i18nStrings.${type}IconAriaLabel`,\n      i18nStrings?.[`${type}IconAriaLabel`] ?? deprecatedStatusIconAriaLabel\n    );\n\n    const dismissAriaLabel = i18n(\n      'i18nStrings.dismissAriaLabel',\n      i18nStrings?.dismissAriaLabel ?? i18n('dismissAriaLabel', deprecatedDismissAriaLabel)\n    );\n\n    useEffect(() => {\n      let isMounted = true;\n      if (persistenceConfig?.uniqueKey) {\n        retrieveAlertDismiss(persistenceConfig)\n          .then(dismissed => {\n            if (isMounted) {\n              setIsPersistentlyDismissed(!!dismissed);\n            }\n          })\n          .catch(() => {\n            if (isMounted) {\n              setIsPersistentlyDismissed(false);\n            }\n          });\n      }\n      return () => {\n        isMounted = false;\n      };\n\n      // Only track specific properties to avoid re-running when persistenceConfig object reference changes\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [persistenceConfig?.uniqueKey, persistenceConfig?.crossServicePersistence]);\n\n    const dismiss = () => {\n      fireNonCancelableEvent(onDismiss);\n      if (persistenceConfig?.uniqueKey) {\n        persistAlertDismiss(persistenceConfig);\n      }\n    };\n\n    if (isPersistentlyDismissed) {\n      return null;\n    }\n\n    return (\n      <div\n        {...baseProps}\n        {...analyticsAttributes}\n        aria-hidden={!visible}\n        className={clsx(\n          styles.root,\n          { [styles.hidden]: !visible, [styles['initial-hidden']]: initialHidden },\n          baseProps.className\n        )}\n        ref={containerRef}\n      >\n        <LinkDefaultVariantContext.Provider value={{ defaultVariant: 'primary' }}>\n          <VisualContext contextName=\"alert\">\n            <div\n              className={clsx(\n                styles.alert,\n                styles[`type-${type}`],\n                styles[`icon-size-${size}`],\n                hasAction && styles['with-action'],\n                dismissible && styles['with-dismiss']\n              )}\n              style={getAlertStyles(style)}\n            >\n              <div className={styles['alert-wrapper']}>\n                <div className={styles['alert-focus-wrapper']} ref={focusRef} role=\"group\" onBlur={handleBlur}>\n                  <div className={clsx(styles.icon, styles.text)} style={getIconStyles(style)}>\n                    <InternalIcon name={typeToIcon[type]} size={size} ariaLabel={statusIconAriaLabel} />\n                  </div>\n                  <div className={clsx(styles.message, styles.text)} id={messageSlotId}>\n                    <div\n                      className={clsx(\n                        header && styles.header,\n                        headerReplacementType !== 'original' ? styles.hidden : analyticsSelectors.header\n                      )}\n                      ref={headerRef}\n                    >\n                      {header}\n                    </div>\n                    <div\n                      className={clsx(\n                        styles['header-replacement'],\n                        headerReplacementType !== 'replaced' ? styles.hidden : analyticsSelectors.header\n                      )}\n                      ref={replacementHeaderRef}\n                    ></div>\n                    <div\n                      className={clsx(styles.content, contentReplacementType !== 'original' && styles.hidden)}\n                      ref={contentRef}\n                    >\n                      {children}\n                    </div>\n                    <div\n                      className={clsx(\n                        styles['content-replacement'],\n                        contentReplacementType !== 'replaced' && styles.hidden\n                      )}\n                      ref={replacementContentRef}\n                    ></div>\n                  </div>\n                </div>\n                <ActionsWrapper\n                  className={styles.action}\n                  testUtilClasses={{\n                    actionSlot: styles['action-slot'],\n                    actionButton: styles['action-button'],\n                  }}\n                  action={action}\n                  discoveredActions={discoveredActions}\n                  buttonText={buttonText}\n                  onButtonClick={() => fireNonCancelableEvent(onButtonClick)}\n                  containerWidth={containerWidth}\n                  wrappedClass={styles['action-wrapped']}\n                />\n              </div>\n              {dismissible && (\n                <div\n                  className={styles.dismiss}\n                  {...getAnalyticsMetadataAttribute({\n                    action: 'dismiss',\n                  } as Partial<GeneratedAnalyticsMetadataAlertDismiss>)}\n                >\n                  <InternalButton\n                    className={styles['dismiss-button']}\n                    variant=\"icon\"\n                    iconName=\"close\"\n                    formAction=\"none\"\n                    ariaLabel={dismissAriaLabel}\n                    onClick={dismiss}\n                    style={getDismissButtonStyles(style)}\n                  />\n                </div>\n              )}\n            </div>\n          </VisualContext>\n        </LinkDefaultVariantContext.Provider>\n      </div>\n    );\n  }\n);\n\nexport default InternalAlert;\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/alert/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, useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { InternalButton } from '../button/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\nimport { DATA_ATTR_ANALYTICS_ALERT } from '../internal/analytics/selectors';\nimport { getBaseProps } from '../internal/base-component';\nimport VisualContext from '../internal/components/visual-context';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { persistAlertDismiss, retrieveAlertDismiss } from '../internal/persistence';\nimport { awsuiPluginsInternal } from '../internal/plugins/api';\nimport { createUseDiscoveredAction, createUseDiscoveredContent } from '../internal/plugins/helpers';\nimport { SomeRequired } from '../internal/types';\nimport useContainerWidth from '../internal/utils/use-container-width';\nimport { ActionsWrapper } from './actions-wrapper';\nimport { GeneratedAnalyticsMetadataAlertDismiss } from './analytics-metadata/interfaces';\nimport { AlertProps } from './interfaces';\nimport { getAlertStyles, getDismissButtonStyles, getIconStyles } from './style';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\nconst typeToIcon: Record<AlertProps.Type, IconProps['name']> = {\n  error: 'status-negative',\n  warning: 'status-warning',\n  success: 'status-positive',\n  info: 'status-info',\n};\n\ntype InternalAlertProps = SomeRequired<AlertProps, 'type'> &\n  InternalBaseComponentProps & {\n    messageSlotId?: string;\n    style?: AlertProps['style'];\n    styleClassNames?: StyleClassNames;\n  };\n\n// Style API v2\ninterface StyleClassNames {\n  root?: string;\n  icon?: string;\n  dismissButton?: string;\n}\n\nconst useDiscoveredAction = createUseDiscoveredAction(awsuiPluginsInternal.alert.onActionRegistered);\nconst useDiscoveredContent = createUseDiscoveredContent('alert', awsuiPluginsInternal.alertContent);\n\nconst InternalAlert = React.forwardRef(\n  (\n    {\n      type,\n      i18nStrings,\n      visible = true,\n      dismissible,\n      children,\n      header,\n      buttonText,\n      action,\n      onDismiss,\n      onButtonClick,\n      __internalRootRef,\n      statusIconAriaLabel: deprecatedStatusIconAriaLabel,\n      dismissAriaLabel: deprecatedDismissAriaLabel,\n      messageSlotId,\n      style,\n      persistenceConfig,\n      styleClassNames,\n      ...rest\n    }: InternalAlertProps,\n    ref: React.Ref<AlertProps.Ref>\n  ) => {\n    const baseProps = getBaseProps(rest);\n    const i18n = useInternalI18n('alert');\n\n    const focusRef = useRef<HTMLDivElement>(null);\n    useImperativeHandle(ref, () => ({\n      focus: () => {\n        if (focusRef.current) {\n          focusRef.current.tabIndex = -1;\n          focusRef.current.focus();\n        }\n      },\n    }));\n    const handleBlur = () => {\n      if (focusRef.current) {\n        focusRef.current.removeAttribute('tabindex');\n      }\n    };\n\n    const { discoveredActions, headerRef: headerRefAction, contentRef: contentRefAction } = useDiscoveredAction(type);\n    const {\n      initialHidden,\n      headerReplacementType,\n      contentReplacementType,\n      headerRef: headerRefContent,\n      contentRef: contentRefContent,\n      replacementHeaderRef,\n      replacementContentRef,\n    } = useDiscoveredContent({ type, header, children });\n\n    const [containerWidth, containerMeasureRef] = useContainerWidth();\n    const containerRef = useMergeRefs(containerMeasureRef, __internalRootRef);\n    const headerRef = useMergeRefs(headerRefAction, headerRefContent);\n    const contentRef = useMergeRefs(contentRefAction, contentRefContent);\n    const [isPersistentlyDismissed, setIsPersistentlyDismissed] = useState(\n      !!(persistenceConfig && persistenceConfig.uniqueKey)\n    );\n\n    const isRefresh = useVisualRefresh();\n    const size = isRefresh\n      ? 'normal'\n      : headerReplacementType !== 'remove' && header && contentReplacementType !== 'remove' && children\n        ? 'big'\n        : 'normal';\n\n    const hasAction = Boolean(action || buttonText || discoveredActions.length);\n\n    const analyticsAttributes = {\n      [DATA_ATTR_ANALYTICS_ALERT]: type,\n    };\n\n    const statusIconAriaLabel = i18n(\n      `i18nStrings.${type}IconAriaLabel`,\n      i18nStrings?.[`${type}IconAriaLabel`] ?? deprecatedStatusIconAriaLabel\n    );\n\n    const dismissAriaLabel = i18n(\n      'i18nStrings.dismissAriaLabel',\n      i18nStrings?.dismissAriaLabel ?? i18n('dismissAriaLabel', deprecatedDismissAriaLabel)\n    );\n\n    useEffect(() => {\n      let isMounted = true;\n      if (persistenceConfig?.uniqueKey) {\n        retrieveAlertDismiss(persistenceConfig)\n          .then(dismissed => {\n            if (isMounted) {\n              setIsPersistentlyDismissed(!!dismissed);\n            }\n          })\n          .catch(() => {\n            if (isMounted) {\n              setIsPersistentlyDismissed(false);\n            }\n          });\n      }\n      return () => {\n        isMounted = false;\n      };\n\n      // Only track specific properties to avoid re-running when persistenceConfig object reference changes\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [persistenceConfig?.uniqueKey, persistenceConfig?.crossServicePersistence]);\n\n    const dismiss = () => {\n      fireNonCancelableEvent(onDismiss);\n      if (persistenceConfig?.uniqueKey) {\n        persistAlertDismiss(persistenceConfig);\n      }\n    };\n\n    if (isPersistentlyDismissed) {\n      return null;\n    }\n\n    return (\n      <div\n        {...baseProps}\n        {...analyticsAttributes}\n        aria-hidden={!visible}\n        className={clsx(\n          styles.root,\n          { [styles.hidden]: !visible, [styles['initial-hidden']]: initialHidden },\n          baseProps.className\n        )}\n        ref={containerRef}\n      >\n        <LinkDefaultVariantContext.Provider value={{ defaultVariant: 'primary' }}>\n          <VisualContext contextName=\"alert\">\n            <div\n              className={clsx(\n                styleClassNames?.root,\n                styles.alert,\n                styles[`type-${type}`],\n                styles[`icon-size-${size}`],\n                hasAction && styles['with-action'],\n                dismissible && styles['with-dismiss']\n              )}\n              style={getAlertStyles(style)}\n            >\n              <div className={styles['alert-wrapper']}>\n                <div className={styles['alert-focus-wrapper']} ref={focusRef} role=\"group\" onBlur={handleBlur}>\n                  <div className={clsx(styleClassNames?.icon, styles.icon, styles.text)} style={getIconStyles(style)}>\n                    <InternalIcon name={typeToIcon[type]} size={size} ariaLabel={statusIconAriaLabel} />\n                  </div>\n                  <div className={clsx(styles.message, styles.text)} id={messageSlotId}>\n                    <div\n                      className={clsx(\n                        header && styles.header,\n                        headerReplacementType !== 'original' ? styles.hidden : analyticsSelectors.header\n                      )}\n                      ref={headerRef}\n                    >\n                      {header}\n                    </div>\n                    <div\n                      className={clsx(\n                        styles['header-replacement'],\n                        headerReplacementType !== 'replaced' ? styles.hidden : analyticsSelectors.header\n                      )}\n                      ref={replacementHeaderRef}\n                    ></div>\n                    <div\n                      className={clsx(styles.content, contentReplacementType !== 'original' && styles.hidden)}\n                      ref={contentRef}\n                    >\n                      {children}\n                    </div>\n                    <div\n                      className={clsx(\n                        styles['content-replacement'],\n                        contentReplacementType !== 'replaced' && styles.hidden\n                      )}\n                      ref={replacementContentRef}\n                    ></div>\n                  </div>\n                </div>\n                <ActionsWrapper\n                  className={styles.action}\n                  testUtilClasses={{\n                    actionSlot: styles['action-slot'],\n                    actionButton: styles['action-button'],\n                  }}\n                  action={action}\n                  discoveredActions={discoveredActions}\n                  buttonText={buttonText}\n                  onButtonClick={() => fireNonCancelableEvent(onButtonClick)}\n                  containerWidth={containerWidth}\n                  wrappedClass={styles['action-wrapped']}\n                />\n              </div>\n              {dismissible && (\n                <div\n                  className={styles.dismiss}\n                  {...getAnalyticsMetadataAttribute({\n                    action: 'dismiss',\n                  } as Partial<GeneratedAnalyticsMetadataAlertDismiss>)}\n                >\n                  <InternalButton\n                    className={styles['dismiss-button']}\n                    variant=\"icon\"\n                    iconName=\"close\"\n                    formAction=\"none\"\n                    ariaLabel={dismissAriaLabel}\n                    onClick={dismiss}\n                    style={getDismissButtonStyles(style)}\n                    styleClassNames={{ root: styleClassNames?.dismissButton }}\n                  />\n                </div>\n              )}\n            </div>\n          </VisualContext>\n        </LinkDefaultVariantContext.Provider>\n      </div>\n    );\n  }\n);\n\nexport default InternalAlert;\n"]}

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

@@ -1,32 +1,32 @@
 
     import './styles.scoped.css';
     export default {
-  "alert": "awsui_alert_mx3cw_1iqxd_193",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1iqxd_1",
-  "root": "awsui_root_mx3cw_1iqxd_215",
-  "hidden": "awsui_hidden_mx3cw_1iqxd_250",
-  "alert-wrapper": "awsui_alert-wrapper_mx3cw_1iqxd_302",
-  "initial-hidden": "awsui_initial-hidden_mx3cw_1iqxd_314",
-  "header": "awsui_header_mx3cw_1iqxd_319",
-  "header-replacement": "awsui_header-replacement_mx3cw_1iqxd_320",
-  "action": "awsui_action_mx3cw_1iqxd_324",
-  "action-slot": "awsui_action-slot_mx3cw_1iqxd_328",
-  "action-button": "awsui_action-button_mx3cw_1iqxd_329",
-  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1iqxd_333",
-  "text": "awsui_text_mx3cw_1iqxd_364",
-  "icon": "awsui_icon_mx3cw_1iqxd_371",
-  "message": "awsui_message_mx3cw_1iqxd_374",
-  "action-wrapped": "awsui_action-wrapped_mx3cw_1iqxd_378",
-  "icon-size-medium": "awsui_icon-size-medium_mx3cw_1iqxd_382",
-  "icon-size-big": "awsui_icon-size-big_mx3cw_1iqxd_386",
-  "icon-size-normal": "awsui_icon-size-normal_mx3cw_1iqxd_390",
-  "content": "awsui_content_mx3cw_1iqxd_394",
-  "content-replacement": "awsui_content-replacement_mx3cw_1iqxd_395",
-  "dismiss": "awsui_dismiss_mx3cw_1iqxd_399",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_1iqxd_404",
-  "type-error": "awsui_type-error_mx3cw_1iqxd_408",
-  "type-warning": "awsui_type-warning_mx3cw_1iqxd_416",
-  "type-success": "awsui_type-success_mx3cw_1iqxd_424",
-  "type-info": "awsui_type-info_mx3cw_1iqxd_432"
+  "alert": "awsui_alert_mx3cw_1x3zi_201",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1x3zi_1",
+  "root": "awsui_root_mx3cw_1x3zi_272",
+  "hidden": "awsui_hidden_mx3cw_1x3zi_307",
+  "alert-wrapper": "awsui_alert-wrapper_mx3cw_1x3zi_370",
+  "initial-hidden": "awsui_initial-hidden_mx3cw_1x3zi_382",
+  "header": "awsui_header_mx3cw_1x3zi_387",
+  "header-replacement": "awsui_header-replacement_mx3cw_1x3zi_388",
+  "action": "awsui_action_mx3cw_1x3zi_392",
+  "action-slot": "awsui_action-slot_mx3cw_1x3zi_396",
+  "action-button": "awsui_action-button_mx3cw_1x3zi_397",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1x3zi_401",
+  "icon": "awsui_icon_mx3cw_1x3zi_433",
+  "text": "awsui_text_mx3cw_1x3zi_437",
+  "message": "awsui_message_mx3cw_1x3zi_447",
+  "action-wrapped": "awsui_action-wrapped_mx3cw_1x3zi_451",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_1x3zi_455",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_1x3zi_459",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_1x3zi_463",
+  "content": "awsui_content_mx3cw_1x3zi_467",
+  "content-replacement": "awsui_content-replacement_mx3cw_1x3zi_468",
+  "dismiss": "awsui_dismiss_mx3cw_1x3zi_472",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_1x3zi_478",
+  "type-error": "awsui_type-error_mx3cw_1x3zi_482",
+  "type-warning": "awsui_type-warning_mx3cw_1x3zi_490",
+  "type-success": "awsui_type-success_mx3cw_1x3zi_498",
+  "type-info": "awsui_type-info_mx3cw_1x3zi_506"
 };
   

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

@@ -172,12 +172,12 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/* 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 */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* 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 */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -190,10 +190,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_alert_mx3cw_1iqxd_193:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_mx3cw_1iqxd_1 var(--motion-duration-show-paced-i87eux, 180ms) var(--motion-easing-show-paced-r4ee22, ease-out);
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_alert_mx3cw_1x3zi_201:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_mx3cw_1x3zi_1 var(--motion-duration-show-paced-i87eux, 180ms) var(--motion-easing-show-paced-r4ee22, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_mx3cw_1iqxd_1 {
+@keyframes awsui_awsui-motion-fade-in_mx3cw_1x3zi_1 {
   from {
     opacity: 0.2;
   }
@@ -202,17 +210,66 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_alert_mx3cw_1iqxd_193:not(#\9) {
+  .awsui_alert_mx3cw_1x3zi_201:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_alert_mx3cw_1iqxd_193:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_1iqxd_193:not(#\9) {
+.awsui-motion-disabled .awsui_alert_mx3cw_1x3zi_201:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_1x3zi_201:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_mx3cw_1iqxd_215:not(#\9) {
+@property --awsui-style-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --awsui-style-background-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --awsui-style-border-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --awsui-style-border-width {
+  syntax: "*";
+  inherits: false;
+}
+@property --awsui-style-border-radius {
+  syntax: "*";
+  inherits: false;
+}
+@property --awsui-style-padding-block {
+  syntax: "*";
+  inherits: false;
+}
+@property --awsui-style-padding-inline {
+  syntax: "*";
+  inherits: false;
+}
+@property --awsui-style-focus-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --awsui-style-focus-ring-width {
+  syntax: "*";
+  inherits: false;
+}
+@property --awsui-style-focus-ring-radius {
+  syntax: "*";
+  inherits: false;
+}
+@property --awsui-style-focus-ring-gutter-block {
+  syntax: "*";
+  inherits: false;
+}
+@property --awsui-style-focus-ring-gutter-inline {
+  syntax: "*";
+  inherits: false;
+}
+/* awsui:style-api-slot name=root tokens=color, background-color, border-color, border-width, border-radius, padding-block, padding-inline, focus-ring-color, focus-ring-width, focus-ring-radius, focus-ring-gutter-block, focus-ring-gutter-inline */
+.awsui_root_mx3cw_1x3zi_272:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -247,11 +304,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow: hidden;
   display: block;
 }
-.awsui_root_mx3cw_1iqxd_215.awsui_hidden_mx3cw_1iqxd_250:not(#\9) {
+.awsui_root_mx3cw_1x3zi_272.awsui_hidden_mx3cw_1x3zi_307:not(#\9) {
   display: none;
 }
 
-.awsui_alert_mx3cw_1iqxd_193:not(#\9) {
+.awsui_alert_mx3cw_1x3zi_201:not(#\9) {
+  --awsui-internal-style-color: var(--awsui-style-color);
+  --awsui-internal-style-background-color: var(--awsui-style-background-color);
+  --awsui-internal-style-border-color: var(--awsui-style-border-color);
+  --awsui-internal-style-border-width: var(--awsui-style-border-width);
+  --awsui-internal-style-border-radius: var(--awsui-style-border-radius);
+  --awsui-internal-style-padding-block: var(--awsui-style-padding-block);
+  --awsui-internal-style-padding-inline: var(--awsui-style-padding-inline);
+  --awsui-internal-style-focus-ring-color: var(--awsui-style-focus-ring-color);
+  --awsui-internal-style-focus-ring-width: var(--awsui-style-focus-ring-width);
+  --awsui-internal-style-focus-ring-radius: var(--awsui-style-focus-ring-radius);
+  --awsui-internal-style-focus-ring-gutter-block: var(--awsui-style-focus-ring-gutter-block);
+  --awsui-internal-style-focus-ring-gutter-inline: var(--awsui-style-focus-ring-gutter-inline);
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -281,7 +350,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-family: var(--font-family-base-c9u5cr, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
-  color: var(--color-text-alert-default-u9yymz, #16191f);
+  color: var(--awsui-internal-style-color, var(--color-text-alert-default-u9yymz, #16191f));
   position: relative;
   display: flex;
   flex-direction: row;
@@ -289,17 +358,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-block-end: var(--border-width-alert-block-end-bz9tdg, 1px) solid;
   border-inline-start: var(--border-width-alert-inline-start-irqq4q, 1px) solid;
   border-inline-end: var(--border-width-alert-inline-end-8vmvde, 1px) solid;
-  border-start-start-radius: var(--border-radius-alert-m5flwx, 2px);
-  border-start-end-radius: var(--border-radius-alert-m5flwx, 2px);
-  border-end-start-radius: var(--border-radius-alert-m5flwx, 2px);
-  border-end-end-radius: var(--border-radius-alert-m5flwx, 2px);
-  padding-block: var(--space-alert-vertical-uiixbm, 12px);
-  padding-inline: var(--space-alert-horizontal-ncpiov, 20px);
-  background-color: var(--color-background-container-content-mjfil9, #ffffff);
-  --awsui-alert-focus-ring-box-shadow-esndbs: 0 0 0 var(--awsui-alert-focus-ring-border-width-esndbs, 2px) var(--awsui-alert-focus-ring-border-color-esndbs, var(--color-border-item-focused-sewkzn, #0073bb));
+  border-start-start-radius: var(--awsui-internal-style-border-radius, var(--border-radius-alert-m5flwx, 2px));
+  border-start-end-radius: var(--awsui-internal-style-border-radius, var(--border-radius-alert-m5flwx, 2px));
+  border-end-start-radius: var(--awsui-internal-style-border-radius, var(--border-radius-alert-m5flwx, 2px));
+  border-end-end-radius: var(--awsui-internal-style-border-radius, var(--border-radius-alert-m5flwx, 2px));
+  padding-block: var(--awsui-internal-style-padding-block, var(--space-alert-vertical-uiixbm, 12px));
+  padding-inline: var(--awsui-internal-style-padding-inline, var(--space-alert-horizontal-ncpiov, 20px));
+  background-color: var(--awsui-internal-style-background-color, var(--color-background-container-content-mjfil9, #ffffff));
 }
 
-.awsui_alert-wrapper_mx3cw_1iqxd_302:not(#\9) {
+.awsui_alert-wrapper_mx3cw_1x3zi_370:not(#\9) {
   flex: 1;
   display: flex;
   flex-direction: row;
@@ -307,132 +375,138 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   column-gap: var(--space-alert-action-left-6trzof, 20px);
 }
 
-.awsui_hidden_mx3cw_1iqxd_250:not(#\9) {
+.awsui_hidden_mx3cw_1x3zi_307:not(#\9) {
   display: none;
 }
 
-.awsui_initial-hidden_mx3cw_1iqxd_314:not(#\9) {
+.awsui_initial-hidden_mx3cw_1x3zi_382:not(#\9) {
   overflow: hidden;
   block-size: 0;
 }
 
-.awsui_header_mx3cw_1iqxd_319:not(#\9),
-.awsui_header-replacement_mx3cw_1iqxd_320:not(#\9) {
+.awsui_header_mx3cw_1x3zi_387:not(#\9),
+.awsui_header-replacement_mx3cw_1x3zi_388:not(#\9) {
   font-weight: var(--font-weight-alert-header-ym3e4s, 700);
 }
 
-.awsui_action_mx3cw_1iqxd_324:not(#\9) {
+.awsui_action_mx3cw_1x3zi_392:not(#\9) {
   white-space: nowrap;
 }
 
-.awsui_action-slot_mx3cw_1iqxd_328:not(#\9),
-.awsui_action-button_mx3cw_1iqxd_329:not(#\9) {
+.awsui_action-slot_mx3cw_1x3zi_396:not(#\9),
+.awsui_action-button_mx3cw_1x3zi_397:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_alert-focus-wrapper_mx3cw_1iqxd_333:not(#\9) {
+.awsui_alert-focus-wrapper_mx3cw_1x3zi_401:not(#\9) {
   flex: 1;
   min-inline-size: 70%;
   display: grid;
   grid-template-columns: min-content auto;
 }
-.awsui_alert-focus-wrapper_mx3cw_1iqxd_333:not(#\9):focus {
+.awsui_alert-focus-wrapper_mx3cw_1x3zi_401:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1iqxd_333:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1x3zi_401:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1iqxd_333:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1x3zi_401:not(#\9):focus {
   outline: 2px dotted transparent;
-  outline-offset: calc(var(--space-button-focus-outline-gutter-dzjnny, 3px) - 1px);
+  outline-offset: calc(var(--awsui-internal-style-focus-ring-gutter-inline, var(--space-button-focus-outline-gutter-dzjnny, 3px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1iqxd_333:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1x3zi_401:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
-  inset-inline-start: calc(-1 * var(--space-button-focus-outline-gutter-dzjnny, 3px));
-  inset-block-start: calc(-1 * var(--space-button-focus-outline-gutter-dzjnny, 3px));
-  inline-size: calc(100% + var(--space-button-focus-outline-gutter-dzjnny, 3px) + var(--space-button-focus-outline-gutter-dzjnny, 3px));
-  block-size: calc(100% + var(--space-button-focus-outline-gutter-dzjnny, 3px) + var(--space-button-focus-outline-gutter-dzjnny, 3px));
-  border-start-start-radius: var(--awsui-alert-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
-  border-start-end-radius: var(--awsui-alert-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
-  border-end-start-radius: var(--awsui-alert-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
-  border-end-end-radius: var(--awsui-alert-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
-  box-shadow: var(--awsui-alert-focus-ring-box-shadow-esndbs);
+  inset-inline-start: calc(-1 * var(--awsui-internal-style-focus-ring-gutter-inline, var(--space-button-focus-outline-gutter-dzjnny, 3px)));
+  inset-block-start: calc(-1 * var(--awsui-internal-style-focus-ring-gutter-block, var(--space-button-focus-outline-gutter-dzjnny, 3px)));
+  inline-size: calc(100% + var(--awsui-internal-style-focus-ring-gutter-inline, var(--space-button-focus-outline-gutter-dzjnny, 3px)) + var(--awsui-internal-style-focus-ring-gutter-inline, var(--space-button-focus-outline-gutter-dzjnny, 3px)));
+  block-size: calc(100% + var(--awsui-internal-style-focus-ring-gutter-block, var(--space-button-focus-outline-gutter-dzjnny, 3px)) + var(--awsui-internal-style-focus-ring-gutter-block, var(--space-button-focus-outline-gutter-dzjnny, 3px)));
+  border-start-start-radius: var(--awsui-internal-style-focus-ring-radius, var(--awsui-alert-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 2px)));
+  border-start-end-radius: var(--awsui-internal-style-focus-ring-radius, var(--awsui-alert-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 2px)));
+  border-end-start-radius: var(--awsui-internal-style-focus-ring-radius, var(--awsui-alert-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 2px)));
+  border-end-end-radius: var(--awsui-internal-style-focus-ring-radius, var(--awsui-alert-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 2px)));
+  box-shadow: 0 0 0 var(--awsui-internal-style-focus-ring-width, var(--awsui-alert-focus-ring-border-width-esndbs, 2px)) var(--awsui-internal-style-focus-ring-color, var(--awsui-alert-focus-ring-border-color-esndbs, var(--color-border-item-focused-sewkzn, #0073bb)));
+}
+
+/* awsui:style-api-slot name=icon tokens=color */
+.awsui_icon_mx3cw_1x3zi_433:not(#\9) {
+  --awsui-internal-style-color: var(--awsui-style-color);
 }
 
-.awsui_text_mx3cw_1iqxd_364:not(#\9) {
+.awsui_text_mx3cw_1x3zi_437:not(#\9) {
   min-inline-size: 0;
   padding-block: var(--border-width-button-lffd4t, 1px);
   padding-inline: 0;
   margin-block: var(--space-scaled-xxs-j00t0m, 4px);
   margin-inline: var(--space-xxs-3o1yoq, 4px);
 }
-.awsui_text_mx3cw_1iqxd_364.awsui_icon_mx3cw_1iqxd_371:not(#\9) {
+.awsui_text_mx3cw_1x3zi_437.awsui_icon_mx3cw_1x3zi_433:not(#\9) {
   margin-inline-start: 0;
 }
-.awsui_text_mx3cw_1iqxd_364.awsui_message_mx3cw_1iqxd_374:not(#\9) {
+.awsui_text_mx3cw_1x3zi_437.awsui_message_mx3cw_1x3zi_447:not(#\9) {
   margin-inline-end: var(--space-alert-message-right-3i2sx2, 0px);
 }
 
-.awsui_action-wrapped_mx3cw_1iqxd_378:not(#\9) {
+.awsui_action-wrapped_mx3cw_1x3zi_451:not(#\9) {
   margin-block-end: var(--space-xxs-3o1yoq, 4px);
 }
 
-.awsui_icon-size-medium_mx3cw_1iqxd_382 > .awsui_alert-wrapper_mx3cw_1iqxd_302 > .awsui_action-wrapped_mx3cw_1iqxd_378:not(#\9) {
+.awsui_icon-size-medium_mx3cw_1x3zi_455 > .awsui_alert-wrapper_mx3cw_1x3zi_370 > .awsui_action-wrapped_mx3cw_1x3zi_451:not(#\9) {
   margin-inline-start: calc(var(--size-icon-medium-0cbske, 16px) + var(--space-xs-m9b7jf, 8px));
 }
 
-.awsui_icon-size-big_mx3cw_1iqxd_386 > .awsui_alert-wrapper_mx3cw_1iqxd_302 > .awsui_action-wrapped_mx3cw_1iqxd_378:not(#\9) {
+.awsui_icon-size-big_mx3cw_1x3zi_459 > .awsui_alert-wrapper_mx3cw_1x3zi_370 > .awsui_action-wrapped_mx3cw_1x3zi_451:not(#\9) {
   margin-inline-start: calc(var(--size-icon-big-z6z1yl, 32px) + var(--space-xs-m9b7jf, 8px));
 }
 
-.awsui_icon-size-normal_mx3cw_1iqxd_390 > .awsui_alert-wrapper_mx3cw_1iqxd_302 > .awsui_action-wrapped_mx3cw_1iqxd_378:not(#\9) {
+.awsui_icon-size-normal_mx3cw_1x3zi_463 > .awsui_alert-wrapper_mx3cw_1x3zi_370 > .awsui_action-wrapped_mx3cw_1x3zi_451:not(#\9) {
   margin-inline-start: calc(var(--size-icon-normal-311gry, 16px) + var(--space-xs-m9b7jf, 8px));
 }
 
-.awsui_content_mx3cw_1iqxd_394:not(#\9),
-.awsui_content-replacement_mx3cw_1iqxd_395:not(#\9) {
+.awsui_content_mx3cw_1x3zi_467:not(#\9),
+.awsui_content-replacement_mx3cw_1x3zi_468:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_dismiss_mx3cw_1iqxd_399:not(#\9) {
+.awsui_dismiss_mx3cw_1x3zi_472:not(#\9) {
   margin-inline-end: calc(-1 * var(--space-xxs-3o1yoq, 4px));
   margin-inline-start: var(--space-s-kll7oj, 12px);
 }
 
-.awsui_dismiss-button_mx3cw_1iqxd_404:not(#\9) {
+/* awsui:style-api-slot name=dismissButton component=button slot=root */
+.awsui_dismiss-button_mx3cw_1x3zi_478:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_type-error_mx3cw_1iqxd_408:not(#\9) {
-  border-color: var(--color-border-status-error-nczvil, #d13212);
-  background-color: var(--color-background-alert-error-dpj69i, #fdf3f1);
+.awsui_type-error_mx3cw_1x3zi_482:not(#\9) {
+  border-color: var(--awsui-internal-style-border-color, var(--color-border-status-error-nczvil, #d13212));
+  background-color: var(--awsui-internal-style-background-color, var(--color-background-alert-error-dpj69i, #fdf3f1));
 }
-.awsui_type-error_mx3cw_1iqxd_408 > .awsui_alert-wrapper_mx3cw_1iqxd_302 > .awsui_alert-focus-wrapper_mx3cw_1iqxd_333 > .awsui_icon_mx3cw_1iqxd_371:not(#\9) {
-  color: var(--awsui-alert-icon-color-esndbs, var(--color-text-alert-icon-error-6ivbnd, #d13212));
+.awsui_type-error_mx3cw_1x3zi_482 > .awsui_alert-wrapper_mx3cw_1x3zi_370 > .awsui_alert-focus-wrapper_mx3cw_1x3zi_401 > .awsui_icon_mx3cw_1x3zi_433:not(#\9) {
+  color: var(--awsui-internal-style-color, var(--awsui-alert-icon-color-esndbs, var(--color-text-alert-icon-error-6ivbnd, #d13212)));
 }
 
-.awsui_type-warning_mx3cw_1iqxd_416:not(#\9) {
-  border-color: var(--color-border-status-warning-zj1tu9, #906806);
-  background-color: var(--color-background-alert-warning-021z3n, #fffef0);
+.awsui_type-warning_mx3cw_1x3zi_490:not(#\9) {
+  border-color: var(--awsui-internal-style-border-color, var(--color-border-status-warning-zj1tu9, #906806));
+  background-color: var(--awsui-internal-style-background-color, var(--color-background-alert-warning-021z3n, #fffef0));
 }
-.awsui_type-warning_mx3cw_1iqxd_416 > .awsui_alert-wrapper_mx3cw_1iqxd_302 > .awsui_alert-focus-wrapper_mx3cw_1iqxd_333 > .awsui_icon_mx3cw_1iqxd_371:not(#\9) {
-  color: var(--awsui-alert-icon-color-esndbs, var(--color-text-alert-icon-warning-lan9qr, #906806));
+.awsui_type-warning_mx3cw_1x3zi_490 > .awsui_alert-wrapper_mx3cw_1x3zi_370 > .awsui_alert-focus-wrapper_mx3cw_1x3zi_401 > .awsui_icon_mx3cw_1x3zi_433:not(#\9) {
+  color: var(--awsui-internal-style-color, var(--awsui-alert-icon-color-esndbs, var(--color-text-alert-icon-warning-lan9qr, #906806)));
 }
 
-.awsui_type-success_mx3cw_1iqxd_424:not(#\9) {
-  border-color: var(--color-border-status-success-zsy8d6, #1d8102);
-  background-color: var(--color-background-alert-success-9dyn87, #f2f8f0);
+.awsui_type-success_mx3cw_1x3zi_498:not(#\9) {
+  border-color: var(--awsui-internal-style-border-color, var(--color-border-status-success-zsy8d6, #1d8102));
+  background-color: var(--awsui-internal-style-background-color, var(--color-background-alert-success-9dyn87, #f2f8f0));
 }
-.awsui_type-success_mx3cw_1iqxd_424 > .awsui_alert-wrapper_mx3cw_1iqxd_302 > .awsui_alert-focus-wrapper_mx3cw_1iqxd_333 > .awsui_icon_mx3cw_1iqxd_371:not(#\9) {
-  color: var(--awsui-alert-icon-color-esndbs, var(--color-text-alert-icon-success-1ldpm2, #1d8102));
+.awsui_type-success_mx3cw_1x3zi_498 > .awsui_alert-wrapper_mx3cw_1x3zi_370 > .awsui_alert-focus-wrapper_mx3cw_1x3zi_401 > .awsui_icon_mx3cw_1x3zi_433:not(#\9) {
+  color: var(--awsui-internal-style-color, var(--awsui-alert-icon-color-esndbs, var(--color-text-alert-icon-success-1ldpm2, #1d8102)));
 }
 
-.awsui_type-info_mx3cw_1iqxd_432:not(#\9) {
-  border-color: var(--color-border-status-info-e5c14y, #0073bb);
-  background-color: var(--color-background-alert-info-lqhdg0, #f1faff);
+.awsui_type-info_mx3cw_1x3zi_506:not(#\9) {
+  border-color: var(--awsui-internal-style-border-color, var(--color-border-status-info-e5c14y, #0073bb));
+  background-color: var(--awsui-internal-style-background-color, var(--color-background-alert-info-lqhdg0, #f1faff));
 }
-.awsui_type-info_mx3cw_1iqxd_432 > .awsui_alert-wrapper_mx3cw_1iqxd_302 > .awsui_alert-focus-wrapper_mx3cw_1iqxd_333 > .awsui_icon_mx3cw_1iqxd_371:not(#\9) {
-  color: var(--awsui-alert-icon-color-esndbs, var(--color-text-alert-icon-info-ud5q0o, #0073bb));
+.awsui_type-info_mx3cw_1x3zi_506 > .awsui_alert-wrapper_mx3cw_1x3zi_370 > .awsui_alert-focus-wrapper_mx3cw_1x3zi_401 > .awsui_icon_mx3cw_1x3zi_433:not(#\9) {
+  color: var(--awsui-internal-style-color, var(--awsui-alert-icon-color-esndbs, var(--color-text-alert-icon-info-ud5q0o, #0073bb)));
 }

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

@@ -2,32 +2,32 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "alert": "awsui_alert_mx3cw_1iqxd_193",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1iqxd_1",
-  "root": "awsui_root_mx3cw_1iqxd_215",
-  "hidden": "awsui_hidden_mx3cw_1iqxd_250",
-  "alert-wrapper": "awsui_alert-wrapper_mx3cw_1iqxd_302",
-  "initial-hidden": "awsui_initial-hidden_mx3cw_1iqxd_314",
-  "header": "awsui_header_mx3cw_1iqxd_319",
-  "header-replacement": "awsui_header-replacement_mx3cw_1iqxd_320",
-  "action": "awsui_action_mx3cw_1iqxd_324",
-  "action-slot": "awsui_action-slot_mx3cw_1iqxd_328",
-  "action-button": "awsui_action-button_mx3cw_1iqxd_329",
-  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1iqxd_333",
-  "text": "awsui_text_mx3cw_1iqxd_364",
-  "icon": "awsui_icon_mx3cw_1iqxd_371",
-  "message": "awsui_message_mx3cw_1iqxd_374",
-  "action-wrapped": "awsui_action-wrapped_mx3cw_1iqxd_378",
-  "icon-size-medium": "awsui_icon-size-medium_mx3cw_1iqxd_382",
-  "icon-size-big": "awsui_icon-size-big_mx3cw_1iqxd_386",
-  "icon-size-normal": "awsui_icon-size-normal_mx3cw_1iqxd_390",
-  "content": "awsui_content_mx3cw_1iqxd_394",
-  "content-replacement": "awsui_content-replacement_mx3cw_1iqxd_395",
-  "dismiss": "awsui_dismiss_mx3cw_1iqxd_399",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_1iqxd_404",
-  "type-error": "awsui_type-error_mx3cw_1iqxd_408",
-  "type-warning": "awsui_type-warning_mx3cw_1iqxd_416",
-  "type-success": "awsui_type-success_mx3cw_1iqxd_424",
-  "type-info": "awsui_type-info_mx3cw_1iqxd_432"
+  "alert": "awsui_alert_mx3cw_1x3zi_201",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1x3zi_1",
+  "root": "awsui_root_mx3cw_1x3zi_272",
+  "hidden": "awsui_hidden_mx3cw_1x3zi_307",
+  "alert-wrapper": "awsui_alert-wrapper_mx3cw_1x3zi_370",
+  "initial-hidden": "awsui_initial-hidden_mx3cw_1x3zi_382",
+  "header": "awsui_header_mx3cw_1x3zi_387",
+  "header-replacement": "awsui_header-replacement_mx3cw_1x3zi_388",
+  "action": "awsui_action_mx3cw_1x3zi_392",
+  "action-slot": "awsui_action-slot_mx3cw_1x3zi_396",
+  "action-button": "awsui_action-button_mx3cw_1x3zi_397",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1x3zi_401",
+  "icon": "awsui_icon_mx3cw_1x3zi_433",
+  "text": "awsui_text_mx3cw_1x3zi_437",
+  "message": "awsui_message_mx3cw_1x3zi_447",
+  "action-wrapped": "awsui_action-wrapped_mx3cw_1x3zi_451",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_1x3zi_455",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_1x3zi_459",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_1x3zi_463",
+  "content": "awsui_content_mx3cw_1x3zi_467",
+  "content-replacement": "awsui_content-replacement_mx3cw_1x3zi_468",
+  "dismiss": "awsui_dismiss_mx3cw_1x3zi_472",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_1x3zi_478",
+  "type-error": "awsui_type-error_mx3cw_1x3zi_482",
+  "type-warning": "awsui_type-warning_mx3cw_1x3zi_490",
+  "type-success": "awsui_type-success_mx3cw_1x3zi_498",
+  "type-info": "awsui_type-info_mx3cw_1x3zi_506"
 };
   

package/lib/internal/template/anchor-navigation/styles.css.js

@@ -1,13 +1,13 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_swimc_74wi9_189",
-  "anchor-list": "awsui_anchor-list_swimc_74wi9_221",
-  "anchor-item": "awsui_anchor-item_swimc_74wi9_245",
-  "anchor-item--active": "awsui_anchor-item--active_swimc_74wi9_265",
-  "anchor-link": "awsui_anchor-link_swimc_74wi9_283",
-  "anchor-link--active": "awsui_anchor-link--active_swimc_74wi9_325",
-  "anchor-link-text": "awsui_anchor-link-text_swimc_74wi9_332",
-  "anchor-link-info": "awsui_anchor-link-info_swimc_74wi9_336"
+  "root": "awsui_root_swimc_1e82u_185",
+  "anchor-list": "awsui_anchor-list_swimc_1e82u_217",
+  "anchor-item": "awsui_anchor-item_swimc_1e82u_241",
+  "anchor-item--active": "awsui_anchor-item--active_swimc_1e82u_261",
+  "anchor-link": "awsui_anchor-link_swimc_1e82u_279",
+  "anchor-link--active": "awsui_anchor-link--active_swimc_1e82u_321",
+  "anchor-link-text": "awsui_anchor-link-text_swimc_1e82u_328",
+  "anchor-link-info": "awsui_anchor-link-info_swimc_1e82u_332"
 };