@cloudscape-design/components-themeable 3.0.663 → 3.0.665

package/lib/internal/template/internal/context/single-tab-stop-navigation-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"single-tab-stop-navigation-context.js","sourceRoot":"","sources":["../../../../src/internal/context/single-tab-stop-navigation-context.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQ7E,MAAM,CAAC,MAAM,YAAY,GAGrB;IACF,gBAAgB,EAAE,KAAK;IACvB,iBAAiB,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,GAAE,CAAC;CAClC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAG,aAAa,CAAC,YAAY,CAAC,CAAC;AAE1E,MAAM,UAAU,0BAA0B,CACxC,SAA8C,EAC9C,OAA+B;;IAE/B,MAAM,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAC,8BAA8B,CAAC,CAAC;IACpH,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClE,MAAM,kBAAkB,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,KAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,IAAG,CAAC,CAAC;IACtE,MAAM,gBAAgB,GAAG,uBAAuB,IAAI,CAAC,kBAAkB,CAAC;IAExE,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,gBAAgB,IAAI,SAAS,IAAI,SAAS,CAAC,OAAO,EAAE;YACtD,MAAM,UAAU,GAAG,iBAAiB,CAAC,SAAS,CAAC,OAAO,EAAE,WAAW,CAAC,EAAE,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC;YAC1G,OAAO,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC;SAC3B;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,QAAQ,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC;IACjC,IAAI,gBAAgB,EAAE;QACpB,QAAQ,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,mCAAI,CAAC,CAAC;KAC7D;IAED,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC;AACxC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { createContext, useContext, useLayoutEffect, useState } from 'react';\n\nexport type FocusableChangeHandler = (isFocusable: boolean) => void;\n\nexport interface SingleTabStopNavigationOptions {\n  tabIndex?: number;\n}\n\nexport const defaultValue: {\n  navigationActive: boolean;\n  registerFocusable(focusable: HTMLElement, handler: FocusableChangeHandler): () => void;\n} = {\n  navigationActive: false,\n  registerFocusable: () => () => {},\n};\n\n/**\n * Single tab stop navigation context is used together with keyboard navigation that requires a single tab stop.\n * It instructs interactive elements to override tab indices for just a single one to remain user-focusable.\n */\nexport const SingleTabStopNavigationContext = createContext(defaultValue);\n\nexport function useSingleTabStopNavigation(\n  focusable: null | React.RefObject<HTMLElement>,\n  options?: { tabIndex?: number }\n) {\n  const { navigationActive: contextNavigationActive, registerFocusable } = useContext(SingleTabStopNavigationContext);\n  const [focusTargetActive, setFocusTargetActive] = useState(false);\n  const navigationDisabled = options?.tabIndex && options?.tabIndex < 0;\n  const navigationActive = contextNavigationActive && !navigationDisabled;\n\n  useLayoutEffect(() => {\n    if (navigationActive && focusable && focusable.current) {\n      const unregister = registerFocusable(focusable.current, isFocusable => setFocusTargetActive(isFocusable));\n      return () => unregister();\n    }\n  });\n\n  let tabIndex = options?.tabIndex;\n  if (navigationActive) {\n    tabIndex = !focusTargetActive ? -1 : options?.tabIndex ?? 0;\n  }\n\n  return { navigationActive, tabIndex };\n}\n"]}
+{"version":3,"file":"single-tab-stop-navigation-context.js","sourceRoot":"","sources":["../../../../src/internal/context/single-tab-stop-navigation-context.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\n\nimport React, {\n  createContext,\n  useContext,\n  useLayoutEffect,\n  useRef,\n  useState,\n  useImperativeHandle,\n  forwardRef,\n} from 'react';\n\nexport type FocusableChangeHandler = (isFocusable: boolean) => void;\n\nexport interface SingleTabStopNavigationOptions {\n  tabIndex?: number;\n}\n\nexport const defaultValue: {\n  navigationActive: boolean;\n  registerFocusable(focusable: HTMLElement, handler: FocusableChangeHandler): () => void;\n} = {\n  navigationActive: false,\n  registerFocusable: () => () => {},\n};\n\n/**\n * Single tab stop navigation context is used together with keyboard navigation that requires a single tab stop.\n * It instructs interactive elements to override tab indices for just a single one to remain user-focusable.\n */\nexport const SingleTabStopNavigationContext = createContext(defaultValue);\n\nexport function useSingleTabStopNavigation(\n  focusable: null | React.RefObject<HTMLElement>,\n  options?: { tabIndex?: number }\n) {\n  const { navigationActive: contextNavigationActive, registerFocusable } = useContext(SingleTabStopNavigationContext);\n  const [focusTargetActive, setFocusTargetActive] = useState(false);\n  const navigationDisabled = options?.tabIndex && options?.tabIndex < 0;\n  const navigationActive = contextNavigationActive && !navigationDisabled;\n\n  useLayoutEffect(() => {\n    if (navigationActive && focusable && focusable.current) {\n      const unregister = registerFocusable(focusable.current, isFocusable => setFocusTargetActive(isFocusable));\n      return () => unregister();\n    }\n  });\n\n  let tabIndex = options?.tabIndex;\n  if (navigationActive) {\n    tabIndex = !focusTargetActive ? -1 : options?.tabIndex ?? 0;\n  }\n\n  return { navigationActive, tabIndex };\n}\n\nexport interface SingleTabStopNavigationProviderProps {\n  navigationActive: boolean;\n  children: React.ReactNode;\n  getNextFocusTarget: () => null | HTMLElement;\n  isElementSuppressed?(focusableElement: Element): boolean;\n  onRegisterFocusable?(focusableElement: Element): void;\n  onUnregisterFocusable?(focusableElement: Element): void;\n}\n\nexport interface SingleTabStopNavigationAPI {\n  updateFocusTarget(): void;\n  getFocusTarget(): null | HTMLElement;\n  isRegistered(element: Element): boolean;\n}\n\nexport const SingleTabStopNavigationProvider = forwardRef(\n  (\n    {\n      navigationActive,\n      children,\n      getNextFocusTarget,\n      isElementSuppressed,\n      onRegisterFocusable,\n      onUnregisterFocusable,\n    }: SingleTabStopNavigationProviderProps,\n    ref: React.Ref<SingleTabStopNavigationAPI>\n  ) => {\n    // A set of registered focusable elements that can use keyboard navigation.\n    const focusables = useRef(new Set<Element>());\n    // A map of registered focusable element handlers to update the respective tab indices.\n    const focusHandlers = useRef(new Map<Element, FocusableChangeHandler>());\n    // A map of focusable element states to avoid issuing unnecessary updates to registered elements.\n    const focusablesState = useRef(new WeakMap<Element, boolean>());\n    // A reference to the currently focused element.\n    const focusTarget = useRef<null | HTMLElement>(null);\n\n    // Register a focusable element to allow navigating into it.\n    // The focusable element tabIndex is only set to 0 if the element matches the focus target.\n    function registerFocusable(focusableElement: Element, changeHandler: FocusableChangeHandler) {\n      focusables.current.add(focusableElement);\n      focusHandlers.current.set(focusableElement, changeHandler);\n      const isFocusable = !!focusablesState.current.get(focusableElement);\n      const newIsFocusable = focusTarget.current === focusableElement || !!isElementSuppressed?.(focusableElement);\n      if (newIsFocusable !== isFocusable) {\n        focusablesState.current.set(focusableElement, newIsFocusable);\n        changeHandler(newIsFocusable);\n      }\n      onRegisterFocusable?.(focusableElement);\n      return () => unregisterFocusable(focusableElement);\n    }\n    function unregisterFocusable(focusableElement: Element) {\n      focusables.current.delete(focusableElement);\n      focusHandlers.current.delete(focusableElement);\n      onUnregisterFocusable?.(focusableElement);\n    }\n\n    // Update focus target with next single focusable element and notify all registered focusables of a change.\n    function updateFocusTarget() {\n      focusTarget.current = getNextFocusTarget();\n      for (const focusableElement of focusables.current) {\n        const isFocusable = focusablesState.current.get(focusableElement) ?? false;\n        const newIsFocusable = focusTarget.current === focusableElement || !!isElementSuppressed?.(focusableElement);\n        if (newIsFocusable !== isFocusable) {\n          focusablesState.current.set(focusableElement, newIsFocusable);\n          focusHandlers.current.get(focusableElement)!(newIsFocusable);\n        }\n      }\n    }\n\n    function getFocusTarget() {\n      return focusTarget.current;\n    }\n\n    function isRegistered(element: Element) {\n      return focusables.current.has(element);\n    }\n\n    useImperativeHandle(ref, () => ({ updateFocusTarget, getFocusTarget, isRegistered }));\n\n    return (\n      <SingleTabStopNavigationContext.Provider value={{ navigationActive, registerFocusable }}>\n        {children}\n      </SingleTabStopNavigationContext.Provider>\n    );\n  }\n);\n"]}

