@cloudscape-design/components 3.0.1353 → 3.0.1355

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/alert/internal.d.ts +6 -0
  2. package/alert/internal.d.ts.map +1 -1
  3. package/alert/internal.js +4 -4
  4. package/alert/internal.js.map +1 -1
  5. package/alert/styles.css.js +27 -27
  6. package/alert/styles.scoped.css +149 -71
  7. package/alert/styles.selectors.js +27 -27
  8. package/badge/index.d.ts.map +1 -1
  9. package/badge/index.js +2 -1
  10. package/badge/index.js.map +1 -1
  11. package/badge/styles.css.js +10 -10
  12. package/badge/styles.scoped.css +91 -54
  13. package/badge/styles.selectors.js +10 -10
  14. package/button/index.d.ts.map +1 -1
  15. package/button/index.js +1 -1
  16. package/button/index.js.map +1 -1
  17. package/button/internal.d.ts +5 -0
  18. package/button/internal.d.ts.map +1 -1
  19. package/button/internal.js +3 -2
  20. package/button/internal.js.map +1 -1
  21. package/button/styles.css.js +23 -23
  22. package/button/styles.scoped.css +375 -302
  23. package/button/styles.selectors.js +23 -23
  24. package/internal/base-component/styles.scoped.css +1 -1
  25. package/internal/base-theme/styles.scoped.css +4 -0
  26. package/internal/environment.js +2 -2
  27. package/internal/environment.json +2 -2
  28. package/internal/generated/styles/tokens.d.ts +1 -0
  29. package/internal/generated/styles/tokens.js +1 -0
  30. package/internal/generated/theming/index.cjs +33 -0
  31. package/internal/generated/theming/index.cjs.d.ts +9 -0
  32. package/internal/generated/theming/index.d.ts +9 -0
  33. package/internal/generated/theming/index.js +33 -0
  34. package/internal/manifest.json +1 -1
  35. package/manifest.json +2 -2
  36. package/package.json +1 -1
  37. package/segmented-control/styles.css.js +16 -16
  38. package/segmented-control/styles.scoped.css +33 -33
  39. package/segmented-control/styles.selectors.js +16 -16
  40. package/table/column-groups/utils.d.ts +1 -0
  41. package/table/column-groups/utils.d.ts.map +1 -1
  42. package/table/column-groups/utils.js +13 -11
  43. package/table/column-groups/utils.js.map +1 -1
  44. package/table/thead.js +6 -6
  45. package/table/thead.js.map +1 -1
package/alert/internal.d.ts CHANGED
@@ -1,10 +1,16 @@
1
1
  import React from 'react';
2
2
  import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
3
3
  import { AlertProps } from './interfaces';
4
+ interface StyleClassNames {
5
+ root?: string;
6
+ icon?: string;
7
+ dismissButton?: string;
8
+ }
4
9
  declare const InternalAlert: React.ForwardRefExoticComponent<AlertProps & {
5
10
  type: AlertProps.Type;
6
11
  } & InternalBaseComponentProps & {
7
12
  messageSlotId?: string;
8
13
  style?: AlertProps["style"];
14
+ styleClassNames?: StyleClassNames;
9
15
  } & React.RefAttributes<AlertProps.Ref>>;
10
16
  export default InternalAlert;
package/alert/internal.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/alert/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAehF,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AASlF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAsB1C,QAAA,MAAM,aAAa;;;oBAPC,MAAM;YACd,UAAU,CAAC,OAAO,CAAC;wCA8N9B,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/alert/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAehF,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AASlF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAqB1C,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAKD,QAAA,MAAM,aAAa;;;oBAfC,MAAM;YACd,UAAU,CAAC,OAAO,CAAC;sBACT,eAAe;wCAwOpC,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/alert/internal.js CHANGED
@@ -29,7 +29,7 @@ const typeToIcon = {
29
29
  };
30
30
  const useDiscoveredAction = createUseDiscoveredAction(awsuiPluginsInternal.alert.onActionRegistered);
31
31
  const useDiscoveredContent = createUseDiscoveredContent('alert', awsuiPluginsInternal.alertContent);
