@cloudscape-design/components 3.0.631 → 3.0.633

package/internal/components/options-list/utils/use-keyboard.js

@@ -4,16 +4,16 @@ import { useCallback } from 'react';
 import { KeyCode } from '../../../keycode';
 const HOME = 36;
 const END = 35;
-export const useMenuKeyboard = ({ moveHighlight, selectOption, goHome, goEnd, closeDropdown, preventNativeSpace = false, }) => {
+export const useMenuKeyboard = ({ goUp, goDown, selectOption, goHome, goEnd, closeDropdown, preventNativeSpace = false, }) => {
     return useCallback((e) => {
         switch (e.detail.keyCode) {
             case KeyCode.up:
                 e.preventDefault();
-                moveHighlight(-1);
+                goUp();
                 break;
             case KeyCode.down:
                 e.preventDefault();
-                moveHighlight(1);
+                goDown();
                 break;
             case HOME:
                 goHome();
@@ -35,7 +35,7 @@ export const useMenuKeyboard = ({ moveHighlight, selectOption, goHome, goEnd, cl
                     selectOption();
                 }
         }
-    }, [moveHighlight, selectOption, goHome, goEnd, closeDropdown, preventNativeSpace]);
+    }, [selectOption, goHome, goEnd, closeDropdown, preventNativeSpace, goUp, goDown]);
 };
 export const useTriggerKeyboard = ({ openDropdown, goHome }) => {
     return useCallback((e) => {

package/internal/components/options-list/utils/use-keyboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-keyboard.js","sourceRoot":"","sources":["../../../../../../src/internal/components/options-list/utils/use-keyboard.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAG3C,MAAM,IAAI,GAAG,EAAE,CAAC;AAChB,MAAM,GAAG,GAAG,EAAE,CAAC;AAaf,MAAM,CAAC,MAAM,eAAe,GAAoB,CAAC,EAC/C,aAAa,EACb,YAAY,EACZ,MAAM,EACN,KAAK,EACL,aAAa,EACb,kBAAkB,GAAG,KAAK,GAC3B,EAAE,EAAE;IACH,OAAO,WAAW,CAChB,CAAC,CAA6B,EAAE,EAAE;QAChC,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE;YACxB,KAAK,OAAO,CAAC,EAAE;gBACb,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;gBAClB,MAAM;YACR,KAAK,OAAO,CAAC,IAAI;gBACf,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,aAAa,CAAC,CAAC,CAAC,CAAC;gBACjB,MAAM;YACR,KAAK,IAAI;gBACP,MAAM,EAAE,CAAC;gBACT,MAAM;YACR,KAAK,GAAG;gBACN,KAAK,EAAE,CAAC;gBACR,MAAM;YACR,KAAK,OAAO,CAAC,MAAM;gBACjB,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,aAAa,EAAE,CAAC;gBAChB,MAAM;YACR,KAAK,OAAO,CAAC,KAAK;gBAChB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,YAAY,EAAE,CAAC;gBACf,MAAM;YACR,KAAK,OAAO,CAAC,KAAK;gBAChB,IAAI,kBAAkB,EAAE;oBACtB,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,YAAY,EAAE,CAAC;iBAChB;SACJ;IACH,CAAC,EACD,CAAC,aAAa,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,kBAAkB,CAAC,CAChF,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,kBAAkB,GAAuB,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,EAAE;IACjF,OAAO,WAAW,CAChB,CAAC,CAA6B,EAAE,EAAE;QAChC,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE;YACxB,KAAK,OAAO,CAAC,EAAE,CAAC;YAChB,KAAK,OAAO,CAAC,IAAI;gBACf,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,MAAM,EAAE,CAAC;gBACT,YAAY,EAAE,CAAC;gBACf,MAAM;YACR,KAAK,OAAO,CAAC,KAAK,CAAC;YACnB,KAAK,OAAO,CAAC,KAAK;gBAChB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,YAAY,EAAE,CAAC;gBACf,MAAM;SACT;IACH,CAAC,EACD,CAAC,YAAY,EAAE,MAAM,CAAC,CACvB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useCallback } from 'react';\nimport { KeyCode } from '../../../keycode';\nimport { BaseKeyDetail, CancelableEventHandler } from '../../../events';\n\nconst HOME = 36;\nconst END = 35;\n\ninterface UseMenuKeyboard {\n  (inputProps: {\n    moveHighlight: (direction: -1 | 1, startIndex?: number) => void;\n    selectOption: () => void;\n    goHome: () => void;\n    goEnd: () => void;\n    closeDropdown: () => void;\n    preventNativeSpace?: boolean;\n  }): CancelableEventHandler<BaseKeyDetail>;\n}\n\nexport const useMenuKeyboard: UseMenuKeyboard = ({\n  moveHighlight,\n  selectOption,\n  goHome,\n  goEnd,\n  closeDropdown,\n  preventNativeSpace = false,\n}) => {\n  return useCallback(\n    (e: CustomEvent<BaseKeyDetail>) => {\n      switch (e.detail.keyCode) {\n        case KeyCode.up:\n          e.preventDefault();\n          moveHighlight(-1);\n          break;\n        case KeyCode.down:\n          e.preventDefault();\n          moveHighlight(1);\n          break;\n        case HOME:\n          goHome();\n          break;\n        case END:\n          goEnd();\n          break;\n        case KeyCode.escape:\n          e.stopPropagation();\n          closeDropdown();\n          break;\n        case KeyCode.enter:\n          e.preventDefault();\n          selectOption();\n          break;\n        case KeyCode.space:\n          if (preventNativeSpace) {\n            e.preventDefault();\n            selectOption();\n          }\n      }\n    },\n    [moveHighlight, selectOption, goHome, goEnd, closeDropdown, preventNativeSpace]\n  );\n};\n\ninterface UseTriggerKeyboard {\n  (inputProps: { openDropdown: () => void; goHome: () => void }): CancelableEventHandler<BaseKeyDetail>;\n}\n\nexport const useTriggerKeyboard: UseTriggerKeyboard = ({ openDropdown, goHome }) => {\n  return useCallback(\n    (e: CustomEvent<BaseKeyDetail>) => {\n      switch (e.detail.keyCode) {\n        case KeyCode.up:\n        case KeyCode.down:\n          e.preventDefault();\n          goHome();\n          openDropdown();\n          break;\n        case KeyCode.space:\n        case KeyCode.enter:\n          e.preventDefault();\n          openDropdown();\n          break;\n      }\n    },\n    [openDropdown, goHome]\n  );\n};\n"]}
+{"version":3,"file":"use-keyboard.js","sourceRoot":"","sources":["../../../../../../src/internal/components/options-list/utils/use-keyboard.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAG3C,MAAM,IAAI,GAAG,EAAE,CAAC;AAChB,MAAM,GAAG,GAAG,EAAE,CAAC;AAcf,MAAM,CAAC,MAAM,eAAe,GAAoB,CAAC,EAC/C,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,MAAM,EACN,KAAK,EACL,aAAa,EACb,kBAAkB,GAAG,KAAK,GAC3B,EAAE,EAAE;IACH,OAAO,WAAW,CAChB,CAAC,CAA6B,EAAE,EAAE;QAChC,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE;YACxB,KAAK,OAAO,CAAC,EAAE;gBACb,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,EAAE,CAAC;gBACP,MAAM;YACR,KAAK,OAAO,CAAC,IAAI;gBACf,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,MAAM,EAAE,CAAC;gBACT,MAAM;YACR,KAAK,IAAI;gBACP,MAAM,EAAE,CAAC;gBACT,MAAM;YACR,KAAK,GAAG;gBACN,KAAK,EAAE,CAAC;gBACR,MAAM;YACR,KAAK,OAAO,CAAC,MAAM;gBACjB,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,aAAa,EAAE,CAAC;gBAChB,MAAM;YACR,KAAK,OAAO,CAAC,KAAK;gBAChB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,YAAY,EAAE,CAAC;gBACf,MAAM;YACR,KAAK,OAAO,CAAC,KAAK;gBAChB,IAAI,kBAAkB,EAAE;oBACtB,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,YAAY,EAAE,CAAC;iBAChB;SACJ;IACH,CAAC,EACD,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,IAAI,EAAE,MAAM,CAAC,CAC/E,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,kBAAkB,GAAuB,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,EAAE;IACjF,OAAO,WAAW,CAChB,CAAC,CAA6B,EAAE,EAAE;QAChC,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE;YACxB,KAAK,OAAO,CAAC,EAAE,CAAC;YAChB,KAAK,OAAO,CAAC,IAAI;gBACf,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,MAAM,EAAE,CAAC;gBACT,YAAY,EAAE,CAAC;gBACf,MAAM;YACR,KAAK,OAAO,CAAC,KAAK,CAAC;YACnB,KAAK,OAAO,CAAC,KAAK;gBAChB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,YAAY,EAAE,CAAC;gBACf,MAAM;SACT;IACH,CAAC,EACD,CAAC,YAAY,EAAE,MAAM,CAAC,CACvB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useCallback } from 'react';\nimport { KeyCode } from '../../../keycode';\nimport { BaseKeyDetail, CancelableEventHandler } from '../../../events';\n\nconst HOME = 36;\nconst END = 35;\n\ninterface UseMenuKeyboard {\n  (inputProps: {\n    goUp: () => void;\n    goDown: () => void;\n    selectOption: () => void;\n    goHome: () => void;\n    goEnd: () => void;\n    closeDropdown: () => void;\n    preventNativeSpace?: boolean;\n  }): CancelableEventHandler<BaseKeyDetail>;\n}\n\nexport const useMenuKeyboard: UseMenuKeyboard = ({\n  goUp,\n  goDown,\n  selectOption,\n  goHome,\n  goEnd,\n  closeDropdown,\n  preventNativeSpace = false,\n}) => {\n  return useCallback(\n    (e: CustomEvent<BaseKeyDetail>) => {\n      switch (e.detail.keyCode) {\n        case KeyCode.up:\n          e.preventDefault();\n          goUp();\n          break;\n        case KeyCode.down:\n          e.preventDefault();\n          goDown();\n          break;\n        case HOME:\n          goHome();\n          break;\n        case END:\n          goEnd();\n          break;\n        case KeyCode.escape:\n          e.stopPropagation();\n          closeDropdown();\n          break;\n        case KeyCode.enter:\n          e.preventDefault();\n          selectOption();\n          break;\n        case KeyCode.space:\n          if (preventNativeSpace) {\n            e.preventDefault();\n            selectOption();\n          }\n      }\n    },\n    [selectOption, goHome, goEnd, closeDropdown, preventNativeSpace, goUp, goDown]\n  );\n};\n\ninterface UseTriggerKeyboard {\n  (inputProps: { openDropdown: () => void; goHome: () => void }): CancelableEventHandler<BaseKeyDetail>;\n}\n\nexport const useTriggerKeyboard: UseTriggerKeyboard = ({ openDropdown, goHome }) => {\n  return useCallback(\n    (e: CustomEvent<BaseKeyDetail>) => {\n      switch (e.detail.keyCode) {\n        case KeyCode.up:\n        case KeyCode.down:\n          e.preventDefault();\n          goHome();\n          openDropdown();\n          break;\n        case KeyCode.space:\n        case KeyCode.enter:\n          e.preventDefault();\n          openDropdown();\n          break;\n      }\n    },\n    [openDropdown, goHome]\n  );\n};\n"]}

package/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (146ad6da)";
+export var PACKAGE_VERSION = "3.0.0 (536f5f46)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (146ad6da)",
+  "PACKAGE_VERSION": "3.0.0 (536f5f46)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "146ad6da298bc75ef27cb009ac73abfeb3e4dc1f"
+  "commit": "536f5f46c63f2943d17a2e75f14fefe69e4f2c3c"
 }

package/link/styles.css.js

@@ -1,25 +1,25 @@
 
     import './styles.scoped.css';
     export default {
-  "link": "awsui_link_4c84z_i6aqa_99",
-  "variant-secondary": "awsui_variant-secondary_4c84z_i6aqa_168",
-  "variant-primary": "awsui_variant-primary_4c84z_i6aqa_203",
-  "variant-info": "awsui_variant-info_4c84z_i6aqa_236",
-  "variant-value-large": "awsui_variant-value-large_4c84z_i6aqa_271",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_i6aqa_303",
-  "variant-recovery": "awsui_variant-recovery_4c84z_i6aqa_336",
-  "button": "awsui_button_4c84z_i6aqa_369",
-  "color-inverted": "awsui_color-inverted_4c84z_i6aqa_404",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_i6aqa_425",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_i6aqa_432",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_i6aqa_438",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_i6aqa_444",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_i6aqa_451",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_i6aqa_458",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_i6aqa_465",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_i6aqa_472",
-  "font-size-inherit": "awsui_font-size-inherit_4c84z_i6aqa_479",
-  "icon-wrapper": "awsui_icon-wrapper_4c84z_i6aqa_491",
-  "icon": "awsui_icon_4c84z_i6aqa_491"
+  "link": "awsui_link_4c84z_e7dbz_99",
+  "variant-secondary": "awsui_variant-secondary_4c84z_e7dbz_168",
+  "variant-primary": "awsui_variant-primary_4c84z_e7dbz_203",
+  "variant-info": "awsui_variant-info_4c84z_e7dbz_236",
+  "variant-value-large": "awsui_variant-value-large_4c84z_e7dbz_271",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_e7dbz_303",
+  "variant-recovery": "awsui_variant-recovery_4c84z_e7dbz_336",
+  "button": "awsui_button_4c84z_e7dbz_369",
+  "color-inverted": "awsui_color-inverted_4c84z_e7dbz_404",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_e7dbz_425",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_e7dbz_432",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_e7dbz_438",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_e7dbz_444",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_e7dbz_451",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_e7dbz_458",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_e7dbz_465",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_e7dbz_472",
+  "font-size-inherit": "awsui_font-size-inherit_4c84z_e7dbz_479",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_e7dbz_487",
+  "icon": "awsui_icon_4c84z_e7dbz_487"
 };
   

package/link/styles.scoped.css

@@ -96,7 +96,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_i6aqa_99:not(#\9) {
+.awsui_link_4c84z_e7dbz_99:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -145,30 +145,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_i6aqa_99:not(#\9) {
+  .awsui_link_4c84z_e7dbz_99:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_i6aqa_99:not(#\9), .awsui-mode-entering .awsui_link_4c84z_i6aqa_99:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_e7dbz_99:not(#\9), .awsui-mode-entering .awsui_link_4c84z_e7dbz_99:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_i6aqa_99:not(#\9):hover {
+.awsui_link_4c84z_e7dbz_99:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_link_4c84z_i6aqa_99:not(#\9):focus {
+.awsui_link_4c84z_e7dbz_99:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_i6aqa_99:not(#\9):active {
+.awsui_link_4c84z_e7dbz_99:not(#\9):active {
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_link_4c84z_i6aqa_99:not(#\9):active, .awsui_link_4c84z_i6aqa_99:not(#\9):focus, .awsui_link_4c84z_i6aqa_99:not(#\9):hover {
+.awsui_link_4c84z_e7dbz_99:not(#\9):active, .awsui_link_4c84z_e7dbz_99:not(#\9):focus, .awsui_link_4c84z_e7dbz_99:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_i6aqa_99.awsui_variant-secondary_4c84z_i6aqa_168:not(#\9) {
+.awsui_link_4c84z_e7dbz_99.awsui_variant-secondary_4c84z_e7dbz_168:not(#\9) {
   -webkit-font-smoothing: inherit;
   -moz-osx-font-smoothing: inherit;
   color: var(--color-text-link-default-latg1a, #0972d3);
@@ -182,30 +182,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_i6aqa_99.awsui_variant-secondary_4c84z_i6aqa_168:not(#\9) {
+  .awsui_link_4c84z_e7dbz_99.awsui_variant-secondary_4c84z_e7dbz_168:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_i6aqa_99.awsui_variant-secondary_4c84z_i6aqa_168:not(#\9), .awsui-mode-entering .awsui_link_4c84z_i6aqa_99.awsui_variant-secondary_4c84z_i6aqa_168:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_e7dbz_99.awsui_variant-secondary_4c84z_e7dbz_168:not(#\9), .awsui-mode-entering .awsui_link_4c84z_e7dbz_99.awsui_variant-secondary_4c84z_e7dbz_168:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_i6aqa_99.awsui_variant-secondary_4c84z_i6aqa_168:not(#\9):hover {
+.awsui_link_4c84z_e7dbz_99.awsui_variant-secondary_4c84z_e7dbz_168:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_link_4c84z_i6aqa_99.awsui_variant-secondary_4c84z_i6aqa_168:not(#\9):focus {
+.awsui_link_4c84z_e7dbz_99.awsui_variant-secondary_4c84z_e7dbz_168:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_i6aqa_99.awsui_variant-secondary_4c84z_i6aqa_168:not(#\9):active {
+.awsui_link_4c84z_e7dbz_99.awsui_variant-secondary_4c84z_e7dbz_168:not(#\9):active {
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_link_4c84z_i6aqa_99.awsui_variant-secondary_4c84z_i6aqa_168:not(#\9):active, .awsui_link_4c84z_i6aqa_99.awsui_variant-secondary_4c84z_i6aqa_168:not(#\9):focus, .awsui_link_4c84z_i6aqa_99.awsui_variant-secondary_4c84z_i6aqa_168:not(#\9):hover {
+.awsui_link_4c84z_e7dbz_99.awsui_variant-secondary_4c84z_e7dbz_168:not(#\9):active, .awsui_link_4c84z_e7dbz_99.awsui_variant-secondary_4c84z_e7dbz_168:not(#\9):focus, .awsui_link_4c84z_e7dbz_99.awsui_variant-secondary_4c84z_e7dbz_168:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_i6aqa_99.awsui_variant-primary_4c84z_i6aqa_203:not(#\9) {
+.awsui_link_4c84z_e7dbz_99.awsui_variant-primary_4c84z_e7dbz_203:not(#\9) {
   color: var(--color-text-link-default-latg1a, #0972d3);
   font-weight: inherit;
   letter-spacing: normal;
@@ -217,30 +217,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_i6aqa_99.awsui_variant-primary_4c84z_i6aqa_203:not(#\9) {
+  .awsui_link_4c84z_e7dbz_99.awsui_variant-primary_4c84z_e7dbz_203:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_i6aqa_99.awsui_variant-primary_4c84z_i6aqa_203:not(#\9), .awsui-mode-entering .awsui_link_4c84z_i6aqa_99.awsui_variant-primary_4c84z_i6aqa_203:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_e7dbz_99.awsui_variant-primary_4c84z_e7dbz_203:not(#\9), .awsui-mode-entering .awsui_link_4c84z_e7dbz_99.awsui_variant-primary_4c84z_e7dbz_203:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_i6aqa_99.awsui_variant-primary_4c84z_i6aqa_203:not(#\9):hover {
+.awsui_link_4c84z_e7dbz_99.awsui_variant-primary_4c84z_e7dbz_203:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_link_4c84z_i6aqa_99.awsui_variant-primary_4c84z_i6aqa_203:not(#\9):focus {
+.awsui_link_4c84z_e7dbz_99.awsui_variant-primary_4c84z_e7dbz_203:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_i6aqa_99.awsui_variant-primary_4c84z_i6aqa_203:not(#\9):active {
+.awsui_link_4c84z_e7dbz_99.awsui_variant-primary_4c84z_e7dbz_203:not(#\9):active {
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_link_4c84z_i6aqa_99.awsui_variant-primary_4c84z_i6aqa_203:not(#\9):active, .awsui_link_4c84z_i6aqa_99.awsui_variant-primary_4c84z_i6aqa_203:not(#\9):focus, .awsui_link_4c84z_i6aqa_99.awsui_variant-primary_4c84z_i6aqa_203:not(#\9):hover {
+.awsui_link_4c84z_e7dbz_99.awsui_variant-primary_4c84z_e7dbz_203:not(#\9):active, .awsui_link_4c84z_e7dbz_99.awsui_variant-primary_4c84z_e7dbz_203:not(#\9):focus, .awsui_link_4c84z_e7dbz_99.awsui_variant-primary_4c84z_e7dbz_203:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_i6aqa_99.awsui_variant-info_4c84z_i6aqa_236:not(#\9) {
+.awsui_link_4c84z_e7dbz_99.awsui_variant-info_4c84z_e7dbz_236: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);
@@ -254,30 +254,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_i6aqa_99.awsui_variant-info_4c84z_i6aqa_236:not(#\9) {
+  .awsui_link_4c84z_e7dbz_99.awsui_variant-info_4c84z_e7dbz_236:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_i6aqa_99.awsui_variant-info_4c84z_i6aqa_236:not(#\9), .awsui-mode-entering .awsui_link_4c84z_i6aqa_99.awsui_variant-info_4c84z_i6aqa_236:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_e7dbz_99.awsui_variant-info_4c84z_e7dbz_236:not(#\9), .awsui-mode-entering .awsui_link_4c84z_e7dbz_99.awsui_variant-info_4c84z_e7dbz_236:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_i6aqa_99.awsui_variant-info_4c84z_i6aqa_236:not(#\9):hover {
+.awsui_link_4c84z_e7dbz_99.awsui_variant-info_4c84z_e7dbz_236:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_link_4c84z_i6aqa_99.awsui_variant-info_4c84z_i6aqa_236:not(#\9):focus {
+.awsui_link_4c84z_e7dbz_99.awsui_variant-info_4c84z_e7dbz_236:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_i6aqa_99.awsui_variant-info_4c84z_i6aqa_236:not(#\9):active {
+.awsui_link_4c84z_e7dbz_99.awsui_variant-info_4c84z_e7dbz_236:not(#\9):active {
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_link_4c84z_i6aqa_99.awsui_variant-info_4c84z_i6aqa_236:not(#\9):active, .awsui_link_4c84z_i6aqa_99.awsui_variant-info_4c84z_i6aqa_236:not(#\9):focus, .awsui_link_4c84z_i6aqa_99.awsui_variant-info_4c84z_i6aqa_236:not(#\9):hover {
+.awsui_link_4c84z_e7dbz_99.awsui_variant-info_4c84z_e7dbz_236:not(#\9):active, .awsui_link_4c84z_e7dbz_99.awsui_variant-info_4c84z_e7dbz_236:not(#\9):focus, .awsui_link_4c84z_e7dbz_99.awsui_variant-info_4c84z_e7dbz_236:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-button-underline-hover-gyir88, transparent);
 }
-.awsui_link_4c84z_i6aqa_99.awsui_variant-value-large_4c84z_i6aqa_271:not(#\9) {
+.awsui_link_4c84z_e7dbz_99.awsui_variant-value-large_4c84z_e7dbz_271:not(#\9) {
   color: var(--color-text-link-default-latg1a, #0972d3);
   font-weight: var(--font-box-value-large-weight-onoq9k, 700);
   text-decoration-line: underline;
@@ -288,30 +288,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_i6aqa_99.awsui_variant-value-large_4c84z_i6aqa_271:not(#\9) {
+  .awsui_link_4c84z_e7dbz_99.awsui_variant-value-large_4c84z_e7dbz_271:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_i6aqa_99.awsui_variant-value-large_4c84z_i6aqa_271:not(#\9), .awsui-mode-entering .awsui_link_4c84z_i6aqa_99.awsui_variant-value-large_4c84z_i6aqa_271:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_e7dbz_99.awsui_variant-value-large_4c84z_e7dbz_271:not(#\9), .awsui-mode-entering .awsui_link_4c84z_e7dbz_99.awsui_variant-value-large_4c84z_e7dbz_271:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_i6aqa_99.awsui_variant-value-large_4c84z_i6aqa_271:not(#\9):hover {
+.awsui_link_4c84z_e7dbz_99.awsui_variant-value-large_4c84z_e7dbz_271:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_link_4c84z_i6aqa_99.awsui_variant-value-large_4c84z_i6aqa_271:not(#\9):focus {
+.awsui_link_4c84z_e7dbz_99.awsui_variant-value-large_4c84z_e7dbz_271:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_i6aqa_99.awsui_variant-value-large_4c84z_i6aqa_271:not(#\9):active {
+.awsui_link_4c84z_e7dbz_99.awsui_variant-value-large_4c84z_e7dbz_271:not(#\9):active {
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_link_4c84z_i6aqa_99.awsui_variant-value-large_4c84z_i6aqa_271:not(#\9):active, .awsui_link_4c84z_i6aqa_99.awsui_variant-value-large_4c84z_i6aqa_271:not(#\9):focus, .awsui_link_4c84z_i6aqa_99.awsui_variant-value-large_4c84z_i6aqa_271:not(#\9):hover {
+.awsui_link_4c84z_e7dbz_99.awsui_variant-value-large_4c84z_e7dbz_271:not(#\9):active, .awsui_link_4c84z_e7dbz_99.awsui_variant-value-large_4c84z_e7dbz_271:not(#\9):focus, .awsui_link_4c84z_e7dbz_99.awsui_variant-value-large_4c84z_e7dbz_271:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_i6aqa_99.awsui_variant-top-navigation_4c84z_i6aqa_303:not(#\9) {
+.awsui_link_4c84z_e7dbz_99.awsui_variant-top-navigation_4c84z_e7dbz_303:not(#\9) {
   color: var(--color-text-interactive-default-lnx6lk, #414d5c);
   font-weight: 700;
   letter-spacing: 0.005em;
@@ -323,30 +323,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_i6aqa_99.awsui_variant-top-navigation_4c84z_i6aqa_303:not(#\9) {
+  .awsui_link_4c84z_e7dbz_99.awsui_variant-top-navigation_4c84z_e7dbz_303:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_i6aqa_99.awsui_variant-top-navigation_4c84z_i6aqa_303:not(#\9), .awsui-mode-entering .awsui_link_4c84z_i6aqa_99.awsui_variant-top-navigation_4c84z_i6aqa_303:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_e7dbz_99.awsui_variant-top-navigation_4c84z_e7dbz_303:not(#\9), .awsui-mode-entering .awsui_link_4c84z_e7dbz_99.awsui_variant-top-navigation_4c84z_e7dbz_303:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_i6aqa_99.awsui_variant-top-navigation_4c84z_i6aqa_303:not(#\9):hover {
+.awsui_link_4c84z_e7dbz_99.awsui_variant-top-navigation_4c84z_e7dbz_303:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-interactive-hover-mj8add, #000716);
 }
-.awsui_link_4c84z_i6aqa_99.awsui_variant-top-navigation_4c84z_i6aqa_303:not(#\9):focus {
+.awsui_link_4c84z_e7dbz_99.awsui_variant-top-navigation_4c84z_e7dbz_303:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_i6aqa_99.awsui_variant-top-navigation_4c84z_i6aqa_303:not(#\9):active {
+.awsui_link_4c84z_e7dbz_99.awsui_variant-top-navigation_4c84z_e7dbz_303:not(#\9):active {
   color: var(--color-text-interactive-active-ox3ozh, #000716);
 }
-.awsui_link_4c84z_i6aqa_99.awsui_variant-top-navigation_4c84z_i6aqa_303:not(#\9):active, .awsui_link_4c84z_i6aqa_99.awsui_variant-top-navigation_4c84z_i6aqa_303:not(#\9):focus, .awsui_link_4c84z_i6aqa_99.awsui_variant-top-navigation_4c84z_i6aqa_303:not(#\9):hover {
+.awsui_link_4c84z_e7dbz_99.awsui_variant-top-navigation_4c84z_e7dbz_303:not(#\9):active, .awsui_link_4c84z_e7dbz_99.awsui_variant-top-navigation_4c84z_e7dbz_303:not(#\9):focus, .awsui_link_4c84z_e7dbz_99.awsui_variant-top-navigation_4c84z_e7dbz_303:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_i6aqa_99.awsui_variant-recovery_4c84z_i6aqa_336:not(#\9) {
+.awsui_link_4c84z_e7dbz_99.awsui_variant-recovery_4c84z_e7dbz_336: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);
@@ -358,30 +358,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_i6aqa_99.awsui_variant-recovery_4c84z_i6aqa_336:not(#\9) {
+  .awsui_link_4c84z_e7dbz_99.awsui_variant-recovery_4c84z_e7dbz_336:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_i6aqa_99.awsui_variant-recovery_4c84z_i6aqa_336:not(#\9), .awsui-mode-entering .awsui_link_4c84z_i6aqa_99.awsui_variant-recovery_4c84z_i6aqa_336:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_e7dbz_99.awsui_variant-recovery_4c84z_e7dbz_336:not(#\9), .awsui-mode-entering .awsui_link_4c84z_e7dbz_99.awsui_variant-recovery_4c84z_e7dbz_336:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_i6aqa_99.awsui_variant-recovery_4c84z_i6aqa_336:not(#\9):hover {
+.awsui_link_4c84z_e7dbz_99.awsui_variant-recovery_4c84z_e7dbz_336:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_link_4c84z_i6aqa_99.awsui_variant-recovery_4c84z_i6aqa_336:not(#\9):focus {
+.awsui_link_4c84z_e7dbz_99.awsui_variant-recovery_4c84z_e7dbz_336:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_i6aqa_99.awsui_variant-recovery_4c84z_i6aqa_336:not(#\9):active {
+.awsui_link_4c84z_e7dbz_99.awsui_variant-recovery_4c84z_e7dbz_336:not(#\9):active {
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_link_4c84z_i6aqa_99.awsui_variant-recovery_4c84z_i6aqa_336:not(#\9):active, .awsui_link_4c84z_i6aqa_99.awsui_variant-recovery_4c84z_i6aqa_336:not(#\9):focus, .awsui_link_4c84z_i6aqa_99.awsui_variant-recovery_4c84z_i6aqa_336:not(#\9):hover {
+.awsui_link_4c84z_e7dbz_99.awsui_variant-recovery_4c84z_e7dbz_336:not(#\9):active, .awsui_link_4c84z_e7dbz_99.awsui_variant-recovery_4c84z_e7dbz_336:not(#\9):focus, .awsui_link_4c84z_e7dbz_99.awsui_variant-recovery_4c84z_e7dbz_336:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-button-underline-hover-gyir88, transparent);
 }
-.awsui_link_4c84z_i6aqa_99.awsui_button_4c84z_i6aqa_369:not(#\9) {
+.awsui_link_4c84z_e7dbz_99.awsui_button_4c84z_e7dbz_369: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);
@@ -395,40 +395,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_i6aqa_99.awsui_button_4c84z_i6aqa_369:not(#\9) {
+  .awsui_link_4c84z_e7dbz_99.awsui_button_4c84z_e7dbz_369:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_link_4c84z_i6aqa_99.awsui_button_4c84z_i6aqa_369:not(#\9), .awsui-mode-entering .awsui_link_4c84z_i6aqa_99.awsui_button_4c84z_i6aqa_369:not(#\9) {
+.awsui-motion-disabled .awsui_link_4c84z_e7dbz_99.awsui_button_4c84z_e7dbz_369:not(#\9), .awsui-mode-entering .awsui_link_4c84z_e7dbz_99.awsui_button_4c84z_e7dbz_369:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_link_4c84z_i6aqa_99.awsui_button_4c84z_i6aqa_369:not(#\9):hover {
+.awsui_link_4c84z_e7dbz_99.awsui_button_4c84z_e7dbz_369:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-button-normal-hover-4psj43, #033160);
 }
-.awsui_link_4c84z_i6aqa_99.awsui_button_4c84z_i6aqa_369:not(#\9):focus {
+.awsui_link_4c84z_e7dbz_99.awsui_button_4c84z_e7dbz_369:not(#\9):focus {
   outline: none;
 }
-.awsui_link_4c84z_i6aqa_99.awsui_button_4c84z_i6aqa_369:not(#\9):active {
+.awsui_link_4c84z_e7dbz_99.awsui_button_4c84z_e7dbz_369:not(#\9):active {
   color: var(--color-text-link-button-normal-active-pv8vqs, #033160);
 }
-.awsui_link_4c84z_i6aqa_99.awsui_button_4c84z_i6aqa_369:not(#\9):active, .awsui_link_4c84z_i6aqa_99.awsui_button_4c84z_i6aqa_369:not(#\9):focus, .awsui_link_4c84z_i6aqa_99.awsui_button_4c84z_i6aqa_369:not(#\9):hover {
+.awsui_link_4c84z_e7dbz_99.awsui_button_4c84z_e7dbz_369:not(#\9):active, .awsui_link_4c84z_e7dbz_99.awsui_button_4c84z_e7dbz_369:not(#\9):focus, .awsui_link_4c84z_e7dbz_99.awsui_button_4c84z_e7dbz_369:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: transparent;
 }
-.awsui_link_4c84z_i6aqa_99.awsui_color-inverted_4c84z_i6aqa_404:not(#\9) {
+.awsui_link_4c84z_e7dbz_99.awsui_color-inverted_4c84z_e7dbz_404:not(#\9) {
   color: var(--color-text-notification-default-rdawv9, #fbfbfb);
 }
-.awsui_link_4c84z_i6aqa_99.awsui_color-inverted_4c84z_i6aqa_404:not(#\9):not(.awsui_button_4c84z_i6aqa_369) {
+.awsui_link_4c84z_e7dbz_99.awsui_color-inverted_4c84z_e7dbz_404:not(#\9):not(.awsui_button_4c84z_e7dbz_369) {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_link_4c84z_i6aqa_99.awsui_color-inverted_4c84z_i6aqa_404:not(#\9):hover {
+.awsui_link_4c84z_e7dbz_99.awsui_color-inverted_4c84z_e7dbz_404:not(#\9):hover {
   color: var(--color-text-link-inverted-hover-09cw7h, #ffffff);
 }
-body[data-awsui-focus-visible=true] .awsui_link_4c84z_i6aqa_99:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_link_4c84z_e7dbz_99:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-kkfop6, 0);
   outline-offset: 2px;
@@ -439,76 +439,72 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_i6aqa_99:not(#\9):focus {
   border-end-end-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_i6aqa_99.awsui_font-size-body-s_4c84z_i6aqa_425:not(#\9) {
+.awsui_link_4c84z_e7dbz_99.awsui_font-size-body-s_4c84z_e7dbz_425: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_i6aqa_99.awsui_font-size-body-m_4c84z_i6aqa_432:not(#\9) {
+.awsui_link_4c84z_e7dbz_99.awsui_font-size-body-m_4c84z_e7dbz_432: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_i6aqa_99.awsui_font-size-heading-xs_4c84z_i6aqa_438:not(#\9) {
+.awsui_link_4c84z_e7dbz_99.awsui_font-size-heading-xs_4c84z_e7dbz_438: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_i6aqa_99.awsui_font-size-heading-s_4c84z_i6aqa_444:not(#\9) {
+.awsui_link_4c84z_e7dbz_99.awsui_font-size-heading-s_4c84z_e7dbz_444: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_i6aqa_99.awsui_font-size-heading-m_4c84z_i6aqa_451:not(#\9) {
+.awsui_link_4c84z_e7dbz_99.awsui_font-size-heading-m_4c84z_e7dbz_451: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_i6aqa_99.awsui_font-size-heading-l_4c84z_i6aqa_458:not(#\9) {
+.awsui_link_4c84z_e7dbz_99.awsui_font-size-heading-l_4c84z_e7dbz_458: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_i6aqa_99.awsui_font-size-heading-xl_4c84z_i6aqa_465:not(#\9) {
+.awsui_link_4c84z_e7dbz_99.awsui_font-size-heading-xl_4c84z_e7dbz_465: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_i6aqa_99.awsui_font-size-display-l_4c84z_i6aqa_472:not(#\9) {
+.awsui_link_4c84z_e7dbz_99.awsui_font-size-display-l_4c84z_e7dbz_472: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_i6aqa_99.awsui_font-size-inherit_4c84z_i6aqa_479:not(#\9) {
+.awsui_link_4c84z_e7dbz_99.awsui_font-size-inherit_4c84z_e7dbz_479:not(#\9) {
   font-size: inherit;
   line-height: inherit;
   letter-spacing: inherit;
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
 }
-.awsui_link_4c84z_i6aqa_99:not(#\9):dir(rtl) {
-  align-items: center;
-  display: inline-flex;
-}
 
-.awsui_icon-wrapper_4c84z_i6aqa_491:not(#\9) {
+.awsui_icon-wrapper_4c84z_e7dbz_487:not(#\9) {
   white-space: nowrap;
 }
 
-.awsui_icon_4c84z_i6aqa_491:not(#\9) {
+.awsui_icon_4c84z_e7dbz_487: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_i6aqa_99",
-  "variant-secondary": "awsui_variant-secondary_4c84z_i6aqa_168",
-  "variant-primary": "awsui_variant-primary_4c84z_i6aqa_203",
-  "variant-info": "awsui_variant-info_4c84z_i6aqa_236",
-  "variant-value-large": "awsui_variant-value-large_4c84z_i6aqa_271",
-  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_i6aqa_303",
-  "variant-recovery": "awsui_variant-recovery_4c84z_i6aqa_336",
-  "button": "awsui_button_4c84z_i6aqa_369",
-  "color-inverted": "awsui_color-inverted_4c84z_i6aqa_404",
-  "font-size-body-s": "awsui_font-size-body-s_4c84z_i6aqa_425",
-  "font-size-body-m": "awsui_font-size-body-m_4c84z_i6aqa_432",
-  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_i6aqa_438",
-  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_i6aqa_444",
-  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_i6aqa_451",
-  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_i6aqa_458",
-  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_i6aqa_465",
-  "font-size-display-l": "awsui_font-size-display-l_4c84z_i6aqa_472",
-  "font-size-inherit": "awsui_font-size-inherit_4c84z_i6aqa_479",
-  "icon-wrapper": "awsui_icon-wrapper_4c84z_i6aqa_491",
-  "icon": "awsui_icon_4c84z_i6aqa_491"
+  "link": "awsui_link_4c84z_e7dbz_99",
+  "variant-secondary": "awsui_variant-secondary_4c84z_e7dbz_168",
+  "variant-primary": "awsui_variant-primary_4c84z_e7dbz_203",
+  "variant-info": "awsui_variant-info_4c84z_e7dbz_236",
+  "variant-value-large": "awsui_variant-value-large_4c84z_e7dbz_271",
+  "variant-top-navigation": "awsui_variant-top-navigation_4c84z_e7dbz_303",
+  "variant-recovery": "awsui_variant-recovery_4c84z_e7dbz_336",
+  "button": "awsui_button_4c84z_e7dbz_369",
+  "color-inverted": "awsui_color-inverted_4c84z_e7dbz_404",
+  "font-size-body-s": "awsui_font-size-body-s_4c84z_e7dbz_425",
+  "font-size-body-m": "awsui_font-size-body-m_4c84z_e7dbz_432",
+  "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_e7dbz_438",
+  "font-size-heading-s": "awsui_font-size-heading-s_4c84z_e7dbz_444",
+  "font-size-heading-m": "awsui_font-size-heading-m_4c84z_e7dbz_451",
+  "font-size-heading-l": "awsui_font-size-heading-l_4c84z_e7dbz_458",
+  "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_e7dbz_465",
+  "font-size-display-l": "awsui_font-size-display-l_4c84z_e7dbz_472",
+  "font-size-inherit": "awsui_font-size-inherit_4c84z_e7dbz_479",
+  "icon-wrapper": "awsui_icon-wrapper_4c84z_e7dbz_487",
+  "icon": "awsui_icon_4c84z_e7dbz_487"
 };
   

package/package.json

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

package/select/utils/use-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["../../../../src/select/utils/use-select.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,+CAA+C,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAe,MAAM,6CAA6C,CAAC;AAS5G,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,yBAAyB,EAA0B,MAAM,uBAAuB,CAAC;AAE1F,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAE9E,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG;IAAE,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;CAAE,CAAC;AACxG,MAAM,MAAM,cAAc,GAAG,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;AAElF,UAAU,cAAc;IACtB,eAAe,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACjD,oBAAoB,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACzD,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IACvC,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC5B,aAAa,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,iBAAiB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,UAAU,EAAE,mBAAmB,CAAC,UAAU,CAAC;CAC5C;AAED,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,GAAG,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;CACnC;AAED,wBAAgB,SAAS,CAAC,EACxB,eAAe,EACf,oBAAoB,EACpB,OAAO,EACP,aAAa,EACb,MAAM,EACN,OAAO,EACP,WAAW,EACX,QAAQ,EACR,aAAa,EACb,iBAAiB,EACjB,oBAA4B,EAC5B,UAAU,GACX,EAAE,cAAc;;;;;;4BAgFe,KAC5B,aAAa,EACb,SAAS,GAAG,QAAQ,GAAG,mBAAmB,GAAG,qBAAqB,CACnE;;0BA4B0B,QAAQ,WAAW,CAAC;6BA0Df,cAAc,SAAS,MAAM;;4BAtH9B,cAAc;;;EAmM9C"}
+{"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["../../../../src/select/utils/use-select.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,+CAA+C,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAe,MAAM,6CAA6C,CAAC;AAS5G,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,yBAAyB,EAA0B,MAAM,uBAAuB,CAAC;AAE1F,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAE9E,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG;IAAE,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;CAAE,CAAC;AACxG,MAAM,MAAM,cAAc,GAAG,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;AAElF,UAAU,cAAc;IACtB,eAAe,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACjD,oBAAoB,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACzD,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IACvC,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC5B,aAAa,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,iBAAiB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,UAAU,EAAE,mBAAmB,CAAC,UAAU,CAAC;CAC5C;AAED,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,GAAG,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;CACnC;AAED,wBAAgB,SAAS,CAAC,EACxB,eAAe,EACf,oBAAoB,EACpB,OAAO,EACP,aAAa,EACb,MAAM,EACN,OAAO,EACP,WAAW,EACX,QAAQ,EACR,aAAa,EACb,iBAAiB,EACjB,oBAA4B,EAC5B,UAAU,GACX,EAAE,cAAc;;;;;;4BAkGe,KAC5B,aAAa,EACb,SAAS,GAAG,QAAQ,GAAG,mBAAmB,GAAG,qBAAqB,CACnE;;0BA4B0B,QAAQ,WAAW,CAAC;6BA0Df,cAAc,SAAS,MAAM;;4BAxI9B,cAAc;;;EAqN9C"}

package/select/utils/use-select.js

@@ -56,7 +56,21 @@ export function useSelect({ selectedOptions, updateSelectedOption, options, filt
         }
     };
     const activeKeyDownHandler = useMenuKeyboard({
-        moveHighlight: moveHighlightWithKeyboard,
+        goUp: () => {
+            if ((!useInteractiveGroups && (highlightedOption === null || highlightedOption === void 0 ? void 0 : highlightedOption.type) === 'child' && highlightedIndex === 1) ||
+                highlightedIndex === 0) {
+                goEndWithKeyboard();
+                return;
+            }
+            moveHighlightWithKeyboard(-1);
+        },
+        goDown: () => {
+            if (highlightedIndex === options.length - 1) {
+                goHomeWithKeyboard();
+                return;
+            }
+            moveHighlightWithKeyboard(1);
+        },
         selectOption,
         goHome: goHomeWithKeyboard,
         goEnd: goEndWithKeyboard,