@esri/solutions-components 0.7.7 → 0.7.9

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

@@ -14,135 +14,15 @@
 * 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 {
-  padding: 1rem;
+    padding: 1rem
 }
 
 .icon-text {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap
 }

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

@@ -14,136 +14,16 @@
 * 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: auto;
+    overflow-y: auto
 }
 
 .org-var-header {
-  margin-left: 0px;
-  margin-right: 0px;
-  margin-top: 0px;
-  margin-bottom: 1rem;
+    margin-left: 0px;
+    margin-right: 0px;
+    margin-top: 0px;
+    margin-bottom: 1rem
 }

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;
       }