package/lib/internal/template/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (0ceb772e)";
+export var PACKAGE_VERSION = "3.0.0 (09430c09)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/lib/internal/template/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (0ceb772e)",
+  "PACKAGE_VERSION": "3.0.0 (09430c09)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/lib/internal/template/internal/hooks/use-table-interaction-metrics/index.d.ts

@@ -0,0 +1,10 @@
+export interface UseTableInteractionMetricsProps {
+    instanceIdentifier: string | undefined;
+    loading: boolean | undefined;
+    itemCount: number;
+    getComponentIdentifier: () => string | undefined;
+}
+export declare function useTableInteractionMetrics({ itemCount, instanceIdentifier, getComponentIdentifier, loading, }: UseTableInteractionMetricsProps): {
+    setLastUserAction: (name: string) => undefined;
+};
+//# sourceMappingURL=index.d.ts.map

package/lib/internal/template/internal/hooks/use-table-interaction-metrics/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-table-interaction-metrics/index.ts"],"names":[],"mappings":"AAaA,MAAM,WAAW,+BAA+B;IAC9C,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,sBAAsB,EAAE,MAAM,MAAM,GAAG,SAAS,CAAC;CAClD;AAED,wBAAgB,0BAA0B,CAAC,EACzC,SAAS,EACT,kBAAkB,EAClB,sBAAsB,EACtB,OAAe,GAChB,EAAE,+BAA+B;8BAqCJ,MAAM;EAEnC"}

package/lib/internal/template/internal/hooks/use-table-interaction-metrics/index.js

