@progress/kendo-theme-fluent 11.0.0-dev.0 → 11.0.0-dev.1

package/dist/meta/variables.json

@@ -1599,6 +1599,38 @@
         "type": "String",
         "value": "var(--kendo-font-weight-bold, normal)"
     },
+    "kendo-list-filter-padding-x": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2, 0.5rem)"
+    },
+    "kendo-list-sm-filter-padding-x": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2, 0.5rem)"
+    },
+    "kendo-list-md-filter-padding-x": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2, 0.5rem)"
+    },
+    "kendo-list-lg-filter-padding-x": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2, 0.5rem)"
+    },
+    "kendo-list-filter-padding-y": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2, 0.5rem)"
+    },
+    "kendo-list-sm-filter-padding-y": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2, 0.5rem)"
+    },
+    "kendo-list-md-filter-padding-y": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2, 0.5rem)"
+    },
+    "kendo-list-lg-filter-padding-y": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2, 0.5rem)"
+    },
     "kendo-list-sm-item-padding-x": {
         "type": "String",
         "value": "var(--kendo-spacing-2, 0.5rem)"
@@ -1745,7 +1777,7 @@
     },
     "kendo-list-sizes": {
         "type": "Map",
-        "value": "(sm: (font-size: var(--kendo-font-size, inherit), line-height: var(--kendo-line-height, normal), header-padding-x: var(--kendo-spacing-2, 0.5rem), header-padding-y: var(--kendo-spacing-1\\.5, 0.375rem), header-font-size: var(--kendo-font-size, inherit), header-line-height: var(--kendo-line-height, normal), item-padding-x: var(--kendo-spacing-2, 0.5rem), item-padding-y: var(--kendo-spacing-1\\.5, 0.375rem), item-font-size: var(--kendo-font-size, inherit), item-line-height: var(--kendo-line-height, normal), item-group-label-padding-x: var(--kendo-spacing-0\\.5, 0.125rem), item-group-label-padding-y: var(--kendo-spacing-0\\.5, 0.125rem), item-group-label-font-size: var(--kendo-font-size-xs, inherit), group-item-padding-x: var(--kendo-spacing-2, 0.5rem), group-item-padding-y: var(--kendo-spacing-1\\.5, 0.375rem), group-item-font-size: var(--kendo-font-size, inherit), group-item-line-height: var(--kendo-line-height, normal)), md: (font-size: var(--kendo-font-size, inherit), line-height: var(--kendo-line-height, normal), header-padding-x: var(--kendo-spacing-2, 0.5rem), header-padding-y: var(--kendo-spacing-2, 0.5rem), header-font-size: var(--kendo-font-size, inherit), header-line-height: var(--kendo-line-height, normal), item-padding-x: var(--kendo-spacing-2, 0.5rem), item-padding-y: var(--kendo-spacing-2, 0.5rem), item-font-size: var(--kendo-font-size, inherit), item-line-height: var(--kendo-line-height, normal), item-group-label-padding-x: var(--kendo-spacing-1, 0.25rem), item-group-label-padding-y: var(--kendo-spacing-1, 0.25rem), item-group-label-font-size: var(--kendo-font-size-xs, inherit), group-item-padding-x: var(--kendo-spacing-2, 0.5rem), group-item-padding-y: var(--kendo-spacing-2, 0.5rem), group-item-font-size: var(--kendo-font-size, inherit), group-item-line-height: var(--kendo-line-height, normal)), lg: (font-size: var(--kendo-font-size, inherit), line-height: var(--kendo-line-height, normal), header-padding-x: var(--kendo-spacing-2, 0.5rem), header-padding-y: var(--kendo-spacing-2\\.5, 0.625rem), header-font-size: var(--kendo-font-size, inherit), header-line-height: var(--kendo-line-height, normal), item-padding-x: var(--kendo-spacing-2, 0.5rem), item-padding-y: var(--kendo-spacing-2\\.5, 0.625rem), item-font-size: var(--kendo-font-size, inherit), item-line-height: var(--kendo-line-height, normal), item-group-label-padding-x: var(--kendo-spacing-1\\.5, 0.375rem), item-group-label-padding-y: var(--kendo-spacing-1\\.5, 0.375rem), item-group-label-font-size: var(--kendo-font-size-xs, inherit), group-item-padding-x: var(--kendo-spacing-2, 0.5rem), group-item-padding-y: var(--kendo-spacing-2\\.5, 0.625rem), group-item-font-size: var(--kendo-font-size, inherit), group-item-line-height: var(--kendo-line-height, normal)))",
+        "value": "(sm: (font-size: var(--kendo-font-size, inherit), line-height: var(--kendo-line-height, normal), header-padding-x: var(--kendo-spacing-2, 0.5rem), header-padding-y: var(--kendo-spacing-1\\.5, 0.375rem), header-font-size: var(--kendo-font-size, inherit), header-line-height: var(--kendo-line-height, normal), item-padding-x: var(--kendo-spacing-2, 0.5rem), item-padding-y: var(--kendo-spacing-1\\.5, 0.375rem), item-font-size: var(--kendo-font-size, inherit), item-line-height: var(--kendo-line-height, normal), item-group-label-padding-x: var(--kendo-spacing-0\\.5, 0.125rem), item-group-label-padding-y: var(--kendo-spacing-0\\.5, 0.125rem), item-group-label-font-size: var(--kendo-font-size-xs, inherit), group-item-padding-x: var(--kendo-spacing-2, 0.5rem), group-item-padding-y: var(--kendo-spacing-1\\.5, 0.375rem), group-item-font-size: var(--kendo-font-size, inherit), group-item-line-height: var(--kendo-line-height, normal), filter-padding-x: var(--kendo-spacing-2, 0.5rem), filter-padding-y: var(--kendo-spacing-2, 0.5rem)), md: (font-size: var(--kendo-font-size, inherit), line-height: var(--kendo-line-height, normal), header-padding-x: var(--kendo-spacing-2, 0.5rem), header-padding-y: var(--kendo-spacing-2, 0.5rem), header-font-size: var(--kendo-font-size, inherit), header-line-height: var(--kendo-line-height, normal), item-padding-x: var(--kendo-spacing-2, 0.5rem), item-padding-y: var(--kendo-spacing-2, 0.5rem), item-font-size: var(--kendo-font-size, inherit), item-line-height: var(--kendo-line-height, normal), item-group-label-padding-x: var(--kendo-spacing-1, 0.25rem), item-group-label-padding-y: var(--kendo-spacing-1, 0.25rem), item-group-label-font-size: var(--kendo-font-size-xs, inherit), group-item-padding-x: var(--kendo-spacing-2, 0.5rem), group-item-padding-y: var(--kendo-spacing-2, 0.5rem), group-item-font-size: var(--kendo-font-size, inherit), group-item-line-height: var(--kendo-line-height, normal), filter-padding-x: var(--kendo-spacing-2, 0.5rem), filter-padding-y: var(--kendo-spacing-2, 0.5rem)), lg: (font-size: var(--kendo-font-size, inherit), line-height: var(--kendo-line-height, normal), header-padding-x: var(--kendo-spacing-2, 0.5rem), header-padding-y: var(--kendo-spacing-2\\.5, 0.625rem), header-font-size: var(--kendo-font-size, inherit), header-line-height: var(--kendo-line-height, normal), item-padding-x: var(--kendo-spacing-2, 0.5rem), item-padding-y: var(--kendo-spacing-2\\.5, 0.625rem), item-font-size: var(--kendo-font-size, inherit), item-line-height: var(--kendo-line-height, normal), item-group-label-padding-x: var(--kendo-spacing-1\\.5, 0.375rem), item-group-label-padding-y: var(--kendo-spacing-1\\.5, 0.375rem), item-group-label-font-size: var(--kendo-font-size-xs, inherit), group-item-padding-x: var(--kendo-spacing-2, 0.5rem), group-item-padding-y: var(--kendo-spacing-2\\.5, 0.625rem), group-item-font-size: var(--kendo-font-size, inherit), group-item-line-height: var(--kendo-line-height, normal), filter-padding-x: var(--kendo-spacing-2, 0.5rem), filter-padding-y: var(--kendo-spacing-2, 0.5rem)))",
         "prettyValue": {
             "sm": {
                 "font-size": "var(--kendo-font-size, inherit)",
@@ -1764,7 +1796,9 @@
                 "group-item-padding-x": "var(--kendo-spacing-2, 0.5rem)",
                 "group-item-padding-y": "var(--kendo-spacing-1\\.5, 0.375rem)",
                 "group-item-font-size": "var(--kendo-font-size, inherit)",
-                "group-item-line-height": "var(--kendo-line-height, normal)"
+                "group-item-line-height": "var(--kendo-line-height, normal)",
+                "filter-padding-x": "var(--kendo-spacing-2, 0.5rem)",
+                "filter-padding-y": "var(--kendo-spacing-2, 0.5rem)"
             },
             "md": {
                 "font-size": "var(--kendo-font-size, inherit)",
@@ -1783,7 +1817,9 @@
                 "group-item-padding-x": "var(--kendo-spacing-2, 0.5rem)",
                 "group-item-padding-y": "var(--kendo-spacing-2, 0.5rem)",
                 "group-item-font-size": "var(--kendo-font-size, inherit)",
-                "group-item-line-height": "var(--kendo-line-height, normal)"
+                "group-item-line-height": "var(--kendo-line-height, normal)",
+                "filter-padding-x": "var(--kendo-spacing-2, 0.5rem)",
+                "filter-padding-y": "var(--kendo-spacing-2, 0.5rem)"
             },
             "lg": {
                 "font-size": "var(--kendo-font-size, inherit)",
@@ -1802,7 +1838,9 @@
                 "group-item-padding-x": "var(--kendo-spacing-2, 0.5rem)",
                 "group-item-padding-y": "var(--kendo-spacing-2\\.5, 0.625rem)",
                 "group-item-font-size": "var(--kendo-font-size, inherit)",
-                "group-item-line-height": "var(--kendo-line-height, normal)"
+                "group-item-line-height": "var(--kendo-line-height, normal)",
+                "filter-padding-x": "var(--kendo-spacing-2, 0.5rem)",
+                "filter-padding-y": "var(--kendo-spacing-2, 0.5rem)"
             }
         }
     },
