@geoscene/core 4.27.2 → 4.27.3

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;

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

@@ -1,128 +1,128 @@
-
-//* Esri Brand Colors - Last Updated 04/16/15 */
-
-@import "../../scss/variables";
-
-
-//* -- Esri Brand Blue -- */
-
-
-.Brand_Blue_100 {
-  background-color: $Brand_Blue_100;
-}
-
-.Brand_Blue_150 {
-  background-color: $Brand_Blue_150;
-}
-
-.Brand_Blue_200 {
-  background-color: $Brand_Blue_200;
-}
-
-.Brand_Blue_250 {
-  background-color: $Brand_Blue_250;
-}
-
-
-//* -- Esri Brand Warm -- */
-
-
-.Brand_Yellow_100 {
-  background-color: $Brand_Yellow_100;
-}
-
-.Brand_Orange_100 {
-  background-color: $Brand_Orange_100;
-}
-
-.Brand_Orange_150 {
-  background-color: $Brand_Orange_150;
-}
-
-.Brand_Orange_200 {
-  background-color: $Brand_Orange_200;
-}
-
-.Brand_Red_100 {
-  background-color: $Brand_Red_100;
-}
-
-
-//* -- Esri Brand Green -- */
-
-
-.Brand_Green_100 {
-  background-color: $Brand_Green_100;
-}
-
-.Brand_Green_150 {
-  background-color: $Brand_Green_150;
-}
-
-.Brand_Green_200 {
-  background-color: $Brand_Green_200;
-}
-
-.Brand_Green_250 {
-  background-color: $Brand_Green_250;
-}
-
-
-//* -- Esri Brand Purple -- */
-
-
-.Brand_Purple_100 {
-  background-color: $Brand_Purple_100;
-}
-
-.Brand_Purple_150 {
-  background-color: $Brand_Purple_150;
-}
-
-.Brand_Purple_200 {
-  background-color: $Brand_Purple_200;
-}
-
-.Brand_Purple_250 {
-  background-color: $Brand_Purple_250;
-}
-
-
-//* -- Esri Brand Brown -- */
-
-
-.Brand_Brown_100 {
-  background-color: $Brand_Brown_100;
-}
-
-.Brand_Brown_150 {
-  background-color: $Brand_Brown_150;
-}
-
-.Brand_Brown_200 {
-  background-color: $Brand_Brown_200;
-}
-
-.Brand_Brown_250 {
-  background-color: $Brand_Brown_250;
-}
-
-
-//* -- Esri Brand Gray -- */
-
-
-.Brand_Gray_100 {
-  background-color: $Brand_Gray_100;
-}
-
-.Brand_Gray_150 {
-  background-color: $Brand_Gray_150;
-}
-
-.Brand_Gray_200 {
-  background-color: $Brand_Gray_200;
-}
-
-.Brand_Gray_250 {
-  background-color: $Brand_Gray_250;
+
+//* Esri Brand Colors - Last Updated 04/16/15 */
+
+@import "../../scss/variables";
+
+
+//* -- Esri Brand Blue -- */
+
+
+.Brand_Blue_100 {
+  background-color: $Brand_Blue_100;
+}
+
+.Brand_Blue_150 {
+  background-color: $Brand_Blue_150;
+}
+
+.Brand_Blue_200 {
+  background-color: $Brand_Blue_200;
+}
+
+.Brand_Blue_250 {
+  background-color: $Brand_Blue_250;
+}
+
+
+//* -- Esri Brand Warm -- */
+
+
+.Brand_Yellow_100 {
+  background-color: $Brand_Yellow_100;
+}
+
+.Brand_Orange_100 {
+  background-color: $Brand_Orange_100;
+}
+
+.Brand_Orange_150 {
+  background-color: $Brand_Orange_150;
+}
+
+.Brand_Orange_200 {
+  background-color: $Brand_Orange_200;
+}
+
+.Brand_Red_100 {
+  background-color: $Brand_Red_100;
+}
+
+
+//* -- Esri Brand Green -- */
+
+
+.Brand_Green_100 {
+  background-color: $Brand_Green_100;
+}
+
+.Brand_Green_150 {
+  background-color: $Brand_Green_150;
+}
+
+.Brand_Green_200 {
+  background-color: $Brand_Green_200;
+}
+
+.Brand_Green_250 {
+  background-color: $Brand_Green_250;
+}
+
+
+//* -- Esri Brand Purple -- */
+
+
+.Brand_Purple_100 {
+  background-color: $Brand_Purple_100;
+}
+
+.Brand_Purple_150 {
+  background-color: $Brand_Purple_150;
+}
+
+.Brand_Purple_200 {
+  background-color: $Brand_Purple_200;
+}
+
+.Brand_Purple_250 {
+  background-color: $Brand_Purple_250;
+}
+
+
+//* -- Esri Brand Brown -- */
+
+
+.Brand_Brown_100 {
+  background-color: $Brand_Brown_100;
+}
+
+.Brand_Brown_150 {
+  background-color: $Brand_Brown_150;
+}
+
+.Brand_Brown_200 {
+  background-color: $Brand_Brown_200;
+}
+
+.Brand_Brown_250 {
+  background-color: $Brand_Brown_250;
+}
+
+
+//* -- Esri Brand Gray -- */
+
+
+.Brand_Gray_100 {
+  background-color: $Brand_Gray_100;
+}
+
+.Brand_Gray_150 {
+  background-color: $Brand_Gray_150;
+}
+
+.Brand_Gray_200 {
+  background-color: $Brand_Gray_200;
+}
+
+.Brand_Gray_250 {
+  background-color: $Brand_Gray_250;
 }