@geoscene/core 4.23.9 → 4.23.12

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

@@ -1,16 +1,16 @@
 @mixin expand() {
-  .esri-expand {
+  .geoscene-expand {
     overflow: visible;
     min-height: $button-height;
     min-width: $button-width;
   }
 
-  .esri-expand__container {
+  .geoscene-expand__container {
     position: relative;
     transition: 300ms;
   }
 
-  .esri-expand__content {
+  .geoscene-expand__content {
     opacity: 0;
     width: 0;
     height: 0;
@@ -22,34 +22,34 @@
     visibility: hidden;
   }
 
-  .esri-ui-top-left .esri-expand__content,
-  .esri-ui-bottom-left .esri-expand__content {
+  .geoscene-ui-top-left .geoscene-expand__content,
+  .geoscene-ui-bottom-left .geoscene-expand__content {
     left: 100%;
   }
 
-  .esri-ui-top-right .esri-expand__content,
-  .esri-ui-bottom-right .esri-expand__content {
+  .geoscene-ui-top-right .geoscene-expand__content,
+  .geoscene-ui-bottom-right .geoscene-expand__content {
     right: 100%;
   }
 
-  .esri-ui-top-left .esri-expand__content,
-  .esri-ui-top-right .esri-expand__content {
+  .geoscene-ui-top-left .geoscene-expand__content,
+  .geoscene-ui-top-right .geoscene-expand__content {
     top: 0;
   }
 
-  .esri-ui-bottom-left .esri-expand__content,
-  .esri-ui-bottom-right .esri-expand__content {
+  .geoscene-ui-bottom-left .geoscene-expand__content,
+  .geoscene-ui-bottom-right .geoscene-expand__content {
     bottom: 0;
   }
 
-  .esri-ui-top-left .esri-icon-expand,
-  .esri-ui-bottom-left .esri-icon-expand,
-  .esri-ui-top-left .esri-icon-collapse,
-  .esri-ui-bottom-left .esri-icon-collapse {
+  .geoscene-ui-top-left .geoscene-icon-expand,
+  .geoscene-ui-bottom-left .geoscene-icon-expand,
+  .geoscene-ui-top-left .geoscene-icon-collapse,
+  .geoscene-ui-bottom-left .geoscene-icon-collapse {
     transform: rotate(180deg);
   }
 
-  .esri-expand__content--expanded {
+  .geoscene-expand__content--expanded {
     opacity: 1;
     width: auto;
     height: auto;
@@ -59,11 +59,11 @@
     visibility: visible;
   }
 
-  .esri-expand__content .esri-widget {
+  .geoscene-expand__content .geoscene-widget {
     box-shadow: none;
   }
 
-  .esri-expand__icon-number {
+  .geoscene-expand__icon-number {
     position: absolute;
     top: $button-height--fifth * -1;
     display: flex;
@@ -80,62 +80,62 @@
     animation: expand-number-intro-ani 1000ms ease-in-out;
   }
 
-  .esri-ui-top-left .esri-expand__icon-number,
-  .esri-ui-bottom-left .esri-expand__icon-number {
+  .geoscene-ui-top-left .geoscene-expand__icon-number,
+  .geoscene-ui-bottom-left .geoscene-expand__icon-number {
     right: $button-width--fifth * -1;
   }
 
-  .esri-ui-top-right .esri-expand__icon-number,
-  .esri-ui-bottom-right .esri-expand__icon-number {
+  .geoscene-ui-top-right .geoscene-expand__icon-number,
+  .geoscene-ui-bottom-right .geoscene-expand__icon-number {
     left: $button-width--fifth * -1;
   }
 
-  .esri-ui-bottom-right .esri-expand__icon-number--expanded,
-  .esri-ui-top-right .esri-expand__icon-number--expanded,
-  .esri-ui-bottom-left .esri-expand__icon-number--expanded,
-  .esri-ui-top-left .esri-expand__icon-number--expanded {
+  .geoscene-ui-bottom-right .geoscene-expand__icon-number--expanded,
+  .geoscene-ui-top-right .geoscene-expand__icon-number--expanded,
+  .geoscene-ui-bottom-left .geoscene-expand__icon-number--expanded,
+  .geoscene-ui-top-left .geoscene-expand__icon-number--expanded {
     position: static;
     top: auto;
     left: auto;
     right: auto;
   }
 
-  .esri-expand__icon-number--expanded {
+  .geoscene-expand__icon-number--expanded {
     display: none;
   }
 
   // Max heights
-  .esri-view-height-greater-than-medium {
-    .esri-ui-corner .esri-component .esri-expand__content {
+  .geoscene-view-height-greater-than-medium {
+    .geoscene-ui-corner .geoscene-component .geoscene-expand__content {
       max-height: $view-height--gt-medium__component-max-height;
     }
   }
-  .esri-view-height-medium {
-    .esri-ui-corner .esri-component .esri-expand__content {
+  .geoscene-view-height-medium {
+    .geoscene-ui-corner .geoscene-component .geoscene-expand__content {
       max-height: $view-height--medium__component-max-height;
     }
   }
-  .esri-view-height-small {
-    .esri-ui-corner .esri-component .esri-expand__content {
+  .geoscene-view-height-small {
+    .geoscene-ui-corner .geoscene-component .geoscene-expand__content {
       max-height: $view-height--small__component-max-height;
     }
   }
-  .esri-view-height-xsmall {
-    .esri-ui-corner .esri-component .esri-expand__content {
+  .geoscene-view-height-xsmall {
+    .geoscene-ui-corner .geoscene-component .geoscene-expand__content {
       max-height: $view-height--xsmall__component-max-height;
     }
   }
 
-  @include expandPanelOpen("esri-expand--drawer");
+  @include expandPanelOpen("geoscene-expand--drawer");
 
-  .esri-view-width-xsmall {
-    @include expandPanelOpen("esri-expand--auto");
+  .geoscene-view-width-xsmall {
+    @include expandPanelOpen("geoscene-expand--auto");
   }
 
-  @include expandPanelClosed("esri-expand--floating");
+  @include expandPanelClosed("geoscene-expand--floating");
 
-  .esri-view-width-greater-than-xsmall {
-    @include expandPanelClosed("esri-expand--auto");
+  .geoscene-view-width-greater-than-xsmall {
+    @include expandPanelClosed("geoscene-expand--auto");
   }
 
   @keyframes expand-slide-rtl-ani {
@@ -174,12 +174,12 @@
 
 @mixin expandPanelOpen($modeClass) {
   .#{$modeClass} {
-    .esri-widget {
+    .geoscene-widget {
       max-width: 100%;
       width: 100%;
     }
 
-    .esri-expand__container--expanded {
+    .geoscene-expand__container--expanded {
       position: fixed;
       top: 0;
       bottom: 0;
@@ -189,19 +189,19 @@
       z-index: 1;
       overflow: auto;
 
-      .esri-expand__panel {
+      .geoscene-expand__panel {
         display: flex;
         justify-content: space-between;
         padding: 1.023rem;
         align-items: center;
 
-        .esri-expand__icon-number--expanded {
+        .geoscene-expand__icon-number--expanded {
           display: block;
         }
       }
     }
 
-    .esri-expand__mask--expanded {
+    .geoscene-expand__mask--expanded {
       background-color: #000;
       position: fixed;
       right: 0;
@@ -215,14 +215,14 @@
     }
   }
 
-  .esri-ui-top-right,
-  .esri-ui-bottom-right {
+  .geoscene-ui-top-right,
+  .geoscene-ui-bottom-right {
     .#{$modeClass} {
-      .esri-expand__panel {
+      .geoscene-expand__panel {
         flex-flow: row nowrap;
       }
 
-      .esri-expand__container--expanded {
+      .geoscene-expand__container--expanded {
         width: 75%;
         max-width: $panel-width;
         animation: expand-slide-rtl-ani 300ms forwards;
@@ -230,14 +230,14 @@
     }
   }
 
-  .esri-ui-top-left,
-  .esri-ui-bottom-left {
+  .geoscene-ui-top-left,
+  .geoscene-ui-bottom-left {
     #{$modeClass} {
-      .esri-expand__panel {
+      .geoscene-expand__panel {
         flex-flow: row-reverse nowrap;
       }
 
-      .esri-expand__container--expanded {
+      .geoscene-expand__container--expanded {
         width: 75%;
         max-width: $panel-width;
         animation: expand-slide-ltr-ani 300ms forwards;
@@ -248,12 +248,12 @@
 
 @mixin expandPanelClosed($modeClass) {
   .#{$modeClass} {
-    .esri-expand__content {
+    .geoscene-expand__content {
       position: absolute;
     }
 
-    .esri-expand__mask,
-    .esri-expand__content-panel {
+    .geoscene-expand__mask,
+    .geoscene-expand__content-panel {
       display: none;
     }
   }
@@ -261,4 +261,4 @@
 
 @if $include_Expand==true {
   @include expand();
-}
+}

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

@@ -1,58 +1,58 @@
 @mixin feature() {
-  .esri-feature__title {
+  .geoscene-feature__title {
     font-size: $font-size;
     display: block;
     word-break: break-word;
     word-wrap: break-word;
   }
 
-  .esri-feature__attachments {
+  .geoscene-feature__attachments {
     display: flex;
   }
-  .esri-feature__loading-container {
+  .geoscene-feature__loading-container {
     width: 100%;
     justify-content: center;
     display: flex;
     padding: $cap-spacing 0;
   }
 
-  .esri-icon-loading-indicator {
+  .geoscene-icon-loading-indicator {
     display: inline-block;
   }
 
-  .esri-feature {
+  .geoscene-feature {
     width: 100%;
   }
-  .esri-feature__main-container {
+  .geoscene-feature__main-container {
     line-height: normal;
   }
 
-  .esri-feature__content-element {
+  .geoscene-feature__content-element {
     padding: 0 $side-spacing--half;
     margin-bottom: $cap-spacing--double;
   }
 
-  .esri-feature__content-element:last-child {
+  .geoscene-feature__content-element:last-child {
     margin-bottom: 0;
   }
 
   // ATTACHMENTS
-  .esri-feature-attachments {
+  .geoscene-feature-attachments {
     flex-flow: column wrap;
     align-items: flex-start;
   }
 
-  .esri-feature__last-edited-info {
+  .geoscene-feature__last-edited-info {
     font-size: $font-size--small;
     padding-top: $cap-spacing--half;
   }
 
   //  RTL
   [dir="rtl"] {
-    .esri-feature__attachments-title {
+    .geoscene-feature__attachments-title {
       margin: 0 0 0 auto;
     }
-    .esri-feature__attachments--list .esri-feature__attachment-item-mask {
+    .geoscene-feature__attachments--list .geoscene-feature__attachment-item-mask {
       margin-right: 0;
       margin-left: $side-spacing--half;
     }
@@ -61,4 +61,4 @@
 
 @if $include_Feature==true {
   @include feature();
-}
+}

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

@@ -1,48 +1,48 @@
 $content-height--loading: 150px !default;
 
 @mixin featureContent() {
-  .esri-feature-content__loader-container {
+  .geoscene-feature-content__loader-container {
     height: $content-height--loading;
     padding: 0;
     display: flex;
     align-items: center;
     justify-content: center;
   }
-  .esri-feature-content__loader {
+  .geoscene-feature-content__loader {
     height: 64px;
     width: 100%;
     background: url(../base/images/loading-throb.gif) no-repeat center center;
   }
-  .esri-feature-content {
+  .geoscene-feature-content {
     font-size: $font-size;
   }
-  .esri-feature-content h1,
-  .esri-feature-content h2,
-  .esri-feature-content h3,
-  .esri-feature-content h4,
-  .esri-feature-content h5,
-  .esri-feature-content h6 {
+  .geoscene-feature-content h1,
+  .geoscene-feature-content h2,
+  .geoscene-feature-content h3,
+  .geoscene-feature-content h4,
+  .geoscene-feature-content h5,
+  .geoscene-feature-content h6 {
     color: $font-color;
     margin: 0.5em 0 0.5em 0;
     letter-spacing: 0;
     font-weight: $font-weight__heading;
     line-height: normal;
   }
-  .esri-feature-content h1 {
+  .geoscene-feature-content h1 {
     font-size: 1.75em;
   }
-  .esri-feature-content h2 {
+  .geoscene-feature-content h2 {
     font-size: 1.5em;
   }
-  .esri-feature-content h3 {
+  .geoscene-feature-content h3 {
     font-size: 1.25em;
   }
-  .esri-feature-content h4,
-  .esri-feature-content h5,
-  .esri-feature-content h6 {
+  .geoscene-feature-content h4,
+  .geoscene-feature-content h5,
+  .geoscene-feature-content h6 {
     font-size: 1em;
   }
-  .esri-widget__heading.esri-feature-element-info__title {
+  .geoscene-widget__heading.geoscene-feature-element-info__title {
     color: $font-color;
     font-size: $font-size__h1;
     font-weight: $font-weight--regular;
@@ -50,36 +50,36 @@ $content-height--loading: 150px !default;
     margin-top: 0;
   }
 
-  .esri-feature-element-info__description {
+  .geoscene-feature-element-info__description {
     font-size: $font-size__body;
     font-weight: $font-weight--regular;
     margin-bottom: $cap-spacing--three-quarters;
   }
-  .esri-feature-content p {
+  .geoscene-feature-content p {
     font-size: $font-size;
     line-height: normal;
     margin: 0 0 1.2em;
   }
-  .esri-feature-content img {
+  .geoscene-feature-content img {
     max-width: 100%;
     max-height: 100%;
     image-orientation: from-image;
   }
-  .esri-feature-content figure {
+  .geoscene-feature-content figure {
     padding: 0;
     margin: 0;
   }
-  .esri-feature-content figcaption {
+  .geoscene-feature-content figcaption {
     font-size: $font-size--small;
     font-style: italic;
     padding: 0;
     margin: 0.2em 0 0;
     display: block;
   }
-  .esri-feature-content ul {
+  .geoscene-feature-content ul {
     margin-bottom: 1rem;
   }
-  .esri-feature-content a {
+  .geoscene-feature-content a {
     color: $interactive-font-color;
     &:hover,
     &:focus {
@@ -90,4 +90,4 @@ $content-height--loading: 150px !default;
 
 @if $include_FeatureContent == true {
   @include featureContent();
-}
+}

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

@@ -2,17 +2,17 @@
   $group-border-width: 3px;
   $panel-background-color: var(--calcite-ui-background);
 
-  .esri-feature-form {
+  .geoscene-feature-form {
     background-color: $panel-background-color;
     padding: $cap-spacing $side-spacing;
   }
 
-  .esri-feature-form__form {
+  .geoscene-feature-form__form {
     display: flex;
     flex-direction: column;
   }
 
-  .esri-feature-form__label {
+  .geoscene-feature-form__label {
     @include wordbreak();
     display: flex;
     justify-content: space-between;
@@ -26,17 +26,17 @@
     }
   }
 
-  .esri-feature-form__form-header {
+  .geoscene-feature-form__form-header {
     margin-bottom: $cap-spacing;
-    .esri-feature-form__description-text ~ .esri-widget__heading {
+    .geoscene-feature-form__description-text ~ .geoscene-widget__heading {
       margin-bottom: 0;
     }
-    .esri-feature-form__description-text {
+    .geoscene-feature-form__description-text {
       margin-top: 0;
     }
   }
 
-  .esri-feature-form__input {
+  .geoscene-feature-form__input {
     margin-top: $cap-spacing--third;
     width: 100%;
 
@@ -44,20 +44,20 @@
     resize: horizontal;
   }
 
-  .esri-feature-form__input--date,
-  .esri-feature-form__input--time {
+  .geoscene-feature-form__input--date,
+  .geoscene-feature-form__input--time {
     resize: none;
   }
 
-  .esri-feature-form__input--disabled {
+  .geoscene-feature-form__input--disabled {
     opacity: $opacity--disabled;
   }
 
-  .esri-feature-form__input--invalid {
+  .geoscene-feature-form__input--invalid {
     border: 1px solid $border-color--error;
   }
 
-  .esri-feature-form__input-icon--invalid {
+  .geoscene-feature-form__input-icon--invalid {
     position: absolute;
     top: 28px;
     inset-inline-end: 4px;
@@ -65,26 +65,26 @@
     background-color: $panel-background-color;
   }
 
-  .esri-feature-form__input:focus + .esri-feature-form__input-icon--invalid {
+  .geoscene-feature-form__input:focus + .geoscene-feature-form__input-icon--invalid {
     display: none;
   }
 
-  .esri-feature-form__field-error-message {
+  .geoscene-feature-form__field-error-message {
     padding: $side-spacing--half 0;
     font-size: $font-size--small;
   }
 
-  .esri-feature-form__date-input-container {
+  .geoscene-feature-form__date-input-container {
     display: flex;
   }
 
-  .esri-feature-form__date-input-part {
+  .geoscene-feature-form__date-input-part {
     width: 50%;
     display: flex;
     flex-direction: column;
 
     // only want to hide the border if there date/time inputs are side-by-side
-    &:nth-last-child(2) .esri-feature-form__input {
+    &:nth-last-child(2) .geoscene-feature-form__input {
       border-right: none;
     }
 
@@ -93,35 +93,35 @@
     }
   }
 
-  .esri-feature-form__date-format-hint {
+  .geoscene-feature-form__date-format-hint {
     color: $interactive-font-color;
     font-size: $font-size--small;
     padding: 0.5em 0.5em 0 0.5em;
   }
 
-  .esri-feature-form__input--radio-group {
+  .geoscene-feature-form__input--radio-group {
     display: flex;
     flex-direction: column;
   }
 
-  .esri-feature-form__input--radio-label {
+  .geoscene-feature-form__input--radio-label {
     display: flex;
     align-items: center;
   }
 
-  .esri-feature-form__input--radio {
+  .geoscene-feature-form__input--radio {
     margin: $side-spacing--half;
   }
 
-  .esri-feature-form__input--switch {
+  .geoscene-feature-form__input--switch {
     margin: $side-spacing--half 0;
   }
 
-  .esri-feature-form__group-description {
+  .geoscene-feature-form__group-description {
     margin: $cap-spacing--half 0 $cap-spacing--third 0;
   }
 
-  .esri-feature-form__group {
+  .geoscene-feature-form__group {
     border: none;
     border-bottom: 1px solid $border-color;
     padding: 0 0 $cap-spacing 0;
@@ -162,31 +162,31 @@
     }
   }
 
-  .esri-feature-form__group--sequential {
+  .geoscene-feature-form__group--sequential {
     border-bottom: none;
     border-inline-start: $group-border-width solid $border-color;
     padding-bottom: 0;
     padding-inline-start: $cap-spacing--half;
     padding-inline-end: $cap-spacing--half;
-    .esri-feature-form__group-header {
+    .geoscene-feature-form__group-header {
       padding-top: 0;
     }
-    &:not(.esri-feature-form__group--collapsed) {
-      .esri-feature-form__group-header {
+    &:not(.geoscene-feature-form__group--collapsed) {
+      .geoscene-feature-form__group-header {
         cursor: auto;
       }
     }
   }
 
-  .esri-feature-form__group--active {
+  .geoscene-feature-form__group--active {
     border-inline-start-color: $border-color--active;
   }
 
-  .esri-feature-form__group--collapsed {
-    .esri-feature-form__group-header {
+  .geoscene-feature-form__group--collapsed {
+    .geoscene-feature-form__group-header {
       margin-bottom: 0;
     }
-    .esri-feature-form__label {
+    .geoscene-feature-form__label {
       pointer-events: none;
       opacity: 0;
       height: 0;
@@ -195,15 +195,15 @@
     }
   }
 
-  .esri-feature-form__description-text {
+  .geoscene-feature-form__description-text {
     margin: $cap-spacing--quarter 0 0 0;
     font-size: $font-size--small;
     color: $interactive-font-color;
   }
 
   [dir="rtl"] {
-    .esri-feature-form__date-input-part {
-      &:first-child .esri-feature-form__input {
+    .geoscene-feature-form__date-input-part {
+      &:first-child .geoscene-feature-form__input {
         border-right: 1px solid $border-color;
         border-left: none;
       }
@@ -213,4 +213,4 @@
 
 @if $include_FeatureForm == true {
   @include featureForm();
-}
+}