@cloudscape-design/components-themeable 3.0.1315 → 3.0.1317

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

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/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';\n\nimport { useMergeRefs, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useInternalI18n } from '../i18n/context';\nimport InternalIcon from '../icon/internal';\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport {\n  DATA_ATTR_FUNNEL_VALUE,\n  getFunnelValueSelector,\n  getSubStepAllSelector,\n  getTextFromSelector,\n} from '../internal/analytics/selectors';\nimport { getBaseProps } from '../internal/base-component';\nimport { InfoLinkLabelContext } from '../internal/context/info-link-label-context';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\nimport { useTokenInlineContext } from '../internal/context/token-inline-context';\nimport { fireCancelableEvent, fireNonCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { KeyCode } from '../internal/keycode';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport { LinkProps } from './interfaces';\nimport { getLinkStyles } from './style';\n\nimport styles from './styles.css.js';\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      onClick,\n      children,\n      nativeAttributes,\n      __internalRootRef,\n      style,\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 { funnelIdentifier, funnelInteractionId } = useFunnel();\n    const { stepIdentifier, stepNumber, stepNameSelector } = useFunnelStep();\n    const { subStepIdentifier, subStepSelector, subStepNameSelector } = useFunnelSubStep();\n\n    const fireFunnelEvent = (funnelInteractionId: string) => {\n      if (variant === 'info') {\n        const stepName = getTextFromSelector(stepNameSelector);\n        const subStepName = getTextFromSelector(subStepNameSelector);\n\n        FunnelMetrics.helpPanelInteracted({\n          funnelIdentifier,\n          funnelInteractionId,\n          stepIdentifier,\n          stepNumber,\n          stepName,\n          subStepIdentifier,\n          stepNameSelector,\n          subStepSelector,\n          subStepName,\n          subStepNameSelector,\n          elementSelector: getFunnelValueSelector(uniqueId),\n          subStepAllSelector: getSubStepAllSelector(),\n        });\n      } else if (external) {\n        const stepName = getTextFromSelector(stepNameSelector);\n        const subStepName = getTextFromSelector(subStepNameSelector);\n\n        FunnelMetrics.externalLinkInteracted({\n          funnelIdentifier,\n          funnelInteractionId,\n          stepIdentifier,\n          stepNumber,\n          stepName,\n          stepNameSelector,\n          subStepIdentifier,\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 fireClickEvent = (event: React.MouseEvent | React.KeyboardEvent) => {\n      const { altKey, ctrlKey, metaKey, shiftKey } = event;\n      // eslint-disable-next-line no-restricted-syntax -- MouseEvent vs KeyboardEvent discrimination\n      const button = 'button' in event ? event.button : 0;\n      // make onClick non-cancelable to prevent it from being used to block full page reload\n      // for navigation use `onFollow` event instead\n      fireNonCancelableEvent(onClick, { altKey, button, ctrlKey, metaKey, shiftKey });\n    };\n\n    const handleLinkClick = (event: React.MouseEvent) => {\n      if (isPlainLeftClick(event)) {\n        fireFollowEvent(event);\n      }\n      fireClickEvent(event);\n    };\n\n    const handleButtonClick = (event: React.MouseEvent) => {\n      fireFollowEvent(event);\n      fireClickEvent(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        fireClickEvent(event);\n      }\n    };\n\n    const linkRef = useRef<HTMLElement>(null);\n    const isVisualRefresh = useVisualRefresh();\n    const { isInlineToken } = useTokenInlineContext();\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      ref: useMergeRefs(linkRef, __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        isInlineToken && styles['in-inline-token']\n      ),\n      style: getLinkStyles(style),\n      'aria-label': ariaLabel,\n      'aria-labelledby': undefined as string | undefined,\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        <span>{children}</span>\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    const { tabIndex } = useSingleTabStopNavigation(linkRef, { tabIndex: isButton ? 0 : undefined });\n\n    if (isButton) {\n      return (\n        <WithNativeAttributes\n          {...sharedProps}\n          tag=\"a\"\n          componentName=\"Link\"\n          nativeAttributes={nativeAttributes}\n          role=\"button\"\n          tabIndex={tabIndex}\n          onKeyDown={handleButtonKeyDown}\n          onClick={handleButtonClick}\n        >\n          {content}\n        </WithNativeAttributes>\n      );\n    }\n\n    return (\n      <WithNativeAttributes\n        {...sharedProps}\n        tag=\"a\"\n        componentName=\"Link\"\n        nativeAttributes={nativeAttributes}\n        tabIndex={tabIndex}\n        target={anchorTarget}\n        rel={anchorRel}\n        href={href}\n        onClick={handleLinkClick}\n      >\n        {content}\n      </WithNativeAttributes>\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":"","sources":["../../../src/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';\n\nimport { useMergeRefs, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useInternalI18n } from '../i18n/context';\nimport InternalIcon from '../icon/internal';\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport {\n  DATA_ATTR_FUNNEL_VALUE,\n  getFunnelValueSelector,\n  getSubStepAllSelector,\n  getTextFromSelector,\n} from '../internal/analytics/selectors';\nimport { getBaseProps } from '../internal/base-component';\nimport { InfoLinkLabelContext } from '../internal/context/info-link-label-context';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\nimport { useTokenInlineContext } from '../internal/context/token-inline-context';\nimport { fireCancelableEvent, fireNonCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { KeyCode } from '../internal/keycode';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport { LinkProps } from './interfaces';\nimport { getLinkStyles } from './style';\n\nimport styles from './styles.css.js';\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      onClick,\n      children,\n      nativeAttributes,\n      __internalRootRef,\n      style,\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', 'info'];\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 { funnelIdentifier, funnelInteractionId } = useFunnel();\n    const { stepIdentifier, stepNumber, stepNameSelector } = useFunnelStep();\n    const { subStepIdentifier, subStepSelector, subStepNameSelector } = useFunnelSubStep();\n\n    const fireFunnelEvent = (funnelInteractionId: string) => {\n      if (variant === 'info') {\n        const stepName = getTextFromSelector(stepNameSelector);\n        const subStepName = getTextFromSelector(subStepNameSelector);\n\n        FunnelMetrics.helpPanelInteracted({\n          funnelIdentifier,\n          funnelInteractionId,\n          stepIdentifier,\n          stepNumber,\n          stepName,\n          subStepIdentifier,\n          stepNameSelector,\n          subStepSelector,\n          subStepName,\n          subStepNameSelector,\n          elementSelector: getFunnelValueSelector(uniqueId),\n          subStepAllSelector: getSubStepAllSelector(),\n        });\n      } else if (external) {\n        const stepName = getTextFromSelector(stepNameSelector);\n        const subStepName = getTextFromSelector(subStepNameSelector);\n\n        FunnelMetrics.externalLinkInteracted({\n          funnelIdentifier,\n          funnelInteractionId,\n          stepIdentifier,\n          stepNumber,\n          stepName,\n          stepNameSelector,\n          subStepIdentifier,\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 fireClickEvent = (event: React.MouseEvent | React.KeyboardEvent) => {\n      const { altKey, ctrlKey, metaKey, shiftKey } = event;\n      // eslint-disable-next-line no-restricted-syntax -- MouseEvent vs KeyboardEvent discrimination\n      const button = 'button' in event ? event.button : 0;\n      // make onClick non-cancelable to prevent it from being used to block full page reload\n      // for navigation use `onFollow` event instead\n      fireNonCancelableEvent(onClick, { altKey, button, ctrlKey, metaKey, shiftKey });\n    };\n\n    const handleLinkClick = (event: React.MouseEvent) => {\n      if (isPlainLeftClick(event)) {\n        fireFollowEvent(event);\n      }\n      fireClickEvent(event);\n    };\n\n    const handleButtonClick = (event: React.MouseEvent) => {\n      fireFollowEvent(event);\n      fireClickEvent(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        fireClickEvent(event);\n      }\n    };\n\n    const linkRef = useRef<HTMLElement>(null);\n    const isVisualRefresh = useVisualRefresh();\n    const { isInlineToken } = useTokenInlineContext();\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      ref: useMergeRefs(linkRef, __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        isInlineToken && styles['in-inline-token']\n      ),\n      style: getLinkStyles(style),\n      'aria-label': ariaLabel,\n      'aria-labelledby': undefined as string | undefined,\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        <span>{children}</span>\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    const { tabIndex } = useSingleTabStopNavigation(linkRef, { tabIndex: isButton ? 0 : undefined });\n\n    if (isButton) {\n      return (\n        <WithNativeAttributes\n          {...sharedProps}\n          tag=\"a\"\n          componentName=\"Link\"\n          nativeAttributes={nativeAttributes}\n          role=\"button\"\n          tabIndex={tabIndex}\n          onKeyDown={handleButtonKeyDown}\n          onClick={handleButtonClick}\n        >\n          {content}\n        </WithNativeAttributes>\n      );\n    }\n\n    return (\n      <WithNativeAttributes\n        {...sharedProps}\n        tag=\"a\"\n        componentName=\"Link\"\n        nativeAttributes={nativeAttributes}\n        tabIndex={tabIndex}\n        target={anchorTarget}\n        rel={anchorRel}\n        href={href}\n        onClick={handleLinkClick}\n      >\n        {content}\n      </WithNativeAttributes>\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,26 +1,26 @@
 
     import './styles.scoped.css';
     export default {
-  "link": "awsui_link_4c84z_1c1ni_145",
-  "variant-recovery": "awsui_variant-recovery_4c84z_1c1ni_213",
-  "variant-secondary": "awsui_variant-secondary_4c84z_1c1ni_246",
-  "variant-primary": "awsui_variant-primary_4c84z_1c1ni_281",
-  "variant-info": "awsui_variant-info_4c84z_1c1ni_314",
-  "variant-value-large": "awsui_variant-value-large_4c84z_1c1ni_349",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1c1ni_381",
-  "button": "awsui_button_4c84z_1c1ni_416",
-  "color-inverted": "awsui_color-inverted_4c84z_1c1ni_451",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_1c1ni_472",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_1c1ni_480",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1c1ni_487",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1c1ni_495",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1c1ni_503",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1c1ni_511",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1c1ni_519",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_1c1ni_527",
-  "font-size-inherit": "awsui_font-size-inherit_4c84z_1c1ni_535",
-  "in-inline-token": "awsui_in-inline-token_4c84z_1c1ni_543",
-  "icon-wrapper": "awsui_icon-wrapper_4c84z_1c1ni_547",
-  "icon": "awsui_icon_4c84z_1c1ni_547"
+  "link": "awsui_link_4c84z_1kln3_145",
+  "variant-recovery": "awsui_variant-recovery_4c84z_1kln3_213",
+  "variant-secondary": "awsui_variant-secondary_4c84z_1kln3_246",
+  "variant-primary": "awsui_variant-primary_4c84z_1kln3_281",
+  "variant-info": "awsui_variant-info_4c84z_1kln3_314",
+  "variant-value-large": "awsui_variant-value-large_4c84z_1kln3_349",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1kln3_381",
+  "button": "awsui_button_4c84z_1kln3_416",
+  "color-inverted": "awsui_color-inverted_4c84z_1kln3_488",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_1kln3_516",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_1kln3_524",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1kln3_531",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1kln3_539",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1kln3_547",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1kln3_555",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1kln3_563",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_1kln3_571",
+  "font-size-inherit": "awsui_font-size-inherit_4c84z_1kln3_579",
+  "in-inline-token": "awsui_in-inline-token_4c84z_1kln3_587",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_1kln3_591",
+  "icon": "awsui_icon_4c84z_1kln3_591"
 };
   

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_1c1ni_145:not(#\9) {
+.awsui_link_4c84z_1kln3_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -189,30 +189,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_1c1ni_145:not(#\9) {
+  .awsui_link_4c84z_1kln3_145:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1c1ni_145:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1c1ni_145:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1kln3_145:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1kln3_145:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1c1ni_145:not(#\9):hover {
+.awsui_link_4c84z_1kln3_145:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-secondary-hover-c3snug, #0a4a74));
 }
-.awsui_link_4c84z_1c1ni_145:not(#\9):focus {
+.awsui_link_4c84z_1kln3_145:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1c1ni_145:not(#\9):active {
+.awsui_link_4c84z_1kln3_145:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-secondary-hover-c3snug, #0a4a74));
 }
-.awsui_link_4c84z_1c1ni_145:not(#\9):active, .awsui_link_4c84z_1c1ni_145:not(#\9):focus, .awsui_link_4c84z_1c1ni_145:not(#\9):hover {
+.awsui_link_4c84z_1kln3_145:not(#\9):active, .awsui_link_4c84z_1kln3_145:not(#\9):focus, .awsui_link_4c84z_1kln3_145:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1c1ni_145.awsui_variant-recovery_4c84z_1c1ni_213:not(#\9) {
+.awsui_link_4c84z_1kln3_145.awsui_variant-recovery_4c84z_1kln3_213:not(#\9) {
   color: var(--awsui-style-color-default-6b9ypa, 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);
@@ -224,30 +224,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_1c1ni_145.awsui_variant-recovery_4c84z_1c1ni_213:not(#\9) {
+  .awsui_link_4c84z_1kln3_145.awsui_variant-recovery_4c84z_1kln3_213:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1c1ni_145.awsui_variant-recovery_4c84z_1c1ni_213:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1c1ni_145.awsui_variant-recovery_4c84z_1c1ni_213:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1kln3_145.awsui_variant-recovery_4c84z_1kln3_213:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1kln3_145.awsui_variant-recovery_4c84z_1kln3_213:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1c1ni_145.awsui_variant-recovery_4c84z_1c1ni_213:not(#\9):hover {
+.awsui_link_4c84z_1kln3_145.awsui_variant-recovery_4c84z_1kln3_213:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1c1ni_145.awsui_variant-recovery_4c84z_1c1ni_213:not(#\9):focus {
+.awsui_link_4c84z_1kln3_145.awsui_variant-recovery_4c84z_1kln3_213:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1c1ni_145.awsui_variant-recovery_4c84z_1c1ni_213:not(#\9):active {
+.awsui_link_4c84z_1kln3_145.awsui_variant-recovery_4c84z_1kln3_213:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1c1ni_145.awsui_variant-recovery_4c84z_1c1ni_213:not(#\9):active, .awsui_link_4c84z_1c1ni_145.awsui_variant-recovery_4c84z_1c1ni_213:not(#\9):focus, .awsui_link_4c84z_1c1ni_145.awsui_variant-recovery_4c84z_1c1ni_213:not(#\9):hover {
+.awsui_link_4c84z_1kln3_145.awsui_variant-recovery_4c84z_1kln3_213:not(#\9):active, .awsui_link_4c84z_1kln3_145.awsui_variant-recovery_4c84z_1kln3_213:not(#\9):focus, .awsui_link_4c84z_1kln3_145.awsui_variant-recovery_4c84z_1kln3_213:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-button-underline-hover-s0fj6r, currentColor);
 }
-.awsui_link_4c84z_1c1ni_145.awsui_variant-secondary_4c84z_1c1ni_246:not(#\9) {
+.awsui_link_4c84z_1kln3_145.awsui_variant-secondary_4c84z_1kln3_246:not(#\9) {
   -webkit-font-smoothing: inherit;
   -moz-osx-font-smoothing: inherit;
   color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-secondary-default-6w6hsr, #0073bb));
@@ -261,30 +261,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_1c1ni_145.awsui_variant-secondary_4c84z_1c1ni_246:not(#\9) {
+  .awsui_link_4c84z_1kln3_145.awsui_variant-secondary_4c84z_1kln3_246:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1c1ni_145.awsui_variant-secondary_4c84z_1c1ni_246:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1c1ni_145.awsui_variant-secondary_4c84z_1c1ni_246:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1kln3_145.awsui_variant-secondary_4c84z_1kln3_246:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1kln3_145.awsui_variant-secondary_4c84z_1kln3_246:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1c1ni_145.awsui_variant-secondary_4c84z_1c1ni_246:not(#\9):hover {
+.awsui_link_4c84z_1kln3_145.awsui_variant-secondary_4c84z_1kln3_246:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-secondary-hover-c3snug, #0a4a74));
 }
-.awsui_link_4c84z_1c1ni_145.awsui_variant-secondary_4c84z_1c1ni_246:not(#\9):focus {
+.awsui_link_4c84z_1kln3_145.awsui_variant-secondary_4c84z_1kln3_246:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1c1ni_145.awsui_variant-secondary_4c84z_1c1ni_246:not(#\9):active {
+.awsui_link_4c84z_1kln3_145.awsui_variant-secondary_4c84z_1kln3_246:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-secondary-hover-c3snug, #0a4a74));
 }
-.awsui_link_4c84z_1c1ni_145.awsui_variant-secondary_4c84z_1c1ni_246:not(#\9):active, .awsui_link_4c84z_1c1ni_145.awsui_variant-secondary_4c84z_1c1ni_246:not(#\9):focus, .awsui_link_4c84z_1c1ni_145.awsui_variant-secondary_4c84z_1c1ni_246:not(#\9):hover {
+.awsui_link_4c84z_1kln3_145.awsui_variant-secondary_4c84z_1kln3_246:not(#\9):active, .awsui_link_4c84z_1kln3_145.awsui_variant-secondary_4c84z_1kln3_246:not(#\9):focus, .awsui_link_4c84z_1kln3_145.awsui_variant-secondary_4c84z_1kln3_246:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1c1ni_145.awsui_variant-primary_4c84z_1c1ni_281:not(#\9) {
+.awsui_link_4c84z_1kln3_145.awsui_variant-primary_4c84z_1kln3_281:not(#\9) {
   color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
@@ -296,30 +296,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_1c1ni_145.awsui_variant-primary_4c84z_1c1ni_281:not(#\9) {
+  .awsui_link_4c84z_1kln3_145.awsui_variant-primary_4c84z_1kln3_281:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1c1ni_145.awsui_variant-primary_4c84z_1c1ni_281:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1c1ni_145.awsui_variant-primary_4c84z_1c1ni_281:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1kln3_145.awsui_variant-primary_4c84z_1kln3_281:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1kln3_145.awsui_variant-primary_4c84z_1kln3_281:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1c1ni_145.awsui_variant-primary_4c84z_1c1ni_281:not(#\9):hover {
+.awsui_link_4c84z_1kln3_145.awsui_variant-primary_4c84z_1kln3_281:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1c1ni_145.awsui_variant-primary_4c84z_1c1ni_281:not(#\9):focus {
+.awsui_link_4c84z_1kln3_145.awsui_variant-primary_4c84z_1kln3_281:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1c1ni_145.awsui_variant-primary_4c84z_1c1ni_281:not(#\9):active {
+.awsui_link_4c84z_1kln3_145.awsui_variant-primary_4c84z_1kln3_281:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1c1ni_145.awsui_variant-primary_4c84z_1c1ni_281:not(#\9):active, .awsui_link_4c84z_1c1ni_145.awsui_variant-primary_4c84z_1c1ni_281:not(#\9):focus, .awsui_link_4c84z_1c1ni_145.awsui_variant-primary_4c84z_1c1ni_281:not(#\9):hover {
+.awsui_link_4c84z_1kln3_145.awsui_variant-primary_4c84z_1kln3_281:not(#\9):active, .awsui_link_4c84z_1kln3_145.awsui_variant-primary_4c84z_1kln3_281:not(#\9):focus, .awsui_link_4c84z_1kln3_145.awsui_variant-primary_4c84z_1kln3_281:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-decoration-hover-jnu2g9, currentColor);
 }
-.awsui_link_4c84z_1c1ni_145.awsui_variant-info_4c84z_1c1ni_314:not(#\9) {
+.awsui_link_4c84z_1kln3_145.awsui_variant-info_4c84z_1kln3_314: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-6b9ypa, var(--color-text-link-info-default-09kbgu, #0073bb));
@@ -333,30 +333,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_1c1ni_145.awsui_variant-info_4c84z_1c1ni_314:not(#\9) {
+  .awsui_link_4c84z_1kln3_145.awsui_variant-info_4c84z_1kln3_314:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1c1ni_145.awsui_variant-info_4c84z_1c1ni_314:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1c1ni_145.awsui_variant-info_4c84z_1c1ni_314:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1kln3_145.awsui_variant-info_4c84z_1kln3_314:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1kln3_145.awsui_variant-info_4c84z_1kln3_314:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1c1ni_145.awsui_variant-info_4c84z_1c1ni_314:not(#\9):hover {
+.awsui_link_4c84z_1kln3_145.awsui_variant-info_4c84z_1kln3_314:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-info-hover-tn4a8r, #0a4a74));
 }
-.awsui_link_4c84z_1c1ni_145.awsui_variant-info_4c84z_1c1ni_314:not(#\9):focus {
+.awsui_link_4c84z_1kln3_145.awsui_variant-info_4c84z_1kln3_314:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1c1ni_145.awsui_variant-info_4c84z_1c1ni_314:not(#\9):active {
+.awsui_link_4c84z_1kln3_145.awsui_variant-info_4c84z_1kln3_314:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-info-hover-tn4a8r, #0a4a74));
 }
-.awsui_link_4c84z_1c1ni_145.awsui_variant-info_4c84z_1c1ni_314:not(#\9):active, .awsui_link_4c84z_1c1ni_145.awsui_variant-info_4c84z_1c1ni_314:not(#\9):focus, .awsui_link_4c84z_1c1ni_145.awsui_variant-info_4c84z_1c1ni_314:not(#\9):hover {
+.awsui_link_4c84z_1kln3_145.awsui_variant-info_4c84z_1kln3_314:not(#\9):active, .awsui_link_4c84z_1kln3_145.awsui_variant-info_4c84z_1kln3_314:not(#\9):focus, .awsui_link_4c84z_1kln3_145.awsui_variant-info_4c84z_1kln3_314:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-button-underline-hover-s0fj6r, currentColor);
 }
-.awsui_link_4c84z_1c1ni_145.awsui_variant-value-large_4c84z_1c1ni_349:not(#\9) {
+.awsui_link_4c84z_1kln3_145.awsui_variant-value-large_4c84z_1kln3_349:not(#\9) {
   color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: var(--font-weight-display-l-pgslj8, 700);
   text-decoration-line: underline;
@@ -367,30 +367,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_1c1ni_145.awsui_variant-value-large_4c84z_1c1ni_349:not(#\9) {
+  .awsui_link_4c84z_1kln3_145.awsui_variant-value-large_4c84z_1kln3_349:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1c1ni_145.awsui_variant-value-large_4c84z_1c1ni_349:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1c1ni_145.awsui_variant-value-large_4c84z_1c1ni_349:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1kln3_145.awsui_variant-value-large_4c84z_1kln3_349:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1kln3_145.awsui_variant-value-large_4c84z_1kln3_349:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1c1ni_145.awsui_variant-value-large_4c84z_1c1ni_349:not(#\9):hover {
+.awsui_link_4c84z_1kln3_145.awsui_variant-value-large_4c84z_1kln3_349:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1c1ni_145.awsui_variant-value-large_4c84z_1c1ni_349:not(#\9):focus {
+.awsui_link_4c84z_1kln3_145.awsui_variant-value-large_4c84z_1kln3_349:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1c1ni_145.awsui_variant-value-large_4c84z_1c1ni_349:not(#\9):active {
+.awsui_link_4c84z_1kln3_145.awsui_variant-value-large_4c84z_1kln3_349:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_link_4c84z_1c1ni_145.awsui_variant-value-large_4c84z_1c1ni_349:not(#\9):active, .awsui_link_4c84z_1c1ni_145.awsui_variant-value-large_4c84z_1c1ni_349:not(#\9):focus, .awsui_link_4c84z_1c1ni_145.awsui_variant-value-large_4c84z_1c1ni_349:not(#\9):hover {
+.awsui_link_4c84z_1kln3_145.awsui_variant-value-large_4c84z_1kln3_349:not(#\9):active, .awsui_link_4c84z_1kln3_145.awsui_variant-value-large_4c84z_1kln3_349:not(#\9):focus, .awsui_link_4c84z_1kln3_145.awsui_variant-value-large_4c84z_1kln3_349:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1c1ni_145.awsui_variant-top-navigation_4c84z_1c1ni_381:not(#\9) {
+.awsui_link_4c84z_1kln3_145.awsui_variant-top-navigation_4c84z_1kln3_381: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-6b9ypa, var(--color-text-interactive-default-qwoe3g, #545b64));
@@ -404,30 +404,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_1c1ni_145.awsui_variant-top-navigation_4c84z_1c1ni_381:not(#\9) {
+  .awsui_link_4c84z_1kln3_145.awsui_variant-top-navigation_4c84z_1kln3_381:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1c1ni_145.awsui_variant-top-navigation_4c84z_1c1ni_381:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1c1ni_145.awsui_variant-top-navigation_4c84z_1c1ni_381:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1kln3_145.awsui_variant-top-navigation_4c84z_1kln3_381:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1kln3_145.awsui_variant-top-navigation_4c84z_1kln3_381:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1c1ni_145.awsui_variant-top-navigation_4c84z_1c1ni_381:not(#\9):hover {
+.awsui_link_4c84z_1kln3_145.awsui_variant-top-navigation_4c84z_1kln3_381:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-interactive-hover-bu4gls, #16191f));
 }
-.awsui_link_4c84z_1c1ni_145.awsui_variant-top-navigation_4c84z_1c1ni_381:not(#\9):focus {
+.awsui_link_4c84z_1kln3_145.awsui_variant-top-navigation_4c84z_1kln3_381:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1c1ni_145.awsui_variant-top-navigation_4c84z_1c1ni_381:not(#\9):active {
+.awsui_link_4c84z_1kln3_145.awsui_variant-top-navigation_4c84z_1kln3_381:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-interactive-active-c44vdq, #16191f));
 }
-.awsui_link_4c84z_1c1ni_145.awsui_variant-top-navigation_4c84z_1c1ni_381:not(#\9):active, .awsui_link_4c84z_1c1ni_145.awsui_variant-top-navigation_4c84z_1c1ni_381:not(#\9):focus, .awsui_link_4c84z_1c1ni_145.awsui_variant-top-navigation_4c84z_1c1ni_381:not(#\9):hover {
+.awsui_link_4c84z_1kln3_145.awsui_variant-top-navigation_4c84z_1kln3_381:not(#\9):active, .awsui_link_4c84z_1kln3_145.awsui_variant-top-navigation_4c84z_1kln3_381:not(#\9):focus, .awsui_link_4c84z_1kln3_145.awsui_variant-top-navigation_4c84z_1kln3_381:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_1c1ni_145.awsui_button_4c84z_1c1ni_416:not(#\9) {
+.awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416: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-6b9ypa, var(--color-text-link-button-normal-default-dm02c2, #545b64));
@@ -441,40 +441,86 @@ 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_1c1ni_145.awsui_button_4c84z_1c1ni_416:not(#\9) {
+  .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1c1ni_145.awsui_button_4c84z_1c1ni_416:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1c1ni_145.awsui_button_4c84z_1c1ni_416:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1c1ni_145.awsui_button_4c84z_1c1ni_416:not(#\9):hover {
+.awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-button-normal-hover-ldeaqo, #16191f));
 }
-.awsui_link_4c84z_1c1ni_145.awsui_button_4c84z_1c1ni_416:not(#\9):focus {
+.awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1c1ni_145.awsui_button_4c84z_1c1ni_416:not(#\9):active {
+.awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-button-normal-active-q28r86, #16191f));
 }
-.awsui_link_4c84z_1c1ni_145.awsui_button_4c84z_1c1ni_416:not(#\9):active, .awsui_link_4c84z_1c1ni_145.awsui_button_4c84z_1c1ni_416:not(#\9):focus, .awsui_link_4c84z_1c1ni_145.awsui_button_4c84z_1c1ni_416:not(#\9):hover {
+.awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):active, .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):focus, .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_1c1ni_145.awsui_color-inverted_4c84z_1c1ni_451:not(#\9) {
+.awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9) {
+  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-default-z7zuy8, #0073bb));
+  font-weight: inherit;
+  letter-spacing: normal;
+  text-decoration-line: underline;
+  text-decoration-color: var(--color-text-link-decoration-default-15ta09, 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-h3wrr6, 0ms);
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9), .awsui-mode-entering .awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9) {
+  animation: none;
+  transition: none;
+}
+.awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):hover {
+  cursor: pointer;
+  color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
+}
+.awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):focus {
+  outline: none;
+}
+.awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):active {
+  color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
+}
+.awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):active, .awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):focus, .awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):hover {
+  text-decoration-line: underline;
+  text-decoration-color: var(--color-text-link-decoration-hover-jnu2g9, currentColor);
+}
+.awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9) {
+  font-weight: inherit;
+  letter-spacing: normal;
+}
+.awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416.awsui_color-inverted_4c84z_1kln3_488:not(#\9) {
+  color: var(--color-text-notification-default-fmebm4, #fafafa);
+  text-decoration-color: currentColor;
+}
+.awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416.awsui_color-inverted_4c84z_1kln3_488:not(#\9):hover {
+  color: var(--color-text-link-inverted-hover-7jk1d1, #fafafa);
+}
+.awsui_link_4c84z_1kln3_145.awsui_color-inverted_4c84z_1kln3_488:not(#\9) {
   color: var(--color-text-notification-default-fmebm4, #fafafa);
 }
-.awsui_link_4c84z_1c1ni_145.awsui_color-inverted_4c84z_1c1ni_451:not(#\9):not(.awsui_button_4c84z_1c1ni_416) {
+.awsui_link_4c84z_1kln3_145.awsui_color-inverted_4c84z_1kln3_488:not(#\9):not(.awsui_button_4c84z_1kln3_416) {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1c1ni_145.awsui_color-inverted_4c84z_1c1ni_451:not(#\9):hover {
+.awsui_link_4c84z_1kln3_145.awsui_color-inverted_4c84z_1kln3_488:not(#\9):hover {
   color: var(--color-text-link-inverted-hover-7jk1d1, #fafafa);
 }
-body[data-awsui-focus-visible=true] .awsui_link_4c84z_1c1ni_145:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_link_4c84z_1kln3_145:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
   outline-offset: 2px;
@@ -485,7 +531,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1c1ni_145:not(#\9):focus {
   border-end-end-radius: var(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
   box-shadow: var(--awsui-style-focus-ring-box-shadow-6b9ypa);
 }
-.awsui_link_4c84z_1c1ni_145.awsui_font-size-body-s_4c84z_1c1ni_472:not(#\9) {
+.awsui_link_4c84z_1kln3_145.awsui_font-size-body-s_4c84z_1kln3_516: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);
@@ -493,14 +539,14 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1c1ni_145:not(#\9):focus {
   text-decoration-thickness: var(--font-decoration-thickness-link-4tl2vi, 1px);
   text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
 }
-.awsui_link_4c84z_1c1ni_145.awsui_font-size-body-m_4c84z_1c1ni_480:not(#\9) {
+.awsui_link_4c84z_1kln3_145.awsui_font-size-body-m_4c84z_1kln3_524: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: var(--font-decoration-thickness-link-4tl2vi, 1px);
   text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
 }
-.awsui_link_4c84z_1c1ni_145.awsui_font-size-heading-xs_4c84z_1c1ni_487:not(#\9) {
+.awsui_link_4c84z_1kln3_145.awsui_font-size-heading-xs_4c84z_1kln3_531: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);
@@ -508,7 +554,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1c1ni_145:not(#\9):focus {
   text-decoration-thickness: var(--font-decoration-thickness-link-4tl2vi, 1px);
   text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
 }
-.awsui_link_4c84z_1c1ni_145.awsui_font-size-heading-s_4c84z_1c1ni_495:not(#\9) {
+.awsui_link_4c84z_1kln3_145.awsui_font-size-heading-s_4c84z_1kln3_539: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);
@@ -516,7 +562,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1c1ni_145:not(#\9):focus {
   text-decoration-thickness: var(--font-decoration-thickness-link-4tl2vi, 1px);
   text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
 }
-.awsui_link_4c84z_1c1ni_145.awsui_font-size-heading-m_4c84z_1c1ni_503:not(#\9) {
+.awsui_link_4c84z_1kln3_145.awsui_font-size-heading-m_4c84z_1kln3_547: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);
@@ -524,7 +570,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1c1ni_145:not(#\9):focus {
   text-decoration-thickness: var(--font-decoration-thickness-link-4tl2vi, 1px);
   text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
 }
-.awsui_link_4c84z_1c1ni_145.awsui_font-size-heading-l_4c84z_1c1ni_511:not(#\9) {
+.awsui_link_4c84z_1kln3_145.awsui_font-size-heading-l_4c84z_1kln3_555: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);
@@ -532,7 +578,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1c1ni_145:not(#\9):focus {
   text-decoration-thickness: var(--font-decoration-thickness-link-4tl2vi, 1px);
   text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
 }
-.awsui_link_4c84z_1c1ni_145.awsui_font-size-heading-xl_4c84z_1c1ni_519:not(#\9) {
+.awsui_link_4c84z_1kln3_145.awsui_font-size-heading-xl_4c84z_1kln3_563: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);
@@ -540,7 +586,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1c1ni_145:not(#\9):focus {
   text-decoration-thickness: var(--font-decoration-thickness-link-4tl2vi, 1px);
   text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
 }
-.awsui_link_4c84z_1c1ni_145.awsui_font-size-display-l_4c84z_1c1ni_527:not(#\9) {
+.awsui_link_4c84z_1kln3_145.awsui_font-size-display-l_4c84z_1kln3_571: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);
@@ -548,7 +594,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1c1ni_145:not(#\9):focus {
   text-decoration-thickness: var(--font-decoration-thickness-link-display-l-9lyghn, 2px);
   text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
 }
-.awsui_link_4c84z_1c1ni_145.awsui_font-size-inherit_4c84z_1c1ni_535:not(#\9) {
+.awsui_link_4c84z_1kln3_145.awsui_font-size-inherit_4c84z_1kln3_579:not(#\9) {
   font-size: inherit;
   line-height: inherit;
   letter-spacing: inherit;
@@ -556,14 +602,14 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1c1ni_145:not(#\9):focus {
   text-decoration-thickness: var(--font-decoration-thickness-link-4tl2vi, 1px);
   text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
 }
-.awsui_link_4c84z_1c1ni_145.awsui_in-inline-token_4c84z_1c1ni_543:not(#\9) {
+.awsui_link_4c84z_1kln3_145.awsui_in-inline-token_4c84z_1kln3_587:not(#\9) {
   text-underline-offset: 0.15em;
 }
 
-.awsui_icon-wrapper_4c84z_1c1ni_547:not(#\9) {
+.awsui_icon-wrapper_4c84z_1kln3_591:not(#\9) {
   white-space: nowrap;
 }
 
-.awsui_icon_4c84z_1c1ni_547:not(#\9) {
+.awsui_icon_4c84z_1kln3_591:not(#\9) {
   display: inline-block;
 }