@@ -6065,6 +6103,10 @@
         "type": "String",
         "value": "var(--kendo-spacing-1\\.5, 0.375rem)"
     },
+    "kendo-chip-font-weight": {
+        "type": "String",
+        "value": "var(--kendo-font-weight-normal, normal)"
+    },
     "kendo-chip-sm-font-size": {
         "type": "String",
         "value": "var(--kendo-font-size, inherit)"
@@ -7193,6 +7235,10 @@
         "type": "String",
         "value": "var(--kendo-line-height, normal)"
     },
+    "kendo-calendar-border-radius": {
+        "type": "Number",
+        "value": "0"
+    },
     "kendo-calendar-cell-size": {
         "type": "Number",
         "value": "28px"
@@ -7373,6 +7419,14 @@
         "type": "Number",
         "value": "9999px"
     },
+    "kendo-calendar-today-font-weight": {
+        "type": "String",
+        "value": "var(--kendo-font-weight-bold, normal)"
+    },
+    "kendo-calendar-today-box-shadow": {
+        "type": "Null",
+        "value": "null"
+    },
     "kendo-calendar-week-number-bg": {
         "type": "String",
         "value": "inherit"
@@ -7461,6 +7515,10 @@
         "type": "String",
         "value": "var(--kendo-color-primary-hover, #106ebe)"
     },
