@arcgis/core 4.24.0-next.20220606 → 4.24.0-next.20220607

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

@@ -1,3 +1,5 @@
+@use "sass:color";
+
 @mixin daylight() {
   @-webkit-keyframes pulse {
     to {
@@ -86,6 +88,29 @@
       width: inherit;
       flex-grow: 1;
 
+      .esri-slider__anchor {
+        outline: none !important;
+      }
+
+      .esri-slider__anchor--moving:focus .esri-slider__thumb,
+      .esri-slider__thumb {
+        &,
+        &:active,
+        &:hover {
+          background-color: $button-color;
+          border: $border-size--active solid #80bce0;
+        }
+
+        &:hover {
+          background-color: $button-color--hover;
+        }
+      }
+
+      .esri-slider__anchor:focus .esri-slider__thumb {
+        outline: solid 2px $border-color--active;
+        overflow: visible;
+      }
+
       &__tick-label {
         font-size: $font-size--tiny-daylight;
         line-height: normal;
@@ -122,7 +147,7 @@
       }
       .esri-slider-with-dropdown__box--drop-down-on {
         width: 100px;
-        inset-inline-start: -46px;
+        inset-inline-start: -30px;
       }
 
       .esri-slider-with-dropdown__box--drop-down-off {
@@ -203,37 +228,12 @@
     content: unicode(\25b5);
   }
 
-  .esri-ui-top-right,
-  .esri-ui-bottom-right {
-    .esri-slider-with-dropdown__list {
-      inset-inline-start: -190px;
-    }
-  }
-
-  .esri-ui-top-left,
-  .esri-ui-bottom-left {
-    .esri-slider-with-dropdown__list {
-      inset-inline-end: -186px;
-    }
-  }
-
-  .esri-ui-top-left,
-  .esri-ui-top-right {
-    .esri-slider-with-dropdown__list {
-      top: 0.5em;
-    }
-  }
-
-  .esri-ui-bottom-left,
-  .esri-ui-bottom-right {
-    .esri-slider-with-dropdown__list {
-      bottom: 0.5em;
-    }
-  }
-
   .esri-slider-with-dropdown__list {
-    position: absolute;
+    @include defaultBoxShadow();
+    display: block;
+    position: relative;
     padding: 0;
+    margin: 0;
     list-style: none;
     background-color: $background-color;
     border: 1px solid $border-color--subtle;
@@ -244,13 +244,12 @@
     text-align: left;
     white-space: inherit;
     font-size: $font-size--small;
-    z-index: 5; // Above the rest of the widget.
   }
 
   .esri-slider-with-dropdown__list-item {
     display: flex;
     flex-direction: column;
-    padding: 7px 10px 7px 8px;
+    padding: $cap-spacing $side-spacing;
   }
 
   .esri-slider-with-dropdown__list-item:hover {

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

@@ -12,6 +12,20 @@
   .esri-snapping-controls__layer-list {
     overflow: auto;
     max-height: 220px;
+
+    &__filter {
+      margin-bottom: 10px;
+    }
+
+    &__item {
+      padding-top: 8px;
+      padding-bottom: 8px;
+
+      &__checkbox,
+      &__label {
+        padding-left: 12px;
+      }
+    }
   }
 
   .esri-snapping-controls {