@geoscene/core 4.33.13 → 4.33.15

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

@@ -1,23 +1,23 @@
-@use "sass:color";
-
-//////////////////////////////
-//  Calculations
-@function offset-background-color($color, $percent) {
-  @if get-lightness($color) < 50 {
-    @return color.adjust($color, $lightness: $percent);
-  } @else {
-    @return color.adjust($color, $lightness: - $percent);
-  }
-}
-
-@function offset-foreground-color($color, $percent) {
-  @if get-lightness($color) > 50 {
-    @return color.adjust($color, $lightness: $percent);
-  } @else {
-    @return color.adjust($color, $lightness: - $percent);
-  }
-}
-
-@function get-lightness($color) {
-  @return color.channel(color.to-space($color, hsl), "lightness");
-}
+@use "sass:color";
+
+//////////////////////////////
+//  Calculations
+@function offset-background-color($color, $percent) {
+  @if get-lightness($color) < 50 {
+    @return color.adjust($color, $lightness: $percent);
+  } @else {
+    @return color.adjust($color, $lightness: - $percent);
+  }
+}
+
+@function offset-foreground-color($color, $percent) {
+  @if get-lightness($color) > 50 {
+    @return color.adjust($color, $lightness: $percent);
+  } @else {
+    @return color.adjust($color, $lightness: - $percent);
+  }
+}
+
+@function get-lightness($color) {
+  @return color.channel(color.to-space($color, hsl), "lightness");
+}

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

