@cloudscape-design/components-themeable 3.0.1331 → 3.0.1333

package/lib/internal/template/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_1gmv1_145:not(#\9) {
+.awsui_root_2rhyz_akq92_145:not(#\9) {
   /* used in test-utils for component to distinguish input from other input-like components, for example autosuggest */
 }
 
-.awsui_input_2rhyz_1gmv1_149:not(#\9) {
+.awsui_input_2rhyz_akq92_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-dgs6s0, 4px);
   padding-inline: var(--space-field-horizontal-n5peob, 8px);
-  color: var(--awsui-style-color-default-z17rmd, var(--color-text-body-default-5qid0u, #16191f));
+  color: var(--awsui-style-color-default-esndbs, var(--color-text-body-default-5qid0u, #16191f));
   inline-size: 100%;
   cursor: text;
   box-sizing: border-box;
-  background-color: var(--awsui-style-background-default-z17rmd, var(--color-background-input-default-1z2buq, #ffffff));
+  background-color: var(--awsui-style-background-default-esndbs, var(--color-background-input-default-1z2buq, #ffffff));
   border-start-start-radius: var(--border-radius-input-k1q34z, 2px);
   border-start-end-radius: var(--border-radius-input-k1q34z, 2px);
   border-end-start-radius: var(--border-radius-input-k1q34z, 2px);
   border-end-end-radius: var(--border-radius-input-k1q34z, 2px);
-  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-default-z17rmd, var(--color-border-input-default-txli8y, #687078));
-  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-default-z17rmd, var(--color-border-input-default-txli8y, #687078));
-  box-shadow: var(--awsui-style-box-shadow-default-z17rmd);
+  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-default-esndbs, var(--color-border-input-default-txli8y, #687078));
+  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-default-esndbs, var(--color-border-input-default-txli8y, #687078));
+  box-shadow: var(--awsui-style-box-shadow-default-esndbs);
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   min-block-size: var(--size-vertical-input-8gzd1t, 32px);
 }
-.awsui_input_2rhyz_1gmv1_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-txli8y, #687078)));
-  color: var(--awsui-style-color-hover-z17rmd, var(--awsui-style-border-color-default-z17rmd, var(--color-text-body-default-5qid0u, #16191f)));
-  background-color: var(--awsui-style-background-hover-z17rmd, var(--awsui-style-background-default-z17rmd, var(--color-background-input-default-1z2buq, #ffffff)));
-  box-shadow: var(--awsui-style-box-shadow-hover-z17rmd, --awsui-style-box-shadow-default-z17rmd);
-}
-.awsui_input_2rhyz_1gmv1_149.awsui_input-readonly_2rhyz_1gmv1_203:not(#\9) {
-  background-color: var(--awsui-style-background-readonly-z17rmd, var(--awsui-style-background-default-z17rmd, var(--color-background-input-default-1z2buq, #ffffff)));
-  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-readonly-z17rmd, var(--awsui-style-border-color-default-z17rmd, var(--color-border-input-disabled-tz38ro, #eaeded)));
-  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-readonly-z17rmd, var(--awsui-style-border-color-default-z17rmd, var(--color-border-input-disabled-tz38ro, #eaeded)));
-  color: var(--awsui-style-color-readonly-z17rmd, var(--awsui-style-color-default-z17rmd, var(--color-text-body-default-5qid0u, #16191f)));
-  box-shadow: var(--awsui-style-box-shadow-readonly-z17rmd);
-}
-.awsui_input_2rhyz_1gmv1_149:not(#\9)::-webkit-input-placeholder {
-  color: var(--awsui-style-placeholder-color-z17rmd, var(--color-text-input-placeholder-hvcry0, #687078));
-  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_akq92_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-txli8y, #687078)));
+  color: var(--awsui-style-color-hover-esndbs, var(--awsui-style-border-color-default-esndbs, var(--color-text-body-default-5qid0u, #16191f)));
+  background-color: var(--awsui-style-background-hover-esndbs, var(--awsui-style-background-default-esndbs, var(--color-background-input-default-1z2buq, #ffffff)));
+  box-shadow: var(--awsui-style-box-shadow-hover-esndbs, --awsui-style-box-shadow-default-esndbs);
+}
+.awsui_input_2rhyz_akq92_149.awsui_input-readonly_2rhyz_akq92_203:not(#\9) {
+  background-color: var(--awsui-style-background-readonly-esndbs, var(--awsui-style-background-default-esndbs, var(--color-background-input-default-1z2buq, #ffffff)));
+  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-readonly-esndbs, var(--awsui-style-border-color-default-esndbs, var(--color-border-input-disabled-tz38ro, #eaeded)));
+  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-readonly-esndbs, var(--awsui-style-border-color-default-esndbs, var(--color-border-input-disabled-tz38ro, #eaeded)));
+  color: var(--awsui-style-color-readonly-esndbs, var(--awsui-style-color-default-esndbs, var(--color-text-body-default-5qid0u, #16191f)));
+  box-shadow: var(--awsui-style-box-shadow-readonly-esndbs);
+}
+.awsui_input_2rhyz_akq92_149:not(#\9)::-webkit-input-placeholder {
+  color: var(--awsui-style-placeholder-color-esndbs, var(--color-text-input-placeholder-hvcry0, #687078));
+  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_1gmv1_149:not(#\9)::-moz-placeholder {
-  color: var(--awsui-style-placeholder-color-z17rmd, var(--color-text-input-placeholder-hvcry0, #687078));
-  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_akq92_149:not(#\9)::-moz-placeholder {
+  color: var(--awsui-style-placeholder-color-esndbs, var(--color-text-input-placeholder-hvcry0, #687078));
+  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_1gmv1_149:not(#\9):-moz-placeholder {
-  color: var(--awsui-style-placeholder-color-z17rmd, var(--color-text-input-placeholder-hvcry0, #687078));
-  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_akq92_149:not(#\9):-moz-placeholder {
+  color: var(--awsui-style-placeholder-color-esndbs, var(--color-text-input-placeholder-hvcry0, #687078));
+  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_1gmv1_149:not(#\9):focus {
+.awsui_input_2rhyz_akq92_149:not(#\9):focus {
   outline: 2px dotted transparent;
-  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-focus-z17rmd, var(--color-border-input-focused-lslq4r, #0073bb));
-  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-focus-z17rmd, var(--color-border-input-focused-lslq4r, #0073bb));
+  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-focus-esndbs, var(--color-border-input-focused-lslq4r, #0073bb));
+  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-focus-esndbs, var(--color-border-input-focused-lslq4r, #0073bb));
   border-start-start-radius: var(--border-radius-input-k1q34z, 2px);
   border-start-end-radius: var(--border-radius-input-k1q34z, 2px);
   border-end-start-radius: var(--border-radius-input-k1q34z, 2px);
   border-end-end-radius: var(--border-radius-input-k1q34z, 2px);
-  box-shadow: var(--awsui-style-box-shadow-focus-z17rmd, 0 0 0 var(--border-control-focus-ring-shadow-spread-iijyo6, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
-  color: var(--awsui-style-color-focus-z17rmd, var(--color-text-body-default-5qid0u, #16191f));
-  background-color: var(--awsui-style-background-focus-z17rmd, var(--color-background-input-default-1z2buq, #ffffff));
-}
-.awsui_input_2rhyz_1gmv1_149:not(#\9):disabled {
-  background-color: var(--awsui-style-background-disabled-z17rmd, var(--color-background-input-disabled-4vlau3, #eaeded));
-  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-disabled-z17rmd, var(--color-border-input-disabled-tz38ro, #eaeded));
-  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-disabled-z17rmd, var(--color-border-input-disabled-tz38ro, #eaeded));
-  color: var(--awsui-style-color-disabled-z17rmd, var(--color-text-input-disabled-y5t5v9, #879596));
+  box-shadow: var(--awsui-style-box-shadow-focus-esndbs, 0 0 0 var(--border-control-focus-ring-shadow-spread-iijyo6, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
+  color: var(--awsui-style-color-focus-esndbs, var(--color-text-body-default-5qid0u, #16191f));
+  background-color: var(--awsui-style-background-focus-esndbs, var(--color-background-input-default-1z2buq, #ffffff));
+}
+.awsui_input_2rhyz_akq92_149:not(#\9):disabled {
+  background-color: var(--awsui-style-background-disabled-esndbs, var(--color-background-input-disabled-4vlau3, #eaeded));
+  border-block: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-disabled-esndbs, var(--color-border-input-disabled-tz38ro, #eaeded));
+  border-inline: var(--border-width-field-2365x3, 1px) solid var(--awsui-style-border-color-disabled-esndbs, var(--color-border-input-disabled-tz38ro, #eaeded));
+  color: var(--awsui-style-color-disabled-esndbs, var(--color-text-input-disabled-y5t5v9, #879596));
   cursor: default;
-  box-shadow: var(--awsui-style-box-shadow-disabled-z17rmd);
+  box-shadow: var(--awsui-style-box-shadow-disabled-esndbs);
 }
-.awsui_input_2rhyz_1gmv1_149:not(#\9):disabled::-webkit-input-placeholder {
-  color: var(--awsui-style-placeholder-color-z17rmd, var(--color-text-input-placeholder-disabled-x4lauf, #687078));
+.awsui_input_2rhyz_akq92_149:not(#\9):disabled::-webkit-input-placeholder {
+  color: var(--awsui-style-placeholder-color-esndbs, var(--color-text-input-placeholder-disabled-x4lauf, #687078));
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_1gmv1_149:not(#\9):disabled::-moz-placeholder {
-  color: var(--awsui-style-placeholder-color-z17rmd, var(--color-text-input-placeholder-disabled-x4lauf, #687078));
+.awsui_input_2rhyz_akq92_149:not(#\9):disabled::-moz-placeholder {
+  color: var(--awsui-style-placeholder-color-esndbs, var(--color-text-input-placeholder-disabled-x4lauf, #687078));
   opacity: 1;
 }
-.awsui_input_2rhyz_1gmv1_149:not(#\9):disabled:-moz-placeholder {
-  color: var(--awsui-style-placeholder-color-z17rmd, var(--color-text-input-placeholder-disabled-x4lauf, #687078));
+.awsui_input_2rhyz_akq92_149:not(#\9):disabled:-moz-placeholder {
+  color: var(--awsui-style-placeholder-color-esndbs, var(--color-text-input-placeholder-disabled-x4lauf, #687078));
   opacity: 1;
 }
-.awsui_input_2rhyz_1gmv1_149:not(#\9):invalid {
+.awsui_input_2rhyz_akq92_149:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_input_2rhyz_1gmv1_149.awsui_input-invalid_2rhyz_1gmv1_266:not(#\9) {
-  color: var(--awsui-style-color-default-z17rmd, var(--color-text-status-error-c3at5p, #d13212));
-  border-color: var(--awsui-style-border-color-default-z17rmd, var(--color-text-status-error-c3at5p, #d13212));
+.awsui_input_2rhyz_akq92_149.awsui_input-invalid_2rhyz_akq92_266:not(#\9) {
+  color: var(--awsui-style-color-default-esndbs, var(--color-text-status-error-c3at5p, #d13212));
+  border-color: var(--awsui-style-border-color-default-esndbs, var(--color-text-status-error-c3at5p, #d13212));
   padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
   border-inline-start-width: var(--border-invalid-width-b183os, 4px);
 }
-.awsui_input_2rhyz_1gmv1_149.awsui_input-invalid_2rhyz_1gmv1_266:not(#\9):focus {
-  box-shadow: var(--awsui-style-box-shadow-focus-z17rmd, 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
+.awsui_input_2rhyz_akq92_149.awsui_input-invalid_2rhyz_akq92_266:not(#\9):focus {
+  box-shadow: var(--awsui-style-box-shadow-focus-esndbs, 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
 }
-.awsui_input_2rhyz_1gmv1_149.awsui_input-invalid_2rhyz_1gmv1_266.awsui_input-has-icon-left_2rhyz_1gmv1_275:not(#\9) {
+.awsui_input_2rhyz_akq92_149.awsui_input-invalid_2rhyz_akq92_266.awsui_input-has-icon-left_2rhyz_akq92_275:not(#\9) {
   padding-inline-start: calc(var(--space-field-icon-offset-ihoxql, 32px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
 }
-.awsui_input_2rhyz_1gmv1_149.awsui_input-warning_2rhyz_1gmv1_278:not(#\9) {
-  color: var(--awsui-style-color-default-z17rmd, var(--color-text-status-warning-08d9ki, #906806));
-  border-color: var(--awsui-style-border-color-default-z17rmd, var(--color-text-status-warning-08d9ki, #906806));
+.awsui_input_2rhyz_akq92_149.awsui_input-warning_2rhyz_akq92_278:not(#\9) {
+  color: var(--awsui-style-color-default-esndbs, var(--color-text-status-warning-08d9ki, #906806));
+  border-color: var(--awsui-style-border-color-default-esndbs, var(--color-text-status-warning-08d9ki, #906806));
   padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
   border-inline-start-width: var(--border-invalid-width-b183os, 4px);
 }
-.awsui_input_2rhyz_1gmv1_149.awsui_input-warning_2rhyz_1gmv1_278:not(#\9):focus {
-  box-shadow: var(--awsui-style-box-shadow-focus-z17rmd, 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
+.awsui_input_2rhyz_akq92_149.awsui_input-warning_2rhyz_akq92_278:not(#\9):focus {
+  box-shadow: var(--awsui-style-box-shadow-focus-esndbs, 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-bl5nmx, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
 }
-.awsui_input_2rhyz_1gmv1_149.awsui_input-warning_2rhyz_1gmv1_278.awsui_input-has-icon-left_2rhyz_1gmv1_275:not(#\9) {
+.awsui_input_2rhyz_akq92_149.awsui_input-warning_2rhyz_akq92_278.awsui_input-has-icon-left_2rhyz_akq92_275:not(#\9) {
   padding-inline-start: calc(var(--space-field-icon-offset-ihoxql, 32px) - (var(--border-invalid-width-b183os, 4px) - var(--border-width-field-2365x3, 1px)));
 }
-.awsui_input_2rhyz_1gmv1_149.awsui_input-type-search_2rhyz_1gmv1_290:not(#\9) {
+.awsui_input_2rhyz_akq92_149.awsui_input-type-search_2rhyz_akq92_290:not(#\9) {
   box-sizing: border-box;
   -webkit-appearance: none;
 }
-.awsui_input_2rhyz_1gmv1_149.awsui_input-type-search_2rhyz_1gmv1_290:not(#\9)::-webkit-search-decoration {
+.awsui_input_2rhyz_akq92_149.awsui_input-type-search_2rhyz_akq92_290:not(#\9)::-webkit-search-decoration {
   -webkit-appearance: none;
 }
-.awsui_input_2rhyz_1gmv1_149.awsui_input-type-search_2rhyz_1gmv1_290:not(#\9)::-webkit-search-cancel-button {
+.awsui_input_2rhyz_akq92_149.awsui_input-type-search_2rhyz_akq92_290:not(#\9)::-webkit-search-cancel-button {
   display: none;
 }
-.awsui_input_2rhyz_1gmv1_149.awsui_input-has-icon-left_2rhyz_1gmv1_275:not(#\9) {
+.awsui_input_2rhyz_akq92_149.awsui_input-has-icon-left_2rhyz_akq92_275:not(#\9) {
   padding-inline-start: var(--space-field-icon-offset-ihoxql, 32px);
 }
-.awsui_input_2rhyz_1gmv1_149.awsui_input-has-icon-right_2rhyz_1gmv1_303:not(#\9) {
+.awsui_input_2rhyz_akq92_149.awsui_input-has-icon-right_2rhyz_akq92_303:not(#\9) {
   padding-inline-end: var(--space-field-icon-offset-ihoxql, 32px);
 }
-.awsui_input_2rhyz_1gmv1_149.awsui_input-has-no-border-radius_2rhyz_1gmv1_306:not(#\9) {
+.awsui_input_2rhyz_akq92_149.awsui_input-has-no-border-radius_2rhyz_akq92_306:not(#\9) {
   border-start-start-radius: var(--border-radius-dropdown-azs8zp, 0px);
   border-start-end-radius: var(--border-radius-dropdown-azs8zp, 0px);
   border-end-start-radius: var(--border-radius-dropdown-azs8zp, 0px);
   border-end-end-radius: var(--border-radius-dropdown-azs8zp, 0px);
 }
 
-.awsui_input-container_2rhyz_1gmv1_313:not(#\9) {
+.awsui_input-container_2rhyz_akq92_313:not(#\9) {
   display: flex;
   position: relative;
 }
 
-.awsui_input-icon-left_2rhyz_1gmv1_318:not(#\9) {
+.awsui_input-icon-left_2rhyz_akq92_318:not(#\9) {
   position: absolute;
   pointer-events: none;
   inset-inline-start: var(--space-field-horizontal-n5peob, 8px);
   inset-block-start: calc(50% - var(--line-height-body-m-bedeoh, 22px) / 2);
 }
 
-.awsui_input-icon-right_2rhyz_1gmv1_325:not(#\9) {
+.awsui_input-icon-right_2rhyz_akq92_325:not(#\9) {
   position: absolute;
   inset-block-start: calc(calc(50% - var(--line-height-body-m-bedeoh, 22px) / 2) - var(--space-xxxs-3w1kr2, 2px));
   inset-inline-end: calc(var(--space-field-horizontal-n5peob, 8px) - var(--space-xxs-jnczic, 4px));
 }
 
-.awsui_input-button-right_2rhyz_1gmv1_331:not(#\9) {
+.awsui_input-button-right_2rhyz_akq92_331:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_inline-label-trigger-wrapper_2rhyz_1gmv1_335:not(#\9) {
+.awsui_inline-label-trigger-wrapper_2rhyz_akq92_335:not(#\9) {
   margin-block-start: -7px;
 }
-.awsui_inline-label-trigger-wrapper-full-width_2rhyz_1gmv1_338:not(#\9) {
+.awsui_inline-label-trigger-wrapper-full-width_2rhyz_akq92_338:not(#\9) {
   inline-size: 100%;
 }
 
-.awsui_inline-label-wrapper_2rhyz_1gmv1_342:not(#\9) {
+.awsui_inline-label-wrapper_2rhyz_akq92_342:not(#\9) {
   margin-block-start: calc(var(--space-scaled-xs-sppte9, 8px) * -1);
 }
-.awsui_inline-label-wrapper-full-width_2rhyz_1gmv1_345:not(#\9) {
+.awsui_inline-label-wrapper-full-width_2rhyz_akq92_345:not(#\9) {
   inline-size: 100%;
 }
 
-.awsui_inline-label_2rhyz_1gmv1_335:not(#\9) {
+.awsui_inline-label_2rhyz_akq92_335:not(#\9) {
   background: linear-gradient(to bottom, var(--color-background-layout-main-05m5y6, #f2f3f3), var(--color-background-input-default-1z2buq, #ffffff));
   border-start-start-radius: 2px;
   border-start-end-radius: 2px;

package/lib/internal/template/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_1gmv1_145",
-  "input": "awsui_input_2rhyz_1gmv1_149",
-  "input-readonly": "awsui_input-readonly_2rhyz_1gmv1_203",
-  "input-invalid": "awsui_input-invalid_2rhyz_1gmv1_266",
-  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1gmv1_275",
-  "input-warning": "awsui_input-warning_2rhyz_1gmv1_278",
-  "input-type-search": "awsui_input-type-search_2rhyz_1gmv1_290",
-  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1gmv1_303",
-  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1gmv1_306",
-  "input-container": "awsui_input-container_2rhyz_1gmv1_313",
-  "input-icon-left": "awsui_input-icon-left_2rhyz_1gmv1_318",
-  "input-icon-right": "awsui_input-icon-right_2rhyz_1gmv1_325",
-  "input-button-right": "awsui_input-button-right_2rhyz_1gmv1_331",
-  "inline-label-trigger-wrapper": "awsui_inline-label-trigger-wrapper_2rhyz_1gmv1_335",
-  "inline-label-trigger-wrapper-full-width": "awsui_inline-label-trigger-wrapper-full-width_2rhyz_1gmv1_338",
-  "inline-label-wrapper": "awsui_inline-label-wrapper_2rhyz_1gmv1_342",
-  "inline-label-wrapper-full-width": "awsui_inline-label-wrapper-full-width_2rhyz_1gmv1_345",
-  "inline-label": "awsui_inline-label_2rhyz_1gmv1_335"
+  "root": "awsui_root_2rhyz_akq92_145",
+  "input": "awsui_input_2rhyz_akq92_149",
+  "input-readonly": "awsui_input-readonly_2rhyz_akq92_203",
+  "input-invalid": "awsui_input-invalid_2rhyz_akq92_266",
+  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_akq92_275",
+  "input-warning": "awsui_input-warning_2rhyz_akq92_278",
+  "input-type-search": "awsui_input-type-search_2rhyz_akq92_290",
+  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_akq92_303",
+  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_akq92_306",
+  "input-container": "awsui_input-container_2rhyz_akq92_313",
+  "input-icon-left": "awsui_input-icon-left_2rhyz_akq92_318",
+  "input-icon-right": "awsui_input-icon-right_2rhyz_akq92_325",
+  "input-button-right": "awsui_input-button-right_2rhyz_akq92_331",
+  "inline-label-trigger-wrapper": "awsui_inline-label-trigger-wrapper_2rhyz_akq92_335",
+  "inline-label-trigger-wrapper-full-width": "awsui_inline-label-trigger-wrapper-full-width_2rhyz_akq92_338",
+  "inline-label-wrapper": "awsui_inline-label-wrapper_2rhyz_akq92_342",
+  "inline-label-wrapper-full-width": "awsui_inline-label-wrapper-full-width_2rhyz_akq92_345",
+  "inline-label": "awsui_inline-label_2rhyz_akq92_335"
 };
   

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

@@ -447,6 +447,7 @@
     --color-border-item-placeholder-pjnp48:var(--color-transparent-0dk1gy);
     --color-border-item-selected-vq6ddf:var(--color-item-selected-2dv7ug);
     --color-border-layout-ovzonx:var(--color-neutral-300-y8n3aq);
+    --color-border-layout-side-navigation-b0akja:var(--color-border-layout-ovzonx);
     --color-border-notification-stack-bar-jvl0qf:var(--color-neutral-750-gjawa6);
     --color-border-panel-header-iffljr:var(--color-border-divider-default-ipvpev);
     --color-border-popover-gogt7e:var(--color-neutral-300-y8n3aq);
@@ -768,6 +769,7 @@
     --border-width-icon-x-small-3m5wt5:1.5px;
     --border-width-item-card-6sthd9:var(--border-width-card-niewam);
     --border-width-item-selected-l41fek:var(--border-item-width-pyfg4s);
+    --border-width-layout-side-navigation-q0k26x:var(--border-divider-section-width-dlkb8v);
     --border-width-badge-p88itr:0px;
     --border-width-popover-snsxri:1px;
     --border-width-token-p4a0gu:1px;
@@ -1587,6 +1589,7 @@
     --color-border-dropdown-item-top-znzfoj:var(--color-border-dropdown-item-default-uslwbi);
     --color-border-input-disabled-tz38ro:var(--color-background-input-disabled-4vlau3);
     --color-border-input-focused-lslq4r:var(--color-border-item-focused-r5f6xl);
+    --color-border-layout-side-navigation-b0akja:var(--color-border-layout-ovzonx);
     --color-border-panel-header-iffljr:var(--color-border-divider-default-ipvpev);
     --color-border-segment-active-kbwjy5:var(--color-border-segment-hover-dneu56);
     --color-border-segment-disabled-lhc94s:var(--color-border-button-normal-disabled-iu8edd);
@@ -2223,6 +2226,7 @@
     --color-border-input-disabled-tz38ro:var(--color-background-input-disabled-4vlau3);
     --color-border-item-focused-r5f6xl:var(--color-primary-600-be1v6a);
     --color-border-item-selected-vq6ddf:var(--color-item-selected-2dv7ug);
+    --color-border-layout-side-navigation-b0akja:var(--color-border-layout-ovzonx);
     --color-border-notification-stack-bar-jvl0qf:var(--color-neutral-750-gjawa6);
     --color-border-panel-header-iffljr:var(--color-border-divider-default-ipvpev);
     --color-border-segment-wrapper-7vfuf7:var(--color-border-input-default-txli8y);
@@ -2689,6 +2693,7 @@
     --color-border-editable-cell-hover-lgnft2:var(--color-border-dropdown-item-hover-vony6u);
     --color-border-input-disabled-tz38ro:var(--color-background-input-disabled-4vlau3);
     --color-border-item-placeholder-pjnp48:var(--color-border-item-selected-vq6ddf);
+    --color-border-layout-side-navigation-b0akja:var(--color-border-layout-ovzonx);
     --color-border-panel-header-iffljr:var(--color-border-divider-default-ipvpev);
     --color-border-segment-wrapper-7vfuf7:var(--color-border-input-default-txli8y);
     --color-border-tabs-shadow-ya1u83:var(--color-grey-transparent-jkfhak);
@@ -2919,6 +2924,7 @@
     --color-border-input-disabled-tz38ro:var(--color-background-input-disabled-4vlau3);
     --color-border-item-placeholder-pjnp48:var(--color-border-item-selected-vq6ddf);
     --color-border-item-selected-vq6ddf:var(--color-item-selected-2dv7ug);
+    --color-border-layout-side-navigation-b0akja:var(--color-border-layout-ovzonx);
     --color-border-panel-header-iffljr:var(--color-border-divider-default-ipvpev);
     --color-border-popover-gogt7e:var(--color-border-dropdown-container-w99bbi);
     --color-border-segment-active-kbwjy5:var(--color-border-segment-default-29y0lr);
@@ -3210,6 +3216,7 @@
     --color-border-input-disabled-tz38ro:var(--color-background-input-disabled-4vlau3);
     --color-border-item-placeholder-pjnp48:var(--color-border-item-selected-vq6ddf);
     --color-border-item-selected-vq6ddf:var(--color-item-selected-2dv7ug);
+    --color-border-layout-side-navigation-b0akja:var(--color-border-layout-ovzonx);
     --color-border-panel-header-iffljr:var(--color-border-divider-default-ipvpev);
     --color-border-popover-gogt7e:var(--color-border-dropdown-container-w99bbi);
     --color-border-segment-active-kbwjy5:var(--color-border-segment-default-29y0lr);
@@ -3768,6 +3775,7 @@
     --color-border-input-disabled-tz38ro:var(--color-background-input-disabled-4vlau3);
     --color-border-item-placeholder-pjnp48:var(--color-border-item-selected-vq6ddf);
     --color-border-item-selected-vq6ddf:var(--color-item-selected-2dv7ug);
+    --color-border-layout-side-navigation-b0akja:var(--color-border-layout-ovzonx);
     --color-border-panel-header-iffljr:var(--color-border-divider-default-ipvpev);
     --color-border-popover-gogt7e:var(--color-border-dropdown-container-w99bbi);
     --color-border-segment-active-kbwjy5:var(--color-border-segment-default-29y0lr);
@@ -3981,5 +3989,5 @@
   }
 }
 :root {
-  --awsui-version-info-fcf95ed7: true;
+  --awsui-version-info-0404a635: true;
 }

package/lib/internal/template/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/lib/internal/template/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/lib/internal/template/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":"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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  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/lib/internal/template/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_wxm64_169",
-  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_wxm64_189",
-  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_wxm64_189",
-  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_wxm64_189",
-  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_wxm64_189",
-  "drag-handle-entry": "awsui_drag-handle-entry_155yk_wxm64_1",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_wxm64_1",
-  "drag-handle-exit": "awsui_drag-handle-exit_155yk_wxm64_1",
-  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_wxm64_1",
-  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_wxm64_229",
-  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_wxm64_233",
-  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_wxm64_237",
-  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_wxm64_248",
-  "contents": "awsui_contents_155yk_wxm64_259",
-  "portal-overlay": "awsui_portal-overlay_155yk_wxm64_263",
-  "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_wxm64_271",
-  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_wxm64_275",
-  "drag-handle": "awsui_drag-handle_155yk_wxm64_279",
-  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_wxm64_292",
-  "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_wxm64_316",
-  "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_wxm64_320",
-  "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_wxm64_324",
-  "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_wxm64_328",
-  "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_wxm64_332",
-  "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_wxm64_336",
-  "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_wxm64_340",
-  "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_wxm64_344",
-  "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_wxm64_348",
-  "direction-button": "awsui_direction-button_155yk_wxm64_169",
-  "direction-button-disabled": "awsui_direction-button-disabled_155yk_wxm64_371"
+  "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_1djsk_169",
+  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_1djsk_189",
+  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_1djsk_189",
+  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_1djsk_189",
+  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_1djsk_189",
+  "drag-handle-entry": "awsui_drag-handle-entry_155yk_1djsk_1",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_1djsk_1",
+  "drag-handle-exit": "awsui_drag-handle-exit_155yk_1djsk_1",
+  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_1djsk_1",
+  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_1djsk_229",
+  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_1djsk_233",
+  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_1djsk_237",
+  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_1djsk_248",
+  "contents": "awsui_contents_155yk_1djsk_259",
+  "portal-overlay": "awsui_portal-overlay_155yk_1djsk_263",
+  "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_1djsk_271",
+  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_1djsk_275",
+  "drag-handle": "awsui_drag-handle_155yk_1djsk_279",
+  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_1djsk_292",
+  "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_1djsk_316",
+  "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_1djsk_320",
+  "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_1djsk_324",
+  "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_1djsk_328",
+  "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_1djsk_332",
+  "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_1djsk_336",
+  "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_1djsk_340",
+  "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_1djsk_344",
+  "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_1djsk_348",
+  "direction-button": "awsui_direction-button_155yk_1djsk_169",
+  "direction-button-disabled": "awsui_direction-button-disabled_155yk_1djsk_371"
 };