@esri/solutions-components 0.7.7 → 0.7.8

package/dist/collection/components/solution-resource-item/solution-resource-item.css

@@ -14,145 +14,25 @@
 * limitations under the License.
 */
 :host {
-  display: block;
-  box-sizing: border-box;
-  margin-left: 0.75rem;
-  margin-right: 0.75rem;
-  min-width: 0;
-  flex-grow: 0;
-  flex-shrink: 1;
-}
-:host-group-1-up > .block {
-  flex-basis: calc(100% - 1.5rem);
-  width: calc(100% - 1.5rem);
-}
-:host-group-2-up > .block {
-  flex-basis: calc(50% - 1.5rem);
-  width: calc(50% - 1.5rem);
-}
-:host-group-3-up > .block {
-  flex-basis: calc(33.33333% - 1.5rem);
-  width: calc(33.33333% - 1.5rem);
-}
-:host-group-4-up > .block {
-  flex-basis: calc(25% - 1.5rem);
-  width: calc(25% - 1.5rem);
-}
-:host-group-5-up > .block {
-  flex-basis: calc(20% - 1.5rem);
-  width: calc(20% - 1.5rem);
-}
-:host-group-6-up > .block {
-  flex-basis: calc(16.66666% - 1.5rem);
-  width: calc(16.66666% - 1.5rem);
-}
-:host-group-7-up > .block {
-  flex-basis: calc(14.2857% - 1.5rem);
-  width: calc(14.2857% - 1.5rem);
-}
-:host-group-8-up > .block {
-  flex-basis: calc(12.5% - 1.5rem);
-  width: calc(12.5% - 1.5rem);
-}
-.tablet-block-group-1-up > :host {
-    flex-basis: calc(100% - 1.5rem);
-    width: calc(100% - 1.5rem);
-  }
-.tablet-block-group-2-up > :host {
-    flex-basis: calc(50% - 1.5rem);
-    width: calc(50% - 1.5rem);
-  }
-.tablet-block-group-3-up > :host {
-    flex-basis: calc(33.33333% - 1.5rem);
-    width: calc(33.33333% - 1.5rem);
-  }
-.tablet-block-group-4-up > :host {
-    flex-basis: calc(25% - 1.5rem);
-    width: calc(25% - 1.5rem);
-  }
-.tablet-block-group-5-up > :host {
-    flex-basis: calc(20% - 1.5rem);
-    width: calc(20% - 1.5rem);
-  }
-.tablet-block-group-6-up > :host {
-    flex-basis: calc(16.66666% - 1.5rem);
-    width: calc(16.66666% - 1.5rem);
-  }
-.tablet-block-group-7-up > :host {
-    flex-basis: calc(14.2857% - 1.5rem);
-    width: calc(14.2857% - 1.5rem);
-  }
-.tablet-block-group-8-up > :host {
-    flex-basis: calc(12.5% - 1.5rem);
-    width: calc(12.5% - 1.5rem);
-  }
-.phone-block-group-1-up > :host {
-    flex-basis: calc(100% - 1.5rem);
-    width: calc(100% - 1.5rem);
-  }
-.phone-block-group-2-up > :host {
-    flex-basis: calc(50% - 1.5rem);
-    width: calc(50% - 1.5rem);
-  }
-.phone-block-group-3-up > :host {
-    flex-basis: calc(33.33333% - 1.5rem);
-    width: calc(33.33333% - 1.5rem);
-  }
-.phone-block-group-4-up > :host {
-    flex-basis: calc(25% - 1.5rem);
-    width: calc(25% - 1.5rem);
-  }
-.phone-block-group-5-up > :host {
-    flex-basis: calc(20% - 1.5rem);
-    width: calc(20% - 1.5rem);
-  }
-.phone-block-group-6-up > :host {
-    flex-basis: calc(16.66666% - 1.5rem);
-    width: calc(16.66666% - 1.5rem);
-  }
-.phone-block-group-7-up > :host {
-    flex-basis: calc(14.2857% - 1.5rem);
-    width: calc(14.2857% - 1.5rem);
-  }
-.phone-block-group-8-up > :host {
-    flex-basis: calc(12.5% - 1.5rem);
-    width: calc(12.5% - 1.5rem);
-  }
-.code-face :host {
-  letter-spacing: 0em;
-  font-family: "Consolas", "Andale Mono", "Lucida Console", "Monaco", monospace;
-  font-weight: 400;
-  font-style: normal;
-}
-.code-face :host b, .code-face :host strong {
-  font-weight: 400;
-}
-.code-italic :host {
-  letter-spacing: 0em;
-  font-family: "Consolas", "Andale Mono", "Lucida Console", "Monaco", monospace;
-  font-weight: 400;
-  font-style: italic;
-}
-.code-italic :host b, .code-italic :host strong {
-  font-weight: 400;
+    display: block
 }
 
 .resource-item {
-  padding: 1rem;
+    padding: 1rem
 }
 
 .resource-button {
-  margin-inline-end: 1rem;
+    margin-inline-end: 1rem
 }
 
 .resource-progress {
-  padding-top: 1rem;
+    padding-top: 1rem
 }
 
 .resources-container {
-  border: 1px #808080 solid;
+    border: 1px #808080 solid
 }
 
 .margin-bottom-1 {
-  margin-bottom: 1rem;
+    margin-bottom: 1rem
 }

