@geoscene/core 4.23.9 → 4.23.12

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

@@ -1,5 +1,5 @@
 @mixin basemapLayerList() {
-  .esri-basemap-layer-list {
+  .geoscene-basemap-layer-list {
     color: $font-color;
     background-color: $background-color--offset;
     padding: $cap-spacing--half $side-spacing--half;
@@ -7,21 +7,21 @@
     display: flex;
     flex-flow: column;
   }
-  .esri-basemap-layer-list__title-container {
+  .geoscene-basemap-layer-list__title-container {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
     padding: $cap-spacing--quarter 0;
   }
 
-  .esri-widget__heading.esri-basemap-layer-list__main-heading {
+  .geoscene-widget__heading.geoscene-basemap-layer-list__main-heading {
     flex: 1 1;
     margin: 0;
     padding: $cap-spacing--quarter $side-spacing--quarter $cap-spacing--quarter 0;
     font-size: $font-size;
   }
 
-  .esri-basemap-layer-list__editing-card {
+  .geoscene-basemap-layer-list__editing-card {
     display: flex;
     flex-flow: column;
     padding: $cap-spacing $side-spacing;
@@ -29,26 +29,26 @@
     @include defaultBoxShadow();
     border-radius: $border-radius;
     width: 100%;
-    animation: esri-fade-in-down 250ms ease-in-out;
+    animation: geoscene-fade-in-down 250ms ease-in-out;
   }
 
-  .esri-basemap-layer-list__editing-input {
+  .geoscene-basemap-layer-list__editing-input {
     display: flex;
     flex-flow: column;
   }
 
-  .esri-basemap-layer-list__editing-actions {
+  .geoscene-basemap-layer-list__editing-actions {
     display: flex;
     justify-content: flex-end;
     margin: $cap-spacing--half 0 0 0;
-    .esri-button {
+    .geoscene-button {
       font-size: $font-size--small;
       min-height: $button-height--half;
       width: 33%;
     }
   }
 
-  .esri-basemap-layer-list__edit-button {
+  .geoscene-basemap-layer-list__edit-button {
     background-color: transparent;
     border: none;
     color: $interactive-font-color;
@@ -68,51 +68,51 @@
     }
   }
 
-  .esri-widget__heading.esri-basemap-layer-list__list-heading {
+  .geoscene-widget__heading.geoscene-basemap-layer-list__list-heading {
     font-size: $font-size--small;
     padding: 0;
     font-weight: $font-weight;
   }
-  .esri-basemap-layer-list__list {
+  .geoscene-basemap-layer-list__list {
     list-style: none;
     margin: 0 0 0 $side-spacing;
     padding: 0;
-    @include sortableChosen("esri-basemap-layer-list--chosen");
+    @include sortableChosen("geoscene-basemap-layer-list--chosen");
   }
-  .esri-basemap-layer-list__list,
-  .esri-basemap-layer-list__item {
-    &.esri-basemap-layer-list--chosen .esri-basemap-layer-list__item {
+  .geoscene-basemap-layer-list__list,
+  .geoscene-basemap-layer-list__item {
+    &.geoscene-basemap-layer-list--chosen .geoscene-basemap-layer-list__item {
       background-color: transparent;
     }
   }
-  .esri-basemap-layer-list__item--has-children {
+  .geoscene-basemap-layer-list__item--has-children {
     padding-bottom: $cap-spacing--half;
   }
-  .esri-basemap-layer-list__item--has-children .esri-basemap-layer-list__list:not([hidden]) {
-    animation: esri-fade-in 375ms ease-in-out;
+  .geoscene-basemap-layer-list__item--has-children .geoscene-basemap-layer-list__list:not([hidden]) {
+    animation: geoscene-fade-in 375ms ease-in-out;
   }
-  .esri-basemap-layer-list__list[hidden] {
+  .geoscene-basemap-layer-list__list[hidden] {
     display: none;
   }
-  .esri-basemap-layer-list__list--root {
+  .geoscene-basemap-layer-list__list--root {
     margin: 0;
   }
-  .esri-basemap-layer-list__item--selectable .esri-basemap-layer-list__item-container {
+  .geoscene-basemap-layer-list__item--selectable .geoscene-basemap-layer-list__item-container {
     cursor: pointer;
     &:hover {
       border-left-color: $border-color;
     }
   }
-  .esri-basemap-layer-list__item[aria-selected="true"] > .esri-basemap-layer-list__item-container {
+  .geoscene-basemap-layer-list__item[aria-selected="true"] > .geoscene-basemap-layer-list__item-container {
     border-left-color: $border-color--active;
     &:hover {
       border-left-color: $border-color--active;
     }
   }
-  .esri-basemap-layer-list__item-container ~ .esri-basemap-layer-list__list .esri-basemap-layer-list__item {
+  .geoscene-basemap-layer-list__item-container ~ .geoscene-basemap-layer-list__list .geoscene-basemap-layer-list__item {
     border-bottom-width: 0;
   }
-  .esri-basemap-layer-list__item {
+  .geoscene-basemap-layer-list__item {
     background-color: $background-color;
     border-bottom: 1px solid $border-color;
     position: relative;
@@ -120,9 +120,9 @@
     list-style: none;
     margin: $cap-spacing--quarter 0;
     padding: 0;
-    @include sortableChosen("esri-basemap-layer-list--chosen");
+    @include sortableChosen("geoscene-basemap-layer-list--chosen");
   }
-  .esri-basemap-layer-list__item-container {
+  .geoscene-basemap-layer-list__item-container {
     border-left: $border-size--active solid transparent;
     display: flex;
     justify-content: flex-start;
@@ -130,34 +130,34 @@
     padding: $cap-spacing $side-spacing--half $cap-spacing ($side-spacing + 5);
     transition: border-color 250ms ease-in-out;
   }
-  .esri-basemap-layer-list__item--invisible-at-scale .esri-basemap-layer-list__item-title {
+  .geoscene-basemap-layer-list__item--invisible-at-scale .geoscene-basemap-layer-list__item-title {
     color: $interactive-font-color--disabled;
   }
-  .esri-basemap-layer-list__item--has-children > .esri-basemap-layer-list__item-container {
+  .geoscene-basemap-layer-list__item--has-children > .geoscene-basemap-layer-list__item-container {
     padding-left: 5px;
   }
-  .esri-basemap-layer-list__item--has-children > .esri-basemap-layer-list__list {
+  .geoscene-basemap-layer-list__item--has-children > .geoscene-basemap-layer-list__list {
     font-size: $font-size--small;
   }
-  .esri-basemap-layer-list__child-toggle {
+  .geoscene-basemap-layer-list__child-toggle {
     color: $interactive-font-color;
     width: $side-spacing; // Matches side padding on items that don't have this toggle.
     cursor: pointer;
   }
-  .esri-basemap-layer-list__child-toggle {
+  .geoscene-basemap-layer-list__child-toggle {
     @include icomoonIconSelector() {
       line-height: 1.2em;
     }
   }
-  .esri-basemap-layer-list__child-toggle .esri-basemap-layer-list__child-toggle-icon--opened,
-  .esri-basemap-layer-list__child-toggle .esri-basemap-layer-list__child-toggle-icon--closed-rtl,
-  .esri-basemap-layer-list__child-toggle--open .esri-basemap-layer-list__child-toggle-icon--closed {
+  .geoscene-basemap-layer-list__child-toggle .geoscene-basemap-layer-list__child-toggle-icon--opened,
+  .geoscene-basemap-layer-list__child-toggle .geoscene-basemap-layer-list__child-toggle-icon--closed-rtl,
+  .geoscene-basemap-layer-list__child-toggle--open .geoscene-basemap-layer-list__child-toggle-icon--closed {
     display: none;
   }
-  .esri-basemap-layer-list__child-toggle--open .esri-basemap-layer-list__child-toggle-icon--opened {
+  .geoscene-basemap-layer-list__child-toggle--open .geoscene-basemap-layer-list__child-toggle-icon--opened {
     display: block;
   }
-  .esri-basemap-layer-list__item-label {
+  .geoscene-basemap-layer-list__item-label {
     display: flex;
     flex-flow: row;
     justify-content: flex-start;
@@ -165,29 +165,29 @@
     flex: 1;
     user-select: none;
   }
-  .esri-basemap-layer-list__item-label[role="switch"],
-  .esri-basemap-layer-list__item-label[role="checkbox"],
-  .esri-basemap-layer-list__item-label[role="radio"] {
+  .geoscene-basemap-layer-list__item-label[role="switch"],
+  .geoscene-basemap-layer-list__item-label[role="checkbox"],
+  .geoscene-basemap-layer-list__item-label[role="radio"] {
     cursor: pointer;
   }
-  .esri-basemap-layer-list--new-ui {
-    .esri-basemap-layer-list__item-toggle-icon {
+  .geoscene-basemap-layer-list--new-ui {
+    .geoscene-basemap-layer-list__item-toggle-icon {
       visibility: hidden;
     }
-    .esri-basemap-layer-list__item--invisible .esri-basemap-layer-list__item-toggle-icon {
+    .geoscene-basemap-layer-list__item--invisible .geoscene-basemap-layer-list__item-toggle-icon {
       color: inherit;
     }
     // show icon on focus of toggle/label
-    .esri-basemap-layer-list__item-toggle:focus .esri-basemap-layer-list__item-toggle-icon,
-    .esri-basemap-layer-list__item-label:focus .esri-basemap-layer-list__item-toggle-icon,
+    .geoscene-basemap-layer-list__item-toggle:focus .geoscene-basemap-layer-list__item-toggle-icon,
+    .geoscene-basemap-layer-list__item-label:focus .geoscene-basemap-layer-list__item-toggle-icon,
     // how icon on hover of item container
-    .esri-basemap-layer-list__item-container:hover .esri-basemap-layer-list__item-toggle-icon,
+    .geoscene-basemap-layer-list__item-container:hover .geoscene-basemap-layer-list__item-toggle-icon,
     // always show icon when item is not visible
-    .esri-basemap-layer-list__item--invisible > .esri-basemap-layer-list__item-container .esri-basemap-layer-list__item-toggle-icon {
+    .geoscene-basemap-layer-list__item--invisible > .geoscene-basemap-layer-list__item-container .geoscene-basemap-layer-list__item-toggle-icon {
       visibility: visible;
     }
   }
-  .esri-basemap-layer-list__item-title {
+  .geoscene-basemap-layer-list__item-title {
     flex: 1;
     padding-left: $side-spacing--third;
     padding-right: $side-spacing--third;
@@ -196,7 +196,7 @@
     overflow-wrap: break-word;
     transition: color 125ms ease-in-out;
   }
-  .esri-basemap-layer-list__item-error-message {
+  .geoscene-basemap-layer-list__item-error-message {
     display: flex;
     align-items: center;
     visibility: hidden;
@@ -209,32 +209,32 @@
     font-size: $font-size--small;
     transition: transform 250ms ease-in-out;
     transform: scale(1, 0);
-    animation: esri-fade-in-down 250ms ease-in-out;
+    animation: geoscene-fade-in-down 250ms ease-in-out;
     transform-origin: center top;
   }
-  .esri-basemap-layer-list__item-error-message {
+  .geoscene-basemap-layer-list__item-error-message {
     @include icomoonIconSelector() {
       margin-right: 0.3rem;
     }
   }
-  .esri-basemap-layer-list__item--error {
-    .esri-basemap-layer-list__item-error-message {
+  .geoscene-basemap-layer-list__item--error {
+    .geoscene-basemap-layer-list__item-error-message {
       visibility: visible;
       height: auto;
       transform: scale(1, 1);
     }
   }
-  .esri-basemap-layer-list__item-toggle {
+  .geoscene-basemap-layer-list__item-toggle {
     padding: 0 $side-spacing--quarter;
     cursor: pointer;
     color: $interactive-font-color;
   }
 
-  @include loopingProgressBar(".esri-basemap-layer-list__item--updating");
-  .esri-basemap-layer-list__item-actions-menu {
+  @include loopingProgressBar(".geoscene-basemap-layer-list__item--updating");
+  .geoscene-basemap-layer-list__item-actions-menu {
     display: flex;
   }
-  .esri-basemap-layer-list__item-actions-menu-item {
+  .geoscene-basemap-layer-list__item-actions-menu-item {
     display: flex;
     flex: 1 0 auto;
     justify-content: center;
@@ -244,33 +244,33 @@
     padding: 0 $side-spacing--half;
     transition: border-color 250ms ease-in-out;
   }
-  .esri-basemap-layer-list__item-actions-menu-item:first-of-type {
+  .geoscene-basemap-layer-list__item-actions-menu-item:first-of-type {
     margin: 0 2px;
   }
-  .esri-basemap-layer-list__item-actions-menu-item:hover {
+  .geoscene-basemap-layer-list__item-actions-menu-item:hover {
     background-color: $background-color--hover;
   }
-  .esri-basemap-layer-list__item-actions-menu-item--active,
-  .esri-basemap-layer-list__item-actions-menu-item--active:hover {
+  .geoscene-basemap-layer-list__item-actions-menu-item--active,
+  .geoscene-basemap-layer-list__item-actions-menu-item--active:hover {
     background-color: $background-color--active;
   }
-  .esri-basemap-layer-list__item-actions {
+  .geoscene-basemap-layer-list__item-actions {
     position: relative;
     background-color: $background-color--offset;
     color: $interactive-font-color;
     margin: -1px $side-spacing--half $cap-spacing--half;
     height: auto;
   }
-  .esri-basemap-layer-list__item-actions[aria-expanded="true"] {
-    animation: esri-fade-in 250ms ease-in-out;
+  .geoscene-basemap-layer-list__item-actions[aria-expanded="true"] {
+    animation: geoscene-fade-in 250ms ease-in-out;
   }
-  .esri-basemap-layer-list__item-actions-section {
-    animation: esri-fade-in 375ms ease-in-out;
+  .geoscene-basemap-layer-list__item-actions-section {
+    animation: geoscene-fade-in 375ms ease-in-out;
   }
-  .esri-basemap-layer-list__item-actions[hidden] {
+  .geoscene-basemap-layer-list__item-actions[hidden] {
     display: none;
   }
-  .esri-basemap-layer-list__item-actions-close {
+  .geoscene-basemap-layer-list__item-actions-close {
     color: $interactive-font-color;
     position: absolute;
     top: 0;
@@ -279,7 +279,7 @@
     padding: 5px;
     z-index: 1;
   }
-  .esri-basemap-layer-list__item-actions-list {
+  .geoscene-basemap-layer-list__item-actions-list {
     display: flex;
     flex-flow: column;
     justify-content: flex-start;
@@ -288,11 +288,11 @@
     list-style: none;
     border-top: 2px solid $background-color;
   }
-  .esri-basemap-layer-list__item-actions-list:first-of-type {
+  .geoscene-basemap-layer-list__item-actions-list:first-of-type {
     border-top: 0;
   }
-  .esri-basemap-layer-list__item-action,
-  .esri-basemap-layer-list__action-toggle {
+  .geoscene-basemap-layer-list__item-action,
+  .geoscene-basemap-layer-list__action-toggle {
     border: 1px solid transparent;
     display: flex;
     justify-content: flex-start;
@@ -307,17 +307,17 @@
     transition: opacity 250ms ease-in-out 250ms, background-color 250ms ease-in-out;
   }
 
-  .esri-basemap-layer-list__item-action {
+  .geoscene-basemap-layer-list__item-action {
     justify-content: flex-start;
     flex-flow: row;
   }
-  .esri-basemap-layer-list__action-toggle {
+  .geoscene-basemap-layer-list__action-toggle {
     flex-flow: row-reverse;
     justify-content: space-between;
-    .esri-basemap-layer-list__item-action-title {
+    .geoscene-basemap-layer-list__item-action-title {
       margin-left: 0;
     }
-    .esri-basemap-layer-list__item-action-icon {
+    .geoscene-basemap-layer-list__item-action-icon {
       background-color: $background-color--inverse;
       border-radius: $toggle-height;
       box-shadow: 0 0 0 1px $interactive-font-color--inverse;
@@ -344,7 +344,7 @@
       }
     }
   }
-  .esri-basemap-layer-list__action-toggle--on .esri-basemap-layer-list__item-action-icon {
+  .geoscene-basemap-layer-list__action-toggle--on .geoscene-basemap-layer-list__item-action-icon {
     // Toggle on
     background-color: $interactive-font-color--inverse;
     &:before {
@@ -353,14 +353,14 @@
       left: $toggle-handle-size;
     }
   }
-  .esri-basemap-layer-list__item-action:hover,
-  .esri-basemap-layer-list__action-toggle:hover {
+  .geoscene-basemap-layer-list__item-action:hover,
+  .geoscene-basemap-layer-list__action-toggle:hover {
     background-color: $background-color--hover;
   }
-  .esri-basemap-layer-list__item-actions[hidden] .esri-basemap-layer-list__item-action {
+  .geoscene-basemap-layer-list__item-actions[hidden] .geoscene-basemap-layer-list__item-action {
     opacity: 0;
   }
-  .esri-basemap-layer-list__item-action-icon {
+  .geoscene-basemap-layer-list__item-action-icon {
     flex: 0 0 $icon-size;
     font-size: $icon-size;
     display: inline-block;
@@ -368,7 +368,7 @@
     height: $icon-size;
     margin-top: 0.1em;
   }
-  .esri-basemap-layer-list__item-action-image {
+  .geoscene-basemap-layer-list__item-action-image {
     flex: 0 0 $icon-size;
     width: $icon-size;
     height: $icon-size;
@@ -378,73 +378,73 @@
     background-repeat: no-repeat;
     background-position: 50% 50%;
   }
-  .esri-basemap-layer-list__item-action-title {
+  .geoscene-basemap-layer-list__item-action-title {
     margin-left: 5px;
   }
-  .esri-basemap-layer-list-panel {
+  .geoscene-basemap-layer-list-panel {
     margin: $cap-spacing $side-spacing;
   }
-  .esri-basemap-layer-list__hr {
+  .geoscene-basemap-layer-list__hr {
     border: none;
     height: 1px;
     width: 100%;
     background-color: $border-color;
   }
-  .esri-basemap-layer-list__no-items {
+  .geoscene-basemap-layer-list__no-items {
     color: $interactive-font-color;
     text-align: center;
     padding: $cap-spacing--double $side-spacing;
   }
 
   // Legend as content
-  .esri-basemap-layer-list-panel__content--legend .esri-legend__service {
+  .geoscene-basemap-layer-list-panel__content--legend .geoscene-legend__service {
     padding: 0 0 $cap-spacing 0;
   }
 
-  [dir="rtl"] .esri-basemap-layer-list {
-    .esri-basemap-layer-list__item--has-children > .esri-basemap-layer-list__item-container {
+  [dir="rtl"] .geoscene-basemap-layer-list {
+    .geoscene-basemap-layer-list__item--has-children > .geoscene-basemap-layer-list__item-container {
       padding-left: $side-spacing + 5;
       padding-right: 5px;
     }
-    .esri-basemap-layer-list__list {
+    .geoscene-basemap-layer-list__list {
       margin: 0 $side-spacing 0 0;
     }
-    .esri-basemap-layer-list__list--root {
+    .geoscene-basemap-layer-list__list--root {
       margin: 0;
     }
-    .esri-basemap-layer-list__child-toggle .esri-basemap-layer-list__child-toggle-icon--closed {
+    .geoscene-basemap-layer-list__child-toggle .geoscene-basemap-layer-list__child-toggle-icon--closed {
       display: none;
     }
-    .esri-basemap-layer-list__child-toggle .esri-basemap-layer-list__child-toggle-icon--closed-rtl {
+    .geoscene-basemap-layer-list__child-toggle .geoscene-basemap-layer-list__child-toggle-icon--closed-rtl {
       display: block;
     }
-    .esri-basemap-layer-list__child-toggle--open .esri-basemap-layer-list__child-toggle-icon--closed-rtl {
+    .geoscene-basemap-layer-list__child-toggle--open .geoscene-basemap-layer-list__child-toggle-icon--closed-rtl {
       display: none;
     }
-    .esri-basemap-layer-list__item-action-title {
+    .geoscene-basemap-layer-list__item-action-title {
       margin-left: 0;
       margin-right: 5px;
     }
-    .esri-basemap-layer-list__action-toggle .esri-basemap-layer-list__action-toggle {
+    .geoscene-basemap-layer-list__action-toggle .geoscene-basemap-layer-list__action-toggle {
       margin-right: 0;
     }
-    .esri-basemap-layer-list__item:after {
+    .geoscene-basemap-layer-list__item:after {
       animation: looping-progresss-bar-ani $looping-progress-bar-params reverse;
     }
-    .esri-basemap-layer-list__item-error-message {
+    .geoscene-basemap-layer-list__item-error-message {
       @include icomoonIconSelector() {
         margin-right: 0;
         margin-left: 0.3rem;
       }
     }
-    .esri-basemap-layer-list__item--selectable .esri-basemap-layer-list__item-container {
+    .geoscene-basemap-layer-list__item--selectable .geoscene-basemap-layer-list__item-container {
       border-left: none;
       border-right: $border-size--active solid transparent;
       &:hover {
         border-right-color: $border-color;
       }
     }
-    .esri-basemap-layer-list__item[aria-selected="true"] > .esri-basemap-layer-list__item-container {
+    .geoscene-basemap-layer-list__item[aria-selected="true"] > .geoscene-basemap-layer-list__item-container {
       border-right-color: $border-color--active;
       &:hover {
         border-right-color: $border-color--active;
@@ -455,4 +455,4 @@
 
 @if $include_BasemapLayerList==true {
   @include basemapLayerList();
-}
+}

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

@@ -2,7 +2,7 @@ $basemap_toggle_offset: 5px !default;
 $basemap_toggle_size: $button-width--double !default;
 
 @mixin basemapToggle() {
-  .esri-basemap-toggle {
+  .geoscene-basemap-toggle {
     cursor: pointer;
     position: relative;
     overflow: visible;
@@ -19,8 +19,8 @@ $basemap_toggle_size: $button-width--double !default;
     }
   }
 
-  .esri-basemap-toggle__container,
-  .esri-basemap-toggle__image {
+  .geoscene-basemap-toggle__container,
+  .geoscene-basemap-toggle__image {
     width: $basemap_toggle_size;
     height: $basemap_toggle_size;
     position: absolute;
@@ -29,11 +29,11 @@ $basemap_toggle_size: $button-width--double !default;
     overflow: hidden;
   }
 
-  .esri-basemap-toggle__container {
+  .geoscene-basemap-toggle__container {
     @include defaultBoxShadow();
   }
 
-  .esri-basemap-toggle__image {
+  .geoscene-basemap-toggle__image {
     background-color: $background-color;
     background-size: cover;
     background-repeat: no-repeat;
@@ -41,21 +41,21 @@ $basemap_toggle_size: $button-width--double !default;
     background-image: url(../base/images/basemap-toggle-64.svg);
   }
 
-  .esri-basemap-toggle__image--loading {
+  .geoscene-basemap-toggle__image--loading {
     background-image: unset;
     align-items: center;
     display: flex;
     justify-content: center;
   }
 
-  .esri-basemap-toggle__image--secondary {
+  .geoscene-basemap-toggle__image--secondary {
     margin-top: $basemap_toggle_offset;
     margin-left: $basemap_toggle_offset;
     @include defaultBoxShadow();
-    animation: esri-basemap-slide 2000ms ease-in-out;
+    animation: geoscene-basemap-slide 2000ms ease-in-out;
   }
 
-  .esri-basemap-toggle__image-overlay {
+  .geoscene-basemap-toggle__image-overlay {
     position: absolute;
     width: 100%;
     height: 100%;
@@ -64,12 +64,12 @@ $basemap_toggle_size: $button-width--double !default;
     display: flex;
     align-items: flex-end;
     justify-content: center;
-    .esri-basemap-toggle:hover {
+    .geoscene-basemap-toggle:hover {
       background-color: rgba($interactive-font-color--hover, 0.4);
     }
   }
 
-  .esri-basemap-toggle__title {
+  .geoscene-basemap-toggle__title {
     flex: 1 0 100%;
     height: auto;
     font-size: 9px;
@@ -80,9 +80,9 @@ $basemap_toggle_size: $button-width--double !default;
     text-align: center;
   }
 
-  .esri-basemap-toggle.esri-disabled {
-    .esri-basemap-toggle__image-overlay,
-    .esri-basemap-toggle__image--secondary {
+  .geoscene-basemap-toggle.geoscene-disabled {
+    .geoscene-basemap-toggle__image-overlay,
+    .geoscene-basemap-toggle__image--secondary {
       background-color: $background-color;
       &:before {
         position: absolute;
@@ -95,20 +95,20 @@ $basemap_toggle_size: $button-width--double !default;
         opacity: 0.25;
       }
     }
-    .esri-basemap-toggle__image-overlay {
+    .geoscene-basemap-toggle__image-overlay {
       background-image: url(../base/images/basemap-toggle-64.svg);
     }
-    .esri-basemap-toggle__image--secondary:before {
+    .geoscene-basemap-toggle__image--secondary:before {
       opacity: 1;
     }
-    .esri-basemap-toggle__title {
+    .geoscene-basemap-toggle__title {
       display: none;
     }
   }
 
-  .esri-widget.esri-basemap-toggle,
-  .esri-ui-corner {
-    .esri-widget.esri-basemap-toggle {
+  .geoscene-widget.geoscene-basemap-toggle,
+  .geoscene-ui-corner {
+    .geoscene-widget.geoscene-basemap-toggle {
       background-color: transparent;
       @include boxShadow("none");
     }
@@ -117,7 +117,7 @@ $basemap_toggle_size: $button-width--double !default;
 
 ////////////////////////////////////////
 //  ANIMATIONS
-@keyframes esri-basemap-slide {
+@keyframes geoscene-basemap-slide {
   0% {
     margin-top: 0;
     margin-left: 0;
@@ -137,4 +137,4 @@ $basemap_toggle_size: $button-width--double !default;
 
 @if $include_BasemapToggle == true {
   @include basemapToggle();
-}
+}

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

@@ -1,7 +1,7 @@
 @mixin binaryColorSizeSlider() {
-  @include smartMappingSlider(esri-binary-color-size-slider);
+  @include smartMappingSlider(geoscene-binary-color-size-slider);
 }
 
 @if $include_BinaryColorSizeSlider == true {
   @include binaryColorSizeSlider();
-}
+}