@arcgis/core 5.1.0-next.104 → 5.1.0-next.106

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

@@ -64,6 +64,23 @@
       font-style: italic;
     }
 
+    &__multiple-choice-input,
+    &__multiple-choice-input__other-choice {
+      display: flex;
+      flex-direction: column;
+      gap: var(--calcite-spacing-sm);
+    }
+
+    &__multiple-choice-input__select-all {
+      border-block-end: var(--calcite-border-width-sm) solid var(--calcite-color-border-1);
+      padding-block-end: var(--calcite-spacing-sm);
+    }
+
+    &__multiple-choice-input__other-choice--with-select-all {
+      border-block-start: var(--calcite-border-width-sm) solid var(--calcite-color-border-1);
+      padding-block-start: var(--calcite-spacing-sm);
+    }
+
     &__form-header {
       margin-bottom: $cap-spacing;
 
@@ -75,7 +92,7 @@
     &__input {
       width: 100%;
 
-      &:focus {
+      &:not(calcite-checkbox):focus {
         outline: var(--calcite-spacing-base) solid var(--calcite-color-brand);
         outline-offset: -2px;
       }
@@ -160,6 +177,20 @@
       color: var(--calcite-color-text-2);
     }
 
+    &__attachment-element-list-item-actions {
+      display: flex;
+      gap: var(--calcite-spacing-xxs);
+      align-items: center;
+    }
+
+    &__attachment-element-list-item-staged-indicator {
+      display: inline-flex;
+      border-radius: 50%;
+      background-color: var(--calcite-color-brand);
+      block-size: var(--calcite-spacing-xs);
+      inline-size: var(--calcite-spacing-xs);
+    }
+
     &__attachment-element-list-item-thumb {
       border-radius: inherit;
       block-size: 100%;
@@ -181,6 +212,58 @@
       display: flex;
       justify-content: flex-start;
       padding-block-start: var(--calcite-spacing-xs);
+      inline-size: 100%;
+    }
+
+    &__attachment-element-file-input {
+      display: none;
+    }
+
+    &__attachment-element-add-panel {
+      display: flex;
+      flex-direction: column;
+      gap: var(--calcite-spacing-md);
+      padding: var(--calcite-spacing-sm);
+    }
+
+    &__attachment-element-add-dropzone {
+      box-sizing: border-box;
+      display: flex;
+      flex: 1;
+      flex-direction: column;
+      gap: var(--calcite-spacing-xxs);
+      align-items: center;
+      justify-content: center;
+      transition:
+        border-color var(--calcite-animation-timing) ease-in-out,
+        background-color var(--calcite-animation-timing) ease-in-out,
+        box-shadow var(--calcite-animation-timing) ease-in-out;
+      border: var(--calcite-border-width-sm) dashed var(--calcite-color-border-input);
+      border-radius: var(--calcite-corner-radius-s);
+      padding: var(--calcite-spacing-sm);
+      min-block-size: 10rem;
+      inline-size: 100%;
+      text-align: center;
+    }
+
+    &__attachment-element-add-dropzone-icon {
+      color: var(--calcite-color-text-2);
+    }
+
+    &__attachment-element-add-dropzone-heading {
+      line-height: var(--calcite-font-line-height-relative-snug);
+      color: var(--calcite-color-text-1);
+      font-size: var(--calcite-font-size-0);
+      font-weight: var(--calcite-font-weight-normal);
+    }
+
+    &__attachment-element-add-dropzone-detail {
+      max-inline-size: 100%;
+      line-height: var(--calcite-font-line-height-relative-snug);
+      word-break: break-all;
+      color: var(--calcite-color-text-3);
+      font-size: var(--calcite-font-size--1);
+      font-weight: var(--calcite-font-weight-normal);
     }
 
     &__attachment-element-detail {