@geoscene/core 4.27.1 → 4.27.3

package/assets/geoscene/themes/base/_color.scss

@@ -1,58 +1,58 @@
-@import "functions";
-@import "colors/scss/variables";
-// ↳ https: //github.com/Esri/calcite-colors.git
-
-//  Main Colors Vars
-$font-color: $Calcite_Gray_700 !default;
-$interactive-font-color: $Calcite_Gray_550 !default;
-
-$background-color: $Calcite_Gray_050 !default;
-
-// Inverse
-$interactive-font-color--inverse: $Calcite_Gray_050 !default;
-$background-color--inverse: $Calcite_Gray_650 !default;
-
-// Hover
-$interactive-font-color--hover: offset-foreground-color($interactive-font-color, 25%) !default;
-$background-color--hover: offset-background-color($background-color, 4.75%) !default;
-$border-color--hover: offset-foreground-color($interactive-font-color, 50%) !default;
-
-// Active
-$border-color--active: $Calcite_Highlight_Blue_350 !default;
-$background-color--active: $Calcite_Highlight_Blue_100 !default;
-
-// Offset
-$background-color--offset: offset-background-color($background-color, 4.75%);
-$background-color--offset-subtle: offset-background-color($background-color, 3.5%);
-
-// Buttons
-$button-color: $Calcite_Highlight_Blue_350 !default;
-$button-color--active: $Calcite_Highlight_Blue_400 !default;
-$button-color--bright: $Calcite_Blue_a100 !default;
-$button-color--hover: darken($button-color, 10%) !default;
-$button-color--inverse: $interactive-font-color--inverse !default;
-
-// Other
-$heading-color: $font-color !default;
-$background-color--overlay: rgba(0, 0, 0, 0.7) !default;
-$opacity--disabled: 0.4 !default;
-$opacity--sortable: 0.75 !default;
-$interactive-font-color--disabled: rgba($interactive-font-color, $opacity--disabled) !default;
-$font-color--placeholder: $interactive-font-color !default;
-$border-color: rgba($interactive-font-color, 0.3) !default;
-$border-color--subtle: rgba($interactive-font-color, 0.15) !default;
-$border-color--contrast: rgba($interactive-font-color, 0.4) !default;
-$border-color--input: $Calcite_Gray_450;
-
-$updating: $Calcite_Highlight_Blue_350;
-$connection-connected: $Brand_Green_200;
-$connection-disconnected: $Brand_Orange_100;
-
-// Error
-$border-color--error: $Calcite_Vibrant_Red_200 !default;
-$font-color--error: $Calcite_Red_a250 !default;
-$background-color--error: rgba($font-color--error, 0.1);
-
-// Smart Mapping Sliders
-$smartmapping-slider__thumb-background-color: $interactive-font-color !default;
-$smartmapping-slider__ramp-stroke-color: $interactive-font-color !default;
+@import "functions";
+@import "colors/scss/variables";
+// ↳ https: //github.com/Esri/calcite-colors.git
+
+//  Main Colors Vars
+$font-color: $Calcite_Gray_700 !default;
+$interactive-font-color: $Calcite_Gray_550 !default;
+
+$background-color: $Calcite_Gray_050 !default;
+
+// Inverse
+$interactive-font-color--inverse: $Calcite_Gray_050 !default;
+$background-color--inverse: $Calcite_Gray_650 !default;
+
+// Hover
+$interactive-font-color--hover: offset-foreground-color($interactive-font-color, 25%) !default;
+$background-color--hover: offset-background-color($background-color, 4.75%) !default;
+$border-color--hover: offset-foreground-color($interactive-font-color, 50%) !default;
+
+// Active
+$border-color--active: $Calcite_Highlight_Blue_350 !default;
+$background-color--active: $Calcite_Highlight_Blue_100 !default;
+
+// Offset
+$background-color--offset: offset-background-color($background-color, 4.75%);
+$background-color--offset-subtle: offset-background-color($background-color, 3.5%);
+
+// Buttons
+$button-color: $Calcite_Highlight_Blue_350 !default;
+$button-color--active: $Calcite_Highlight_Blue_400 !default;
+$button-color--bright: $Calcite_Blue_a100 !default;
+$button-color--hover: darken($button-color, 10%) !default;
+$button-color--inverse: $interactive-font-color--inverse !default;
+
+// Other
+$heading-color: $font-color !default;
+$background-color--overlay: rgba(0, 0, 0, 0.7) !default;
+$opacity--disabled: 0.4 !default;
+$opacity--sortable: 0.75 !default;
+$interactive-font-color--disabled: rgba($interactive-font-color, $opacity--disabled) !default;
+$font-color--placeholder: $interactive-font-color !default;
+$border-color: rgba($interactive-font-color, 0.3) !default;
+$border-color--subtle: rgba($interactive-font-color, 0.15) !default;
+$border-color--contrast: rgba($interactive-font-color, 0.4) !default;
+$border-color--input: $Calcite_Gray_450;
+
+$updating: $Calcite_Highlight_Blue_350;
+$connection-connected: $Brand_Green_200;
+$connection-disconnected: $Brand_Orange_100;
+
+// Error
+$border-color--error: $Calcite_Vibrant_Red_200 !default;
+$font-color--error: $Calcite_Red_a250 !default;
+$background-color--error: rgba($font-color--error, 0.1);
+
+// Smart Mapping Sliders
+$smartmapping-slider__thumb-background-color: $interactive-font-color !default;
+$smartmapping-slider__ramp-stroke-color: $interactive-font-color !default;

