@cloudscape-design/components-themeable 3.0.1138 → 3.0.1139

package/lib/internal/template/slider/styles.scoped.css

@@ -150,7 +150,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_pcgz5_iefh8_153:not(#\9) {
+.awsui_root_pcgz5_152qb_153:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -187,11 +187,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline: calc(var(--space-m-n2lypl, 16px) / 2);
 }
 
-.awsui_slider_pcgz5_iefh8_190:not(#\9) {
+.awsui_slider_pcgz5_152qb_190:not(#\9) {
   display: flex;
   align-items: center;
 }
-.awsui_slider-track_pcgz5_iefh8_194:not(#\9), .awsui_slider-range_pcgz5_iefh8_194:not(#\9) {
+.awsui_slider-track_pcgz5_152qb_194:not(#\9), .awsui_slider-range_pcgz5_152qb_194:not(#\9) {
   position: absolute;
   border-start-start-radius: 3px;
   border-start-end-radius: 3px;
@@ -200,109 +200,109 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: var(--space-xs-kw7k3v, 8px);
   margin-inline: calc(var(--space-m-n2lypl, 16px) / -2);
 }
-.awsui_slider-track_pcgz5_iefh8_194:not(#\9) {
+.awsui_slider-track_pcgz5_152qb_194:not(#\9) {
   background-color: var(--color-background-slider-track-mspgfu, #879596);
   inline-size: calc(100% + var(--space-m-n2lypl, 16px));
   block-size: 2px;
   cursor: pointer;
 }
-.awsui_slider-track_pcgz5_iefh8_194.awsui_disabled_pcgz5_iefh8_209:not(#\9) {
+.awsui_slider-track_pcgz5_152qb_194.awsui_disabled_pcgz5_152qb_209:not(#\9) {
   cursor: default;
   background-color: var(--color-background-control-disabled-2ixett, #d5dbdb);
 }
-.awsui_slider-track_pcgz5_iefh8_194.awsui_readonly_pcgz5_iefh8_213:not(#\9):not(.awsui_slider-track_pcgz5_iefh8_194.awsui_disabled_pcgz5_iefh8_209) {
+.awsui_slider-track_pcgz5_152qb_194.awsui_readonly_pcgz5_152qb_213:not(#\9):not(.awsui_slider-track_pcgz5_152qb_194.awsui_disabled_pcgz5_152qb_209) {
   cursor: default;
   background-color: var(--color-background-control-disabled-2ixett, #d5dbdb);
 }
-.awsui_slider-range_pcgz5_iefh8_194:not(#\9) {
+.awsui_slider-range_pcgz5_152qb_194:not(#\9) {
   background-color: var(--color-background-slider-handle-default-pb538l, #0073bb);
   block-size: 4px;
-  inline-size: calc(var(--awsui-slider-range-inline-size-9t5olz) + var(--space-m-n2lypl, 16px));
+  inline-size: calc(var(--awsui-slider-range-inline-size-d43v8n) + var(--space-m-n2lypl, 16px));
 }
-.awsui_slider-range_pcgz5_iefh8_194.awsui_error_pcgz5_iefh8_222:not(#\9) {
+.awsui_slider-range_pcgz5_152qb_194.awsui_error_pcgz5_152qb_222:not(#\9) {
   background-color: var(--color-text-status-error-aknuvu, #d13212);
 }
-.awsui_slider-range_pcgz5_iefh8_194.awsui_warning_pcgz5_iefh8_225:not(#\9) {
+.awsui_slider-range_pcgz5_152qb_194.awsui_warning_pcgz5_152qb_225:not(#\9) {
   background-color: var(--color-text-status-warning-9b45qh, #906806);
 }
-.awsui_slider-range_pcgz5_iefh8_194.awsui_active_pcgz5_iefh8_228:not(#\9) {
+.awsui_slider-range_pcgz5_152qb_194.awsui_active_pcgz5_152qb_228:not(#\9) {
   background-color: var(--color-background-slider-handle-active-9ejayt, #0a4a74);
 }
-.awsui_slider-range_pcgz5_iefh8_194.awsui_error-active_pcgz5_iefh8_231:not(#\9) {
+.awsui_slider-range_pcgz5_152qb_194.awsui_error-active_pcgz5_152qb_231:not(#\9) {
   background-color: var(--color-background-slider-error-pressed-hjdtxr, #700000);
 }
-.awsui_slider-range_pcgz5_iefh8_194.awsui_warning-active_pcgz5_iefh8_234:not(#\9) {
+.awsui_slider-range_pcgz5_152qb_194.awsui_warning-active_pcgz5_152qb_234:not(#\9) {
   background-color: var(--color-background-slider-warning-pressed-78uc9o, #906806);
 }
-.awsui_slider-range_pcgz5_iefh8_194.awsui_disabled_pcgz5_iefh8_209:not(#\9) {
+.awsui_slider-range_pcgz5_152qb_194.awsui_disabled_pcgz5_152qb_209:not(#\9) {
   background-color: var(--color-background-control-disabled-2ixett, #d5dbdb);
 }
-.awsui_slider-range_pcgz5_iefh8_194.awsui_readonly_pcgz5_iefh8_213:not(#\9):not(.awsui_slider-range_pcgz5_iefh8_194.awsui_disabled_pcgz5_iefh8_209) {
-  inline-size: calc(var(--awsui-slider-range-inline-size-9t5olz) + var(--space-s-4a5hs8, 12px));
+.awsui_slider-range_pcgz5_152qb_194.awsui_readonly_pcgz5_152qb_213:not(#\9):not(.awsui_slider-range_pcgz5_152qb_194.awsui_disabled_pcgz5_152qb_209) {
+  inline-size: calc(var(--awsui-slider-range-inline-size-d43v8n) + var(--space-s-4a5hs8, 12px));
   background-color: var(--color-foreground-control-read-only-cgy3yn, #687078);
 }
 
-.awsui_labels_pcgz5_iefh8_245:not(#\9) {
+.awsui_labels_pcgz5_152qb_245:not(#\9) {
   display: grid;
-  grid-template-columns: 3fr repeat(calc((var(--awsui-slider-label-count-9t5olz) - 2) / 2 + (var(--awsui-slider-label-count-9t5olz) - 2) / 2 - 1), 2fr) 3fr;
+  grid-template-columns: 3fr repeat(calc((var(--awsui-slider-label-count-d43v8n) - 2) / 2 + (var(--awsui-slider-label-count-d43v8n) - 2) / 2 - 1), 2fr) 3fr;
   grid-auto-rows: 100%;
   padding-block-start: var(--space-m-n2lypl, 16px);
 }
-.awsui_labels-noref_pcgz5_iefh8_251:not(#\9) {
+.awsui_labels-noref_pcgz5_152qb_251:not(#\9) {
   grid-template-columns: 1fr 1fr;
 }
-.awsui_labels-reference_pcgz5_iefh8_254:not(#\9) {
-  grid-column-start: var(--awsui-slider-reference-column-9t5olz);
-  grid-column-end: var(--awsui-slider-next-reference-column-9t5olz);
+.awsui_labels-reference_pcgz5_152qb_254:not(#\9) {
+  grid-column-start: var(--awsui-slider-reference-column-d43v8n);
+  grid-column-end: var(--awsui-slider-next-reference-column-d43v8n);
   grid-row: 1;
   justify-self: center;
   text-align: center;
 }
-.awsui_labels-min_pcgz5_iefh8_261:not(#\9) {
+.awsui_labels-min_pcgz5_152qb_261:not(#\9) {
   grid-column: 1;
   grid-row: 1;
-  grid-column-end: var(--awsui-slider-min-end-9t5olz);
+  grid-column-end: var(--awsui-slider-min-end-d43v8n);
   margin-inline-start: calc(var(--space-m-n2lypl, 16px) / -2);
 }
-.awsui_labels-max_pcgz5_iefh8_267:not(#\9) {
+.awsui_labels-max_pcgz5_152qb_267:not(#\9) {
   text-align: end;
   justify-content: flex-end;
   grid-row: 1;
-  grid-column-end: calc(var(--awsui-slider-label-count-9t5olz) + 1);
-  grid-column-start: var(--awsui-slider-max-start-9t5olz);
+  grid-column-end: calc(var(--awsui-slider-label-count-d43v8n) + 1);
+  grid-column-start: var(--awsui-slider-max-start-d43v8n);
   margin-inline-end: calc(var(--space-m-n2lypl, 16px) / -2);
 }
-.awsui_labels-aria-description_pcgz5_iefh8_275:not(#\9) {
+.awsui_labels-aria-description_pcgz5_152qb_275:not(#\9) {
   display: none;
 }
 @media (max-width: 576px) {
-  .awsui_labels_pcgz5_iefh8_245:not(#\9) {
+  .awsui_labels_pcgz5_152qb_245:not(#\9) {
     grid-template-columns: 1fr 1fr;
   }
-  .awsui_labels-min_pcgz5_iefh8_261:not(#\9) {
+  .awsui_labels-min_pcgz5_152qb_261:not(#\9) {
     grid-column: 1;
   }
-  .awsui_labels-max_pcgz5_iefh8_267:not(#\9) {
+  .awsui_labels-max_pcgz5_152qb_267:not(#\9) {
     grid-column: 2;
   }
-  .awsui_labels_pcgz5_iefh8_245 > .awsui_labels-reference_pcgz5_iefh8_254:not(#\9) {
+  .awsui_labels_pcgz5_152qb_245 > .awsui_labels-reference_pcgz5_152qb_254:not(#\9) {
     display: none;
   }
 }
 
-.awsui_ticks_pcgz5_iefh8_293:not(#\9) {
+.awsui_ticks_pcgz5_152qb_293:not(#\9) {
   display: grid;
-  grid-template-columns: repeat(var(--awsui-slider-tick-count-9t5olz), 1fr);
+  grid-template-columns: repeat(var(--awsui-slider-tick-count-d43v8n), 1fr);
   inline-size: calc(100% - var(--space-m-n2lypl, 16px));
   margin-inline: calc(var(--space-m-n2lypl, 16px) / 2);
 }
-.awsui_ticks-wrapper_pcgz5_iefh8_299:not(#\9) {
+.awsui_ticks-wrapper_pcgz5_152qb_299:not(#\9) {
   block-size: 0;
   display: flex;
   margin-inline: calc(var(--space-m-n2lypl, 16px) / -2);
 }
 
-.awsui_tick_pcgz5_iefh8_293:not(#\9) {
+.awsui_tick_pcgz5_152qb_293:not(#\9) {
   grid-row: 1;
   block-size: var(--space-xs-kw7k3v, 8px);
   inline-size: var(--space-xxxs-3w1kr2, 2px);
@@ -311,51 +311,51 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: var(--color-background-slider-track-mspgfu, #879596);
   inset-block-start: -4px;
 }
-.awsui_tick_pcgz5_iefh8_293.awsui_middle_pcgz5_iefh8_314:not(#\9):first-child, .awsui_tick_pcgz5_iefh8_293.awsui_middle_pcgz5_iefh8_314:not(#\9):last-child {
+.awsui_tick_pcgz5_152qb_293.awsui_middle_pcgz5_152qb_314:not(#\9):first-child, .awsui_tick_pcgz5_152qb_293.awsui_middle_pcgz5_152qb_314:not(#\9):last-child {
   visibility: hidden;
 }
-.awsui_tick_pcgz5_iefh8_293.awsui_filled_pcgz5_iefh8_317:not(#\9) {
+.awsui_tick_pcgz5_152qb_293.awsui_filled_pcgz5_152qb_317:not(#\9) {
   background: var(--color-background-slider-handle-default-pb538l, #0073bb);
 }
-.awsui_tick_pcgz5_iefh8_293.awsui_filled_pcgz5_iefh8_317.awsui_readonly_pcgz5_iefh8_213:not(#\9):not(.awsui_disabled_pcgz5_iefh8_209) {
+.awsui_tick_pcgz5_152qb_293.awsui_filled_pcgz5_152qb_317.awsui_readonly_pcgz5_152qb_213:not(#\9):not(.awsui_disabled_pcgz5_152qb_209) {
   background: var(--color-foreground-control-read-only-cgy3yn, #687078);
 }
-.awsui_tick_pcgz5_iefh8_293.awsui_active_pcgz5_iefh8_228:not(#\9) {
+.awsui_tick_pcgz5_152qb_293.awsui_active_pcgz5_152qb_228:not(#\9) {
   background: var(--color-background-slider-handle-active-9ejayt, #0a4a74);
 }
-.awsui_tick_pcgz5_iefh8_293.awsui_error_pcgz5_iefh8_222:not(#\9) {
+.awsui_tick_pcgz5_152qb_293.awsui_error_pcgz5_152qb_222:not(#\9) {
   background: var(--color-text-status-error-aknuvu, #d13212);
 }
-.awsui_tick_pcgz5_iefh8_293.awsui_warning_pcgz5_iefh8_225:not(#\9) {
+.awsui_tick_pcgz5_152qb_293.awsui_warning_pcgz5_152qb_225:not(#\9) {
   background: var(--color-text-status-warning-9b45qh, #906806);
 }
-.awsui_tick_pcgz5_iefh8_293.awsui_error-active_pcgz5_iefh8_231:not(#\9) {
+.awsui_tick_pcgz5_152qb_293.awsui_error-active_pcgz5_152qb_231:not(#\9) {
   background-color: var(--color-background-slider-error-pressed-hjdtxr, #700000);
 }
-.awsui_tick_pcgz5_iefh8_293.awsui_warning-active_pcgz5_iefh8_234:not(#\9) {
+.awsui_tick_pcgz5_152qb_293.awsui_warning-active_pcgz5_152qb_234:not(#\9) {
   background-color: var(--color-background-slider-warning-pressed-78uc9o, #906806);
 }
-.awsui_tick_pcgz5_iefh8_293.awsui_disabled_pcgz5_iefh8_209:not(#\9) {
+.awsui_tick_pcgz5_152qb_293.awsui_disabled_pcgz5_152qb_209:not(#\9) {
   background: var(--color-background-control-disabled-2ixett, #d5dbdb);
 }
-.awsui_tick_pcgz5_iefh8_293.awsui_readonly_pcgz5_iefh8_213:not(#\9) {
+.awsui_tick_pcgz5_152qb_293.awsui_readonly_pcgz5_152qb_213:not(#\9) {
   background: var(--color-background-control-disabled-2ixett, #d5dbdb);
 }
 
-.awsui_tooltip-thumb_pcgz5_iefh8_345:not(#\9) {
+.awsui_tooltip-thumb_pcgz5_152qb_345:not(#\9) {
   position: absolute;
   inline-size: var(--space-xxl-q0lyvp, 32px);
   block-size: var(--space-xxl-q0lyvp, 32px);
   margin-block-start: calc(var(--space-s-4a5hs8, 12px) / -1);
-  inset-inline-start: var(--awsui-slider-tooltip-position-9t5olz);
+  inset-inline-start: var(--awsui-slider-tooltip-position-d43v8n);
 }
-.awsui_tooltip-thumb_pcgz5_iefh8_345.awsui_readonly_pcgz5_iefh8_213:not(#\9) {
+.awsui_tooltip-thumb_pcgz5_152qb_345.awsui_readonly_pcgz5_152qb_213:not(#\9) {
   inline-size: var(--space-xl-4dmkh1, 24px);
   block-size: var(--space-xl-4dmkh1, 24px);
   margin-block-start: calc(var(--space-xs-kw7k3v, 8px) / -1);
 }
 
-.awsui_thumb_pcgz5_iefh8_358:not(#\9) {
+.awsui_thumb_pcgz5_152qb_358:not(#\9) {
   background: transparent;
   appearance: none;
   position: absolute;
@@ -367,13 +367,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   cursor: pointer;
   touch-action: none;
 }
-.awsui_thumb_pcgz5_iefh8_358.awsui_disabled_pcgz5_iefh8_209:not(#\9) {
+.awsui_thumb_pcgz5_152qb_358.awsui_disabled_pcgz5_152qb_209:not(#\9) {
   cursor: default;
 }
-.awsui_thumb_pcgz5_iefh8_358.awsui_readonly_pcgz5_iefh8_213:not(#\9):not(.awsui_thumb_pcgz5_iefh8_358.awsui_disabled_pcgz5_iefh8_209) {
+.awsui_thumb_pcgz5_152qb_358.awsui_readonly_pcgz5_152qb_213:not(#\9):not(.awsui_thumb_pcgz5_152qb_358.awsui_disabled_pcgz5_152qb_209) {
   cursor: default;
 }
-.awsui_thumb_pcgz5_iefh8_358.awsui_readonly_pcgz5_iefh8_213:not(#\9):not(.awsui_thumb_pcgz5_iefh8_358.awsui_disabled_pcgz5_iefh8_209):focus::-webkit-slider-thumb, .awsui_thumb_pcgz5_iefh8_358.awsui_readonly_pcgz5_iefh8_213:not(#\9):not(.awsui_thumb_pcgz5_iefh8_358.awsui_disabled_pcgz5_iefh8_209):active::-webkit-slider-thumb {
+.awsui_thumb_pcgz5_152qb_358.awsui_readonly_pcgz5_152qb_213:not(#\9):not(.awsui_thumb_pcgz5_152qb_358.awsui_disabled_pcgz5_152qb_209):focus::-webkit-slider-thumb, .awsui_thumb_pcgz5_152qb_358.awsui_readonly_pcgz5_152qb_213:not(#\9):not(.awsui_thumb_pcgz5_152qb_358.awsui_disabled_pcgz5_152qb_209):active::-webkit-slider-thumb {
   block-size: var(--space-s-4a5hs8, 12px);
   inline-size: var(--space-s-4a5hs8, 12px);
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-usftmh, #ffffff), 0 0 0 4px var(--color-foreground-control-read-only-cgy3yn, #687078);
@@ -382,7 +382,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-block-width: 2px;
   border-inline-width: 2px;
 }
-.awsui_thumb_pcgz5_iefh8_358.awsui_readonly_pcgz5_iefh8_213:not(#\9):not(.awsui_thumb_pcgz5_iefh8_358.awsui_disabled_pcgz5_iefh8_209):focus::-moz-range-thumb, .awsui_thumb_pcgz5_iefh8_358.awsui_readonly_pcgz5_iefh8_213:not(#\9):not(.awsui_thumb_pcgz5_iefh8_358.awsui_disabled_pcgz5_iefh8_209):active::-moz-range-thumb {
+.awsui_thumb_pcgz5_152qb_358.awsui_readonly_pcgz5_152qb_213:not(#\9):not(.awsui_thumb_pcgz5_152qb_358.awsui_disabled_pcgz5_152qb_209):focus::-moz-range-thumb, .awsui_thumb_pcgz5_152qb_358.awsui_readonly_pcgz5_152qb_213:not(#\9):not(.awsui_thumb_pcgz5_152qb_358.awsui_disabled_pcgz5_152qb_209):active::-moz-range-thumb {
   block-size: var(--space-s-4a5hs8, 12px);
   inline-size: var(--space-s-4a5hs8, 12px);
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-usftmh, #ffffff), 0 0 0 4px var(--color-foreground-control-read-only-cgy3yn, #687078);
@@ -391,13 +391,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-block-width: 2px;
   border-inline-width: 2px;
 }
-.awsui_thumb_pcgz5_iefh8_358.awsui_min_pcgz5_iefh8_394:not(#\9) {
+.awsui_thumb_pcgz5_152qb_358.awsui_min_pcgz5_152qb_394:not(#\9) {
   margin-inline-start: calc(-1px + var(--space-m-n2lypl, 16px) / -2);
 }
-.awsui_thumb_pcgz5_iefh8_358.awsui_max_pcgz5_iefh8_397:not(#\9) {
+.awsui_thumb_pcgz5_152qb_358.awsui_max_pcgz5_152qb_397:not(#\9) {
   margin-inline-start: calc(1px + var(--space-m-n2lypl, 16px) / -2);
 }
-.awsui_thumb_pcgz5_iefh8_358:not(#\9)::-webkit-slider-thumb {
+.awsui_thumb_pcgz5_152qb_358:not(#\9)::-webkit-slider-thumb {
   appearance: none;
   appearance: none;
   background: var(--color-background-slider-handle-default-pb538l, #0073bb);
@@ -415,7 +415,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: all;
   position: relative;
 }
-.awsui_thumb_pcgz5_iefh8_358:not(#\9)::-moz-range-thumb {
+.awsui_thumb_pcgz5_152qb_358:not(#\9)::-moz-range-thumb {
   appearance: none;
   appearance: none;
   background: var(--color-background-slider-handle-default-pb538l, #0073bb);
@@ -433,13 +433,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: all;
   position: relative;
 }
-.awsui_thumb_pcgz5_iefh8_358:not(#\9):hover::-webkit-slider-thumb {
+.awsui_thumb_pcgz5_152qb_358:not(#\9):hover::-webkit-slider-thumb {
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-usftmh, #ffffff), 0 0 0 4px var(--color-background-slider-handle-default-pb538l, #0073bb);
 }
-.awsui_thumb_pcgz5_iefh8_358:not(#\9):hover::-moz-range-thumb {
+.awsui_thumb_pcgz5_152qb_358:not(#\9):hover::-moz-range-thumb {
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-usftmh, #ffffff), 0 0 0 4px var(--color-background-slider-handle-default-pb538l, #0073bb);
 }
-.awsui_thumb_pcgz5_iefh8_358:not(#\9):focus::-webkit-slider-thumb, .awsui_thumb_pcgz5_iefh8_358:not(#\9):active::-webkit-slider-thumb {
+.awsui_thumb_pcgz5_152qb_358:not(#\9):focus::-webkit-slider-thumb, .awsui_thumb_pcgz5_152qb_358:not(#\9):active::-webkit-slider-thumb {
   block-size: 20px;
   inline-size: 20px;
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-usftmh, #ffffff), 0 0 0 4px var(--color-background-slider-handle-active-9ejayt, #0a4a74);
@@ -448,7 +448,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-block-width: 2px;
   border-inline-width: 2px;
 }
-.awsui_thumb_pcgz5_iefh8_358:not(#\9):focus::-moz-range-thumb, .awsui_thumb_pcgz5_iefh8_358:not(#\9):active::-moz-range-thumb {
+.awsui_thumb_pcgz5_152qb_358:not(#\9):focus::-moz-range-thumb, .awsui_thumb_pcgz5_152qb_358:not(#\9):active::-moz-range-thumb {
   block-size: 20px;
   inline-size: 20px;
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-usftmh, #ffffff), 0 0 0 4px var(--color-background-slider-handle-active-9ejayt, #0a4a74);
@@ -458,30 +458,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-inline-width: 2px;
 }
 
-.awsui_error_pcgz5_iefh8_222:not(#\9)::-webkit-slider-thumb {
+.awsui_error_pcgz5_152qb_222:not(#\9)::-webkit-slider-thumb {
   background-color: var(--color-text-status-error-aknuvu, #d13212);
   border-color: var(--color-text-status-error-aknuvu, #d13212);
 }
-.awsui_error_pcgz5_iefh8_222:not(#\9)::-moz-range-thumb {
+.awsui_error_pcgz5_152qb_222:not(#\9)::-moz-range-thumb {
   background-color: var(--color-text-status-error-aknuvu, #d13212);
   border-color: var(--color-text-status-error-aknuvu, #d13212);
 }
-.awsui_error_pcgz5_iefh8_222:not(#\9):hover::-webkit-slider-thumb {
+.awsui_error_pcgz5_152qb_222:not(#\9):hover::-webkit-slider-thumb {
   background-color: var(--color-text-status-error-aknuvu, #d13212);
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-usftmh, #ffffff), 0 0 0 4px var(--color-text-status-error-aknuvu, #d13212);
 }
-.awsui_error_pcgz5_iefh8_222:not(#\9):hover::-moz-range-thumb {
+.awsui_error_pcgz5_152qb_222:not(#\9):hover::-moz-range-thumb {
   background-color: var(--color-text-status-error-aknuvu, #d13212);
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-usftmh, #ffffff), 0 0 0 4px var(--color-text-status-error-aknuvu, #d13212);
 }
-.awsui_error_pcgz5_iefh8_222:not(#\9):focus::-webkit-slider-thumb, .awsui_error_pcgz5_iefh8_222:not(#\9):active::-webkit-slider-thumb {
+.awsui_error_pcgz5_152qb_222:not(#\9):focus::-webkit-slider-thumb, .awsui_error_pcgz5_152qb_222:not(#\9):active::-webkit-slider-thumb {
   background-color: var(--color-background-slider-error-pressed-hjdtxr, #700000);
   border-block-width: 2px;
   border-inline-width: 2px;
   border-color: var(--color-background-slider-error-pressed-hjdtxr, #700000);
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-usftmh, #ffffff), 0 0 0 4px var(--color-background-slider-error-pressed-hjdtxr, #700000);
 }
-.awsui_error_pcgz5_iefh8_222:not(#\9):focus::-moz-range-thumb, .awsui_error_pcgz5_iefh8_222:not(#\9):active::-moz-range-thumb {
+.awsui_error_pcgz5_152qb_222:not(#\9):focus::-moz-range-thumb, .awsui_error_pcgz5_152qb_222:not(#\9):active::-moz-range-thumb {
   background-color: var(--color-background-slider-error-pressed-hjdtxr, #700000);
   border-block-width: 2px;
   border-inline-width: 2px;
@@ -489,30 +489,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-usftmh, #ffffff), 0 0 0 4px var(--color-background-slider-error-pressed-hjdtxr, #700000);
 }
 
-.awsui_warning_pcgz5_iefh8_225:not(#\9)::-webkit-slider-thumb {
+.awsui_warning_pcgz5_152qb_225:not(#\9)::-webkit-slider-thumb {
   background-color: var(--color-text-status-warning-9b45qh, #906806);
   border-color: var(--color-text-status-warning-9b45qh, #906806);
 }
-.awsui_warning_pcgz5_iefh8_225:not(#\9)::-moz-range-thumb {
+.awsui_warning_pcgz5_152qb_225:not(#\9)::-moz-range-thumb {
   background-color: var(--color-text-status-warning-9b45qh, #906806);
   border-color: var(--color-text-status-warning-9b45qh, #906806);
 }
-.awsui_warning_pcgz5_iefh8_225:not(#\9):hover::-webkit-slider-thumb {
+.awsui_warning_pcgz5_152qb_225:not(#\9):hover::-webkit-slider-thumb {
   background-color: var(--color-text-status-warning-9b45qh, #906806);
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-usftmh, #ffffff), 0 0 0 4px var(--color-text-status-warning-9b45qh, #906806);
 }
-.awsui_warning_pcgz5_iefh8_225:not(#\9):hover::-moz-range-thumb {
+.awsui_warning_pcgz5_152qb_225:not(#\9):hover::-moz-range-thumb {
   background-color: var(--color-text-status-warning-9b45qh, #906806);
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-usftmh, #ffffff), 0 0 0 4px var(--color-text-status-warning-9b45qh, #906806);
 }
-.awsui_warning_pcgz5_iefh8_225:not(#\9):focus::-webkit-slider-thumb, .awsui_warning_pcgz5_iefh8_225:not(#\9):active::-webkit-slider-thumb {
+.awsui_warning_pcgz5_152qb_225:not(#\9):focus::-webkit-slider-thumb, .awsui_warning_pcgz5_152qb_225:not(#\9):active::-webkit-slider-thumb {
   background-color: var(--color-background-slider-warning-pressed-78uc9o, #906806);
   border-block-width: 2px;
   border-inline-width: 2px;
   border-color: var(--color-background-slider-warning-pressed-78uc9o, #906806);
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-usftmh, #ffffff), 0 0 0 4px var(--color-background-slider-warning-pressed-78uc9o, #906806);
 }
-.awsui_warning_pcgz5_iefh8_225:not(#\9):focus::-moz-range-thumb, .awsui_warning_pcgz5_iefh8_225:not(#\9):active::-moz-range-thumb {
+.awsui_warning_pcgz5_152qb_225:not(#\9):focus::-moz-range-thumb, .awsui_warning_pcgz5_152qb_225:not(#\9):active::-moz-range-thumb {
   background-color: var(--color-background-slider-warning-pressed-78uc9o, #906806);
   border-block-width: 2px;
   border-inline-width: 2px;
@@ -520,9 +520,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-usftmh, #ffffff), 0 0 0 4px var(--color-background-slider-warning-pressed-78uc9o, #906806);
 }
 
-.awsui_disabled_pcgz5_iefh8_209:not(#\9)::-webkit-slider-thumb,
-.awsui_disabled_pcgz5_iefh8_209:not(#\9):hover::-webkit-slider-thumb,
-.awsui_disabled_pcgz5_iefh8_209:not(#\9):active::-webkit-slider-thumb {
+.awsui_disabled_pcgz5_152qb_209:not(#\9)::-webkit-slider-thumb,
+.awsui_disabled_pcgz5_152qb_209:not(#\9):hover::-webkit-slider-thumb,
+.awsui_disabled_pcgz5_152qb_209:not(#\9):active::-webkit-slider-thumb {
   block-size: var(--space-m-n2lypl, 16px);
   inline-size: var(--space-m-n2lypl, 16px);
   background-color: var(--color-background-control-disabled-2ixett, #d5dbdb);
@@ -530,9 +530,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-shadow: none;
   pointer-events: none;
 }
-.awsui_disabled_pcgz5_iefh8_209:not(#\9)::-moz-range-thumb,
-.awsui_disabled_pcgz5_iefh8_209:not(#\9):hover::-moz-range-thumb,
-.awsui_disabled_pcgz5_iefh8_209:not(#\9):active::-moz-range-thumb {
+.awsui_disabled_pcgz5_152qb_209:not(#\9)::-moz-range-thumb,
+.awsui_disabled_pcgz5_152qb_209:not(#\9):hover::-moz-range-thumb,
+.awsui_disabled_pcgz5_152qb_209:not(#\9):active::-moz-range-thumb {
   block-size: var(--space-m-n2lypl, 16px);
   inline-size: var(--space-m-n2lypl, 16px);
   background-color: var(--color-background-control-disabled-2ixett, #d5dbdb);
@@ -541,9 +541,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: none;
 }
 
-.awsui_readonly_pcgz5_iefh8_213:not(#\9):not(.awsui_disabled_pcgz5_iefh8_209)::-webkit-slider-thumb,
-.awsui_readonly_pcgz5_iefh8_213:not(#\9):not(.awsui_disabled_pcgz5_iefh8_209):hover::-webkit-slider-thumb,
-.awsui_readonly_pcgz5_iefh8_213:not(#\9):not(.awsui_disabled_pcgz5_iefh8_209):active::-webkit-slider-thumb {
+.awsui_readonly_pcgz5_152qb_213:not(#\9):not(.awsui_disabled_pcgz5_152qb_209)::-webkit-slider-thumb,
+.awsui_readonly_pcgz5_152qb_213:not(#\9):not(.awsui_disabled_pcgz5_152qb_209):hover::-webkit-slider-thumb,
+.awsui_readonly_pcgz5_152qb_213:not(#\9):not(.awsui_disabled_pcgz5_152qb_209):active::-webkit-slider-thumb {
   block-size: var(--space-s-4a5hs8, 12px);
   inline-size: var(--space-s-4a5hs8, 12px);
   background-color: var(--color-foreground-control-read-only-cgy3yn, #687078);
@@ -552,9 +552,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: none;
   cursor: initial;
 }
-.awsui_readonly_pcgz5_iefh8_213:not(#\9):not(.awsui_disabled_pcgz5_iefh8_209)::-moz-range-thumb,
-.awsui_readonly_pcgz5_iefh8_213:not(#\9):not(.awsui_disabled_pcgz5_iefh8_209):hover::-moz-range-thumb,
-.awsui_readonly_pcgz5_iefh8_213:not(#\9):not(.awsui_disabled_pcgz5_iefh8_209):active::-moz-range-thumb {
+.awsui_readonly_pcgz5_152qb_213:not(#\9):not(.awsui_disabled_pcgz5_152qb_209)::-moz-range-thumb,
+.awsui_readonly_pcgz5_152qb_213:not(#\9):not(.awsui_disabled_pcgz5_152qb_209):hover::-moz-range-thumb,
+.awsui_readonly_pcgz5_152qb_213:not(#\9):not(.awsui_disabled_pcgz5_152qb_209):active::-moz-range-thumb {
   block-size: var(--space-s-4a5hs8, 12px);
   inline-size: var(--space-s-4a5hs8, 12px);
   background-color: var(--color-foreground-control-read-only-cgy3yn, #687078);

package/lib/internal/template/slider/styles.selectors.js

@@ -2,31 +2,31 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_pcgz5_iefh8_153",
-  "slider": "awsui_slider_pcgz5_iefh8_190",
-  "slider-track": "awsui_slider-track_pcgz5_iefh8_194",
-  "slider-range": "awsui_slider-range_pcgz5_iefh8_194",
-  "disabled": "awsui_disabled_pcgz5_iefh8_209",
-  "readonly": "awsui_readonly_pcgz5_iefh8_213",
-  "error": "awsui_error_pcgz5_iefh8_222",
-  "warning": "awsui_warning_pcgz5_iefh8_225",
-  "active": "awsui_active_pcgz5_iefh8_228",
-  "error-active": "awsui_error-active_pcgz5_iefh8_231",
-  "warning-active": "awsui_warning-active_pcgz5_iefh8_234",
-  "labels": "awsui_labels_pcgz5_iefh8_245",
-  "labels-noref": "awsui_labels-noref_pcgz5_iefh8_251",
-  "labels-reference": "awsui_labels-reference_pcgz5_iefh8_254",
-  "labels-min": "awsui_labels-min_pcgz5_iefh8_261",
-  "labels-max": "awsui_labels-max_pcgz5_iefh8_267",
-  "labels-aria-description": "awsui_labels-aria-description_pcgz5_iefh8_275",
-  "ticks": "awsui_ticks_pcgz5_iefh8_293",
-  "ticks-wrapper": "awsui_ticks-wrapper_pcgz5_iefh8_299",
-  "tick": "awsui_tick_pcgz5_iefh8_293",
-  "middle": "awsui_middle_pcgz5_iefh8_314",
-  "filled": "awsui_filled_pcgz5_iefh8_317",
-  "tooltip-thumb": "awsui_tooltip-thumb_pcgz5_iefh8_345",
-  "thumb": "awsui_thumb_pcgz5_iefh8_358",
-  "min": "awsui_min_pcgz5_iefh8_394",
-  "max": "awsui_max_pcgz5_iefh8_397"
+  "root": "awsui_root_pcgz5_152qb_153",
+  "slider": "awsui_slider_pcgz5_152qb_190",
+  "slider-track": "awsui_slider-track_pcgz5_152qb_194",
+  "slider-range": "awsui_slider-range_pcgz5_152qb_194",
+  "disabled": "awsui_disabled_pcgz5_152qb_209",
+  "readonly": "awsui_readonly_pcgz5_152qb_213",
+  "error": "awsui_error_pcgz5_152qb_222",
+  "warning": "awsui_warning_pcgz5_152qb_225",
+  "active": "awsui_active_pcgz5_152qb_228",
+  "error-active": "awsui_error-active_pcgz5_152qb_231",
+  "warning-active": "awsui_warning-active_pcgz5_152qb_234",
+  "labels": "awsui_labels_pcgz5_152qb_245",
+  "labels-noref": "awsui_labels-noref_pcgz5_152qb_251",
+  "labels-reference": "awsui_labels-reference_pcgz5_152qb_254",
+  "labels-min": "awsui_labels-min_pcgz5_152qb_261",
+  "labels-max": "awsui_labels-max_pcgz5_152qb_267",
+  "labels-aria-description": "awsui_labels-aria-description_pcgz5_152qb_275",
+  "ticks": "awsui_ticks_pcgz5_152qb_293",
+  "ticks-wrapper": "awsui_ticks-wrapper_pcgz5_152qb_299",
+  "tick": "awsui_tick_pcgz5_152qb_293",
+  "middle": "awsui_middle_pcgz5_152qb_314",
+  "filled": "awsui_filled_pcgz5_152qb_317",
+  "tooltip-thumb": "awsui_tooltip-thumb_pcgz5_152qb_345",
+  "thumb": "awsui_thumb_pcgz5_152qb_358",
+  "min": "awsui_min_pcgz5_152qb_394",
+  "max": "awsui_max_pcgz5_152qb_397"
 };
   

package/lib/internal/template/slider/tick-marks.js

@@ -32,10 +32,10 @@ function TickMark(props) {
 export default function SliderTickMarks(props) {
     const { min, max, step } = props;
     return (React.createElement("div", { className: styles['ticks-wrapper'] },
-        React.createElement(TickMark, Object.assign({}, props, { type: "min" })),
+        React.createElement(TickMark, { ...props, type: "min" }),
         React.createElement("div", { className: styles.ticks, style: {
                 [customCssProps.sliderTickCount]: Math.round((max - min) / step),
-            } }, getStepArray(step, [min, max]).map((step, index) => (React.createElement(TickMark, Object.assign({}, props, { type: "step", step: step, key: `step-${index}` }))))),
-        React.createElement(TickMark, Object.assign({}, props, { type: "max" }))));
+            } }, getStepArray(step, [min, max]).map((step, index) => (React.createElement(TickMark, { ...props, type: "step", step: step, key: `step-${index}` })))),
+        React.createElement(TickMark, { ...props, type: "max" })));
 }
 //# sourceMappingURL=tick-marks.js.map

package/lib/internal/template/slider/tick-marks.js.map

@@ -1 +1 @@
-{"version":3,"file":"tick-marks.js","sourceRoot":"","sources":["../../../src/slider/tick-marks.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 customCssProps from '../internal/generated/custom-css-properties/index.js';\nimport { getStepArray } from './utils.js';\n\nimport styles from './styles.css.js';\n\ninterface SliderTicksProps {\n  hideFillLine?: boolean;\n  value: number;\n  isActive: boolean;\n  invalid?: boolean;\n  warning?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  min: number;\n  max: number;\n  step: number;\n}\n\ninterface SliderTickMarkProps extends SliderTicksProps {\n  type: 'min' | 'max' | 'step';\n}\n\nfunction TickMark(props: SliderTickMarkProps) {\n  const { hideFillLine, value, isActive, invalid, warning, disabled, type, min, max, step, readOnly } = props;\n\n  const showWarning = warning && !invalid;\n\n  const getType = () => {\n    if (type === 'min') {\n      return min;\n    }\n    if (type === 'max') {\n      return max;\n    }\n    return step;\n  };\n\n  return (\n    <div\n      className={clsx(styles.tick, {\n        [styles.filled]: !hideFillLine && value > getType(),\n        [styles.active]: !hideFillLine && isActive && value > getType(),\n        [styles.error]: invalid && !hideFillLine && value > getType(),\n        [styles.warning]: showWarning && !hideFillLine && value > getType(),\n        [styles['error-active']]: invalid && isActive && !hideFillLine && value > getType(),\n        [styles['warning-active']]: showWarning && isActive && !hideFillLine && value > getType(),\n        [styles.disabled]: disabled,\n        [styles.readonly]: readOnly,\n        [styles.middle]: type === 'step',\n      })}\n    />\n  );\n}\n\nexport default function SliderTickMarks(props: SliderTicksProps) {\n  const { min, max, step } = props;\n\n  return (\n    <div className={styles['ticks-wrapper']}>\n      <TickMark {...props} type=\"min\" />\n      <div\n        className={styles.ticks}\n        style={{\n          [customCssProps.sliderTickCount]: Math.round((max - min) / step),\n        }}\n      >\n        {getStepArray(step, [min, max]).map((step, index) => (\n          <TickMark {...props} type=\"step\" step={step} key={`step-${index}`} />\n        ))}\n      </div>\n      <TickMark {...props} type=\"max\" />\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"tick-marks.js","sourceRoot":"","sources":["../../../src/slider/tick-marks.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 customCssProps from '../internal/generated/custom-css-properties/index.js';\nimport { getStepArray } from './utils.js';\n\nimport styles from './styles.css.js';\n\ninterface SliderTicksProps {\n  hideFillLine?: boolean;\n  value: number;\n  isActive: boolean;\n  invalid?: boolean;\n  warning?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  min: number;\n  max: number;\n  step: number;\n}\n\ninterface SliderTickMarkProps extends SliderTicksProps {\n  type: 'min' | 'max' | 'step';\n}\n\nfunction TickMark(props: SliderTickMarkProps) {\n  const { hideFillLine, value, isActive, invalid, warning, disabled, type, min, max, step, readOnly } = props;\n\n  const showWarning = warning && !invalid;\n\n  const getType = () => {\n    if (type === 'min') {\n      return min;\n    }\n    if (type === 'max') {\n      return max;\n    }\n    return step;\n  };\n\n  return (\n    <div\n      className={clsx(styles.tick, {\n        [styles.filled]: !hideFillLine && value > getType(),\n        [styles.active]: !hideFillLine && isActive && value > getType(),\n        [styles.error]: invalid && !hideFillLine && value > getType(),\n        [styles.warning]: showWarning && !hideFillLine && value > getType(),\n        [styles['error-active']]: invalid && isActive && !hideFillLine && value > getType(),\n        [styles['warning-active']]: showWarning && isActive && !hideFillLine && value > getType(),\n        [styles.disabled]: disabled,\n        [styles.readonly]: readOnly,\n        [styles.middle]: type === 'step',\n      })}\n    />\n  );\n}\n\nexport default function SliderTickMarks(props: SliderTicksProps) {\n  const { min, max, step } = props;\n\n  return (\n    <div className={styles['ticks-wrapper']}>\n      <TickMark {...props} type=\"min\" />\n      <div\n        className={styles.ticks}\n        style={{\n          [customCssProps.sliderTickCount]: Math.round((max - min) / step),\n        }}\n      >\n        {getStepArray(step, [min, max]).map((step, index) => (\n          <TickMark {...props} type=\"step\" step={step} key={`step-${index}`} />\n        ))}\n      </div>\n      <TickMark {...props} type=\"max\" />\n    </div>\n  );\n}\n"]}

package/lib/internal/template/space-between/index.js

@@ -1,17 +1,15 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 'use client';
-import { __rest } from "tslib";
 import React from 'react';
 import useBaseComponent from '../internal/hooks/use-base-component';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
 import InternalSpaceBetween from './internal';
-export default function SpaceBetween(_a) {
-    var { direction = 'vertical' } = _a, props = __rest(_a, ["direction"]);
+export default function SpaceBetween({ direction = 'vertical', ...props }) {
     const baseComponentProps = useBaseComponent('SpaceBetween', {
         props: { alignItems: props.alignItems, direction, size: props.size },
     });
-    return React.createElement(InternalSpaceBetween, Object.assign({ direction: direction }, props, baseComponentProps));
+    return React.createElement(InternalSpaceBetween, { direction: direction, ...props, ...baseComponentProps });
 }
 applyDisplayName(SpaceBetween, 'SpaceBetween');
 //# sourceMappingURL=index.js.map

package/lib/internal/template/space-between/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/space-between/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,oBAAoB,MAAM,YAAY,CAAC;AAI9C,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAuD;QAAvD,EAAE,SAAS,GAAG,UAAU,OAA+B,EAA1B,KAAK,cAAlC,aAAoC,CAAF;IACrE,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,cAAc,EAAE;QAC1D,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE;KACrE,CAAC,CAAC;IACH,OAAO,oBAAC,oBAAoB,kBAAC,SAAS,EAAE,SAAS,IAAM,KAAK,EAAM,kBAAkB,EAAI,CAAC;AAC3F,CAAC;AAED,gBAAgB,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { SpaceBetweenProps } from './interfaces';\nimport InternalSpaceBetween from './internal';\n\nexport { SpaceBetweenProps };\n\nexport default function SpaceBetween({ direction = 'vertical', ...props }: SpaceBetweenProps) {\n  const baseComponentProps = useBaseComponent('SpaceBetween', {\n    props: { alignItems: props.alignItems, direction, size: props.size },\n  });\n  return <InternalSpaceBetween direction={direction} {...props} {...baseComponentProps} />;\n}\n\napplyDisplayName(SpaceBetween, 'SpaceBetween');\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/space-between/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,oBAAoB,MAAM,YAAY,CAAC;AAI9C,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,SAAS,GAAG,UAAU,EAAE,GAAG,KAAK,EAAqB;IAC1F,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,cAAc,EAAE;QAC1D,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE;KACrE,CAAC,CAAC;IACH,OAAO,oBAAC,oBAAoB,IAAC,SAAS,EAAE,SAAS,KAAM,KAAK,KAAM,kBAAkB,GAAI,CAAC;AAC3F,CAAC;AAED,gBAAgB,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { SpaceBetweenProps } from './interfaces';\nimport InternalSpaceBetween from './internal';\n\nexport { SpaceBetweenProps };\n\nexport default function SpaceBetween({ direction = 'vertical', ...props }: SpaceBetweenProps) {\n  const baseComponentProps = useBaseComponent('SpaceBetween', {\n    props: { alignItems: props.alignItems, direction, size: props.size },\n  });\n  return <InternalSpaceBetween direction={direction} {...props} {...baseComponentProps} />;\n}\n\napplyDisplayName(SpaceBetween, 'SpaceBetween');\n"]}

package/lib/internal/template/space-between/internal.js

@@ -1,4 +1,3 @@
-import { __rest } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import React, { forwardRef } from 'react';
@@ -8,15 +7,14 @@ import { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';
 import { getBaseProps } from '../internal/base-component';
 import WithNativeAttributes from '../internal/utils/with-native-attributes';
 import styles from './styles.css.js';
-const InternalSpaceBetween = forwardRef((_a, ref) => {
-    var { direction = 'vertical', size, children, alignItems, nativeAttributes, __internalRootRef } = _a, props = __rest(_a, ["direction", "size", "children", "alignItems", "nativeAttributes", "__internalRootRef"]);
+const InternalSpaceBetween = forwardRef(({ direction = 'vertical', size, children, alignItems, nativeAttributes, __internalRootRef, ...props }, ref) => {
     const mergedRef = useMergeRefs(ref, __internalRootRef);
     const baseProps = getBaseProps(props);
     /*
    Flattening the children allows us to "see through" React Fragments and nested arrays.
    */
     const flattenedChildren = flattenChildren(children);
-    return (React.createElement(WithNativeAttributes, Object.assign({}, baseProps, { tag: "div", componentName: "SpaceBetween", nativeAttributes: nativeAttributes, className: clsx(baseProps.className, styles.root, styles[direction], styles[`${direction}-${size}`], alignItems && styles[`align-${alignItems}`]), ref: mergedRef }), flattenedChildren.map(child => {
+    return (React.createElement(WithNativeAttributes, { ...baseProps, tag: "div", componentName: "SpaceBetween", nativeAttributes: nativeAttributes, className: clsx(baseProps.className, styles.root, styles[direction], styles[`${direction}-${size}`], alignItems && styles[`align-${alignItems}`]), ref: mergedRef }, flattenedChildren.map(child => {
         const key = typeof child === 'object' ? child.key : undefined;
         return (React.createElement("div", { key: key, className: styles.child }, child));
     })));

package/lib/internal/template/space-between/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/space-between/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,+CAA+C,CAAC;AAE7E,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,oBAAoB,MAAM,0CAA0C,CAAC;AAG5E,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,oBAAoB,GAAG,UAAU,CACrC,CACE,EAQ4B,EAC5B,GAA8B,EAC9B,EAAE;QAVF,EACE,SAAS,GAAG,UAAU,EACtB,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,iBAAiB,OAES,EADvB,KAAK,cAPV,wFAQC,CADS;IAIV,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,iBAAiB,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAEtC;;KAEC;IACD,MAAM,iBAAiB,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IAEpD,OAAO,CACL,oBAAC,oBAAoB,oBACf,SAAS,IACb,GAAG,EAAC,KAAK,EACT,aAAa,EAAC,cAAc,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,IAAI,CACb,SAAS,CAAC,SAAS,EACnB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,SAAS,CAAC,EACjB,MAAM,CAAC,GAAG,SAAS,IAAI,IAAI,EAAE,CAAC,EAC9B,UAAU,IAAI,MAAM,CAAC,SAAS,UAAU,EAAE,CAAC,CAC5C,EACD,GAAG,EAAE,SAAS,KAEb,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;QAC7B,MAAM,GAAG,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;QAE9D,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,IACnC,KAAK,CACF,CACP,CAAC;IACJ,CAAC,CAAC,CACmB,CACxB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { forwardRef } from 'react';\nimport flattenChildren from 'react-keyed-flatten-children';\nimport clsx from 'clsx';\n\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport { SpaceBetweenProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\ntype InternalSpaceBetweenProps = SpaceBetweenProps & InternalBaseComponentProps;\n\nconst InternalSpaceBetween = forwardRef(\n  (\n    {\n      direction = 'vertical',\n      size,\n      children,\n      alignItems,\n      nativeAttributes,\n      __internalRootRef,\n      ...props\n    }: InternalSpaceBetweenProps,\n    ref: React.Ref<HTMLDivElement>\n  ) => {\n    const mergedRef = useMergeRefs(ref, __internalRootRef);\n    const baseProps = getBaseProps(props);\n\n    /*\n   Flattening the children allows us to \"see through\" React Fragments and nested arrays.\n   */\n    const flattenedChildren = flattenChildren(children);\n\n    return (\n      <WithNativeAttributes\n        {...baseProps}\n        tag=\"div\"\n        componentName=\"SpaceBetween\"\n        nativeAttributes={nativeAttributes}\n        className={clsx(\n          baseProps.className,\n          styles.root,\n          styles[direction],\n          styles[`${direction}-${size}`],\n          alignItems && styles[`align-${alignItems}`]\n        )}\n        ref={mergedRef}\n      >\n        {flattenedChildren.map(child => {\n          const key = typeof child === 'object' ? child.key : undefined;\n\n          return (\n            <div key={key} className={styles.child}>\n              {child}\n            </div>\n          );\n        })}\n      </WithNativeAttributes>\n    );\n  }\n);\n\nexport default InternalSpaceBetween;\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/space-between/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,+CAA+C,CAAC;AAE7E,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,oBAAoB,MAAM,0CAA0C,CAAC;AAG5E,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,oBAAoB,GAAG,UAAU,CACrC,CACE,EACE,SAAS,GAAG,UAAU,EACtB,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,GAAG,KAAK,EACkB,EAC5B,GAA8B,EAC9B,EAAE;IACF,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,iBAAiB,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAEtC;;KAEC;IACD,MAAM,iBAAiB,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IAEpD,OAAO,CACL,oBAAC,oBAAoB,OACf,SAAS,EACb,GAAG,EAAC,KAAK,EACT,aAAa,EAAC,cAAc,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,IAAI,CACb,SAAS,CAAC,SAAS,EACnB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,SAAS,CAAC,EACjB,MAAM,CAAC,GAAG,SAAS,IAAI,IAAI,EAAE,CAAC,EAC9B,UAAU,IAAI,MAAM,CAAC,SAAS,UAAU,EAAE,CAAC,CAC5C,EACD,GAAG,EAAE,SAAS,IAEb,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;QAC7B,MAAM,GAAG,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;QAE9D,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,IACnC,KAAK,CACF,CACP,CAAC;IACJ,CAAC,CAAC,CACmB,CACxB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { forwardRef } from 'react';\nimport flattenChildren from 'react-keyed-flatten-children';\nimport clsx from 'clsx';\n\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport { SpaceBetweenProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\ntype InternalSpaceBetweenProps = SpaceBetweenProps & InternalBaseComponentProps;\n\nconst InternalSpaceBetween = forwardRef(\n  (\n    {\n      direction = 'vertical',\n      size,\n      children,\n      alignItems,\n      nativeAttributes,\n      __internalRootRef,\n      ...props\n    }: InternalSpaceBetweenProps,\n    ref: React.Ref<HTMLDivElement>\n  ) => {\n    const mergedRef = useMergeRefs(ref, __internalRootRef);\n    const baseProps = getBaseProps(props);\n\n    /*\n   Flattening the children allows us to \"see through\" React Fragments and nested arrays.\n   */\n    const flattenedChildren = flattenChildren(children);\n\n    return (\n      <WithNativeAttributes\n        {...baseProps}\n        tag=\"div\"\n        componentName=\"SpaceBetween\"\n        nativeAttributes={nativeAttributes}\n        className={clsx(\n          baseProps.className,\n          styles.root,\n          styles[direction],\n          styles[`${direction}-${size}`],\n          alignItems && styles[`align-${alignItems}`]\n        )}\n        ref={mergedRef}\n      >\n        {flattenedChildren.map(child => {\n          const key = typeof child === 'object' ? child.key : undefined;\n\n          return (\n            <div key={key} className={styles.child}>\n              {child}\n            </div>\n          );\n        })}\n      </WithNativeAttributes>\n    );\n  }\n);\n\nexport default InternalSpaceBetween;\n"]}