package/dist/collection/components/solution-variables/solution-variables.css

@@ -14,142 +14,22 @@
 * limitations under the License.
 */
 :host {
-  display: block;
-  box-sizing: border-box;
-  margin-left: 0.75rem;
-  margin-right: 0.75rem;
-  min-width: 0;
-  flex-grow: 0;
-  flex-shrink: 1;
-}
-:host-group-1-up > .block {
-  flex-basis: calc(100% - 1.5rem);
-  width: calc(100% - 1.5rem);
-}
-:host-group-2-up > .block {
-  flex-basis: calc(50% - 1.5rem);
-  width: calc(50% - 1.5rem);
-}
-:host-group-3-up > .block {
-  flex-basis: calc(33.33333% - 1.5rem);
-  width: calc(33.33333% - 1.5rem);
-}
-:host-group-4-up > .block {
-  flex-basis: calc(25% - 1.5rem);
-  width: calc(25% - 1.5rem);
-}
-:host-group-5-up > .block {
-  flex-basis: calc(20% - 1.5rem);
-  width: calc(20% - 1.5rem);
-}
-:host-group-6-up > .block {
-  flex-basis: calc(16.66666% - 1.5rem);
-  width: calc(16.66666% - 1.5rem);
-}
-:host-group-7-up > .block {
-  flex-basis: calc(14.2857% - 1.5rem);
-  width: calc(14.2857% - 1.5rem);
-}
-:host-group-8-up > .block {
-  flex-basis: calc(12.5% - 1.5rem);
-  width: calc(12.5% - 1.5rem);
-}
-.tablet-block-group-1-up > :host {
-    flex-basis: calc(100% - 1.5rem);
-    width: calc(100% - 1.5rem);
-  }
-.tablet-block-group-2-up > :host {
-    flex-basis: calc(50% - 1.5rem);
-    width: calc(50% - 1.5rem);
-  }
-.tablet-block-group-3-up > :host {
-    flex-basis: calc(33.33333% - 1.5rem);
-    width: calc(33.33333% - 1.5rem);
-  }
-.tablet-block-group-4-up > :host {
-    flex-basis: calc(25% - 1.5rem);
-    width: calc(25% - 1.5rem);
-  }
-.tablet-block-group-5-up > :host {
-    flex-basis: calc(20% - 1.5rem);
-    width: calc(20% - 1.5rem);
-  }
-.tablet-block-group-6-up > :host {
-    flex-basis: calc(16.66666% - 1.5rem);
-    width: calc(16.66666% - 1.5rem);
-  }
-.tablet-block-group-7-up > :host {
-    flex-basis: calc(14.2857% - 1.5rem);
-    width: calc(14.2857% - 1.5rem);
-  }
-.tablet-block-group-8-up > :host {
-    flex-basis: calc(12.5% - 1.5rem);
-    width: calc(12.5% - 1.5rem);
-  }
-.phone-block-group-1-up > :host {
-    flex-basis: calc(100% - 1.5rem);
-    width: calc(100% - 1.5rem);
-  }
-.phone-block-group-2-up > :host {
-    flex-basis: calc(50% - 1.5rem);
-    width: calc(50% - 1.5rem);
-  }
-.phone-block-group-3-up > :host {
-    flex-basis: calc(33.33333% - 1.5rem);
-    width: calc(33.33333% - 1.5rem);
-  }
-.phone-block-group-4-up > :host {
-    flex-basis: calc(25% - 1.5rem);
-    width: calc(25% - 1.5rem);
-  }
-.phone-block-group-5-up > :host {
-    flex-basis: calc(20% - 1.5rem);
-    width: calc(20% - 1.5rem);
-  }
-.phone-block-group-6-up > :host {
-    flex-basis: calc(16.66666% - 1.5rem);
-    width: calc(16.66666% - 1.5rem);
-  }
-.phone-block-group-7-up > :host {
-    flex-basis: calc(14.2857% - 1.5rem);
-    width: calc(14.2857% - 1.5rem);
-  }
-.phone-block-group-8-up > :host {
-    flex-basis: calc(12.5% - 1.5rem);
-    width: calc(12.5% - 1.5rem);
-  }
-.code-face :host {
-  letter-spacing: 0em;
-  font-family: "Consolas", "Andale Mono", "Lucida Console", "Monaco", monospace;
-  font-weight: 400;
-  font-style: normal;
-}
-.code-face :host b, .code-face :host strong {
-  font-weight: 400;
-}
-.code-italic :host {
-  letter-spacing: 0em;
-  font-family: "Consolas", "Andale Mono", "Lucida Console", "Monaco", monospace;
-  font-weight: 400;
-  font-style: italic;
-}
-.code-italic :host b, .code-italic :host strong {
-  font-weight: 400;
+    display: block
 }
 
 .container-border {
-  overflow-y: hidden;
+    overflow-y: hidden
 }
 
 .org-var-header {
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-  margin-left: 0px;
-  margin-right: 0px;
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+    margin-left: 0px;
+    margin-right: 0px
 }
 
 .icon-text {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap
 }

