@cloudscape-design/components 3.0.1333 → 3.0.1334

package/input/styles.scoped.css

@@ -142,11 +142,11 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_2rhyz_1l9fu_145:not(#\9) {
+.awsui_root_2rhyz_b0nan_145:not(#\9) {
   /* used in test-utils for component to distinguish input from other input-like components, for example autosuggest */
 }
 
-.awsui_input_2rhyz_1l9fu_149:not(#\9) {
+.awsui_input_2rhyz_b0nan_149:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -178,177 +178,177 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
   padding-block: var(--space-field-vertical-vm99qz, 5px);
   padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
-  color: var(--awsui-style-color-default-z17rmd, var(--color-text-body-default-vvtq8u, #0f141a));
+  color: var(--awsui-style-color-default-esndbs, var(--color-text-body-default-vvtq8u, #0f141a));
   inline-size: 100%;
   cursor: text;
   box-sizing: border-box;
-  background-color: var(--awsui-style-background-default-z17rmd, var(--color-background-input-default-ifz5bb, #ffffff));
+  background-color: var(--awsui-style-background-default-esndbs, var(--color-background-input-default-ifz5bb, #ffffff));
   border-start-start-radius: var(--border-radius-input-7q0str, 8px);
   border-start-end-radius: var(--border-radius-input-7q0str, 8px);
   border-end-start-radius: var(--border-radius-input-7q0str, 8px);
   border-end-end-radius: var(--border-radius-input-7q0str, 8px);
-  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-default-z17rmd, var(--color-border-input-default-317xk5, #8c8c94));
-  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-default-z17rmd, var(--color-border-input-default-317xk5, #8c8c94));
-  box-shadow: var(--awsui-style-box-shadow-default-z17rmd);
+  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-default-esndbs, var(--color-border-input-default-317xk5, #8c8c94));
+  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-default-esndbs, var(--color-border-input-default-317xk5, #8c8c94));
+  box-shadow: var(--awsui-style-box-shadow-default-esndbs);
   font-size: var(--font-size-body-m-a7nh2n, 14px);
   line-height: var(--line-height-body-m-2mh3ke, 20px);
   min-block-size: var(--size-vertical-input-p1d7xx, 32px);
 }
-.awsui_input_2rhyz_1l9fu_149:not(#\9):hover {
-  border-color: var(--awsui-style-border-color-hover-z17rmd, var(--awsui-style-border-color-default-z17rmd, var(--color-border-input-default-317xk5, #8c8c94)));
-  color: var(--awsui-style-color-hover-z17rmd, var(--awsui-style-border-color-default-z17rmd, var(--color-text-body-default-vvtq8u, #0f141a)));
-  background-color: var(--awsui-style-background-hover-z17rmd, var(--awsui-style-background-default-z17rmd, var(--color-background-input-default-ifz5bb, #ffffff)));
-  box-shadow: var(--awsui-style-box-shadow-hover-z17rmd, --awsui-style-box-shadow-default-z17rmd);
-}
-.awsui_input_2rhyz_1l9fu_149.awsui_input-readonly_2rhyz_1l9fu_203:not(#\9) {
-  background-color: var(--awsui-style-background-readonly-z17rmd, var(--awsui-style-background-default-z17rmd, var(--color-background-input-default-ifz5bb, #ffffff)));
-  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-readonly-z17rmd, var(--awsui-style-border-color-default-z17rmd, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
-  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-readonly-z17rmd, var(--awsui-style-border-color-default-z17rmd, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
-  color: var(--awsui-style-color-readonly-z17rmd, var(--awsui-style-color-default-z17rmd, var(--color-text-body-default-vvtq8u, #0f141a)));
-  box-shadow: var(--awsui-style-box-shadow-readonly-z17rmd);
-}
-.awsui_input_2rhyz_1l9fu_149:not(#\9)::-webkit-input-placeholder {
-  color: var(--awsui-style-placeholder-color-z17rmd, var(--color-text-input-placeholder-dclg8u, #656871));
-  font-size: var(--awsui-style-placeholder-font-size-z17rmd);
-  font-style: var(--awsui-style-placeholder-font-style-z17rmd, italic);
-  font-weight: var(--awsui-style-placeholder-font-weight-z17rmd);
+.awsui_input_2rhyz_b0nan_149:not(#\9):hover {
+  border-color: var(--awsui-style-border-color-hover-esndbs, var(--awsui-style-border-color-default-esndbs, var(--color-border-input-default-317xk5, #8c8c94)));
+  color: var(--awsui-style-color-hover-esndbs, var(--awsui-style-border-color-default-esndbs, var(--color-text-body-default-vvtq8u, #0f141a)));
+  background-color: var(--awsui-style-background-hover-esndbs, var(--awsui-style-background-default-esndbs, var(--color-background-input-default-ifz5bb, #ffffff)));
+  box-shadow: var(--awsui-style-box-shadow-hover-esndbs, --awsui-style-box-shadow-default-esndbs);
+}
+.awsui_input_2rhyz_b0nan_149.awsui_input-readonly_2rhyz_b0nan_203:not(#\9) {
+  background-color: var(--awsui-style-background-readonly-esndbs, var(--awsui-style-background-default-esndbs, var(--color-background-input-default-ifz5bb, #ffffff)));
+  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-readonly-esndbs, var(--awsui-style-border-color-default-esndbs, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
+  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-readonly-esndbs, var(--awsui-style-border-color-default-esndbs, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
+  color: var(--awsui-style-color-readonly-esndbs, var(--awsui-style-color-default-esndbs, var(--color-text-body-default-vvtq8u, #0f141a)));
+  box-shadow: var(--awsui-style-box-shadow-readonly-esndbs);
+}
+.awsui_input_2rhyz_b0nan_149:not(#\9)::-webkit-input-placeholder {
+  color: var(--awsui-style-placeholder-color-esndbs, var(--color-text-input-placeholder-dclg8u, #656871));
+  font-size: var(--awsui-style-placeholder-font-size-esndbs);
+  font-style: var(--awsui-style-placeholder-font-style-esndbs, italic);
+  font-weight: var(--awsui-style-placeholder-font-weight-esndbs);
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_1l9fu_149:not(#\9)::-moz-placeholder {
-  color: var(--awsui-style-placeholder-color-z17rmd, var(--color-text-input-placeholder-dclg8u, #656871));
-  font-size: var(--awsui-style-placeholder-font-size-z17rmd);
-  font-style: var(--awsui-style-placeholder-font-style-z17rmd, italic);
-  font-weight: var(--awsui-style-placeholder-font-weight-z17rmd);
+.awsui_input_2rhyz_b0nan_149:not(#\9)::-moz-placeholder {
+  color: var(--awsui-style-placeholder-color-esndbs, var(--color-text-input-placeholder-dclg8u, #656871));
+  font-size: var(--awsui-style-placeholder-font-size-esndbs);
+  font-style: var(--awsui-style-placeholder-font-style-esndbs, italic);
+  font-weight: var(--awsui-style-placeholder-font-weight-esndbs);
   opacity: 1;
 }
-.awsui_input_2rhyz_1l9fu_149:not(#\9):-moz-placeholder {
-  color: var(--awsui-style-placeholder-color-z17rmd, var(--color-text-input-placeholder-dclg8u, #656871));
-  font-size: var(--awsui-style-placeholder-font-size-z17rmd);
-  font-style: var(--awsui-style-placeholder-font-style-z17rmd, italic);
-  font-weight: var(--awsui-style-placeholder-font-weight-z17rmd);
+.awsui_input_2rhyz_b0nan_149:not(#\9):-moz-placeholder {
+  color: var(--awsui-style-placeholder-color-esndbs, var(--color-text-input-placeholder-dclg8u, #656871));
+  font-size: var(--awsui-style-placeholder-font-size-esndbs);
+  font-style: var(--awsui-style-placeholder-font-style-esndbs, italic);
+  font-weight: var(--awsui-style-placeholder-font-weight-esndbs);
   opacity: 1;
 }
-.awsui_input_2rhyz_1l9fu_149:not(#\9):focus {
+.awsui_input_2rhyz_b0nan_149:not(#\9):focus {
   outline: 2px dotted transparent;
-  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-focus-z17rmd, var(--color-border-input-focused-4z0pgn, #006ce0));
-  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-focus-z17rmd, var(--color-border-input-focused-4z0pgn, #006ce0));
+  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-focus-esndbs, var(--color-border-input-focused-4z0pgn, #006ce0));
+  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-focus-esndbs, var(--color-border-input-focused-4z0pgn, #006ce0));
   border-start-start-radius: var(--border-radius-input-7q0str, 8px);
   border-start-end-radius: var(--border-radius-input-7q0str, 8px);
   border-end-start-radius: var(--border-radius-input-7q0str, 8px);
   border-end-end-radius: var(--border-radius-input-7q0str, 8px);
-  box-shadow: var(--awsui-style-box-shadow-focus-z17rmd, 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0));
-  color: var(--awsui-style-color-focus-z17rmd, var(--color-text-body-default-vvtq8u, #0f141a));
-  background-color: var(--awsui-style-background-focus-z17rmd, var(--color-background-input-default-ifz5bb, #ffffff));
-}
-.awsui_input_2rhyz_1l9fu_149:not(#\9):disabled {
-  background-color: var(--awsui-style-background-disabled-z17rmd, var(--color-background-input-disabled-dihaja, #ebebf0));
-  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-disabled-z17rmd, var(--color-border-input-disabled-zgnzvk, #ebebf0));
-  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-disabled-z17rmd, var(--color-border-input-disabled-zgnzvk, #ebebf0));
-  color: var(--awsui-style-color-disabled-z17rmd, var(--color-text-input-disabled-wh1f3y, #b4b4bb));
+  box-shadow: var(--awsui-style-box-shadow-focus-esndbs, 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0));
+  color: var(--awsui-style-color-focus-esndbs, var(--color-text-body-default-vvtq8u, #0f141a));
+  background-color: var(--awsui-style-background-focus-esndbs, var(--color-background-input-default-ifz5bb, #ffffff));
+}
+.awsui_input_2rhyz_b0nan_149:not(#\9):disabled {
+  background-color: var(--awsui-style-background-disabled-esndbs, var(--color-background-input-disabled-dihaja, #ebebf0));
+  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-disabled-esndbs, var(--color-border-input-disabled-zgnzvk, #ebebf0));
+  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-disabled-esndbs, var(--color-border-input-disabled-zgnzvk, #ebebf0));
+  color: var(--awsui-style-color-disabled-esndbs, var(--color-text-input-disabled-wh1f3y, #b4b4bb));
   cursor: default;
-  box-shadow: var(--awsui-style-box-shadow-disabled-z17rmd);
+  box-shadow: var(--awsui-style-box-shadow-disabled-esndbs);
 }
-.awsui_input_2rhyz_1l9fu_149:not(#\9):disabled::-webkit-input-placeholder {
-  color: var(--awsui-style-placeholder-color-z17rmd, var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb));
+.awsui_input_2rhyz_b0nan_149:not(#\9):disabled::-webkit-input-placeholder {
+  color: var(--awsui-style-placeholder-color-esndbs, var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb));
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_1l9fu_149:not(#\9):disabled::-moz-placeholder {
-  color: var(--awsui-style-placeholder-color-z17rmd, var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb));
+.awsui_input_2rhyz_b0nan_149:not(#\9):disabled::-moz-placeholder {
+  color: var(--awsui-style-placeholder-color-esndbs, var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb));
   opacity: 1;
 }
-.awsui_input_2rhyz_1l9fu_149:not(#\9):disabled:-moz-placeholder {
-  color: var(--awsui-style-placeholder-color-z17rmd, var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb));
+.awsui_input_2rhyz_b0nan_149:not(#\9):disabled:-moz-placeholder {
+  color: var(--awsui-style-placeholder-color-esndbs, var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb));
   opacity: 1;
 }
-.awsui_input_2rhyz_1l9fu_149:not(#\9):invalid {
+.awsui_input_2rhyz_b0nan_149:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_input_2rhyz_1l9fu_149.awsui_input-invalid_2rhyz_1l9fu_266:not(#\9) {
-  color: var(--awsui-style-color-default-z17rmd, var(--color-text-status-error-bwp1cm, #db0000));
-  border-color: var(--awsui-style-border-color-default-z17rmd, var(--color-text-status-error-bwp1cm, #db0000));
+.awsui_input_2rhyz_b0nan_149.awsui_input-invalid_2rhyz_b0nan_266:not(#\9) {
+  color: var(--awsui-style-color-default-esndbs, var(--color-text-status-error-bwp1cm, #db0000));
+  border-color: var(--awsui-style-border-color-default-esndbs, var(--color-text-status-error-bwp1cm, #db0000));
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
   border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
 }
-.awsui_input_2rhyz_1l9fu_149.awsui_input-invalid_2rhyz_1l9fu_266:not(#\9):focus {
-  box-shadow: var(--awsui-style-box-shadow-focus-z17rmd, 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0));
+.awsui_input_2rhyz_b0nan_149.awsui_input-invalid_2rhyz_b0nan_266:not(#\9):focus {
+  box-shadow: var(--awsui-style-box-shadow-focus-esndbs, 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0));
 }
-.awsui_input_2rhyz_1l9fu_149.awsui_input-invalid_2rhyz_1l9fu_266.awsui_input-has-icon-left_2rhyz_1l9fu_275:not(#\9) {
+.awsui_input_2rhyz_b0nan_149.awsui_input-invalid_2rhyz_b0nan_266.awsui_input-has-icon-left_2rhyz_b0nan_275:not(#\9) {
   padding-inline-start: calc(var(--space-field-icon-offset-ikwzwx, 36px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
 }
-.awsui_input_2rhyz_1l9fu_149.awsui_input-warning_2rhyz_1l9fu_278:not(#\9) {
-  color: var(--awsui-style-color-default-z17rmd, var(--color-text-status-warning-ylxn5k, #855900));
-  border-color: var(--awsui-style-border-color-default-z17rmd, var(--color-text-status-warning-ylxn5k, #855900));
+.awsui_input_2rhyz_b0nan_149.awsui_input-warning_2rhyz_b0nan_278:not(#\9) {
+  color: var(--awsui-style-color-default-esndbs, var(--color-text-status-warning-ylxn5k, #855900));
+  border-color: var(--awsui-style-border-color-default-esndbs, var(--color-text-status-warning-ylxn5k, #855900));
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
   border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
 }
-.awsui_input_2rhyz_1l9fu_149.awsui_input-warning_2rhyz_1l9fu_278:not(#\9):focus {
-  box-shadow: var(--awsui-style-box-shadow-focus-z17rmd, 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0));
+.awsui_input_2rhyz_b0nan_149.awsui_input-warning_2rhyz_b0nan_278:not(#\9):focus {
+  box-shadow: var(--awsui-style-box-shadow-focus-esndbs, 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0));
 }
-.awsui_input_2rhyz_1l9fu_149.awsui_input-warning_2rhyz_1l9fu_278.awsui_input-has-icon-left_2rhyz_1l9fu_275:not(#\9) {
+.awsui_input_2rhyz_b0nan_149.awsui_input-warning_2rhyz_b0nan_278.awsui_input-has-icon-left_2rhyz_b0nan_275:not(#\9) {
   padding-inline-start: calc(var(--space-field-icon-offset-ikwzwx, 36px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
 }
-.awsui_input_2rhyz_1l9fu_149.awsui_input-type-search_2rhyz_1l9fu_290:not(#\9) {
+.awsui_input_2rhyz_b0nan_149.awsui_input-type-search_2rhyz_b0nan_290:not(#\9) {
   box-sizing: border-box;
   -webkit-appearance: none;
 }
-.awsui_input_2rhyz_1l9fu_149.awsui_input-type-search_2rhyz_1l9fu_290:not(#\9)::-webkit-search-decoration {
+.awsui_input_2rhyz_b0nan_149.awsui_input-type-search_2rhyz_b0nan_290:not(#\9)::-webkit-search-decoration {
   -webkit-appearance: none;
 }
-.awsui_input_2rhyz_1l9fu_149.awsui_input-type-search_2rhyz_1l9fu_290:not(#\9)::-webkit-search-cancel-button {
+.awsui_input_2rhyz_b0nan_149.awsui_input-type-search_2rhyz_b0nan_290:not(#\9)::-webkit-search-cancel-button {
   display: none;
 }
-.awsui_input_2rhyz_1l9fu_149.awsui_input-has-icon-left_2rhyz_1l9fu_275:not(#\9) {
+.awsui_input_2rhyz_b0nan_149.awsui_input-has-icon-left_2rhyz_b0nan_275:not(#\9) {
   padding-inline-start: var(--space-field-icon-offset-ikwzwx, 36px);
 }
-.awsui_input_2rhyz_1l9fu_149.awsui_input-has-icon-right_2rhyz_1l9fu_303:not(#\9) {
+.awsui_input_2rhyz_b0nan_149.awsui_input-has-icon-right_2rhyz_b0nan_303:not(#\9) {
   padding-inline-end: var(--space-field-icon-offset-ikwzwx, 36px);
 }
-.awsui_input_2rhyz_1l9fu_149.awsui_input-has-no-border-radius_2rhyz_1l9fu_306:not(#\9) {
+.awsui_input_2rhyz_b0nan_149.awsui_input-has-no-border-radius_2rhyz_b0nan_306:not(#\9) {
   border-start-start-radius: var(--border-radius-dropdown-fgc2a1, 8px);
   border-start-end-radius: var(--border-radius-dropdown-fgc2a1, 8px);
   border-end-start-radius: var(--border-radius-dropdown-fgc2a1, 8px);
   border-end-end-radius: var(--border-radius-dropdown-fgc2a1, 8px);
 }
 
-.awsui_input-container_2rhyz_1l9fu_313:not(#\9) {
+.awsui_input-container_2rhyz_b0nan_313:not(#\9) {
   display: flex;
   position: relative;
 }
 
-.awsui_input-icon-left_2rhyz_1l9fu_318:not(#\9) {
+.awsui_input-icon-left_2rhyz_b0nan_318:not(#\9) {
   position: absolute;
   pointer-events: none;
   inset-inline-start: var(--space-field-horizontal-0aq2ch, 12px);
   inset-block-start: calc(50% - var(--line-height-body-m-2mh3ke, 20px) / 2);
 }
 
-.awsui_input-icon-right_2rhyz_1l9fu_325:not(#\9) {
+.awsui_input-icon-right_2rhyz_b0nan_325:not(#\9) {
   position: absolute;
   inset-block-start: calc(calc(50% - var(--line-height-body-m-2mh3ke, 20px) / 2) - var(--space-xxxs-pajhad, 2px));
   inset-inline-end: calc(var(--space-field-horizontal-0aq2ch, 12px) - var(--space-xxs-hwfkai, 4px));
 }
 
-.awsui_input-button-right_2rhyz_1l9fu_331:not(#\9) {
+.awsui_input-button-right_2rhyz_b0nan_331:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_inline-label-trigger-wrapper_2rhyz_1l9fu_335:not(#\9) {
+.awsui_inline-label-trigger-wrapper_2rhyz_b0nan_335:not(#\9) {
   margin-block-start: -7px;
 }
-.awsui_inline-label-trigger-wrapper-full-width_2rhyz_1l9fu_338:not(#\9) {
+.awsui_inline-label-trigger-wrapper-full-width_2rhyz_b0nan_338:not(#\9) {
   inline-size: 100%;
 }
 
-.awsui_inline-label-wrapper_2rhyz_1l9fu_342:not(#\9) {
+.awsui_inline-label-wrapper_2rhyz_b0nan_342:not(#\9) {
   margin-block-start: calc(var(--space-scaled-xs-xwoogq, 8px) * -1);
 }
-.awsui_inline-label-wrapper-full-width_2rhyz_1l9fu_345:not(#\9) {
+.awsui_inline-label-wrapper-full-width_2rhyz_b0nan_345:not(#\9) {
   inline-size: 100%;
 }
 
-.awsui_inline-label_2rhyz_1l9fu_335:not(#\9) {
+.awsui_inline-label_2rhyz_b0nan_335:not(#\9) {
   background: linear-gradient(to bottom, var(--color-background-layout-main-5ilwcb, #ffffff), var(--color-background-input-default-ifz5bb, #ffffff));
   border-start-start-radius: 2px;
   border-start-end-radius: 2px;

package/input/styles.selectors.js

@@ -2,23 +2,23 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_2rhyz_1l9fu_145",
-  "input": "awsui_input_2rhyz_1l9fu_149",
-  "input-readonly": "awsui_input-readonly_2rhyz_1l9fu_203",
-  "input-invalid": "awsui_input-invalid_2rhyz_1l9fu_266",
-  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1l9fu_275",
-  "input-warning": "awsui_input-warning_2rhyz_1l9fu_278",
-  "input-type-search": "awsui_input-type-search_2rhyz_1l9fu_290",
-  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1l9fu_303",
-  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1l9fu_306",
-  "input-container": "awsui_input-container_2rhyz_1l9fu_313",
-  "input-icon-left": "awsui_input-icon-left_2rhyz_1l9fu_318",
-  "input-icon-right": "awsui_input-icon-right_2rhyz_1l9fu_325",
-  "input-button-right": "awsui_input-button-right_2rhyz_1l9fu_331",
-  "inline-label-trigger-wrapper": "awsui_inline-label-trigger-wrapper_2rhyz_1l9fu_335",
-  "inline-label-trigger-wrapper-full-width": "awsui_inline-label-trigger-wrapper-full-width_2rhyz_1l9fu_338",
-  "inline-label-wrapper": "awsui_inline-label-wrapper_2rhyz_1l9fu_342",
-  "inline-label-wrapper-full-width": "awsui_inline-label-wrapper-full-width_2rhyz_1l9fu_345",
-  "inline-label": "awsui_inline-label_2rhyz_1l9fu_335"
+  "root": "awsui_root_2rhyz_b0nan_145",
+  "input": "awsui_input_2rhyz_b0nan_149",
+  "input-readonly": "awsui_input-readonly_2rhyz_b0nan_203",
+  "input-invalid": "awsui_input-invalid_2rhyz_b0nan_266",
+  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_b0nan_275",
+  "input-warning": "awsui_input-warning_2rhyz_b0nan_278",
+  "input-type-search": "awsui_input-type-search_2rhyz_b0nan_290",
+  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_b0nan_303",
+  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_b0nan_306",
+  "input-container": "awsui_input-container_2rhyz_b0nan_313",
+  "input-icon-left": "awsui_input-icon-left_2rhyz_b0nan_318",
+  "input-icon-right": "awsui_input-icon-right_2rhyz_b0nan_325",
+  "input-button-right": "awsui_input-button-right_2rhyz_b0nan_331",
+  "inline-label-trigger-wrapper": "awsui_inline-label-trigger-wrapper_2rhyz_b0nan_335",
+  "inline-label-trigger-wrapper-full-width": "awsui_inline-label-trigger-wrapper-full-width_2rhyz_b0nan_338",
+  "inline-label-wrapper": "awsui_inline-label-wrapper_2rhyz_b0nan_342",
+  "inline-label-wrapper-full-width": "awsui_inline-label-wrapper-full-width_2rhyz_b0nan_345",
+  "inline-label": "awsui_inline-label_2rhyz_b0nan_335"
 };
   

package/internal/base-component/styles.scoped.css

@@ -443,6 +443,7 @@
     --color-border-item-placeholder-x8kbjp:var(--color-border-item-selected-wl5ttm);
     --color-border-item-selected-wl5ttm:var(--color-item-selected-72rnwy);
     --color-border-layout-ayg8vb:var(--color-neutral-350-dq6kfr);
+    --color-border-layout-side-navigation-n9t35t:var(--color-border-layout-ayg8vb);
     --color-border-notification-stack-bar-aszsse:var(--color-neutral-750-pi9qqd);
     --color-border-panel-header-ygztvl:var(--color-border-divider-default-nr68jt);
     --color-border-popover-1ye6tz:var(--color-border-dropdown-container-cmthq7);
@@ -762,6 +763,7 @@
     --border-width-icon-x-small-45lnog:1.5px;
     --border-width-item-card-3wmyp3:var(--border-width-card-x24gzt);
     --border-width-item-selected-yv93vd:2px;
+    --border-width-layout-side-navigation-brgx8q:var(--border-divider-section-width-uwo8my);
     --border-width-badge-7pmgfh:0px;
     --border-width-popover-nflirh:2px;
     --border-width-token-2ukdpu:2px;
@@ -1579,6 +1581,7 @@
     --color-border-input-disabled-zgnzvk:var(--color-background-input-disabled-dihaja);
     --color-border-item-placeholder-x8kbjp:var(--color-border-item-selected-wl5ttm);
     --color-border-item-selected-wl5ttm:var(--color-item-selected-72rnwy);
+    --color-border-layout-side-navigation-n9t35t:var(--color-border-layout-ayg8vb);
     --color-border-panel-header-ygztvl:var(--color-border-divider-default-nr68jt);
     --color-border-popover-1ye6tz:var(--color-border-dropdown-container-cmthq7);
     --color-border-segment-active-ls9t4n:var(--color-border-segment-default-6ig2mo);
@@ -1868,6 +1871,7 @@
     --color-border-input-disabled-zgnzvk:var(--color-background-input-disabled-dihaja);
     --color-border-item-placeholder-x8kbjp:var(--color-border-item-selected-wl5ttm);
     --color-border-item-selected-wl5ttm:var(--color-item-selected-72rnwy);
+    --color-border-layout-side-navigation-n9t35t:var(--color-border-layout-ayg8vb);
     --color-border-panel-header-ygztvl:var(--color-border-divider-default-nr68jt);
     --color-border-popover-1ye6tz:var(--color-border-dropdown-container-cmthq7);
     --color-border-segment-active-ls9t4n:var(--color-border-segment-default-6ig2mo);
@@ -2339,6 +2343,7 @@
     --color-border-input-disabled-zgnzvk:var(--color-background-input-disabled-dihaja);
     --color-border-item-placeholder-x8kbjp:var(--color-border-item-selected-wl5ttm);
     --color-border-item-selected-wl5ttm:var(--color-item-selected-72rnwy);
+    --color-border-layout-side-navigation-n9t35t:var(--color-border-layout-ayg8vb);
     --color-border-panel-header-ygztvl:var(--color-border-divider-default-nr68jt);
     --color-border-popover-1ye6tz:var(--color-border-dropdown-container-cmthq7);
     --color-border-segment-active-ls9t4n:var(--color-border-segment-default-6ig2mo);
@@ -2454,5 +2459,5 @@
   }
 }
 :root {
-  --awsui-version-info-1834b88b: true;
+  --awsui-version-info-0404a635: true;
 }

package/internal/components/abstract-switch/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/abstract-switch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAKrF,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,0BAA0B;IACxG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;IAC1F,aAAa,EAAE,KAAK,CAAC,YAAY,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE;YACR,UAAU,CAAC,EAAE,MAAM,CAAC;SACrB,CAAC;QACF,WAAW,CAAC,EAAE;YACZ,KAAK,CAAC,EAAE,MAAM,CAAC;SAChB,CAAC;QACF,KAAK,CAAC,EAAE;YACN,KAAK,CAAC,EAAE,MAAM,CAAC;SAChB,CAAC;QACF,SAAS,CAAC,EAAE;YACV,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,WAAW,CAAC,EAAE,MAAM,CAAC;SACtB,CAAC;KACH,CAAC;CACH;AAMD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,aAAa,EACb,KAAK,EACL,WAAW,EACX,wBAAwB,EACxB,SAAS,EACT,cAAc,EACd,eAAe,EACf,YAAY,EACZ,OAAO,EACP,KAAK,EACL,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,mBAAmB,eA8FrB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/abstract-switch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAKrF,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,0BAA0B;IACxG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;IAC1F,aAAa,EAAE,KAAK,CAAC,YAAY,CAAC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE;YACR,UAAU,CAAC,EAAE,MAAM,CAAC;SACrB,CAAC;QACF,WAAW,CAAC,EAAE;YACZ,KAAK,CAAC,EAAE,MAAM,CAAC;SAChB,CAAC;QACF,KAAK,CAAC,EAAE;YACN,KAAK,CAAC,EAAE,MAAM,CAAC;SAChB,CAAC;QACF,SAAS,CAAC,EAAE;YACV,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,WAAW,CAAC,EAAE,MAAM,CAAC;SACtB,CAAC;KACH,CAAC;CACH;AAMD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,aAAa,EACb,KAAK,EACL,WAAW,EACX,wBAAwB,EACxB,SAAS,EACT,cAAc,EACd,eAAe,EACf,YAAY,EACZ,OAAO,EACP,KAAK,EACL,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,mBAAmB,eAqGrB"}

package/internal/components/abstract-switch/index.js

@@ -30,13 +30,19 @@ export default function AbstractSwitch({ controlId, controlClassName, outlineCla
     if (description) {
         ariaDescriptions.push(descriptionId);
     }
+    // Resolve the interaction label from the associated `<label for>` when there is no inline label, for example when used in collection preferences.
+    const interactionLabel = label
+        ? `.${analyticsSelectors.label}`
+        : !ariaLabel && !ariaLabelledby && controlId
+            ? { root: 'body', selector: `label[for="${controlId}"]` }
+            : `.${analyticsSelectors['native-input']}`;
     return (React.createElement("span", { ...rest, className: clsx(styles.wrapper, rest.className), ref: __internalRootRef, ...getAnalyticsLabelAttribute(label ? `.${analyticsSelectors.label}` : `.${analyticsSelectors['native-input']}`) },
         React.createElement("span", { className: styles['label-wrapper'], "aria-disabled": disabled ? 'true' : undefined, onClick: disabled || readOnly ? undefined : onClick, ...getAnalyticsMetadataAttribute(disabled || readOnly
                 ? {}
                 : {
                     action: 'select',
                     detail: {
-                        label: label ? `.${analyticsSelectors.label}` : `.${analyticsSelectors['native-input']}`,
+                        label: interactionLabel,
                     },
                 }) },
             React.createElement("span", { className: clsx(styles.control, controlClassName), style: {

package/internal/components/abstract-switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/abstract-switch/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport {\n  getAnalyticsLabelAttribute,\n  getAnalyticsMetadataAttribute,\n} from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport customCssProps from '../../../internal/generated/custom-css-properties';\nimport { InternalBaseComponentProps } from '../../hooks/use-base-component/index.js';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\nexport interface AbstractSwitchProps extends React.HTMLAttributes<HTMLElement>, InternalBaseComponentProps {\n  controlId?: string;\n  controlClassName: string;\n  outlineClassName: string;\n  showOutline?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  nativeControl: (props: React.InputHTMLAttributes<HTMLInputElement>) => React.ReactElement;\n  styledControl: React.ReactElement;\n  label?: React.ReactNode;\n  description?: React.ReactNode;\n  descriptionBottomPadding?: boolean;\n  ariaLabel?: string;\n  ariaLabelledby?: string;\n  ariaDescribedby?: string;\n  ariaControls?: string;\n  onClick: () => void;\n  style?: {\n    control?: {\n      background?: string;\n    };\n    description?: {\n      color?: string;\n    };\n    label?: {\n      color?: string;\n    };\n    focusRing?: {\n      borderColor?: string;\n      borderRadius?: string;\n      borderWidth?: string;\n    };\n  };\n}\n\nfunction joinString(values: (string | undefined)[]) {\n  return values.filter((value): value is string => !!value).join(' ');\n}\n\nexport default function AbstractSwitch({\n  controlId,\n  controlClassName,\n  outlineClassName,\n  showOutline,\n  disabled,\n  readOnly,\n  nativeControl,\n  styledControl,\n  label,\n  description,\n  descriptionBottomPadding,\n  ariaLabel,\n  ariaLabelledby,\n  ariaDescribedby,\n  ariaControls,\n  onClick,\n  style,\n  __internalRootRef,\n  ...rest\n}: AbstractSwitchProps) {\n  const uniqueId = useUniqueId();\n  const id = controlId || uniqueId;\n\n  const labelId = `${id}-label`;\n  const descriptionId = `${id}-description`;\n\n  const ariaLabelledByIds = [];\n  if (label && !ariaLabel) {\n    ariaLabelledByIds.push(labelId);\n  }\n  if (ariaLabelledby) {\n    ariaLabelledByIds.push(ariaLabelledby);\n  }\n\n  const ariaDescriptions = [];\n  if (ariaDescribedby) {\n    ariaDescriptions.push(ariaDescribedby);\n  }\n  if (description) {\n    ariaDescriptions.push(descriptionId);\n  }\n\n  return (\n    <span\n      {...rest}\n      className={clsx(styles.wrapper, rest.className)}\n      ref={__internalRootRef}\n      {...getAnalyticsLabelAttribute(label ? `.${analyticsSelectors.label}` : `.${analyticsSelectors['native-input']}`)}\n    >\n      <span\n        className={styles['label-wrapper']}\n        aria-disabled={disabled ? 'true' : undefined}\n        onClick={disabled || readOnly ? undefined : onClick}\n        {...getAnalyticsMetadataAttribute(\n          disabled || readOnly\n            ? {}\n            : {\n                action: 'select',\n                detail: {\n                  label: label ? `.${analyticsSelectors.label}` : `.${analyticsSelectors['native-input']}`,\n                },\n              }\n        )}\n      >\n        <span\n          className={clsx(styles.control, controlClassName)}\n          style={{\n            background: style?.control?.background,\n            ...(style?.focusRing && {\n              [customCssProps.styleFocusRingBorderColor]: style.focusRing?.borderColor,\n              [customCssProps.styleFocusRingBorderRadius]: style.focusRing?.borderRadius,\n              [customCssProps.styleFocusRingBorderWidth]: style.focusRing?.borderWidth,\n            }),\n          }}\n        >\n          {styledControl}\n          {nativeControl({\n            id,\n            disabled,\n            className: clsx(styles['native-input'], analyticsSelectors['native-input']),\n            'aria-describedby': ariaDescriptions.length ? joinString(ariaDescriptions) : undefined,\n            'aria-labelledby': ariaLabelledByIds.length ? joinString(ariaLabelledByIds) : undefined,\n            'aria-label': ariaLabel,\n            'aria-controls': ariaControls,\n          })}\n          <span className={clsx(styles.outline, outlineClassName, showOutline && styles['show-outline'])} />\n        </span>\n        <span className={clsx(styles.content, !label && !description && styles['empty-content'])}>\n          {label && (\n            <span\n              id={labelId}\n              className={clsx(styles.label, analyticsSelectors.label, { [styles['label-disabled']]: disabled })}\n              style={{ color: style?.label?.color }}\n            >\n              {label}\n            </span>\n          )}\n          {description && (\n            <span\n              id={descriptionId}\n              className={clsx(styles.description, {\n                [styles['description-disabled']]: disabled,\n                [styles['description-bottom-padding']]: descriptionBottomPadding,\n              })}\n              style={{ color: style?.description?.color }}\n            >\n              {description}\n            </span>\n          )}\n        </span>\n      </span>\n    </span>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/abstract-switch/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAC5E,OAAO,EACL,0BAA0B,EAC1B,6BAA6B,GAE9B,MAAM,kEAAkE,CAAC;AAE1E,OAAO,cAAc,MAAM,mDAAmD,CAAC;AAG/E,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AACpE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAqCrC,SAAS,UAAU,CAAC,MAA8B;IAChD,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAmB,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACtE,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,aAAa,EACb,KAAK,EACL,WAAW,EACX,wBAAwB,EACxB,SAAS,EACT,cAAc,EACd,eAAe,EACf,YAAY,EACZ,OAAO,EACP,KAAK,EACL,iBAAiB,EACjB,GAAG,IAAI,EACa;;IACpB,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,GAAG,SAAS,IAAI,QAAQ,CAAC;IAEjC,MAAM,OAAO,GAAG,GAAG,EAAE,QAAQ,CAAC;IAC9B,MAAM,aAAa,GAAG,GAAG,EAAE,cAAc,CAAC;IAE1C,MAAM,iBAAiB,GAAG,EAAE,CAAC;IAC7B,IAAI,KAAK,IAAI,CAAC,SAAS,EAAE,CAAC;QACxB,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAClC,CAAC;IACD,IAAI,cAAc,EAAE,CAAC;QACnB,iBAAiB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IACzC,CAAC;IAED,MAAM,gBAAgB,GAAG,EAAE,CAAC;IAC5B,IAAI,eAAe,EAAE,CAAC;QACpB,gBAAgB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IACzC,CAAC;IACD,IAAI,WAAW,EAAE,CAAC;QAChB,gBAAgB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IACvC,CAAC;IAED,kJAAkJ;IAClJ,MAAM,gBAAgB,GAA6B,KAAK;QACtD,CAAC,CAAC,IAAI,kBAAkB,CAAC,KAAK,EAAE;QAChC,CAAC,CAAC,CAAC,SAAS,IAAI,CAAC,cAAc,IAAI,SAAS;YAC1C,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,SAAS,IAAI,EAAE;YACzD,CAAC,CAAC,IAAI,kBAAkB,CAAC,cAAc,CAAC,EAAE,CAAC;IAE/C,OAAO,CACL,iCACM,IAAI,EACR,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,EAC/C,GAAG,EAAE,iBAAiB,KAClB,0BAA0B,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,kBAAkB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,kBAAkB,CAAC,cAAc,CAAC,EAAE,CAAC;QAEjH,8BACE,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,mBACnB,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC5C,OAAO,EAAE,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,KAC/C,6BAA6B,CAC/B,QAAQ,IAAI,QAAQ;gBAClB,CAAC,CAAC,EAAE;gBACJ,CAAC,CAAC;oBACE,MAAM,EAAE,QAAQ;oBAChB,MAAM,EAAE;wBACN,KAAK,EAAE,gBAAgB;qBACxB;iBACF,CACN;YAED,8BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,gBAAgB,CAAC,EACjD,KAAK,EAAE;oBACL,UAAU,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,0CAAE,UAAU;oBACtC,GAAG,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,KAAI;wBACtB,CAAC,cAAc,CAAC,yBAAyB,CAAC,EAAE,MAAA,KAAK,CAAC,SAAS,0CAAE,WAAW;wBACxE,CAAC,cAAc,CAAC,0BAA0B,CAAC,EAAE,MAAA,KAAK,CAAC,SAAS,0CAAE,YAAY;wBAC1E,CAAC,cAAc,CAAC,yBAAyB,CAAC,EAAE,MAAA,KAAK,CAAC,SAAS,0CAAE,WAAW;qBACzE,CAAC;iBACH;gBAEA,aAAa;gBACb,aAAa,CAAC;oBACb,EAAE;oBACF,QAAQ;oBACR,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAC;oBAC3E,kBAAkB,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,SAAS;oBACtF,iBAAiB,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS;oBACvF,YAAY,EAAE,SAAS;oBACvB,eAAe,EAAE,YAAY;iBAC9B,CAAC;gBACF,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,gBAAgB,EAAE,WAAW,IAAI,MAAM,CAAC,cAAc,CAAC,CAAC,GAAI,CAC7F;YACP,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,KAAK,IAAI,CAAC,WAAW,IAAI,MAAM,CAAC,eAAe,CAAC,CAAC;gBACrF,KAAK,IAAI,CACR,8BACE,EAAE,EAAE,OAAO,EACX,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,kBAAkB,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EACjG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,KAAK,EAAE,IAEpC,KAAK,CACD,CACR;gBACA,WAAW,IAAI,CACd,8BACE,EAAE,EAAE,aAAa,EACjB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE;wBAClC,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,EAAE,QAAQ;wBAC1C,CAAC,MAAM,CAAC,4BAA4B,CAAC,CAAC,EAAE,wBAAwB;qBACjE,CAAC,EACF,KAAK,EAAE,EAAE,KAAK,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,0CAAE,KAAK,EAAE,IAE1C,WAAW,CACP,CACR,CACI,CACF,CACF,CACR,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport {\n  getAnalyticsLabelAttribute,\n  getAnalyticsMetadataAttribute,\n  LabelIdentifier,\n} from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport customCssProps from '../../../internal/generated/custom-css-properties';\nimport { InternalBaseComponentProps } from '../../hooks/use-base-component/index.js';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\nexport interface AbstractSwitchProps extends React.HTMLAttributes<HTMLElement>, InternalBaseComponentProps {\n  controlId?: string;\n  controlClassName: string;\n  outlineClassName: string;\n  showOutline?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  nativeControl: (props: React.InputHTMLAttributes<HTMLInputElement>) => React.ReactElement;\n  styledControl: React.ReactElement;\n  label?: React.ReactNode;\n  description?: React.ReactNode;\n  descriptionBottomPadding?: boolean;\n  ariaLabel?: string;\n  ariaLabelledby?: string;\n  ariaDescribedby?: string;\n  ariaControls?: string;\n  onClick: () => void;\n  style?: {\n    control?: {\n      background?: string;\n    };\n    description?: {\n      color?: string;\n    };\n    label?: {\n      color?: string;\n    };\n    focusRing?: {\n      borderColor?: string;\n      borderRadius?: string;\n      borderWidth?: string;\n    };\n  };\n}\n\nfunction joinString(values: (string | undefined)[]) {\n  return values.filter((value): value is string => !!value).join(' ');\n}\n\nexport default function AbstractSwitch({\n  controlId,\n  controlClassName,\n  outlineClassName,\n  showOutline,\n  disabled,\n  readOnly,\n  nativeControl,\n  styledControl,\n  label,\n  description,\n  descriptionBottomPadding,\n  ariaLabel,\n  ariaLabelledby,\n  ariaDescribedby,\n  ariaControls,\n  onClick,\n  style,\n  __internalRootRef,\n  ...rest\n}: AbstractSwitchProps) {\n  const uniqueId = useUniqueId();\n  const id = controlId || uniqueId;\n\n  const labelId = `${id}-label`;\n  const descriptionId = `${id}-description`;\n\n  const ariaLabelledByIds = [];\n  if (label && !ariaLabel) {\n    ariaLabelledByIds.push(labelId);\n  }\n  if (ariaLabelledby) {\n    ariaLabelledByIds.push(ariaLabelledby);\n  }\n\n  const ariaDescriptions = [];\n  if (ariaDescribedby) {\n    ariaDescriptions.push(ariaDescribedby);\n  }\n  if (description) {\n    ariaDescriptions.push(descriptionId);\n  }\n\n  // Resolve the interaction label from the associated `<label for>` when there is no inline label, for example when used in collection preferences.\n  const interactionLabel: string | LabelIdentifier = label\n    ? `.${analyticsSelectors.label}`\n    : !ariaLabel && !ariaLabelledby && controlId\n      ? { root: 'body', selector: `label[for=\"${controlId}\"]` }\n      : `.${analyticsSelectors['native-input']}`;\n\n  return (\n    <span\n      {...rest}\n      className={clsx(styles.wrapper, rest.className)}\n      ref={__internalRootRef}\n      {...getAnalyticsLabelAttribute(label ? `.${analyticsSelectors.label}` : `.${analyticsSelectors['native-input']}`)}\n    >\n      <span\n        className={styles['label-wrapper']}\n        aria-disabled={disabled ? 'true' : undefined}\n        onClick={disabled || readOnly ? undefined : onClick}\n        {...getAnalyticsMetadataAttribute(\n          disabled || readOnly\n            ? {}\n            : {\n                action: 'select',\n                detail: {\n                  label: interactionLabel,\n                },\n              }\n        )}\n      >\n        <span\n          className={clsx(styles.control, controlClassName)}\n          style={{\n            background: style?.control?.background,\n            ...(style?.focusRing && {\n              [customCssProps.styleFocusRingBorderColor]: style.focusRing?.borderColor,\n              [customCssProps.styleFocusRingBorderRadius]: style.focusRing?.borderRadius,\n              [customCssProps.styleFocusRingBorderWidth]: style.focusRing?.borderWidth,\n            }),\n          }}\n        >\n          {styledControl}\n          {nativeControl({\n            id,\n            disabled,\n            className: clsx(styles['native-input'], analyticsSelectors['native-input']),\n            'aria-describedby': ariaDescriptions.length ? joinString(ariaDescriptions) : undefined,\n            'aria-labelledby': ariaLabelledByIds.length ? joinString(ariaLabelledByIds) : undefined,\n            'aria-label': ariaLabel,\n            'aria-controls': ariaControls,\n          })}\n          <span className={clsx(styles.outline, outlineClassName, showOutline && styles['show-outline'])} />\n        </span>\n        <span className={clsx(styles.content, !label && !description && styles['empty-content'])}>\n          {label && (\n            <span\n              id={labelId}\n              className={clsx(styles.label, analyticsSelectors.label, { [styles['label-disabled']]: disabled })}\n              style={{ color: style?.label?.color }}\n            >\n              {label}\n            </span>\n          )}\n          {description && (\n            <span\n              id={descriptionId}\n              className={clsx(styles.description, {\n                [styles['description-disabled']]: disabled,\n                [styles['description-bottom-padding']]: descriptionBottomPadding,\n              })}\n              style={{ color: style?.description?.color }}\n            >\n              {description}\n            </span>\n          )}\n        </span>\n      </span>\n    </span>\n  );\n}\n"]}

package/internal/components/drag-handle-wrapper/styles.css.js

@@ -1,35 +1,35 @@
 
     import './styles.scoped.css';
     export default {
-  "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_1mxd4_169",
-  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_1mxd4_189",
-  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_1mxd4_189",
-  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_1mxd4_189",
-  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_1mxd4_189",
-  "drag-handle-entry": "awsui_drag-handle-entry_155yk_1mxd4_1",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_1mxd4_1",
-  "drag-handle-exit": "awsui_drag-handle-exit_155yk_1mxd4_1",
-  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_1mxd4_1",
-  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_1mxd4_229",
-  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_1mxd4_233",
-  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_1mxd4_237",
-  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_1mxd4_248",
-  "contents": "awsui_contents_155yk_1mxd4_259",
-  "portal-overlay": "awsui_portal-overlay_155yk_1mxd4_263",
-  "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_1mxd4_271",
-  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_1mxd4_275",
-  "drag-handle": "awsui_drag-handle_155yk_1mxd4_279",
-  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_1mxd4_292",
-  "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_1mxd4_316",
-  "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_1mxd4_320",
-  "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_1mxd4_324",
-  "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_1mxd4_328",
-  "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_1mxd4_332",
-  "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_1mxd4_336",
-  "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_1mxd4_340",
-  "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_1mxd4_344",
-  "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_1mxd4_348",
-  "direction-button": "awsui_direction-button_155yk_1mxd4_169",
-  "direction-button-disabled": "awsui_direction-button-disabled_155yk_1mxd4_371"
+  "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_tboy1_169",
+  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_tboy1_189",
+  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_tboy1_189",
+  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_tboy1_189",
+  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_tboy1_189",
+  "drag-handle-entry": "awsui_drag-handle-entry_155yk_tboy1_1",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_tboy1_1",
+  "drag-handle-exit": "awsui_drag-handle-exit_155yk_tboy1_1",
+  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_tboy1_1",
+  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_tboy1_229",
+  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_tboy1_233",
+  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_tboy1_237",
+  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_tboy1_248",
+  "contents": "awsui_contents_155yk_tboy1_259",
+  "portal-overlay": "awsui_portal-overlay_155yk_tboy1_263",
+  "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_tboy1_271",
+  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_tboy1_275",
+  "drag-handle": "awsui_drag-handle_155yk_tboy1_279",
+  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_tboy1_292",
+  "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_tboy1_316",
+  "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_tboy1_320",
+  "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_tboy1_324",
+  "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_tboy1_328",
+  "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_tboy1_332",
+  "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_tboy1_336",
+  "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_tboy1_340",
+  "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_tboy1_344",
+  "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_tboy1_348",
+  "direction-button": "awsui_direction-button_155yk_tboy1_169",
+  "direction-button-disabled": "awsui_direction-button-disabled_155yk_tboy1_371"
 };