@progress/kendo-theme-fluent 12.0.0-dev.2 → 12.0.0-dev.3

package/dist/meta/sassdoc-raw-data.json

@@ -2683,7 +2683,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-badge-lg-padding-y",
-            "value": "calc(k-spacing(0.5) + 1px)",
+            "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
                 "start": 40,
@@ -5083,7 +5083,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-breadcrumb-sm-icon-link-padding-y",
-            "value": "var(--kendo-breadcrumb-sm-icon-link-padding-y, k-spacing(2) )",
+            "value": "var(--kendo-breadcrumb-sm-icon-link-padding-y, k-spacing(0.5) )",
             "scope": "default",
             "line": {
                 "start": 215,
@@ -5108,7 +5108,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-breadcrumb-md-icon-link-padding-y",
-            "value": "var(--kendo-breadcrumb-md-icon-link-padding-y, k-spacing(2.5) )",
+            "value": "var(--kendo-breadcrumb-md-icon-link-padding-y, k-spacing(1.5) )",
             "scope": "default",
             "line": {
                 "start": 218,
@@ -5133,7 +5133,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-breadcrumb-lg-icon-link-padding-y",
-            "value": "var(--kendo-breadcrumb-lg-icon-link-padding-y, k-spacing(3) )",
+            "value": "var(--kendo-breadcrumb-lg-icon-link-padding-y, k-spacing(2) )",
             "scope": "default",
             "line": {
                 "start": 221,
@@ -5208,7 +5208,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-breadcrumb-lg-icon-link-padding-x",
-            "value": "var( --kendo-breadcrumb-icon-link-padding-x, $kendo-breadcrumb-lg-icon-link-padding-y )",
+            "value": "var( --kendo-breadcrumb-icon-link-padding-x, k-spacing(2.5) )",
             "scope": "default",
             "line": {
                 "start": 231,
@@ -6058,7 +6058,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-button-sm-padding-y",
-            "value": "var( --kendo-button-sm-padding-y, calc( #{k-spacing(0.5)} + 1px ) )",
+            "value": "calc(var( --kendo-button-sm-padding-y, #{k-spacing(0.5)} ) + 1px)",
             "scope": "default",
             "line": {
                 "start": 21,
@@ -6083,7 +6083,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-button-md-padding-y",
-            "value": "var( --kendo-button-md-padding-y, calc( #{k-spacing(1)} + 1px ) )",
+            "value": "calc(var( --kendo-button-md-padding-y, #{k-spacing(1)} ) + 1px)",
             "scope": "default",
             "line": {
                 "start": 24,
@@ -6108,7 +6108,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-button-lg-padding-y",
-            "value": "var( --kendo-button-lg-padding-y, calc( #{k-spacing(2)} + 1px ) )",
+            "value": "calc(var( --kendo-button-lg-padding-y, #{k-spacing(2)} ) + 1px)",
             "scope": "default",
             "line": {
                 "start": 27,
@@ -8158,7 +8158,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-calendar-today-text",
-            "value": "var( --kendo-calendar-today-text, k-color(app-surface) )",
+            "value": "var( --kendo-calendar-today-text, k-color(on-primary) )",
             "scope": "default",
             "line": {
                 "start": 146,
@@ -8208,7 +8208,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-calendar-today-hover-text",
-            "value": "var( --kendo-calendar-today-hover-text, k-color(app-surface) )",
+            "value": "var( --kendo-calendar-today-hover-text, k-color(on-primary) )",
             "scope": "default",
             "line": {
                 "start": 152,
@@ -11258,7 +11258,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-chart-wizard-icon-area-color",
-            "value": "var( --kendo-chart-wizard-icon-area-color, k-color(primary) )",
+            "value": "var( --kendo-chart-wizard-icon-area-color, k-color(primary-on-subtle) )",
             "scope": "default",
             "line": {
                 "start": 8,
@@ -15008,7 +15008,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-checkbox-checked-text",
-            "value": "var( --kendo-checkbox-checked-text, k-color(app-surface) )",
+            "value": "var( --kendo-checkbox-checked-text, k-color(surface-alt) )",
             "scope": "default",
             "line": {
                 "start": 92,
@@ -16433,7 +16433,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-chip-md-padding-y",
-            "value": "var( --kendo-chip-padding-y, calc( #{k-spacing(1.5)} / 2 ) )",
+            "value": "calc( var( --kendo-chip-padding-y, #{k-spacing(1.5)} ) / 2 )",
             "scope": "default",
             "line": {
                 "start": 52,
@@ -21752,7 +21752,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-dialog-bg",
-            "value": "var( --kendo-dialog-bg, k-color(app-surface) )",
+            "value": "var( --kendo-dialog-bg, k-color(surface-alt) )",
             "scope": "default",
             "line": {
                 "start": 29,
@@ -24077,7 +24077,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-drawer-item-ripple-border",
-            "value": "var( --kendo-drawer-item-ripple-border, k-color(primary) )",
+            "value": "var( --kendo-drawer-item-ripple-border, k-color(primary-on-surface) )",
             "scope": "default",
             "line": {
                 "start": 115,
@@ -24427,7 +24427,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-drawer-item-selected-icon-text",
-            "value": "var( --kendo-drawer-item-selected-icon-text, k-color(primary) )",
+            "value": "var( --kendo-drawer-item-selected-icon-text, k-color(primary-on-surface) )",
             "scope": "default",
             "line": {
                 "start": 160,
@@ -28019,15 +28019,15 @@
         }
     },
     {
-        "description": "The border color of the focused Filter.\n",
+        "description": "The border width of the Filter.\n",
         "commentRange": {
             "start": 37,
             "end": 38
         },
         "context": {
             "type": "variable",
-            "name": "kendo-filter-toolbar-focus-border",
-            "value": "var( --kendo-filter-toolbar-focus-border, #{k-color(base-emphasis)} )",
+            "name": "kendo-filter-toolbar-focus-border-width",
+            "value": "var( --kendo-filter-toolbar-focus-border-width, 2px )",
             "scope": "default",
             "line": {
                 "start": 39,
@@ -28043,6 +28043,31 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The border color of the focused Filter.\n",
+        "commentRange": {
+            "start": 40,
+            "end": 41
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-filter-toolbar-focus-border",
+            "value": "var( --kendo-filter-toolbar-focus-border, #{k-color(border)} )",
+            "scope": "default",
+            "line": {
+                "start": 42,
+                "end": 42
+            }
+        },
+        "group": [
+            "filter"
+        ],
+        "access": "public",
+        "file": {
+            "path": "filter/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The width of the border around the FAB.\n",
         "commentRange": {
@@ -32421,8 +32446,8 @@
     {
         "description": "The border width of the Grid.\n",
         "commentRange": {
-            "start": 9,
-            "end": 10
+            "start": 10,
+            "end": 11
         },
         "context": {
             "type": "variable",
@@ -32430,8 +32455,8 @@
             "value": "var( --kendo-grid-border-width, 1px )",
             "scope": "default",
             "line": {
-                "start": 11,
-                "end": 11
+                "start": 12,
+                "end": 12
             }
         },
         "group": [
@@ -32446,8 +32471,8 @@
     {
         "description": "The border style of the Grid.\n",
         "commentRange": {
-            "start": 12,
-            "end": 13
+            "start": 13,
+            "end": 14
         },
         "context": {
             "type": "variable",
@@ -32455,8 +32480,8 @@
             "value": "var( --kendo-grid-border-style, solid )",
             "scope": "default",
             "line": {
-                "start": 14,
-                "end": 14
+                "start": 15,
+                "end": 15
             }
         },
         "group": [
@@ -32471,8 +32496,8 @@
     {
         "description": "The font family of the Grid.\n",
         "commentRange": {
-            "start": 15,
-            "end": 16
+            "start": 16,
+            "end": 17
         },
         "context": {
             "type": "variable",
@@ -32480,8 +32505,8 @@
             "value": "var( --kendo-grid-font-family, var(--kendo-font-family, inherit) )",
             "scope": "default",
             "line": {
-                "start": 17,
-                "end": 17
+                "start": 18,
+                "end": 18
             }
         },
         "group": [
@@ -32496,8 +32521,8 @@
     {
         "description": "The font size of the Grid.\n",
         "commentRange": {
-            "start": 18,
-            "end": 19
+            "start": 19,
+            "end": 20
         },
         "context": {
             "type": "variable",
@@ -32505,8 +32530,8 @@
             "value": "var( --kendo-grid-font-size, var(--kendo-font-size, inherit) )",
             "scope": "default",
             "line": {
-                "start": 20,
-                "end": 20
+                "start": 21,
+                "end": 21
             }
         },
         "group": [
@@ -32521,8 +32546,8 @@
     {
         "description": "The line height of the Grid.\n",
         "commentRange": {
-            "start": 21,
-            "end": 22
+            "start": 22,
+            "end": 23
         },
         "context": {
             "type": "variable",
@@ -32530,8 +32555,8 @@
             "value": "var( --kendo-grid-line-height, var(--kendo-line-height, normal) )",
             "scope": "default",
             "line": {
-                "start": 23,
-                "end": 23
+                "start": 24,
+                "end": 24
             }
         },
         "group": [
@@ -32546,8 +32571,8 @@
     {
         "description": "The horizontal padding of the Grid.\n",
         "commentRange": {
-            "start": 25,
-            "end": 26
+            "start": 26,
+            "end": 27
         },
         "context": {
             "type": "variable",
@@ -32555,8 +32580,8 @@
             "value": "$kendo-table-md-cell-padding-x",
             "scope": "default",
             "line": {
-                "start": 27,
-                "end": 27
+                "start": 28,
+                "end": 28
             }
         },
         "group": [
@@ -32571,8 +32596,8 @@
     {
         "description": "The vertical padding of the Grid.\n",
         "commentRange": {
-            "start": 28,
-            "end": 29
+            "start": 29,
+            "end": 30
         },
         "context": {
             "type": "variable",
@@ -32580,8 +32605,8 @@
             "value": "$kendo-table-md-cell-padding-y",
             "scope": "default",
             "line": {
-                "start": 30,
-                "end": 30
+                "start": 31,
+                "end": 31
             }
         },
         "group": [
@@ -32596,8 +32621,8 @@
     {
         "description": "The horizontal padding of the Grid header.\n",
         "commentRange": {
-            "start": 32,
-            "end": 33
+            "start": 33,
+            "end": 34
         },
         "context": {
             "type": "variable",
@@ -32605,8 +32630,8 @@
             "value": "$kendo-grid-padding-x",
             "scope": "default",
             "line": {
-                "start": 34,
-                "end": 34
+                "start": 35,
+                "end": 35
             }
         },
         "group": [
@@ -32621,8 +32646,8 @@
     {
         "description": "The vertical padding of the Grid header.\n",
         "commentRange": {
-            "start": 35,
-            "end": 36
+            "start": 36,
+            "end": 37
         },
         "context": {
             "type": "variable",
@@ -32630,8 +32655,8 @@
             "value": "$kendo-grid-padding-y",
             "scope": "default",
             "line": {
-                "start": 37,
-                "end": 37
+                "start": 38,
+                "end": 38
             }
         },
         "group": [
@@ -32646,8 +32671,8 @@
     {
         "description": "The horizontal padding of the Grid grouping header.\n",
         "commentRange": {
-            "start": 39,
-            "end": 40
+            "start": 40,
+            "end": 41
         },
         "context": {
             "type": "variable",
@@ -32655,8 +32680,8 @@
             "value": "$kendo-toolbar-md-padding-x",
             "scope": "default",
             "line": {
-                "start": 41,
-                "end": 41
+                "start": 42,
+                "end": 42
             }
         },
         "group": [
@@ -32671,8 +32696,8 @@
     {
         "description": "The vertical padding of the Grid grouping header.\n",
         "commentRange": {
-            "start": 42,
-            "end": 43
+            "start": 43,
+            "end": 44
         },
         "context": {
             "type": "variable",
@@ -32680,8 +32705,8 @@
             "value": "$kendo-toolbar-md-padding-y",
             "scope": "default",
             "line": {
-                "start": 44,
-                "end": 44
+                "start": 45,
+                "end": 45
             }
         },
         "group": [
@@ -32696,8 +32721,8 @@
     {
         "description": "The horizontal padding of the Grid cell.\n",
         "commentRange": {
-            "start": 46,
-            "end": 47
+            "start": 47,
+            "end": 48
         },
         "context": {
             "type": "variable",
@@ -32705,8 +32730,8 @@
             "value": "$kendo-grid-padding-x",
             "scope": "default",
             "line": {
-                "start": 48,
-                "end": 48
+                "start": 49,
+                "end": 49
             }
         },
         "group": [
@@ -32721,8 +32746,8 @@
     {
         "description": "The vertical padding of the Grid cell.\n",
         "commentRange": {
-            "start": 49,
-            "end": 50
+            "start": 50,
+            "end": 51
         },
         "context": {
             "type": "variable",
@@ -32730,8 +32755,8 @@
             "value": "$kendo-grid-padding-y",
             "scope": "default",
             "line": {
-                "start": 51,
-                "end": 51
+                "start": 52,
+                "end": 52
             }
         },
         "group": [
@@ -32746,8 +32771,8 @@
     {
         "description": "The horizontal padding of the Grid filter cell.\n",
         "commentRange": {
-            "start": 53,
-            "end": 54
+            "start": 54,
+            "end": 55
         },
         "context": {
             "type": "variable",
@@ -32755,8 +32780,8 @@
             "value": "$kendo-grid-padding-y",
             "scope": "default",
             "line": {
-                "start": 55,
-                "end": 55
+                "start": 56,
+                "end": 56
             }
         },
         "group": [
@@ -32771,8 +32796,8 @@
     {
         "description": "The vertical padding of the Grid filter cell.\n",
         "commentRange": {
-            "start": 56,
-            "end": 57
+            "start": 57,
+            "end": 58
         },
         "context": {
             "type": "variable",
@@ -32780,8 +32805,8 @@
             "value": "$kendo-grid-filter-cell-padding-x",
             "scope": "default",
             "line": {
-                "start": 58,
-                "end": 58
+                "start": 59,
+                "end": 59
             }
         },
         "group": [
@@ -32796,8 +32821,8 @@
     {
         "description": "The horizontal padding of the Grid edit cell.\n",
         "commentRange": {
-            "start": 60,
-            "end": 61
+            "start": 61,
+            "end": 62
         },
         "context": {
             "type": "variable",
@@ -32805,8 +32830,8 @@
             "value": "$kendo-grid-cell-padding-x",
             "scope": "default",
             "line": {
-                "start": 62,
-                "end": 62
+                "start": 63,
+                "end": 63
             }
         },
         "group": [
@@ -32821,8 +32846,8 @@
     {
         "description": "The vertical padding of the Grid filter cell.\n",
         "commentRange": {
-            "start": 63,
-            "end": 64
+            "start": 64,
+            "end": 65
         },
         "context": {
             "type": "variable",
@@ -32830,8 +32855,8 @@
             "value": "calc( #{k-spacing(2.5)} / 2 )",
             "scope": "default",
             "line": {
-                "start": 65,
-                "end": 65
+                "start": 66,
+                "end": 66
             }
         },
         "group": [
@@ -32846,8 +32871,8 @@
     {
         "description": "The size of the Grid group drop clue.\n",
         "commentRange": {
-            "start": 67,
-            "end": 68
+            "start": 68,
+            "end": 69
         },
         "context": {
             "type": "variable",
@@ -32855,8 +32880,8 @@
             "value": "var( --kendo-grid-group-drop-hint-size, 6px )",
             "scope": "default",
             "line": {
-                "start": 69,
-                "end": 69
+                "start": 70,
+                "end": 70
             }
         },
         "group": [
@@ -32871,8 +32896,8 @@
     {
         "description": "The line size of the Grid group drop clue.\n",
         "commentRange": {
-            "start": 70,
-            "end": 71
+            "start": 71,
+            "end": 72
         },
         "context": {
             "type": "variable",
@@ -32880,8 +32905,8 @@
             "value": "var( --kendo-grid-group-drop-hint-line-size, 1px )",
             "scope": "default",
             "line": {
-                "start": 72,
-                "end": 72
+                "start": 73,
+                "end": 73
             }
         },
         "group": [
@@ -32896,8 +32921,8 @@
     {
         "description": "The dot size of the Grid group drop clue.\n",
         "commentRange": {
-            "start": 73,
-            "end": 74
+            "start": 74,
+            "end": 75
         },
         "context": {
             "type": "variable",
@@ -32905,8 +32930,8 @@
             "value": "$kendo-grid-group-drop-hint-size",
             "scope": "default",
             "line": {
-                "start": 75,
-                "end": 75
+                "start": 76,
+                "end": 76
             }
         },
         "group": [
@@ -32921,8 +32946,8 @@
     {
         "description": "The height of the Grid group drop clue.\n",
         "commentRange": {
-            "start": 76,
-            "end": 77
+            "start": 77,
+            "end": 78
         },
         "context": {
             "type": "variable",
@@ -32930,8 +32955,8 @@
             "value": "var( --kendo-grid-group-drop-hint-height, calc( #{$kendo-chip-calc-size} + #{$kendo-grid-group-drop-hint-size} ) )",
             "scope": "default",
             "line": {
-                "start": 78,
-                "end": 78
+                "start": 79,
+                "end": 79
             }
         },
         "group": [
@@ -32946,8 +32971,8 @@
     {
         "description": "The top offset of the Grid group drop clue.\n",
         "commentRange": {
-            "start": 79,
-            "end": 80
+            "start": 80,
+            "end": 81
         },
         "context": {
             "type": "variable",
@@ -32955,8 +32980,8 @@
             "value": "var( --kendo-grid-group-drop-hint-top, 2px )",
             "scope": "default",
             "line": {
-                "start": 81,
-                "end": 81
+                "start": 82,
+                "end": 82
             }
         },
         "group": [
@@ -32971,8 +32996,8 @@
     {
         "description": "The background color of the Grid.\n",
         "commentRange": {
-            "start": 156,
-            "end": 157
+            "start": 157,
+            "end": 158
         },
         "context": {
             "type": "variable",
@@ -32980,8 +33005,8 @@
             "value": "var( --kendo-grid-bg, #{$kendo-table-bg} )",
             "scope": "default",
             "line": {
-                "start": 158,
-                "end": 158
+                "start": 159,
+                "end": 159
             }
         },
         "group": [
@@ -32996,8 +33021,8 @@
     {
         "description": "The text color of the Grid.\n",
         "commentRange": {
-            "start": 159,
-            "end": 160
+            "start": 160,
+            "end": 161
         },
         "context": {
             "type": "variable",
@@ -33005,8 +33030,8 @@
             "value": "var( --kendo-grid-text, #{$kendo-table-text} )",
             "scope": "default",
             "line": {
-                "start": 161,
-                "end": 161
+                "start": 162,
+                "end": 162
             }
         },
         "group": [
@@ -33021,8 +33046,8 @@
     {
         "description": "The border color of the Grid.\n",
         "commentRange": {
-            "start": 162,
-            "end": 163
+            "start": 163,
+            "end": 164
         },
         "context": {
             "type": "variable",
@@ -33030,8 +33055,8 @@
             "value": "var( --kendo-grid-border, #{$kendo-table-border} )",
             "scope": "default",
             "line": {
-                "start": 164,
-                "end": 164
+                "start": 165,
+                "end": 165
             }
         },
         "group": [
@@ -33046,8 +33071,8 @@
     {
         "description": "The focus shadow of the Grid.\n",
         "commentRange": {
-            "start": 165,
-            "end": 166
+            "start": 166,
+            "end": 167
         },
         "context": {
             "type": "variable",
@@ -33055,8 +33080,8 @@
             "value": "var( --kendo-grid-focus-shadow, #{$kendo-list-item-focus-shadow} )",
             "scope": "default",
             "line": {
-                "start": 167,
-                "end": 167
+                "start": 168,
+                "end": 168
             }
         },
         "group": [
@@ -33071,8 +33096,8 @@
     {
         "description": "The background color of alternating rows in Grid.\n",
         "commentRange": {
-            "start": 169,
-            "end": 170
+            "start": 170,
+            "end": 171
         },
         "context": {
             "type": "variable",
@@ -33080,8 +33105,8 @@
             "value": "var( --kendo-grid-alt-bg, #{$kendo-table-alt-row-bg} )",
             "scope": "default",
             "line": {
-                "start": 171,
-                "end": 171
+                "start": 172,
+                "end": 172
             }
         },
         "group": [
@@ -33096,8 +33121,8 @@
     {
         "description": "The background color of hover rows in Grid.\n",
         "commentRange": {
-            "start": 173,
-            "end": 174
+            "start": 174,
+            "end": 175
         },
         "context": {
             "type": "variable",
@@ -33105,8 +33130,8 @@
             "value": "var( --kendo-grid-hover-bg, #{$kendo-table-hover-bg} )",
             "scope": "default",
             "line": {
-                "start": 175,
-                "end": 175
+                "start": 176,
+                "end": 176
             }
         },
         "group": [
@@ -33121,8 +33146,8 @@
     {
         "description": "The text color of hover rows in Grid.\n",
         "commentRange": {
-            "start": 176,
-            "end": 177
+            "start": 177,
+            "end": 178
         },
         "context": {
             "type": "variable",
@@ -33130,8 +33155,8 @@
             "value": "var( --kendo-grid-hover-text, #{$kendo-table-hover-text} )",
             "scope": "default",
             "line": {
-                "start": 178,
-                "end": 178
+                "start": 179,
+                "end": 179
             }
         },
         "group": [
@@ -33146,8 +33171,8 @@
     {
         "description": "The border color of hover rows in Grid.\n",
         "commentRange": {
-            "start": 179,
-            "end": 180
+            "start": 180,
+            "end": 181
         },
         "context": {
             "type": "variable",
@@ -33155,8 +33180,8 @@
             "value": "var( --kendo-grid-hover-border, #{$kendo-table-hover-border} )",
             "scope": "default",
             "line": {
-                "start": 181,
-                "end": 181
+                "start": 182,
+                "end": 182
             }
         },
         "group": [
@@ -33171,8 +33196,8 @@
     {
         "description": "The background color of selected rows in Grid.\n",
         "commentRange": {
-            "start": 183,
-            "end": 184
+            "start": 184,
+            "end": 185
         },
         "context": {
             "type": "variable",
@@ -33180,8 +33205,8 @@
             "value": "var( --kendo-grid-selected-bg, #{$kendo-table-selected-bg} )",
             "scope": "default",
             "line": {
-                "start": 185,
-                "end": 185
+                "start": 186,
+                "end": 186
             }
         },
         "group": [
@@ -33196,8 +33221,8 @@
     {
         "description": "The text color of selected rows in Grid.\n",
         "commentRange": {
-            "start": 186,
-            "end": 187
+            "start": 187,
+            "end": 188
         },
         "context": {
             "type": "variable",
@@ -33205,8 +33230,8 @@
             "value": "var( --kendo-grid-selected-text, #{$kendo-table-selected-text} )",
             "scope": "default",
             "line": {
-                "start": 188,
-                "end": 188
+                "start": 189,
+                "end": 189
             }
         },
         "group": [
@@ -33221,8 +33246,8 @@
     {
         "description": "The border color of selected rows in Grid.\n",
         "commentRange": {
-            "start": 189,
-            "end": 190
+            "start": 190,
+            "end": 191
         },
         "context": {
             "type": "variable",
@@ -33230,8 +33255,8 @@
             "value": "var( --kendo-grid-selected-border, #{$kendo-table-selected-border} )",
             "scope": "default",
             "line": {
-                "start": 191,
-                "end": 191
+                "start": 192,
+                "end": 192
             }
         },
         "group": [
@@ -33246,8 +33271,8 @@
     {
         "description": "The background color of highlighted Grid rows.\n",
         "commentRange": {
-            "start": 193,
-            "end": 194
+            "start": 194,
+            "end": 195
         },
         "context": {
             "type": "variable",
@@ -33255,8 +33280,8 @@
             "value": "var( --kendo-grid-highlighted-bg, #{$kendo-table-highlighted-bg} )",
             "scope": "default",
             "line": {
-                "start": 195,
-                "end": 195
+                "start": 196,
+                "end": 196
             }
         },
         "group": [
@@ -33271,8 +33296,8 @@
     {
         "description": "The font weight of highlighted Grid rows.\n",
         "commentRange": {
-            "start": 196,
-            "end": 197
+            "start": 197,
+            "end": 198
         },
         "context": {
             "type": "variable",
@@ -33280,8 +33305,8 @@
             "value": "var( --kendo-grid-highlighted-font-weight, #{$kendo-table-highlighted-font-weight} )",
             "scope": "default",
             "line": {
-                "start": 198,
-                "end": 198
+                "start": 199,
+                "end": 199
             }
         },
         "group": [
@@ -33296,8 +33321,8 @@
     {
         "description": "The background color of selected highlighted Grid rows.\n",
         "commentRange": {
-            "start": 200,
-            "end": 201
+            "start": 201,
+            "end": 202
         },
         "context": {
             "type": "variable",
@@ -33305,8 +33330,8 @@
             "value": "var( --kendo-grid-selected-highlighted-bg, #{$kendo-table-selected-highlighted-bg} )",
             "scope": "default",
             "line": {
-                "start": 202,
-                "end": 202
+                "start": 203,
+                "end": 203
             }
         },
         "group": [
@@ -33321,8 +33346,8 @@
     {
         "description": "The vertical border width of the Grid header.\n",
         "commentRange": {
-            "start": 204,
-            "end": 205
+            "start": 205,
+            "end": 206
         },
         "context": {
             "type": "variable",
@@ -33330,8 +33355,8 @@
             "value": "var( --kendo-grid-header-border-width-y, #{$kendo-grid-border-width} )",
             "scope": "default",
             "line": {
-                "start": 206,
-                "end": 206
+                "start": 207,
+                "end": 207
             }
         },
         "group": [
@@ -33346,8 +33371,8 @@
     {
         "description": "The horizontal border width of the Grid header.\n",
         "commentRange": {
-            "start": 207,
-            "end": 208
+            "start": 208,
+            "end": 209
         },
         "context": {
             "type": "variable",
@@ -33355,8 +33380,8 @@
             "value": "var( --kendo-grid-header-border-width-x, 0px )",
             "scope": "default",
             "line": {
-                "start": 209,
-                "end": 209
+                "start": 210,
+                "end": 210
             }
         },
         "group": [
@@ -33371,8 +33396,8 @@
     {
         "description": "The font size of the Grid header.\n",
         "commentRange": {
-            "start": 210,
-            "end": 211
+            "start": 211,
+            "end": 212
         },
         "context": {
             "type": "variable",
@@ -33380,8 +33405,8 @@
             "value": "var( --kendo-grid-header-font-size, inherit )",
             "scope": "default",
             "line": {
-                "start": 212,
-                "end": 212
+                "start": 213,
+                "end": 213
             }
         },
         "group": [
@@ -33396,8 +33421,8 @@
     {
         "description": "The font weight of the Grid header.\n",
         "commentRange": {
-            "start": 213,
-            "end": 214
+            "start": 214,
+            "end": 215
         },
         "context": {
             "type": "variable",
@@ -33405,8 +33430,8 @@
             "value": "var( --kendo-grid-header-font-weight, var(--kendo-font-weight-normal, normal) )",
             "scope": "default",
             "line": {
-                "start": 215,
-                "end": 215
+                "start": 216,
+                "end": 216
             }
         },
         "group": [
@@ -33421,8 +33446,8 @@
     {
         "description": "The menu spacing of the Grid header.\n",
         "commentRange": {
-            "start": 216,
-            "end": 217
+            "start": 217,
+            "end": 218
         },
         "context": {
             "type": "variable",
@@ -33430,8 +33455,8 @@
             "value": "var( --kendo-grid-header-menu-spacing, var(--kendo-icon-spacing, .5rem) )",
             "scope": "default",
             "line": {
-                "start": 218,
-                "end": 218
+                "start": 219,
+                "end": 219
             }
         },
         "group": [
@@ -33446,8 +33471,8 @@
     {
         "description": "The border width of the first cell in the Grid header.\n",
         "commentRange": {
-            "start": 219,
-            "end": 220
+            "start": 220,
+            "end": 221
         },
         "context": {
             "type": "variable",
@@ -33455,8 +33480,8 @@
             "value": "var( --kendo-grid-header-first-border-width, #{$kendo-grid-border-width} )",
             "scope": "default",
             "line": {
-                "start": 221,
-                "end": 221
+                "start": 222,
+                "end": 222
             }
         },
         "group": [
@@ -33471,8 +33496,8 @@
     {
         "description": "The background color of Grid header.\n",
         "commentRange": {
-            "start": 222,
-            "end": 223
+            "start": 223,
+            "end": 224
         },
         "context": {
             "type": "variable",
@@ -33480,8 +33505,8 @@
             "value": "var( --kendo-grid-header-bg, #{$kendo-table-header-bg} )",
             "scope": "default",
             "line": {
-                "start": 224,
-                "end": 224
+                "start": 225,
+                "end": 225
             }
         },
         "group": [
@@ -33496,8 +33521,8 @@
     {
         "description": "The text color of Grid header.\n",
         "commentRange": {
-            "start": 225,
-            "end": 226
+            "start": 226,
+            "end": 227
         },
         "context": {
             "type": "variable",
@@ -33505,8 +33530,8 @@
             "value": "var( --kendo-grid-header-text, #{$kendo-table-header-text} )",
             "scope": "default",
             "line": {
-                "start": 227,
-                "end": 227
+                "start": 228,
+                "end": 228
             }
         },
         "group": [
@@ -33521,8 +33546,8 @@
     {
         "description": "The border color of Grid header.\n",
         "commentRange": {
-            "start": 228,
-            "end": 229
+            "start": 229,
+            "end": 230
         },
         "context": {
             "type": "variable",
@@ -33530,8 +33555,8 @@
             "value": "var( --kendo-grid-header-border, #{$kendo-table-header-border} )",
             "scope": "default",
             "line": {
-                "start": 230,
-                "end": 230
+                "start": 231,
+                "end": 231
             }
         },
         "group": [
@@ -33546,8 +33571,8 @@
     {
         "description": "",
         "commentRange": {
-            "start": 233,
-            "end": 233
+            "start": 234,
+            "end": 234
         },
         "context": {
             "type": "variable",
@@ -33555,8 +33580,8 @@
             "value": "var( --kendo-grid-footer-bg, #{$kendo-table-footer-bg} )",
             "scope": "default",
             "line": {
-                "start": 234,
-                "end": 234
+                "start": 235,
+                "end": 235
             }
         },
         "group": [
@@ -33571,8 +33596,8 @@
     {
         "description": "The text color of Grid footer.\n",
         "commentRange": {
-            "start": 235,
-            "end": 236
+            "start": 236,
+            "end": 237
         },
         "context": {
             "type": "variable",
@@ -33580,8 +33605,8 @@
             "value": "var( --kendo-grid-footer-text, #{$kendo-table-footer-text} )",
             "scope": "default",
             "line": {
-                "start": 237,
-                "end": 237
+                "start": 238,
+                "end": 238
             }
         },
         "group": [
@@ -33596,8 +33621,8 @@
     {
         "description": "The border color of Grid footer.\n",
         "commentRange": {
-            "start": 238,
-            "end": 239
+            "start": 239,
+            "end": 240
         },
         "context": {
             "type": "variable",
@@ -33605,8 +33630,8 @@
             "value": "var( --kendo-grid-footer-border, #{$kendo-table-footer-border} )",
             "scope": "default",
             "line": {
-                "start": 240,
-                "end": 240
+                "start": 241,
+                "end": 241
             }
         },
         "group": [
@@ -33621,8 +33646,8 @@
     {
         "description": "The background color of the Grid selection aggregates container.\n",
         "commentRange": {
-            "start": 242,
-            "end": 243
+            "start": 243,
+            "end": 244
         },
         "context": {
             "type": "variable",
@@ -33630,8 +33655,8 @@
             "value": "var( --kendo-grid-selection-aggregates-bg, #{$kendo-toolbar-bg} )",
             "scope": "default",
             "line": {
-                "start": 244,
-                "end": 244
+                "start": 245,
+                "end": 245
             }
         },
         "group": [
@@ -33646,8 +33671,8 @@
     {
         "description": "The text color of the Grid selection aggregates container.\n",
         "commentRange": {
-            "start": 245,
-            "end": 246
+            "start": 246,
+            "end": 247
         },
         "context": {
             "type": "variable",
@@ -33655,8 +33680,8 @@
             "value": "var( --kendo-grid-selection-aggregates-text, #{$kendo-grid-text} )",
             "scope": "default",
             "line": {
-                "start": 247,
-                "end": 247
+                "start": 248,
+                "end": 248
             }
         },
         "group": [
@@ -33671,8 +33696,8 @@
     {
         "description": "The border color of the Grid selection aggregates container.\n",
         "commentRange": {
-            "start": 248,
-            "end": 249
+            "start": 249,
+            "end": 250
         },
         "context": {
             "type": "variable",
@@ -33680,8 +33705,8 @@
             "value": "var( --kendo-grid-selection-aggregates-border, #{$kendo-grid-border} )",
             "scope": "default",
             "line": {
-                "start": 250,
-                "end": 250
+                "start": 251,
+                "end": 251
             }
         },
         "group": [
@@ -33696,8 +33721,8 @@
     {
         "description": "The border width of the Grid selection aggregates container.\n",
         "commentRange": {
-            "start": 251,
-            "end": 252
+            "start": 252,
+            "end": 253
         },
         "context": {
             "type": "variable",
@@ -33705,8 +33730,8 @@
             "value": "var( --kendo-grid-selection-aggregates-border-width, #{$kendo-grid-border-width} )",
             "scope": "default",
             "line": {
-                "start": 253,
-                "end": 253
+                "start": 254,
+                "end": 254
             }
         },
         "group": [
@@ -33721,8 +33746,8 @@
     {
         "description": "The spacing between the Grid selection aggregates items.\n",
         "commentRange": {
-            "start": 254,
-            "end": 255
+            "start": 255,
+            "end": 256
         },
         "context": {
             "type": "variable",
@@ -33730,8 +33755,8 @@
             "value": "var( --kendo-grid-selection-aggregates-spacing, #{k-spacing(2)} )",
             "scope": "default",
             "line": {
-                "start": 256,
-                "end": 256
+                "start": 257,
+                "end": 257
             }
         },
         "group": [
@@ -33746,8 +33771,8 @@
     {
         "description": "Line height of the Grid selection aggregates container.\n",
         "commentRange": {
-            "start": 257,
-            "end": 258
+            "start": 258,
+            "end": 259
         },
         "context": {
             "type": "variable",
@@ -33755,8 +33780,8 @@
             "value": "var( --kendo-grid-selection-aggregates-line-height, #{$kendo-grid-line-height} )",
             "scope": "default",
             "line": {
-                "start": 259,
-                "end": 259
+                "start": 260,
+                "end": 260
             }
         },
         "group": [
@@ -33771,8 +33796,8 @@
     {
         "description": "The font weight of the Grid selection aggregates container.\n",
         "commentRange": {
-            "start": 260,
-            "end": 261
+            "start": 261,
+            "end": 262
         },
         "context": {
             "type": "variable",
@@ -33780,8 +33805,8 @@
             "value": "var( --kendo-grid-selection-aggregates-font-weight, #{$kendo-font-weight-bold} )",
             "scope": "default",
             "line": {
-                "start": 262,
-                "end": 262
+                "start": 263,
+                "end": 263
             }
         },
         "group": [
@@ -33796,8 +33821,8 @@
     {
         "description": "The background color of the Grid grouping header.\n",
         "commentRange": {
-            "start": 264,
-            "end": 265
+            "start": 265,
+            "end": 266
         },
         "context": {
             "type": "variable",
@@ -33805,8 +33830,8 @@
             "value": "var( --kendo-grid-grouping-header-bg, #{$kendo-toolbar-bg} )",
             "scope": "default",
             "line": {
-                "start": 266,
-                "end": 266
+                "start": 267,
+                "end": 267
             }
         },
         "group": [
@@ -33821,8 +33846,8 @@
     {
         "description": "The text color of the Grid grouping header.\n",
         "commentRange": {
-            "start": 267,
-            "end": 268
+            "start": 268,
+            "end": 269
         },
         "context": {
             "type": "variable",
@@ -33830,8 +33855,8 @@
             "value": "var( --kendo-grid-grouping-header-text, #{$kendo-toolbar-text} )",
             "scope": "default",
             "line": {
-                "start": 269,
-                "end": 269
+                "start": 270,
+                "end": 270
             }
         },
         "group": [
@@ -33846,8 +33871,8 @@
     {
         "description": "The border color of the Grid grouping header.\n",
         "commentRange": {
-            "start": 270,
-            "end": 271
+            "start": 271,
+            "end": 272
         },
         "context": {
             "type": "variable",
@@ -33855,8 +33880,8 @@
             "value": "var( --kendo-grid-grouping-header-border, #{$kendo-toolbar-border} )",
             "scope": "default",
             "line": {
-                "start": 272,
-                "end": 272
+                "start": 273,
+                "end": 273
             }
         },
         "group": [
@@ -33871,8 +33896,8 @@
     {
         "description": "The vertical border width of the Grid grouping row.\n",
         "commentRange": {
-            "start": 274,
-            "end": 275
+            "start": 275,
+            "end": 276
         },
         "context": {
             "type": "variable",
@@ -33880,8 +33905,8 @@
             "value": "var( --kendo-grid-grouping-row-border-width-y, #{$kendo-grid-border-width} )",
             "scope": "default",
             "line": {
-                "start": 276,
-                "end": 276
+                "start": 277,
+                "end": 277
             }
         },
         "group": [
@@ -33896,8 +33921,8 @@
     {
         "description": "The background color of the Grid grouping row.\n",
         "commentRange": {
-            "start": 277,
-            "end": 278
+            "start": 278,
+            "end": 279
         },
         "context": {
             "type": "variable",
@@ -33905,8 +33930,8 @@
             "value": "var( --kendo-grid-grouping-row-bg, #{$kendo-table-group-row-bg} )",
             "scope": "default",
             "line": {
-                "start": 279,
-                "end": 279
+                "start": 280,
+                "end": 280
             }
         },
         "group": [
@@ -33921,8 +33946,8 @@
     {
         "description": "The text color of the Grid grouping row.\n",
         "commentRange": {
-            "start": 280,
-            "end": 281
+            "start": 281,
+            "end": 282
         },
         "context": {
             "type": "variable",
@@ -33930,8 +33955,8 @@
             "value": "var( --kendo-grid-grouping-row-text, #{$kendo-table-group-row-text} )",
             "scope": "default",
             "line": {
-                "start": 282,
-                "end": 282
+                "start": 283,
+                "end": 283
             }
         },
         "group": [
@@ -33946,8 +33971,8 @@
     {
         "description": "The border color of the Grid grouping row.\n",
         "commentRange": {
-            "start": 283,
-            "end": 284
+            "start": 284,
+            "end": 285
         },
         "context": {
             "type": "variable",
@@ -33955,8 +33980,8 @@
             "value": "var( --kendo-grid-grouping-row-border, #{$kendo-table-group-row-border} )",
             "scope": "default",
             "line": {
-                "start": 285,
-                "end": 285
+                "start": 286,
+                "end": 286
             }
         },
         "group": [
@@ -33971,8 +33996,8 @@
     {
         "description": "The horizontal padding of the Grid filter cell.\n",
         "commentRange": {
-            "start": 287,
-            "end": 288
+            "start": 288,
+            "end": 289
         },
         "context": {
             "type": "variable",
@@ -33980,8 +34005,8 @@
             "value": "var( --kendo-grid-filter-cell-padding-x, #{$kendo-grid-padding-y} )",
             "scope": "default",
             "line": {
-                "start": 289,
-                "end": 289
+                "start": 290,
+                "end": 290
             }
         },
         "group": [
@@ -33996,8 +34021,8 @@
     {
         "description": "The vertical padding of the Grid filter cell.\n",
         "commentRange": {
-            "start": 290,
-            "end": 291
+            "start": 291,
+            "end": 292
         },
         "context": {
             "type": "variable",
@@ -34005,8 +34030,8 @@
             "value": "var( --kendo-grid-filter-cell-padding-y, #{$kendo-grid-filter-cell-padding-x} )",
             "scope": "default",
             "line": {
-                "start": 292,
-                "end": 292
+                "start": 293,
+                "end": 293
             }
         },
         "group": [
@@ -34021,8 +34046,8 @@
     {
         "description": "The border width of the Grid Toolbar.\n",
         "commentRange": {
-            "start": 294,
-            "end": 295
+            "start": 295,
+            "end": 296
         },
         "context": {
             "type": "variable",
@@ -34030,8 +34055,8 @@
             "value": "var( --kendo-grid-toolbar-border-width, #{$kendo-grid-border-width} )",
             "scope": "default",
             "line": {
-                "start": 296,
-                "end": 296
+                "start": 297,
+                "end": 297
             }
         },
         "group": [
@@ -34046,8 +34071,8 @@
     {
         "description": "The vertical border width of the Grid cell.\n",
         "commentRange": {
-            "start": 298,
-            "end": 299
+            "start": 299,
+            "end": 300
         },
         "context": {
             "type": "variable",
@@ -34055,8 +34080,8 @@
             "value": "$kendo-grid-border-width",
             "scope": "default",
             "line": {
-                "start": 300,
-                "end": 300
+                "start": 301,
+                "end": 301
             }
         },
         "group": [
@@ -34071,8 +34096,8 @@
     {
         "description": "The horizontal border width of the Grid cell.\n",
         "commentRange": {
-            "start": 301,
-            "end": 302
+            "start": 302,
+            "end": 303
         },
         "context": {
             "type": "variable",
@@ -34080,8 +34105,8 @@
             "value": "0px",
             "scope": "default",
             "line": {
-                "start": 303,
-                "end": 303
+                "start": 304,
+                "end": 304
             }
         },
         "group": [
@@ -34096,8 +34121,8 @@
     {
         "description": "The font size of the Grid sort index.\n",
         "commentRange": {
-            "start": 304,
-            "end": 305
+            "start": 305,
+            "end": 306
         },
         "context": {
             "type": "variable",
@@ -34105,8 +34130,8 @@
             "value": "var( --kendo-grid-sort-index-font-size, var(--kendo-font-size-sm, inherit) )",
             "scope": "default",
             "line": {
-                "start": 306,
-                "end": 306
+                "start": 307,
+                "end": 307
             }
         },
         "group": [
@@ -34121,8 +34146,8 @@
     {
         "description": "The vertical offset of the Grid sort index.\n",
         "commentRange": {
-            "start": 308,
-            "end": 309
+            "start": 309,
+            "end": 310
         },
         "context": {
             "type": "variable",
@@ -34130,8 +34155,8 @@
             "value": "var( --kendo-grid-sort-index-spacing-x, #{k-spacing(0.5)} )",
             "scope": "default",
             "line": {
-                "start": 310,
-                "end": 310
+                "start": 311,
+                "end": 311
             }
         },
         "group": [
@@ -34146,8 +34171,8 @@
     {
         "description": "The spacing of the Grid sort icon.\n",
         "commentRange": {
-            "start": 311,
-            "end": 312
+            "start": 312,
+            "end": 313
         },
         "context": {
             "type": "variable",
@@ -34155,8 +34180,8 @@
             "value": "var( --kendo-grid-sort-icon-spacing, var(--kendo-icon-lg-spacing, .5rem) )",
             "scope": "default",
             "line": {
-                "start": 313,
-                "end": 313
+                "start": 314,
+                "end": 314
             }
         },
         "group": [
@@ -34171,8 +34196,8 @@
     {
         "description": "The text color of the Grid sort indicator.\n",
         "commentRange": {
-            "start": 314,
-            "end": 315
+            "start": 315,
+            "end": 316
         },
         "context": {
             "type": "variable",
@@ -34180,8 +34205,8 @@
             "value": "var( --kendo-grid-sort-indicator-text, k-color(on-app-surface) )",
             "scope": "default",
             "line": {
-                "start": 316,
-                "end": 316
+                "start": 317,
+                "end": 317
             }
         },
         "group": [
@@ -34196,8 +34221,8 @@
     {
         "description": "The text color of the Grid sort order indicator.\n",
         "commentRange": {
-            "start": 317,
-            "end": 318
+            "start": 318,
+            "end": 319
         },
         "context": {
             "type": "variable",
@@ -34205,8 +34230,8 @@
             "value": "var( --kendo-grid-sort-indicator-order-text, #{k-color(primary)} )",
             "scope": "default",
             "line": {
-                "start": 319,
-                "end": 319
+                "start": 320,
+                "end": 320
             }
         },
         "group": [
@@ -34221,8 +34246,8 @@
     {
         "description": "The background color of the sorted Grid cells.\n",
         "commentRange": {
-            "start": 320,
-            "end": 321
+            "start": 321,
+            "end": 322
         },
         "context": {
             "type": "variable",
@@ -34230,8 +34255,8 @@
             "value": "var( --kendo-grid-sorted-bg, rgba(0, 0, 0, 0.04) )",
             "scope": "default",
             "line": {
-                "start": 322,
-                "end": 322
+                "start": 323,
+                "end": 323
             }
         },
         "group": [
@@ -34246,8 +34271,8 @@
     {
         "description": "The vertical padding of the Grid command cells.\n",
         "commentRange": {
-            "start": 324,
-            "end": 325
+            "start": 325,
+            "end": 326
         },
         "context": {
             "type": "variable",
@@ -34255,8 +34280,8 @@
             "value": "var( --kendo-grid-command-cell-button-spacing, #{k-spacing(2)} )",
             "scope": "default",
             "line": {
-                "start": 326,
-                "end": 326
+                "start": 327,
+                "end": 327
             }
         },
         "group": [
@@ -34271,8 +34296,8 @@
     {
         "description": "The horizontal border width of the Grid group footer.\n",
         "commentRange": {
-            "start": 328,
-            "end": 329
+            "start": 329,
+            "end": 330
         },
         "context": {
             "type": "variable",
@@ -34280,8 +34305,8 @@
             "value": "var( --kendo-grid-group-footer-border-width-y, 1px )",
             "scope": "default",
             "line": {
-                "start": 330,
-                "end": 330
+                "start": 331,
+                "end": 331
             }
         },
         "group": [
@@ -34296,8 +34321,8 @@
     {
         "description": "The vertical border width of the Grid group footer.\n",
         "commentRange": {
-            "start": 331,
-            "end": 332
+            "start": 332,
+            "end": 333
         },
         "context": {
             "type": "variable",
@@ -34305,8 +34330,8 @@
             "value": "var( --kendo-grid-group-footer-border-width-x, 0px )",
             "scope": "default",
             "line": {
-                "start": 333,
-                "end": 333
+                "start": 334,
+                "end": 334
             }
         },
         "group": [
@@ -34321,8 +34346,8 @@
     {
         "description": "The text color of the Grid group drop clue.\n",
         "commentRange": {
-            "start": 335,
-            "end": 336
+            "start": 336,
+            "end": 337
         },
         "context": {
             "type": "variable",
@@ -34330,8 +34355,8 @@
             "value": "var( --kendo-grid-group-drop-hint-bg, #{k-color(primary)} )",
             "scope": "default",
             "line": {
-                "start": 337,
-                "end": 337
+                "start": 338,
+                "end": 338
             }
         },
         "group": [
@@ -34346,8 +34371,8 @@
     {
         "description": "The border width of the Grid sticky cell.\n",
         "commentRange": {
-            "start": 339,
-            "end": 340
+            "start": 340,
+            "end": 341
         },
         "context": {
             "type": "variable",
@@ -34355,8 +34380,8 @@
             "value": "var( --kendo-grid-sticky-cell-border-width, #{$kendo-grid-border-width} )",
             "scope": "default",
             "line": {
-                "start": 341,
-                "end": 341
+                "start": 342,
+                "end": 342
             }
         },
         "group": [
@@ -34371,8 +34396,8 @@
     {
         "description": "The background color of the Grid sticky cell.\n",
         "commentRange": {
-            "start": 342,
-            "end": 343
+            "start": 343,
+            "end": 344
         },
         "context": {
             "type": "variable",
@@ -34380,8 +34405,8 @@
             "value": "var( --kendo-grid-sticky-bg, #{k-color(surface-alt)} )",
             "scope": "default",
             "line": {
-                "start": 344,
-                "end": 344
+                "start": 345,
+                "end": 345
             }
         },
         "group": [
@@ -34396,8 +34421,8 @@
     {
         "description": "The border color of the Grid sticky cell.\n",
         "commentRange": {
-            "start": 346,
-            "end": 347
+            "start": 347,
+            "end": 348
         },
         "context": {
             "type": "variable",
@@ -34405,8 +34430,8 @@
             "value": "var( --kendo-grid-sticky-border, color-mix(in srgb, #{k-color(border)} 80%, transparent) )",
             "scope": "default",
             "line": {
-                "start": 348,
-                "end": 348
+                "start": 349,
+                "end": 349
             }
         },
         "group": [
@@ -34421,8 +34446,8 @@
     {
         "description": "The alt background color of the Grid sticky cell.\n",
         "commentRange": {
-            "start": 349,
-            "end": 350
+            "start": 350,
+            "end": 351
         },
         "context": {
             "type": "variable",
@@ -34430,8 +34455,8 @@
             "value": "var( --kendo-grid-sticky-alt-bg, #{$kendo-grid-sticky-bg} )",
             "scope": "default",
             "line": {
-                "start": 351,
-                "end": 351
+                "start": 352,
+                "end": 352
             }
         },
         "group": [
@@ -34446,8 +34471,8 @@
     {
         "description": "The background color of the Grid sticky cell.\n",
         "commentRange": {
-            "start": 352,
-            "end": 353
+            "start": 353,
+            "end": 354
         },
         "context": {
             "type": "variable",
@@ -34455,8 +34480,8 @@
             "value": "var( --kendo-grid-sticky-hover-bg, #{$kendo-grid-hover-bg} )",
             "scope": "default",
             "line": {
-                "start": 354,
-                "end": 354
+                "start": 355,
+                "end": 355
             }
         },
         "group": [
@@ -34471,8 +34496,8 @@
     {
         "description": "The background color of the Grid sticky header.\n",
         "commentRange": {
-            "start": 356,
-            "end": 357
+            "start": 357,
+            "end": 358
         },
         "context": {
             "type": "variable",
@@ -34480,8 +34505,8 @@
             "value": "var( --kendo-grid-sticky-header-bg, #{$kendo-grid-header-bg} )",
             "scope": "default",
             "line": {
-                "start": 358,
-                "end": 358
+                "start": 359,
+                "end": 359
             }
         },
         "group": [
@@ -34496,8 +34521,8 @@
     {
         "description": "The text color of the Grid sticky header.\n",
         "commentRange": {
-            "start": 359,
-            "end": 360
+            "start": 360,
+            "end": 361
         },
         "context": {
             "type": "variable",
@@ -34505,8 +34530,8 @@
             "value": "var( --kendo-grid-sticky-header-text, #{$kendo-grid-header-text} )",
             "scope": "default",
             "line": {
-                "start": 361,
-                "end": 361
+                "start": 362,
+                "end": 362
             }
         },
         "group": [
@@ -34521,8 +34546,8 @@
     {
         "description": "The border color of the Grid sticky header.\n",
         "commentRange": {
-            "start": 362,
-            "end": 363
+            "start": 363,
+            "end": 364
         },
         "context": {
             "type": "variable",
@@ -34530,8 +34555,8 @@
             "value": "var( --kendo-grid-sticky-header-border, #{$kendo-grid-sticky-border} )",
             "scope": "default",
             "line": {
-                "start": 364,
-                "end": 364
+                "start": 365,
+                "end": 365
             }
         },
         "group": [
@@ -34546,8 +34571,8 @@
     {
         "description": "The background color of the Grid sticky footer.\n",
         "commentRange": {
-            "start": 366,
-            "end": 367
+            "start": 367,
+            "end": 368
         },
         "context": {
             "type": "variable",
@@ -34555,8 +34580,8 @@
             "value": "var( --kendo-grid-sticky-footer-bg, #{$kendo-grid-header-bg} )",
             "scope": "default",
             "line": {
-                "start": 368,
-                "end": 368
+                "start": 369,
+                "end": 369
             }
         },
         "group": [
@@ -34571,8 +34596,8 @@
     {
         "description": "The background color of the Grid sticky footer.\n",
         "commentRange": {
-            "start": 369,
-            "end": 370
+            "start": 370,
+            "end": 371
         },
         "context": {
             "type": "variable",
@@ -34580,8 +34605,8 @@
             "value": "var( --kendo-grid-sticky-footer-hover-bg, #{$kendo-grid-hover-bg} )",
             "scope": "default",
             "line": {
-                "start": 371,
-                "end": 371
+                "start": 372,
+                "end": 372
             }
         },
         "group": [
@@ -34596,8 +34621,8 @@
     {
         "description": "The horizontal padding of the Grid filter menu container.\n",
         "commentRange": {
-            "start": 373,
-            "end": 374
+            "start": 374,
+            "end": 375
         },
         "context": {
             "type": "variable",
@@ -34605,8 +34630,8 @@
             "value": "var( --kendo-filter-menu-container-padding-y, #{k-spacing(3)} )",
             "scope": "default",
             "line": {
-                "start": 375,
-                "end": 375
+                "start": 376,
+                "end": 376
             }
         },
         "group": [
@@ -34621,8 +34646,8 @@
     {
         "description": "The vertical padding of the Grid filter menu container.\n",
         "commentRange": {
-            "start": 376,
-            "end": 377
+            "start": 377,
+            "end": 378
         },
         "context": {
             "type": "variable",
@@ -34630,8 +34655,8 @@
             "value": "var( --kendo-filter-menu-container-padding-x, #{k-spacing(3)} )",
             "scope": "default",
             "line": {
-                "start": 378,
-                "end": 378
+                "start": 379,
+                "end": 379
             }
         },
         "group": [
@@ -34646,8 +34671,8 @@
     {
         "description": "The default width of the Grid column menu.\n",
         "commentRange": {
-            "start": 380,
-            "end": 381
+            "start": 381,
+            "end": 382
         },
         "context": {
             "type": "variable",
@@ -34655,8 +34680,8 @@
             "value": "var( --kendo-grid-column-menu-width, 230px )",
             "scope": "default",
             "line": {
-                "start": 382,
-                "end": 382
+                "start": 383,
+                "end": 383
             }
         },
         "group": [
@@ -34671,8 +34696,8 @@
     {
         "description": "The max width of the Grid column menu.\n",
         "commentRange": {
-            "start": 383,
-            "end": 384
+            "start": 384,
+            "end": 385
         },
         "context": {
             "type": "variable",
@@ -34680,8 +34705,8 @@
             "value": "var( --kendo-grid-column-menu-max-width, 320px )",
             "scope": "default",
             "line": {
-                "start": 385,
-                "end": 385
+                "start": 386,
+                "end": 386
             }
         },
         "group": [
@@ -34696,8 +34721,8 @@
     {
         "description": "The spacing of the Grid column menu.\n",
         "commentRange": {
-            "start": 386,
-            "end": 387
+            "start": 387,
+            "end": 388
         },
         "context": {
             "type": "variable",
@@ -34705,8 +34730,8 @@
             "value": "var( --kendo-grid-column-menu-spacing, #{k-spacing(2)} )",
             "scope": "default",
             "line": {
-                "start": 388,
-                "end": 388
+                "start": 389,
+                "end": 389
             }
         },
         "group": [
@@ -34721,8 +34746,8 @@
     {
         "description": "The focus shadow of the Grid column menu.\n",
         "commentRange": {
-            "start": 389,
-            "end": 390
+            "start": 390,
+            "end": 391
         },
         "context": {
             "type": "variable",
@@ -34730,8 +34755,8 @@
             "value": "var( --kendo-grid-column-menu-shadow, var(--kendo-box-shadow-depth-4, none) )",
             "scope": "default",
             "line": {
-                "start": 391,
-                "end": 391
+                "start": 392,
+                "end": 392
             }
         },
         "group": [
@@ -34746,8 +34771,8 @@
     {
         "description": "The background color of the Grid column menu.\n",
         "commentRange": {
-            "start": 392,
-            "end": 393
+            "start": 393,
+            "end": 394
         },
         "context": {
             "type": "variable",
@@ -34755,8 +34780,8 @@
             "value": "var( --kendo-grid-column-menu-bg, #{k-color(surface-alt)} )",
             "scope": "default",
             "line": {
-                "start": 394,
-                "end": 394
+                "start": 395,
+                "end": 395
             }
         },
         "group": [
@@ -34771,8 +34796,8 @@
     {
         "description": "The text color of the Grid column menu.\n",
         "commentRange": {
-            "start": 395,
-            "end": 396
+            "start": 396,
+            "end": 397
         },
         "context": {
             "type": "variable",
@@ -34780,8 +34805,8 @@
             "value": "var( --kendo-grid-column-menu-text, #{k-color(on-app-surface)} )",
             "scope": "default",
             "line": {
-                "start": 397,
-                "end": 397
+                "start": 398,
+                "end": 398
             }
         },
         "group": [
@@ -34796,8 +34821,8 @@
     {
         "description": "The border color of the Grid column menu.\n",
         "commentRange": {
-            "start": 398,
-            "end": 399
+            "start": 399,
+            "end": 400
         },
         "context": {
             "type": "variable",
@@ -34805,8 +34830,8 @@
             "value": "var( --kendo-grid-column-menu-border, color-mix(in srgb, #{k-color(border)} 16%, transparent) )",
             "scope": "default",
             "line": {
-                "start": 400,
-                "end": 400
+                "start": 401,
+                "end": 401
             }
         },
         "group": [
@@ -34821,8 +34846,8 @@
     {
         "description": "The font size of the Grid column menu checkbox container.\n",
         "commentRange": {
-            "start": 402,
-            "end": 403
+            "start": 403,
+            "end": 404
         },
         "context": {
             "type": "variable",
@@ -34830,8 +34855,8 @@
             "value": "var( --kendo-grid-column-menu-multicheck-font-size, #{$kendo-list-md-font-size} )",
             "scope": "default",
             "line": {
-                "start": 404,
-                "end": 404
+                "start": 405,
+                "end": 405
             }
         },
         "group": [
@@ -34846,8 +34871,8 @@
     {
         "description": "The line height of the Grid column menu checkbox container.\n",
         "commentRange": {
-            "start": 405,
-            "end": 406
+            "start": 406,
+            "end": 407
         },
         "context": {
             "type": "variable",
@@ -34855,8 +34880,8 @@
             "value": "var( --kendo-grid-column-menu-multicheck-line-height, #{$kendo-list-md-line-height} )",
             "scope": "default",
             "line": {
-                "start": 407,
-                "end": 407
+                "start": 408,
+                "end": 408
             }
         },
         "group": [
@@ -34871,8 +34896,8 @@
     {
         "description": "The vertical padding of the Grid column menu items wrap.\n",
         "commentRange": {
-            "start": 409,
-            "end": 410
+            "start": 410,
+            "end": 411
         },
         "context": {
             "type": "variable",
@@ -34880,8 +34905,8 @@
             "value": "var( --kendo-grid-column-menu-items-wrap-padding-y, #{k-spacing(2)} )",
             "scope": "default",
             "line": {
-                "start": 411,
-                "end": 411
+                "start": 412,
+                "end": 412
             }
         },
         "group": [
@@ -34896,8 +34921,8 @@
     {
         "description": "The horizontal padding of the Grid column menu items wrap.\n",
         "commentRange": {
-            "start": 412,
-            "end": 413
+            "start": 413,
+            "end": 414
         },
         "context": {
             "type": "variable",
@@ -34905,8 +34930,8 @@
             "value": "var( --kendo-grid-column-menu-items-wrap-padding-x, #{k-spacing(2)} )",
             "scope": "default",
             "line": {
-                "start": 414,
-                "end": 414
+                "start": 415,
+                "end": 415
             }
         },
         "group": [
@@ -34921,8 +34946,8 @@
     {
         "description": "The horizontal padding of the Grid column menu item.\n",
         "commentRange": {
-            "start": 416,
-            "end": 417
+            "start": 417,
+            "end": 418
         },
         "context": {
             "type": "variable",
@@ -34930,8 +34955,8 @@
             "value": "var( --kendo-grid-column-menu-item-padding-y, #{$kendo-list-md-item-padding-y} )",
             "scope": "default",
             "line": {
-                "start": 418,
-                "end": 418
+                "start": 419,
+                "end": 419
             }
         },
         "group": [
@@ -34946,8 +34971,8 @@
     {
         "description": "The vertical padding of the Grid column menu item.\n",
         "commentRange": {
-            "start": 419,
-            "end": 420
+            "start": 420,
+            "end": 421
         },
         "context": {
             "type": "variable",
@@ -34955,8 +34980,8 @@
             "value": "var( --kendo-grid-column-menu-item-padding-x, #{$kendo-list-md-item-padding-x} )",
             "scope": "default",
             "line": {
-                "start": 421,
-                "end": 421
+                "start": 422,
+                "end": 422
             }
         },
         "group": [
@@ -34971,8 +34996,8 @@
     {
         "description": "The spacing of the Grid column menu item.\n",
         "commentRange": {
-            "start": 422,
-            "end": 423
+            "start": 423,
+            "end": 424
         },
         "context": {
             "type": "variable",
@@ -34980,8 +35005,8 @@
             "value": "var( --kendo-grid-column-menu-item-gap, #{$kendo-list-md-item-padding-x} )",
             "scope": "default",
             "line": {
-                "start": 424,
-                "end": 424
+                "start": 425,
+                "end": 425
             }
         },
         "group": [
@@ -34996,8 +35021,8 @@
     {
         "description": "The background color of the Grid column menu item.\n",
         "commentRange": {
-            "start": 425,
-            "end": 426
+            "start": 426,
+            "end": 427
         },
         "context": {
             "type": "variable",
@@ -35005,8 +35030,8 @@
             "value": "var( --kendo-grid-column-menu-item-bg, #{$kendo-list-item-bg} )",
             "scope": "default",
             "line": {
-                "start": 427,
-                "end": 427
+                "start": 428,
+                "end": 428
             }
         },
         "group": [
@@ -35021,8 +35046,8 @@
     {
         "description": "The text color of the Grid column menu item.\n",
         "commentRange": {
-            "start": 428,
-            "end": 429
+            "start": 429,
+            "end": 430
         },
         "context": {
             "type": "variable",
@@ -35030,8 +35055,8 @@
             "value": "var( --kendo-grid-column-menu-item-text, #{$kendo-list-item-text} )",
             "scope": "default",
             "line": {
-                "start": 430,
-                "end": 430
+                "start": 431,
+                "end": 431
             }
         },
         "group": [
@@ -35046,8 +35071,8 @@
     {
         "description": "The text color of the Grid column menu item icon.\n",
         "commentRange": {
-            "start": 432,
-            "end": 433
+            "start": 433,
+            "end": 434
         },
         "context": {
             "type": "variable",
@@ -35055,8 +35080,8 @@
             "value": "var( --kendo-grid-column-menu-item-icon-text, #{$kendo-list-item-icon-text} )",
             "scope": "default",
             "line": {
-                "start": 434,
-                "end": 434
+                "start": 435,
+                "end": 435
             }
         },
         "group": [
@@ -35071,8 +35096,8 @@
     {
         "description": "The vertical padding of the Grid column menu group header.\n",
         "commentRange": {
-            "start": 436,
-            "end": 437
+            "start": 437,
+            "end": 438
         },
         "context": {
             "type": "variable",
@@ -35080,8 +35105,8 @@
             "value": "var( --kendo-grid-column-menu-group-header-padding-y, #{$kendo-grid-column-menu-item-padding-y} )",
             "scope": "default",
             "line": {
-                "start": 438,
-                "end": 438
+                "start": 439,
+                "end": 439
             }
         },
         "group": [
@@ -35096,8 +35121,8 @@
     {
         "description": "The horizontal padding of the Grid column menu group header.\n",
         "commentRange": {
-            "start": 439,
-            "end": 440
+            "start": 440,
+            "end": 441
         },
         "context": {
             "type": "variable",
@@ -35105,8 +35130,8 @@
             "value": "var( --kendo-grid-column-menu-group-header-padding-x, #{$kendo-grid-column-menu-item-padding-x} )",
             "scope": "default",
             "line": {
-                "start": 441,
-                "end": 441
+                "start": 442,
+                "end": 442
             }
         },
         "group": [
@@ -35121,8 +35146,8 @@
     {
         "description": "The border width of the Grid column menu group header.\n",
         "commentRange": {
-            "start": 442,
-            "end": 443
+            "start": 443,
+            "end": 444
         },
         "context": {
             "type": "variable",
@@ -35130,8 +35155,8 @@
             "value": "var( --kendo-grid-column-menu-group-header-border-width, 1px )",
             "scope": "default",
             "line": {
-                "start": 444,
-                "end": 444
+                "start": 445,
+                "end": 445
             }
         },
         "group": [
@@ -35146,8 +35171,8 @@
     {
         "description": "The border style of the Grid column menu group header.\n",
         "commentRange": {
-            "start": 445,
-            "end": 446
+            "start": 446,
+            "end": 447
         },
         "context": {
             "type": "variable",
@@ -35155,8 +35180,8 @@
             "value": "var( --kendo-grid-column-menu-group-header-border-style, solid )",
             "scope": "default",
             "line": {
-                "start": 447,
-                "end": 447
+                "start": 448,
+                "end": 448
             }
         },
         "group": [
@@ -35171,8 +35196,8 @@
     {
         "description": "The font size of the Grid column menu group header.\n",
         "commentRange": {
-            "start": 448,
-            "end": 449
+            "start": 449,
+            "end": 450
         },
         "context": {
             "type": "variable",
@@ -35180,8 +35205,8 @@
             "value": "var( --kendo-grid-column-menu-group-header-font-size, var(--kendo-font-size-sm, inherit) )",
             "scope": "default",
             "line": {
-                "start": 450,
-                "end": 450
+                "start": 451,
+                "end": 451
             }
         },
         "group": [
@@ -35196,8 +35221,8 @@
     {
         "description": "The font weight of the Grid column menu group header.\n",
         "commentRange": {
-            "start": 451,
-            "end": 452
+            "start": 452,
+            "end": 453
         },
         "context": {
             "type": "variable",
@@ -35205,8 +35230,8 @@
             "value": "var( --kendo-grid-column-menu-group-header-font-weight, var(--kendo-font-weight-bold, normal) )",
             "scope": "default",
             "line": {
-                "start": 453,
-                "end": 453
+                "start": 454,
+                "end": 454
             }
         },
         "group": [
@@ -35221,8 +35246,8 @@
     {
         "description": "The mine height of the Grid column menu group header.\n",
         "commentRange": {
-            "start": 454,
-            "end": 455
+            "start": 455,
+            "end": 456
         },
         "context": {
             "type": "variable",
@@ -35230,8 +35255,8 @@
             "value": "var( --kendo-grid-column-menu-group-header-line-height, var(--kendo-line-height, normal) )",
             "scope": "default",
             "line": {
-                "start": 456,
-                "end": 456
+                "start": 457,
+                "end": 457
             }
         },
         "group": [
@@ -35246,8 +35271,8 @@
     {
         "description": "The text transform of the Grid column menu group header.\n",
         "commentRange": {
-            "start": 457,
-            "end": 458
+            "start": 458,
+            "end": 459
         },
         "context": {
             "type": "variable",
@@ -35255,8 +35280,8 @@
             "value": "var( --kendo-grid-column-menu-group-header-text-transform, uppercase )",
             "scope": "default",
             "line": {
-                "start": 459,
-                "end": 459
+                "start": 460,
+                "end": 460
             }
         },
         "group": [
@@ -35271,8 +35296,8 @@
     {
         "description": "The background color of the Grid column menu group.\n",
         "commentRange": {
-            "start": 461,
-            "end": 462
+            "start": 462,
+            "end": 463
         },
         "context": {
             "type": "variable",
@@ -35280,8 +35305,8 @@
             "value": "var( --kendo-grid-column-menu-group-header-bg, #{k-color(surface-alt)} )",
             "scope": "default",
             "line": {
-                "start": 463,
-                "end": 463
+                "start": 464,
+                "end": 464
             }
         },
         "group": [
@@ -35296,8 +35321,8 @@
     {
         "description": "The text color of the Grid column menu group.\n",
         "commentRange": {
-            "start": 464,
-            "end": 465
+            "start": 465,
+            "end": 466
         },
         "context": {
             "type": "variable",
@@ -35305,8 +35330,8 @@
             "value": "var( --kendo-grid-column-menu-group-header-text, #{k-color(on-app-surface)} )",
             "scope": "default",
             "line": {
-                "start": 466,
-                "end": 466
+                "start": 467,
+                "end": 467
             }
         },
         "group": [
@@ -35321,8 +35346,8 @@
     {
         "description": "The border color of the Grid column menu group.\n",
         "commentRange": {
-            "start": 467,
-            "end": 468
+            "start": 468,
+            "end": 469
         },
         "context": {
             "type": "variable",
@@ -35330,8 +35355,8 @@
             "value": "var( --kendo-grid-column-menu-group-header-border, color-mix(in srgb, #{k-color(border)} 16%, transparent) )",
             "scope": "default",
             "line": {
-                "start": 469,
-                "end": 469
+                "start": 470,
+                "end": 470
             }
         },
         "group": [
@@ -35346,8 +35371,8 @@
     {
         "description": "The horizontal padding of the tabstrip content in the Grid tabbed column menu.\n",
         "commentRange": {
-            "start": 471,
-            "end": 472
+            "start": 472,
+            "end": 473
         },
         "context": {
             "type": "variable",
@@ -35355,8 +35380,8 @@
             "value": "var( --kendo-grid-column-menu-tabbed-tabstrip-content-padding-x, #{k-spacing(0)} )",
             "scope": "default",
             "line": {
-                "start": 473,
-                "end": 473
+                "start": 474,
+                "end": 474
             }
         },
         "group": [
@@ -35371,8 +35396,8 @@
     {
         "description": "The vertical padding of the tabstrip content in the Grid tabbed column menu.\n",
         "commentRange": {
-            "start": 474,
-            "end": 475
+            "start": 475,
+            "end": 476
         },
         "context": {
             "type": "variable",
@@ -35380,8 +35405,8 @@
             "value": "var( --kendo-grid-column-menu-tabbed-tabstrip-content-padding-y, #{k-spacing(3)} )",
             "scope": "default",
             "line": {
-                "start": 476,
-                "end": 476
+                "start": 477,
+                "end": 477
             }
         },
         "group": [
@@ -35396,8 +35421,8 @@
     {
         "description": "The background color of the Grid tabbed column menu.\n",
         "commentRange": {
-            "start": 478,
-            "end": 479
+            "start": 479,
+            "end": 480
         },
         "context": {
             "type": "variable",
@@ -35405,8 +35430,8 @@
             "value": "var( --kendo-grid-column-menu-tabbed-bg, var(--kendo-base-bg, inherit) )",
             "scope": "default",
             "line": {
-                "start": 480,
-                "end": 480
+                "start": 481,
+                "end": 481
             }
         },
         "group": [
@@ -35421,8 +35446,8 @@
     {
         "description": "The default width of the Grid drag cell.\n",
         "commentRange": {
-            "start": 482,
-            "end": 483
+            "start": 483,
+            "end": 484
         },
         "context": {
             "type": "variable",
@@ -35430,8 +35455,8 @@
             "value": "var( --kendo-grid-drag-cell-width, calc( var( --kendo-icon-size, 1rem ) * 2.25 ) )",
             "scope": "default",
             "line": {
-                "start": 484,
-                "end": 484
+                "start": 485,
+                "end": 485
             }
         },
         "group": [
@@ -35446,8 +35471,8 @@
     {
         "description": "The default width of the Grid hierarchy cell.\n",
         "commentRange": {
-            "start": 485,
-            "end": 486
+            "start": 486,
+            "end": 487
         },
         "context": {
             "type": "variable",
@@ -35455,8 +35480,8 @@
             "value": "var( --kendo-grid-hierarchy-col-width, calc( var( --kendo-icon-size, 1rem ) * 2 ) )",
             "scope": "default",
             "line": {
-                "start": 487,
-                "end": 487
+                "start": 488,
+                "end": 488
             }
         },
         "group": [
@@ -35471,8 +35496,8 @@
     {
         "description": "The background color of the Grid row resize indicator.\n",
         "commentRange": {
-            "start": 489,
-            "end": 490
+            "start": 490,
+            "end": 491
         },
         "context": {
             "type": "variable",
@@ -35480,8 +35505,8 @@
             "value": "var( --kendo-grid-row-resizer-hover-bg, color-mix(in srgb, #{k-color(on-app-surface)} 46%, transparent) )",
             "scope": "default",
             "line": {
-                "start": 491,
-                "end": 491
+                "start": 492,
+                "end": 492
             }
         },
         "group": [
@@ -35496,8 +35521,8 @@
     {
         "description": "The background color of the active Grid row resize indicator.\n",
         "commentRange": {
-            "start": 492,
-            "end": 493
+            "start": 493,
+            "end": 494
         },
         "context": {
             "type": "variable",
@@ -35505,8 +35530,8 @@
             "value": "var( --kendo-grid-row-resizer-active-bg, #{k-color(primary)} )",
             "scope": "default",
             "line": {
-                "start": 494,
-                "end": 494
+                "start": 495,
+                "end": 495
             }
         },
         "group": [
@@ -35521,8 +35546,8 @@
     {
         "description": "The height of the Grid row resize indicator.\n",
         "commentRange": {
-            "start": 495,
-            "end": 496
+            "start": 496,
+            "end": 497
         },
         "context": {
             "type": "variable",
@@ -35530,8 +35555,8 @@
             "value": "var( --kendo-grid-row-resizer-height, #{k-spacing(0.5)} )",
             "scope": "default",
             "line": {
-                "start": 497,
-                "end": 497
+                "start": 498,
+                "end": 498
             }
         },
         "group": [
@@ -35546,8 +35571,8 @@
     {
         "description": "The horizontal padding of the Grid stack layout cells.\n",
         "commentRange": {
-            "start": 499,
-            "end": 500
+            "start": 500,
+            "end": 501
         },
         "context": {
             "type": "variable",
@@ -35555,8 +35580,8 @@
             "value": "var( --kendo-grid-stack-cell-padding-x, #{k-spacing(2)} )",
             "scope": "default",
             "line": {
-                "start": 501,
-                "end": 501
+                "start": 502,
+                "end": 502
             }
         },
         "group": [
@@ -35571,8 +35596,8 @@
     {
         "description": "The vertical padding of the Grid stack layout cells.\n",
         "commentRange": {
-            "start": 502,
-            "end": 503
+            "start": 503,
+            "end": 504
         },
         "context": {
             "type": "variable",
@@ -35580,8 +35605,8 @@
             "value": "var( --kendo-grid-stack-cell-padding-y, #{k-spacing(1.5)} )",
             "scope": "default",
             "line": {
-                "start": 504,
-                "end": 504
+                "start": 505,
+                "end": 505
             }
         },
         "group": [
@@ -35596,8 +35621,8 @@
     {
         "description": "The column gap of the Grid stack layout.\n",
         "commentRange": {
-            "start": 505,
-            "end": 506
+            "start": 506,
+            "end": 507
         },
         "context": {
             "type": "variable",
@@ -35605,8 +35630,8 @@
             "value": "var( --kendo-grid-stack-column-gap, #{k-spacing(1)} )",
             "scope": "default",
             "line": {
-                "start": 507,
-                "end": 507
+                "start": 508,
+                "end": 508
             }
         },
         "group": [
@@ -35621,8 +35646,8 @@
     {
         "description": "The column gap of the editable Grid stack layout.\n",
         "commentRange": {
-            "start": 508,
-            "end": 509
+            "start": 509,
+            "end": 510
         },
         "context": {
             "type": "variable",
@@ -35630,8 +35655,8 @@
             "value": "var( --kendo-grid-stack-editable-column-gap, #{k-spacing(2)} )",
             "scope": "default",
             "line": {
-                "start": 510,
-                "end": 510
+                "start": 511,
+                "end": 511
             }
         },
         "group": [
@@ -35646,8 +35671,8 @@
     {
         "description": "The width of the hierarchy column in the Grid stack layout.\n",
         "commentRange": {
-            "start": 511,
-            "end": 512
+            "start": 512,
+            "end": 513
         },
         "context": {
             "type": "variable",
@@ -35655,8 +35680,8 @@
             "value": "var( --kendo-grid-stack-hierarchy-col-width, #{k-spacing(2)} )",
             "scope": "default",
             "line": {
-                "start": 513,
-                "end": 513
+                "start": 514,
+                "end": 514
             }
         },
         "group": [
@@ -35671,8 +35696,8 @@
     {
         "description": "The font size of the Grid stack layout column header.\n",
         "commentRange": {
-            "start": 514,
-            "end": 515
+            "start": 515,
+            "end": 516
         },
         "context": {
             "type": "variable",
@@ -35680,8 +35705,8 @@
             "value": "var( --kendo-grid-stack-header-font-size, var(--kendo-font-size-sm, inherit) )",
             "scope": "default",
             "line": {
-                "start": 516,
-                "end": 516
+                "start": 517,
+                "end": 517
             }
         },
         "group": [
@@ -35696,8 +35721,8 @@
     {
         "description": "The font weight of the Grid stack layout column header.\n",
         "commentRange": {
-            "start": 517,
-            "end": 518
+            "start": 518,
+            "end": 519
         },
         "context": {
             "type": "variable",
@@ -35705,8 +35730,8 @@
             "value": "var( --kendo-grid-stack-header-font-weight, var(--kendo-font-weight-bold, inherit) )",
             "scope": "default",
             "line": {
-                "start": 519,
-                "end": 519
+                "start": 520,
+                "end": 520
             }
         },
         "group": [
@@ -35721,8 +35746,8 @@
     {
         "description": "The height of the Grid stack layout expandable row shadow.\n",
         "commentRange": {
-            "start": 520,
-            "end": 521
+            "start": 521,
+            "end": 522
         },
         "context": {
             "type": "variable",
@@ -35730,8 +35755,8 @@
             "value": "var( --kendo-grid-stack-expandable-shadow-height, #{k-spacing(2.5)} )",
             "scope": "default",
             "line": {
-                "start": 522,
-                "end": 522
+                "start": 523,
+                "end": 523
             }
         },
         "group": [
@@ -35746,8 +35771,8 @@
     {
         "description": "The color of the Grid stack layout column header.\n",
         "commentRange": {
-            "start": 523,
-            "end": 524
+            "start": 524,
+            "end": 525
         },
         "context": {
             "type": "variable",
@@ -35755,8 +35780,8 @@
             "value": "var( --kendo-grid-stack-header-color, #{k-color(subtle)} )",
             "scope": "default",
             "line": {
-                "start": 525,
-                "end": 525
+                "start": 526,
+                "end": 526
             }
         },
         "group": [
@@ -35771,8 +35796,8 @@
     {
         "description": "The outline color of the Grid stack layout focused cell.\n",
         "commentRange": {
-            "start": 526,
-            "end": 527
+            "start": 527,
+            "end": 528
         },
         "context": {
             "type": "variable",
@@ -35780,8 +35805,8 @@
             "value": "var( --kendo-grid-stack-focus-outline, #{k-color(base-emphasis)} )",
             "scope": "default",
             "line": {
-                "start": 528,
-                "end": 528
+                "start": 529,
+                "end": 529
             }
         },
         "group": [
@@ -35796,8 +35821,8 @@
     {
         "description": "The Grid stack layout expandable row shadow.\n",
         "commentRange": {
-            "start": 529,
-            "end": 530
+            "start": 530,
+            "end": 531
         },
         "context": {
             "type": "variable",
@@ -35805,8 +35830,8 @@
             "value": "var( --kendo-grid-stack-expandable-shadow, #{k-elevation(2)} )",
             "scope": "default",
             "line": {
-                "start": 531,
-                "end": 531
+                "start": 532,
+                "end": 532
             }
         },
         "group": [
@@ -37077,7 +37102,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-input-md-padding-y",
-            "value": "var( --kendo-input-padding-y, calc( #{k-spacing(1)} + 1px ) )",
+            "value": "calc(var( --kendo-input-padding-y, #{k-spacing(1)} ) + 1px)",
             "scope": "default",
             "line": {
                 "start": 35,
@@ -37127,7 +37152,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-input-sm-font-size",
-            "value": "var( --kendo-font-size-sm, inherit )",
+            "value": "var( --kendo-font-size, inherit )",
             "scope": "default",
             "line": {
                 "start": 42,
@@ -37202,7 +37227,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-input-sm-line-height",
-            "value": "var( --kendo-line-height-sm, normal )",
+            "value": "var( --kendo-line-height, normal )",
             "scope": "default",
             "line": {
                 "start": 52,
@@ -40002,7 +40027,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-list-sm-header-font-size",
-            "value": "var( --kendo-list-sm-header-font-size, var(--kendo-font-size, inherit) )",
+            "value": "var( --kendo-list-sm-header-font-size, var(--kendo-font-size-sm, inherit) )",
             "scope": "default",
             "line": {
                 "start": 38,
@@ -40027,7 +40052,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-list-sm-header-line-height",
-            "value": "var( --kendo-list-sm-header-line-height, var(--kendo-line-height, normal) )",
+            "value": "var( --kendo-list-sm-header-line-height, var(--kendo-line-height-lg, normal) )",
             "scope": "default",
             "line": {
                 "start": 44,
@@ -40052,7 +40077,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-list-header-font-weight",
-            "value": "var( --kendo-list-header-font-weight, var(--kendo-font-weight-bold, normal) )",
+            "value": "var( --kendo-list-header-font-weight, var(--kendo-font-weight-semibold, 600) )",
             "scope": "default",
             "line": {
                 "start": 50,
@@ -40377,7 +40402,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-list-sm-group-item-font-size",
-            "value": "var( --kendo-list-sm-group-item-font-size, var(--kendo-font-size, inherit) )",
+            "value": "var( --kendo-list-sm-group-item-font-size, var(--kendo-font-size-sm, inherit) )",
             "scope": "default",
             "line": {
                 "start": 123,
@@ -40402,7 +40427,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-list-sm-group-item-line-height",
-            "value": "var( --kendo-list-sm-group-item-line-height, var(--kendo-line-height, normal) )",
+            "value": "var( --kendo-list-sm-group-item-line-height, var(--kendo-line-height-lg, normal) )",
             "scope": "default",
             "line": {
                 "start": 129,
@@ -40427,7 +40452,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-list-group-item-font-weight",
-            "value": "var( --kendo-list-group-item-font-weight, var(--kendo-font-weight-bold, normal) )",
+            "value": "var( --kendo-list-group-item-font-weight, var(--kendo-font-weight-semibold, 600) )",
             "scope": "default",
             "line": {
                 "start": 135,
@@ -40652,7 +40677,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-list-header-bg",
-            "value": "var( --kendo-list-header-bg, #{k-color(app-surface)} )",
+            "value": "var( --kendo-list-header-bg, #{k-color(surface-alt)} )",
             "scope": "default",
             "line": {
                 "start": 235,
@@ -40677,7 +40702,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-list-header-text",
-            "value": "var( --kendo-list-header-text, #{k-color(primary)} )",
+            "value": "var( --kendo-list-header-text, #{k-color(on-app-surface)} )",
             "scope": "default",
             "line": {
                 "start": 238,
@@ -40727,7 +40752,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-list-header-shadow",
-            "value": "var( --kendo-list-header-shadow, #{$kendo-box-shadow-depth-3} )",
+            "value": "var( --kendo-list-header-shadow, null )",
             "scope": "default",
             "line": {
                 "start": 244,
@@ -41102,7 +41127,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-list-group-item-text",
-            "value": "var( --kendo-list-group-item-text, #{k-color(primary)} )",
+            "value": "var( --kendo-list-group-item-text, #{k-color(on-app-surface)} )",
             "scope": "default",
             "line": {
                 "start": 297,
@@ -42077,7 +42102,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-listview-item-selected-text",
-            "value": "var( --kendo-listview-item-selected-text, initial )",
+            "value": "var( --kendo-listview-item-selected-text, k-color(on-app-surface) )",
             "scope": "default",
             "line": {
                 "start": 44,
@@ -42152,7 +42177,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-listview-item-focus-text",
-            "value": "var( --kendo-listview-item-focus-text, initial )",
+            "value": "var( --kendo-listview-item-focus-text, k-color(on-app-surface) )",
             "scope": "default",
             "line": {
                 "start": 54,
@@ -45152,7 +45177,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-menu-popup-shadow",
-            "value": "var( --kendo-menu-popup-shadow, var( --kendo-box-shadow-depth-6, none ) )",
+            "value": "var( --kendo-menu-popup-shadow, k-elevation(5) )",
             "scope": "default",
             "line": {
                 "start": 149,
@@ -54177,7 +54202,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-popup-shadow",
-            "value": "var( --kendo-popup-shadow, var( --kendo-box-shadow-depth-5, none ) )",
+            "value": "var( --kendo-popup-shadow, k-elevation(5) )",
             "scope": "default",
             "line": {
                 "start": 42,
@@ -54452,7 +54477,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-progressbar-bg",
-            "value": "var( --kendo-progressbar-bg, #{k-color(secondary)} )",
+            "value": "var( --kendo-progressbar-bg, #{k-color(secondary-on-surface)} )",
             "scope": "default",
             "line": {
                 "start": 37,
@@ -57677,7 +57702,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-scheduler-event-text",
-            "value": "var( --kendo-scheduler-event-text, k-color(app-surface) )",
+            "value": "var( --kendo-scheduler-event-text, k-color(on-primary) )",
             "scope": "default",
             "line": {
                 "start": 86,
@@ -60277,7 +60302,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-skeleton-item-bg",
-            "value": "var( --kendo-skeleton-item-bg, k-color(secondary) )",
+            "value": "var( --kendo-skeleton-item-bg, color-mix(in srgb, k-color(on-app-surface) 9%, transparent) )",
             "scope": "default",
             "line": {
                 "start": 20,
@@ -66680,7 +66705,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-switch-off-thumb-bg",
-            "value": "var( --kendo-switch-off-thumb-bg, color-mix(in srgb, k-color(on-app-surface) 30%, transparent) )",
+            "value": "var( --kendo-switch-off-thumb-bg, k-color(subtle) )",
             "scope": "default",
             "line": {
                 "start": 77,
@@ -69555,7 +69580,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-tabstrip-item-selected-bg",
-            "value": "var( --kendo-tabstrip-item-selected-bg, color-mix(in srgb, #{k-color(on-app-surface) 12%, transparent}) )",
+            "value": "var( --kendo-tabstrip-item-selected-bg, transparent )",
             "scope": "default",
             "line": {
                 "start": 132,
@@ -69580,7 +69605,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-tabstrip-item-selected-text",
-            "value": "var( --kendo-tabstrip-item-selected-text, #{k-color(on-app-surface)} )",
+            "value": "var( --kendo-tabstrip-item-selected-text, inherit )",
             "scope": "default",
             "line": {
                 "start": 135,
@@ -69605,7 +69630,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-tabstrip-item-selected-border",
-            "value": "var( --kendo-tabstrip-item-selected-border, #{k-color(primary)} )",
+            "value": "var( --kendo-tabstrip-item-selected-border, inherit )",
             "scope": "default",
             "line": {
                 "start": 138,
@@ -69680,7 +69705,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-tabstrip-item-dragging-text",
-            "value": "var( --kendo-tabstrip-item-dragging-text, #{k-color(primary)} )",
+            "value": "var( --kendo-tabstrip-item-dragging-text, #{k-color(primary-on-surface)} )",
             "scope": "default",
             "line": {
                 "start": 148,
@@ -69730,7 +69755,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-tabstrip-indicator-color",
-            "value": "var( --kendo-tabstrip-indicator-color, #{k-color(primary)} )",
+            "value": "var( --kendo-tabstrip-indicator-color, #{k-color(primary-on-surface)} )",
             "scope": "default",
             "line": {
                 "start": 156,
@@ -72080,7 +72105,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-time-selector-header-title-text",
-            "value": "var( --kendo-time-selector-header-title-text, k-color(primary) )",
+            "value": "var( --kendo-time-selector-header-title-text, k-color(primary-on-surface) )",
             "scope": "default",
             "line": {
                 "start": 39,
@@ -73505,7 +73530,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-timeline-flag-text",
-            "value": "var( --kendo-timeline-flag-text, k-color(surface-alt) )",
+            "value": "var( --kendo-timeline-flag-text, k-color(on-primary) )",
             "scope": "default",
             "line": {
                 "start": 116,
@@ -74105,7 +74130,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-toolbar-sm-padding-x",
-            "value": "var( --kendo-toolbar-sm-padding-x, calc( #{k-spacing(2)} + 1px ) )",
+            "value": "calc( var( --kendo-toolbar-sm-padding-x, #{k-spacing(2)} ) + 1px )",
             "scope": "default",
             "line": {
                 "start": 7,
@@ -74130,7 +74155,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-toolbar-md-padding-x",
-            "value": "var( --kendo-toolbar-md-padding-x, calc( #{k-spacing(3)} + 1px ) )",
+            "value": "calc( var( --kendo-toolbar-md-padding-x, #{k-spacing(3)} ) + 1px )",
             "scope": "default",
             "line": {
                 "start": 10,
@@ -74155,7 +74180,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-toolbar-lg-padding-x",
-            "value": "var( --kendo-toolbar-lg-padding-x, calc( #{k-spacing(4.5)} + 1px ))",
+            "value": "calc( var( --kendo-toolbar-lg-padding-x, #{k-spacing(4.5)} ) + 1px )",
             "scope": "default",
             "line": {
                 "start": 13,
@@ -74180,7 +74205,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-toolbar-sm-padding-y",
-            "value": "var( --kendo-toolbar-sm-padding-y, calc( #{k-spacing(0.5)} + 1px ) )",
+            "value": "calc( var( --kendo-toolbar-sm-padding-y, #{k-spacing(1.5)} ) + 1px )",
             "scope": "default",
             "line": {
                 "start": 17,
@@ -74205,7 +74230,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-toolbar-md-padding-y",
-            "value": "var( --kendo-toolbar-md-padding-y, calc( #{k-spacing(0.5)} + 1px ) )",
+            "value": "calc( var( --kendo-toolbar-md-padding-y, #{k-spacing(1.5)} ) + 1px )",
             "scope": "default",
             "line": {
                 "start": 20,
@@ -74230,7 +74255,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-toolbar-lg-padding-y",
-            "value": "var( --kendo-toolbar-lg-padding-y, calc( #{k-spacing(0.5)} + 1px ) )",
+            "value": "calc( var( --kendo-toolbar-lg-padding-y, #{k-spacing(1.5)} ) + 1px )",
             "scope": "default",
             "line": {
                 "start": 23,
@@ -74730,7 +74755,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-toolbar-flat-border",
-            "value": "var( --kendo-toolbar-flat-border, transparent )",
+            "value": "var( --kendo-toolbar-flat-border, transparent transparent color-mix(in srgb, k-color(border) 26%, transparent) )",
             "scope": "default",
             "line": {
                 "start": 92,
@@ -74780,7 +74805,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-toolbar-separator-border",
-            "value": "var( --kendo-toolbar-separator-border, inherit )",
+            "value": "var( --kendo-toolbar-separator-border, color-mix(in srgb, k-color(border) 26%, transparent) )",
             "scope": "default",
             "line": {
                 "start": 100,
@@ -76455,7 +76480,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-treeview-loadmore-text",
-            "value": "var( --kendo-treeview-loadmore-text, k-color(primary) )",
+            "value": "var( --kendo-treeview-loadmore-text, k-color(primary-on-surface) )",
             "scope": "default",
             "line": {
                 "start": 171,
@@ -79664,7 +79689,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-upload-dropzone-padding-x",
-            "value": "var( --kendo-upload-dropzone-padding-x, calc( #{k-spacing(3)} + 1px ) )",
+            "value": "calc( var( --kendo-upload-dropzone-padding-x, #{k-spacing(3)} ) + 1px )",
             "scope": "default",
             "line": {
                 "start": 32,
@@ -79689,7 +79714,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-upload-dropzone-padding-y",
-            "value": "var( --kendo-upload-dropzone-padding-y, calc( #{k-spacing(0.5)} + 1px ) )",
+            "value": "calc( var( --kendo-upload-dropzone-padding-y, #{k-spacing(0.5)} ) + 1px )",
             "scope": "default",
             "line": {
                 "start": 35,
@@ -79864,7 +79889,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-upload-item-padding-x",
-            "value": "var( --kendo-upload-item-padding-x, $kendo-upload-dropzone-padding-x )",
+            "value": "calc( var( --kendo-upload-item-padding-x, #{k-spacing(3)} ) + 1px )",
             "scope": "default",
             "line": {
                 "start": 58,
@@ -79889,7 +79914,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-upload-item-padding-y",
-            "value": "var( --kendo-upload-item-padding-y, $kendo-upload-dropzone-padding-y )",
+            "value": "calc( var( --kendo-upload-item-padding-y, #{k-spacing(0.5)} ) + 1px )",
             "scope": "default",
             "line": {
                 "start": 61,
@@ -80364,7 +80389,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-window-titlebar-padding-y",
-            "value": "var( --kendo-window-titlebar-padding-y, k-spacing(4) )",
+            "value": "var( --kendo-window-titlebar-padding-y, k-spacing(6) k-spacing(4) )",
             "scope": "default",
             "line": {
                 "start": 25,
@@ -80614,7 +80639,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-window-inner-padding-y",
-            "value": "var( --kendo-window-inner-padding-y, k-spacing(6) )",
+            "value": "var( --kendo-window-inner-padding-y, k-spacing(3) )",
             "scope": "default",
             "line": {
                 "start": 58,