package/assets/geoscene/themes/base/_functions.scss

@@ -1,23 +1,23 @@
-//////////////////////////////
-//  Calculations
-@function offset-background-color($color, $percent) {
-  @if (lightness($color) < 50) {
-    @return lighten($color, $percent);
-  } @else {
-    @return darken($color, $percent);
-  }
-}
-@function offset-foreground-color($color, $percent) {
-  @if (lightness($color) > 50) {
-    @return lighten($color, $percent);
-  } @else {
-    @return darken($color, $percent);
-  }
-}
-@function fade-foreground-color($color, $percent) {
-  @if (lightness($color) < 50) {
-    @return lighten($color, $percent);
-  } @else {
-    @return darken($color, $percent);
-  }
-}
+//////////////////////////////
+//  Calculations
+@function offset-background-color($color, $percent) {
+  @if (lightness($color) < 50) {
+    @return lighten($color, $percent);
+  } @else {
+    @return darken($color, $percent);
+  }
+}
+@function offset-foreground-color($color, $percent) {
+  @if (lightness($color) > 50) {
+    @return lighten($color, $percent);
+  } @else {
+    @return darken($color, $percent);
+  }
+}
+@function fade-foreground-color($color, $percent) {
+  @if (lightness($color) < 50) {
+    @return lighten($color, $percent);
+  } @else {
+    @return darken($color, $percent);
+  }
+}

package/assets/geoscene/themes/base/_sizes.scss