package/dist/collection/demos/browse-solutions.html

@@ -297,9 +297,11 @@
     async function save() {
       const saveBtn = document.getElementById("saveBtn");
       saveBtn.setAttribute("loading", true);
+      saveBtn.setAttribute("disabled", true);
       const demo = document.getElementById("demo");
       demo.save().then(() => {
         saveBtn.removeAttribute("loading");
+        saveBtn.removeAttribute("disabled");
       });
     }
   </script>

package/dist/collection/demos/buffer-tools.html

@@ -31,7 +31,7 @@
       .over-map {
         position: absolute;
         right: 0px;
-        background-color: var(--calcite-ui-foreground-1);
+        background-color: var(--calcite-color-foreground-1);
       }
       .column {
         min-width: 300px;

package/dist/collection/demos/card-manager.html

@@ -23,7 +23,7 @@
     -->
     <style>
       .main {
-        background-color: var(--calcite-ui-foreground-1);
+        background-color: var(--calcite-color-foreground-1);
         display: grid;
         align-self: center;
       }
@@ -31,7 +31,7 @@
         width: 360px;
         height: 340px;
         padding: 1rem;
-        border: 1px solid var(--calcite-ui-border-2);
+        border: 1px solid var(--calcite-color-border-2);
       }
     </style>
 

package/dist/collection/demos/crowdsource-manager.html

@@ -28,14 +28,14 @@
       }
     </style>
 
-    <link rel="stylesheet" href="https://jsdev.arcgis.com/4.28/esri/themes/light/main.css" />
-    <!-- <link rel="stylesheet" href="https://jsdev.arcgis.com/4.28/esri/themes/dark/main.css" /> -->
+    <link rel="stylesheet" href="https://jsdev.arcgis.com/4.29/esri/themes/light/main.css" />
+    <!-- <link rel="stylesheet" href="https://jsdev.arcgis.com/4.29/esri/themes/dark/main.css" /> -->
     <link rel="stylesheet" type="text/css" href="https://js.arcgis.com/calcite-components/2.0.0/calcite.css" />
 
     <link rel="stylesheet" href="https://webapps-cdn.esri.com/CDN/fonts/v1.4.1/fonts.css" />
     <link rel="stylesheet" href="../solutions-components.css" type="text/css">
 
-    <script src="https://jsdev.arcgis.com/4.28/"></script>
+    <script src="https://jsdev.arcgis.com/4.29/"></script>
     <script type="module" src="../solutions-components.esm.js"></script>
 
     <script>

package/dist/collection/demos/crowdsource-reporter.html

