@cloudscape-design/components-themeable 3.0.155 → 3.0.157

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

@@ -1,23 +1,23 @@
 
     import './styles.scoped.css';
     export default {
-  "progress": "awsui_progress_11huc_1puii_185",
-  "result-state": "awsui_result-state_11huc_1puii_199",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_1puii_1",
-  "root": "awsui_root_11huc_1puii_221",
-  "with-result-button": "awsui_with-result-button_11huc_1puii_232",
-  "result-text": "awsui_result-text_11huc_1puii_236",
-  "result-container-error": "awsui_result-container-error_11huc_1puii_240",
-  "result-container-success": "awsui_result-container-success_11huc_1puii_240",
-  "result-button": "awsui_result-button_11huc_1puii_244",
-  "word-wrap": "awsui_word-wrap_11huc_1puii_249",
-  "label-flash": "awsui_label-flash_11huc_1puii_255",
-  "label-key-value": "awsui_label-key-value_11huc_1puii_259",
-  "flash": "awsui_flash_11huc_1puii_265",
-  "progress-container": "awsui_progress-container_11huc_1puii_269",
-  "percentage-container": "awsui_percentage-container_11huc_1puii_276",
-  "percentage": "awsui_percentage_11huc_1puii_276",
-  "complete": "awsui_complete_11huc_1puii_311",
-  "progress-in-flash": "awsui_progress-in-flash_11huc_1puii_326"
+  "progress": "awsui_progress_11huc_983fm_185",
+  "result-state": "awsui_result-state_11huc_983fm_199",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_983fm_1",
+  "root": "awsui_root_11huc_983fm_221",
+  "with-result-button": "awsui_with-result-button_11huc_983fm_232",
+  "result-text": "awsui_result-text_11huc_983fm_236",
+  "result-container-error": "awsui_result-container-error_11huc_983fm_240",
+  "result-container-success": "awsui_result-container-success_11huc_983fm_240",
+  "result-button": "awsui_result-button_11huc_983fm_244",
+  "word-wrap": "awsui_word-wrap_11huc_983fm_249",
+  "label-flash": "awsui_label-flash_11huc_983fm_255",
+  "label-key-value": "awsui_label-key-value_11huc_983fm_259",
+  "flash": "awsui_flash_11huc_983fm_267",
+  "progress-container": "awsui_progress-container_11huc_983fm_271",
+  "percentage-container": "awsui_percentage-container_11huc_983fm_278",
+  "percentage": "awsui_percentage_11huc_983fm_278",
+  "complete": "awsui_complete_11huc_983fm_313",
+  "progress-in-flash": "awsui_progress-in-flash_11huc_983fm_328"
 };
   

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

