@cloudscape-design/components 3.0.841 → 3.0.842

package/internal/components/menu-dropdown/styles.selectors.js

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "button": "awsui_button_m5h9f_12y39_141",
-  "expanded": "awsui_expanded_m5h9f_12y39_193",
-  "offset-right-none": "awsui_offset-right-none_m5h9f_12y39_204",
-  "offset-right-l": "awsui_offset-right-l_m5h9f_12y39_207",
-  "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_12y39_210",
-  "text": "awsui_text_m5h9f_12y39_235",
-  "icon": "awsui_icon_m5h9f_12y39_239"
+  "button": "awsui_button_m5h9f_1hxt9_145",
+  "expanded": "awsui_expanded_m5h9f_1hxt9_197",
+  "offset-right-none": "awsui_offset-right-none_m5h9f_1hxt9_208",
+  "offset-right-l": "awsui_offset-right-l_m5h9f_1hxt9_211",
+  "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_1hxt9_214",
+  "text": "awsui_text_m5h9f_1hxt9_239",
+  "icon": "awsui_icon_m5h9f_1hxt9_243"
 };
   

package/internal/components/option/styles.css.js

@@ -1,22 +1,22 @@
 
     import './styles.scoped.css';
     export default {
-  "option": "awsui_option_1p2cx_17p6o_149",
-  "disabled": "awsui_disabled_1p2cx_17p6o_186",
-  "parent": "awsui_parent_1p2cx_17p6o_189",
-  "highlighted": "awsui_highlighted_1p2cx_17p6o_192",
-  "content": "awsui_content_1p2cx_17p6o_196",
-  "label-content": "awsui_label-content_1p2cx_17p6o_203",
-  "label": "awsui_label_1p2cx_17p6o_203",
-  "tag": "awsui_tag_1p2cx_17p6o_210",
-  "label-tag": "awsui_label-tag_1p2cx_17p6o_211",
-  "label-prefix": "awsui_label-prefix_1p2cx_17p6o_221",
-  "tags": "awsui_tags_1p2cx_17p6o_234",
-  "description": "awsui_description_1p2cx_17p6o_235",
-  "selected": "awsui_selected_1p2cx_17p6o_246",
-  "icon": "awsui_icon_1p2cx_17p6o_260",
-  "icon-size-big": "awsui_icon-size-big_1p2cx_17p6o_267",
-  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_17p6o_271",
-  "trigger-variant": "awsui_trigger-variant_1p2cx_17p6o_286"
+  "option": "awsui_option_1p2cx_4qlzt_153",
+  "disabled": "awsui_disabled_1p2cx_4qlzt_190",
+  "parent": "awsui_parent_1p2cx_4qlzt_193",
+  "highlighted": "awsui_highlighted_1p2cx_4qlzt_196",
+  "content": "awsui_content_1p2cx_4qlzt_200",
+  "label-content": "awsui_label-content_1p2cx_4qlzt_207",
+  "label": "awsui_label_1p2cx_4qlzt_207",
+  "tag": "awsui_tag_1p2cx_4qlzt_214",
+  "label-tag": "awsui_label-tag_1p2cx_4qlzt_215",
+  "label-prefix": "awsui_label-prefix_1p2cx_4qlzt_225",
+  "tags": "awsui_tags_1p2cx_4qlzt_238",
+  "description": "awsui_description_1p2cx_4qlzt_239",
+  "selected": "awsui_selected_1p2cx_4qlzt_250",
+  "icon": "awsui_icon_1p2cx_4qlzt_264",
+  "icon-size-big": "awsui_icon-size-big_1p2cx_4qlzt_271",
+  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_4qlzt_275",
+  "trigger-variant": "awsui_trigger-variant_1p2cx_4qlzt_290"
 };
   

package/internal/components/option/styles.scoped.css