32
- 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) => {
32
+ 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) => {
33
33
  var _a, _b;
34
34
  const baseProps = getBaseProps(rest);
35
35
  const i18n = useInternalI18n('alert');
@@ -99,10 +99,10 @@ const InternalAlert = React.forwardRef(({ type, i18nStrings, visible = true, dis
99
99
  return (React.createElement("div", { ...baseProps, ...analyticsAttributes, "aria-hidden": !visible, className: clsx(styles.root, { [styles.hidden]: !visible, [styles['initial-hidden']]: initialHidden }, baseProps.className), ref: containerRef },
100
100
  React.createElement(LinkDefaultVariantContext.Provider, { value: { defaultVariant: 'primary' } },
101
101
  React.createElement(VisualContext, { contextName: "alert" },
102
- 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) },
102
+ 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) },
103
103
  React.createElement("div", { className: styles['alert-wrapper'] },
104
104
  React.createElement("div", { className: styles['alert-focus-wrapper'], ref: focusRef, role: "group", onBlur: handleBlur },
105
- React.createElement("div", { className: clsx(styles.icon, styles.text), style: getIconStyles(style) },
105
+ React.createElement("div", { className: clsx(styleClassNames === null || styleClassNames === void 0 ? void 0 : styleClassNames.icon, styles.icon, styles.text), style: getIconStyles(style) },
106
106
  React.createElement(InternalIcon, { name: typeToIcon[type], size: size, ariaLabel: statusIconAriaLabel })),
107
107
  React.createElement("div", { className: clsx(styles.message, styles.text), id: messageSlotId },
108
108
  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
116
116
  dismissible && (React.createElement("div", { className: styles.dismiss, ...getAnalyticsMetadataAttribute({
117
117
  action: 'dismiss',
118
118
  }) },
119
- React.createElement(InternalButton, { className: styles['dismiss-button'], variant: "icon", iconName: "close", formAction: "none", ariaLabel: dismissAriaLabel, onClick: dismiss, style: getDismissButtonStyles(style) }))))))));
119
+ 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 } }))))))));
120
120
  });
121
121
  export default InternalAlert;
122
122
  //# sourceMappingURL=internal.js.map
package/alert/internal.js.map CHANGED
@@ -1 +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"]}
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 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/alert/styles.css.js CHANGED
@@ -1,32 +1,32 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "alert": "awsui_alert_mx3cw_zylgz_189",
5
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_zylgz_1",
6
- "root": "awsui_root_mx3cw_zylgz_211",
7
- "hidden": "awsui_hidden_mx3cw_zylgz_246",
8
- "alert-wrapper": "awsui_alert-wrapper_mx3cw_zylgz_298",
9
- "initial-hidden": "awsui_initial-hidden_mx3cw_zylgz_310",
10
- "header": "awsui_header_mx3cw_zylgz_315",
11
- "header-replacement": "awsui_header-replacement_mx3cw_zylgz_316",
12
- "action": "awsui_action_mx3cw_zylgz_320",
13
- "action-slot": "awsui_action-slot_mx3cw_zylgz_324",
14
- "action-button": "awsui_action-button_mx3cw_zylgz_325",
15
- "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_zylgz_329",
16
- "text": "awsui_text_mx3cw_zylgz_360",
17
- "icon": "awsui_icon_mx3cw_zylgz_367",
18
- "message": "awsui_message_mx3cw_zylgz_370",
19
- "action-wrapped": "awsui_action-wrapped_mx3cw_zylgz_374",
20
- "icon-size-medium": "awsui_icon-size-medium_mx3cw_zylgz_378",
21
- "icon-size-big": "awsui_icon-size-big_mx3cw_zylgz_382",
22
- "icon-size-normal": "awsui_icon-size-normal_mx3cw_zylgz_386",
23
- "content": "awsui_content_mx3cw_zylgz_390",
24
- "content-replacement": "awsui_content-replacement_mx3cw_zylgz_391",
25
- "dismiss": "awsui_dismiss_mx3cw_zylgz_395",
26
- "dismiss-button": "awsui_dismiss-button_mx3cw_zylgz_400",
27
- "type-error": "awsui_type-error_mx3cw_zylgz_404",
28
- "type-warning": "awsui_type-warning_mx3cw_zylgz_412",
29
- "type-success": "awsui_type-success_mx3cw_zylgz_420",
30
- "type-info": "awsui_type-info_mx3cw_zylgz_428"
4
+ "alert": "awsui_alert_mx3cw_8hu54_201",
5
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_8hu54_1",
6
+ "root": "awsui_root_mx3cw_8hu54_272",
7
+ "hidden": "awsui_hidden_mx3cw_8hu54_307",
8
+ "alert-wrapper": "awsui_alert-wrapper_mx3cw_8hu54_370",
9
+ "initial-hidden": "awsui_initial-hidden_mx3cw_8hu54_382",
10
+ "header": "awsui_header_mx3cw_8hu54_387",
11
+ "header-replacement": "awsui_header-replacement_mx3cw_8hu54_388",
12
+ "action": "awsui_action_mx3cw_8hu54_392",
13
+ "action-slot": "awsui_action-slot_mx3cw_8hu54_396",
14
+ "action-button": "awsui_action-button_mx3cw_8hu54_397",
15
+ "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_8hu54_401",
16
+ "icon": "awsui_icon_mx3cw_8hu54_433",
17
+ "text": "awsui_text_mx3cw_8hu54_437",
18
+ "message": "awsui_message_mx3cw_8hu54_447",
19
+ "action-wrapped": "awsui_action-wrapped_mx3cw_8hu54_451",
20
+ "icon-size-medium": "awsui_icon-size-medium_mx3cw_8hu54_455",
21
+ "icon-size-big": "awsui_icon-size-big_mx3cw_8hu54_459",
22
+ "icon-size-normal": "awsui_icon-size-normal_mx3cw_8hu54_463",
23
+ "content": "awsui_content_mx3cw_8hu54_467",
24
+ "content-replacement": "awsui_content-replacement_mx3cw_8hu54_468",
25
+ "dismiss": "awsui_dismiss_mx3cw_8hu54_472",
26
+ "dismiss-button": "awsui_dismiss-button_mx3cw_8hu54_478",
27
+ "type-error": "awsui_type-error_mx3cw_8hu54_482",
28
+ "type-warning": "awsui_type-warning_mx3cw_8hu54_490",
29
+ "type-success": "awsui_type-success_mx3cw_8hu54_498",
30
+ "type-info": "awsui_type-info_mx3cw_8hu54_506"
31
31
  };
