npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.548 → 3.0.550 - Mend

@cloudscape-design/components-themeable 3.0.548 → 3.0.550

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (418) hide show

package/lib/internal/template/popover/styles.selectors.js CHANGED Viewed

@@ -2,55 +2,55 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "arrow": "awsui_arrow_xjuzf_18t6c_185",
-  "arrow-outer": "awsui_arrow-outer_xjuzf_18t6c_189",
-  "arrow-inner": "awsui_arrow-inner_xjuzf_18t6c_189",
-  "refresh": "awsui_refresh_xjuzf_18t6c_219",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_18t6c_229",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_18t6c_229",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_18t6c_232",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_18t6c_232",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_18t6c_235",
-  "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_18t6c_235",
-  "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_18t6c_235",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_18t6c_235",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_18t6c_238",
-  "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_18t6c_238",
-  "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_18t6c_238",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_18t6c_238",
-  "body": "awsui_body_xjuzf_18t6c_334",
-  "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_18t6c_373",
-  "has-dismiss": "awsui_has-dismiss_xjuzf_18t6c_377",
-  "dismiss": "awsui_dismiss_xjuzf_18t6c_382",
-  "dismiss-control": "awsui_dismiss-control_xjuzf_18t6c_390",
-  "header-row": "awsui_header-row_xjuzf_18t6c_394",
-  "header": "awsui_header_xjuzf_18t6c_394",
-  "content": "awsui_content_xjuzf_18t6c_420",
-  "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_18t6c_428",
-  "container": "awsui_container_xjuzf_18t6c_524",
-  "container-body": "awsui_container-body_xjuzf_18t6c_532",
-  "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_18t6c_575",
-  "container-body-size-small": "awsui_container-body-size-small_xjuzf_18t6c_580",
-  "fixed-width": "awsui_fixed-width_xjuzf_18t6c_583",
-  "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_18t6c_587",
-  "container-body-size-large": "awsui_container-body-size-large_xjuzf_18t6c_594",
-  "container-arrow": "awsui_container-arrow_xjuzf_18t6c_606",
-  "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_18t6c_610",
-  "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_18t6c_610",
-  "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_18t6c_622",
-  "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_18t6c_622",
-  "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_18t6c_634",
-  "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_18t6c_634",
-  "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_18t6c_634",
-  "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_18t6c_634",
-  "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_18t6c_650",
-  "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_18t6c_654",
-  "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_18t6c_658",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_18t6c_1",
-  "root": "awsui_root_xjuzf_18t6c_798",
-  "trigger": "awsui_trigger_xjuzf_18t6c_834",
-  "trigger-type-text": "awsui_trigger-type-text_xjuzf_18t6c_841",
-  "trigger-inner-text": "awsui_trigger-inner-text_xjuzf_18t6c_876",
-  "popover-content": "awsui_popover-content_xjuzf_18t6c_880"
+  "arrow": "awsui_arrow_xjuzf_1o0cc_197",
+  "arrow-outer": "awsui_arrow-outer_xjuzf_1o0cc_201",
+  "arrow-inner": "awsui_arrow-inner_xjuzf_1o0cc_201",
+  "refresh": "awsui_refresh_xjuzf_1o0cc_231",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_1o0cc_241",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_1o0cc_241",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_1o0cc_244",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_1o0cc_244",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_1o0cc_247",
+  "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_1o0cc_247",
+  "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_1o0cc_247",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_1o0cc_247",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_1o0cc_250",
+  "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_1o0cc_250",
+  "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_1o0cc_250",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_1o0cc_250",
+  "body": "awsui_body_xjuzf_1o0cc_352",
+  "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_1o0cc_391",
+  "has-dismiss": "awsui_has-dismiss_xjuzf_1o0cc_395",
+  "dismiss": "awsui_dismiss_xjuzf_1o0cc_400",
+  "dismiss-control": "awsui_dismiss-control_xjuzf_1o0cc_408",
+  "header-row": "awsui_header-row_xjuzf_1o0cc_412",
+  "header": "awsui_header_xjuzf_1o0cc_412",
+  "content": "awsui_content_xjuzf_1o0cc_438",
+  "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_1o0cc_446",
+  "container": "awsui_container_xjuzf_1o0cc_548",
+  "container-body": "awsui_container-body_xjuzf_1o0cc_556",
+  "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_1o0cc_599",
+  "container-body-size-small": "awsui_container-body-size-small_xjuzf_1o0cc_604",
+  "fixed-width": "awsui_fixed-width_xjuzf_1o0cc_607",
+  "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_1o0cc_611",
+  "container-body-size-large": "awsui_container-body-size-large_xjuzf_1o0cc_618",
+  "container-arrow": "awsui_container-arrow_xjuzf_1o0cc_630",
+  "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_1o0cc_634",
+  "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_1o0cc_634",
+  "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_1o0cc_646",
+  "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_1o0cc_646",
+  "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_1o0cc_658",
+  "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_1o0cc_658",
+  "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_1o0cc_658",
+  "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_1o0cc_658",
+  "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_1o0cc_674",
+  "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_1o0cc_678",
+  "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_1o0cc_682",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_1o0cc_1",
+  "root": "awsui_root_xjuzf_1o0cc_828",
+  "trigger": "awsui_trigger_xjuzf_1o0cc_864",
+  "trigger-type-text": "awsui_trigger-type-text_xjuzf_1o0cc_871",
+  "trigger-inner-text": "awsui_trigger-inner-text_xjuzf_1o0cc_906",
+  "popover-content": "awsui_popover-content_xjuzf_1o0cc_910"
 };

package/lib/internal/template/progress-bar/styles.css.js CHANGED Viewed

