npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.699 → 3.0.701 - Mend

@cloudscape-design/components-themeable 3.0.699 → 3.0.701

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 (280) hide show

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

@@ -98,7 +98,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_ts4q0_101:not(#\9) {
+.awsui_root_pcgz5_1bnkc_101:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -139,11 +139,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline: calc(var(--space-m-kpg8id, 16px) / 2);
 }
-.awsui_slider_pcgz5_ts4q0_141:not(#\9) {
+.awsui_slider_pcgz5_1bnkc_141:not(#\9) {
   display: flex;
   align-items: center;
 }
-.awsui_slider-track_pcgz5_ts4q0_145:not(#\9), .awsui_slider-range_pcgz5_ts4q0_145:not(#\9) {
+.awsui_slider-track_pcgz5_1bnkc_145:not(#\9), .awsui_slider-range_pcgz5_1bnkc_145:not(#\9) {
   position: absolute;
   border-start-start-radius: 3px;
   border-start-end-radius: 3px;
@@ -152,113 +152,109 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: var(--space-xs-xf5ch3, 8px);
   margin-inline: calc(var(--space-m-kpg8id, 16px) / -2);
 }
-.awsui_slider-track_pcgz5_ts4q0_145.awsui_readonly_pcgz5_ts4q0_154:not(#\9):not(.awsui_slider-track_pcgz5_ts4q0_145.awsui_disabled_pcgz5_ts4q0_154, .awsui_slider-range_pcgz5_ts4q0_145.awsui_disabled_pcgz5_ts4q0_154), .awsui_slider-range_pcgz5_ts4q0_145.awsui_readonly_pcgz5_ts4q0_154:not(#\9):not(.awsui_slider-track_pcgz5_ts4q0_145.awsui_disabled_pcgz5_ts4q0_154, .awsui_slider-range_pcgz5_ts4q0_145.awsui_disabled_pcgz5_ts4q0_154) {
-  margin-inline: calc(var(--space-s-2025hl, 12px) / -2);
-}
-.awsui_slider-track_pcgz5_ts4q0_145:not(#\9) {
+.awsui_slider-track_pcgz5_1bnkc_145:not(#\9) {
   background-color: var(--color-background-slider-track-6pt3x9, #879596);
   inline-size: calc(100% + var(--space-m-kpg8id, 16px));
   block-size: 2px;
   cursor: pointer;
 }
-.awsui_slider-track_pcgz5_ts4q0_145.awsui_disabled_pcgz5_ts4q0_154:not(#\9) {
+.awsui_slider-track_pcgz5_1bnkc_145.awsui_disabled_pcgz5_1bnkc_160:not(#\9) {
   cursor: default;
   background-color: var(--color-background-control-disabled-dsn0t2, #d5dbdb);
 }
-.awsui_slider-track_pcgz5_ts4q0_145.awsui_readonly_pcgz5_ts4q0_154:not(#\9):not(.awsui_slider-track_pcgz5_ts4q0_145.awsui_disabled_pcgz5_ts4q0_154) {
+.awsui_slider-track_pcgz5_1bnkc_145.awsui_readonly_pcgz5_1bnkc_164:not(#\9):not(.awsui_slider-track_pcgz5_1bnkc_145.awsui_disabled_pcgz5_1bnkc_160) {
   cursor: default;
   background-color: var(--color-background-control-disabled-dsn0t2, #d5dbdb);
-  inline-size: calc(100% + var(--space-s-2025hl, 12px));
 }
-.awsui_slider-range_pcgz5_ts4q0_145:not(#\9) {
+.awsui_slider-range_pcgz5_1bnkc_145:not(#\9) {
   background-color: var(--color-background-slider-handle-default-nidjhe, #0073bb);
   block-size: 4px;
-  inline-size: calc(var(--awsui-slider-range-inline-size-9rhwr5) + var(--space-m-kpg8id, 16px));
+  inline-size: calc(var(--awsui-slider-range-inline-size-g964ok) + var(--space-m-kpg8id, 16px));
 }
-.awsui_slider-range_pcgz5_ts4q0_145.awsui_error_pcgz5_ts4q0_177:not(#\9) {
+.awsui_slider-range_pcgz5_1bnkc_145.awsui_error_pcgz5_1bnkc_173:not(#\9) {
   background-color: var(--color-text-status-error-ofc4yr, #d13212);
 }
-.awsui_slider-range_pcgz5_ts4q0_145.awsui_warning_pcgz5_ts4q0_180:not(#\9) {
+.awsui_slider-range_pcgz5_1bnkc_145.awsui_warning_pcgz5_1bnkc_176:not(#\9) {
   background-color: var(--color-text-status-warning-azn00c, #906806);
 }
-.awsui_slider-range_pcgz5_ts4q0_145.awsui_active_pcgz5_ts4q0_183:not(#\9) {
+.awsui_slider-range_pcgz5_1bnkc_145.awsui_active_pcgz5_1bnkc_179:not(#\9) {
   background-color: var(--color-background-slider-handle-active-qi7max, #0a4a74);
 }
-.awsui_slider-range_pcgz5_ts4q0_145.awsui_error-active_pcgz5_ts4q0_186:not(#\9) {
+.awsui_slider-range_pcgz5_1bnkc_145.awsui_error-active_pcgz5_1bnkc_182:not(#\9) {
   background-color: var(--color-background-slider-error-pressed-gejffm, #7c2718);
 }
-.awsui_slider-range_pcgz5_ts4q0_145.awsui_warning-active_pcgz5_ts4q0_189:not(#\9) {
+.awsui_slider-range_pcgz5_1bnkc_145.awsui_warning-active_pcgz5_1bnkc_185:not(#\9) {
   background-color: var(--color-background-slider-warning-pressed-5mq7vz, #906806);
 }
-.awsui_slider-range_pcgz5_ts4q0_145.awsui_disabled_pcgz5_ts4q0_154:not(#\9) {
+.awsui_slider-range_pcgz5_1bnkc_145.awsui_disabled_pcgz5_1bnkc_160:not(#\9) {
   background-color: var(--color-background-control-disabled-dsn0t2, #d5dbdb);
 }
-.awsui_slider-range_pcgz5_ts4q0_145.awsui_readonly_pcgz5_ts4q0_154:not(#\9):not(.awsui_slider-range_pcgz5_ts4q0_145.awsui_disabled_pcgz5_ts4q0_154) {
-  inline-size: calc(var(--awsui-slider-range-inline-size-9rhwr5) + var(--space-s-2025hl, 12px));
+.awsui_slider-range_pcgz5_1bnkc_145.awsui_readonly_pcgz5_1bnkc_164:not(#\9):not(.awsui_slider-range_pcgz5_1bnkc_145.awsui_disabled_pcgz5_1bnkc_160) {
+  inline-size: calc(var(--awsui-slider-range-inline-size-g964ok) + var(--space-s-2025hl, 12px));
   background-color: var(--color-foreground-control-read-only-egnjey, #687078);
 }
-.awsui_labels_pcgz5_ts4q0_200:not(#\9) {
+.awsui_labels_pcgz5_1bnkc_196:not(#\9) {
   display: grid;
-  grid-template-columns: 3fr repeat(calc((var(--awsui-slider-label-count-9rhwr5) - 2) / 2 + (var(--awsui-slider-label-count-9rhwr5) - 2) / 2 - 1), 2fr) 3fr;
+  grid-template-columns: 3fr repeat(calc((var(--awsui-slider-label-count-g964ok) - 2) / 2 + (var(--awsui-slider-label-count-g964ok) - 2) / 2 - 1), 2fr) 3fr;
   grid-auto-rows: 100%;
   padding-block-start: var(--space-m-kpg8id, 16px);
 }
-.awsui_labels-noref_pcgz5_ts4q0_206:not(#\9) {
+.awsui_labels-noref_pcgz5_1bnkc_202:not(#\9) {
   grid-template-columns: 1fr 1fr;
 }
-.awsui_labels-reference_pcgz5_ts4q0_209:not(#\9) {
-  grid-column-start: var(--awsui-slider-reference-column-9rhwr5);
-  grid-column-end: var(--awsui-slider-next-reference-column-9rhwr5);
+.awsui_labels-reference_pcgz5_1bnkc_205:not(#\9) {
+  grid-column-start: var(--awsui-slider-reference-column-g964ok);
+  grid-column-end: var(--awsui-slider-next-reference-column-g964ok);
   grid-row: 1;
   justify-self: center;
   text-align: center;
 }
-.awsui_labels-min_pcgz5_ts4q0_216:not(#\9) {
+.awsui_labels-min_pcgz5_1bnkc_212:not(#\9) {
   grid-column: 1;
   grid-row: 1;
-  grid-column-end: var(--awsui-slider-min-end-9rhwr5);
+  grid-column-end: var(--awsui-slider-min-end-g964ok);
   margin-inline-start: calc(var(--space-m-kpg8id, 16px) / -2);
 }
-.awsui_labels-max_pcgz5_ts4q0_222:not(#\9) {
+.awsui_labels-max_pcgz5_1bnkc_218:not(#\9) {
   text-align: end;
   justify-content: flex-end;
   grid-row: 1;
-  grid-column-end: calc(var(--awsui-slider-label-count-9rhwr5) + 1);
-  grid-column-start: var(--awsui-slider-max-start-9rhwr5);
+  grid-column-end: calc(var(--awsui-slider-label-count-g964ok) + 1);
+  grid-column-start: var(--awsui-slider-max-start-g964ok);
   margin-inline-end: calc(var(--space-m-kpg8id, 16px) / -2);
 }
-.awsui_labels-aria-description_pcgz5_ts4q0_230:not(#\9) {
+.awsui_labels-aria-description_pcgz5_1bnkc_226:not(#\9) {
   display: none;
 }
 @media (max-width: 576px) {
-  .awsui_labels_pcgz5_ts4q0_200:not(#\9) {
+  .awsui_labels_pcgz5_1bnkc_196:not(#\9) {
     grid-template-columns: 1fr 1fr;
   }
-  .awsui_labels-min_pcgz5_ts4q0_216:not(#\9) {
+  .awsui_labels-min_pcgz5_1bnkc_212:not(#\9) {
     grid-column: 1;
   }
-  .awsui_labels-max_pcgz5_ts4q0_222:not(#\9) {
+  .awsui_labels-max_pcgz5_1bnkc_218:not(#\9) {
     grid-column: 2;
   }
-  .awsui_labels_pcgz5_ts4q0_200 > .awsui_labels-reference_pcgz5_ts4q0_209:not(#\9) {
+  .awsui_labels_pcgz5_1bnkc_196 > .awsui_labels-reference_pcgz5_1bnkc_205:not(#\9) {
     display: none;
   }
 }
-.awsui_ticks_pcgz5_ts4q0_248:not(#\9) {
+.awsui_ticks_pcgz5_1bnkc_244:not(#\9) {
   display: grid;
-  grid-template-columns: repeat(var(--awsui-slider-tick-count-9rhwr5), 1fr);
+  grid-template-columns: repeat(var(--awsui-slider-tick-count-g964ok), 1fr);
   inline-size: calc(100% - var(--space-m-kpg8id, 16px));
   margin-inline: calc(var(--space-m-kpg8id, 16px) / 2);
 }
-.awsui_ticks-wrapper_pcgz5_ts4q0_254:not(#\9) {
+.awsui_ticks-wrapper_pcgz5_1bnkc_250:not(#\9) {
   block-size: 0;
   display: flex;
   margin-inline: calc(var(--space-m-kpg8id, 16px) / -2);
 }
-.awsui_tick_pcgz5_ts4q0_248:not(#\9) {
+.awsui_tick_pcgz5_1bnkc_244:not(#\9) {
   grid-row: 1;
   block-size: var(--space-xs-xf5ch3, 8px);
   inline-size: var(--space-xxxs-z28114, 2px);
@@ -267,51 +263,51 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: var(--color-background-slider-track-6pt3x9, #879596);
   inset-block-start: -4px;
 }
-.awsui_tick_pcgz5_ts4q0_248.awsui_middle_pcgz5_ts4q0_269:not(#\9):first-child, .awsui_tick_pcgz5_ts4q0_248.awsui_middle_pcgz5_ts4q0_269:not(#\9):last-child {
+.awsui_tick_pcgz5_1bnkc_244.awsui_middle_pcgz5_1bnkc_265:not(#\9):first-child, .awsui_tick_pcgz5_1bnkc_244.awsui_middle_pcgz5_1bnkc_265:not(#\9):last-child {
   visibility: hidden;
 }
-.awsui_tick_pcgz5_ts4q0_248.awsui_filled_pcgz5_ts4q0_272:not(#\9) {
+.awsui_tick_pcgz5_1bnkc_244.awsui_filled_pcgz5_1bnkc_268:not(#\9) {
   background: var(--color-background-slider-handle-default-nidjhe, #0073bb);
 }
-.awsui_tick_pcgz5_ts4q0_248.awsui_filled_pcgz5_ts4q0_272.awsui_readonly_pcgz5_ts4q0_154:not(#\9):not(.awsui_tick-disabled_pcgz5_ts4q0_275) {
+.awsui_tick_pcgz5_1bnkc_244.awsui_filled_pcgz5_1bnkc_268.awsui_readonly_pcgz5_1bnkc_164:not(#\9):not(.awsui_disabled_pcgz5_1bnkc_160) {
   background: var(--color-foreground-control-read-only-egnjey, #687078);
 }
-.awsui_tick_pcgz5_ts4q0_248.awsui_active_pcgz5_ts4q0_183:not(#\9) {
+.awsui_tick_pcgz5_1bnkc_244.awsui_active_pcgz5_1bnkc_179:not(#\9) {
   background: var(--color-background-slider-handle-active-qi7max, #0a4a74);
 }
-.awsui_tick_pcgz5_ts4q0_248.awsui_error_pcgz5_ts4q0_177:not(#\9) {
+.awsui_tick_pcgz5_1bnkc_244.awsui_error_pcgz5_1bnkc_173:not(#\9) {
   background: var(--color-text-status-error-ofc4yr, #d13212);
 }
-.awsui_tick_pcgz5_ts4q0_248.awsui_warning_pcgz5_ts4q0_180:not(#\9) {
+.awsui_tick_pcgz5_1bnkc_244.awsui_warning_pcgz5_1bnkc_176:not(#\9) {
   background: var(--color-text-status-warning-azn00c, #906806);
 }
-.awsui_tick_pcgz5_ts4q0_248.awsui_error-active_pcgz5_ts4q0_186:not(#\9) {
+.awsui_tick_pcgz5_1bnkc_244.awsui_error-active_pcgz5_1bnkc_182:not(#\9) {
   background-color: var(--color-background-slider-error-pressed-gejffm, #7c2718);
 }
-.awsui_tick_pcgz5_ts4q0_248.awsui_warning-active_pcgz5_ts4q0_189:not(#\9) {
+.awsui_tick_pcgz5_1bnkc_244.awsui_warning-active_pcgz5_1bnkc_185:not(#\9) {
   background-color: var(--color-background-slider-warning-pressed-5mq7vz, #906806);
 }
-.awsui_tick_pcgz5_ts4q0_248.awsui_disabled_pcgz5_ts4q0_154:not(#\9) {
+.awsui_tick_pcgz5_1bnkc_244.awsui_disabled_pcgz5_1bnkc_160:not(#\9) {
   background: var(--color-background-control-disabled-dsn0t2, #d5dbdb);
 }
-.awsui_tick_pcgz5_ts4q0_248.awsui_readonly_pcgz5_ts4q0_154:not(#\9) {
+.awsui_tick_pcgz5_1bnkc_244.awsui_readonly_pcgz5_1bnkc_164:not(#\9) {
   background: var(--color-background-control-disabled-dsn0t2, #d5dbdb);
 }
-.awsui_tooltip-thumb_pcgz5_ts4q0_300:not(#\9) {
+.awsui_tooltip-thumb_pcgz5_1bnkc_296:not(#\9) {
   position: absolute;
   inline-size: var(--space-xxl-pd3205, 32px);
   block-size: var(--space-xxl-pd3205, 32px);
   margin-block-start: calc(var(--space-s-2025hl, 12px) / -1);
-  inset-inline-start: var(--awsui-slider-tooltip-position-9rhwr5);
+  inset-inline-start: var(--awsui-slider-tooltip-position-g964ok);
 }
-.awsui_tooltip-thumb_pcgz5_ts4q0_300.awsui_readonly_pcgz5_ts4q0_154:not(#\9) {
+.awsui_tooltip-thumb_pcgz5_1bnkc_296.awsui_readonly_pcgz5_1bnkc_164:not(#\9) {
   inline-size: var(--space-xl-5fdwzu, 24px);
   block-size: var(--space-xl-5fdwzu, 24px);
   margin-block-start: calc(var(--space-xs-xf5ch3, 8px) / -1);
 }
-.awsui_thumb_pcgz5_ts4q0_313:not(#\9) {
+.awsui_thumb_pcgz5_1bnkc_309:not(#\9) {
   background: transparent;
   -webkit-appearance: none;
           appearance: none;
@@ -324,13 +320,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   cursor: pointer;
   touch-action: none;
 }
-.awsui_thumb_pcgz5_ts4q0_313.awsui_disabled_pcgz5_ts4q0_154:not(#\9) {
+.awsui_thumb_pcgz5_1bnkc_309.awsui_disabled_pcgz5_1bnkc_160:not(#\9) {
   cursor: default;
 }
-.awsui_thumb_pcgz5_ts4q0_313.awsui_readonly_pcgz5_ts4q0_154:not(#\9):not(.awsui_thumb_pcgz5_ts4q0_313.awsui_disabled_pcgz5_ts4q0_154) {
+.awsui_thumb_pcgz5_1bnkc_309.awsui_readonly_pcgz5_1bnkc_164:not(#\9):not(.awsui_thumb_pcgz5_1bnkc_309.awsui_disabled_pcgz5_1bnkc_160) {
   cursor: default;
 }
-.awsui_thumb_pcgz5_ts4q0_313.awsui_readonly_pcgz5_ts4q0_154:not(#\9):not(.awsui_thumb_pcgz5_ts4q0_313.awsui_disabled_pcgz5_ts4q0_154):focus::-webkit-slider-thumb, .awsui_thumb_pcgz5_ts4q0_313.awsui_readonly_pcgz5_ts4q0_154:not(#\9):not(.awsui_thumb_pcgz5_ts4q0_313.awsui_disabled_pcgz5_ts4q0_154):active::-webkit-slider-thumb {
+.awsui_thumb_pcgz5_1bnkc_309.awsui_readonly_pcgz5_1bnkc_164:not(#\9):not(.awsui_thumb_pcgz5_1bnkc_309.awsui_disabled_pcgz5_1bnkc_160):focus::-webkit-slider-thumb, .awsui_thumb_pcgz5_1bnkc_309.awsui_readonly_pcgz5_1bnkc_164:not(#\9):not(.awsui_thumb_pcgz5_1bnkc_309.awsui_disabled_pcgz5_1bnkc_160):active::-webkit-slider-thumb {
   block-size: var(--space-s-2025hl, 12px);
   inline-size: var(--space-s-2025hl, 12px);
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-nn99ak, #ffffff), 0 0 0 4px var(--color-foreground-control-read-only-egnjey, #687078);
@@ -339,7 +335,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_ts4q0_313.awsui_readonly_pcgz5_ts4q0_154:not(#\9):not(.awsui_thumb_pcgz5_ts4q0_313.awsui_disabled_pcgz5_ts4q0_154):focus::-moz-range-thumb, .awsui_thumb_pcgz5_ts4q0_313.awsui_readonly_pcgz5_ts4q0_154:not(#\9):not(.awsui_thumb_pcgz5_ts4q0_313.awsui_disabled_pcgz5_ts4q0_154):active::-moz-range-thumb {
+.awsui_thumb_pcgz5_1bnkc_309.awsui_readonly_pcgz5_1bnkc_164:not(#\9):not(.awsui_thumb_pcgz5_1bnkc_309.awsui_disabled_pcgz5_1bnkc_160):focus::-moz-range-thumb, .awsui_thumb_pcgz5_1bnkc_309.awsui_readonly_pcgz5_1bnkc_164:not(#\9):not(.awsui_thumb_pcgz5_1bnkc_309.awsui_disabled_pcgz5_1bnkc_160):active::-moz-range-thumb {
   block-size: var(--space-s-2025hl, 12px);
   inline-size: var(--space-s-2025hl, 12px);
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-nn99ak, #ffffff), 0 0 0 4px var(--color-foreground-control-read-only-egnjey, #687078);
@@ -348,13 +344,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_ts4q0_313.awsui_min_pcgz5_ts4q0_349:not(#\9) {
+.awsui_thumb_pcgz5_1bnkc_309.awsui_min_pcgz5_1bnkc_345:not(#\9) {
   margin-inline-start: calc(-1px + var(--space-m-kpg8id, 16px) / -2);
 }
-.awsui_thumb_pcgz5_ts4q0_313.awsui_max_pcgz5_ts4q0_352:not(#\9) {
+.awsui_thumb_pcgz5_1bnkc_309.awsui_max_pcgz5_1bnkc_348:not(#\9) {
   margin-inline-start: calc(1px + var(--space-m-kpg8id, 16px) / -2);
 }
-.awsui_thumb_pcgz5_ts4q0_313:not(#\9)::-webkit-slider-thumb {
+.awsui_thumb_pcgz5_1bnkc_309:not(#\9)::-webkit-slider-thumb {
   -webkit-appearance: none;
           appearance: none;
   appearance: none;
@@ -373,7 +369,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: all;
   position: relative;
 }
-.awsui_thumb_pcgz5_ts4q0_313:not(#\9)::-moz-range-thumb {
+.awsui_thumb_pcgz5_1bnkc_309:not(#\9)::-moz-range-thumb {
   appearance: none;
   appearance: none;
   background: var(--color-background-slider-handle-default-nidjhe, #0073bb);
@@ -391,13 +387,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: all;
   position: relative;
 }
-.awsui_thumb_pcgz5_ts4q0_313:not(#\9):hover::-webkit-slider-thumb {
+.awsui_thumb_pcgz5_1bnkc_309:not(#\9):hover::-webkit-slider-thumb {
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-nn99ak, #ffffff), 0 0 0 4px var(--color-background-slider-handle-default-nidjhe, #0073bb);
 }
-.awsui_thumb_pcgz5_ts4q0_313:not(#\9):hover::-moz-range-thumb {
+.awsui_thumb_pcgz5_1bnkc_309:not(#\9):hover::-moz-range-thumb {
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-nn99ak, #ffffff), 0 0 0 4px var(--color-background-slider-handle-default-nidjhe, #0073bb);
 }
-.awsui_thumb_pcgz5_ts4q0_313:not(#\9):focus::-webkit-slider-thumb, .awsui_thumb_pcgz5_ts4q0_313:not(#\9):active::-webkit-slider-thumb {
+.awsui_thumb_pcgz5_1bnkc_309:not(#\9):focus::-webkit-slider-thumb, .awsui_thumb_pcgz5_1bnkc_309:not(#\9):active::-webkit-slider-thumb {
   block-size: 20px;
   inline-size: 20px;
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-nn99ak, #ffffff), 0 0 0 4px var(--color-background-slider-handle-active-qi7max, #0a4a74);
@@ -406,7 +402,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_ts4q0_313:not(#\9):focus::-moz-range-thumb, .awsui_thumb_pcgz5_ts4q0_313:not(#\9):active::-moz-range-thumb {
+.awsui_thumb_pcgz5_1bnkc_309:not(#\9):focus::-moz-range-thumb, .awsui_thumb_pcgz5_1bnkc_309:not(#\9):active::-moz-range-thumb {
   block-size: 20px;
   inline-size: 20px;
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-nn99ak, #ffffff), 0 0 0 4px var(--color-background-slider-handle-active-qi7max, #0a4a74);
@@ -416,30 +412,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-inline-width: 2px;
 }
-.awsui_error_pcgz5_ts4q0_177:not(#\9)::-webkit-slider-thumb {
+.awsui_error_pcgz5_1bnkc_173:not(#\9)::-webkit-slider-thumb {
   background-color: var(--color-text-status-error-ofc4yr, #d13212);
   border-color: var(--color-text-status-error-ofc4yr, #d13212);
 }
-.awsui_error_pcgz5_ts4q0_177:not(#\9)::-moz-range-thumb {
+.awsui_error_pcgz5_1bnkc_173:not(#\9)::-moz-range-thumb {
   background-color: var(--color-text-status-error-ofc4yr, #d13212);
   border-color: var(--color-text-status-error-ofc4yr, #d13212);
 }
-.awsui_error_pcgz5_ts4q0_177:not(#\9):hover::-webkit-slider-thumb {
+.awsui_error_pcgz5_1bnkc_173:not(#\9):hover::-webkit-slider-thumb {
   background-color: var(--color-text-status-error-ofc4yr, #d13212);
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-nn99ak, #ffffff), 0 0 0 4px var(--color-text-status-error-ofc4yr, #d13212);
 }
-.awsui_error_pcgz5_ts4q0_177:not(#\9):hover::-moz-range-thumb {
+.awsui_error_pcgz5_1bnkc_173:not(#\9):hover::-moz-range-thumb {
   background-color: var(--color-text-status-error-ofc4yr, #d13212);
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-nn99ak, #ffffff), 0 0 0 4px var(--color-text-status-error-ofc4yr, #d13212);
 }
-.awsui_error_pcgz5_ts4q0_177:not(#\9):focus::-webkit-slider-thumb, .awsui_error_pcgz5_ts4q0_177:not(#\9):active::-webkit-slider-thumb {
+.awsui_error_pcgz5_1bnkc_173:not(#\9):focus::-webkit-slider-thumb, .awsui_error_pcgz5_1bnkc_173:not(#\9):active::-webkit-slider-thumb {
   background-color: var(--color-background-slider-error-pressed-gejffm, #7c2718);
   border-block-width: 2px;
   border-inline-width: 2px;
   border-color: var(--color-background-slider-error-pressed-gejffm, #7c2718);
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-nn99ak, #ffffff), 0 0 0 4px var(--color-background-slider-error-pressed-gejffm, #7c2718);
 }
-.awsui_error_pcgz5_ts4q0_177:not(#\9):focus::-moz-range-thumb, .awsui_error_pcgz5_ts4q0_177:not(#\9):active::-moz-range-thumb {
+.awsui_error_pcgz5_1bnkc_173:not(#\9):focus::-moz-range-thumb, .awsui_error_pcgz5_1bnkc_173:not(#\9):active::-moz-range-thumb {
   background-color: var(--color-background-slider-error-pressed-gejffm, #7c2718);
   border-block-width: 2px;
   border-inline-width: 2px;
@@ -447,30 +443,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-nn99ak, #ffffff), 0 0 0 4px var(--color-background-slider-error-pressed-gejffm, #7c2718);
 }
-.awsui_warning_pcgz5_ts4q0_180:not(#\9)::-webkit-slider-thumb {
+.awsui_warning_pcgz5_1bnkc_176:not(#\9)::-webkit-slider-thumb {
   background-color: var(--color-text-status-warning-azn00c, #906806);
   border-color: var(--color-text-status-warning-azn00c, #906806);
 }
-.awsui_warning_pcgz5_ts4q0_180:not(#\9)::-moz-range-thumb {
+.awsui_warning_pcgz5_1bnkc_176:not(#\9)::-moz-range-thumb {
   background-color: var(--color-text-status-warning-azn00c, #906806);
   border-color: var(--color-text-status-warning-azn00c, #906806);
 }
-.awsui_warning_pcgz5_ts4q0_180:not(#\9):hover::-webkit-slider-thumb {
+.awsui_warning_pcgz5_1bnkc_176:not(#\9):hover::-webkit-slider-thumb {
   background-color: var(--color-text-status-warning-azn00c, #906806);
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-nn99ak, #ffffff), 0 0 0 4px var(--color-text-status-warning-azn00c, #906806);
 }
-.awsui_warning_pcgz5_ts4q0_180:not(#\9):hover::-moz-range-thumb {
+.awsui_warning_pcgz5_1bnkc_176:not(#\9):hover::-moz-range-thumb {
   background-color: var(--color-text-status-warning-azn00c, #906806);
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-nn99ak, #ffffff), 0 0 0 4px var(--color-text-status-warning-azn00c, #906806);
 }
-.awsui_warning_pcgz5_ts4q0_180:not(#\9):focus::-webkit-slider-thumb, .awsui_warning_pcgz5_ts4q0_180:not(#\9):active::-webkit-slider-thumb {
+.awsui_warning_pcgz5_1bnkc_176:not(#\9):focus::-webkit-slider-thumb, .awsui_warning_pcgz5_1bnkc_176:not(#\9):active::-webkit-slider-thumb {
   background-color: var(--color-background-slider-warning-pressed-5mq7vz, #906806);
   border-block-width: 2px;
   border-inline-width: 2px;
   border-color: var(--color-background-slider-warning-pressed-5mq7vz, #906806);
   box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-nn99ak, #ffffff), 0 0 0 4px var(--color-background-slider-warning-pressed-5mq7vz, #906806);
 }
-.awsui_warning_pcgz5_ts4q0_180:not(#\9):focus::-moz-range-thumb, .awsui_warning_pcgz5_ts4q0_180:not(#\9):active::-moz-range-thumb {
+.awsui_warning_pcgz5_1bnkc_176:not(#\9):focus::-moz-range-thumb, .awsui_warning_pcgz5_1bnkc_176:not(#\9):active::-moz-range-thumb {
   background-color: var(--color-background-slider-warning-pressed-5mq7vz, #906806);
   border-block-width: 2px;
   border-inline-width: 2px;
@@ -478,26 +474,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-nn99ak, #ffffff), 0 0 0 4px var(--color-background-slider-warning-pressed-5mq7vz, #906806);
 }
-.awsui_disabled_pcgz5_ts4q0_154:not(#\9)::-webkit-slider-thumb,
-.awsui_disabled_pcgz5_ts4q0_154:not(#\9):hover::-webkit-slider-thumb,
-.awsui_disabled_pcgz5_ts4q0_154:not(#\9):active::-webkit-slider-thumb {
+.awsui_disabled_pcgz5_1bnkc_160:not(#\9)::-webkit-slider-thumb,
+.awsui_disabled_pcgz5_1bnkc_160:not(#\9):hover::-webkit-slider-thumb,
+.awsui_disabled_pcgz5_1bnkc_160:not(#\9):active::-webkit-slider-thumb {
+  block-size: var(--space-m-kpg8id, 16px);
+  inline-size: var(--space-m-kpg8id, 16px);
   background-color: var(--color-background-control-disabled-dsn0t2, #d5dbdb);
   border-color: var(--color-background-control-disabled-dsn0t2, #d5dbdb);
   box-shadow: none;
   pointer-events: none;
 }
-.awsui_disabled_pcgz5_ts4q0_154:not(#\9)::-moz-range-thumb,
-.awsui_disabled_pcgz5_ts4q0_154:not(#\9):hover::-moz-range-thumb,
-.awsui_disabled_pcgz5_ts4q0_154:not(#\9):active::-moz-range-thumb {
+.awsui_disabled_pcgz5_1bnkc_160:not(#\9)::-moz-range-thumb,
+.awsui_disabled_pcgz5_1bnkc_160:not(#\9):hover::-moz-range-thumb,
+.awsui_disabled_pcgz5_1bnkc_160:not(#\9):active::-moz-range-thumb {
+  block-size: var(--space-m-kpg8id, 16px);
+  inline-size: var(--space-m-kpg8id, 16px);
   background-color: var(--color-background-control-disabled-dsn0t2, #d5dbdb);
   border-color: var(--color-background-control-disabled-dsn0t2, #d5dbdb);
   box-shadow: none;
   pointer-events: none;
 }
-.awsui_readonly_pcgz5_ts4q0_154:not(#\9):not(.awsui_disabled_pcgz5_ts4q0_154)::-webkit-slider-thumb,
-.awsui_readonly_pcgz5_ts4q0_154:not(#\9):not(.awsui_disabled_pcgz5_ts4q0_154):hover::-webkit-slider-thumb,
-.awsui_readonly_pcgz5_ts4q0_154:not(#\9):not(.awsui_disabled_pcgz5_ts4q0_154):active::-webkit-slider-thumb {
+.awsui_readonly_pcgz5_1bnkc_164:not(#\9):not(.awsui_disabled_pcgz5_1bnkc_160)::-webkit-slider-thumb,
+.awsui_readonly_pcgz5_1bnkc_164:not(#\9):not(.awsui_disabled_pcgz5_1bnkc_160):hover::-webkit-slider-thumb,
+.awsui_readonly_pcgz5_1bnkc_164:not(#\9):not(.awsui_disabled_pcgz5_1bnkc_160):active::-webkit-slider-thumb {
   block-size: var(--space-s-2025hl, 12px);
   inline-size: var(--space-s-2025hl, 12px);
   background-color: var(--color-foreground-control-read-only-egnjey, #687078);
@@ -506,9 +506,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: none;
   cursor: initial;
 }
-.awsui_readonly_pcgz5_ts4q0_154:not(#\9):not(.awsui_disabled_pcgz5_ts4q0_154)::-moz-range-thumb,
-.awsui_readonly_pcgz5_ts4q0_154:not(#\9):not(.awsui_disabled_pcgz5_ts4q0_154):hover::-moz-range-thumb,
-.awsui_readonly_pcgz5_ts4q0_154:not(#\9):not(.awsui_disabled_pcgz5_ts4q0_154):active::-moz-range-thumb {
+.awsui_readonly_pcgz5_1bnkc_164:not(#\9):not(.awsui_disabled_pcgz5_1bnkc_160)::-moz-range-thumb,
+.awsui_readonly_pcgz5_1bnkc_164:not(#\9):not(.awsui_disabled_pcgz5_1bnkc_160):hover::-moz-range-thumb,
+.awsui_readonly_pcgz5_1bnkc_164:not(#\9):not(.awsui_disabled_pcgz5_1bnkc_160):active::-moz-range-thumb {
   block-size: var(--space-s-2025hl, 12px);
   inline-size: var(--space-s-2025hl, 12px);
   background-color: var(--color-foreground-control-read-only-egnjey, #687078);

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

@@ -2,32 +2,31 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_pcgz5_ts4q0_101",
-  "slider": "awsui_slider_pcgz5_ts4q0_141",
-  "slider-track": "awsui_slider-track_pcgz5_ts4q0_145",
-  "slider-range": "awsui_slider-range_pcgz5_ts4q0_145",
-  "readonly": "awsui_readonly_pcgz5_ts4q0_154",
-  "disabled": "awsui_disabled_pcgz5_ts4q0_154",
-  "error": "awsui_error_pcgz5_ts4q0_177",
-  "warning": "awsui_warning_pcgz5_ts4q0_180",
-  "active": "awsui_active_pcgz5_ts4q0_183",
-  "error-active": "awsui_error-active_pcgz5_ts4q0_186",
-  "warning-active": "awsui_warning-active_pcgz5_ts4q0_189",
-  "labels": "awsui_labels_pcgz5_ts4q0_200",
-  "labels-noref": "awsui_labels-noref_pcgz5_ts4q0_206",
-  "labels-reference": "awsui_labels-reference_pcgz5_ts4q0_209",
-  "labels-min": "awsui_labels-min_pcgz5_ts4q0_216",
-  "labels-max": "awsui_labels-max_pcgz5_ts4q0_222",
-  "labels-aria-description": "awsui_labels-aria-description_pcgz5_ts4q0_230",
-  "ticks": "awsui_ticks_pcgz5_ts4q0_248",
-  "ticks-wrapper": "awsui_ticks-wrapper_pcgz5_ts4q0_254",
-  "tick": "awsui_tick_pcgz5_ts4q0_248",
-  "middle": "awsui_middle_pcgz5_ts4q0_269",
-  "filled": "awsui_filled_pcgz5_ts4q0_272",
-  "tick-disabled": "awsui_tick-disabled_pcgz5_ts4q0_275",
-  "tooltip-thumb": "awsui_tooltip-thumb_pcgz5_ts4q0_300",
-  "thumb": "awsui_thumb_pcgz5_ts4q0_313",
-  "min": "awsui_min_pcgz5_ts4q0_349",
-  "max": "awsui_max_pcgz5_ts4q0_352"
+  "root": "awsui_root_pcgz5_1bnkc_101",
+  "slider": "awsui_slider_pcgz5_1bnkc_141",
+  "slider-track": "awsui_slider-track_pcgz5_1bnkc_145",
+  "slider-range": "awsui_slider-range_pcgz5_1bnkc_145",
+  "disabled": "awsui_disabled_pcgz5_1bnkc_160",
+  "readonly": "awsui_readonly_pcgz5_1bnkc_164",
+  "error": "awsui_error_pcgz5_1bnkc_173",
+  "warning": "awsui_warning_pcgz5_1bnkc_176",
+  "active": "awsui_active_pcgz5_1bnkc_179",
+  "error-active": "awsui_error-active_pcgz5_1bnkc_182",
+  "warning-active": "awsui_warning-active_pcgz5_1bnkc_185",
+  "labels": "awsui_labels_pcgz5_1bnkc_196",
+  "labels-noref": "awsui_labels-noref_pcgz5_1bnkc_202",
+  "labels-reference": "awsui_labels-reference_pcgz5_1bnkc_205",
+  "labels-min": "awsui_labels-min_pcgz5_1bnkc_212",
+  "labels-max": "awsui_labels-max_pcgz5_1bnkc_218",
+  "labels-aria-description": "awsui_labels-aria-description_pcgz5_1bnkc_226",
+  "ticks": "awsui_ticks_pcgz5_1bnkc_244",
+  "ticks-wrapper": "awsui_ticks-wrapper_pcgz5_1bnkc_250",
+  "tick": "awsui_tick_pcgz5_1bnkc_244",
+  "middle": "awsui_middle_pcgz5_1bnkc_265",
+  "filled": "awsui_filled_pcgz5_1bnkc_268",
+  "tooltip-thumb": "awsui_tooltip-thumb_pcgz5_1bnkc_296",
+  "thumb": "awsui_thumb_pcgz5_1bnkc_309",
+  "min": "awsui_min_pcgz5_1bnkc_345",
+  "max": "awsui_max_pcgz5_1bnkc_348"
 };

package/lib/internal/template/spinner/styles.css.js CHANGED Viewed

@@ -1,18 +1,18 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1612d_1y7sk_131",
-  "spinner-rotator": "awsui_spinner-rotator_1612d_1y7sk_1",
-  "size-normal": "awsui_size-normal_1612d_1y7sk_146",
-  "size-big": "awsui_size-big_1612d_1y7sk_154",
-  "size-large": "awsui_size-large_1612d_1y7sk_162",
-  "variant-normal": "awsui_variant-normal_1612d_1y7sk_170",
-  "variant-disabled": "awsui_variant-disabled_1612d_1y7sk_173",
-  "variant-inverted": "awsui_variant-inverted_1612d_1y7sk_176",
-  "circle": "awsui_circle_1612d_1y7sk_188",
-  "circle-left": "awsui_circle-left_1612d_1y7sk_216",
-  "spinner-line-left": "awsui_spinner-line-left_1612d_1y7sk_1",
-  "circle-right": "awsui_circle-right_1612d_1y7sk_221",
-  "spinner-line-right": "awsui_spinner-line-right_1612d_1y7sk_1"
+  "root": "awsui_root_1612d_1m8pt_131",
+  "spinner-rotator": "awsui_spinner-rotator_1612d_1m8pt_1",
+  "size-normal": "awsui_size-normal_1612d_1m8pt_146",
+  "size-big": "awsui_size-big_1612d_1m8pt_154",
+  "size-large": "awsui_size-large_1612d_1m8pt_162",
+  "variant-normal": "awsui_variant-normal_1612d_1m8pt_170",
+  "variant-disabled": "awsui_variant-disabled_1612d_1m8pt_173",
+  "variant-inverted": "awsui_variant-inverted_1612d_1m8pt_176",
+  "circle": "awsui_circle_1612d_1m8pt_188",
+  "circle-left": "awsui_circle-left_1612d_1m8pt_216",
+  "spinner-line-left": "awsui_spinner-line-left_1612d_1m8pt_1",
+  "circle-right": "awsui_circle-right_1612d_1m8pt_221",
+  "spinner-line-right": "awsui_spinner-line-right_1612d_1m8pt_1"
 };