@@ -0,0 +1,47 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useEffect, useRef } from 'react';
+import { useEffectOnUpdate } from '../use-effect-on-update';
+import { PerformanceMetrics } from '../../analytics';
+/*
+If the last user interaction is more than this time ago, it is not considered
+to be the cause of the current loading state.
+*/
+const USER_ACTION_TIME_LIMIT = 1000;
+export function useTableInteractionMetrics({ itemCount, instanceIdentifier, getComponentIdentifier, loading = false, }) {
+    const lastUserAction = useRef(null);
+    const capturedUserAction = useRef(null);
+    const loadingStartTime = useRef(null);
+    const metadata = useRef({ itemCount, getComponentIdentifier });
+    metadata.current = { itemCount, getComponentIdentifier };
+    useEffect(() => {
+        if (loading) {
+            loadingStartTime.current = performance.now();
+            if (lastUserAction.current && lastUserAction.current.time > performance.now() - USER_ACTION_TIME_LIMIT) {
+                capturedUserAction.current = lastUserAction.current.name;
+            }
+            else {
+                capturedUserAction.current = null;
+            }
+        }
+    }, [loading]);
+    useEffectOnUpdate(() => {
+        var _a;
+        if (!loading && loadingStartTime.current !== null) {
+            const loadingDuration = performance.now() - loadingStartTime.current;
+            loadingStartTime.current = null;
+            PerformanceMetrics.tableInteraction({
+                userAction: (_a = capturedUserAction.current) !== null && _a !== void 0 ? _a : '',
+                interactionTime: Math.round(loadingDuration),
+                interactionMetadata: undefined,
+                componentIdentifier: metadata.current.getComponentIdentifier(),
+                instanceIdentifier,
+                noOfResourcesInTable: metadata.current.itemCount,
+            });
+        }
+    }, [instanceIdentifier, loading]);
+    return {
+        setLastUserAction: (name) => void (lastUserAction.current = { name, time: performance.now() }),
+    };
+}
+//# sourceMappingURL=index.js.map

package/lib/internal/template/internal/hooks/use-table-interaction-metrics/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-table-interaction-metrics/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD;;;EAGE;AACF,MAAM,sBAAsB,GAAG,IAAK,CAAC;AASrC,MAAM,UAAU,0BAA0B,CAAC,EACzC,SAAS,EACT,kBAAkB,EAClB,sBAAsB,EACtB,OAAO,GAAG,KAAK,GACiB;IAChC,MAAM,cAAc,GAAG,MAAM,CAAwC,IAAI,CAAC,CAAC;IAC3E,MAAM,kBAAkB,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IACvD,MAAM,gBAAgB,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IAErD,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,SAAS,EAAE,sBAAsB,EAAE,CAAC,CAAC;IAC/D,QAAQ,CAAC,OAAO,GAAG,EAAE,SAAS,EAAE,sBAAsB,EAAE,CAAC;IAEzD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,EAAE;YACX,gBAAgB,CAAC,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;YAE7C,IAAI,cAAc,CAAC,OAAO,IAAI,cAAc,CAAC,OAAO,CAAC,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE,GAAG,sBAAsB,EAAE;gBACtG,kBAAkB,CAAC,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC;aAC1D;iBAAM;gBACL,kBAAkB,CAAC,OAAO,GAAG,IAAI,CAAC;aACnC;SACF;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,iBAAiB,CAAC,GAAG,EAAE;;QACrB,IAAI,CAAC,OAAO,IAAI,gBAAgB,CAAC,OAAO,KAAK,IAAI,EAAE;YACjD,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE,GAAG,gBAAgB,CAAC,OAAO,CAAC;YACrE,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC;YAEhC,kBAAkB,CAAC,gBAAgB,CAAC;gBAClC,UAAU,EAAE,MAAA,kBAAkB,CAAC,OAAO,mCAAI,EAAE;gBAC5C,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC;gBAC5C,mBAAmB,EAAE,SAAS;gBAC9B,mBAAmB,EAAE,QAAQ,CAAC,OAAO,CAAC,sBAAsB,EAAE;gBAC9D,kBAAkB;gBAClB,oBAAoB,EAAE,QAAQ,CAAC,OAAO,CAAC,SAAS;aACjD,CAAC,CAAC;SACJ;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC,CAAC;IAElC,OAAO;QACL,iBAAiB,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,CAAC,GAAG,EAAE,EAAE,CAAC;KACvG,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useEffect, useRef } from 'react';\nimport { useEffectOnUpdate } from '../use-effect-on-update';\nimport { PerformanceMetrics } from '../../analytics';\n\n/*\nIf the last user interaction is more than this time ago, it is not considered\nto be the cause of the current loading state.\n*/\nconst USER_ACTION_TIME_LIMIT = 1_000;\n\nexport interface UseTableInteractionMetricsProps {\n  instanceIdentifier: string | undefined;\n  loading: boolean | undefined;\n  itemCount: number;\n  getComponentIdentifier: () => string | undefined;\n}\n\nexport function useTableInteractionMetrics({\n  itemCount,\n  instanceIdentifier,\n  getComponentIdentifier,\n  loading = false,\n}: UseTableInteractionMetricsProps) {\n  const lastUserAction = useRef<{ name: string; time: number } | null>(null);\n  const capturedUserAction = useRef<string | null>(null);\n  const loadingStartTime = useRef<number | null>(null);\n\n  const metadata = useRef({ itemCount, getComponentIdentifier });\n  metadata.current = { itemCount, getComponentIdentifier };\n\n  useEffect(() => {\n    if (loading) {\n      loadingStartTime.current = performance.now();\n\n      if (lastUserAction.current && lastUserAction.current.time > performance.now() - USER_ACTION_TIME_LIMIT) {\n        capturedUserAction.current = lastUserAction.current.name;\n      } else {\n        capturedUserAction.current = null;\n      }\n    }\n  }, [loading]);\n\n  useEffectOnUpdate(() => {\n    if (!loading && loadingStartTime.current !== null) {\n      const loadingDuration = performance.now() - loadingStartTime.current;\n      loadingStartTime.current = null;\n\n      PerformanceMetrics.tableInteraction({\n        userAction: capturedUserAction.current ?? '',\n        interactionTime: Math.round(loadingDuration),\n        interactionMetadata: undefined,\n        componentIdentifier: metadata.current.getComponentIdentifier(),\n        instanceIdentifier,\n        noOfResourcesInTable: metadata.current.itemCount,\n      });\n    }\n  }, [instanceIdentifier, loading]);\n\n  return {\n    setLastUserAction: (name: string) => void (lastUserAction.current = { name, time: performance.now() }),\n  };\n}\n"]}

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

