@arcgis/core 4.33.0-next.20250507 → 4.33.0-next.20250508

package/assets/esri/themes/base/widgets/_ShadowCast.scss

@@ -15,7 +15,7 @@
     &__time-range {
       display: flex;
       flex-direction: column;
-      font-size: $font-size--tiny-time-slider;
+      font-size: var(--calcite-font-size-sm);
 
       /* stylelint-disable-next-line order/order */
       @include timeSlider();
@@ -85,32 +85,24 @@
     }
 
     &__threshold-config {
-      .esri-slider {
-        // Ensure the timezone popover stays on top of the date picker (which has a z-index=1)
-        // See #60677, #61515
-        z-index: 2;
-
-        // Fit slider content since default API slider doesn't do it for us.
-        padding-top: $slider-thumb-size;
-        padding-bottom: 25px;
-
-        .esri-slider__label,
-        .esri-slider__tick-label {
-          font-size: $font-size--tiny;
-        }
-
-        // Move labels and ticks up to make slider more compact.
-        .esri-slider__tick-label {
-          margin-top: 12px;
-        }
-
-        .esri-slider__tick {
-          top: -4px;
-        }
+      /* stylelint-disable-next-line order/order */
+      @include timeSlider();
 
-        // Mark slider area above the threshold
-        .esri-slider__segment-1 {
-          background: $border-color--active;
+      .esri-slider {
+        &.esri-slider--horizontal {
+          // Fit slider content since default API slider doesn't do it for us.
+          padding-top: $slider-thumb-size;
+          padding-bottom: 25px;
+
+          // Move labels and ticks up to make slider more compact.
+          .esri-slider__tick-label {
+            margin-top: 12px;
+          }
+
+          // Mark slider area above the threshold
+          .esri-slider__segment-1 {
+            background: $border-color--active;
+          }
         }
       }
 
@@ -122,12 +114,19 @@
       }
 
       &__discrete-label {
-        opacity: var(--calcite-opacity-disabled);
         margin-bottom: var(--calcite-spacing-xs);
         width: 100%;
         font-weight: $font-weight--medium;
 
-        &.expanded {
+        &--empty {
+          font-weight: inherit;
+        }
+
+        &-text {
+          opacity: var(--calcite-opacity-disabled);
+        }
+
+        &--open &-text {
           opacity: inherit;
         }
       }