@@ -1,23 +1,23 @@
     import './styles.scoped.css';
     export default {
-  "progress": "awsui_progress_11huc_1g30v_185",
-  "result-state": "awsui_result-state_11huc_1g30v_199",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_1g30v_1",
-  "root": "awsui_root_11huc_1g30v_221",
-  "with-result-button": "awsui_with-result-button_11huc_1g30v_256",
-  "result-text": "awsui_result-text_11huc_1g30v_260",
-  "result-container-error": "awsui_result-container-error_11huc_1g30v_264",
-  "result-container-success": "awsui_result-container-success_11huc_1g30v_264",
-  "result-button": "awsui_result-button_11huc_1g30v_268",
-  "word-wrap": "awsui_word-wrap_11huc_1g30v_274",
-  "label-flash": "awsui_label-flash_11huc_1g30v_279",
-  "label-key-value": "awsui_label-key-value_11huc_1g30v_283",
-  "flash": "awsui_flash_11huc_1g30v_291",
-  "progress-container": "awsui_progress-container_11huc_1g30v_295",
-  "percentage-container": "awsui_percentage-container_11huc_1g30v_302",
-  "percentage": "awsui_percentage_11huc_1g30v_302",
-  "complete": "awsui_complete_11huc_1g30v_348",
-  "progress-in-flash": "awsui_progress-in-flash_11huc_1g30v_376"
+  "progress": "awsui_progress_11huc_1vgpj_197",
+  "result-state": "awsui_result-state_11huc_1vgpj_211",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_1vgpj_1",
+  "root": "awsui_root_11huc_1vgpj_233",
+  "with-result-button": "awsui_with-result-button_11huc_1vgpj_268",
+  "result-text": "awsui_result-text_11huc_1vgpj_272",
+  "result-container-error": "awsui_result-container-error_11huc_1vgpj_276",
+  "result-container-success": "awsui_result-container-success_11huc_1vgpj_276",
+  "result-button": "awsui_result-button_11huc_1vgpj_280",
+  "word-wrap": "awsui_word-wrap_11huc_1vgpj_286",
+  "label-flash": "awsui_label-flash_11huc_1vgpj_291",
+  "label-key-value": "awsui_label-key-value_11huc_1vgpj_295",
+  "flash": "awsui_flash_11huc_1vgpj_303",
+  "progress-container": "awsui_progress-container_11huc_1vgpj_307",
+  "percentage-container": "awsui_percentage-container_11huc_1vgpj_314",
+  "percentage": "awsui_percentage_11huc_1vgpj_314",
+  "complete": "awsui_complete_11huc_1vgpj_360",
+  "progress-in-flash": "awsui_progress-in-flash_11huc_1vgpj_388"
 };

package/lib/internal/template/progress-bar/styles.scoped.css CHANGED Viewed

@@ -6,6 +6,12 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/* stylelint-disable @cloudscape-design/no-implicit-descendant, plugin/no-unsupported-browser-features, selector-combinator-disallowed-list */
+/* stylelint-enable @cloudscape-design/no-implicit-descendant, plugin/no-unsupported-browser-features, selector-combinator-disallowed-list */
+/*
+ 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
@@ -94,6 +100,12 @@ 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
 */
+/* stylelint-disable @cloudscape-design/no-implicit-descendant, plugin/no-unsupported-browser-features, selector-combinator-disallowed-list */
+/* stylelint-enable @cloudscape-design/no-implicit-descendant, plugin/no-unsupported-browser-features, selector-combinator-disallowed-list */
+/*
+ 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
@@ -182,27 +194,27 @@ 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_progress_11huc_1g30v_185:not(#\9)::-webkit-progress-value {
+.awsui_progress_11huc_1vgpj_197:not(#\9)::-webkit-progress-value {
   -webkit-transition: width var(--motion-duration-moderate-cp984g, 135ms) linear;
   transition: width var(--motion-duration-moderate-cp984g, 135ms) linear;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_progress_11huc_1g30v_185:not(#\9)::-webkit-progress-value {
+  .awsui_progress_11huc_1vgpj_197:not(#\9)::-webkit-progress-value {
     animation: none;
     -webkit-transition: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_progress_11huc_1g30v_185:not(#\9)::-webkit-progress-value, .awsui-mode-entering .awsui_progress_11huc_1g30v_185:not(#\9)::-webkit-progress-value {
+.awsui-motion-disabled .awsui_progress_11huc_1vgpj_197:not(#\9)::-webkit-progress-value, .awsui-mode-entering .awsui_progress_11huc_1vgpj_197:not(#\9)::-webkit-progress-value {
   animation: none;
   -webkit-transition: none;
   transition: none;
 }
-.awsui_result-state_11huc_1g30v_199:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_11huc_1g30v_1 var(--motion-duration-transition-show-paced-wrsk0l, 180ms) var(--motion-easing-transition-show-paced-o52el4, ease-out);
+.awsui_result-state_11huc_1vgpj_211:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_11huc_1vgpj_1 var(--motion-duration-transition-show-paced-wrsk0l, 180ms) var(--motion-easing-transition-show-paced-o52el4, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_11huc_1g30v_1 {
+@keyframes awsui_awsui-motion-fade-in_11huc_1vgpj_1 {
   from {
     opacity: 0.2;
   }
@@ -211,17 +223,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_result-state_11huc_1g30v_199:not(#\9) {
+  .awsui_result-state_11huc_1vgpj_211:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_result-state_11huc_1g30v_199:not(#\9), .awsui-mode-entering .awsui_result-state_11huc_1g30v_199:not(#\9) {
+.awsui-motion-disabled .awsui_result-state_11huc_1vgpj_211:not(#\9), .awsui-mode-entering .awsui_result-state_11huc_1vgpj_211:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_11huc_1g30v_221:not(#\9) {
+.awsui_root_11huc_1vgpj_233:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -257,34 +269,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
-.awsui_with-result-button_11huc_1g30v_256:not(#\9) {
+.awsui_with-result-button_11huc_1vgpj_268:not(#\9) {
   padding-inline-end: var(--space-m-kpg8id, 16px);
 }
-.awsui_result-text_11huc_1g30v_260:not(#\9) {
+.awsui_result-text_11huc_1vgpj_272:not(#\9) {
   /* used in test-utils */
 }
