@cloudscape-design/components-themeable 3.0.853 → 3.0.855

package/lib/internal/template/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_1wvpj_141",
-  "expanded": "awsui_expanded_m5h9f_1wvpj_193",
-  "offset-right-none": "awsui_offset-right-none_m5h9f_1wvpj_204",
-  "offset-right-l": "awsui_offset-right-l_m5h9f_1wvpj_207",
-  "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_1wvpj_210",
-  "text": "awsui_text_m5h9f_1wvpj_235",
-  "icon": "awsui_icon_m5h9f_1wvpj_239"
+  "button": "awsui_button_m5h9f_wtvx9_145",
+  "expanded": "awsui_expanded_m5h9f_wtvx9_197",
+  "offset-right-none": "awsui_offset-right-none_m5h9f_wtvx9_208",
+  "offset-right-l": "awsui_offset-right-l_m5h9f_wtvx9_211",
+  "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_wtvx9_214",
+  "text": "awsui_text_m5h9f_wtvx9_239",
+  "icon": "awsui_icon_m5h9f_wtvx9_243"
 };
   

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

@@ -1,22 +1,22 @@
 
     import './styles.scoped.css';
     export default {
-  "option": "awsui_option_1p2cx_1ovip_149",
-  "disabled": "awsui_disabled_1p2cx_1ovip_186",
-  "parent": "awsui_parent_1p2cx_1ovip_189",
-  "highlighted": "awsui_highlighted_1p2cx_1ovip_192",
-  "content": "awsui_content_1p2cx_1ovip_196",
-  "label-content": "awsui_label-content_1p2cx_1ovip_203",
-  "label": "awsui_label_1p2cx_1ovip_203",
-  "tag": "awsui_tag_1p2cx_1ovip_210",
-  "label-tag": "awsui_label-tag_1p2cx_1ovip_211",
-  "label-prefix": "awsui_label-prefix_1p2cx_1ovip_221",
-  "tags": "awsui_tags_1p2cx_1ovip_234",
-  "description": "awsui_description_1p2cx_1ovip_235",
-  "selected": "awsui_selected_1p2cx_1ovip_246",
-  "icon": "awsui_icon_1p2cx_1ovip_260",
-  "icon-size-big": "awsui_icon-size-big_1p2cx_1ovip_267",
-  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_1ovip_271",
-  "trigger-variant": "awsui_trigger-variant_1p2cx_1ovip_286"
+  "option": "awsui_option_1p2cx_1k7wc_153",
+  "disabled": "awsui_disabled_1p2cx_1k7wc_190",
+  "parent": "awsui_parent_1p2cx_1k7wc_193",
+  "highlighted": "awsui_highlighted_1p2cx_1k7wc_196",
+  "content": "awsui_content_1p2cx_1k7wc_200",
+  "label-content": "awsui_label-content_1p2cx_1k7wc_207",
+  "label": "awsui_label_1p2cx_1k7wc_207",
+  "tag": "awsui_tag_1p2cx_1k7wc_214",
+  "label-tag": "awsui_label-tag_1p2cx_1k7wc_215",
+  "label-prefix": "awsui_label-prefix_1p2cx_1k7wc_225",
+  "tags": "awsui_tags_1p2cx_1k7wc_238",
+  "description": "awsui_description_1p2cx_1k7wc_239",
+  "selected": "awsui_selected_1p2cx_1k7wc_250",
+  "icon": "awsui_icon_1p2cx_1k7wc_264",
+  "icon-size-big": "awsui_icon-size-big_1p2cx_1k7wc_271",
+  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_1k7wc_275",
+  "trigger-variant": "awsui_trigger-variant_1p2cx_1k7wc_290"
 };
   