@@ -1,11 +1,11 @@
-$layout-base-size: 48px !default;
-
-// Header
-$header-height--min: $layout-base-size !default;
-$header-button-height: $layout-base-size !default;
-$header-button-width: $layout-base-size !default;
-
-// Footer
-$footer-height--min: $layout-base-size !default;
-$footer-button-height: $layout-base-size !default;
-$footer-button-width: $layout-base-size !default;
+$layout-base-size: 48px !default;
+
+// Header
+$header-height--min: $layout-base-size !default;
+$header-button-height: $layout-base-size !default;
+$header-button-width: $layout-base-size !default;
+
+// Footer
+$footer-height--min: $layout-base-size !default;
+$footer-button-height: $layout-base-size !default;
+$footer-button-width: $layout-base-size !default;

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: math.floor($button-width * 0.5) !default;
-$button-height--half: math.floor($button-height * 0.5) !default;
-
-// button : quarter
-$button-width--quarter: math.floor($button-width * 0.25) !default;
-$button-height--quarter: math.floor($button-height * 0.25) !default;
-
-// button : fifth
-$button-width--fifth: math.floor($button-width * 0.2) !default;
-$button-height--fifth: math.floor($button-height * 0.2) !default;
-
-// button : plus half`
-$button-width--plus-half: math.floor($button-width * 1.5) !default;
-$button-height--plus-half: math.floor($button-height * 1.5) !default;
-
-// button : double
-$button-width--double: math.floor($button-width * 2) !default;
-$button-height--double: math.floor($button-height * 2) !default;
-
-/////////////////////////
-// List Items
-$list-item-height: 32px !default;
-$list-item-height--three-quarters: 36px !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: math.floor($panel-width * 3 * 0.25) !default;
-$panel-width--plus-half: math.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: math.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: math.floor($side-spacing * 3 * 0.25) !default;
-$cap-spacing--three-quarters: math.floor($cap-spacing * 3 * 0.25) !default;
-
-// spacing : half
-$side-spacing--half: math.floor($side-spacing * 0.5) !default;
-$cap-spacing--half: math.floor($cap-spacing * 0.5) !default;
-
-// spacing : third
-$side-spacing--third: math.floor(math.div($side-spacing, 3)) !default;
-$cap-spacing--third: math.floor(math.div($cap-spacing, 3)) !default;
-
-// spacing : quarter
-$side-spacing--quarter: math.floor($side-spacing * 0.25) !default;
-$cap-spacing--quarter: math.floor($cap-spacing * 0.25) !default;
-
-// spacing : eighth
-$side-spacing--eighth: math.ceil($side-spacing * 0.125) !default;
-$cap-spacing--eighth: math.ceil($cap-spacing * 0.125) !default;
-
-// spacing : plus half
-$side-spacing--plus-half: math.floor($side-spacing * 1.5) !default;
-$cap-spacing--plus-half: math.floor($cap-spacing * 1.5) !default;
-
-// spacing : double
-$side-spacing--double: math.floor($side-spacing * 2) !default;
-$cap-spacing--double: math.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: math.round($smartmapping-slider__thumb-size * 0.5) !default;
-$smartmapping-slider__thumb-pointer-size: math.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: math.floor($button-width * 0.5) !default;
+$button-height--half: math.floor($button-height * 0.5) !default;
+
+// button : quarter
+$button-width--quarter: math.floor($button-width * 0.25) !default;
+$button-height--quarter: math.floor($button-height * 0.25) !default;
+
+// button : fifth
+$button-width--fifth: math.floor($button-width * 0.2) !default;
+$button-height--fifth: math.floor($button-height * 0.2) !default;
+
+// button : plus half`
+$button-width--plus-half: math.floor($button-width * 1.5) !default;
+$button-height--plus-half: math.floor($button-height * 1.5) !default;
+
+// button : double
+$button-width--double: math.floor($button-width * 2) !default;
+$button-height--double: math.floor($button-height * 2) !default;
+
+/////////////////////////
+// List Items
+$list-item-height: 32px !default;
+$list-item-height--three-quarters: 36px !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: math.floor($panel-width * 3 * 0.25) !default;
+$panel-width--plus-half: math.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: math.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: math.floor($side-spacing * 3 * 0.25) !default;
+$cap-spacing--three-quarters: math.floor($cap-spacing * 3 * 0.25) !default;
+
+// spacing : half
+$side-spacing--half: math.floor($side-spacing * 0.5) !default;
+$cap-spacing--half: math.floor($cap-spacing * 0.5) !default;
+
+// spacing : third
+$side-spacing--third: math.floor(math.div($side-spacing, 3)) !default;
+$cap-spacing--third: math.floor(math.div($cap-spacing, 3)) !default;
+
+// spacing : quarter
+$side-spacing--quarter: math.floor($side-spacing * 0.25) !default;
+$cap-spacing--quarter: math.floor($cap-spacing * 0.25) !default;
+
+// spacing : eighth
+$side-spacing--eighth: math.ceil($side-spacing * 0.125) !default;
+$cap-spacing--eighth: math.ceil($cap-spacing * 0.125) !default;
+
+// spacing : plus half
+$side-spacing--plus-half: math.floor($side-spacing * 1.5) !default;
+$cap-spacing--plus-half: math.floor($cap-spacing * 1.5) !default;
+
+// spacing : double
+$side-spacing--double: math.floor($side-spacing * 2) !default;
+$cap-spacing--double: math.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: math.round($smartmapping-slider__thumb-size * 0.5) !default;
+$smartmapping-slider__thumb-pointer-size: math.round($smartmapping-slider__thumb-size * 0.5) !default;

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

@@ -1,25 +1,25 @@
-@use "sass:math";
-
-// 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: math.round($base-font-size * 1.428) !default; // 1.428em
-$font-size__h2: math.round($base-font-size * 1.142) !default; // 1.142em
-$font-size__lt-h2: $base-font-size !default;
-$font-size__body: math.round($base-font-size * 0.857) !default; // 0.857em
-$font-size--small: math.round($base-font-size * 0.857) !default;
-$font-size--tiny: math.round($base-font-size * 0.71) !default;
-$font-size__header-text: math.round($base-font-size * 1.143) !default; // 1.142em
-
-$font-size--tiny-time-slider: math.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;
+@use "sass:math";
+
+// 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: math.round($base-font-size * 1.428) !default; // 1.428em
+$font-size__h2: math.round($base-font-size * 1.142) !default; // 1.142em
+$font-size__lt-h2: $base-font-size !default;
+$font-size__body: math.round($base-font-size * 0.857) !default; // 0.857em
+$font-size--small: math.round($base-font-size * 0.857) !default;
+$font-size--tiny: math.round($base-font-size * 0.71) !default;
+$font-size__header-text: math.round($base-font-size * 1.143) !default; // 1.142em
+
+$font-size--tiny-time-slider: math.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;