-.awsui_result-container-error_11huc_1g30v_264:not(#\9), .awsui_result-container-success_11huc_1g30v_264:not(#\9) {
+.awsui_result-container-error_11huc_1vgpj_276:not(#\9), .awsui_result-container-success_11huc_1vgpj_276:not(#\9) {
   /* used in test-utils */
 }
-.awsui_result-button_11huc_1g30v_268:not(#\9) {
+.awsui_result-button_11huc_1vgpj_280:not(#\9) {
   display: inline-block;
   margin-block: var(--space-scaled-xxs-t7ij38, 4px);
   margin-inline: 0;
 }
-.awsui_word-wrap_11huc_1g30v_274:not(#\9) {
+.awsui_word-wrap_11huc_1vgpj_286:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
 }
-.awsui_label-flash_11huc_1g30v_279:not(#\9) {
+.awsui_label-flash_11huc_1vgpj_291:not(#\9) {
   color: "inherit";
   font-weight: 700;
 }
-.awsui_label-key-value_11huc_1g30v_283:not(#\9) {
+.awsui_label-key-value_11huc_1vgpj_295:not(#\9) {
   font-size: var(--font-size-body-m-pa3mqb, 14px);
   line-height: var(--line-height-body-m-2zx78l, 22px);
   font-weight: var(--font-display-label-weight-2njs7q, 400);
@@ -292,18 +304,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-end: var(--space-scaled-xxxs-f7yq15, 2px);
 }
-.awsui_flash_11huc_1g30v_291:not(#\9) {
+.awsui_flash_11huc_1vgpj_303:not(#\9) {
   color: inherit;
 }
-.awsui_progress-container_11huc_1g30v_295:not(#\9) {
+.awsui_progress-container_11huc_1vgpj_307:not(#\9) {
   display: flex;
   align-items: center;
   max-inline-size: 800px;
   block-size: var(--line-height-body-m-2zx78l, 22px);
 }
-.awsui_percentage-container_11huc_1g30v_302:not(#\9) {
+.awsui_percentage-container_11huc_1vgpj_314:not(#\9) {
   inline-size: 33px;
   flex-shrink: 0;
   white-space: nowrap;
@@ -313,11 +325,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   letter-spacing: var(--letter-spacing-body-s-nkvets, normal);
 }
-.awsui_percentage_11huc_1g30v_302:not(#\9) {
+.awsui_percentage_11huc_1vgpj_314:not(#\9) {
   /* used in test-utils */
 }
-.awsui_progress_11huc_1g30v_185:not(#\9) {
+.awsui_progress_11huc_1vgpj_197:not(#\9) {
   inline-size: 100%;
   margin-inline-end: var(--space-s-2025hl, 12px);
   min-inline-size: 0;
@@ -331,7 +343,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: 10px;
   background-color: var(--color-background-progress-bar-layout-default-d4fh0m, #eaeded);
 }
-.awsui_progress_11huc_1g30v_185:not(#\9)::-webkit-progress-bar {
+.awsui_progress_11huc_1vgpj_197:not(#\9)::-webkit-progress-bar {
   block-size: 4px;
   border-block: 0;
   border-inline: none;
@@ -342,27 +354,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: 10px;
   background-color: var(--color-background-progress-bar-layout-default-d4fh0m, #eaeded);
 }
-.awsui_progress_11huc_1g30v_185:not(#\9)::-webkit-progress-value {
+.awsui_progress_11huc_1vgpj_197:not(#\9)::-webkit-progress-value {
   border-start-start-radius: 10px;
   border-start-end-radius: 0;
   border-end-start-radius: 10px;
   border-end-end-radius: 0;
   background-color: var(--color-background-progress-bar-content-default-6mb079, #0073bb);
 }
-.awsui_progress_11huc_1g30v_185.awsui_complete_11huc_1g30v_348:not(#\9)::-webkit-progress-value {
+.awsui_progress_11huc_1vgpj_197.awsui_complete_11huc_1vgpj_360:not(#\9)::-webkit-progress-value {
   border-start-start-radius: 10px;
   border-start-end-radius: 10px;
   border-end-start-radius: 10px;
   border-end-end-radius: 10px;
 }
-.awsui_progress_11huc_1g30v_185:not(#\9)::-moz-progress-bar {
+.awsui_progress_11huc_1vgpj_197:not(#\9)::-moz-progress-bar {
   border-start-start-radius: 10px;
   border-start-end-radius: 0;
   border-end-start-radius: 10px;
   border-end-end-radius: 0;
   background-color: var(--color-background-progress-bar-content-default-6mb079, #0073bb);
 }
-.awsui_progress_11huc_1g30v_185:not(#\9)::-ms-fill {
+.awsui_progress_11huc_1vgpj_197:not(#\9)::-ms-fill {
   border-start-start-radius: 10px;
   border-start-end-radius: 0;
   border-end-start-radius: 10px;
@@ -371,24 +383,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-block: none;
   border-inline: none;
 }
-.awsui_progress_11huc_1g30v_185.awsui_complete_11huc_1g30v_348:not(#\9)::-ms-fill {
+.awsui_progress_11huc_1vgpj_197.awsui_complete_11huc_1vgpj_360:not(#\9)::-ms-fill {
   border-start-start-radius: 10px;
   border-start-end-radius: 10px;
   border-end-start-radius: 10px;
   border-end-end-radius: 10px;
 }
-.awsui_progress_11huc_1g30v_185.awsui_progress-in-flash_11huc_1g30v_376:not(#\9) {
+.awsui_progress_11huc_1vgpj_197.awsui_progress-in-flash_11huc_1vgpj_388:not(#\9) {
   background-color: var(--color-background-progress-bar-layout-in-flash-npacz8, rgba(255, 255, 255, 0.25));
 }
-.awsui_progress_11huc_1g30v_185.awsui_progress-in-flash_11huc_1g30v_376:not(#\9)::-webkit-progress-bar {
+.awsui_progress_11huc_1vgpj_197.awsui_progress-in-flash_11huc_1vgpj_388:not(#\9)::-webkit-progress-bar {
   background-color: var(--color-background-progress-bar-layout-in-flash-npacz8, rgba(255, 255, 255, 0.25));
 }
-.awsui_progress_11huc_1g30v_185.awsui_progress-in-flash_11huc_1g30v_376:not(#\9)::-webkit-progress-value {
+.awsui_progress_11huc_1vgpj_197.awsui_progress-in-flash_11huc_1vgpj_388:not(#\9)::-webkit-progress-value {
   background-color: var(--color-background-progress-bar-content-in-flash-6k3gbt, rgba(255, 255, 255, 0.7));
 }
-.awsui_progress_11huc_1g30v_185.awsui_progress-in-flash_11huc_1g30v_376:not(#\9)::-moz-progress-bar {
+.awsui_progress_11huc_1vgpj_197.awsui_progress-in-flash_11huc_1vgpj_388:not(#\9)::-moz-progress-bar {
   background-color: var(--color-background-progress-bar-content-in-flash-6k3gbt, rgba(255, 255, 255, 0.7));
 }
-.awsui_progress_11huc_1g30v_185.awsui_progress-in-flash_11huc_1g30v_376:not(#\9)::-ms-fill {
+.awsui_progress_11huc_1vgpj_197.awsui_progress-in-flash_11huc_1vgpj_388:not(#\9)::-ms-fill {
   background-color: rgba(255, 255, 255, 0.7);
 }

package/lib/internal/template/progress-bar/styles.selectors.js CHANGED Viewed

@@ -2,23 +2,23 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "progress": "awsui_progress_11huc_1g30v_185",
-  "result-state": "awsui_result-state_11huc_1g30v_199",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_1g30v_1",
-  "root": "awsui_root_11huc_1g30v_221",
-  "with-result-button": "awsui_with-result-button_11huc_1g30v_256",
-  "result-text": "awsui_result-text_11huc_1g30v_260",
-  "result-container-error": "awsui_result-container-error_11huc_1g30v_264",
-  "result-container-success": "awsui_result-container-success_11huc_1g30v_264",
-  "result-button": "awsui_result-button_11huc_1g30v_268",
-  "word-wrap": "awsui_word-wrap_11huc_1g30v_274",
-  "label-flash": "awsui_label-flash_11huc_1g30v_279",
-  "label-key-value": "awsui_label-key-value_11huc_1g30v_283",
-  "flash": "awsui_flash_11huc_1g30v_291",
-  "progress-container": "awsui_progress-container_11huc_1g30v_295",
-  "percentage-container": "awsui_percentage-container_11huc_1g30v_302",
-  "percentage": "awsui_percentage_11huc_1g30v_302",
-  "complete": "awsui_complete_11huc_1g30v_348",
-  "progress-in-flash": "awsui_progress-in-flash_11huc_1g30v_376"
+  "progress": "awsui_progress_11huc_1vgpj_197",
+  "result-state": "awsui_result-state_11huc_1vgpj_211",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_1vgpj_1",
+  "root": "awsui_root_11huc_1vgpj_233",
+  "with-result-button": "awsui_with-result-button_11huc_1vgpj_268",
+  "result-text": "awsui_result-text_11huc_1vgpj_272",
+  "result-container-error": "awsui_result-container-error_11huc_1vgpj_276",
+  "result-container-success": "awsui_result-container-success_11huc_1vgpj_276",
+  "result-button": "awsui_result-button_11huc_1vgpj_280",
+  "word-wrap": "awsui_word-wrap_11huc_1vgpj_286",
+  "label-flash": "awsui_label-flash_11huc_1vgpj_291",
+  "label-key-value": "awsui_label-key-value_11huc_1vgpj_295",
+  "flash": "awsui_flash_11huc_1vgpj_303",
+  "progress-container": "awsui_progress-container_11huc_1vgpj_307",
+  "percentage-container": "awsui_percentage-container_11huc_1vgpj_314",
+  "percentage": "awsui_percentage_11huc_1vgpj_314",
+  "complete": "awsui_complete_11huc_1vgpj_360",
+  "progress-in-flash": "awsui_progress-in-flash_11huc_1vgpj_388"
 };

package/lib/internal/template/property-filter/property-filter-autosuggest.js CHANGED Viewed

@@ -33,6 +33,7 @@ const PropertyFilterAutosuggest = React.forwardRef((props, ref) => {
         filterValue: value,
         filterText: highlightText,
         filteringType: 'manual',
+        enteredTextLabel,
         hideEnteredTextLabel: hideEnteredTextOption,
         onSelectItem: (option) => {
             var _a;
@@ -103,7 +104,7 @@ const PropertyFilterAutosuggest = React.forwardRef((props, ref) => {
         content = (React.createElement("div", { ref: customFormRef, className: styles['custom-content-wrapper'] }, customForm));
     }
     else if (autosuggestItemsState.items.length > 0) {
-        content = (React.createElement(AutosuggestOptionsList, { statusType: statusType, autosuggestItemsState: autosuggestItemsState, autosuggestItemsHandlers: autosuggestItemsHandlers, highlightedOptionId: highlightedOptionId, highlightText: highlightText, listId: listId, controlId: controlId, enteredTextLabel: enteredTextLabel, handleLoadMore: autosuggestLoadMoreHandlers.fireLoadMoreOnScroll, hasDropdownStatus: dropdownStatus.content !== null, virtualScroll: virtualScroll, listBottom: !dropdownStatus.isSticky ? React.createElement(DropdownFooter, { content: dropdownStatus.content, id: footerId }) : null, ariaDescribedby: dropdownStatus.content ? footerId : undefined }));
+        content = (React.createElement(AutosuggestOptionsList, { statusType: statusType, autosuggestItemsState: autosuggestItemsState, autosuggestItemsHandlers: autosuggestItemsHandlers, highlightedOptionId: highlightedOptionId, highlightText: highlightText, listId: listId, controlId: controlId, handleLoadMore: autosuggestLoadMoreHandlers.fireLoadMoreOnScroll, hasDropdownStatus: dropdownStatus.content !== null, virtualScroll: virtualScroll, listBottom: !dropdownStatus.isSticky ? React.createElement(DropdownFooter, { content: dropdownStatus.content, id: footerId }) : null, ariaDescribedby: dropdownStatus.content ? footerId : undefined }));
     }
     return (React.createElement(AutosuggestInput, Object.assign({ ref: mergedRef }, rest, { className: clsx(autosuggestStyles.root, styles.input), value: value, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: handleKeyDown, controlId: controlId, placeholder: placeholder, disabled: disabled, ariaLabel: ariaLabel, expandToViewport: expandToViewport, ariaControls: listId, ariaActivedescendant: highlightedOptionId, ariaDescribedby: joinStrings(searchResultsId, rest.ariaDescribedby), dropdownExpanded: autosuggestItemsState.items.length > 1 || dropdownStatus.content !== null || !!customForm, dropdownContentKey: customForm ? 'custom' : 'options', dropdownContent: content, dropdownFooter: dropdownStatus.isSticky && dropdownStatus.content ? (React.createElement(DropdownFooter, { content: dropdownStatus.content, hasItems: autosuggestItemsState.items.length >= 1, id: footerId })) : null, dropdownWidth: customForm ? DROPDOWN_WIDTH_CUSTOM_FORM : DROPDOWN_WIDTH_OPTIONS_LIST, dropdownContentFocusable: !!customForm, onCloseDropdown: handleCloseDropdown, onDelayedInput: handleDelayedInput, onPressArrowDown: handlePressArrowDown, onPressArrowUp: handlePressArrowUp, onPressEnter: handlePressEnter })));
 });

package/lib/internal/template/property-filter/property-filter-autosuggest.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"property-filter-autosuggest.js","sourceRoot":"lib/default/","sources":["property-filter/property-filter-autosuggest.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, useMemo, useRef } from 'react';\n\nimport { useAutosuggestItems } from '../autosuggest/options-controller';\nimport { AutosuggestItem, AutosuggestProps } from '../autosuggest/interfaces';\n\nimport { useDropdownStatus } from '../internal/components/dropdown-status';\nimport DropdownFooter from '../internal/components/dropdown-footer';\n\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport {\n fireNonCancelableEvent,\n CancelableEventHandler,\n NonCancelableCustomEvent,\n BaseKeyDetail,\n} from '../internal/events';\nimport { BaseChangeDetail } from '../input/interfaces';\nimport autosuggestStyles from '../autosuggest/styles.css.js';\nimport styles from './styles.css.js';\nimport { fireCancelableEvent } from '../internal/events/index';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport AutosuggestOptionsList from '../autosuggest/options-list';\nimport { useAutosuggestLoadMore } from '../autosuggest/load-more-controller';\nimport { OptionsLoadItemsDetail } from '../internal/components/dropdown/interfaces';\nimport AutosuggestInput, { AutosuggestInputRef } from '../internal/components/autosuggest-input';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport clsx from 'clsx';\nimport { getFirstFocusable } from '../internal/components/focus-lock/utils';\nimport { filterOptions } from './filter-options';\nimport { joinStrings } from '../internal/utils/strings';\n\nconst DROPDOWN_WIDTH_OPTIONS_LIST = 300;\nconst DROPDOWN_WIDTH_CUSTOM_FORM = 200;\n\nexport interface PropertyFilterAutosuggestProps\n extends Omit<AutosuggestProps, 'filteringResultsText'>,\n InternalBaseComponentProps {\n customForm?: React.ReactNode;\n filterText?: string;\n onOptionClick?: CancelableEventHandler<AutosuggestProps.Option>;\n hideEnteredTextOption?: boolean;\n searchResultsId?: string;\n}\n\nconst PropertyFilterAutosuggest = React.forwardRef(\n (props: PropertyFilterAutosuggestProps, ref: Ref<AutosuggestInputRef>) => {\n const {\n value,\n onChange,\n onFocus,\n onBlur,\n onLoadItems,\n options,\n statusType = 'finished',\n placeholder,\n disabled,\n ariaLabel,\n enteredTextLabel,\n onKeyDown,\n virtualScroll,\n expandToViewport,\n customForm,\n filterText,\n onOptionClick,\n hideEnteredTextOption,\n searchResultsId,\n ...rest\n } = props;\n const highlightText = filterText === undefined ? value : filterText;\n\n const customFormRef = useRef<HTMLDivElement>(null);\n const autosuggestInputRef = useRef<AutosuggestInputRef>(null);\n const mergedRef = useMergeRefs(autosuggestInputRef, ref);\n\n const filteredOptions = useMemo(() => filterOptions(options \|\| [], highlightText), [options, highlightText]);\n const [autosuggestItemsState, autosuggestItemsHandlers] = useAutosuggestItems({\n options: filteredOptions,\n filterValue: value,\n filterText: highlightText,\n filteringType: 'manual',\n hideEnteredTextLabel: hideEnteredTextOption,\n onSelectItem: (option: AutosuggestItem) => {\n const value = option.value \|\| '';\n fireNonCancelableEvent(onChange, { value });\n const selectedCancelled = fireCancelableEvent(onOptionClick, option);\n if (!selectedCancelled) {\n autosuggestInputRef.current?.close();\n } else {\n autosuggestItemsHandlers.resetHighlightWithKeyboard();\n }\n },\n });\n\n const autosuggestLoadMoreHandlers = useAutosuggestLoadMore({\n options,\n statusType,\n onLoadItems: (detail: OptionsLoadItemsDetail) => fireNonCancelableEvent(onLoadItems, detail),\n });\n\n const handleChange = (event: NonCancelableCustomEvent<BaseChangeDetail>) => {\n autosuggestItemsHandlers.resetHighlightWithKeyboard();\n fireNonCancelableEvent(onChange, event.detail);\n };\n\n const handleDelayedInput = (event: NonCancelableCustomEvent<BaseChangeDetail>) => {\n autosuggestLoadMoreHandlers.fireLoadMoreOnInputChange(event.detail.value);\n };\n\n const handleFocus = () => {\n autosuggestLoadMoreHandlers.fireLoadMoreOnInputFocus();\n fireCancelableEvent(onFocus, null);\n };\n\n const handleBlur = () => {\n fireCancelableEvent(onBlur, null);\n };\n\n const handleKeyDown = (e: CustomEvent<BaseKeyDetail>) => {\n fireCancelableEvent(onKeyDown, e.detail);\n };\n\n const handlePressArrowDown = () => {\n autosuggestItemsHandlers.moveHighlightWithKeyboard(1);\n if (customFormRef.current) {\n getFirstFocusable(customFormRef.current)?.focus();\n }\n };\n\n const handlePressArrowUp = () => {\n autosuggestItemsHandlers.moveHighlightWithKeyboard(-1);\n };\n\n const handlePressEnter = () => {\n return autosuggestItemsHandlers.selectHighlightedOptionWithKeyboard();\n };\n\n const handleCloseDropdown = () => {\n autosuggestItemsHandlers.resetHighlightWithKeyboard();\n };\n\n const handleRecoveryClick = () => {\n autosuggestLoadMoreHandlers.fireLoadMoreOnRecoveryClick();\n autosuggestInputRef.current?.focus();\n };\n\n const selfControlId = useUniqueId('input');\n const controlId = rest.controlId ?? selfControlId;\n const listId = useUniqueId('list');\n const footerId = useUniqueId('footer');\n const highlightedOptionIdSource = useUniqueId();\n const highlightedOptionId = autosuggestItemsState.highlightedOption ? highlightedOptionIdSource : undefined;\n\n const isEmpty = !value && !autosuggestItemsState.items.length;\n const dropdownStatus = useDropdownStatus({\n ...props,\n isEmpty,\n onRecoveryClick: handleRecoveryClick,\n hasRecoveryCallback: !!onLoadItems,\n });\n\n let content = null;\n if (customForm) {\n content = (\n <div ref={customFormRef} className={styles['custom-content-wrapper']}>\n {customForm}\n </div>\n );\n } else if (autosuggestItemsState.items.length > 0) {\n content = (\n <AutosuggestOptionsList\n statusType={statusType}\n autosuggestItemsState={autosuggestItemsState}\n autosuggestItemsHandlers={autosuggestItemsHandlers}\n highlightedOptionId={highlightedOptionId}\n highlightText={highlightText}\n listId={listId}\n controlId={controlId}\n enteredTextLabel={enteredTextLabel}\n handleLoadMore={autosuggestLoadMoreHandlers.fireLoadMoreOnScroll}\n hasDropdownStatus={dropdownStatus.content !== null}\n virtualScroll={virtualScroll}\n listBottom={\n !dropdownStatus.isSticky ? <DropdownFooter content={dropdownStatus.content} id={footerId} /> : null\n }\n ariaDescribedby={dropdownStatus.content ? footerId : undefined}\n />\n );\n }\n\n return (\n <AutosuggestInput\n ref={mergedRef}\n {...rest}\n className={clsx(autosuggestStyles.root, styles.input)}\n value={value}\n onChange={handleChange}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onKeyDown={handleKeyDown}\n controlId={controlId}\n placeholder={placeholder}\n disabled={disabled}\n ariaLabel={ariaLabel}\n expandToViewport={expandToViewport}\n ariaControls={listId}\n ariaActivedescendant={highlightedOptionId}\n ariaDescribedby={joinStrings(searchResultsId, rest.ariaDescribedby)}\n dropdownExpanded={autosuggestItemsState.items.length > 1 \|\| dropdownStatus.content !== null \|\| !!customForm}\n dropdownContentKey={customForm ? 'custom' : 'options'}\n dropdownContent={content}\n dropdownFooter={\n dropdownStatus.isSticky && dropdownStatus.content ? (\n <DropdownFooter\n content={dropdownStatus.content}\n hasItems={autosuggestItemsState.items.length >= 1}\n id={footerId}\n />\n ) : null\n }\n dropdownWidth={customForm ? DROPDOWN_WIDTH_CUSTOM_FORM : DROPDOWN_WIDTH_OPTIONS_LIST}\n dropdownContentFocusable={!!customForm}\n onCloseDropdown={handleCloseDropdown}\n onDelayedInput={handleDelayedInput}\n onPressArrowDown={handlePressArrowDown}\n onPressArrowUp={handlePressArrowUp}\n onPressEnter={handlePressEnter}\n />\n );\n }\n);\n\nexport default PropertyFilterAutosuggest;\n"]}
1	+ {"version":3,"file":"property-filter-autosuggest.js","sourceRoot":"lib/default/","sources":["property-filter/property-filter-autosuggest.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, useMemo, useRef } from 'react';\n\nimport { useAutosuggestItems } from '../autosuggest/options-controller';\nimport { AutosuggestItem, AutosuggestProps } from '../autosuggest/interfaces';\n\nimport { useDropdownStatus } from '../internal/components/dropdown-status';\nimport DropdownFooter from '../internal/components/dropdown-footer';\n\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport {\n fireNonCancelableEvent,\n CancelableEventHandler,\n NonCancelableCustomEvent,\n BaseKeyDetail,\n} from '../internal/events';\nimport { BaseChangeDetail } from '../input/interfaces';\nimport autosuggestStyles from '../autosuggest/styles.css.js';\nimport styles from './styles.css.js';\nimport { fireCancelableEvent } from '../internal/events/index';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport AutosuggestOptionsList from '../autosuggest/options-list';\nimport { useAutosuggestLoadMore } from '../autosuggest/load-more-controller';\nimport { OptionsLoadItemsDetail } from '../internal/components/dropdown/interfaces';\nimport AutosuggestInput, { AutosuggestInputRef } from '../internal/components/autosuggest-input';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport clsx from 'clsx';\nimport { getFirstFocusable } from '../internal/components/focus-lock/utils';\nimport { filterOptions } from './filter-options';\nimport { joinStrings } from '../internal/utils/strings';\n\nconst DROPDOWN_WIDTH_OPTIONS_LIST = 300;\nconst DROPDOWN_WIDTH_CUSTOM_FORM = 200;\n\nexport interface PropertyFilterAutosuggestProps\n extends Omit<AutosuggestProps, 'filteringResultsText'>,\n InternalBaseComponentProps {\n customForm?: React.ReactNode;\n filterText?: string;\n onOptionClick?: CancelableEventHandler<AutosuggestProps.Option>;\n hideEnteredTextOption?: boolean;\n searchResultsId?: string;\n}\n\nconst PropertyFilterAutosuggest = React.forwardRef(\n (props: PropertyFilterAutosuggestProps, ref: Ref<AutosuggestInputRef>) => {\n const {\n value,\n onChange,\n onFocus,\n onBlur,\n onLoadItems,\n options,\n statusType = 'finished',\n placeholder,\n disabled,\n ariaLabel,\n enteredTextLabel,\n onKeyDown,\n virtualScroll,\n expandToViewport,\n customForm,\n filterText,\n onOptionClick,\n hideEnteredTextOption,\n searchResultsId,\n ...rest\n } = props;\n const highlightText = filterText === undefined ? value : filterText;\n\n const customFormRef = useRef<HTMLDivElement>(null);\n const autosuggestInputRef = useRef<AutosuggestInputRef>(null);\n const mergedRef = useMergeRefs(autosuggestInputRef, ref);\n\n const filteredOptions = useMemo(() => filterOptions(options \|\| [], highlightText), [options, highlightText]);\n const [autosuggestItemsState, autosuggestItemsHandlers] = useAutosuggestItems({\n options: filteredOptions,\n filterValue: value,\n filterText: highlightText,\n filteringType: 'manual',\n enteredTextLabel,\n hideEnteredTextLabel: hideEnteredTextOption,\n onSelectItem: (option: AutosuggestItem) => {\n const value = option.value \|\| '';\n fireNonCancelableEvent(onChange, { value });\n const selectedCancelled = fireCancelableEvent(onOptionClick, option);\n if (!selectedCancelled) {\n autosuggestInputRef.current?.close();\n } else {\n autosuggestItemsHandlers.resetHighlightWithKeyboard();\n }\n },\n });\n\n const autosuggestLoadMoreHandlers = useAutosuggestLoadMore({\n options,\n statusType,\n onLoadItems: (detail: OptionsLoadItemsDetail) => fireNonCancelableEvent(onLoadItems, detail),\n });\n\n const handleChange = (event: NonCancelableCustomEvent<BaseChangeDetail>) => {\n autosuggestItemsHandlers.resetHighlightWithKeyboard();\n fireNonCancelableEvent(onChange, event.detail);\n };\n\n const handleDelayedInput = (event: NonCancelableCustomEvent<BaseChangeDetail>) => {\n autosuggestLoadMoreHandlers.fireLoadMoreOnInputChange(event.detail.value);\n };\n\n const handleFocus = () => {\n autosuggestLoadMoreHandlers.fireLoadMoreOnInputFocus();\n fireCancelableEvent(onFocus, null);\n };\n\n const handleBlur = () => {\n fireCancelableEvent(onBlur, null);\n };\n\n const handleKeyDown = (e: CustomEvent<BaseKeyDetail>) => {\n fireCancelableEvent(onKeyDown, e.detail);\n };\n\n const handlePressArrowDown = () => {\n autosuggestItemsHandlers.moveHighlightWithKeyboard(1);\n if (customFormRef.current) {\n getFirstFocusable(customFormRef.current)?.focus();\n }\n };\n\n const handlePressArrowUp = () => {\n autosuggestItemsHandlers.moveHighlightWithKeyboard(-1);\n };\n\n const handlePressEnter = () => {\n return autosuggestItemsHandlers.selectHighlightedOptionWithKeyboard();\n };\n\n const handleCloseDropdown = () => {\n autosuggestItemsHandlers.resetHighlightWithKeyboard();\n };\n\n const handleRecoveryClick = () => {\n autosuggestLoadMoreHandlers.fireLoadMoreOnRecoveryClick();\n autosuggestInputRef.current?.focus();\n };\n\n const selfControlId = useUniqueId('input');\n const controlId = rest.controlId ?? selfControlId;\n const listId = useUniqueId('list');\n const footerId = useUniqueId('footer');\n const highlightedOptionIdSource = useUniqueId();\n const highlightedOptionId = autosuggestItemsState.highlightedOption ? highlightedOptionIdSource : undefined;\n\n const isEmpty = !value && !autosuggestItemsState.items.length;\n const dropdownStatus = useDropdownStatus({\n ...props,\n isEmpty,\n onRecoveryClick: handleRecoveryClick,\n hasRecoveryCallback: !!onLoadItems,\n });\n\n let content = null;\n if (customForm) {\n content = (\n <div ref={customFormRef} className={styles['custom-content-wrapper']}>\n {customForm}\n </div>\n );\n } else if (autosuggestItemsState.items.length > 0) {\n content = (\n <AutosuggestOptionsList\n statusType={statusType}\n autosuggestItemsState={autosuggestItemsState}\n autosuggestItemsHandlers={autosuggestItemsHandlers}\n highlightedOptionId={highlightedOptionId}\n highlightText={highlightText}\n listId={listId}\n controlId={controlId}\n handleLoadMore={autosuggestLoadMoreHandlers.fireLoadMoreOnScroll}\n hasDropdownStatus={dropdownStatus.content !== null}\n virtualScroll={virtualScroll}\n listBottom={\n !dropdownStatus.isSticky ? <DropdownFooter content={dropdownStatus.content} id={footerId} /> : null\n }\n ariaDescribedby={dropdownStatus.content ? footerId : undefined}\n />\n );\n }\n\n return (\n <AutosuggestInput\n ref={mergedRef}\n {...rest}\n className={clsx(autosuggestStyles.root, styles.input)}\n value={value}\n onChange={handleChange}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onKeyDown={handleKeyDown}\n controlId={controlId}\n placeholder={placeholder}\n disabled={disabled}\n ariaLabel={ariaLabel}\n expandToViewport={expandToViewport}\n ariaControls={listId}\n ariaActivedescendant={highlightedOptionId}\n ariaDescribedby={joinStrings(searchResultsId, rest.ariaDescribedby)}\n dropdownExpanded={autosuggestItemsState.items.length > 1 \|\| dropdownStatus.content !== null \|\| !!customForm}\n dropdownContentKey={customForm ? 'custom' : 'options'}\n dropdownContent={content}\n dropdownFooter={\n dropdownStatus.isSticky && dropdownStatus.content ? (\n <DropdownFooter\n content={dropdownStatus.content}\n hasItems={autosuggestItemsState.items.length >= 1}\n id={footerId}\n />\n ) : null\n }\n dropdownWidth={customForm ? DROPDOWN_WIDTH_CUSTOM_FORM : DROPDOWN_WIDTH_OPTIONS_LIST}\n dropdownContentFocusable={!!customForm}\n onCloseDropdown={handleCloseDropdown}\n onDelayedInput={handleDelayedInput}\n onPressArrowDown={handlePressArrowDown}\n onPressArrowUp={handlePressArrowUp}\n onPressEnter={handlePressEnter}\n />\n );\n }\n);\n\nexport default PropertyFilterAutosuggest;\n"]}

package/lib/internal/template/property-filter/styles.css.js CHANGED Viewed

@@ -1,36 +1,36 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1wzqe_yeiu5_93",
-  "search-field": "awsui_search-field_1wzqe_yeiu5_128",
-  "input-wrapper": "awsui_input-wrapper_1wzqe_yeiu5_134",
-  "add-token": "awsui_add-token_1wzqe_yeiu5_138",
-  "tokens": "awsui_tokens_1wzqe_yeiu5_145",
-  "token-operator": "awsui_token-operator_1wzqe_yeiu5_150",
-  "property-editor": "awsui_property-editor_1wzqe_yeiu5_154",
-  "token-editor": "awsui_token-editor_1wzqe_yeiu5_155",
-  "property-editor-form": "awsui_property-editor-form_1wzqe_yeiu5_160",
-  "token-editor-form": "awsui_token-editor-form_1wzqe_yeiu5_161",
-  "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_yeiu5_164",
-  "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_yeiu5_165",
-  "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_yeiu5_168",
-  "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_yeiu5_169",
-  "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_yeiu5_172",
-  "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_yeiu5_173",
-  "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_yeiu5_176",
-  "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_yeiu5_177",
-  "property-editor-submit": "awsui_property-editor-submit_1wzqe_yeiu5_180",
-  "token-editor-submit": "awsui_token-editor-submit_1wzqe_yeiu5_181",
-  "property-editor-actions": "awsui_property-editor-actions_1wzqe_yeiu5_184",
-  "token-editor-actions": "awsui_token-editor-actions_1wzqe_yeiu5_185",
-  "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_yeiu5_203",
-  "custom-control": "awsui_custom-control_1wzqe_yeiu5_207",
-  "input": "awsui_input_1wzqe_yeiu5_134",
-  "results": "awsui_results_1wzqe_yeiu5_215",
-  "token-trigger": "awsui_token-trigger_1wzqe_yeiu5_220",
-  "remove-all": "awsui_remove-all_1wzqe_yeiu5_225",
-  "token-label": "awsui_token-label_1wzqe_yeiu5_226",
-  "join-operation": "awsui_join-operation_1wzqe_yeiu5_227",
-  "custom-filter-actions": "awsui_custom-filter-actions_1wzqe_yeiu5_228"
+  "root": "awsui_root_1wzqe_7ar34_99",
+  "search-field": "awsui_search-field_1wzqe_7ar34_134",
+  "input-wrapper": "awsui_input-wrapper_1wzqe_7ar34_140",
+  "add-token": "awsui_add-token_1wzqe_7ar34_144",
+  "tokens": "awsui_tokens_1wzqe_7ar34_151",
+  "token-operator": "awsui_token-operator_1wzqe_7ar34_156",
+  "property-editor": "awsui_property-editor_1wzqe_7ar34_160",
+  "token-editor": "awsui_token-editor_1wzqe_7ar34_161",
+  "property-editor-form": "awsui_property-editor-form_1wzqe_7ar34_166",
+  "token-editor-form": "awsui_token-editor-form_1wzqe_7ar34_167",
+  "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_7ar34_170",
+  "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_7ar34_171",
+  "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_7ar34_174",
+  "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_7ar34_175",
+  "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_7ar34_178",
+  "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_7ar34_179",
+  "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_7ar34_182",
+  "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_7ar34_183",
+  "property-editor-submit": "awsui_property-editor-submit_1wzqe_7ar34_186",
+  "token-editor-submit": "awsui_token-editor-submit_1wzqe_7ar34_187",
+  "property-editor-actions": "awsui_property-editor-actions_1wzqe_7ar34_190",
+  "token-editor-actions": "awsui_token-editor-actions_1wzqe_7ar34_191",
+  "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_7ar34_209",
+  "custom-control": "awsui_custom-control_1wzqe_7ar34_213",
+  "input": "awsui_input_1wzqe_7ar34_140",
+  "results": "awsui_results_1wzqe_7ar34_221",
+  "token-trigger": "awsui_token-trigger_1wzqe_7ar34_226",
+  "remove-all": "awsui_remove-all_1wzqe_7ar34_231",
+  "token-label": "awsui_token-label_1wzqe_7ar34_232",
+  "join-operation": "awsui_join-operation_1wzqe_7ar34_233",
+  "custom-filter-actions": "awsui_custom-filter-actions_1wzqe_7ar34_234"
 };