@cloudscape-design/components-themeable 3.0.364 → 3.0.366

package/lib/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "0a4390223ab7ee2308c5bf8d461ce4453c72f85a"
+  "commit": "d87a49a05958256ed124cce5fd85947515787adf"
 }

package/lib/internal/scss/breadcrumb-group/item/styles.scss

@@ -20,7 +20,7 @@
   }
 
   > .anchor {
-    @include styles.link-default;
+    @include styles.link-inline;
 
     @include focus-visible.when-visible {
       @include styles.link-focus;

package/lib/internal/scss/internal/styles/links.scss

@@ -19,6 +19,7 @@
   text-decoration: map.get($variant, 'decoration');
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: map.get($variant, 'decoration-color');
+  text-decoration-thickness: map.get($variant, 'decoration-thickness');
 
   @include styles.with-motion {
     transition-property: color, text-decoration;
@@ -44,6 +45,7 @@
     text-decoration: underline;
     /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
     text-decoration-color: map.get($variant, 'decoration-color-hover');
+    text-decoration-thickness: map.get($variant, 'decoration-thickness');
   }
 }
 

package/lib/internal/scss/link/constants.scss

@@ -22,11 +22,11 @@ $link-variants: (
     'text-color-default': awsui.$color-text-link-default,
     'text-color-hover': awsui.$color-text-link-hover,
     'text-color-active': awsui.$color-text-link-hover,
-    'font-weight': awsui.$font-link-primary-weight,
-    'decoration': awsui.$font-link-primary-decoration,
-    'decoration-color': awsui.$color-text-link-primary-underline,
+    'font-weight': inherit,
+    'decoration': underline,
+    'decoration-color': currentColor,
     'decoration-color-hover': currentColor,
-    'letter-spacing': awsui.$font-link-primary-letter-spacing,
+    'letter-spacing': normal,
   ),
   'info': (
     'text-color-default': awsui.$color-text-link-default,
@@ -43,9 +43,10 @@ $link-variants: (
     'text-color-hover': awsui.$color-text-link-hover,
     'text-color-active': awsui.$color-text-link-hover,
     'font-weight': awsui.$font-box-value-large-weight,
-    'decoration': none,
-    'decoration-color': transparent,
+    'decoration': underline,
+    'decoration-color': currentColor,
     'decoration-color-hover': currentColor,
+    'decoration-thickness': 0.3rem,
   ),
   'top-navigation': (
     'text-color-default': awsui.$color-text-interactive-default,

package/lib/internal/template/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/lib/internal/template/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/lib/internal/template/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/lib/internal/template/annotation-context/annotation/styles.css.js

@@ -1,29 +1,29 @@
 
     import './styles.scoped.css';
     export default {
-  "arrow": "awsui_arrow_1hpp3_1lcx3_93",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_1lcx3_97",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_1lcx3_97",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1lcx3_128",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1lcx3_128",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1lcx3_131",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1lcx3_131",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1lcx3_134",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1lcx3_134",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1lcx3_137",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1lcx3_137",
-  "annotation": "awsui_annotation_1hpp3_1lcx3_145",
-  "next-button": "awsui_next-button_1hpp3_1lcx3_146",
-  "previous-button": "awsui_previous-button_1hpp3_1lcx3_147",
-  "finish-button": "awsui_finish-button_1hpp3_1lcx3_148",
-  "header": "awsui_header_1hpp3_1lcx3_149",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_1lcx3_150",
-  "content": "awsui_content_1hpp3_1lcx3_151",
-  "description": "awsui_description_1hpp3_1lcx3_155",
-  "actionBar": "awsui_actionBar_1hpp3_1lcx3_160",
-  "stepCounter": "awsui_stepCounter_1hpp3_1lcx3_167",
-  "divider": "awsui_divider_1hpp3_1lcx3_171",
-  "hotspot": "awsui_hotspot_1hpp3_1lcx3_175",
-  "icon": "awsui_icon_1hpp3_1lcx3_215"
+  "arrow": "awsui_arrow_1hpp3_117o5_93",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_117o5_97",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_117o5_97",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_117o5_128",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_117o5_128",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_117o5_131",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_117o5_131",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_117o5_134",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_117o5_134",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_117o5_137",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_117o5_137",
+  "annotation": "awsui_annotation_1hpp3_117o5_145",
+  "next-button": "awsui_next-button_1hpp3_117o5_146",
+  "previous-button": "awsui_previous-button_1hpp3_117o5_147",
+  "finish-button": "awsui_finish-button_1hpp3_117o5_148",
+  "header": "awsui_header_1hpp3_117o5_149",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_117o5_150",
+  "content": "awsui_content_1hpp3_117o5_151",
+  "description": "awsui_description_1hpp3_117o5_155",
+  "actionBar": "awsui_actionBar_1hpp3_117o5_160",
+  "stepCounter": "awsui_stepCounter_1hpp3_117o5_167",
+  "divider": "awsui_divider_1hpp3_117o5_171",
+  "hotspot": "awsui_hotspot_1hpp3_117o5_175",
+  "icon": "awsui_icon_1hpp3_117o5_215"
 };
   

package/lib/internal/template/annotation-context/annotation/styles.scoped.css

@@ -90,11 +90,11 @@ 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_arrow_1hpp3_1lcx3_93:not(#\9) {
+.awsui_arrow_1hpp3_117o5_93:not(#\9) {
   width: 20px;
   height: 10px;
 }
-.awsui_arrow-outer_1hpp3_1lcx3_97:not(#\9), .awsui_arrow-inner_1hpp3_1lcx3_97:not(#\9) {
+.awsui_arrow-outer_1hpp3_117o5_97:not(#\9), .awsui_arrow-inner_1hpp3_117o5_97:not(#\9) {
   position: absolute;
   overflow: hidden;
   width: 20px;
@@ -102,7 +102,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   top: 0;
   left: 0;
 }
-.awsui_arrow-outer_1hpp3_1lcx3_97:not(#\9)::after, .awsui_arrow-inner_1hpp3_1lcx3_97:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_117o5_97:not(#\9)::after, .awsui_arrow-inner_1hpp3_117o5_97:not(#\9)::after {
   content: "";
   box-sizing: border-box;
   display: inline-block;
@@ -115,26 +115,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transform: rotate(45deg);
   transform-origin: 0 100%;
 }
-.awsui_arrow-outer_1hpp3_1lcx3_97:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_117o5_97:not(#\9)::after {
   background-color: var(--color-border-status-info-jltw90, #0073bb);
 }
-.awsui_arrow-inner_1hpp3_1lcx3_97:not(#\9) {
+.awsui_arrow-inner_1hpp3_117o5_97:not(#\9) {
   top: 2px;
 }
-.awsui_arrow-inner_1hpp3_1lcx3_97:not(#\9)::after {
+.awsui_arrow-inner_1hpp3_117o5_97:not(#\9)::after {
   border-radius: 1px 0 0 0;
   background-color: var(--color-background-status-info-32evqg, #f1faff);
 }
-.awsui_arrow-position-right-top_1hpp3_1lcx3_128 > .awsui_arrow-outer_1hpp3_1lcx3_97:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_1lcx3_128 > .awsui_arrow-outer_1hpp3_1lcx3_97:not(#\9)::after {
+.awsui_arrow-position-right-top_1hpp3_117o5_128 > .awsui_arrow-outer_1hpp3_117o5_97:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_117o5_128 > .awsui_arrow-outer_1hpp3_117o5_97:not(#\9)::after {
   box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-qq7qt1, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-left-top_1hpp3_1lcx3_131 > .awsui_arrow-outer_1hpp3_1lcx3_97:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_1lcx3_131 > .awsui_arrow-outer_1hpp3_1lcx3_97:not(#\9)::after {
+.awsui_arrow-position-left-top_1hpp3_117o5_131 > .awsui_arrow-outer_1hpp3_117o5_97:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_117o5_131 > .awsui_arrow-outer_1hpp3_117o5_97:not(#\9)::after {
   box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-qq7qt1, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-top-center_1hpp3_1lcx3_134 > .awsui_arrow-outer_1hpp3_1lcx3_97:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_1lcx3_134 > .awsui_arrow-outer_1hpp3_1lcx3_97:not(#\9)::after {
+.awsui_arrow-position-top-center_1hpp3_117o5_134 > .awsui_arrow-outer_1hpp3_117o5_97:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_117o5_134 > .awsui_arrow-outer_1hpp3_117o5_97:not(#\9)::after {
   box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-qq7qt1, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-bottom-center_1hpp3_1lcx3_137 > .awsui_arrow-outer_1hpp3_1lcx3_97:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_1lcx3_137 > .awsui_arrow-outer_1hpp3_1lcx3_97:not(#\9)::after {
+.awsui_arrow-position-bottom-center_1hpp3_117o5_137 > .awsui_arrow-outer_1hpp3_117o5_97:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_117o5_137 > .awsui_arrow-outer_1hpp3_117o5_97:not(#\9)::after {
   box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-qq7qt1, rgba(0, 28, 36, 0.5));
 }
 
@@ -142,37 +142,37 @@ 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_annotation_1hpp3_1lcx3_145:not(#\9),
-.awsui_next-button_1hpp3_1lcx3_146:not(#\9),
-.awsui_previous-button_1hpp3_1lcx3_147:not(#\9),
-.awsui_finish-button_1hpp3_1lcx3_148:not(#\9),
-.awsui_header_1hpp3_1lcx3_149:not(#\9),
-.awsui_step-counter-content_1hpp3_1lcx3_150:not(#\9),
-.awsui_content_1hpp3_1lcx3_151:not(#\9) {
+.awsui_annotation_1hpp3_117o5_145:not(#\9),
+.awsui_next-button_1hpp3_117o5_146:not(#\9),
+.awsui_previous-button_1hpp3_117o5_147:not(#\9),
+.awsui_finish-button_1hpp3_117o5_148:not(#\9),
+.awsui_header_1hpp3_117o5_149:not(#\9),
+.awsui_step-counter-content_1hpp3_117o5_150:not(#\9),
+.awsui_content_1hpp3_117o5_151:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_description_1hpp3_1lcx3_155:not(#\9) {
+.awsui_description_1hpp3_117o5_155:not(#\9) {
   overflow: hidden;
   margin-top: var(--space-xxs-1wmjb0, 4px);
 }
 
-.awsui_actionBar_1hpp3_1lcx3_160:not(#\9) {
+.awsui_actionBar_1hpp3_117o5_160:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }
 
-.awsui_stepCounter_1hpp3_1lcx3_167:not(#\9) {
+.awsui_stepCounter_1hpp3_117o5_167:not(#\9) {
   margin-right: 20px;
 }
 
-.awsui_divider_1hpp3_1lcx3_171:not(#\9) {
+.awsui_divider_1hpp3_117o5_171:not(#\9) {
   border-bottom: var(--border-divider-section-width-uu4597, 1px) solid var(--color-border-divider-default-z9h069, #eaeded);
 }
 
-.awsui_hotspot_1hpp3_1lcx3_175:not(#\9) {
+.awsui_hotspot_1hpp3_117o5_175:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -217,17 +217,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: 16px;
   height: 16px;
 }
-.awsui_hotspot_1hpp3_1lcx3_175:not(#\9):focus {
+.awsui_hotspot_1hpp3_117o5_175:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1lcx3_175:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_117o5_175:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1lcx3_175:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_117o5_175:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1lcx3_175:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_117o5_175:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -238,13 +238,13 @@ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1lcx3_175:not(#\9):focu
   border-radius: var(--border-radius-control-circular-focus-ring-fhe2ux, 50%);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-gjqsnp, #0073bb);
 }
-.awsui_hotspot_1hpp3_1lcx3_175 > .awsui_icon_1hpp3_1lcx3_215:not(#\9) {
+.awsui_hotspot_1hpp3_117o5_175 > .awsui_icon_1hpp3_117o5_215:not(#\9) {
   position: relative;
   stroke: var(--color-text-link-default-mwf535, #0073bb);
 }
-.awsui_hotspot_1hpp3_1lcx3_175:not(#\9):hover > .awsui_icon_1hpp3_1lcx3_215 {
-  stroke: var(--color-text-link-hover-3wj3nj, #0073bb);
+.awsui_hotspot_1hpp3_117o5_175:not(#\9):hover > .awsui_icon_1hpp3_117o5_215 {
+  stroke: var(--color-text-link-hover-162q5i, #0a4a74);
 }
-.awsui_hotspot_1hpp3_1lcx3_175:not(#\9):active > .awsui_icon_1hpp3_1lcx3_215 {
+.awsui_hotspot_1hpp3_117o5_175:not(#\9):active > .awsui_icon_1hpp3_117o5_215 {
   stroke: var(--color-text-link-default-mwf535, #0073bb);
 }

package/lib/internal/template/annotation-context/annotation/styles.selectors.js

@@ -2,29 +2,29 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "arrow": "awsui_arrow_1hpp3_1lcx3_93",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_1lcx3_97",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_1lcx3_97",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1lcx3_128",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1lcx3_128",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1lcx3_131",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1lcx3_131",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1lcx3_134",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1lcx3_134",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1lcx3_137",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1lcx3_137",
-  "annotation": "awsui_annotation_1hpp3_1lcx3_145",
-  "next-button": "awsui_next-button_1hpp3_1lcx3_146",
-  "previous-button": "awsui_previous-button_1hpp3_1lcx3_147",
-  "finish-button": "awsui_finish-button_1hpp3_1lcx3_148",
-  "header": "awsui_header_1hpp3_1lcx3_149",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_1lcx3_150",
-  "content": "awsui_content_1hpp3_1lcx3_151",
-  "description": "awsui_description_1hpp3_1lcx3_155",
-  "actionBar": "awsui_actionBar_1hpp3_1lcx3_160",
-  "stepCounter": "awsui_stepCounter_1hpp3_1lcx3_167",
-  "divider": "awsui_divider_1hpp3_1lcx3_171",
-  "hotspot": "awsui_hotspot_1hpp3_1lcx3_175",
-  "icon": "awsui_icon_1hpp3_1lcx3_215"
+  "arrow": "awsui_arrow_1hpp3_117o5_93",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_117o5_97",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_117o5_97",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_117o5_128",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_117o5_128",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_117o5_131",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_117o5_131",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_117o5_134",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_117o5_134",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_117o5_137",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_117o5_137",
+  "annotation": "awsui_annotation_1hpp3_117o5_145",
+  "next-button": "awsui_next-button_1hpp3_117o5_146",
+  "previous-button": "awsui_previous-button_1hpp3_117o5_147",
+  "finish-button": "awsui_finish-button_1hpp3_117o5_148",
+  "header": "awsui_header_1hpp3_117o5_149",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_117o5_150",
+  "content": "awsui_content_1hpp3_117o5_151",
+  "description": "awsui_description_1hpp3_117o5_155",
+  "actionBar": "awsui_actionBar_1hpp3_117o5_160",
+  "stepCounter": "awsui_stepCounter_1hpp3_117o5_167",
+  "divider": "awsui_divider_1hpp3_117o5_171",
+  "hotspot": "awsui_hotspot_1hpp3_117o5_175",
+  "icon": "awsui_icon_1hpp3_117o5_215"
 };
   

package/lib/internal/template/attribute-editor/styles.css.js

@@ -1,19 +1,19 @@
 
     import './styles.scoped.css';
     export default {
-  "empty-appear": "awsui_empty-appear_n4qlp_124by_93",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_124by_1",
-  "root": "awsui_root_n4qlp_124by_119",
-  "empty": "awsui_empty_n4qlp_124by_93",
-  "row": "awsui_row_n4qlp_124by_139",
-  "row-control": "awsui_row-control_n4qlp_124by_143",
-  "field": "awsui_field_n4qlp_124by_147",
-  "add-button": "awsui_add-button_n4qlp_124by_151",
-  "remove-button": "awsui_remove-button_n4qlp_124by_155",
-  "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_124by_159",
-  "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_124by_163",
-  "divider": "awsui_divider_n4qlp_124by_167",
-  "additional-info": "awsui_additional-info_n4qlp_124by_171",
-  "right-align": "awsui_right-align_n4qlp_124by_217"
+  "empty-appear": "awsui_empty-appear_n4qlp_3gfmq_93",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_3gfmq_1",
+  "root": "awsui_root_n4qlp_3gfmq_119",
+  "empty": "awsui_empty_n4qlp_3gfmq_93",
+  "row": "awsui_row_n4qlp_3gfmq_139",
+  "row-control": "awsui_row-control_n4qlp_3gfmq_143",
+  "field": "awsui_field_n4qlp_3gfmq_147",
+  "add-button": "awsui_add-button_n4qlp_3gfmq_151",
+  "remove-button": "awsui_remove-button_n4qlp_3gfmq_155",
+  "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_3gfmq_159",
+  "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_3gfmq_163",
+  "divider": "awsui_divider_n4qlp_3gfmq_167",
+  "additional-info": "awsui_additional-info_n4qlp_3gfmq_171",
+  "right-align": "awsui_right-align_n4qlp_3gfmq_217"
 };
   

package/lib/internal/template/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_124by_93:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_n4qlp_124by_1 var(--motion-duration-transition-show-paced-iqbq6k, 180ms) var(--motion-easing-transition-show-paced-kq11pq, ease-out);
+.awsui_empty-appear_n4qlp_3gfmq_93:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_n4qlp_3gfmq_1 var(--motion-duration-transition-show-paced-iqbq6k, 180ms) var(--motion-easing-transition-show-paced-kq11pq, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_n4qlp_124by_1 {
+@keyframes awsui_awsui-motion-fade-in_n4qlp_3gfmq_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_124by_93:not(#\9) {
+  .awsui_empty-appear_n4qlp_3gfmq_93:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_empty-appear_n4qlp_124by_93:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_124by_93:not(#\9) {
+.awsui-motion-disabled .awsui_empty-appear_n4qlp_3gfmq_93:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_3gfmq_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_124by_119:not(#\9) {
+.awsui_root_n4qlp_3gfmq_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_124by_93:not(#\9) {
+.awsui_empty_n4qlp_3gfmq_93:not(#\9) {
   font-size: var(--font-body-m-size-q2y4dq, 14px);
   line-height: var(--font-body-m-line-height-7pedlt, 22px);
   color: var(--color-text-empty-yt2fto, #687078);
 }
 
-.awsui_row_n4qlp_124by_139:not(#\9) {
+.awsui_row_n4qlp_3gfmq_139:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_row-control_n4qlp_124by_143:not(#\9) {
+.awsui_row-control_n4qlp_3gfmq_143:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_field_n4qlp_124by_147:not(#\9) {
+.awsui_field_n4qlp_3gfmq_147:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_add-button_n4qlp_124by_151:not(#\9) {
+.awsui_add-button_n4qlp_3gfmq_151:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_remove-button_n4qlp_124by_155:not(#\9) {
+.awsui_remove-button_n4qlp_3gfmq_155:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_button-container-haslabel_n4qlp_124by_159:not(#\9) {
+.awsui_button-container-haslabel_n4qlp_3gfmq_159:not(#\9) {
   padding-top: calc(var(--space-xxs-1wmjb0, 4px) + var(--font-body-m-line-height-7pedlt, 22px));
 }
 
-.awsui_button-container-nolabel_n4qlp_124by_163:not(#\9) {
+.awsui_button-container-nolabel_n4qlp_3gfmq_163:not(#\9) {
   padding-top: var(--space-xxs-1wmjb0, 4px);
 }
 
-.awsui_divider_n4qlp_124by_167:not(#\9) {
+.awsui_divider_n4qlp_3gfmq_167:not(#\9) {
   border-bottom: var(--border-divider-section-width-uu4597, 1px) solid var(--color-border-divider-default-z9h069, #eaeded);
 }
 
-.awsui_additional-info_n4qlp_124by_171:not(#\9) {
+.awsui_additional-info_n4qlp_3gfmq_171:not(#\9) {
   color: var(--color-text-form-secondary-44s9zq, #687078);
   font-size: var(--font-body-s-size-wofdyf, 12px);
   line-height: var(--font-body-s-line-height-hkht1z, 16px);
@@ -204,45 +204,44 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-top: var(--space-xxs-1wmjb0, 4px);
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_additional-info_n4qlp_124by_171 > a:not(#\9) {
+.awsui_additional-info_n4qlp_3gfmq_171 > a:not(#\9) {
   color: var(--color-text-link-default-mwf535, #0073bb);
-  font-weight: var(--font-link-primary-weight-szvmmz, 700);
-  letter-spacing: var(--font-link-primary-letter-spacing-hw4lx1, 0.005em);
-  -webkit-text-decoration: var(--font-link-primary-decoration-g53302, none);
-          text-decoration: var(--font-link-primary-decoration-g53302, none);
+  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-s1455o, 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-1aoout, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_additional-info_n4qlp_124by_171 > a:not(#\9) {
+  .awsui_additional-info_n4qlp_3gfmq_171 > a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_additional-info_n4qlp_124by_171 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_124by_171 > a:not(#\9) {
+.awsui-motion-disabled .awsui_additional-info_n4qlp_3gfmq_171 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_3gfmq_171 > a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_additional-info_n4qlp_124by_171 > a:not(#\9):hover {
+.awsui_additional-info_n4qlp_3gfmq_171 > a:not(#\9):hover {
   cursor: pointer;
-  color: var(--color-text-link-hover-3wj3nj, #0073bb);
+  color: var(--color-text-link-hover-162q5i, #0a4a74);
 }
-.awsui_additional-info_n4qlp_124by_171 > a:not(#\9):focus {
+.awsui_additional-info_n4qlp_3gfmq_171 > a:not(#\9):focus {
   outline: none;
 }
-.awsui_additional-info_n4qlp_124by_171 > a:not(#\9):active {
-  color: var(--color-text-link-hover-3wj3nj, #0073bb);
+.awsui_additional-info_n4qlp_3gfmq_171 > a:not(#\9):active {
+  color: var(--color-text-link-hover-162q5i, #0a4a74);
 }
-.awsui_additional-info_n4qlp_124by_171 > a:not(#\9):active, .awsui_additional-info_n4qlp_124by_171 > a:not(#\9):focus, .awsui_additional-info_n4qlp_124by_171 > a:not(#\9):hover {
+.awsui_additional-info_n4qlp_3gfmq_171 > a:not(#\9):active, .awsui_additional-info_n4qlp_3gfmq_171 > a:not(#\9):focus, .awsui_additional-info_n4qlp_3gfmq_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_124by_217:not(#\9) {
+.awsui_right-align_n4qlp_3gfmq_217:not(#\9) {
   float: right;
 }