@cloudscape-design/components-themeable 3.0.27 → 3.0.30

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, { 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(linkRef);\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          <>\n            {' '}\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          </>\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":"","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, { 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"]}

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

@@ -1,23 +1,24 @@
 
     import './styles.scoped.css';
     export default {
-  "link": "awsui_link_4c84z_1sd6c_93",
-  "variant-secondary": "awsui_variant-secondary_4c84z_1sd6c_138",
-  "variant-primary": "awsui_variant-primary_4c84z_1sd6c_173",
-  "variant-info": "awsui_variant-info_4c84z_1sd6c_208",
-  "variant-value-large": "awsui_variant-value-large_4c84z_1sd6c_243",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1sd6c_277",
-  "variant-recovery": "awsui_variant-recovery_4c84z_1sd6c_312",
-  "button": "awsui_button_4c84z_1sd6c_347",
-  "color-inverted": "awsui_color-inverted_4c84z_1sd6c_382",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_1sd6c_401",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_1sd6c_406",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1sd6c_410",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1sd6c_414",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1sd6c_419",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1sd6c_424",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1sd6c_429",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_1sd6c_434",
-  "icon": "awsui_icon_4c84z_1sd6c_440"
+  "link": "awsui_link_4c84z_lkeqe_93",
+  "variant-secondary": "awsui_variant-secondary_4c84z_lkeqe_138",
+  "variant-primary": "awsui_variant-primary_4c84z_lkeqe_173",
+  "variant-info": "awsui_variant-info_4c84z_lkeqe_208",
+  "variant-value-large": "awsui_variant-value-large_4c84z_lkeqe_243",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_lkeqe_277",
+  "variant-recovery": "awsui_variant-recovery_4c84z_lkeqe_312",
+  "button": "awsui_button_4c84z_lkeqe_347",
+  "color-inverted": "awsui_color-inverted_4c84z_lkeqe_382",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_lkeqe_401",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_lkeqe_406",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_lkeqe_410",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_lkeqe_414",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_lkeqe_419",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_lkeqe_424",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_lkeqe_429",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_lkeqe_434",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_lkeqe_440",
+  "icon": "awsui_icon_4c84z_lkeqe_440"
 };
   

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

@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_link_4c84z_1sd6c_93:not(#\9) {
+.awsui_link_4c84z_lkeqe_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -137,31 +137,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_1sd6c_93:not(#\9) {
+  .awsui_link_4c84z_lkeqe_93:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1sd6c_93:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1sd6c_93:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_lkeqe_93:not(#\9), .awsui-mode-entering .awsui_link_4c84z_lkeqe_93:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1sd6c_93:not(#\9):hover {
+.awsui_link_4c84z_lkeqe_93:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-ok01xk, #0073bb);
 }
-.awsui_link_4c84z_1sd6c_93:not(#\9):focus {
+.awsui_link_4c84z_lkeqe_93:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1sd6c_93:not(#\9):active {
+.awsui_link_4c84z_lkeqe_93:not(#\9):active {
   color: var(--color-text-link-hover-ok01xk, #0073bb);
 }
-.awsui_link_4c84z_1sd6c_93:not(#\9):active, .awsui_link_4c84z_1sd6c_93:not(#\9):focus, .awsui_link_4c84z_1sd6c_93:not(#\9):hover {
+.awsui_link_4c84z_lkeqe_93:not(#\9):active, .awsui_link_4c84z_lkeqe_93:not(#\9):focus, .awsui_link_4c84z_lkeqe_93:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1sd6c_93.awsui_variant-secondary_4c84z_1sd6c_138:not(#\9) {
+.awsui_link_4c84z_lkeqe_93.awsui_variant-secondary_4c84z_lkeqe_138:not(#\9) {
   color: var(--color-text-link-default-753y4e, #0073bb);
   font-weight: inherit;
   letter-spacing: normal;
@@ -172,31 +172,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_1sd6c_93.awsui_variant-secondary_4c84z_1sd6c_138:not(#\9) {
+  .awsui_link_4c84z_lkeqe_93.awsui_variant-secondary_4c84z_lkeqe_138:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1sd6c_93.awsui_variant-secondary_4c84z_1sd6c_138:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1sd6c_93.awsui_variant-secondary_4c84z_1sd6c_138:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_lkeqe_93.awsui_variant-secondary_4c84z_lkeqe_138:not(#\9), .awsui-mode-entering .awsui_link_4c84z_lkeqe_93.awsui_variant-secondary_4c84z_lkeqe_138:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1sd6c_93.awsui_variant-secondary_4c84z_1sd6c_138:not(#\9):hover {
+.awsui_link_4c84z_lkeqe_93.awsui_variant-secondary_4c84z_lkeqe_138:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-ok01xk, #0073bb);
 }
-.awsui_link_4c84z_1sd6c_93.awsui_variant-secondary_4c84z_1sd6c_138:not(#\9):focus {
+.awsui_link_4c84z_lkeqe_93.awsui_variant-secondary_4c84z_lkeqe_138:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1sd6c_93.awsui_variant-secondary_4c84z_1sd6c_138:not(#\9):active {
+.awsui_link_4c84z_lkeqe_93.awsui_variant-secondary_4c84z_lkeqe_138:not(#\9):active {
   color: var(--color-text-link-hover-ok01xk, #0073bb);
 }
-.awsui_link_4c84z_1sd6c_93.awsui_variant-secondary_4c84z_1sd6c_138:not(#\9):active, .awsui_link_4c84z_1sd6c_93.awsui_variant-secondary_4c84z_1sd6c_138:not(#\9):focus, .awsui_link_4c84z_1sd6c_93.awsui_variant-secondary_4c84z_1sd6c_138:not(#\9):hover {
+.awsui_link_4c84z_lkeqe_93.awsui_variant-secondary_4c84z_lkeqe_138:not(#\9):active, .awsui_link_4c84z_lkeqe_93.awsui_variant-secondary_4c84z_lkeqe_138:not(#\9):focus, .awsui_link_4c84z_lkeqe_93.awsui_variant-secondary_4c84z_lkeqe_138:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1sd6c_93.awsui_variant-primary_4c84z_1sd6c_173:not(#\9) {
+.awsui_link_4c84z_lkeqe_93.awsui_variant-primary_4c84z_lkeqe_173:not(#\9) {
   color: var(--color-text-link-default-753y4e, #0073bb);
   font-weight: var(--font-link-primary-weight-08ec3r, 700);
   letter-spacing: var(--font-link-primary-letter-spacing-4lvjol, 0.005em);
@@ -207,31 +207,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_1sd6c_93.awsui_variant-primary_4c84z_1sd6c_173:not(#\9) {
+  .awsui_link_4c84z_lkeqe_93.awsui_variant-primary_4c84z_lkeqe_173:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1sd6c_93.awsui_variant-primary_4c84z_1sd6c_173:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1sd6c_93.awsui_variant-primary_4c84z_1sd6c_173:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_lkeqe_93.awsui_variant-primary_4c84z_lkeqe_173:not(#\9), .awsui-mode-entering .awsui_link_4c84z_lkeqe_93.awsui_variant-primary_4c84z_lkeqe_173:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1sd6c_93.awsui_variant-primary_4c84z_1sd6c_173:not(#\9):hover {
+.awsui_link_4c84z_lkeqe_93.awsui_variant-primary_4c84z_lkeqe_173:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-ok01xk, #0073bb);
 }
-.awsui_link_4c84z_1sd6c_93.awsui_variant-primary_4c84z_1sd6c_173:not(#\9):focus {
+.awsui_link_4c84z_lkeqe_93.awsui_variant-primary_4c84z_lkeqe_173:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1sd6c_93.awsui_variant-primary_4c84z_1sd6c_173:not(#\9):active {
+.awsui_link_4c84z_lkeqe_93.awsui_variant-primary_4c84z_lkeqe_173:not(#\9):active {
   color: var(--color-text-link-hover-ok01xk, #0073bb);
 }
-.awsui_link_4c84z_1sd6c_93.awsui_variant-primary_4c84z_1sd6c_173:not(#\9):active, .awsui_link_4c84z_1sd6c_93.awsui_variant-primary_4c84z_1sd6c_173:not(#\9):focus, .awsui_link_4c84z_1sd6c_93.awsui_variant-primary_4c84z_1sd6c_173:not(#\9):hover {
+.awsui_link_4c84z_lkeqe_93.awsui_variant-primary_4c84z_lkeqe_173:not(#\9):active, .awsui_link_4c84z_lkeqe_93.awsui_variant-primary_4c84z_lkeqe_173:not(#\9):focus, .awsui_link_4c84z_lkeqe_93.awsui_variant-primary_4c84z_lkeqe_173:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1sd6c_93.awsui_variant-info_4c84z_1sd6c_208:not(#\9) {
+.awsui_link_4c84z_lkeqe_93.awsui_variant-info_4c84z_lkeqe_208:not(#\9) {
   color: var(--color-text-link-default-753y4e, #0073bb);
   font-weight: var(--font-button-weight-of7qcx, 700);
   letter-spacing: 0.005em;
@@ -242,31 +242,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_1sd6c_93.awsui_variant-info_4c84z_1sd6c_208:not(#\9) {
+  .awsui_link_4c84z_lkeqe_93.awsui_variant-info_4c84z_lkeqe_208:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1sd6c_93.awsui_variant-info_4c84z_1sd6c_208:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1sd6c_93.awsui_variant-info_4c84z_1sd6c_208:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_lkeqe_93.awsui_variant-info_4c84z_lkeqe_208:not(#\9), .awsui-mode-entering .awsui_link_4c84z_lkeqe_93.awsui_variant-info_4c84z_lkeqe_208:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1sd6c_93.awsui_variant-info_4c84z_1sd6c_208:not(#\9):hover {
+.awsui_link_4c84z_lkeqe_93.awsui_variant-info_4c84z_lkeqe_208:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-ok01xk, #0073bb);
 }
-.awsui_link_4c84z_1sd6c_93.awsui_variant-info_4c84z_1sd6c_208:not(#\9):focus {
+.awsui_link_4c84z_lkeqe_93.awsui_variant-info_4c84z_lkeqe_208:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1sd6c_93.awsui_variant-info_4c84z_1sd6c_208:not(#\9):active {
+.awsui_link_4c84z_lkeqe_93.awsui_variant-info_4c84z_lkeqe_208:not(#\9):active {
   color: var(--color-text-link-hover-ok01xk, #0073bb);
 }
-.awsui_link_4c84z_1sd6c_93.awsui_variant-info_4c84z_1sd6c_208:not(#\9):active, .awsui_link_4c84z_1sd6c_93.awsui_variant-info_4c84z_1sd6c_208:not(#\9):focus, .awsui_link_4c84z_1sd6c_93.awsui_variant-info_4c84z_1sd6c_208:not(#\9):hover {
+.awsui_link_4c84z_lkeqe_93.awsui_variant-info_4c84z_lkeqe_208:not(#\9):active, .awsui_link_4c84z_lkeqe_93.awsui_variant-info_4c84z_lkeqe_208:not(#\9):focus, .awsui_link_4c84z_lkeqe_93.awsui_variant-info_4c84z_lkeqe_208: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-shj5w3, currentColor);
 }
-.awsui_link_4c84z_1sd6c_93.awsui_variant-value-large_4c84z_1sd6c_243:not(#\9) {
+.awsui_link_4c84z_lkeqe_93.awsui_variant-value-large_4c84z_lkeqe_243:not(#\9) {
   color: var(--color-text-link-default-753y4e, #0073bb);
   font-weight: var(--font-box-value-large-weight-eliigm, 300);
   text-decoration: none;
@@ -276,31 +276,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_1sd6c_93.awsui_variant-value-large_4c84z_1sd6c_243:not(#\9) {
+  .awsui_link_4c84z_lkeqe_93.awsui_variant-value-large_4c84z_lkeqe_243:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1sd6c_93.awsui_variant-value-large_4c84z_1sd6c_243:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1sd6c_93.awsui_variant-value-large_4c84z_1sd6c_243:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_lkeqe_93.awsui_variant-value-large_4c84z_lkeqe_243:not(#\9), .awsui-mode-entering .awsui_link_4c84z_lkeqe_93.awsui_variant-value-large_4c84z_lkeqe_243:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1sd6c_93.awsui_variant-value-large_4c84z_1sd6c_243:not(#\9):hover {
+.awsui_link_4c84z_lkeqe_93.awsui_variant-value-large_4c84z_lkeqe_243:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-ok01xk, #0073bb);
 }
-.awsui_link_4c84z_1sd6c_93.awsui_variant-value-large_4c84z_1sd6c_243:not(#\9):focus {
+.awsui_link_4c84z_lkeqe_93.awsui_variant-value-large_4c84z_lkeqe_243:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1sd6c_93.awsui_variant-value-large_4c84z_1sd6c_243:not(#\9):active {
+.awsui_link_4c84z_lkeqe_93.awsui_variant-value-large_4c84z_lkeqe_243:not(#\9):active {
   color: var(--color-text-link-hover-ok01xk, #0073bb);
 }
-.awsui_link_4c84z_1sd6c_93.awsui_variant-value-large_4c84z_1sd6c_243:not(#\9):active, .awsui_link_4c84z_1sd6c_93.awsui_variant-value-large_4c84z_1sd6c_243:not(#\9):focus, .awsui_link_4c84z_1sd6c_93.awsui_variant-value-large_4c84z_1sd6c_243:not(#\9):hover {
+.awsui_link_4c84z_lkeqe_93.awsui_variant-value-large_4c84z_lkeqe_243:not(#\9):active, .awsui_link_4c84z_lkeqe_93.awsui_variant-value-large_4c84z_lkeqe_243:not(#\9):focus, .awsui_link_4c84z_lkeqe_93.awsui_variant-value-large_4c84z_lkeqe_243:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1sd6c_93.awsui_variant-top-navigation_4c84z_1sd6c_277:not(#\9) {
+.awsui_link_4c84z_lkeqe_93.awsui_variant-top-navigation_4c84z_lkeqe_277:not(#\9) {
   color: var(--color-text-interactive-default-9me1cm, #545b64);
   font-weight: 700;
   letter-spacing: 0.005em;
@@ -311,31 +311,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_1sd6c_93.awsui_variant-top-navigation_4c84z_1sd6c_277:not(#\9) {
+  .awsui_link_4c84z_lkeqe_93.awsui_variant-top-navigation_4c84z_lkeqe_277:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1sd6c_93.awsui_variant-top-navigation_4c84z_1sd6c_277:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1sd6c_93.awsui_variant-top-navigation_4c84z_1sd6c_277:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_lkeqe_93.awsui_variant-top-navigation_4c84z_lkeqe_277:not(#\9), .awsui-mode-entering .awsui_link_4c84z_lkeqe_93.awsui_variant-top-navigation_4c84z_lkeqe_277:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1sd6c_93.awsui_variant-top-navigation_4c84z_1sd6c_277:not(#\9):hover {
+.awsui_link_4c84z_lkeqe_93.awsui_variant-top-navigation_4c84z_lkeqe_277:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-interactive-hover-79wpl9, #16191f);
 }
-.awsui_link_4c84z_1sd6c_93.awsui_variant-top-navigation_4c84z_1sd6c_277:not(#\9):focus {
+.awsui_link_4c84z_lkeqe_93.awsui_variant-top-navigation_4c84z_lkeqe_277:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1sd6c_93.awsui_variant-top-navigation_4c84z_1sd6c_277:not(#\9):active {
+.awsui_link_4c84z_lkeqe_93.awsui_variant-top-navigation_4c84z_lkeqe_277:not(#\9):active {
   color: var(--color-text-interactive-active-i5elzx, #16191f);
 }
-.awsui_link_4c84z_1sd6c_93.awsui_variant-top-navigation_4c84z_1sd6c_277:not(#\9):active, .awsui_link_4c84z_1sd6c_93.awsui_variant-top-navigation_4c84z_1sd6c_277:not(#\9):focus, .awsui_link_4c84z_1sd6c_93.awsui_variant-top-navigation_4c84z_1sd6c_277:not(#\9):hover {
+.awsui_link_4c84z_lkeqe_93.awsui_variant-top-navigation_4c84z_lkeqe_277:not(#\9):active, .awsui_link_4c84z_lkeqe_93.awsui_variant-top-navigation_4c84z_lkeqe_277:not(#\9):focus, .awsui_link_4c84z_lkeqe_93.awsui_variant-top-navigation_4c84z_lkeqe_277:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_1sd6c_93.awsui_variant-recovery_4c84z_1sd6c_312:not(#\9) {
+.awsui_link_4c84z_lkeqe_93.awsui_variant-recovery_4c84z_lkeqe_312:not(#\9) {
   color: var(--color-text-link-default-753y4e, #0073bb);
   font-weight: var(--font-link-button-weight-g5p0bg, 400);
   letter-spacing: var(--font-link-button-letter-spacing-7hbib6, normal);
@@ -346,31 +346,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_1sd6c_93.awsui_variant-recovery_4c84z_1sd6c_312:not(#\9) {
+  .awsui_link_4c84z_lkeqe_93.awsui_variant-recovery_4c84z_lkeqe_312:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1sd6c_93.awsui_variant-recovery_4c84z_1sd6c_312:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1sd6c_93.awsui_variant-recovery_4c84z_1sd6c_312:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_lkeqe_93.awsui_variant-recovery_4c84z_lkeqe_312:not(#\9), .awsui-mode-entering .awsui_link_4c84z_lkeqe_93.awsui_variant-recovery_4c84z_lkeqe_312:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1sd6c_93.awsui_variant-recovery_4c84z_1sd6c_312:not(#\9):hover {
+.awsui_link_4c84z_lkeqe_93.awsui_variant-recovery_4c84z_lkeqe_312:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-ok01xk, #0073bb);
 }
-.awsui_link_4c84z_1sd6c_93.awsui_variant-recovery_4c84z_1sd6c_312:not(#\9):focus {
+.awsui_link_4c84z_lkeqe_93.awsui_variant-recovery_4c84z_lkeqe_312:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1sd6c_93.awsui_variant-recovery_4c84z_1sd6c_312:not(#\9):active {
+.awsui_link_4c84z_lkeqe_93.awsui_variant-recovery_4c84z_lkeqe_312:not(#\9):active {
   color: var(--color-text-link-hover-ok01xk, #0073bb);
 }
-.awsui_link_4c84z_1sd6c_93.awsui_variant-recovery_4c84z_1sd6c_312:not(#\9):active, .awsui_link_4c84z_1sd6c_93.awsui_variant-recovery_4c84z_1sd6c_312:not(#\9):focus, .awsui_link_4c84z_1sd6c_93.awsui_variant-recovery_4c84z_1sd6c_312:not(#\9):hover {
+.awsui_link_4c84z_lkeqe_93.awsui_variant-recovery_4c84z_lkeqe_312:not(#\9):active, .awsui_link_4c84z_lkeqe_93.awsui_variant-recovery_4c84z_lkeqe_312:not(#\9):focus, .awsui_link_4c84z_lkeqe_93.awsui_variant-recovery_4c84z_lkeqe_312: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-shj5w3, currentColor);
 }
-.awsui_link_4c84z_1sd6c_93.awsui_button_4c84z_1sd6c_347:not(#\9) {
+.awsui_link_4c84z_lkeqe_93.awsui_button_4c84z_lkeqe_347:not(#\9) {
   color: var(--color-text-link-button-normal-default-4hy24d, #545b64);
   font-weight: var(--font-button-weight-of7qcx, 700);
   letter-spacing: var(--font-button-letter-spacing-9fsbgj, 0.25px);
@@ -381,42 +381,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_1sd6c_93.awsui_button_4c84z_1sd6c_347:not(#\9) {
+  .awsui_link_4c84z_lkeqe_93.awsui_button_4c84z_lkeqe_347:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1sd6c_93.awsui_button_4c84z_1sd6c_347:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1sd6c_93.awsui_button_4c84z_1sd6c_347:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_lkeqe_93.awsui_button_4c84z_lkeqe_347:not(#\9), .awsui-mode-entering .awsui_link_4c84z_lkeqe_93.awsui_button_4c84z_lkeqe_347:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1sd6c_93.awsui_button_4c84z_1sd6c_347:not(#\9):hover {
+.awsui_link_4c84z_lkeqe_93.awsui_button_4c84z_lkeqe_347:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-button-normal-hover-ir7bl3, #16191f);
 }
-.awsui_link_4c84z_1sd6c_93.awsui_button_4c84z_1sd6c_347:not(#\9):focus {
+.awsui_link_4c84z_lkeqe_93.awsui_button_4c84z_lkeqe_347:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1sd6c_93.awsui_button_4c84z_1sd6c_347:not(#\9):active {
+.awsui_link_4c84z_lkeqe_93.awsui_button_4c84z_lkeqe_347:not(#\9):active {
   color: var(--color-text-link-button-normal-active-1os5uu, #16191f);
 }
-.awsui_link_4c84z_1sd6c_93.awsui_button_4c84z_1sd6c_347:not(#\9):active, .awsui_link_4c84z_1sd6c_93.awsui_button_4c84z_1sd6c_347:not(#\9):focus, .awsui_link_4c84z_1sd6c_93.awsui_button_4c84z_1sd6c_347:not(#\9):hover {
+.awsui_link_4c84z_lkeqe_93.awsui_button_4c84z_lkeqe_347:not(#\9):active, .awsui_link_4c84z_lkeqe_93.awsui_button_4c84z_lkeqe_347:not(#\9):focus, .awsui_link_4c84z_lkeqe_93.awsui_button_4c84z_lkeqe_347:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_1sd6c_93.awsui_color-inverted_4c84z_1sd6c_382:not(#\9) {
+.awsui_link_4c84z_lkeqe_93.awsui_color-inverted_4c84z_lkeqe_382:not(#\9) {
   color: var(--color-text-notification-default-l83xtb, #fafafa);
 }
-.awsui_link_4c84z_1sd6c_93.awsui_color-inverted_4c84z_1sd6c_382:not(#\9):not(.awsui_button_4c84z_1sd6c_347) {
+.awsui_link_4c84z_lkeqe_93.awsui_color-inverted_4c84z_lkeqe_382:not(#\9):not(.awsui_button_4c84z_lkeqe_347) {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1sd6c_93.awsui_color-inverted_4c84z_1sd6c_382:not(#\9):hover {
+.awsui_link_4c84z_lkeqe_93.awsui_color-inverted_4c84z_lkeqe_382:not(#\9):hover {
   color: var(--color-text-link-inverted-hover-v9ehu7, #fafafa);
 }
-.awsui_link_4c84z_1sd6c_93[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_link_4c84z_lkeqe_93[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-67z0xv, 5px auto Highlight);
   outline-offset: 2px;
@@ -424,45 +424,49 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-control-default-focus-ring-hekmgc, 2px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-e3dct9, 0px) var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_link_4c84z_1sd6c_93.awsui_font-size-body-s_4c84z_1sd6c_401:not(#\9) {
+.awsui_link_4c84z_lkeqe_93.awsui_font-size-body-s_4c84z_lkeqe_401: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-p88gax, normal);
 }
-.awsui_link_4c84z_1sd6c_93.awsui_font-size-body-m_4c84z_1sd6c_406:not(#\9) {
+.awsui_link_4c84z_lkeqe_93.awsui_font-size-body-m_4c84z_lkeqe_406:not(#\9) {
   font-size: var(--font-body-m-size-sregvd, 14px);
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
 }
-.awsui_link_4c84z_1sd6c_93.awsui_font-size-heading-xs_4c84z_1sd6c_410:not(#\9) {
+.awsui_link_4c84z_lkeqe_93.awsui_font-size-heading-xs_4c84z_lkeqe_410:not(#\9) {
   font-size: var(--font-heading-xs-size-j82aha, 16px);
   line-height: var(--font-heading-xs-line-height-tf278d, 20px);
 }
-.awsui_link_4c84z_1sd6c_93.awsui_font-size-heading-s_4c84z_1sd6c_414:not(#\9) {
+.awsui_link_4c84z_lkeqe_93.awsui_font-size-heading-s_4c84z_lkeqe_414: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-i014lh, normal);
 }
-.awsui_link_4c84z_1sd6c_93.awsui_font-size-heading-m_4c84z_1sd6c_419:not(#\9) {
+.awsui_link_4c84z_lkeqe_93.awsui_font-size-heading-m_4c84z_lkeqe_419:not(#\9) {
   font-size: var(--font-heading-m-size-f8kmgg, 18px);
   line-height: var(--font-heading-m-line-height-wqj6lz, 22px);
   letter-spacing: var(--font-heading-m-letter-spacing-vsl82f, normal);
 }
-.awsui_link_4c84z_1sd6c_93.awsui_font-size-heading-l_4c84z_1sd6c_424:not(#\9) {
+.awsui_link_4c84z_lkeqe_93.awsui_font-size-heading-l_4c84z_lkeqe_424:not(#\9) {
   font-size: var(--font-heading-l-size-glo9md, 18px);
   line-height: var(--font-heading-l-line-height-oujdab, 22px);
   letter-spacing: var(--font-heading-l-letter-spacing-tthw81, normal);
 }
-.awsui_link_4c84z_1sd6c_93.awsui_font-size-heading-xl_4c84z_1sd6c_429:not(#\9) {
+.awsui_link_4c84z_lkeqe_93.awsui_font-size-heading-xl_4c84z_lkeqe_429:not(#\9) {
   font-size: var(--font-heading-xl-size-etf0gx, 28px);
   line-height: var(--font-heading-xl-line-height-qeciux, 36px);
   letter-spacing: var(--font-heading-xl-letter-spacing-v5jzbn, normal);
 }
-.awsui_link_4c84z_1sd6c_93.awsui_font-size-display-l_4c84z_1sd6c_434:not(#\9) {
+.awsui_link_4c84z_lkeqe_93.awsui_font-size-display-l_4c84z_lkeqe_434:not(#\9) {
   font-size: var(--font-display-l-size-obs4uc, 44px);
   line-height: var(--font-display-l-line-height-gic9xn, 56px);
   letter-spacing: var(--font-display-l-letter-spacing-2u0pg2, normal);
 }
 
-.awsui_icon_4c84z_1sd6c_440:not(#\9) {
+.awsui_icon-wrapper_4c84z_lkeqe_440:not(#\9) {
+  white-space: nowrap;
+}
+
+.awsui_icon_4c84z_lkeqe_440:not(#\9) {
   display: inline-block;
 }

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

@@ -2,23 +2,24 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "link": "awsui_link_4c84z_1sd6c_93",
-  "variant-secondary": "awsui_variant-secondary_4c84z_1sd6c_138",
-  "variant-primary": "awsui_variant-primary_4c84z_1sd6c_173",
-  "variant-info": "awsui_variant-info_4c84z_1sd6c_208",
-  "variant-value-large": "awsui_variant-value-large_4c84z_1sd6c_243",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1sd6c_277",
-  "variant-recovery": "awsui_variant-recovery_4c84z_1sd6c_312",
-  "button": "awsui_button_4c84z_1sd6c_347",
-  "color-inverted": "awsui_color-inverted_4c84z_1sd6c_382",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_1sd6c_401",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_1sd6c_406",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1sd6c_410",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1sd6c_414",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1sd6c_419",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1sd6c_424",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1sd6c_429",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_1sd6c_434",
-  "icon": "awsui_icon_4c84z_1sd6c_440"
+  "link": "awsui_link_4c84z_lkeqe_93",
+  "variant-secondary": "awsui_variant-secondary_4c84z_lkeqe_138",
+  "variant-primary": "awsui_variant-primary_4c84z_lkeqe_173",
+  "variant-info": "awsui_variant-info_4c84z_lkeqe_208",
+  "variant-value-large": "awsui_variant-value-large_4c84z_lkeqe_243",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_lkeqe_277",
+  "variant-recovery": "awsui_variant-recovery_4c84z_lkeqe_312",
+  "button": "awsui_button_4c84z_lkeqe_347",
+  "color-inverted": "awsui_color-inverted_4c84z_lkeqe_382",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_lkeqe_401",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_lkeqe_406",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_lkeqe_410",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_lkeqe_414",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_lkeqe_419",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_lkeqe_424",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_lkeqe_429",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_lkeqe_434",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_lkeqe_440",
+  "icon": "awsui_icon_4c84z_lkeqe_440"
 };
   

package/lib/internal/template/mixed-line-bar-chart/bar-series.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bar-series.d.ts","sourceRoot":"","sources":["../../../src/mixed-line-bar-chart/bar-series.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAC9F,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,EAAyB,cAAc,EAAE,MAAM,SAAS,CAAC;AAGhE,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAEhB,MAAM,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAEhD,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IAEpB,MAAM,EAAE,UAAU,CAAC;IACnB,MAAM,EAAE,iBAAiB,CAAC;IAE1B,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,EAAE,MAAM,CAAC;IAE1B,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAC;IAGrC,iBAAiB,CAAC,EAAE,cAAc,CAAC;CACpC;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,CAAC,SAAS,cAAc,EAAE,EAC1D,IAAI,EACJ,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,WAAW,EACX,MAAM,EACN,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,EACX,QAAQ,EACR,iBAAiB,GAClB,EAAE,cAAc,CAAC,CAAC,CAAC,eAuFnB"}
+{"version":3,"file":"bar-series.d.ts","sourceRoot":"","sources":["../../../src/mixed-line-bar-chart/bar-series.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAC9F,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,EAAyB,cAAc,EAAE,MAAM,SAAS,CAAC;AAGhE,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAEhB,MAAM,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAEhD,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IAEpB,MAAM,EAAE,UAAU,CAAC;IACnB,MAAM,EAAE,iBAAiB,CAAC;IAE1B,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,EAAE,MAAM,CAAC;IAE1B,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAC;IAGrC,iBAAiB,CAAC,EAAE,cAAc,CAAC;CACpC;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,CAAC,SAAS,cAAc,EAAE,EAC1D,IAAI,EACJ,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,WAAW,EACX,MAAM,EACN,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,EACX,QAAQ,EACR,iBAAiB,GAClB,EAAE,cAAc,CAAC,CAAC,CAAC,eAqFnB"}

package/lib/internal/template/mixed-line-bar-chart/bar-series.js

@@ -1,6 +1,6 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import React, { useMemo, useRef } from 'react';
+import React, { useMemo } from 'react';
 import clsx from 'clsx';
 import { matchesX, getKeyValue } from './utils';
 import styles from './styles.css.js';
@@ -8,8 +8,7 @@ import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
 export default function BarSeries(_a) {
     var _b;
     var axis = _a.axis, series = _a.series, color = _a.color, xScale = _a.xScale, yScale = _a.yScale, highlighted = _a.highlighted, dimmed = _a.dimmed, highlightedGroupIndex = _a.highlightedGroupIndex, stackedBarOffsets = _a.stackedBarOffsets, totalSeriesCount = _a.totalSeriesCount, seriesIndex = _a.seriesIndex, plotSize = _a.plotSize, chartAreaClipPath = _a.chartAreaClipPath;
-    var seriesRef = useRef(null);
-    var isRefresh = useVisualRefresh(seriesRef);
+    var isRefresh = useVisualRefresh();
     var xCoordinates = useMemo(function () {
         var _a;
         if (series.type !== 'bar' || !xScale.isCategorical()) {
@@ -58,7 +57,7 @@ export default function BarSeries(_a) {
     return (React.createElement("g", { "aria-label": series.title, clipPath: "url(#".concat(chartAreaClipPath, ")"), className: clsx(styles.series, styles['series--bar'], (_b = {},
             _b[styles['series--highlighted']] = highlighted,
             _b[styles['series--dimmed']] = dimmed,
-            _b)), ref: seriesRef }, xCoordinates.map(function (_a, i) {
+            _b)) }, xCoordinates.map(function (_a, i) {
         var _b;
         var x = _a.x, y = _a.y, width = _a.width, height = _a.height;
         return isFinite(x) &&

package/lib/internal/template/mixed-line-bar-chart/bar-series.js.map

@@ -1 +1 @@
-{"version":3,"file":"bar-series.js","sourceRoot":"","sources":["../../../src/mixed-line-bar-chart/bar-series.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, { useMemo, useRef } from 'react';\nimport clsx from 'clsx';\nimport { ScaleContinuousNumeric, ScaleTime } from 'd3-scale';\n\nimport { ChartScale, NumericChartScale } from '../internal/components/cartesian-chart/scales';\nimport { ChartDataTypes, MixedLineBarChartProps } from './interfaces';\nimport { matchesX, getKeyValue, StackedOffsets } from './utils';\nimport styles from './styles.css.js';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nexport interface BarSeriesProps<T> {\n  axis: 'x' | 'y';\n\n  series: MixedLineBarChartProps.BarDataSeries<T>;\n\n  color: string;\n  totalSeriesCount: number;\n  seriesIndex: number;\n\n  xScale: ChartScale;\n  yScale: NumericChartScale;\n\n  plotSize: number;\n  chartAreaClipPath: string;\n\n  highlighted: boolean;\n  dimmed: boolean;\n  highlightedGroupIndex: number | null;\n\n  // Contains the cumulative offset for each x value in a stacked bar chart\n  stackedBarOffsets?: StackedOffsets;\n}\n\nexport default function BarSeries<T extends ChartDataTypes>({\n  axis,\n  series,\n  color,\n  xScale,\n  yScale,\n  highlighted,\n  dimmed,\n  highlightedGroupIndex,\n  stackedBarOffsets,\n  totalSeriesCount,\n  seriesIndex,\n  plotSize,\n  chartAreaClipPath,\n}: BarSeriesProps<T>) {\n  const seriesRef = useRef(null);\n  const isRefresh = useVisualRefresh(seriesRef);\n\n  const xCoordinates = useMemo(() => {\n    if (series.type !== 'bar' || !xScale.isCategorical()) {\n      return [];\n    }\n\n    const yContinuosScale: ScaleContinuousNumeric<number, number> | ScaleTime<number, number> = yScale.d3Scale;\n    const xPoints = (series.data as ReadonlyArray<MixedLineBarChartProps.Datum<ChartDataTypes>>).map(\n      ({ x }) => xScale.d3Scale(x) || NaN\n    );\n\n    const zeroY = yScale.d3Scale(0) ?? NaN;\n    const baseY = isFinite(zeroY) ? Math.min(plotSize, zeroY) : plotSize;\n\n    let barWidth = xScale.d3Scale.bandwidth();\n\n    const PADDING = 4;\n    const MINWIDTH = 4;\n\n    if (!stackedBarOffsets && totalSeriesCount > 1) {\n      // Regular grouped bars\n      barWidth = (barWidth - (totalSeriesCount - 1) * PADDING) / totalSeriesCount;\n      barWidth = Math.max(barWidth, MINWIDTH);\n    }\n\n    return xPoints.map((x, i) => {\n      const d = series.data[i];\n      let barX = x;\n      let yValue = d.y;\n\n      if (stackedBarOffsets) {\n        // Stacked bars\n        const offsetMap = d.y < 0 ? stackedBarOffsets.negativeOffsets : stackedBarOffsets.positiveOffsets;\n        yValue = d.y + (offsetMap[getKeyValue(d.x)] || 0);\n      } else if (totalSeriesCount > 1) {\n        // Regular grouped bars\n        barX += seriesIndex * (barWidth + PADDING);\n      }\n\n      // Account for negative values growing \"down\" instead of \"up\"\n      yValue = yValue < 0 ? yValue - d.y : yValue;\n\n      return {\n        x: barX,\n        y: yContinuosScale(yValue) ?? NaN,\n        width: barWidth,\n        height: Math.abs((yContinuosScale(d.y) ?? NaN) - baseY),\n      };\n    });\n  }, [series, xScale, yScale, plotSize, stackedBarOffsets, totalSeriesCount, seriesIndex]);\n\n  const highlightedXValue = highlightedGroupIndex !== null ? xScale.domain[highlightedGroupIndex] : null;\n\n  return (\n    <g\n      aria-label={series.title}\n      clipPath={`url(#${chartAreaClipPath})`}\n      className={clsx(styles.series, styles['series--bar'], {\n        [styles['series--highlighted']]: highlighted,\n        [styles['series--dimmed']]: dimmed,\n      })}\n      ref={seriesRef}\n    >\n      {xCoordinates.map(\n        ({ x, y, width, height }, i) =>\n          isFinite(x) &&\n          isFinite(height) && (\n            <rect\n              key={`bar-${i}`}\n              fill={color}\n              x={axis === 'x' ? x : y - height}\n              y={axis === 'x' ? y : x}\n              width={axis === 'x' ? width : height}\n              height={axis === 'x' ? height : width}\n              rx={isRefresh ? '4px' : '0px'}\n              className={clsx(styles.series__rect, {\n                [styles['series--dimmed']]:\n                  highlightedXValue !== null && !matchesX(highlightedXValue, series.data[i].x),\n              })}\n            />\n          )\n      )}\n    </g>\n  );\n}\n"]}
+{"version":3,"file":"bar-series.js","sourceRoot":"","sources":["../../../src/mixed-line-bar-chart/bar-series.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, { useMemo } from 'react';\nimport clsx from 'clsx';\nimport { ScaleContinuousNumeric, ScaleTime } from 'd3-scale';\n\nimport { ChartScale, NumericChartScale } from '../internal/components/cartesian-chart/scales';\nimport { ChartDataTypes, MixedLineBarChartProps } from './interfaces';\nimport { matchesX, getKeyValue, StackedOffsets } from './utils';\nimport styles from './styles.css.js';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nexport interface BarSeriesProps<T> {\n  axis: 'x' | 'y';\n\n  series: MixedLineBarChartProps.BarDataSeries<T>;\n\n  color: string;\n  totalSeriesCount: number;\n  seriesIndex: number;\n\n  xScale: ChartScale;\n  yScale: NumericChartScale;\n\n  plotSize: number;\n  chartAreaClipPath: string;\n\n  highlighted: boolean;\n  dimmed: boolean;\n  highlightedGroupIndex: number | null;\n\n  // Contains the cumulative offset for each x value in a stacked bar chart\n  stackedBarOffsets?: StackedOffsets;\n}\n\nexport default function BarSeries<T extends ChartDataTypes>({\n  axis,\n  series,\n  color,\n  xScale,\n  yScale,\n  highlighted,\n  dimmed,\n  highlightedGroupIndex,\n  stackedBarOffsets,\n  totalSeriesCount,\n  seriesIndex,\n  plotSize,\n  chartAreaClipPath,\n}: BarSeriesProps<T>) {\n  const isRefresh = useVisualRefresh();\n\n  const xCoordinates = useMemo(() => {\n    if (series.type !== 'bar' || !xScale.isCategorical()) {\n      return [];\n    }\n\n    const yContinuosScale: ScaleContinuousNumeric<number, number> | ScaleTime<number, number> = yScale.d3Scale;\n    const xPoints = (series.data as ReadonlyArray<MixedLineBarChartProps.Datum<ChartDataTypes>>).map(\n      ({ x }) => xScale.d3Scale(x) || NaN\n    );\n\n    const zeroY = yScale.d3Scale(0) ?? NaN;\n    const baseY = isFinite(zeroY) ? Math.min(plotSize, zeroY) : plotSize;\n\n    let barWidth = xScale.d3Scale.bandwidth();\n\n    const PADDING = 4;\n    const MINWIDTH = 4;\n\n    if (!stackedBarOffsets && totalSeriesCount > 1) {\n      // Regular grouped bars\n      barWidth = (barWidth - (totalSeriesCount - 1) * PADDING) / totalSeriesCount;\n      barWidth = Math.max(barWidth, MINWIDTH);\n    }\n\n    return xPoints.map((x, i) => {\n      const d = series.data[i];\n      let barX = x;\n      let yValue = d.y;\n\n      if (stackedBarOffsets) {\n        // Stacked bars\n        const offsetMap = d.y < 0 ? stackedBarOffsets.negativeOffsets : stackedBarOffsets.positiveOffsets;\n        yValue = d.y + (offsetMap[getKeyValue(d.x)] || 0);\n      } else if (totalSeriesCount > 1) {\n        // Regular grouped bars\n        barX += seriesIndex * (barWidth + PADDING);\n      }\n\n      // Account for negative values growing \"down\" instead of \"up\"\n      yValue = yValue < 0 ? yValue - d.y : yValue;\n\n      return {\n        x: barX,\n        y: yContinuosScale(yValue) ?? NaN,\n        width: barWidth,\n        height: Math.abs((yContinuosScale(d.y) ?? NaN) - baseY),\n      };\n    });\n  }, [series, xScale, yScale, plotSize, stackedBarOffsets, totalSeriesCount, seriesIndex]);\n\n  const highlightedXValue = highlightedGroupIndex !== null ? xScale.domain[highlightedGroupIndex] : null;\n\n  return (\n    <g\n      aria-label={series.title}\n      clipPath={`url(#${chartAreaClipPath})`}\n      className={clsx(styles.series, styles['series--bar'], {\n        [styles['series--highlighted']]: highlighted,\n        [styles['series--dimmed']]: dimmed,\n      })}\n    >\n      {xCoordinates.map(\n        ({ x, y, width, height }, i) =>\n          isFinite(x) &&\n          isFinite(height) && (\n            <rect\n              key={`bar-${i}`}\n              fill={color}\n              x={axis === 'x' ? x : y - height}\n              y={axis === 'x' ? y : x}\n              width={axis === 'x' ? width : height}\n              height={axis === 'x' ? height : width}\n              rx={isRefresh ? '4px' : '0px'}\n              className={clsx(styles.series__rect, {\n                [styles['series--dimmed']]:\n                  highlightedXValue !== null && !matchesX(highlightedXValue, series.data[i].x),\n              })}\n            />\n          )\n      )}\n    </g>\n  );\n}\n"]}

package/lib/internal/template/mixed-line-bar-chart/chart-container.js

@@ -42,7 +42,7 @@ export default function ChartContainer(_a) {
     var plotWidth = containerWidth ? containerWidth - leftLabelsWidth - LEFT_LABELS_MARGIN : 500;
     var containerRefObject = useRef(null);
     var containerRef = useMergeRefs(containerMeasureRef, containerRefObject);
-    var isRefresh = useVisualRefresh(containerRefObject);
+    var isRefresh = useVisualRefresh();
     var linesOnly = series.every(function (_a) {
         var series = _a.series;
         return series.type === 'line' || series.type === 'threshold';