@arcgis/core 4.33.0-next.20250211 → 4.33.0-next.20250212

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

@@ -0,0 +1,80 @@
+@mixin featureFormUtilityNetworkAssociationLayers() {
+  .esri-feature-form-utility-network-association-layers {
+    background-color: transparent;
+
+    &__header {
+      > * {
+        margin-block-end: $cap-spacing;
+      }
+
+      > :last-child {
+        color: var(--calcite-color-text-3);
+      }
+    }
+
+    &__heading-content {
+      display: flex;
+      align-items: center;
+
+      calcite-icon {
+        margin-inline-end: $cap-spacing;
+      }
+    }
+
+    &__list-container {
+      min-height: $list-item-height;
+    }
+
+    &__feature-observer {
+      position: relative;
+      bottom: 20px;
+      z-index: 2;
+      text-align: center;
+    }
+
+    &__filter-container {
+      top: $cap-spacing;
+      z-index: 1;
+      margin-bottom: $cap-spacing;
+    }
+
+    &__filter-options-container {
+      display: flex;
+      flex-direction: column;
+    }
+
+    &__filter-options-header {
+      display: flex;
+      flex-direction: row;
+      align-items: baseline;
+
+      span {
+        flex-grow: 1;
+      }
+    }
+
+    &__sticky-loading-container {
+      display: flex;
+      position: sticky;
+      bottom: 10px;
+      align-items: center;
+      justify-content: center;
+      z-index: 2;
+      margin: 0;
+      padding: 0;
+      height: $list-item-height;
+      pointer-events: none;
+    }
+
+    &__loading-container {
+      display: flex;
+      justify-content: center;
+      padding: $cap-spacing 0;
+      width: 100%;
+    }
+  }
+}
+
+@if $include_FeatureFormUtilityNetworkAssociationLayers == true {
+  @include featureFormUtilityNetworkAssociationLayers();
+}

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

@@ -10,6 +10,11 @@
       > :last-child {
         color: var(--calcite-color-text-3);
       }
+
+      calcite-block {
+        margin-block-start: calc($cap-spacing--plus-half * -1);
+        margin-inline: calc($side-spacing * -1);
+      }
     }
 
     &__heading-content {
@@ -22,7 +27,16 @@
     }
 
     &__list-container {
+      display: flex;
+      flex-direction: column;
       min-height: $list-item-height;
+
+      calcite-fab {
+        display: flex;
+        flex-direction: row;
+        align-self: center;
+        margin-block: var(--calcite-spacing-md);
+      }
     }
   }
 }

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

@@ -0,0 +1,41 @@
+@mixin featureFormUtilityNetworkAssociationSettings() {
+  .esri-feature-form-utility-network-association-settings {
+    --calcite-block-padding: 0;
+
+    display: flex;
+    flex-direction: column;
+    background-color: transparent;
+
+    calcite-block {
+      margin-block: 0;
+      border: 1px solid var(--calcite-color-border-3);
+
+      &:first-of-type {
+        border-radius: 8px 8px 0 0;
+      }
+
+      &:last-of-type {
+        margin-block-end: var(--calcite-spacing-md);
+        border-top: none;
+        border-radius: 0 0 8px 8px;
+      }
+
+      calcite-label {
+        margin-inline: var(--calcite-spacing-md);
+      }
+    }
+
+    &__info-container {
+      display: flex;
+      flex-direction: column;
+
+      > * {
+        margin-block-end: var(--calcite-spacing-md);
+      }
+    }
+  }
+}
+
+@if $include_FeatureFormUtilityNetworkAssociationSettings == true {
+  @include featureFormUtilityNetworkAssociationSettings();
+}

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

@@ -5,16 +5,11 @@
     width: 100%;
     height: 100%;
 
-    &__operator-select {
-      margin-block: var(--calcite-spacing-sm);
-      margin-inline: var(--calcite-spacing-md);
-    }
-
     calcite-fab {
       display: flex;
       flex-direction: row;
       align-self: center;
-      padding: 1rem;
+      margin-block: var(--calcite-spacing-md);
     }
   }
 }