@progress/kendo-theme-core 11.0.0 → 11.0.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-core",
   "description": "A collection of functions and mixins used for building themes for Kendo UI",
-  "version": "11.0.0",
+  "version": "11.0.1",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -45,5 +45,5 @@
   "directories": {
     "doc": "docs"
   },
-  "gitHead": "1876d444bba4097d04448b5b42138dde80701bfe"
+  "gitHead": "b016d31c12d66beda4ec9038e28443438b2c29fa"
 }

package/scss/components/action-sheet/_layout.scss

@@ -374,6 +374,7 @@
 
         .k-colorgradient-canvas {
             .k-hsv-gradient {
+                aspect-ratio: 1;
                 height: 100%;
             }
         }

package/scss/components/colorgradient/_layout.scss

@@ -46,7 +46,6 @@
 
         .k-hsv-gradient {
             @include border-radius( $kendo-color-gradient-canvas-border-radius );
-            aspect-ratio: 1;
             height: $kendo-color-gradient-canvas-rectangle-height;
         }
 
@@ -134,6 +133,8 @@
     @each $size, $size-props in $kendo-color-gradient-sizes {
         $_width: map.get( $size-props, width );
         $_gap: map.get( $size-props, gap );
+        $_vertical-slider-height: map.get( $size-props, vertical-slider-height );
+        $_rectangle-height: map.get( $size-props, rectangle-height );
         $_input-width: map.get( $size-props, input-width );
         $_canvas-gap: map.get( $size-props, canvas-gap );
         $_padding-x: map.get( $size-props, padding-x );
@@ -154,6 +155,14 @@
             .k-colorgradient-canvas {
                 gap: $_canvas-gap;
 
+                .k-hsv-gradient {
+                    height: $_rectangle-height;
+                }
+
+                .k-slider-vertical {
+                    height: $_vertical-slider-height;
+                }
+
                 .k-hsv-controls {
                     gap: $_canvas-gap;
                 }

package/scss/components/colorgradient/_variables.scss

@@ -37,6 +37,10 @@ $kendo-color-gradient-canvas-border-radius: null !default;
 $kendo-color-gradient-canvas-gap: null !default;
 $kendo-color-gradient-canvas-rectangle-height: null !default;
 
+$kendo-color-gradient-sm-canvas-rectangle-height: null !default;
+$kendo-color-gradient-md-canvas-rectangle-height: null !default;
+$kendo-color-gradient-lg-canvas-rectangle-height: null !default;
+
 $kendo-color-gradient-sm-canvas-gap: null !default;
 $kendo-color-gradient-md-canvas-gap: null !default;
 $kendo-color-gradient-lg-canvas-gap: null !default;
@@ -49,6 +53,10 @@ $kendo-color-gradient-slider-vertical-size: null !default;
 $kendo-color-gradient-slider-horizontal-size: null !default;
 $kendo-color-gradient-slider-alpha-bgr: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC" !default;
 
+$kendo-color-gradient-sm-slider-vertical-size: null !default;
+$kendo-color-gradient-md-slider-vertical-size: null !default;
+$kendo-color-gradient-lg-slider-vertical-size: null !default;
+
 $kendo-color-gradient-draghandle-width: null !default;
 $kendo-color-gradient-draghandle-height: null !default;
 $kendo-color-gradient-draghandle-border-width: null !default;

package/scss/components/dataviz/_layout.scss

@@ -460,8 +460,8 @@
         series-29: $kendo-series-29,
         series-30: $kendo-series-30,
 
-        gauge-pointer: k-color(primary),
-        gauge-track: k-color(base-emphasis),
+        gauge-pointer: $kendo-gauge-pointer-bg,
+        gauge-track: $kendo-gauge-track-bg,
 
         chart-font-size: $kendo-chart-font-size,
         chart-title-font-size: $kendo-chart-title-font-size,
@@ -557,9 +557,8 @@
         chart-series-29: $kendo-series-29,
         chart-series-30: $kendo-series-30,
 
-        chart-gauge-pointer: k-color(primary),
-        chart-gauge-track: k-color(base-emphasis)
-
+        chart-gauge-pointer: $kendo-gauge-pointer-bg,
+        chart-gauge-track: $kendo-gauge-track-bg
     );
 
     .k-chart,

package/scss/components/dataviz/_variables.scss

@@ -135,3 +135,7 @@ $kendo-chart-overlay-bg: null !default;
 $kendo-chart-no-data-font-size: null !default;
 $kendo-chart-no-data-font-weight: null !default;
 $kendo-chart-no-data-padding-y: null !default;
+
+// Gauge
+$kendo-gauge-pointer-bg: null !default;
+$kendo-gauge-track-bg: null !default;