@progress/kendo-theme-classic 10.1.1-dev.1 → 10.2.0-dev.1

package/dist/meta/variables.json

@@ -6381,27 +6381,27 @@
         "type": "String",
         "value": "var(--kendo-spacing-6, 1.5rem)"
     },
-    "kendo-color-palette-tile-sm-width": {
+    "kendo-color-palette-sm-tile-width": {
         "type": "String",
         "value": "var(--kendo-spacing-5\\.5, 1.375rem)"
     },
-    "kendo-color-palette-tile-sm-height": {
+    "kendo-color-palette-sm-tile-height": {
         "type": "String",
         "value": "var(--kendo-spacing-5\\.5, 1.375rem)"
     },
-    "kendo-color-palette-tile-md-width": {
+    "kendo-color-palette-md-tile-width": {
         "type": "String",
         "value": "var(--kendo-spacing-6, 1.5rem)"
     },
-    "kendo-color-palette-tile-md-height": {
+    "kendo-color-palette-md-tile-height": {
         "type": "String",
         "value": "var(--kendo-spacing-6, 1.5rem)"
     },
-    "kendo-color-palette-tile-lg-width": {
+    "kendo-color-palette-lg-tile-width": {
         "type": "String",
         "value": "var(--kendo-spacing-8, 2rem)"
     },
-    "kendo-color-palette-tile-lg-height": {
+    "kendo-color-palette-lg-tile-height": {
         "type": "String",
         "value": "var(--kendo-spacing-8, 2rem)"
     },
@@ -6487,9 +6487,33 @@
         "type": "String",
         "value": "var(--kendo-color-border, #cacaca)"
     },
+    "kendo-color-gradient-sm-padding-y": {
+        "type": "String",
+        "value": "var(--kendo-spacing-3, 0.75rem)"
+    },
+    "kendo-color-gradient-sm-padding-x": {
+        "type": "String",
+        "value": "var(--kendo-spacing-3, 0.75rem)"
+    },
+    "kendo-color-gradient-md-padding-y": {
+        "type": "String",
+        "value": "var(--kendo-spacing-3, 0.75rem)"
+    },
+    "kendo-color-gradient-md-padding-x": {
+        "type": "String",
+        "value": "var(--kendo-spacing-3, 0.75rem)"
+    },
+    "kendo-color-gradient-lg-padding-y": {
+        "type": "String",
+        "value": "var(--kendo-spacing-4\\.5, 1.125rem)"
+    },
+    "kendo-color-gradient-lg-padding-x": {
+        "type": "String",
+        "value": "var(--kendo-spacing-4\\.5, 1.125rem)"
+    },
     "kendo-color-gradient-sm-width": {
         "type": "Number",
-        "value": "226px"
+        "value": "252px"
     },
     "kendo-color-gradient-md-width": {
         "type": "Number",
@@ -6497,7 +6521,7 @@
     },
     "kendo-color-gradient-lg-width": {
         "type": "Number",
-        "value": "324px"
+        "value": "362px"
     },
     "kendo-color-gradient-sm-gap": {
         "type": "String",
@@ -6533,7 +6557,7 @@
     },
     "kendo-color-gradient-sm-canvas-rectangle-height": {
         "type": "Number",
-        "value": "182px"
+        "value": "180px"
     },
     "kendo-color-gradient-md-canvas-rectangle-height": {
         "type": "Number",
@@ -6581,7 +6605,7 @@
     },
     "kendo-color-gradient-sm-slider-vertical-size": {
         "type": "Number",
-        "value": "182px"
+        "value": "180px"
     },
     "kendo-color-gradient-md-slider-vertical-size": {
         "type": "Number",
@@ -6669,7 +6693,7 @@
     },
     "kendo-color-gradient-lg-input-width": {
         "type": "Number",
-        "value": "62.5px"
+        "value": "62px"
     },
     "kendo-color-gradient-contrast-ratio-font-weight": {
         "type": "String",
@@ -6681,15 +6705,17 @@
     },
     "kendo-color-gradient-sizes": {
         "type": "Map",
-        "value": "(sm: (width: 226px, vertical-slider-height: 182px, rectangle-height: 182px, input-width: 42px, gap: var(--kendo-spacing-3, 0.75rem), canvas-gap: var(--kendo-spacing-3, 0.75rem)), md: (width: 272px, vertical-slider-height: 180px, rectangle-height: 180px, input-width: 46px, gap: var(--kendo-spacing-3, 0.75rem), canvas-gap: var(--kendo-spacing-3, 0.75rem)), lg: (width: 324px, vertical-slider-height: 268px, rectangle-height: 268px, input-width: 62.5px, gap: var(--kendo-spacing-4\\.5, 1.125rem), canvas-gap: var(--kendo-spacing-4\\.5, 1.125rem)))",
+        "value": "(sm: (width: 252px, vertical-slider-height: 180px, rectangle-height: 180px, input-width: 42px, gap: var(--kendo-spacing-3, 0.75rem), canvas-gap: var(--kendo-spacing-3, 0.75rem), padding-x: var(--kendo-spacing-3, 0.75rem), padding-y: var(--kendo-spacing-3, 0.75rem)), md: (width: 272px, vertical-slider-height: 180px, rectangle-height: 180px, input-width: 46px, gap: var(--kendo-spacing-3, 0.75rem), canvas-gap: var(--kendo-spacing-3, 0.75rem), padding-x: var(--kendo-spacing-3, 0.75rem), padding-y: var(--kendo-spacing-3, 0.75rem)), lg: (width: 362px, vertical-slider-height: 268px, rectangle-height: 268px, input-width: 62px, gap: var(--kendo-spacing-4\\.5, 1.125rem), canvas-gap: var(--kendo-spacing-4\\.5, 1.125rem), padding-x: var(--kendo-spacing-4\\.5, 1.125rem), padding-y: var(--kendo-spacing-4\\.5, 1.125rem)))",
         "prettyValue": {
             "sm": {
-                "width": "226px",
-                "vertical-slider-height": "182px",
-                "rectangle-height": "182px",
+                "width": "252px",
+                "vertical-slider-height": "180px",
+                "rectangle-height": "180px",
                 "input-width": "42px",
                 "gap": "var(--kendo-spacing-3, 0.75rem)",
-                "canvas-gap": "var(--kendo-spacing-3, 0.75rem)"
+                "canvas-gap": "var(--kendo-spacing-3, 0.75rem)",
+                "padding-x": "var(--kendo-spacing-3, 0.75rem)",
+                "padding-y": "var(--kendo-spacing-3, 0.75rem)"
             },
             "md": {
                 "width": "272px",
@@ -6697,15 +6723,19 @@
                 "rectangle-height": "180px",
                 "input-width": "46px",
                 "gap": "var(--kendo-spacing-3, 0.75rem)",
-                "canvas-gap": "var(--kendo-spacing-3, 0.75rem)"
+                "canvas-gap": "var(--kendo-spacing-3, 0.75rem)",
+                "padding-x": "var(--kendo-spacing-3, 0.75rem)",
+                "padding-y": "var(--kendo-spacing-3, 0.75rem)"
             },
             "lg": {
-                "width": "324px",
+                "width": "362px",
                 "vertical-slider-height": "268px",
                 "rectangle-height": "268px",
-                "input-width": "62.5px",
+                "input-width": "62px",
                 "gap": "var(--kendo-spacing-4\\.5, 1.125rem)",
-                "canvas-gap": "var(--kendo-spacing-4\\.5, 1.125rem)"
+                "canvas-gap": "var(--kendo-spacing-4\\.5, 1.125rem)",
+                "padding-x": "var(--kendo-spacing-4\\.5, 1.125rem)",
+                "padding-y": "var(--kendo-spacing-4\\.5, 1.125rem)"
             }
         }
     },
@@ -14766,33 +14796,21 @@
         "type": "String",
         "value": "var(--kendo-line-height, normal)"
     },
-    "kendo-chart-sm-font-size": {
-        "type": "Number",
-        "value": "11px"
-    },
-    "kendo-chart-md-font-size": {
-        "type": "Number",
-        "value": "12px"
-    },
-    "kendo-chart-lg-font-size": {
-        "type": "Number",
-        "value": "16px"
-    },
     "kendo-chart-tooltip-font-size": {
         "type": "Calculation",
         "value": "calc(0.875rem * 0.929)"
     },
     "kendo-chart-label-font-size": {
-        "type": "Number",
-        "value": "0.857em"
+        "type": "String",
+        "value": "var(--kendo-font-size-sm, inherit)"
     },
     "kendo-chart-title-font-size": {
-        "type": "Number",
-        "value": "1.143em"
+        "type": "String",
+        "value": "var(--kendo-font-size-lg, inherit)"
     },
     "kendo-chart-pane-title-font-size": {
-        "type": "Number",
-        "value": "0.857em"
+        "type": "String",
+        "value": "var(--kendo-font-size-sm, inherit)"
     },
     "kendo-chart-pane-title-font-weight": {
         "type": "String",

package/lib/swatches/classic-green-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Green Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "10.1.1-dev.1",
+    "version": "10.2.0-dev.1",
     "api": "modern",
     "previewColors": [
         "#000000",

package/lib/swatches/classic-green.json

@@ -3,7 +3,7 @@
     "name": "Classic Green",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "10.1.1-dev.1",
+    "version": "10.2.0-dev.1",
     "api": "modern",
     "previewColors": [
         "#ffffff",

package/lib/swatches/classic-lavender-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Lavender Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "10.1.1-dev.1",
+    "version": "10.2.0-dev.1",
     "api": "modern",
     "previewColors": [
         "#000000",

package/lib/swatches/classic-lavender.json

@@ -3,7 +3,7 @@
     "name": "Classic Lavender",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "10.1.1-dev.1",
+    "version": "10.2.0-dev.1",
     "api": "modern",
     "previewColors": [
         "#ffffff",

package/lib/swatches/classic-main-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "10.1.1-dev.1",
+    "version": "10.2.0-dev.1",
     "api": "modern",
     "previewColors": [
         "#000000",

package/lib/swatches/classic-main.json

@@ -3,7 +3,7 @@
     "name": "Classic Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "10.1.1-dev.1",
+    "version": "10.2.0-dev.1",
     "api": "modern",
     "previewColors": [
         "#ffffff",

package/lib/swatches/classic-metro-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Metro Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "10.1.1-dev.1",
+    "version": "10.2.0-dev.1",
     "api": "modern",
     "previewColors": [
         "#000000",

package/lib/swatches/classic-metro.json

@@ -3,7 +3,7 @@
     "name": "Classic Metro",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "10.1.1-dev.1",
+    "version": "10.2.0-dev.1",
     "api": "modern",
     "previewColors": [
         "#ffffff",

package/lib/swatches/classic-moonlight.json

@@ -3,7 +3,7 @@
     "name": "Classic Moonlight",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "10.1.1-dev.1",
+    "version": "10.2.0-dev.1",
     "api": "modern",
     "previewColors": [
         "#1f2a35",

package/lib/swatches/classic-opal-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Opal Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "10.1.1-dev.1",
+    "version": "10.2.0-dev.1",
     "api": "modern",
     "previewColors": [
         "#000000",

package/lib/swatches/classic-opal.json

@@ -3,7 +3,7 @@
     "name": "Classic Opal",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "10.1.1-dev.1",
+    "version": "10.2.0-dev.1",
     "api": "modern",
     "previewColors": [
         "#ffffff",

package/lib/swatches/classic-silver-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Silver Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "10.1.1-dev.1",
+    "version": "10.2.0-dev.1",
     "api": "modern",
     "previewColors": [
         "#000000",

package/lib/swatches/classic-silver.json

@@ -3,7 +3,7 @@
     "name": "Classic Silver",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "10.1.1-dev.1",
+    "version": "10.2.0-dev.1",
     "api": "modern",
     "previewColors": [
         "#ffffff",

package/lib/swatches/classic-uniform.json

@@ -3,7 +3,7 @@
     "name": "Classic Uniform",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "10.1.1-dev.1",
+    "version": "10.2.0-dev.1",
     "api": "modern",
     "previewColors": [
         "#ffffff",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-classic",
   "description": "Sass port of less based themes for Kendo UI theme",
-  "version": "10.1.1-dev.1",
+  "version": "10.2.0-dev.1",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -53,13 +53,13 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.0.0",
-    "@progress/kendo-theme-core": "10.1.1-dev.1",
-    "@progress/kendo-theme-default": "10.1.1-dev.1",
-    "@progress/kendo-theme-utils": "10.1.1-dev.1"
+    "@progress/kendo-theme-core": "10.2.0-dev.1",
+    "@progress/kendo-theme-default": "10.2.0-dev.1",
+    "@progress/kendo-theme-utils": "10.2.0-dev.1"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "25b2dddd209d358645e4cb0c2e5dfbad40927aec"
+  "gitHead": "d0b68833bec04a91798d4f90ad41a819401b13ce"
 }

package/scss/colorgradient/_variables.scss

@@ -44,15 +44,34 @@ $kendo-color-gradient-bg: $kendo-component-bg !default;
 /// @group color-gradient
 $kendo-color-gradient-border: $kendo-component-border !default;
 
+/// The vertical padding of the small ColorGradient.
+/// @group color-gradient
+$kendo-color-gradient-sm-padding-y: $kendo-color-gradient-spacer !default;
+/// The horizontal padding of the small ColorGradient.
+/// @group color-gradient
+$kendo-color-gradient-sm-padding-x: $kendo-color-gradient-padding-y !default;
+/// The vertical padding of the medium ColorGradient.
+/// @group color-gradient
+$kendo-color-gradient-md-padding-y: $kendo-color-gradient-spacer !default;
+/// The horizontal padding of the medium ColorGradient.
+/// @group color-gradient
+$kendo-color-gradient-md-padding-x: $kendo-color-gradient-padding-y !default;
+/// The vertical padding of the large ColorGradient.
+/// @group color-gradient
+$kendo-color-gradient-lg-padding-y: k-spacing(4.5) !default;
+/// The horizontal padding of the large ColorGradient.
+/// @group color-gradient
+$kendo-color-gradient-lg-padding-x: k-spacing(4.5) !default;
+
 /// The width of the small ColorGradient.
 /// @group color-gradient
-$kendo-color-gradient-sm-width: 226px !default;
+$kendo-color-gradient-sm-width: 252px !default;
 /// The width of the medium ColorGradient.
 /// @group color-gradient
 $kendo-color-gradient-md-width: $kendo-color-gradient-width !default;
 /// The width of the large ColorGradient.
 /// @group color-gradient
-$kendo-color-gradient-lg-width: 324px !default;
+$kendo-color-gradient-lg-width: 362px !default;
 
 /// The spacing between the sections of the small ColorGradient.
 /// @group color-gradient
@@ -82,7 +101,7 @@ $kendo-color-gradient-canvas-gap: $kendo-color-gradient-spacer !default;
 $kendo-color-gradient-canvas-rectangle-height: 180px !default;
 /// The height the small ColorGradient canvas hsv rectangle.
 /// @group color-gradient
-$kendo-color-gradient-sm-canvas-rectangle-height: 182px !default;
+$kendo-color-gradient-sm-canvas-rectangle-height: $kendo-color-gradient-canvas-rectangle-height !default;
 /// The height the medium ColorGradient canvas hsv rectangle.
 /// @group color-gradient
 $kendo-color-gradient-md-canvas-rectangle-height: $kendo-color-gradient-canvas-rectangle-height !default;
@@ -122,7 +141,7 @@ $kendo-color-gradient-slider-alpha-bgr: "data:image/png;base64,iVBORw0KGgoAAAANS
 
 /// The height of the small ColorGradient vertical slider.
 /// @group color-gradient
-$kendo-color-gradient-sm-slider-vertical-size: 182px !default;
+$kendo-color-gradient-sm-slider-vertical-size: $kendo-color-gradient-slider-vertical-size !default;
 /// The height of the medium ColorGradient vertical slider.
 /// @group color-gradient
 $kendo-color-gradient-md-slider-vertical-size: $kendo-color-gradient-slider-vertical-size !default;
@@ -192,7 +211,7 @@ $kendo-color-gradient-sm-input-width: 42px !default;
 $kendo-color-gradient-md-input-width: $kendo-color-gradient-input-width !default;
 /// The width of the large ColorGradient input.
 /// @group color-gradient
-$kendo-color-gradient-lg-input-width: 62.5px !default;
+$kendo-color-gradient-lg-input-width: 62px !default;
 
 /// The font weight of the ColorGradient contrast ratio text.
 /// @group color-gradient
@@ -210,7 +229,9 @@ $kendo-color-gradient-sizes: (
         rectangle-height: $kendo-color-gradient-sm-canvas-rectangle-height,
         input-width: $kendo-color-gradient-sm-input-width,
         gap: $kendo-color-gradient-sm-gap,
-        canvas-gap: $kendo-color-gradient-sm-canvas-gap
+        canvas-gap: $kendo-color-gradient-sm-canvas-gap,
+        padding-x: $kendo-color-gradient-sm-padding-x,
+        padding-y: $kendo-color-gradient-sm-padding-y
     ),
     md: (
         width: $kendo-color-gradient-md-width,
@@ -218,7 +239,9 @@ $kendo-color-gradient-sizes: (
         rectangle-height: $kendo-color-gradient-md-canvas-rectangle-height,
         input-width: $kendo-color-gradient-md-input-width,
         gap: $kendo-color-gradient-md-gap,
-        canvas-gap: $kendo-color-gradient-md-canvas-gap
+        canvas-gap: $kendo-color-gradient-md-canvas-gap,
+        padding-x: $kendo-color-gradient-md-padding-x,
+        padding-y: $kendo-color-gradient-md-padding-y
     ),
     lg: (
         width: $kendo-color-gradient-lg-width,
@@ -226,7 +249,9 @@ $kendo-color-gradient-sizes: (
         rectangle-height: $kendo-color-gradient-lg-canvas-rectangle-height,
         input-width: $kendo-color-gradient-lg-input-width,
         gap: $kendo-color-gradient-lg-gap,
-        canvas-gap: $kendo-color-gradient-lg-canvas-gap
+        canvas-gap: $kendo-color-gradient-lg-canvas-gap,
+        padding-x: $kendo-color-gradient-lg-padding-x,
+        padding-y: $kendo-color-gradient-lg-padding-y
     )
 ) !default;
 
@@ -261,6 +286,12 @@ $kendo-color-gradient-sizes: (
     $kendo-color-gradient-sm-canvas-gap: $kendo-color-gradient-sm-canvas-gap,
     $kendo-color-gradient-md-canvas-gap: $kendo-color-gradient-md-canvas-gap,
     $kendo-color-gradient-lg-canvas-gap: $kendo-color-gradient-lg-canvas-gap,
+    $kendo-color-gradient-sm-padding-x: $kendo-color-gradient-sm-padding-x,
+    $kendo-color-gradient-sm-padding-y: $kendo-color-gradient-sm-padding-y,
+    $kendo-color-gradient-md-padding-x: $kendo-color-gradient-md-padding-x,
+    $kendo-color-gradient-md-padding-y: $kendo-color-gradient-md-padding-y,
+    $kendo-color-gradient-lg-padding-x: $kendo-color-gradient-lg-padding-x,
+    $kendo-color-gradient-lg-padding-y: $kendo-color-gradient-lg-padding-y,
     $kendo-color-gradient-slider-track-size: $kendo-color-gradient-slider-track-size,
     $kendo-color-gradient-slider-border-radius: $kendo-color-gradient-slider-border-radius,
     $kendo-color-gradient-slider-draghandle-border-width: $kendo-color-gradient-slider-draghandle-border-width,

package/scss/colorpalette/_variables.scss

@@ -20,22 +20,22 @@ $kendo-color-palette-tile-width: k-spacing(6) !default;
 $kendo-color-palette-tile-height: $kendo-color-palette-tile-width !default;
 /// The width of the small ColorPalette tile.
 /// @group color-palette
-$kendo-color-palette-tile-sm-width: k-spacing(5.5) !default;
+$kendo-color-palette-sm-tile-width: k-spacing(5.5) !default;
 /// The height of the small ColorPalette tile.
 /// @group color-palette
-$kendo-color-palette-tile-sm-height: $kendo-color-palette-tile-sm-width !default;
+$kendo-color-palette-sm-tile-height: $kendo-color-palette-sm-tile-width !default;
 /// The width of the medium ColorPalette tile.
 /// @group color-palette
-$kendo-color-palette-tile-md-width: $kendo-color-palette-tile-width !default;
+$kendo-color-palette-md-tile-width: $kendo-color-palette-tile-width !default;
 /// The height of the medium ColorPalette tile.
 /// @group color-palette
-$kendo-color-palette-tile-md-height: $kendo-color-palette-tile-height !default;
+$kendo-color-palette-md-tile-height: $kendo-color-palette-tile-height !default;
 /// The width of the large ColorPalette tile.
 /// @group color-palette
-$kendo-color-palette-tile-lg-width: k-spacing(8) !default;
+$kendo-color-palette-lg-tile-width: k-spacing(8) !default;
 /// The height of the large ColorPalette tile.
 /// @group color-palette
-$kendo-color-palette-tile-lg-height: $kendo-color-palette-tile-lg-width !default;
+$kendo-color-palette-lg-tile-height: $kendo-color-palette-lg-tile-width !default;
 /// The shadow of the ColorPalette focused tile.
 /// @group color-palette
 $kendo-color-palette-tile-focus-shadow: 0 0 3px 1px rgba( black, .3 ), inset 0 0 0 1px rgba( white, .5 ) !default;
@@ -50,16 +50,16 @@ $kendo-color-palette-tile-selected-shadow: 0 1px 3px 1px rgba( black, .3 ), inse
 /// @group color-palette
 $kendo-color-palette-sizes: (
     sm: (
-        width: $kendo-color-palette-tile-sm-width,
-        height: $kendo-color-palette-tile-sm-height
+        width: $kendo-color-palette-sm-tile-width,
+        height: $kendo-color-palette-sm-tile-height
     ),
     md: (
-        width: $kendo-color-palette-tile-md-width,
-        height: $kendo-color-palette-tile-md-height
+        width: $kendo-color-palette-md-tile-width,
+        height: $kendo-color-palette-md-tile-height
     ),
     lg: (
-        width: $kendo-color-palette-tile-lg-width,
-        height: $kendo-color-palette-tile-lg-height
+        width: $kendo-color-palette-lg-tile-width,
+        height: $kendo-color-palette-lg-tile-height
     )
 ) !default;
 
@@ -69,12 +69,12 @@ $kendo-color-palette-sizes: (
     $kendo-color-palette-line-height: $kendo-color-palette-line-height,
     $kendo-color-palette-tile-width: $kendo-color-palette-tile-width,
     $kendo-color-palette-tile-height: $kendo-color-palette-tile-height,
-    $kendo-color-palette-tile-sm-width: $kendo-color-palette-tile-sm-width,
-    $kendo-color-palette-tile-sm-height: $kendo-color-palette-tile-sm-height,
-    $kendo-color-palette-tile-md-width: $kendo-color-palette-tile-md-width,
-    $kendo-color-palette-tile-md-height: $kendo-color-palette-tile-md-height,
-    $kendo-color-palette-tile-lg-width: $kendo-color-palette-tile-lg-width,
-    $kendo-color-palette-tile-lg-height: $kendo-color-palette-tile-lg-height,
+    $kendo-color-palette-sm-tile-width: $kendo-color-palette-sm-tile-width,
+    $kendo-color-palette-sm-tile-height: $kendo-color-palette-sm-tile-height,
+    $kendo-color-palette-md-tile-width: $kendo-color-palette-md-tile-width,
+    $kendo-color-palette-md-tile-height: $kendo-color-palette-md-tile-height,
+    $kendo-color-palette-lg-tile-width: $kendo-color-palette-lg-tile-width,
+    $kendo-color-palette-lg-tile-height: $kendo-color-palette-lg-tile-height,
     $kendo-color-palette-tile-focus-shadow: $kendo-color-palette-tile-focus-shadow,
     $kendo-color-palette-tile-hover-shadow: $kendo-color-palette-tile-hover-shadow,
     $kendo-color-palette-tile-selected-shadow: $kendo-color-palette-tile-selected-shadow

package/scss/dataviz/_variables.scss

@@ -90,12 +90,9 @@ $kendo-chart-border-width: 0px !default;
 $kendo-chart-font-family: var( --kendo-font-family, inherit ) !default;
 $kendo-chart-font-size: var( --kendo-font-size, inherit ) !default;
 $kendo-chart-line-height: var( --kendo-line-height, normal ) !default;
-$kendo-chart-sm-font-size: 11px !default;
-$kendo-chart-md-font-size: 12px !default;
-$kendo-chart-lg-font-size: 16px !default;
 $kendo-chart-tooltip-font-size: calc( #{$kendo-font-size} * .929) !default;
-$kendo-chart-label-font-size: .857em !default;
-$kendo-chart-title-font-size: 1.143em !default;
+$kendo-chart-label-font-size: var( --kendo-font-size-sm, inherit ) !default;
+$kendo-chart-title-font-size: var( --kendo-font-size-lg, inherit ) !default;
 $kendo-chart-pane-title-font-size: $kendo-chart-label-font-size !default;
 $kendo-chart-pane-title-font-weight: var( --kendo-font-weight-normal, normal ) !default;
 
@@ -220,9 +217,6 @@ $kendo-chart-no-data-padding-y: k-spacing( 25 ) !default;
     $kendo-chart-font-family: $kendo-chart-font-family,
     $kendo-chart-font-size: $kendo-chart-font-size,
     $kendo-chart-line-height: $kendo-chart-line-height,
-    $kendo-chart-sm-font-size: $kendo-chart-sm-font-size,
-    $kendo-chart-md-font-size: $kendo-chart-md-font-size,
-    $kendo-chart-lg-font-size: $kendo-chart-lg-font-size,
     $kendo-chart-tooltip-font-size: $kendo-chart-tooltip-font-size,
     $kendo-chart-label-font-size: $kendo-chart-label-font-size,
     $kendo-chart-title-font-size: $kendo-chart-title-font-size,