@geoscene/core 4.23.9 → 4.23.10

package/assets/geoscene/themes/base/widgets/_FeatureMedia.scss

@@ -1,18 +1,18 @@
 @mixin featureMedia() {
-  .esri-feature-media__container {
+  .geoscene-feature-media__container {
     display: flex;
     flex-flow: row wrap;
     align-items: center;
   }
-  .esri-feature-media__item-title {
+  .geoscene-feature-media__item-title {
     font-size: $font-size__h2;
     margin: 0 0 0.2em;
   }
-  .esri-feature-media__item-caption {
+  .geoscene-feature-media__item-caption {
     font-size: $font-size__body;
     padding: 0.1rem 0 0;
   }
-  .esri-feature-media__container {
+  .geoscene-feature-media__container {
     flex-flow: row nowrap;
     align-items: stretch;
     justify-content: center;
@@ -20,7 +20,7 @@
     min-height: 150px;
     margin-top: $cap-spacing--half;
   }
-  .esri-feature-media__container .esri-feature-media__button {
+  .geoscene-feature-media__container .geoscene-feature-media__button {
     justify-content: center;
     align-items: center;
     flex: 0 0 $button-width;
@@ -31,11 +31,11 @@
     color: $interactive-font-color;
     display: flex;
   }
-  .esri-feature-media__container .esri-feature-media__button {
+  .geoscene-feature-media__container .geoscene-feature-media__button {
     cursor: pointer;
     color: $interactive-font-color--hover;
   }
-  .esri-feature-media__item {
+  .geoscene-feature-media__item {
     width: 100%;
     height: auto;
     display: flex;
@@ -44,7 +44,7 @@
     margin-top: $cap-spacing--half;
     margin-bottom: $cap-spacing;
   }
-  .esri-feature-media__item-container {
+  .geoscene-feature-media__item-container {
     flex: 0 1 auto;
     width: 100%;
     img {
@@ -55,29 +55,29 @@
       width: 100%;
     }
   }
-  .esri-feature-media__chart {
+  .geoscene-feature-media__chart {
     background-color: $background-color;
     //  Dimensions on containing div are required
     //  for Chart library to know how big to make the chart.
     width: 100%;
     height: 250px;
   }
-  .esri-feature-media__previous-icon--rtl,
-  .esri-feature-media__next-icon--rtl {
+  .geoscene-feature-media__previous-icon--rtl,
+  .geoscene-feature-media__next-icon--rtl {
     display: none;
   }
 
   //  RTL
   [dir="rtl"] {
-    .esri-feature-media__image-summary {
+    .geoscene-feature-media__image-summary {
       margin: 0 0.5em 0 0;
     }
-    .esri-feature-media__previous-icon--rtl,
-    .esri-feature-media__next-icon--rtl {
+    .geoscene-feature-media__previous-icon--rtl,
+    .geoscene-feature-media__next-icon--rtl {
       display: inline-block;
     }
-    .esri-feature-media__previous-icon,
-    .esri-feature-media__next-icon {
+    .geoscene-feature-media__previous-icon,
+    .geoscene-feature-media__next-icon {
       display: none;
     }
   }
@@ -85,4 +85,4 @@
 
 @if $include_FeatureMedia == true {
   @include featureMedia();
-}
+}

package/assets/geoscene/themes/base/widgets/_FeatureTable.scss

@@ -1,11 +1,11 @@
 @mixin featureTable() {
-  .esri-feature-table {
+  .geoscene-feature-table {
     display: flex;
     flex-direction: column;
     height: 100%;
     width: 100%;
 
-    .esri-feature-table__content {
+    .geoscene-feature-table__content {
       flex: 1 1 0;
       flex-grow: 1;
       min-height: 0;
@@ -13,22 +13,22 @@
       padding: 0;
     }
 
-    .esri-grid--no-column-menu {
-      .esri-column__menu-container {
+    .geoscene-grid--no-column-menu {
+      .geoscene-column__menu-container {
         display: none;
       }
     }
 
-    .esri-grid__grid {
+    .geoscene-grid__grid {
       height: 100%;
       width: 100%;
 
-      .esri-column__menu-container.esri-button-menu {
+      .geoscene-column__menu-container.geoscene-button-menu {
         height: 28px;
         width: 28px;
         position: inherit;
 
-        .esri-button-menu__button {
+        .geoscene-button-menu__button {
           height: 26px;
           width: 16px;
         }
@@ -36,19 +36,19 @@
     }
   }
 
-  .esri-feature-table__menu {
+  .geoscene-feature-table__menu {
     height: 40px;
     order: 3;
     padding: 4px;
     width: 40px;
 
-    .esri-button-menu {
+    .geoscene-button-menu {
       bottom: auto;
       position: relative;
     }
   }
 
-  .esri-feature-table__header {
+  .geoscene-feature-table__header {
     display: flex;
     flex-direction: row;
     font-weight: $font-weight;
@@ -58,25 +58,25 @@
     width: 100%;
   }
 
-  .esri-feature-table__title {
+  .geoscene-feature-table__title {
     flex-grow: 1;
     order: 2;
   }
 
-  .esri-feature-table__loader-container {
+  .geoscene-feature-table__loader-container {
     height: 40px;
     margin: 0 8px;
     order: 1;
     width: 32px;
   }
 
-  .esri-feature-table__loader {
+  .geoscene-feature-table__loader {
     height: 40px;
     width: 32px;
     background: url(../base/images/loading-throb.gif) no-repeat center;
   }
 
-  .esri-field-column__header-content {
+  .geoscene-field-column__header-content {
     align-items: center;
     display: flex;
     flex-grow: 1;
@@ -84,35 +84,35 @@
     overflow: visible;
   }
 
-  .esri-field-column__cell-content {
+  .geoscene-field-column__cell-content {
     font-size: 0.9em;
   }
 
-  .esri-field-column__cell__date-input-container {
+  .geoscene-field-column__cell__date-input-container {
     display: flex;
     height: 100%;
     width: 100%;
 
-    .esri-field-column__cell__date-input-wrapper {
+    .geoscene-field-column__cell__date-input-wrapper {
       display: flex;
       flex-direction: column;
       height: 100%;
       width: 100%;
     }
 
-    .esri-date-picker {
+    .geoscene-date-picker {
       flex: 1 1 0;
 
-      .esri-date-picker__text-input.esri-input {
+      .geoscene-date-picker__text-input.geoscene-input {
         width: 100%;
       }
 
-      .esri-date-picker__calendar-toggle {
+      .geoscene-date-picker__calendar-toggle {
         height: 26px;
       }
     }
 
-    .esri-time-picker {
+    .geoscene-time-picker {
       display: inline-flex;
       flex: 1 1 0;
 
@@ -122,7 +122,7 @@
     }
   }
 
-  .esri-field-column__button {
+  .geoscene-field-column__button {
     align-items: center;
     background-color: transparent;
     border: none;
@@ -148,7 +148,7 @@
     }
   }
 
-  .esri-field-column__cell__input-container {
+  .geoscene-field-column__cell__input-container {
     display: flex;
     top: 0;
     left: 0;
@@ -157,7 +157,7 @@
     position: absolute;
   }
 
-  .esri-field-column__cell-input {
+  .geoscene-field-column__cell-input {
     height: 100%;
     width: 100%;
     border: none;
@@ -166,7 +166,7 @@
   }
 
   [dir="rtl"] {
-    .esri-feature-table__menu-content {
+    .geoscene-feature-table__menu-content {
       left: 2px;
       right: auto;
     }
@@ -175,4 +175,4 @@
 
 @if $include_FeatureTable == true {
   @include featureTable();
-}
+}

package/assets/geoscene/themes/base/widgets/_FeatureTemplates.scss

@@ -2,11 +2,11 @@
   $icon_size: 48px;
   $border: 1px solid $border-color;
 
-  .esri-feature-templates {
+  .geoscene-feature-templates {
     background: var(--calcite-ui-background);
   }
 
-  .esri-feature-templates__list-item-icon {
+  .geoscene-feature-templates__list-item-icon {
     flex: 0;
     width: $icon_size;
     min-width: $icon_size;
@@ -15,25 +15,25 @@
     justify-content: center;
   }
 
-  .esri-feature-templates__list-item-icon > div {
+  .geoscene-feature-templates__list-item-icon > div {
     // TemplateItem thumbnail uses plain div as wrapper
     display: flex;
   }
 
-  .esri-feature-templates__loader {
+  .geoscene-feature-templates__loader {
     margin: 0 auto;
     height: $icon_size;
     width: 32px;
     background: url(../base/images/loading-throb.gif) no-repeat center;
   }
 
-  .esri-ui {
-    & .esri-feature-templates {
+  .geoscene-ui {
+    & .geoscene-feature-templates {
       width: $panel-width;
     }
 
-    // If FeatureTemplates is used _inside_ another widget, then .esri-feature-templates should fit inside it
-    & .esri-widget .esri-feature-templates {
+    // If FeatureTemplates is used _inside_ another widget, then .geoscene-feature-templates should fit inside it
+    & .geoscene-widget .geoscene-feature-templates {
       width: 100%;
     }
   }
@@ -41,4 +41,4 @@
 
 @if $include_FeatureTemplates == true {
   @include featureTemplates();
-}
+}