@esri/solutions-components 0.7.7 → 0.7.8

package/dist/cjs/{utils-41eb3a01.js → utils-35b31785.js}

@@ -5,7 +5,7 @@
  */
 'use strict';
 
-const locale = require('./locale-56c3447b.js');
+const locale = require('./locale-9b9d0e94.js');
 const index = require('./index-22bb61da.js');
 
 exports.EInputType = void 0;

package/dist/collection/components/crowdsource-manager/crowdsource-manager.css

@@ -17,7 +17,7 @@
 :host {
   display: block;
   --calcite-label-margin-bottom: 0px;
-  --solutions-theme-foreground-color: var(--calcite-ui-foreground-1);
+  --solutions-theme-foreground-color: var(--calcite-color-foreground-1);
 }
 
 .padding-1-2 {
@@ -78,16 +78,16 @@
 }
 
 .border {
-  border: 1px solid var(--calcite-ui-border-3);
+  border: 1px solid var(--calcite-color-border-3);
 }
 
 .border-bottom {
-  border-bottom: 1px solid var(--calcite-ui-border-3);
+  border-bottom: 1px solid var(--calcite-color-border-3);
 }
 
 .border-sides {
-  border-left: 1px solid var(--calcite-ui-border-3);
-  border-right: 1px solid var(--calcite-ui-border-3);
+  border-left: 1px solid var(--calcite-color-border-3);
+  border-right: 1px solid var(--calcite-color-border-3);
 }
 
 .position-relative {

package/dist/collection/components/edit-card/edit-card.css

@@ -35,7 +35,7 @@
 }
 
 #feature-form {
-  --calcite-ui-background: none;
+  --calcite-color-background: none;
   padding-top: 0px;
 }
 
