npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1181 → 3.0.1183 - Mend

@cloudscape-design/components-themeable 3.0.1181 → 3.0.1183

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (190) hide show

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

@@ -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_1wu7s_153:not(#\9) {
+.awsui_root_pcgz5_1q9xn_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_1wu7s_190:not(#\9) {
+.awsui_slider_pcgz5_1q9xn_190:not(#\9) {
   display: flex;
   align-items: center;
 }
-.awsui_slider-track_pcgz5_1wu7s_194:not(#\9), .awsui_slider-range_pcgz5_1wu7s_194:not(#\9) {
+.awsui_slider-track_pcgz5_1q9xn_194:not(#\9), .awsui_slider-range_pcgz5_1q9xn_194:not(#\9) {
   position: absolute;
   border-start-start-radius: 3px;
   border-start-end-radius: 3px;
@@ -200,162 +200,162 @@ 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_1wu7s_194:not(#\9) {
-  background-color: var(--color-background-slider-track-mspgfu, #879596);
+.awsui_slider-track_pcgz5_1q9xn_194:not(#\9) {
+  background-color: var(--awsui-style-slider-track-background-color-4hh3rt, var(--color-background-slider-track-default-cos148, #879596));
   inline-size: calc(100% + var(--space-m-n2lypl, 16px));
   block-size: 2px;
   cursor: pointer;
 }
-.awsui_slider-track_pcgz5_1wu7s_194.awsui_disabled_pcgz5_1wu7s_209:not(#\9) {
+.awsui_slider-track_pcgz5_1q9xn_194.awsui_disabled_pcgz5_1q9xn_209:not(#\9) {
   cursor: default;
-  background-color: var(--color-background-control-disabled-2ixett, #d5dbdb);
+  background-color: var(--awsui-style-slider-track-background-color-4hh3rt, var(--color-background-control-disabled-2ixett, #d5dbdb));
 }
-.awsui_slider-track_pcgz5_1wu7s_194.awsui_readonly_pcgz5_1wu7s_213:not(#\9):not(.awsui_slider-track_pcgz5_1wu7s_194.awsui_disabled_pcgz5_1wu7s_209) {
+.awsui_slider-track_pcgz5_1q9xn_194.awsui_readonly_pcgz5_1q9xn_213:not(#\9):not(.awsui_slider-track_pcgz5_1q9xn_194.awsui_disabled_pcgz5_1q9xn_209) {
   cursor: default;
-  background-color: var(--color-background-control-disabled-2ixett, #d5dbdb);
+  background-color: var(--awsui-style-slider-track-background-color-4hh3rt, var(--color-background-control-disabled-2ixett, #d5dbdb));
 }
-.awsui_slider-range_pcgz5_1wu7s_194:not(#\9) {
-  background-color: var(--color-background-slider-handle-default-pb538l, #0073bb);
+.awsui_slider-range_pcgz5_1q9xn_194:not(#\9) {
+  background-color: var(--awsui-style-slider-range-background-default-4hh3rt, var(--color-background-slider-range-default-ckhqiz, #0073bb));
   block-size: 4px;
-  inline-size: calc(var(--awsui-slider-range-inline-size-rhu47t) + var(--space-m-n2lypl, 16px));
+  inline-size: calc(var(--awsui-slider-range-inline-size-4hh3rt) + var(--space-m-n2lypl, 16px));
 }
-.awsui_slider-range_pcgz5_1wu7s_194.awsui_error_pcgz5_1wu7s_222:not(#\9) {
-  background-color: var(--color-text-status-error-aknuvu, #d13212);
+.awsui_slider-range_pcgz5_1q9xn_194.awsui_error_pcgz5_1q9xn_222:not(#\9) {
+  background-color: var(--awsui-style-slider-range-background-default-4hh3rt, var(--color-text-status-error-aknuvu, #d13212));
 }
-.awsui_slider-range_pcgz5_1wu7s_194.awsui_warning_pcgz5_1wu7s_225:not(#\9) {
-  background-color: var(--color-text-status-warning-9b45qh, #906806);
+.awsui_slider-range_pcgz5_1q9xn_194.awsui_warning_pcgz5_1q9xn_225:not(#\9) {
+  background-color: var(--awsui-style-slider-range-background-default-4hh3rt, var(--color-text-status-warning-9b45qh, #906806));
 }
-.awsui_slider-range_pcgz5_1wu7s_194.awsui_active_pcgz5_1wu7s_228:not(#\9) {
-  background-color: var(--color-background-slider-handle-active-9ejayt, #0a4a74);
+.awsui_slider-range_pcgz5_1q9xn_194.awsui_active_pcgz5_1q9xn_228:not(#\9) {
+  background-color: var(--awsui-style-slider-range-background-active-4hh3rt, var(--color-background-slider-range-active-n1ml5a, #0a4a74));
 }
-.awsui_slider-range_pcgz5_1wu7s_194.awsui_error-active_pcgz5_1wu7s_231:not(#\9) {
-  background-color: var(--color-background-slider-error-pressed-hjdtxr, #700000);
+.awsui_slider-range_pcgz5_1q9xn_194.awsui_error-active_pcgz5_1q9xn_231:not(#\9) {
+  background-color: var(--awsui-style-slider-range-background-active-4hh3rt, var(--color-background-slider-error-pressed-hjdtxr, #700000));
 }
-.awsui_slider-range_pcgz5_1wu7s_194.awsui_warning-active_pcgz5_1wu7s_234:not(#\9) {
-  background-color: var(--color-background-slider-warning-pressed-78uc9o, #906806);
+.awsui_slider-range_pcgz5_1q9xn_194.awsui_warning-active_pcgz5_1q9xn_234:not(#\9) {
+  background-color: var(--awsui-style-slider-range-background-active-4hh3rt, var(--color-background-slider-warning-pressed-78uc9o, #906806));
 }
-.awsui_slider-range_pcgz5_1wu7s_194.awsui_disabled_pcgz5_1wu7s_209:not(#\9) {
-  background-color: var(--color-background-control-disabled-2ixett, #d5dbdb);
+.awsui_slider-range_pcgz5_1q9xn_194.awsui_disabled_pcgz5_1q9xn_209:not(#\9) {
+  background-color: var(--awsui-style-slider-range-background-default-4hh3rt, var(--color-background-control-disabled-2ixett, #d5dbdb));
 }
-.awsui_slider-range_pcgz5_1wu7s_194.awsui_readonly_pcgz5_1wu7s_213:not(#\9):not(.awsui_slider-range_pcgz5_1wu7s_194.awsui_disabled_pcgz5_1wu7s_209) {
-  inline-size: calc(var(--awsui-slider-range-inline-size-rhu47t) + var(--space-s-4a5hs8, 12px));
-  background-color: var(--color-foreground-control-read-only-cgy3yn, #687078);
+.awsui_slider-range_pcgz5_1q9xn_194.awsui_readonly_pcgz5_1q9xn_213:not(#\9):not(.awsui_slider-range_pcgz5_1q9xn_194.awsui_disabled_pcgz5_1q9xn_209) {
+  inline-size: calc(var(--awsui-slider-range-inline-size-4hh3rt) + var(--space-s-4a5hs8, 12px));
+  background-color: var(--awsui-style-slider-range-background-default-4hh3rt, var(--color-foreground-control-read-only-cgy3yn, #687078));
 }
-.awsui_labels_pcgz5_1wu7s_245:not(#\9) {
+.awsui_labels_pcgz5_1q9xn_245:not(#\9) {
   display: grid;
-  grid-template-columns: 3fr repeat(calc((var(--awsui-slider-label-count-rhu47t) - 2) / 2 + (var(--awsui-slider-label-count-rhu47t) - 2) / 2 - 1), 2fr) 3fr;
+  grid-template-columns: 3fr repeat(calc((var(--awsui-slider-label-count-4hh3rt) - 2) / 2 + (var(--awsui-slider-label-count-4hh3rt) - 2) / 2 - 1), 2fr) 3fr;
   grid-auto-rows: 100%;
   padding-block-start: var(--space-m-n2lypl, 16px);
 }
-.awsui_labels-noref_pcgz5_1wu7s_251:not(#\9) {
+.awsui_labels-noref_pcgz5_1q9xn_251:not(#\9) {
   grid-template-columns: 1fr 1fr;
 }
-.awsui_labels-reference_pcgz5_1wu7s_254:not(#\9) {
-  grid-column-start: var(--awsui-slider-reference-column-rhu47t);
-  grid-column-end: var(--awsui-slider-next-reference-column-rhu47t);
+.awsui_labels-reference_pcgz5_1q9xn_254:not(#\9) {
+  grid-column-start: var(--awsui-slider-reference-column-4hh3rt);
+  grid-column-end: var(--awsui-slider-next-reference-column-4hh3rt);
   grid-row: 1;
   justify-self: center;
   text-align: center;
 }
-.awsui_labels-min_pcgz5_1wu7s_261:not(#\9) {
+.awsui_labels-min_pcgz5_1q9xn_261:not(#\9) {
   grid-column: 1;
   grid-row: 1;
-  grid-column-end: var(--awsui-slider-min-end-rhu47t);
+  grid-column-end: var(--awsui-slider-min-end-4hh3rt);
   margin-inline-start: calc(var(--space-m-n2lypl, 16px) / -2);
 }
-.awsui_labels-max_pcgz5_1wu7s_267:not(#\9) {
+.awsui_labels-max_pcgz5_1q9xn_267:not(#\9) {
   text-align: end;
   justify-content: flex-end;
   grid-row: 1;
-  grid-column-end: calc(var(--awsui-slider-label-count-rhu47t) + 1);
-  grid-column-start: var(--awsui-slider-max-start-rhu47t);
+  grid-column-end: calc(var(--awsui-slider-label-count-4hh3rt) + 1);
+  grid-column-start: var(--awsui-slider-max-start-4hh3rt);
   margin-inline-end: calc(var(--space-m-n2lypl, 16px) / -2);
 }
-.awsui_labels-aria-description_pcgz5_1wu7s_275:not(#\9) {
+.awsui_labels-aria-description_pcgz5_1q9xn_275:not(#\9) {
   display: none;
 }
 @media (max-width: 576px) {
-  .awsui_labels_pcgz5_1wu7s_245:not(#\9) {
+  .awsui_labels_pcgz5_1q9xn_245:not(#\9) {
     grid-template-columns: 1fr 1fr;
   }
-  .awsui_labels-min_pcgz5_1wu7s_261:not(#\9) {
+  .awsui_labels-min_pcgz5_1q9xn_261:not(#\9) {
     grid-column: 1;
   }
-  .awsui_labels-max_pcgz5_1wu7s_267:not(#\9) {
+  .awsui_labels-max_pcgz5_1q9xn_267:not(#\9) {
     grid-column: 2;
   }
-  .awsui_labels_pcgz5_1wu7s_245 > .awsui_labels-reference_pcgz5_1wu7s_254:not(#\9) {
+  .awsui_labels_pcgz5_1q9xn_245 > .awsui_labels-reference_pcgz5_1q9xn_254:not(#\9) {
     display: none;
   }
 }
-.awsui_ticks_pcgz5_1wu7s_293:not(#\9) {
+.awsui_ticks_pcgz5_1q9xn_293:not(#\9) {
   display: grid;
-  grid-template-columns: repeat(var(--awsui-slider-tick-count-rhu47t), 1fr);
+  grid-template-columns: repeat(var(--awsui-slider-tick-count-4hh3rt), 1fr);
   inline-size: calc(100% - var(--space-m-n2lypl, 16px));
   margin-inline: calc(var(--space-m-n2lypl, 16px) / 2);
 }
-.awsui_ticks-wrapper_pcgz5_1wu7s_299:not(#\9) {
+.awsui_ticks-wrapper_pcgz5_1q9xn_299:not(#\9) {
   block-size: 0;
   display: flex;
   margin-inline: calc(var(--space-m-n2lypl, 16px) / -2);
 }
-.awsui_tick_pcgz5_1wu7s_293:not(#\9) {
+.awsui_tick_pcgz5_1q9xn_293:not(#\9) {
   grid-row: 1;
   block-size: var(--space-xs-kw7k3v, 8px);
   inline-size: var(--space-xxxs-3w1kr2, 2px);
   padding-inline: 0;
   padding-block: 0;
-  background: var(--color-background-slider-track-mspgfu, #879596);
+  background: var(--awsui-style-slider-track-background-color-4hh3rt, var(--color-background-slider-track-default-cos148, #879596));
   inset-block-start: -4px;
 }
-.awsui_tick_pcgz5_1wu7s_293.awsui_middle_pcgz5_1wu7s_314:not(#\9):first-child, .awsui_tick_pcgz5_1wu7s_293.awsui_middle_pcgz5_1wu7s_314:not(#\9):last-child {
+.awsui_tick_pcgz5_1q9xn_293.awsui_middle_pcgz5_1q9xn_314:not(#\9):first-child, .awsui_tick_pcgz5_1q9xn_293.awsui_middle_pcgz5_1q9xn_314:not(#\9):last-child {
   visibility: hidden;
 }
-.awsui_tick_pcgz5_1wu7s_293.awsui_filled_pcgz5_1wu7s_317:not(#\9) {
-  background: var(--color-background-slider-handle-default-pb538l, #0073bb);
+.awsui_tick_pcgz5_1q9xn_293.awsui_filled_pcgz5_1q9xn_317:not(#\9) {
+  background: var(--awsui-style-slider-range-background-default-4hh3rt, var(--color-background-slider-range-default-ckhqiz, #0073bb));
 }
-.awsui_tick_pcgz5_1wu7s_293.awsui_filled_pcgz5_1wu7s_317.awsui_readonly_pcgz5_1wu7s_213:not(#\9):not(.awsui_disabled_pcgz5_1wu7s_209) {
-  background: var(--color-foreground-control-read-only-cgy3yn, #687078);
+.awsui_tick_pcgz5_1q9xn_293.awsui_filled_pcgz5_1q9xn_317.awsui_readonly_pcgz5_1q9xn_213:not(#\9):not(.awsui_disabled_pcgz5_1q9xn_209) {
+  background: var(--awsui-style-slider-track-background-color-4hh3rt, var(--color-foreground-control-read-only-cgy3yn, #687078));
 }
-.awsui_tick_pcgz5_1wu7s_293.awsui_active_pcgz5_1wu7s_228:not(#\9) {
-  background: var(--color-background-slider-handle-active-9ejayt, #0a4a74);
+.awsui_tick_pcgz5_1q9xn_293.awsui_active_pcgz5_1q9xn_228:not(#\9) {
+  background: var(--awsui-style-slider-range-background-active-4hh3rt, var(--color-background-slider-range-active-n1ml5a, #0a4a74));
 }
-.awsui_tick_pcgz5_1wu7s_293.awsui_error_pcgz5_1wu7s_222:not(#\9) {
-  background: var(--color-text-status-error-aknuvu, #d13212);
+.awsui_tick_pcgz5_1q9xn_293.awsui_error_pcgz5_1q9xn_222:not(#\9) {
+  background: var(--awsui-style-slider-track-background-color-4hh3rt, var(--color-text-status-error-aknuvu, #d13212));
 }
-.awsui_tick_pcgz5_1wu7s_293.awsui_warning_pcgz5_1wu7s_225:not(#\9) {
-  background: var(--color-text-status-warning-9b45qh, #906806);
+.awsui_tick_pcgz5_1q9xn_293.awsui_warning_pcgz5_1q9xn_225:not(#\9) {
+  background: var(--awsui-style-slider-track-background-color-4hh3rt, var(--color-text-status-warning-9b45qh, #906806));
 }
-.awsui_tick_pcgz5_1wu7s_293.awsui_error-active_pcgz5_1wu7s_231:not(#\9) {
-  background-color: var(--color-background-slider-error-pressed-hjdtxr, #700000);
+.awsui_tick_pcgz5_1q9xn_293.awsui_error-active_pcgz5_1q9xn_231:not(#\9) {
+  background-color: var(--awsui-style-slider-range-background-active-4hh3rt, var(--color-background-slider-error-pressed-hjdtxr, #700000));
 }
-.awsui_tick_pcgz5_1wu7s_293.awsui_warning-active_pcgz5_1wu7s_234:not(#\9) {
-  background-color: var(--color-background-slider-warning-pressed-78uc9o, #906806);
+.awsui_tick_pcgz5_1q9xn_293.awsui_warning-active_pcgz5_1q9xn_234:not(#\9) {
+  background-color: var(--awsui-style-slider-range-background-active-4hh3rt, var(--color-background-slider-warning-pressed-78uc9o, #906806));
 }
-.awsui_tick_pcgz5_1wu7s_293.awsui_disabled_pcgz5_1wu7s_209:not(#\9) {
-  background: var(--color-background-control-disabled-2ixett, #d5dbdb);
+.awsui_tick_pcgz5_1q9xn_293.awsui_disabled_pcgz5_1q9xn_209:not(#\9) {
+  background: var(--awsui-style-slider-track-background-color-4hh3rt, var(--color-background-control-disabled-2ixett, #d5dbdb));
 }
-.awsui_tick_pcgz5_1wu7s_293.awsui_readonly_pcgz5_1wu7s_213:not(#\9) {
-  background: var(--color-background-control-disabled-2ixett, #d5dbdb);
+.awsui_tick_pcgz5_1q9xn_293.awsui_readonly_pcgz5_1q9xn_213:not(#\9) {
+  background: var(--awsui-style-slider-track-background-color-4hh3rt, var(--color-background-control-disabled-2ixett, #d5dbdb));
 }
-.awsui_tooltip-thumb_pcgz5_1wu7s_345:not(#\9) {
+.awsui_tooltip-thumb_pcgz5_1q9xn_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-rhu47t);
+  inset-inline-start: var(--awsui-slider-tooltip-position-4hh3rt);
 }
-.awsui_tooltip-thumb_pcgz5_1wu7s_345.awsui_readonly_pcgz5_1wu7s_213:not(#\9) {
+.awsui_tooltip-thumb_pcgz5_1q9xn_345.awsui_readonly_pcgz5_1q9xn_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_1wu7s_358:not(#\9) {
+.awsui_thumb_pcgz5_1q9xn_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_1wu7s_358.awsui_disabled_pcgz5_1wu7s_209:not(#\9) {
+.awsui_thumb_pcgz5_1q9xn_358.awsui_disabled_pcgz5_1q9xn_209:not(#\9) {
   cursor: default;
 }
-.awsui_thumb_pcgz5_1wu7s_358.awsui_readonly_pcgz5_1wu7s_213:not(#\9):not(.awsui_thumb_pcgz5_1wu7s_358.awsui_disabled_pcgz5_1wu7s_209) {
+.awsui_thumb_pcgz5_1q9xn_358.awsui_readonly_pcgz5_1q9xn_213:not(#\9):not(.awsui_thumb_pcgz5_1q9xn_358.awsui_disabled_pcgz5_1q9xn_209) {
   cursor: default;
 }
-.awsui_thumb_pcgz5_1wu7s_358.awsui_readonly_pcgz5_1wu7s_213:not(#\9):not(.awsui_thumb_pcgz5_1wu7s_358.awsui_disabled_pcgz5_1wu7s_209):focus::-webkit-slider-thumb, .awsui_thumb_pcgz5_1wu7s_358.awsui_readonly_pcgz5_1wu7s_213:not(#\9):not(.awsui_thumb_pcgz5_1wu7s_358.awsui_disabled_pcgz5_1wu7s_209):active::-webkit-slider-thumb {
+.awsui_thumb_pcgz5_1q9xn_358.awsui_readonly_pcgz5_1q9xn_213:not(#\9):not(.awsui_thumb_pcgz5_1q9xn_358.awsui_disabled_pcgz5_1q9xn_209):focus::-webkit-slider-thumb, .awsui_thumb_pcgz5_1q9xn_358.awsui_readonly_pcgz5_1q9xn_213:not(#\9):not(.awsui_thumb_pcgz5_1q9xn_358.awsui_disabled_pcgz5_1q9xn_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_1wu7s_358.awsui_readonly_pcgz5_1wu7s_213:not(#\9):not(.awsui_thumb_pcgz5_1wu7s_358.awsui_disabled_pcgz5_1wu7s_209):focus::-moz-range-thumb, .awsui_thumb_pcgz5_1wu7s_358.awsui_readonly_pcgz5_1wu7s_213:not(#\9):not(.awsui_thumb_pcgz5_1wu7s_358.awsui_disabled_pcgz5_1wu7s_209):active::-moz-range-thumb {
+.awsui_thumb_pcgz5_1q9xn_358.awsui_readonly_pcgz5_1q9xn_213:not(#\9):not(.awsui_thumb_pcgz5_1q9xn_358.awsui_disabled_pcgz5_1q9xn_209):focus::-moz-range-thumb, .awsui_thumb_pcgz5_1q9xn_358.awsui_readonly_pcgz5_1q9xn_213:not(#\9):not(.awsui_thumb_pcgz5_1q9xn_358.awsui_disabled_pcgz5_1q9xn_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,23 +391,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-block-width: 2px;
   border-inline-width: 2px;
 }
-.awsui_thumb_pcgz5_1wu7s_358.awsui_min_pcgz5_1wu7s_394:not(#\9) {
+.awsui_thumb_pcgz5_1q9xn_358.awsui_min_pcgz5_1q9xn_394:not(#\9) {
   margin-inline-start: calc(-1px + var(--space-m-n2lypl, 16px) / -2);
 }
-.awsui_thumb_pcgz5_1wu7s_358.awsui_max_pcgz5_1wu7s_397:not(#\9) {
+.awsui_thumb_pcgz5_1q9xn_358.awsui_max_pcgz5_1q9xn_397:not(#\9) {
   margin-inline-start: calc(1px + var(--space-m-n2lypl, 16px) / -2);
 }
-.awsui_thumb_pcgz5_1wu7s_358:not(#\9)::-webkit-slider-thumb {
+.awsui_thumb_pcgz5_1q9xn_358:not(#\9)::-webkit-slider-thumb {
   appearance: none;
   appearance: none;
-  background: var(--color-background-slider-handle-default-pb538l, #0073bb);
-  border-color: var(--color-background-slider-handle-default-pb538l, #0073bb);
+  background: var(--awsui-style-slider-handle-background-default-4hh3rt, var(--color-background-slider-handle-default-pb538l, #0073bb));
+  border-color: var(--awsui-style-slider-handle-background-default-4hh3rt, var(--color-background-slider-handle-default-pb538l, #0073bb));
   border-block-width: 2px;
   border-inline-width: 2px;
-  border-start-start-radius: 50%;
-  border-start-end-radius: 50%;
-  border-end-start-radius: 50%;
-  border-end-end-radius: 50%;
+  border-start-start-radius: var(--awsui-style-slider-handle-border-radius-4hh3rt, 50%);
+  border-start-end-radius: var(--awsui-style-slider-handle-border-radius-4hh3rt, 50%);
+  border-end-start-radius: var(--awsui-style-slider-handle-border-radius-4hh3rt, 50%);
+  border-end-end-radius: var(--awsui-style-slider-handle-border-radius-4hh3rt, 50%);
   box-shadow: none;
   cursor: pointer;
   block-size: var(--space-m-n2lypl, 16px);
@@ -415,17 +415,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: all;
   position: relative;
 }
-.awsui_thumb_pcgz5_1wu7s_358:not(#\9)::-moz-range-thumb {
+.awsui_thumb_pcgz5_1q9xn_358:not(#\9)::-moz-range-thumb {
   appearance: none;
   appearance: none;
-  background: var(--color-background-slider-handle-default-pb538l, #0073bb);
-  border-color: var(--color-background-slider-handle-default-pb538l, #0073bb);
+  background: var(--awsui-style-slider-handle-background-default-4hh3rt, var(--color-background-slider-handle-default-pb538l, #0073bb));
+  border-color: var(--awsui-style-slider-handle-background-default-4hh3rt, var(--color-background-slider-handle-default-pb538l, #0073bb));
   border-block-width: 2px;
   border-inline-width: 2px;
-  border-start-start-radius: 50%;
-  border-start-end-radius: 50%;
-  border-end-start-radius: 50%;
-  border-end-end-radius: 50%;
+  border-start-start-radius: var(--awsui-style-slider-handle-border-radius-4hh3rt, 50%);
+  border-start-end-radius: var(--awsui-style-slider-handle-border-radius-4hh3rt, 50%);
+  border-end-start-radius: var(--awsui-style-slider-handle-border-radius-4hh3rt, 50%);
+  border-end-end-radius: var(--awsui-style-slider-handle-border-radius-4hh3rt, 50%);
   box-shadow: none;
   cursor: pointer;
   block-size: var(--space-m-n2lypl, 16px);
@@ -433,132 +433,134 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: all;
   position: relative;
 }
-.awsui_thumb_pcgz5_1wu7s_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_1q9xn_358:not(#\9):hover::-webkit-slider-thumb {
+  background: var(--awsui-style-slider-handle-background-hover-4hh3rt, var(--color-background-slider-handle-default-pb538l, #0073bb));
+  box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-usftmh, #ffffff), 0 0 0 4px var(--awsui-style-slider-handle-background-hover-4hh3rt, var(--color-background-slider-handle-default-pb538l, #0073bb));
 }
-.awsui_thumb_pcgz5_1wu7s_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_1q9xn_358:not(#\9):hover::-moz-range-thumb {
+  background: var(--awsui-style-slider-handle-background-hover-4hh3rt, var(--color-background-slider-handle-default-pb538l, #0073bb));
+  box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-usftmh, #ffffff), 0 0 0 4px var(--awsui-style-slider-handle-background-hover-4hh3rt, var(--color-background-slider-handle-default-pb538l, #0073bb));
 }
-.awsui_thumb_pcgz5_1wu7s_358:not(#\9):focus::-webkit-slider-thumb, .awsui_thumb_pcgz5_1wu7s_358:not(#\9):active::-webkit-slider-thumb {
+.awsui_thumb_pcgz5_1q9xn_358:not(#\9):focus::-webkit-slider-thumb, .awsui_thumb_pcgz5_1q9xn_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);
-  background: var(--color-background-slider-handle-active-9ejayt, #0a4a74);
-  border-color: var(--color-background-slider-handle-active-9ejayt, #0a4a74);
+  box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-usftmh, #ffffff), 0 0 0 4px var(--awsui-style-slider-handle-background-active-4hh3rt, var(--color-background-slider-handle-active-9ejayt, #0a4a74));
+  background: var(--awsui-style-slider-handle-background-active-4hh3rt, var(--color-background-slider-handle-active-9ejayt, #0a4a74));
+  border-color: var(--awsui-style-slider-handle-background-active-4hh3rt, var(--color-background-slider-handle-active-9ejayt, #0a4a74));
   border-block-width: 2px;
   border-inline-width: 2px;
 }
-.awsui_thumb_pcgz5_1wu7s_358:not(#\9):focus::-moz-range-thumb, .awsui_thumb_pcgz5_1wu7s_358:not(#\9):active::-moz-range-thumb {
+.awsui_thumb_pcgz5_1q9xn_358:not(#\9):focus::-moz-range-thumb, .awsui_thumb_pcgz5_1q9xn_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);
-  background: var(--color-background-slider-handle-active-9ejayt, #0a4a74);
-  border-color: var(--color-background-slider-handle-active-9ejayt, #0a4a74);
+  box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-usftmh, #ffffff), 0 0 0 4px var(--awsui-style-slider-handle-background-active-4hh3rt, var(--color-background-slider-handle-active-9ejayt, #0a4a74));
+  background: var(--awsui-style-slider-handle-background-active-4hh3rt, var(--color-background-slider-handle-active-9ejayt, #0a4a74));
+  border-color: var(--awsui-style-slider-handle-background-active-4hh3rt, var(--color-background-slider-handle-active-9ejayt, #0a4a74));
   border-block-width: 2px;
   border-inline-width: 2px;
 }
-.awsui_error_pcgz5_1wu7s_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_1q9xn_222:not(#\9)::-webkit-slider-thumb {
+  background-color: var(--awsui-style-slider-handle-background-default-4hh3rt, var(--color-text-status-error-aknuvu, #d13212));
+  border-color: var(--awsui-style-slider-handle-background-default-4hh3rt, var(--color-text-status-error-aknuvu, #d13212));
 }
-.awsui_error_pcgz5_1wu7s_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_1q9xn_222:not(#\9)::-moz-range-thumb {
+  background-color: var(--awsui-style-slider-handle-background-default-4hh3rt, var(--color-text-status-error-aknuvu, #d13212));
+  border-color: var(--awsui-style-slider-handle-background-default-4hh3rt, var(--color-text-status-error-aknuvu, #d13212));
 }
-.awsui_error_pcgz5_1wu7s_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_1q9xn_222:not(#\9):hover::-webkit-slider-thumb {
+  background-color: var(--awsui-style-slider-handle-background-default-4hh3rt, 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(--awsui-style-slider-handle-background-default-4hh3rt, var(--color-text-status-error-aknuvu, #d13212));
 }
-.awsui_error_pcgz5_1wu7s_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_1q9xn_222:not(#\9):hover::-moz-range-thumb {
+  background-color: var(--awsui-style-slider-handle-background-default-4hh3rt, 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(--awsui-style-slider-handle-background-default-4hh3rt, var(--color-text-status-error-aknuvu, #d13212));
 }
-.awsui_error_pcgz5_1wu7s_222:not(#\9):focus::-webkit-slider-thumb, .awsui_error_pcgz5_1wu7s_222:not(#\9):active::-webkit-slider-thumb {
-  background-color: var(--color-background-slider-error-pressed-hjdtxr, #700000);
+.awsui_error_pcgz5_1q9xn_222:not(#\9):focus::-webkit-slider-thumb, .awsui_error_pcgz5_1q9xn_222:not(#\9):active::-webkit-slider-thumb {
+  background-color: var(--awsui-style-slider-handle-background-active-4hh3rt, 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);
+  border-color: var(--awsui-style-slider-handle-background-active-4hh3rt, 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(--awsui-style-slider-handle-background-active-4hh3rt, var(--color-background-slider-error-pressed-hjdtxr, #700000));
 }
-.awsui_error_pcgz5_1wu7s_222:not(#\9):focus::-moz-range-thumb, .awsui_error_pcgz5_1wu7s_222:not(#\9):active::-moz-range-thumb {
-  background-color: var(--color-background-slider-error-pressed-hjdtxr, #700000);
+.awsui_error_pcgz5_1q9xn_222:not(#\9):focus::-moz-range-thumb, .awsui_error_pcgz5_1q9xn_222:not(#\9):active::-moz-range-thumb {
+  background-color: var(--awsui-style-slider-handle-background-active-4hh3rt, 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);
+  border-color: var(--awsui-style-slider-handle-background-active-4hh3rt, 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(--awsui-style-slider-handle-background-active-4hh3rt, var(--color-background-slider-error-pressed-hjdtxr, #700000));
 }
-.awsui_warning_pcgz5_1wu7s_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_1q9xn_225:not(#\9)::-webkit-slider-thumb {
+  background-color: var(--awsui-style-slider-handle-background-default-4hh3rt, var(--color-text-status-warning-9b45qh, #906806));
+  border-color: var(--awsui-style-slider-handle-background-default-4hh3rt, var(--color-text-status-warning-9b45qh, #906806));
 }
-.awsui_warning_pcgz5_1wu7s_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_1q9xn_225:not(#\9)::-moz-range-thumb {
+  background-color: var(--awsui-style-slider-handle-background-default-4hh3rt, var(--color-text-status-warning-9b45qh, #906806));
+  border-color: var(--awsui-style-slider-handle-background-default-4hh3rt, var(--color-text-status-warning-9b45qh, #906806));
 }
-.awsui_warning_pcgz5_1wu7s_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_1q9xn_225:not(#\9):hover::-webkit-slider-thumb {
+  background-color: var(--awsui-style-slider-handle-background-default-4hh3rt, 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(--awsui-style-slider-handle-background-default-4hh3rt, var(--color-text-status-warning-9b45qh, #906806));
 }
-.awsui_warning_pcgz5_1wu7s_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_1q9xn_225:not(#\9):hover::-moz-range-thumb {
+  background-color: var(--awsui-style-slider-handle-background-default-4hh3rt, 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(--awsui-style-slider-handle-background-default-4hh3rt, var(--color-text-status-warning-9b45qh, #906806));
 }
-.awsui_warning_pcgz5_1wu7s_225:not(#\9):focus::-webkit-slider-thumb, .awsui_warning_pcgz5_1wu7s_225:not(#\9):active::-webkit-slider-thumb {
-  background-color: var(--color-background-slider-warning-pressed-78uc9o, #906806);
+.awsui_warning_pcgz5_1q9xn_225:not(#\9):focus::-webkit-slider-thumb, .awsui_warning_pcgz5_1q9xn_225:not(#\9):active::-webkit-slider-thumb {
+  background-color: var(--awsui-style-slider-handle-background-active-4hh3rt, 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);
+  border-color: var(--awsui-style-slider-handle-background-active-4hh3rt, 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(--awsui-style-slider-handle-background-active-4hh3rt, var(--color-background-slider-warning-pressed-78uc9o, #906806));
 }
-.awsui_warning_pcgz5_1wu7s_225:not(#\9):focus::-moz-range-thumb, .awsui_warning_pcgz5_1wu7s_225:not(#\9):active::-moz-range-thumb {
-  background-color: var(--color-background-slider-warning-pressed-78uc9o, #906806);
+.awsui_warning_pcgz5_1q9xn_225:not(#\9):focus::-moz-range-thumb, .awsui_warning_pcgz5_1q9xn_225:not(#\9):active::-moz-range-thumb {
+  background-color: var(--awsui-style-slider-handle-background-active-4hh3rt, 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);
+  border-color: var(--awsui-style-slider-handle-background-active-4hh3rt, 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(--awsui-style-slider-handle-background-active-4hh3rt, var(--color-background-slider-warning-pressed-78uc9o, #906806));
 }
-.awsui_disabled_pcgz5_1wu7s_209:not(#\9)::-webkit-slider-thumb,
-.awsui_disabled_pcgz5_1wu7s_209:not(#\9):hover::-webkit-slider-thumb,
-.awsui_disabled_pcgz5_1wu7s_209:not(#\9):active::-webkit-slider-thumb {
+.awsui_disabled_pcgz5_1q9xn_209:not(#\9)::-webkit-slider-thumb,
+.awsui_disabled_pcgz5_1q9xn_209:not(#\9):hover::-webkit-slider-thumb,
+.awsui_disabled_pcgz5_1q9xn_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);
-  border-color: var(--color-background-control-disabled-2ixett, #d5dbdb);
+  background-color: var(--awsui-style-slider-handle-background-default-4hh3rt, var(--color-background-control-disabled-2ixett, #d5dbdb));
+  border-color: var(--awsui-style-slider-handle-background-default-4hh3rt, var(--color-background-control-disabled-2ixett, #d5dbdb));
   box-shadow: none;
   pointer-events: none;
 }
-.awsui_disabled_pcgz5_1wu7s_209:not(#\9)::-moz-range-thumb,
-.awsui_disabled_pcgz5_1wu7s_209:not(#\9):hover::-moz-range-thumb,
-.awsui_disabled_pcgz5_1wu7s_209:not(#\9):active::-moz-range-thumb {
+.awsui_disabled_pcgz5_1q9xn_209:not(#\9)::-moz-range-thumb,
+.awsui_disabled_pcgz5_1q9xn_209:not(#\9):hover::-moz-range-thumb,
+.awsui_disabled_pcgz5_1q9xn_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);
-  border-color: var(--color-background-control-disabled-2ixett, #d5dbdb);
+  background-color: var(--awsui-style-slider-handle-background-default-4hh3rt, var(--color-background-control-disabled-2ixett, #d5dbdb));
+  border-color: var(--awsui-style-slider-handle-background-default-4hh3rt, var(--color-background-control-disabled-2ixett, #d5dbdb));
   box-shadow: none;
   pointer-events: none;
 }
-.awsui_readonly_pcgz5_1wu7s_213:not(#\9):not(.awsui_disabled_pcgz5_1wu7s_209)::-webkit-slider-thumb,
-.awsui_readonly_pcgz5_1wu7s_213:not(#\9):not(.awsui_disabled_pcgz5_1wu7s_209):hover::-webkit-slider-thumb,
-.awsui_readonly_pcgz5_1wu7s_213:not(#\9):not(.awsui_disabled_pcgz5_1wu7s_209):active::-webkit-slider-thumb {
+.awsui_readonly_pcgz5_1q9xn_213:not(#\9):not(.awsui_disabled_pcgz5_1q9xn_209)::-webkit-slider-thumb,
+.awsui_readonly_pcgz5_1q9xn_213:not(#\9):not(.awsui_disabled_pcgz5_1q9xn_209):hover::-webkit-slider-thumb,
+.awsui_readonly_pcgz5_1q9xn_213:not(#\9):not(.awsui_disabled_pcgz5_1q9xn_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);
-  border-color: var(--color-foreground-control-read-only-cgy3yn, #687078);
+  background-color: var(--awsui-style-slider-handle-background-default-4hh3rt, var(--color-foreground-control-read-only-cgy3yn, #687078));
+  border-color: var(--awsui-style-slider-handle-background-default-4hh3rt, var(--color-foreground-control-read-only-cgy3yn, #687078));
   box-shadow: none;
   pointer-events: none;
   cursor: initial;
 }
-.awsui_readonly_pcgz5_1wu7s_213:not(#\9):not(.awsui_disabled_pcgz5_1wu7s_209)::-moz-range-thumb,
-.awsui_readonly_pcgz5_1wu7s_213:not(#\9):not(.awsui_disabled_pcgz5_1wu7s_209):hover::-moz-range-thumb,
-.awsui_readonly_pcgz5_1wu7s_213:not(#\9):not(.awsui_disabled_pcgz5_1wu7s_209):active::-moz-range-thumb {
+.awsui_readonly_pcgz5_1q9xn_213:not(#\9):not(.awsui_disabled_pcgz5_1q9xn_209)::-moz-range-thumb,
+.awsui_readonly_pcgz5_1q9xn_213:not(#\9):not(.awsui_disabled_pcgz5_1q9xn_209):hover::-moz-range-thumb,
+.awsui_readonly_pcgz5_1q9xn_213:not(#\9):not(.awsui_disabled_pcgz5_1q9xn_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);
-  border-color: var(--color-foreground-control-read-only-cgy3yn, #687078);
+  background-color: var(--awsui-style-slider-handle-background-default-4hh3rt, var(--color-foreground-control-read-only-cgy3yn, #687078));
+  border-color: var(--awsui-style-slider-handle-background-default-4hh3rt, var(--color-foreground-control-read-only-cgy3yn, #687078));
   box-shadow: none;
   pointer-events: none;
   cursor: initial;

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

@@ -2,31 +2,31 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_pcgz5_1wu7s_153",
-  "slider": "awsui_slider_pcgz5_1wu7s_190",
-  "slider-track": "awsui_slider-track_pcgz5_1wu7s_194",
-  "slider-range": "awsui_slider-range_pcgz5_1wu7s_194",
-  "disabled": "awsui_disabled_pcgz5_1wu7s_209",
-  "readonly": "awsui_readonly_pcgz5_1wu7s_213",
-  "error": "awsui_error_pcgz5_1wu7s_222",
-  "warning": "awsui_warning_pcgz5_1wu7s_225",
-  "active": "awsui_active_pcgz5_1wu7s_228",
-  "error-active": "awsui_error-active_pcgz5_1wu7s_231",
-  "warning-active": "awsui_warning-active_pcgz5_1wu7s_234",
-  "labels": "awsui_labels_pcgz5_1wu7s_245",
-  "labels-noref": "awsui_labels-noref_pcgz5_1wu7s_251",
-  "labels-reference": "awsui_labels-reference_pcgz5_1wu7s_254",
-  "labels-min": "awsui_labels-min_pcgz5_1wu7s_261",
-  "labels-max": "awsui_labels-max_pcgz5_1wu7s_267",
-  "labels-aria-description": "awsui_labels-aria-description_pcgz5_1wu7s_275",
-  "ticks": "awsui_ticks_pcgz5_1wu7s_293",
-  "ticks-wrapper": "awsui_ticks-wrapper_pcgz5_1wu7s_299",
-  "tick": "awsui_tick_pcgz5_1wu7s_293",
-  "middle": "awsui_middle_pcgz5_1wu7s_314",
-  "filled": "awsui_filled_pcgz5_1wu7s_317",
-  "tooltip-thumb": "awsui_tooltip-thumb_pcgz5_1wu7s_345",
-  "thumb": "awsui_thumb_pcgz5_1wu7s_358",
-  "min": "awsui_min_pcgz5_1wu7s_394",
-  "max": "awsui_max_pcgz5_1wu7s_397"
+  "root": "awsui_root_pcgz5_1q9xn_153",
+  "slider": "awsui_slider_pcgz5_1q9xn_190",
+  "slider-track": "awsui_slider-track_pcgz5_1q9xn_194",
+  "slider-range": "awsui_slider-range_pcgz5_1q9xn_194",
+  "disabled": "awsui_disabled_pcgz5_1q9xn_209",
+  "readonly": "awsui_readonly_pcgz5_1q9xn_213",
+  "error": "awsui_error_pcgz5_1q9xn_222",
+  "warning": "awsui_warning_pcgz5_1q9xn_225",
+  "active": "awsui_active_pcgz5_1q9xn_228",
+  "error-active": "awsui_error-active_pcgz5_1q9xn_231",
+  "warning-active": "awsui_warning-active_pcgz5_1q9xn_234",
+  "labels": "awsui_labels_pcgz5_1q9xn_245",
+  "labels-noref": "awsui_labels-noref_pcgz5_1q9xn_251",
+  "labels-reference": "awsui_labels-reference_pcgz5_1q9xn_254",
+  "labels-min": "awsui_labels-min_pcgz5_1q9xn_261",
+  "labels-max": "awsui_labels-max_pcgz5_1q9xn_267",
+  "labels-aria-description": "awsui_labels-aria-description_pcgz5_1q9xn_275",
+  "ticks": "awsui_ticks_pcgz5_1q9xn_293",
+  "ticks-wrapper": "awsui_ticks-wrapper_pcgz5_1q9xn_299",
+  "tick": "awsui_tick_pcgz5_1q9xn_293",
+  "middle": "awsui_middle_pcgz5_1q9xn_314",
+  "filled": "awsui_filled_pcgz5_1q9xn_317",
+  "tooltip-thumb": "awsui_tooltip-thumb_pcgz5_1q9xn_345",
+  "thumb": "awsui_thumb_pcgz5_1q9xn_358",
+  "min": "awsui_min_pcgz5_1q9xn_394",
+  "max": "awsui_max_pcgz5_1q9xn_397"
 };