@@ -36,7 +36,7 @@
       .over-map {
         position: absolute;
         left: 0px;
-        background-color: var(--calcite-ui-foreground-1);
+        background-color: var(--calcite-color-foreground-1);
       }
       .over-map[dir="rtl"] {
         right: 0px;
@@ -44,7 +44,7 @@
       .column {
         width: 320px;
         padding: 1rem;
-        border: 1px solid var(--calcite-ui-border-2);
+        border: 1px solid var(--calcite-color-border-2);
         height: -webkit-fill-available;
         height: 100%;
       }
@@ -55,17 +55,17 @@
 
     <link
       rel="stylesheet"
-      href="https://jsdev.arcgis.com/4.28/esri/themes/light/main.css"
+      href="https://jsdev.arcgis.com/4.29/esri/themes/light/main.css"
     />
     <!-- <link
       rel="stylesheet"
-      href="https://jsdev.arcgis.com/4.28/esri/themes/dark/main.css"
+      href="https://jsdev.arcgis.com/4.29/esri/themes/dark/main.css"
     /> -->
     <link rel="stylesheet" href="https://webapps-cdn.esri.com/CDN/fonts/v1.4.1/fonts.css" />
     <link rel="stylesheet" href="../solutions-components.css" type="text/css">
     <link rel="stylesheet" type="text/css" href="https://js.arcgis.com/calcite-components/2.0.0/calcite.css" />
 
-    <script src="https://jsdev.arcgis.com/4.28/"></script>
+    <script src="https://jsdev.arcgis.com/4.29/"></script>
     <script type="module" src="../solutions-components.esm.js"></script>
 
     <script>

package/dist/collection/demos/deduct-calculator.html

@@ -23,7 +23,7 @@
     -->
     <style>
       .main {
-        background-color: var(--calcite-ui-foreground-1);
+        background-color: var(--calcite-color-foreground-1);
         display: grid;
         align-self: center;
       }

package/dist/collection/demos/info-card.html

@@ -23,14 +23,14 @@
     -->
     <style>
       .main {
-        background-color: var(--calcite-ui-foreground-1);
+        background-color: var(--calcite-color-foreground-1);
         display: grid;
         align-self: center;
       }
       .column {
         min-width: 300px;
         padding: 1rem;
-        border: 1px solid var(--calcite-ui-border-2);
+        border: 1px solid var(--calcite-color-border-2);
       }
     </style>
 

package/dist/collection/demos/layer-table.html

@@ -31,12 +31,12 @@
       .over-map {
         position: absolute;
         right: 0px;
-        background-color: var(--calcite-ui-foreground-1);
+        background-color: var(--calcite-color-foreground-1);
       }
       .column {
         width: 50%;
         height: 100%;
-        border: 1px solid var(--calcite-ui-border-2);
+        border: 1px solid var(--calcite-color-border-2);
       }
       .column[dir="rtl"] {
         float: left;

package/dist/collection/demos/list-item.html

@@ -25,12 +25,12 @@
       .over-map {
         position: absolute;
         right: 0px;
-        background-color: var(--calcite-ui-foreground-1);
+        background-color: var(--calcite-color-foreground-1);
       }
       .column {
         min-width: 300px;
         padding: 1rem;
-        border: 1px solid var(--calcite-ui-border-2);
+        border: 1px solid var(--calcite-color-border-2);
         height: -webkit-fill-available;
         height: 100%;
       }

package/dist/collection/demos/map-card.html

@@ -25,12 +25,12 @@
       .over-map {
         position: absolute;
         right: 0px;
-        background-color: var(--calcite-ui-foreground-1);
+        background-color: var(--calcite-color-foreground-1);
       }
       .column {
         width: 100%;
         height: 100%;
-        border: 1px solid var(--calcite-ui-border-2);
+        border: 1px solid var(--calcite-color-border-2);
       }
       .column[dir="rtl"] {
         float: left;

package/dist/collection/demos/map-draw-tools.html

@@ -32,7 +32,7 @@
       .over-map {
         position: absolute;
         right: 0px;
-        background-color: var(--calcite-ui-foreground-1);
+        background-color: var(--calcite-color-foreground-1);
       }
       .column {
         min-width: 300px;

package/dist/collection/demos/map-layer-picker.html

@@ -31,7 +31,7 @@
       .over-map {
         position: absolute;
         right: 0px;
-        background-color: var(--calcite-ui-foreground-1);
+        background-color: var(--calcite-color-foreground-1);
       }
       .column {
         min-width: 300px;

package/dist/collection/demos/map-select-tools.html

@@ -31,7 +31,7 @@
       .over-map {
         position: absolute;
         right: 0px;
-        background-color: var(--calcite-ui-foreground-1);
+        background-color: var(--calcite-color-foreground-1);
       }
       .column {
         min-width: 300px;

package/dist/collection/demos/new-public-notification.html

@@ -36,7 +36,7 @@
       .over-map {
         position: absolute;
         right: 0px;
-        background-color: var(--calcite-ui-foreground-1);
+        background-color: var(--calcite-color-foreground-1);
       }
       .over-map[dir="rtl"] {
         left: 0px;
@@ -44,7 +44,7 @@
       .column {
         width: 320px;
         padding: 1rem;
-        border: 1px solid var(--calcite-ui-border-2);
+        border: 1px solid var(--calcite-color-border-2);
         height: -webkit-fill-available;
         height: 100%;
       }
@@ -55,17 +55,17 @@
 
     <link
       rel="stylesheet"
-      href="https://jsdev.arcgis.com/4.28/esri/themes/light/main.css"
+      href="https://jsdev.arcgis.com/4.29/esri/themes/light/main.css"
     />
     <!-- <link
       rel="stylesheet"
-      href="https://jsdev.arcgis.com/4.28/esri/themes/dark/main.css"
+      href="https://jsdev.arcgis.com/4.29/esri/themes/dark/main.css"
     /> -->
     <link rel="stylesheet" href="https://webapps-cdn.esri.com/CDN/fonts/v1.4.1/fonts.css" />
     <link rel="stylesheet" href="../solutions-components.css" type="text/css">
     <link rel="stylesheet" type="text/css" href="https://js.arcgis.com/calcite-components/2.0.0/calcite.css" />
 
-    <script src="https://jsdev.arcgis.com/4.28/"></script>
+    <script src="https://jsdev.arcgis.com/4.29/"></script>
     <script type="module" src="../solutions-components.esm.js"></script>
 
     <script>

package/dist/collection/demos/pci-calculator.html

@@ -23,7 +23,7 @@
     -->
     <style>
       .main {
-        background-color: var(--calcite-ui-foreground-1);
+        background-color: var(--calcite-color-foreground-1);
         display: grid;
         align-self: center;
       }

package/dist/components/crowdsource-manager.js

@@ -63,7 +63,7 @@ import { d as defineCustomElement$4 } from './map-picker2.js';
 import { d as defineCustomElement$3 } from './map-search2.js';
 import { d as defineCustomElement$2 } from './map-tools2.js';
 
-const crowdsourceManagerCss = ":host{display:block;--calcite-label-margin-bottom:0px;--solutions-theme-foreground-color:var(--calcite-ui-foreground-1)}.padding-1-2{padding:0.5rem}.display-flex{display:flex}.width-full{width:100%}.width-1-2{position:relative;width:50%}.width-1-3{position:relative;width:33.33%}.width-2-3{position:relative;width:66.66%}.width-0{width:0}.height-full{height:100%}.height-1-2{position:relative;height:50%}.height-0{height:0}.toggle-node{width:51px;height:51px}.overflow-hidden{overflow:hidden}.flex-column{flex-direction:column}.border{border:1px solid var(--calcite-ui-border-3)}.border-bottom{border-bottom:1px solid var(--calcite-ui-border-3)}.border-sides{border-left:1px solid var(--calcite-ui-border-3);border-right:1px solid var(--calcite-ui-border-3)}.position-relative{position:relative}.height-50{height:50%}.adjusted-height-50{height:calc(50% - 25px)}.adjusted-height-100{height:calc(100% - 50px)}.adjusted-height-100-50{height:calc(100% - 50px)}.display-none{display:none}.height-53{height:53px}.position-absolute-53{position:absolute;top:53px}.display-grid{display:grid}.height-50-px{height:50px}.padding-inline-start-75{padding-inline-start:0.75rem}.align-items-center{align-items:center}.esri-floor-filter__close-levels-button{width:40px !important;height:40px !important}.esri-floor-filter__level-button{width:40px !important;height:40px !important}.esri-floor-filter__browse-button{width:40px !important;height:40px !important}.position-absolute-50{position:absolute;top:50px;bottom:0px;left:0px;right:0px}.position-absolute-0{position:absolute;top:0px;bottom:0px;left:0px;right:0px}";
+const crowdsourceManagerCss = ":host{display:block;--calcite-label-margin-bottom:0px;--solutions-theme-foreground-color:var(--calcite-color-foreground-1)}.padding-1-2{padding:0.5rem}.display-flex{display:flex}.width-full{width:100%}.width-1-2{position:relative;width:50%}.width-1-3{position:relative;width:33.33%}.width-2-3{position:relative;width:66.66%}.width-0{width:0}.height-full{height:100%}.height-1-2{position:relative;height:50%}.height-0{height:0}.toggle-node{width:51px;height:51px}.overflow-hidden{overflow:hidden}.flex-column{flex-direction:column}.border{border:1px solid var(--calcite-color-border-3)}.border-bottom{border-bottom:1px solid var(--calcite-color-border-3)}.border-sides{border-left:1px solid var(--calcite-color-border-3);border-right:1px solid var(--calcite-color-border-3)}.position-relative{position:relative}.height-50{height:50%}.adjusted-height-50{height:calc(50% - 25px)}.adjusted-height-100{height:calc(100% - 50px)}.adjusted-height-100-50{height:calc(100% - 50px)}.display-none{display:none}.height-53{height:53px}.position-absolute-53{position:absolute;top:53px}.display-grid{display:grid}.height-50-px{height:50px}.padding-inline-start-75{padding-inline-start:0.75rem}.align-items-center{align-items:center}.esri-floor-filter__close-levels-button{width:40px !important;height:40px !important}.esri-floor-filter__level-button{width:40px !important;height:40px !important}.esri-floor-filter__browse-button{width:40px !important;height:40px !important}.position-absolute-50{position:absolute;top:50px;bottom:0px;left:0px;right:0px}.position-absolute-0{position:absolute;top:0px;bottom:0px;left:0px;right:0px}";
 
 const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceManager extends HTMLElement {
     constructor() {

package/dist/components/edit-card2.js

@@ -11,7 +11,7 @@ import { d as defineCustomElement$3 } from './icon.js';
 import { d as defineCustomElement$2 } from './loader.js';
 import { d as defineCustomElement$1 } from './notice.js';
 
-const editCardCss = ":host{display:block}.padding-bottom-1{padding-bottom:1rem}.font-bold{font-weight:var(--calcite-font-weight-bold)}.font-500{font-weight:var(--calcite-font-weight-medium)}.font-italic{font-style:italic}#feature-form{--calcite-ui-background:none;padding-top:0px}.padding-sides-bottom-1{padding:0 1rem 1rem 1rem}.position-relative{position:relative}.esri-editor__prompt--danger{position:relative !important;width:100% !important;background-color:var(--calcite-ui-foreground-1) !important}.esri-feature__content-node{background-color:var(--calcite-ui-foreground-1) !important}.esri-editor__panel-toolbar{display:none !important}.position-absolute{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}";
+const editCardCss = ":host{display:block}.padding-bottom-1{padding-bottom:1rem}.font-bold{font-weight:var(--calcite-font-weight-bold)}.font-500{font-weight:var(--calcite-font-weight-medium)}.font-italic{font-style:italic}#feature-form{--calcite-color-background:none;padding-top:0px}.padding-sides-bottom-1{padding:0 1rem 1rem 1rem}.position-relative{position:relative}.esri-editor__prompt--danger{position:relative !important;width:100% !important;background-color:var(--calcite-color-foreground-1) !important}.esri-feature__content-node{background-color:var(--calcite-color-foreground-1) !important}.esri-editor__panel-toolbar{display:none !important}.position-absolute{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}";
 
 const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLElement {
     constructor() {

package/dist/components/info-card2.js

@@ -17,7 +17,7 @@ import { d as defineCustomElement$3 } from './shell.js';
 import { d as defineCustomElement$2 } from './tooltip.js';
 import { d as defineCustomElement$1 } from './edit-card2.js';
 
-const infoCardCss = ":host{display:block;--calcite-label-margin-bottom:0}.padding-1-2{padding:0.5rem}.display-none{display:none !important}.display-flex{display:flex}.position-absolute{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}.esri-features__footer{display:none !important}.button-container{justify-content:space-between;align-items:center}.top-border{border-top:1px solid var(--calcite-ui-border-1)}.min-width-100{min-width:100px}.width-100{width:100%}.esri-features__container{padding:0.5rem !important;background-color:var(--calcite-ui-foreground-1) !important;height:100% !important}";
+const infoCardCss = ":host{display:block;--calcite-label-margin-bottom:0}.padding-1-2{padding:0.5rem}.display-none{display:none !important}.display-flex{display:flex}.position-absolute{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}.esri-features__footer{display:none !important}.button-container{justify-content:space-between;align-items:center}.top-border{border-top:1px solid var(--calcite-color-border-1)}.min-width-100{min-width:100px}.width-100{width:100%}.esri-features__container{padding:0.5rem !important;background-color:var(--calcite-color-foreground-1) !important;height:100% !important}";
 
 const InfoCard = /*@__PURE__*/ proxyCustomElement(class InfoCard extends HTMLElement {
     constructor() {

package/dist/components/instant-apps-ckeditor-wrapper2.js

@@ -14,7 +14,7 @@ const styles = `
     height: 70px !important;
     font-size: 0.875rem !important;
     line-height: 	1.375 !important;
-    color: var(--calcite-ui-text-1) !important;
+    color: var(--calcite-color-text-1) !important;
   }
 
   .ck.ck-editor__editable_inline>:first-child,
@@ -28,7 +28,7 @@ const styles = `
   }
 
   .calcite-mode-dark .ck-editor__editable {
-    color: var(--calcite-ui-text-inverse) !important;
+    color: var(--calcite-color-text-inverse) !important;
   }
 `;
 

package/dist/components/instant-apps-control-panel.js

@@ -10,7 +10,7 @@ const instantAppsControlPanelCss = ":host{display:block}";
 
 const MODE = 'floating';
 const GROUP = 'instant-apps-control-panel';
-const BORDER = 'border-bottom: 1px solid var(--calcite-ui-border-3)';
+const BORDER = 'border-bottom: 1px solid var(--calcite-color-border-3)';
 const SLOT_NAME = 'components';
 const SLOT_SELECTOR = `[slot="${SLOT_NAME}"]`;
 const InstantAppsControlPanel$1 = /*@__PURE__*/ proxyCustomElement(class InstantAppsControlPanel extends HTMLElement {

package/dist/components/instant-apps-export.js

@@ -238,7 +238,7 @@ const printStyling = `
     margin: 0;
   }`;
 
-const instantAppsExportCss = ":host{display:block;--instant-apps-export-action-background:var(--calcite-ui-foreground-1);--instant-apps-export-action-background-hover:var(--calcite-ui-foreground-2);--instant-apps-export-action-background-press:var(--calcite-ui-foreground-3);--instant-apps-export-action-height:100%;--instant-apps-export-action-width:fit-content;--instant-apps-export-action-icon-color:var(--calcite-ui-text-3);--instant-apps-export-action-icon-hover-color:var(--calcite-ui-text-1);--instant-apps-export-background:var(--calcite-ui-foreground-1);--instant-apps-export-text-color:var(--calcite-ui-text-1);--instant-apps-export-popover-width:250px}.instant-apps-export{height:100%}.instant-apps-export *{box-sizing:border-box}.instant-apps-export__popover-container,.instant-apps-export__inline-container{padding:12px;background:var(--instant-apps-export-background);--calcite-ui-text-1:var(--instant-apps-export-text-color)}.instant-apps-export__popover-container{width:var(--instant-apps-export-popover-width)}.instant-apps-export calcite-action{height:var(--instant-apps-export-action-height);width:var(--instant-apps-export-action-width);--calcite-ui-foreground-1:var(--instant-apps-export-action-background);--calcite-ui-foreground-2:var(--instant-apps-export-action-background-hover);--calcite-ui-foreground-3:var(--instant-apps-export-action-background-press);--calcite-ui-text-3:var(--instant-apps-export-action-icon-color);--calcite-ui-text-1:var(--instant-apps-export-action-icon-hover-color)}.instant-apps-export .instant-apps-export-print{display:none}.instant-apps-export__visually-hidden{position:absolute;top:0;z-index:-1;visibility:hidden}.instant-apps-export calcite-input{--calcite-ui-foreground-1:var(--instant-apps-export-background);--calcite-ui-text-1:var(--instant-apps-export-text-color)}.instant-apps-export calcite-popover{--calcite-ui-foreground-1:var(--instant-apps-export-background)}.instant-apps-export calcite-switch{--calcite-ui-foreground-1:#fff;--calcite-ui-foreground-2:#f3f3f3}.instant-apps-export .calcite-mode-dark calcite-switch{--calcite-ui-foreground-1:#2b2b2b;--calcite-ui-foreground-2:#202020}.instant-apps-export__compass-container.esri-widget{background:#fff;box-shadow:0 1px 2px rgba(0, 0, 0, 0.3)}.instant-apps-export__compass-container.esri-widget .esri-compass__icon.esri-icon-compass{color:#6e6e6e}";
+const instantAppsExportCss = ":host{display:block;--instant-apps-export-action-background:var(--calcite-color-foreground-1);--instant-apps-export-action-background-hover:var(--calcite-color-foreground-2);--instant-apps-export-action-background-press:var(--calcite-color-foreground-3);--instant-apps-export-action-height:100%;--instant-apps-export-action-width:fit-content;--instant-apps-export-action-icon-color:var(--calcite-color-text-3);--instant-apps-export-action-icon-hover-color:var(--calcite-color-text-1);--instant-apps-export-background:var(--calcite-color-foreground-1);--instant-apps-export-text-color:var(--calcite-color-text-1);--instant-apps-export-popover-width:250px}.instant-apps-export{height:100%}.instant-apps-export *{box-sizing:border-box}.instant-apps-export__popover-container,.instant-apps-export__inline-container{padding:12px;background:var(--instant-apps-export-background);--calcite-color-text-1:var(--instant-apps-export-text-color)}.instant-apps-export__popover-container{width:var(--instant-apps-export-popover-width)}.instant-apps-export calcite-action{height:var(--instant-apps-export-action-height);width:var(--instant-apps-export-action-width);--calcite-color-foreground-1:var(--instant-apps-export-action-background);--calcite-color-foreground-2:var(--instant-apps-export-action-background-hover);--calcite-color-foreground-3:var(--instant-apps-export-action-background-press);--calcite-color-text-3:var(--instant-apps-export-action-icon-color);--calcite-color-text-1:var(--instant-apps-export-action-icon-hover-color)}.instant-apps-export .instant-apps-export-print{display:none}.instant-apps-export__visually-hidden{position:absolute;top:0;z-index:-1;visibility:hidden}.instant-apps-export calcite-input{--calcite-color-foreground-1:var(--instant-apps-export-background);--calcite-color-text-1:var(--instant-apps-export-text-color)}.instant-apps-export calcite-popover{--calcite-color-foreground-1:var(--instant-apps-export-background)}.instant-apps-export calcite-switch{--calcite-color-foreground-1:#fff;--calcite-color-foreground-2:#f3f3f3}.instant-apps-export .calcite-mode-dark calcite-switch{--calcite-color-foreground-1:#2b2b2b;--calcite-color-foreground-2:#202020}.instant-apps-export__compass-container.esri-widget{background:#fff;box-shadow:0 1px 2px rgba(0, 0, 0, 0.3)}.instant-apps-export__compass-container.esri-widget .esri-compass__icon.esri-icon-compass{color:#6e6e6e}";
 
 const CSS = {
     baseDark: 'instant-apps-export calcite-mode-dark',
@@ -336,7 +336,7 @@ const InstantAppsExport$1 = /*@__PURE__*/ proxyCustomElement(class InstantAppsEx
         const options = this.includeMap ? this.renderMapOptions() : null;
         const print = this.renderPrint();
         const panelClass = this.mode === 'inline' ? CSS.inlineContainer : CSS.popoverContainer;
-        return (h("div", { class: panelClass }, headerTitle, includeExtraContent, includeMap, options, h("calcite-button", { width: "full", onClick: this.exportOnClick.bind(this), loading: this.exportIsLoading }, (_a = this.messages) === null || _a === void 0 ? void 0 : _a.export), print));
+        return (h("div", { class: panelClass }, headerTitle, includeExtraContent, includeMap, options, h("calcite-button", { width: "full", onClick: this.exportOnClick.bind(this), loading: this.exportIsLoading, disabled: this.exportIsLoading }, (_a = this.messages) === null || _a === void 0 ? void 0 : _a.export), print));
     }
     renderTitle() {
         var _a;