@@ -1,130 +1,130 @@
-// Sizes & Placement
-
-@use "sass:math";
-
-$border-size--active: 3px !default;
-$icon-size: 16px !default;
-$border-radius: 2px !default;
-
-/////////////////////////
-// Button
-$button-width: 32px !default;
-$button-height: 32px !default;
-
-// button : half
-$button-width--half: floor($button-width * 0.5) !default;
-$button-height--half: floor($button-height * 0.5) !default;
-
-// button : quarter
-$button-width--quarter: floor($button-width * 0.25) !default;
-$button-height--quarter: floor($button-height * 0.25) !default;
-
-// button : fifth
-$button-width--fifth: floor($button-width * 0.2) !default;
-$button-height--fifth: floor($button-height * 0.2) !default;
-
-// button : plus half`
-$button-width--plus-half: floor($button-width * 1.5) !default;
-$button-height--plus-half: floor($button-height * 1.5) !default;
-
-// button : double
-$button-width--double: floor($button-width * 2) !default;
-$button-height--double: floor($button-height * 2) !default;
-
-/////////////////////////
-// List Items
-$list-item-height: 48px !default;
-$list-item-height--three-quarters: floor($list-item-height * 3 * 0.25) !default;
-
-/////////////////////////
-// Toggle
-$toggle-offset: 4px !default;
-$toggle-width: 28px !default;
-$toggle-height: 16px !default;
-$toggle-handle-size: $toggle-height - $toggle-offset !default;
-
-/////////////////////////
-// Panel
-$panel-width: 300px !default;
-$panel-width--three-quarters: floor($panel-width * 3 * 0.25) !default;
-$panel-width--plus-half: floor($panel-width * 1.5) !default;
-
-$panel-min-height--large: 240px !default;
-$panel-min-height--medium: 120px !default;
-$panel-min-height--small: 96px !default;
-$panel-min-height--xsmall: 32px !default;
-
-$panel-max-height--large: 680px !default;
-$panel-max-height--medium: 540px !default;
-$panel-max-height--small: 420px !default;
-$panel-max-height--xsmall: 240px !default;
-
-/////////////////////////
-// Component (widget in view) max heights based on view height
-$view-height--gt-medium__component-max-height: 680px !default;
-$view-height--medium__component-max-height: 540px !default;
-$view-height--small__component-max-height: 420px !default;
-$view-height--xsmall__component-max-height: 240px !default;
-
-/////////////////////////
-// Popup
-$docked-margin: 15px !default;
-$docked-margin--double: floor($docked-margin * 2) !default;
-
-/////////////////////////
-// Loading
-$looping-progress-bar-width: 20% !default;
-$looping-progress-bar-params: 1500ms linear infinite !default;
-
-$spinning-loader-size: $icon-size !default;
-
-/////////////////////////
-// Spacing
-$side-spacing: 15px !default;
-$cap-spacing: 12px !default;
-
-// spacing : three quarters
-$side-spacing--three-quarters: floor($side-spacing * 3 * 0.25) !default;
-$cap-spacing--three-quarters: floor($cap-spacing * 3 * 0.25) !default;
-
-// spacing : half
-$side-spacing--half: floor($side-spacing * 0.5) !default;
-$cap-spacing--half: floor($cap-spacing * 0.5) !default;
-
-// spacing : third
-$side-spacing--third: floor(math.div($side-spacing, 3)) !default;
-$cap-spacing--third: floor(math.div($cap-spacing, 3)) !default;
-
-// spacing : quarter
-$side-spacing--quarter: floor($side-spacing * 0.25) !default;
-$cap-spacing--quarter: floor($cap-spacing * 0.25) !default;
-
-// spacing : eighth
-$side-spacing--eighth: ceil($side-spacing * 0.125) !default;
-$cap-spacing--eighth: ceil($cap-spacing * 0.125) !default;
-
-// spacing : plus half
-$side-spacing--plus-half: floor($side-spacing * 1.5) !default;
-$cap-spacing--plus-half: floor($cap-spacing * 1.5) !default;
-
-// spacing : double
-$side-spacing--double: floor($side-spacing * 2) !default;
-$cap-spacing--double: floor($cap-spacing * 2) !default;
-
-/////////////////////////
-// View UI
-$view-ui-spacing: 10px !default;
-
-/////////////////////////
-// Smart Mapping Sliders
-$smartmapping-slider__width: 260px !default;
-$smartmapping-slider__base-height: 240px !default;
-$smartmapping-slider__ramp-width: 30px !default;
-$smartmapping-slider__ramp-stroke-width: 1px !default;
-$smartmapping-slider__ramp-path-stroke-width: 0.5px !default;
-$smartmapping-slider__histogram-width: 120px !default;
-$smartmapping-slider__range-input-height: 40px !default;
-
-$smartmapping-slider__thumb-size: 12px !default;
-$smartmapping-slider__thumb-size--offset: round($smartmapping-slider__thumb-size * 0.5) !default;
-$smartmapping-slider__thumb-pointer-size: round($smartmapping-slider__thumb-size * 0.5) !default;
+// Sizes & Placement
+
+@use "sass:math";
+
+$border-size--active: 3px !default;
+$icon-size: 16px !default;
+$border-radius: 2px !default;
+
+/////////////////////////
+// Button
+$button-width: 32px !default;
+$button-height: 32px !default;
+
+// button : half
+$button-width--half: floor($button-width * 0.5) !default;
+$button-height--half: floor($button-height * 0.5) !default;
+
+// button : quarter
+$button-width--quarter: floor($button-width * 0.25) !default;
+$button-height--quarter: floor($button-height * 0.25) !default;
+
+// button : fifth
+$button-width--fifth: floor($button-width * 0.2) !default;
+$button-height--fifth: floor($button-height * 0.2) !default;
+
+// button : plus half`
+$button-width--plus-half: floor($button-width * 1.5) !default;
+$button-height--plus-half: floor($button-height * 1.5) !default;
+
+// button : double
+$button-width--double: floor($button-width * 2) !default;
+$button-height--double: floor($button-height * 2) !default;
+
+/////////////////////////
+// List Items
+$list-item-height: 48px !default;
+$list-item-height--three-quarters: floor($list-item-height * 3 * 0.25) !default;
+
+/////////////////////////
+// Toggle
+$toggle-offset: 4px !default;
+$toggle-width: 28px !default;
+$toggle-height: 16px !default;
+$toggle-handle-size: $toggle-height - $toggle-offset !default;
+
+/////////////////////////
+// Panel
+$panel-width: 300px !default;
+$panel-width--three-quarters: floor($panel-width * 3 * 0.25) !default;
+$panel-width--plus-half: floor($panel-width * 1.5) !default;
+
+$panel-min-height--large: 240px !default;
+$panel-min-height--medium: 120px !default;
+$panel-min-height--small: 96px !default;
+$panel-min-height--xsmall: 32px !default;
+
+$panel-max-height--large: 680px !default;
+$panel-max-height--medium: 540px !default;
+$panel-max-height--small: 420px !default;
+$panel-max-height--xsmall: 240px !default;
+
+/////////////////////////
+// Component (widget in view) max heights based on view height
+$view-height--gt-medium__component-max-height: 680px !default;
+$view-height--medium__component-max-height: 540px !default;
+$view-height--small__component-max-height: 420px !default;
+$view-height--xsmall__component-max-height: 240px !default;
+
+/////////////////////////
+// Popup
+$docked-margin: 15px !default;
+$docked-margin--double: floor($docked-margin * 2) !default;
+
+/////////////////////////
+// Loading
+$looping-progress-bar-width: 20% !default;
+$looping-progress-bar-params: 1500ms linear infinite !default;
+
+$spinning-loader-size: $icon-size !default;
+
+/////////////////////////
+// Spacing
+$side-spacing: 15px !default;
+$cap-spacing: 12px !default;
+
+// spacing : three quarters
+$side-spacing--three-quarters: floor($side-spacing * 3 * 0.25) !default;
+$cap-spacing--three-quarters: floor($cap-spacing * 3 * 0.25) !default;
+
+// spacing : half
+$side-spacing--half: floor($side-spacing * 0.5) !default;
+$cap-spacing--half: floor($cap-spacing * 0.5) !default;
+
+// spacing : third
+$side-spacing--third: floor(math.div($side-spacing, 3)) !default;
+$cap-spacing--third: floor(math.div($cap-spacing, 3)) !default;
+
+// spacing : quarter
+$side-spacing--quarter: floor($side-spacing * 0.25) !default;
+$cap-spacing--quarter: floor($cap-spacing * 0.25) !default;
+
+// spacing : eighth
+$side-spacing--eighth: ceil($side-spacing * 0.125) !default;
+$cap-spacing--eighth: ceil($cap-spacing * 0.125) !default;
+
+// spacing : plus half
+$side-spacing--plus-half: floor($side-spacing * 1.5) !default;
+$cap-spacing--plus-half: floor($cap-spacing * 1.5) !default;
+
+// spacing : double
+$side-spacing--double: floor($side-spacing * 2) !default;
+$cap-spacing--double: floor($cap-spacing * 2) !default;
+
+/////////////////////////
+// View UI
+$view-ui-spacing: 10px !default;
+
+/////////////////////////
+// Smart Mapping Sliders
+$smartmapping-slider__width: 260px !default;
+$smartmapping-slider__base-height: 240px !default;
+$smartmapping-slider__ramp-width: 30px !default;
+$smartmapping-slider__ramp-stroke-width: 1px !default;
+$smartmapping-slider__ramp-path-stroke-width: 0.5px !default;
+$smartmapping-slider__histogram-width: 120px !default;
+$smartmapping-slider__range-input-height: 40px !default;
+
+$smartmapping-slider__thumb-size: 12px !default;
+$smartmapping-slider__thumb-size--offset: round($smartmapping-slider__thumb-size * 0.5) !default;
+$smartmapping-slider__thumb-pointer-size: round($smartmapping-slider__thumb-size * 0.5) !default;