32
32
 
package/alert/styles.scoped.css CHANGED
@@ -186,10 +186,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
186
186
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
187
187
  SPDX-License-Identifier: Apache-2.0
188
188
  */
189
- .awsui_alert_mx3cw_zylgz_189:not(#\9) {
190
- animation: awsui_awsui-motion-fade-in_mx3cw_zylgz_1 var(--motion-duration-show-paced-otsjh8, 180ms) var(--motion-easing-show-paced-ym6eyn, ease-out);
189
+ /*
190
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
191
+ SPDX-License-Identifier: Apache-2.0
192
+ */
193
+ /*
194
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
195
+ SPDX-License-Identifier: Apache-2.0
196
+ */
197
+ /*
198
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
199
+ SPDX-License-Identifier: Apache-2.0
200
+ */
201
+ .awsui_alert_mx3cw_8hu54_201:not(#\9) {
202
+ animation: awsui_awsui-motion-fade-in_mx3cw_8hu54_1 var(--motion-duration-show-paced-otsjh8, 180ms) var(--motion-easing-show-paced-ym6eyn, ease-out);
191
203
  }
192
- @keyframes awsui_awsui-motion-fade-in_mx3cw_zylgz_1 {
204
+ @keyframes awsui_awsui-motion-fade-in_mx3cw_8hu54_1 {
193
205
  from {
194
206
  opacity: 0.2;
195
207
  }
@@ -198,17 +210,66 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
198
210
  }
199
211
  }
200
212
  @media (prefers-reduced-motion: reduce) {
201
- .awsui_alert_mx3cw_zylgz_189:not(#\9) {
213
+ .awsui_alert_mx3cw_8hu54_201:not(#\9) {
202
214
  animation: none;
203
215
  transition: none;
204
216
  }
205
217
  }
206
- .awsui-motion-disabled .awsui_alert_mx3cw_zylgz_189:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_zylgz_189:not(#\9) {
218
+ .awsui-motion-disabled .awsui_alert_mx3cw_8hu54_201:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_8hu54_201:not(#\9) {
207
219
  animation: none;
208
220
  transition: none;
209
221
  }
210
222
 
211
- .awsui_root_mx3cw_zylgz_211:not(#\9) {
223
+ @property --awsui-style-color {
224
+ syntax: "*";
225
+ inherits: false;
226
+ }
227
+ @property --awsui-style-background-color {
228
+ syntax: "*";
229
+ inherits: false;
230
+ }
231
+ @property --awsui-style-border-color {
232
+ syntax: "*";
233
+ inherits: false;
234
+ }
235
+ @property --awsui-style-border-width {
236
+ syntax: "*";
237
+ inherits: false;
238
+ }
239
+ @property --awsui-style-border-radius {
240
+ syntax: "*";
241
+ inherits: false;
242
+ }
243
+ @property --awsui-style-padding-block {
244
+ syntax: "*";
245
+ inherits: false;
246
+ }
247
+ @property --awsui-style-padding-inline {
248
+ syntax: "*";
249
+ inherits: false;
250
+ }
251
+ @property --awsui-style-focus-ring-color {
252
+ syntax: "*";
253
+ inherits: false;
254
+ }
255
+ @property --awsui-style-focus-ring-width {
256
+ syntax: "*";
257
+ inherits: false;
258
+ }
259
+ @property --awsui-style-focus-ring-radius {
260
+ syntax: "*";
261
+ inherits: false;
262
+ }
263
+ @property --awsui-style-focus-ring-gutter-block {
264
+ syntax: "*";
265
+ inherits: false;
266
+ }
267
+ @property --awsui-style-focus-ring-gutter-inline {
268
+ syntax: "*";
269
+ inherits: false;
270
+ }
271
+ /* 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 */
272
+ .awsui_root_mx3cw_8hu54_272:not(#\9) {
212
273
  border-collapse: separate;
213
274
  border-spacing: 0;
214
275
  box-sizing: border-box;
@@ -243,11 +304,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
243
304
  overflow: hidden;
244
305
  display: block;
245
306
  }
246
- .awsui_root_mx3cw_zylgz_211.awsui_hidden_mx3cw_zylgz_246:not(#\9) {
307
+ .awsui_root_mx3cw_8hu54_272.awsui_hidden_mx3cw_8hu54_307:not(#\9) {
247
308
  display: none;
248
309
  }
249
310
 
250
- .awsui_alert_mx3cw_zylgz_189:not(#\9) {
311
+ .awsui_alert_mx3cw_8hu54_201:not(#\9) {
312
+ --awsui-internal-style-color: var(--awsui-style-color);
313
+ --awsui-internal-style-background-color: var(--awsui-style-background-color);
314
+ --awsui-internal-style-border-color: var(--awsui-style-border-color);
315
+ --awsui-internal-style-border-width: var(--awsui-style-border-width);
316
+ --awsui-internal-style-border-radius: var(--awsui-style-border-radius);
317
+ --awsui-internal-style-padding-block: var(--awsui-style-padding-block);
318
+ --awsui-internal-style-padding-inline: var(--awsui-style-padding-inline);
319
+ --awsui-internal-style-focus-ring-color: var(--awsui-style-focus-ring-color);
320
+ --awsui-internal-style-focus-ring-width: var(--awsui-style-focus-ring-width);
321
+ --awsui-internal-style-focus-ring-radius: var(--awsui-style-focus-ring-radius);
322
+ --awsui-internal-style-focus-ring-gutter-block: var(--awsui-style-focus-ring-gutter-block);
323
+ --awsui-internal-style-focus-ring-gutter-inline: var(--awsui-style-focus-ring-gutter-inline);
251
324
  border-collapse: separate;
252
325
  border-spacing: 0;
253
326
  box-sizing: border-box;
@@ -277,7 +350,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
277
350
  font-family: var(--font-family-base-gmnpzl, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
278
351
  -webkit-font-smoothing: auto;
279
352
  -moz-osx-font-smoothing: auto;
280
- color: var(--color-text-alert-default-rwuv9g, #0f141a);
353
+ color: var(--awsui-internal-style-color, var(--color-text-alert-default-rwuv9g, #0f141a));
281
354
  position: relative;
282
355
  display: flex;
283
356
  flex-direction: row;
@@ -285,17 +358,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
285
358
  border-block-end: var(--border-width-alert-block-end-q8rr42, 2px) solid;
286
359
  border-inline-start: var(--border-width-alert-inline-start-gjm6m1, 2px) solid;
287
360
  border-inline-end: var(--border-width-alert-inline-end-9s426v, 2px) solid;
288
- border-start-start-radius: var(--border-radius-alert-syagf6, 12px);
289
- border-start-end-radius: var(--border-radius-alert-syagf6, 12px);
290
- border-end-start-radius: var(--border-radius-alert-syagf6, 12px);
291
- border-end-end-radius: var(--border-radius-alert-syagf6, 12px);
292
- padding-block: var(--space-alert-vertical-dlp5wr, 8px);
293
- padding-inline: var(--space-alert-horizontal-ul364s, 16px);
294
- background-color: var(--color-background-container-content-78ljyf, #ffffff);
295
- --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-ditkrb, #006ce0));
361
+ border-start-start-radius: var(--awsui-internal-style-border-radius, var(--border-radius-alert-syagf6, 12px));
362
+ border-start-end-radius: var(--awsui-internal-style-border-radius, var(--border-radius-alert-syagf6, 12px));
363
+ border-end-start-radius: var(--awsui-internal-style-border-radius, var(--border-radius-alert-syagf6, 12px));
364
+ border-end-end-radius: var(--awsui-internal-style-border-radius, var(--border-radius-alert-syagf6, 12px));
365
+ padding-block: var(--awsui-internal-style-padding-block, var(--space-alert-vertical-dlp5wr, 8px));
366
+ padding-inline: var(--awsui-internal-style-padding-inline, var(--space-alert-horizontal-ul364s, 16px));
367
+ background-color: var(--awsui-internal-style-background-color, var(--color-background-container-content-78ljyf, #ffffff));
296
368
  }
297
369
 
298
- .awsui_alert-wrapper_mx3cw_zylgz_298:not(#\9) {
370
+ .awsui_alert-wrapper_mx3cw_8hu54_370:not(#\9) {
299
371
  flex: 1;
300
372
  display: flex;
301
373
  flex-direction: row;
@@ -303,132 +375,138 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
303
375
  column-gap: var(--space-alert-action-left-4s8zo5, 12px);
304
376
  }
305
377
 
306
- .awsui_hidden_mx3cw_zylgz_246:not(#\9) {
378
+ .awsui_hidden_mx3cw_8hu54_307:not(#\9) {
307
379
  display: none;
308
380
  }
309
381
 
310
- .awsui_initial-hidden_mx3cw_zylgz_310:not(#\9) {
382
+ .awsui_initial-hidden_mx3cw_8hu54_382:not(#\9) {
311
383
  overflow: hidden;
312
384
  block-size: 0;
313
385
  }
314
386
 
315
- .awsui_header_mx3cw_zylgz_315:not(#\9),
316
- .awsui_header-replacement_mx3cw_zylgz_316:not(#\9) {
387
+ .awsui_header_mx3cw_8hu54_387:not(#\9),
388
+ .awsui_header-replacement_mx3cw_8hu54_388:not(#\9) {
317
389
  font-weight: var(--font-weight-alert-header-zg25o1, 700);
318
390
  }
319
391
 
320
- .awsui_action_mx3cw_zylgz_320:not(#\9) {
392
+ .awsui_action_mx3cw_8hu54_392:not(#\9) {
321
393
  white-space: nowrap;
322
394
  }
323
395
 
324
- .awsui_action-slot_mx3cw_zylgz_324:not(#\9),
325
- .awsui_action-button_mx3cw_zylgz_325:not(#\9) {
396
+ .awsui_action-slot_mx3cw_8hu54_396:not(#\9),
397
+ .awsui_action-button_mx3cw_8hu54_397:not(#\9) {
326
398
  /* used in test-utils */
327
399
  }
328
400
 
329
- .awsui_alert-focus-wrapper_mx3cw_zylgz_329:not(#\9) {
401
+ .awsui_alert-focus-wrapper_mx3cw_8hu54_401:not(#\9) {
330
402
  flex: 1;
331
403
  min-inline-size: 70%;
332
404
  display: grid;
333
405
  grid-template-columns: min-content auto;
334
406
  }
335
- .awsui_alert-focus-wrapper_mx3cw_zylgz_329:not(#\9):focus {
407
+ .awsui_alert-focus-wrapper_mx3cw_8hu54_401:not(#\9):focus {
336
408
  outline: none;
337
409
  }
338
- body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_zylgz_329:not(#\9):focus {
410
+ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_8hu54_401:not(#\9):focus {
339
411
  position: relative;
340
412
  }
341
- body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_zylgz_329:not(#\9):focus {
413
+ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_8hu54_401:not(#\9):focus {
342
414
  outline: 2px dotted transparent;
343
- outline-offset: calc(var(--space-button-focus-outline-gutter-jj138g, 4px) - 1px);
415
+ outline-offset: calc(var(--awsui-internal-style-focus-ring-gutter-inline, var(--space-button-focus-outline-gutter-jj138g, 4px)) - 1px);
344
416
  }
345
- body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_zylgz_329:not(#\9):focus::before {
417
+ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_8hu54_401:not(#\9):focus::before {
346
418
  content: " ";
347
419
  display: block;
348
420
  position: absolute;
349
- inset-inline-start: calc(-1 * var(--space-button-focus-outline-gutter-jj138g, 4px));
350
- inset-block-start: calc(-1 * var(--space-button-focus-outline-gutter-jj138g, 4px));
351
- inline-size: calc(100% + var(--space-button-focus-outline-gutter-jj138g, 4px) + var(--space-button-focus-outline-gutter-jj138g, 4px));
352
- block-size: calc(100% + var(--space-button-focus-outline-gutter-jj138g, 4px) + var(--space-button-focus-outline-gutter-jj138g, 4px));
353
- border-start-start-radius: var(--awsui-alert-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-1uabki, 4px));
354
- border-start-end-radius: var(--awsui-alert-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-1uabki, 4px));
355
- border-end-start-radius: var(--awsui-alert-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-1uabki, 4px));
356
- border-end-end-radius: var(--awsui-alert-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-1uabki, 4px));
357
- box-shadow: var(--awsui-alert-focus-ring-box-shadow-esndbs);
421
+ inset-inline-start: calc(-1 * var(--awsui-internal-style-focus-ring-gutter-inline, var(--space-button-focus-outline-gutter-jj138g, 4px)));
422
+ inset-block-start: calc(-1 * var(--awsui-internal-style-focus-ring-gutter-block, var(--space-button-focus-outline-gutter-jj138g, 4px)));
423
+ inline-size: calc(100% + var(--awsui-internal-style-focus-ring-gutter-inline, var(--space-button-focus-outline-gutter-jj138g, 4px)) + var(--awsui-internal-style-focus-ring-gutter-inline, var(--space-button-focus-outline-gutter-jj138g, 4px)));
424
+ block-size: calc(100% + var(--awsui-internal-style-focus-ring-gutter-block, var(--space-button-focus-outline-gutter-jj138g, 4px)) + var(--awsui-internal-style-focus-ring-gutter-block, var(--space-button-focus-outline-gutter-jj138g, 4px)));
425
+ 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-1uabki, 4px)));
426
+ 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-1uabki, 4px)));
427
+ 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-1uabki, 4px)));
428
+ 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-1uabki, 4px)));
429
+ 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-ditkrb, #006ce0)));
430
+ }
431
+
432
+ /* awsui:style-api-slot name=icon tokens=color */
433
+ .awsui_icon_mx3cw_8hu54_433:not(#\9) {
434
+ --awsui-internal-style-color: var(--awsui-style-color);
358
435
  }
359
436
 
360
- .awsui_text_mx3cw_zylgz_360:not(#\9) {
437
+ .awsui_text_mx3cw_8hu54_437:not(#\9) {
361
438
  min-inline-size: 0;
362
439
  padding-block: var(--border-width-button-jm0qg7, 2px);
363
440
  padding-inline: 0;
364
441
  margin-block: var(--space-scaled-xxs-pfm1nx, 4px);
365
442
  margin-inline: var(--space-xxs-hwfkai, 4px);
366
443
  }
367
- .awsui_text_mx3cw_zylgz_360.awsui_icon_mx3cw_zylgz_367:not(#\9) {
444
+ .awsui_text_mx3cw_8hu54_437.awsui_icon_mx3cw_8hu54_433:not(#\9) {
368
445
  margin-inline-start: 0;
369
446
  }
370
- .awsui_text_mx3cw_zylgz_360.awsui_message_mx3cw_zylgz_370:not(#\9) {
447
+ .awsui_text_mx3cw_8hu54_437.awsui_message_mx3cw_8hu54_447:not(#\9) {
371
448
  margin-inline-end: var(--space-alert-message-right-mrjbnn, 4px);
372
449
  }
373
450
 
374
- .awsui_action-wrapped_mx3cw_zylgz_374:not(#\9) {
451
+ .awsui_action-wrapped_mx3cw_8hu54_451:not(#\9) {
375
452
  margin-block-end: var(--space-xxs-hwfkai, 4px);
376
453
  }
377
454
 
378
- .awsui_icon-size-medium_mx3cw_zylgz_378 > .awsui_alert-wrapper_mx3cw_zylgz_298 > .awsui_action-wrapped_mx3cw_zylgz_374:not(#\9) {
455
+ .awsui_icon-size-medium_mx3cw_8hu54_455 > .awsui_alert-wrapper_mx3cw_8hu54_370 > .awsui_action-wrapped_mx3cw_8hu54_451:not(#\9) {
379
456
  margin-inline-start: calc(var(--size-icon-medium-uv8xcz, 20px) + var(--space-xs-ymlm0b, 8px));
380
457
  }
381
458
 
382
- .awsui_icon-size-big_mx3cw_zylgz_382 > .awsui_alert-wrapper_mx3cw_zylgz_298 > .awsui_action-wrapped_mx3cw_zylgz_374:not(#\9) {
459
+ .awsui_icon-size-big_mx3cw_8hu54_459 > .awsui_alert-wrapper_mx3cw_8hu54_370 > .awsui_action-wrapped_mx3cw_8hu54_451:not(#\9) {
383
460
  margin-inline-start: calc(var(--size-icon-big-7pq9l3, 32px) + var(--space-xs-ymlm0b, 8px));
384
461
  }
385
462
 
386
- .awsui_icon-size-normal_mx3cw_zylgz_386 > .awsui_alert-wrapper_mx3cw_zylgz_298 > .awsui_action-wrapped_mx3cw_zylgz_374:not(#\9) {
463
+ .awsui_icon-size-normal_mx3cw_8hu54_463 > .awsui_alert-wrapper_mx3cw_8hu54_370 > .awsui_action-wrapped_mx3cw_8hu54_451:not(#\9) {
387
464
  margin-inline-start: calc(var(--size-icon-normal-levt08, 16px) + var(--space-xs-ymlm0b, 8px));
388
465
  }
389
466
 
390
- .awsui_content_mx3cw_zylgz_390:not(#\9),
391
- .awsui_content-replacement_mx3cw_zylgz_391:not(#\9) {
467
+ .awsui_content_mx3cw_8hu54_467:not(#\9),
468
+ .awsui_content-replacement_mx3cw_8hu54_468:not(#\9) {
392
469
  /* used in test-utils */
393
470
  }
394
471
 
395
- .awsui_dismiss_mx3cw_zylgz_395:not(#\9) {
472
+ .awsui_dismiss_mx3cw_8hu54_472:not(#\9) {
396
473
  margin-inline-end: calc(-1 * var(--space-xxs-hwfkai, 4px));
397
474
  margin-inline-start: var(--space-s-tvghoh, 12px);
398
475
  }
399
476
 
400
- .awsui_dismiss-button_mx3cw_zylgz_400:not(#\9) {
477
+ /* awsui:style-api-slot name=dismissButton component=button slot=root */
478
+ .awsui_dismiss-button_mx3cw_8hu54_478:not(#\9) {
401
479
  /* used in test-utils */
402
480
  }
403
481
 
404
- .awsui_type-error_mx3cw_zylgz_404:not(#\9) {
405
- border-color: var(--color-border-status-error-vxvfad, #db0000);
406
- background-color: var(--color-background-alert-error-v2rgf2, #fff5f5);
482
+ .awsui_type-error_mx3cw_8hu54_482:not(#\9) {
483
+ border-color: var(--awsui-internal-style-border-color, var(--color-border-status-error-vxvfad, #db0000));
484
+ background-color: var(--awsui-internal-style-background-color, var(--color-background-alert-error-v2rgf2, #fff5f5));
407
485
  }
408
- .awsui_type-error_mx3cw_zylgz_404 > .awsui_alert-wrapper_mx3cw_zylgz_298 > .awsui_alert-focus-wrapper_mx3cw_zylgz_329 > .awsui_icon_mx3cw_zylgz_367:not(#\9) {
409
- color: var(--awsui-alert-icon-color-esndbs, var(--color-text-alert-icon-error-tlrirw, #db0000));
486
+ .awsui_type-error_mx3cw_8hu54_482 > .awsui_alert-wrapper_mx3cw_8hu54_370 > .awsui_alert-focus-wrapper_mx3cw_8hu54_401 > .awsui_icon_mx3cw_8hu54_433:not(#\9) {
487
+ color: var(--awsui-internal-style-color, var(--awsui-alert-icon-color-esndbs, var(--color-text-alert-icon-error-tlrirw, #db0000)));
410
488
  }
411
489
 
412
- .awsui_type-warning_mx3cw_zylgz_412:not(#\9) {
413
- border-color: var(--color-border-status-warning-s79l22, #855900);
414
- background-color: var(--color-background-alert-warning-xizfdk, #fffef0);
490
+ .awsui_type-warning_mx3cw_8hu54_490:not(#\9) {
491
+ border-color: var(--awsui-internal-style-border-color, var(--color-border-status-warning-s79l22, #855900));
492
+ background-color: var(--awsui-internal-style-background-color, var(--color-background-alert-warning-xizfdk, #fffef0));
415
493
  }
416
- .awsui_type-warning_mx3cw_zylgz_412 > .awsui_alert-wrapper_mx3cw_zylgz_298 > .awsui_alert-focus-wrapper_mx3cw_zylgz_329 > .awsui_icon_mx3cw_zylgz_367:not(#\9) {
417
- color: var(--awsui-alert-icon-color-esndbs, var(--color-text-alert-icon-warning-jj09xr, #855900));
494
+ .awsui_type-warning_mx3cw_8hu54_490 > .awsui_alert-wrapper_mx3cw_8hu54_370 > .awsui_alert-focus-wrapper_mx3cw_8hu54_401 > .awsui_icon_mx3cw_8hu54_433:not(#\9) {
495
+ color: var(--awsui-internal-style-color, var(--awsui-alert-icon-color-esndbs, var(--color-text-alert-icon-warning-jj09xr, #855900)));
418
496
  }
419
497
 
420
- .awsui_type-success_mx3cw_zylgz_420:not(#\9) {
421
- border-color: var(--color-border-status-success-uk2p7m, #00802f);
422
- background-color: var(--color-background-alert-success-xqn40g, #effff1);
498
+ .awsui_type-success_mx3cw_8hu54_498:not(#\9) {
499
+ border-color: var(--awsui-internal-style-border-color, var(--color-border-status-success-uk2p7m, #00802f));
500
+ background-color: var(--awsui-internal-style-background-color, var(--color-background-alert-success-xqn40g, #effff1));
423
501
  }
424
- .awsui_type-success_mx3cw_zylgz_420 > .awsui_alert-wrapper_mx3cw_zylgz_298 > .awsui_alert-focus-wrapper_mx3cw_zylgz_329 > .awsui_icon_mx3cw_zylgz_367:not(#\9) {
425
- color: var(--awsui-alert-icon-color-esndbs, var(--color-text-alert-icon-success-6ptnga, #00802f));
502
+ .awsui_type-success_mx3cw_8hu54_498 > .awsui_alert-wrapper_mx3cw_8hu54_370 > .awsui_alert-focus-wrapper_mx3cw_8hu54_401 > .awsui_icon_mx3cw_8hu54_433:not(#\9) {
503
+ color: var(--awsui-internal-style-color, var(--awsui-alert-icon-color-esndbs, var(--color-text-alert-icon-success-6ptnga, #00802f)));
426
504
  }
427
505
 
428
- .awsui_type-info_mx3cw_zylgz_428:not(#\9) {
429
- border-color: var(--color-border-status-info-2zt73n, #006ce0);
430
- background-color: var(--color-background-alert-info-8je547, #f0fbff);
506
+ .awsui_type-info_mx3cw_8hu54_506:not(#\9) {
507
+ border-color: var(--awsui-internal-style-border-color, var(--color-border-status-info-2zt73n, #006ce0));
508
+ background-color: var(--awsui-internal-style-background-color, var(--color-background-alert-info-8je547, #f0fbff));
431
509
  }
432
- .awsui_type-info_mx3cw_zylgz_428 > .awsui_alert-wrapper_mx3cw_zylgz_298 > .awsui_alert-focus-wrapper_mx3cw_zylgz_329 > .awsui_icon_mx3cw_zylgz_367:not(#\9) {
433
- color: var(--awsui-alert-icon-color-esndbs, var(--color-text-alert-icon-info-rwhxzh, #006ce0));
510
+ .awsui_type-info_mx3cw_8hu54_506 > .awsui_alert-wrapper_mx3cw_8hu54_370 > .awsui_alert-focus-wrapper_mx3cw_8hu54_401 > .awsui_icon_mx3cw_8hu54_433:not(#\9) {
511
+ color: var(--awsui-internal-style-color, var(--awsui-alert-icon-color-esndbs, var(--color-text-alert-icon-info-rwhxzh, #006ce0)));
434
512
  }
package/alert/styles.selectors.js CHANGED
@@ -2,32 +2,32 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "alert": "awsui_alert_mx3cw_zylgz_189",
6
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_zylgz_1",
7
- "root": "awsui_root_mx3cw_zylgz_211",
8
- "hidden": "awsui_hidden_mx3cw_zylgz_246",
9
- "alert-wrapper": "awsui_alert-wrapper_mx3cw_zylgz_298",
10
- "initial-hidden": "awsui_initial-hidden_mx3cw_zylgz_310",
11
- "header": "awsui_header_mx3cw_zylgz_315",
12
- "header-replacement": "awsui_header-replacement_mx3cw_zylgz_316",
13
- "action": "awsui_action_mx3cw_zylgz_320",
14
- "action-slot": "awsui_action-slot_mx3cw_zylgz_324",
15
- "action-button": "awsui_action-button_mx3cw_zylgz_325",
16
- "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_zylgz_329",
17
- "text": "awsui_text_mx3cw_zylgz_360",
18
- "icon": "awsui_icon_mx3cw_zylgz_367",
19
- "message": "awsui_message_mx3cw_zylgz_370",
20
- "action-wrapped": "awsui_action-wrapped_mx3cw_zylgz_374",
21
- "icon-size-medium": "awsui_icon-size-medium_mx3cw_zylgz_378",
22
- "icon-size-big": "awsui_icon-size-big_mx3cw_zylgz_382",
23
- "icon-size-normal": "awsui_icon-size-normal_mx3cw_zylgz_386",
24
- "content": "awsui_content_mx3cw_zylgz_390",
25
- "content-replacement": "awsui_content-replacement_mx3cw_zylgz_391",
26
- "dismiss": "awsui_dismiss_mx3cw_zylgz_395",
27
- "dismiss-button": "awsui_dismiss-button_mx3cw_zylgz_400",
28
- "type-error": "awsui_type-error_mx3cw_zylgz_404",
29
- "type-warning": "awsui_type-warning_mx3cw_zylgz_412",
30
- "type-success": "awsui_type-success_mx3cw_zylgz_420",
31
- "type-info": "awsui_type-info_mx3cw_zylgz_428"
5
+ "alert": "awsui_alert_mx3cw_8hu54_201",
6
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_8hu54_1",
7
+ "root": "awsui_root_mx3cw_8hu54_272",
8
+ "hidden": "awsui_hidden_mx3cw_8hu54_307",
9
+ "alert-wrapper": "awsui_alert-wrapper_mx3cw_8hu54_370",
10
+ "initial-hidden": "awsui_initial-hidden_mx3cw_8hu54_382",
11
+ "header": "awsui_header_mx3cw_8hu54_387",
12
+ "header-replacement": "awsui_header-replacement_mx3cw_8hu54_388",
13
+ "action": "awsui_action_mx3cw_8hu54_392",
14
+ "action-slot": "awsui_action-slot_mx3cw_8hu54_396",
15
+ "action-button": "awsui_action-button_mx3cw_8hu54_397",
16
+ "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_8hu54_401",
17
+ "icon": "awsui_icon_mx3cw_8hu54_433",
18
+ "text": "awsui_text_mx3cw_8hu54_437",
19
+ "message": "awsui_message_mx3cw_8hu54_447",
20
+ "action-wrapped": "awsui_action-wrapped_mx3cw_8hu54_451",
21
+ "icon-size-medium": "awsui_icon-size-medium_mx3cw_8hu54_455",
22
+ "icon-size-big": "awsui_icon-size-big_mx3cw_8hu54_459",
23
+ "icon-size-normal": "awsui_icon-size-normal_mx3cw_8hu54_463",
24
+ "content": "awsui_content_mx3cw_8hu54_467",
25
+ "content-replacement": "awsui_content-replacement_mx3cw_8hu54_468",
26
+ "dismiss": "awsui_dismiss_mx3cw_8hu54_472",
27
+ "dismiss-button": "awsui_dismiss-button_mx3cw_8hu54_478",
28
+ "type-error": "awsui_type-error_mx3cw_8hu54_482",
29
+ "type-warning": "awsui_type-warning_mx3cw_8hu54_490",
30
+ "type-success": "awsui_type-success_mx3cw_8hu54_498",
31
+ "type-info": "awsui_type-info_mx3cw_8hu54_506"
32
32
  };
33
33
 
package/badge/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/badge/index.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK1C,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,KAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,eAmBvG"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/badge/index.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK1C,OAAO,EAAE,UAAU,EAAE,CAAC;AAOtB,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,KAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,eAoBvG"}