@geoscene/core 4.23.9 → 4.23.12

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

@@ -3,7 +3,7 @@
    ========================================================================== */
 
 @mixin widget {
-  .esri-widget {
+  .geoscene-widget {
     box-sizing: border-box;
     color: $font-color;
     font-size: $font-size;
@@ -33,7 +33,7 @@
     }
   }
 
-  .esri-widget__anchor {
+  .geoscene-widget__anchor {
     color: $button-color;
     &:hover {
       color: $button-color--hover;
@@ -48,7 +48,7 @@
     }
   }
 
-  .esri-widget__header {
+  .geoscene-widget__header {
     align-items: center;
     background-color: $background-color;
     display: flex;
@@ -57,7 +57,7 @@
     justify-content: space-between;
     min-height: $header-height--min;
     width: 100%;
-    .esri-widget__heading {
+    .geoscene-widget__heading {
       align-items: center;
       color: $interactive-font-color;
       display: flex;
@@ -82,25 +82,25 @@
     }
   }
 
-  .esri-widget__heading {
+  .geoscene-widget__heading {
     color: $heading-color;
     font-weight: $font-weight__heading;
     margin: 0 0 0.5rem 0;
   }
-  h1.esri-widget__heading {
+  h1.geoscene-widget__heading {
     font-size: $font-size__h1;
   }
-  h2.esri-widget__heading {
+  h2.geoscene-widget__heading {
     font-size: $font-size__h2;
   }
-  h3.esri-widget__heading,
-  h4.esri-widget__heading,
-  h5.esri-widget__heading,
-  h6.esri-widget__heading {
+  h3.geoscene-widget__heading,
+  h4.geoscene-widget__heading,
+  h5.geoscene-widget__heading,
+  h6.geoscene-widget__heading {
     font-size: $font-size__lt-h2;
   }
 
-  .esri-widget__footer {
+  .geoscene-widget__footer {
     align-items: center;
     background-color: $background-color;
     display: flex;
@@ -109,7 +109,7 @@
     width: 100%;
   }
 
-  .esri-widget__footer-pagination {
+  .geoscene-widget__footer-pagination {
     align-items: center;
     color: $interactive-font-color;
     display: flex;
@@ -130,7 +130,7 @@
     }
   }
 
-  .esri-menu {
+  .geoscene-menu {
     position: absolute;
     top: 100%;
     left: 0;
@@ -147,7 +147,7 @@
     width: 100%;
     visibility: hidden;
     max-height: 0;
-    .esri-menu__header {
+    .geoscene-menu__header {
       padding: 6px 12px;
       background-color: $background-color--inverse;
       color: $interactive-font-color--inverse;
@@ -187,7 +187,7 @@
     }
   }
 
-  .esri-widget__table {
+  .geoscene-widget__table {
     color: $font-color;
     border: none;
     border-collapse: collapse;
@@ -226,7 +226,7 @@
     }
   }
 
-  .esri-input {
+  .geoscene-input {
     background-color: $background-color;
     border: 1px solid $border-color;
     color: $font-color;
@@ -253,7 +253,7 @@
     }
   }
 
-  .esri-button {
+  .geoscene-button {
     align-items: center;
     background-color: $button-color;
     border: 1px solid $button-color;
@@ -275,26 +275,26 @@
       border: 1px solid $button-color--hover;
       color: $button-color--inverse;
     }
-    &.esri-button--small {
+    &.geoscene-button--small {
       font-size: $font-size--small;
       min-height: $button-height--half;
     }
-    &.esri-button--half {
+    &.geoscene-button--half {
       display: inline-block;
       width: 50%;
     }
-    &.esri-button--third {
+    &.geoscene-button--third {
       display: inline-block;
       width: 33%;
     }
   }
 
-  .esri-button--secondary {
+  .geoscene-button--secondary {
     background-color: transparent;
     color: $button-color;
   }
 
-  .esri-button--tertiary {
+  .geoscene-button--tertiary {
     background-color: transparent;
     border-color: transparent;
     color: $button-color;
@@ -305,12 +305,12 @@
     }
   }
 
-  .esri-button--disabled {
+  .geoscene-button--disabled {
     opacity: $opacity--disabled;
     pointer-events: none;
   }
 
-  .esri-button--drill-in {
+  .geoscene-button--drill-in {
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -343,7 +343,7 @@
     display: inline-block;
   }
 
-  .esri-widget__content--empty {
+  .geoscene-widget__content--empty {
     align-items: center;
     color: $interactive-font-color;
     display: flex;
@@ -351,32 +351,32 @@
     padding: $cap-spacing--plus-half $side-spacing--plus-half;
     text-align: center;
 
-    h1.esri-widget__heading,
-    h2.esri-widget__heading,
-    h3.esri-widget__heading,
-    h4.esri-widget__heading,
-    h5.esri-widget__heading {
+    h1.geoscene-widget__heading,
+    h2.geoscene-widget__heading,
+    h3.geoscene-widget__heading,
+    h4.geoscene-widget__heading,
+    h5.geoscene-widget__heading {
       font-weight: $font-weight;
     }
   }
 
-  .esri-widget__content-illustration--empty {
+  .geoscene-widget__content-illustration--empty {
     padding: 1rem 0;
     width: 128px;
   }
 
-  .esri-widget__content-icon--empty {
+  .geoscene-widget__content-icon--empty {
     padding: 0.5rem 0;
     width: 32px;
   }
 
   // Select
 
-  // From https://esri.github.io/calcite-ui-icons/#chevron-down
+  // From https://geoscene.github.io/calcite-ui-icons/#chevron-down
   $select_caret: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23" +
     str-slice(#{$interactive-font-color}, 2) + "' fillrule='nonzero'/%3E%3C/svg%3E";
 
-  .esri-select {
+  .geoscene-select {
     cursor: pointer;
     display: block;
     font-family: inherit;
@@ -397,25 +397,25 @@
     }
   }
 
-  .esri-select::-ms-expand {
+  .geoscene-select::-ms-expand {
     display: none;
   }
 
   // Disabled
-  .esri-disabled a,
-  .esri-disabled [role="menu"],
-  .esri-disabled [role="checkbox"] {
+  .geoscene-disabled a,
+  .geoscene-disabled [role="menu"],
+  .geoscene-disabled [role="checkbox"] {
     color: $interactive-font-color--disabled;
   }
 
-  .esri-disabled {
+  .geoscene-disabled {
     @include icomoonIconSelector() {
       color: $interactive-font-color--disabled;
     }
   }
 
   .keynav-mode {
-    .esri-widget {
+    .geoscene-widget {
       //  Saving this for when we can toggle a key-nav class
       &:focus {
         @include outlineStyle();
@@ -431,8 +431,8 @@
   /* ==========================================================================
    Loader
    ========================================================================== */
-  .esri-widget__loader-animation {
-    animation: esri-rotate 1250ms infinite linear;
+  .geoscene-widget__loader-animation {
+    animation: geoscene-rotate 1250ms infinite linear;
     transform: translateZ(0);
     border: 0.15em solid transparent;
     border-color: rgba($font-color, 0.8) $border-color $border-color $border-color;
@@ -447,7 +447,7 @@
    Widget Button
    ========================================================================== */
 
-  .esri-widget--button {
+  .geoscene-widget--button {
     font-size: $font-size;
     background-color: $background-color;
     color: $interactive-font-color;
@@ -473,27 +473,27 @@
   }
 
   /* ==========================================================================
-   Components (top Widget node in esri-ui-corner)
+   Components (top Widget node in geoscene-ui-corner)
    ========================================================================== */
 
-  .esri-ui-corner {
-    .esri-component {
+  .geoscene-ui-corner {
+    .geoscene-component {
       @include defaultBoxShadow();
     }
-    .esri-expand .esri-widget--panel,
-    .esri-expand .esri-widget--panel-height-only,
-    .esri-component.esri-widget--panel,
-    .esri-component.esri-widget--panel-height-only {
+    .geoscene-expand .geoscene-widget--panel,
+    .geoscene-expand .geoscene-widget--panel-height-only,
+    .geoscene-component.geoscene-widget--panel,
+    .geoscene-component.geoscene-widget--panel-height-only {
       min-height: $panel-min-height--xsmall;
       transition: max-height 250ms ease-in-out;
       overflow-y: auto;
     }
-    .esri-expand .esri-widget--panel,
-    .esri-expand .esri-widget--panel-height-only,
-    .esri-component > .esri-widget--panel,
-    .esri-component.esri-widget--panel {
+    .geoscene-expand .geoscene-widget--panel,
+    .geoscene-expand .geoscene-widget--panel-height-only,
+    .geoscene-component > .geoscene-widget--panel,
+    .geoscene-component.geoscene-widget--panel {
       width: $panel-width;
-      .esri-widget--panel {
+      .geoscene-widget--panel {
         // widget--panel inside another widget--panel
         width: auto;
       }
@@ -501,42 +501,42 @@
   }
 
   // Max heights
-  .esri-view-height-greater-than-medium {
-    .esri-expand .esri-widget--panel,
-    .esri-expand .esri-widget--panel-height-only,
-    .esri-ui-corner .esri-component.esri-widget--panel,
-    .esri-ui-corner .esri-component.esri-widget--panel-height-only {
+  .geoscene-view-height-greater-than-medium {
+    .geoscene-expand .geoscene-widget--panel,
+    .geoscene-expand .geoscene-widget--panel-height-only,
+    .geoscene-ui-corner .geoscene-component.geoscene-widget--panel,
+    .geoscene-ui-corner .geoscene-component.geoscene-widget--panel-height-only {
       max-height: $view-height--gt-medium__component-max-height;
     }
   }
-  .esri-view-height-medium {
-    .esri-expand .esri-widget--panel,
-    .esri-expand .esri-widget--panel-height-only,
-    .esri-ui-corner .esri-component.esri-widget--panel,
-    .esri-ui-corner .esri-component.esri-widget--panel-height-only {
+  .geoscene-view-height-medium {
+    .geoscene-expand .geoscene-widget--panel,
+    .geoscene-expand .geoscene-widget--panel-height-only,
+    .geoscene-ui-corner .geoscene-component.geoscene-widget--panel,
+    .geoscene-ui-corner .geoscene-component.geoscene-widget--panel-height-only {
       max-height: $view-height--medium__component-max-height;
     }
   }
-  .esri-view-height-small {
-    .esri-expand .esri-widget--panel,
-    .esri-expand .esri-widget--panel-height-only,
-    .esri-ui-corner .esri-component.esri-widget--panel,
-    .esri-ui-corner .esri-component.esri-widget--panel-height-only {
+  .geoscene-view-height-small {
+    .geoscene-expand .geoscene-widget--panel,
+    .geoscene-expand .geoscene-widget--panel-height-only,
+    .geoscene-ui-corner .geoscene-component.geoscene-widget--panel,
+    .geoscene-ui-corner .geoscene-component.geoscene-widget--panel-height-only {
       max-height: $view-height--small__component-max-height;
     }
   }
-  .esri-view-height-xsmall {
-    .esri-expand .esri-widget--panel,
-    .esri-expand .esri-widget--panel-height-only,
-    .esri-ui-corner .esri-component.esri-widget--panel,
-    .esri-ui-corner .esri-component.esri-widget--panel-height-only {
+  .geoscene-view-height-xsmall {
+    .geoscene-expand .geoscene-widget--panel,
+    .geoscene-expand .geoscene-widget--panel-height-only,
+    .geoscene-ui-corner .geoscene-component.geoscene-widget--panel,
+    .geoscene-ui-corner .geoscene-component.geoscene-widget--panel-height-only {
       max-height: $view-height--xsmall__component-max-height;
     }
   }
 
-  .esri-ui-bottom-right,
-  .esri-ui-bottom-left {
-    .esri-menu {
+  .geoscene-ui-bottom-right,
+  .geoscene-ui-bottom-left {
+    .geoscene-menu {
       top: auto;
       bottom: 100%;
       margin-top: 0;
@@ -549,27 +549,27 @@
    ========================================================================== */
 
   [dir="rtl"] {
-    .esri-widget__table {
+    .geoscene-widget__table {
       th {
         text-align: right;
         border-right: none;
         border-left: 3px solid rgba(0, 0, 0, 0.05);
       }
     }
-    .esri-select {
+    .geoscene-select {
       background-position: left 50%;
     }
-    .esri-menu__list-item {
+    .geoscene-menu__list-item {
       @include icomoonIconSelector() {
         padding-right: 0;
         padding-left: floor($font-size * 0.2);
       }
     }
-    .esri-menu__list-item {
+    .geoscene-menu__list-item {
       border-left: none;
       border-right: $border-size--active solid transparent;
     }
-    .esri-menu__list-item--active {
+    .geoscene-menu__list-item--active {
       border-right-color: $border-color--active;
     }
   }
@@ -578,7 +578,7 @@
    accessibility
    ========================================================================== */
 
-  .esri-icon-font-fallback-text {
+  .geoscene-icon-font-fallback-text {
     clip: rect(0 0 0 0);
     overflow: hidden;
     position: absolute;
@@ -592,7 +592,7 @@
     animation: none;
   }
 
-  @keyframes esri-fade-in {
+  @keyframes geoscene-fade-in {
     0% {
       opacity: 0;
     }
@@ -604,8 +604,8 @@
     }
   }
 
-  .esri-rotating {
-    animation: esri-rotate 1250ms infinite linear;
+  .geoscene-rotating {
+    animation: geoscene-rotate 1250ms infinite linear;
     transform: translateZ(0);
   }
 
@@ -625,7 +625,7 @@
  *    `:before` to contain the top-margins of child elements.
  */
 
-  .esri-clearfix {
+  .geoscene-clearfix {
     &:before,
     &:after {
       content: " ";
@@ -643,7 +643,7 @@
    interaction
    ========================================================================== */
 
-  .esri-interactive {
+  .geoscene-interactive {
     cursor: pointer;
   }
 
@@ -651,15 +651,15 @@
    visibility
    ========================================================================== */
 
-  .esri-hidden {
+  .geoscene-hidden {
     display: none !important;
   }
 
-  .esri-invisible {
+  .geoscene-invisible {
     visibility: hidden !important;
   }
 
-  .esri-offscreen {
+  .geoscene-offscreen {
     position: absolute;
     top: -999em;
     left: -999em;
@@ -668,7 +668,7 @@
   /* ==========================================================================
    component shims
    ========================================================================== */
-  .esri-match-height {
+  .geoscene-match-height {
     display: flex;
     flex-direction: column;
     flex: 1 1 auto;
@@ -678,4 +678,4 @@
 
 @if $include_Widget == true {
   @include widget();
-}
+}

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

@@ -1,10 +1,10 @@
 @mixin zoom() {
-  .esri-zoom {
+  .geoscene-zoom {
     display: flex;
     flex-flow: column nowrap;
-    &.esri-zoom--horizontal {
+    &.geoscene-zoom--horizontal {
       flex-flow: row-reverse nowrap;
-      .esri-widget--button {
+      .geoscene-widget--button {
         &:last-child {
           border-top: none;
         }
@@ -13,7 +13,7 @@
         }
       }
     }
-    .esri-widget--button {
+    .geoscene-widget--button {
       box-shadow: none;
       &:first-child {
         margin-bottom: 0;
@@ -25,9 +25,9 @@
   }
 
   [dir="rtl"] {
-    .esri-zoom {
-      &.esri-zoom--horizontal {
-        .esri-widget--button {
+    .geoscene-zoom {
+      &.geoscene-zoom--horizontal {
+        .geoscene-widget--button {
           &:first-child {
             border-top: none;
           }
@@ -42,4 +42,4 @@
 
 @if $include_Zoom == true {
   @include zoom();
-}
+}