@@ -136,6 +136,10 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
 /*
@@ -146,7 +150,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_option_1p2cx_17p6o_149:not(#\9) {
+.awsui_option_1p2cx_4qlzt_153:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -184,107 +188,107 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-sizing: border-box;
   color: inherit;
 }
-.awsui_option_1p2cx_17p6o_149:not(#\9):not(.awsui_disabled_1p2cx_17p6o_186) {
+.awsui_option_1p2cx_4qlzt_153:not(#\9):not(.awsui_disabled_1p2cx_4qlzt_190) {
   cursor: inherit;
 }
-.awsui_option_1p2cx_17p6o_149.awsui_parent_1p2cx_17p6o_189:not(#\9) {
+.awsui_option_1p2cx_4qlzt_153.awsui_parent_1p2cx_4qlzt_193:not(#\9) {
   font-weight: bold;
 }
-.awsui_option_1p2cx_17p6o_149.awsui_parent_1p2cx_17p6o_189:not(#\9):not(.awsui_disabled_1p2cx_17p6o_186):not(.awsui_highlighted_1p2cx_17p6o_192) {
+.awsui_option_1p2cx_4qlzt_153.awsui_parent_1p2cx_4qlzt_193:not(#\9):not(.awsui_disabled_1p2cx_4qlzt_190):not(.awsui_highlighted_1p2cx_4qlzt_196) {
   color: var(--color-text-dropdown-group-label-iy2p4t, #424650);
 }
 
-.awsui_content_1p2cx_17p6o_196:not(#\9) {
+.awsui_content_1p2cx_4qlzt_200:not(#\9) {
   inline-size: 100%;
   display: flex;
   flex-direction: column;
   min-inline-size: 0;
 }
 
-.awsui_label-content_1p2cx_17p6o_203:not(#\9) {
+.awsui_label-content_1p2cx_4qlzt_207:not(#\9) {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
 }
 
-.awsui_label_1p2cx_17p6o_203:not(#\9),
-.awsui_tag_1p2cx_17p6o_210:not(#\9),
-.awsui_label-tag_1p2cx_17p6o_211:not(#\9) {
+.awsui_label_1p2cx_4qlzt_207:not(#\9),
+.awsui_tag_1p2cx_4qlzt_214:not(#\9),
+.awsui_label-tag_1p2cx_4qlzt_215:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
 }
 
-.awsui_label_1p2cx_17p6o_203:not(#\9),
-.awsui_tag_1p2cx_17p6o_210:not(#\9) {
+.awsui_label_1p2cx_4qlzt_207:not(#\9),
+.awsui_tag_1p2cx_4qlzt_214:not(#\9) {
   flex-wrap: wrap;
 }
 
-.awsui_label-prefix_1p2cx_17p6o_221:not(#\9) {
+.awsui_label-prefix_1p2cx_4qlzt_225:not(#\9) {
   font-weight: 700;
 }
 
-.awsui_label-tag_1p2cx_17p6o_211:not(#\9) {
+.awsui_label-tag_1p2cx_4qlzt_215:not(#\9) {
   padding-inline-start: var(--space-s-34lx8l, 12px);
   flex: auto;
   text-align: end;
 }
-.awsui_label-tag_1p2cx_17p6o_211:not(#\9):empty {
+.awsui_label-tag_1p2cx_4qlzt_215:not(#\9):empty {
   display: none;
 }
 
-.awsui_tags_1p2cx_17p6o_234:not(#\9),
-.awsui_description_1p2cx_17p6o_235:not(#\9) {
+.awsui_tags_1p2cx_4qlzt_238:not(#\9),
+.awsui_description_1p2cx_4qlzt_239: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);
   color: var(--color-text-dropdown-item-secondary-xvh5zo, #656871);
   flex-wrap: wrap;
 }
-.awsui_tags_1p2cx_17p6o_234.awsui_highlighted_1p2cx_17p6o_192:not(#\9),
-.awsui_description_1p2cx_17p6o_235.awsui_highlighted_1p2cx_17p6o_192:not(#\9) {
+.awsui_tags_1p2cx_4qlzt_238.awsui_highlighted_1p2cx_4qlzt_196:not(#\9),
+.awsui_description_1p2cx_4qlzt_239.awsui_highlighted_1p2cx_4qlzt_196:not(#\9) {
   color: var(--color-text-dropdown-item-secondary-hover-4xn5ec, #656871);
 }
-.awsui_tags_1p2cx_17p6o_234.awsui_selected_1p2cx_17p6o_246:not(#\9),
-.awsui_description_1p2cx_17p6o_235.awsui_selected_1p2cx_17p6o_246:not(#\9) {
+.awsui_tags_1p2cx_4qlzt_238.awsui_selected_1p2cx_4qlzt_250:not(#\9),
+.awsui_description_1p2cx_4qlzt_239.awsui_selected_1p2cx_4qlzt_250:not(#\9) {
   color: var(--color-text-dropdown-item-secondary-xvh5zo, #656871);
 }
 
-.awsui_tags_1p2cx_17p6o_234:not(#\9) {
+.awsui_tags_1p2cx_4qlzt_238:not(#\9) {
   display: flex;
   align-items: stretch;
 }
 
-.awsui_tag_1p2cx_17p6o_210:not(#\9):not(:last-child) {
+.awsui_tag_1p2cx_4qlzt_214:not(#\9):not(:last-child) {
   padding-inline-end: var(--space-m-udix3p, 16px);
 }
 
-.awsui_icon_1p2cx_17p6o_260:not(#\9) {
+.awsui_icon_1p2cx_4qlzt_264:not(#\9) {
   padding-inline-end: var(--space-xs-zb16t3, 8px);
   align-content: center;
   display: flex;
   flex-shrink: 0;
 }
 
-.awsui_icon-size-big_1p2cx_17p6o_267:not(#\9) {
+.awsui_icon-size-big_1p2cx_4qlzt_271:not(#\9) {
   padding-block-start: var(--space-option-icon-big-top-hybljv, 0px);
 }
 
-.awsui_filtering-match-highlight_1p2cx_17p6o_271:not(#\9) {
+.awsui_filtering-match-highlight_1p2cx_4qlzt_275:not(#\9) {
   background-color: var(--color-background-dropdown-item-filter-match-5pchhq, #f0fbff);
   color: var(--color-text-dropdown-item-filter-match-vwk0li, #006ce0);
   font-weight: bold;
 }
 
-.awsui_disabled_1p2cx_17p6o_186:not(#\9) {
+.awsui_disabled_1p2cx_4qlzt_190:not(#\9) {
   color: var(--color-text-dropdown-item-disabled-7fg5u8, #b4b4bb);
   pointer-events: none;
 }
-.awsui_disabled_1p2cx_17p6o_186 > .awsui_content_1p2cx_17p6o_196 > .awsui_tags_1p2cx_17p6o_234:not(#\9),
-.awsui_disabled_1p2cx_17p6o_186 > .awsui_content_1p2cx_17p6o_196 > .awsui_description_1p2cx_17p6o_235:not(#\9) {
+.awsui_disabled_1p2cx_4qlzt_190 > .awsui_content_1p2cx_4qlzt_200 > .awsui_tags_1p2cx_4qlzt_238:not(#\9),
+.awsui_disabled_1p2cx_4qlzt_190 > .awsui_content_1p2cx_4qlzt_200 > .awsui_description_1p2cx_4qlzt_239:not(#\9) {
   color: currentColor;
 }
 
-.awsui_trigger-variant_1p2cx_17p6o_286:not(#\9) {
+.awsui_trigger-variant_1p2cx_4qlzt_290:not(#\9) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;

package/internal/components/option/styles.selectors.js

@@ -2,22 +2,22 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "option": "awsui_option_1p2cx_17p6o_149",
-  "disabled": "awsui_disabled_1p2cx_17p6o_186",
-  "parent": "awsui_parent_1p2cx_17p6o_189",
-  "highlighted": "awsui_highlighted_1p2cx_17p6o_192",
-  "content": "awsui_content_1p2cx_17p6o_196",
-  "label-content": "awsui_label-content_1p2cx_17p6o_203",
-  "label": "awsui_label_1p2cx_17p6o_203",
-  "tag": "awsui_tag_1p2cx_17p6o_210",
-  "label-tag": "awsui_label-tag_1p2cx_17p6o_211",
-  "label-prefix": "awsui_label-prefix_1p2cx_17p6o_221",
-  "tags": "awsui_tags_1p2cx_17p6o_234",
-  "description": "awsui_description_1p2cx_17p6o_235",
-  "selected": "awsui_selected_1p2cx_17p6o_246",
-  "icon": "awsui_icon_1p2cx_17p6o_260",
-  "icon-size-big": "awsui_icon-size-big_1p2cx_17p6o_267",
-  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_17p6o_271",
-  "trigger-variant": "awsui_trigger-variant_1p2cx_17p6o_286"
+  "option": "awsui_option_1p2cx_4qlzt_153",
+  "disabled": "awsui_disabled_1p2cx_4qlzt_190",
+  "parent": "awsui_parent_1p2cx_4qlzt_193",
+  "highlighted": "awsui_highlighted_1p2cx_4qlzt_196",
+  "content": "awsui_content_1p2cx_4qlzt_200",
+  "label-content": "awsui_label-content_1p2cx_4qlzt_207",
+  "label": "awsui_label_1p2cx_4qlzt_207",
+  "tag": "awsui_tag_1p2cx_4qlzt_214",
+  "label-tag": "awsui_label-tag_1p2cx_4qlzt_215",
+  "label-prefix": "awsui_label-prefix_1p2cx_4qlzt_225",
+  "tags": "awsui_tags_1p2cx_4qlzt_238",
+  "description": "awsui_description_1p2cx_4qlzt_239",
+  "selected": "awsui_selected_1p2cx_4qlzt_250",
+  "icon": "awsui_icon_1p2cx_4qlzt_264",
+  "icon-size-big": "awsui_icon-size-big_1p2cx_4qlzt_271",
+  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_4qlzt_275",
+  "trigger-variant": "awsui_trigger-variant_1p2cx_4qlzt_290"
 };
   

package/internal/components/options-list/styles.css.js

@@ -1,8 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "options-list": "awsui_options-list_19gcf_blw6k_141",
-  "options-list-embedded": "awsui_options-list-embedded_19gcf_blw6k_187",
-  "decrease-block-margin": "awsui_decrease-block-margin_19gcf_blw6k_194"
+  "options-list": "awsui_options-list_19gcf_g3hbn_145",
+  "options-list-embedded": "awsui_options-list-embedded_19gcf_g3hbn_191",
+  "decrease-block-margin": "awsui_decrease-block-margin_19gcf_g3hbn_198"
 };
   

package/internal/components/options-list/styles.scoped.css

@@ -136,9 +136,13 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_options-list_19gcf_blw6k_141:not(#\9) {
+.awsui_options-list_19gcf_g3hbn_145:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
@@ -185,13 +189,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-start-radius: var(--border-radius-dropdown-0dhh79, 8px);
   border-end-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
 }
-.awsui_options-list-embedded_19gcf_blw6k_187:not(#\9) {
+.awsui_options-list-embedded_19gcf_g3hbn_191:not(#\9) {
   border-start-start-radius: 0px;
   border-start-end-radius: 0px;
   border-end-start-radius: 0px;
   border-end-end-radius: 0px;
 }
 
-.awsui_decrease-block-margin_19gcf_blw6k_194:not(#\9) {
+.awsui_decrease-block-margin_19gcf_g3hbn_198:not(#\9) {
   margin-block: -1px;
 }

package/internal/components/options-list/styles.selectors.js

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "options-list": "awsui_options-list_19gcf_blw6k_141",
-  "options-list-embedded": "awsui_options-list-embedded_19gcf_blw6k_187",
-  "decrease-block-margin": "awsui_decrease-block-margin_19gcf_blw6k_194"
+  "options-list": "awsui_options-list_19gcf_g3hbn_145",
+  "options-list-embedded": "awsui_options-list-embedded_19gcf_g3hbn_191",
+  "decrease-block-margin": "awsui_decrease-block-margin_19gcf_g3hbn_198"
 };
   

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

@@ -1 +1 @@
-{"version":3,"file":"use-keyboard.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/options-list/utils/use-keyboard.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAMxE,UAAU,eAAe;IACvB,CAAC,UAAU,EAAE;QACX,IAAI,EAAE,MAAM,IAAI,CAAC;QACjB,MAAM,EAAE,MAAM,IAAI,CAAC;QACnB,YAAY,EAAE,MAAM,IAAI,CAAC;QACzB,MAAM,EAAE,MAAM,IAAI,CAAC;QACnB,KAAK,EAAE,MAAM,IAAI,CAAC;QAClB,aAAa,EAAE,MAAM,IAAI,CAAC;QAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;KAC9B,GAAG,sBAAsB,CAAC,aAAa,CAAC,CAAC;CAC3C;AAED,eAAO,MAAM,eAAe,EAAE,eA2C7B,CAAC;AAEF,UAAU,kBAAkB;IAC1B,CAAC,UAAU,EAAE;QAAE,YAAY,EAAE,MAAM,IAAI,CAAC;QAAC,MAAM,EAAE,MAAM,IAAI,CAAA;KAAE,GAAG,sBAAsB,CAAC,aAAa,CAAC,CAAC;CACvG;AAED,eAAO,MAAM,kBAAkB,EAAE,kBAmBhC,CAAC"}
+{"version":3,"file":"use-keyboard.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/options-list/utils/use-keyboard.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAMxE,UAAU,eAAe;IACvB,CAAC,UAAU,EAAE;QACX,IAAI,EAAE,MAAM,IAAI,CAAC;QACjB,MAAM,EAAE,MAAM,IAAI,CAAC;QACnB,YAAY,EAAE,MAAM,IAAI,CAAC;QACzB,MAAM,EAAE,MAAM,IAAI,CAAC;QACnB,KAAK,EAAE,MAAM,IAAI,CAAC;QAClB,aAAa,EAAE,MAAM,IAAI,CAAC;QAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;KAC9B,GAAG,sBAAsB,CAAC,aAAa,CAAC,CAAC;CAC3C;AAED,eAAO,MAAM,eAAe,EAAE,eAwC7B,CAAC;AAEF,UAAU,kBAAkB;IAC1B,CAAC,UAAU,EAAE;QAAE,YAAY,EAAE,MAAM,IAAI,CAAC;QAAC,MAAM,EAAE,MAAM,IAAI,CAAA;KAAE,GAAG,sBAAsB,CAAC,aAAa,CAAC,CAAC;CACvG;AAED,eAAO,MAAM,kBAAkB,EAAE,kBAgBhC,CAAC"}

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

@@ -1,18 +1,15 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-import { useCallback } from 'react';
 import { KeyCode } from '../../../keycode';
 const HOME = 36;
 const END = 35;
 export const useMenuKeyboard = ({ goUp, goDown, selectOption, goHome, goEnd, closeDropdown, preventNativeSpace = false, }) => {
-    return useCallback((e) => {
-        switch (e.detail.keyCode) {
+    return (event) => {
+        switch (event.detail.keyCode) {
             case KeyCode.up:
-                e.preventDefault();
+                event.preventDefault();
                 goUp();
                 break;
             case KeyCode.down:
-                e.preventDefault();
+                event.preventDefault();
                 goDown();
                 break;
             case HOME:
@@ -22,36 +19,36 @@ export const useMenuKeyboard = ({ goUp, goDown, selectOption, goHome, goEnd, clo
                 goEnd();
                 break;
             case KeyCode.escape:
-                e.stopPropagation();
+                event.stopPropagation();
                 closeDropdown();
                 break;
             case KeyCode.enter:
-                e.preventDefault();
+                event.preventDefault();
                 selectOption();
                 break;
             case KeyCode.space:
                 if (preventNativeSpace) {
-                    e.preventDefault();
+                    event.preventDefault();
                     selectOption();
                 }
         }
-    }, [selectOption, goHome, goEnd, closeDropdown, preventNativeSpace, goUp, goDown]);
+    };
 };
 export const useTriggerKeyboard = ({ openDropdown, goHome }) => {
-    return useCallback((e) => {
-        switch (e.detail.keyCode) {
+    return (event) => {
+        switch (event.detail.keyCode) {
             case KeyCode.up:
             case KeyCode.down:
-                e.preventDefault();
+                event.preventDefault();
                 goHome();
                 openDropdown();
                 break;
             case KeyCode.space:
             case KeyCode.enter:
-                e.preventDefault();
+                event.preventDefault();
                 openDropdown();
                 break;
         }
-    }, [openDropdown, goHome]);
+    };
 };
 //# sourceMappingURL=use-keyboard.js.map

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;AAGpC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,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';\n\nimport { BaseKeyDetail, CancelableEventHandler } from '../../../events';\nimport { KeyCode } from '../../../keycode';\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"]}
+{"version":3,"file":"use-keyboard.js","sourceRoot":"","sources":["../../../../../../src/internal/components/options-list/utils/use-keyboard.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,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,CAAC,KAAiC,EAAE,EAAE;QAC3C,QAAQ,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE;YAC5B,KAAK,OAAO,CAAC,EAAE;gBACb,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,EAAE,CAAC;gBACP,MAAM;YACR,KAAK,OAAO,CAAC,IAAI;gBACf,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,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,KAAK,CAAC,eAAe,EAAE,CAAC;gBACxB,aAAa,EAAE,CAAC;gBAChB,MAAM;YACR,KAAK,OAAO,CAAC,KAAK;gBAChB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,YAAY,EAAE,CAAC;gBACf,MAAM;YACR,KAAK,OAAO,CAAC,KAAK;gBAChB,IAAI,kBAAkB,EAAE;oBACtB,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,YAAY,EAAE,CAAC;iBAChB;SACJ;IACH,CAAC,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,kBAAkB,GAAuB,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,EAAE;IACjF,OAAO,CAAC,KAAiC,EAAE,EAAE;QAC3C,QAAQ,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE;YAC5B,KAAK,OAAO,CAAC,EAAE,CAAC;YAChB,KAAK,OAAO,CAAC,IAAI;gBACf,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,MAAM,EAAE,CAAC;gBACT,YAAY,EAAE,CAAC;gBACf,MAAM;YACR,KAAK,OAAO,CAAC,KAAK,CAAC;YACnB,KAAK,OAAO,CAAC,KAAK;gBAChB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,YAAY,EAAE,CAAC;gBACf,MAAM;SACT;IACH,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseKeyDetail, CancelableEventHandler } from '../../../events';\nimport { KeyCode } from '../../../keycode';\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 (event: CustomEvent<BaseKeyDetail>) => {\n    switch (event.detail.keyCode) {\n      case KeyCode.up:\n        event.preventDefault();\n        goUp();\n        break;\n      case KeyCode.down:\n        event.preventDefault();\n        goDown();\n        break;\n      case HOME:\n        goHome();\n        break;\n      case END:\n        goEnd();\n        break;\n      case KeyCode.escape:\n        event.stopPropagation();\n        closeDropdown();\n        break;\n      case KeyCode.enter:\n        event.preventDefault();\n        selectOption();\n        break;\n      case KeyCode.space:\n        if (preventNativeSpace) {\n          event.preventDefault();\n          selectOption();\n        }\n    }\n  };\n};\n\ninterface UseTriggerKeyboard {\n  (inputProps: { openDropdown: () => void; goHome: () => void }): CancelableEventHandler<BaseKeyDetail>;\n}\n\nexport const useTriggerKeyboard: UseTriggerKeyboard = ({ openDropdown, goHome }) => {\n  return (event: CustomEvent<BaseKeyDetail>) => {\n    switch (event.detail.keyCode) {\n      case KeyCode.up:\n      case KeyCode.down:\n        event.preventDefault();\n        goHome();\n        openDropdown();\n        break;\n      case KeyCode.space:\n      case KeyCode.enter:\n        event.preventDefault();\n        openDropdown();\n        break;\n    }\n  };\n};\n"]}

package/internal/components/panel-resize-handle/styles.css.js

@@ -1,10 +1,10 @@
 
     import './styles.scoped.css';
     export default {
-  "slider": "awsui_slider_cqzlk_1jpgs_141",
-  "slider-side": "awsui_slider-side_cqzlk_1jpgs_176",
-  "slider-icon": "awsui_slider-icon_cqzlk_1jpgs_183",
-  "slider-icon-bottom": "awsui_slider-icon-bottom_cqzlk_1jpgs_189",
-  "slider-icon-side": "awsui_slider-icon-side_cqzlk_1jpgs_193"
+  "slider": "awsui_slider_cqzlk_1vl2o_145",
+  "slider-side": "awsui_slider-side_cqzlk_1vl2o_180",
+  "slider-icon": "awsui_slider-icon_cqzlk_1vl2o_187",
+  "slider-icon-bottom": "awsui_slider-icon-bottom_cqzlk_1vl2o_193",
+  "slider-icon-side": "awsui_slider-icon-side_cqzlk_1vl2o_197"
 };
   

package/internal/components/panel-resize-handle/styles.scoped.css

@@ -136,9 +136,13 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_slider_cqzlk_1jpgs_141:not(#\9) {
+.awsui_slider_cqzlk_1vl2o_145:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   cursor: ns-resize;
@@ -148,17 +152,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: 16px;
   touch-action: none;
 }
-.awsui_slider_cqzlk_1jpgs_141:not(#\9):focus {
+.awsui_slider_cqzlk_1vl2o_145:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1jpgs_141:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1vl2o_145:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1jpgs_141:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1vl2o_145:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1jpgs_141:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1vl2o_145:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -173,23 +177,23 @@ body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1jpgs_141:not(#\9):focus
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
 
-.awsui_slider-side_cqzlk_1jpgs_176:not(#\9) {
+.awsui_slider-side_cqzlk_1vl2o_180:not(#\9) {
   cursor: ew-resize;
   margin-block: 0;
   margin-inline-start: 2px;
   margin-inline-end: 0;
 }
 
-.awsui_slider-icon_cqzlk_1jpgs_183:not(#\9) {
+.awsui_slider-icon_cqzlk_1vl2o_187:not(#\9) {
   stroke: var(--color-text-interactive-default-tkx8fe, #424650);
 }
-.awsui_slider-icon_cqzlk_1jpgs_183:not(#\9):hover {
+.awsui_slider-icon_cqzlk_1vl2o_187:not(#\9):hover {
   stroke: var(--color-text-interactive-hover-f9gqs8, #0f141a);
 }
-.awsui_slider-icon-bottom_cqzlk_1jpgs_189:not(#\9) {
+.awsui_slider-icon-bottom_cqzlk_1vl2o_193:not(#\9) {
   margin-block: auto;
   margin-inline: auto;
 }
-.awsui_slider-icon-side_cqzlk_1jpgs_193:not(#\9) {
+.awsui_slider-icon-side_cqzlk_1vl2o_197:not(#\9) {
   transform: rotate(90deg);
 }

package/internal/components/panel-resize-handle/styles.selectors.js

@@ -2,10 +2,10 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "slider": "awsui_slider_cqzlk_1jpgs_141",
-  "slider-side": "awsui_slider-side_cqzlk_1jpgs_176",
-  "slider-icon": "awsui_slider-icon_cqzlk_1jpgs_183",
-  "slider-icon-bottom": "awsui_slider-icon-bottom_cqzlk_1jpgs_189",
-  "slider-icon-side": "awsui_slider-icon-side_cqzlk_1jpgs_193"
+  "slider": "awsui_slider_cqzlk_1vl2o_145",
+  "slider-side": "awsui_slider-side_cqzlk_1vl2o_180",
+  "slider-icon": "awsui_slider-icon_cqzlk_1vl2o_187",
+  "slider-icon-bottom": "awsui_slider-icon-bottom_cqzlk_1vl2o_193",
+  "slider-icon-side": "awsui_slider-icon-side_cqzlk_1vl2o_197"
 };
   

package/internal/components/screenreader-only/styles.css.js

@@ -1,6 +1,6 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_xttbq_1ekiv_141"
+  "root": "awsui_root_xttbq_1rjuy_145"
 };
   

package/internal/components/screenreader-only/styles.scoped.css

@@ -136,9 +136,13 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_xttbq_1ekiv_141:not(#\9) {
+.awsui_root_xttbq_1rjuy_145:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;

package/internal/components/screenreader-only/styles.selectors.js

@@ -2,6 +2,6 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_xttbq_1ekiv_141"
+  "root": "awsui_root_xttbq_1rjuy_145"
 };
   

package/internal/components/selectable-item/styles.css.js

@@ -1,21 +1,21 @@
 
     import './styles.scoped.css';
     export default {
-  "selectable-item": "awsui_selectable-item_15o6u_1ubja_141",
-  "pad-bottom": "awsui_pad-bottom_15o6u_1ubja_163",
-  "has-background": "awsui_has-background_15o6u_1ubja_170",
-  "highlighted": "awsui_highlighted_15o6u_1ubja_173",
-  "selected": "awsui_selected_15o6u_1ubja_173",
-  "disabled": "awsui_disabled_15o6u_1ubja_191",
-  "next-item-selected": "awsui_next-item-selected_15o6u_1ubja_201",
-  "is-keyboard": "awsui_is-keyboard_15o6u_1ubja_213",
-  "parent": "awsui_parent_15o6u_1ubja_217",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_1ubja_221",
-  "child": "awsui_child_15o6u_1ubja_237",
-  "virtual": "awsui_virtual_15o6u_1ubja_252",
-  "measure-strut": "awsui_measure-strut_15o6u_1ubja_263",
-  "measure-strut-first": "awsui_measure-strut-first_15o6u_1ubja_272",
-  "screenreader-content": "awsui_screenreader-content_15o6u_1ubja_276",
-  "option-content": "awsui_option-content_15o6u_1ubja_282"
+  "selectable-item": "awsui_selectable-item_15o6u_ieaqn_145",
+  "pad-bottom": "awsui_pad-bottom_15o6u_ieaqn_167",
+  "has-background": "awsui_has-background_15o6u_ieaqn_174",
+  "highlighted": "awsui_highlighted_15o6u_ieaqn_177",
+  "selected": "awsui_selected_15o6u_ieaqn_177",
+  "disabled": "awsui_disabled_15o6u_ieaqn_195",
+  "next-item-selected": "awsui_next-item-selected_15o6u_ieaqn_205",
+  "is-keyboard": "awsui_is-keyboard_15o6u_ieaqn_217",
+  "parent": "awsui_parent_15o6u_ieaqn_221",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_ieaqn_225",
+  "child": "awsui_child_15o6u_ieaqn_241",
+  "virtual": "awsui_virtual_15o6u_ieaqn_256",
+  "measure-strut": "awsui_measure-strut_15o6u_ieaqn_267",
+  "measure-strut-first": "awsui_measure-strut-first_15o6u_ieaqn_276",
+  "screenreader-content": "awsui_screenreader-content_15o6u_ieaqn_280",
+  "option-content": "awsui_option-content_15o6u_ieaqn_286"
 };