package/lib/internal/template/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_1ovip_149:not(#\9) {
+.awsui_option_1p2cx_1k7wc_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_1ovip_149:not(#\9):not(.awsui_disabled_1p2cx_1ovip_186) {
+.awsui_option_1p2cx_1k7wc_153:not(#\9):not(.awsui_disabled_1p2cx_1k7wc_190) {
   cursor: inherit;
 }
-.awsui_option_1p2cx_1ovip_149.awsui_parent_1p2cx_1ovip_189:not(#\9) {
+.awsui_option_1p2cx_1k7wc_153.awsui_parent_1p2cx_1k7wc_193:not(#\9) {
   font-weight: bold;
 }
-.awsui_option_1p2cx_1ovip_149.awsui_parent_1p2cx_1ovip_189:not(#\9):not(.awsui_disabled_1p2cx_1ovip_186):not(.awsui_highlighted_1p2cx_1ovip_192) {
+.awsui_option_1p2cx_1k7wc_153.awsui_parent_1p2cx_1k7wc_193:not(#\9):not(.awsui_disabled_1p2cx_1k7wc_190):not(.awsui_highlighted_1p2cx_1k7wc_196) {
   color: var(--color-text-dropdown-group-label-h1uzwg, #545b64);
 }
 
-.awsui_content_1p2cx_1ovip_196:not(#\9) {
+.awsui_content_1p2cx_1k7wc_200:not(#\9) {
   inline-size: 100%;
   display: flex;
   flex-direction: column;
   min-inline-size: 0;
 }
 
-.awsui_label-content_1p2cx_1ovip_203:not(#\9) {
+.awsui_label-content_1p2cx_1k7wc_207:not(#\9) {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
 }
 
-.awsui_label_1p2cx_1ovip_203:not(#\9),
-.awsui_tag_1p2cx_1ovip_210:not(#\9),
-.awsui_label-tag_1p2cx_1ovip_211:not(#\9) {
+.awsui_label_1p2cx_1k7wc_207:not(#\9),
+.awsui_tag_1p2cx_1k7wc_214:not(#\9),
+.awsui_label-tag_1p2cx_1k7wc_215:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
 }
 
-.awsui_label_1p2cx_1ovip_203:not(#\9),
-.awsui_tag_1p2cx_1ovip_210:not(#\9) {
+.awsui_label_1p2cx_1k7wc_207:not(#\9),
+.awsui_tag_1p2cx_1k7wc_214:not(#\9) {
   flex-wrap: wrap;
 }
 
-.awsui_label-prefix_1p2cx_1ovip_221:not(#\9) {
+.awsui_label-prefix_1p2cx_1k7wc_225:not(#\9) {
   font-weight: 700;
 }
 
-.awsui_label-tag_1p2cx_1ovip_211:not(#\9) {
+.awsui_label-tag_1p2cx_1k7wc_215:not(#\9) {
   padding-inline-start: var(--space-s-vmutj3, 12px);
   flex: auto;
   text-align: end;
 }
-.awsui_label-tag_1p2cx_1ovip_211:not(#\9):empty {
+.awsui_label-tag_1p2cx_1k7wc_215:not(#\9):empty {
   display: none;
 }
 
-.awsui_tags_1p2cx_1ovip_234:not(#\9),
-.awsui_description_1p2cx_1ovip_235:not(#\9) {
+.awsui_tags_1p2cx_1k7wc_238:not(#\9),
+.awsui_description_1p2cx_1k7wc_239:not(#\9) {
   font-size: var(--font-size-body-s-4dzx5q, 12px);
   line-height: var(--line-height-body-s-egzl4q, 16px);
   letter-spacing: var(--letter-spacing-body-s-cbaxyl, normal);
   color: var(--color-text-dropdown-item-secondary-e9qaxj, #687078);
   flex-wrap: wrap;
 }
-.awsui_tags_1p2cx_1ovip_234.awsui_highlighted_1p2cx_1ovip_192:not(#\9),
-.awsui_description_1p2cx_1ovip_235.awsui_highlighted_1p2cx_1ovip_192:not(#\9) {
+.awsui_tags_1p2cx_1k7wc_238.awsui_highlighted_1p2cx_1k7wc_196:not(#\9),
+.awsui_description_1p2cx_1k7wc_239.awsui_highlighted_1p2cx_1k7wc_196:not(#\9) {
   color: var(--color-text-dropdown-item-secondary-hover-t5irby, #687078);
 }
-.awsui_tags_1p2cx_1ovip_234.awsui_selected_1p2cx_1ovip_246:not(#\9),
-.awsui_description_1p2cx_1ovip_235.awsui_selected_1p2cx_1ovip_246:not(#\9) {
+.awsui_tags_1p2cx_1k7wc_238.awsui_selected_1p2cx_1k7wc_250:not(#\9),
+.awsui_description_1p2cx_1k7wc_239.awsui_selected_1p2cx_1k7wc_250:not(#\9) {
   color: var(--color-text-dropdown-item-secondary-e9qaxj, #687078);
 }
 
-.awsui_tags_1p2cx_1ovip_234:not(#\9) {
+.awsui_tags_1p2cx_1k7wc_238:not(#\9) {
   display: flex;
   align-items: stretch;
 }
 
-.awsui_tag_1p2cx_1ovip_210:not(#\9):not(:last-child) {
+.awsui_tag_1p2cx_1k7wc_214:not(#\9):not(:last-child) {
   padding-inline-end: var(--space-m-u91ipm, 16px);
 }
 
-.awsui_icon_1p2cx_1ovip_260:not(#\9) {
+.awsui_icon_1p2cx_1k7wc_264:not(#\9) {
   padding-inline-end: var(--space-xs-6dgkww, 8px);
   align-content: center;
   display: flex;
   flex-shrink: 0;
 }
 
-.awsui_icon-size-big_1p2cx_1ovip_267:not(#\9) {
+.awsui_icon-size-big_1p2cx_1k7wc_271:not(#\9) {
   padding-block-start: var(--space-option-icon-big-top-wh0y7a, 2px);
 }
 
-.awsui_filtering-match-highlight_1p2cx_1ovip_271:not(#\9) {
+.awsui_filtering-match-highlight_1p2cx_1k7wc_275:not(#\9) {
   background-color: var(--color-background-dropdown-item-filter-match-ifarp3, #f1faff);
   color: var(--color-text-dropdown-item-filter-match-krqyb4, #0073bb);
   font-weight: bold;
 }
 
-.awsui_disabled_1p2cx_1ovip_186:not(#\9) {
+.awsui_disabled_1p2cx_1k7wc_190:not(#\9) {
   color: var(--color-text-dropdown-item-disabled-gk1x2u, #aab7b8);
   pointer-events: none;
 }
-.awsui_disabled_1p2cx_1ovip_186 > .awsui_content_1p2cx_1ovip_196 > .awsui_tags_1p2cx_1ovip_234:not(#\9),
-.awsui_disabled_1p2cx_1ovip_186 > .awsui_content_1p2cx_1ovip_196 > .awsui_description_1p2cx_1ovip_235:not(#\9) {
+.awsui_disabled_1p2cx_1k7wc_190 > .awsui_content_1p2cx_1k7wc_200 > .awsui_tags_1p2cx_1k7wc_238:not(#\9),
+.awsui_disabled_1p2cx_1k7wc_190 > .awsui_content_1p2cx_1k7wc_200 > .awsui_description_1p2cx_1k7wc_239:not(#\9) {
   color: currentColor;
 }
 
-.awsui_trigger-variant_1p2cx_1ovip_286:not(#\9) {
+.awsui_trigger-variant_1p2cx_1k7wc_290:not(#\9) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;

package/lib/internal/template/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_1ovip_149",
-  "disabled": "awsui_disabled_1p2cx_1ovip_186",
-  "parent": "awsui_parent_1p2cx_1ovip_189",
-  "highlighted": "awsui_highlighted_1p2cx_1ovip_192",
-  "content": "awsui_content_1p2cx_1ovip_196",
-  "label-content": "awsui_label-content_1p2cx_1ovip_203",
-  "label": "awsui_label_1p2cx_1ovip_203",
-  "tag": "awsui_tag_1p2cx_1ovip_210",
-  "label-tag": "awsui_label-tag_1p2cx_1ovip_211",
-  "label-prefix": "awsui_label-prefix_1p2cx_1ovip_221",
-  "tags": "awsui_tags_1p2cx_1ovip_234",
-  "description": "awsui_description_1p2cx_1ovip_235",
-  "selected": "awsui_selected_1p2cx_1ovip_246",
-  "icon": "awsui_icon_1p2cx_1ovip_260",
-  "icon-size-big": "awsui_icon-size-big_1p2cx_1ovip_267",
-  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_1ovip_271",
-  "trigger-variant": "awsui_trigger-variant_1p2cx_1ovip_286"
+  "option": "awsui_option_1p2cx_1k7wc_153",
+  "disabled": "awsui_disabled_1p2cx_1k7wc_190",
+  "parent": "awsui_parent_1p2cx_1k7wc_193",
+  "highlighted": "awsui_highlighted_1p2cx_1k7wc_196",
+  "content": "awsui_content_1p2cx_1k7wc_200",
+  "label-content": "awsui_label-content_1p2cx_1k7wc_207",
+  "label": "awsui_label_1p2cx_1k7wc_207",
+  "tag": "awsui_tag_1p2cx_1k7wc_214",
+  "label-tag": "awsui_label-tag_1p2cx_1k7wc_215",
+  "label-prefix": "awsui_label-prefix_1p2cx_1k7wc_225",
+  "tags": "awsui_tags_1p2cx_1k7wc_238",
+  "description": "awsui_description_1p2cx_1k7wc_239",
+  "selected": "awsui_selected_1p2cx_1k7wc_250",
+  "icon": "awsui_icon_1p2cx_1k7wc_264",
+  "icon-size-big": "awsui_icon-size-big_1p2cx_1k7wc_271",
+  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_1k7wc_275",
+  "trigger-variant": "awsui_trigger-variant_1p2cx_1k7wc_290"
 };
   

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

@@ -1,8 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "options-list": "awsui_options-list_19gcf_ryqto_141",
-  "options-list-embedded": "awsui_options-list-embedded_19gcf_ryqto_187",
-  "decrease-block-margin": "awsui_decrease-block-margin_19gcf_ryqto_194"
+  "options-list": "awsui_options-list_19gcf_tnufo_145",
+  "options-list-embedded": "awsui_options-list-embedded_19gcf_tnufo_191",
+  "decrease-block-margin": "awsui_decrease-block-margin_19gcf_tnufo_198"
 };
   

package/lib/internal/template/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_ryqto_141:not(#\9) {
+.awsui_options-list_19gcf_tnufo_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-knc5ce, 0px);
   border-end-end-radius: var(--border-radius-dropdown-knc5ce, 0px);
 }
-.awsui_options-list-embedded_19gcf_ryqto_187:not(#\9) {
+.awsui_options-list-embedded_19gcf_tnufo_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_ryqto_194:not(#\9) {
+.awsui_decrease-block-margin_19gcf_tnufo_198:not(#\9) {
   margin-block: -1px;
 }

package/lib/internal/template/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_ryqto_141",
-  "options-list-embedded": "awsui_options-list-embedded_19gcf_ryqto_187",
-  "decrease-block-margin": "awsui_decrease-block-margin_19gcf_ryqto_194"
+  "options-list": "awsui_options-list_19gcf_tnufo_145",
+  "options-list-embedded": "awsui_options-list-embedded_19gcf_tnufo_191",
+  "decrease-block-margin": "awsui_decrease-block-margin_19gcf_tnufo_198"
 };
   

package/lib/internal/template/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/lib/internal/template/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/lib/internal/template/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/lib/internal/template/internal/components/panel-resize-handle/styles.css.js

@@ -1,10 +1,10 @@
 
     import './styles.scoped.css';
     export default {
-  "slider": "awsui_slider_cqzlk_pj1ak_141",
-  "slider-side": "awsui_slider-side_cqzlk_pj1ak_176",
-  "slider-icon": "awsui_slider-icon_cqzlk_pj1ak_183",
-  "slider-icon-bottom": "awsui_slider-icon-bottom_cqzlk_pj1ak_189",
-  "slider-icon-side": "awsui_slider-icon-side_cqzlk_pj1ak_193"
+  "slider": "awsui_slider_cqzlk_vw9m6_145",
+  "slider-side": "awsui_slider-side_cqzlk_vw9m6_180",
+  "slider-icon": "awsui_slider-icon_cqzlk_vw9m6_187",
+  "slider-icon-bottom": "awsui_slider-icon-bottom_cqzlk_vw9m6_193",
+  "slider-icon-side": "awsui_slider-icon-side_cqzlk_vw9m6_197"
 };
   

package/lib/internal/template/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_pj1ak_141:not(#\9) {
+.awsui_slider_cqzlk_vw9m6_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_pj1ak_141:not(#\9):focus {
+.awsui_slider_cqzlk_vw9m6_145:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_pj1ak_141:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_vw9m6_145:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_pj1ak_141:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_vw9m6_145:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_pj1ak_141:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_vw9m6_145:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -173,23 +177,23 @@ body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_pj1ak_141:not(#\9):focus
   box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
 }
 
-.awsui_slider-side_cqzlk_pj1ak_176:not(#\9) {
+.awsui_slider-side_cqzlk_vw9m6_180:not(#\9) {
   cursor: ew-resize;
   margin-block: 0;
   margin-inline-start: 2px;
   margin-inline-end: 0;
 }
 
-.awsui_slider-icon_cqzlk_pj1ak_183:not(#\9) {
+.awsui_slider-icon_cqzlk_vw9m6_187:not(#\9) {
   stroke: var(--color-text-interactive-default-t1snbz, #545b64);
 }
-.awsui_slider-icon_cqzlk_pj1ak_183:not(#\9):hover {
+.awsui_slider-icon_cqzlk_vw9m6_187:not(#\9):hover {
   stroke: var(--color-text-interactive-hover-kxltdh, #16191f);
 }
-.awsui_slider-icon-bottom_cqzlk_pj1ak_189:not(#\9) {
+.awsui_slider-icon-bottom_cqzlk_vw9m6_193:not(#\9) {
   margin-block: auto;
   margin-inline: auto;
 }
-.awsui_slider-icon-side_cqzlk_pj1ak_193:not(#\9) {
+.awsui_slider-icon-side_cqzlk_vw9m6_197:not(#\9) {
   transform: rotate(90deg);
 }

package/lib/internal/template/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_pj1ak_141",
-  "slider-side": "awsui_slider-side_cqzlk_pj1ak_176",
-  "slider-icon": "awsui_slider-icon_cqzlk_pj1ak_183",
-  "slider-icon-bottom": "awsui_slider-icon-bottom_cqzlk_pj1ak_189",
-  "slider-icon-side": "awsui_slider-icon-side_cqzlk_pj1ak_193"
+  "slider": "awsui_slider_cqzlk_vw9m6_145",
+  "slider-side": "awsui_slider-side_cqzlk_vw9m6_180",
+  "slider-icon": "awsui_slider-icon_cqzlk_vw9m6_187",
+  "slider-icon-bottom": "awsui_slider-icon-bottom_cqzlk_vw9m6_193",
+  "slider-icon-side": "awsui_slider-icon-side_cqzlk_vw9m6_197"
 };
   

package/lib/internal/template/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/lib/internal/template/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/lib/internal/template/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/lib/internal/template/internal/components/selectable-item/styles.css.js

@@ -1,21 +1,21 @@
 
     import './styles.scoped.css';
     export default {
-  "selectable-item": "awsui_selectable-item_15o6u_sh5kl_141",
-  "pad-bottom": "awsui_pad-bottom_15o6u_sh5kl_163",
-  "has-background": "awsui_has-background_15o6u_sh5kl_170",
-  "highlighted": "awsui_highlighted_15o6u_sh5kl_173",
-  "selected": "awsui_selected_15o6u_sh5kl_173",
-  "disabled": "awsui_disabled_15o6u_sh5kl_191",
-  "next-item-selected": "awsui_next-item-selected_15o6u_sh5kl_201",
-  "is-keyboard": "awsui_is-keyboard_15o6u_sh5kl_213",
-  "parent": "awsui_parent_15o6u_sh5kl_217",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_sh5kl_221",
-  "child": "awsui_child_15o6u_sh5kl_237",
-  "virtual": "awsui_virtual_15o6u_sh5kl_252",
-  "measure-strut": "awsui_measure-strut_15o6u_sh5kl_263",
-  "measure-strut-first": "awsui_measure-strut-first_15o6u_sh5kl_272",
-  "screenreader-content": "awsui_screenreader-content_15o6u_sh5kl_276",
-  "option-content": "awsui_option-content_15o6u_sh5kl_282"
+  "selectable-item": "awsui_selectable-item_15o6u_1iszo_145",
+  "pad-bottom": "awsui_pad-bottom_15o6u_1iszo_167",
+  "has-background": "awsui_has-background_15o6u_1iszo_174",
+  "highlighted": "awsui_highlighted_15o6u_1iszo_177",
+  "selected": "awsui_selected_15o6u_1iszo_177",
+  "disabled": "awsui_disabled_15o6u_1iszo_195",
+  "next-item-selected": "awsui_next-item-selected_15o6u_1iszo_205",
+  "is-keyboard": "awsui_is-keyboard_15o6u_1iszo_217",
+  "parent": "awsui_parent_15o6u_1iszo_221",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_1iszo_225",
+  "child": "awsui_child_15o6u_1iszo_241",
+  "virtual": "awsui_virtual_15o6u_1iszo_256",
+  "measure-strut": "awsui_measure-strut_15o6u_1iszo_267",
+  "measure-strut-first": "awsui_measure-strut-first_15o6u_1iszo_276",
+  "screenreader-content": "awsui_screenreader-content_15o6u_1iszo_280",
+  "option-content": "awsui_option-content_15o6u_1iszo_286"
 };