@@ -1,25 +1,25 @@
 
     import './styles.scoped.css';
     export default {
-  "link": "awsui_link_4c84z_1f0vx_99",
-  "variant-secondary": "awsui_variant-secondary_4c84z_1f0vx_168",
-  "variant-primary": "awsui_variant-primary_4c84z_1f0vx_203",
-  "variant-info": "awsui_variant-info_4c84z_1f0vx_236",
-  "variant-value-large": "awsui_variant-value-large_4c84z_1f0vx_271",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1f0vx_303",
-  "variant-recovery": "awsui_variant-recovery_4c84z_1f0vx_336",
-  "button": "awsui_button_4c84z_1f0vx_369",
-  "color-inverted": "awsui_color-inverted_4c84z_1f0vx_404",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_1f0vx_425",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_1f0vx_432",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1f0vx_438",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1f0vx_444",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1f0vx_451",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1f0vx_458",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1f0vx_465",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_1f0vx_472",
-  "font-size-inherit": "awsui_font-size-inherit_4c84z_1f0vx_479",
-  "icon-wrapper": "awsui_icon-wrapper_4c84z_1f0vx_487",
-  "icon": "awsui_icon_4c84z_1f0vx_487"
+  "link": "awsui_link_4c84z_1ufn8_97",
+  "variant-secondary": "awsui_variant-secondary_4c84z_1ufn8_166",
+  "variant-primary": "awsui_variant-primary_4c84z_1ufn8_201",
+  "variant-info": "awsui_variant-info_4c84z_1ufn8_234",
+  "variant-value-large": "awsui_variant-value-large_4c84z_1ufn8_269",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1ufn8_301",
+  "variant-recovery": "awsui_variant-recovery_4c84z_1ufn8_334",
+  "button": "awsui_button_4c84z_1ufn8_367",
+  "color-inverted": "awsui_color-inverted_4c84z_1ufn8_402",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_1ufn8_423",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_1ufn8_430",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1ufn8_436",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1ufn8_442",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1ufn8_449",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1ufn8_456",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1ufn8_463",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_1ufn8_470",
+  "font-size-inherit": "awsui_font-size-inherit_4c84z_1ufn8_477",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_1ufn8_485",
+  "icon": "awsui_icon_4c84z_1ufn8_485"
 };
   

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

