@cloudscape-design/components 3.0.43 → 3.0.46

package/date-range-picker/styles.scoped.css

@@ -90,11 +90,11 @@ 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_calendar_mgja0_622o7_93:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-0_mgja0_622o7_1 var(--motion-duration-show-quick-tyaalm, 135ms) var(--motion-easing-show-quick-1fcgbv, ease-out);
+.awsui_calendar_mgja0_z4fdg_93:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-0_mgja0_z4fdg_1 var(--motion-duration-show-quick-tyaalm, 135ms) var(--motion-easing-show-quick-1fcgbv, ease-out);
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in-0_mgja0_622o7_1 {
+@keyframes awsui_awsui-motion-fade-in-0_mgja0_z4fdg_1 {
   from {
     opacity: 0;
   }
@@ -103,12 +103,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_calendar_mgja0_622o7_93:not(#\9) {
+  .awsui_calendar_mgja0_z4fdg_93:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_calendar_mgja0_622o7_93:not(#\9), .awsui-mode-entering .awsui_calendar_mgja0_622o7_93:not(#\9) {
+.awsui-motion-disabled .awsui_calendar_mgja0_z4fdg_93:not(#\9), .awsui-mode-entering .awsui_calendar_mgja0_z4fdg_93:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -117,7 +117,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_root_mgja0_622o7_120:not(#\9) {
+.awsui_root_mgja0_z4fdg_120:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -155,28 +155,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   max-width: 32em;
 }
 
-.awsui_trigger-wrapper_mgja0_622o7_132:not(#\9) {
+.awsui_trigger-wrapper_mgja0_z4fdg_132:not(#\9) {
   min-width: calc(var(--size-calendar-grid-width-lxsx0p, 238px) + 2 * var(--space-l-4vl6xu, 20px));
 }
 
-.awsui_trigger-flexbox_mgja0_622o7_136:not(#\9) {
+.awsui_trigger-flexbox_mgja0_z4fdg_136:not(#\9) {
   display: flex;
 }
 
-.awsui_calendar_mgja0_622o7_93:not(#\9) {
+.awsui_calendar_mgja0_z4fdg_93:not(#\9) {
   display: block;
   width: calc(2 * var(--size-calendar-grid-width-lxsx0p, 238px) + var(--space-xs-rsr2qu, 8px));
 }
-.awsui_calendar_mgja0_622o7_93.awsui_one-grid_mgja0_622o7_144:not(#\9) {
+.awsui_calendar_mgja0_z4fdg_93.awsui_one-grid_mgja0_z4fdg_144:not(#\9) {
   width: var(--size-calendar-grid-width-lxsx0p, 238px);
 }
-.awsui_calendar-header_mgja0_622o7_147:not(#\9) {
+.awsui_calendar-header_mgja0_z4fdg_147:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }
-.awsui_calendar-header-months-wrapper_mgja0_622o7_153:not(#\9) {
+.awsui_calendar-header-months-wrapper_mgja0_z4fdg_153:not(#\9) {
   position: absolute;
   right: 0;
   left: 0;
@@ -188,7 +188,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   flex: 1;
   pointer-events: none;
 }
-.awsui_calendar-header-month_mgja0_622o7_153:not(#\9) {
+.awsui_calendar-header-month_mgja0_z4fdg_153:not(#\9) {
   font-size: var(--font-body-m-size-sregvd, 14px);
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
   font-weight: 700;
@@ -196,17 +196,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
   pointer-events: auto;
 }
-.awsui_calendar-next-month-btn_mgja0_622o7_173:not(#\9) {
+.awsui_calendar-next-month-btn_mgja0_z4fdg_173:not(#\9) {
   /* used for identifying element */
 }
-.awsui_calendar-prev-month-btn_mgja0_622o7_176:not(#\9) {
+.awsui_calendar-prev-month-btn_mgja0_z4fdg_176:not(#\9) {
   /* used for identifying element */
 }
-.awsui_calendar-day-names_mgja0_622o7_179:not(#\9) {
+.awsui_calendar-day-names_mgja0_z4fdg_179:not(#\9) {
   display: flex;
   justify-content: stretch;
 }
-.awsui_calendar-day-name_mgja0_622o7_179:not(#\9) {
+.awsui_calendar-day-name_mgja0_z4fdg_179:not(#\9) {
   flex: 1 1 0%;
   width: 0;
   word-break: break-word;
@@ -217,133 +217,133 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   line-height: var(--font-body-s-line-height-kdsbrl, 16px);
   letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
 }
-.awsui_calendar-week_mgja0_622o7_194:not(#\9) {
+.awsui_calendar-week_mgja0_z4fdg_194:not(#\9) {
   display: flex;
   justify-content: stretch;
 }
 
-.awsui_first-grid_mgja0_622o7_199:not(#\9),
-.awsui_second-grid_mgja0_622o7_200:not(#\9) {
+.awsui_first-grid_mgja0_z4fdg_199:not(#\9),
+.awsui_second-grid_mgja0_z4fdg_200:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_grid_mgja0_622o7_204:not(#\9) {
+.awsui_grid_mgja0_z4fdg_204:not(#\9) {
   width: var(--size-calendar-grid-width-lxsx0p, 238px);
 }
 
-.awsui_date-and-time-wrapper_mgja0_622o7_208:not(#\9) {
+.awsui_date-and-time-wrapper_mgja0_z4fdg_208:not(#\9) {
   display: flex;
   width: var(--size-calendar-grid-width-lxsx0p, 238px);
 }
-.awsui_date-and-time-wrapper__date_mgja0_622o7_212:not(#\9) {
+.awsui_date-and-time-wrapper__date_mgja0_z4fdg_212:not(#\9) {
   margin-right: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_date-and-time-wrapper_mgja0_622o7_208 > .awsui_date-and-time-wrapper__time_mgja0_622o7_215:not(#\9), .awsui_date-and-time-wrapper_mgja0_622o7_208 > .awsui_date-and-time-wrapper__date_mgja0_622o7_212:not(#\9) {
+.awsui_date-and-time-wrapper_mgja0_z4fdg_208 > .awsui_date-and-time-wrapper__time_mgja0_z4fdg_215:not(#\9), .awsui_date-and-time-wrapper_mgja0_z4fdg_208 > .awsui_date-and-time-wrapper__date_mgja0_z4fdg_212:not(#\9) {
   flex-grow: 1;
 }
 
-.awsui_date-and-time-constrainttext_mgja0_622o7_219:not(#\9) {
+.awsui_date-and-time-constrainttext_mgja0_z4fdg_219:not(#\9) {
   color: var(--color-text-form-secondary-ih9x7l, #5f6b7a);
   font-size: var(--font-body-s-size-ukw2p9, 12px);
   line-height: var(--font-body-s-line-height-kdsbrl, 16px);
   letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
 }
 
-.awsui_footer_mgja0_622o7_226:not(#\9) {
+.awsui_footer_mgja0_z4fdg_226:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-end;
   border-top: 1px solid var(--color-border-dropdown-item-default-faosd8, #e9ebed);
   padding: 0 var(--space-l-4vl6xu, 20px) var(--space-s-hv8c1d, 12px);
 }
-.awsui_footer_mgja0_622o7_226.awsui_has-clear-button_mgja0_622o7_233:not(#\9) {
+.awsui_footer_mgja0_z4fdg_226.awsui_has-clear-button_mgja0_z4fdg_233:not(#\9) {
   justify-content: space-between;
 }
-.awsui_footer_mgja0_622o7_226.awsui_one-grid_mgja0_622o7_144:not(#\9) {
+.awsui_footer_mgja0_z4fdg_226.awsui_one-grid_mgja0_z4fdg_144:not(#\9) {
   padding: 0 var(--space-xs-rsr2qu, 8px) var(--space-s-hv8c1d, 12px);
 }
 
-.awsui_footer-button-wrapper_mgja0_622o7_240:not(#\9) {
+.awsui_footer-button-wrapper_mgja0_z4fdg_240:not(#\9) {
   padding-top: var(--space-s-hv8c1d, 12px);
 }
 
-.awsui_icon-wrapper_mgja0_622o7_244:not(#\9) {
+.awsui_icon-wrapper_mgja0_z4fdg_244:not(#\9) {
   color: var(--color-text-interactive-default-eg5fsa, #414d5c);
   margin-right: var(--space-xs-rsr2qu, 8px);
 }
 
-.awsui_label_mgja0_622o7_249:not(#\9) {
+.awsui_label_mgja0_z4fdg_249:not(#\9) {
   -webkit-user-select: text;
           user-select: text;
   cursor: default;
 }
 
-.awsui_label_mgja0_622o7_249.awsui_label-enabled_mgja0_622o7_254:not(#\9):hover > .awsui_trigger-flexbox_mgja0_622o7_136 > .awsui_icon-wrapper_mgja0_622o7_244 {
+.awsui_label_mgja0_z4fdg_249.awsui_label-enabled_mgja0_z4fdg_254:not(#\9):hover > .awsui_trigger-flexbox_mgja0_z4fdg_136 > .awsui_icon-wrapper_mgja0_z4fdg_244 {
   color: var(--color-text-interactive-hover-v3lasm, #000716);
 }
 
-.awsui_label-text_mgja0_622o7_258:not(#\9) {
+.awsui_label-text_mgja0_z4fdg_258:not(#\9) {
   color: var(--color-text-input-placeholder-j53j3c, #5f6b7a);
   font-style: italic;
 }
 
-.awsui_mode-switch_mgja0_622o7_263:not(#\9) {
+.awsui_mode-switch_mgja0_z4fdg_263:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_dropdown_mgja0_622o7_267:not(#\9) {
+.awsui_dropdown_mgja0_z4fdg_267:not(#\9) {
   overflow: auto;
   border-top: 1px solid var(--color-border-container-top-srcvx4, transparent);
   border-bottom: 1px solid var(--color-border-container-top-srcvx4, transparent);
   border-radius: var(--border-radius-dropdown-ujknaf, 8px);
 }
-.awsui_dropdown_mgja0_622o7_267:not(#\9):focus {
+.awsui_dropdown_mgja0_z4fdg_267:not(#\9):focus {
   outline: none;
 }
-.awsui_dropdown_mgja0_622o7_267[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_dropdown_mgja0_z4fdg_267[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
-  border-radius: var(--border-radius-container-gh9ysk, 16px);
+  border-radius: var(--border-radius-dropdown-ujknaf, 8px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }
 
-.awsui_dropdown-content_mgja0_622o7_283:not(#\9) {
+.awsui_dropdown-content_mgja0_z4fdg_283:not(#\9) {
   -webkit-user-select: text;
           user-select: text;
   background-color: var(--color-background-container-content-i8i4a0, #ffffff);
   width: calc(2 * var(--size-calendar-grid-width-lxsx0p, 238px) + var(--space-xs-rsr2qu, 8px) + 2 * var(--space-l-4vl6xu, 20px));
 }
-.awsui_dropdown-content_mgja0_622o7_283.awsui_one-grid_mgja0_622o7_144:not(#\9) {
+.awsui_dropdown-content_mgja0_z4fdg_283.awsui_one-grid_mgja0_z4fdg_144:not(#\9) {
   width: calc(var(--size-calendar-grid-width-lxsx0p, 238px) + 2 * var(--space-l-4vl6xu, 20px));
 }
 
-.awsui_start-date-input_mgja0_622o7_292:not(#\9),
-.awsui_start-time-input_mgja0_622o7_293:not(#\9),
-.awsui_end-date-input_mgja0_622o7_294:not(#\9),
-.awsui_end-time-input_mgja0_622o7_295:not(#\9) {
+.awsui_start-date-input_mgja0_z4fdg_292:not(#\9),
+.awsui_start-time-input_mgja0_z4fdg_293:not(#\9),
+.awsui_end-date-input_mgja0_z4fdg_294:not(#\9),
+.awsui_end-time-input_mgja0_z4fdg_295:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_validation-section_mgja0_622o7_299:not(#\9) {
+.awsui_validation-section_mgja0_z4fdg_299:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_validation-error_mgja0_622o7_303:not(#\9) {
+.awsui_validation-error_mgja0_z4fdg_303:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_clear-button_mgja0_622o7_307:not(#\9) {
+.awsui_clear-button_mgja0_z4fdg_307:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_apply-button_mgja0_622o7_311:not(#\9) {
+.awsui_apply-button_mgja0_z4fdg_311:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_cancel-button_mgja0_622o7_315:not(#\9) {
+.awsui_cancel-button_mgja0_z4fdg_315:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_calendar-aria-live_mgja0_622o7_319:not(#\9) {
+.awsui_calendar-aria-live_mgja0_z4fdg_319:not(#\9) {
   /* used in test-utils */
 }

package/date-range-picker/styles.selectors.js

@@ -2,46 +2,46 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "calendar": "awsui_calendar_mgja0_622o7_93",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_622o7_1",
-  "root": "awsui_root_mgja0_622o7_120",
-  "trigger-wrapper": "awsui_trigger-wrapper_mgja0_622o7_132",
-  "trigger-flexbox": "awsui_trigger-flexbox_mgja0_622o7_136",
-  "one-grid": "awsui_one-grid_mgja0_622o7_144",
-  "calendar-header": "awsui_calendar-header_mgja0_622o7_147",
-  "calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_622o7_153",
-  "calendar-header-month": "awsui_calendar-header-month_mgja0_622o7_153",
-  "calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_622o7_173",
-  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_622o7_176",
-  "calendar-day-names": "awsui_calendar-day-names_mgja0_622o7_179",
-  "calendar-day-name": "awsui_calendar-day-name_mgja0_622o7_179",
-  "calendar-week": "awsui_calendar-week_mgja0_622o7_194",
-  "first-grid": "awsui_first-grid_mgja0_622o7_199",
-  "second-grid": "awsui_second-grid_mgja0_622o7_200",
-  "grid": "awsui_grid_mgja0_622o7_204",
-  "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_622o7_208",
-  "date-and-time-wrapper__date": "awsui_date-and-time-wrapper__date_mgja0_622o7_212",
-  "date-and-time-wrapper__time": "awsui_date-and-time-wrapper__time_mgja0_622o7_215",
-  "date-and-time-constrainttext": "awsui_date-and-time-constrainttext_mgja0_622o7_219",
-  "footer": "awsui_footer_mgja0_622o7_226",
-  "has-clear-button": "awsui_has-clear-button_mgja0_622o7_233",
-  "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_622o7_240",
-  "icon-wrapper": "awsui_icon-wrapper_mgja0_622o7_244",
-  "label": "awsui_label_mgja0_622o7_249",
-  "label-enabled": "awsui_label-enabled_mgja0_622o7_254",
-  "label-text": "awsui_label-text_mgja0_622o7_258",
-  "mode-switch": "awsui_mode-switch_mgja0_622o7_263",
-  "dropdown": "awsui_dropdown_mgja0_622o7_267",
-  "dropdown-content": "awsui_dropdown-content_mgja0_622o7_283",
-  "start-date-input": "awsui_start-date-input_mgja0_622o7_292",
-  "start-time-input": "awsui_start-time-input_mgja0_622o7_293",
-  "end-date-input": "awsui_end-date-input_mgja0_622o7_294",
-  "end-time-input": "awsui_end-time-input_mgja0_622o7_295",
-  "validation-section": "awsui_validation-section_mgja0_622o7_299",
-  "validation-error": "awsui_validation-error_mgja0_622o7_303",
-  "clear-button": "awsui_clear-button_mgja0_622o7_307",
-  "apply-button": "awsui_apply-button_mgja0_622o7_311",
-  "cancel-button": "awsui_cancel-button_mgja0_622o7_315",
-  "calendar-aria-live": "awsui_calendar-aria-live_mgja0_622o7_319"
+  "calendar": "awsui_calendar_mgja0_z4fdg_93",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_z4fdg_1",
+  "root": "awsui_root_mgja0_z4fdg_120",
+  "trigger-wrapper": "awsui_trigger-wrapper_mgja0_z4fdg_132",
+  "trigger-flexbox": "awsui_trigger-flexbox_mgja0_z4fdg_136",
+  "one-grid": "awsui_one-grid_mgja0_z4fdg_144",
+  "calendar-header": "awsui_calendar-header_mgja0_z4fdg_147",
+  "calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_z4fdg_153",
+  "calendar-header-month": "awsui_calendar-header-month_mgja0_z4fdg_153",
+  "calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_z4fdg_173",
+  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_z4fdg_176",
+  "calendar-day-names": "awsui_calendar-day-names_mgja0_z4fdg_179",
+  "calendar-day-name": "awsui_calendar-day-name_mgja0_z4fdg_179",
+  "calendar-week": "awsui_calendar-week_mgja0_z4fdg_194",
+  "first-grid": "awsui_first-grid_mgja0_z4fdg_199",
+  "second-grid": "awsui_second-grid_mgja0_z4fdg_200",
+  "grid": "awsui_grid_mgja0_z4fdg_204",
+  "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_z4fdg_208",
+  "date-and-time-wrapper__date": "awsui_date-and-time-wrapper__date_mgja0_z4fdg_212",
+  "date-and-time-wrapper__time": "awsui_date-and-time-wrapper__time_mgja0_z4fdg_215",
+  "date-and-time-constrainttext": "awsui_date-and-time-constrainttext_mgja0_z4fdg_219",
+  "footer": "awsui_footer_mgja0_z4fdg_226",
+  "has-clear-button": "awsui_has-clear-button_mgja0_z4fdg_233",
+  "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_z4fdg_240",
+  "icon-wrapper": "awsui_icon-wrapper_mgja0_z4fdg_244",
+  "label": "awsui_label_mgja0_z4fdg_249",
+  "label-enabled": "awsui_label-enabled_mgja0_z4fdg_254",
+  "label-text": "awsui_label-text_mgja0_z4fdg_258",
+  "mode-switch": "awsui_mode-switch_mgja0_z4fdg_263",
+  "dropdown": "awsui_dropdown_mgja0_z4fdg_267",
+  "dropdown-content": "awsui_dropdown-content_mgja0_z4fdg_283",
+  "start-date-input": "awsui_start-date-input_mgja0_z4fdg_292",
+  "start-time-input": "awsui_start-time-input_mgja0_z4fdg_293",
+  "end-date-input": "awsui_end-date-input_mgja0_z4fdg_294",
+  "end-time-input": "awsui_end-time-input_mgja0_z4fdg_295",
+  "validation-section": "awsui_validation-section_mgja0_z4fdg_299",
+  "validation-error": "awsui_validation-error_mgja0_z4fdg_303",
+  "clear-button": "awsui_clear-button_mgja0_z4fdg_307",
+  "apply-button": "awsui_apply-button_mgja0_z4fdg_311",
+  "cancel-button": "awsui_cancel-button_mgja0_z4fdg_315",
+  "calendar-aria-live": "awsui_calendar-aria-live_mgja0_z4fdg_319"
 };
   

package/expandable-section/expandable-section-container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"expandable-section-container.d.ts","sourceRoot":"","sources":["../../../src/expandable-section/expandable-section-container.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,UAAU,+BAAgC,SAAQ,0BAA0B;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,EAAE,sBAAsB,CAAC,OAAO,CAAC;IACxC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,sBAAsB,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7C;AAED,eAAO,MAAM,0BAA0B,2GASpC,+BAA+B,gBAuBjC,CAAC"}
+{"version":3,"file":"expandable-section-container.d.ts","sourceRoot":"","sources":["../../../src/expandable-section/expandable-section-container.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,UAAU,+BAAgC,SAAQ,0BAA0B;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,EAAE,sBAAsB,CAAC,OAAO,CAAC;IACxC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,sBAAsB,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7C;AAED,eAAO,MAAM,0BAA0B,2GASpC,+BAA+B,gBAwBjC,CAAC"}

package/expandable-section/expandable-section-container.js

@@ -6,7 +6,7 @@ import React from 'react';
 export var ExpandableSectionContainer = function (_a) {
     var className = _a.className, children = _a.children, header = _a.header, variant = _a.variant, expanded = _a.expanded, disableContentPaddings = _a.disableContentPaddings, __internalRootRef = _a.__internalRootRef, rest = __rest(_a, ["className", "children", "header", "variant", "expanded", "disableContentPaddings", "__internalRootRef"]);
     if (variant === 'container') {
-        return (React.createElement(InternalContainer, __assign({}, rest, { className: className, header: header, variant: "default", disableContentPaddings: disableContentPaddings || !expanded, disableHeaderPaddings: true, __internalRootRef: __internalRootRef }), children));
+        return (React.createElement(InternalContainer, __assign({}, rest, { className: className, header: header, variant: "default", disableContentPaddings: disableContentPaddings || !expanded, disableHeaderPaddings: true, __hiddenContent: !expanded, __internalRootRef: __internalRootRef }), children));
     }
     return (React.createElement("div", __assign({ className: className }, rest, { ref: __internalRootRef }),
         header,

package/expandable-section/expandable-section-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"expandable-section-container.js","sourceRoot":"","sources":["../../../src/expandable-section/expandable-section-container.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,iBAAiB,MAAM,uBAAuB,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,MAAM,CAAC,IAAM,0BAA0B,GAAG,UAAC,EAST;IARhC,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,sBAAsB,4BAAA,EACtB,iBAAiB,uBAAA,EACd,IAAI,cARkC,yGAS1C,CADQ;IAEP,IAAI,OAAO,KAAK,WAAW,EAAE;QAC3B,OAAO,CACL,oBAAC,iBAAiB,eACZ,IAAI,IACR,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,SAAS,EACjB,sBAAsB,EAAE,sBAAsB,IAAI,CAAC,QAAQ,EAC3D,qBAAqB,EAAE,IAAI,EAC3B,iBAAiB,EAAE,iBAAiB,KAEnC,QAAQ,CACS,CACrB,CAAC;KACH;IAED,OAAO,CACL,sCAAK,SAAS,EAAE,SAAS,IAAM,IAAI,IAAE,GAAG,EAAE,iBAAiB;QACxD,MAAM;QACN,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport InternalContainer from '../container/internal';\nimport React from 'react';\nimport { ExpandableSectionProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\ninterface ExpandableSectionContainerProps extends InternalBaseComponentProps {\n  className?: string;\n  header: React.ReactNode;\n  children?: React.ReactNode;\n  variant: ExpandableSectionProps.Variant;\n  expanded: boolean | undefined;\n  disableContentPaddings: boolean | undefined;\n}\n\nexport const ExpandableSectionContainer = ({\n  className,\n  children,\n  header,\n  variant,\n  expanded,\n  disableContentPaddings,\n  __internalRootRef,\n  ...rest\n}: ExpandableSectionContainerProps) => {\n  if (variant === 'container') {\n    return (\n      <InternalContainer\n        {...rest}\n        className={className}\n        header={header}\n        variant=\"default\"\n        disableContentPaddings={disableContentPaddings || !expanded}\n        disableHeaderPaddings={true}\n        __internalRootRef={__internalRootRef}\n      >\n        {children}\n      </InternalContainer>\n    );\n  }\n\n  return (\n    <div className={className} {...rest} ref={__internalRootRef}>\n      {header}\n      {children}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"expandable-section-container.js","sourceRoot":"","sources":["../../../src/expandable-section/expandable-section-container.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,iBAAiB,MAAM,uBAAuB,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,MAAM,CAAC,IAAM,0BAA0B,GAAG,UAAC,EAST;IARhC,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,sBAAsB,4BAAA,EACtB,iBAAiB,uBAAA,EACd,IAAI,cARkC,yGAS1C,CADQ;IAEP,IAAI,OAAO,KAAK,WAAW,EAAE;QAC3B,OAAO,CACL,oBAAC,iBAAiB,eACZ,IAAI,IACR,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,SAAS,EACjB,sBAAsB,EAAE,sBAAsB,IAAI,CAAC,QAAQ,EAC3D,qBAAqB,EAAE,IAAI,EAC3B,eAAe,EAAE,CAAC,QAAQ,EAC1B,iBAAiB,EAAE,iBAAiB,KAEnC,QAAQ,CACS,CACrB,CAAC;KACH;IAED,OAAO,CACL,sCAAK,SAAS,EAAE,SAAS,IAAM,IAAI,IAAE,GAAG,EAAE,iBAAiB;QACxD,MAAM;QACN,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport InternalContainer from '../container/internal';\nimport React from 'react';\nimport { ExpandableSectionProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\ninterface ExpandableSectionContainerProps extends InternalBaseComponentProps {\n  className?: string;\n  header: React.ReactNode;\n  children?: React.ReactNode;\n  variant: ExpandableSectionProps.Variant;\n  expanded: boolean | undefined;\n  disableContentPaddings: boolean | undefined;\n}\n\nexport const ExpandableSectionContainer = ({\n  className,\n  children,\n  header,\n  variant,\n  expanded,\n  disableContentPaddings,\n  __internalRootRef,\n  ...rest\n}: ExpandableSectionContainerProps) => {\n  if (variant === 'container') {\n    return (\n      <InternalContainer\n        {...rest}\n        className={className}\n        header={header}\n        variant=\"default\"\n        disableContentPaddings={disableContentPaddings || !expanded}\n        disableHeaderPaddings={true}\n        __hiddenContent={!expanded}\n        __internalRootRef={__internalRootRef}\n      >\n        {children}\n      </InternalContainer>\n    );\n  }\n\n  return (\n    <div className={className} {...rest} ref={__internalRootRef}>\n      {header}\n      {children}\n    </div>\n  );\n};\n"]}

package/internal/components/autosuggest-input/index.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { FormFieldValidationControlProps } from '../../context/form-field-context';
+import { BaseComponentProps } from '../../base-component';
+import { NonCancelableEventHandler } from '../../events';
+import { BaseChangeDetail, BaseInputProps, InputKeyEvents, InputProps } from '../../../input/interfaces';
+import { ExpandToViewport } from '../dropdown/interfaces';
+import { InternalBaseComponentProps } from '../../hooks/use-base-component';
+export interface AutosuggestInputProps extends BaseComponentProps, BaseInputProps, InputKeyEvents, FormFieldValidationControlProps, ExpandToViewport, InternalBaseComponentProps {
+    ariaControls?: string;
+    ariaActivedescendant?: string;
+    dropdownExpanded?: boolean;
+    dropdownContent?: React.ReactNode;
+    dropdownFooter?: React.ReactNode;
+    dropdownWidth?: number;
+    onCloseDropdown?: NonCancelableEventHandler<null>;
+    onDelayedInput?: NonCancelableEventHandler<BaseChangeDetail>;
+    onPressArrowDown?: () => void;
+    onPressArrowUp?: () => void;
+    onPressEnter?: () => boolean;
+}
+export interface AutosuggestInputRef extends InputProps.Ref {
+    focusNoOpen(): void;
+    open(): void;
+    close(): void;
+}
+declare const AutosuggestInput: React.ForwardRefExoticComponent<AutosuggestInputProps & React.RefAttributes<AutosuggestInputRef>>;
+export default AutosuggestInput;
+//# sourceMappingURL=index.d.ts.map

package/internal/components/autosuggest-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/autosuggest-input/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAgE,MAAM,OAAO,CAAC;AAIrF,OAAO,EAAE,+BAA+B,EAAuB,MAAM,kCAAkC,CAAC;AACxG,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AAExE,OAAO,EAKL,yBAAyB,EAC1B,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEzG,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAK5E,MAAM,WAAW,qBACf,SAAQ,kBAAkB,EACxB,cAAc,EACd,cAAc,EACd,+BAA+B,EAC/B,gBAAgB,EAChB,0BAA0B;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAClD,cAAc,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,CAAC;IAC7D,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,OAAO,CAAC;CAC9B;AAED,MAAM,WAAW,mBAAoB,SAAQ,UAAU,CAAC,GAAG;IACzD,WAAW,IAAI,IAAI,CAAC;IACpB,IAAI,IAAI,IAAI,CAAC;IACb,KAAK,IAAI,IAAI,CAAC;CACf;AAED,QAAA,MAAM,gBAAgB,mGAwNrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/internal/components/autosuggest-input/index.js

@@ -0,0 +1,141 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { __assign, __rest } from "tslib";
+import React, { useRef, useState, useImperativeHandle, useEffect } from 'react';
+import Dropdown from '../dropdown';
+import { useFormFieldContext } from '../../context/form-field-context';
+import { getBaseProps } from '../../base-component';
+import { useUniqueId } from '../../hooks/use-unique-id';
+import { fireCancelableEvent, fireNonCancelableEvent, getBlurEventRelatedTarget, } from '../../events';
+import InternalInput from '../../../input/internal';
+import { getFocusables } from '../focus-lock/utils';
+import { KeyCode } from '../../keycode';
+import styles from './styles.css.js';
+import clsx from 'clsx';
+var AutosuggestInput = React.forwardRef(function (_a, ref) {
+    var value = _a.value, onChange = _a.onChange, onBlur = _a.onBlur, onFocus = _a.onFocus, onKeyUp = _a.onKeyUp, onKeyDown = _a.onKeyDown, name = _a.name, placeholder = _a.placeholder, disabled = _a.disabled, readOnly = _a.readOnly, autoFocus = _a.autoFocus, ariaLabel = _a.ariaLabel, ariaRequired = _a.ariaRequired, _b = _a.disableBrowserAutocorrect, disableBrowserAutocorrect = _b === void 0 ? false : _b, expandToViewport = _a.expandToViewport, ariaControls = _a.ariaControls, ariaActivedescendant = _a.ariaActivedescendant, dropdownExpanded = _a.dropdownExpanded, _c = _a.dropdownContent, dropdownContent = _c === void 0 ? null : _c, _d = _a.dropdownFooter, dropdownFooter = _d === void 0 ? null : _d, dropdownWidth = _a.dropdownWidth, onCloseDropdown = _a.onCloseDropdown, onDelayedInput = _a.onDelayedInput, onPressArrowDown = _a.onPressArrowDown, onPressArrowUp = _a.onPressArrowUp, onPressEnter = _a.onPressEnter, __internalRootRef = _a.__internalRootRef, restProps = __rest(_a, ["value", "onChange", "onBlur", "onFocus", "onKeyUp", "onKeyDown", "name", "placeholder", "disabled", "readOnly", "autoFocus", "ariaLabel", "ariaRequired", "disableBrowserAutocorrect", "expandToViewport", "ariaControls", "ariaActivedescendant", "dropdownExpanded", "dropdownContent", "dropdownFooter", "dropdownWidth", "onCloseDropdown", "onDelayedInput", "onPressArrowDown", "onPressArrowUp", "onPressEnter", "__internalRootRef"]);
+    var baseProps = getBaseProps(restProps);
+    var formFieldContext = useFormFieldContext(restProps);
+    var dropdownId = useUniqueId('dropdown');
+    var inputRef = useRef(null);
+    var dropdownContentRef = useRef(null);
+    var dropdownFooterRef = useRef(null);
+    var preventOpenOnFocusRef = useRef(false);
+    var _e = useState(false), open = _e[0], setOpen = _e[1];
+    var openDropdown = function () { return !readOnly && setOpen(true); };
+    var closeDropdown = function () {
+        setOpen(false);
+        fireNonCancelableEvent(onCloseDropdown, null);
+    };
+    useImperativeHandle(ref, function () { return ({
+        focus: function () {
+            var _a;
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        },
+        select: function () {
+            var _a;
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.select();
+        },
+        focusNoOpen: function () {
+            var _a;
+            preventOpenOnFocusRef.current = true;
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        },
+        open: openDropdown,
+        close: closeDropdown
+    }); });
+    var handleBlur = function (event) {
+        var _a;
+        var relatedTarget = getBlurEventRelatedTarget(event.nativeEvent);
+        if (event.currentTarget.contains(relatedTarget) || ((_a = dropdownFooterRef.current) === null || _a === void 0 ? void 0 : _a.contains(relatedTarget))) {
+            return;
+        }
+        closeDropdown();
+        fireNonCancelableEvent(onBlur, null);
+    };
+    var handleFocus = function () {
+        if (!preventOpenOnFocusRef.current) {
+            openDropdown();
+            fireNonCancelableEvent(onFocus, null);
+        }
+        preventOpenOnFocusRef.current = false;
+    };
+    var handleMouseDown = function (event) {
+        // Prevent currently focused element from losing focus.
+        event.preventDefault();
+    };
+    var handleKeyDown = function (e) {
+        switch (e.detail.keyCode) {
+            case KeyCode.down: {
+                onPressArrowDown === null || onPressArrowDown === void 0 ? void 0 : onPressArrowDown();
+                openDropdown();
+                e.preventDefault();
+                break;
+            }
+            case KeyCode.up: {
+                onPressArrowUp === null || onPressArrowUp === void 0 ? void 0 : onPressArrowUp();
+                openDropdown();
+                e.preventDefault();
+                break;
+            }
+            case KeyCode.enter: {
+                if (open) {
+                    if (!(onPressEnter === null || onPressEnter === void 0 ? void 0 : onPressEnter())) {
+                        closeDropdown();
+                    }
+                    e.preventDefault();
+                }
+                fireCancelableEvent(onKeyDown, e.detail);
+                break;
+            }
+            case KeyCode.escape: {
+                if (open) {
+                    closeDropdown();
+                }
+                else if (value) {
+                    fireNonCancelableEvent(onChange, { value: '' });
+                }
+                e.preventDefault();
+                fireCancelableEvent(onKeyDown, e.detail);
+                break;
+            }
+            default: {
+                fireCancelableEvent(onKeyDown, e.detail);
+            }
+        }
+    };
+    var handleChange = function (value) {
+        openDropdown();
+        fireNonCancelableEvent(onChange, { value: value });
+    };
+    var handleDelayedInput = function (value) {
+        fireNonCancelableEvent(onDelayedInput, { value: value });
+    };
+    var expanded = open && (dropdownExpanded !== null && dropdownExpanded !== void 0 ? dropdownExpanded : !!dropdownContent);
+    var nativeAttributes = {
+        name: name,
+        placeholder: placeholder,
+        autoFocus: autoFocus,
+        onClick: openDropdown,
+        role: 'combobox',
+        'aria-autocomplete': 'list',
+        'aria-expanded': expanded,
+        'aria-controls': ariaControls,
+        // 'aria-owns' needed for safari+vo to announce activedescendant content
+        'aria-owns': ariaControls,
+        'aria-label': ariaLabel,
+        'aria-activedescendant': ariaActivedescendant
+    };
+    var _f = useState(false), trapDropdownFocus = _f[0], setTrapDropdownFocus = _f[1];
+    // Run this effect on every render to determine if necessary to trap focus around input and dropdown.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    useEffect(function () {
+        setTrapDropdownFocus((dropdownFooterRef.current ? getFocusables(dropdownFooterRef.current).length > 0 : false) ||
+            (dropdownContentRef.current ? getFocusables(dropdownContentRef.current).length > 0 : false));
+    });
+    return (React.createElement("div", __assign({}, baseProps, { className: clsx(baseProps.className, styles.root), ref: __internalRootRef, onBlur: handleBlur }),
+        React.createElement(Dropdown, { minWidth: dropdownWidth, stretchWidth: !dropdownWidth, trigger: React.createElement(InternalInput, __assign({ type: "search", value: value, onChange: function (event) { return handleChange(event.detail.value); }, __onDelayedInput: function (event) { return handleDelayedInput(event.detail.value); }, onFocus: handleFocus, onKeyDown: handleKeyDown, onKeyUp: onKeyUp, disabled: disabled, disableBrowserAutocorrect: disableBrowserAutocorrect, readOnly: readOnly, ariaRequired: ariaRequired, ref: inputRef, autoComplete: false, __nativeAttributes: nativeAttributes }, formFieldContext)), onMouseDown: handleMouseDown, open: open, dropdownId: dropdownId, footer: dropdownFooterRef && (React.createElement("div", { ref: dropdownFooterRef, className: styles['dropdown-footer'] }, dropdownFooter)), expandToViewport: expandToViewport, hasContent: expanded, trapFocus: trapDropdownFocus },
+            React.createElement("div", { ref: dropdownContentRef, className: styles['dropdown-content'] }, open && dropdownContent))));
+});
+export default AutosuggestInput;
+//# sourceMappingURL=index.js.map

package/internal/components/autosuggest-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/autosuggest-input/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { Ref, useRef, useState, useImperativeHandle, useEffect } from 'react';\n\nimport Dropdown from '../dropdown';\n\nimport { FormFieldValidationControlProps, useFormFieldContext } from '../../context/form-field-context';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport { useUniqueId } from '../../hooks/use-unique-id';\nimport {\n  BaseKeyDetail,\n  fireCancelableEvent,\n  fireNonCancelableEvent,\n  getBlurEventRelatedTarget,\n  NonCancelableEventHandler,\n} from '../../events';\nimport InternalInput from '../../../input/internal';\nimport { BaseChangeDetail, BaseInputProps, InputKeyEvents, InputProps } from '../../../input/interfaces';\nimport { getFocusables } from '../focus-lock/utils';\nimport { ExpandToViewport } from '../dropdown/interfaces';\nimport { InternalBaseComponentProps } from '../../hooks/use-base-component';\nimport { KeyCode } from '../../keycode';\nimport styles from './styles.css.js';\nimport clsx from 'clsx';\n\nexport interface AutosuggestInputProps\n  extends BaseComponentProps,\n    BaseInputProps,\n    InputKeyEvents,\n    FormFieldValidationControlProps,\n    ExpandToViewport,\n    InternalBaseComponentProps {\n  ariaControls?: string;\n  ariaActivedescendant?: string;\n  dropdownExpanded?: boolean;\n  dropdownContent?: React.ReactNode;\n  dropdownFooter?: React.ReactNode;\n  dropdownWidth?: number;\n  onCloseDropdown?: NonCancelableEventHandler<null>;\n  onDelayedInput?: NonCancelableEventHandler<BaseChangeDetail>;\n  onPressArrowDown?: () => void;\n  onPressArrowUp?: () => void;\n  onPressEnter?: () => boolean;\n}\n\nexport interface AutosuggestInputRef extends InputProps.Ref {\n  focusNoOpen(): void;\n  open(): void;\n  close(): void;\n}\n\nconst AutosuggestInput = React.forwardRef(\n  (\n    {\n      value,\n      onChange,\n      onBlur,\n      onFocus,\n      onKeyUp,\n      onKeyDown,\n      name,\n      placeholder,\n      disabled,\n      readOnly,\n      autoFocus,\n      ariaLabel,\n      ariaRequired,\n      disableBrowserAutocorrect = false,\n      expandToViewport,\n      ariaControls,\n      ariaActivedescendant,\n      dropdownExpanded,\n      dropdownContent = null,\n      dropdownFooter = null,\n      dropdownWidth,\n      onCloseDropdown,\n      onDelayedInput,\n      onPressArrowDown,\n      onPressArrowUp,\n      onPressEnter,\n      __internalRootRef,\n      ...restProps\n    }: AutosuggestInputProps,\n    ref: Ref<AutosuggestInputRef>\n  ) => {\n    const baseProps = getBaseProps(restProps);\n    const formFieldContext = useFormFieldContext(restProps);\n\n    const dropdownId = useUniqueId('dropdown');\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const dropdownContentRef = useRef<HTMLDivElement>(null);\n    const dropdownFooterRef = useRef<HTMLDivElement>(null);\n    const preventOpenOnFocusRef = useRef(false);\n\n    const [open, setOpen] = useState(false);\n\n    const openDropdown = () => !readOnly && setOpen(true);\n\n    const closeDropdown = () => {\n      setOpen(false);\n      fireNonCancelableEvent(onCloseDropdown, null);\n    };\n\n    useImperativeHandle(ref, () => ({\n      focus() {\n        inputRef.current?.focus();\n      },\n      select() {\n        inputRef.current?.select();\n      },\n      focusNoOpen() {\n        preventOpenOnFocusRef.current = true;\n        inputRef.current?.focus();\n      },\n      open: openDropdown,\n      close: closeDropdown,\n    }));\n\n    const handleBlur: React.FocusEventHandler = event => {\n      const relatedTarget = getBlurEventRelatedTarget(event.nativeEvent);\n      if (event.currentTarget.contains(relatedTarget) || dropdownFooterRef.current?.contains(relatedTarget)) {\n        return;\n      }\n      closeDropdown();\n      fireNonCancelableEvent(onBlur, null);\n    };\n\n    const handleFocus = () => {\n      if (!preventOpenOnFocusRef.current) {\n        openDropdown();\n        fireNonCancelableEvent(onFocus, null);\n      }\n      preventOpenOnFocusRef.current = false;\n    };\n\n    const handleMouseDown: React.MouseEventHandler = event => {\n      // Prevent currently focused element from losing focus.\n      event.preventDefault();\n    };\n\n    const handleKeyDown = (e: CustomEvent<BaseKeyDetail>) => {\n      switch (e.detail.keyCode) {\n        case KeyCode.down: {\n          onPressArrowDown?.();\n          openDropdown();\n          e.preventDefault();\n          break;\n        }\n        case KeyCode.up: {\n          onPressArrowUp?.();\n          openDropdown();\n          e.preventDefault();\n          break;\n        }\n        case KeyCode.enter: {\n          if (open) {\n            if (!onPressEnter?.()) {\n              closeDropdown();\n            }\n            e.preventDefault();\n          }\n          fireCancelableEvent(onKeyDown, e.detail);\n          break;\n        }\n        case KeyCode.escape: {\n          if (open) {\n            closeDropdown();\n          } else if (value) {\n            fireNonCancelableEvent(onChange, { value: '' });\n          }\n          e.preventDefault();\n          fireCancelableEvent(onKeyDown, e.detail);\n          break;\n        }\n        default: {\n          fireCancelableEvent(onKeyDown, e.detail);\n        }\n      }\n    };\n\n    const handleChange = (value: string) => {\n      openDropdown();\n      fireNonCancelableEvent(onChange, { value });\n    };\n\n    const handleDelayedInput = (value: string) => {\n      fireNonCancelableEvent(onDelayedInput, { value });\n    };\n\n    const expanded = open && (dropdownExpanded ?? !!dropdownContent);\n    const nativeAttributes = {\n      name,\n      placeholder,\n      autoFocus,\n      onClick: openDropdown,\n      role: 'combobox',\n      'aria-autocomplete': 'list',\n      'aria-expanded': expanded,\n      'aria-controls': ariaControls,\n      // 'aria-owns' needed for safari+vo to announce activedescendant content\n      'aria-owns': ariaControls,\n      'aria-label': ariaLabel,\n      'aria-activedescendant': ariaActivedescendant,\n    };\n\n    const [trapDropdownFocus, setTrapDropdownFocus] = useState(false);\n\n    // Run this effect on every render to determine if necessary to trap focus around input and dropdown.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    useEffect(() => {\n      setTrapDropdownFocus(\n        (dropdownFooterRef.current ? getFocusables(dropdownFooterRef.current).length > 0 : false) ||\n          (dropdownContentRef.current ? getFocusables(dropdownContentRef.current).length > 0 : false)\n      );\n    });\n\n    return (\n      <div\n        {...baseProps}\n        className={clsx(baseProps.className, styles.root)}\n        ref={__internalRootRef}\n        onBlur={handleBlur}\n      >\n        <Dropdown\n          minWidth={dropdownWidth}\n          stretchWidth={!dropdownWidth}\n          trigger={\n            <InternalInput\n              type=\"search\"\n              value={value}\n              onChange={event => handleChange(event.detail.value)}\n              __onDelayedInput={event => handleDelayedInput(event.detail.value)}\n              onFocus={handleFocus}\n              onKeyDown={handleKeyDown}\n              onKeyUp={onKeyUp}\n              disabled={disabled}\n              disableBrowserAutocorrect={disableBrowserAutocorrect}\n              readOnly={readOnly}\n              ariaRequired={ariaRequired}\n              ref={inputRef}\n              autoComplete={false}\n              __nativeAttributes={nativeAttributes}\n              {...formFieldContext}\n            />\n          }\n          onMouseDown={handleMouseDown}\n          open={open}\n          dropdownId={dropdownId}\n          footer={\n            dropdownFooterRef && (\n              <div ref={dropdownFooterRef} className={styles['dropdown-footer']}>\n                {dropdownFooter}\n              </div>\n            )\n          }\n          expandToViewport={expandToViewport}\n          hasContent={expanded}\n          trapFocus={trapDropdownFocus}\n        >\n          <div ref={dropdownContentRef} className={styles['dropdown-content']}>\n            {open && dropdownContent}\n          </div>\n        </Dropdown>\n      </div>\n    );\n  }\n);\n\nexport default AutosuggestInput;\n"]}

package/internal/components/autosuggest-input/styles.css.js

@@ -0,0 +1,7 @@
+
+    import './styles.scoped.css';
+    export default {
+  "dropdown-footer": "awsui_dropdown-footer_vm8qf_jxdvh_5",
+  "dropdown-content": "awsui_dropdown-content_vm8qf_jxdvh_10"
+};
+  

package/internal/components/autosuggest-input/styles.scoped.css

@@ -0,0 +1,12 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_dropdown-footer_vm8qf_jxdvh_5:not(#\9) {
+  overflow: hidden;
+  flex-shrink: 0;
+}
+
+.awsui_dropdown-content_vm8qf_jxdvh_10:not(#\9) {
+  display: contents;
+}

package/internal/components/autosuggest-input/styles.selectors.js

@@ -0,0 +1,8 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "dropdown-footer": "awsui_dropdown-footer_vm8qf_jxdvh_5",
+  "dropdown-content": "awsui_dropdown-content_vm8qf_jxdvh_10"
+};
+