@@ -182,27 +182,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_1puii_185:not(#\9)::-webkit-progress-value {
+.awsui_progress_11huc_983fm_185:not(#\9)::-webkit-progress-value {
   -webkit-transition: width var(--motion-duration-moderate-vgx1te, 135ms) linear;
   transition: width var(--motion-duration-moderate-vgx1te, 135ms) linear;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_progress_11huc_1puii_185:not(#\9)::-webkit-progress-value {
+  .awsui_progress_11huc_983fm_185:not(#\9)::-webkit-progress-value {
     animation: none;
     -webkit-transition: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_progress_11huc_1puii_185:not(#\9)::-webkit-progress-value, .awsui-mode-entering .awsui_progress_11huc_1puii_185:not(#\9)::-webkit-progress-value {
+.awsui-motion-disabled .awsui_progress_11huc_983fm_185:not(#\9)::-webkit-progress-value, .awsui-mode-entering .awsui_progress_11huc_983fm_185:not(#\9)::-webkit-progress-value {
   animation: none;
   -webkit-transition: none;
   transition: none;
 }
 
-.awsui_result-state_11huc_1puii_199:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_11huc_1puii_1 var(--motion-duration-transition-show-paced-ai4wlf, 180ms) var(--motion-easing-transition-show-paced-bg1hyg, ease-out);
+.awsui_result-state_11huc_983fm_199:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_11huc_983fm_1 var(--motion-duration-transition-show-paced-ai4wlf, 180ms) var(--motion-easing-transition-show-paced-bg1hyg, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_11huc_1puii_1 {
+@keyframes awsui_awsui-motion-fade-in_11huc_983fm_1 {
   from {
     opacity: 0.2;
   }
@@ -211,17 +211,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_result-state_11huc_1puii_199:not(#\9) {
+  .awsui_result-state_11huc_983fm_199:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_result-state_11huc_1puii_199:not(#\9), .awsui-mode-entering .awsui_result-state_11huc_1puii_199:not(#\9) {
+.awsui-motion-disabled .awsui_result-state_11huc_983fm_199:not(#\9), .awsui-mode-entering .awsui_result-state_11huc_983fm_199:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_11huc_1puii_221:not(#\9) {
+.awsui_root_11huc_983fm_221:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -258,51 +258,53 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-family: var(--font-family-base-mylvzb, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
 }
 
-.awsui_with-result-button_11huc_1puii_232:not(#\9) {
+.awsui_with-result-button_11huc_983fm_232:not(#\9) {
   padding-right: var(--space-m-17eucw, 16px);
 }
 
-.awsui_result-text_11huc_1puii_236:not(#\9) {
+.awsui_result-text_11huc_983fm_236:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_result-container-error_11huc_1puii_240:not(#\9), .awsui_result-container-success_11huc_1puii_240:not(#\9) {
+.awsui_result-container-error_11huc_983fm_240:not(#\9), .awsui_result-container-success_11huc_983fm_240:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_result-button_11huc_1puii_244:not(#\9) {
+.awsui_result-button_11huc_983fm_244:not(#\9) {
   display: inline-block;
   margin: var(--space-scaled-xxs-95dhkm, 4px) 0;
 }
 
-.awsui_word-wrap_11huc_1puii_249:not(#\9) {
+.awsui_word-wrap_11huc_983fm_249:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
 }
 
-.awsui_label-flash_11huc_1puii_255:not(#\9) {
+.awsui_label-flash_11huc_983fm_255:not(#\9) {
   color: "inherit";
   font-weight: 700;
 }
-.awsui_label-key-value_11huc_1puii_259:not(#\9) {
+.awsui_label-key-value_11huc_983fm_259:not(#\9) {
+  font-size: var(--font-body-m-size-sregvd, 14px);
+  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
   font-weight: var(--font-display-label-weight-tjy9e4, 400);
   color: var(--color-text-label-kjjshz, #545b64);
   margin-bottom: var(--space-scaled-xxxs-b6dm8t, 2px);
 }
 
-.awsui_flash_11huc_1puii_265:not(#\9) {
+.awsui_flash_11huc_983fm_267:not(#\9) {
   color: inherit;
 }
 
-.awsui_progress-container_11huc_1puii_269:not(#\9) {
+.awsui_progress-container_11huc_983fm_271:not(#\9) {
   display: flex;
   align-items: center;
   max-width: 800px;
   height: var(--font-body-m-line-height-i7xxvv, 22px);
 }
 
-.awsui_percentage-container_11huc_1puii_276:not(#\9) {
+.awsui_percentage-container_11huc_983fm_278:not(#\9) {
   width: 33px;
   flex-shrink: 0;
   white-space: nowrap;
@@ -312,11 +314,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   letter-spacing: var(--font-body-s-letter-spacing-p88gax, normal);
 }
 
-.awsui_percentage_11huc_1puii_276:not(#\9) {
+.awsui_percentage_11huc_983fm_278:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_progress_11huc_1puii_185:not(#\9) {
+.awsui_progress_11huc_983fm_185:not(#\9) {
   width: 100%;
   margin-right: var(--space-s-hv8c1d, 12px);
   min-width: 0;
@@ -326,44 +328,44 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: 10px;
   background-color: var(--color-background-progress-bar-layout-default-teir10, #eaeded);
 }
-.awsui_progress_11huc_1puii_185:not(#\9)::-webkit-progress-bar {
+.awsui_progress_11huc_983fm_185:not(#\9)::-webkit-progress-bar {
   height: 4px;
   border: 0 none;
   box-sizing: border-box;
   border-radius: 10px;
   background-color: var(--color-background-progress-bar-layout-default-teir10, #eaeded);
 }
-.awsui_progress_11huc_1puii_185:not(#\9)::-webkit-progress-value {
+.awsui_progress_11huc_983fm_185:not(#\9)::-webkit-progress-value {
   border-radius: 10px 0px 0px 10px;
   background-color: var(--color-background-progress-bar-content-default-kdvzje, #0073bb);
 }
-.awsui_progress_11huc_1puii_185.awsui_complete_11huc_1puii_311:not(#\9)::-webkit-progress-value {
+.awsui_progress_11huc_983fm_185.awsui_complete_11huc_983fm_313:not(#\9)::-webkit-progress-value {
   border-radius: 10px;
 }
-.awsui_progress_11huc_1puii_185:not(#\9)::-moz-progress-bar {
+.awsui_progress_11huc_983fm_185:not(#\9)::-moz-progress-bar {
   border-radius: 10px 0px 0px 10px;
   background-color: var(--color-background-progress-bar-content-default-kdvzje, #0073bb);
 }
-.awsui_progress_11huc_1puii_185:not(#\9)::-ms-fill {
+.awsui_progress_11huc_983fm_185:not(#\9)::-ms-fill {
   border-radius: 10px 0px 0px 10px;
   background-color: #0073bb;
   border: none;
 }
-.awsui_progress_11huc_1puii_185.awsui_complete_11huc_1puii_311:not(#\9)::-ms-fill {
+.awsui_progress_11huc_983fm_185.awsui_complete_11huc_983fm_313:not(#\9)::-ms-fill {
   border-radius: 10px;
 }
-.awsui_progress_11huc_1puii_185.awsui_progress-in-flash_11huc_1puii_326:not(#\9) {
+.awsui_progress_11huc_983fm_185.awsui_progress-in-flash_11huc_983fm_328:not(#\9) {
   background-color: var(--color-background-progress-bar-layout-in-flash-phmfak, rgba(255, 255, 255, 0.25));
 }
-.awsui_progress_11huc_1puii_185.awsui_progress-in-flash_11huc_1puii_326:not(#\9)::-webkit-progress-bar {
+.awsui_progress_11huc_983fm_185.awsui_progress-in-flash_11huc_983fm_328:not(#\9)::-webkit-progress-bar {
   background-color: var(--color-background-progress-bar-layout-in-flash-phmfak, rgba(255, 255, 255, 0.25));
 }
-.awsui_progress_11huc_1puii_185.awsui_progress-in-flash_11huc_1puii_326:not(#\9)::-webkit-progress-value {
+.awsui_progress_11huc_983fm_185.awsui_progress-in-flash_11huc_983fm_328:not(#\9)::-webkit-progress-value {
   background-color: var(--color-background-progress-bar-content-in-flash-ka071o, rgba(255, 255, 255, 0.7));
 }
-.awsui_progress_11huc_1puii_185.awsui_progress-in-flash_11huc_1puii_326:not(#\9)::-moz-progress-bar {
+.awsui_progress_11huc_983fm_185.awsui_progress-in-flash_11huc_983fm_328:not(#\9)::-moz-progress-bar {
   background-color: var(--color-background-progress-bar-content-in-flash-ka071o, rgba(255, 255, 255, 0.7));
 }
-.awsui_progress_11huc_1puii_185.awsui_progress-in-flash_11huc_1puii_326:not(#\9)::-ms-fill {
+.awsui_progress_11huc_983fm_185.awsui_progress-in-flash_11huc_983fm_328:not(#\9)::-ms-fill {
   background-color: rgba(255, 255, 255, 0.7);
 }

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

@@ -2,23 +2,23 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "progress": "awsui_progress_11huc_1puii_185",
-  "result-state": "awsui_result-state_11huc_1puii_199",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_1puii_1",
-  "root": "awsui_root_11huc_1puii_221",
-  "with-result-button": "awsui_with-result-button_11huc_1puii_232",
-  "result-text": "awsui_result-text_11huc_1puii_236",
-  "result-container-error": "awsui_result-container-error_11huc_1puii_240",
-  "result-container-success": "awsui_result-container-success_11huc_1puii_240",
-  "result-button": "awsui_result-button_11huc_1puii_244",
-  "word-wrap": "awsui_word-wrap_11huc_1puii_249",
-  "label-flash": "awsui_label-flash_11huc_1puii_255",
-  "label-key-value": "awsui_label-key-value_11huc_1puii_259",
-  "flash": "awsui_flash_11huc_1puii_265",
-  "progress-container": "awsui_progress-container_11huc_1puii_269",
-  "percentage-container": "awsui_percentage-container_11huc_1puii_276",
-  "percentage": "awsui_percentage_11huc_1puii_276",
-  "complete": "awsui_complete_11huc_1puii_311",
-  "progress-in-flash": "awsui_progress-in-flash_11huc_1puii_326"
+  "progress": "awsui_progress_11huc_983fm_185",
+  "result-state": "awsui_result-state_11huc_983fm_199",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_983fm_1",
+  "root": "awsui_root_11huc_983fm_221",
+  "with-result-button": "awsui_with-result-button_11huc_983fm_232",
+  "result-text": "awsui_result-text_11huc_983fm_236",
+  "result-container-error": "awsui_result-container-error_11huc_983fm_240",
+  "result-container-success": "awsui_result-container-success_11huc_983fm_240",
+  "result-button": "awsui_result-button_11huc_983fm_244",
+  "word-wrap": "awsui_word-wrap_11huc_983fm_249",
+  "label-flash": "awsui_label-flash_11huc_983fm_255",
+  "label-key-value": "awsui_label-key-value_11huc_983fm_259",
+  "flash": "awsui_flash_11huc_983fm_267",
+  "progress-container": "awsui_progress-container_11huc_983fm_271",
+  "percentage-container": "awsui_percentage-container_11huc_983fm_278",
+  "percentage": "awsui_percentage_11huc_983fm_278",
+  "complete": "awsui_complete_11huc_983fm_313",
+  "progress-in-flash": "awsui_progress-in-flash_11huc_983fm_328"
 };
   

package/lib/internal/template/segmented-control/styles.css.js

@@ -1,19 +1,19 @@
 
     import './styles.scoped.css';
     export default {
-  "segment": "awsui_segment_8cbea_1e110_97",
-  "disabled": "awsui_disabled_8cbea_1e110_164",
-  "selected": "awsui_selected_8cbea_1e110_172",
-  "icon": "awsui_icon_8cbea_1e110_193",
-  "with-text": "awsui_with-text_8cbea_1e110_197",
-  "with-no-text": "awsui_with-no-text_8cbea_1e110_203",
-  "root": "awsui_root_8cbea_1e110_214",
-  "segment-part": "awsui_segment-part_8cbea_1e110_225",
-  "select": "awsui_select_8cbea_1e110_172",
-  "segment-count-2": "awsui_segment-count-2_8cbea_1e110_244",
-  "segment-count-3": "awsui_segment-count-3_8cbea_1e110_249",
-  "segment-count-4": "awsui_segment-count-4_8cbea_1e110_254",
-  "segment-count-5": "awsui_segment-count-5_8cbea_1e110_259",
-  "segment-count-6": "awsui_segment-count-6_8cbea_1e110_264"
+  "segment": "awsui_segment_8cbea_116ec_97",
+  "disabled": "awsui_disabled_8cbea_116ec_166",
+  "selected": "awsui_selected_8cbea_116ec_174",
+  "icon": "awsui_icon_8cbea_116ec_195",
+  "with-text": "awsui_with-text_8cbea_116ec_199",
+  "with-no-text": "awsui_with-no-text_8cbea_116ec_205",
+  "root": "awsui_root_8cbea_116ec_216",
+  "segment-part": "awsui_segment-part_8cbea_116ec_227",
+  "select": "awsui_select_8cbea_116ec_174",
+  "segment-count-2": "awsui_segment-count-2_8cbea_116ec_246",
+  "segment-count-3": "awsui_segment-count-3_8cbea_116ec_251",
+  "segment-count-4": "awsui_segment-count-4_8cbea_116ec_256",
+  "segment-count-5": "awsui_segment-count-5_8cbea_116ec_261",
+  "segment-count-6": "awsui_segment-count-6_8cbea_116ec_266"
 };
   

package/lib/internal/template/segmented-control/styles.scoped.css

@@ -94,56 +94,58 @@ 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_segment_8cbea_1e110_97:not(#\9) {
+.awsui_segment_8cbea_116ec_97:not(#\9) {
   font-size: var(--font-body-m-size-sregvd, 14px);
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
   word-wrap: break-word;
   max-width: 100%;
   overflow: hidden;
+  font-weight: var(--font-button-weight-of7qcx, 700);
+  -webkit-font-smoothing: var(--font-smoothing-webkit-aglr0j, auto);
+  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-f5m4xg, auto);
+  letter-spacing: 0.25px;
   border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-segment-default-zm0agy, #687078);
   padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-l-4vl6xu, 20px);
   border-right-width: 0;
-  font-weight: var(--font-button-weight-of7qcx, 700);
-  letter-spacing: 0.25px;
   background: var(--color-background-segment-default-bjnpj3, #ffffff);
   color: var(--color-text-segment-default-9k644f, #545b64);
   overflow: visible;
 }
-.awsui_segment_8cbea_1e110_97:not(#\9):focus {
+.awsui_segment_8cbea_116ec_97:not(#\9):focus {
   outline: none;
 }
-.awsui_segment_8cbea_1e110_97:not(#\9):nth-child(1) {
+.awsui_segment_8cbea_116ec_97:not(#\9):nth-child(1) {
   grid-column: 1;
   -ms-grid-column: 1;
 }
-.awsui_segment_8cbea_1e110_97:not(#\9):nth-child(2) {
+.awsui_segment_8cbea_116ec_97:not(#\9):nth-child(2) {
   grid-column: 2;
   -ms-grid-column: 2;
 }
-.awsui_segment_8cbea_1e110_97:not(#\9):nth-child(3) {
+.awsui_segment_8cbea_116ec_97:not(#\9):nth-child(3) {
   grid-column: 3;
   -ms-grid-column: 3;
 }
-.awsui_segment_8cbea_1e110_97:not(#\9):nth-child(4) {
+.awsui_segment_8cbea_116ec_97:not(#\9):nth-child(4) {
   grid-column: 4;
   -ms-grid-column: 4;
 }
-.awsui_segment_8cbea_1e110_97:not(#\9):nth-child(5) {
+.awsui_segment_8cbea_116ec_97:not(#\9):nth-child(5) {
   grid-column: 5;
   -ms-grid-column: 5;
 }
-.awsui_segment_8cbea_1e110_97:not(#\9):nth-child(6) {
+.awsui_segment_8cbea_116ec_97:not(#\9):nth-child(6) {
   grid-column: 6;
   -ms-grid-column: 6;
 }
-.awsui_segment_8cbea_1e110_97[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_segment_8cbea_116ec_97[data-awsui-focus-visible=true]:not(#\9):focus {
   position: relative;
 }
-.awsui_segment_8cbea_1e110_97[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_segment_8cbea_116ec_97[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-segmented-control-focus-outline-gutter-82bijn, 0px) - 1px);
 }
-.awsui_segment_8cbea_1e110_97[data-awsui-focus-visible=true]:not(#\9):focus::before {
+.awsui_segment_8cbea_116ec_97[data-awsui-focus-visible=true]:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -154,53 +156,53 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-control-default-focus-ring-hekmgc, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_segment_8cbea_1e110_97:not(#\9):last-child {
+.awsui_segment_8cbea_116ec_97:not(#\9):last-child {
   border-right-width: var(--border-field-width-y6x4sn, 1px);
   border-radius: 0 var(--border-radius-button-qh52qv, 2px) var(--border-radius-button-qh52qv, 2px) 0;
 }
-.awsui_segment_8cbea_1e110_97:not(#\9):first-child {
+.awsui_segment_8cbea_116ec_97:not(#\9):first-child {
   border-radius: var(--border-radius-button-qh52qv, 2px) 0 0 var(--border-radius-button-qh52qv, 2px);
 }
-.awsui_segment_8cbea_1e110_97.awsui_disabled_8cbea_1e110_164:not(#\9) {
+.awsui_segment_8cbea_116ec_97.awsui_disabled_8cbea_116ec_166:not(#\9) {
   background: var(--color-background-segment-disabled-gcpwaz, #ffffff);
   border-color: var(--color-border-segment-disabled-fqvszu, #d5dbdb);
   color: var(--color-text-interactive-disabled-jcikk2, #aab7b8);
 }
-.awsui_segment_8cbea_1e110_97:not(#\9):not(.awsui_disabled_8cbea_1e110_164) + .awsui_segment_8cbea_1e110_97.awsui_disabled_8cbea_1e110_164 {
+.awsui_segment_8cbea_116ec_97:not(#\9):not(.awsui_disabled_8cbea_116ec_166) + .awsui_segment_8cbea_116ec_97.awsui_disabled_8cbea_116ec_166 {
   border-left-color: var(--color-border-segment-default-zm0agy, #687078);
 }
-.awsui_segment_8cbea_1e110_97.awsui_selected_8cbea_1e110_172:not(#\9) {
+.awsui_segment_8cbea_116ec_97.awsui_selected_8cbea_116ec_174:not(#\9) {
   background: var(--color-background-segment-active-khzpn5, #eaeded);
   border-color: var(--color-border-segment-active-9wobfw, #16191f);
   color: var(--color-text-segment-active-o087le, #16191f);
 }
-.awsui_segment_8cbea_1e110_97.awsui_selected_8cbea_1e110_172 + .awsui_segment_8cbea_1e110_97:not(#\9), .awsui_segment_8cbea_1e110_97.awsui_selected_8cbea_1e110_172 + .awsui_segment_8cbea_1e110_97.awsui_disabled_8cbea_1e110_164:not(#\9) {
+.awsui_segment_8cbea_116ec_97.awsui_selected_8cbea_116ec_174 + .awsui_segment_8cbea_116ec_97:not(#\9), .awsui_segment_8cbea_116ec_97.awsui_selected_8cbea_116ec_174 + .awsui_segment_8cbea_116ec_97.awsui_disabled_8cbea_116ec_166:not(#\9) {
   border-left-color: var(--color-border-segment-active-9wobfw, #16191f);
 }
-.awsui_segment_8cbea_1e110_97:not(#\9):hover:not(.awsui_selected_8cbea_1e110_172):not(.awsui_disabled_8cbea_1e110_164):not(:focus) {
+.awsui_segment_8cbea_116ec_97:not(#\9):hover:not(.awsui_selected_8cbea_116ec_174):not(.awsui_disabled_8cbea_116ec_166):not(:focus) {
   background: var(--color-background-segment-hover-p2rkog, #fafafa);
   color: var(--color-text-segment-hover-ez78pb, #16191f);
   border-color: var(--color-border-segment-hover-0iwmji, #16191f);
   cursor: pointer;
 }
-.awsui_segment_8cbea_1e110_97:not(#\9):hover:not(.awsui_selected_8cbea_1e110_172):not(.awsui_disabled_8cbea_1e110_164):not(:focus) + .awsui_segment_8cbea_1e110_97:not(.awsui_selected_8cbea_1e110_172) {
+.awsui_segment_8cbea_116ec_97:not(#\9):hover:not(.awsui_selected_8cbea_116ec_174):not(.awsui_disabled_8cbea_116ec_166):not(:focus) + .awsui_segment_8cbea_116ec_97:not(.awsui_selected_8cbea_116ec_174) {
   border-left-color: var(--color-border-segment-hover-0iwmji, #16191f);
 }
-.awsui_segment_8cbea_1e110_97.awsui_selected_8cbea_1e110_172 + .awsui_segment_8cbea_1e110_97:not(#\9):hover:not(.awsui_selected_8cbea_1e110_172):not(.awsui_disabled_8cbea_1e110_164):not(:focus) {
+.awsui_segment_8cbea_116ec_97.awsui_selected_8cbea_116ec_174 + .awsui_segment_8cbea_116ec_97:not(#\9):hover:not(.awsui_selected_8cbea_116ec_174):not(.awsui_disabled_8cbea_116ec_166):not(:focus) {
   border-left-color: var(--color-border-segment-active-9wobfw, #16191f);
 }
 
-.awsui_icon_8cbea_1e110_193:not(#\9) {
+.awsui_icon_8cbea_116ec_195:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_with-text_8cbea_1e110_197:not(#\9) {
+.awsui_with-text_8cbea_116ec_199:not(#\9) {
   position: relative;
   left: calc(-1 * var(--space-xxs-ynfts5, 4px));
   margin-right: var(--space-xxs-ynfts5, 4px);
 }
 
-.awsui_with-no-text_8cbea_1e110_203:not(#\9) {
+.awsui_with-no-text_8cbea_116ec_205:not(#\9) {
   margin-right: auto;
   margin-left: auto;
   right: 0;
@@ -211,7 +213,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_8cbea_1e110_214:not(#\9) {
+.awsui_root_8cbea_116ec_216:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -248,40 +250,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-family: var(--font-family-base-mylvzb, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
 }
 
-.awsui_segment-part_8cbea_1e110_225:not(#\9) {
+.awsui_segment-part_8cbea_116ec_227:not(#\9) {
   display: inline-grid;
 }
 @media (max-width: 688px) {
-  .awsui_segment-part_8cbea_1e110_225:not(#\9) {
+  .awsui_segment-part_8cbea_116ec_227:not(#\9) {
     display: none;
   }
 }
 
-.awsui_select_8cbea_1e110_172:not(#\9) {
+.awsui_select_8cbea_116ec_174:not(#\9) {
   display: none;
 }
 @media (max-width: 688px) {
-  .awsui_select_8cbea_1e110_172:not(#\9) {
+  .awsui_select_8cbea_116ec_174:not(#\9) {
     display: block;
   }
 }
 
-.awsui_segment-count-2_8cbea_1e110_244:not(#\9) {
+.awsui_segment-count-2_8cbea_116ec_246:not(#\9) {
   grid-template-columns: 1fr 1fr;
 }
 
-.awsui_segment-count-3_8cbea_1e110_249:not(#\9) {
+.awsui_segment-count-3_8cbea_116ec_251:not(#\9) {
   grid-template-columns: 1fr 1fr 1fr;
 }
 
-.awsui_segment-count-4_8cbea_1e110_254:not(#\9) {
+.awsui_segment-count-4_8cbea_116ec_256:not(#\9) {
   grid-template-columns: 1fr 1fr 1fr 1fr;
 }
 
-.awsui_segment-count-5_8cbea_1e110_259:not(#\9) {
+.awsui_segment-count-5_8cbea_116ec_261:not(#\9) {
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
 }
 
-.awsui_segment-count-6_8cbea_1e110_264:not(#\9) {
+.awsui_segment-count-6_8cbea_116ec_266:not(#\9) {
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
 }

package/lib/internal/template/segmented-control/styles.selectors.js

@@ -2,19 +2,19 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "segment": "awsui_segment_8cbea_1e110_97",
-  "disabled": "awsui_disabled_8cbea_1e110_164",
-  "selected": "awsui_selected_8cbea_1e110_172",
-  "icon": "awsui_icon_8cbea_1e110_193",
-  "with-text": "awsui_with-text_8cbea_1e110_197",
-  "with-no-text": "awsui_with-no-text_8cbea_1e110_203",
-  "root": "awsui_root_8cbea_1e110_214",
-  "segment-part": "awsui_segment-part_8cbea_1e110_225",
-  "select": "awsui_select_8cbea_1e110_172",
-  "segment-count-2": "awsui_segment-count-2_8cbea_1e110_244",
-  "segment-count-3": "awsui_segment-count-3_8cbea_1e110_249",
-  "segment-count-4": "awsui_segment-count-4_8cbea_1e110_254",
-  "segment-count-5": "awsui_segment-count-5_8cbea_1e110_259",
-  "segment-count-6": "awsui_segment-count-6_8cbea_1e110_264"
+  "segment": "awsui_segment_8cbea_116ec_97",
+  "disabled": "awsui_disabled_8cbea_116ec_166",
+  "selected": "awsui_selected_8cbea_116ec_174",
+  "icon": "awsui_icon_8cbea_116ec_195",
+  "with-text": "awsui_with-text_8cbea_116ec_199",
+  "with-no-text": "awsui_with-no-text_8cbea_116ec_205",
+  "root": "awsui_root_8cbea_116ec_216",
+  "segment-part": "awsui_segment-part_8cbea_116ec_227",
+  "select": "awsui_select_8cbea_116ec_174",
+  "segment-count-2": "awsui_segment-count-2_8cbea_116ec_246",
+  "segment-count-3": "awsui_segment-count-3_8cbea_116ec_251",
+  "segment-count-4": "awsui_segment-count-4_8cbea_116ec_256",
+  "segment-count-5": "awsui_segment-count-5_8cbea_116ec_261",
+  "segment-count-6": "awsui_segment-count-6_8cbea_116ec_266"
 };
   

package/lib/internal/template/select/interfaces.d.ts

@@ -133,6 +133,10 @@ export interface SelectProps extends BaseSelectProps {
      * The event `detail` contains the current `selectedOption`.
      */
     onChange?: NonCancelableEventHandler<SelectProps.ChangeDetail>;
+    /**
+     * Automatically focuses the trigger when component is mounted.
+     */
+    autoFocus?: boolean;
 }
 export declare namespace SelectProps {
     type FilteringType = OptionsFilteringType;

package/lib/internal/template/select/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/select/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAC;AACzF,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,WAAW,IAAI,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAClH,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AACxF,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,sBAAsB,EACvB,MAAM,4CAA4C,CAAC;AAEpD,MAAM,WAAW,eACf,SAAQ,qBAAqB,EAC3B,kBAAkB,EAClB,+BAA+B,EAC/B,mBAAmB;IACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA6BI;IACJ,OAAO,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC;IAC9B;;;;;;;;;;;;;;;QAeI;IACJ,aAAa,CAAC,EAAE,oBAAoB,CAAC;IAErC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;;;;;;;OAUG;IACH,yBAAyB,CAAC,EAAE,WAAW,CAAC,8BAA8B,CAAC;IACvE;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC;;OAEG;IACH,OAAO,CAAC,EAAE,yBAAyB,CAAC;CACrC;AAED,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD;;OAEG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC;IAC5C;;;OAGG;IACH,cAAc,EAAE,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;CAChE;AAED,yBAAiB,WAAW,CAAC;IAC3B,KAAY,aAAa,GAAG,oBAAoB,CAAC;IACjD,KAAY,cAAc,GAAG,OAAO,GAAG,QAAQ,CAAC;IAEhD,KAAY,MAAM,GAAG,gBAAgB,CAAC;IACtC,KAAY,WAAW,GAAG,qBAAqB,CAAC;IAChD,KAAY,OAAO,GAAG,aAAa,CAAC,MAAM,GAAG,WAAW,CAAC,CAAC;IAE1D,KAAY,eAAe,GAAG,sBAAsB,CAAC;IAErD,UAAiB,YAAY;QAC3B,cAAc,EAAE,MAAM,CAAC;KACxB;IAED,UAAiB,8BAA8B;QAC7C,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;KAC/C;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;CACF"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/select/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAC;AACzF,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,WAAW,IAAI,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAClH,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AACxF,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,sBAAsB,EACvB,MAAM,4CAA4C,CAAC;AAEpD,MAAM,WAAW,eACf,SAAQ,qBAAqB,EAC3B,kBAAkB,EAClB,+BAA+B,EAC/B,mBAAmB;IACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA6BI;IACJ,OAAO,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC;IAC9B;;;;;;;;;;;;;;;QAeI;IACJ,aAAa,CAAC,EAAE,oBAAoB,CAAC;IAErC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;;;;;;;OAUG;IACH,yBAAyB,CAAC,EAAE,WAAW,CAAC,8BAA8B,CAAC;IACvE;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC;;OAEG;IACH,OAAO,CAAC,EAAE,yBAAyB,CAAC;CACrC;AAED,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD;;OAEG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC;IAC5C;;;OAGG;IACH,cAAc,EAAE,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IAE/D;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,yBAAiB,WAAW,CAAC;IAC3B,KAAY,aAAa,GAAG,oBAAoB,CAAC;IACjD,KAAY,cAAc,GAAG,OAAO,GAAG,QAAQ,CAAC;IAEhD,KAAY,MAAM,GAAG,gBAAgB,CAAC;IACtC,KAAY,WAAW,GAAG,qBAAqB,CAAC;IAChD,KAAY,OAAO,GAAG,aAAa,CAAC,MAAM,GAAG,WAAW,CAAC,CAAC;IAE1D,KAAY,eAAe,GAAG,sBAAsB,CAAC;IAErD,UAAiB,YAAY;QAC3B,cAAc,EAAE,MAAM,CAAC;KACxB;IAED,UAAiB,8BAA8B;QAC7C,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;KAC/C;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;CACF"}

package/lib/internal/template/select/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/select/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { FormFieldValidationControlProps } from '../internal/context/form-field-context';\nimport { NonCancelableEventHandler } from '../internal/events';\nimport { OptionDefinition, OptionGroup as OptionGroupDefinition } from '../internal/components/option/interfaces';\nimport { DropdownStatusProps } from '../internal/components/dropdown-status/interfaces';\nimport {\n  BaseDropdownHostProps,\n  OptionsFilteringType,\n  OptionsLoadItemsDetail,\n} from '../internal/components/dropdown/interfaces';\n\nexport interface BaseSelectProps\n  extends BaseDropdownHostProps,\n    BaseComponentProps,\n    FormFieldValidationControlProps,\n    DropdownStatusProps {\n  /**\n   * Specifies an array of options that are displayed to the user as a dropdown list.\n   * The options can be grouped using `OptionGroup` objects.\n   *\n   * #### Option\n   * - `value` (string) - The returned value of the option when selected.\n   * - `label` (string) - (Optional) Option text displayed to the user.\n   * - `description` (string) - (Optional) Further information about the option that appears below the label.\n   * - `disabled` (boolean) - (Optional) Determines whether the option is disabled.\n   * - `labelTag` (string) - (Optional) A label tag that provides additional guidance, shown next to the label.\n   * - `tags` [string[]] - (Optional) A list of tags giving further guidance about the option.\n   * - `filteringTags` [string[]] - (Optional) A list of additional tags used for automatic filtering.\n   * - `iconName` (string) - (Optional) Specifies the name of an [icon](/components/icon/) to display in the option.\n   * - `iconAlt` (string) - (Optional) Specifies alternate text for a custom icon, for use with `iconUrl`.\n   * - `iconUrl` (string) - (Optional) URL of a custom icon.\n   * - `iconSvg` (ReactNode) - (Optional) Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n   *\n   * #### OptionGroup\n   * - `label` (string) - Option group text displayed to the user.\n   * - `disabled` (boolean) - (Optional) Determines whether the option group is disabled.\n   * - `options` (Option[]) - (Optional) The options under this group.\n   *\n   * Note: Only one level of option nesting is supported.\n   *\n   * If you want to use the built-in filtering capabilities of this component, provide\n   * a list of all valid options here and they will be automatically filtered based on the user's filtering input.\n   *\n   * Alternatively, you can listen to the `onChange` or `onLoadItems` event and set new options\n   * on your own.\n   **/\n  options?: SelectProps.Options;\n  /**\n   * Determines how filtering is applied to the list of `options`:\n   * * `auto` - The component will automatically filter options based on user input.\n   * * `manual` - You will set up `onChange` or `onLoadItems` event listeners and filter options on your side or request\n   * them from server.\n   *\n   * By default the component will filter the provided `options` based on the value of the filtering input field.\n   * Only options that have a `value`, `label`, `description` or `labelTag` that contains the input value as a substring\n   * are displayed in the list of options.\n   *\n   * If you set this property to `manual`, this default filtering mechanism is disabled and all provided `options` are\n   * displayed in the dropdown list. In that case make sure that you use the `onChange` or `onLoadItems` events in order\n   * to set the `options` property to the options that are relevant for the user, given the filtering input value.\n   *\n   * Note: Manual filtering doesn't disable match highlighting.\n   **/\n  filteringType?: OptionsFilteringType;\n\n  /**\n   * Determines whether the whole select component is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Specifies the placeholder to display in the filtering input if filtering is enabled.\n   */\n  filteringPlaceholder?: string;\n  /**\n   * Adds an `aria-label` on the built-in filtering input if filtering is enabled.\n   */\n  filteringAriaLabel?: string;\n  /**\n   * Deprecated, has no effect.\n   * @deprecated\n   */\n  name?: string;\n  /**\n   * Specifies the hint text that's displayed in the field when no option has been selected.\n   */\n  placeholder?: string;\n  /**\n   * Specifies the ID for the trigger component. It uses an automatically generated ID by default.\n   */\n  controlId?: string;\n  /**\n   * Adds `aria-required` to the native input element.\n   */\n  ariaRequired?: boolean;\n  /**\n   * Adds `aria-label` to the select element.\n   */\n  ariaLabel?: string;\n  /**\n   * Specifies the localized string that describes an option as being selected.\n   * This is required to provide a good screen reader experience. For more information, see the\n   * [accessibility guidelines](/components/select/?tabId=usage#accessibility-guidelines).\n   */\n  selectedAriaLabel?: string;\n  /**\n   * Overrides the element that is announced to screen readers\n   * when the highlighted option changes. By default, this announces\n   * the option's name and properties, and its selected state if\n   * the `selectedLabel` property is defined.\n   * The highlighted option is provided, and its group (if groups\n   * are used and it differs from the group of the previously highlighted option).\n   *\n   * For more information, see the\n   * [accessibility guidelines](/components/select/?tabId=usage#accessibility-guidelines).\n   */\n  renderHighlightedAriaLive?: SelectProps.ContainingOptionAndGroupString;\n  /**\n   * Displayed for `filteringType=\"auto\"` when there are no matches for the filtering.\n   */\n  noMatch?: React.ReactNode;\n  /**\n   * Called when input focus is removed from the UI control.\n   */\n  onBlur?: NonCancelableEventHandler;\n  /**\n   * Called when input focus is set onto the UI control.\n   */\n  onFocus?: NonCancelableEventHandler;\n}\n\nexport interface SelectProps extends BaseSelectProps {\n  /**\n   * Defines the variant of the trigger. You can use a simple label or the entire option (`label | option`)\n   */\n  triggerVariant?: SelectProps.TriggerVariant;\n  /**\n   * Specifies the currently selected option.\n   * If you want to clear the selection, use `null`.\n   */\n  selectedOption: SelectProps.Option | null;\n  /**\n   * Called when the user selects an option.\n   * The event `detail` contains the current `selectedOption`.\n   */\n  onChange?: NonCancelableEventHandler<SelectProps.ChangeDetail>;\n}\n\nexport namespace SelectProps {\n  export type FilteringType = OptionsFilteringType;\n  export type TriggerVariant = 'label' | 'option';\n\n  export type Option = OptionDefinition;\n  export type OptionGroup = OptionGroupDefinition;\n  export type Options = ReadonlyArray<Option | OptionGroup>;\n\n  export type LoadItemsDetail = OptionsLoadItemsDetail;\n\n  export interface ChangeDetail {\n    selectedOption: Option;\n  }\n\n  export interface ContainingOptionAndGroupString {\n    (option: Option, group?: OptionGroup): string;\n  }\n\n  export interface Ref {\n    /**\n     * Sets focus on the element without opening the dropdown or showing a visual focus indicator.\n     */\n    focus(): void;\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/select/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { FormFieldValidationControlProps } from '../internal/context/form-field-context';\nimport { NonCancelableEventHandler } from '../internal/events';\nimport { OptionDefinition, OptionGroup as OptionGroupDefinition } from '../internal/components/option/interfaces';\nimport { DropdownStatusProps } from '../internal/components/dropdown-status/interfaces';\nimport {\n  BaseDropdownHostProps,\n  OptionsFilteringType,\n  OptionsLoadItemsDetail,\n} from '../internal/components/dropdown/interfaces';\n\nexport interface BaseSelectProps\n  extends BaseDropdownHostProps,\n    BaseComponentProps,\n    FormFieldValidationControlProps,\n    DropdownStatusProps {\n  /**\n   * Specifies an array of options that are displayed to the user as a dropdown list.\n   * The options can be grouped using `OptionGroup` objects.\n   *\n   * #### Option\n   * - `value` (string) - The returned value of the option when selected.\n   * - `label` (string) - (Optional) Option text displayed to the user.\n   * - `description` (string) - (Optional) Further information about the option that appears below the label.\n   * - `disabled` (boolean) - (Optional) Determines whether the option is disabled.\n   * - `labelTag` (string) - (Optional) A label tag that provides additional guidance, shown next to the label.\n   * - `tags` [string[]] - (Optional) A list of tags giving further guidance about the option.\n   * - `filteringTags` [string[]] - (Optional) A list of additional tags used for automatic filtering.\n   * - `iconName` (string) - (Optional) Specifies the name of an [icon](/components/icon/) to display in the option.\n   * - `iconAlt` (string) - (Optional) Specifies alternate text for a custom icon, for use with `iconUrl`.\n   * - `iconUrl` (string) - (Optional) URL of a custom icon.\n   * - `iconSvg` (ReactNode) - (Optional) Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n   *\n   * #### OptionGroup\n   * - `label` (string) - Option group text displayed to the user.\n   * - `disabled` (boolean) - (Optional) Determines whether the option group is disabled.\n   * - `options` (Option[]) - (Optional) The options under this group.\n   *\n   * Note: Only one level of option nesting is supported.\n   *\n   * If you want to use the built-in filtering capabilities of this component, provide\n   * a list of all valid options here and they will be automatically filtered based on the user's filtering input.\n   *\n   * Alternatively, you can listen to the `onChange` or `onLoadItems` event and set new options\n   * on your own.\n   **/\n  options?: SelectProps.Options;\n  /**\n   * Determines how filtering is applied to the list of `options`:\n   * * `auto` - The component will automatically filter options based on user input.\n   * * `manual` - You will set up `onChange` or `onLoadItems` event listeners and filter options on your side or request\n   * them from server.\n   *\n   * By default the component will filter the provided `options` based on the value of the filtering input field.\n   * Only options that have a `value`, `label`, `description` or `labelTag` that contains the input value as a substring\n   * are displayed in the list of options.\n   *\n   * If you set this property to `manual`, this default filtering mechanism is disabled and all provided `options` are\n   * displayed in the dropdown list. In that case make sure that you use the `onChange` or `onLoadItems` events in order\n   * to set the `options` property to the options that are relevant for the user, given the filtering input value.\n   *\n   * Note: Manual filtering doesn't disable match highlighting.\n   **/\n  filteringType?: OptionsFilteringType;\n\n  /**\n   * Determines whether the whole select component is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Specifies the placeholder to display in the filtering input if filtering is enabled.\n   */\n  filteringPlaceholder?: string;\n  /**\n   * Adds an `aria-label` on the built-in filtering input if filtering is enabled.\n   */\n  filteringAriaLabel?: string;\n  /**\n   * Deprecated, has no effect.\n   * @deprecated\n   */\n  name?: string;\n  /**\n   * Specifies the hint text that's displayed in the field when no option has been selected.\n   */\n  placeholder?: string;\n  /**\n   * Specifies the ID for the trigger component. It uses an automatically generated ID by default.\n   */\n  controlId?: string;\n  /**\n   * Adds `aria-required` to the native input element.\n   */\n  ariaRequired?: boolean;\n  /**\n   * Adds `aria-label` to the select element.\n   */\n  ariaLabel?: string;\n  /**\n   * Specifies the localized string that describes an option as being selected.\n   * This is required to provide a good screen reader experience. For more information, see the\n   * [accessibility guidelines](/components/select/?tabId=usage#accessibility-guidelines).\n   */\n  selectedAriaLabel?: string;\n  /**\n   * Overrides the element that is announced to screen readers\n   * when the highlighted option changes. By default, this announces\n   * the option's name and properties, and its selected state if\n   * the `selectedLabel` property is defined.\n   * The highlighted option is provided, and its group (if groups\n   * are used and it differs from the group of the previously highlighted option).\n   *\n   * For more information, see the\n   * [accessibility guidelines](/components/select/?tabId=usage#accessibility-guidelines).\n   */\n  renderHighlightedAriaLive?: SelectProps.ContainingOptionAndGroupString;\n  /**\n   * Displayed for `filteringType=\"auto\"` when there are no matches for the filtering.\n   */\n  noMatch?: React.ReactNode;\n  /**\n   * Called when input focus is removed from the UI control.\n   */\n  onBlur?: NonCancelableEventHandler;\n  /**\n   * Called when input focus is set onto the UI control.\n   */\n  onFocus?: NonCancelableEventHandler;\n}\n\nexport interface SelectProps extends BaseSelectProps {\n  /**\n   * Defines the variant of the trigger. You can use a simple label or the entire option (`label | option`)\n   */\n  triggerVariant?: SelectProps.TriggerVariant;\n  /**\n   * Specifies the currently selected option.\n   * If you want to clear the selection, use `null`.\n   */\n  selectedOption: SelectProps.Option | null;\n  /**\n   * Called when the user selects an option.\n   * The event `detail` contains the current `selectedOption`.\n   */\n  onChange?: NonCancelableEventHandler<SelectProps.ChangeDetail>;\n\n  /**\n   * Automatically focuses the trigger when component is mounted.\n   */\n  autoFocus?: boolean;\n}\n\nexport namespace SelectProps {\n  export type FilteringType = OptionsFilteringType;\n  export type TriggerVariant = 'label' | 'option';\n\n  export type Option = OptionDefinition;\n  export type OptionGroup = OptionGroupDefinition;\n  export type Options = ReadonlyArray<Option | OptionGroup>;\n\n  export type LoadItemsDetail = OptionsLoadItemsDetail;\n\n  export interface ChangeDetail {\n    selectedOption: Option;\n  }\n\n  export interface ContainingOptionAndGroupString {\n    (option: Option, group?: OptionGroup): string;\n  }\n\n  export interface Ref {\n    /**\n     * Sets focus on the element without opening the dropdown or showing a visual focus indicator.\n     */\n    focus(): void;\n  }\n}\n"]}

package/lib/internal/template/select/internal.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { SelectProps } from './interfaces';
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
-import { SomeRequired } from '../internal/types.js';
+import { SomeRequired } from '../internal/types';
 export interface InternalSelectProps extends SomeRequired<SelectProps, 'options'>, InternalBaseComponentProps {
     __inFilteringToken?: boolean;
 }

package/lib/internal/template/select/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/select/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAW3D,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAa3C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIpD,MAAM,WAAW,mBAAoB,SAAQ,YAAY,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,0BAA0B;IAC3G,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,QAAA,MAAM,cAAc,6FAsMnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/select/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAW3D,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAa3C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAIjD,MAAM,WAAW,mBAAoB,SAAQ,YAAY,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,0BAA0B;IAC3G,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,QAAA,MAAM,cAAc,6FAuMnB,CAAC;AAEF,eAAe,cAAc,CAAC"}