@cloudscape-design/components-themeable 3.0.1087 → 3.0.1089

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

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/link/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAE1F,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AACpG,OAAO,EACL,sBAAsB,EACtB,sBAAsB,EACtB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AACnF,OAAO,EAAE,yBAAyB,EAAE,MAAM,kDAAkD,CAAC;AAC7F,OAAO,EAAE,0BAA0B,EAAE,MAAM,wDAAwD,CAAC;AACpG,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACnG,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAE9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAEhE,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAOrC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CACnC,CACE,EAgBoB,EACpB,GAA6B,EAC7B,EAAE;QAlBF,EACE,OAAO,EAAE,eAAe,EACxB,QAAQ,GAAG,QAAQ,EACnB,KAAK,GAAG,QAAQ,EAChB,QAAQ,GAAG,KAAK,EAChB,MAAM,EACN,IAAI,EACJ,GAAG,EACH,SAAS,EACT,qBAAqB,EACrB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,iBAAiB,EACjB,KAAK,OAEa,EADf,KAAK,cAfV,4KAgBC,CADS;IAIV,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAC3B,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC;IACvB,MAAM,EAAE,cAAc,EAAE,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAC;IACjE,MAAM,OAAO,GAAG,eAAe,IAAI,cAAc,CAAC;IAClD,MAAM,aAAa,GAAG,CAAC,gBAAgB,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;IAC7D,MAAM,eAAe,GAAG,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IAE5D,MAAM,IAAI,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;IACrC,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,YAAY,GAAG,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IACjE,MAAM,SAAS,GAAG,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,CAAC,YAAY,KAAK,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IACzF,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;IACrC,MAAM,MAAM,GAAG,WAAW,CAAC,WAAW,CAAC,CAAC;IACxC,MAAM,MAAM,GAAG,WAAW,CAAC,WAAW,CAAC,CAAC;IAExC,MAAM,wBAAwB,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAElE,MAAM,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,GAAG,SAAS,EAAE,CAAC;IAC9D,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,aAAa,EAAE,CAAC;IACzE,MAAM,EAAE,iBAAiB,EAAE,eAAe,EAAE,mBAAmB,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEvF,MAAM,eAAe,GAAG,CAAC,mBAA2B,EAAE,EAAE;QACtD,IAAI,OAAO,KAAK,MAAM,EAAE;YACtB,MAAM,QAAQ,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;YACvD,MAAM,WAAW,GAAG,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;YAE7D,aAAa,CAAC,mBAAmB,CAAC;gBAChC,gBAAgB;gBAChB,mBAAmB;gBACnB,cAAc;gBACd,UAAU;gBACV,QAAQ;gBACR,iBAAiB;gBACjB,gBAAgB;gBAChB,eAAe;gBACf,WAAW;gBACX,mBAAmB;gBACnB,eAAe,EAAE,sBAAsB,CAAC,QAAQ,CAAC;gBACjD,kBAAkB,EAAE,qBAAqB,EAAE;aAC5C,CAAC,CAAC;SACJ;aAAM,IAAI,QAAQ,EAAE;YACnB,MAAM,QAAQ,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;YACvD,MAAM,WAAW,GAAG,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;YAE7D,aAAa,CAAC,sBAAsB,CAAC;gBACnC,gBAAgB;gBAChB,mBAAmB;gBACnB,cAAc;gBACd,UAAU;gBACV,QAAQ;gBACR,gBAAgB;gBAChB,iBAAiB;gBACjB,eAAe;gBACf,WAAW;gBACX,mBAAmB;gBACnB,eAAe,EAAE,sBAAsB,CAAC,QAAQ,CAAC;gBACjD,kBAAkB,EAAE,qBAAqB,EAAE;aAC5C,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;QACtD,IAAI,mBAAmB,EAAE;YACvB,eAAe,CAAC,mBAAmB,CAAC,CAAC;SACtC;QAED,mBAAmB,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,KAAK,CAAC,CAAC;IACjF,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,KAA6C,EAAE,EAAE;QACvE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;QACrD,MAAM,MAAM,GAAG,QAAQ,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QACpD,sFAAsF;QACtF,8CAA8C;QAC9C,sBAAsB,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;IAClF,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,KAAuB,EAAE,EAAE;QAClD,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAE;YAC3B,eAAe,CAAC,KAAK,CAAC,CAAC;SACxB;QACD,cAAc,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,KAAuB,EAAE,EAAE;QACpD,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,cAAc,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,KAA0B,EAAE,EAAE;QACzD,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,KAAK,EAAE;YACtE,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,eAAe,CAAC,KAAK,CAAC,CAAC;YACvB,cAAc,CAAC,KAAK,CAAC,CAAC;SACvB;IACH,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAC1C,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAC3C,eAAe,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAE9B,2HAA2H;IAC3H,MAAM,iBAAiB,GAAG,QAAQ,IAAI,eAAe,IAAI,CAAC,eAAe,CAAC;IAE1E,MAAM,WAAW,iCACf,EAAE,EAAE,MAAM,IACP,SAAS,KACZ,GAAG,EAAE,YAAY,CAAC,OAAO,EAAE,iBAAiB,CAAC,EAC7C,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,IAAI,EACX,SAAS,CAAC,SAAS,EACnB,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EACxC,MAAM,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,EAChC,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,EAC3C,MAAM,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CACtC,EACD,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,EAC3B,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,SAA+B,EAClD,CAAC,sBAAsB,CAAC,EAAE,QAAQ,GACnC,CAAC;IAEF,IAAI,OAAO,KAAK,MAAM,IAAI,wBAAwB,IAAI,CAAC,SAAS,EAAE;QAChE,WAAW,CAAC,iBAAiB,CAAC,GAAG,GAAG,WAAW,CAAC,EAAE,IAAI,MAAM,IAAI,wBAAwB,EAAE,CAAC;KAC5F;IAED,MAAM,6BAA6B,GAAG,IAAI,CAAC,uBAAuB,EAAE,qBAAqB,CAAC,CAAC;IAC3F,MAAM,OAAO,GAAG,CACd;QACG,QAAQ;QACR,QAAQ,IAAI,CACX,8BAAM,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC;;YAErC,8BACE,SAAS,EAAE,MAAM,CAAC,IAAI,gBACV,6BAA6B,EACzC,IAAI,EAAE,6BAA6B,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;gBAEvD,oBAAC,YAAY,IAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,SAAS,GAAG,CAC1C,CACF,CACR;QACA,OAAO,KAAK,MAAM,IAAI,CACrB,8BAAM,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,QAEvB,CACR,CACA,CACJ,CAAC;IAEF,MAAM,EAAE,QAAQ,EAAE,GAAG,0BAA0B,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC;IAEjG,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,2CACM,WAAW,IACf,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,mBAAmB,EAC9B,OAAO,EAAE,iBAAiB,KAEzB,OAAO,CACN,CACL,CAAC;KACH;IAED,OAAO,CACL,2CACM,WAAW,IACf,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,YAAY,EACpB,GAAG,EAAE,SAAS,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,eAAe,KAEvB,OAAO,CACN,CACL,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,eAAe,CAAC,OAAyD;IAChF,OAAO,WAAW,OAAO,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC;AACrD,CAAC;AAED,SAAS,gBAAgB,CAAC,OAAqC,EAAE,QAAuC;IACtG,QAAQ,OAAO,EAAE;QACf,KAAK,MAAM;YACT,OAAO,kBAAkB,CAAC;QAC5B,KAAK,mBAAmB;YACtB,OAAO,qBAAqB,CAAC;QAC/B;YACE,OAAO,aAAa,QAAQ,EAAE,CAAC;KAClC;AACH,CAAC;AAED,SAAS,aAAa,CAAC,OAAqC,EAAE,KAAiC;IAC7F,OAAO,SAAS,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;AAC1D,CAAC;AAED,eAAe,YAAY,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useContext, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useInternalI18n } from '../i18n/context';\nimport InternalIcon from '../icon/internal';\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport {\n  DATA_ATTR_FUNNEL_VALUE,\n  getFunnelValueSelector,\n  getSubStepAllSelector,\n  getTextFromSelector,\n} from '../internal/analytics/selectors';\nimport { getBaseProps } from '../internal/base-component';\nimport { InfoLinkLabelContext } from '../internal/context/info-link-label-context';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\nimport { useSingleTabStopNavigation } from '../internal/context/single-tab-stop-navigation-context';\nimport { fireCancelableEvent, fireNonCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { KeyCode } from '../internal/keycode';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport { LinkProps } from './interfaces';\nimport { getLinkStyles } from './style';\n\nimport styles from './styles.css.js';\n\ntype InternalLinkProps = InternalBaseComponentProps &\n  Omit<LinkProps, 'variant'> & {\n    variant?: LinkProps['variant'] | 'top-navigation' | 'link' | 'recovery';\n  };\n\nconst InternalLink = React.forwardRef(\n  (\n    {\n      variant: providedVariant,\n      fontSize = 'body-m',\n      color = 'normal',\n      external = false,\n      target,\n      href,\n      rel,\n      ariaLabel,\n      externalIconAriaLabel,\n      onFollow,\n      onClick,\n      children,\n      __internalRootRef,\n      style,\n      ...props\n    }: InternalLinkProps,\n    ref: React.Ref<LinkProps.Ref>\n  ) => {\n    checkSafeUrl('Link', href);\n    const isButton = !href;\n    const { defaultVariant } = useContext(LinkDefaultVariantContext);\n    const variant = providedVariant || defaultVariant;\n    const specialStyles = ['top-navigation', 'link', 'recovery'];\n    const hasSpecialStyle = specialStyles.indexOf(variant) > -1;\n\n    const i18n = useInternalI18n('link');\n    const baseProps = getBaseProps(props);\n    const anchorTarget = target ?? (external ? '_blank' : undefined);\n    const anchorRel = rel ?? (anchorTarget === '_blank' ? 'noopener noreferrer' : undefined);\n    const uniqueId = useUniqueId('link');\n    const linkId = useUniqueId('link-self');\n    const infoId = useUniqueId('link-info');\n\n    const infoLinkLabelFromContext = useContext(InfoLinkLabelContext);\n\n    const { funnelIdentifier, funnelInteractionId } = useFunnel();\n    const { stepIdentifier, stepNumber, stepNameSelector } = useFunnelStep();\n    const { subStepIdentifier, subStepSelector, subStepNameSelector } = useFunnelSubStep();\n\n    const fireFunnelEvent = (funnelInteractionId: string) => {\n      if (variant === 'info') {\n        const stepName = getTextFromSelector(stepNameSelector);\n        const subStepName = getTextFromSelector(subStepNameSelector);\n\n        FunnelMetrics.helpPanelInteracted({\n          funnelIdentifier,\n          funnelInteractionId,\n          stepIdentifier,\n          stepNumber,\n          stepName,\n          subStepIdentifier,\n          stepNameSelector,\n          subStepSelector,\n          subStepName,\n          subStepNameSelector,\n          elementSelector: getFunnelValueSelector(uniqueId),\n          subStepAllSelector: getSubStepAllSelector(),\n        });\n      } else if (external) {\n        const stepName = getTextFromSelector(stepNameSelector);\n        const subStepName = getTextFromSelector(subStepNameSelector);\n\n        FunnelMetrics.externalLinkInteracted({\n          funnelIdentifier,\n          funnelInteractionId,\n          stepIdentifier,\n          stepNumber,\n          stepName,\n          stepNameSelector,\n          subStepIdentifier,\n          subStepSelector,\n          subStepName,\n          subStepNameSelector,\n          elementSelector: getFunnelValueSelector(uniqueId),\n          subStepAllSelector: getSubStepAllSelector(),\n        });\n      }\n    };\n\n    const fireFollowEvent = (event: React.SyntheticEvent) => {\n      if (funnelInteractionId) {\n        fireFunnelEvent(funnelInteractionId);\n      }\n\n      fireCancelableEvent(onFollow, { href, external, target: anchorTarget }, event);\n    };\n\n    const fireClickEvent = (event: React.MouseEvent | React.KeyboardEvent) => {\n      const { altKey, ctrlKey, metaKey, shiftKey } = event;\n      const button = 'button' in event ? event.button : 0;\n      // make onClick non-cancelable to prevent it from being used to block full page reload\n      // for navigation use `onFollow` event instead\n      fireNonCancelableEvent(onClick, { altKey, button, ctrlKey, metaKey, shiftKey });\n    };\n\n    const handleLinkClick = (event: React.MouseEvent) => {\n      if (isPlainLeftClick(event)) {\n        fireFollowEvent(event);\n      }\n      fireClickEvent(event);\n    };\n\n    const handleButtonClick = (event: React.MouseEvent) => {\n      fireFollowEvent(event);\n      fireClickEvent(event);\n    };\n\n    const handleButtonKeyDown = (event: React.KeyboardEvent) => {\n      if (event.keyCode === KeyCode.space || event.keyCode === KeyCode.enter) {\n        event.preventDefault();\n        fireFollowEvent(event);\n        fireClickEvent(event);\n      }\n    };\n\n    const linkRef = useRef<HTMLElement>(null);\n    const isVisualRefresh = useVisualRefresh();\n    useForwardFocus(ref, linkRef);\n\n    // Visual refresh should only add styles to buttons that don't already have unique styles (e.g. primary/secondary variants)\n    const applyButtonStyles = isButton && isVisualRefresh && !hasSpecialStyle;\n\n    const sharedProps = {\n      id: linkId,\n      ...baseProps,\n      ref: useMergeRefs(linkRef, __internalRootRef),\n      className: clsx(\n        styles.link,\n        baseProps.className,\n        applyButtonStyles ? styles.button : null,\n        styles[getVariantStyle(variant)],\n        styles[getFontSizeStyle(variant, fontSize)],\n        styles[getColorStyle(variant, color)]\n      ),\n      style: getLinkStyles(style),\n      'aria-label': ariaLabel,\n      'aria-labelledby': undefined as string | undefined,\n      [DATA_ATTR_FUNNEL_VALUE]: uniqueId,\n    };\n\n    if (variant === 'info' && infoLinkLabelFromContext && !ariaLabel) {\n      sharedProps['aria-labelledby'] = `${sharedProps.id} ${infoId} ${infoLinkLabelFromContext}`;\n    }\n\n    const renderedExternalIconAriaLabel = i18n('externalIconAriaLabel', externalIconAriaLabel);\n    const content = (\n      <>\n        {children}\n        {external && (\n          <span className={styles['icon-wrapper']}>\n            &nbsp;\n            <span\n              className={styles.icon}\n              aria-label={renderedExternalIconAriaLabel}\n              role={renderedExternalIconAriaLabel ? 'img' : undefined}\n            >\n              <InternalIcon name=\"external\" size=\"inherit\" />\n            </span>\n          </span>\n        )}\n        {variant === 'info' && (\n          <span hidden={true} id={infoId}>\n            :\n          </span>\n        )}\n      </>\n    );\n\n    const { tabIndex } = useSingleTabStopNavigation(linkRef, { tabIndex: isButton ? 0 : undefined });\n\n    if (isButton) {\n      return (\n        <a\n          {...sharedProps}\n          role=\"button\"\n          tabIndex={tabIndex}\n          onKeyDown={handleButtonKeyDown}\n          onClick={handleButtonClick}\n        >\n          {content}\n        </a>\n      );\n    }\n\n    return (\n      <a\n        {...sharedProps}\n        tabIndex={tabIndex}\n        target={anchorTarget}\n        rel={anchorRel}\n        href={href}\n        onClick={handleLinkClick}\n      >\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, { useContext, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useInternalI18n } from '../i18n/context';\nimport InternalIcon from '../icon/internal';\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport {\n  DATA_ATTR_FUNNEL_VALUE,\n  getFunnelValueSelector,\n  getSubStepAllSelector,\n  getTextFromSelector,\n} from '../internal/analytics/selectors';\nimport { getBaseProps } from '../internal/base-component';\nimport { InfoLinkLabelContext } from '../internal/context/info-link-label-context';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\nimport { fireCancelableEvent, fireNonCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { KeyCode } from '../internal/keycode';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport { LinkProps } from './interfaces';\nimport { getLinkStyles } from './style';\n\nimport styles from './styles.css.js';\n\ntype InternalLinkProps = InternalBaseComponentProps &\n  Omit<LinkProps, 'variant'> & {\n    variant?: LinkProps['variant'] | 'top-navigation' | 'link' | 'recovery';\n  };\n\nconst InternalLink = React.forwardRef(\n  (\n    {\n      variant: providedVariant,\n      fontSize = 'body-m',\n      color = 'normal',\n      external = false,\n      target,\n      href,\n      rel,\n      ariaLabel,\n      externalIconAriaLabel,\n      onFollow,\n      onClick,\n      children,\n      __internalRootRef,\n      style,\n      ...props\n    }: InternalLinkProps,\n    ref: React.Ref<LinkProps.Ref>\n  ) => {\n    checkSafeUrl('Link', href);\n    const isButton = !href;\n    const { defaultVariant } = useContext(LinkDefaultVariantContext);\n    const variant = providedVariant || defaultVariant;\n    const specialStyles = ['top-navigation', 'link', 'recovery'];\n    const hasSpecialStyle = specialStyles.indexOf(variant) > -1;\n\n    const i18n = useInternalI18n('link');\n    const baseProps = getBaseProps(props);\n    const anchorTarget = target ?? (external ? '_blank' : undefined);\n    const anchorRel = rel ?? (anchorTarget === '_blank' ? 'noopener noreferrer' : undefined);\n    const uniqueId = useUniqueId('link');\n    const linkId = useUniqueId('link-self');\n    const infoId = useUniqueId('link-info');\n\n    const infoLinkLabelFromContext = useContext(InfoLinkLabelContext);\n\n    const { funnelIdentifier, funnelInteractionId } = useFunnel();\n    const { stepIdentifier, stepNumber, stepNameSelector } = useFunnelStep();\n    const { subStepIdentifier, subStepSelector, subStepNameSelector } = useFunnelSubStep();\n\n    const fireFunnelEvent = (funnelInteractionId: string) => {\n      if (variant === 'info') {\n        const stepName = getTextFromSelector(stepNameSelector);\n        const subStepName = getTextFromSelector(subStepNameSelector);\n\n        FunnelMetrics.helpPanelInteracted({\n          funnelIdentifier,\n          funnelInteractionId,\n          stepIdentifier,\n          stepNumber,\n          stepName,\n          subStepIdentifier,\n          stepNameSelector,\n          subStepSelector,\n          subStepName,\n          subStepNameSelector,\n          elementSelector: getFunnelValueSelector(uniqueId),\n          subStepAllSelector: getSubStepAllSelector(),\n        });\n      } else if (external) {\n        const stepName = getTextFromSelector(stepNameSelector);\n        const subStepName = getTextFromSelector(subStepNameSelector);\n\n        FunnelMetrics.externalLinkInteracted({\n          funnelIdentifier,\n          funnelInteractionId,\n          stepIdentifier,\n          stepNumber,\n          stepName,\n          stepNameSelector,\n          subStepIdentifier,\n          subStepSelector,\n          subStepName,\n          subStepNameSelector,\n          elementSelector: getFunnelValueSelector(uniqueId),\n          subStepAllSelector: getSubStepAllSelector(),\n        });\n      }\n    };\n\n    const fireFollowEvent = (event: React.SyntheticEvent) => {\n      if (funnelInteractionId) {\n        fireFunnelEvent(funnelInteractionId);\n      }\n\n      fireCancelableEvent(onFollow, { href, external, target: anchorTarget }, event);\n    };\n\n    const fireClickEvent = (event: React.MouseEvent | React.KeyboardEvent) => {\n      const { altKey, ctrlKey, metaKey, shiftKey } = event;\n      const button = 'button' in event ? event.button : 0;\n      // make onClick non-cancelable to prevent it from being used to block full page reload\n      // for navigation use `onFollow` event instead\n      fireNonCancelableEvent(onClick, { altKey, button, ctrlKey, metaKey, shiftKey });\n    };\n\n    const handleLinkClick = (event: React.MouseEvent) => {\n      if (isPlainLeftClick(event)) {\n        fireFollowEvent(event);\n      }\n      fireClickEvent(event);\n    };\n\n    const handleButtonClick = (event: React.MouseEvent) => {\n      fireFollowEvent(event);\n      fireClickEvent(event);\n    };\n\n    const handleButtonKeyDown = (event: React.KeyboardEvent) => {\n      if (event.keyCode === KeyCode.space || event.keyCode === KeyCode.enter) {\n        event.preventDefault();\n        fireFollowEvent(event);\n        fireClickEvent(event);\n      }\n    };\n\n    const linkRef = useRef<HTMLElement>(null);\n    const isVisualRefresh = useVisualRefresh();\n    useForwardFocus(ref, linkRef);\n\n    // Visual refresh should only add styles to buttons that don't already have unique styles (e.g. primary/secondary variants)\n    const applyButtonStyles = isButton && isVisualRefresh && !hasSpecialStyle;\n\n    const sharedProps = {\n      id: linkId,\n      ...baseProps,\n      ref: useMergeRefs(linkRef, __internalRootRef),\n      className: clsx(\n        styles.link,\n        baseProps.className,\n        applyButtonStyles ? styles.button : null,\n        styles[getVariantStyle(variant)],\n        styles[getFontSizeStyle(variant, fontSize)],\n        styles[getColorStyle(variant, color)]\n      ),\n      style: getLinkStyles(style),\n      'aria-label': ariaLabel,\n      'aria-labelledby': undefined as string | undefined,\n      [DATA_ATTR_FUNNEL_VALUE]: uniqueId,\n    };\n\n    if (variant === 'info' && infoLinkLabelFromContext && !ariaLabel) {\n      sharedProps['aria-labelledby'] = `${sharedProps.id} ${infoId} ${infoLinkLabelFromContext}`;\n    }\n\n    const renderedExternalIconAriaLabel = i18n('externalIconAriaLabel', externalIconAriaLabel);\n    const content = (\n      <>\n        {children}\n        {external && (\n          <span className={styles['icon-wrapper']}>\n            &nbsp;\n            <span\n              className={styles.icon}\n              aria-label={renderedExternalIconAriaLabel}\n              role={renderedExternalIconAriaLabel ? 'img' : undefined}\n            >\n              <InternalIcon name=\"external\" size=\"inherit\" />\n            </span>\n          </span>\n        )}\n        {variant === 'info' && (\n          <span hidden={true} id={infoId}>\n            :\n          </span>\n        )}\n      </>\n    );\n\n    const { tabIndex } = useSingleTabStopNavigation(linkRef, { tabIndex: isButton ? 0 : undefined });\n\n    if (isButton) {\n      return (\n        <a\n          {...sharedProps}\n          role=\"button\"\n          tabIndex={tabIndex}\n          onKeyDown={handleButtonKeyDown}\n          onClick={handleButtonClick}\n        >\n          {content}\n        </a>\n      );\n    }\n\n    return (\n      <a\n        {...sharedProps}\n        tabIndex={tabIndex}\n        target={anchorTarget}\n        rel={anchorRel}\n        href={href}\n        onClick={handleLinkClick}\n      >\n        {content}\n      </a>\n    );\n  }\n);\n\nfunction getVariantStyle(variant: Exclude<InternalLinkProps['variant'], undefined>) {\n  return `variant-${variant.replace(/^awsui-/, '')}`;\n}\n\nfunction getFontSizeStyle(variant: InternalLinkProps['variant'], fontSize: InternalLinkProps['fontSize']) {\n  switch (variant) {\n    case 'info':\n      return 'font-size-body-s';\n    case 'awsui-value-large':\n      return 'font-size-display-l';\n    default:\n      return `font-size-${fontSize}`;\n  }\n}\n\nfunction getColorStyle(variant: InternalLinkProps['variant'], color: InternalLinkProps['color']) {\n  return `color-${variant === 'info' ? 'normal' : color}`;\n}\n\nexport default InternalLink;\n"]}

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

@@ -1,25 +1,25 @@
 
     import './styles.scoped.css';
     export default {
-  "link": "awsui_link_4c84z_1uxmb_145",
-  "variant-secondary": "awsui_variant-secondary_4c84z_1uxmb_212",
-  "variant-primary": "awsui_variant-primary_4c84z_1uxmb_247",
-  "variant-info": "awsui_variant-info_4c84z_1uxmb_280",
-  "variant-value-large": "awsui_variant-value-large_4c84z_1uxmb_315",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1uxmb_347",
-  "variant-recovery": "awsui_variant-recovery_4c84z_1uxmb_382",
-  "button": "awsui_button_4c84z_1uxmb_415",
-  "color-inverted": "awsui_color-inverted_4c84z_1uxmb_450",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_1uxmb_471",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_1uxmb_478",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1uxmb_484",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1uxmb_490",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1uxmb_497",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1uxmb_504",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1uxmb_511",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_1uxmb_518",
-  "font-size-inherit": "awsui_font-size-inherit_4c84z_1uxmb_525",
-  "icon-wrapper": "awsui_icon-wrapper_4c84z_1uxmb_533",
-  "icon": "awsui_icon_4c84z_1uxmb_533"
+  "link": "awsui_link_4c84z_3rgz3_145",
+  "variant-secondary": "awsui_variant-secondary_4c84z_3rgz3_212",
+  "variant-primary": "awsui_variant-primary_4c84z_3rgz3_247",
+  "variant-info": "awsui_variant-info_4c84z_3rgz3_280",
+  "variant-value-large": "awsui_variant-value-large_4c84z_3rgz3_315",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_3rgz3_347",
+  "variant-recovery": "awsui_variant-recovery_4c84z_3rgz3_382",
+  "button": "awsui_button_4c84z_3rgz3_415",
+  "color-inverted": "awsui_color-inverted_4c84z_3rgz3_450",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_3rgz3_471",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_3rgz3_478",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_3rgz3_484",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_3rgz3_490",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_3rgz3_497",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_3rgz3_504",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_3rgz3_511",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_3rgz3_518",
+  "font-size-inherit": "awsui_font-size-inherit_4c84z_3rgz3_525",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_3rgz3_533",
+  "icon": "awsui_icon_4c84z_3rgz3_533"
 };
   

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

@@ -142,7 +142,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_link_4c84z_1uxmb_145:not(#\9) {
+.awsui_link_4c84z_3rgz3_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -174,10 +174,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
   display: inline;
   white-space: inherit;
-  --awsui-style-focus-ring-box-shadow-kiajpc: 0 0 0 var(--awsui-style-focus-ring-border-width-kiajpc, var(--border-link-focus-ring-shadow-spread-woh62o, 0px)) var(--awsui-style-focus-ring-border-color-kiajpc, var(--color-border-item-focused-r5f6xl, #0073bb));
+  --awsui-style-focus-ring-box-shadow-y15yd5: 0 0 0 var(--awsui-style-focus-ring-border-width-y15yd5, var(--border-link-focus-ring-shadow-spread-woh62o, 0px)) var(--awsui-style-focus-ring-border-color-y15yd5, var(--color-border-item-focused-r5f6xl, #0073bb));
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--awsui-style-color-default-kiajpc, var(--color-text-link-default-x6cnv5, #0073bb));
+  color: var(--awsui-style-color-default-y15yd5, var(--color-text-link-default-x6cnv5, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: none;
@@ -188,33 +188,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1uxmb_145:not(#\9) {
+  .awsui_link_4c84z_3rgz3_145:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1uxmb_145:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1uxmb_145:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_3rgz3_145:not(#\9), .awsui-mode-entering .awsui_link_4c84z_3rgz3_145:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1uxmb_145:not(#\9):hover {
+.awsui_link_4c84z_3rgz3_145:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-kiajpc, var(--color-text-link-hover-tk5gkv, #0a4a74));
+  color: var(--awsui-style-color-hover-y15yd5, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_link_4c84z_1uxmb_145:not(#\9):focus {
+.awsui_link_4c84z_3rgz3_145:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1uxmb_145:not(#\9):active {
-  color: var(--awsui-style-color-active-kiajpc, var(--color-text-link-hover-tk5gkv, #0a4a74));
+.awsui_link_4c84z_3rgz3_145:not(#\9):active {
+  color: var(--awsui-style-color-active-y15yd5, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_link_4c84z_1uxmb_145:not(#\9):active, .awsui_link_4c84z_1uxmb_145:not(#\9):focus, .awsui_link_4c84z_1uxmb_145:not(#\9):hover {
+.awsui_link_4c84z_3rgz3_145:not(#\9):active, .awsui_link_4c84z_3rgz3_145:not(#\9):focus, .awsui_link_4c84z_3rgz3_145:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1uxmb_145.awsui_variant-secondary_4c84z_1uxmb_212:not(#\9) {
+.awsui_link_4c84z_3rgz3_145.awsui_variant-secondary_4c84z_3rgz3_212:not(#\9) {
   -webkit-font-smoothing: inherit;
   -moz-osx-font-smoothing: inherit;
-  color: var(--awsui-style-color-default-kiajpc, var(--color-text-link-default-x6cnv5, #0073bb));
+  color: var(--awsui-style-color-default-y15yd5, var(--color-text-link-default-x6cnv5, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: none;
@@ -225,31 +225,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1uxmb_145.awsui_variant-secondary_4c84z_1uxmb_212:not(#\9) {
+  .awsui_link_4c84z_3rgz3_145.awsui_variant-secondary_4c84z_3rgz3_212:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1uxmb_145.awsui_variant-secondary_4c84z_1uxmb_212:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1uxmb_145.awsui_variant-secondary_4c84z_1uxmb_212:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_3rgz3_145.awsui_variant-secondary_4c84z_3rgz3_212:not(#\9), .awsui-mode-entering .awsui_link_4c84z_3rgz3_145.awsui_variant-secondary_4c84z_3rgz3_212:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1uxmb_145.awsui_variant-secondary_4c84z_1uxmb_212:not(#\9):hover {
+.awsui_link_4c84z_3rgz3_145.awsui_variant-secondary_4c84z_3rgz3_212:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-kiajpc, var(--color-text-link-hover-tk5gkv, #0a4a74));
+  color: var(--awsui-style-color-hover-y15yd5, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_link_4c84z_1uxmb_145.awsui_variant-secondary_4c84z_1uxmb_212:not(#\9):focus {
+.awsui_link_4c84z_3rgz3_145.awsui_variant-secondary_4c84z_3rgz3_212:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1uxmb_145.awsui_variant-secondary_4c84z_1uxmb_212:not(#\9):active {
-  color: var(--awsui-style-color-active-kiajpc, var(--color-text-link-hover-tk5gkv, #0a4a74));
+.awsui_link_4c84z_3rgz3_145.awsui_variant-secondary_4c84z_3rgz3_212:not(#\9):active {
+  color: var(--awsui-style-color-active-y15yd5, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_link_4c84z_1uxmb_145.awsui_variant-secondary_4c84z_1uxmb_212:not(#\9):active, .awsui_link_4c84z_1uxmb_145.awsui_variant-secondary_4c84z_1uxmb_212:not(#\9):focus, .awsui_link_4c84z_1uxmb_145.awsui_variant-secondary_4c84z_1uxmb_212:not(#\9):hover {
+.awsui_link_4c84z_3rgz3_145.awsui_variant-secondary_4c84z_3rgz3_212:not(#\9):active, .awsui_link_4c84z_3rgz3_145.awsui_variant-secondary_4c84z_3rgz3_212:not(#\9):focus, .awsui_link_4c84z_3rgz3_145.awsui_variant-secondary_4c84z_3rgz3_212:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1uxmb_145.awsui_variant-primary_4c84z_1uxmb_247:not(#\9) {
-  color: var(--awsui-style-color-default-kiajpc, var(--color-text-link-default-x6cnv5, #0073bb));
+.awsui_link_4c84z_3rgz3_145.awsui_variant-primary_4c84z_3rgz3_247:not(#\9) {
+  color: var(--awsui-style-color-default-y15yd5, var(--color-text-link-default-x6cnv5, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -260,33 +260,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1uxmb_145.awsui_variant-primary_4c84z_1uxmb_247:not(#\9) {
+  .awsui_link_4c84z_3rgz3_145.awsui_variant-primary_4c84z_3rgz3_247:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1uxmb_145.awsui_variant-primary_4c84z_1uxmb_247:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1uxmb_145.awsui_variant-primary_4c84z_1uxmb_247:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_3rgz3_145.awsui_variant-primary_4c84z_3rgz3_247:not(#\9), .awsui-mode-entering .awsui_link_4c84z_3rgz3_145.awsui_variant-primary_4c84z_3rgz3_247:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1uxmb_145.awsui_variant-primary_4c84z_1uxmb_247:not(#\9):hover {
+.awsui_link_4c84z_3rgz3_145.awsui_variant-primary_4c84z_3rgz3_247:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-kiajpc, var(--color-text-link-hover-tk5gkv, #0a4a74));
+  color: var(--awsui-style-color-hover-y15yd5, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_link_4c84z_1uxmb_145.awsui_variant-primary_4c84z_1uxmb_247:not(#\9):focus {
+.awsui_link_4c84z_3rgz3_145.awsui_variant-primary_4c84z_3rgz3_247:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1uxmb_145.awsui_variant-primary_4c84z_1uxmb_247:not(#\9):active {
-  color: var(--awsui-style-color-active-kiajpc, var(--color-text-link-hover-tk5gkv, #0a4a74));
+.awsui_link_4c84z_3rgz3_145.awsui_variant-primary_4c84z_3rgz3_247:not(#\9):active {
+  color: var(--awsui-style-color-active-y15yd5, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_link_4c84z_1uxmb_145.awsui_variant-primary_4c84z_1uxmb_247:not(#\9):active, .awsui_link_4c84z_1uxmb_145.awsui_variant-primary_4c84z_1uxmb_247:not(#\9):focus, .awsui_link_4c84z_1uxmb_145.awsui_variant-primary_4c84z_1uxmb_247:not(#\9):hover {
+.awsui_link_4c84z_3rgz3_145.awsui_variant-primary_4c84z_3rgz3_247:not(#\9):active, .awsui_link_4c84z_3rgz3_145.awsui_variant-primary_4c84z_3rgz3_247:not(#\9):focus, .awsui_link_4c84z_3rgz3_145.awsui_variant-primary_4c84z_3rgz3_247:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1uxmb_145.awsui_variant-info_4c84z_1uxmb_280:not(#\9) {
+.awsui_link_4c84z_3rgz3_145.awsui_variant-info_4c84z_3rgz3_280:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
-  color: var(--awsui-style-color-default-kiajpc, var(--color-text-link-default-x6cnv5, #0073bb));
+  color: var(--awsui-style-color-default-y15yd5, var(--color-text-link-default-x6cnv5, #0073bb));
   font-weight: 700;
   letter-spacing: 0.005em;
   text-decoration-line: none;
@@ -297,31 +297,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1uxmb_145.awsui_variant-info_4c84z_1uxmb_280:not(#\9) {
+  .awsui_link_4c84z_3rgz3_145.awsui_variant-info_4c84z_3rgz3_280:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1uxmb_145.awsui_variant-info_4c84z_1uxmb_280:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1uxmb_145.awsui_variant-info_4c84z_1uxmb_280:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_3rgz3_145.awsui_variant-info_4c84z_3rgz3_280:not(#\9), .awsui-mode-entering .awsui_link_4c84z_3rgz3_145.awsui_variant-info_4c84z_3rgz3_280:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1uxmb_145.awsui_variant-info_4c84z_1uxmb_280:not(#\9):hover {
+.awsui_link_4c84z_3rgz3_145.awsui_variant-info_4c84z_3rgz3_280:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-kiajpc, var(--color-text-link-hover-tk5gkv, #0a4a74));
+  color: var(--awsui-style-color-hover-y15yd5, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_link_4c84z_1uxmb_145.awsui_variant-info_4c84z_1uxmb_280:not(#\9):focus {
+.awsui_link_4c84z_3rgz3_145.awsui_variant-info_4c84z_3rgz3_280:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1uxmb_145.awsui_variant-info_4c84z_1uxmb_280:not(#\9):active {
-  color: var(--awsui-style-color-active-kiajpc, var(--color-text-link-hover-tk5gkv, #0a4a74));
+.awsui_link_4c84z_3rgz3_145.awsui_variant-info_4c84z_3rgz3_280:not(#\9):active {
+  color: var(--awsui-style-color-active-y15yd5, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_link_4c84z_1uxmb_145.awsui_variant-info_4c84z_1uxmb_280:not(#\9):active, .awsui_link_4c84z_1uxmb_145.awsui_variant-info_4c84z_1uxmb_280:not(#\9):focus, .awsui_link_4c84z_1uxmb_145.awsui_variant-info_4c84z_1uxmb_280:not(#\9):hover {
+.awsui_link_4c84z_3rgz3_145.awsui_variant-info_4c84z_3rgz3_280:not(#\9):active, .awsui_link_4c84z_3rgz3_145.awsui_variant-info_4c84z_3rgz3_280:not(#\9):focus, .awsui_link_4c84z_3rgz3_145.awsui_variant-info_4c84z_3rgz3_280:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-button-underline-hover-s0fj6r, currentColor);
 }
-.awsui_link_4c84z_1uxmb_145.awsui_variant-value-large_4c84z_1uxmb_315:not(#\9) {
-  color: var(--awsui-style-color-default-kiajpc, var(--color-text-link-default-x6cnv5, #0073bb));
+.awsui_link_4c84z_3rgz3_145.awsui_variant-value-large_4c84z_3rgz3_315:not(#\9) {
+  color: var(--awsui-style-color-default-y15yd5, var(--color-text-link-default-x6cnv5, #0073bb));
   font-weight: var(--font-box-value-large-weight-zc1blz, 300);
   text-decoration-line: underline;
   text-decoration-color: currentColor;
@@ -331,33 +331,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1uxmb_145.awsui_variant-value-large_4c84z_1uxmb_315:not(#\9) {
+  .awsui_link_4c84z_3rgz3_145.awsui_variant-value-large_4c84z_3rgz3_315:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1uxmb_145.awsui_variant-value-large_4c84z_1uxmb_315:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1uxmb_145.awsui_variant-value-large_4c84z_1uxmb_315:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_3rgz3_145.awsui_variant-value-large_4c84z_3rgz3_315:not(#\9), .awsui-mode-entering .awsui_link_4c84z_3rgz3_145.awsui_variant-value-large_4c84z_3rgz3_315:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1uxmb_145.awsui_variant-value-large_4c84z_1uxmb_315:not(#\9):hover {
+.awsui_link_4c84z_3rgz3_145.awsui_variant-value-large_4c84z_3rgz3_315:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-kiajpc, var(--color-text-link-hover-tk5gkv, #0a4a74));
+  color: var(--awsui-style-color-hover-y15yd5, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_link_4c84z_1uxmb_145.awsui_variant-value-large_4c84z_1uxmb_315:not(#\9):focus {
+.awsui_link_4c84z_3rgz3_145.awsui_variant-value-large_4c84z_3rgz3_315:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1uxmb_145.awsui_variant-value-large_4c84z_1uxmb_315:not(#\9):active {
-  color: var(--awsui-style-color-active-kiajpc, var(--color-text-link-hover-tk5gkv, #0a4a74));
+.awsui_link_4c84z_3rgz3_145.awsui_variant-value-large_4c84z_3rgz3_315:not(#\9):active {
+  color: var(--awsui-style-color-active-y15yd5, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_link_4c84z_1uxmb_145.awsui_variant-value-large_4c84z_1uxmb_315:not(#\9):active, .awsui_link_4c84z_1uxmb_145.awsui_variant-value-large_4c84z_1uxmb_315:not(#\9):focus, .awsui_link_4c84z_1uxmb_145.awsui_variant-value-large_4c84z_1uxmb_315:not(#\9):hover {
+.awsui_link_4c84z_3rgz3_145.awsui_variant-value-large_4c84z_3rgz3_315:not(#\9):active, .awsui_link_4c84z_3rgz3_145.awsui_variant-value-large_4c84z_3rgz3_315:not(#\9):focus, .awsui_link_4c84z_3rgz3_145.awsui_variant-value-large_4c84z_3rgz3_315:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1uxmb_145.awsui_variant-top-navigation_4c84z_1uxmb_347:not(#\9) {
+.awsui_link_4c84z_3rgz3_145.awsui_variant-top-navigation_4c84z_3rgz3_347:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
-  color: var(--awsui-style-color-default-kiajpc, var(--color-text-interactive-default-qwoe3g, #545b64));
+  color: var(--awsui-style-color-default-y15yd5, var(--color-text-interactive-default-qwoe3g, #545b64));
   font-weight: 700;
   letter-spacing: 0.005em;
   text-decoration-line: none;
@@ -368,31 +368,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1uxmb_145.awsui_variant-top-navigation_4c84z_1uxmb_347:not(#\9) {
+  .awsui_link_4c84z_3rgz3_145.awsui_variant-top-navigation_4c84z_3rgz3_347:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1uxmb_145.awsui_variant-top-navigation_4c84z_1uxmb_347:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1uxmb_145.awsui_variant-top-navigation_4c84z_1uxmb_347:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_3rgz3_145.awsui_variant-top-navigation_4c84z_3rgz3_347:not(#\9), .awsui-mode-entering .awsui_link_4c84z_3rgz3_145.awsui_variant-top-navigation_4c84z_3rgz3_347:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1uxmb_145.awsui_variant-top-navigation_4c84z_1uxmb_347:not(#\9):hover {
+.awsui_link_4c84z_3rgz3_145.awsui_variant-top-navigation_4c84z_3rgz3_347:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-kiajpc, var(--color-text-interactive-hover-bu4gls, #16191f));
+  color: var(--awsui-style-color-hover-y15yd5, var(--color-text-interactive-hover-bu4gls, #16191f));
 }
-.awsui_link_4c84z_1uxmb_145.awsui_variant-top-navigation_4c84z_1uxmb_347:not(#\9):focus {
+.awsui_link_4c84z_3rgz3_145.awsui_variant-top-navigation_4c84z_3rgz3_347:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1uxmb_145.awsui_variant-top-navigation_4c84z_1uxmb_347:not(#\9):active {
-  color: var(--awsui-style-color-active-kiajpc, var(--color-text-interactive-active-c44vdq, #16191f));
+.awsui_link_4c84z_3rgz3_145.awsui_variant-top-navigation_4c84z_3rgz3_347:not(#\9):active {
+  color: var(--awsui-style-color-active-y15yd5, var(--color-text-interactive-active-c44vdq, #16191f));
 }
-.awsui_link_4c84z_1uxmb_145.awsui_variant-top-navigation_4c84z_1uxmb_347:not(#\9):active, .awsui_link_4c84z_1uxmb_145.awsui_variant-top-navigation_4c84z_1uxmb_347:not(#\9):focus, .awsui_link_4c84z_1uxmb_145.awsui_variant-top-navigation_4c84z_1uxmb_347:not(#\9):hover {
+.awsui_link_4c84z_3rgz3_145.awsui_variant-top-navigation_4c84z_3rgz3_347:not(#\9):active, .awsui_link_4c84z_3rgz3_145.awsui_variant-top-navigation_4c84z_3rgz3_347:not(#\9):focus, .awsui_link_4c84z_3rgz3_145.awsui_variant-top-navigation_4c84z_3rgz3_347:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_1uxmb_145.awsui_variant-recovery_4c84z_1uxmb_382:not(#\9) {
-  color: var(--awsui-style-color-default-kiajpc, var(--color-text-link-default-x6cnv5, #0073bb));
+.awsui_link_4c84z_3rgz3_145.awsui_variant-recovery_4c84z_3rgz3_382:not(#\9) {
+  color: var(--awsui-style-color-default-y15yd5, var(--color-text-link-default-x6cnv5, #0073bb));
   font-weight: var(--font-link-button-weight-bnpz8h, 400);
   letter-spacing: var(--font-link-button-letter-spacing-yobz7z, normal);
   text-decoration-line: underline;
@@ -403,33 +403,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1uxmb_145.awsui_variant-recovery_4c84z_1uxmb_382:not(#\9) {
+  .awsui_link_4c84z_3rgz3_145.awsui_variant-recovery_4c84z_3rgz3_382:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1uxmb_145.awsui_variant-recovery_4c84z_1uxmb_382:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1uxmb_145.awsui_variant-recovery_4c84z_1uxmb_382:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_3rgz3_145.awsui_variant-recovery_4c84z_3rgz3_382:not(#\9), .awsui-mode-entering .awsui_link_4c84z_3rgz3_145.awsui_variant-recovery_4c84z_3rgz3_382:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1uxmb_145.awsui_variant-recovery_4c84z_1uxmb_382:not(#\9):hover {
+.awsui_link_4c84z_3rgz3_145.awsui_variant-recovery_4c84z_3rgz3_382:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-kiajpc, var(--color-text-link-hover-tk5gkv, #0a4a74));
+  color: var(--awsui-style-color-hover-y15yd5, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_link_4c84z_1uxmb_145.awsui_variant-recovery_4c84z_1uxmb_382:not(#\9):focus {
+.awsui_link_4c84z_3rgz3_145.awsui_variant-recovery_4c84z_3rgz3_382:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1uxmb_145.awsui_variant-recovery_4c84z_1uxmb_382:not(#\9):active {
-  color: var(--awsui-style-color-active-kiajpc, var(--color-text-link-hover-tk5gkv, #0a4a74));
+.awsui_link_4c84z_3rgz3_145.awsui_variant-recovery_4c84z_3rgz3_382:not(#\9):active {
+  color: var(--awsui-style-color-active-y15yd5, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_link_4c84z_1uxmb_145.awsui_variant-recovery_4c84z_1uxmb_382:not(#\9):active, .awsui_link_4c84z_1uxmb_145.awsui_variant-recovery_4c84z_1uxmb_382:not(#\9):focus, .awsui_link_4c84z_1uxmb_145.awsui_variant-recovery_4c84z_1uxmb_382:not(#\9):hover {
+.awsui_link_4c84z_3rgz3_145.awsui_variant-recovery_4c84z_3rgz3_382:not(#\9):active, .awsui_link_4c84z_3rgz3_145.awsui_variant-recovery_4c84z_3rgz3_382:not(#\9):focus, .awsui_link_4c84z_3rgz3_145.awsui_variant-recovery_4c84z_3rgz3_382:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-button-underline-hover-s0fj6r, currentColor);
 }
-.awsui_link_4c84z_1uxmb_145.awsui_button_4c84z_1uxmb_415:not(#\9) {
+.awsui_link_4c84z_3rgz3_145.awsui_button_4c84z_3rgz3_415:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
-  color: var(--awsui-style-color-default-kiajpc, var(--color-text-link-button-normal-default-d9tt5e, #545b64));
+  color: var(--awsui-style-color-default-y15yd5, var(--color-text-link-button-normal-default-d9tt5e, #545b64));
   font-weight: 700;
   letter-spacing: var(--font-button-letter-spacing-9h7rbb, 0.25px);
   text-decoration-line: none;
@@ -440,105 +440,105 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1uxmb_145.awsui_button_4c84z_1uxmb_415:not(#\9) {
+  .awsui_link_4c84z_3rgz3_145.awsui_button_4c84z_3rgz3_415:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1uxmb_145.awsui_button_4c84z_1uxmb_415:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1uxmb_145.awsui_button_4c84z_1uxmb_415:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_3rgz3_145.awsui_button_4c84z_3rgz3_415:not(#\9), .awsui-mode-entering .awsui_link_4c84z_3rgz3_145.awsui_button_4c84z_3rgz3_415:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1uxmb_145.awsui_button_4c84z_1uxmb_415:not(#\9):hover {
+.awsui_link_4c84z_3rgz3_145.awsui_button_4c84z_3rgz3_415:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-kiajpc, var(--color-text-link-button-normal-hover-kksv98, #16191f));
+  color: var(--awsui-style-color-hover-y15yd5, var(--color-text-link-button-normal-hover-kksv98, #16191f));
 }
-.awsui_link_4c84z_1uxmb_145.awsui_button_4c84z_1uxmb_415:not(#\9):focus {
+.awsui_link_4c84z_3rgz3_145.awsui_button_4c84z_3rgz3_415:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1uxmb_145.awsui_button_4c84z_1uxmb_415:not(#\9):active {
-  color: var(--awsui-style-color-active-kiajpc, var(--color-text-link-button-normal-active-h0gdl1, #16191f));
+.awsui_link_4c84z_3rgz3_145.awsui_button_4c84z_3rgz3_415:not(#\9):active {
+  color: var(--awsui-style-color-active-y15yd5, var(--color-text-link-button-normal-active-h0gdl1, #16191f));
 }
-.awsui_link_4c84z_1uxmb_145.awsui_button_4c84z_1uxmb_415:not(#\9):active, .awsui_link_4c84z_1uxmb_145.awsui_button_4c84z_1uxmb_415:not(#\9):focus, .awsui_link_4c84z_1uxmb_145.awsui_button_4c84z_1uxmb_415:not(#\9):hover {
+.awsui_link_4c84z_3rgz3_145.awsui_button_4c84z_3rgz3_415:not(#\9):active, .awsui_link_4c84z_3rgz3_145.awsui_button_4c84z_3rgz3_415:not(#\9):focus, .awsui_link_4c84z_3rgz3_145.awsui_button_4c84z_3rgz3_415:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_1uxmb_145.awsui_color-inverted_4c84z_1uxmb_450:not(#\9) {
+.awsui_link_4c84z_3rgz3_145.awsui_color-inverted_4c84z_3rgz3_450:not(#\9) {
   color: var(--color-text-notification-default-fmebm4, #fafafa);
 }
-.awsui_link_4c84z_1uxmb_145.awsui_color-inverted_4c84z_1uxmb_450:not(#\9):not(.awsui_button_4c84z_1uxmb_415) {
+.awsui_link_4c84z_3rgz3_145.awsui_color-inverted_4c84z_3rgz3_450:not(#\9):not(.awsui_button_4c84z_3rgz3_415) {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1uxmb_145.awsui_color-inverted_4c84z_1uxmb_450:not(#\9):hover {
+.awsui_link_4c84z_3rgz3_145.awsui_color-inverted_4c84z_3rgz3_450:not(#\9):hover {
   color: var(--color-text-link-inverted-hover-7jk1d1, #fafafa);
 }
-body[data-awsui-focus-visible=true] .awsui_link_4c84z_1uxmb_145:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_link_4c84z_3rgz3_145:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
   outline-offset: 2px;
-  outline-color: var(--awsui-style-focus-ring-border-color-kiajpc, var(--color-border-item-focused-r5f6xl, #0073bb));
-  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-kiajpc, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-kiajpc, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-kiajpc, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-kiajpc, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  box-shadow: var(--awsui-style-focus-ring-box-shadow-kiajpc);
-}
-.awsui_link_4c84z_1uxmb_145.awsui_font-size-body-s_4c84z_1uxmb_471:not(#\9) {
+  outline-color: var(--awsui-style-focus-ring-border-color-y15yd5, var(--color-border-item-focused-r5f6xl, #0073bb));
+  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-y15yd5, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-y15yd5, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-y15yd5, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-y15yd5, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  box-shadow: var(--awsui-style-focus-ring-box-shadow-y15yd5);
+}
+.awsui_link_4c84z_3rgz3_145.awsui_font-size-body-s_4c84z_3rgz3_471:not(#\9) {
   font-size: var(--font-size-body-s-psgqn2, 12px);
   line-height: var(--line-height-body-s-otgtsr, 16px);
   letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
   text-underline-offset: 0.3em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1uxmb_145.awsui_font-size-body-m_4c84z_1uxmb_478:not(#\9) {
+.awsui_link_4c84z_3rgz3_145.awsui_font-size-body-m_4c84z_3rgz3_478:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1uxmb_145.awsui_font-size-heading-xs_4c84z_1uxmb_484:not(#\9) {
+.awsui_link_4c84z_3rgz3_145.awsui_font-size-heading-xs_4c84z_3rgz3_484:not(#\9) {
   font-size: var(--font-size-heading-xs-c20ika, 16px);
   line-height: var(--line-height-heading-xs-fuzanp, 20px);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1uxmb_145.awsui_font-size-heading-s_4c84z_1uxmb_490:not(#\9) {
+.awsui_link_4c84z_3rgz3_145.awsui_font-size-heading-s_4c84z_3rgz3_490:not(#\9) {
   font-size: var(--font-size-heading-s-yde02v, 16px);
   line-height: var(--line-height-heading-s-j2axh8, 20px);
   letter-spacing: var(--letter-spacing-heading-s-696sxe, normal);
   text-underline-offset: 0.3em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1uxmb_145.awsui_font-size-heading-m_4c84z_1uxmb_497:not(#\9) {
+.awsui_link_4c84z_3rgz3_145.awsui_font-size-heading-m_4c84z_3rgz3_497:not(#\9) {
   font-size: var(--font-size-heading-m-56jjln, 18px);
   line-height: var(--line-height-heading-m-irezqt, 22px);
   letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1uxmb_145.awsui_font-size-heading-l_4c84z_1uxmb_504:not(#\9) {
+.awsui_link_4c84z_3rgz3_145.awsui_font-size-heading-l_4c84z_3rgz3_504:not(#\9) {
   font-size: var(--font-size-heading-l-qgg2za, 18px);
   line-height: var(--line-height-heading-l-vhgtnq, 22px);
   letter-spacing: var(--letter-spacing-heading-l-spdx5v, normal);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1uxmb_145.awsui_font-size-heading-xl_4c84z_1uxmb_511:not(#\9) {
+.awsui_link_4c84z_3rgz3_145.awsui_font-size-heading-xl_4c84z_3rgz3_511:not(#\9) {
   font-size: var(--font-size-heading-xl-w5di2k, 28px);
   line-height: var(--line-height-heading-xl-vs1f23, 36px);
   letter-spacing: var(--letter-spacing-heading-xl-33zwds, normal);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1uxmb_145.awsui_font-size-display-l_4c84z_1uxmb_518:not(#\9) {
+.awsui_link_4c84z_3rgz3_145.awsui_font-size-display-l_4c84z_3rgz3_518:not(#\9) {
   font-size: var(--font-size-display-l-h1h1h9, 44px);
   line-height: var(--line-height-display-l-3zghmm, 56px);
   letter-spacing: var(--letter-spacing-display-l-dniym1, normal);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 2px;
 }
-.awsui_link_4c84z_1uxmb_145.awsui_font-size-inherit_4c84z_1uxmb_525:not(#\9) {
+.awsui_link_4c84z_3rgz3_145.awsui_font-size-inherit_4c84z_3rgz3_525:not(#\9) {
   font-size: inherit;
   line-height: inherit;
   letter-spacing: inherit;
@@ -546,10 +546,10 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1uxmb_145:not(#\9):focus {
   text-decoration-thickness: 1px;
 }
 
-.awsui_icon-wrapper_4c84z_1uxmb_533:not(#\9) {
+.awsui_icon-wrapper_4c84z_3rgz3_533:not(#\9) {
   white-space: nowrap;
 }
 
-.awsui_icon_4c84z_1uxmb_533:not(#\9) {
+.awsui_icon_4c84z_3rgz3_533:not(#\9) {
   display: inline-block;
 }