package/assets/geoscene/themes/base/_type.scss

@@ -1,27 +1,27 @@
-// Font
-$font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
-
-// Text
-$line-height: 1.3em !default;
-$base-font-size: 14px !default;
-$font-size: $base-font-size !default;
-
-$font-size__h1: round($base-font-size * 1.428) !default; //1.428em
-$font-size__h2: round($base-font-size * 1.142) !default; //1.142em
-$font-size__lt-h2: $base-font-size !default;
-$font-size__body: round($base-font-size * 0.857) !default; //0.857em
-$font-size--small: round($base-font-size * 0.857) !default;
-$font-size--tiny: round($base-font-size * 0.71) !default;
-
-$font-size__header-text: round($base-font-size * 1.143) !default; //1.142em
-
-$font-size--tiny-time-slider: round($font-size--small * 0.857) !default;
-
-$font-weight--light: 300 !default;
-$font-weight--regular: 400 !default;
-$font-weight--medium: 500 !default;
-$font-weight--bold: 600 !default;
-$font-weight--bolder: 700 !default;
-
-$font-weight: 400 !default;
-$font-weight__heading: $font-weight--bold !default;
+// Font
+$font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
+
+// Text
+$line-height: 1.3em !default;
+$base-font-size: 14px !default;
+$font-size: $base-font-size !default;
+
+$font-size__h1: round($base-font-size * 1.428) !default; //1.428em
+$font-size__h2: round($base-font-size * 1.142) !default; //1.142em
+$font-size__lt-h2: $base-font-size !default;
+$font-size__body: round($base-font-size * 0.857) !default; //0.857em
+$font-size--small: round($base-font-size * 0.857) !default;
+$font-size--tiny: round($base-font-size * 0.71) !default;
+
+$font-size__header-text: round($base-font-size * 1.143) !default; //1.142em
+
+$font-size--tiny-time-slider: round($font-size--small * 0.857) !default;
+
+$font-weight--light: 300 !default;
+$font-weight--regular: 400 !default;
+$font-weight--medium: 500 !default;
+$font-weight--bold: 600 !default;
+$font-weight--bolder: 700 !default;
+
+$font-weight: 400 !default;
+$font-weight__heading: $font-weight--bold !default;