+    "kendo-calendar-navigation-marker-text": {
+        "type": "String",
+        "value": "currentColor"
+    },
     "kendo-infinite-calendar-header-padding-x": {
         "type": "String",
         "value": "var(--kendo-spacing-3, 0.75rem)"
@@ -7651,6 +7709,18 @@
         "type": "Number",
         "value": "0px"
     },
+    "kendo-time-selector-header-title-text": {
+        "type": "String",
+        "value": "unset"
+    },
+    "kendo-time-selector-header-time-now-text": {
+        "type": "String",
+        "value": "var(--kendo-color-primary, #0078d4)"
+    },
+    "kendo-time-selector-header-time-now-hover-text": {
+        "type": "String",
+        "value": "var(--kendo-color-primary-hover, #106ebe)"
+    },
     "kendo-time-list-separator-display": {
         "type": "String",
         "value": "none"
@@ -8067,19 +8137,7 @@
     },
     "kendo-color-gradient-canvas-rectangle-height": {
         "type": "Number",
-        "value": "180px"
-    },
-    "kendo-color-gradient-sm-canvas-rectangle-height": {
-        "type": "Number",
-        "value": "164px"
-    },
-    "kendo-color-gradient-md-canvas-rectangle-height": {
-        "type": "Number",
-        "value": "180px"
-    },
-    "kendo-color-gradient-lg-canvas-rectangle-height": {
-        "type": "Number",
-        "value": "256px"
+        "value": "100%"
     },
     "kendo-color-gradient-sm-canvas-spacing": {
         "type": "String",
@@ -8119,7 +8177,7 @@
     },
     "kendo-color-gradient-slider-vertical-size": {
         "type": "Number",
-        "value": "180px"
+        "value": "100%"
     },
     "kendo-color-gradient-slider-horizontal-size": {
         "type": "Number",
@@ -8129,18 +8187,6 @@
         "type": "String",
         "value": "\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC\""
     },
