@arcgis/core 4.33.0-next.20250512 → 4.33.0-next.20250514

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

@@ -4,14 +4,20 @@
 @mixin buildingPhasePicker() {
   .esri-building-phase-picker {
     --num-phases: 7; // Should be an odd number so that we can have a phase in the middle
-    --divider-width: var(--calcite-spacing-xs);
     --container-width: 100cqw;
+    --phase-size: 24px;
     --arrow-width: 16px;
     --padding: var(--calcite-spacing-xxs);
-    --dividers-width: (var(--num-phases) - 1) * var(--divider-width);
-    --arrows-width: 2 * var(--arrow-width);
-    --phase-width: calc(
-      (var(--container-width) - var(--dividers-width) - var(--arrows-width) - var(--padding)) / var(--num-phases)
+    --divider-width-min: var(--calcite-spacing-base);
+    --divider-width-max: var(--calcite-spacing-xl);
+
+    // prettier-ignore
+    --divider-width: calc(
+      (var(--container-width) -
+        (var(--phase-size) * var(--num-phases)) -
+        (var(--arrow-width) * 2) -
+        (var(--padding) * 2)
+      ) / (var(--num-phases) - 1)
     );
 
     container-type: inline-size;
@@ -34,13 +40,14 @@
       appearance: none;
       flex-shrink: 0;
       border: solid var(--calcite-border-width-sm) $border-color;
-      border-radius: 100%;
+      border-radius: var(--calcite-corner-radius-pill);
       background: var(--calcite-color-background);
       cursor: pointer;
-      width: var(--phase-width);
-      aspect-ratio: 1;
+      width: var(--phase-size);
       color: var(--calcite-color-text-1);
-      font-weight: $font-weight;
+      font-size: var(--calcite-font-size);
+      font-weight: var(--calcite-font-weight-regular);
+      aspect-ratio: 1;
 
       &:hover {
         border-width: var(--calcite-border-width-md);
@@ -75,7 +82,7 @@
     &__divider {
       flex: 0;
       background: var(--calcite-color-border-1);
-      min-width: var(--divider-width);
+      min-width: clamp(var(--divider-width-min), var(--divider-width), var(--divider-width-max));
       height: var(--calcite-border-width-sm);
 
       &--active {

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

@@ -156,6 +156,10 @@
           fieldset {
             border: none;
 
+            calcite-label {
+              word-break: break-all;
+            }
+
             calcite-button {
               margin-bottom: var(--calcite-spacing-sm);
             }

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

@@ -9,6 +9,10 @@
       display: flex;
       overflow: auto;
 
+      .esri-selection-list__layer-dropdown {
+        background-color: var(--calcite-color-foreground-1);
+      }
+
       &[scale] {
         calcite-panel {
           .esri-selection-list__count-text {
@@ -22,7 +26,7 @@
       &[scale="s"] {
         .esri-selection-list__count-text,
         .esri-selection-list__layer-dropdown {
-          padding: var(--calcite-spacing-sm);
+          padding: var(--calcite-spacing-sm) var(--calcite-spacing-sm) 0 var(--calcite-spacing-sm);
           font-size: var(--calcite-font-size-sm);
         }
       }
@@ -30,7 +34,7 @@
       &[scale="m"] {
         .esri-selection-list__count-text,
         .esri-selection-list__layer-dropdown {
-          padding: var(--calcite-spacing-md);
+          padding: var(--calcite-spacing-md) var(--calcite-spacing-md) 0 var(--calcite-spacing-md);
           font-size: var(--calcite-font-size-md);
         }
       }
@@ -38,7 +42,7 @@
       &[scale="l"] {
         .esri-selection-list__count-text,
         .esri-selection-list__layer-dropdown {
-          padding: var(--calcite-spacing-lg);
+          padding: var(--calcite-spacing-lg) var(--calcite-spacing-lg) 0 var(--calcite-spacing-lg);
           font-size: var(--calcite-font-size-lg);
         }
       }