package/assets/geoscene/themes/base/colors/css/brand_colors.css

@@ -1,76 +1,76 @@
-@charset "utf-8";.Brand_Blue_100 {
-  background-color: #b9e0f7; }
-
-.Brand_Blue_150 {
-  background-color: #00b9f2; }
-
-.Brand_Blue_200 {
-  background-color: #007ac2; }
-
-.Brand_Blue_250 {
-  background-color: #004575; }
-
-.Brand_Yellow_100 {
-  background-color: #ffec4f; }
-
-.Brand_Orange_100 {
-  background-color: #f89927; }
-
-.Brand_Orange_150 {
-  background-color: #f36f20; }
-
-.Brand_Orange_200 {
-  background-color: #da4d1e; }
-
-.Brand_Red_100 {
-  background-color: #de2900; }
-
-.Brand_Green_100 {
-  background-color: #d1e391; }
-
-.Brand_Green_150 {
-  background-color: #aad04b; }
-
-.Brand_Green_200 {
-  background-color: #35ac46; }
-
-.Brand_Green_250 {
-  background-color: #2a7433; }
-
-.Brand_Purple_100 {
-  background-color: #dfcce3; }
-
-.Brand_Purple_150 {
-  background-color: #b279b4; }
-
-.Brand_Purple_200 {
-  background-color: #8f499c; }
-
-.Brand_Purple_250 {
-  background-color: #6b1978; }
-
-.Brand_Brown_100 {
-  background-color: #ecdcb9; }
-
-.Brand_Brown_150 {
-  background-color: #be9969; }
-
-.Brand_Brown_200 {
-  background-color: #7b4f1c; }
-
-.Brand_Brown_250 {
-  background-color: #523b20; }
-
-.Brand_Gray_100 {
-  background-color: #b4b4b4; }
-
-.Brand_Gray_150 {
-  background-color: #969696; }
-
-.Brand_Gray_200 {
-  background-color: #6e6e6e; }
-
-.Brand_Gray_250 {
-  background-color: #464646; }
-
-/*# sourceMappingURL=brand_colors.css.map */
+@charset "utf-8";.Brand_Blue_100 {
+  background-color: #b9e0f7; }
+
+.Brand_Blue_150 {
+  background-color: #00b9f2; }
+
+.Brand_Blue_200 {
+  background-color: #007ac2; }
+
+.Brand_Blue_250 {
+  background-color: #004575; }
+
+.Brand_Yellow_100 {
+  background-color: #ffec4f; }
+
+.Brand_Orange_100 {
+  background-color: #f89927; }
+
+.Brand_Orange_150 {
+  background-color: #f36f20; }
+
+.Brand_Orange_200 {
+  background-color: #da4d1e; }
+
+.Brand_Red_100 {
+  background-color: #de2900; }
+
+.Brand_Green_100 {
+  background-color: #d1e391; }
+
+.Brand_Green_150 {
+  background-color: #aad04b; }
+
+.Brand_Green_200 {
+  background-color: #35ac46; }
+
+.Brand_Green_250 {
+  background-color: #2a7433; }
+
+.Brand_Purple_100 {
+  background-color: #dfcce3; }
+
+.Brand_Purple_150 {
+  background-color: #b279b4; }
+
+.Brand_Purple_200 {
+  background-color: #8f499c; }
+
+.Brand_Purple_250 {
+  background-color: #6b1978; }
+
+.Brand_Brown_100 {
+  background-color: #ecdcb9; }
+
+.Brand_Brown_150 {
+  background-color: #be9969; }
+
+.Brand_Brown_200 {
+  background-color: #7b4f1c; }
+
+.Brand_Brown_250 {
+  background-color: #523b20; }
+
+.Brand_Gray_100 {
+  background-color: #b4b4b4; }
+
+.Brand_Gray_150 {
+  background-color: #969696; }
+
+.Brand_Gray_200 {
+  background-color: #6e6e6e; }
+
+.Brand_Gray_250 {
+  background-color: #464646; }
+
+/*# sourceMappingURL=brand_colors.css.map */