@progress/kendo-theme-material 14.2.0-dev.3 → 14.2.0-dev.5

package/dist/meta/sassdoc-data.json

@@ -39393,15 +39393,15 @@
             "resolvedType": "String"
         },
         {
-            "description": "The background color of Grid footer.\n",
+            "description": "The background color of Grid add row.\n",
             "commentRange": {
                 "start": 226,
                 "end": 227
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-grid-footer-bg",
-                "value": "$kendo-table-footer-bg",
+                "name": "kendo-grid-add-row-bg",
+                "value": "k-color(surface)",
                 "scope": "default",
                 "line": {
                     "start": 228,
@@ -39420,15 +39420,15 @@
             "resolvedType": "String"
         },
         {
-            "description": "The text color of Grid footer.\n",
+            "description": "The text color of Grid add row.\n",
             "commentRange": {
                 "start": 229,
                 "end": 230
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-grid-footer-text",
-                "value": "$kendo-table-footer-text",
+                "name": "kendo-grid-add-row-text",
+                "value": "k-color(on-app-surface)",
                 "scope": "default",
                 "line": {
                     "start": 231,
@@ -39447,15 +39447,15 @@
             "resolvedType": "String"
         },
         {
-            "description": "The border color of Grid footer.\n",
+            "description": "The border color of Grid add row.\n",
             "commentRange": {
                 "start": 232,
                 "end": 233
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-grid-footer-border",
-                "value": "$kendo-table-footer-border",
+                "name": "kendo-grid-add-row-border",
+                "value": "k-color(border)",
                 "scope": "default",
                 "line": {
                     "start": 234,
@@ -39473,11 +39473,92 @@
             "resolvedValue": "var(--kendo-color-border)",
             "resolvedType": "String"
         },
+        {
+            "description": "The background color of Grid footer.\n",
+            "commentRange": {
+                "start": 236,
+                "end": 237
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-grid-footer-bg",
+                "value": "$kendo-table-footer-bg",
+                "scope": "default",
+                "line": {
+                    "start": 238,
+                    "end": 238
+                }
+            },
+            "group": [
+                "grid"
+            ],
+            "access": "public",
+            "file": {
+                "path": "material/scss/grid/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-color-surface)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The text color of Grid footer.\n",
+            "commentRange": {
+                "start": 239,
+                "end": 240
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-grid-footer-text",
+                "value": "$kendo-table-footer-text",
+                "scope": "default",
+                "line": {
+                    "start": 241,
+                    "end": 241
+                }
+            },
+            "group": [
+                "grid"
+            ],
+            "access": "public",
+            "file": {
+                "path": "material/scss/grid/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-color-on-app-surface)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The border color of Grid footer.\n",
+            "commentRange": {
+                "start": 242,
+                "end": 243
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-grid-footer-border",
+                "value": "$kendo-table-footer-border",
+                "scope": "default",
+                "line": {
+                    "start": 244,
+                    "end": 244
+                }
+            },
+            "group": [
+                "grid"
+            ],
+            "access": "public",
+            "file": {
+                "path": "material/scss/grid/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-color-border)",
+            "resolvedType": "String"
+        },
         {
             "description": "The background color of the Grid alternating rows.\n",
             "commentRange": {
-                "start": 237,
-                "end": 238
+                "start": 247,
+                "end": 248
             },
             "context": {
                 "type": "variable",
@@ -39485,8 +39566,8 @@
                 "value": "$kendo-table-alt-row-bg",
                 "scope": "default",
                 "line": {
-                    "start": 239,
-                    "end": 239
+                    "start": 249,
+                    "end": 249
                 }
             },
             "group": [
@@ -39503,8 +39584,8 @@
         {
             "description": "The background color of hovered Grid rows.\n",
             "commentRange": {
-                "start": 241,
-                "end": 242
+                "start": 251,
+                "end": 252
             },
             "context": {
                 "type": "variable",
@@ -39512,8 +39593,8 @@
                 "value": "$kendo-table-hover-bg",
                 "scope": "default",
                 "line": {
-                    "start": 243,
-                    "end": 243
+                    "start": 253,
+                    "end": 253
                 }
             },
             "group": [
@@ -39530,8 +39611,8 @@
         {
             "description": "The text color of hovered Grid rows.\n",
             "commentRange": {
-                "start": 244,
-                "end": 245
+                "start": 254,
+                "end": 255
             },
             "context": {
                 "type": "variable",
@@ -39539,8 +39620,8 @@
                 "value": "$kendo-table-hover-text",
                 "scope": "default",
                 "line": {
-                    "start": 246,
-                    "end": 246
+                    "start": 256,
+                    "end": 256
                 }
             },
             "group": [
@@ -39557,8 +39638,8 @@
         {
             "description": "The background color of selected Grid rows.\n",
             "commentRange": {
-                "start": 248,
-                "end": 249
+                "start": 258,
+                "end": 259
             },
             "context": {
                 "type": "variable",
@@ -39566,8 +39647,8 @@
                 "value": "$kendo-table-selected-bg",
                 "scope": "default",
                 "line": {
-                    "start": 250,
-                    "end": 250
+                    "start": 260,
+                    "end": 260
                 }
             },
             "group": [
@@ -39584,8 +39665,8 @@
         {
             "description": "The text color of selected Grid rows.\n",
             "commentRange": {
-                "start": 251,
-                "end": 252
+                "start": 261,
+                "end": 262
             },
             "context": {
                 "type": "variable",
@@ -39593,8 +39674,8 @@
                 "value": "$kendo-table-selected-text",
                 "scope": "default",
                 "line": {
-                    "start": 253,
-                    "end": 253
+                    "start": 263,
+                    "end": 263
                 }
             },
             "group": [
@@ -39611,8 +39692,8 @@
         {
             "description": "The background color of highlighted Grid rows.\n",
             "commentRange": {
-                "start": 255,
-                "end": 256
+                "start": 265,
+                "end": 266
             },
             "context": {
                 "type": "variable",
@@ -39620,8 +39701,8 @@
                 "value": "$kendo-table-highlighted-bg",
                 "scope": "default",
                 "line": {
-                    "start": 257,
-                    "end": 257
+                    "start": 267,
+                    "end": 267
                 }
             },
             "group": [
@@ -39638,8 +39719,8 @@
         {
             "description": "The font weight of highlighted Grid rows.\n",
             "commentRange": {
-                "start": 258,
-                "end": 259
+                "start": 268,
+                "end": 269
             },
             "context": {
                 "type": "variable",
@@ -39647,8 +39728,8 @@
                 "value": "$kendo-table-highlighted-font-weight",
                 "scope": "default",
                 "line": {
-                    "start": 260,
-                    "end": 260
+                    "start": 270,
+                    "end": 270
                 }
             },
             "group": [
@@ -39665,8 +39746,8 @@
         {
             "description": "The background color of selected highlighted Grid rows.\n",
             "commentRange": {
-                "start": 262,
-                "end": 263
+                "start": 272,
+                "end": 273
             },
             "context": {
                 "type": "variable",
@@ -39674,8 +39755,8 @@
                 "value": "$kendo-table-selected-highlighted-bg",
                 "scope": "default",
                 "line": {
-                    "start": 264,
-                    "end": 264
+                    "start": 274,
+                    "end": 274
                 }
             },
             "group": [
@@ -39692,8 +39773,8 @@
         {
             "description": "The background color of the Grid selection aggregates container.\n",
             "commentRange": {
-                "start": 266,
-                "end": 267
+                "start": 276,
+                "end": 277
             },
             "context": {
                 "type": "variable",
@@ -39701,8 +39782,8 @@
                 "value": "$kendo-grid-header-bg",
                 "scope": "default",
                 "line": {
-                    "start": 268,
-                    "end": 268
+                    "start": 278,
+                    "end": 278
                 }
             },
             "group": [
@@ -39719,8 +39800,8 @@
         {
             "description": "The text color of the Grid selection aggregates container.\n",
             "commentRange": {
-                "start": 269,
-                "end": 270
+                "start": 279,
+                "end": 280
             },
             "context": {
                 "type": "variable",
@@ -39728,8 +39809,8 @@
                 "value": "$kendo-grid-text",
                 "scope": "default",
                 "line": {
-                    "start": 271,
-                    "end": 271
+                    "start": 281,
+                    "end": 281
                 }
             },
             "group": [
@@ -39746,8 +39827,8 @@
         {
             "description": "The border color of the Grid selection aggregates container.\n",
             "commentRange": {
-                "start": 272,
-                "end": 273
+                "start": 282,
+                "end": 283
             },
             "context": {
                 "type": "variable",
@@ -39755,8 +39836,8 @@
                 "value": "$kendo-grid-border",
                 "scope": "default",
                 "line": {
-                    "start": 274,
-                    "end": 274
+                    "start": 284,
+                    "end": 284
                 }
             },
             "group": [
@@ -39773,8 +39854,8 @@
         {
             "description": "The border width of the Grid selection aggregates container.\n",
             "commentRange": {
-                "start": 275,
-                "end": 276
+                "start": 285,
+                "end": 286
             },
             "context": {
                 "type": "variable",
@@ -39782,8 +39863,8 @@
                 "value": "$kendo-grid-border-width",
                 "scope": "default",
                 "line": {
-                    "start": 277,
-                    "end": 277
+                    "start": 287,
+                    "end": 287
                 }
             },
             "group": [
@@ -39800,8 +39881,8 @@
         {
             "description": "The spacing between the selection aggregates items.\n",
             "commentRange": {
-                "start": 278,
-                "end": 279
+                "start": 288,
+                "end": 289
             },
             "context": {
                 "type": "variable",
@@ -39809,8 +39890,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 280,
-                    "end": 280
+                    "start": 290,
+                    "end": 290
                 }
             },
             "group": [
@@ -39827,8 +39908,8 @@
         {
             "description": "The line height of the Grid selection aggregates container.\n",
             "commentRange": {
-                "start": 281,
-                "end": 282
+                "start": 291,
+                "end": 292
             },
             "context": {
                 "type": "variable",
@@ -39836,8 +39917,8 @@
                 "value": "20px",
                 "scope": "default",
                 "line": {
-                    "start": 283,
-                    "end": 283
+                    "start": 293,
+                    "end": 293
                 }
             },
             "group": [
@@ -39854,8 +39935,8 @@
         {
             "description": "The font weight of the Grid selection aggregates container.\n",
             "commentRange": {
-                "start": 284,
-                "end": 285
+                "start": 294,
+                "end": 295
             },
             "context": {
                 "type": "variable",
@@ -39863,8 +39944,8 @@
                 "value": "var(--kendo-font-weight-bold)",
                 "scope": "default",
                 "line": {
-                    "start": 286,
-                    "end": 286
+                    "start": 296,
+                    "end": 296
                 }
             },
             "group": [
@@ -39881,8 +39962,8 @@
         {
             "description": "The background color of the Grid row.\n",
             "commentRange": {
-                "start": 288,
-                "end": 289
+                "start": 298,
+                "end": 299
             },
             "context": {
                 "type": "variable",
@@ -39890,8 +39971,8 @@
                 "value": "k-color(surface)",
                 "scope": "default",
                 "line": {
-                    "start": 290,
-                    "end": 290
+                    "start": 300,
+                    "end": 300
                 }
             },
             "group": [
@@ -39908,8 +39989,8 @@
         {
             "description": "The background color of the Grid grouping header.\n",
             "commentRange": {
-                "start": 292,
-                "end": 293
+                "start": 302,
+                "end": 303
             },
             "context": {
                 "type": "variable",
@@ -39917,8 +39998,8 @@
                 "value": "$kendo-grid-header-bg",
                 "scope": "default",
                 "line": {
-                    "start": 294,
-                    "end": 294
+                    "start": 304,
+                    "end": 304
                 }
             },
             "group": [
@@ -39935,8 +40016,8 @@
         {
             "description": "The text color of the Grid grouping header.\n",
             "commentRange": {
-                "start": 295,
-                "end": 296
+                "start": 305,
+                "end": 306
             },
             "context": {
                 "type": "variable",
@@ -39944,8 +40025,8 @@
                 "value": "$kendo-grid-header-text",
                 "scope": "default",
                 "line": {
-                    "start": 297,
-                    "end": 297
+                    "start": 307,
+                    "end": 307
                 }
             },
             "group": [
@@ -39962,8 +40043,8 @@
         {
             "description": "The border color of the Grid grouping header.\n",
             "commentRange": {
-                "start": 298,
-                "end": 299
+                "start": 308,
+                "end": 309
             },
             "context": {
                 "type": "variable",
@@ -39971,8 +40052,8 @@
                 "value": "$kendo-grid-header-border",
                 "scope": "default",
                 "line": {
-                    "start": 300,
-                    "end": 300
+                    "start": 310,
+                    "end": 310
                 }
             },
             "group": [
@@ -39989,8 +40070,8 @@
         {
             "description": "The text color of the Grid row.\n",
             "commentRange": {
-                "start": 301,
-                "end": 302
+                "start": 311,
+                "end": 312
             },
             "context": {
                 "type": "variable",
@@ -39998,8 +40079,8 @@
                 "value": "$kendo-grid-text",
                 "scope": "default",
                 "line": {
-                    "start": 303,
-                    "end": 303
+                    "start": 313,
+                    "end": 313
                 }
             },
             "group": [
@@ -40016,8 +40097,8 @@
         {
             "description": "The sorted icon spacing of the Grid.\n",
             "commentRange": {
-                "start": 305,
-                "end": 306
+                "start": 315,
+                "end": 316
             },
             "context": {
                 "type": "variable",
@@ -40025,8 +40106,8 @@
                 "value": "k-spacing(1)",
                 "scope": "default",
                 "line": {
-                    "start": 307,
-                    "end": 307
+                    "start": 317,
+                    "end": 317
                 }
             },
             "group": [
@@ -40043,8 +40124,8 @@
         {
             "description": "The background color of the Grid.\n",
             "commentRange": {
-                "start": 308,
-                "end": 309
+                "start": 318,
+                "end": 319
             },
             "context": {
                 "type": "variable",
@@ -40052,8 +40133,8 @@
                 "value": "color-mix(in srgb, k-color(on-app-surface) 5%, transparent)",
                 "scope": "default",
                 "line": {
-                    "start": 310,
-                    "end": 310
+                    "start": 320,
+                    "end": 320
                 }
             },
             "group": [
@@ -40070,8 +40151,8 @@
         {
             "description": "The text color of the Grid.\n",
             "commentRange": {
-                "start": 311,
-                "end": 312
+                "start": 321,
+                "end": 322
             },
             "context": {
                 "type": "variable",
@@ -40079,8 +40160,8 @@
                 "value": "$kendo-grid-header-text",
                 "scope": "default",
                 "line": {
-                    "start": 313,
-                    "end": 313
+                    "start": 323,
+                    "end": 323
                 }
             },
             "group": [
@@ -40097,8 +40178,8 @@
         {
             "description": "The font size of the Grid.\n",
             "commentRange": {
-                "start": 314,
-                "end": 315
+                "start": 324,
+                "end": 325
             },
             "context": {
                 "type": "variable",
@@ -40106,8 +40187,8 @@
                 "value": "var(--kendo-font-size-sm)",
                 "scope": "default",
                 "line": {
-                    "start": 316,
-                    "end": 316
+                    "start": 326,
+                    "end": 326
                 }
             },
             "group": [
@@ -40124,8 +40205,8 @@
         {
             "description": "The spacing of the Grid.\n",
             "commentRange": {
-                "start": 317,
-                "end": 318
+                "start": 327,
+                "end": 328
             },
             "context": {
                 "type": "variable",
@@ -40133,8 +40214,8 @@
                 "value": "calc( #{$kendo-icon-spacing} / 2 )",
                 "scope": "default",
                 "line": {
-                    "start": 319,
-                    "end": 319
+                    "start": 329,
+                    "end": 329
                 }
             },
             "group": [
@@ -40151,8 +40232,8 @@
         {
             "description": "The vertical spacing of the Grid.\n",
             "commentRange": {
-                "start": 320,
-                "end": 321
+                "start": 330,
+                "end": 331
             },
             "context": {
                 "type": "variable",
@@ -40160,8 +40241,8 @@
                 "value": "calc( #{$kendo-grid-sorting-index-spacing-y} * -1 )",
                 "scope": "default",
                 "line": {
-                    "start": 322,
-                    "end": 322
+                    "start": 332,
+                    "end": 332
                 }
             },
             "group": [
@@ -40178,8 +40259,8 @@
         {
             "description": "The shadow of the Grid.\n",
             "commentRange": {
-                "start": 324,
-                "end": 325
+                "start": 334,
+                "end": 335
             },
             "context": {
                 "type": "variable",
@@ -40187,8 +40268,8 @@
                 "value": "$kendo-table-focus-shadow",
                 "scope": "default",
                 "line": {
-                    "start": 326,
-                    "end": 326
+                    "start": 336,
+                    "end": 336
                 }
             },
             "group": [
@@ -40205,8 +40286,8 @@
         {
             "description": "The spacing of the Grid button.\n",
             "commentRange": {
-                "start": 328,
-                "end": 329
+                "start": 338,
+                "end": 339
             },
             "context": {
                 "type": "variable",
@@ -40214,8 +40295,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 330,
-                    "end": 330
+                    "start": 340,
+                    "end": 340
                 }
             },
             "group": [
@@ -40232,8 +40313,8 @@
         {
             "description": "The background color of the sticky content in the Grid.\n",
             "commentRange": {
-                "start": 333,
-                "end": 334
+                "start": 343,
+                "end": 344
             },
             "context": {
                 "type": "variable",
@@ -40241,8 +40322,8 @@
                 "value": "$kendo-grid-bg",
                 "scope": "default",
                 "line": {
-                    "start": 335,
-                    "end": 335
+                    "start": 345,
+                    "end": 345
                 }
             },
             "group": [
@@ -40259,8 +40340,8 @@
         {
             "description": "The alternate background color of the sticky content in the Grid.\n",
             "commentRange": {
-                "start": 336,
-                "end": 337
+                "start": 346,
+                "end": 347
             },
             "context": {
                 "type": "variable",
@@ -40268,8 +40349,8 @@
                 "value": "$kendo-grid-sticky-bg",
                 "scope": "default",
                 "line": {
-                    "start": 338,
-                    "end": 338
+                    "start": 348,
+                    "end": 348
                 }
             },
             "group": [
@@ -40286,8 +40367,8 @@
         {
             "description": "The background color of the hovered sticky content in the Grid.\n",
             "commentRange": {
-                "start": 339,
-                "end": 340
+                "start": 349,
+                "end": 350
             },
             "context": {
                 "type": "variable",
@@ -40295,8 +40376,8 @@
                 "value": "k-color(base-hover)",
                 "scope": "default",
                 "line": {
-                    "start": 341,
-                    "end": 341
+                    "start": 351,
+                    "end": 351
                 }
             },
             "group": [
@@ -40313,8 +40394,8 @@
         {
             "description": "The border color of the sticky content in the Grid.\n",
             "commentRange": {
-                "start": 343,
-                "end": 344
+                "start": 353,
+                "end": 354
             },
             "context": {
                 "type": "variable",
@@ -40322,8 +40403,8 @@
                 "value": "color-mix(in srgb, k-color(on-app-surface) 50%, transparent)",
                 "scope": "default",
                 "line": {
-                    "start": 345,
-                    "end": 345
+                    "start": 355,
+                    "end": 355
                 }
             },
             "group": [
@@ -40340,8 +40421,8 @@
         {
             "description": "The background color of the sticky header in the Grid.\n",
             "commentRange": {
-                "start": 347,
-                "end": 348
+                "start": 357,
+                "end": 358
             },
             "context": {
                 "type": "variable",
@@ -40349,8 +40430,8 @@
                 "value": "$kendo-grid-sticky-bg",
                 "scope": "default",
                 "line": {
-                    "start": 349,
-                    "end": 349
+                    "start": 359,
+                    "end": 359
                 }
             },
             "group": [
@@ -40367,8 +40448,8 @@
         {
             "description": "The text color of the sticky header in the Grid.\n",
             "commentRange": {
-                "start": 350,
-                "end": 351
+                "start": 360,
+                "end": 361
             },
             "context": {
                 "type": "variable",
@@ -40376,8 +40457,8 @@
                 "value": "$kendo-grid-header-text",
                 "scope": "default",
                 "line": {
-                    "start": 352,
-                    "end": 352
+                    "start": 362,
+                    "end": 362
                 }
             },
             "group": [
@@ -40394,8 +40475,8 @@
         {
             "description": "The border color of the sticky header in the Grid.\n",
             "commentRange": {
-                "start": 353,
-                "end": 354
+                "start": 363,
+                "end": 364
             },
             "context": {
                 "type": "variable",
@@ -40403,8 +40484,8 @@
                 "value": "$kendo-grid-sticky-border",
                 "scope": "default",
                 "line": {
-                    "start": 355,
-                    "end": 355
+                    "start": 365,
+                    "end": 365
                 }
             },
             "group": [
@@ -40421,8 +40502,8 @@
         {
             "description": "The background color of the sticky footer in the Grid.\n",
             "commentRange": {
-                "start": 357,
-                "end": 358
+                "start": 367,
+                "end": 368
             },
             "context": {
                 "type": "variable",
@@ -40430,8 +40511,8 @@
                 "value": "$kendo-grid-sticky-header-bg",
                 "scope": "default",
                 "line": {
-                    "start": 359,
-                    "end": 359
+                    "start": 369,
+                    "end": 369
                 }
             },
             "group": [
@@ -40448,8 +40529,8 @@
         {
             "description": "The box shadow of the sticky container in the Grid.\n",
             "commentRange": {
-                "start": 361,
-                "end": 362
+                "start": 371,
+                "end": 372
             },
             "context": {
                 "type": "variable",
@@ -40457,8 +40538,8 @@
                 "value": "0 2px 4px 0 rgba(0, 0, 0, 0.08)",
                 "scope": "default",
                 "line": {
-                    "start": 363,
-                    "end": 363
+                    "start": 373,
+                    "end": 373
                 }
             },
             "group": [
@@ -40475,8 +40556,8 @@
         {
             "description": "The box shadow of the sticky container positioned at the bottom in the Grid.\n",
             "commentRange": {
-                "start": 364,
-                "end": 365
+                "start": 374,
+                "end": 375
             },
             "context": {
                 "type": "variable",
@@ -40484,8 +40565,8 @@
                 "value": "0 -2px 4px 0 rgba(0, 0, 0, 0.08)",
                 "scope": "default",
                 "line": {
-                    "start": 366,
-                    "end": 366
+                    "start": 376,
+                    "end": 376
                 }
             },
             "group": [
@@ -40502,8 +40583,8 @@
         {
             "description": "The box shadow of the pinned container in the Grid.\n",
             "commentRange": {
-                "start": 368,
-                "end": 369
+                "start": 378,
+                "end": 379
             },
             "context": {
                 "type": "variable",
@@ -40511,8 +40592,8 @@
                 "value": "0 4px 8px 0 rgba(0, 0, 0, 0.08)",
                 "scope": "default",
                 "line": {
-                    "start": 370,
-                    "end": 370
+                    "start": 380,
+                    "end": 380
                 }
             },
             "group": [
@@ -40529,8 +40610,8 @@
         {
             "description": "The box shadow of the pinned container positioned at the bottom in the Grid.\n",
             "commentRange": {
-                "start": 371,
-                "end": 372
+                "start": 381,
+                "end": 382
             },
             "context": {
                 "type": "variable",
@@ -40538,8 +40619,8 @@
                 "value": "0 -4px 8px 0 rgba(0, 0, 0, 0.08)",
                 "scope": "default",
                 "line": {
-                    "start": 373,
-                    "end": 373
+                    "start": 383,
+                    "end": 383
                 }
             },
             "group": [
@@ -40556,8 +40637,8 @@
         {
             "description": "The width of the Grid column menu.\n",
             "commentRange": {
-                "start": 375,
-                "end": 376
+                "start": 385,
+                "end": 386
             },
             "context": {
                 "type": "variable",
@@ -40565,8 +40646,8 @@
                 "value": "250px",
                 "scope": "default",
                 "line": {
-                    "start": 377,
-                    "end": 377
+                    "start": 387,
+                    "end": 387
                 }
             },
             "group": [
@@ -40583,8 +40664,8 @@
         {
             "description": "The maximum width of the Grid column menu.\n",
             "commentRange": {
-                "start": 378,
-                "end": 379
+                "start": 388,
+                "end": 389
             },
             "context": {
                 "type": "variable",
@@ -40592,8 +40673,8 @@
                 "value": "320px",
                 "scope": "default",
                 "line": {
-                    "start": 380,
-                    "end": 380
+                    "start": 390,
+                    "end": 390
                 }
             },
             "group": [
@@ -40610,8 +40691,8 @@
         {
             "description": "The horizontal padding of the Grid popup.\n",
             "commentRange": {
-                "start": 383,
-                "end": 384
+                "start": 393,
+                "end": 394
             },
             "context": {
                 "type": "variable",
@@ -40619,8 +40700,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 385,
-                    "end": 385
+                    "start": 395,
+                    "end": 395
                 }
             },
             "group": [
@@ -40637,8 +40718,8 @@
         {
             "description": "The vertical padding of the Grid popup.\n",
             "commentRange": {
-                "start": 386,
-                "end": 387
+                "start": 396,
+                "end": 397
             },
             "context": {
                 "type": "variable",
@@ -40646,8 +40727,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 388,
-                    "end": 388
+                    "start": 398,
+                    "end": 398
                 }
             },
             "group": [
@@ -40664,8 +40745,8 @@
         {
             "description": "The horizontal padding of the Grid item.\n",
             "commentRange": {
-                "start": 390,
-                "end": 391
+                "start": 400,
+                "end": 401
             },
             "context": {
                 "type": "variable",
@@ -40673,8 +40754,8 @@
                 "value": "$kendo-menu-popup-md-item-padding-x",
                 "scope": "default",
                 "line": {
-                    "start": 392,
-                    "end": 392
+                    "start": 402,
+                    "end": 402
                 }
             },
             "group": [
@@ -40691,8 +40772,8 @@
         {
             "description": "The vertical padding of the Grid item.\n",
             "commentRange": {
-                "start": 393,
-                "end": 394
+                "start": 403,
+                "end": 404
             },
             "context": {
                 "type": "variable",
@@ -40700,8 +40781,8 @@
                 "value": "$kendo-menu-popup-md-item-padding-y",
                 "scope": "default",
                 "line": {
-                    "start": 395,
-                    "end": 395
+                    "start": 405,
+                    "end": 405
                 }
             },
             "group": [
@@ -40718,8 +40799,8 @@
         {
             "description": "The horizontal padding of the Grid item.\n",
             "commentRange": {
-                "start": 397,
-                "end": 398
+                "start": 407,
+                "end": 408
             },
             "context": {
                 "type": "variable",
@@ -40727,8 +40808,8 @@
                 "value": "$kendo-list-md-item-padding-x",
                 "scope": "default",
                 "line": {
-                    "start": 399,
-                    "end": 399
+                    "start": 409,
+                    "end": 409
                 }
             },
             "group": [
@@ -40745,8 +40826,8 @@
         {
             "description": "The vertical padding of the Grid item.\n",
             "commentRange": {
-                "start": 400,
-                "end": 401
+                "start": 410,
+                "end": 411
             },
             "context": {
                 "type": "variable",
@@ -40754,8 +40835,8 @@
                 "value": "$kendo-list-md-item-padding-y",
                 "scope": "default",
                 "line": {
-                    "start": 402,
-                    "end": 402
+                    "start": 412,
+                    "end": 412
                 }
             },
             "group": [
@@ -40772,8 +40853,8 @@
         {
             "description": "The horizontal padding of the Grid.\n",
             "commentRange": {
-                "start": 404,
-                "end": 405
+                "start": 414,
+                "end": 415
             },
             "context": {
                 "type": "variable",
@@ -40781,8 +40862,8 @@
                 "value": "k-spacing(0)",
                 "scope": "default",
                 "line": {
-                    "start": 406,
-                    "end": 406
+                    "start": 416,
+                    "end": 416
                 }
             },
             "group": [
@@ -40799,8 +40880,8 @@
         {
             "description": "The vertical padding of the Grid.\n",
             "commentRange": {
-                "start": 407,
-                "end": 408
+                "start": 417,
+                "end": 418
             },
             "context": {
                 "type": "variable",
@@ -40808,8 +40889,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 409,
-                    "end": 409
+                    "start": 419,
+                    "end": 419
                 }
             },
             "group": [
@@ -40826,8 +40907,8 @@
         {
             "description": "The horizontal padding of the Grid header.\n",
             "commentRange": {
-                "start": 411,
-                "end": 412
+                "start": 421,
+                "end": 422
             },
             "context": {
                 "type": "variable",
@@ -40835,8 +40916,8 @@
                 "value": "$kendo-menu-popup-md-item-padding-x",
                 "scope": "default",
                 "line": {
-                    "start": 413,
-                    "end": 413
+                    "start": 423,
+                    "end": 423
                 }
             },
             "group": [
@@ -40853,8 +40934,8 @@
         {
             "description": "The vertical padding of the Grid header.\n",
             "commentRange": {
-                "start": 414,
-                "end": 415
+                "start": 424,
+                "end": 425
             },
             "context": {
                 "type": "variable",
@@ -40862,8 +40943,8 @@
                 "value": "$kendo-menu-popup-md-item-padding-y",
                 "scope": "default",
                 "line": {
-                    "start": 416,
-                    "end": 416
+                    "start": 426,
+                    "end": 426
                 }
             },
             "group": [
@@ -40880,8 +40961,8 @@
         {
             "description": "The font size of the Grid header.\n",
             "commentRange": {
-                "start": 418,
-                "end": 419
+                "start": 428,
+                "end": 429
             },
             "context": {
                 "type": "variable",
@@ -40889,8 +40970,8 @@
                 "value": "var(--kendo-font-size-sm)",
                 "scope": "default",
                 "line": {
-                    "start": 420,
-                    "end": 420
+                    "start": 430,
+                    "end": 430
                 }
             },
             "group": [
@@ -40907,8 +40988,8 @@
         {
             "description": "The height of the Grid header.\n",
             "commentRange": {
-                "start": 421,
-                "end": 422
+                "start": 431,
+                "end": 432
             },
             "context": {
                 "type": "variable",
@@ -40916,8 +40997,8 @@
                 "value": "var(--kendo-line-height)",
                 "scope": "default",
                 "line": {
-                    "start": 423,
-                    "end": 423
+                    "start": 433,
+                    "end": 433
                 }
             },
             "group": [
@@ -40934,8 +41015,8 @@
         {
             "description": "The text color of the Grid header.\n",
             "commentRange": {
-                "start": 424,
-                "end": 425
+                "start": 434,
+                "end": 435
             },
             "context": {
                 "type": "variable",
@@ -40943,8 +41024,8 @@
                 "value": "uppercase",
                 "scope": "default",
                 "line": {
-                    "start": 426,
-                    "end": 426
+                    "start": 436,
+                    "end": 436
                 }
             },
             "group": [
@@ -40961,8 +41042,8 @@
         {
             "description": "The width of the Grid header.\n",
             "commentRange": {
-                "start": 427,
-                "end": 428
+                "start": 437,
+                "end": 438
             },
             "context": {
                 "type": "variable",
@@ -40970,8 +41051,8 @@
                 "value": "1px",
                 "scope": "default",
                 "line": {
-                    "start": 429,
-                    "end": 429
+                    "start": 439,
+                    "end": 439
                 }
             },
             "group": [
@@ -40988,8 +41069,8 @@
         {
             "description": "The background color of the Grid header.\n",
             "commentRange": {
-                "start": 431,
-                "end": 432
+                "start": 441,
+                "end": 442
             },
             "context": {
                 "type": "variable",
@@ -40997,8 +41078,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 433,
-                    "end": 433
+                    "start": 443,
+                    "end": 443
                 }
             },
             "group": [
@@ -41015,8 +41096,8 @@
         {
             "description": "The text color of the Grid header.\n",
             "commentRange": {
-                "start": 434,
-                "end": 435
+                "start": 444,
+                "end": 445
             },
             "context": {
                 "type": "variable",
@@ -41024,8 +41105,8 @@
                 "value": "$kendo-popup-text",
                 "scope": "default",
                 "line": {
-                    "start": 436,
-                    "end": 436
+                    "start": 446,
+                    "end": 446
                 }
             },
             "group": [
@@ -41042,8 +41123,8 @@
         {
             "description": "The border color of the Grid header.\n",
             "commentRange": {
-                "start": 437,
-                "end": 438
+                "start": 447,
+                "end": 448
             },
             "context": {
                 "type": "variable",
@@ -41051,8 +41132,8 @@
                 "value": "$kendo-popup-border",
                 "scope": "default",
                 "line": {
-                    "start": 439,
-                    "end": 439
+                    "start": 449,
+                    "end": 449
                 }
             },
             "group": [
@@ -41069,8 +41150,8 @@
         {
             "description": "The horizontal padding of the Grid content.\n",
             "commentRange": {
-                "start": 441,
-                "end": 442
+                "start": 451,
+                "end": 452
             },
             "context": {
                 "type": "variable",
@@ -41078,8 +41159,8 @@
                 "value": "k-spacing(0)",
                 "scope": "default",
                 "line": {
-                    "start": 443,
-                    "end": 443
+                    "start": 453,
+                    "end": 453
                 }
             },
             "group": [
@@ -41096,8 +41177,8 @@
         {
             "description": "The vertical padding of the Grid content.\n",
             "commentRange": {
-                "start": 444,
-                "end": 445
+                "start": 454,
+                "end": 455
             },
             "context": {
                 "type": "variable",
@@ -41105,8 +41186,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 446,
-                    "end": 446
+                    "start": 456,
+                    "end": 456
                 }
             },
             "group": [
@@ -41123,8 +41204,8 @@
         {
             "description": "The background color of the Grid.\n",
             "commentRange": {
-                "start": 448,
-                "end": 449
+                "start": 458,
+                "end": 459
             },
             "context": {
                 "type": "variable",
@@ -41132,8 +41213,8 @@
                 "value": "k-color(base)",
                 "scope": "default",
                 "line": {
-                    "start": 450,
-                    "end": 450
+                    "start": 460,
+                    "end": 460
                 }
             },
             "group": [
@@ -41150,8 +41231,8 @@
         {
             "description": "The width of the Grid cell.\n",
             "commentRange": {
-                "start": 452,
-                "end": 453
+                "start": 462,
+                "end": 463
             },
             "context": {
                 "type": "variable",
@@ -41159,8 +41240,8 @@
                 "value": "($kendo-icon-size * 3)",
                 "scope": "default",
                 "line": {
-                    "start": 454,
-                    "end": 454
+                    "start": 464,
+                    "end": 464
                 }
             },
             "group": [
@@ -41177,8 +41258,8 @@
         {
             "description": "The width of the Grid.\n",
             "commentRange": {
-                "start": 456,
-                "end": 457
+                "start": 466,
+                "end": 467
             },
             "context": {
                 "type": "variable",
@@ -41186,8 +41267,8 @@
                 "value": "32px",
                 "scope": "default",
                 "line": {
-                    "start": 458,
-                    "end": 458
+                    "start": 468,
+                    "end": 468
                 }
             },
             "group": [
@@ -41204,17 +41285,17 @@
         {
             "description": "The grouping border top of the Grid row.\n",
             "commentRange": {
-                "start": 460,
-                "end": 461
+                "start": 470,
+                "end": 471
             },
             "context": {
                 "type": "variable",
                 "name": "kendo-grid-grouping-row-border-top",
-                "value": "0px",
+                "value": "1px",
                 "scope": "default",
                 "line": {
-                    "start": 462,
-                    "end": 462
+                    "start": 472,
+                    "end": 472
                 }
             },
             "group": [
@@ -41225,14 +41306,68 @@
                 "path": "material/scss/grid/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "0px",
+            "resolvedValue": "1px",
             "resolvedType": "Number"
         },
+        {
+            "description": "The indent size for nested grouping rows.\n",
+            "commentRange": {
+                "start": 473,
+                "end": 474
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-grid-grouping-indent-size",
+                "value": "k-spacing(6)",
+                "scope": "default",
+                "line": {
+                    "start": 475,
+                    "end": 475
+                }
+            },
+            "group": [
+                "grid"
+            ],
+            "access": "public",
+            "file": {
+                "path": "material/scss/grid/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-spacing-6)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The margin at the end of the checkbox in grouping rows.\n",
+            "commentRange": {
+                "start": 476,
+                "end": 477
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-grid-grouping-row-checkbox-margin-end",
+                "value": "k-spacing(3)",
+                "scope": "default",
+                "line": {
+                    "start": 478,
+                    "end": 478
+                }
+            },
+            "group": [
+                "grid"
+            ],
+            "access": "public",
+            "file": {
+                "path": "material/scss/grid/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-spacing-3)",
+            "resolvedType": "String"
+        },
         {
             "description": "The vertical border of the Grid footer.\n",
             "commentRange": {
-                "start": 463,
-                "end": 464
+                "start": 479,
+                "end": 480
             },
             "context": {
                 "type": "variable",
@@ -41240,8 +41375,8 @@
                 "value": "1px",
                 "scope": "default",
                 "line": {
-                    "start": 465,
-                    "end": 465
+                    "start": 481,
+                    "end": 481
                 }
             },
             "group": [
@@ -41258,8 +41393,8 @@
         {
             "description": "The background color of the Grid row resize indicator.\n",
             "commentRange": {
-                "start": 467,
-                "end": 468
+                "start": 483,
+                "end": 484
             },
             "context": {
                 "type": "variable",
@@ -41267,8 +41402,8 @@
                 "value": "color-mix(in srgb, k-color(on-base) 20%, transparent)",
                 "scope": "default",
                 "line": {
-                    "start": 469,
-                    "end": 469
+                    "start": 485,
+                    "end": 485
                 }
             },
             "group": [
@@ -41285,8 +41420,8 @@
         {
             "description": "The background color of the active Grid row resize indicator.\n",
             "commentRange": {
-                "start": 470,
-                "end": 471
+                "start": 486,
+                "end": 487
             },
             "context": {
                 "type": "variable",
@@ -41294,8 +41429,8 @@
                 "value": "k-color(primary)",
                 "scope": "default",
                 "line": {
-                    "start": 472,
-                    "end": 472
+                    "start": 488,
+                    "end": 488
                 }
             },
             "group": [
@@ -41312,8 +41447,8 @@
         {
             "description": "The height of the Grid row resize indicator.\n",
             "commentRange": {
-                "start": 473,
-                "end": 474
+                "start": 489,
+                "end": 490
             },
             "context": {
                 "type": "variable",
@@ -41321,8 +41456,8 @@
                 "value": "k-spacing(0.5)",
                 "scope": "default",
                 "line": {
-                    "start": 475,
-                    "end": 475
+                    "start": 491,
+                    "end": 491
                 }
             },
             "group": [
@@ -41339,8 +41474,8 @@
         {
             "description": "The horizontal padding of the Grid stack layout cells.\n",
             "commentRange": {
-                "start": 477,
-                "end": 478
+                "start": 493,
+                "end": 494
             },
             "context": {
                 "type": "variable",
@@ -41348,8 +41483,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 479,
-                    "end": 479
+                    "start": 495,
+                    "end": 495
                 }
             },
             "group": [
@@ -41366,8 +41501,8 @@
         {
             "description": "The vertical padding of the Grid stack layout cells.\n",
             "commentRange": {
-                "start": 480,
-                "end": 481
+                "start": 496,
+                "end": 497
             },
             "context": {
                 "type": "variable",
@@ -41375,8 +41510,8 @@
                 "value": "k-spacing(1.5)",
                 "scope": "default",
                 "line": {
-                    "start": 482,
-                    "end": 482
+                    "start": 498,
+                    "end": 498
                 }
             },
             "group": [
@@ -41393,8 +41528,8 @@
         {
             "description": "The column gap of the Grid stack layout.\n",
             "commentRange": {
-                "start": 484,
-                "end": 485
+                "start": 500,
+                "end": 501
             },
             "context": {
                 "type": "variable",
@@ -41402,8 +41537,8 @@
                 "value": "k-spacing(1)",
                 "scope": "default",
                 "line": {
-                    "start": 486,
-                    "end": 486
+                    "start": 502,
+                    "end": 502
                 }
             },
             "group": [
@@ -41420,8 +41555,8 @@
         {
             "description": "The column gap of the editable Grid stack layout.\n",
             "commentRange": {
-                "start": 487,
-                "end": 488
+                "start": 503,
+                "end": 504
             },
             "context": {
                 "type": "variable",
@@ -41429,8 +41564,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 489,
-                    "end": 489
+                    "start": 505,
+                    "end": 505
                 }
             },
             "group": [
@@ -41447,8 +41582,8 @@
         {
             "description": "The width of the hierarchy column in the Grid stack layout.\n",
             "commentRange": {
-                "start": 491,
-                "end": 492
+                "start": 507,
+                "end": 508
             },
             "context": {
                 "type": "variable",
@@ -41456,8 +41591,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 493,
-                    "end": 493
+                    "start": 509,
+                    "end": 509
                 }
             },
             "group": [
@@ -41474,8 +41609,8 @@
         {
             "description": "The font size of the Grid stack layout column header.\n",
             "commentRange": {
-                "start": 495,
-                "end": 496
+                "start": 511,
+                "end": 512
             },
             "context": {
                 "type": "variable",
@@ -41483,8 +41618,8 @@
                 "value": "var(--kendo-font-size-sm)",
                 "scope": "default",
                 "line": {
-                    "start": 497,
-                    "end": 497
+                    "start": 513,
+                    "end": 513
                 }
             },
             "group": [
@@ -41501,8 +41636,8 @@
         {
             "description": "The font weight of the Grid stack layout column header.\n",
             "commentRange": {
-                "start": 498,
-                "end": 499
+                "start": 514,
+                "end": 515
             },
             "context": {
                 "type": "variable",
@@ -41510,8 +41645,8 @@
                 "value": "var(--kendo-font-weight-bold)",
                 "scope": "default",
                 "line": {
-                    "start": 500,
-                    "end": 500
+                    "start": 516,
+                    "end": 516
                 }
             },
             "group": [
@@ -41528,8 +41663,8 @@
         {
             "description": "The height of the Grid stack layout expandable row shadow.\n",
             "commentRange": {
-                "start": 501,
-                "end": 502
+                "start": 517,
+                "end": 518
             },
             "context": {
                 "type": "variable",
@@ -41537,8 +41672,8 @@
                 "value": "k-spacing(2.5)",
                 "scope": "default",
                 "line": {
-                    "start": 503,
-                    "end": 503
+                    "start": 519,
+                    "end": 519
                 }
             },
             "group": [
@@ -41555,8 +41690,8 @@
         {
             "description": "The color of the Grid stack layout column header.\n",
             "commentRange": {
-                "start": 505,
-                "end": 506
+                "start": 521,
+                "end": 522
             },
             "context": {
                 "type": "variable",
@@ -41564,8 +41699,8 @@
                 "value": "k-color(subtle)",
                 "scope": "default",
                 "line": {
-                    "start": 507,
-                    "end": 507
+                    "start": 523,
+                    "end": 523
                 }
             },
             "group": [
@@ -41582,8 +41717,8 @@
         {
             "description": "The outline color of the Grid stack layout focused cell.\n",
             "commentRange": {
-                "start": 508,
-                "end": 509
+                "start": 524,
+                "end": 525
             },
             "context": {
                 "type": "variable",
@@ -41591,8 +41726,8 @@
                 "value": "color-mix(in srgb, k-color(on-app-surface) 20%, transparent)",
                 "scope": "default",
                 "line": {
-                    "start": 510,
-                    "end": 510
+                    "start": 526,
+                    "end": 526
                 }
             },
             "group": [
@@ -41609,8 +41744,8 @@
         {
             "description": "The Grid stack layout expandable row shadow.\n",
             "commentRange": {
-                "start": 511,
-                "end": 512
+                "start": 527,
+                "end": 528
             },
             "context": {
                 "type": "variable",
@@ -41618,8 +41753,8 @@
                 "value": "k-elevation(1)",
                 "scope": "default",
                 "line": {
-                    "start": 513,
-                    "end": 513
+                    "start": 529,
+                    "end": 529
                 }
             },
             "group": [
@@ -41636,8 +41771,8 @@
         {
             "description": "The font weight of the pinned source row in the Grid.\n",
             "commentRange": {
-                "start": 515,
-                "end": 516
+                "start": 531,
+                "end": 532
             },
             "context": {
                 "type": "variable",
@@ -41645,8 +41780,8 @@
                 "value": "var(--kendo-font-weight-semibold)",
                 "scope": "default",
                 "line": {
-                    "start": 517,
-                    "end": 517
+                    "start": 533,
+                    "end": 533
                 }
             },
             "group": [
@@ -140836,15 +140971,15 @@
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The background color of Grid footer.\n",
+                    "description": "The background color of Grid add row.\n",
                     "commentRange": {
                         "start": 226,
                         "end": 227
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-grid-footer-bg",
-                        "value": "$kendo-table-footer-bg",
+                        "name": "kendo-grid-add-row-bg",
+                        "value": "k-color(surface)",
                         "scope": "default",
                         "line": {
                             "start": 228,
@@ -140863,15 +140998,15 @@
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The text color of Grid footer.\n",
+                    "description": "The text color of Grid add row.\n",
                     "commentRange": {
                         "start": 229,
                         "end": 230
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-grid-footer-text",
-                        "value": "$kendo-table-footer-text",
+                        "name": "kendo-grid-add-row-text",
+                        "value": "k-color(on-app-surface)",
                         "scope": "default",
                         "line": {
                             "start": 231,
@@ -140890,15 +141025,15 @@
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The border color of Grid footer.\n",
+                    "description": "The border color of Grid add row.\n",
                     "commentRange": {
                         "start": 232,
                         "end": 233
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-grid-footer-border",
-                        "value": "$kendo-table-footer-border",
+                        "name": "kendo-grid-add-row-border",
+                        "value": "k-color(border)",
                         "scope": "default",
                         "line": {
                             "start": 234,
@@ -140916,11 +141051,92 @@
                     "resolvedValue": "var(--kendo-color-border)",
                     "resolvedType": "String"
                 },
+                {
+                    "description": "The background color of Grid footer.\n",
+                    "commentRange": {
+                        "start": 236,
+                        "end": 237
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-grid-footer-bg",
+                        "value": "$kendo-table-footer-bg",
+                        "scope": "default",
+                        "line": {
+                            "start": 238,
+                            "end": 238
+                        }
+                    },
+                    "group": [
+                        "grid"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "material/scss/grid/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-color-surface)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The text color of Grid footer.\n",
+                    "commentRange": {
+                        "start": 239,
+                        "end": 240
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-grid-footer-text",
+                        "value": "$kendo-table-footer-text",
+                        "scope": "default",
+                        "line": {
+                            "start": 241,
+                            "end": 241
+                        }
+                    },
+                    "group": [
+                        "grid"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "material/scss/grid/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-color-on-app-surface)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The border color of Grid footer.\n",
+                    "commentRange": {
+                        "start": 242,
+                        "end": 243
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-grid-footer-border",
+                        "value": "$kendo-table-footer-border",
+                        "scope": "default",
+                        "line": {
+                            "start": 244,
+                            "end": 244
+                        }
+                    },
+                    "group": [
+                        "grid"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "material/scss/grid/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-color-border)",
+                    "resolvedType": "String"
+                },
                 {
                     "description": "The background color of the Grid alternating rows.\n",
                     "commentRange": {
-                        "start": 237,
-                        "end": 238
+                        "start": 247,
+                        "end": 248
                     },
                     "context": {
                         "type": "variable",
@@ -140928,8 +141144,8 @@
                         "value": "$kendo-table-alt-row-bg",
                         "scope": "default",
                         "line": {
-                            "start": 239,
-                            "end": 239
+                            "start": 249,
+                            "end": 249
                         }
                     },
                     "group": [
@@ -140946,8 +141162,8 @@
                 {
                     "description": "The background color of hovered Grid rows.\n",
                     "commentRange": {
-                        "start": 241,
-                        "end": 242
+                        "start": 251,
+                        "end": 252
                     },
                     "context": {
                         "type": "variable",
@@ -140955,8 +141171,8 @@
                         "value": "$kendo-table-hover-bg",
                         "scope": "default",
                         "line": {
-                            "start": 243,
-                            "end": 243
+                            "start": 253,
+                            "end": 253
                         }
                     },
                     "group": [
@@ -140973,8 +141189,8 @@
                 {
                     "description": "The text color of hovered Grid rows.\n",
                     "commentRange": {
-                        "start": 244,
-                        "end": 245
+                        "start": 254,
+                        "end": 255
                     },
                     "context": {
                         "type": "variable",
@@ -140982,8 +141198,8 @@
                         "value": "$kendo-table-hover-text",
                         "scope": "default",
                         "line": {
-                            "start": 246,
-                            "end": 246
+                            "start": 256,
+                            "end": 256
                         }
                     },
                     "group": [
@@ -141000,8 +141216,8 @@
                 {
                     "description": "The background color of selected Grid rows.\n",
                     "commentRange": {
-                        "start": 248,
-                        "end": 249
+                        "start": 258,
+                        "end": 259
                     },
                     "context": {
                         "type": "variable",
@@ -141009,8 +141225,8 @@
                         "value": "$kendo-table-selected-bg",
                         "scope": "default",
                         "line": {
-                            "start": 250,
-                            "end": 250
+                            "start": 260,
+                            "end": 260
                         }
                     },
                     "group": [
@@ -141027,8 +141243,8 @@
                 {
                     "description": "The text color of selected Grid rows.\n",
                     "commentRange": {
-                        "start": 251,
-                        "end": 252
+                        "start": 261,
+                        "end": 262
                     },
                     "context": {
                         "type": "variable",
@@ -141036,8 +141252,8 @@
                         "value": "$kendo-table-selected-text",
                         "scope": "default",
                         "line": {
-                            "start": 253,
-                            "end": 253
+                            "start": 263,
+                            "end": 263
                         }
                     },
                     "group": [
@@ -141054,8 +141270,8 @@
                 {
                     "description": "The background color of highlighted Grid rows.\n",
                     "commentRange": {
-                        "start": 255,
-                        "end": 256
+                        "start": 265,
+                        "end": 266
                     },
                     "context": {
                         "type": "variable",
@@ -141063,8 +141279,8 @@
                         "value": "$kendo-table-highlighted-bg",
                         "scope": "default",
                         "line": {
-                            "start": 257,
-                            "end": 257
+                            "start": 267,
+                            "end": 267
                         }
                     },
                     "group": [
@@ -141081,8 +141297,8 @@
                 {
                     "description": "The font weight of highlighted Grid rows.\n",
                     "commentRange": {
-                        "start": 258,
-                        "end": 259
+                        "start": 268,
+                        "end": 269
                     },
                     "context": {
                         "type": "variable",
@@ -141090,8 +141306,8 @@
                         "value": "$kendo-table-highlighted-font-weight",
                         "scope": "default",
                         "line": {
-                            "start": 260,
-                            "end": 260
+                            "start": 270,
+                            "end": 270
                         }
                     },
                     "group": [
@@ -141108,8 +141324,8 @@
                 {
                     "description": "The background color of selected highlighted Grid rows.\n",
                     "commentRange": {
-                        "start": 262,
-                        "end": 263
+                        "start": 272,
+                        "end": 273
                     },
                     "context": {
                         "type": "variable",
@@ -141117,8 +141333,8 @@
                         "value": "$kendo-table-selected-highlighted-bg",
                         "scope": "default",
                         "line": {
-                            "start": 264,
-                            "end": 264
+                            "start": 274,
+                            "end": 274
                         }
                     },
                     "group": [
@@ -141135,8 +141351,8 @@
                 {
                     "description": "The background color of the Grid selection aggregates container.\n",
                     "commentRange": {
-                        "start": 266,
-                        "end": 267
+                        "start": 276,
+                        "end": 277
                     },
                     "context": {
                         "type": "variable",
@@ -141144,8 +141360,8 @@
                         "value": "$kendo-grid-header-bg",
                         "scope": "default",
                         "line": {
-                            "start": 268,
-                            "end": 268
+                            "start": 278,
+                            "end": 278
                         }
                     },
                     "group": [
@@ -141162,8 +141378,8 @@
                 {
                     "description": "The text color of the Grid selection aggregates container.\n",
                     "commentRange": {
-                        "start": 269,
-                        "end": 270
+                        "start": 279,
+                        "end": 280
                     },
                     "context": {
                         "type": "variable",
@@ -141171,8 +141387,8 @@
                         "value": "$kendo-grid-text",
                         "scope": "default",
                         "line": {
-                            "start": 271,
-                            "end": 271
+                            "start": 281,
+                            "end": 281
                         }
                     },
                     "group": [
@@ -141189,8 +141405,8 @@
                 {
                     "description": "The border color of the Grid selection aggregates container.\n",
                     "commentRange": {
-                        "start": 272,
-                        "end": 273
+                        "start": 282,
+                        "end": 283
                     },
                     "context": {
                         "type": "variable",
@@ -141198,8 +141414,8 @@
                         "value": "$kendo-grid-border",
                         "scope": "default",
                         "line": {
-                            "start": 274,
-                            "end": 274
+                            "start": 284,
+                            "end": 284
                         }
                     },
                     "group": [
@@ -141216,8 +141432,8 @@
                 {
                     "description": "The border width of the Grid selection aggregates container.\n",
                     "commentRange": {
-                        "start": 275,
-                        "end": 276
+                        "start": 285,
+                        "end": 286
                     },
                     "context": {
                         "type": "variable",
@@ -141225,8 +141441,8 @@
                         "value": "$kendo-grid-border-width",
                         "scope": "default",
                         "line": {
-                            "start": 277,
-                            "end": 277
+                            "start": 287,
+                            "end": 287
                         }
                     },
                     "group": [
@@ -141243,8 +141459,8 @@
                 {
                     "description": "The spacing between the selection aggregates items.\n",
                     "commentRange": {
-                        "start": 278,
-                        "end": 279
+                        "start": 288,
+                        "end": 289
                     },
                     "context": {
                         "type": "variable",
@@ -141252,8 +141468,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 280,
-                            "end": 280
+                            "start": 290,
+                            "end": 290
                         }
                     },
                     "group": [
@@ -141270,8 +141486,8 @@
                 {
                     "description": "The line height of the Grid selection aggregates container.\n",
                     "commentRange": {
-                        "start": 281,
-                        "end": 282
+                        "start": 291,
+                        "end": 292
                     },
                     "context": {
                         "type": "variable",
@@ -141279,8 +141495,8 @@
                         "value": "20px",
                         "scope": "default",
                         "line": {
-                            "start": 283,
-                            "end": 283
+                            "start": 293,
+                            "end": 293
                         }
                     },
                     "group": [
@@ -141297,8 +141513,8 @@
                 {
                     "description": "The font weight of the Grid selection aggregates container.\n",
                     "commentRange": {
-                        "start": 284,
-                        "end": 285
+                        "start": 294,
+                        "end": 295
                     },
                     "context": {
                         "type": "variable",
@@ -141306,8 +141522,8 @@
                         "value": "var(--kendo-font-weight-bold)",
                         "scope": "default",
                         "line": {
-                            "start": 286,
-                            "end": 286
+                            "start": 296,
+                            "end": 296
                         }
                     },
                     "group": [
@@ -141324,8 +141540,8 @@
                 {
                     "description": "The background color of the Grid row.\n",
                     "commentRange": {
-                        "start": 288,
-                        "end": 289
+                        "start": 298,
+                        "end": 299
                     },
                     "context": {
                         "type": "variable",
@@ -141333,8 +141549,8 @@
                         "value": "k-color(surface)",
                         "scope": "default",
                         "line": {
-                            "start": 290,
-                            "end": 290
+                            "start": 300,
+                            "end": 300
                         }
                     },
                     "group": [
@@ -141351,8 +141567,8 @@
                 {
                     "description": "The background color of the Grid grouping header.\n",
                     "commentRange": {
-                        "start": 292,
-                        "end": 293
+                        "start": 302,
+                        "end": 303
                     },
                     "context": {
                         "type": "variable",
@@ -141360,8 +141576,8 @@
                         "value": "$kendo-grid-header-bg",
                         "scope": "default",
                         "line": {
-                            "start": 294,
-                            "end": 294
+                            "start": 304,
+                            "end": 304
                         }
                     },
                     "group": [
@@ -141378,8 +141594,8 @@
                 {
                     "description": "The text color of the Grid grouping header.\n",
                     "commentRange": {
-                        "start": 295,
-                        "end": 296
+                        "start": 305,
+                        "end": 306
                     },
                     "context": {
                         "type": "variable",
@@ -141387,8 +141603,8 @@
                         "value": "$kendo-grid-header-text",
                         "scope": "default",
                         "line": {
-                            "start": 297,
-                            "end": 297
+                            "start": 307,
+                            "end": 307
                         }
                     },
                     "group": [
@@ -141405,8 +141621,8 @@
                 {
                     "description": "The border color of the Grid grouping header.\n",
                     "commentRange": {
-                        "start": 298,
-                        "end": 299
+                        "start": 308,
+                        "end": 309
                     },
                     "context": {
                         "type": "variable",
@@ -141414,8 +141630,8 @@
                         "value": "$kendo-grid-header-border",
                         "scope": "default",
                         "line": {
-                            "start": 300,
-                            "end": 300
+                            "start": 310,
+                            "end": 310
                         }
                     },
                     "group": [
@@ -141432,8 +141648,8 @@
                 {
                     "description": "The text color of the Grid row.\n",
                     "commentRange": {
-                        "start": 301,
-                        "end": 302
+                        "start": 311,
+                        "end": 312
                     },
                     "context": {
                         "type": "variable",
@@ -141441,8 +141657,8 @@
                         "value": "$kendo-grid-text",
                         "scope": "default",
                         "line": {
-                            "start": 303,
-                            "end": 303
+                            "start": 313,
+                            "end": 313
                         }
                     },
                     "group": [
@@ -141459,8 +141675,8 @@
                 {
                     "description": "The sorted icon spacing of the Grid.\n",
                     "commentRange": {
-                        "start": 305,
-                        "end": 306
+                        "start": 315,
+                        "end": 316
                     },
                     "context": {
                         "type": "variable",
@@ -141468,8 +141684,8 @@
                         "value": "k-spacing(1)",
                         "scope": "default",
                         "line": {
-                            "start": 307,
-                            "end": 307
+                            "start": 317,
+                            "end": 317
                         }
                     },
                     "group": [
@@ -141486,8 +141702,8 @@
                 {
                     "description": "The background color of the Grid.\n",
                     "commentRange": {
-                        "start": 308,
-                        "end": 309
+                        "start": 318,
+                        "end": 319
                     },
                     "context": {
                         "type": "variable",
@@ -141495,8 +141711,8 @@
                         "value": "color-mix(in srgb, k-color(on-app-surface) 5%, transparent)",
                         "scope": "default",
                         "line": {
-                            "start": 310,
-                            "end": 310
+                            "start": 320,
+                            "end": 320
                         }
                     },
                     "group": [
@@ -141513,8 +141729,8 @@
                 {
                     "description": "The text color of the Grid.\n",
                     "commentRange": {
-                        "start": 311,
-                        "end": 312
+                        "start": 321,
+                        "end": 322
                     },
                     "context": {
                         "type": "variable",
@@ -141522,8 +141738,8 @@
                         "value": "$kendo-grid-header-text",
                         "scope": "default",
                         "line": {
-                            "start": 313,
-                            "end": 313
+                            "start": 323,
+                            "end": 323
                         }
                     },
                     "group": [
@@ -141540,8 +141756,8 @@
                 {
                     "description": "The font size of the Grid.\n",
                     "commentRange": {
-                        "start": 314,
-                        "end": 315
+                        "start": 324,
+                        "end": 325
                     },
                     "context": {
                         "type": "variable",
@@ -141549,8 +141765,8 @@
                         "value": "var(--kendo-font-size-sm)",
                         "scope": "default",
                         "line": {
-                            "start": 316,
-                            "end": 316
+                            "start": 326,
+                            "end": 326
                         }
                     },
                     "group": [
@@ -141567,8 +141783,8 @@
                 {
                     "description": "The spacing of the Grid.\n",
                     "commentRange": {
-                        "start": 317,
-                        "end": 318
+                        "start": 327,
+                        "end": 328
                     },
                     "context": {
                         "type": "variable",
@@ -141576,8 +141792,8 @@
                         "value": "calc( #{$kendo-icon-spacing} / 2 )",
                         "scope": "default",
                         "line": {
-                            "start": 319,
-                            "end": 319
+                            "start": 329,
+                            "end": 329
                         }
                     },
                     "group": [
@@ -141594,8 +141810,8 @@
                 {
                     "description": "The vertical spacing of the Grid.\n",
                     "commentRange": {
-                        "start": 320,
-                        "end": 321
+                        "start": 330,
+                        "end": 331
                     },
                     "context": {
                         "type": "variable",
@@ -141603,8 +141819,8 @@
                         "value": "calc( #{$kendo-grid-sorting-index-spacing-y} * -1 )",
                         "scope": "default",
                         "line": {
-                            "start": 322,
-                            "end": 322
+                            "start": 332,
+                            "end": 332
                         }
                     },
                     "group": [
@@ -141621,8 +141837,8 @@
                 {
                     "description": "The shadow of the Grid.\n",
                     "commentRange": {
-                        "start": 324,
-                        "end": 325
+                        "start": 334,
+                        "end": 335
                     },
                     "context": {
                         "type": "variable",
@@ -141630,8 +141846,8 @@
                         "value": "$kendo-table-focus-shadow",
                         "scope": "default",
                         "line": {
-                            "start": 326,
-                            "end": 326
+                            "start": 336,
+                            "end": 336
                         }
                     },
                     "group": [
@@ -141648,8 +141864,8 @@
                 {
                     "description": "The spacing of the Grid button.\n",
                     "commentRange": {
-                        "start": 328,
-                        "end": 329
+                        "start": 338,
+                        "end": 339
                     },
                     "context": {
                         "type": "variable",
@@ -141657,8 +141873,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 330,
-                            "end": 330
+                            "start": 340,
+                            "end": 340
                         }
                     },
                     "group": [
@@ -141675,8 +141891,8 @@
                 {
                     "description": "The background color of the sticky content in the Grid.\n",
                     "commentRange": {
-                        "start": 333,
-                        "end": 334
+                        "start": 343,
+                        "end": 344
                     },
                     "context": {
                         "type": "variable",
@@ -141684,8 +141900,8 @@
                         "value": "$kendo-grid-bg",
                         "scope": "default",
                         "line": {
-                            "start": 335,
-                            "end": 335
+                            "start": 345,
+                            "end": 345
                         }
                     },
                     "group": [
@@ -141702,8 +141918,8 @@
                 {
                     "description": "The alternate background color of the sticky content in the Grid.\n",
                     "commentRange": {
-                        "start": 336,
-                        "end": 337
+                        "start": 346,
+                        "end": 347
                     },
                     "context": {
                         "type": "variable",
@@ -141711,8 +141927,8 @@
                         "value": "$kendo-grid-sticky-bg",
                         "scope": "default",
                         "line": {
-                            "start": 338,
-                            "end": 338
+                            "start": 348,
+                            "end": 348
                         }
                     },
                     "group": [
@@ -141729,8 +141945,8 @@
                 {
                     "description": "The background color of the hovered sticky content in the Grid.\n",
                     "commentRange": {
-                        "start": 339,
-                        "end": 340
+                        "start": 349,
+                        "end": 350
                     },
                     "context": {
                         "type": "variable",
@@ -141738,8 +141954,8 @@
                         "value": "k-color(base-hover)",
                         "scope": "default",
                         "line": {
-                            "start": 341,
-                            "end": 341
+                            "start": 351,
+                            "end": 351
                         }
                     },
                     "group": [
@@ -141756,8 +141972,8 @@
                 {
                     "description": "The border color of the sticky content in the Grid.\n",
                     "commentRange": {
-                        "start": 343,
-                        "end": 344
+                        "start": 353,
+                        "end": 354
                     },
                     "context": {
                         "type": "variable",
@@ -141765,8 +141981,8 @@
                         "value": "color-mix(in srgb, k-color(on-app-surface) 50%, transparent)",
                         "scope": "default",
                         "line": {
-                            "start": 345,
-                            "end": 345
+                            "start": 355,
+                            "end": 355
                         }
                     },
                     "group": [
@@ -141783,8 +141999,8 @@
                 {
                     "description": "The background color of the sticky header in the Grid.\n",
                     "commentRange": {
-                        "start": 347,
-                        "end": 348
+                        "start": 357,
+                        "end": 358
                     },
                     "context": {
                         "type": "variable",
@@ -141792,8 +142008,8 @@
                         "value": "$kendo-grid-sticky-bg",
                         "scope": "default",
                         "line": {
-                            "start": 349,
-                            "end": 349
+                            "start": 359,
+                            "end": 359
                         }
                     },
                     "group": [
@@ -141810,8 +142026,8 @@
                 {
                     "description": "The text color of the sticky header in the Grid.\n",
                     "commentRange": {
-                        "start": 350,
-                        "end": 351
+                        "start": 360,
+                        "end": 361
                     },
                     "context": {
                         "type": "variable",
@@ -141819,8 +142035,8 @@
                         "value": "$kendo-grid-header-text",
                         "scope": "default",
                         "line": {
-                            "start": 352,
-                            "end": 352
+                            "start": 362,
+                            "end": 362
                         }
                     },
                     "group": [
@@ -141837,8 +142053,8 @@
                 {
                     "description": "The border color of the sticky header in the Grid.\n",
                     "commentRange": {
-                        "start": 353,
-                        "end": 354
+                        "start": 363,
+                        "end": 364
                     },
                     "context": {
                         "type": "variable",
@@ -141846,8 +142062,8 @@
                         "value": "$kendo-grid-sticky-border",
                         "scope": "default",
                         "line": {
-                            "start": 355,
-                            "end": 355
+                            "start": 365,
+                            "end": 365
                         }
                     },
                     "group": [
@@ -141864,8 +142080,8 @@
                 {
                     "description": "The background color of the sticky footer in the Grid.\n",
                     "commentRange": {
-                        "start": 357,
-                        "end": 358
+                        "start": 367,
+                        "end": 368
                     },
                     "context": {
                         "type": "variable",
@@ -141873,8 +142089,8 @@
                         "value": "$kendo-grid-sticky-header-bg",
                         "scope": "default",
                         "line": {
-                            "start": 359,
-                            "end": 359
+                            "start": 369,
+                            "end": 369
                         }
                     },
                     "group": [
@@ -141891,8 +142107,8 @@
                 {
                     "description": "The box shadow of the sticky container in the Grid.\n",
                     "commentRange": {
-                        "start": 361,
-                        "end": 362
+                        "start": 371,
+                        "end": 372
                     },
                     "context": {
                         "type": "variable",
@@ -141900,8 +142116,8 @@
                         "value": "0 2px 4px 0 rgba(0, 0, 0, 0.08)",
                         "scope": "default",
                         "line": {
-                            "start": 363,
-                            "end": 363
+                            "start": 373,
+                            "end": 373
                         }
                     },
                     "group": [
@@ -141918,8 +142134,8 @@
                 {
                     "description": "The box shadow of the sticky container positioned at the bottom in the Grid.\n",
                     "commentRange": {
-                        "start": 364,
-                        "end": 365
+                        "start": 374,
+                        "end": 375
                     },
                     "context": {
                         "type": "variable",
@@ -141927,8 +142143,8 @@
                         "value": "0 -2px 4px 0 rgba(0, 0, 0, 0.08)",
                         "scope": "default",
                         "line": {
-                            "start": 366,
-                            "end": 366
+                            "start": 376,
+                            "end": 376
                         }
                     },
                     "group": [
@@ -141945,8 +142161,8 @@
                 {
                     "description": "The box shadow of the pinned container in the Grid.\n",
                     "commentRange": {
-                        "start": 368,
-                        "end": 369
+                        "start": 378,
+                        "end": 379
                     },
                     "context": {
                         "type": "variable",
@@ -141954,8 +142170,8 @@
                         "value": "0 4px 8px 0 rgba(0, 0, 0, 0.08)",
                         "scope": "default",
                         "line": {
-                            "start": 370,
-                            "end": 370
+                            "start": 380,
+                            "end": 380
                         }
                     },
                     "group": [
@@ -141972,8 +142188,8 @@
                 {
                     "description": "The box shadow of the pinned container positioned at the bottom in the Grid.\n",
                     "commentRange": {
-                        "start": 371,
-                        "end": 372
+                        "start": 381,
+                        "end": 382
                     },
                     "context": {
                         "type": "variable",
@@ -141981,8 +142197,8 @@
                         "value": "0 -4px 8px 0 rgba(0, 0, 0, 0.08)",
                         "scope": "default",
                         "line": {
-                            "start": 373,
-                            "end": 373
+                            "start": 383,
+                            "end": 383
                         }
                     },
                     "group": [
@@ -141999,8 +142215,8 @@
                 {
                     "description": "The width of the Grid column menu.\n",
                     "commentRange": {
-                        "start": 375,
-                        "end": 376
+                        "start": 385,
+                        "end": 386
                     },
                     "context": {
                         "type": "variable",
@@ -142008,8 +142224,8 @@
                         "value": "250px",
                         "scope": "default",
                         "line": {
-                            "start": 377,
-                            "end": 377
+                            "start": 387,
+                            "end": 387
                         }
                     },
                     "group": [
@@ -142026,8 +142242,8 @@
                 {
                     "description": "The maximum width of the Grid column menu.\n",
                     "commentRange": {
-                        "start": 378,
-                        "end": 379
+                        "start": 388,
+                        "end": 389
                     },
                     "context": {
                         "type": "variable",
@@ -142035,8 +142251,8 @@
                         "value": "320px",
                         "scope": "default",
                         "line": {
-                            "start": 380,
-                            "end": 380
+                            "start": 390,
+                            "end": 390
                         }
                     },
                     "group": [
@@ -142053,8 +142269,8 @@
                 {
                     "description": "The horizontal padding of the Grid popup.\n",
                     "commentRange": {
-                        "start": 383,
-                        "end": 384
+                        "start": 393,
+                        "end": 394
                     },
                     "context": {
                         "type": "variable",
@@ -142062,8 +142278,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 385,
-                            "end": 385
+                            "start": 395,
+                            "end": 395
                         }
                     },
                     "group": [
@@ -142080,8 +142296,8 @@
                 {
                     "description": "The vertical padding of the Grid popup.\n",
                     "commentRange": {
-                        "start": 386,
-                        "end": 387
+                        "start": 396,
+                        "end": 397
                     },
                     "context": {
                         "type": "variable",
@@ -142089,8 +142305,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 388,
-                            "end": 388
+                            "start": 398,
+                            "end": 398
                         }
                     },
                     "group": [
@@ -142107,8 +142323,8 @@
                 {
                     "description": "The horizontal padding of the Grid item.\n",
                     "commentRange": {
-                        "start": 390,
-                        "end": 391
+                        "start": 400,
+                        "end": 401
                     },
                     "context": {
                         "type": "variable",
@@ -142116,8 +142332,8 @@
                         "value": "$kendo-menu-popup-md-item-padding-x",
                         "scope": "default",
                         "line": {
-                            "start": 392,
-                            "end": 392
+                            "start": 402,
+                            "end": 402
                         }
                     },
                     "group": [
@@ -142134,8 +142350,8 @@
                 {
                     "description": "The vertical padding of the Grid item.\n",
                     "commentRange": {
-                        "start": 393,
-                        "end": 394
+                        "start": 403,
+                        "end": 404
                     },
                     "context": {
                         "type": "variable",
@@ -142143,8 +142359,8 @@
                         "value": "$kendo-menu-popup-md-item-padding-y",
                         "scope": "default",
                         "line": {
-                            "start": 395,
-                            "end": 395
+                            "start": 405,
+                            "end": 405
                         }
                     },
                     "group": [
@@ -142161,8 +142377,8 @@
                 {
                     "description": "The horizontal padding of the Grid item.\n",
                     "commentRange": {
-                        "start": 397,
-                        "end": 398
+                        "start": 407,
+                        "end": 408
                     },
                     "context": {
                         "type": "variable",
@@ -142170,8 +142386,8 @@
                         "value": "$kendo-list-md-item-padding-x",
                         "scope": "default",
                         "line": {
-                            "start": 399,
-                            "end": 399
+                            "start": 409,
+                            "end": 409
                         }
                     },
                     "group": [
@@ -142188,8 +142404,8 @@
                 {
                     "description": "The vertical padding of the Grid item.\n",
                     "commentRange": {
-                        "start": 400,
-                        "end": 401
+                        "start": 410,
+                        "end": 411
                     },
                     "context": {
                         "type": "variable",
@@ -142197,8 +142413,8 @@
                         "value": "$kendo-list-md-item-padding-y",
                         "scope": "default",
                         "line": {
-                            "start": 402,
-                            "end": 402
+                            "start": 412,
+                            "end": 412
                         }
                     },
                     "group": [
@@ -142215,8 +142431,8 @@
                 {
                     "description": "The horizontal padding of the Grid.\n",
                     "commentRange": {
-                        "start": 404,
-                        "end": 405
+                        "start": 414,
+                        "end": 415
                     },
                     "context": {
                         "type": "variable",
@@ -142224,8 +142440,8 @@
                         "value": "k-spacing(0)",
                         "scope": "default",
                         "line": {
-                            "start": 406,
-                            "end": 406
+                            "start": 416,
+                            "end": 416
                         }
                     },
                     "group": [
@@ -142242,8 +142458,8 @@
                 {
                     "description": "The vertical padding of the Grid.\n",
                     "commentRange": {
-                        "start": 407,
-                        "end": 408
+                        "start": 417,
+                        "end": 418
                     },
                     "context": {
                         "type": "variable",
@@ -142251,8 +142467,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 409,
-                            "end": 409
+                            "start": 419,
+                            "end": 419
                         }
                     },
                     "group": [
@@ -142269,8 +142485,8 @@
                 {
                     "description": "The horizontal padding of the Grid header.\n",
                     "commentRange": {
-                        "start": 411,
-                        "end": 412
+                        "start": 421,
+                        "end": 422
                     },
                     "context": {
                         "type": "variable",
@@ -142278,8 +142494,8 @@
                         "value": "$kendo-menu-popup-md-item-padding-x",
                         "scope": "default",
                         "line": {
-                            "start": 413,
-                            "end": 413
+                            "start": 423,
+                            "end": 423
                         }
                     },
                     "group": [
@@ -142296,8 +142512,8 @@
                 {
                     "description": "The vertical padding of the Grid header.\n",
                     "commentRange": {
-                        "start": 414,
-                        "end": 415
+                        "start": 424,
+                        "end": 425
                     },
                     "context": {
                         "type": "variable",
@@ -142305,8 +142521,8 @@
                         "value": "$kendo-menu-popup-md-item-padding-y",
                         "scope": "default",
                         "line": {
-                            "start": 416,
-                            "end": 416
+                            "start": 426,
+                            "end": 426
                         }
                     },
                     "group": [
@@ -142323,8 +142539,8 @@
                 {
                     "description": "The font size of the Grid header.\n",
                     "commentRange": {
-                        "start": 418,
-                        "end": 419
+                        "start": 428,
+                        "end": 429
                     },
                     "context": {
                         "type": "variable",
@@ -142332,8 +142548,8 @@
                         "value": "var(--kendo-font-size-sm)",
                         "scope": "default",
                         "line": {
-                            "start": 420,
-                            "end": 420
+                            "start": 430,
+                            "end": 430
                         }
                     },
                     "group": [
@@ -142350,8 +142566,8 @@
                 {
                     "description": "The height of the Grid header.\n",
                     "commentRange": {
-                        "start": 421,
-                        "end": 422
+                        "start": 431,
+                        "end": 432
                     },
                     "context": {
                         "type": "variable",
@@ -142359,8 +142575,8 @@
                         "value": "var(--kendo-line-height)",
                         "scope": "default",
                         "line": {
-                            "start": 423,
-                            "end": 423
+                            "start": 433,
+                            "end": 433
                         }
                     },
                     "group": [
@@ -142377,8 +142593,8 @@
                 {
                     "description": "The text color of the Grid header.\n",
                     "commentRange": {
-                        "start": 424,
-                        "end": 425
+                        "start": 434,
+                        "end": 435
                     },
                     "context": {
                         "type": "variable",
@@ -142386,8 +142602,8 @@
                         "value": "uppercase",
                         "scope": "default",
                         "line": {
-                            "start": 426,
-                            "end": 426
+                            "start": 436,
+                            "end": 436
                         }
                     },
                     "group": [
@@ -142404,8 +142620,8 @@
                 {
                     "description": "The width of the Grid header.\n",
                     "commentRange": {
-                        "start": 427,
-                        "end": 428
+                        "start": 437,
+                        "end": 438
                     },
                     "context": {
                         "type": "variable",
@@ -142413,8 +142629,8 @@
                         "value": "1px",
                         "scope": "default",
                         "line": {
-                            "start": 429,
-                            "end": 429
+                            "start": 439,
+                            "end": 439
                         }
                     },
                     "group": [
@@ -142431,8 +142647,8 @@
                 {
                     "description": "The background color of the Grid header.\n",
                     "commentRange": {
-                        "start": 431,
-                        "end": 432
+                        "start": 441,
+                        "end": 442
                     },
                     "context": {
                         "type": "variable",
@@ -142440,8 +142656,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 433,
-                            "end": 433
+                            "start": 443,
+                            "end": 443
                         }
                     },
                     "group": [
@@ -142458,8 +142674,8 @@
                 {
                     "description": "The text color of the Grid header.\n",
                     "commentRange": {
-                        "start": 434,
-                        "end": 435
+                        "start": 444,
+                        "end": 445
                     },
                     "context": {
                         "type": "variable",
@@ -142467,8 +142683,8 @@
                         "value": "$kendo-popup-text",
                         "scope": "default",
                         "line": {
-                            "start": 436,
-                            "end": 436
+                            "start": 446,
+                            "end": 446
                         }
                     },
                     "group": [
@@ -142485,8 +142701,8 @@
                 {
                     "description": "The border color of the Grid header.\n",
                     "commentRange": {
-                        "start": 437,
-                        "end": 438
+                        "start": 447,
+                        "end": 448
                     },
                     "context": {
                         "type": "variable",
@@ -142494,8 +142710,8 @@
                         "value": "$kendo-popup-border",
                         "scope": "default",
                         "line": {
-                            "start": 439,
-                            "end": 439
+                            "start": 449,
+                            "end": 449
                         }
                     },
                     "group": [
@@ -142512,8 +142728,8 @@
                 {
                     "description": "The horizontal padding of the Grid content.\n",
                     "commentRange": {
-                        "start": 441,
-                        "end": 442
+                        "start": 451,
+                        "end": 452
                     },
                     "context": {
                         "type": "variable",
@@ -142521,8 +142737,8 @@
                         "value": "k-spacing(0)",
                         "scope": "default",
                         "line": {
-                            "start": 443,
-                            "end": 443
+                            "start": 453,
+                            "end": 453
                         }
                     },
                     "group": [
@@ -142539,8 +142755,8 @@
                 {
                     "description": "The vertical padding of the Grid content.\n",
                     "commentRange": {
-                        "start": 444,
-                        "end": 445
+                        "start": 454,
+                        "end": 455
                     },
                     "context": {
                         "type": "variable",
@@ -142548,8 +142764,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 446,
-                            "end": 446
+                            "start": 456,
+                            "end": 456
                         }
                     },
                     "group": [
@@ -142566,8 +142782,8 @@
                 {
                     "description": "The background color of the Grid.\n",
                     "commentRange": {
-                        "start": 448,
-                        "end": 449
+                        "start": 458,
+                        "end": 459
                     },
                     "context": {
                         "type": "variable",
@@ -142575,8 +142791,8 @@
                         "value": "k-color(base)",
                         "scope": "default",
                         "line": {
-                            "start": 450,
-                            "end": 450
+                            "start": 460,
+                            "end": 460
                         }
                     },
                     "group": [
@@ -142593,8 +142809,8 @@
                 {
                     "description": "The width of the Grid cell.\n",
                     "commentRange": {
-                        "start": 452,
-                        "end": 453
+                        "start": 462,
+                        "end": 463
                     },
                     "context": {
                         "type": "variable",
@@ -142602,8 +142818,8 @@
                         "value": "($kendo-icon-size * 3)",
                         "scope": "default",
                         "line": {
-                            "start": 454,
-                            "end": 454
+                            "start": 464,
+                            "end": 464
                         }
                     },
                     "group": [
@@ -142620,8 +142836,8 @@
                 {
                     "description": "The width of the Grid.\n",
                     "commentRange": {
-                        "start": 456,
-                        "end": 457
+                        "start": 466,
+                        "end": 467
                     },
                     "context": {
                         "type": "variable",
@@ -142629,8 +142845,8 @@
                         "value": "32px",
                         "scope": "default",
                         "line": {
-                            "start": 458,
-                            "end": 458
+                            "start": 468,
+                            "end": 468
                         }
                     },
                     "group": [
@@ -142647,17 +142863,17 @@
                 {
                     "description": "The grouping border top of the Grid row.\n",
                     "commentRange": {
-                        "start": 460,
-                        "end": 461
+                        "start": 470,
+                        "end": 471
                     },
                     "context": {
                         "type": "variable",
                         "name": "kendo-grid-grouping-row-border-top",
-                        "value": "0px",
+                        "value": "1px",
                         "scope": "default",
                         "line": {
-                            "start": 462,
-                            "end": 462
+                            "start": 472,
+                            "end": 472
                         }
                     },
                     "group": [
@@ -142668,14 +142884,68 @@
                         "path": "material/scss/grid/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "0px",
+                    "resolvedValue": "1px",
                     "resolvedType": "Number"
                 },
+                {
+                    "description": "The indent size for nested grouping rows.\n",
+                    "commentRange": {
+                        "start": 473,
+                        "end": 474
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-grid-grouping-indent-size",
+                        "value": "k-spacing(6)",
+                        "scope": "default",
+                        "line": {
+                            "start": 475,
+                            "end": 475
+                        }
+                    },
+                    "group": [
+                        "grid"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "material/scss/grid/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-spacing-6)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The margin at the end of the checkbox in grouping rows.\n",
+                    "commentRange": {
+                        "start": 476,
+                        "end": 477
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-grid-grouping-row-checkbox-margin-end",
+                        "value": "k-spacing(3)",
+                        "scope": "default",
+                        "line": {
+                            "start": 478,
+                            "end": 478
+                        }
+                    },
+                    "group": [
+                        "grid"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "material/scss/grid/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-spacing-3)",
+                    "resolvedType": "String"
+                },
                 {
                     "description": "The vertical border of the Grid footer.\n",
                     "commentRange": {
-                        "start": 463,
-                        "end": 464
+                        "start": 479,
+                        "end": 480
                     },
                     "context": {
                         "type": "variable",
@@ -142683,8 +142953,8 @@
                         "value": "1px",
                         "scope": "default",
                         "line": {
-                            "start": 465,
-                            "end": 465
+                            "start": 481,
+                            "end": 481
                         }
                     },
                     "group": [
@@ -142701,8 +142971,8 @@
                 {
                     "description": "The background color of the Grid row resize indicator.\n",
                     "commentRange": {
-                        "start": 467,
-                        "end": 468
+                        "start": 483,
+                        "end": 484
                     },
                     "context": {
                         "type": "variable",
@@ -142710,8 +142980,8 @@
                         "value": "color-mix(in srgb, k-color(on-base) 20%, transparent)",
                         "scope": "default",
                         "line": {
-                            "start": 469,
-                            "end": 469
+                            "start": 485,
+                            "end": 485
                         }
                     },
                     "group": [
@@ -142728,8 +142998,8 @@
                 {
                     "description": "The background color of the active Grid row resize indicator.\n",
                     "commentRange": {
-                        "start": 470,
-                        "end": 471
+                        "start": 486,
+                        "end": 487
                     },
                     "context": {
                         "type": "variable",
@@ -142737,8 +143007,8 @@
                         "value": "k-color(primary)",
                         "scope": "default",
                         "line": {
-                            "start": 472,
-                            "end": 472
+                            "start": 488,
+                            "end": 488
                         }
                     },
                     "group": [
@@ -142755,8 +143025,8 @@
                 {
                     "description": "The height of the Grid row resize indicator.\n",
                     "commentRange": {
-                        "start": 473,
-                        "end": 474
+                        "start": 489,
+                        "end": 490
                     },
                     "context": {
                         "type": "variable",
@@ -142764,8 +143034,8 @@
                         "value": "k-spacing(0.5)",
                         "scope": "default",
                         "line": {
-                            "start": 475,
-                            "end": 475
+                            "start": 491,
+                            "end": 491
                         }
                     },
                     "group": [
@@ -142782,8 +143052,8 @@
                 {
                     "description": "The horizontal padding of the Grid stack layout cells.\n",
                     "commentRange": {
-                        "start": 477,
-                        "end": 478
+                        "start": 493,
+                        "end": 494
                     },
                     "context": {
                         "type": "variable",
@@ -142791,8 +143061,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 479,
-                            "end": 479
+                            "start": 495,
+                            "end": 495
                         }
                     },
                     "group": [
@@ -142809,8 +143079,8 @@
                 {
                     "description": "The vertical padding of the Grid stack layout cells.\n",
                     "commentRange": {
-                        "start": 480,
-                        "end": 481
+                        "start": 496,
+                        "end": 497
                     },
                     "context": {
                         "type": "variable",
@@ -142818,8 +143088,8 @@
                         "value": "k-spacing(1.5)",
                         "scope": "default",
                         "line": {
-                            "start": 482,
-                            "end": 482
+                            "start": 498,
+                            "end": 498
                         }
                     },
                     "group": [
@@ -142836,8 +143106,8 @@
                 {
                     "description": "The column gap of the Grid stack layout.\n",
                     "commentRange": {
-                        "start": 484,
-                        "end": 485
+                        "start": 500,
+                        "end": 501
                     },
                     "context": {
                         "type": "variable",
@@ -142845,8 +143115,8 @@
                         "value": "k-spacing(1)",
                         "scope": "default",
                         "line": {
-                            "start": 486,
-                            "end": 486
+                            "start": 502,
+                            "end": 502
                         }
                     },
                     "group": [
@@ -142863,8 +143133,8 @@
                 {
                     "description": "The column gap of the editable Grid stack layout.\n",
                     "commentRange": {
-                        "start": 487,
-                        "end": 488
+                        "start": 503,
+                        "end": 504
                     },
                     "context": {
                         "type": "variable",
@@ -142872,8 +143142,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 489,
-                            "end": 489
+                            "start": 505,
+                            "end": 505
                         }
                     },
                     "group": [
@@ -142890,8 +143160,8 @@
                 {
                     "description": "The width of the hierarchy column in the Grid stack layout.\n",
                     "commentRange": {
-                        "start": 491,
-                        "end": 492
+                        "start": 507,
+                        "end": 508
                     },
                     "context": {
                         "type": "variable",
@@ -142899,8 +143169,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 493,
-                            "end": 493
+                            "start": 509,
+                            "end": 509
                         }
                     },
                     "group": [
@@ -142917,8 +143187,8 @@
                 {
                     "description": "The font size of the Grid stack layout column header.\n",
                     "commentRange": {
-                        "start": 495,
-                        "end": 496
+                        "start": 511,
+                        "end": 512
                     },
                     "context": {
                         "type": "variable",
@@ -142926,8 +143196,8 @@
                         "value": "var(--kendo-font-size-sm)",
                         "scope": "default",
                         "line": {
-                            "start": 497,
-                            "end": 497
+                            "start": 513,
+                            "end": 513
                         }
                     },
                     "group": [
@@ -142944,8 +143214,8 @@
                 {
                     "description": "The font weight of the Grid stack layout column header.\n",
                     "commentRange": {
-                        "start": 498,
-                        "end": 499
+                        "start": 514,
+                        "end": 515
                     },
                     "context": {
                         "type": "variable",
@@ -142953,8 +143223,8 @@
                         "value": "var(--kendo-font-weight-bold)",
                         "scope": "default",
                         "line": {
-                            "start": 500,
-                            "end": 500
+                            "start": 516,
+                            "end": 516
                         }
                     },
                     "group": [
@@ -142971,8 +143241,8 @@
                 {
                     "description": "The height of the Grid stack layout expandable row shadow.\n",
                     "commentRange": {
-                        "start": 501,
-                        "end": 502
+                        "start": 517,
+                        "end": 518
                     },
                     "context": {
                         "type": "variable",
@@ -142980,8 +143250,8 @@
                         "value": "k-spacing(2.5)",
                         "scope": "default",
                         "line": {
-                            "start": 503,
-                            "end": 503
+                            "start": 519,
+                            "end": 519
                         }
                     },
                     "group": [
@@ -142998,8 +143268,8 @@
                 {
                     "description": "The color of the Grid stack layout column header.\n",
                     "commentRange": {
-                        "start": 505,
-                        "end": 506
+                        "start": 521,
+                        "end": 522
                     },
                     "context": {
                         "type": "variable",
@@ -143007,8 +143277,8 @@
                         "value": "k-color(subtle)",
                         "scope": "default",
                         "line": {
-                            "start": 507,
-                            "end": 507
+                            "start": 523,
+                            "end": 523
                         }
                     },
                     "group": [
@@ -143025,8 +143295,8 @@
                 {
                     "description": "The outline color of the Grid stack layout focused cell.\n",
                     "commentRange": {
-                        "start": 508,
-                        "end": 509
+                        "start": 524,
+                        "end": 525
                     },
                     "context": {
                         "type": "variable",
@@ -143034,8 +143304,8 @@
                         "value": "color-mix(in srgb, k-color(on-app-surface) 20%, transparent)",
                         "scope": "default",
                         "line": {
-                            "start": 510,
-                            "end": 510
+                            "start": 526,
+                            "end": 526
                         }
                     },
                     "group": [
@@ -143052,8 +143322,8 @@
                 {
                     "description": "The Grid stack layout expandable row shadow.\n",
                     "commentRange": {
-                        "start": 511,
-                        "end": 512
+                        "start": 527,
+                        "end": 528
                     },
                     "context": {
                         "type": "variable",
@@ -143061,8 +143331,8 @@
                         "value": "k-elevation(1)",
                         "scope": "default",
                         "line": {
-                            "start": 513,
-                            "end": 513
+                            "start": 529,
+                            "end": 529
                         }
                     },
                     "group": [
@@ -143079,8 +143349,8 @@
                 {
                     "description": "The font weight of the pinned source row in the Grid.\n",
                     "commentRange": {
-                        "start": 515,
-                        "end": 516
+                        "start": 531,
+                        "end": 532
                     },
                     "context": {
                         "type": "variable",
@@ -143088,8 +143358,8 @@
                         "value": "var(--kendo-font-weight-semibold)",
                         "scope": "default",
                         "line": {
-                            "start": 517,
-                            "end": 517
+                            "start": 533,
+                            "end": 533
                         }
                     },
                     "group": [