@cloudscape-design/components 3.0.494 → 3.0.496

package/internal/utils/scrollable-containers.d.ts

@@ -29,6 +29,7 @@ export declare function calculateScroll({ top, height }: BoundingBox): number;
  * so we need to manually scroll to the element's position.
  * Supports only vertical scrolling.
  */
-export declare function scrollRectangleIntoView(box: BoundingBox): void;
+export declare function scrollRectangleIntoView(box: BoundingBox, scrollableParent?: HTMLElement): void;
+export declare function getFirstScrollableParent(element: HTMLElement): HTMLElement | undefined;
 export {};
 //# sourceMappingURL=scrollable-containers.d.ts.map

package/internal/utils/scrollable-containers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scrollable-containers.d.ts","sourceRoot":"lib/default/","sources":["internal/utils/scrollable-containers.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,kBAAkB,YAAa,WAAW,KAAG,WAAW,EAQpE,CAAC;AAEF,eAAO,MAAM,2BAA2B;aAM7B,WAAW;0BACE,OAAO;sBACX,OAAO;8BACC,OAAO;MAC/B,WAAW,EAqCd,CAAC;AAEF,KAAK,qBAAqB,GAAG,UAAU,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAE1E;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,WAAW,GAAG,SAAS,EAChC,OAAO,GAAE,qBAA+D,QAGzE;AAED,wBAAgB,eAAe,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,WAAW,UAW3D;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,GAAG,EAAE,WAAW,QAKvD"}
+{"version":3,"file":"scrollable-containers.d.ts","sourceRoot":"lib/default/","sources":["internal/utils/scrollable-containers.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,kBAAkB,YAAa,WAAW,KAAG,WAAW,EAQpE,CAAC;AAEF,eAAO,MAAM,2BAA2B;aAM7B,WAAW;0BACE,OAAO;sBACX,OAAO;8BACC,OAAO;MAC/B,WAAW,EAqCd,CAAC;AAEF,KAAK,qBAAqB,GAAG,UAAU,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAE1E;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,WAAW,GAAG,SAAS,EAChC,OAAO,GAAE,qBAA+D,QAGzE;AAED,wBAAgB,eAAe,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,WAAW,UAW3D;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,GAAG,EAAE,WAAW,EAAE,gBAAgB,CAAC,EAAE,WAAW,QAKvF;AAED,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,WAAW,GAAG,WAAW,GAAG,SAAS,CAOtF"}

package/internal/utils/scrollable-containers.js

@@ -1,3 +1,6 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { findUpUntil } from './dom';
 export const getOverflowParents = (element) => {
     const parents = [];
     let node = element;
@@ -75,10 +78,16 @@ export function calculateScroll({ top, height }) {
  * so we need to manually scroll to the element's position.
  * Supports only vertical scrolling.
  */
-export function scrollRectangleIntoView(box) {
+export function scrollRectangleIntoView(box, scrollableParent) {
     const scrollAmount = calculateScroll(box);
     if (scrollAmount) {
-        window.scrollBy(0, scrollAmount);
+        (scrollableParent || window).scrollBy(0, scrollAmount);
     }
 }
+export function getFirstScrollableParent(element) {
+    return (findUpUntil(element, el => {
+        const overflows = el.scrollHeight > el.clientHeight;
+        return overflows && ['scroll', 'auto'].includes(getComputedStyle(el).overflowY);
+    }) || undefined);
+}
 //# sourceMappingURL=scrollable-containers.js.map

package/internal/utils/scrollable-containers.js.map

@@ -1 +1 @@
-{"version":3,"file":"scrollable-containers.js","sourceRoot":"lib/default/","sources":["internal/utils/scrollable-containers.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nexport interface BoundingBox {\n  height: number;\n  width: number;\n  top: number;\n  left: number;\n}\n\nexport const getOverflowParents = (element: HTMLElement): HTMLElement[] => {\n  const parents = [];\n  let node: HTMLElement | null = element;\n\n  while ((node = node.parentElement) && node !== document.body) {\n    getComputedStyle(node).overflow !== 'visible' && parents.push(node);\n  }\n  return parents;\n};\n\nexport const getOverflowParentDimensions = ({\n  element,\n  excludeClosestParent = false,\n  expandToViewport = false,\n  canExpandOutsideViewport = false,\n}: {\n  element: HTMLElement;\n  excludeClosestParent: boolean;\n  expandToViewport: boolean;\n  canExpandOutsideViewport: boolean;\n}): BoundingBox[] => {\n  const parents = expandToViewport\n    ? []\n    : getOverflowParents(element).map(el => {\n        const { height, width, top, left } = el.getBoundingClientRect();\n        return {\n          // Treat the whole scrollable area as the available height\n          // if we're allowed to expand past the viewport.\n          height: canExpandOutsideViewport ? el.scrollHeight : height,\n          width,\n          top,\n          left,\n        };\n      });\n\n  if (canExpandOutsideViewport && !expandToViewport) {\n    const documentDimensions = document.documentElement.getBoundingClientRect();\n    parents.push({\n      width: Math.max(documentDimensions.width, document.documentElement.clientWidth),\n      height: Math.max(documentDimensions.height, document.documentElement.clientHeight),\n      top: documentDimensions.top,\n      left: documentDimensions.left,\n    });\n  } else {\n    parents.push({\n      height: window.innerHeight,\n      width: window.innerWidth,\n      top: 0,\n      left: 0,\n    });\n  }\n\n  if (excludeClosestParent && !expandToViewport) {\n    parents.shift();\n  }\n\n  return parents;\n};\n\ntype ScrollIntoViewOptions = Parameters<HTMLElement['scrollIntoView']>[0];\n\n/**\n * Calls `scrollIntoView` on the provided element with sensible defaults. If\n * the element does not existed or does not support the `scrollIntoView`\n * method, it will do nothing. This wrapper is created to support environments\n * where the native function is not available like JSDom (feature request:\n * https://github.com/jsdom/jsdom/issues/1422).\n *\n * @param element to be scrolled into view\n * @param options native options for `scrollIntoView`\n */\nexport function scrollElementIntoView(\n  element: HTMLElement | undefined,\n  options: ScrollIntoViewOptions = { block: 'nearest', inline: 'nearest' }\n) {\n  element?.scrollIntoView?.(options);\n}\n\nexport function calculateScroll({ top, height }: BoundingBox) {\n  if (top < 0) {\n    return top;\n  } else if (top + height > window.innerHeight) {\n    if (height > window.innerHeight) {\n      return top;\n    } else {\n      return top + height - window.innerHeight;\n    }\n  }\n  return 0;\n}\n\n/**\n * For elements with fixed position, the browser's native scrollIntoView API doesn't work,\n * so we need to manually scroll to the element's position.\n * Supports only vertical scrolling.\n */\nexport function scrollRectangleIntoView(box: BoundingBox) {\n  const scrollAmount = calculateScroll(box);\n  if (scrollAmount) {\n    window.scrollBy(0, scrollAmount);\n  }\n}\n"]}
+{"version":3,"file":"scrollable-containers.js","sourceRoot":"lib/default/","sources":["internal/utils/scrollable-containers.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAQpC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,OAAoB,EAAiB,EAAE;IACxE,MAAM,OAAO,GAAG,EAAE,CAAC;IACnB,IAAI,IAAI,GAAuB,OAAO,CAAC;IAEvC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,IAAI,KAAK,QAAQ,CAAC,IAAI,EAAE;QAC5D,gBAAgB,CAAC,IAAI,CAAC,CAAC,QAAQ,KAAK,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACrE;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,EAC1C,OAAO,EACP,oBAAoB,GAAG,KAAK,EAC5B,gBAAgB,GAAG,KAAK,EACxB,wBAAwB,GAAG,KAAK,GAMjC,EAAiB,EAAE;IAClB,MAAM,OAAO,GAAG,gBAAgB;QAC9B,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE;YACnC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC;YAChE,OAAO;gBACL,0DAA0D;gBAC1D,gDAAgD;gBAChD,MAAM,EAAE,wBAAwB,CAAC,CAAC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM;gBAC3D,KAAK;gBACL,GAAG;gBACH,IAAI;aACL,CAAC;QACJ,CAAC,CAAC,CAAC;IAEP,IAAI,wBAAwB,IAAI,CAAC,gBAAgB,EAAE;QACjD,MAAM,kBAAkB,GAAG,QAAQ,CAAC,eAAe,CAAC,qBAAqB,EAAE,CAAC;QAC5E,OAAO,CAAC,IAAI,CAAC;YACX,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,kBAAkB,CAAC,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAC;YAC/E,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,kBAAkB,CAAC,MAAM,EAAE,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC;YAClF,GAAG,EAAE,kBAAkB,CAAC,GAAG;YAC3B,IAAI,EAAE,kBAAkB,CAAC,IAAI;SAC9B,CAAC,CAAC;KACJ;SAAM;QACL,OAAO,CAAC,IAAI,CAAC;YACX,MAAM,EAAE,MAAM,CAAC,WAAW;YAC1B,KAAK,EAAE,MAAM,CAAC,UAAU;YACxB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;SACR,CAAC,CAAC;KACJ;IAED,IAAI,oBAAoB,IAAI,CAAC,gBAAgB,EAAE;QAC7C,OAAO,CAAC,KAAK,EAAE,CAAC;KACjB;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAIF;;;;;;;;;GASG;AACH,MAAM,UAAU,qBAAqB,CACnC,OAAgC,EAChC,UAAiC,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;;IAExE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,cAAc,wDAAG,OAAO,CAAC,CAAC;AACrC,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAAE,GAAG,EAAE,MAAM,EAAe;IAC1D,IAAI,GAAG,GAAG,CAAC,EAAE;QACX,OAAO,GAAG,CAAC;KACZ;SAAM,IAAI,GAAG,GAAG,MAAM,GAAG,MAAM,CAAC,WAAW,EAAE;QAC5C,IAAI,MAAM,GAAG,MAAM,CAAC,WAAW,EAAE;YAC/B,OAAO,GAAG,CAAC;SACZ;aAAM;YACL,OAAO,GAAG,GAAG,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC;SAC1C;KACF;IACD,OAAO,CAAC,CAAC;AACX,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,uBAAuB,CAAC,GAAgB,EAAE,gBAA8B;IACtF,MAAM,YAAY,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC;IAC1C,IAAI,YAAY,EAAE;QAChB,CAAC,gBAAgB,IAAI,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC;KACxD;AACH,CAAC;AAED,MAAM,UAAU,wBAAwB,CAAC,OAAoB;IAC3D,OAAO,CACL,WAAW,CAAC,OAAO,EAAE,EAAE,CAAC,EAAE;QACxB,MAAM,SAAS,GAAG,EAAE,CAAC,YAAY,GAAG,EAAE,CAAC,YAAY,CAAC;QACpD,OAAO,SAAS,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC;IAClF,CAAC,CAAC,IAAI,SAAS,CAChB,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { findUpUntil } from './dom';\nexport interface BoundingBox {\n  height: number;\n  width: number;\n  top: number;\n  left: number;\n}\n\nexport const getOverflowParents = (element: HTMLElement): HTMLElement[] => {\n  const parents = [];\n  let node: HTMLElement | null = element;\n\n  while ((node = node.parentElement) && node !== document.body) {\n    getComputedStyle(node).overflow !== 'visible' && parents.push(node);\n  }\n  return parents;\n};\n\nexport const getOverflowParentDimensions = ({\n  element,\n  excludeClosestParent = false,\n  expandToViewport = false,\n  canExpandOutsideViewport = false,\n}: {\n  element: HTMLElement;\n  excludeClosestParent: boolean;\n  expandToViewport: boolean;\n  canExpandOutsideViewport: boolean;\n}): BoundingBox[] => {\n  const parents = expandToViewport\n    ? []\n    : getOverflowParents(element).map(el => {\n        const { height, width, top, left } = el.getBoundingClientRect();\n        return {\n          // Treat the whole scrollable area as the available height\n          // if we're allowed to expand past the viewport.\n          height: canExpandOutsideViewport ? el.scrollHeight : height,\n          width,\n          top,\n          left,\n        };\n      });\n\n  if (canExpandOutsideViewport && !expandToViewport) {\n    const documentDimensions = document.documentElement.getBoundingClientRect();\n    parents.push({\n      width: Math.max(documentDimensions.width, document.documentElement.clientWidth),\n      height: Math.max(documentDimensions.height, document.documentElement.clientHeight),\n      top: documentDimensions.top,\n      left: documentDimensions.left,\n    });\n  } else {\n    parents.push({\n      height: window.innerHeight,\n      width: window.innerWidth,\n      top: 0,\n      left: 0,\n    });\n  }\n\n  if (excludeClosestParent && !expandToViewport) {\n    parents.shift();\n  }\n\n  return parents;\n};\n\ntype ScrollIntoViewOptions = Parameters<HTMLElement['scrollIntoView']>[0];\n\n/**\n * Calls `scrollIntoView` on the provided element with sensible defaults. If\n * the element does not existed or does not support the `scrollIntoView`\n * method, it will do nothing. This wrapper is created to support environments\n * where the native function is not available like JSDom (feature request:\n * https://github.com/jsdom/jsdom/issues/1422).\n *\n * @param element to be scrolled into view\n * @param options native options for `scrollIntoView`\n */\nexport function scrollElementIntoView(\n  element: HTMLElement | undefined,\n  options: ScrollIntoViewOptions = { block: 'nearest', inline: 'nearest' }\n) {\n  element?.scrollIntoView?.(options);\n}\n\nexport function calculateScroll({ top, height }: BoundingBox) {\n  if (top < 0) {\n    return top;\n  } else if (top + height > window.innerHeight) {\n    if (height > window.innerHeight) {\n      return top;\n    } else {\n      return top + height - window.innerHeight;\n    }\n  }\n  return 0;\n}\n\n/**\n * For elements with fixed position, the browser's native scrollIntoView API doesn't work,\n * so we need to manually scroll to the element's position.\n * Supports only vertical scrolling.\n */\nexport function scrollRectangleIntoView(box: BoundingBox, scrollableParent?: HTMLElement) {\n  const scrollAmount = calculateScroll(box);\n  if (scrollAmount) {\n    (scrollableParent || window).scrollBy(0, scrollAmount);\n  }\n}\n\nexport function getFirstScrollableParent(element: HTMLElement): HTMLElement | undefined {\n  return (\n    findUpUntil(element, el => {\n      const overflows = el.scrollHeight > el.clientHeight;\n      return overflows && ['scroll', 'auto'].includes(getComputedStyle(el).overflowY);\n    }) || undefined\n  );\n}\n"]}

package/link/styles.css.js

@@ -1,25 +1,25 @@
 
     import './styles.scoped.css';
     export default {
-  "link": "awsui_link_4c84z_1dle6_93",
-  "variant-secondary": "awsui_variant-secondary_4c84z_1dle6_140",
-  "variant-primary": "awsui_variant-primary_4c84z_1dle6_175",
-  "variant-info": "awsui_variant-info_4c84z_1dle6_208",
-  "variant-value-large": "awsui_variant-value-large_4c84z_1dle6_243",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1dle6_275",
-  "variant-recovery": "awsui_variant-recovery_4c84z_1dle6_308",
-  "button": "awsui_button_4c84z_1dle6_341",
-  "color-inverted": "awsui_color-inverted_4c84z_1dle6_376",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_1dle6_394",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_1dle6_401",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1dle6_407",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1dle6_413",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1dle6_420",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1dle6_427",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1dle6_434",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_1dle6_441",
-  "font-size-inherit": "awsui_font-size-inherit_4c84z_1dle6_448",
-  "icon-wrapper": "awsui_icon-wrapper_4c84z_1dle6_456",
-  "icon": "awsui_icon_4c84z_1dle6_456"
+  "link": "awsui_link_4c84z_1dx4y_93",
+  "variant-secondary": "awsui_variant-secondary_4c84z_1dx4y_162",
+  "variant-primary": "awsui_variant-primary_4c84z_1dx4y_197",
+  "variant-info": "awsui_variant-info_4c84z_1dx4y_230",
+  "variant-value-large": "awsui_variant-value-large_4c84z_1dx4y_265",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1dx4y_297",
+  "variant-recovery": "awsui_variant-recovery_4c84z_1dx4y_330",
+  "button": "awsui_button_4c84z_1dx4y_363",
+  "color-inverted": "awsui_color-inverted_4c84z_1dx4y_398",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_1dx4y_416",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_1dx4y_423",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1dx4y_429",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1dx4y_435",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1dx4y_442",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1dx4y_449",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1dx4y_456",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_1dx4y_463",
+  "font-size-inherit": "awsui_font-size-inherit_4c84z_1dx4y_470",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_1dx4y_478",
+  "icon": "awsui_icon_4c84z_1dx4y_478"
 };
   

package/link/styles.scoped.css

@@ -90,19 +90,19 @@ 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_1dle6_93:not(#\9) {
-  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+.awsui_link_4c84z_1dx4y_93:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
+  box-sizing: border-box;
   caption-side: top;
   cursor: auto;
-  direction: ltr;
+  direction: inherit;
   empty-cells: show;
   font-family: serif;
   font-size: medium;
   font-style: normal;
   font-variant: normal;
-  font-weight: normal;
+  font-weight: 400;
   font-stretch: normal;
   line-height: normal;
   -webkit-hyphens: none;
@@ -111,15 +111,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   list-style: disc outside none;
   tab-size: 8;
   text-align: left;
-  text-align-last: auto;
   text-indent: 0;
   text-shadow: none;
   text-transform: none;
   visibility: visible;
   white-space: normal;
-  widows: 2;
   word-spacing: normal;
-  box-sizing: border-box;
   font-size: var(--font-size-body-m-x4okxb, 14px);
   line-height: var(--line-height-body-m-30ar75, 20px);
   color: var(--color-text-body-default-at06ol, #000716);
@@ -142,30 +139,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_1dle6_93:not(#\9) {
+  .awsui_link_4c84z_1dx4y_93:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1dle6_93:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1dle6_93:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1dx4y_93:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1dx4y_93:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1dle6_93:not(#\9):hover {
+.awsui_link_4c84z_1dx4y_93:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_link_4c84z_1dle6_93:not(#\9):focus {
+.awsui_link_4c84z_1dx4y_93:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1dle6_93:not(#\9):active {
+.awsui_link_4c84z_1dx4y_93:not(#\9):active {
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_link_4c84z_1dle6_93:not(#\9):active, .awsui_link_4c84z_1dle6_93:not(#\9):focus, .awsui_link_4c84z_1dle6_93:not(#\9):hover {
+.awsui_link_4c84z_1dx4y_93:not(#\9):active, .awsui_link_4c84z_1dx4y_93:not(#\9):focus, .awsui_link_4c84z_1dx4y_93:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1dle6_93.awsui_variant-secondary_4c84z_1dle6_140:not(#\9) {
+.awsui_link_4c84z_1dx4y_93.awsui_variant-secondary_4c84z_1dx4y_162:not(#\9) {
   -webkit-font-smoothing: inherit;
   -moz-osx-font-smoothing: inherit;
   color: var(--color-text-link-default-latg1a, #0972d3);
@@ -179,30 +176,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-nf6485, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1dle6_93.awsui_variant-secondary_4c84z_1dle6_140:not(#\9) {
+  .awsui_link_4c84z_1dx4y_93.awsui_variant-secondary_4c84z_1dx4y_162:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1dle6_93.awsui_variant-secondary_4c84z_1dle6_140:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1dle6_93.awsui_variant-secondary_4c84z_1dle6_140:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1dx4y_93.awsui_variant-secondary_4c84z_1dx4y_162:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1dx4y_93.awsui_variant-secondary_4c84z_1dx4y_162:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1dle6_93.awsui_variant-secondary_4c84z_1dle6_140:not(#\9):hover {
+.awsui_link_4c84z_1dx4y_93.awsui_variant-secondary_4c84z_1dx4y_162:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_link_4c84z_1dle6_93.awsui_variant-secondary_4c84z_1dle6_140:not(#\9):focus {
+.awsui_link_4c84z_1dx4y_93.awsui_variant-secondary_4c84z_1dx4y_162:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1dle6_93.awsui_variant-secondary_4c84z_1dle6_140:not(#\9):active {
+.awsui_link_4c84z_1dx4y_93.awsui_variant-secondary_4c84z_1dx4y_162:not(#\9):active {
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_link_4c84z_1dle6_93.awsui_variant-secondary_4c84z_1dle6_140:not(#\9):active, .awsui_link_4c84z_1dle6_93.awsui_variant-secondary_4c84z_1dle6_140:not(#\9):focus, .awsui_link_4c84z_1dle6_93.awsui_variant-secondary_4c84z_1dle6_140:not(#\9):hover {
+.awsui_link_4c84z_1dx4y_93.awsui_variant-secondary_4c84z_1dx4y_162:not(#\9):active, .awsui_link_4c84z_1dx4y_93.awsui_variant-secondary_4c84z_1dx4y_162:not(#\9):focus, .awsui_link_4c84z_1dx4y_93.awsui_variant-secondary_4c84z_1dx4y_162:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1dle6_93.awsui_variant-primary_4c84z_1dle6_175:not(#\9) {
+.awsui_link_4c84z_1dx4y_93.awsui_variant-primary_4c84z_1dx4y_197:not(#\9) {
   color: var(--color-text-link-default-latg1a, #0972d3);
   font-weight: inherit;
   letter-spacing: normal;
@@ -214,30 +211,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-nf6485, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1dle6_93.awsui_variant-primary_4c84z_1dle6_175:not(#\9) {
+  .awsui_link_4c84z_1dx4y_93.awsui_variant-primary_4c84z_1dx4y_197:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1dle6_93.awsui_variant-primary_4c84z_1dle6_175:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1dle6_93.awsui_variant-primary_4c84z_1dle6_175:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1dx4y_93.awsui_variant-primary_4c84z_1dx4y_197:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1dx4y_93.awsui_variant-primary_4c84z_1dx4y_197:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1dle6_93.awsui_variant-primary_4c84z_1dle6_175:not(#\9):hover {
+.awsui_link_4c84z_1dx4y_93.awsui_variant-primary_4c84z_1dx4y_197:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_link_4c84z_1dle6_93.awsui_variant-primary_4c84z_1dle6_175:not(#\9):focus {
+.awsui_link_4c84z_1dx4y_93.awsui_variant-primary_4c84z_1dx4y_197:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1dle6_93.awsui_variant-primary_4c84z_1dle6_175:not(#\9):active {
+.awsui_link_4c84z_1dx4y_93.awsui_variant-primary_4c84z_1dx4y_197:not(#\9):active {
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_link_4c84z_1dle6_93.awsui_variant-primary_4c84z_1dle6_175:not(#\9):active, .awsui_link_4c84z_1dle6_93.awsui_variant-primary_4c84z_1dle6_175:not(#\9):focus, .awsui_link_4c84z_1dle6_93.awsui_variant-primary_4c84z_1dle6_175:not(#\9):hover {
+.awsui_link_4c84z_1dx4y_93.awsui_variant-primary_4c84z_1dx4y_197:not(#\9):active, .awsui_link_4c84z_1dx4y_93.awsui_variant-primary_4c84z_1dx4y_197:not(#\9):focus, .awsui_link_4c84z_1dx4y_93.awsui_variant-primary_4c84z_1dx4y_197:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1dle6_93.awsui_variant-info_4c84z_1dle6_208:not(#\9) {
+.awsui_link_4c84z_1dx4y_93.awsui_variant-info_4c84z_1dx4y_230:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
   color: var(--color-text-link-default-latg1a, #0972d3);
@@ -251,30 +248,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-nf6485, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1dle6_93.awsui_variant-info_4c84z_1dle6_208:not(#\9) {
+  .awsui_link_4c84z_1dx4y_93.awsui_variant-info_4c84z_1dx4y_230:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1dle6_93.awsui_variant-info_4c84z_1dle6_208:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1dle6_93.awsui_variant-info_4c84z_1dle6_208:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1dx4y_93.awsui_variant-info_4c84z_1dx4y_230:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1dx4y_93.awsui_variant-info_4c84z_1dx4y_230:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1dle6_93.awsui_variant-info_4c84z_1dle6_208:not(#\9):hover {
+.awsui_link_4c84z_1dx4y_93.awsui_variant-info_4c84z_1dx4y_230:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_link_4c84z_1dle6_93.awsui_variant-info_4c84z_1dle6_208:not(#\9):focus {
+.awsui_link_4c84z_1dx4y_93.awsui_variant-info_4c84z_1dx4y_230:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1dle6_93.awsui_variant-info_4c84z_1dle6_208:not(#\9):active {
+.awsui_link_4c84z_1dx4y_93.awsui_variant-info_4c84z_1dx4y_230:not(#\9):active {
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_link_4c84z_1dle6_93.awsui_variant-info_4c84z_1dle6_208:not(#\9):active, .awsui_link_4c84z_1dle6_93.awsui_variant-info_4c84z_1dle6_208:not(#\9):focus, .awsui_link_4c84z_1dle6_93.awsui_variant-info_4c84z_1dle6_208:not(#\9):hover {
+.awsui_link_4c84z_1dx4y_93.awsui_variant-info_4c84z_1dx4y_230:not(#\9):active, .awsui_link_4c84z_1dx4y_93.awsui_variant-info_4c84z_1dx4y_230:not(#\9):focus, .awsui_link_4c84z_1dx4y_93.awsui_variant-info_4c84z_1dx4y_230:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-button-underline-hover-gyir88, transparent);
 }
-.awsui_link_4c84z_1dle6_93.awsui_variant-value-large_4c84z_1dle6_243:not(#\9) {
+.awsui_link_4c84z_1dx4y_93.awsui_variant-value-large_4c84z_1dx4y_265:not(#\9) {
   color: var(--color-text-link-default-latg1a, #0972d3);
   font-weight: var(--font-box-value-large-weight-onoq9k, 700);
   text-decoration-line: underline;
@@ -285,30 +282,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-nf6485, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1dle6_93.awsui_variant-value-large_4c84z_1dle6_243:not(#\9) {
+  .awsui_link_4c84z_1dx4y_93.awsui_variant-value-large_4c84z_1dx4y_265:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1dle6_93.awsui_variant-value-large_4c84z_1dle6_243:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1dle6_93.awsui_variant-value-large_4c84z_1dle6_243:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1dx4y_93.awsui_variant-value-large_4c84z_1dx4y_265:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1dx4y_93.awsui_variant-value-large_4c84z_1dx4y_265:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1dle6_93.awsui_variant-value-large_4c84z_1dle6_243:not(#\9):hover {
+.awsui_link_4c84z_1dx4y_93.awsui_variant-value-large_4c84z_1dx4y_265:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_link_4c84z_1dle6_93.awsui_variant-value-large_4c84z_1dle6_243:not(#\9):focus {
+.awsui_link_4c84z_1dx4y_93.awsui_variant-value-large_4c84z_1dx4y_265:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1dle6_93.awsui_variant-value-large_4c84z_1dle6_243:not(#\9):active {
+.awsui_link_4c84z_1dx4y_93.awsui_variant-value-large_4c84z_1dx4y_265:not(#\9):active {
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_link_4c84z_1dle6_93.awsui_variant-value-large_4c84z_1dle6_243:not(#\9):active, .awsui_link_4c84z_1dle6_93.awsui_variant-value-large_4c84z_1dle6_243:not(#\9):focus, .awsui_link_4c84z_1dle6_93.awsui_variant-value-large_4c84z_1dle6_243:not(#\9):hover {
+.awsui_link_4c84z_1dx4y_93.awsui_variant-value-large_4c84z_1dx4y_265:not(#\9):active, .awsui_link_4c84z_1dx4y_93.awsui_variant-value-large_4c84z_1dx4y_265:not(#\9):focus, .awsui_link_4c84z_1dx4y_93.awsui_variant-value-large_4c84z_1dx4y_265:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1dle6_93.awsui_variant-top-navigation_4c84z_1dle6_275:not(#\9) {
+.awsui_link_4c84z_1dx4y_93.awsui_variant-top-navigation_4c84z_1dx4y_297:not(#\9) {
   color: var(--color-text-interactive-default-lnx6lk, #414d5c);
   font-weight: 700;
   letter-spacing: 0.005em;
@@ -320,30 +317,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-nf6485, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1dle6_93.awsui_variant-top-navigation_4c84z_1dle6_275:not(#\9) {
+  .awsui_link_4c84z_1dx4y_93.awsui_variant-top-navigation_4c84z_1dx4y_297:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1dle6_93.awsui_variant-top-navigation_4c84z_1dle6_275:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1dle6_93.awsui_variant-top-navigation_4c84z_1dle6_275:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1dx4y_93.awsui_variant-top-navigation_4c84z_1dx4y_297:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1dx4y_93.awsui_variant-top-navigation_4c84z_1dx4y_297:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1dle6_93.awsui_variant-top-navigation_4c84z_1dle6_275:not(#\9):hover {
+.awsui_link_4c84z_1dx4y_93.awsui_variant-top-navigation_4c84z_1dx4y_297:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-interactive-hover-mj8add, #000716);
 }
-.awsui_link_4c84z_1dle6_93.awsui_variant-top-navigation_4c84z_1dle6_275:not(#\9):focus {
+.awsui_link_4c84z_1dx4y_93.awsui_variant-top-navigation_4c84z_1dx4y_297:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1dle6_93.awsui_variant-top-navigation_4c84z_1dle6_275:not(#\9):active {
+.awsui_link_4c84z_1dx4y_93.awsui_variant-top-navigation_4c84z_1dx4y_297:not(#\9):active {
   color: var(--color-text-interactive-active-ox3ozh, #000716);
 }
-.awsui_link_4c84z_1dle6_93.awsui_variant-top-navigation_4c84z_1dle6_275:not(#\9):active, .awsui_link_4c84z_1dle6_93.awsui_variant-top-navigation_4c84z_1dle6_275:not(#\9):focus, .awsui_link_4c84z_1dle6_93.awsui_variant-top-navigation_4c84z_1dle6_275:not(#\9):hover {
+.awsui_link_4c84z_1dx4y_93.awsui_variant-top-navigation_4c84z_1dx4y_297:not(#\9):active, .awsui_link_4c84z_1dx4y_93.awsui_variant-top-navigation_4c84z_1dx4y_297:not(#\9):focus, .awsui_link_4c84z_1dx4y_93.awsui_variant-top-navigation_4c84z_1dx4y_297:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_1dle6_93.awsui_variant-recovery_4c84z_1dle6_308:not(#\9) {
+.awsui_link_4c84z_1dx4y_93.awsui_variant-recovery_4c84z_1dx4y_330:not(#\9) {
   color: var(--color-text-link-default-latg1a, #0972d3);
   font-weight: var(--font-link-button-weight-jephf1, 700);
   letter-spacing: var(--font-link-button-letter-spacing-yi9f0l, 0.005em);
@@ -355,30 +352,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-nf6485, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1dle6_93.awsui_variant-recovery_4c84z_1dle6_308:not(#\9) {
+  .awsui_link_4c84z_1dx4y_93.awsui_variant-recovery_4c84z_1dx4y_330:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1dle6_93.awsui_variant-recovery_4c84z_1dle6_308:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1dle6_93.awsui_variant-recovery_4c84z_1dle6_308:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1dx4y_93.awsui_variant-recovery_4c84z_1dx4y_330:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1dx4y_93.awsui_variant-recovery_4c84z_1dx4y_330:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1dle6_93.awsui_variant-recovery_4c84z_1dle6_308:not(#\9):hover {
+.awsui_link_4c84z_1dx4y_93.awsui_variant-recovery_4c84z_1dx4y_330:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_link_4c84z_1dle6_93.awsui_variant-recovery_4c84z_1dle6_308:not(#\9):focus {
+.awsui_link_4c84z_1dx4y_93.awsui_variant-recovery_4c84z_1dx4y_330:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1dle6_93.awsui_variant-recovery_4c84z_1dle6_308:not(#\9):active {
+.awsui_link_4c84z_1dx4y_93.awsui_variant-recovery_4c84z_1dx4y_330:not(#\9):active {
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_link_4c84z_1dle6_93.awsui_variant-recovery_4c84z_1dle6_308:not(#\9):active, .awsui_link_4c84z_1dle6_93.awsui_variant-recovery_4c84z_1dle6_308:not(#\9):focus, .awsui_link_4c84z_1dle6_93.awsui_variant-recovery_4c84z_1dle6_308:not(#\9):hover {
+.awsui_link_4c84z_1dx4y_93.awsui_variant-recovery_4c84z_1dx4y_330:not(#\9):active, .awsui_link_4c84z_1dx4y_93.awsui_variant-recovery_4c84z_1dx4y_330:not(#\9):focus, .awsui_link_4c84z_1dx4y_93.awsui_variant-recovery_4c84z_1dx4y_330:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-button-underline-hover-gyir88, transparent);
 }
-.awsui_link_4c84z_1dle6_93.awsui_button_4c84z_1dle6_341:not(#\9) {
+.awsui_link_4c84z_1dx4y_93.awsui_button_4c84z_1dx4y_363:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
   color: var(--color-text-link-button-normal-default-px6yl8, #0972d3);
@@ -392,40 +389,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-nf6485, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_link_4c84z_1dle6_93.awsui_button_4c84z_1dle6_341:not(#\9) {
+  .awsui_link_4c84z_1dx4y_93.awsui_button_4c84z_1dx4y_363:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_1dle6_93.awsui_button_4c84z_1dle6_341:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1dle6_93.awsui_button_4c84z_1dle6_341:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_1dx4y_93.awsui_button_4c84z_1dx4y_363:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1dx4y_93.awsui_button_4c84z_1dx4y_363:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_1dle6_93.awsui_button_4c84z_1dle6_341:not(#\9):hover {
+.awsui_link_4c84z_1dx4y_93.awsui_button_4c84z_1dx4y_363:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-button-normal-hover-4psj43, #033160);
 }
-.awsui_link_4c84z_1dle6_93.awsui_button_4c84z_1dle6_341:not(#\9):focus {
+.awsui_link_4c84z_1dx4y_93.awsui_button_4c84z_1dx4y_363:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_1dle6_93.awsui_button_4c84z_1dle6_341:not(#\9):active {
+.awsui_link_4c84z_1dx4y_93.awsui_button_4c84z_1dx4y_363:not(#\9):active {
   color: var(--color-text-link-button-normal-active-pv8vqs, #033160);
 }
-.awsui_link_4c84z_1dle6_93.awsui_button_4c84z_1dle6_341:not(#\9):active, .awsui_link_4c84z_1dle6_93.awsui_button_4c84z_1dle6_341:not(#\9):focus, .awsui_link_4c84z_1dle6_93.awsui_button_4c84z_1dle6_341:not(#\9):hover {
+.awsui_link_4c84z_1dx4y_93.awsui_button_4c84z_1dx4y_363:not(#\9):active, .awsui_link_4c84z_1dx4y_93.awsui_button_4c84z_1dx4y_363:not(#\9):focus, .awsui_link_4c84z_1dx4y_93.awsui_button_4c84z_1dx4y_363:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_1dle6_93.awsui_color-inverted_4c84z_1dle6_376:not(#\9) {
+.awsui_link_4c84z_1dx4y_93.awsui_color-inverted_4c84z_1dx4y_398:not(#\9) {
   color: var(--color-text-notification-default-rdawv9, #fbfbfb);
 }
-.awsui_link_4c84z_1dle6_93.awsui_color-inverted_4c84z_1dle6_376:not(#\9):not(.awsui_button_4c84z_1dle6_341) {
+.awsui_link_4c84z_1dx4y_93.awsui_color-inverted_4c84z_1dx4y_398:not(#\9):not(.awsui_button_4c84z_1dx4y_363) {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_1dle6_93.awsui_color-inverted_4c84z_1dle6_376:not(#\9):hover {
+.awsui_link_4c84z_1dx4y_93.awsui_color-inverted_4c84z_1dx4y_398:not(#\9):hover {
   color: var(--color-text-link-inverted-hover-09cw7h, #ffffff);
 }
-body[data-awsui-focus-visible=true] .awsui_link_4c84z_1dle6_93:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_link_4c84z_1dx4y_93:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-kkfop6, 0);
   outline-offset: 2px;
@@ -433,61 +430,61 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1dle6_93:not(#\9):focus {
   border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_link_4c84z_1dle6_93.awsui_font-size-body-s_4c84z_1dle6_394:not(#\9) {
+.awsui_link_4c84z_1dx4y_93.awsui_font-size-body-s_4c84z_1dx4y_416:not(#\9) {
   font-size: var(--font-size-body-s-asqx2i, 12px);
   line-height: var(--line-height-body-s-7zv1j5, 16px);
   letter-spacing: var(--letter-spacing-body-s-z9jkwp, 0.005em);
   text-underline-offset: 0.3em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1dle6_93.awsui_font-size-body-m_4c84z_1dle6_401:not(#\9) {
+.awsui_link_4c84z_1dx4y_93.awsui_font-size-body-m_4c84z_1dx4y_423:not(#\9) {
   font-size: var(--font-size-body-m-x4okxb, 14px);
   line-height: var(--line-height-body-m-30ar75, 20px);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1dle6_93.awsui_font-size-heading-xs_4c84z_1dle6_407:not(#\9) {
+.awsui_link_4c84z_1dx4y_93.awsui_font-size-heading-xs_4c84z_1dx4y_429:not(#\9) {
   font-size: var(--font-size-heading-xs-wo4hpf, 14px);
   line-height: var(--line-height-heading-xs-aeleja, 18px);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1dle6_93.awsui_font-size-heading-s_4c84z_1dle6_413:not(#\9) {
+.awsui_link_4c84z_1dx4y_93.awsui_font-size-heading-s_4c84z_1dx4y_435:not(#\9) {
   font-size: var(--font-size-heading-s-yykzif, 16px);
   line-height: var(--line-height-heading-s-4i6ewn, 20px);
   letter-spacing: var(--letter-spacing-heading-s-jr3mor, -0.005em);
   text-underline-offset: 0.3em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1dle6_93.awsui_font-size-heading-m_4c84z_1dle6_420:not(#\9) {
+.awsui_link_4c84z_1dx4y_93.awsui_font-size-heading-m_4c84z_1dx4y_442:not(#\9) {
   font-size: var(--font-size-heading-m-sjd256, 18px);
   line-height: var(--line-height-heading-m-50evfk, 22px);
   letter-spacing: var(--letter-spacing-heading-m-0w575i, -0.01em);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1dle6_93.awsui_font-size-heading-l_4c84z_1dle6_427:not(#\9) {
+.awsui_link_4c84z_1dx4y_93.awsui_font-size-heading-l_4c84z_1dx4y_449:not(#\9) {
   font-size: var(--font-size-heading-l-ou0d0l, 20px);
   line-height: var(--line-height-heading-l-mmm3my, 24px);
   letter-spacing: var(--letter-spacing-heading-l-qqjd4y, -0.015em);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1dle6_93.awsui_font-size-heading-xl_4c84z_1dle6_434:not(#\9) {
+.awsui_link_4c84z_1dx4y_93.awsui_font-size-heading-xl_4c84z_1dx4y_456:not(#\9) {
   font-size: var(--font-size-heading-xl-ypc05a, 24px);
   line-height: var(--line-height-heading-xl-avbttk, 30px);
   letter-spacing: var(--letter-spacing-heading-xl-sagq9c, -0.02em);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_1dle6_93.awsui_font-size-display-l_4c84z_1dle6_441:not(#\9) {
+.awsui_link_4c84z_1dx4y_93.awsui_font-size-display-l_4c84z_1dx4y_463:not(#\9) {
   font-size: var(--font-size-display-l-htkq3e, 42px);
   line-height: var(--line-height-display-l-8nioft, 48px);
   letter-spacing: var(--letter-spacing-display-l-9cigop, -0.03em);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 2px;
 }
-.awsui_link_4c84z_1dle6_93.awsui_font-size-inherit_4c84z_1dle6_448:not(#\9) {
+.awsui_link_4c84z_1dx4y_93.awsui_font-size-inherit_4c84z_1dx4y_470:not(#\9) {
   font-size: inherit;
   line-height: inherit;
   letter-spacing: inherit;
@@ -495,10 +492,10 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1dle6_93:not(#\9):focus {
   text-decoration-thickness: 1px;
 }
 
-.awsui_icon-wrapper_4c84z_1dle6_456:not(#\9) {
+.awsui_icon-wrapper_4c84z_1dx4y_478:not(#\9) {
   white-space: nowrap;
 }
 
-.awsui_icon_4c84z_1dle6_456:not(#\9) {
+.awsui_icon_4c84z_1dx4y_478:not(#\9) {
   display: inline-block;
 }

package/link/styles.selectors.js

@@ -2,25 +2,25 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "link": "awsui_link_4c84z_1dle6_93",
-  "variant-secondary": "awsui_variant-secondary_4c84z_1dle6_140",
-  "variant-primary": "awsui_variant-primary_4c84z_1dle6_175",
-  "variant-info": "awsui_variant-info_4c84z_1dle6_208",
-  "variant-value-large": "awsui_variant-value-large_4c84z_1dle6_243",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1dle6_275",
-  "variant-recovery": "awsui_variant-recovery_4c84z_1dle6_308",
-  "button": "awsui_button_4c84z_1dle6_341",
-  "color-inverted": "awsui_color-inverted_4c84z_1dle6_376",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_1dle6_394",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_1dle6_401",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1dle6_407",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1dle6_413",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1dle6_420",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1dle6_427",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1dle6_434",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_1dle6_441",
-  "font-size-inherit": "awsui_font-size-inherit_4c84z_1dle6_448",
-  "icon-wrapper": "awsui_icon-wrapper_4c84z_1dle6_456",
-  "icon": "awsui_icon_4c84z_1dle6_456"
+  "link": "awsui_link_4c84z_1dx4y_93",
+  "variant-secondary": "awsui_variant-secondary_4c84z_1dx4y_162",
+  "variant-primary": "awsui_variant-primary_4c84z_1dx4y_197",
+  "variant-info": "awsui_variant-info_4c84z_1dx4y_230",
+  "variant-value-large": "awsui_variant-value-large_4c84z_1dx4y_265",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1dx4y_297",
+  "variant-recovery": "awsui_variant-recovery_4c84z_1dx4y_330",
+  "button": "awsui_button_4c84z_1dx4y_363",
+  "color-inverted": "awsui_color-inverted_4c84z_1dx4y_398",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_1dx4y_416",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_1dx4y_423",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1dx4y_429",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1dx4y_435",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1dx4y_442",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1dx4y_449",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1dx4y_456",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_1dx4y_463",
+  "font-size-inherit": "awsui_font-size-inherit_4c84z_1dx4y_470",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_1dx4y_478",
+  "icon": "awsui_icon_4c84z_1dx4y_478"
 };