@cloudscape-design/components-themeable 3.0.364 → 3.0.365

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

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["link/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAElF,MAAM,WAAW,SAAU,SAAQ,kBAAkB;IACnD;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC;IAE9B;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,sBAAsB,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IAE1D;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,yBAAiB,SAAS,CAAC;IACzB,KAAY,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,MAAM,GAAG,mBAAmB,CAAC;IAC7E,KAAY,QAAQ,GAChB,QAAQ,GACR,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,WAAW,GACX,WAAW,GACX,YAAY,GACZ,WAAW,GACX,SAAS,CAAC;IACd,KAAY,KAAK,GAAG,QAAQ,GAAG,UAAU,CAAC;IAE1C,KAAY,YAAY,GAAG,oBAAoB,CAAC;IAEhD,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;CACF"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["link/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAElF,MAAM,WAAW,SAAU,SAAQ,kBAAkB;IACnD;;;;;;;;;;;;;;;;OAgBG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC;IAE9B;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,sBAAsB,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IAE1D;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,yBAAiB,SAAS,CAAC;IACzB,KAAY,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,MAAM,GAAG,mBAAmB,CAAC;IAC7E,KAAY,QAAQ,GAChB,QAAQ,GACR,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,WAAW,GACX,WAAW,GACX,YAAY,GACZ,WAAW,GACX,SAAS,CAAC;IACd,KAAY,KAAK,GAAG,QAAQ,GAAG,UAAU,CAAC;IAE1C,KAAY,YAAY,GAAG,oBAAoB,CAAC;IAEhD,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["link/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport React from 'react';\nimport { BaseNavigationDetail, CancelableEventHandler } from '../internal/events';\n\nexport interface LinkProps extends BaseComponentProps {\n  /**\n   * Determines the visual style of the link as follows:\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  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   * - `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   * 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\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"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["link/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport React from 'react';\nimport { BaseNavigationDetail, CancelableEventHandler } from '../internal/events';\n\nexport interface LinkProps extends BaseComponentProps {\n  /**\n   * Determines the visual style of the link as follows:\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   * - `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   * 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\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"]}

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

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["link/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAQlD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAsBlF,QAAA,MAAM,YAAY;cAHJ,SAAS,CAAC,SAAS,CAAC,GAAG,gBAAgB,GAAG,MAAM,GAAG,UAAU;uCA0K1E,CAAC;AAqBF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["link/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAQlD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAuBlF,QAAA,MAAM,YAAY;cAHJ,SAAS,CAAC,SAAS,CAAC,GAAG,gBAAgB,GAAG,MAAM,GAAG,UAAU;uCA4K1E,CAAC;AAqBF,eAAe,YAAY,CAAC"}

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

@@ -18,10 +18,13 @@ import { useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytic
 import { FunnelMetrics } from '../internal/analytics';
 import { useUniqueId } from '../internal/hooks/use-unique-id';
 import { DATA_ATTR_FUNNEL_VALUE, getFunnelValueSelector, getNameFromSelector, getSubStepAllSelector, } from '../internal/analytics/selectors';
+import { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';
 const InternalLink = React.forwardRef((_a, ref) => {
-    var { variant = 'secondary', fontSize = 'body-m', color = 'normal', external = false, target, href, rel, ariaLabel, externalIconAriaLabel, onFollow, children, __internalRootRef = null } = _a, props = __rest(_a, ["variant", "fontSize", "color", "external", "target", "href", "rel", "ariaLabel", "externalIconAriaLabel", "onFollow", "children", "__internalRootRef"]);
+    var { variant: providedVariant, fontSize = 'body-m', color = 'normal', external = false, target, href, rel, ariaLabel, externalIconAriaLabel, onFollow, children, __internalRootRef = null } = _a, props = __rest(_a, ["variant", "fontSize", "color", "external", "target", "href", "rel", "ariaLabel", "externalIconAriaLabel", "onFollow", "children", "__internalRootRef"]);
     checkSafeUrl('Link', href);
     const isButton = !href;
+    const { defaultVariant } = useContext(LinkDefaultVariantContext);
+    const variant = providedVariant || defaultVariant;
     const specialStyles = ['top-navigation', 'link', 'recovery'];
     const hasSpecialStyle = specialStyles.indexOf(variant) > -1;
     const i18n = useInternalI18n('link');

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

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["link/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, { useContext, useRef } from 'react';\nimport clsx from 'clsx';\nimport InternalIcon from '../icon/internal';\nimport styles from './styles.css.js';\nimport { getBaseProps } from '../internal/base-component';\nimport { fireCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { KeyCode } from '../internal/keycode';\nimport { LinkProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport { useInternalI18n } from '../i18n/context';\nimport { InfoLinkLabelContext } from '../internal/context/info-link-label-context';\nimport { useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\n\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport {\n  DATA_ATTR_FUNNEL_VALUE,\n  getFunnelValueSelector,\n  getNameFromSelector,\n  getSubStepAllSelector,\n} from '../internal/analytics/selectors';\n\ntype InternalLinkProps = InternalBaseComponentProps &\n  Omit<LinkProps, 'variant'> & {\n    variant?: LinkProps['variant'] | 'top-navigation' | 'link' | 'recovery';\n  };\n\nconst InternalLink = React.forwardRef(\n  (\n    {\n      variant = 'secondary',\n      fontSize = 'body-m',\n      color = 'normal',\n      external = false,\n      target,\n      href,\n      rel,\n      ariaLabel,\n      externalIconAriaLabel,\n      onFollow,\n      children,\n      __internalRootRef = null,\n      ...props\n    }: InternalLinkProps,\n    ref: React.Ref<LinkProps.Ref>\n  ) => {\n    checkSafeUrl('Link', href);\n    const isButton = !href;\n    const specialStyles = ['top-navigation', 'link', 'recovery'];\n    const hasSpecialStyle = specialStyles.indexOf(variant) > -1;\n\n    const i18n = useInternalI18n('link');\n    const baseProps = getBaseProps(props);\n    const anchorTarget = target ?? (external ? '_blank' : undefined);\n    const anchorRel = rel ?? (anchorTarget === '_blank' ? 'noopener noreferrer' : undefined);\n    const uniqueId = useUniqueId('link');\n    const linkId = useUniqueId('link-self');\n    const infoId = useUniqueId('link-info');\n\n    const infoLinkLabelFromContext = useContext(InfoLinkLabelContext);\n\n    const { funnelInteractionId } = useFunnel();\n    const { stepNumber, stepNameSelector } = useFunnelStep();\n    const { subStepSelector, subStepNameSelector } = useFunnelSubStep();\n\n    const fireFunnelEvent = (funnelInteractionId: string) => {\n      if (variant === 'info') {\n        const stepName = getNameFromSelector(stepNameSelector);\n        const subStepName = getNameFromSelector(subStepNameSelector);\n\n        FunnelMetrics.helpPanelInteracted({\n          funnelInteractionId,\n          stepNumber,\n          stepName,\n          stepNameSelector,\n          subStepSelector,\n          subStepName,\n          subStepNameSelector,\n          elementSelector: getFunnelValueSelector(uniqueId),\n          subStepAllSelector: getSubStepAllSelector(),\n        });\n      } else if (external) {\n        const stepName = getNameFromSelector(stepNameSelector);\n        const subStepName = getNameFromSelector(subStepNameSelector);\n\n        FunnelMetrics.externalLinkInteracted({\n          funnelInteractionId,\n          stepNumber,\n          stepName,\n          stepNameSelector,\n          subStepSelector,\n          subStepName,\n          subStepNameSelector,\n          elementSelector: getFunnelValueSelector(uniqueId),\n          subStepAllSelector: getSubStepAllSelector(),\n        });\n      }\n    };\n\n    const fireFollowEvent = (event: React.SyntheticEvent) => {\n      if (funnelInteractionId) {\n        fireFunnelEvent(funnelInteractionId);\n      }\n\n      fireCancelableEvent(onFollow, { href, external, target: anchorTarget }, event);\n    };\n\n    const handleLinkClick = (event: React.MouseEvent) => {\n      if (isPlainLeftClick(event)) {\n        fireFollowEvent(event);\n      }\n    };\n\n    const handleButtonClick = (event: React.MouseEvent) => {\n      fireFollowEvent(event);\n    };\n\n    const handleButtonKeyDown = (event: React.KeyboardEvent) => {\n      if (event.keyCode === KeyCode.space || event.keyCode === KeyCode.enter) {\n        event.preventDefault();\n        fireFollowEvent(event);\n      }\n    };\n\n    const linkRef = useRef<HTMLElement>(null);\n    const isVisualRefresh = useVisualRefresh();\n    useForwardFocus(ref, linkRef);\n\n    // Visual refresh should only add styles to buttons that don't already have unique styles (e.g. primary/secondary variants)\n    const applyButtonStyles = isButton && isVisualRefresh && !hasSpecialStyle;\n\n    const sharedProps = {\n      id: linkId,\n      ...baseProps,\n      // https://github.com/microsoft/TypeScript/issues/36659\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref: useMergeRefs(linkRef as any, __internalRootRef),\n      className: clsx(\n        styles.link,\n        baseProps.className,\n        applyButtonStyles ? styles.button : null,\n        styles[getVariantStyle(variant)],\n        styles[getFontSizeStyle(variant, fontSize)],\n        styles[getColorStyle(variant, color)]\n      ),\n      'aria-label': ariaLabel,\n      'aria-labelledby': '',\n      [DATA_ATTR_FUNNEL_VALUE]: uniqueId,\n    };\n\n    if (variant === 'info' && infoLinkLabelFromContext && !ariaLabel) {\n      sharedProps['aria-labelledby'] = `${sharedProps.id} ${infoId} ${infoLinkLabelFromContext}`;\n    }\n\n    const renderedExternalIconAriaLabel = i18n('externalIconAriaLabel', externalIconAriaLabel);\n    const content = (\n      <>\n        {children}\n        {external && (\n          <span className={styles['icon-wrapper']}>\n            &nbsp;\n            <span\n              className={styles.icon}\n              aria-label={renderedExternalIconAriaLabel}\n              role={renderedExternalIconAriaLabel ? 'img' : undefined}\n            >\n              <InternalIcon name=\"external\" size=\"inherit\" />\n            </span>\n          </span>\n        )}\n        {variant === 'info' && (\n          <span hidden={true} id={infoId}>\n            :\n          </span>\n        )}\n      </>\n    );\n\n    if (isButton) {\n      return (\n        <a {...sharedProps} role=\"button\" tabIndex={0} onKeyDown={handleButtonKeyDown} onClick={handleButtonClick}>\n          {content}\n        </a>\n      );\n    }\n\n    return (\n      // we dynamically set proper rel in the code above\n      // eslint-disable-next-line react/jsx-no-target-blank\n      <a {...sharedProps} target={anchorTarget} rel={anchorRel} href={href} onClick={handleLinkClick}>\n        {content}\n      </a>\n    );\n  }\n);\n\nfunction getVariantStyle(variant: Exclude<InternalLinkProps['variant'], undefined>) {\n  return `variant-${variant.replace(/^awsui-/, '')}`;\n}\n\nfunction getFontSizeStyle(variant: InternalLinkProps['variant'], fontSize: InternalLinkProps['fontSize']) {\n  switch (variant) {\n    case 'info':\n      return 'font-size-body-s';\n    case 'awsui-value-large':\n      return 'font-size-display-l';\n    default:\n      return `font-size-${fontSize}`;\n  }\n}\n\nfunction getColorStyle(variant: InternalLinkProps['variant'], color: InternalLinkProps['color']) {\n  return `color-${variant === 'info' ? 'normal' : color}`;\n}\n\nexport default InternalLink;\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["link/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3E,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAG9C,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAEpG,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EACL,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,yBAAyB,EAAE,MAAM,kDAAkD,CAAC;AAO7F,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CACnC,CACE,EAcoB,EACpB,GAA6B,EAC7B,EAAE;QAhBF,EACE,OAAO,EAAE,eAAe,EACxB,QAAQ,GAAG,QAAQ,EACnB,KAAK,GAAG,QAAQ,EAChB,QAAQ,GAAG,KAAK,EAChB,MAAM,EACN,IAAI,EACJ,GAAG,EACH,SAAS,EACT,qBAAqB,EACrB,QAAQ,EACR,QAAQ,EACR,iBAAiB,GAAG,IAAI,OAEN,EADf,KAAK,cAbV,wJAcC,CADS;IAIV,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAC3B,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC;IACvB,MAAM,EAAE,cAAc,EAAE,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAC;IACjE,MAAM,OAAO,GAAG,eAAe,IAAI,cAAc,CAAC;IAClD,MAAM,aAAa,GAAG,CAAC,gBAAgB,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;IAC7D,MAAM,eAAe,GAAG,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IAE5D,MAAM,IAAI,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;IACrC,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,YAAY,GAAG,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IACjE,MAAM,SAAS,GAAG,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,CAAC,YAAY,KAAK,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IACzF,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;IACrC,MAAM,MAAM,GAAG,WAAW,CAAC,WAAW,CAAC,CAAC;IACxC,MAAM,MAAM,GAAG,WAAW,CAAC,WAAW,CAAC,CAAC;IAExC,MAAM,wBAAwB,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAElE,MAAM,EAAE,mBAAmB,EAAE,GAAG,SAAS,EAAE,CAAC;IAC5C,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,aAAa,EAAE,CAAC;IACzD,MAAM,EAAE,eAAe,EAAE,mBAAmB,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEpE,MAAM,eAAe,GAAG,CAAC,mBAA2B,EAAE,EAAE;QACtD,IAAI,OAAO,KAAK,MAAM,EAAE;YACtB,MAAM,QAAQ,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;YACvD,MAAM,WAAW,GAAG,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;YAE7D,aAAa,CAAC,mBAAmB,CAAC;gBAChC,mBAAmB;gBACnB,UAAU;gBACV,QAAQ;gBACR,gBAAgB;gBAChB,eAAe;gBACf,WAAW;gBACX,mBAAmB;gBACnB,eAAe,EAAE,sBAAsB,CAAC,QAAQ,CAAC;gBACjD,kBAAkB,EAAE,qBAAqB,EAAE;aAC5C,CAAC,CAAC;SACJ;aAAM,IAAI,QAAQ,EAAE;YACnB,MAAM,QAAQ,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;YACvD,MAAM,WAAW,GAAG,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;YAE7D,aAAa,CAAC,sBAAsB,CAAC;gBACnC,mBAAmB;gBACnB,UAAU;gBACV,QAAQ;gBACR,gBAAgB;gBAChB,eAAe;gBACf,WAAW;gBACX,mBAAmB;gBACnB,eAAe,EAAE,sBAAsB,CAAC,QAAQ,CAAC;gBACjD,kBAAkB,EAAE,qBAAqB,EAAE;aAC5C,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;QACtD,IAAI,mBAAmB,EAAE;YACvB,eAAe,CAAC,mBAAmB,CAAC,CAAC;SACtC;QAED,mBAAmB,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,KAAK,CAAC,CAAC;IACjF,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,KAAuB,EAAE,EAAE;QAClD,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAE;YAC3B,eAAe,CAAC,KAAK,CAAC,CAAC;SACxB;IACH,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,KAAuB,EAAE,EAAE;QACpD,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,KAA0B,EAAE,EAAE;QACzD,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,KAAK,EAAE;YACtE,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,eAAe,CAAC,KAAK,CAAC,CAAC;SACxB;IACH,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAC1C,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAC3C,eAAe,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAE9B,2HAA2H;IAC3H,MAAM,iBAAiB,GAAG,QAAQ,IAAI,eAAe,IAAI,CAAC,eAAe,CAAC;IAE1E,MAAM,WAAW,iCACf,EAAE,EAAE,MAAM,IACP,SAAS;QACZ,uDAAuD;QACvD,8DAA8D;QAC9D,GAAG,EAAE,YAAY,CAAC,OAAc,EAAE,iBAAiB,CAAC,EACpD,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,IAAI,EACX,SAAS,CAAC,SAAS,EACnB,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EACxC,MAAM,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,EAChC,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,EAC3C,MAAM,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CACtC,EACD,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,EAAE,EACrB,CAAC,sBAAsB,CAAC,EAAE,QAAQ,GACnC,CAAC;IAEF,IAAI,OAAO,KAAK,MAAM,IAAI,wBAAwB,IAAI,CAAC,SAAS,EAAE;QAChE,WAAW,CAAC,iBAAiB,CAAC,GAAG,GAAG,WAAW,CAAC,EAAE,IAAI,MAAM,IAAI,wBAAwB,EAAE,CAAC;KAC5F;IAED,MAAM,6BAA6B,GAAG,IAAI,CAAC,uBAAuB,EAAE,qBAAqB,CAAC,CAAC;IAC3F,MAAM,OAAO,GAAG,CACd;QACG,QAAQ;QACR,QAAQ,IAAI,CACX,8BAAM,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC;;YAErC,8BACE,SAAS,EAAE,MAAM,CAAC,IAAI,gBACV,6BAA6B,EACzC,IAAI,EAAE,6BAA6B,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;gBAEvD,oBAAC,YAAY,IAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,SAAS,GAAG,CAC1C,CACF,CACR;QACA,OAAO,KAAK,MAAM,IAAI,CACrB,8BAAM,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,QAEvB,CACR,CACA,CACJ,CAAC;IAEF,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,2CAAO,WAAW,IAAE,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE,OAAO,EAAE,iBAAiB,KACtG,OAAO,CACN,CACL,CAAC;KACH;IAED,OAAO;IACL,kDAAkD;IAClD,qDAAqD;IACrD,2CAAO,WAAW,IAAE,MAAM,EAAE,YAAY,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,eAAe,KAC3F,OAAO,CACN,CACL,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,eAAe,CAAC,OAAyD;IAChF,OAAO,WAAW,OAAO,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC;AACrD,CAAC;AAED,SAAS,gBAAgB,CAAC,OAAqC,EAAE,QAAuC;IACtG,QAAQ,OAAO,EAAE;QACf,KAAK,MAAM;YACT,OAAO,kBAAkB,CAAC;QAC5B,KAAK,mBAAmB;YACtB,OAAO,qBAAqB,CAAC;QAC/B;YACE,OAAO,aAAa,QAAQ,EAAE,CAAC;KAClC;AACH,CAAC;AAED,SAAS,aAAa,CAAC,OAAqC,EAAE,KAAiC;IAC7F,OAAO,SAAS,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;AAC1D,CAAC;AAED,eAAe,YAAY,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useContext, useRef } from 'react';\nimport clsx from 'clsx';\nimport InternalIcon from '../icon/internal';\nimport styles from './styles.css.js';\nimport { getBaseProps } from '../internal/base-component';\nimport { fireCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { KeyCode } from '../internal/keycode';\nimport { LinkProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport { useInternalI18n } from '../i18n/context';\nimport { InfoLinkLabelContext } from '../internal/context/info-link-label-context';\nimport { useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\n\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport {\n  DATA_ATTR_FUNNEL_VALUE,\n  getFunnelValueSelector,\n  getNameFromSelector,\n  getSubStepAllSelector,\n} from '../internal/analytics/selectors';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\n\ntype InternalLinkProps = InternalBaseComponentProps &\n  Omit<LinkProps, 'variant'> & {\n    variant?: LinkProps['variant'] | 'top-navigation' | 'link' | 'recovery';\n  };\n\nconst InternalLink = React.forwardRef(\n  (\n    {\n      variant: providedVariant,\n      fontSize = 'body-m',\n      color = 'normal',\n      external = false,\n      target,\n      href,\n      rel,\n      ariaLabel,\n      externalIconAriaLabel,\n      onFollow,\n      children,\n      __internalRootRef = null,\n      ...props\n    }: InternalLinkProps,\n    ref: React.Ref<LinkProps.Ref>\n  ) => {\n    checkSafeUrl('Link', href);\n    const isButton = !href;\n    const { defaultVariant } = useContext(LinkDefaultVariantContext);\n    const variant = providedVariant || defaultVariant;\n    const specialStyles = ['top-navigation', 'link', 'recovery'];\n    const hasSpecialStyle = specialStyles.indexOf(variant) > -1;\n\n    const i18n = useInternalI18n('link');\n    const baseProps = getBaseProps(props);\n    const anchorTarget = target ?? (external ? '_blank' : undefined);\n    const anchorRel = rel ?? (anchorTarget === '_blank' ? 'noopener noreferrer' : undefined);\n    const uniqueId = useUniqueId('link');\n    const linkId = useUniqueId('link-self');\n    const infoId = useUniqueId('link-info');\n\n    const infoLinkLabelFromContext = useContext(InfoLinkLabelContext);\n\n    const { funnelInteractionId } = useFunnel();\n    const { stepNumber, stepNameSelector } = useFunnelStep();\n    const { subStepSelector, subStepNameSelector } = useFunnelSubStep();\n\n    const fireFunnelEvent = (funnelInteractionId: string) => {\n      if (variant === 'info') {\n        const stepName = getNameFromSelector(stepNameSelector);\n        const subStepName = getNameFromSelector(subStepNameSelector);\n\n        FunnelMetrics.helpPanelInteracted({\n          funnelInteractionId,\n          stepNumber,\n          stepName,\n          stepNameSelector,\n          subStepSelector,\n          subStepName,\n          subStepNameSelector,\n          elementSelector: getFunnelValueSelector(uniqueId),\n          subStepAllSelector: getSubStepAllSelector(),\n        });\n      } else if (external) {\n        const stepName = getNameFromSelector(stepNameSelector);\n        const subStepName = getNameFromSelector(subStepNameSelector);\n\n        FunnelMetrics.externalLinkInteracted({\n          funnelInteractionId,\n          stepNumber,\n          stepName,\n          stepNameSelector,\n          subStepSelector,\n          subStepName,\n          subStepNameSelector,\n          elementSelector: getFunnelValueSelector(uniqueId),\n          subStepAllSelector: getSubStepAllSelector(),\n        });\n      }\n    };\n\n    const fireFollowEvent = (event: React.SyntheticEvent) => {\n      if (funnelInteractionId) {\n        fireFunnelEvent(funnelInteractionId);\n      }\n\n      fireCancelableEvent(onFollow, { href, external, target: anchorTarget }, event);\n    };\n\n    const handleLinkClick = (event: React.MouseEvent) => {\n      if (isPlainLeftClick(event)) {\n        fireFollowEvent(event);\n      }\n    };\n\n    const handleButtonClick = (event: React.MouseEvent) => {\n      fireFollowEvent(event);\n    };\n\n    const handleButtonKeyDown = (event: React.KeyboardEvent) => {\n      if (event.keyCode === KeyCode.space || event.keyCode === KeyCode.enter) {\n        event.preventDefault();\n        fireFollowEvent(event);\n      }\n    };\n\n    const linkRef = useRef<HTMLElement>(null);\n    const isVisualRefresh = useVisualRefresh();\n    useForwardFocus(ref, linkRef);\n\n    // Visual refresh should only add styles to buttons that don't already have unique styles (e.g. primary/secondary variants)\n    const applyButtonStyles = isButton && isVisualRefresh && !hasSpecialStyle;\n\n    const sharedProps = {\n      id: linkId,\n      ...baseProps,\n      // https://github.com/microsoft/TypeScript/issues/36659\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      ref: useMergeRefs(linkRef as any, __internalRootRef),\n      className: clsx(\n        styles.link,\n        baseProps.className,\n        applyButtonStyles ? styles.button : null,\n        styles[getVariantStyle(variant)],\n        styles[getFontSizeStyle(variant, fontSize)],\n        styles[getColorStyle(variant, color)]\n      ),\n      'aria-label': ariaLabel,\n      'aria-labelledby': '',\n      [DATA_ATTR_FUNNEL_VALUE]: uniqueId,\n    };\n\n    if (variant === 'info' && infoLinkLabelFromContext && !ariaLabel) {\n      sharedProps['aria-labelledby'] = `${sharedProps.id} ${infoId} ${infoLinkLabelFromContext}`;\n    }\n\n    const renderedExternalIconAriaLabel = i18n('externalIconAriaLabel', externalIconAriaLabel);\n    const content = (\n      <>\n        {children}\n        {external && (\n          <span className={styles['icon-wrapper']}>\n            &nbsp;\n            <span\n              className={styles.icon}\n              aria-label={renderedExternalIconAriaLabel}\n              role={renderedExternalIconAriaLabel ? 'img' : undefined}\n            >\n              <InternalIcon name=\"external\" size=\"inherit\" />\n            </span>\n          </span>\n        )}\n        {variant === 'info' && (\n          <span hidden={true} id={infoId}>\n            :\n          </span>\n        )}\n      </>\n    );\n\n    if (isButton) {\n      return (\n        <a {...sharedProps} role=\"button\" tabIndex={0} onKeyDown={handleButtonKeyDown} onClick={handleButtonClick}>\n          {content}\n        </a>\n      );\n    }\n\n    return (\n      // we dynamically set proper rel in the code above\n      // eslint-disable-next-line react/jsx-no-target-blank\n      <a {...sharedProps} target={anchorTarget} rel={anchorRel} href={href} onClick={handleLinkClick}>\n        {content}\n      </a>\n    );\n  }\n);\n\nfunction getVariantStyle(variant: Exclude<InternalLinkProps['variant'], undefined>) {\n  return `variant-${variant.replace(/^awsui-/, '')}`;\n}\n\nfunction getFontSizeStyle(variant: InternalLinkProps['variant'], fontSize: InternalLinkProps['fontSize']) {\n  switch (variant) {\n    case 'info':\n      return 'font-size-body-s';\n    case 'awsui-value-large':\n      return 'font-size-display-l';\n    default:\n      return `font-size-${fontSize}`;\n  }\n}\n\nfunction getColorStyle(variant: InternalLinkProps['variant'], color: InternalLinkProps['color']) {\n  return `color-${variant === 'info' ? 'normal' : color}`;\n}\n\nexport default InternalLink;\n"]}

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

@@ -1,25 +1,25 @@
 
     import './styles.scoped.css';
     export default {
-  "link": "awsui_link_4c84z_1elf4_93",
-  "variant-secondary": "awsui_variant-secondary_4c84z_1elf4_140",
-  "variant-primary": "awsui_variant-primary_4c84z_1elf4_177",
-  "variant-info": "awsui_variant-info_4c84z_1elf4_212",
-  "variant-value-large": "awsui_variant-value-large_4c84z_1elf4_249",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1elf4_283",
-  "variant-recovery": "awsui_variant-recovery_4c84z_1elf4_318",
-  "button": "awsui_button_4c84z_1elf4_353",
-  "color-inverted": "awsui_color-inverted_4c84z_1elf4_390",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_1elf4_409",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_1elf4_414",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1elf4_418",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1elf4_422",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1elf4_427",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1elf4_432",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1elf4_437",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_1elf4_442",
-  "font-size-inherit": "awsui_font-size-inherit_4c84z_1elf4_447",
-  "icon-wrapper": "awsui_icon-wrapper_4c84z_1elf4_453",
-  "icon": "awsui_icon_4c84z_1elf4_453"
+  "link": "awsui_link_4c84z_g9csn_93",
+  "variant-secondary": "awsui_variant-secondary_4c84z_g9csn_140",
+  "variant-primary": "awsui_variant-primary_4c84z_g9csn_177",
+  "variant-info": "awsui_variant-info_4c84z_g9csn_212",
+  "variant-value-large": "awsui_variant-value-large_4c84z_g9csn_249",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_g9csn_285",
+  "variant-recovery": "awsui_variant-recovery_4c84z_g9csn_320",
+  "button": "awsui_button_4c84z_g9csn_355",
+  "color-inverted": "awsui_color-inverted_4c84z_g9csn_392",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_g9csn_411",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_g9csn_416",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_g9csn_420",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_g9csn_424",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_g9csn_429",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_g9csn_434",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_g9csn_439",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_g9csn_444",
+  "font-size-inherit": "awsui_font-size-inherit_4c84z_g9csn_449",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_g9csn_455",
+  "icon": "awsui_icon_4c84z_g9csn_455"
 };
   

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

@@ -90,7 +90,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_link_4c84z_1elf4_93:not(#\9) {
+.awsui_link_4c84z_g9csn_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -141,31 +141,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-1aoout, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1elf4_93:not(#\9) {
+  .awsui_link_4c84z_g9csn_93:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1elf4_93:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1elf4_93:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_g9csn_93:not(#\9), .awsui-mode-entering .awsui_link_4c84z_g9csn_93:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1elf4_93:not(#\9):hover {
+.awsui_link_4c84z_g9csn_93:not(#\9):hover {
   cursor: pointer;
-  color: var(--color-text-link-hover-3wj3nj, #0073bb);
+  color: var(--color-text-link-hover-162q5i, #0a4a74);
 }
-.awsui_link_4c84z_1elf4_93:not(#\9):focus {
+.awsui_link_4c84z_g9csn_93:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1elf4_93:not(#\9):active {
-  color: var(--color-text-link-hover-3wj3nj, #0073bb);
+.awsui_link_4c84z_g9csn_93:not(#\9):active {
+  color: var(--color-text-link-hover-162q5i, #0a4a74);
 }
-.awsui_link_4c84z_1elf4_93:not(#\9):active, .awsui_link_4c84z_1elf4_93:not(#\9):focus, .awsui_link_4c84z_1elf4_93:not(#\9):hover {
+.awsui_link_4c84z_g9csn_93:not(#\9):active, .awsui_link_4c84z_g9csn_93:not(#\9):focus, .awsui_link_4c84z_g9csn_93:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1elf4_93.awsui_variant-secondary_4c84z_1elf4_140:not(#\9) {
+.awsui_link_4c84z_g9csn_93.awsui_variant-secondary_4c84z_g9csn_140:not(#\9) {
   -webkit-font-smoothing: inherit;
   -moz-osx-font-smoothing: inherit;
   color: var(--color-text-link-default-mwf535, #0073bb);
@@ -180,69 +180,68 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-1aoout, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1elf4_93.awsui_variant-secondary_4c84z_1elf4_140:not(#\9) {
+  .awsui_link_4c84z_g9csn_93.awsui_variant-secondary_4c84z_g9csn_140:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1elf4_93.awsui_variant-secondary_4c84z_1elf4_140:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1elf4_93.awsui_variant-secondary_4c84z_1elf4_140:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_g9csn_93.awsui_variant-secondary_4c84z_g9csn_140:not(#\9), .awsui-mode-entering .awsui_link_4c84z_g9csn_93.awsui_variant-secondary_4c84z_g9csn_140:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1elf4_93.awsui_variant-secondary_4c84z_1elf4_140:not(#\9):hover {
+.awsui_link_4c84z_g9csn_93.awsui_variant-secondary_4c84z_g9csn_140:not(#\9):hover {
   cursor: pointer;
-  color: var(--color-text-link-hover-3wj3nj, #0073bb);
+  color: var(--color-text-link-hover-162q5i, #0a4a74);
 }
-.awsui_link_4c84z_1elf4_93.awsui_variant-secondary_4c84z_1elf4_140:not(#\9):focus {
+.awsui_link_4c84z_g9csn_93.awsui_variant-secondary_4c84z_g9csn_140:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1elf4_93.awsui_variant-secondary_4c84z_1elf4_140:not(#\9):active {
-  color: var(--color-text-link-hover-3wj3nj, #0073bb);
+.awsui_link_4c84z_g9csn_93.awsui_variant-secondary_4c84z_g9csn_140:not(#\9):active {
+  color: var(--color-text-link-hover-162q5i, #0a4a74);
 }
-.awsui_link_4c84z_1elf4_93.awsui_variant-secondary_4c84z_1elf4_140:not(#\9):active, .awsui_link_4c84z_1elf4_93.awsui_variant-secondary_4c84z_1elf4_140:not(#\9):focus, .awsui_link_4c84z_1elf4_93.awsui_variant-secondary_4c84z_1elf4_140:not(#\9):hover {
+.awsui_link_4c84z_g9csn_93.awsui_variant-secondary_4c84z_g9csn_140:not(#\9):active, .awsui_link_4c84z_g9csn_93.awsui_variant-secondary_4c84z_g9csn_140:not(#\9):focus, .awsui_link_4c84z_g9csn_93.awsui_variant-secondary_4c84z_g9csn_140:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1elf4_93.awsui_variant-primary_4c84z_1elf4_177:not(#\9) {
+.awsui_link_4c84z_g9csn_93.awsui_variant-primary_4c84z_g9csn_177: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_link_4c84z_1elf4_93.awsui_variant-primary_4c84z_1elf4_177:not(#\9) {
+  .awsui_link_4c84z_g9csn_93.awsui_variant-primary_4c84z_g9csn_177:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1elf4_93.awsui_variant-primary_4c84z_1elf4_177:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1elf4_93.awsui_variant-primary_4c84z_1elf4_177:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_g9csn_93.awsui_variant-primary_4c84z_g9csn_177:not(#\9), .awsui-mode-entering .awsui_link_4c84z_g9csn_93.awsui_variant-primary_4c84z_g9csn_177:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1elf4_93.awsui_variant-primary_4c84z_1elf4_177:not(#\9):hover {
+.awsui_link_4c84z_g9csn_93.awsui_variant-primary_4c84z_g9csn_177:not(#\9):hover {
   cursor: pointer;
-  color: var(--color-text-link-hover-3wj3nj, #0073bb);
+  color: var(--color-text-link-hover-162q5i, #0a4a74);
 }
-.awsui_link_4c84z_1elf4_93.awsui_variant-primary_4c84z_1elf4_177:not(#\9):focus {
+.awsui_link_4c84z_g9csn_93.awsui_variant-primary_4c84z_g9csn_177:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1elf4_93.awsui_variant-primary_4c84z_1elf4_177:not(#\9):active {
-  color: var(--color-text-link-hover-3wj3nj, #0073bb);
+.awsui_link_4c84z_g9csn_93.awsui_variant-primary_4c84z_g9csn_177:not(#\9):active {
+  color: var(--color-text-link-hover-162q5i, #0a4a74);
 }
-.awsui_link_4c84z_1elf4_93.awsui_variant-primary_4c84z_1elf4_177:not(#\9):active, .awsui_link_4c84z_1elf4_93.awsui_variant-primary_4c84z_1elf4_177:not(#\9):focus, .awsui_link_4c84z_1elf4_93.awsui_variant-primary_4c84z_1elf4_177:not(#\9):hover {
+.awsui_link_4c84z_g9csn_93.awsui_variant-primary_4c84z_g9csn_177:not(#\9):active, .awsui_link_4c84z_g9csn_93.awsui_variant-primary_4c84z_g9csn_177:not(#\9):focus, .awsui_link_4c84z_g9csn_93.awsui_variant-primary_4c84z_g9csn_177:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1elf4_93.awsui_variant-info_4c84z_1elf4_212:not(#\9) {
+.awsui_link_4c84z_g9csn_93.awsui_variant-info_4c84z_g9csn_212:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-r8w2d6, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ypl7oc, auto);
   color: var(--color-text-link-default-mwf535, #0073bb);
@@ -257,67 +256,69 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-1aoout, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1elf4_93.awsui_variant-info_4c84z_1elf4_212:not(#\9) {
+  .awsui_link_4c84z_g9csn_93.awsui_variant-info_4c84z_g9csn_212:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1elf4_93.awsui_variant-info_4c84z_1elf4_212:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1elf4_93.awsui_variant-info_4c84z_1elf4_212:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_g9csn_93.awsui_variant-info_4c84z_g9csn_212:not(#\9), .awsui-mode-entering .awsui_link_4c84z_g9csn_93.awsui_variant-info_4c84z_g9csn_212:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1elf4_93.awsui_variant-info_4c84z_1elf4_212:not(#\9):hover {
+.awsui_link_4c84z_g9csn_93.awsui_variant-info_4c84z_g9csn_212:not(#\9):hover {
   cursor: pointer;
-  color: var(--color-text-link-hover-3wj3nj, #0073bb);
+  color: var(--color-text-link-hover-162q5i, #0a4a74);
 }
-.awsui_link_4c84z_1elf4_93.awsui_variant-info_4c84z_1elf4_212:not(#\9):focus {
+.awsui_link_4c84z_g9csn_93.awsui_variant-info_4c84z_g9csn_212:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1elf4_93.awsui_variant-info_4c84z_1elf4_212:not(#\9):active {
-  color: var(--color-text-link-hover-3wj3nj, #0073bb);
+.awsui_link_4c84z_g9csn_93.awsui_variant-info_4c84z_g9csn_212:not(#\9):active {
+  color: var(--color-text-link-hover-162q5i, #0a4a74);
 }
-.awsui_link_4c84z_1elf4_93.awsui_variant-info_4c84z_1elf4_212:not(#\9):active, .awsui_link_4c84z_1elf4_93.awsui_variant-info_4c84z_1elf4_212:not(#\9):focus, .awsui_link_4c84z_1elf4_93.awsui_variant-info_4c84z_1elf4_212:not(#\9):hover {
+.awsui_link_4c84z_g9csn_93.awsui_variant-info_4c84z_g9csn_212:not(#\9):active, .awsui_link_4c84z_g9csn_93.awsui_variant-info_4c84z_g9csn_212:not(#\9):focus, .awsui_link_4c84z_g9csn_93.awsui_variant-info_4c84z_g9csn_212:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: var(--color-text-link-button-underline-hover-djlslb, currentColor);
 }
-.awsui_link_4c84z_1elf4_93.awsui_variant-value-large_4c84z_1elf4_249:not(#\9) {
+.awsui_link_4c84z_g9csn_93.awsui_variant-value-large_4c84z_g9csn_249:not(#\9) {
   color: var(--color-text-link-default-mwf535, #0073bb);
   font-weight: var(--font-box-value-large-weight-ucloqu, 300);
-  text-decoration: none;
+  text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
-  text-decoration-color: transparent;
+  text-decoration-color: currentColor;
+  text-decoration-thickness: 0.3rem;
   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_link_4c84z_1elf4_93.awsui_variant-value-large_4c84z_1elf4_249:not(#\9) {
+  .awsui_link_4c84z_g9csn_93.awsui_variant-value-large_4c84z_g9csn_249:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1elf4_93.awsui_variant-value-large_4c84z_1elf4_249:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1elf4_93.awsui_variant-value-large_4c84z_1elf4_249:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_g9csn_93.awsui_variant-value-large_4c84z_g9csn_249:not(#\9), .awsui-mode-entering .awsui_link_4c84z_g9csn_93.awsui_variant-value-large_4c84z_g9csn_249:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1elf4_93.awsui_variant-value-large_4c84z_1elf4_249:not(#\9):hover {
+.awsui_link_4c84z_g9csn_93.awsui_variant-value-large_4c84z_g9csn_249:not(#\9):hover {
   cursor: pointer;
-  color: var(--color-text-link-hover-3wj3nj, #0073bb);
+  color: var(--color-text-link-hover-162q5i, #0a4a74);
 }
-.awsui_link_4c84z_1elf4_93.awsui_variant-value-large_4c84z_1elf4_249:not(#\9):focus {
+.awsui_link_4c84z_g9csn_93.awsui_variant-value-large_4c84z_g9csn_249:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1elf4_93.awsui_variant-value-large_4c84z_1elf4_249:not(#\9):active {
-  color: var(--color-text-link-hover-3wj3nj, #0073bb);
+.awsui_link_4c84z_g9csn_93.awsui_variant-value-large_4c84z_g9csn_249:not(#\9):active {
+  color: var(--color-text-link-hover-162q5i, #0a4a74);
 }
-.awsui_link_4c84z_1elf4_93.awsui_variant-value-large_4c84z_1elf4_249:not(#\9):active, .awsui_link_4c84z_1elf4_93.awsui_variant-value-large_4c84z_1elf4_249:not(#\9):focus, .awsui_link_4c84z_1elf4_93.awsui_variant-value-large_4c84z_1elf4_249:not(#\9):hover {
+.awsui_link_4c84z_g9csn_93.awsui_variant-value-large_4c84z_g9csn_249:not(#\9):active, .awsui_link_4c84z_g9csn_93.awsui_variant-value-large_4c84z_g9csn_249:not(#\9):focus, .awsui_link_4c84z_g9csn_93.awsui_variant-value-large_4c84z_g9csn_249:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
+  text-decoration-thickness: 0.3rem;
 }
-.awsui_link_4c84z_1elf4_93.awsui_variant-top-navigation_4c84z_1elf4_283:not(#\9) {
+.awsui_link_4c84z_g9csn_93.awsui_variant-top-navigation_4c84z_g9csn_285:not(#\9) {
   color: var(--color-text-interactive-default-7wc1ct, #545b64);
   font-weight: 700;
   letter-spacing: 0.005em;
@@ -330,31 +331,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-1aoout, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1elf4_93.awsui_variant-top-navigation_4c84z_1elf4_283:not(#\9) {
+  .awsui_link_4c84z_g9csn_93.awsui_variant-top-navigation_4c84z_g9csn_285:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1elf4_93.awsui_variant-top-navigation_4c84z_1elf4_283:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1elf4_93.awsui_variant-top-navigation_4c84z_1elf4_283:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_g9csn_93.awsui_variant-top-navigation_4c84z_g9csn_285:not(#\9), .awsui-mode-entering .awsui_link_4c84z_g9csn_93.awsui_variant-top-navigation_4c84z_g9csn_285:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1elf4_93.awsui_variant-top-navigation_4c84z_1elf4_283:not(#\9):hover {
+.awsui_link_4c84z_g9csn_93.awsui_variant-top-navigation_4c84z_g9csn_285:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-interactive-hover-78oj78, #16191f);
 }
-.awsui_link_4c84z_1elf4_93.awsui_variant-top-navigation_4c84z_1elf4_283:not(#\9):focus {
+.awsui_link_4c84z_g9csn_93.awsui_variant-top-navigation_4c84z_g9csn_285:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1elf4_93.awsui_variant-top-navigation_4c84z_1elf4_283:not(#\9):active {
+.awsui_link_4c84z_g9csn_93.awsui_variant-top-navigation_4c84z_g9csn_285:not(#\9):active {
   color: var(--color-text-interactive-active-zv2spm, #16191f);
 }
-.awsui_link_4c84z_1elf4_93.awsui_variant-top-navigation_4c84z_1elf4_283:not(#\9):active, .awsui_link_4c84z_1elf4_93.awsui_variant-top-navigation_4c84z_1elf4_283:not(#\9):focus, .awsui_link_4c84z_1elf4_93.awsui_variant-top-navigation_4c84z_1elf4_283:not(#\9):hover {
+.awsui_link_4c84z_g9csn_93.awsui_variant-top-navigation_4c84z_g9csn_285:not(#\9):active, .awsui_link_4c84z_g9csn_93.awsui_variant-top-navigation_4c84z_g9csn_285:not(#\9):focus, .awsui_link_4c84z_g9csn_93.awsui_variant-top-navigation_4c84z_g9csn_285:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_1elf4_93.awsui_variant-recovery_4c84z_1elf4_318:not(#\9) {
+.awsui_link_4c84z_g9csn_93.awsui_variant-recovery_4c84z_g9csn_320:not(#\9) {
   color: var(--color-text-link-default-mwf535, #0073bb);
   font-weight: var(--font-link-button-weight-y3fyce, 400);
   letter-spacing: var(--font-link-button-letter-spacing-qcov8t, normal);
@@ -367,31 +368,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-1aoout, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1elf4_93.awsui_variant-recovery_4c84z_1elf4_318:not(#\9) {
+  .awsui_link_4c84z_g9csn_93.awsui_variant-recovery_4c84z_g9csn_320:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1elf4_93.awsui_variant-recovery_4c84z_1elf4_318:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1elf4_93.awsui_variant-recovery_4c84z_1elf4_318:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_g9csn_93.awsui_variant-recovery_4c84z_g9csn_320:not(#\9), .awsui-mode-entering .awsui_link_4c84z_g9csn_93.awsui_variant-recovery_4c84z_g9csn_320:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1elf4_93.awsui_variant-recovery_4c84z_1elf4_318:not(#\9):hover {
+.awsui_link_4c84z_g9csn_93.awsui_variant-recovery_4c84z_g9csn_320:not(#\9):hover {
   cursor: pointer;
-  color: var(--color-text-link-hover-3wj3nj, #0073bb);
+  color: var(--color-text-link-hover-162q5i, #0a4a74);
 }
-.awsui_link_4c84z_1elf4_93.awsui_variant-recovery_4c84z_1elf4_318:not(#\9):focus {
+.awsui_link_4c84z_g9csn_93.awsui_variant-recovery_4c84z_g9csn_320:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1elf4_93.awsui_variant-recovery_4c84z_1elf4_318:not(#\9):active {
-  color: var(--color-text-link-hover-3wj3nj, #0073bb);
+.awsui_link_4c84z_g9csn_93.awsui_variant-recovery_4c84z_g9csn_320:not(#\9):active {
+  color: var(--color-text-link-hover-162q5i, #0a4a74);
 }
-.awsui_link_4c84z_1elf4_93.awsui_variant-recovery_4c84z_1elf4_318:not(#\9):active, .awsui_link_4c84z_1elf4_93.awsui_variant-recovery_4c84z_1elf4_318:not(#\9):focus, .awsui_link_4c84z_1elf4_93.awsui_variant-recovery_4c84z_1elf4_318:not(#\9):hover {
+.awsui_link_4c84z_g9csn_93.awsui_variant-recovery_4c84z_g9csn_320:not(#\9):active, .awsui_link_4c84z_g9csn_93.awsui_variant-recovery_4c84z_g9csn_320:not(#\9):focus, .awsui_link_4c84z_g9csn_93.awsui_variant-recovery_4c84z_g9csn_320:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: var(--color-text-link-button-underline-hover-djlslb, currentColor);
 }
-.awsui_link_4c84z_1elf4_93.awsui_button_4c84z_1elf4_353:not(#\9) {
+.awsui_link_4c84z_g9csn_93.awsui_button_4c84z_g9csn_355:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-r8w2d6, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ypl7oc, auto);
   color: var(--color-text-link-button-normal-default-w6ba0p, #545b64);
@@ -406,42 +407,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-1aoout, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1elf4_93.awsui_button_4c84z_1elf4_353:not(#\9) {
+  .awsui_link_4c84z_g9csn_93.awsui_button_4c84z_g9csn_355:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1elf4_93.awsui_button_4c84z_1elf4_353:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1elf4_93.awsui_button_4c84z_1elf4_353:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_g9csn_93.awsui_button_4c84z_g9csn_355:not(#\9), .awsui-mode-entering .awsui_link_4c84z_g9csn_93.awsui_button_4c84z_g9csn_355:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1elf4_93.awsui_button_4c84z_1elf4_353:not(#\9):hover {
+.awsui_link_4c84z_g9csn_93.awsui_button_4c84z_g9csn_355:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-button-normal-hover-w2i428, #16191f);
 }
-.awsui_link_4c84z_1elf4_93.awsui_button_4c84z_1elf4_353:not(#\9):focus {
+.awsui_link_4c84z_g9csn_93.awsui_button_4c84z_g9csn_355:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1elf4_93.awsui_button_4c84z_1elf4_353:not(#\9):active {
+.awsui_link_4c84z_g9csn_93.awsui_button_4c84z_g9csn_355:not(#\9):active {
   color: var(--color-text-link-button-normal-active-bzgoeq, #16191f);
 }
-.awsui_link_4c84z_1elf4_93.awsui_button_4c84z_1elf4_353:not(#\9):active, .awsui_link_4c84z_1elf4_93.awsui_button_4c84z_1elf4_353:not(#\9):focus, .awsui_link_4c84z_1elf4_93.awsui_button_4c84z_1elf4_353:not(#\9):hover {
+.awsui_link_4c84z_g9csn_93.awsui_button_4c84z_g9csn_355:not(#\9):active, .awsui_link_4c84z_g9csn_93.awsui_button_4c84z_g9csn_355:not(#\9):focus, .awsui_link_4c84z_g9csn_93.awsui_button_4c84z_g9csn_355:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_1elf4_93.awsui_color-inverted_4c84z_1elf4_390:not(#\9) {
+.awsui_link_4c84z_g9csn_93.awsui_color-inverted_4c84z_g9csn_392:not(#\9) {
   color: var(--color-text-notification-default-dvlvko, #fafafa);
 }
-.awsui_link_4c84z_1elf4_93.awsui_color-inverted_4c84z_1elf4_390:not(#\9):not(.awsui_button_4c84z_1elf4_353) {
+.awsui_link_4c84z_g9csn_93.awsui_color-inverted_4c84z_g9csn_392:not(#\9):not(.awsui_button_4c84z_g9csn_355) {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1elf4_93.awsui_color-inverted_4c84z_1elf4_390:not(#\9):hover {
+.awsui_link_4c84z_g9csn_93.awsui_color-inverted_4c84z_g9csn_392:not(#\9):hover {
   color: var(--color-text-link-inverted-hover-o7al0p, #fafafa);
 }
-body[data-awsui-focus-visible=true] .awsui_link_4c84z_1elf4_93:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_link_4c84z_g9csn_93:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-y3uozn, 5px auto Highlight);
   outline-offset: 2px;
@@ -449,54 +450,54 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1elf4_93:not(#\9):focus {
   border-radius: var(--border-radius-control-default-focus-ring-awoa2s, 2px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-btuheb, 0px) var(--color-border-item-focused-gjqsnp, #0073bb);
 }
-.awsui_link_4c84z_1elf4_93.awsui_font-size-body-s_4c84z_1elf4_409:not(#\9) {
+.awsui_link_4c84z_g9csn_93.awsui_font-size-body-s_4c84z_g9csn_411:not(#\9) {
   font-size: var(--font-body-s-size-wofdyf, 12px);
   line-height: var(--font-body-s-line-height-hkht1z, 16px);
   letter-spacing: var(--font-body-s-letter-spacing-bkw1uw, normal);
 }
-.awsui_link_4c84z_1elf4_93.awsui_font-size-body-m_4c84z_1elf4_414:not(#\9) {
+.awsui_link_4c84z_g9csn_93.awsui_font-size-body-m_4c84z_g9csn_416:not(#\9) {
   font-size: var(--font-body-m-size-q2y4dq, 14px);
   line-height: var(--font-body-m-line-height-7pedlt, 22px);
 }
-.awsui_link_4c84z_1elf4_93.awsui_font-size-heading-xs_4c84z_1elf4_418:not(#\9) {
+.awsui_link_4c84z_g9csn_93.awsui_font-size-heading-xs_4c84z_g9csn_420:not(#\9) {
   font-size: var(--font-heading-xs-size-cj7yvf, 16px);
   line-height: var(--font-heading-xs-line-height-eo46pq, 20px);
 }
-.awsui_link_4c84z_1elf4_93.awsui_font-size-heading-s_4c84z_1elf4_422:not(#\9) {
+.awsui_link_4c84z_g9csn_93.awsui_font-size-heading-s_4c84z_g9csn_424:not(#\9) {
   font-size: var(--font-heading-s-size-50c3ux, 16px);
   line-height: var(--font-heading-s-line-height-ykeawn, 20px);
   letter-spacing: var(--font-heading-s-letter-spacing-dw4ti9, normal);
 }
-.awsui_link_4c84z_1elf4_93.awsui_font-size-heading-m_4c84z_1elf4_427:not(#\9) {
+.awsui_link_4c84z_g9csn_93.awsui_font-size-heading-m_4c84z_g9csn_429:not(#\9) {
   font-size: var(--font-heading-m-size-pcxbv7, 18px);
   line-height: var(--font-heading-m-line-height-u0fekd, 22px);
   letter-spacing: var(--font-heading-m-letter-spacing-d3cpxu, normal);
 }
-.awsui_link_4c84z_1elf4_93.awsui_font-size-heading-l_4c84z_1elf4_432:not(#\9) {
+.awsui_link_4c84z_g9csn_93.awsui_font-size-heading-l_4c84z_g9csn_434:not(#\9) {
   font-size: var(--font-heading-l-size-ogihwd, 18px);
   line-height: var(--font-heading-l-line-height-imzcck, 22px);
   letter-spacing: var(--font-heading-l-letter-spacing-bz1hn0, normal);
 }
-.awsui_link_4c84z_1elf4_93.awsui_font-size-heading-xl_4c84z_1elf4_437:not(#\9) {
+.awsui_link_4c84z_g9csn_93.awsui_font-size-heading-xl_4c84z_g9csn_439:not(#\9) {
   font-size: var(--font-heading-xl-size-c5vcsd, 28px);
   line-height: var(--font-heading-xl-line-height-ar3qte, 36px);
   letter-spacing: var(--font-heading-xl-letter-spacing-vfe8oi, normal);
 }
-.awsui_link_4c84z_1elf4_93.awsui_font-size-display-l_4c84z_1elf4_442:not(#\9) {
+.awsui_link_4c84z_g9csn_93.awsui_font-size-display-l_4c84z_g9csn_444:not(#\9) {
   font-size: var(--font-display-l-size-50gz06, 44px);
   line-height: var(--font-display-l-line-height-bnhwv5, 56px);
   letter-spacing: var(--font-display-l-letter-spacing-d16py1, normal);
 }
-.awsui_link_4c84z_1elf4_93.awsui_font-size-inherit_4c84z_1elf4_447:not(#\9) {
+.awsui_link_4c84z_g9csn_93.awsui_font-size-inherit_4c84z_g9csn_449:not(#\9) {
   font-size: inherit;
   line-height: inherit;
   letter-spacing: inherit;
 }
 
-.awsui_icon-wrapper_4c84z_1elf4_453:not(#\9) {
+.awsui_icon-wrapper_4c84z_g9csn_455:not(#\9) {
   white-space: nowrap;
 }
 
-.awsui_icon_4c84z_1elf4_453:not(#\9) {
+.awsui_icon_4c84z_g9csn_455:not(#\9) {
   display: inline-block;
 }