@cloudscape-design/components-themeable 3.0.1222 → 3.0.1224

package/lib/internal/template/internal/generated/theming/index.js

@@ -2296,6 +2296,7 @@ export var preset = {
       "letterSpacingHeadingL": "-0.015em",
       "letterSpacingHeadingM": "-0.010em",
       "letterSpacingHeadingS": "-0.005em",
+      "letterSpacingHeadingXs": "normal",
       "lineHeightBodyM": "20px",
       "lineHeightBodyS": "16px",
       "lineHeightDisplayL": "48px",
@@ -11748,6 +11749,11 @@ export var preset = {
     "fontWeightHeadingM",
     "fontWeightHeadingS",
     "fontWeightHeadingXs",
+    "letterSpacingHeadingXl",
+    "letterSpacingHeadingL",
+    "letterSpacingHeadingM",
+    "letterSpacingHeadingS",
+    "letterSpacingHeadingXs",
     "lineHeightBodyM",
     "lineHeightBodyS",
     "lineHeightDisplayL",
@@ -12127,6 +12133,11 @@ export var preset = {
     "fontWeightHeadingM",
     "fontWeightHeadingS",
     "fontWeightHeadingXs",
+    "letterSpacingHeadingXl",
+    "letterSpacingHeadingL",
+    "letterSpacingHeadingM",
+    "letterSpacingHeadingS",
+    "letterSpacingHeadingXs",
     "lineHeightBodyM",
     "lineHeightBodyS",
     "lineHeightDisplayL",
@@ -12796,6 +12807,7 @@ export var preset = {
     "letterSpacingHeadingL": "letter-spacing-heading-l",
     "letterSpacingHeadingM": "letter-spacing-heading-m",
     "letterSpacingHeadingS": "letter-spacing-heading-s",
+    "letterSpacingHeadingXs": "letter-spacing-heading-xs",
     "lineHeightBodyM": "line-height-body-m",
     "lineHeightBodyS": "line-height-body-s",
     "lineHeightDisplayL": "line-height-display-l",
@@ -13616,6 +13628,7 @@ export var preset = {
     "letterSpacingHeadingL": "--letter-spacing-heading-l-5v6ibv",
     "letterSpacingHeadingM": "--letter-spacing-heading-m-29ewnk",
     "letterSpacingHeadingS": "--letter-spacing-heading-s-4st9ep",
+    "letterSpacingHeadingXs": "--letter-spacing-heading-xs-fgog7a",
     "lineHeightBodyM": "--line-height-body-m-2mh3ke",
     "lineHeightBodyS": "--line-height-body-s-nu5hx1",
     "lineHeightDisplayL": "--line-height-display-l-vwanzp",

package/lib/internal/template/link/interfaces.d.ts

@@ -9,12 +9,12 @@ export interface LinkProps extends BaseComponentProps {
     /**
      * Determines the visual style of the link as follows:
      *
-     * - `primary` - Displays the link text with bold styling for sufficient contrast with surrounding text.
-     *     Use this for links where the context doesn't imply interactivity such as
-     *     "Learn more" links and links within paragraphs.
-     * - `secondary` - Does not provide any additional indicators for interactivity (except for an underline when the user hovers over or focuses the link).
-     *     This can be used in cases where the interactivity is strongly implied by its context,
-     *     such as in a table or a list of external links.
+     * - `primary` - Displays the link text with an underline for sufficient contrast with surrounding text.
+     *     Use this for links adjacent to other text, such as inside a paragraph, a "Learn more" link,
+     *     an item ID in a table, a link in a key-value pair, or a link in an alert.
+     * - `secondary` - Uses regular font weight without additional interactivity indicators (except for an underline on hover).
+     *     Use this where context implies interactivity and users can identify links easily,
+     *     such as in a list of links inside a container.
      * - `info` - Use for "info" links that link to content in a help panel.
      *
      * The default is `secondary`, except inside the following components where it defaults to `primary`:

package/lib/internal/template/link/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/link/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BaseComponentProps } from '../internal/base-component';\nimport {\n  BaseNavigationDetail,\n  CancelableEventHandler,\n  ClickDetail as _ClickDetail,\n  NonCancelableEventHandler,\n} from '../internal/events';\n/**\n * @awsuiSystem core\n */\nimport { NativeAttributes } from '../internal/utils/with-native-attributes';\n\nexport interface LinkProps extends BaseComponentProps {\n  /**\n   * Determines the visual style of the link as follows:\n   *\n   * - `primary` - Displays the link text with bold styling for sufficient contrast with surrounding text.\n   *     Use this for links where the context doesn't imply interactivity such as\n   *     \"Learn more\" links and links within paragraphs.\n   * - `secondary` - Does not provide any additional indicators for interactivity (except for an underline when the user hovers over or focuses the link).\n   *     This can be used in cases where the interactivity is strongly implied by its context,\n   *     such as in a table or a list of external links.\n   * - `info` - Use for \"info\" links that link to content in a help panel.\n   *\n   * The default is `secondary`, except inside the following components where it defaults to `primary`:\n   * - Table\n   * - Cards\n   * - Alert\n   * - Popover\n   * - Help Panel (main `content` only)\n   */\n  variant?: LinkProps.Variant;\n\n  /**\n   * Determines the font size and line height.\n   * This property is overridden if the variant is `info`.\n   */\n  fontSize?: LinkProps.FontSize;\n\n  /**\n   * Determines the text color of the link and its icon.\n   *\n   * - `normal`: Use in most cases where a link is required.\n   * - `inverted`: Use to style links inside Flashbars.\n   *\n   * This property is overridden if the variant is `info`.\n   */\n  color?: LinkProps.Color;\n\n  /**\n   * Marks the link as external by adding an icon after the text. If `href`\n   * is provided, opens the link in a new tab when clicked.\n   */\n  external?: boolean;\n\n  /**\n   * Specifies where to open the linked URL. Set this to `_blank` to open the URL\n   * in a new tab. If you set this property to `_blank`, the component\n   * automatically adds `rel=\"noopener noreferrer\"` to avoid performance\n   * and security issues.\n   *\n   * For other options see the documentation for <a> tag's\n   * [target attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target).\n   */\n  target?: string;\n\n  /**\n   * The URL that the link points to.\n   * If an `href` is not provided, the component will render using a\n   * \"button\" role and `target` will not be used.\n   */\n  href?: string;\n\n  /**\n   * The text to render inside the link.\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Adds an aria-label to the HTML element.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Adds an aria-label to the external icon.\n   * @i18n\n   */\n  externalIconAriaLabel?: string;\n\n  /**\n   * Called when a link is clicked without any modifier keys. If the link has no `href` provided, it will be called on\n   * all clicks.\n   *\n   * If you want to implement client-side routing yourself, use this event and prevent default browser navigation\n   * (by calling `preventDefault`).\n   */\n  onFollow?: CancelableEventHandler<LinkProps.FollowDetail>;\n\n  /**\n   * Called when the user clicks on the link. Do not use this handler for navigation, use the `onFollow` event instead.\n   */\n  onClick?: NonCancelableEventHandler<LinkProps.ClickDetail>;\n\n  /**\n   * Adds a `rel` attribute to the link. If the `rel` property is provided, it overrides the default behaviour.\n   * By default, the component sets the `rel` attribute to \"noopener noreferrer\" when `external` is `true` or `target` is `\"_blank\"`.\n   */\n  rel?: string;\n\n  /**\n   * An object containing CSS properties to customize the link's visual appearance.\n   * Refer to the [style](/components/link/?tabId=style) tab for more details.\n   * @awsuiSystem core\n   */\n  style?: LinkProps.Style;\n\n  /**\n   * Attributes to add to the native element.\n   * Some attributes will be automatically combined with internal attribute values:\n   * - `className` will be appended.\n   * - Event handlers will be chained, unless the default is prevented.\n   *\n   * We do not support using this attribute to apply custom styling.\n   *\n   * @awsuiSystem core\n   */\n  nativeAttributes?: NativeAttributes<React.AnchorHTMLAttributes<HTMLAnchorElement>>;\n}\n\nexport namespace LinkProps {\n  export type Variant = 'primary' | 'secondary' | 'info' | 'awsui-value-large';\n  export type FontSize =\n    | 'body-s'\n    | 'body-m'\n    | 'heading-xs'\n    | 'heading-s'\n    | 'heading-m'\n    | 'heading-l'\n    | 'heading-xl'\n    | 'display-l'\n    | 'inherit';\n  export type Color = 'normal' | 'inverted';\n\n  export type FollowDetail = BaseNavigationDetail;\n\n  export interface Ref {\n    /**\n     * Sets the browser focus on the anchor element.\n     */\n    focus(): void;\n  }\n\n  export type ClickDetail = _ClickDetail;\n  export interface Style {\n    root?: {\n      color?: {\n        active?: string;\n        default?: string;\n        hover?: string;\n      };\n      focusRing?: {\n        borderColor?: string;\n        borderRadius?: string;\n        borderWidth?: string;\n      };\n    };\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/link/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BaseComponentProps } from '../internal/base-component';\nimport {\n  BaseNavigationDetail,\n  CancelableEventHandler,\n  ClickDetail as _ClickDetail,\n  NonCancelableEventHandler,\n} from '../internal/events';\n/**\n * @awsuiSystem core\n */\nimport { NativeAttributes } from '../internal/utils/with-native-attributes';\n\nexport interface LinkProps extends BaseComponentProps {\n  /**\n   * Determines the visual style of the link as follows:\n   *\n   * - `primary` - Displays the link text with an underline for sufficient contrast with surrounding text.\n   *     Use this for links adjacent to other text, such as inside a paragraph, a \"Learn more\" link,\n   *     an item ID in a table, a link in a key-value pair, or a link in an alert.\n   * - `secondary` - Uses regular font weight without additional interactivity indicators (except for an underline on hover).\n   *     Use this where context implies interactivity and users can identify links easily,\n   *     such as in a list of links inside a container.\n   * - `info` - Use for \"info\" links that link to content in a help panel.\n   *\n   * The default is `secondary`, except inside the following components where it defaults to `primary`:\n   * - Table\n   * - Cards\n   * - Alert\n   * - Popover\n   * - Help Panel (main `content` only)\n   */\n  variant?: LinkProps.Variant;\n\n  /**\n   * Determines the font size and line height.\n   * This property is overridden if the variant is `info`.\n   */\n  fontSize?: LinkProps.FontSize;\n\n  /**\n   * Determines the text color of the link and its icon.\n   *\n   * - `normal`: Use in most cases where a link is required.\n   * - `inverted`: Use to style links inside Flashbars.\n   *\n   * This property is overridden if the variant is `info`.\n   */\n  color?: LinkProps.Color;\n\n  /**\n   * Marks the link as external by adding an icon after the text. If `href`\n   * is provided, opens the link in a new tab when clicked.\n   */\n  external?: boolean;\n\n  /**\n   * Specifies where to open the linked URL. Set this to `_blank` to open the URL\n   * in a new tab. If you set this property to `_blank`, the component\n   * automatically adds `rel=\"noopener noreferrer\"` to avoid performance\n   * and security issues.\n   *\n   * For other options see the documentation for <a> tag's\n   * [target attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target).\n   */\n  target?: string;\n\n  /**\n   * The URL that the link points to.\n   * If an `href` is not provided, the component will render using a\n   * \"button\" role and `target` will not be used.\n   */\n  href?: string;\n\n  /**\n   * The text to render inside the link.\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Adds an aria-label to the HTML element.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Adds an aria-label to the external icon.\n   * @i18n\n   */\n  externalIconAriaLabel?: string;\n\n  /**\n   * Called when a link is clicked without any modifier keys. If the link has no `href` provided, it will be called on\n   * all clicks.\n   *\n   * If you want to implement client-side routing yourself, use this event and prevent default browser navigation\n   * (by calling `preventDefault`).\n   */\n  onFollow?: CancelableEventHandler<LinkProps.FollowDetail>;\n\n  /**\n   * Called when the user clicks on the link. Do not use this handler for navigation, use the `onFollow` event instead.\n   */\n  onClick?: NonCancelableEventHandler<LinkProps.ClickDetail>;\n\n  /**\n   * Adds a `rel` attribute to the link. If the `rel` property is provided, it overrides the default behaviour.\n   * By default, the component sets the `rel` attribute to \"noopener noreferrer\" when `external` is `true` or `target` is `\"_blank\"`.\n   */\n  rel?: string;\n\n  /**\n   * An object containing CSS properties to customize the link's visual appearance.\n   * Refer to the [style](/components/link/?tabId=style) tab for more details.\n   * @awsuiSystem core\n   */\n  style?: LinkProps.Style;\n\n  /**\n   * Attributes to add to the native element.\n   * Some attributes will be automatically combined with internal attribute values:\n   * - `className` will be appended.\n   * - Event handlers will be chained, unless the default is prevented.\n   *\n   * We do not support using this attribute to apply custom styling.\n   *\n   * @awsuiSystem core\n   */\n  nativeAttributes?: NativeAttributes<React.AnchorHTMLAttributes<HTMLAnchorElement>>;\n}\n\nexport namespace LinkProps {\n  export type Variant = 'primary' | 'secondary' | 'info' | 'awsui-value-large';\n  export type FontSize =\n    | 'body-s'\n    | 'body-m'\n    | 'heading-xs'\n    | 'heading-s'\n    | 'heading-m'\n    | 'heading-l'\n    | 'heading-xl'\n    | 'display-l'\n    | 'inherit';\n  export type Color = 'normal' | 'inverted';\n\n  export type FollowDetail = BaseNavigationDetail;\n\n  export interface Ref {\n    /**\n     * Sets the browser focus on the anchor element.\n     */\n    focus(): void;\n  }\n\n  export type ClickDetail = _ClickDetail;\n  export interface Style {\n    root?: {\n      color?: {\n        active?: string;\n        default?: string;\n        hover?: string;\n      };\n      focusRing?: {\n        borderColor?: string;\n        borderRadius?: string;\n        borderWidth?: string;\n      };\n    };\n  }\n}\n"]}

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

@@ -1,25 +1,25 @@
 
     import './styles.scoped.css';
     export default {
-  "link": "awsui_link_4c84z_1jvg2_145",
-  "variant-secondary": "awsui_variant-secondary_4c84z_1jvg2_212",
-  "variant-primary": "awsui_variant-primary_4c84z_1jvg2_247",
-  "variant-info": "awsui_variant-info_4c84z_1jvg2_280",
-  "variant-value-large": "awsui_variant-value-large_4c84z_1jvg2_315",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1jvg2_347",
-  "variant-recovery": "awsui_variant-recovery_4c84z_1jvg2_382",
-  "button": "awsui_button_4c84z_1jvg2_415",
-  "color-inverted": "awsui_color-inverted_4c84z_1jvg2_450",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_1jvg2_471",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_1jvg2_478",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1jvg2_484",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1jvg2_490",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1jvg2_497",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1jvg2_504",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1jvg2_511",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_1jvg2_518",
-  "font-size-inherit": "awsui_font-size-inherit_4c84z_1jvg2_525",
-  "icon-wrapper": "awsui_icon-wrapper_4c84z_1jvg2_533",
-  "icon": "awsui_icon_4c84z_1jvg2_533"
+  "link": "awsui_link_4c84z_1js89_145",
+  "variant-secondary": "awsui_variant-secondary_4c84z_1js89_212",
+  "variant-primary": "awsui_variant-primary_4c84z_1js89_247",
+  "variant-info": "awsui_variant-info_4c84z_1js89_280",
+  "variant-value-large": "awsui_variant-value-large_4c84z_1js89_315",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1js89_347",
+  "variant-recovery": "awsui_variant-recovery_4c84z_1js89_382",
+  "button": "awsui_button_4c84z_1js89_415",
+  "color-inverted": "awsui_color-inverted_4c84z_1js89_450",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_1js89_471",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_1js89_478",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1js89_484",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1js89_491",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1js89_498",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1js89_505",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1js89_512",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_1js89_519",
+  "font-size-inherit": "awsui_font-size-inherit_4c84z_1js89_526",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_1js89_534",
+  "icon": "awsui_icon_4c84z_1js89_534"
 };
   

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

@@ -142,7 +142,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_link_4c84z_1jvg2_145:not(#\9) {
+.awsui_link_4c84z_1js89_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -188,30 +188,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1jvg2_145:not(#\9) {
+  .awsui_link_4c84z_1js89_145:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1jvg2_145:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1jvg2_145:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1js89_145:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1js89_145:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1jvg2_145:not(#\9):hover {
+.awsui_link_4c84z_1js89_145:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1jvg2_145:not(#\9):focus {
+.awsui_link_4c84z_1js89_145:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1jvg2_145:not(#\9):active {
+.awsui_link_4c84z_1js89_145:not(#\9):active {
   color: var(--awsui-style-color-active-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1jvg2_145:not(#\9):active, .awsui_link_4c84z_1jvg2_145:not(#\9):focus, .awsui_link_4c84z_1jvg2_145:not(#\9):hover {
+.awsui_link_4c84z_1js89_145:not(#\9):active, .awsui_link_4c84z_1js89_145:not(#\9):focus, .awsui_link_4c84z_1js89_145:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1jvg2_145.awsui_variant-secondary_4c84z_1jvg2_212:not(#\9) {
+.awsui_link_4c84z_1js89_145.awsui_variant-secondary_4c84z_1js89_212:not(#\9) {
   -webkit-font-smoothing: inherit;
   -moz-osx-font-smoothing: inherit;
   color: var(--awsui-style-color-default-n6lfw8, var(--color-text-link-default-z7zuy8, #0073bb));
@@ -225,30 +225,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1jvg2_145.awsui_variant-secondary_4c84z_1jvg2_212:not(#\9) {
+  .awsui_link_4c84z_1js89_145.awsui_variant-secondary_4c84z_1js89_212:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1jvg2_145.awsui_variant-secondary_4c84z_1jvg2_212:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1jvg2_145.awsui_variant-secondary_4c84z_1jvg2_212:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1js89_145.awsui_variant-secondary_4c84z_1js89_212:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1js89_145.awsui_variant-secondary_4c84z_1js89_212:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1jvg2_145.awsui_variant-secondary_4c84z_1jvg2_212:not(#\9):hover {
+.awsui_link_4c84z_1js89_145.awsui_variant-secondary_4c84z_1js89_212:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1jvg2_145.awsui_variant-secondary_4c84z_1jvg2_212:not(#\9):focus {
+.awsui_link_4c84z_1js89_145.awsui_variant-secondary_4c84z_1js89_212:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1jvg2_145.awsui_variant-secondary_4c84z_1jvg2_212:not(#\9):active {
+.awsui_link_4c84z_1js89_145.awsui_variant-secondary_4c84z_1js89_212:not(#\9):active {
   color: var(--awsui-style-color-active-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1jvg2_145.awsui_variant-secondary_4c84z_1jvg2_212:not(#\9):active, .awsui_link_4c84z_1jvg2_145.awsui_variant-secondary_4c84z_1jvg2_212:not(#\9):focus, .awsui_link_4c84z_1jvg2_145.awsui_variant-secondary_4c84z_1jvg2_212:not(#\9):hover {
+.awsui_link_4c84z_1js89_145.awsui_variant-secondary_4c84z_1js89_212:not(#\9):active, .awsui_link_4c84z_1js89_145.awsui_variant-secondary_4c84z_1js89_212:not(#\9):focus, .awsui_link_4c84z_1js89_145.awsui_variant-secondary_4c84z_1js89_212:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1jvg2_145.awsui_variant-primary_4c84z_1jvg2_247:not(#\9) {
+.awsui_link_4c84z_1js89_145.awsui_variant-primary_4c84z_1js89_247:not(#\9) {
   color: var(--awsui-style-color-default-n6lfw8, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
@@ -260,30 +260,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1jvg2_145.awsui_variant-primary_4c84z_1jvg2_247:not(#\9) {
+  .awsui_link_4c84z_1js89_145.awsui_variant-primary_4c84z_1js89_247:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1jvg2_145.awsui_variant-primary_4c84z_1jvg2_247:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1jvg2_145.awsui_variant-primary_4c84z_1jvg2_247:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1js89_145.awsui_variant-primary_4c84z_1js89_247:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1js89_145.awsui_variant-primary_4c84z_1js89_247:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1jvg2_145.awsui_variant-primary_4c84z_1jvg2_247:not(#\9):hover {
+.awsui_link_4c84z_1js89_145.awsui_variant-primary_4c84z_1js89_247:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1jvg2_145.awsui_variant-primary_4c84z_1jvg2_247:not(#\9):focus {
+.awsui_link_4c84z_1js89_145.awsui_variant-primary_4c84z_1js89_247:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1jvg2_145.awsui_variant-primary_4c84z_1jvg2_247:not(#\9):active {
+.awsui_link_4c84z_1js89_145.awsui_variant-primary_4c84z_1js89_247:not(#\9):active {
   color: var(--awsui-style-color-active-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1jvg2_145.awsui_variant-primary_4c84z_1jvg2_247:not(#\9):active, .awsui_link_4c84z_1jvg2_145.awsui_variant-primary_4c84z_1jvg2_247:not(#\9):focus, .awsui_link_4c84z_1jvg2_145.awsui_variant-primary_4c84z_1jvg2_247:not(#\9):hover {
+.awsui_link_4c84z_1js89_145.awsui_variant-primary_4c84z_1js89_247:not(#\9):active, .awsui_link_4c84z_1js89_145.awsui_variant-primary_4c84z_1js89_247:not(#\9):focus, .awsui_link_4c84z_1js89_145.awsui_variant-primary_4c84z_1js89_247:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1jvg2_145.awsui_variant-info_4c84z_1jvg2_280:not(#\9) {
+.awsui_link_4c84z_1js89_145.awsui_variant-info_4c84z_1js89_280:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
   color: var(--awsui-style-color-default-n6lfw8, var(--color-text-link-default-z7zuy8, #0073bb));
@@ -297,30 +297,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1jvg2_145.awsui_variant-info_4c84z_1jvg2_280:not(#\9) {
+  .awsui_link_4c84z_1js89_145.awsui_variant-info_4c84z_1js89_280:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1jvg2_145.awsui_variant-info_4c84z_1jvg2_280:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1jvg2_145.awsui_variant-info_4c84z_1jvg2_280:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1js89_145.awsui_variant-info_4c84z_1js89_280:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1js89_145.awsui_variant-info_4c84z_1js89_280:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1jvg2_145.awsui_variant-info_4c84z_1jvg2_280:not(#\9):hover {
+.awsui_link_4c84z_1js89_145.awsui_variant-info_4c84z_1js89_280:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1jvg2_145.awsui_variant-info_4c84z_1jvg2_280:not(#\9):focus {
+.awsui_link_4c84z_1js89_145.awsui_variant-info_4c84z_1js89_280:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1jvg2_145.awsui_variant-info_4c84z_1jvg2_280:not(#\9):active {
+.awsui_link_4c84z_1js89_145.awsui_variant-info_4c84z_1js89_280:not(#\9):active {
   color: var(--awsui-style-color-active-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1jvg2_145.awsui_variant-info_4c84z_1jvg2_280:not(#\9):active, .awsui_link_4c84z_1jvg2_145.awsui_variant-info_4c84z_1jvg2_280:not(#\9):focus, .awsui_link_4c84z_1jvg2_145.awsui_variant-info_4c84z_1jvg2_280:not(#\9):hover {
+.awsui_link_4c84z_1js89_145.awsui_variant-info_4c84z_1js89_280:not(#\9):active, .awsui_link_4c84z_1js89_145.awsui_variant-info_4c84z_1js89_280:not(#\9):focus, .awsui_link_4c84z_1js89_145.awsui_variant-info_4c84z_1js89_280:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-button-underline-hover-s0fj6r, currentColor);
 }
-.awsui_link_4c84z_1jvg2_145.awsui_variant-value-large_4c84z_1jvg2_315:not(#\9) {
+.awsui_link_4c84z_1js89_145.awsui_variant-value-large_4c84z_1js89_315:not(#\9) {
   color: var(--awsui-style-color-default-n6lfw8, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: var(--font-box-value-large-weight-zc1blz, 300);
   text-decoration-line: underline;
@@ -331,30 +331,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1jvg2_145.awsui_variant-value-large_4c84z_1jvg2_315:not(#\9) {
+  .awsui_link_4c84z_1js89_145.awsui_variant-value-large_4c84z_1js89_315:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1jvg2_145.awsui_variant-value-large_4c84z_1jvg2_315:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1jvg2_145.awsui_variant-value-large_4c84z_1jvg2_315:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1js89_145.awsui_variant-value-large_4c84z_1js89_315:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1js89_145.awsui_variant-value-large_4c84z_1js89_315:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1jvg2_145.awsui_variant-value-large_4c84z_1jvg2_315:not(#\9):hover {
+.awsui_link_4c84z_1js89_145.awsui_variant-value-large_4c84z_1js89_315:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1jvg2_145.awsui_variant-value-large_4c84z_1jvg2_315:not(#\9):focus {
+.awsui_link_4c84z_1js89_145.awsui_variant-value-large_4c84z_1js89_315:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1jvg2_145.awsui_variant-value-large_4c84z_1jvg2_315:not(#\9):active {
+.awsui_link_4c84z_1js89_145.awsui_variant-value-large_4c84z_1js89_315:not(#\9):active {
   color: var(--awsui-style-color-active-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1jvg2_145.awsui_variant-value-large_4c84z_1jvg2_315:not(#\9):active, .awsui_link_4c84z_1jvg2_145.awsui_variant-value-large_4c84z_1jvg2_315:not(#\9):focus, .awsui_link_4c84z_1jvg2_145.awsui_variant-value-large_4c84z_1jvg2_315:not(#\9):hover {
+.awsui_link_4c84z_1js89_145.awsui_variant-value-large_4c84z_1js89_315:not(#\9):active, .awsui_link_4c84z_1js89_145.awsui_variant-value-large_4c84z_1js89_315:not(#\9):focus, .awsui_link_4c84z_1js89_145.awsui_variant-value-large_4c84z_1js89_315:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1jvg2_145.awsui_variant-top-navigation_4c84z_1jvg2_347:not(#\9) {
+.awsui_link_4c84z_1js89_145.awsui_variant-top-navigation_4c84z_1js89_347:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
   color: var(--awsui-style-color-default-n6lfw8, var(--color-text-interactive-default-qwoe3g, #545b64));
@@ -368,30 +368,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1jvg2_145.awsui_variant-top-navigation_4c84z_1jvg2_347:not(#\9) {
+  .awsui_link_4c84z_1js89_145.awsui_variant-top-navigation_4c84z_1js89_347:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1jvg2_145.awsui_variant-top-navigation_4c84z_1jvg2_347:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1jvg2_145.awsui_variant-top-navigation_4c84z_1jvg2_347:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1js89_145.awsui_variant-top-navigation_4c84z_1js89_347:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1js89_145.awsui_variant-top-navigation_4c84z_1js89_347:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1jvg2_145.awsui_variant-top-navigation_4c84z_1jvg2_347:not(#\9):hover {
+.awsui_link_4c84z_1js89_145.awsui_variant-top-navigation_4c84z_1js89_347:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-n6lfw8, var(--color-text-interactive-hover-bu4gls, #16191f));
 }
-.awsui_link_4c84z_1jvg2_145.awsui_variant-top-navigation_4c84z_1jvg2_347:not(#\9):focus {
+.awsui_link_4c84z_1js89_145.awsui_variant-top-navigation_4c84z_1js89_347:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1jvg2_145.awsui_variant-top-navigation_4c84z_1jvg2_347:not(#\9):active {
+.awsui_link_4c84z_1js89_145.awsui_variant-top-navigation_4c84z_1js89_347:not(#\9):active {
   color: var(--awsui-style-color-active-n6lfw8, var(--color-text-interactive-active-c44vdq, #16191f));
 }
-.awsui_link_4c84z_1jvg2_145.awsui_variant-top-navigation_4c84z_1jvg2_347:not(#\9):active, .awsui_link_4c84z_1jvg2_145.awsui_variant-top-navigation_4c84z_1jvg2_347:not(#\9):focus, .awsui_link_4c84z_1jvg2_145.awsui_variant-top-navigation_4c84z_1jvg2_347:not(#\9):hover {
+.awsui_link_4c84z_1js89_145.awsui_variant-top-navigation_4c84z_1js89_347:not(#\9):active, .awsui_link_4c84z_1js89_145.awsui_variant-top-navigation_4c84z_1js89_347:not(#\9):focus, .awsui_link_4c84z_1js89_145.awsui_variant-top-navigation_4c84z_1js89_347:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_1jvg2_145.awsui_variant-recovery_4c84z_1jvg2_382:not(#\9) {
+.awsui_link_4c84z_1js89_145.awsui_variant-recovery_4c84z_1js89_382:not(#\9) {
   color: var(--awsui-style-color-default-n6lfw8, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: var(--font-link-button-weight-bnpz8h, 400);
   letter-spacing: var(--font-link-button-letter-spacing-yobz7z, normal);
@@ -403,30 +403,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1jvg2_145.awsui_variant-recovery_4c84z_1jvg2_382:not(#\9) {
+  .awsui_link_4c84z_1js89_145.awsui_variant-recovery_4c84z_1js89_382:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1jvg2_145.awsui_variant-recovery_4c84z_1jvg2_382:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1jvg2_145.awsui_variant-recovery_4c84z_1jvg2_382:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1js89_145.awsui_variant-recovery_4c84z_1js89_382:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1js89_145.awsui_variant-recovery_4c84z_1js89_382:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1jvg2_145.awsui_variant-recovery_4c84z_1jvg2_382:not(#\9):hover {
+.awsui_link_4c84z_1js89_145.awsui_variant-recovery_4c84z_1js89_382:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1jvg2_145.awsui_variant-recovery_4c84z_1jvg2_382:not(#\9):focus {
+.awsui_link_4c84z_1js89_145.awsui_variant-recovery_4c84z_1js89_382:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1jvg2_145.awsui_variant-recovery_4c84z_1jvg2_382:not(#\9):active {
+.awsui_link_4c84z_1js89_145.awsui_variant-recovery_4c84z_1js89_382:not(#\9):active {
   color: var(--awsui-style-color-active-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1jvg2_145.awsui_variant-recovery_4c84z_1jvg2_382:not(#\9):active, .awsui_link_4c84z_1jvg2_145.awsui_variant-recovery_4c84z_1jvg2_382:not(#\9):focus, .awsui_link_4c84z_1jvg2_145.awsui_variant-recovery_4c84z_1jvg2_382:not(#\9):hover {
+.awsui_link_4c84z_1js89_145.awsui_variant-recovery_4c84z_1js89_382:not(#\9):active, .awsui_link_4c84z_1js89_145.awsui_variant-recovery_4c84z_1js89_382:not(#\9):focus, .awsui_link_4c84z_1js89_145.awsui_variant-recovery_4c84z_1js89_382:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-button-underline-hover-s0fj6r, currentColor);
 }
-.awsui_link_4c84z_1jvg2_145.awsui_button_4c84z_1jvg2_415:not(#\9) {
+.awsui_link_4c84z_1js89_145.awsui_button_4c84z_1js89_415:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
   color: var(--awsui-style-color-default-n6lfw8, var(--color-text-link-button-normal-default-dm02c2, #545b64));
@@ -440,40 +440,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1jvg2_145.awsui_button_4c84z_1jvg2_415:not(#\9) {
+  .awsui_link_4c84z_1js89_145.awsui_button_4c84z_1js89_415:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1jvg2_145.awsui_button_4c84z_1jvg2_415:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1jvg2_145.awsui_button_4c84z_1jvg2_415:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1js89_145.awsui_button_4c84z_1js89_415:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1js89_145.awsui_button_4c84z_1js89_415:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1jvg2_145.awsui_button_4c84z_1jvg2_415:not(#\9):hover {
+.awsui_link_4c84z_1js89_145.awsui_button_4c84z_1js89_415:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-n6lfw8, var(--color-text-link-button-normal-hover-ldeaqo, #16191f));
 }
-.awsui_link_4c84z_1jvg2_145.awsui_button_4c84z_1jvg2_415:not(#\9):focus {
+.awsui_link_4c84z_1js89_145.awsui_button_4c84z_1js89_415:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1jvg2_145.awsui_button_4c84z_1jvg2_415:not(#\9):active {
+.awsui_link_4c84z_1js89_145.awsui_button_4c84z_1js89_415:not(#\9):active {
   color: var(--awsui-style-color-active-n6lfw8, var(--color-text-link-button-normal-active-q28r86, #16191f));
 }
-.awsui_link_4c84z_1jvg2_145.awsui_button_4c84z_1jvg2_415:not(#\9):active, .awsui_link_4c84z_1jvg2_145.awsui_button_4c84z_1jvg2_415:not(#\9):focus, .awsui_link_4c84z_1jvg2_145.awsui_button_4c84z_1jvg2_415:not(#\9):hover {
+.awsui_link_4c84z_1js89_145.awsui_button_4c84z_1js89_415:not(#\9):active, .awsui_link_4c84z_1js89_145.awsui_button_4c84z_1js89_415:not(#\9):focus, .awsui_link_4c84z_1js89_145.awsui_button_4c84z_1js89_415:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_1jvg2_145.awsui_color-inverted_4c84z_1jvg2_450:not(#\9) {
+.awsui_link_4c84z_1js89_145.awsui_color-inverted_4c84z_1js89_450:not(#\9) {
   color: var(--color-text-notification-default-fmebm4, #fafafa);
 }
-.awsui_link_4c84z_1jvg2_145.awsui_color-inverted_4c84z_1jvg2_450:not(#\9):not(.awsui_button_4c84z_1jvg2_415) {
+.awsui_link_4c84z_1js89_145.awsui_color-inverted_4c84z_1js89_450:not(#\9):not(.awsui_button_4c84z_1js89_415) {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1jvg2_145.awsui_color-inverted_4c84z_1jvg2_450:not(#\9):hover {
+.awsui_link_4c84z_1js89_145.awsui_color-inverted_4c84z_1js89_450:not(#\9):hover {
   color: var(--color-text-link-inverted-hover-7jk1d1, #fafafa);
 }
-body[data-awsui-focus-visible=true] .awsui_link_4c84z_1jvg2_145:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_link_4c84z_1js89_145:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
   outline-offset: 2px;
@@ -484,61 +484,62 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1jvg2_145:not(#\9):focus {
   border-end-end-radius: var(--awsui-style-focus-ring-border-radius-n6lfw8, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
   box-shadow: var(--awsui-style-focus-ring-box-shadow-n6lfw8);
 }
-.awsui_link_4c84z_1jvg2_145.awsui_font-size-body-s_4c84z_1jvg2_471:not(#\9) {
+.awsui_link_4c84z_1js89_145.awsui_font-size-body-s_4c84z_1js89_471:not(#\9) {
   font-size: var(--font-size-body-s-psgqn2, 12px);
   line-height: var(--line-height-body-s-otgtsr, 16px);
   letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
   text-underline-offset: 0.3em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1jvg2_145.awsui_font-size-body-m_4c84z_1jvg2_478:not(#\9) {
+.awsui_link_4c84z_1js89_145.awsui_font-size-body-m_4c84z_1js89_478:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1jvg2_145.awsui_font-size-heading-xs_4c84z_1jvg2_484:not(#\9) {
+.awsui_link_4c84z_1js89_145.awsui_font-size-heading-xs_4c84z_1js89_484:not(#\9) {
   font-size: var(--font-size-heading-xs-c20ika, 16px);
   line-height: var(--line-height-heading-xs-fuzanp, 20px);
+  letter-spacing: var(--letter-spacing-heading-xs-tefhgo, normal);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1jvg2_145.awsui_font-size-heading-s_4c84z_1jvg2_490:not(#\9) {
+.awsui_link_4c84z_1js89_145.awsui_font-size-heading-s_4c84z_1js89_491:not(#\9) {
   font-size: var(--font-size-heading-s-yde02v, 16px);
   line-height: var(--line-height-heading-s-j2axh8, 20px);
   letter-spacing: var(--letter-spacing-heading-s-696sxe, normal);
   text-underline-offset: 0.3em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1jvg2_145.awsui_font-size-heading-m_4c84z_1jvg2_497:not(#\9) {
+.awsui_link_4c84z_1js89_145.awsui_font-size-heading-m_4c84z_1js89_498:not(#\9) {
   font-size: var(--font-size-heading-m-56jjln, 18px);
   line-height: var(--line-height-heading-m-irezqt, 22px);
   letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1jvg2_145.awsui_font-size-heading-l_4c84z_1jvg2_504:not(#\9) {
+.awsui_link_4c84z_1js89_145.awsui_font-size-heading-l_4c84z_1js89_505:not(#\9) {
   font-size: var(--font-size-heading-l-qgg2za, 18px);
   line-height: var(--line-height-heading-l-vhgtnq, 22px);
   letter-spacing: var(--letter-spacing-heading-l-spdx5v, normal);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1jvg2_145.awsui_font-size-heading-xl_4c84z_1jvg2_511:not(#\9) {
+.awsui_link_4c84z_1js89_145.awsui_font-size-heading-xl_4c84z_1js89_512:not(#\9) {
   font-size: var(--font-size-heading-xl-w5di2k, 28px);
   line-height: var(--line-height-heading-xl-vs1f23, 36px);
   letter-spacing: var(--letter-spacing-heading-xl-33zwds, normal);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1jvg2_145.awsui_font-size-display-l_4c84z_1jvg2_518:not(#\9) {
+.awsui_link_4c84z_1js89_145.awsui_font-size-display-l_4c84z_1js89_519:not(#\9) {
   font-size: var(--font-size-display-l-h1h1h9, 44px);
   line-height: var(--line-height-display-l-3zghmm, 56px);
   letter-spacing: var(--letter-spacing-display-l-dniym1, normal);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 2px;
 }
-.awsui_link_4c84z_1jvg2_145.awsui_font-size-inherit_4c84z_1jvg2_525:not(#\9) {
+.awsui_link_4c84z_1js89_145.awsui_font-size-inherit_4c84z_1js89_526:not(#\9) {
   font-size: inherit;
   line-height: inherit;
   letter-spacing: inherit;
@@ -546,10 +547,10 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1jvg2_145:not(#\9):focus {
   text-decoration-thickness: 1px;
 }
 
-.awsui_icon-wrapper_4c84z_1jvg2_533:not(#\9) {
+.awsui_icon-wrapper_4c84z_1js89_534:not(#\9) {
   white-space: nowrap;
 }
 
-.awsui_icon_4c84z_1jvg2_533:not(#\9) {
+.awsui_icon_4c84z_1js89_534:not(#\9) {
   display: inline-block;
 }

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

@@ -2,25 +2,25 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "link": "awsui_link_4c84z_1jvg2_145",
-  "variant-secondary": "awsui_variant-secondary_4c84z_1jvg2_212",
-  "variant-primary": "awsui_variant-primary_4c84z_1jvg2_247",
-  "variant-info": "awsui_variant-info_4c84z_1jvg2_280",
-  "variant-value-large": "awsui_variant-value-large_4c84z_1jvg2_315",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1jvg2_347",
-  "variant-recovery": "awsui_variant-recovery_4c84z_1jvg2_382",
-  "button": "awsui_button_4c84z_1jvg2_415",
-  "color-inverted": "awsui_color-inverted_4c84z_1jvg2_450",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_1jvg2_471",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_1jvg2_478",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1jvg2_484",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1jvg2_490",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1jvg2_497",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1jvg2_504",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1jvg2_511",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_1jvg2_518",
-  "font-size-inherit": "awsui_font-size-inherit_4c84z_1jvg2_525",
-  "icon-wrapper": "awsui_icon-wrapper_4c84z_1jvg2_533",
-  "icon": "awsui_icon_4c84z_1jvg2_533"
+  "link": "awsui_link_4c84z_1js89_145",
+  "variant-secondary": "awsui_variant-secondary_4c84z_1js89_212",
+  "variant-primary": "awsui_variant-primary_4c84z_1js89_247",
+  "variant-info": "awsui_variant-info_4c84z_1js89_280",
+  "variant-value-large": "awsui_variant-value-large_4c84z_1js89_315",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1js89_347",
+  "variant-recovery": "awsui_variant-recovery_4c84z_1js89_382",
+  "button": "awsui_button_4c84z_1js89_415",
+  "color-inverted": "awsui_color-inverted_4c84z_1js89_450",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_1js89_471",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_1js89_478",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1js89_484",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1js89_491",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1js89_498",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1js89_505",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1js89_512",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_1js89_519",
+  "font-size-inherit": "awsui_font-size-inherit_4c84z_1js89_526",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_1js89_534",
+  "icon": "awsui_icon_4c84z_1js89_534"
 };