@@ -50,11 +50,11 @@
 .esri-editor__prompt--danger {
   position: relative !important;
   width: 100% !important;
-  background-color: var(--calcite-ui-foreground-1) !important;
+  background-color: var(--calcite-color-foreground-1) !important;
 }
 
 .esri-feature__content-node {
-  background-color: var(--calcite-ui-foreground-1) !important;
+  background-color: var(--calcite-color-foreground-1) !important;
 }
 
 .esri-editor__panel-toolbar {

package/dist/collection/components/info-card/info-card.css

@@ -50,7 +50,7 @@
 }
 
 .top-border {
-  border-top: 1px solid var(--calcite-ui-border-1);
+  border-top: 1px solid var(--calcite-color-border-1);
 }
 
 .min-width-100 {
@@ -63,6 +63,6 @@
 
 .esri-features__container {
   padding: 0.5rem !important;
-  background-color: var(--calcite-ui-foreground-1) !important;
+  background-color: var(--calcite-color-foreground-1) !important;
   height: 100% !important;
 }

package/dist/collection/components/json-editor/json-editor.css

@@ -15,126 +15,6 @@
 */
 :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;
 }
 
 .editor-container {
@@ -229,8 +109,8 @@ html[dir=rtl] .editor-buttons {
   margin: 0px;
   height: 100%;
   width: 100%;
-  padding: 0px;
   overflow: hidden;
+  padding: 0px;
   max-height: 100% !important;
 }
 
@@ -241,8 +121,8 @@ html[dir=rtl] .editor-buttons {
   margin: 0px;
   height: 100%;
   width: 50%;
-  padding: 0px;
   overflow: hidden;
+  padding: 0px;
   max-height: 100% !important;
 }
 
@@ -253,7 +133,7 @@ html[dir=rtl] .editor-buttons {
   margin: 0px;
   height: 100%;
   width: 50%;
-  padding: 0px;
   overflow: hidden;
+  padding: 0px;
   max-height: 100% !important;
 }

package/dist/collection/components/layer-table/layer-table.css

@@ -35,15 +35,15 @@
 }
 
 .table-border {
-  border: 1px solid var(--calcite-ui-border-2);
+  border: 1px solid var(--calcite-color-border-2);
 }
 
 .border-end {
-  border-inline-end: 1px solid var(--calcite-ui-border-2);
+  border-inline-end: 1px solid var(--calcite-color-border-2);
 }
 
 .border-bottom {
-  border-bottom: 1px solid var(--calcite-ui-border-2);
+  border-bottom: 1px solid var(--calcite-color-border-2);
 }
 
 .padding-5 {
@@ -81,11 +81,11 @@ html[dir="rtl"] .bottom-left {
 }
 
 .background {
-  background-color: var(--calcite-ui-background);
+  background-color: var(--calcite-color-background);
 }
 
 .text-color {
-  color: var(--calcite-ui-text-1);
+  color: var(--calcite-color-text-1);
 }
 
 .align-center {
@@ -93,7 +93,7 @@ html[dir="rtl"] .bottom-left {
 }
 
 .danger-color {
-  color: var(--calcite-ui-danger);
+  color: var(--calcite-color-status-danger);
 }
 
 .esri-feature-table vaadin-grid {
@@ -101,16 +101,13 @@ html[dir="rtl"] .bottom-left {
 }
 
 vaadin-grid-cell-content {
-  padding: var(--lumo-space-xs) var(--lumo-space-m) !important;
   font-size: 14px !important;
+  color: var(--calcite-color-text-3) !important;
 }
 
 .share-action {
   position: absolute;
   right: 0;
-  margin-top: 4px;
-  margin-inline-end: 4px;
-  margin-bottom: 4px;
 }
 
 html[dir="rtl"] .share-action {
@@ -122,11 +119,11 @@ html[dir="rtl"] .share-action {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  opacity: var(--calcite-ui-opacity-disabled);
+  opacity: var(--calcite-opacity-disabled);
   pointer-events: none;
 }
 
 .instant-app-share {
-  height: 42px !important;
+  height: 50px !important;
   display: inline-flex;
 }

package/dist/collection/components/layer-table/layer-table.js

@@ -630,7 +630,7 @@ export class LayerTable {
      * @returns VNode The node representing the DOM element that will contain the action
      */
     _getShare(icon) {
-        return (h("div", { class: "share-action", id: this._getId(icon) }, h("instant-apps-social-share", { autoUpdateShareUrl: false, class: "instant-app-share", embed: this.shareIncludeEmbed, popoverButtonIconScale: "s", ref: el => this._shareNode = el, scale: "m", shareButtonColor: "neutral", socialMedia: this.shareIncludeSocial, view: this.mapView }), this._getToolTip("bottom", icon, this._translations.share)));
+        return (h("div", { class: "share-action", id: this._getId(icon) }, h("instant-apps-social-share", { autoUpdateShareUrl: false, class: "instant-app-share", embed: this.shareIncludeEmbed, popoverButtonIconScale: "s", ref: el => this._shareNode = el, scale: "m", shareButtonColor: "neutral", shareButtonType: "action", socialMedia: this.shareIncludeSocial, view: this.mapView }), this._getToolTip("bottom", icon, this._translations.share)));
     }
     /**
      * Called each time the values that are used for custom url params change

package/dist/collection/components/layout-manager/layout-manager.css

@@ -1,73 +1,73 @@
-/** @license
- * Copyright 2023 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-:host {
-  display: block;
-}
-
-.action-center {
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-  -ms-grid-row-align: center;
-  align-items: center;
-  align-content: center;
-  justify-content: center;
-}
-
-.display-flex {
-  display: flex;
-}
-
-.icon-color {
-  --calcite-ui-icon-color: var(--calcite-ui-brand);
-}
-
-.icon {
-  cursor: pointer;
-}
-
-.tooltip-message {
-  padding: 5px 8px;
-  font-weight: var(--calcite-font-weight-normal);
-  color: var(--calcite-ui-text-2);
-}
-
-.header-text {
-  font-size: var(--calcite-font-size-0);
-  font-weight: var(--calcite-font-weight-medium);
-  padding-inline: 0.75rem;
-  padding-block: 0.875rem;
-  line-height: 1.25rem;
-}
-
-.img-background {
-  background-repeat: no-repeat;
-  background-size: 100% 100%;
-  width: 38px;
-  height: 26px;
-}
-
-.grid-background {
-  background-image: url('../../assets/data/images/grid.png');
-}
-
-.horizontal-background {
-  background-image: url('../../assets/data/images/horizontal.png');
-}
-
-.vertical-background {
-  background-image: url('../../assets/data/images/vertical.png');
-}
+/** @license
+ * Copyright 2023 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+:host {
+  display: block;
+}
+
+.action-center {
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  -ms-grid-row-align: center;
+  align-items: center;
+  align-content: center;
+  justify-content: center;
+}
+
+.display-flex {
+  display: flex;
+}
+
+.icon-color {
+  --calcite-color-icon-color: var(--calcite-color-brand);
+}
+
+.icon {
+  cursor: pointer;
+}
+
+.tooltip-message {
+  padding: 5px 8px;
+  font-weight: var(--calcite-font-weight-normal);
+  color: var(--calcite-color-text-2);
+}
+
+.header-text {
+  font-size: var(--calcite-font-size-0);
+  font-weight: var(--calcite-font-weight-medium);
+  padding-inline: 0.75rem;
+  padding-block: 0.875rem;
+  line-height: 1.25rem;
+}
+
+.img-background {
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  width: 38px;
+  height: 26px;
+}
+
+.grid-background {
+  background-image: url('../../assets/data/images/grid.png');
+}
+
+.horizontal-background {
+  background-image: url('../../assets/data/images/horizontal.png');
+}
+
+.vertical-background {
+  background-image: url('../../assets/data/images/vertical.png');
+}

package/dist/collection/components/map-draw-tools/map-draw-tools.css

@@ -19,7 +19,7 @@
 }
 
 .border {
-  outline: 1px solid var(--calcite-ui-border-input);
+  outline: 1px solid var(--calcite-color-border-input);
 }
 
 .div-visible {

package/dist/collection/components/map-layer-picker/map-layer-picker.css

@@ -20,14 +20,12 @@
 
 .map-layer-picker-container {
   width: 100%;
-  height: 100%;
 }
 
 .map-layer-picker {
   position: relative;
   width: 100%;
   display: inline-block;
-  height: 100%;
 }
 
 .padding-bottom-1 {
@@ -52,7 +50,7 @@
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  opacity: var(--calcite-ui-opacity-disabled);
+  opacity: var(--calcite-opacity-disabled);
   pointer-events: none;
 }
 
@@ -71,3 +69,7 @@
 .padding-start-1 {
   padding-inline-start: 1rem;
 }
+
+.cursor-default {
+  cursor: default;
+}

package/dist/collection/components/map-layer-picker/map-layer-picker.js

@@ -131,7 +131,7 @@ export class MapLayerPicker {
      * @returns Calcite label with the layer name and icon
      */
     _getSingleLayerPlaceholder() {
-        return (h("div", { class: "layer-picker-label-container" }, h("calcite-icon", { icon: "layers", scale: "s" }), h("calcite-label", { class: "no-bottom-margin padding-start-1" }, this.selectedName)));
+        return (h("div", { class: "layer-picker-label-container cursor-default" }, h("calcite-icon", { icon: "layers", scale: "s" }), h("calcite-label", { class: "no-bottom-margin padding-start-1" }, this.selectedName)));
     }
     /**
      * Create a list of layers from the map

package/dist/collection/components/map-picker/map-picker.css

@@ -16,7 +16,7 @@
 
 :host {
   display: block;
-  --solutions-theme-foreground-color: var(--calcite-ui-foreground-1);
+  --solutions-theme-foreground-color: var(--calcite-color-foreground-1);
 }
 
 .width-full {
@@ -35,7 +35,7 @@
   border-width: 0px;
   border-bottom-width: 1px;
   border-style: solid;
-  border-color: var(--calcite-ui-border-3);
+  border-color: var(--calcite-color-border-3);
 }
 
 .action-bar-size {
@@ -49,7 +49,7 @@
   flex-direction: column;
   overflow: hidden;
   animation: calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;
-  background-color: var(--calcite-ui-background);
+  background-color: var(--calcite-color-background);
   z-index: 1000;
   width: 100%;
   height: -moz-fit-content;

package/dist/collection/components/map-search/map-search.css

@@ -1,24 +1,24 @@
-/** @license
- * Copyright 2022 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-:host {
-  display: block;
-}
-
-.search-widget {
-  width: 100% !important;
-  border: 1px solid var(--calcite-ui-border-input);
-}
+/** @license
+ * Copyright 2022 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+:host {
+  display: block;
+}
+
+.search-widget {
+  width: 100% !important;
+  border: 1px solid var(--calcite-color-border-input);
+}

package/dist/collection/components/map-select-tools/map-select-tools.css

@@ -43,7 +43,7 @@
 
 .search-widget {
   width: 100% !important;
-  border: 1px solid var(--calcite-ui-border-input);
+  border: 1px solid var(--calcite-color-border-input);
 }
 
 .w-100 {
@@ -59,7 +59,7 @@
 }
 
 .end-border {
-  border-inline-end: 1px solid var(--calcite-ui-border-2);
+  border-inline-end: 1px solid var(--calcite-color-border-2);
 }
 
 .search-distance {
@@ -72,7 +72,7 @@
 }
 
 .border-bottom {
-  border-bottom: 1px solid var(--calcite-ui-border-2);
+  border-bottom: 1px solid var(--calcite-color-border-2);
 }
 
 .tooltip-container {
@@ -84,11 +84,11 @@
 }
 
 .icon {
-  --calcite-ui-icon-color: var(--calcite-ui-brand);
+  --calcite-color-icon-color: var(--calcite-color-brand);
 }
 
 .tooltip-message {
   padding: 5px 8px;
   font-weight: var(--calcite-font-weight-normal);
-  color: var(--calcite-ui-text-2);
+  color: var(--calcite-color-text-2);
 }

package/dist/collection/components/map-tools/map-tools.css

@@ -41,7 +41,7 @@
 }
 
 .border-bottom {
-  border-bottom: 1px solid var(--calcite-ui-border-3);
+  border-bottom: 1px solid var(--calcite-color-border-3);
 }
 
 .box-shadow {