@cloudscape-design/components 3.0.1300 → 3.0.1302

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_qcvo4_145:not(#\9) {
+.awsui_root_2rhyz_1kaan_145:not(#\9) {
   /* used in test-utils for component to distinguish input from other input-like components, for example autosuggest */
 }
 
-.awsui_input_2rhyz_qcvo4_149:not(#\9) {
+.awsui_input_2rhyz_1kaan_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-6b9ypa, var(--color-text-body-default-vvtq8u, #0f141a));
+  color: var(--awsui-style-color-default-jsjyte, var(--color-text-body-default-vvtq8u, #0f141a));
   inline-size: 100%;
   cursor: text;
   box-sizing: border-box;
-  background-color: var(--awsui-style-background-default-6b9ypa, var(--color-background-input-default-ifz5bb, #ffffff));
+  background-color: var(--awsui-style-background-default-jsjyte, 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-6b9ypa, var(--color-border-input-default-317xk5, #8c8c94));
-  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-default-6b9ypa, var(--color-border-input-default-317xk5, #8c8c94));
-  box-shadow: var(--awsui-style-box-shadow-default-6b9ypa);
+  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-default-jsjyte, var(--color-border-input-default-317xk5, #8c8c94));
+  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-default-jsjyte, var(--color-border-input-default-317xk5, #8c8c94));
+  box-shadow: var(--awsui-style-box-shadow-default-jsjyte);
   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_qcvo4_149:not(#\9):hover {
-  border-color: var(--awsui-style-border-color-hover-6b9ypa, var(--awsui-style-border-color-default-6b9ypa, var(--color-border-input-default-317xk5, #8c8c94)));
-  color: var(--awsui-style-color-hover-6b9ypa, var(--awsui-style-border-color-default-6b9ypa, var(--color-text-body-default-vvtq8u, #0f141a)));
-  background-color: var(--awsui-style-background-hover-6b9ypa, var(--awsui-style-background-default-6b9ypa, var(--color-background-input-default-ifz5bb, #ffffff)));
-  box-shadow: var(--awsui-style-box-shadow-hover-6b9ypa, --awsui-style-box-shadow-default-6b9ypa);
-}
-.awsui_input_2rhyz_qcvo4_149.awsui_input-readonly_2rhyz_qcvo4_203:not(#\9) {
-  background-color: var(--awsui-style-background-readonly-6b9ypa, var(--awsui-style-background-default-6b9ypa, var(--color-background-input-default-ifz5bb, #ffffff)));
-  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-readonly-6b9ypa, var(--awsui-style-border-color-default-6b9ypa, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
-  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-readonly-6b9ypa, var(--awsui-style-border-color-default-6b9ypa, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
-  color: var(--awsui-style-color-readonly-6b9ypa, var(--awsui-style-color-default-6b9ypa, var(--color-text-body-default-vvtq8u, #0f141a)));
-  box-shadow: var(--awsui-style-box-shadow-readonly-6b9ypa);
-}
-.awsui_input_2rhyz_qcvo4_149:not(#\9)::-webkit-input-placeholder {
-  color: var(--awsui-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-dclg8u, #656871));
-  font-size: var(--awsui-style-placeholder-font-size-6b9ypa);
-  font-style: var(--awsui-style-placeholder-font-style-6b9ypa, italic);
-  font-weight: var(--awsui-style-placeholder-font-weight-6b9ypa);
+.awsui_input_2rhyz_1kaan_149:not(#\9):hover {
+  border-color: var(--awsui-style-border-color-hover-jsjyte, var(--awsui-style-border-color-default-jsjyte, var(--color-border-input-default-317xk5, #8c8c94)));
+  color: var(--awsui-style-color-hover-jsjyte, var(--awsui-style-border-color-default-jsjyte, var(--color-text-body-default-vvtq8u, #0f141a)));
+  background-color: var(--awsui-style-background-hover-jsjyte, var(--awsui-style-background-default-jsjyte, var(--color-background-input-default-ifz5bb, #ffffff)));
+  box-shadow: var(--awsui-style-box-shadow-hover-jsjyte, --awsui-style-box-shadow-default-jsjyte);
+}
+.awsui_input_2rhyz_1kaan_149.awsui_input-readonly_2rhyz_1kaan_203:not(#\9) {
+  background-color: var(--awsui-style-background-readonly-jsjyte, var(--awsui-style-background-default-jsjyte, var(--color-background-input-default-ifz5bb, #ffffff)));
+  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-readonly-jsjyte, var(--awsui-style-border-color-default-jsjyte, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
+  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-readonly-jsjyte, var(--awsui-style-border-color-default-jsjyte, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
+  color: var(--awsui-style-color-readonly-jsjyte, var(--awsui-style-color-default-jsjyte, var(--color-text-body-default-vvtq8u, #0f141a)));
+  box-shadow: var(--awsui-style-box-shadow-readonly-jsjyte);
+}
+.awsui_input_2rhyz_1kaan_149:not(#\9)::-webkit-input-placeholder {
+  color: var(--awsui-style-placeholder-color-jsjyte, var(--color-text-input-placeholder-dclg8u, #656871));
+  font-size: var(--awsui-style-placeholder-font-size-jsjyte);
+  font-style: var(--awsui-style-placeholder-font-style-jsjyte, italic);
+  font-weight: var(--awsui-style-placeholder-font-weight-jsjyte);
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_qcvo4_149:not(#\9)::-moz-placeholder {
-  color: var(--awsui-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-dclg8u, #656871));
-  font-size: var(--awsui-style-placeholder-font-size-6b9ypa);
-  font-style: var(--awsui-style-placeholder-font-style-6b9ypa, italic);
-  font-weight: var(--awsui-style-placeholder-font-weight-6b9ypa);
+.awsui_input_2rhyz_1kaan_149:not(#\9)::-moz-placeholder {
+  color: var(--awsui-style-placeholder-color-jsjyte, var(--color-text-input-placeholder-dclg8u, #656871));
+  font-size: var(--awsui-style-placeholder-font-size-jsjyte);
+  font-style: var(--awsui-style-placeholder-font-style-jsjyte, italic);
+  font-weight: var(--awsui-style-placeholder-font-weight-jsjyte);
   opacity: 1;
 }
-.awsui_input_2rhyz_qcvo4_149:not(#\9):-moz-placeholder {
-  color: var(--awsui-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-dclg8u, #656871));
-  font-size: var(--awsui-style-placeholder-font-size-6b9ypa);
-  font-style: var(--awsui-style-placeholder-font-style-6b9ypa, italic);
-  font-weight: var(--awsui-style-placeholder-font-weight-6b9ypa);
+.awsui_input_2rhyz_1kaan_149:not(#\9):-moz-placeholder {
+  color: var(--awsui-style-placeholder-color-jsjyte, var(--color-text-input-placeholder-dclg8u, #656871));
+  font-size: var(--awsui-style-placeholder-font-size-jsjyte);
+  font-style: var(--awsui-style-placeholder-font-style-jsjyte, italic);
+  font-weight: var(--awsui-style-placeholder-font-weight-jsjyte);
   opacity: 1;
 }
-.awsui_input_2rhyz_qcvo4_149:not(#\9):focus {
+.awsui_input_2rhyz_1kaan_149:not(#\9):focus {
   outline: 2px dotted transparent;
-  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-focus-6b9ypa, var(--color-border-input-focused-4z0pgn, #006ce0));
-  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-focus-6b9ypa, var(--color-border-input-focused-4z0pgn, #006ce0));
+  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-focus-jsjyte, var(--color-border-input-focused-4z0pgn, #006ce0));
+  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-focus-jsjyte, 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-6b9ypa, 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-6b9ypa, var(--color-text-body-default-vvtq8u, #0f141a));
-  background-color: var(--awsui-style-background-focus-6b9ypa, var(--color-background-input-default-ifz5bb, #ffffff));
-}
-.awsui_input_2rhyz_qcvo4_149:not(#\9):disabled {
-  background-color: var(--awsui-style-background-disabled-6b9ypa, var(--color-background-input-disabled-dihaja, #ebebf0));
-  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-disabled-6b9ypa, var(--color-border-input-disabled-zgnzvk, #ebebf0));
-  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-disabled-6b9ypa, var(--color-border-input-disabled-zgnzvk, #ebebf0));
-  color: var(--awsui-style-color-disabled-6b9ypa, var(--color-text-input-disabled-wh1f3y, #b4b4bb));
+  box-shadow: var(--awsui-style-box-shadow-focus-jsjyte, 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-jsjyte, var(--color-text-body-default-vvtq8u, #0f141a));
+  background-color: var(--awsui-style-background-focus-jsjyte, var(--color-background-input-default-ifz5bb, #ffffff));
+}
+.awsui_input_2rhyz_1kaan_149:not(#\9):disabled {
+  background-color: var(--awsui-style-background-disabled-jsjyte, var(--color-background-input-disabled-dihaja, #ebebf0));
+  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-disabled-jsjyte, var(--color-border-input-disabled-zgnzvk, #ebebf0));
+  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-disabled-jsjyte, var(--color-border-input-disabled-zgnzvk, #ebebf0));
+  color: var(--awsui-style-color-disabled-jsjyte, var(--color-text-input-disabled-wh1f3y, #b4b4bb));
   cursor: default;
-  box-shadow: var(--awsui-style-box-shadow-disabled-6b9ypa);
+  box-shadow: var(--awsui-style-box-shadow-disabled-jsjyte);
 }
-.awsui_input_2rhyz_qcvo4_149:not(#\9):disabled::-webkit-input-placeholder {
-  color: var(--awsui-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb));
+.awsui_input_2rhyz_1kaan_149:not(#\9):disabled::-webkit-input-placeholder {
+  color: var(--awsui-style-placeholder-color-jsjyte, var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb));
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_qcvo4_149:not(#\9):disabled::-moz-placeholder {
-  color: var(--awsui-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb));
+.awsui_input_2rhyz_1kaan_149:not(#\9):disabled::-moz-placeholder {
+  color: var(--awsui-style-placeholder-color-jsjyte, var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb));
   opacity: 1;
 }
-.awsui_input_2rhyz_qcvo4_149:not(#\9):disabled:-moz-placeholder {
-  color: var(--awsui-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb));
+.awsui_input_2rhyz_1kaan_149:not(#\9):disabled:-moz-placeholder {
+  color: var(--awsui-style-placeholder-color-jsjyte, var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb));
   opacity: 1;
 }
-.awsui_input_2rhyz_qcvo4_149:not(#\9):invalid {
+.awsui_input_2rhyz_1kaan_149:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_input_2rhyz_qcvo4_149.awsui_input-invalid_2rhyz_qcvo4_266:not(#\9) {
-  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-status-error-ksqavh, #db0000));
-  border-color: var(--awsui-style-border-color-default-6b9ypa, var(--color-text-status-error-ksqavh, #db0000));
+.awsui_input_2rhyz_1kaan_149.awsui_input-invalid_2rhyz_1kaan_266:not(#\9) {
+  color: var(--awsui-style-color-default-jsjyte, var(--color-text-status-error-ksqavh, #db0000));
+  border-color: var(--awsui-style-border-color-default-jsjyte, var(--color-text-status-error-ksqavh, #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_qcvo4_149.awsui_input-invalid_2rhyz_qcvo4_266:not(#\9):focus {
-  box-shadow: var(--awsui-style-box-shadow-focus-6b9ypa, 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0));
+.awsui_input_2rhyz_1kaan_149.awsui_input-invalid_2rhyz_1kaan_266:not(#\9):focus {
+  box-shadow: var(--awsui-style-box-shadow-focus-jsjyte, 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0));
 }
-.awsui_input_2rhyz_qcvo4_149.awsui_input-invalid_2rhyz_qcvo4_266.awsui_input-has-icon-left_2rhyz_qcvo4_275:not(#\9) {
+.awsui_input_2rhyz_1kaan_149.awsui_input-invalid_2rhyz_1kaan_266.awsui_input-has-icon-left_2rhyz_1kaan_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_qcvo4_149.awsui_input-warning_2rhyz_qcvo4_278:not(#\9) {
-  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-status-warning-6meo06, #855900));
-  border-color: var(--awsui-style-border-color-default-6b9ypa, var(--color-text-status-warning-6meo06, #855900));
+.awsui_input_2rhyz_1kaan_149.awsui_input-warning_2rhyz_1kaan_278:not(#\9) {
+  color: var(--awsui-style-color-default-jsjyte, var(--color-text-status-warning-6meo06, #855900));
+  border-color: var(--awsui-style-border-color-default-jsjyte, var(--color-text-status-warning-6meo06, #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_qcvo4_149.awsui_input-warning_2rhyz_qcvo4_278:not(#\9):focus {
-  box-shadow: var(--awsui-style-box-shadow-focus-6b9ypa, 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0));
+.awsui_input_2rhyz_1kaan_149.awsui_input-warning_2rhyz_1kaan_278:not(#\9):focus {
+  box-shadow: var(--awsui-style-box-shadow-focus-jsjyte, 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0));
 }
-.awsui_input_2rhyz_qcvo4_149.awsui_input-warning_2rhyz_qcvo4_278.awsui_input-has-icon-left_2rhyz_qcvo4_275:not(#\9) {
+.awsui_input_2rhyz_1kaan_149.awsui_input-warning_2rhyz_1kaan_278.awsui_input-has-icon-left_2rhyz_1kaan_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_qcvo4_149.awsui_input-type-search_2rhyz_qcvo4_290:not(#\9) {
+.awsui_input_2rhyz_1kaan_149.awsui_input-type-search_2rhyz_1kaan_290:not(#\9) {
   box-sizing: border-box;
   -webkit-appearance: none;
 }
-.awsui_input_2rhyz_qcvo4_149.awsui_input-type-search_2rhyz_qcvo4_290:not(#\9)::-webkit-search-decoration {
+.awsui_input_2rhyz_1kaan_149.awsui_input-type-search_2rhyz_1kaan_290:not(#\9)::-webkit-search-decoration {
   -webkit-appearance: none;
 }
-.awsui_input_2rhyz_qcvo4_149.awsui_input-type-search_2rhyz_qcvo4_290:not(#\9)::-webkit-search-cancel-button {
+.awsui_input_2rhyz_1kaan_149.awsui_input-type-search_2rhyz_1kaan_290:not(#\9)::-webkit-search-cancel-button {
   display: none;
 }
-.awsui_input_2rhyz_qcvo4_149.awsui_input-has-icon-left_2rhyz_qcvo4_275:not(#\9) {
+.awsui_input_2rhyz_1kaan_149.awsui_input-has-icon-left_2rhyz_1kaan_275:not(#\9) {
   padding-inline-start: var(--space-field-icon-offset-ikwzwx, 36px);
 }
-.awsui_input_2rhyz_qcvo4_149.awsui_input-has-icon-right_2rhyz_qcvo4_303:not(#\9) {
+.awsui_input_2rhyz_1kaan_149.awsui_input-has-icon-right_2rhyz_1kaan_303:not(#\9) {
   padding-inline-end: var(--space-field-icon-offset-ikwzwx, 36px);
 }
-.awsui_input_2rhyz_qcvo4_149.awsui_input-has-no-border-radius_2rhyz_qcvo4_306:not(#\9) {
+.awsui_input_2rhyz_1kaan_149.awsui_input-has-no-border-radius_2rhyz_1kaan_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_qcvo4_313:not(#\9) {
+.awsui_input-container_2rhyz_1kaan_313:not(#\9) {
   display: flex;
   position: relative;
 }
 
-.awsui_input-icon-left_2rhyz_qcvo4_318:not(#\9) {
+.awsui_input-icon-left_2rhyz_1kaan_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_qcvo4_325:not(#\9) {
+.awsui_input-icon-right_2rhyz_1kaan_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_qcvo4_331:not(#\9) {
+.awsui_input-button-right_2rhyz_1kaan_331:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_inline-label-trigger-wrapper_2rhyz_qcvo4_335:not(#\9) {
+.awsui_inline-label-trigger-wrapper_2rhyz_1kaan_335:not(#\9) {
   margin-block-start: -7px;
 }
-.awsui_inline-label-trigger-wrapper-full-width_2rhyz_qcvo4_338:not(#\9) {
+.awsui_inline-label-trigger-wrapper-full-width_2rhyz_1kaan_338:not(#\9) {
   inline-size: 100%;
 }
 
-.awsui_inline-label-wrapper_2rhyz_qcvo4_342:not(#\9) {
+.awsui_inline-label-wrapper_2rhyz_1kaan_342:not(#\9) {
   margin-block-start: calc(var(--space-scaled-xs-xwoogq, 8px) * -1);
 }
-.awsui_inline-label-wrapper-full-width_2rhyz_qcvo4_345:not(#\9) {
+.awsui_inline-label-wrapper-full-width_2rhyz_1kaan_345:not(#\9) {
   inline-size: 100%;
 }
 
-.awsui_inline-label_2rhyz_qcvo4_335:not(#\9) {
+.awsui_inline-label_2rhyz_1kaan_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_qcvo4_145",
-  "input": "awsui_input_2rhyz_qcvo4_149",
-  "input-readonly": "awsui_input-readonly_2rhyz_qcvo4_203",
-  "input-invalid": "awsui_input-invalid_2rhyz_qcvo4_266",
-  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_qcvo4_275",
-  "input-warning": "awsui_input-warning_2rhyz_qcvo4_278",
-  "input-type-search": "awsui_input-type-search_2rhyz_qcvo4_290",
-  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_qcvo4_303",
-  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_qcvo4_306",
-  "input-container": "awsui_input-container_2rhyz_qcvo4_313",
-  "input-icon-left": "awsui_input-icon-left_2rhyz_qcvo4_318",
-  "input-icon-right": "awsui_input-icon-right_2rhyz_qcvo4_325",
-  "input-button-right": "awsui_input-button-right_2rhyz_qcvo4_331",
-  "inline-label-trigger-wrapper": "awsui_inline-label-trigger-wrapper_2rhyz_qcvo4_335",
-  "inline-label-trigger-wrapper-full-width": "awsui_inline-label-trigger-wrapper-full-width_2rhyz_qcvo4_338",
-  "inline-label-wrapper": "awsui_inline-label-wrapper_2rhyz_qcvo4_342",
-  "inline-label-wrapper-full-width": "awsui_inline-label-wrapper-full-width_2rhyz_qcvo4_345",
-  "inline-label": "awsui_inline-label_2rhyz_qcvo4_335"
+  "root": "awsui_root_2rhyz_1kaan_145",
+  "input": "awsui_input_2rhyz_1kaan_149",
+  "input-readonly": "awsui_input-readonly_2rhyz_1kaan_203",
+  "input-invalid": "awsui_input-invalid_2rhyz_1kaan_266",
+  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1kaan_275",
+  "input-warning": "awsui_input-warning_2rhyz_1kaan_278",
+  "input-type-search": "awsui_input-type-search_2rhyz_1kaan_290",
+  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1kaan_303",
+  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1kaan_306",
+  "input-container": "awsui_input-container_2rhyz_1kaan_313",
+  "input-icon-left": "awsui_input-icon-left_2rhyz_1kaan_318",
+  "input-icon-right": "awsui_input-icon-right_2rhyz_1kaan_325",
+  "input-button-right": "awsui_input-button-right_2rhyz_1kaan_331",
+  "inline-label-trigger-wrapper": "awsui_inline-label-trigger-wrapper_2rhyz_1kaan_335",
+  "inline-label-trigger-wrapper-full-width": "awsui_inline-label-trigger-wrapper-full-width_2rhyz_1kaan_338",
+  "inline-label-wrapper": "awsui_inline-label-wrapper_2rhyz_1kaan_342",
+  "inline-label-wrapper-full-width": "awsui_inline-label-wrapper-full-width_2rhyz_1kaan_345",
+  "inline-label": "awsui_inline-label_2rhyz_1kaan_335"
 };
   

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

@@ -6,7 +6,7 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-@layer cloudscape-base-theme {
+@layer awsui-base-theme {
   body {
     --color-primary-50-1y05xv:#f0fbff;
     --color-primary-100-f62fz9:#d1f1ff;
@@ -340,6 +340,11 @@
     --color-background-avatar-default-t427xm:var(--color-neutral-650-miik4f);
     --color-text-avatar-kuhkoa:var(--color-white-p1zlvy);
     --color-background-loading-bar-gen-ai-tey70i:linear-gradient(90deg, #b8e7ff 0%, #0099ff 10%, #5c7fff 24%, #8575ff 50%, #962eff 76%, #0099ff 90%, #b8e7ff 100%);
+    --color-background-status-indicator-error-txnmnb:transparent;
+    --color-background-status-indicator-warning-xf3dw4:transparent;
+    --color-background-status-indicator-success-o8ig5c:transparent;
+    --color-background-status-indicator-info-nqw7od:transparent;
+    --color-background-status-indicator-neutral-psqqh7:transparent;
     --color-background-chat-bubble-outgoing-ay6nj3:transparent;
     --color-background-chat-bubble-incoming-j38cew:var(--color-neutral-150-gezhen);
     --color-text-chat-bubble-outgoing-f3r63s:var(--color-text-body-default-vvtq8u);
@@ -628,60 +633,62 @@
     --border-line-chart-dash-array-desefi:3 5;
     --border-line-chart-line-join-aslwou:round;
     --border-line-chart-width-tesor1:2px;
+    --border-link-focus-ring-outline-1p0hnu:0;
+    --border-link-focus-ring-shadow-spread-39uvxr:2px;
     --border-panel-header-width-t1iq1m:1px;
     --border-panel-top-width-10990j:1px;
+    --border-radius-action-card-default-ejctkq:var(--border-radius-card-default-d8ipr7);
+    --border-radius-action-card-embedded-3y65t8:var(--border-radius-card-embedded-fvclp8);
     --border-radius-alert-syagf6:var(--border-radius-flashbar-pp1ptu);
     --border-radius-badge-exolfb:4px;
     --border-radius-button-7bgkcs:20px;
     --border-radius-calendar-day-focus-ring-xvvbuc:3px;
-    --border-radius-code-editor-5palck:var(--border-radius-input-7q0str);
     --border-radius-card-default-d8ipr7:var(--border-radius-container-nsfwmm);
     --border-radius-card-embedded-fvclp8:var(--border-radius-chat-bubble-haafsg);
-    --border-radius-item-card-default-pi9u8q:var(--border-radius-card-default-d8ipr7);
-    --border-radius-item-card-embedded-l0g6e3:var(--border-radius-card-embedded-fvclp8);
+    --border-radius-chat-bubble-haafsg:8px;
+    --border-radius-code-editor-5palck:var(--border-radius-input-7q0str);
     --border-radius-container-nsfwmm:16px;
     --border-radius-control-circular-focus-ring-yjhscw:4px;
     --border-radius-control-default-focus-ring-1uabki:4px;
     --border-radius-dropdown-fgc2a1:var(--border-radius-item-iwaia5);
     --border-radius-dropzone-eklq14:12px;
     --border-radius-flashbar-pp1ptu:12px;
-    --border-radius-item-iwaia5:8px;
     --border-radius-input-7q0str:8px;
+    --border-radius-item-iwaia5:8px;
+    --border-radius-item-card-default-pi9u8q:var(--border-radius-card-default-d8ipr7);
+    --border-radius-item-card-embedded-l0g6e3:var(--border-radius-card-embedded-fvclp8);
     --border-radius-popover-6fqb5w:var(--border-radius-input-7q0str);
+    --border-radius-skeleton-9lkvfi:8px;
+    --border-radius-status-indicator-fkcvdq:var(--border-radius-badge-exolfb);
     --border-radius-tabs-focus-ring-o4qku1:20px;
     --border-radius-tiles-wm1vgw:var(--border-radius-input-7q0str);
     --border-radius-token-ycnemh:var(--border-radius-input-7q0str);
-    --border-radius-chat-bubble-haafsg:8px;
     --border-radius-tutorial-panel-item-ojaqxg:var(--border-radius-input-7q0str);
     --border-table-sticky-width-ai31mi:1px;
-    --border-link-focus-ring-outline-1p0hnu:0;
-    --border-link-focus-ring-shadow-spread-39uvxr:2px;
-    --border-width-card-x24gzt:var(--border-divider-section-width-uwo8my);
-    --border-width-card-selected-01i6br:var(--border-item-width-miijiw);
-    --border-width-item-card-3wmyp3:var(--border-width-card-x24gzt);
-    --border-width-item-selected-yv93vd:2px;
+    --border-width-action-card-active-pwtgzu:var(--border-width-card-x24gzt);
+    --border-width-action-card-default-jy3kut:var(--border-width-card-x24gzt);
+    --border-width-action-card-disabled-rdvlbc:var(--border-width-card-x24gzt);
+    --border-width-action-card-hover-02l6fg:var(--border-width-card-x24gzt);
     --border-width-alert-tuifgy:2px;
-    --border-width-alert-block-start-5wbfsk:var(--border-width-alert-tuifgy);
     --border-width-alert-block-end-q8rr42:var(--border-width-alert-tuifgy);
-    --border-width-alert-inline-start-gjm6m1:var(--border-width-alert-tuifgy);
+    --border-width-alert-block-start-5wbfsk:var(--border-width-alert-tuifgy);
     --border-width-alert-inline-end-9s426v:var(--border-width-alert-tuifgy);
+    --border-width-alert-inline-start-gjm6m1:var(--border-width-alert-tuifgy);
     --border-width-button-jm0qg7:2px;
+    --border-width-card-x24gzt:var(--border-divider-section-width-uwo8my);
+    --border-width-card-selected-01i6br:var(--border-item-width-miijiw);
     --border-width-dropdown-youcay:2px;
     --border-width-field-2xc78x:1px;
     --border-width-popover-nflirh:2px;
     --border-width-token-2ukdpu:2px;
+    --border-width-icon-x-small-45lnog:1.5px;
     --border-width-icon-small-z55i5t:2px;
     --border-width-icon-normal-9h7vj7:2px;
     --border-width-icon-medium-b7icqv:2px;
     --border-width-icon-big-ymgy42:3px;
     --border-width-icon-large-u645rg:4px;
-    --border-radius-action-card-default-ejctkq:var(--border-radius-card-default-d8ipr7);
-    --border-radius-action-card-embedded-3y65t8:var(--border-radius-card-embedded-fvclp8);
-    --border-width-action-card-default-jy3kut:var(--border-width-card-x24gzt);
-    --border-width-action-card-hover-02l6fg:var(--border-width-card-x24gzt);
-    --border-width-action-card-active-pwtgzu:var(--border-width-card-x24gzt);
-    --border-width-action-card-disabled-rdvlbc:var(--border-width-card-x24gzt);
-    --border-radius-skeleton-9lkvfi:8px;
+    --border-width-item-card-3wmyp3:var(--border-width-card-x24gzt);
+    --border-width-item-selected-yv93vd:2px;
     --motion-duration-extra-slow-29bqym:270ms;
     --motion-duration-fast-unntf6:90ms;
     --motion-duration-moderate-c9utmg:135ms;
@@ -725,6 +732,7 @@
     --size-icon-large-mb6y6y:48px;
     --size-icon-medium-uv8xcz:20px;
     --size-icon-normal-levt08:16px;
+    --size-icon-x-small-bajx8s:12px;
     --size-table-selection-horizontal-qqiajd:40px;
     --size-vertical-input-p1d7xx:32px;
     --size-vertical-panel-icon-offset-z959cw:15px;
@@ -806,6 +814,7 @@
     --space-action-card-description-padding-top-qw1sd7:var(--space-scaled-xxs-pfm1nx);
     --space-option-padding-vertical-d2srv9:var(--space-xxs-hwfkai);
     --space-option-padding-horizontal-4taa4b:var(--space-l-2ud1p3);
+    --space-status-indicator-padding-horizontal-xv70fu:var(--space-none-xk6qzf);
     --space-scaled-2x-xxs-e79hr1:var(--space-xxs-hwfkai);
     --space-scaled-2x-m-4euqsk:var(--space-m-dsumyt);
     --space-scaled-2x-l-u5ida5:var(--space-l-2ud1p3);
@@ -2273,5 +2282,5 @@
   }
 }
 :root {
-  --awsui-version-info-bc6c9867: true;
+  --awsui-version-info-beb6f0a4: true;
 }

package/internal/components/drag-handle/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/drag-handle/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAOlD,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAM/C,QAAA,MAAM,gBAAgB,kaA0ErB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/drag-handle/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAOlD,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAM/C,QAAA,MAAM,gBAAgB,kaA2ErB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/internal/components/drag-handle/button.js

@@ -31,7 +31,7 @@ const DragHandleButton = forwardRef(({ variant = 'drag-indicator', size = 'norma
     // (See https://bugs.webkit.org/show_bug.cgi?id=22261)
     // Otherwise, we can't reliably catch keyboard events coming from the handle
     // when it is being dragged.
-    React.createElement("div", { ref: useMergeRefs(ref, dragHandleRefObject), role: ariaValue ? 'slider' : 'application', tabIndex: 0, className: clsx(className, styles.handle, testUtilsStyles.root, styles[`handle-${variant}`], styles[`handle-size-${size}`], disabled && styles['handle-disabled'], active && styles.active), "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedby, "aria-disabled": disabled, "aria-valuemax": ariaValue === null || ariaValue === void 0 ? void 0 : ariaValue.valueMax, "aria-valuemin": ariaValue === null || ariaValue === void 0 ? void 0 : ariaValue.valueMin, "aria-valuenow": ariaValue === null || ariaValue === void 0 ? void 0 : ariaValue.valueNow, onPointerDown: onPointerDown, onClick: onClick, onKeyDown: onKeyDown },
+    React.createElement("div", { ref: useMergeRefs(ref, dragHandleRefObject), role: ariaValue ? 'slider' : 'button', tabIndex: 0, className: clsx(className, styles.handle, testUtilsStyles.root, styles[`handle-${variant}`], styles[`handle-size-${size}`], disabled && styles['handle-disabled'], active && styles.active), "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedby, "aria-disabled": disabled, "aria-pressed": ariaValue ? undefined : active, "aria-valuemax": ariaValue === null || ariaValue === void 0 ? void 0 : ariaValue.valueMax, "aria-valuemin": ariaValue === null || ariaValue === void 0 ? void 0 : ariaValue.valueMin, "aria-valuenow": ariaValue === null || ariaValue === void 0 ? void 0 : ariaValue.valueNow, onPointerDown: onPointerDown, onClick: onClick, onKeyDown: onKeyDown },
         React.createElement("div", { className: styles['prevent-pointer'] },
             React.createElement(InternalIcon, { ...iconProps }))));
 });

package/internal/components/drag-handle/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../../src/internal/components/drag-handle/button.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,+CAA+C,CAAC;AAG7E,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAE3D,MAAM,gBAAgB,GAAG,UAAU,CACjC,CACE,EACE,OAAO,GAAG,gBAAgB,EAC1B,IAAI,GAAG,QAAQ,EACf,MAAM,GAAG,KAAK,EACd,SAAS,EACT,SAAS,EACT,cAAc,EACd,eAAe,EACf,SAAS,EACT,QAAQ,EACR,aAAa,EACb,OAAO,EACP,SAAS,GACO,EAClB,GAAuB,EACvB,EAAE;IACF,MAAM,mBAAmB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEzD,MAAM,SAAS,GAAc,CAAC,GAAG,EAAE;QACjC,MAAM,MAAM,GAAG;YACb,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAE,UAAoB,CAAC,CAAC,CAAC,SAAS;YACrD,IAAI;SACL,CAAC;QACF,QAAQ,OAAO,EAAE,CAAC;YAChB,KAAK,gBAAgB;gBACnB,OAAO,EAAE,GAAG,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC;YAC/C,KAAK,aAAa;gBAChB,OAAO,EAAE,GAAG,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC;YAC5C,KAAK,mBAAmB;gBACtB,OAAO,EAAE,GAAG,MAAM,EAAE,GAAG,EAAE,oBAAC,UAAU,IAAC,OAAO,EAAC,YAAY,GAAG,EAAE,CAAC;YACjE,KAAK,iBAAiB;gBACpB,OAAO,EAAE,GAAG,MAAM,EAAE,GAAG,EAAE,oBAAC,UAAU,IAAC,OAAO,EAAC,UAAU,GAAG,EAAE,CAAC;QACjE,CAAC;IACH,CAAC,CAAC,EAAE,CAAC;IAEL,OAAO;IACL,4DAA4D;IAC5D,oDAAoD;IACpD,sDAAsD;IACtD,4EAA4E;IAC5E,4BAA4B;IAC5B,6BACE,GAAG,EAAE,YAAY,CAAC,GAAG,EAAE,mBAAmB,CAAC,EAC3C,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,EAC1C,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,IAAI,CACb,SAAS,EACT,MAAM,CAAC,MAAM,EACb,eAAe,CAAC,IAAI,EACpB,MAAM,CAAC,UAAU,OAAO,EAAE,CAAC,EAC3B,MAAM,CAAC,eAAe,IAAI,EAAE,CAAC,EAC7B,QAAQ,IAAI,MAAM,CAAC,iBAAiB,CAAC,EACrC,MAAM,IAAI,MAAM,CAAC,MAAM,CACxB,gBACW,SAAS,qBACJ,cAAc,sBACb,eAAe,mBAClB,QAAQ,mBACR,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,mBACnB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,mBACnB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,EAClC,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS;QAGpB,6BAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC;YACvC,oBAAC,YAAY,OAAK,SAAS,GAAI,CAC3B,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { forwardRef, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\n\nimport { IconProps } from '../../../icon/interfaces';\nimport InternalIcon from '../../../icon/internal';\nimport { DragHandleProps } from './interfaces';\nimport { ResizeIcon } from './resize-icon';\n\nimport styles from './styles.css.js';\nimport testUtilsStyles from './test-classes/styles.css.js';\n\nconst DragHandleButton = forwardRef(\n  (\n    {\n      variant = 'drag-indicator',\n      size = 'normal',\n      active = false,\n      className,\n      ariaLabel,\n      ariaLabelledBy,\n      ariaDescribedby,\n      ariaValue,\n      disabled,\n      onPointerDown,\n      onClick,\n      onKeyDown,\n    }: DragHandleProps,\n    ref: React.Ref<Element>\n  ) => {\n    const dragHandleRefObject = useRef<HTMLDivElement>(null);\n\n    const iconProps: IconProps = (() => {\n      const shared = {\n        variant: disabled ? ('disabled' as const) : undefined,\n        size,\n      };\n      switch (variant) {\n        case 'drag-indicator':\n          return { ...shared, name: 'drag-indicator' };\n        case 'resize-area':\n          return { ...shared, name: 'resize-area' };\n        case 'resize-horizontal':\n          return { ...shared, svg: <ResizeIcon variant=\"horizontal\" /> };\n        case 'resize-vertical':\n          return { ...shared, svg: <ResizeIcon variant=\"vertical\" /> };\n      }\n    })();\n\n    return (\n      // We need to use a div with button role instead of a button\n      // so that Safari will focus on it when clicking it.\n      // (See https://bugs.webkit.org/show_bug.cgi?id=22261)\n      // Otherwise, we can't reliably catch keyboard events coming from the handle\n      // when it is being dragged.\n      <div\n        ref={useMergeRefs(ref, dragHandleRefObject)}\n        role={ariaValue ? 'slider' : 'application'}\n        tabIndex={0}\n        className={clsx(\n          className,\n          styles.handle,\n          testUtilsStyles.root,\n          styles[`handle-${variant}`],\n          styles[`handle-size-${size}`],\n          disabled && styles['handle-disabled'],\n          active && styles.active\n        )}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-describedby={ariaDescribedby}\n        aria-disabled={disabled}\n        aria-valuemax={ariaValue?.valueMax}\n        aria-valuemin={ariaValue?.valueMin}\n        aria-valuenow={ariaValue?.valueNow}\n        onPointerDown={onPointerDown}\n        onClick={onClick}\n        onKeyDown={onKeyDown}\n      >\n        {/* ensure that events happen on the parent div, not the icon */}\n        <div className={styles['prevent-pointer']}>\n          <InternalIcon {...iconProps} />\n        </div>\n      </div>\n    );\n  }\n);\n\nexport default DragHandleButton;\n"]}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../../src/internal/components/drag-handle/button.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,+CAA+C,CAAC;AAG7E,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAE3D,MAAM,gBAAgB,GAAG,UAAU,CACjC,CACE,EACE,OAAO,GAAG,gBAAgB,EAC1B,IAAI,GAAG,QAAQ,EACf,MAAM,GAAG,KAAK,EACd,SAAS,EACT,SAAS,EACT,cAAc,EACd,eAAe,EACf,SAAS,EACT,QAAQ,EACR,aAAa,EACb,OAAO,EACP,SAAS,GACO,EAClB,GAAuB,EACvB,EAAE;IACF,MAAM,mBAAmB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEzD,MAAM,SAAS,GAAc,CAAC,GAAG,EAAE;QACjC,MAAM,MAAM,GAAG;YACb,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAE,UAAoB,CAAC,CAAC,CAAC,SAAS;YACrD,IAAI;SACL,CAAC;QACF,QAAQ,OAAO,EAAE,CAAC;YAChB,KAAK,gBAAgB;gBACnB,OAAO,EAAE,GAAG,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC;YAC/C,KAAK,aAAa;gBAChB,OAAO,EAAE,GAAG,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC;YAC5C,KAAK,mBAAmB;gBACtB,OAAO,EAAE,GAAG,MAAM,EAAE,GAAG,EAAE,oBAAC,UAAU,IAAC,OAAO,EAAC,YAAY,GAAG,EAAE,CAAC;YACjE,KAAK,iBAAiB;gBACpB,OAAO,EAAE,GAAG,MAAM,EAAE,GAAG,EAAE,oBAAC,UAAU,IAAC,OAAO,EAAC,UAAU,GAAG,EAAE,CAAC;QACjE,CAAC;IACH,CAAC,CAAC,EAAE,CAAC;IAEL,OAAO;IACL,4DAA4D;IAC5D,oDAAoD;IACpD,sDAAsD;IACtD,4EAA4E;IAC5E,4BAA4B;IAC5B,6BACE,GAAG,EAAE,YAAY,CAAC,GAAG,EAAE,mBAAmB,CAAC,EAC3C,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EACrC,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,IAAI,CACb,SAAS,EACT,MAAM,CAAC,MAAM,EACb,eAAe,CAAC,IAAI,EACpB,MAAM,CAAC,UAAU,OAAO,EAAE,CAAC,EAC3B,MAAM,CAAC,eAAe,IAAI,EAAE,CAAC,EAC7B,QAAQ,IAAI,MAAM,CAAC,iBAAiB,CAAC,EACrC,MAAM,IAAI,MAAM,CAAC,MAAM,CACxB,gBACW,SAAS,qBACJ,cAAc,sBACb,eAAe,mBAClB,QAAQ,kBACT,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,mBAC7B,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,mBACnB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,mBACnB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,EAClC,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS;QAGpB,6BAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC;YACvC,oBAAC,YAAY,OAAK,SAAS,GAAI,CAC3B,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { forwardRef, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\n\nimport { IconProps } from '../../../icon/interfaces';\nimport InternalIcon from '../../../icon/internal';\nimport { DragHandleProps } from './interfaces';\nimport { ResizeIcon } from './resize-icon';\n\nimport styles from './styles.css.js';\nimport testUtilsStyles from './test-classes/styles.css.js';\n\nconst DragHandleButton = forwardRef(\n  (\n    {\n      variant = 'drag-indicator',\n      size = 'normal',\n      active = false,\n      className,\n      ariaLabel,\n      ariaLabelledBy,\n      ariaDescribedby,\n      ariaValue,\n      disabled,\n      onPointerDown,\n      onClick,\n      onKeyDown,\n    }: DragHandleProps,\n    ref: React.Ref<Element>\n  ) => {\n    const dragHandleRefObject = useRef<HTMLDivElement>(null);\n\n    const iconProps: IconProps = (() => {\n      const shared = {\n        variant: disabled ? ('disabled' as const) : undefined,\n        size,\n      };\n      switch (variant) {\n        case 'drag-indicator':\n          return { ...shared, name: 'drag-indicator' };\n        case 'resize-area':\n          return { ...shared, name: 'resize-area' };\n        case 'resize-horizontal':\n          return { ...shared, svg: <ResizeIcon variant=\"horizontal\" /> };\n        case 'resize-vertical':\n          return { ...shared, svg: <ResizeIcon variant=\"vertical\" /> };\n      }\n    })();\n\n    return (\n      // We need to use a div with button role instead of a button\n      // so that Safari will focus on it when clicking it.\n      // (See https://bugs.webkit.org/show_bug.cgi?id=22261)\n      // Otherwise, we can't reliably catch keyboard events coming from the handle\n      // when it is being dragged.\n      <div\n        ref={useMergeRefs(ref, dragHandleRefObject)}\n        role={ariaValue ? 'slider' : 'button'}\n        tabIndex={0}\n        className={clsx(\n          className,\n          styles.handle,\n          testUtilsStyles.root,\n          styles[`handle-${variant}`],\n          styles[`handle-size-${size}`],\n          disabled && styles['handle-disabled'],\n          active && styles.active\n        )}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-describedby={ariaDescribedby}\n        aria-disabled={disabled}\n        aria-pressed={ariaValue ? undefined : active}\n        aria-valuemax={ariaValue?.valueMax}\n        aria-valuemin={ariaValue?.valueMin}\n        aria-valuenow={ariaValue?.valueNow}\n        onPointerDown={onPointerDown}\n        onClick={onClick}\n        onKeyDown={onKeyDown}\n      >\n        {/* ensure that events happen on the parent div, not the icon */}\n        <div className={styles['prevent-pointer']}>\n          <InternalIcon {...iconProps} />\n        </div>\n      </div>\n    );\n  }\n);\n\nexport default DragHandleButton;\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_1rpq3_169",
-  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_1rpq3_189",
-  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_1rpq3_189",
-  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_1rpq3_189",
-  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_1rpq3_189",
-  "drag-handle-entry": "awsui_drag-handle-entry_155yk_1rpq3_1",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_1rpq3_1",
-  "drag-handle-exit": "awsui_drag-handle-exit_155yk_1rpq3_1",
-  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_1rpq3_1",
-  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_1rpq3_229",
-  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_1rpq3_233",
-  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_1rpq3_237",
-  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_1rpq3_248",
-  "contents": "awsui_contents_155yk_1rpq3_259",
-  "portal-overlay": "awsui_portal-overlay_155yk_1rpq3_263",
-  "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_1rpq3_271",
-  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_1rpq3_275",
-  "drag-handle": "awsui_drag-handle_155yk_1rpq3_279",
-  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_1rpq3_292",
-  "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_1rpq3_316",
-  "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_1rpq3_320",
-  "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_1rpq3_324",
-  "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_1rpq3_328",
-  "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_1rpq3_332",
-  "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_1rpq3_336",
-  "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_1rpq3_340",
-  "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_1rpq3_344",
-  "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_1rpq3_348",
-  "direction-button": "awsui_direction-button_155yk_1rpq3_169",
-  "direction-button-disabled": "awsui_direction-button-disabled_155yk_1rpq3_371"
+  "direction-button-wrapper": "awsui_direction-button-wrapper_155yk_1cu1s_169",
+  "direction-button-wrapper-motion-enter": "awsui_direction-button-wrapper-motion-enter_155yk_1cu1s_189",
+  "direction-button-wrapper-motion-entering": "awsui_direction-button-wrapper-motion-entering_155yk_1cu1s_189",
+  "direction-button-wrapper-motion-exit": "awsui_direction-button-wrapper-motion-exit_155yk_1cu1s_189",
+  "direction-button-wrapper-motion-exiting": "awsui_direction-button-wrapper-motion-exiting_155yk_1cu1s_189",
+  "drag-handle-entry": "awsui_drag-handle-entry_155yk_1cu1s_1",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_155yk_1cu1s_1",
+  "drag-handle-exit": "awsui_drag-handle-exit_155yk_1cu1s_1",
+  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_155yk_1cu1s_1",
+  "direction-button-wrapper-block-start": "awsui_direction-button-wrapper-block-start_155yk_1cu1s_229",
+  "direction-button-wrapper-block-end": "awsui_direction-button-wrapper-block-end_155yk_1cu1s_233",
+  "direction-button-wrapper-inline-start": "awsui_direction-button-wrapper-inline-start_155yk_1cu1s_237",
+  "direction-button-wrapper-inline-end": "awsui_direction-button-wrapper-inline-end_155yk_1cu1s_248",
+  "contents": "awsui_contents_155yk_1cu1s_259",
+  "portal-overlay": "awsui_portal-overlay_155yk_1cu1s_263",
+  "portal-overlay-disabled": "awsui_portal-overlay-disabled_155yk_1cu1s_271",
+  "portal-overlay-contents": "awsui_portal-overlay-contents_155yk_1cu1s_275",
+  "drag-handle": "awsui_drag-handle_155yk_1cu1s_279",
+  "direction-button-wrapper-hidden": "awsui_direction-button-wrapper-hidden_155yk_1cu1s_292",
+  "direction-button-wrapper-forced": "awsui_direction-button-wrapper-forced_155yk_1cu1s_316",
+  "direction-button-wrapper-forced-top-0": "awsui_direction-button-wrapper-forced-top-0_155yk_1cu1s_320",
+  "direction-button-wrapper-forced-top-1": "awsui_direction-button-wrapper-forced-top-1_155yk_1cu1s_324",
+  "direction-button-wrapper-forced-top-2": "awsui_direction-button-wrapper-forced-top-2_155yk_1cu1s_328",
+  "direction-button-wrapper-forced-top-3": "awsui_direction-button-wrapper-forced-top-3_155yk_1cu1s_332",
+  "direction-button-wrapper-forced-bottom-0": "awsui_direction-button-wrapper-forced-bottom-0_155yk_1cu1s_336",
+  "direction-button-wrapper-forced-bottom-1": "awsui_direction-button-wrapper-forced-bottom-1_155yk_1cu1s_340",
+  "direction-button-wrapper-forced-bottom-2": "awsui_direction-button-wrapper-forced-bottom-2_155yk_1cu1s_344",
+  "direction-button-wrapper-forced-bottom-3": "awsui_direction-button-wrapper-forced-bottom-3_155yk_1cu1s_348",
+  "direction-button": "awsui_direction-button_155yk_1cu1s_169",
+  "direction-button-disabled": "awsui_direction-button-disabled_155yk_1cu1s_371"
 };