@cloudscape-design/components 3.0.245 → 3.0.246

package/link/internal.js

@@ -5,7 +5,6 @@ import React, { useRef } from 'react';
 import clsx from 'clsx';
 import InternalIcon from '../icon/internal';
 import styles from './styles.css.js';
-import useFocusVisible from '../internal/hooks/focus-visible';
 import { getBaseProps } from '../internal/base-component';
 import { fireCancelableEvent, isPlainLeftClick } from '../internal/events';
 import useForwardFocus from '../internal/hooks/forward-focus';
@@ -19,7 +18,6 @@ const InternalLink = React.forwardRef((_a, ref) => {
     const isButton = !href;
     const specialStyles = ['top-navigation', 'link', 'recovery'];
     const hasSpecialStyle = specialStyles.indexOf(variant) > -1;
-    const focusVisible = useFocusVisible();
     const baseProps = getBaseProps(props);
     const anchorTarget = target !== null && target !== void 0 ? target : (external ? '_blank' : undefined);
     const anchorRel = rel !== null && rel !== void 0 ? rel : (anchorTarget === '_blank' ? 'noopener noreferrer' : undefined);
@@ -45,7 +43,7 @@ const InternalLink = React.forwardRef((_a, ref) => {
     useForwardFocus(ref, linkRef);
     // Visual refresh should only add styles to buttons that don't already have unique styles (e.g. primary/secondary variants)
     const applyButtonStyles = isButton && isVisualRefresh && !hasSpecialStyle;
-    const sharedProps = Object.assign(Object.assign(Object.assign({}, focusVisible), baseProps), { 
+    const sharedProps = Object.assign(Object.assign({}, baseProps), { 
         // https://github.com/microsoft/TypeScript/issues/36659
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         ref: useMergeRefs(linkRef, __internalRootRef), className: clsx(styles.link, baseProps.className, applyButtonStyles ? styles.button : null, styles[getVariantStyle(variant)], styles[getFontSizeStyle(variant, fontSize)], styles[getColorStyle(variant, color)]), 'aria-label': ariaLabel });

package/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, { useRef } from 'react';\nimport clsx from 'clsx';\nimport InternalIcon from '../icon/internal';\nimport styles from './styles.css.js';\nimport useFocusVisible from '../internal/hooks/focus-visible';\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';\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 focusVisible = useFocusVisible();\n    const baseProps = getBaseProps(props);\n    const anchorTarget = target ?? (external ? '_blank' : undefined);\n    const anchorRel = rel ?? (anchorTarget === '_blank' ? 'noopener noreferrer' : undefined);\n\n    const fireFollowEvent = (event: React.SyntheticEvent) => {\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      ...focusVisible,\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    };\n\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={externalIconAriaLabel}\n              role={externalIconAriaLabel ? 'img' : undefined}\n            >\n              <InternalIcon name=\"external\" size=\"inherit\" />\n            </span>\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":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\nimport 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';\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 baseProps = getBaseProps(props);\n    const anchorTarget = target ?? (external ? '_blank' : undefined);\n    const anchorRel = rel ?? (anchorTarget === '_blank' ? 'noopener noreferrer' : undefined);\n\n    const fireFollowEvent = (event: React.SyntheticEvent) => {\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      ...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    };\n\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={externalIconAriaLabel}\n              role={externalIconAriaLabel ? 'img' : undefined}\n            >\n              <InternalIcon name=\"external\" size=\"inherit\" />\n            </span>\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/link/styles.css.js

@@ -1,25 +1,25 @@
 
     import './styles.scoped.css';
     export default {
-  "link": "awsui_link_4c84z_tyyos_93",
-  "variant-secondary": "awsui_variant-secondary_4c84z_tyyos_140",
-  "variant-primary": "awsui_variant-primary_4c84z_tyyos_177",
-  "variant-info": "awsui_variant-info_4c84z_tyyos_212",
-  "variant-value-large": "awsui_variant-value-large_4c84z_tyyos_249",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_tyyos_283",
-  "variant-recovery": "awsui_variant-recovery_4c84z_tyyos_318",
-  "button": "awsui_button_4c84z_tyyos_353",
-  "color-inverted": "awsui_color-inverted_4c84z_tyyos_390",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_tyyos_409",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_tyyos_414",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_tyyos_418",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_tyyos_422",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_tyyos_427",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_tyyos_432",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_tyyos_437",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_tyyos_442",
-  "font-size-inherit": "awsui_font-size-inherit_4c84z_tyyos_447",
-  "icon-wrapper": "awsui_icon-wrapper_4c84z_tyyos_453",
-  "icon": "awsui_icon_4c84z_tyyos_453"
+  "link": "awsui_link_4c84z_vt4lg_93",
+  "variant-secondary": "awsui_variant-secondary_4c84z_vt4lg_140",
+  "variant-primary": "awsui_variant-primary_4c84z_vt4lg_177",
+  "variant-info": "awsui_variant-info_4c84z_vt4lg_212",
+  "variant-value-large": "awsui_variant-value-large_4c84z_vt4lg_249",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_vt4lg_283",
+  "variant-recovery": "awsui_variant-recovery_4c84z_vt4lg_318",
+  "button": "awsui_button_4c84z_vt4lg_353",
+  "color-inverted": "awsui_color-inverted_4c84z_vt4lg_390",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_vt4lg_409",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_vt4lg_414",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_vt4lg_418",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_vt4lg_422",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_vt4lg_427",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_vt4lg_432",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_vt4lg_437",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_vt4lg_442",
+  "font-size-inherit": "awsui_font-size-inherit_4c84z_vt4lg_447",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_vt4lg_453",
+  "icon": "awsui_icon_4c84z_vt4lg_453"
 };
   

package/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_tyyos_93:not(#\9) {
+.awsui_link_4c84z_vt4lg_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-5flen2, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_tyyos_93:not(#\9) {
+  .awsui_link_4c84z_vt4lg_93:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_tyyos_93:not(#\9), .awsui-mode-entering .awsui_link_4c84z_tyyos_93:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_vt4lg_93:not(#\9), .awsui-mode-entering .awsui_link_4c84z_vt4lg_93:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_tyyos_93:not(#\9):hover {
+.awsui_link_4c84z_vt4lg_93:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_tyyos_93:not(#\9):focus {
+.awsui_link_4c84z_vt4lg_93:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_tyyos_93:not(#\9):active {
+.awsui_link_4c84z_vt4lg_93:not(#\9):active {
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_tyyos_93:not(#\9):active, .awsui_link_4c84z_tyyos_93:not(#\9):focus, .awsui_link_4c84z_tyyos_93:not(#\9):hover {
+.awsui_link_4c84z_vt4lg_93:not(#\9):active, .awsui_link_4c84z_vt4lg_93:not(#\9):focus, .awsui_link_4c84z_vt4lg_93:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_tyyos_93.awsui_variant-secondary_4c84z_tyyos_140:not(#\9) {
+.awsui_link_4c84z_vt4lg_93.awsui_variant-secondary_4c84z_vt4lg_140:not(#\9) {
   -webkit-font-smoothing: inherit;
   -moz-osx-font-smoothing: inherit;
   color: var(--color-text-link-default-5f186r, #0972d3);
@@ -180,31 +180,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_tyyos_93.awsui_variant-secondary_4c84z_tyyos_140:not(#\9) {
+  .awsui_link_4c84z_vt4lg_93.awsui_variant-secondary_4c84z_vt4lg_140:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_tyyos_93.awsui_variant-secondary_4c84z_tyyos_140:not(#\9), .awsui-mode-entering .awsui_link_4c84z_tyyos_93.awsui_variant-secondary_4c84z_tyyos_140:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_vt4lg_93.awsui_variant-secondary_4c84z_vt4lg_140:not(#\9), .awsui-mode-entering .awsui_link_4c84z_vt4lg_93.awsui_variant-secondary_4c84z_vt4lg_140:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_tyyos_93.awsui_variant-secondary_4c84z_tyyos_140:not(#\9):hover {
+.awsui_link_4c84z_vt4lg_93.awsui_variant-secondary_4c84z_vt4lg_140:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_tyyos_93.awsui_variant-secondary_4c84z_tyyos_140:not(#\9):focus {
+.awsui_link_4c84z_vt4lg_93.awsui_variant-secondary_4c84z_vt4lg_140:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_tyyos_93.awsui_variant-secondary_4c84z_tyyos_140:not(#\9):active {
+.awsui_link_4c84z_vt4lg_93.awsui_variant-secondary_4c84z_vt4lg_140:not(#\9):active {
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_tyyos_93.awsui_variant-secondary_4c84z_tyyos_140:not(#\9):active, .awsui_link_4c84z_tyyos_93.awsui_variant-secondary_4c84z_tyyos_140:not(#\9):focus, .awsui_link_4c84z_tyyos_93.awsui_variant-secondary_4c84z_tyyos_140:not(#\9):hover {
+.awsui_link_4c84z_vt4lg_93.awsui_variant-secondary_4c84z_vt4lg_140:not(#\9):active, .awsui_link_4c84z_vt4lg_93.awsui_variant-secondary_4c84z_vt4lg_140:not(#\9):focus, .awsui_link_4c84z_vt4lg_93.awsui_variant-secondary_4c84z_vt4lg_140:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_tyyos_93.awsui_variant-primary_4c84z_tyyos_177:not(#\9) {
+.awsui_link_4c84z_vt4lg_93.awsui_variant-primary_4c84z_vt4lg_177:not(#\9) {
   color: var(--color-text-link-default-5f186r, #0972d3);
   font-weight: var(--font-link-primary-weight-91pybi, "inherit");
   letter-spacing: var(--font-link-primary-letter-spacing-vmsgcx, "inherit");
@@ -218,31 +218,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_tyyos_93.awsui_variant-primary_4c84z_tyyos_177:not(#\9) {
+  .awsui_link_4c84z_vt4lg_93.awsui_variant-primary_4c84z_vt4lg_177:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_tyyos_93.awsui_variant-primary_4c84z_tyyos_177:not(#\9), .awsui-mode-entering .awsui_link_4c84z_tyyos_93.awsui_variant-primary_4c84z_tyyos_177:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_vt4lg_93.awsui_variant-primary_4c84z_vt4lg_177:not(#\9), .awsui-mode-entering .awsui_link_4c84z_vt4lg_93.awsui_variant-primary_4c84z_vt4lg_177:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_tyyos_93.awsui_variant-primary_4c84z_tyyos_177:not(#\9):hover {
+.awsui_link_4c84z_vt4lg_93.awsui_variant-primary_4c84z_vt4lg_177:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_tyyos_93.awsui_variant-primary_4c84z_tyyos_177:not(#\9):focus {
+.awsui_link_4c84z_vt4lg_93.awsui_variant-primary_4c84z_vt4lg_177:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_tyyos_93.awsui_variant-primary_4c84z_tyyos_177:not(#\9):active {
+.awsui_link_4c84z_vt4lg_93.awsui_variant-primary_4c84z_vt4lg_177:not(#\9):active {
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_tyyos_93.awsui_variant-primary_4c84z_tyyos_177:not(#\9):active, .awsui_link_4c84z_tyyos_93.awsui_variant-primary_4c84z_tyyos_177:not(#\9):focus, .awsui_link_4c84z_tyyos_93.awsui_variant-primary_4c84z_tyyos_177:not(#\9):hover {
+.awsui_link_4c84z_vt4lg_93.awsui_variant-primary_4c84z_vt4lg_177:not(#\9):active, .awsui_link_4c84z_vt4lg_93.awsui_variant-primary_4c84z_vt4lg_177:not(#\9):focus, .awsui_link_4c84z_vt4lg_93.awsui_variant-primary_4c84z_vt4lg_177:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_tyyos_93.awsui_variant-info_4c84z_tyyos_212:not(#\9) {
+.awsui_link_4c84z_vt4lg_93.awsui_variant-info_4c84z_vt4lg_212:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-vu3hx4, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-nkh1jb, grayscale);
   color: var(--color-text-link-default-5f186r, #0972d3);
@@ -257,31 +257,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_tyyos_93.awsui_variant-info_4c84z_tyyos_212:not(#\9) {
+  .awsui_link_4c84z_vt4lg_93.awsui_variant-info_4c84z_vt4lg_212:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_tyyos_93.awsui_variant-info_4c84z_tyyos_212:not(#\9), .awsui-mode-entering .awsui_link_4c84z_tyyos_93.awsui_variant-info_4c84z_tyyos_212:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_vt4lg_93.awsui_variant-info_4c84z_vt4lg_212:not(#\9), .awsui-mode-entering .awsui_link_4c84z_vt4lg_93.awsui_variant-info_4c84z_vt4lg_212:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_tyyos_93.awsui_variant-info_4c84z_tyyos_212:not(#\9):hover {
+.awsui_link_4c84z_vt4lg_93.awsui_variant-info_4c84z_vt4lg_212:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_tyyos_93.awsui_variant-info_4c84z_tyyos_212:not(#\9):focus {
+.awsui_link_4c84z_vt4lg_93.awsui_variant-info_4c84z_vt4lg_212:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_tyyos_93.awsui_variant-info_4c84z_tyyos_212:not(#\9):active {
+.awsui_link_4c84z_vt4lg_93.awsui_variant-info_4c84z_vt4lg_212:not(#\9):active {
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_tyyos_93.awsui_variant-info_4c84z_tyyos_212:not(#\9):active, .awsui_link_4c84z_tyyos_93.awsui_variant-info_4c84z_tyyos_212:not(#\9):focus, .awsui_link_4c84z_tyyos_93.awsui_variant-info_4c84z_tyyos_212:not(#\9):hover {
+.awsui_link_4c84z_vt4lg_93.awsui_variant-info_4c84z_vt4lg_212:not(#\9):active, .awsui_link_4c84z_vt4lg_93.awsui_variant-info_4c84z_vt4lg_212:not(#\9):focus, .awsui_link_4c84z_vt4lg_93.awsui_variant-info_4c84z_vt4lg_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-ei09le, transparent);
 }
-.awsui_link_4c84z_tyyos_93.awsui_variant-value-large_4c84z_tyyos_249:not(#\9) {
+.awsui_link_4c84z_vt4lg_93.awsui_variant-value-large_4c84z_vt4lg_249:not(#\9) {
   color: var(--color-text-link-default-5f186r, #0972d3);
   font-weight: var(--font-box-value-large-weight-dyt1pj, 800);
   text-decoration: none;
@@ -293,31 +293,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_tyyos_93.awsui_variant-value-large_4c84z_tyyos_249:not(#\9) {
+  .awsui_link_4c84z_vt4lg_93.awsui_variant-value-large_4c84z_vt4lg_249:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_tyyos_93.awsui_variant-value-large_4c84z_tyyos_249:not(#\9), .awsui-mode-entering .awsui_link_4c84z_tyyos_93.awsui_variant-value-large_4c84z_tyyos_249:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_vt4lg_93.awsui_variant-value-large_4c84z_vt4lg_249:not(#\9), .awsui-mode-entering .awsui_link_4c84z_vt4lg_93.awsui_variant-value-large_4c84z_vt4lg_249:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_tyyos_93.awsui_variant-value-large_4c84z_tyyos_249:not(#\9):hover {
+.awsui_link_4c84z_vt4lg_93.awsui_variant-value-large_4c84z_vt4lg_249:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_tyyos_93.awsui_variant-value-large_4c84z_tyyos_249:not(#\9):focus {
+.awsui_link_4c84z_vt4lg_93.awsui_variant-value-large_4c84z_vt4lg_249:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_tyyos_93.awsui_variant-value-large_4c84z_tyyos_249:not(#\9):active {
+.awsui_link_4c84z_vt4lg_93.awsui_variant-value-large_4c84z_vt4lg_249:not(#\9):active {
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_tyyos_93.awsui_variant-value-large_4c84z_tyyos_249:not(#\9):active, .awsui_link_4c84z_tyyos_93.awsui_variant-value-large_4c84z_tyyos_249:not(#\9):focus, .awsui_link_4c84z_tyyos_93.awsui_variant-value-large_4c84z_tyyos_249:not(#\9):hover {
+.awsui_link_4c84z_vt4lg_93.awsui_variant-value-large_4c84z_vt4lg_249:not(#\9):active, .awsui_link_4c84z_vt4lg_93.awsui_variant-value-large_4c84z_vt4lg_249:not(#\9):focus, .awsui_link_4c84z_vt4lg_93.awsui_variant-value-large_4c84z_vt4lg_249:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_tyyos_93.awsui_variant-top-navigation_4c84z_tyyos_283:not(#\9) {
+.awsui_link_4c84z_vt4lg_93.awsui_variant-top-navigation_4c84z_vt4lg_283:not(#\9) {
   color: var(--color-text-interactive-default-eg5fsa, #414d5c);
   font-weight: 700;
   letter-spacing: 0.005em;
@@ -330,31 +330,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_tyyos_93.awsui_variant-top-navigation_4c84z_tyyos_283:not(#\9) {
+  .awsui_link_4c84z_vt4lg_93.awsui_variant-top-navigation_4c84z_vt4lg_283:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_tyyos_93.awsui_variant-top-navigation_4c84z_tyyos_283:not(#\9), .awsui-mode-entering .awsui_link_4c84z_tyyos_93.awsui_variant-top-navigation_4c84z_tyyos_283:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_vt4lg_93.awsui_variant-top-navigation_4c84z_vt4lg_283:not(#\9), .awsui-mode-entering .awsui_link_4c84z_vt4lg_93.awsui_variant-top-navigation_4c84z_vt4lg_283:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_tyyos_93.awsui_variant-top-navigation_4c84z_tyyos_283:not(#\9):hover {
+.awsui_link_4c84z_vt4lg_93.awsui_variant-top-navigation_4c84z_vt4lg_283:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-interactive-hover-v3lasm, #000716);
 }
-.awsui_link_4c84z_tyyos_93.awsui_variant-top-navigation_4c84z_tyyos_283:not(#\9):focus {
+.awsui_link_4c84z_vt4lg_93.awsui_variant-top-navigation_4c84z_vt4lg_283:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_tyyos_93.awsui_variant-top-navigation_4c84z_tyyos_283:not(#\9):active {
+.awsui_link_4c84z_vt4lg_93.awsui_variant-top-navigation_4c84z_vt4lg_283:not(#\9):active {
   color: var(--color-text-interactive-active-vol84d, #000716);
 }
-.awsui_link_4c84z_tyyos_93.awsui_variant-top-navigation_4c84z_tyyos_283:not(#\9):active, .awsui_link_4c84z_tyyos_93.awsui_variant-top-navigation_4c84z_tyyos_283:not(#\9):focus, .awsui_link_4c84z_tyyos_93.awsui_variant-top-navigation_4c84z_tyyos_283:not(#\9):hover {
+.awsui_link_4c84z_vt4lg_93.awsui_variant-top-navigation_4c84z_vt4lg_283:not(#\9):active, .awsui_link_4c84z_vt4lg_93.awsui_variant-top-navigation_4c84z_vt4lg_283:not(#\9):focus, .awsui_link_4c84z_vt4lg_93.awsui_variant-top-navigation_4c84z_vt4lg_283:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_tyyos_93.awsui_variant-recovery_4c84z_tyyos_318:not(#\9) {
+.awsui_link_4c84z_vt4lg_93.awsui_variant-recovery_4c84z_vt4lg_318:not(#\9) {
   color: var(--color-text-link-default-5f186r, #0972d3);
   font-weight: var(--font-link-button-weight-4f1hjr, 800);
   letter-spacing: var(--font-link-button-letter-spacing-58wset, 0.005em);
@@ -367,31 +367,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_tyyos_93.awsui_variant-recovery_4c84z_tyyos_318:not(#\9) {
+  .awsui_link_4c84z_vt4lg_93.awsui_variant-recovery_4c84z_vt4lg_318:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_tyyos_93.awsui_variant-recovery_4c84z_tyyos_318:not(#\9), .awsui-mode-entering .awsui_link_4c84z_tyyos_93.awsui_variant-recovery_4c84z_tyyos_318:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_vt4lg_93.awsui_variant-recovery_4c84z_vt4lg_318:not(#\9), .awsui-mode-entering .awsui_link_4c84z_vt4lg_93.awsui_variant-recovery_4c84z_vt4lg_318:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_tyyos_93.awsui_variant-recovery_4c84z_tyyos_318:not(#\9):hover {
+.awsui_link_4c84z_vt4lg_93.awsui_variant-recovery_4c84z_vt4lg_318:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_tyyos_93.awsui_variant-recovery_4c84z_tyyos_318:not(#\9):focus {
+.awsui_link_4c84z_vt4lg_93.awsui_variant-recovery_4c84z_vt4lg_318:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_tyyos_93.awsui_variant-recovery_4c84z_tyyos_318:not(#\9):active {
+.awsui_link_4c84z_vt4lg_93.awsui_variant-recovery_4c84z_vt4lg_318:not(#\9):active {
   color: var(--color-text-link-hover-kololx, #033160);
 }
-.awsui_link_4c84z_tyyos_93.awsui_variant-recovery_4c84z_tyyos_318:not(#\9):active, .awsui_link_4c84z_tyyos_93.awsui_variant-recovery_4c84z_tyyos_318:not(#\9):focus, .awsui_link_4c84z_tyyos_93.awsui_variant-recovery_4c84z_tyyos_318:not(#\9):hover {
+.awsui_link_4c84z_vt4lg_93.awsui_variant-recovery_4c84z_vt4lg_318:not(#\9):active, .awsui_link_4c84z_vt4lg_93.awsui_variant-recovery_4c84z_vt4lg_318:not(#\9):focus, .awsui_link_4c84z_vt4lg_93.awsui_variant-recovery_4c84z_vt4lg_318: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-ei09le, transparent);
 }
-.awsui_link_4c84z_tyyos_93.awsui_button_4c84z_tyyos_353:not(#\9) {
+.awsui_link_4c84z_vt4lg_93.awsui_button_4c84z_vt4lg_353:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-vu3hx4, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-nkh1jb, grayscale);
   color: var(--color-text-link-button-normal-default-2yrp9u, #0972d3);
@@ -406,42 +406,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_tyyos_93.awsui_button_4c84z_tyyos_353:not(#\9) {
+  .awsui_link_4c84z_vt4lg_93.awsui_button_4c84z_vt4lg_353:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_tyyos_93.awsui_button_4c84z_tyyos_353:not(#\9), .awsui-mode-entering .awsui_link_4c84z_tyyos_93.awsui_button_4c84z_tyyos_353:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_vt4lg_93.awsui_button_4c84z_vt4lg_353:not(#\9), .awsui-mode-entering .awsui_link_4c84z_vt4lg_93.awsui_button_4c84z_vt4lg_353:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_tyyos_93.awsui_button_4c84z_tyyos_353:not(#\9):hover {
+.awsui_link_4c84z_vt4lg_93.awsui_button_4c84z_vt4lg_353:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-button-normal-hover-gz8y5b, #033160);
 }
-.awsui_link_4c84z_tyyos_93.awsui_button_4c84z_tyyos_353:not(#\9):focus {
+.awsui_link_4c84z_vt4lg_93.awsui_button_4c84z_vt4lg_353:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_tyyos_93.awsui_button_4c84z_tyyos_353:not(#\9):active {
+.awsui_link_4c84z_vt4lg_93.awsui_button_4c84z_vt4lg_353:not(#\9):active {
   color: var(--color-text-link-button-normal-active-8lhs8f, #033160);
 }
-.awsui_link_4c84z_tyyos_93.awsui_button_4c84z_tyyos_353:not(#\9):active, .awsui_link_4c84z_tyyos_93.awsui_button_4c84z_tyyos_353:not(#\9):focus, .awsui_link_4c84z_tyyos_93.awsui_button_4c84z_tyyos_353:not(#\9):hover {
+.awsui_link_4c84z_vt4lg_93.awsui_button_4c84z_vt4lg_353:not(#\9):active, .awsui_link_4c84z_vt4lg_93.awsui_button_4c84z_vt4lg_353:not(#\9):focus, .awsui_link_4c84z_vt4lg_93.awsui_button_4c84z_vt4lg_353:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_tyyos_93.awsui_color-inverted_4c84z_tyyos_390:not(#\9) {
+.awsui_link_4c84z_vt4lg_93.awsui_color-inverted_4c84z_vt4lg_390:not(#\9) {
   color: var(--color-text-notification-default-2kpcxy, #fbfbfb);
 }
-.awsui_link_4c84z_tyyos_93.awsui_color-inverted_4c84z_tyyos_390:not(#\9):not(.awsui_button_4c84z_tyyos_353) {
+.awsui_link_4c84z_vt4lg_93.awsui_color-inverted_4c84z_vt4lg_390:not(#\9):not(.awsui_button_4c84z_vt4lg_353) {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_tyyos_93.awsui_color-inverted_4c84z_tyyos_390:not(#\9):hover {
+.awsui_link_4c84z_vt4lg_93.awsui_color-inverted_4c84z_vt4lg_390:not(#\9):hover {
   color: var(--color-text-link-inverted-hover-5tnsdi, #ffffff);
 }
-.awsui_link_4c84z_tyyos_93[data-awsui-focus-visible=true]:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_link_4c84z_vt4lg_93:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-k2wccv, 0);
   outline-offset: 2px;
@@ -449,54 +449,54 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-nv4ahb, 2px) var(--color-border-item-focused-ap3b6s, #0972d3);
 }
-.awsui_link_4c84z_tyyos_93.awsui_font-size-body-s_4c84z_tyyos_409:not(#\9) {
+.awsui_link_4c84z_vt4lg_93.awsui_font-size-body-s_4c84z_vt4lg_409:not(#\9) {
   font-size: var(--font-body-s-size-ukw2p9, 12px);
   line-height: var(--font-body-s-line-height-kdsbrl, 16px);
   letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
 }
-.awsui_link_4c84z_tyyos_93.awsui_font-size-body-m_4c84z_tyyos_414:not(#\9) {
+.awsui_link_4c84z_vt4lg_93.awsui_font-size-body-m_4c84z_vt4lg_414:not(#\9) {
   font-size: var(--font-body-m-size-sregvd, 14px);
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
 }
-.awsui_link_4c84z_tyyos_93.awsui_font-size-heading-xs_4c84z_tyyos_418:not(#\9) {
+.awsui_link_4c84z_vt4lg_93.awsui_font-size-heading-xs_4c84z_vt4lg_418:not(#\9) {
   font-size: var(--font-heading-xs-size-fryxro, 14px);
   line-height: var(--font-heading-xs-line-height-5x131j, 18px);
 }
-.awsui_link_4c84z_tyyos_93.awsui_font-size-heading-s_4c84z_tyyos_422:not(#\9) {
+.awsui_link_4c84z_vt4lg_93.awsui_font-size-heading-s_4c84z_vt4lg_422:not(#\9) {
   font-size: var(--font-heading-s-size-9clg8y, 16px);
   line-height: var(--font-heading-s-line-height-5b7f0q, 20px);
   letter-spacing: var(--font-heading-s-letter-spacing-4d69jc, -0.005em);
 }
-.awsui_link_4c84z_tyyos_93.awsui_font-size-heading-m_4c84z_tyyos_427:not(#\9) {
+.awsui_link_4c84z_vt4lg_93.awsui_font-size-heading-m_4c84z_vt4lg_427:not(#\9) {
   font-size: var(--font-heading-m-size-6e3jmg, 20px);
   line-height: var(--font-heading-m-line-height-u3t54f, 24px);
   letter-spacing: var(--font-heading-m-letter-spacing-r00pg3, -0.01em);
 }
-.awsui_link_4c84z_tyyos_93.awsui_font-size-heading-l_4c84z_tyyos_432:not(#\9) {
+.awsui_link_4c84z_vt4lg_93.awsui_font-size-heading-l_4c84z_vt4lg_432:not(#\9) {
   font-size: var(--font-heading-l-size-otmxys, 24px);
   line-height: var(--font-heading-l-line-height-gev4n1, 30px);
   letter-spacing: var(--font-heading-l-letter-spacing-f6wvtk, -0.015em);
 }
-.awsui_link_4c84z_tyyos_93.awsui_font-size-heading-xl_4c84z_tyyos_437:not(#\9) {
+.awsui_link_4c84z_vt4lg_93.awsui_font-size-heading-xl_4c84z_vt4lg_437:not(#\9) {
   font-size: var(--font-heading-xl-size-d0vjbk, 32px);
   line-height: var(--font-heading-xl-line-height-doxfdj, 40px);
   letter-spacing: var(--font-heading-xl-letter-spacing-9tcsmy, -0.02em);
 }
-.awsui_link_4c84z_tyyos_93.awsui_font-size-display-l_4c84z_tyyos_442:not(#\9) {
+.awsui_link_4c84z_vt4lg_93.awsui_font-size-display-l_4c84z_vt4lg_442:not(#\9) {
   font-size: var(--font-display-l-size-03lgcb, 48px);
   line-height: var(--font-display-l-line-height-71tnj3, 54px);
   letter-spacing: var(--font-display-l-letter-spacing-4ff418, -0.03em);
 }
-.awsui_link_4c84z_tyyos_93.awsui_font-size-inherit_4c84z_tyyos_447:not(#\9) {
+.awsui_link_4c84z_vt4lg_93.awsui_font-size-inherit_4c84z_vt4lg_447:not(#\9) {
   font-size: inherit;
   line-height: inherit;
   letter-spacing: inherit;
 }
 
-.awsui_icon-wrapper_4c84z_tyyos_453:not(#\9) {
+.awsui_icon-wrapper_4c84z_vt4lg_453:not(#\9) {
   white-space: nowrap;
 }
 
-.awsui_icon_4c84z_tyyos_453:not(#\9) {
+.awsui_icon_4c84z_vt4lg_453:not(#\9) {
   display: inline-block;
 }

package/link/styles.selectors.js

@@ -2,25 +2,25 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "link": "awsui_link_4c84z_tyyos_93",
-  "variant-secondary": "awsui_variant-secondary_4c84z_tyyos_140",
-  "variant-primary": "awsui_variant-primary_4c84z_tyyos_177",
-  "variant-info": "awsui_variant-info_4c84z_tyyos_212",
-  "variant-value-large": "awsui_variant-value-large_4c84z_tyyos_249",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_tyyos_283",
-  "variant-recovery": "awsui_variant-recovery_4c84z_tyyos_318",
-  "button": "awsui_button_4c84z_tyyos_353",
-  "color-inverted": "awsui_color-inverted_4c84z_tyyos_390",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_tyyos_409",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_tyyos_414",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_tyyos_418",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_tyyos_422",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_tyyos_427",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_tyyos_432",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_tyyos_437",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_tyyos_442",
-  "font-size-inherit": "awsui_font-size-inherit_4c84z_tyyos_447",
-  "icon-wrapper": "awsui_icon-wrapper_4c84z_tyyos_453",
-  "icon": "awsui_icon_4c84z_tyyos_453"
+  "link": "awsui_link_4c84z_vt4lg_93",
+  "variant-secondary": "awsui_variant-secondary_4c84z_vt4lg_140",
+  "variant-primary": "awsui_variant-primary_4c84z_vt4lg_177",
+  "variant-info": "awsui_variant-info_4c84z_vt4lg_212",
+  "variant-value-large": "awsui_variant-value-large_4c84z_vt4lg_249",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_vt4lg_283",
+  "variant-recovery": "awsui_variant-recovery_4c84z_vt4lg_318",
+  "button": "awsui_button_4c84z_vt4lg_353",
+  "color-inverted": "awsui_color-inverted_4c84z_vt4lg_390",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_vt4lg_409",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_vt4lg_414",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_vt4lg_418",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_vt4lg_422",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_vt4lg_427",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_vt4lg_432",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_vt4lg_437",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_vt4lg_442",
+  "font-size-inherit": "awsui_font-size-inherit_4c84z_vt4lg_447",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_vt4lg_453",
+  "icon": "awsui_icon_4c84z_vt4lg_453"
 };
   

package/package.json

@@ -108,7 +108,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.245",
+  "version": "3.0.246",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"

package/pagination/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["pagination/internal.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAgE/C,KAAK,uBAAuB,GAAG,eAAe,GAAG,0BAA0B,CAAC;AAE5E,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,OAAO,EACP,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,mBAAmB,EACnB,iBAAwB,EACxB,GAAG,IAAI,EACR,EAAE,uBAAuB,eA0FzB"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["pagination/internal.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AA8D/C,KAAK,uBAAuB,GAAG,eAAe,GAAG,0BAA0B,CAAC;AAE5E,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,OAAO,EACP,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,mBAAmB,EACnB,iBAAwB,EACxB,GAAG,IAAI,EACR,EAAE,uBAAuB,eA0FzB"}

package/pagination/internal.js

@@ -6,7 +6,6 @@ import React from 'react';
 import InternalIcon from '../icon/internal';
 import { fireNonCancelableEvent } from '../internal/events';
 import { getBaseProps } from '../internal/base-component';
-import useFocusVisible from '../internal/hooks/focus-visible';
 import styles from './styles.css.js';
 import { getPaginationState, range } from './utils';
 import { useInternalI18n } from '../internal/i18n/context';
@@ -17,13 +16,12 @@ const defaultAriaLabels = {
     pageLabel: pageNumber => `${pageNumber}`,
 };
 function PageButton({ className, ariaLabel, disabled, pageIndex, isCurrent = false, children, onClick, }) {
-    const focusVisible = useFocusVisible();
     function handleClick(event) {
         event.preventDefault();
         onClick(pageIndex);
     }
     return (React.createElement("li", { className: styles['page-item'] },
-        React.createElement("button", Object.assign({}, focusVisible, { className: clsx(className, styles.button, disabled && styles['button-disabled'], isCurrent && styles['button-current']), type: "button", "aria-label": ariaLabel, disabled: disabled, onClick: handleClick, "aria-current": isCurrent }), children)));
+        React.createElement("button", { className: clsx(className, styles.button, disabled && styles['button-disabled'], isCurrent && styles['button-current']), type: "button", "aria-label": ariaLabel, disabled: disabled, onClick: handleClick, "aria-current": isCurrent }, children)));
 }
 function PageNumber(_a) {
     var { pageIndex } = _a, rest = __rest(_a, ["pageIndex"]);