@@ -2,8 +2,6 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable plugin/no-unsupported-browser-features */
-/* stylelint-enable plugin/no-unsupported-browser-features */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -96,7 +94,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_1f0vx_99:not(#\9) {
+.awsui_link_4c84z_1ufn8_97:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -145,30 +143,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   text-decoration-thickness: 1px;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1f0vx_99:not(#\9) {
+  .awsui_link_4c84z_1ufn8_97:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1f0vx_99:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1f0vx_99:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1ufn8_97:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1ufn8_97:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1f0vx_99:not(#\9):hover {
+.awsui_link_4c84z_1ufn8_97:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_link_4c84z_1f0vx_99:not(#\9):focus {
+.awsui_link_4c84z_1ufn8_97:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1f0vx_99:not(#\9):active {
+.awsui_link_4c84z_1ufn8_97:not(#\9):active {
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_link_4c84z_1f0vx_99:not(#\9):active, .awsui_link_4c84z_1f0vx_99:not(#\9):focus, .awsui_link_4c84z_1f0vx_99:not(#\9):hover {
+.awsui_link_4c84z_1ufn8_97:not(#\9):active, .awsui_link_4c84z_1ufn8_97:not(#\9):focus, .awsui_link_4c84z_1ufn8_97:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1f0vx_99.awsui_variant-secondary_4c84z_1f0vx_168:not(#\9) {
+.awsui_link_4c84z_1ufn8_97.awsui_variant-secondary_4c84z_1ufn8_166:not(#\9) {
   -webkit-font-smoothing: inherit;
   -moz-osx-font-smoothing: inherit;
   color: var(--color-text-link-default-hop3gv, #0073bb);
@@ -182,30 +180,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-0rwzu1, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1f0vx_99.awsui_variant-secondary_4c84z_1f0vx_168:not(#\9) {
+  .awsui_link_4c84z_1ufn8_97.awsui_variant-secondary_4c84z_1ufn8_166:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1f0vx_99.awsui_variant-secondary_4c84z_1f0vx_168:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1f0vx_99.awsui_variant-secondary_4c84z_1f0vx_168:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1ufn8_97.awsui_variant-secondary_4c84z_1ufn8_166:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1ufn8_97.awsui_variant-secondary_4c84z_1ufn8_166:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1f0vx_99.awsui_variant-secondary_4c84z_1f0vx_168:not(#\9):hover {
+.awsui_link_4c84z_1ufn8_97.awsui_variant-secondary_4c84z_1ufn8_166:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_link_4c84z_1f0vx_99.awsui_variant-secondary_4c84z_1f0vx_168:not(#\9):focus {
+.awsui_link_4c84z_1ufn8_97.awsui_variant-secondary_4c84z_1ufn8_166:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1f0vx_99.awsui_variant-secondary_4c84z_1f0vx_168:not(#\9):active {
+.awsui_link_4c84z_1ufn8_97.awsui_variant-secondary_4c84z_1ufn8_166:not(#\9):active {
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_link_4c84z_1f0vx_99.awsui_variant-secondary_4c84z_1f0vx_168:not(#\9):active, .awsui_link_4c84z_1f0vx_99.awsui_variant-secondary_4c84z_1f0vx_168:not(#\9):focus, .awsui_link_4c84z_1f0vx_99.awsui_variant-secondary_4c84z_1f0vx_168:not(#\9):hover {
+.awsui_link_4c84z_1ufn8_97.awsui_variant-secondary_4c84z_1ufn8_166:not(#\9):active, .awsui_link_4c84z_1ufn8_97.awsui_variant-secondary_4c84z_1ufn8_166:not(#\9):focus, .awsui_link_4c84z_1ufn8_97.awsui_variant-secondary_4c84z_1ufn8_166:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1f0vx_99.awsui_variant-primary_4c84z_1f0vx_203:not(#\9) {
+.awsui_link_4c84z_1ufn8_97.awsui_variant-primary_4c84z_1ufn8_201:not(#\9) {
   color: var(--color-text-link-default-hop3gv, #0073bb);
   font-weight: inherit;
   letter-spacing: normal;
@@ -217,30 +215,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-0rwzu1, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1f0vx_99.awsui_variant-primary_4c84z_1f0vx_203:not(#\9) {
+  .awsui_link_4c84z_1ufn8_97.awsui_variant-primary_4c84z_1ufn8_201:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1f0vx_99.awsui_variant-primary_4c84z_1f0vx_203:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1f0vx_99.awsui_variant-primary_4c84z_1f0vx_203:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1ufn8_97.awsui_variant-primary_4c84z_1ufn8_201:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1ufn8_97.awsui_variant-primary_4c84z_1ufn8_201:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1f0vx_99.awsui_variant-primary_4c84z_1f0vx_203:not(#\9):hover {
+.awsui_link_4c84z_1ufn8_97.awsui_variant-primary_4c84z_1ufn8_201:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_link_4c84z_1f0vx_99.awsui_variant-primary_4c84z_1f0vx_203:not(#\9):focus {
+.awsui_link_4c84z_1ufn8_97.awsui_variant-primary_4c84z_1ufn8_201:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1f0vx_99.awsui_variant-primary_4c84z_1f0vx_203:not(#\9):active {
+.awsui_link_4c84z_1ufn8_97.awsui_variant-primary_4c84z_1ufn8_201:not(#\9):active {
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_link_4c84z_1f0vx_99.awsui_variant-primary_4c84z_1f0vx_203:not(#\9):active, .awsui_link_4c84z_1f0vx_99.awsui_variant-primary_4c84z_1f0vx_203:not(#\9):focus, .awsui_link_4c84z_1f0vx_99.awsui_variant-primary_4c84z_1f0vx_203:not(#\9):hover {
+.awsui_link_4c84z_1ufn8_97.awsui_variant-primary_4c84z_1ufn8_201:not(#\9):active, .awsui_link_4c84z_1ufn8_97.awsui_variant-primary_4c84z_1ufn8_201:not(#\9):focus, .awsui_link_4c84z_1ufn8_97.awsui_variant-primary_4c84z_1ufn8_201:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1f0vx_99.awsui_variant-info_4c84z_1f0vx_236:not(#\9) {
+.awsui_link_4c84z_1ufn8_97.awsui_variant-info_4c84z_1ufn8_234:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
   color: var(--color-text-link-default-hop3gv, #0073bb);
@@ -254,30 +252,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-0rwzu1, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1f0vx_99.awsui_variant-info_4c84z_1f0vx_236:not(#\9) {
+  .awsui_link_4c84z_1ufn8_97.awsui_variant-info_4c84z_1ufn8_234:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1f0vx_99.awsui_variant-info_4c84z_1f0vx_236:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1f0vx_99.awsui_variant-info_4c84z_1f0vx_236:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1ufn8_97.awsui_variant-info_4c84z_1ufn8_234:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1ufn8_97.awsui_variant-info_4c84z_1ufn8_234:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1f0vx_99.awsui_variant-info_4c84z_1f0vx_236:not(#\9):hover {
+.awsui_link_4c84z_1ufn8_97.awsui_variant-info_4c84z_1ufn8_234:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_link_4c84z_1f0vx_99.awsui_variant-info_4c84z_1f0vx_236:not(#\9):focus {
+.awsui_link_4c84z_1ufn8_97.awsui_variant-info_4c84z_1ufn8_234:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1f0vx_99.awsui_variant-info_4c84z_1f0vx_236:not(#\9):active {
+.awsui_link_4c84z_1ufn8_97.awsui_variant-info_4c84z_1ufn8_234:not(#\9):active {
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_link_4c84z_1f0vx_99.awsui_variant-info_4c84z_1f0vx_236:not(#\9):active, .awsui_link_4c84z_1f0vx_99.awsui_variant-info_4c84z_1f0vx_236:not(#\9):focus, .awsui_link_4c84z_1f0vx_99.awsui_variant-info_4c84z_1f0vx_236:not(#\9):hover {
+.awsui_link_4c84z_1ufn8_97.awsui_variant-info_4c84z_1ufn8_234:not(#\9):active, .awsui_link_4c84z_1ufn8_97.awsui_variant-info_4c84z_1ufn8_234:not(#\9):focus, .awsui_link_4c84z_1ufn8_97.awsui_variant-info_4c84z_1ufn8_234:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-button-underline-hover-jgc99f, currentColor);
 }
-.awsui_link_4c84z_1f0vx_99.awsui_variant-value-large_4c84z_1f0vx_271:not(#\9) {
+.awsui_link_4c84z_1ufn8_97.awsui_variant-value-large_4c84z_1ufn8_269:not(#\9) {
   color: var(--color-text-link-default-hop3gv, #0073bb);
   font-weight: var(--font-box-value-large-weight-gpwhlq, 300);
   text-decoration-line: underline;
@@ -288,30 +286,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-0rwzu1, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1f0vx_99.awsui_variant-value-large_4c84z_1f0vx_271:not(#\9) {
+  .awsui_link_4c84z_1ufn8_97.awsui_variant-value-large_4c84z_1ufn8_269:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1f0vx_99.awsui_variant-value-large_4c84z_1f0vx_271:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1f0vx_99.awsui_variant-value-large_4c84z_1f0vx_271:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1ufn8_97.awsui_variant-value-large_4c84z_1ufn8_269:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1ufn8_97.awsui_variant-value-large_4c84z_1ufn8_269:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1f0vx_99.awsui_variant-value-large_4c84z_1f0vx_271:not(#\9):hover {
+.awsui_link_4c84z_1ufn8_97.awsui_variant-value-large_4c84z_1ufn8_269:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_link_4c84z_1f0vx_99.awsui_variant-value-large_4c84z_1f0vx_271:not(#\9):focus {
+.awsui_link_4c84z_1ufn8_97.awsui_variant-value-large_4c84z_1ufn8_269:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1f0vx_99.awsui_variant-value-large_4c84z_1f0vx_271:not(#\9):active {
+.awsui_link_4c84z_1ufn8_97.awsui_variant-value-large_4c84z_1ufn8_269:not(#\9):active {
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_link_4c84z_1f0vx_99.awsui_variant-value-large_4c84z_1f0vx_271:not(#\9):active, .awsui_link_4c84z_1f0vx_99.awsui_variant-value-large_4c84z_1f0vx_271:not(#\9):focus, .awsui_link_4c84z_1f0vx_99.awsui_variant-value-large_4c84z_1f0vx_271:not(#\9):hover {
+.awsui_link_4c84z_1ufn8_97.awsui_variant-value-large_4c84z_1ufn8_269:not(#\9):active, .awsui_link_4c84z_1ufn8_97.awsui_variant-value-large_4c84z_1ufn8_269:not(#\9):focus, .awsui_link_4c84z_1ufn8_97.awsui_variant-value-large_4c84z_1ufn8_269:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1f0vx_99.awsui_variant-top-navigation_4c84z_1f0vx_303:not(#\9) {
+.awsui_link_4c84z_1ufn8_97.awsui_variant-top-navigation_4c84z_1ufn8_301:not(#\9) {
   color: var(--color-text-interactive-default-dt26aj, #545b64);
   font-weight: 700;
   letter-spacing: 0.005em;
@@ -323,30 +321,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-0rwzu1, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1f0vx_99.awsui_variant-top-navigation_4c84z_1f0vx_303:not(#\9) {
+  .awsui_link_4c84z_1ufn8_97.awsui_variant-top-navigation_4c84z_1ufn8_301:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1f0vx_99.awsui_variant-top-navigation_4c84z_1f0vx_303:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1f0vx_99.awsui_variant-top-navigation_4c84z_1f0vx_303:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1ufn8_97.awsui_variant-top-navigation_4c84z_1ufn8_301:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1ufn8_97.awsui_variant-top-navigation_4c84z_1ufn8_301:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1f0vx_99.awsui_variant-top-navigation_4c84z_1f0vx_303:not(#\9):hover {
+.awsui_link_4c84z_1ufn8_97.awsui_variant-top-navigation_4c84z_1ufn8_301:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-interactive-hover-7who0l, #16191f);
 }
-.awsui_link_4c84z_1f0vx_99.awsui_variant-top-navigation_4c84z_1f0vx_303:not(#\9):focus {
+.awsui_link_4c84z_1ufn8_97.awsui_variant-top-navigation_4c84z_1ufn8_301:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1f0vx_99.awsui_variant-top-navigation_4c84z_1f0vx_303:not(#\9):active {
+.awsui_link_4c84z_1ufn8_97.awsui_variant-top-navigation_4c84z_1ufn8_301:not(#\9):active {
   color: var(--color-text-interactive-active-jrhxoe, #16191f);
 }
-.awsui_link_4c84z_1f0vx_99.awsui_variant-top-navigation_4c84z_1f0vx_303:not(#\9):active, .awsui_link_4c84z_1f0vx_99.awsui_variant-top-navigation_4c84z_1f0vx_303:not(#\9):focus, .awsui_link_4c84z_1f0vx_99.awsui_variant-top-navigation_4c84z_1f0vx_303:not(#\9):hover {
+.awsui_link_4c84z_1ufn8_97.awsui_variant-top-navigation_4c84z_1ufn8_301:not(#\9):active, .awsui_link_4c84z_1ufn8_97.awsui_variant-top-navigation_4c84z_1ufn8_301:not(#\9):focus, .awsui_link_4c84z_1ufn8_97.awsui_variant-top-navigation_4c84z_1ufn8_301:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_1f0vx_99.awsui_variant-recovery_4c84z_1f0vx_336:not(#\9) {
+.awsui_link_4c84z_1ufn8_97.awsui_variant-recovery_4c84z_1ufn8_334:not(#\9) {
   color: var(--color-text-link-default-hop3gv, #0073bb);
   font-weight: var(--font-link-button-weight-3dz9pc, 400);
   letter-spacing: var(--font-link-button-letter-spacing-bphvbi, normal);
@@ -358,30 +356,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-0rwzu1, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1f0vx_99.awsui_variant-recovery_4c84z_1f0vx_336:not(#\9) {
+  .awsui_link_4c84z_1ufn8_97.awsui_variant-recovery_4c84z_1ufn8_334:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1f0vx_99.awsui_variant-recovery_4c84z_1f0vx_336:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1f0vx_99.awsui_variant-recovery_4c84z_1f0vx_336:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1ufn8_97.awsui_variant-recovery_4c84z_1ufn8_334:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1ufn8_97.awsui_variant-recovery_4c84z_1ufn8_334:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1f0vx_99.awsui_variant-recovery_4c84z_1f0vx_336:not(#\9):hover {
+.awsui_link_4c84z_1ufn8_97.awsui_variant-recovery_4c84z_1ufn8_334:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_link_4c84z_1f0vx_99.awsui_variant-recovery_4c84z_1f0vx_336:not(#\9):focus {
+.awsui_link_4c84z_1ufn8_97.awsui_variant-recovery_4c84z_1ufn8_334:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1f0vx_99.awsui_variant-recovery_4c84z_1f0vx_336:not(#\9):active {
+.awsui_link_4c84z_1ufn8_97.awsui_variant-recovery_4c84z_1ufn8_334:not(#\9):active {
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_link_4c84z_1f0vx_99.awsui_variant-recovery_4c84z_1f0vx_336:not(#\9):active, .awsui_link_4c84z_1f0vx_99.awsui_variant-recovery_4c84z_1f0vx_336:not(#\9):focus, .awsui_link_4c84z_1f0vx_99.awsui_variant-recovery_4c84z_1f0vx_336:not(#\9):hover {
+.awsui_link_4c84z_1ufn8_97.awsui_variant-recovery_4c84z_1ufn8_334:not(#\9):active, .awsui_link_4c84z_1ufn8_97.awsui_variant-recovery_4c84z_1ufn8_334:not(#\9):focus, .awsui_link_4c84z_1ufn8_97.awsui_variant-recovery_4c84z_1ufn8_334:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-button-underline-hover-jgc99f, currentColor);
 }
-.awsui_link_4c84z_1f0vx_99.awsui_button_4c84z_1f0vx_369:not(#\9) {
+.awsui_link_4c84z_1ufn8_97.awsui_button_4c84z_1ufn8_367:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
   color: var(--color-text-link-button-normal-default-pfifu1, #545b64);
@@ -395,40 +393,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-0rwzu1, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1f0vx_99.awsui_button_4c84z_1f0vx_369:not(#\9) {
+  .awsui_link_4c84z_1ufn8_97.awsui_button_4c84z_1ufn8_367:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1f0vx_99.awsui_button_4c84z_1f0vx_369:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1f0vx_99.awsui_button_4c84z_1f0vx_369:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1ufn8_97.awsui_button_4c84z_1ufn8_367:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1ufn8_97.awsui_button_4c84z_1ufn8_367:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1f0vx_99.awsui_button_4c84z_1f0vx_369:not(#\9):hover {
+.awsui_link_4c84z_1ufn8_97.awsui_button_4c84z_1ufn8_367:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-button-normal-hover-dhq1ri, #16191f);
 }
-.awsui_link_4c84z_1f0vx_99.awsui_button_4c84z_1f0vx_369:not(#\9):focus {
+.awsui_link_4c84z_1ufn8_97.awsui_button_4c84z_1ufn8_367:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1f0vx_99.awsui_button_4c84z_1f0vx_369:not(#\9):active {
+.awsui_link_4c84z_1ufn8_97.awsui_button_4c84z_1ufn8_367:not(#\9):active {
   color: var(--color-text-link-button-normal-active-7nf3v1, #16191f);
 }
-.awsui_link_4c84z_1f0vx_99.awsui_button_4c84z_1f0vx_369:not(#\9):active, .awsui_link_4c84z_1f0vx_99.awsui_button_4c84z_1f0vx_369:not(#\9):focus, .awsui_link_4c84z_1f0vx_99.awsui_button_4c84z_1f0vx_369:not(#\9):hover {
+.awsui_link_4c84z_1ufn8_97.awsui_button_4c84z_1ufn8_367:not(#\9):active, .awsui_link_4c84z_1ufn8_97.awsui_button_4c84z_1ufn8_367:not(#\9):focus, .awsui_link_4c84z_1ufn8_97.awsui_button_4c84z_1ufn8_367:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_1f0vx_99.awsui_color-inverted_4c84z_1f0vx_404:not(#\9) {
+.awsui_link_4c84z_1ufn8_97.awsui_color-inverted_4c84z_1ufn8_402:not(#\9) {
   color: var(--color-text-notification-default-hruauw, #fafafa);
 }
-.awsui_link_4c84z_1f0vx_99.awsui_color-inverted_4c84z_1f0vx_404:not(#\9):not(.awsui_button_4c84z_1f0vx_369) {
+.awsui_link_4c84z_1ufn8_97.awsui_color-inverted_4c84z_1ufn8_402:not(#\9):not(.awsui_button_4c84z_1ufn8_367) {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1f0vx_99.awsui_color-inverted_4c84z_1f0vx_404:not(#\9):hover {
+.awsui_link_4c84z_1ufn8_97.awsui_color-inverted_4c84z_1ufn8_402:not(#\9):hover {
   color: var(--color-text-link-inverted-hover-1mweln, #fafafa);
 }
-body[data-awsui-focus-visible=true] .awsui_link_4c84z_1f0vx_99:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_link_4c84z_1ufn8_97:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-gygm43, 5px auto Highlight);
   outline-offset: 2px;
@@ -439,61 +437,61 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1f0vx_99:not(#\9):focus {
   border-end-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-efbp5h, 0px) var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_link_4c84z_1f0vx_99.awsui_font-size-body-s_4c84z_1f0vx_425:not(#\9) {
+.awsui_link_4c84z_1ufn8_97.awsui_font-size-body-s_4c84z_1ufn8_423:not(#\9) {
   font-size: var(--font-size-body-s-533prh, 12px);
   line-height: var(--line-height-body-s-n0pazd, 16px);
   letter-spacing: var(--letter-spacing-body-s-nkvets, normal);
   text-underline-offset: 0.3em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1f0vx_99.awsui_font-size-body-m_4c84z_1f0vx_432:not(#\9) {
+.awsui_link_4c84z_1ufn8_97.awsui_font-size-body-m_4c84z_1ufn8_430:not(#\9) {
   font-size: var(--font-size-body-m-pa3mqb, 14px);
   line-height: var(--line-height-body-m-2zx78l, 22px);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1f0vx_99.awsui_font-size-heading-xs_4c84z_1f0vx_438:not(#\9) {
+.awsui_link_4c84z_1ufn8_97.awsui_font-size-heading-xs_4c84z_1ufn8_436:not(#\9) {
   font-size: var(--font-size-heading-xs-pz04z3, 16px);
   line-height: var(--line-height-heading-xs-jsenn1, 20px);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1f0vx_99.awsui_font-size-heading-s_4c84z_1f0vx_444:not(#\9) {
+.awsui_link_4c84z_1ufn8_97.awsui_font-size-heading-s_4c84z_1ufn8_442:not(#\9) {
   font-size: var(--font-size-heading-s-w1c4ce, 16px);
   line-height: var(--line-height-heading-s-h0lds9, 20px);
   letter-spacing: var(--letter-spacing-heading-s-badvkb, normal);
   text-underline-offset: 0.3em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1f0vx_99.awsui_font-size-heading-m_4c84z_1f0vx_451:not(#\9) {
+.awsui_link_4c84z_1ufn8_97.awsui_font-size-heading-m_4c84z_1ufn8_449:not(#\9) {
   font-size: var(--font-size-heading-m-io97me, 18px);
   line-height: var(--line-height-heading-m-6mmwjh, 22px);
   letter-spacing: var(--letter-spacing-heading-m-kfwhdw, normal);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1f0vx_99.awsui_font-size-heading-l_4c84z_1f0vx_458:not(#\9) {
+.awsui_link_4c84z_1ufn8_97.awsui_font-size-heading-l_4c84z_1ufn8_456:not(#\9) {
   font-size: var(--font-size-heading-l-l21r86, 18px);
   line-height: var(--line-height-heading-l-vog8w7, 22px);
   letter-spacing: var(--letter-spacing-heading-l-bejyzw, normal);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1f0vx_99.awsui_font-size-heading-xl_4c84z_1f0vx_465:not(#\9) {
+.awsui_link_4c84z_1ufn8_97.awsui_font-size-heading-xl_4c84z_1ufn8_463:not(#\9) {
   font-size: var(--font-size-heading-xl-k9a0qt, 28px);
   line-height: var(--line-height-heading-xl-v9hsvt, 36px);
   letter-spacing: var(--letter-spacing-heading-xl-87t96e, normal);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1f0vx_99.awsui_font-size-display-l_4c84z_1f0vx_472:not(#\9) {
+.awsui_link_4c84z_1ufn8_97.awsui_font-size-display-l_4c84z_1ufn8_470:not(#\9) {
   font-size: var(--font-size-display-l-4u0od7, 44px);
   line-height: var(--line-height-display-l-zgnpxt, 56px);
   letter-spacing: var(--letter-spacing-display-l-sra9qb, normal);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 2px;
 }
-.awsui_link_4c84z_1f0vx_99.awsui_font-size-inherit_4c84z_1f0vx_479:not(#\9) {
+.awsui_link_4c84z_1ufn8_97.awsui_font-size-inherit_4c84z_1ufn8_477:not(#\9) {
   font-size: inherit;
   line-height: inherit;
   letter-spacing: inherit;
@@ -501,10 +499,10 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1f0vx_99:not(#\9):focus {
   text-decoration-thickness: 1px;
 }
 
-.awsui_icon-wrapper_4c84z_1f0vx_487:not(#\9) {
+.awsui_icon-wrapper_4c84z_1ufn8_485:not(#\9) {
   white-space: nowrap;
 }
 
-.awsui_icon_4c84z_1f0vx_487:not(#\9) {
+.awsui_icon_4c84z_1ufn8_485:not(#\9) {
   display: inline-block;
 }