@cloudscape-design/components 3.0.353 → 3.0.355

package/alert/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["alert/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAYtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAelF,QAAA,MAAM,aAAa;;qEA4FlB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["alert/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAYtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAgBlF,QAAA,MAAM,aAAa;;qEA8FlB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/alert/internal.js

@@ -15,6 +15,7 @@ import useForwardFocus from '../internal/hooks/forward-focus';
 import { useMergeRefs } from '../internal/hooks/use-merge-refs';
 import { useInternalI18n } from '../i18n/context';
 import { DATA_ATTR_ANALYTICS_ALERT } from '../internal/analytics/selectors';
+import { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';
 const typeToIcon = {
     error: 'status-negative',
     warning: 'status-warning',
@@ -37,19 +38,20 @@ const InternalAlert = React.forwardRef((_a, ref) => {
         [DATA_ATTR_ANALYTICS_ALERT]: type,
     };
     return (React.createElement("div", Object.assign({}, baseProps, analyticsAttributes, { "aria-hidden": !visible, className: clsx(styles.root, { [styles.hidden]: !visible }, baseProps.className, styles[`breakpoint-${breakpoint}`]), ref: mergedRef }),
-        React.createElement(VisualContext, { contextName: "alert" },
-            React.createElement("div", { className: clsx(styles.alert, styles[`type-${type}`], styles[`icon-size-${size}`]) },
-                React.createElement("div", { className: styles['alert-mobile-block'] },
-                    React.createElement("div", { className: styles['alert-focus-wrapper'], tabIndex: -1, ref: focusRef },
-                        React.createElement("div", { className: clsx(styles.icon, styles.text), role: "img", "aria-label": statusIconAriaLabel },
-                            React.createElement(InternalIcon, { name: typeToIcon[type], size: size })),
-                        React.createElement("div", { className: styles.body },
-                            React.createElement("div", { className: clsx(styles.message, styles.text) },
-                                header && React.createElement("div", { className: styles.header }, header),
-                                React.createElement("div", { className: styles.content }, children)))),
-                    hasAction && React.createElement("div", { className: styles.action }, actionButton)),
-                dismissible && (React.createElement("div", { className: styles.dismiss },
-                    React.createElement(InternalButton, { className: styles['dismiss-button'], variant: "icon", iconName: "close", formAction: "none", ariaLabel: i18n('dismissAriaLabel', dismissAriaLabel), onClick: () => fireNonCancelableEvent(onDismiss) })))))));
+        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}`]) },
+                    React.createElement("div", { className: styles['alert-mobile-block'] },
+                        React.createElement("div", { className: styles['alert-focus-wrapper'], tabIndex: -1, ref: focusRef },
+                            React.createElement("div", { className: clsx(styles.icon, styles.text), role: "img", "aria-label": statusIconAriaLabel },
+                                React.createElement(InternalIcon, { name: typeToIcon[type], size: size })),
+                            React.createElement("div", { className: styles.body },
+                                React.createElement("div", { className: clsx(styles.message, styles.text) },
+                                    header && React.createElement("div", { className: styles.header }, header),
+                                    React.createElement("div", { className: styles.content }, children)))),
+                        hasAction && React.createElement("div", { className: styles.action }, actionButton)),
+                    dismissible && (React.createElement("div", { className: styles.dismiss },
+                        React.createElement(InternalButton, { className: styles['dismiss-button'], variant: "icon", iconName: "close", formAction: "none", ariaLabel: i18n('dismissAriaLabel', dismissAriaLabel), onClick: () => fireNonCancelableEvent(onDismiss) }))))))));
 });
 export default InternalAlert;
 //# sourceMappingURL=internal.js.map

package/alert/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["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, { useRef } from 'react';\nimport clsx from 'clsx';\nimport { InternalButton } from '../button/internal';\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport VisualContext from '../internal/components/visual-context';\nimport styles from './styles.css.js';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { AlertProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { SomeRequired } from '../internal/types';\nimport { useInternalI18n } from '../i18n/context';\nimport { DATA_ATTR_ANALYTICS_ALERT } from '../internal/analytics/selectors';\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'> & InternalBaseComponentProps;\n\nconst InternalAlert = React.forwardRef(\n  (\n    {\n      type,\n      statusIconAriaLabel,\n      visible = true,\n      dismissible,\n      dismissAriaLabel,\n      children,\n      header,\n      buttonText,\n      action,\n      onDismiss,\n      onButtonClick,\n      __internalRootRef = null,\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    useForwardFocus(ref, focusRef);\n\n    const [breakpoint, breakpointRef] = useContainerBreakpoints(['xs']);\n    const mergedRef = useMergeRefs(breakpointRef, __internalRootRef);\n\n    const isRefresh = useVisualRefresh();\n    const size = isRefresh ? 'normal' : header && children ? 'big' : 'normal';\n\n    const actionButton = action || (\n      <InternalButton\n        className={styles['action-button']}\n        onClick={() => fireNonCancelableEvent(onButtonClick)}\n        formAction=\"none\"\n      >\n        {buttonText}\n      </InternalButton>\n    );\n\n    const hasAction = Boolean(action || buttonText);\n    const analyticsAttributes = {\n      [DATA_ATTR_ANALYTICS_ALERT]: type,\n    };\n\n    return (\n      <div\n        {...baseProps}\n        {...analyticsAttributes}\n        aria-hidden={!visible}\n        className={clsx(\n          styles.root,\n          { [styles.hidden]: !visible },\n          baseProps.className,\n          styles[`breakpoint-${breakpoint}`]\n        )}\n        ref={mergedRef}\n      >\n        <VisualContext contextName=\"alert\">\n          <div className={clsx(styles.alert, styles[`type-${type}`], styles[`icon-size-${size}`])}>\n            <div className={styles['alert-mobile-block']}>\n              <div className={styles['alert-focus-wrapper']} tabIndex={-1} ref={focusRef}>\n                <div className={clsx(styles.icon, styles.text)} role=\"img\" aria-label={statusIconAriaLabel}>\n                  <InternalIcon name={typeToIcon[type]} size={size} />\n                </div>\n                <div className={styles.body}>\n                  <div className={clsx(styles.message, styles.text)}>\n                    {header && <div className={styles.header}>{header}</div>}\n                    <div className={styles.content}>{children}</div>\n                  </div>\n                </div>\n              </div>\n              {hasAction && <div className={styles.action}>{actionButton}</div>}\n            </div>\n            {dismissible && (\n              <div className={styles.dismiss}>\n                <InternalButton\n                  className={styles['dismiss-button']}\n                  variant=\"icon\"\n                  iconName=\"close\"\n                  formAction=\"none\"\n                  ariaLabel={i18n('dismissAriaLabel', dismissAriaLabel)}\n                  onClick={() => fireNonCancelableEvent(onDismiss)}\n                />\n              </div>\n            )}\n          </div>\n        </VisualContext>\n      </div>\n    );\n  }\n);\n\nexport default InternalAlert;\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["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, { useRef } from 'react';\nimport clsx from 'clsx';\nimport { InternalButton } from '../button/internal';\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport VisualContext from '../internal/components/visual-context';\nimport styles from './styles.css.js';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { AlertProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { SomeRequired } from '../internal/types';\nimport { useInternalI18n } from '../i18n/context';\nimport { DATA_ATTR_ANALYTICS_ALERT } from '../internal/analytics/selectors';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\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'> & InternalBaseComponentProps;\n\nconst InternalAlert = React.forwardRef(\n  (\n    {\n      type,\n      statusIconAriaLabel,\n      visible = true,\n      dismissible,\n      dismissAriaLabel,\n      children,\n      header,\n      buttonText,\n      action,\n      onDismiss,\n      onButtonClick,\n      __internalRootRef = null,\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    useForwardFocus(ref, focusRef);\n\n    const [breakpoint, breakpointRef] = useContainerBreakpoints(['xs']);\n    const mergedRef = useMergeRefs(breakpointRef, __internalRootRef);\n\n    const isRefresh = useVisualRefresh();\n    const size = isRefresh ? 'normal' : header && children ? 'big' : 'normal';\n\n    const actionButton = action || (\n      <InternalButton\n        className={styles['action-button']}\n        onClick={() => fireNonCancelableEvent(onButtonClick)}\n        formAction=\"none\"\n      >\n        {buttonText}\n      </InternalButton>\n    );\n\n    const hasAction = Boolean(action || buttonText);\n    const analyticsAttributes = {\n      [DATA_ATTR_ANALYTICS_ALERT]: type,\n    };\n\n    return (\n      <div\n        {...baseProps}\n        {...analyticsAttributes}\n        aria-hidden={!visible}\n        className={clsx(\n          styles.root,\n          { [styles.hidden]: !visible },\n          baseProps.className,\n          styles[`breakpoint-${breakpoint}`]\n        )}\n        ref={mergedRef}\n      >\n        <LinkDefaultVariantContext.Provider value={{ defaultVariant: 'primary' }}>\n          <VisualContext contextName=\"alert\">\n            <div className={clsx(styles.alert, styles[`type-${type}`], styles[`icon-size-${size}`])}>\n              <div className={styles['alert-mobile-block']}>\n                <div className={styles['alert-focus-wrapper']} tabIndex={-1} ref={focusRef}>\n                  <div className={clsx(styles.icon, styles.text)} role=\"img\" aria-label={statusIconAriaLabel}>\n                    <InternalIcon name={typeToIcon[type]} size={size} />\n                  </div>\n                  <div className={styles.body}>\n                    <div className={clsx(styles.message, styles.text)}>\n                      {header && <div className={styles.header}>{header}</div>}\n                      <div className={styles.content}>{children}</div>\n                    </div>\n                  </div>\n                </div>\n                {hasAction && <div className={styles.action}>{actionButton}</div>}\n              </div>\n              {dismissible && (\n                <div className={styles.dismiss}>\n                  <InternalButton\n                    className={styles['dismiss-button']}\n                    variant=\"icon\"\n                    iconName=\"close\"\n                    formAction=\"none\"\n                    ariaLabel={i18n('dismissAriaLabel', dismissAriaLabel)}\n                    onClick={() => fireNonCancelableEvent(onDismiss)}\n                  />\n                </div>\n              )}\n            </div>\n          </VisualContext>\n        </LinkDefaultVariantContext.Provider>\n      </div>\n    );\n  }\n);\n\nexport default InternalAlert;\n"]}

package/attribute-editor/styles.css.js

@@ -1,19 +1,19 @@
 
     import './styles.scoped.css';
     export default {
-  "empty-appear": "awsui_empty-appear_n4qlp_n0v06_93",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_n0v06_1",
-  "root": "awsui_root_n4qlp_n0v06_119",
-  "empty": "awsui_empty_n4qlp_n0v06_93",
-  "row": "awsui_row_n4qlp_n0v06_139",
-  "row-control": "awsui_row-control_n4qlp_n0v06_143",
-  "field": "awsui_field_n4qlp_n0v06_147",
-  "add-button": "awsui_add-button_n4qlp_n0v06_151",
-  "remove-button": "awsui_remove-button_n4qlp_n0v06_155",
-  "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_n0v06_159",
-  "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_n0v06_163",
-  "divider": "awsui_divider_n4qlp_n0v06_167",
-  "additional-info": "awsui_additional-info_n4qlp_n0v06_171",
-  "right-align": "awsui_right-align_n4qlp_n0v06_217"
+  "empty-appear": "awsui_empty-appear_n4qlp_llqch_93",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_llqch_1",
+  "root": "awsui_root_n4qlp_llqch_119",
+  "empty": "awsui_empty_n4qlp_llqch_93",
+  "row": "awsui_row_n4qlp_llqch_139",
+  "row-control": "awsui_row-control_n4qlp_llqch_143",
+  "field": "awsui_field_n4qlp_llqch_147",
+  "add-button": "awsui_add-button_n4qlp_llqch_151",
+  "remove-button": "awsui_remove-button_n4qlp_llqch_155",
+  "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_llqch_159",
+  "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_llqch_163",
+  "divider": "awsui_divider_n4qlp_llqch_167",
+  "additional-info": "awsui_additional-info_n4qlp_llqch_171",
+  "right-align": "awsui_right-align_n4qlp_llqch_217"
 };
   

package/attribute-editor/styles.scoped.css

@@ -90,10 +90,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_empty-appear_n4qlp_n0v06_93:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_n4qlp_n0v06_1 var(--motion-duration-transition-show-paced-9s9l5z, 180ms) var(--motion-easing-transition-show-paced-eobwvi, ease-out);
+.awsui_empty-appear_n4qlp_llqch_93:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_n4qlp_llqch_1 var(--motion-duration-transition-show-paced-9s9l5z, 180ms) var(--motion-easing-transition-show-paced-eobwvi, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_n4qlp_n0v06_1 {
+@keyframes awsui_awsui-motion-fade-in_n4qlp_llqch_1 {
   from {
     opacity: 0.2;
   }
@@ -102,12 +102,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_empty-appear_n4qlp_n0v06_93:not(#\9) {
+  .awsui_empty-appear_n4qlp_llqch_93:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_empty-appear_n4qlp_n0v06_93:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_n0v06_93:not(#\9) {
+.awsui-motion-disabled .awsui_empty-appear_n4qlp_llqch_93:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_llqch_93:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -116,7 +116,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_n4qlp_n0v06_119:not(#\9) {
+.awsui_root_n4qlp_llqch_119:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -156,45 +156,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: block;
 }
 
-.awsui_empty_n4qlp_n0v06_93:not(#\9) {
+.awsui_empty_n4qlp_llqch_93:not(#\9) {
   font-size: var(--font-body-m-size-dhtyxm, 14px);
   line-height: var(--font-body-m-line-height-5wv9x1, 20px);
   color: var(--color-text-empty-2wfcyr, #5f6b7a);
 }
 
-.awsui_row_n4qlp_n0v06_139:not(#\9) {
+.awsui_row_n4qlp_llqch_139:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_row-control_n4qlp_n0v06_143:not(#\9) {
+.awsui_row-control_n4qlp_llqch_143:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_field_n4qlp_n0v06_147:not(#\9) {
+.awsui_field_n4qlp_llqch_147:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_add-button_n4qlp_n0v06_151:not(#\9) {
+.awsui_add-button_n4qlp_llqch_151:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_remove-button_n4qlp_n0v06_155:not(#\9) {
+.awsui_remove-button_n4qlp_llqch_155:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_button-container-haslabel_n4qlp_n0v06_159:not(#\9) {
+.awsui_button-container-haslabel_n4qlp_llqch_159:not(#\9) {
   padding-top: calc(var(--space-xxs-p8yyaw, 4px) + var(--font-body-m-line-height-5wv9x1, 20px));
 }
 
-.awsui_button-container-nolabel_n4qlp_n0v06_163:not(#\9) {
+.awsui_button-container-nolabel_n4qlp_llqch_163:not(#\9) {
   padding-top: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_divider_n4qlp_n0v06_167:not(#\9) {
+.awsui_divider_n4qlp_llqch_167:not(#\9) {
   border-bottom: var(--border-divider-section-width-4ax5o2, 2px) solid var(--color-border-divider-default-d3adp9, #e9ebed);
 }
 
-.awsui_additional-info_n4qlp_n0v06_171:not(#\9) {
+.awsui_additional-info_n4qlp_llqch_171:not(#\9) {
   color: var(--color-text-form-secondary-dxc248, #5f6b7a);
   font-size: var(--font-body-s-size-8339kg, 12px);
   line-height: var(--font-body-s-line-height-uztvf6, 16px);
@@ -204,45 +204,44 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-top: var(--space-xxs-p8yyaw, 4px);
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_additional-info_n4qlp_n0v06_171 > a:not(#\9) {
+.awsui_additional-info_n4qlp_llqch_171 > a:not(#\9) {
   color: var(--color-text-link-default-latg1a, #0972d3);
-  font-weight: var(--font-link-primary-weight-k726vk, "inherit");
-  letter-spacing: var(--font-link-primary-letter-spacing-uqaf5f, "inherit");
-  -webkit-text-decoration: var(--font-link-primary-decoration-cp88s8, underline);
-          text-decoration: var(--font-link-primary-decoration-cp88s8, underline);
+  font-weight: inherit;
+  letter-spacing: normal;
+  text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
-  text-decoration-color: var(--color-text-link-primary-underline-gvxbge, #0972d3);
+  text-decoration-color: currentColor;
   transition-property: color, -webkit-text-decoration;
   transition-property: color, text-decoration;
   transition-property: color, text-decoration, -webkit-text-decoration;
   transition-duration: var(--motion-duration-refresh-only-medium-nf6485, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_additional-info_n4qlp_n0v06_171 > a:not(#\9) {
+  .awsui_additional-info_n4qlp_llqch_171 > a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_additional-info_n4qlp_n0v06_171 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_n0v06_171 > a:not(#\9) {
+.awsui-motion-disabled .awsui_additional-info_n4qlp_llqch_171 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_llqch_171 > a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_additional-info_n4qlp_n0v06_171 > a:not(#\9):hover {
+.awsui_additional-info_n4qlp_llqch_171 > a:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_additional-info_n4qlp_n0v06_171 > a:not(#\9):focus {
+.awsui_additional-info_n4qlp_llqch_171 > a:not(#\9):focus {
   outline: none;
 }
-.awsui_additional-info_n4qlp_n0v06_171 > a:not(#\9):active {
+.awsui_additional-info_n4qlp_llqch_171 > a:not(#\9):active {
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_additional-info_n4qlp_n0v06_171 > a:not(#\9):active, .awsui_additional-info_n4qlp_n0v06_171 > a:not(#\9):focus, .awsui_additional-info_n4qlp_n0v06_171 > a:not(#\9):hover {
+.awsui_additional-info_n4qlp_llqch_171 > a:not(#\9):active, .awsui_additional-info_n4qlp_llqch_171 > a:not(#\9):focus, .awsui_additional-info_n4qlp_llqch_171 > a:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
 
-.awsui_right-align_n4qlp_n0v06_217:not(#\9) {
+.awsui_right-align_n4qlp_llqch_217:not(#\9) {
   float: right;
 }

package/attribute-editor/styles.selectors.js

@@ -2,19 +2,19 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "empty-appear": "awsui_empty-appear_n4qlp_n0v06_93",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_n0v06_1",
-  "root": "awsui_root_n4qlp_n0v06_119",
-  "empty": "awsui_empty_n4qlp_n0v06_93",
-  "row": "awsui_row_n4qlp_n0v06_139",
-  "row-control": "awsui_row-control_n4qlp_n0v06_143",
-  "field": "awsui_field_n4qlp_n0v06_147",
-  "add-button": "awsui_add-button_n4qlp_n0v06_151",
-  "remove-button": "awsui_remove-button_n4qlp_n0v06_155",
-  "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_n0v06_159",
-  "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_n0v06_163",
-  "divider": "awsui_divider_n4qlp_n0v06_167",
-  "additional-info": "awsui_additional-info_n4qlp_n0v06_171",
-  "right-align": "awsui_right-align_n4qlp_n0v06_217"
+  "empty-appear": "awsui_empty-appear_n4qlp_llqch_93",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_llqch_1",
+  "root": "awsui_root_n4qlp_llqch_119",
+  "empty": "awsui_empty_n4qlp_llqch_93",
+  "row": "awsui_row_n4qlp_llqch_139",
+  "row-control": "awsui_row-control_n4qlp_llqch_143",
+  "field": "awsui_field_n4qlp_llqch_147",
+  "add-button": "awsui_add-button_n4qlp_llqch_151",
+  "remove-button": "awsui_remove-button_n4qlp_llqch_155",
+  "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_llqch_159",
+  "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_llqch_163",
+  "divider": "awsui_divider_n4qlp_llqch_167",
+  "additional-info": "awsui_additional-info_n4qlp_llqch_171",
+  "right-align": "awsui_right-align_n4qlp_llqch_217"
 };
   

package/breadcrumb-group/item/styles.css.js

@@ -1,14 +1,14 @@
 
     import './styles.scoped.css';
     export default {
-  "link": "awsui_link_1kosq_13pom_93",
-  "breadcrumb": "awsui_breadcrumb_1kosq_13pom_97",
-  "icon": "awsui_icon_1kosq_13pom_100",
-  "anchor": "awsui_anchor_1kosq_13pom_104",
-  "last": "awsui_last_1kosq_13pom_147",
-  "compressed": "awsui_compressed_1kosq_13pom_157",
-  "text": "awsui_text_1kosq_13pom_161",
-  "virtual-item": "awsui_virtual-item_1kosq_13pom_168",
-  "item-popover": "awsui_item-popover_1kosq_13pom_175"
+  "link": "awsui_link_1kosq_1t5mc_93",
+  "breadcrumb": "awsui_breadcrumb_1kosq_1t5mc_97",
+  "icon": "awsui_icon_1kosq_1t5mc_100",
+  "anchor": "awsui_anchor_1kosq_1t5mc_104",
+  "last": "awsui_last_1kosq_1t5mc_147",
+  "compressed": "awsui_compressed_1kosq_1t5mc_157",
+  "text": "awsui_text_1kosq_1t5mc_161",
+  "virtual-item": "awsui_virtual-item_1kosq_1t5mc_168",
+  "item-popover": "awsui_item-popover_1kosq_1t5mc_175"
 };
   

package/breadcrumb-group/item/styles.scoped.css

@@ -90,55 +90,55 @@ 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_link_1kosq_13pom_93:not(#\9):after {
+.awsui_link_1kosq_1t5mc_93:not(#\9):after {
   display: none;
 }
 
-.awsui_breadcrumb_1kosq_13pom_97:not(#\9) {
+.awsui_breadcrumb_1kosq_1t5mc_97:not(#\9) {
   display: flex;
 }
-.awsui_breadcrumb_1kosq_13pom_97 > .awsui_icon_1kosq_13pom_100:not(#\9) {
+.awsui_breadcrumb_1kosq_1t5mc_97 > .awsui_icon_1kosq_1t5mc_100:not(#\9) {
   margin: 0 var(--space-xs-zb16t3, 8px);
   color: var(--color-text-breadcrumb-icon-ma8w3r, #7d8998);
 }
-.awsui_breadcrumb_1kosq_13pom_97 > .awsui_anchor_1kosq_13pom_104:not(#\9) {
+.awsui_breadcrumb_1kosq_1t5mc_97 > .awsui_anchor_1kosq_1t5mc_104:not(#\9) {
   color: var(--color-text-link-default-latg1a, #0972d3);
   font-weight: inherit;
   letter-spacing: normal;
-  text-decoration: none;
+  text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
-  text-decoration-color: transparent;
+  text-decoration-color: currentColor;
   transition-property: color, -webkit-text-decoration;
   transition-property: color, text-decoration;
   transition-property: color, text-decoration, -webkit-text-decoration;
   transition-duration: var(--motion-duration-refresh-only-medium-nf6485, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_breadcrumb_1kosq_13pom_97 > .awsui_anchor_1kosq_13pom_104:not(#\9) {
+  .awsui_breadcrumb_1kosq_1t5mc_97 > .awsui_anchor_1kosq_1t5mc_104:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_breadcrumb_1kosq_13pom_97 > .awsui_anchor_1kosq_13pom_104:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_13pom_97 > .awsui_anchor_1kosq_13pom_104:not(#\9) {
+.awsui-motion-disabled .awsui_breadcrumb_1kosq_1t5mc_97 > .awsui_anchor_1kosq_1t5mc_104:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_1t5mc_97 > .awsui_anchor_1kosq_1t5mc_104:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_breadcrumb_1kosq_13pom_97 > .awsui_anchor_1kosq_13pom_104:not(#\9):hover {
+.awsui_breadcrumb_1kosq_1t5mc_97 > .awsui_anchor_1kosq_1t5mc_104:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_breadcrumb_1kosq_13pom_97 > .awsui_anchor_1kosq_13pom_104:not(#\9):focus {
+.awsui_breadcrumb_1kosq_1t5mc_97 > .awsui_anchor_1kosq_1t5mc_104:not(#\9):focus {
   outline: none;
 }
-.awsui_breadcrumb_1kosq_13pom_97 > .awsui_anchor_1kosq_13pom_104:not(#\9):active {
+.awsui_breadcrumb_1kosq_1t5mc_97 > .awsui_anchor_1kosq_1t5mc_104:not(#\9):active {
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_breadcrumb_1kosq_13pom_97 > .awsui_anchor_1kosq_13pom_104:not(#\9):active, .awsui_breadcrumb_1kosq_13pom_97 > .awsui_anchor_1kosq_13pom_104:not(#\9):focus, .awsui_breadcrumb_1kosq_13pom_97 > .awsui_anchor_1kosq_13pom_104:not(#\9):hover {
+.awsui_breadcrumb_1kosq_1t5mc_97 > .awsui_anchor_1kosq_1t5mc_104:not(#\9):active, .awsui_breadcrumb_1kosq_1t5mc_97 > .awsui_anchor_1kosq_1t5mc_104:not(#\9):focus, .awsui_breadcrumb_1kosq_1t5mc_97 > .awsui_anchor_1kosq_1t5mc_104:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_13pom_97 > .awsui_anchor_1kosq_13pom_104:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_1t5mc_97 > .awsui_anchor_1kosq_1t5mc_104:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-kkfop6, 0);
   outline-offset: 2px;
@@ -146,34 +146,34 @@ body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_13pom_97 > .awsui_an
   border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_breadcrumb_1kosq_13pom_97.awsui_last_1kosq_13pom_147 > .awsui_icon_1kosq_13pom_100:not(#\9) {
+.awsui_breadcrumb_1kosq_1t5mc_97.awsui_last_1kosq_1t5mc_147 > .awsui_icon_1kosq_1t5mc_100:not(#\9) {
   display: none;
 }
-.awsui_breadcrumb_1kosq_13pom_97.awsui_last_1kosq_13pom_147 > .awsui_anchor_1kosq_13pom_104:not(#\9) {
+.awsui_breadcrumb_1kosq_1t5mc_97.awsui_last_1kosq_1t5mc_147 > .awsui_anchor_1kosq_1t5mc_104:not(#\9) {
   color: var(--color-text-breadcrumb-current-bnqeha, #5f6b7a);
   font-weight: 700;
   text-decoration: none;
   cursor: default;
 }
 
-.awsui_compressed_1kosq_13pom_157:not(#\9) {
+.awsui_compressed_1kosq_1t5mc_157:not(#\9) {
   min-width: 0;
   overflow: hidden;
 }
-.awsui_compressed_1kosq_13pom_157 > .awsui_text_1kosq_13pom_161:not(#\9) {
+.awsui_compressed_1kosq_1t5mc_157 > .awsui_text_1kosq_1t5mc_161:not(#\9) {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: block;
 }
 
-.awsui_virtual-item_1kosq_13pom_168:not(#\9) {
+.awsui_virtual-item_1kosq_1t5mc_168:not(#\9) {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
   visibility: hidden;
 }
 
-.awsui_item-popover_1kosq_13pom_175:not(#\9) {
+.awsui_item-popover_1kosq_1t5mc_175:not(#\9) {
   /* used in tests */
 }

package/breadcrumb-group/item/styles.selectors.js

@@ -2,14 +2,14 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "link": "awsui_link_1kosq_13pom_93",
-  "breadcrumb": "awsui_breadcrumb_1kosq_13pom_97",
-  "icon": "awsui_icon_1kosq_13pom_100",
-  "anchor": "awsui_anchor_1kosq_13pom_104",
-  "last": "awsui_last_1kosq_13pom_147",
-  "compressed": "awsui_compressed_1kosq_13pom_157",
-  "text": "awsui_text_1kosq_13pom_161",
-  "virtual-item": "awsui_virtual-item_1kosq_13pom_168",
-  "item-popover": "awsui_item-popover_1kosq_13pom_175"
+  "link": "awsui_link_1kosq_1t5mc_93",
+  "breadcrumb": "awsui_breadcrumb_1kosq_1t5mc_97",
+  "icon": "awsui_icon_1kosq_1t5mc_100",
+  "anchor": "awsui_anchor_1kosq_1t5mc_104",
+  "last": "awsui_last_1kosq_1t5mc_147",
+  "compressed": "awsui_compressed_1kosq_1t5mc_157",
+  "text": "awsui_text_1kosq_1t5mc_161",
+  "virtual-item": "awsui_virtual-item_1kosq_1t5mc_168",
+  "item-popover": "awsui_item-popover_1kosq_1t5mc_175"
 };
   

package/cards/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["cards/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAwB/D,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,QAAA,MAAM,KAAK,qBAyJc,CAAC;AAE1B,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["cards/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAyB/D,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,QAAA,MAAM,KAAK,qBA6Jc,CAAC;AAE1B,eAAe,KAAK,CAAC"}

package/cards/index.js

@@ -25,6 +25,7 @@ import { supportsStickyPosition } from '../internal/utils/dom';
 import { useInternalI18n } from '../i18n/context';
 import { useContainerQuery } from '@cloudscape-design/component-toolkit';
 import { AnalyticsFunnelSubStep } from '../internal/analytics/components/analytics-funnel';
+import { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';
 const Cards = React.forwardRef(function (_a, ref) {
     var { items = [], cardDefinition, cardsPerRow = [], header, filter, pagination, preferences, empty, loading, loadingText, trackBy, selectedItems, selectionType, isItemDisabled, onSelectionChange, ariaLabels, visibleSections, stickyHeader, stickyHeaderVerticalOffset, variant = 'container', renderAriaLive, firstIndex, totalItemsCount } = _a, rest = __rest(_a, ["items", "cardDefinition", "cardsPerRow", "header", "filter", "pagination", "preferences", "empty", "loading", "loadingText", "trackBy", "selectedItems", "selectionType", "isItemDisabled", "onSelectionChange", "ariaLabels", "visibleSections", "stickyHeader", "stickyHeaderVerticalOffset", "variant", "renderAriaLive", "firstIndex", "totalItemsCount"]);
     const { __internalRootRef } = useBaseComponent('Cards');
@@ -81,13 +82,14 @@ const Cards = React.forwardRef(function (_a, ref) {
     else if (empty && !items.length) {
         status = React.createElement("div", { className: styles.empty }, empty);
     }
-    return (React.createElement(AnalyticsFunnelSubStep, null,
-        React.createElement("div", Object.assign({}, baseProps, { className: clsx(baseProps.className, styles.root), ref: mergedRef }),
-            React.createElement(InternalContainer, { header: hasToolsHeader && (React.createElement("div", { className: clsx(styles.header, isRefresh && styles['header-refresh'], styles[`header-variant-${computedVariant}`]) },
-                    React.createElement(ToolsHeader, { header: header, filter: filter, pagination: pagination, preferences: preferences }))), footer: hasFooterPagination && React.createElement("div", { className: styles['footer-pagination'] }, pagination), disableContentPaddings: true, disableHeaderPaddings: computedVariant === 'full-page', variant: computedVariant === 'container' ? 'cards' : computedVariant, __stickyHeader: stickyHeader, __stickyOffset: stickyHeaderVerticalOffset, __headerRef: headerRef, __headerId: cardsHeaderId, __darkHeader: computedVariant === 'full-page', __disableFooterDivider: true },
-                React.createElement("div", { className: clsx(hasToolsHeader && styles['has-header']) },
-                    !!renderAriaLive && !!firstIndex && (React.createElement(LiveRegion, null,
-                        React.createElement("span", null, renderAriaLive({ totalItemsCount, firstIndex, lastIndex: firstIndex + items.length - 1 })))), status !== null && status !== void 0 ? status : (React.createElement(CardsList, { items: items, cardDefinition: cardDefinition, trackBy: trackBy, selectionType: selectionType, columns: columns, isItemSelected: isItemSelected, getItemSelectionProps: getItemSelectionProps, visibleSections: visibleSections, updateShiftToggle: updateShiftToggle, onFocus: onCardFocus, ariaLabel: ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.cardsLabel, ariaLabelledby: (ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.cardsLabel) ? undefined : cardsHeaderId })))))));
+    return (React.createElement(LinkDefaultVariantContext.Provider, { value: { defaultVariant: 'primary' } },
+        React.createElement(AnalyticsFunnelSubStep, null,
+            React.createElement("div", Object.assign({}, baseProps, { className: clsx(baseProps.className, styles.root), ref: mergedRef }),
+                React.createElement(InternalContainer, { header: hasToolsHeader && (React.createElement("div", { className: clsx(styles.header, isRefresh && styles['header-refresh'], styles[`header-variant-${computedVariant}`]) },
+                        React.createElement(ToolsHeader, { header: header, filter: filter, pagination: pagination, preferences: preferences }))), footer: hasFooterPagination && React.createElement("div", { className: styles['footer-pagination'] }, pagination), disableContentPaddings: true, disableHeaderPaddings: computedVariant === 'full-page', variant: computedVariant === 'container' ? 'cards' : computedVariant, __stickyHeader: stickyHeader, __stickyOffset: stickyHeaderVerticalOffset, __headerRef: headerRef, __headerId: cardsHeaderId, __darkHeader: computedVariant === 'full-page', __disableFooterDivider: true },
+                    React.createElement("div", { className: clsx(hasToolsHeader && styles['has-header']) },
+                        !!renderAriaLive && !!firstIndex && (React.createElement(LiveRegion, null,
+                            React.createElement("span", null, renderAriaLive({ totalItemsCount, firstIndex, lastIndex: firstIndex + items.length - 1 })))), status !== null && status !== void 0 ? status : (React.createElement(CardsList, { items: items, cardDefinition: cardDefinition, trackBy: trackBy, selectionType: selectionType, columns: columns, isItemSelected: isItemSelected, getItemSelectionProps: getItemSelectionProps, visibleSections: visibleSections, updateShiftToggle: updateShiftToggle, onFocus: onCardFocus, ariaLabel: ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.cardsLabel, ariaLabelledby: (ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.cardsLabel) ? undefined : cardsHeaderId }))))))));
 });
 export default Cards;
 const CardsList = ({ items, cardDefinition, trackBy, selectionType, columns, isItemSelected, getItemSelectionProps, visibleSections, updateShiftToggle, onFocus, ariaLabelledby, ariaLabel, }) => {