-    "kendo-color-gradient-sm-slider-vertical-size": {
-        "type": "Number",
-        "value": "164px"
-    },
-    "kendo-color-gradient-md-slider-vertical-size": {
-        "type": "Number",
-        "value": "180px"
-    },
-    "kendo-color-gradient-lg-slider-vertical-size": {
-        "type": "Number",
-        "value": "256px"
-    },
     "kendo-color-gradient-draghandle-width": {
         "type": "Number",
         "value": "20px"
@@ -8227,12 +8273,10 @@
     },
     "kendo-color-gradient-sizes": {
         "type": "Map",
-        "value": "(sm: (width: 236px, vertical-slider-height: 164px, rectangle-height: 164px, input-width: 43px, spacing: var(--kendo-spacing-4, 1rem), canvas-spacing: var(--kendo-spacing-2, 0.5rem), padding-x: calc(var(--kendo-spacing-4, 1rem) / 2), padding-y: var(--kendo-spacing-4, 1rem)), md: (width: 260px, vertical-slider-height: 180px, rectangle-height: 180px, input-width: 48px, spacing: var(--kendo-spacing-4, 1rem), canvas-spacing: var(--kendo-spacing-2, 0.5rem), padding-x: calc(var(--kendo-spacing-4, 1rem) / 2), padding-y: var(--kendo-spacing-4, 1rem)), lg: (width: 362px, vertical-slider-height: 256px, rectangle-height: 256px, input-width: 68px, spacing: var(--kendo-spacing-4\\.5, 1.125rem), canvas-spacing: var(--kendo-spacing-4, 1rem), padding-x: var(--kendo-spacing-4, 1rem), padding-y: var(--kendo-spacing-4, 1rem)))",
+        "value": "(sm: (width: 236px, input-width: 43px, spacing: var(--kendo-spacing-4, 1rem), canvas-spacing: var(--kendo-spacing-2, 0.5rem), padding-x: calc(var(--kendo-spacing-4, 1rem) / 2), padding-y: var(--kendo-spacing-4, 1rem)), md: (width: 260px, input-width: 48px, spacing: var(--kendo-spacing-4, 1rem), canvas-spacing: var(--kendo-spacing-2, 0.5rem), padding-x: calc(var(--kendo-spacing-4, 1rem) / 2), padding-y: var(--kendo-spacing-4, 1rem)), lg: (width: 362px, input-width: 68px, spacing: var(--kendo-spacing-4\\.5, 1.125rem), canvas-spacing: var(--kendo-spacing-4, 1rem), padding-x: var(--kendo-spacing-4, 1rem), padding-y: var(--kendo-spacing-4, 1rem)))",
         "prettyValue": {
             "sm": {
                 "width": "236px",
-                "vertical-slider-height": "164px",
-                "rectangle-height": "164px",
                 "input-width": "43px",
                 "spacing": "var(--kendo-spacing-4, 1rem)",
                 "canvas-spacing": "var(--kendo-spacing-2, 0.5rem)",
@@ -8241,8 +8285,6 @@
             },
             "md": {
                 "width": "260px",
-                "vertical-slider-height": "180px",
-                "rectangle-height": "180px",
                 "input-width": "48px",
                 "spacing": "var(--kendo-spacing-4, 1rem)",
                 "canvas-spacing": "var(--kendo-spacing-2, 0.5rem)",
@@ -8251,8 +8293,6 @@
             },
             "lg": {
                 "width": "362px",
-                "vertical-slider-height": "256px",
-                "rectangle-height": "256px",
                 "input-width": "68px",
                 "spacing": "var(--kendo-spacing-4\\.5, 1.125rem)",
                 "canvas-spacing": "var(--kendo-spacing-4, 1rem)",
@@ -10320,6 +10360,10 @@
         "type": "Number",
         "value": "1rem"
     },
+    "kendo-adaptive-actionsheet-line-height": {
+        "type": "String",
+        "value": "var(--kendo-line-height, inherit)"
+    },
     "kendo-adaptive-actionsheet-header-padding-y": {
         "type": "String",
         "value": "var(--kendo-spacing-4, 1rem)"
@@ -10553,6 +10597,10 @@
         "type": "String",
         "value": "var(--kendo-spacing-2, 0.5rem)"
     },
+    "kendo-dialog-bg": {
+        "type": "String",
+        "value": "var(--kendo-color-app-surface, #ffffff)"
+    },
     "kendo-dialog-shadow": {
         "type": "String",
         "value": "var(--kendo-box-shadow-depth-8, none)"
@@ -10641,6 +10689,14 @@
         "type": "String",
         "value": "color-mix(in srgb, var(--kendo-color-on-app-surface, #323130) 60%, transparent)"
     },
+    "kendo-drawer-items-padding-x": {
+        "type": "Number",
+        "value": "0"
+    },
+    "kendo-drawer-items-padding-y": {
+        "type": "Number",
+        "value": "0"
+    },
     "kendo-drawer-item-padding-x": {
         "type": "String",
         "value": "var(--kendo-spacing-4, 1rem)"
@@ -10649,6 +10705,10 @@
         "type": "String",
         "value": "var(--kendo-spacing-2, 0.5rem)"
     },
+    "kendo-drawer-item-spacing": {
+        "type": "String",
+        "value": "var(--kendo-spacing-4, 1rem)"
+    },
     "kendo-drawer-item-font-size": {
         "type": "String",
         "value": "var(--kendo-font-size, inherit)"
@@ -10657,6 +10717,10 @@
         "type": "String",
         "value": "var(--kendo-line-height-lg, normal)"
     },
+    "kendo-drawer-item-font-weight": {
+        "type": "String",
+        "value": "var(--kendo-font-weight, normal)"
+    },
     "kendo-drawer-item-level-padding-x": {
         "type": "String",
         "value": "var(--kendo-spacing-4, 1rem)"
@@ -10665,6 +10729,10 @@
         "type": "Number",
         "value": "5"
     },
+    "kendo-drawer-item-border-radius": {
+        "type": "Null",
+        "value": "null"
+    },
     "kendo-drawer-icon-padding-x": {
         "type": "String",
         "value": "var(--kendo-spacing-0, 0px)"
@@ -10749,6 +10817,10 @@
         "type": "String",
         "value": "var(--kendo-color-on-base, #323130)"
     },
+    "kendo-drawer-item-selected-focus-bg": {
+        "type": "Null",
+        "value": "null"
+    },
     "kendo-notification-group-gap": {
         "type": "String",
         "value": "var(--kendo-spacing-2, 0.5rem)"
@@ -10781,6 +10853,14 @@
         "type": "String",
         "value": "var(--kendo-line-height, normal)"
     },
+    "kendo-notification-actions-padding-x": {
+        "type": "Null",
+        "value": "null"
+    },
+    "kendo-notification-actions-padding-y": {
+        "type": "Null",
+        "value": "null"
+    },
     "kendo-notification-bg": {
         "type": "String",
         "value": "var(--kendo-color-surface-alt, #ffffff)"

package/lib/swatches/all.json

@@ -3,7 +3,7 @@
     "name": "All",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "11.0.0-dev.0",
+    "version": "11.0.0-dev.1",
     "api": "modern",
     "previewColors": [
         "#ffffff",

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

@@ -3,7 +3,7 @@
     "name": "Fluent Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "11.0.0-dev.0",
+    "version": "11.0.0-dev.1",
     "previewColors": [
         "#1b1a19",
         "#21201f",

package/lib/swatches/fluent-main.json

@@ -3,7 +3,7 @@
     "name": "Fluent Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "11.0.0-dev.0",
+    "version": "11.0.0-dev.1",
     "previewColors": [
         "#ffffff",
         "#faf9f8",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-fluent",
   "description": "A css variables based theme for Kendo UI that follows the Fluent design system guidelines.",
-  "version": "11.0.0-dev.0",
+  "version": "11.0.0-dev.1",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -54,12 +54,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.1.0",
-    "@progress/kendo-theme-core": "11.0.0-dev.0",
-    "@progress/kendo-theme-utils": "11.0.0-dev.0"
+    "@progress/kendo-theme-core": "11.0.0-dev.1",
+    "@progress/kendo-theme-utils": "11.0.0-dev.1"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "b83fa9575266e751edf9317822154d05a4fc566a"
+  "gitHead": "57358fb664667fda76ce2febcd9bf331796b263c"
 }

package/scss/action-sheet/_variables.scss

@@ -197,7 +197,11 @@ $kendo-actionsheet-item-disabled-border: transparent !default;
 // Adaptive Actionsheet
 
 /// Font size of the adaptive action sheet.
+/// @group action-sheet
 $kendo-adaptive-actionsheet-font-size: $kendo-font-size-lg !default;
+/// The line height of the adaptive action sheet.
+/// @group action-sheet
+$kendo-adaptive-actionsheet-line-height: var( --kendo-line-height, inherit ) !default;
 
 /// Vertical padding of the adaptive action sheet titlebar.
 /// @group action-sheet

package/scss/calendar/_layout.scss

@@ -12,6 +12,7 @@
         block-size: var( --INTERNAL--kendo-calendar-height, min-content );
         border-width: var( --kendo-calendar-border-width, #{$kendo-calendar-border-width} );
         border-style: solid;
+        border-radius: var( --kendo-calendar-border-radius, #{$kendo-calendar-border-radius} );;
         box-sizing: border-box;
         outline: 0;
         font-family: var( --kendo-calendar-font-family, #{$kendo-calendar-font-family} );
@@ -182,7 +183,7 @@
         overflow: hidden;
 
         .k-today {
-            font-weight: bold;
+            font-weight: var( --kendo-calendar-today-font-weight, #{$kendo-calendar-today-font-weight} );
         }
 
 

package/scss/calendar/_theme.scss

@@ -135,6 +135,10 @@
             );
         }
 
+        .k-calendar-navigation-marker {
+            color: var( --kendo-calendar-navigation-marker-text, #{$kendo-calendar-navigation-marker-text} );
+        }
+
         // Invalid
         &.k-invalid,
         &.k-invalid:hover,

package/scss/calendar/_variables.scss

@@ -13,6 +13,9 @@ $kendo-calendar-font-size: var( --kendo-font-size, inherit ) !default;
 /// The line height of the Calendar.
 /// @group calendar
 $kendo-calendar-line-height: var( --kendo-line-height, normal ) !default;
+/// The border-radius of the Calendar.
+/// @group calendar
+$kendo-calendar-border-radius: 0 !default;
 
 /// The size of the calendar cell.
 /// @group calendar
@@ -159,6 +162,12 @@ $kendo-calendar-today-hover-bg: k-color(primary-hover) !default;
 /// The border radius of the calendar today cell.
 /// @group calendar
 $kendo-calendar-today-border-radius: 9999px !default;
+/// The font weight of the current day in the Calendar.
+/// @group calendar
+$kendo-calendar-today-font-weight: var( --kendo-font-weight-bold, normal ) !default;
+/// The box shadow of the current day in the Calendar.
+/// @group calendar
+$kendo-calendar-today-box-shadow: null !default;
 
 /// The background color of the calendar week number cell.
 /// @group calendar
@@ -238,6 +247,9 @@ $kendo-calendar-navigation-border: $kendo-calendar-header-border !default;
 /// The text color of the hovered items in the calendar navigation.
 /// @group calendar
 $kendo-calendar-navigation-hover-text: k-color(primary-hover) !default;
+/// The text color of the marker in the Calendar navigation.
+/// @group calendar
+$kendo-calendar-navigation-marker-text: currentColor !default;
 
 
 // Infinite calendar

package/scss/chip/_layout.scss

@@ -12,6 +12,7 @@
         border-style: solid;
         outline: 0;
         font-family: var( --kendo-chip-font-family, #{ $kendo-chip-font-family } );
+        font-weight: var( --kendo-chip-font-weight, #{ $kendo-chip-font-weight } ) ;
         font-size: var( --INTERNAL-kendo-chip-font-size, 1rem );
         line-height: var( --INTERNAL-kendo-chip-line-height, normal );
         display: inline-flex;

package/scss/chip/_variables.scss

@@ -69,6 +69,10 @@ $kendo-chip-md-padding-y: k-spacing(1) !default;
 /// @group chip
 $kendo-chip-lg-padding-y: k-spacing(1.5) !default;
 
+/// The font weight of the Chip.
+/// @group chip
+$kendo-chip-font-weight: var( --kendo-font-weight-normal, normal ) !default;
+
 /// The font size of the small Chip.
 /// @group chip
 $kendo-chip-sm-font-size: var( --kendo-font-size, inherit ) !default;

package/scss/color-preview/_theme.scss

@@ -24,7 +24,7 @@
     .k-disabled {
         .k-color-preview-mask::before {
             @include fill(
-                $bg: k-color( base-subtle )
+                $bg: k-color(base-subtle)
             );
         }
     }

package/scss/colorgradient/_layout.scss

@@ -46,6 +46,7 @@
 
         .k-hsv-gradient {
             height: var( --kendo-color-gradient-canvas-rectangle-height, #{$kendo-color-gradient-canvas-rectangle-height} );
+            aspect-ratio: 1;
         }
 
         .k-hsv-draghandle {
@@ -138,8 +139,6 @@
     @each $size, $size-props in $kendo-color-gradient-sizes {
         $_width: map.get( $size-props, width );
         $_spacing: map.get( $size-props, spacing );
-        $_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-spacing: map.get( $size-props, canvas-spacing );
         $_padding-x: map.get( $size-props, padding-x );
@@ -160,14 +159,6 @@
             .k-colorgradient-canvas {
                 gap: $_canvas-spacing;
 
-                .k-hsv-gradient {
-                    height: $_rectangle-height;
-                }
-
-                .k-slider-vertical {
-                    height: $_vertical-slider-height;
-                }
-
                 .k-hsv-controls {
                     gap: $_canvas-spacing;
                 }

package/scss/colorgradient/_variables.scss

@@ -104,16 +104,7 @@ $kendo-color-gradient-canvas-border-radius: k-border-radius(md) !default;
 $kendo-color-gradient-canvas-spacing: k-spacing(2) !default;
 /// The height the ColorGradient canvas hsv rectangle.
 /// @group color-gradient
-$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: 164px !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;
-/// The height the large ColorGradient canvas hsv rectangle.
-/// @group color-gradient
-$kendo-color-gradient-lg-canvas-rectangle-height: 256px !default;
+$kendo-color-gradient-canvas-rectangle-height: 100% !default;
 
 /// The spacing between the items of the small ColorGradient canvas.
 /// @group color-gradient
@@ -147,22 +138,13 @@ $kendo-color-gradient-slider-border: color-mix(in srgb, k-color(border) 16%, tra
 
 /// The height of the ColorGradient vertical slider.
 /// @group color-gradient
-$kendo-color-gradient-slider-vertical-size: 180px !default;
+$kendo-color-gradient-slider-vertical-size: 100% !default;
 /// The width of the ColorGradient horizontal slider.
 /// @group color-gradient
 $kendo-color-gradient-slider-horizontal-size: 100% !default;
 /// The background image of the ColorGradient alpha slider.
 /// @group color-gradient
 $kendo-color-gradient-slider-alpha-bgr: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC" !default;
-/// The height of the small ColorGradient vertical slider.
-/// @group color-gradient
-$kendo-color-gradient-sm-slider-vertical-size: 164px !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;
-/// The height of the large ColorGradient vertical slider.
-/// @group color-gradient
-$kendo-color-gradient-lg-slider-vertical-size: 256px !default;
 
 /// The width of the ColorGradient canvas drag handle.
 /// @group color-gradient
@@ -237,8 +219,6 @@ $kendo-color-gradient-contrast-spacing: calc( #{$kendo-color-gradient-spacer} /
 $kendo-color-gradient-sizes: (
     sm: (
         width: $kendo-color-gradient-sm-width,
-        vertical-slider-height: $kendo-color-gradient-sm-slider-vertical-size,
-        rectangle-height: $kendo-color-gradient-sm-canvas-rectangle-height,
         input-width: $kendo-color-gradient-sm-input-width,
         spacing: $kendo-color-gradient-sm-spacing,
         canvas-spacing: $kendo-color-gradient-sm-canvas-spacing,
@@ -247,8 +227,6 @@ $kendo-color-gradient-sizes: (
     ),
     md: (
         width: $kendo-color-gradient-md-width,
-        vertical-slider-height: $kendo-color-gradient-md-slider-vertical-size,
-        rectangle-height: $kendo-color-gradient-md-canvas-rectangle-height,
         input-width: $kendo-color-gradient-md-input-width,
         spacing: $kendo-color-gradient-md-spacing,
         canvas-spacing: $kendo-color-gradient-md-canvas-spacing,
@@ -257,8 +235,6 @@ $kendo-color-gradient-sizes: (
     ),
     lg: (
         width: $kendo-color-gradient-lg-width,
-        vertical-slider-height: $kendo-color-gradient-lg-slider-vertical-size,
-        rectangle-height: $kendo-color-gradient-lg-canvas-rectangle-height,
         input-width: $kendo-color-gradient-lg-input-width,
         spacing: $kendo-color-gradient-lg-spacing,
         canvas-spacing: $kendo-color-gradient-lg-canvas-spacing,

package/scss/column-menu/_variables.scss

@@ -44,4 +44,4 @@ $kendo-column-menu-sizes: (
 $kendo-group-menu-item-action-hover-bg: color-mix(in srgb, currentColor 5%, transparent) !default;
 $kendo-group-menu-item-action-selected-bg: color-mix(in srgb, currentColor 8%, transparent) !default;
 $kendo-group-menu-item-add-action-text: k-color(primary) !default;
-$kendo-group-menu-item-border: color-mix(in srgb, k-color( border ) 16%, transparent) !default;
+$kendo-group-menu-item-border: color-mix(in srgb, k-color(border) 16%, transparent) !default;

package/scss/dataviz/_theme.scss

@@ -99,10 +99,10 @@
 
         // Leaf
         .k-leaf {
-            @include fill( $color: k-color( surface-alt ) );
+            @include fill( $color: k-color(surface-alt) );
         }
         .k-leaf.k-inverse {
-            @include fill( $color: k-color( on-app-surface ) );
+            @include fill( $color: k-color(on-app-surface) );
         }
         .k-leaf:hover,
         .k-leaf.k-hover {

package/scss/daterangepicker/_theme.scss

@@ -9,7 +9,7 @@
         &[disabled],
         &.k-disabled {
             @include disabled(
-                $color: var( --kendo-daterange-picker-disabled-text, color-mix(in srgb, k-color( on-app-surface ) 46%, transparent) ),
+                $color: var( --kendo-daterange-picker-disabled-text, color-mix(in srgb, k-color(on-app-surface) 46%, transparent) ),
                 $bg: var( --kendo-daterange-picker-disabled-bg, transparent ),
                 $border: var( --kendo-daterange-picker-disabled-border, currentColor )
             );

package/scss/dialog/_theme.scss

@@ -5,6 +5,7 @@
 @mixin kendo-dialog--theme() {
 
     .k-dialog {
+        background-color: var( --kendo-dialog-bg, #{$kendo-dialog-bg} );
         @include box-shadow( var( --kendo-dialog-shadow, #{$kendo-dialog-shadow} ) );
     }
 

package/scss/dialog/_variables.scss

@@ -48,6 +48,10 @@ $kendo-dialog-buttongroup-spacing: k-spacing(3) !default;
 /// @group dialog
 $kendo-dialog-button-spacing: k-spacing(2) !default; // $kendo-actions-padding-y
 
+/// The background color of the Dialog.
+/// @group dialog
+$kendo-dialog-bg: k-color(app-surface) !default;
+
 /// The box shadow around the Dialog.
 /// @group dialog
 $kendo-dialog-shadow: var( --kendo-box-shadow-depth-8, none ) !default;