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

package/dist/meta/sassdoc-data.json

@@ -38443,15 +38443,15 @@
             "resolvedType": "String"
         },
         {
-            "description": "The background color of Grid footer.\n",
+            "description": "The background color of Grid add row.\n",
             "commentRange": {
                 "start": 224,
                 "end": 225
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-grid-footer-bg",
-                "value": "$kendo-grid-header-bg",
+                "name": "kendo-grid-add-row-bg",
+                "value": "k-color(surface)",
                 "scope": "default",
                 "line": {
                     "start": 226,
@@ -38470,15 +38470,15 @@
             "resolvedType": "String"
         },
         {
-            "description": "The text color of Grid footer.\n",
+            "description": "The text color of Grid add row.\n",
             "commentRange": {
                 "start": 227,
                 "end": 228
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-grid-footer-text",
-                "value": "$kendo-grid-header-text",
+                "name": "kendo-grid-add-row-text",
+                "value": "k-color(on-app-surface)",
                 "scope": "default",
                 "line": {
                     "start": 229,
@@ -38497,15 +38497,15 @@
             "resolvedType": "String"
         },
         {
-            "description": "The border color of Grid footer.\n",
+            "description": "The border color of Grid add row.\n",
             "commentRange": {
                 "start": 230,
                 "end": 231
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-grid-footer-border",
-                "value": "$kendo-grid-header-border",
+                "name": "kendo-grid-add-row-border",
+                "value": "k-color(border)",
                 "scope": "default",
                 "line": {
                     "start": 232,
@@ -38524,15 +38524,15 @@
             "resolvedType": "String"
         },
         {
-            "description": "The background color of the Grid alternating rows.\n",
+            "description": "The background color of Grid footer.\n",
             "commentRange": {
                 "start": 234,
                 "end": 235
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-grid-alt-bg",
-                "value": "$kendo-table-alt-row-bg",
+                "name": "kendo-grid-footer-bg",
+                "value": "$kendo-grid-header-bg",
                 "scope": "default",
                 "line": {
                     "start": 236,
@@ -38547,14 +38547,95 @@
                 "path": "default/scss/grid/_variables.scss",
                 "name": "_variables.scss"
             },
+            "resolvedValue": "var(--kendo-color-surface)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The text color of Grid footer.\n",
+            "commentRange": {
+                "start": 237,
+                "end": 238
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-grid-footer-text",
+                "value": "$kendo-grid-header-text",
+                "scope": "default",
+                "line": {
+                    "start": 239,
+                    "end": 239
+                }
+            },
+            "group": [
+                "grid"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/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": 240,
+                "end": 241
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-grid-footer-border",
+                "value": "$kendo-grid-header-border",
+                "scope": "default",
+                "line": {
+                    "start": 242,
+                    "end": 242
+                }
+            },
+            "group": [
+                "grid"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/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": 244,
+                "end": 245
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-grid-alt-bg",
+                "value": "$kendo-table-alt-row-bg",
+                "scope": "default",
+                "line": {
+                    "start": 246,
+                    "end": 246
+                }
+            },
+            "group": [
+                "grid"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/grid/_variables.scss",
+                "name": "_variables.scss"
+            },
             "resolvedValue": "color-mix(in srgb, var(--kendo-color-on-app-surface) 5%, transparent)",
             "resolvedType": "String"
         },
         {
             "description": "The background color of hovered Grid rows.\n",
             "commentRange": {
-                "start": 238,
-                "end": 239
+                "start": 248,
+                "end": 249
             },
             "context": {
                 "type": "variable",
@@ -38562,8 +38643,8 @@
                 "value": "$kendo-table-hover-bg",
                 "scope": "default",
                 "line": {
-                    "start": 240,
-                    "end": 240
+                    "start": 250,
+                    "end": 250
                 }
             },
             "group": [
@@ -38580,8 +38661,8 @@
         {
             "description": "The text color of hovered Grid rows.\n",
             "commentRange": {
-                "start": 241,
-                "end": 242
+                "start": 251,
+                "end": 252
             },
             "context": {
                 "type": "variable",
@@ -38589,8 +38670,8 @@
                 "value": "$kendo-table-hover-text",
                 "scope": "default",
                 "line": {
-                    "start": 243,
-                    "end": 243
+                    "start": 253,
+                    "end": 253
                 }
             },
             "group": [
@@ -38607,8 +38688,8 @@
         {
             "description": "The background color of selected Grid rows.\n",
             "commentRange": {
-                "start": 245,
-                "end": 246
+                "start": 255,
+                "end": 256
             },
             "context": {
                 "type": "variable",
@@ -38616,8 +38697,8 @@
                 "value": "$kendo-table-selected-bg",
                 "scope": "default",
                 "line": {
-                    "start": 247,
-                    "end": 247
+                    "start": 257,
+                    "end": 257
                 }
             },
             "group": [
@@ -38634,8 +38715,8 @@
         {
             "description": "The text color of selected Grid rows.\n",
             "commentRange": {
-                "start": 248,
-                "end": 249
+                "start": 258,
+                "end": 259
             },
             "context": {
                 "type": "variable",
@@ -38643,8 +38724,8 @@
                 "value": "$kendo-table-selected-text",
                 "scope": "default",
                 "line": {
-                    "start": 250,
-                    "end": 250
+                    "start": 260,
+                    "end": 260
                 }
             },
             "group": [
@@ -38661,8 +38742,8 @@
         {
             "description": "The background color of highlighted Grid rows.\n",
             "commentRange": {
-                "start": 251,
-                "end": 252
+                "start": 261,
+                "end": 262
             },
             "context": {
                 "type": "variable",
@@ -38670,8 +38751,8 @@
                 "value": "$kendo-table-highlighted-bg",
                 "scope": "default",
                 "line": {
-                    "start": 253,
-                    "end": 253
+                    "start": 263,
+                    "end": 263
                 }
             },
             "group": [
@@ -38688,8 +38769,8 @@
         {
             "description": "The font weight of highlighted Grid rows.\n",
             "commentRange": {
-                "start": 254,
-                "end": 255
+                "start": 264,
+                "end": 265
             },
             "context": {
                 "type": "variable",
@@ -38697,8 +38778,8 @@
                 "value": "$kendo-table-highlighted-font-weight",
                 "scope": "default",
                 "line": {
-                    "start": 256,
-                    "end": 256
+                    "start": 266,
+                    "end": 266
                 }
             },
             "group": [
@@ -38715,8 +38796,8 @@
         {
             "description": "The background color of selected highlighted Grid rows.\n",
             "commentRange": {
-                "start": 258,
-                "end": 259
+                "start": 268,
+                "end": 269
             },
             "context": {
                 "type": "variable",
@@ -38724,8 +38805,8 @@
                 "value": "$kendo-table-selected-highlighted-bg",
                 "scope": "default",
                 "line": {
-                    "start": 260,
-                    "end": 260
+                    "start": 270,
+                    "end": 270
                 }
             },
             "group": [
@@ -38742,8 +38823,8 @@
         {
             "description": "The background color of the Grid selection aggregates container.\n",
             "commentRange": {
-                "start": 262,
-                "end": 263
+                "start": 272,
+                "end": 273
             },
             "context": {
                 "type": "variable",
@@ -38751,8 +38832,8 @@
                 "value": "$kendo-grid-header-bg",
                 "scope": "default",
                 "line": {
-                    "start": 264,
-                    "end": 264
+                    "start": 274,
+                    "end": 274
                 }
             },
             "group": [
@@ -38769,8 +38850,8 @@
         {
             "description": "The text color of the Grid selection aggregates container.\n",
             "commentRange": {
-                "start": 265,
-                "end": 266
+                "start": 275,
+                "end": 276
             },
             "context": {
                 "type": "variable",
@@ -38778,8 +38859,8 @@
                 "value": "$kendo-grid-text",
                 "scope": "default",
                 "line": {
-                    "start": 267,
-                    "end": 267
+                    "start": 277,
+                    "end": 277
                 }
             },
             "group": [
@@ -38796,8 +38877,8 @@
         {
             "description": "The border color of the Grid selection aggregates container.\n",
             "commentRange": {
-                "start": 268,
-                "end": 269
+                "start": 278,
+                "end": 279
             },
             "context": {
                 "type": "variable",
@@ -38805,8 +38886,8 @@
                 "value": "$kendo-grid-border",
                 "scope": "default",
                 "line": {
-                    "start": 270,
-                    "end": 270
+                    "start": 280,
+                    "end": 280
                 }
             },
             "group": [
@@ -38823,8 +38904,8 @@
         {
             "description": "The border width of the Grid selection aggregates container.\n",
             "commentRange": {
-                "start": 271,
-                "end": 272
+                "start": 281,
+                "end": 282
             },
             "context": {
                 "type": "variable",
@@ -38832,8 +38913,8 @@
                 "value": "$kendo-grid-border-width",
                 "scope": "default",
                 "line": {
-                    "start": 273,
-                    "end": 273
+                    "start": 283,
+                    "end": 283
                 }
             },
             "group": [
@@ -38850,8 +38931,8 @@
         {
             "description": "The spacing between the selection aggregates items.\n",
             "commentRange": {
-                "start": 274,
-                "end": 275
+                "start": 284,
+                "end": 285
             },
             "context": {
                 "type": "variable",
@@ -38859,8 +38940,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 276,
-                    "end": 276
+                    "start": 286,
+                    "end": 286
                 }
             },
             "group": [
@@ -38877,8 +38958,8 @@
         {
             "description": "The line height of the Grid selection aggregates container.\n",
             "commentRange": {
-                "start": 277,
-                "end": 278
+                "start": 287,
+                "end": 288
             },
             "context": {
                 "type": "variable",
@@ -38886,8 +38967,8 @@
                 "value": "$kendo-grid-line-height",
                 "scope": "default",
                 "line": {
-                    "start": 279,
-                    "end": 279
+                    "start": 289,
+                    "end": 289
                 }
             },
             "group": [
@@ -38904,8 +38985,8 @@
         {
             "description": "The font weight of the Grid selection aggregates container.\n",
             "commentRange": {
-                "start": 280,
-                "end": 281
+                "start": 290,
+                "end": 291
             },
             "context": {
                 "type": "variable",
@@ -38913,8 +38994,8 @@
                 "value": "var(--kendo-font-weight-bold)",
                 "scope": "default",
                 "line": {
-                    "start": 282,
-                    "end": 282
+                    "start": 292,
+                    "end": 292
                 }
             },
             "group": [
@@ -38931,8 +39012,8 @@
         {
             "description": "The background color of the Grid row.\n",
             "commentRange": {
-                "start": 284,
-                "end": 285
+                "start": 294,
+                "end": 295
             },
             "context": {
                 "type": "variable",
@@ -38940,8 +39021,8 @@
                 "value": "k-color(surface)",
                 "scope": "default",
                 "line": {
-                    "start": 286,
-                    "end": 286
+                    "start": 296,
+                    "end": 296
                 }
             },
             "group": [
@@ -38958,8 +39039,8 @@
         {
             "description": "The background color of the Grid grouping header.\n",
             "commentRange": {
-                "start": 288,
-                "end": 289
+                "start": 298,
+                "end": 299
             },
             "context": {
                 "type": "variable",
@@ -38967,8 +39048,8 @@
                 "value": "$kendo-grid-header-bg",
                 "scope": "default",
                 "line": {
-                    "start": 290,
-                    "end": 290
+                    "start": 300,
+                    "end": 300
                 }
             },
             "group": [
@@ -38985,8 +39066,8 @@
         {
             "description": "The text color of the Grid grouping header.\n",
             "commentRange": {
-                "start": 291,
-                "end": 292
+                "start": 301,
+                "end": 302
             },
             "context": {
                 "type": "variable",
@@ -38994,8 +39075,8 @@
                 "value": "$kendo-grid-header-text",
                 "scope": "default",
                 "line": {
-                    "start": 293,
-                    "end": 293
+                    "start": 303,
+                    "end": 303
                 }
             },
             "group": [
@@ -39012,8 +39093,8 @@
         {
             "description": "The border color of the Grid grouping header.\n",
             "commentRange": {
-                "start": 294,
-                "end": 295
+                "start": 304,
+                "end": 305
             },
             "context": {
                 "type": "variable",
@@ -39021,8 +39102,8 @@
                 "value": "$kendo-grid-header-border",
                 "scope": "default",
                 "line": {
-                    "start": 296,
-                    "end": 296
+                    "start": 306,
+                    "end": 306
                 }
             },
             "group": [
@@ -39039,8 +39120,8 @@
         {
             "description": "The text color of the Grid row.\n",
             "commentRange": {
-                "start": 297,
-                "end": 298
+                "start": 307,
+                "end": 308
             },
             "context": {
                 "type": "variable",
@@ -39048,8 +39129,8 @@
                 "value": "$kendo-grid-text",
                 "scope": "default",
                 "line": {
-                    "start": 299,
-                    "end": 299
+                    "start": 309,
+                    "end": 309
                 }
             },
             "group": [
@@ -39066,8 +39147,8 @@
         {
             "description": "The sorted icon spacing of the Grid.\n",
             "commentRange": {
-                "start": 301,
-                "end": 302
+                "start": 311,
+                "end": 312
             },
             "context": {
                 "type": "variable",
@@ -39075,8 +39156,8 @@
                 "value": "calc( #{k-spacing(2)} - 1px )",
                 "scope": "default",
                 "line": {
-                    "start": 303,
-                    "end": 303
+                    "start": 313,
+                    "end": 313
                 }
             },
             "group": [
@@ -39093,8 +39174,8 @@
         {
             "description": "The background color of the Grid.\n",
             "commentRange": {
-                "start": 304,
-                "end": 305
+                "start": 314,
+                "end": 315
             },
             "context": {
                 "type": "variable",
@@ -39102,8 +39183,8 @@
                 "value": "color-mix(in srgb, k-color(on-app-surface) 3%, transparent)",
                 "scope": "default",
                 "line": {
-                    "start": 306,
-                    "end": 306
+                    "start": 316,
+                    "end": 316
                 }
             },
             "group": [
@@ -39120,8 +39201,8 @@
         {
             "description": "The text color of the Grid.\n",
             "commentRange": {
-                "start": 307,
-                "end": 308
+                "start": 317,
+                "end": 318
             },
             "context": {
                 "type": "variable",
@@ -39129,8 +39210,8 @@
                 "value": "k-color(primary)",
                 "scope": "default",
                 "line": {
-                    "start": 309,
-                    "end": 309
+                    "start": 319,
+                    "end": 319
                 }
             },
             "group": [
@@ -39147,8 +39228,8 @@
         {
             "description": "The font size of the Grid.\n",
             "commentRange": {
-                "start": 310,
-                "end": 311
+                "start": 320,
+                "end": 321
             },
             "context": {
                 "type": "variable",
@@ -39156,8 +39237,8 @@
                 "value": "var(--kendo-font-size-sm)",
                 "scope": "default",
                 "line": {
-                    "start": 312,
-                    "end": 312
+                    "start": 322,
+                    "end": 322
                 }
             },
             "group": [
@@ -39174,8 +39255,8 @@
         {
             "description": "The spacing of the Grid.\n",
             "commentRange": {
-                "start": 313,
-                "end": 314
+                "start": 323,
+                "end": 324
             },
             "context": {
                 "type": "variable",
@@ -39183,8 +39264,8 @@
                 "value": "calc( #{$kendo-icon-spacing} / 2 )",
                 "scope": "default",
                 "line": {
-                    "start": 315,
-                    "end": 315
+                    "start": 325,
+                    "end": 325
                 }
             },
             "group": [
@@ -39201,8 +39282,8 @@
         {
             "description": "The vertical spacing of the Grid.\n",
             "commentRange": {
-                "start": 316,
-                "end": 317
+                "start": 326,
+                "end": 327
             },
             "context": {
                 "type": "variable",
@@ -39210,8 +39291,8 @@
                 "value": "calc( #{$kendo-grid-sorting-index-spacing-y} * -1)",
                 "scope": "default",
                 "line": {
-                    "start": 318,
-                    "end": 318
+                    "start": 328,
+                    "end": 328
                 }
             },
             "group": [
@@ -39228,8 +39309,8 @@
         {
             "description": "The shadow of the Grid.\n",
             "commentRange": {
-                "start": 321,
-                "end": 322
+                "start": 331,
+                "end": 332
             },
             "context": {
                 "type": "variable",
@@ -39237,8 +39318,8 @@
                 "value": "$kendo-table-focus-shadow",
                 "scope": "default",
                 "line": {
-                    "start": 323,
-                    "end": 323
+                    "start": 333,
+                    "end": 333
                 }
             },
             "group": [
@@ -39255,8 +39336,8 @@
         {
             "description": "The spacing of the Grid button.\n",
             "commentRange": {
-                "start": 325,
-                "end": 326
+                "start": 335,
+                "end": 336
             },
             "context": {
                 "type": "variable",
@@ -39264,8 +39345,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 327,
-                    "end": 327
+                    "start": 337,
+                    "end": 337
                 }
             },
             "group": [
@@ -39282,8 +39363,8 @@
         {
             "description": "The background color of the sticky content in the Grid.\n",
             "commentRange": {
-                "start": 330,
-                "end": 331
+                "start": 340,
+                "end": 341
             },
             "context": {
                 "type": "variable",
@@ -39291,8 +39372,8 @@
                 "value": "k-color(surface-alt)",
                 "scope": "default",
                 "line": {
-                    "start": 332,
-                    "end": 332
+                    "start": 342,
+                    "end": 342
                 }
             },
             "group": [
@@ -39309,8 +39390,8 @@
         {
             "description": "The background color of the hovered sticky content in the Grid.\n",
             "commentRange": {
-                "start": 333,
-                "end": 334
+                "start": 343,
+                "end": 344
             },
             "context": {
                 "type": "variable",
@@ -39318,8 +39399,8 @@
                 "value": "k-color(base-hover)",
                 "scope": "default",
                 "line": {
-                    "start": 335,
-                    "end": 335
+                    "start": 345,
+                    "end": 345
                 }
             },
             "group": [
@@ -39336,8 +39417,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",
@@ -39345,8 +39426,8 @@
                 "value": "k-color(base)",
                 "scope": "default",
                 "line": {
-                    "start": 338,
-                    "end": 338
+                    "start": 348,
+                    "end": 348
                 }
             },
             "group": [
@@ -39363,8 +39444,8 @@
         {
             "description": "The border color of the sticky content in the Grid.\n",
             "commentRange": {
-                "start": 340,
-                "end": 341
+                "start": 350,
+                "end": 351
             },
             "context": {
                 "type": "variable",
@@ -39372,8 +39453,8 @@
                 "value": "color-mix(in srgb, k-color(on-app-surface) 30%, transparent)",
                 "scope": "default",
                 "line": {
-                    "start": 342,
-                    "end": 342
+                    "start": 352,
+                    "end": 352
                 }
             },
             "group": [
@@ -39390,8 +39471,8 @@
         {
             "description": "The background color of the sticky header in the Grid.\n",
             "commentRange": {
-                "start": 344,
-                "end": 345
+                "start": 354,
+                "end": 355
             },
             "context": {
                 "type": "variable",
@@ -39399,8 +39480,8 @@
                 "value": "$kendo-grid-header-bg",
                 "scope": "default",
                 "line": {
-                    "start": 346,
-                    "end": 346
+                    "start": 356,
+                    "end": 356
                 }
             },
             "group": [
@@ -39417,8 +39498,8 @@
         {
             "description": "The text color of the sticky header in the Grid.\n",
             "commentRange": {
-                "start": 347,
-                "end": 348
+                "start": 357,
+                "end": 358
             },
             "context": {
                 "type": "variable",
@@ -39426,8 +39507,8 @@
                 "value": "$kendo-grid-header-text",
                 "scope": "default",
                 "line": {
-                    "start": 349,
-                    "end": 349
+                    "start": 359,
+                    "end": 359
                 }
             },
             "group": [
@@ -39444,8 +39525,8 @@
         {
             "description": "The border color of the sticky header in the Grid.\n",
             "commentRange": {
-                "start": 350,
-                "end": 351
+                "start": 360,
+                "end": 361
             },
             "context": {
                 "type": "variable",
@@ -39453,8 +39534,8 @@
                 "value": "$kendo-grid-sticky-border",
                 "scope": "default",
                 "line": {
-                    "start": 352,
-                    "end": 352
+                    "start": 362,
+                    "end": 362
                 }
             },
             "group": [
@@ -39471,8 +39552,8 @@
         {
             "description": "The background color of the sticky footer in the Grid.\n",
             "commentRange": {
-                "start": 354,
-                "end": 355
+                "start": 364,
+                "end": 365
             },
             "context": {
                 "type": "variable",
@@ -39480,8 +39561,8 @@
                 "value": "$kendo-grid-header-bg",
                 "scope": "default",
                 "line": {
-                    "start": 356,
-                    "end": 356
+                    "start": 366,
+                    "end": 366
                 }
             },
             "group": [
@@ -39498,8 +39579,8 @@
         {
             "description": "The box shadow of the sticky container in the Grid.\n",
             "commentRange": {
-                "start": 358,
-                "end": 359
+                "start": 368,
+                "end": 369
             },
             "context": {
                 "type": "variable",
@@ -39507,8 +39588,8 @@
                 "value": "0 2px 4px 0 rgba(0, 0, 0, 0.08)",
                 "scope": "default",
                 "line": {
-                    "start": 360,
-                    "end": 360
+                    "start": 370,
+                    "end": 370
                 }
             },
             "group": [
@@ -39525,8 +39606,8 @@
         {
             "description": "The box shadow of the sticky container positioned at the bottom in the Grid.\n",
             "commentRange": {
-                "start": 361,
-                "end": 362
+                "start": 371,
+                "end": 372
             },
             "context": {
                 "type": "variable",
@@ -39534,8 +39615,8 @@
                 "value": "0 -2px 4px 0 rgba(0, 0, 0, 0.08)",
                 "scope": "default",
                 "line": {
-                    "start": 363,
-                    "end": 363
+                    "start": 373,
+                    "end": 373
                 }
             },
             "group": [
@@ -39552,8 +39633,8 @@
         {
             "description": "The box shadow of the pinned container in the Grid.\n",
             "commentRange": {
-                "start": 365,
-                "end": 366
+                "start": 375,
+                "end": 376
             },
             "context": {
                 "type": "variable",
@@ -39561,8 +39642,8 @@
                 "value": "0 4px 8px 0 rgba(0, 0, 0, 0.08)",
                 "scope": "default",
                 "line": {
-                    "start": 367,
-                    "end": 367
+                    "start": 377,
+                    "end": 377
                 }
             },
             "group": [
@@ -39579,8 +39660,8 @@
         {
             "description": "The box shadow of the pinned container positioned at the bottom in the Grid.\n",
             "commentRange": {
-                "start": 368,
-                "end": 369
+                "start": 378,
+                "end": 379
             },
             "context": {
                 "type": "variable",
@@ -39588,8 +39669,8 @@
                 "value": "0 -4px 8px 0 rgba(0, 0, 0, 0.08)",
                 "scope": "default",
                 "line": {
-                    "start": 370,
-                    "end": 370
+                    "start": 380,
+                    "end": 380
                 }
             },
             "group": [
@@ -39606,8 +39687,8 @@
         {
             "description": "The width of the Grid column menu.\n",
             "commentRange": {
-                "start": 373,
-                "end": 374
+                "start": 383,
+                "end": 384
             },
             "context": {
                 "type": "variable",
@@ -39615,8 +39696,8 @@
                 "value": "230px",
                 "scope": "default",
                 "line": {
-                    "start": 375,
-                    "end": 375
+                    "start": 385,
+                    "end": 385
                 }
             },
             "group": [
@@ -39633,8 +39714,8 @@
         {
             "description": "The maximum width of the Grid column menu.\n",
             "commentRange": {
-                "start": 376,
-                "end": 377
+                "start": 386,
+                "end": 387
             },
             "context": {
                 "type": "variable",
@@ -39642,8 +39723,8 @@
                 "value": "320px",
                 "scope": "default",
                 "line": {
-                    "start": 378,
-                    "end": 378
+                    "start": 388,
+                    "end": 388
                 }
             },
             "group": [
@@ -39660,8 +39741,8 @@
         {
             "description": "The horizontal padding of the Grid popup.\n",
             "commentRange": {
-                "start": 381,
-                "end": 382
+                "start": 391,
+                "end": 392
             },
             "context": {
                 "type": "variable",
@@ -39669,8 +39750,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 383,
-                    "end": 383
+                    "start": 393,
+                    "end": 393
                 }
             },
             "group": [
@@ -39687,8 +39768,8 @@
         {
             "description": "The vertical padding of the Grid popup.\n",
             "commentRange": {
-                "start": 384,
-                "end": 385
+                "start": 394,
+                "end": 395
             },
             "context": {
                 "type": "variable",
@@ -39696,8 +39777,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 386,
-                    "end": 386
+                    "start": 396,
+                    "end": 396
                 }
             },
             "group": [
@@ -39714,8 +39795,8 @@
         {
             "description": "The horizontal padding of the Grid item.\n",
             "commentRange": {
-                "start": 388,
-                "end": 389
+                "start": 398,
+                "end": 399
             },
             "context": {
                 "type": "variable",
@@ -39723,8 +39804,8 @@
                 "value": "$kendo-menu-popup-md-item-padding-x",
                 "scope": "default",
                 "line": {
-                    "start": 390,
-                    "end": 390
+                    "start": 400,
+                    "end": 400
                 }
             },
             "group": [
@@ -39741,8 +39822,8 @@
         {
             "description": "The vertical padding of the Grid item.\n",
             "commentRange": {
-                "start": 391,
-                "end": 392
+                "start": 401,
+                "end": 402
             },
             "context": {
                 "type": "variable",
@@ -39750,8 +39831,8 @@
                 "value": "$kendo-menu-popup-md-item-padding-y",
                 "scope": "default",
                 "line": {
-                    "start": 393,
-                    "end": 393
+                    "start": 403,
+                    "end": 403
                 }
             },
             "group": [
@@ -39768,8 +39849,8 @@
         {
             "description": "The horizontal padding of the Grid item.\n",
             "commentRange": {
-                "start": 395,
-                "end": 396
+                "start": 405,
+                "end": 406
             },
             "context": {
                 "type": "variable",
@@ -39777,8 +39858,8 @@
                 "value": "$kendo-list-md-item-padding-x",
                 "scope": "default",
                 "line": {
-                    "start": 397,
-                    "end": 397
+                    "start": 407,
+                    "end": 407
                 }
             },
             "group": [
@@ -39795,8 +39876,8 @@
         {
             "description": "The vertical padding of the Grid item.\n",
             "commentRange": {
-                "start": 398,
-                "end": 399
+                "start": 408,
+                "end": 409
             },
             "context": {
                 "type": "variable",
@@ -39804,8 +39885,8 @@
                 "value": "$kendo-list-md-item-padding-y",
                 "scope": "default",
                 "line": {
-                    "start": 400,
-                    "end": 400
+                    "start": 410,
+                    "end": 410
                 }
             },
             "group": [
@@ -39822,8 +39903,8 @@
         {
             "description": "The horizontal padding of the Grid.\n",
             "commentRange": {
-                "start": 402,
-                "end": 403
+                "start": 412,
+                "end": 413
             },
             "context": {
                 "type": "variable",
@@ -39831,8 +39912,8 @@
                 "value": "k-spacing(0)",
                 "scope": "default",
                 "line": {
-                    "start": 404,
-                    "end": 404
+                    "start": 414,
+                    "end": 414
                 }
             },
             "group": [
@@ -39849,8 +39930,8 @@
         {
             "description": "The vertical padding of the Grid.\n",
             "commentRange": {
-                "start": 405,
-                "end": 406
+                "start": 415,
+                "end": 416
             },
             "context": {
                 "type": "variable",
@@ -39858,8 +39939,8 @@
                 "value": "k-spacing(1.5)",
                 "scope": "default",
                 "line": {
-                    "start": 407,
-                    "end": 407
+                    "start": 417,
+                    "end": 417
                 }
             },
             "group": [
@@ -39876,8 +39957,8 @@
         {
             "description": "The horizontal padding of the Grid header.\n",
             "commentRange": {
-                "start": 409,
-                "end": 410
+                "start": 419,
+                "end": 420
             },
             "context": {
                 "type": "variable",
@@ -39885,8 +39966,8 @@
                 "value": "$kendo-menu-popup-md-item-padding-x",
                 "scope": "default",
                 "line": {
-                    "start": 411,
-                    "end": 411
+                    "start": 421,
+                    "end": 421
                 }
             },
             "group": [
@@ -39903,8 +39984,8 @@
         {
             "description": "The vertical padding of the Grid header.\n",
             "commentRange": {
-                "start": 412,
-                "end": 413
+                "start": 422,
+                "end": 423
             },
             "context": {
                 "type": "variable",
@@ -39912,8 +39993,8 @@
                 "value": "$kendo-menu-popup-md-item-padding-y",
                 "scope": "default",
                 "line": {
-                    "start": 414,
-                    "end": 414
+                    "start": 424,
+                    "end": 424
                 }
             },
             "group": [
@@ -39930,8 +40011,8 @@
         {
             "description": "The font size of the Grid header.\n",
             "commentRange": {
-                "start": 416,
-                "end": 417
+                "start": 426,
+                "end": 427
             },
             "context": {
                 "type": "variable",
@@ -39939,8 +40020,8 @@
                 "value": "var(--kendo-font-size-sm)",
                 "scope": "default",
                 "line": {
-                    "start": 418,
-                    "end": 418
+                    "start": 428,
+                    "end": 428
                 }
             },
             "group": [
@@ -39957,8 +40038,8 @@
         {
             "description": "The height of the Grid header.\n",
             "commentRange": {
-                "start": 419,
-                "end": 420
+                "start": 429,
+                "end": 430
             },
             "context": {
                 "type": "variable",
@@ -39966,8 +40047,8 @@
                 "value": "var(--kendo-line-height)",
                 "scope": "default",
                 "line": {
-                    "start": 421,
-                    "end": 421
+                    "start": 431,
+                    "end": 431
                 }
             },
             "group": [
@@ -39984,8 +40065,8 @@
         {
             "description": "The text color of the Grid header.\n",
             "commentRange": {
-                "start": 422,
-                "end": 423
+                "start": 432,
+                "end": 433
             },
             "context": {
                 "type": "variable",
@@ -39993,8 +40074,8 @@
                 "value": "uppercase",
                 "scope": "default",
                 "line": {
-                    "start": 424,
-                    "end": 424
+                    "start": 434,
+                    "end": 434
                 }
             },
             "group": [
@@ -40011,8 +40092,8 @@
         {
             "description": "The width of the Grid header.\n",
             "commentRange": {
-                "start": 425,
-                "end": 426
+                "start": 435,
+                "end": 436
             },
             "context": {
                 "type": "variable",
@@ -40020,8 +40101,8 @@
                 "value": "1px",
                 "scope": "default",
                 "line": {
-                    "start": 427,
-                    "end": 427
+                    "start": 437,
+                    "end": 437
                 }
             },
             "group": [
@@ -40038,8 +40119,8 @@
         {
             "description": "The background color of the Grid header.\n",
             "commentRange": {
-                "start": 429,
-                "end": 430
+                "start": 439,
+                "end": 440
             },
             "context": {
                 "type": "variable",
@@ -40047,8 +40128,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 431,
-                    "end": 431
+                    "start": 441,
+                    "end": 441
                 }
             },
             "group": [
@@ -40065,8 +40146,8 @@
         {
             "description": "The text color of the Grid header.\n",
             "commentRange": {
-                "start": 432,
-                "end": 433
+                "start": 442,
+                "end": 443
             },
             "context": {
                 "type": "variable",
@@ -40074,8 +40155,8 @@
                 "value": "$kendo-popup-text",
                 "scope": "default",
                 "line": {
-                    "start": 434,
-                    "end": 434
+                    "start": 444,
+                    "end": 444
                 }
             },
             "group": [
@@ -40092,8 +40173,8 @@
         {
             "description": "The border color of the Grid header.\n",
             "commentRange": {
-                "start": 435,
-                "end": 436
+                "start": 445,
+                "end": 446
             },
             "context": {
                 "type": "variable",
@@ -40101,8 +40182,8 @@
                 "value": "$kendo-popup-border",
                 "scope": "default",
                 "line": {
-                    "start": 437,
-                    "end": 437
+                    "start": 447,
+                    "end": 447
                 }
             },
             "group": [
@@ -40119,8 +40200,8 @@
         {
             "description": "The horizontal padding of the Grid content.\n",
             "commentRange": {
-                "start": 439,
-                "end": 440
+                "start": 449,
+                "end": 450
             },
             "context": {
                 "type": "variable",
@@ -40128,8 +40209,8 @@
                 "value": "k-spacing(0)",
                 "scope": "default",
                 "line": {
-                    "start": 441,
-                    "end": 441
+                    "start": 451,
+                    "end": 451
                 }
             },
             "group": [
@@ -40146,8 +40227,8 @@
         {
             "description": "The vertical padding of the Grid content.\n",
             "commentRange": {
-                "start": 442,
-                "end": 443
+                "start": 452,
+                "end": 453
             },
             "context": {
                 "type": "variable",
@@ -40155,8 +40236,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 444,
-                    "end": 444
+                    "start": 454,
+                    "end": 454
                 }
             },
             "group": [
@@ -40173,8 +40254,8 @@
         {
             "description": "The background color of the Grid.\n",
             "commentRange": {
-                "start": 446,
-                "end": 447
+                "start": 456,
+                "end": 457
             },
             "context": {
                 "type": "variable",
@@ -40182,8 +40263,8 @@
                 "value": "k-color(surface)",
                 "scope": "default",
                 "line": {
-                    "start": 448,
-                    "end": 448
+                    "start": 458,
+                    "end": 458
                 }
             },
             "group": [
@@ -40200,8 +40281,8 @@
         {
             "description": "The width of the Grid cell.\n",
             "commentRange": {
-                "start": 450,
-                "end": 451
+                "start": 460,
+                "end": 461
             },
             "context": {
                 "type": "variable",
@@ -40209,8 +40290,8 @@
                 "value": "($kendo-icon-size * 2.25)",
                 "scope": "default",
                 "line": {
-                    "start": 452,
-                    "end": 452
+                    "start": 462,
+                    "end": 462
                 }
             },
             "group": [
@@ -40227,8 +40308,8 @@
         {
             "description": "The width of the Grid.\n",
             "commentRange": {
-                "start": 454,
-                "end": 455
+                "start": 464,
+                "end": 465
             },
             "context": {
                 "type": "variable",
@@ -40236,8 +40317,8 @@
                 "value": "($kendo-icon-size * 2)",
                 "scope": "default",
                 "line": {
-                    "start": 456,
-                    "end": 456
+                    "start": 466,
+                    "end": 466
                 }
             },
             "group": [
@@ -40254,8 +40335,8 @@
         {
             "description": "The grouping border top of the Grid row.\n",
             "commentRange": {
-                "start": 458,
-                "end": 459
+                "start": 468,
+                "end": 469
             },
             "context": {
                 "type": "variable",
@@ -40263,8 +40344,8 @@
                 "value": "1px",
                 "scope": "default",
                 "line": {
-                    "start": 460,
-                    "end": 460
+                    "start": 470,
+                    "end": 470
                 }
             },
             "group": [
@@ -40278,11 +40359,65 @@
             "resolvedValue": "1px",
             "resolvedType": "Number"
         },
+        {
+            "description": "The indent size for nested grouping rows.\n",
+            "commentRange": {
+                "start": 471,
+                "end": 472
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-grid-grouping-indent-size",
+                "value": "k-spacing(6)",
+                "scope": "default",
+                "line": {
+                    "start": 473,
+                    "end": 473
+                }
+            },
+            "group": [
+                "grid"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/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": 474,
+                "end": 475
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-grid-grouping-row-checkbox-margin-end",
+                "value": "k-spacing(3)",
+                "scope": "default",
+                "line": {
+                    "start": 476,
+                    "end": 476
+                }
+            },
+            "group": [
+                "grid"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/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": 461,
-                "end": 462
+                "start": 477,
+                "end": 478
             },
             "context": {
                 "type": "variable",
@@ -40290,8 +40425,8 @@
                 "value": "1px",
                 "scope": "default",
                 "line": {
-                    "start": 463,
-                    "end": 463
+                    "start": 479,
+                    "end": 479
                 }
             },
             "group": [
@@ -40308,8 +40443,8 @@
         {
             "description": "The background color of the Grid row resize indicator.\n",
             "commentRange": {
-                "start": 465,
-                "end": 466
+                "start": 481,
+                "end": 482
             },
             "context": {
                 "type": "variable",
@@ -40317,8 +40452,8 @@
                 "value": "color-mix(in srgb, k-color(on-base) 20%, transparent)",
                 "scope": "default",
                 "line": {
-                    "start": 467,
-                    "end": 467
+                    "start": 483,
+                    "end": 483
                 }
             },
             "group": [
@@ -40335,8 +40470,8 @@
         {
             "description": "The background color of the active Grid row resize indicator.\n",
             "commentRange": {
-                "start": 468,
-                "end": 469
+                "start": 484,
+                "end": 485
             },
             "context": {
                 "type": "variable",
@@ -40344,8 +40479,8 @@
                 "value": "k-color(primary)",
                 "scope": "default",
                 "line": {
-                    "start": 470,
-                    "end": 470
+                    "start": 486,
+                    "end": 486
                 }
             },
             "group": [
@@ -40362,8 +40497,8 @@
         {
             "description": "The height of the Grid row resize indicator.\n",
             "commentRange": {
-                "start": 471,
-                "end": 472
+                "start": 487,
+                "end": 488
             },
             "context": {
                 "type": "variable",
@@ -40371,8 +40506,8 @@
                 "value": "k-spacing(0.5)",
                 "scope": "default",
                 "line": {
-                    "start": 473,
-                    "end": 473
+                    "start": 489,
+                    "end": 489
                 }
             },
             "group": [
@@ -40389,8 +40524,8 @@
         {
             "description": "The horizontal padding of the Grid stack layout cells.\n",
             "commentRange": {
-                "start": 475,
-                "end": 476
+                "start": 491,
+                "end": 492
             },
             "context": {
                 "type": "variable",
@@ -40398,8 +40533,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 477,
-                    "end": 477
+                    "start": 493,
+                    "end": 493
                 }
             },
             "group": [
@@ -40416,8 +40551,8 @@
         {
             "description": "The vertical padding of the Grid stack layout cells.\n",
             "commentRange": {
-                "start": 478,
-                "end": 479
+                "start": 494,
+                "end": 495
             },
             "context": {
                 "type": "variable",
@@ -40425,8 +40560,8 @@
                 "value": "k-spacing(1.5)",
                 "scope": "default",
                 "line": {
-                    "start": 480,
-                    "end": 480
+                    "start": 496,
+                    "end": 496
                 }
             },
             "group": [
@@ -40443,8 +40578,8 @@
         {
             "description": "The column gap of the Grid stack layout.\n",
             "commentRange": {
-                "start": 482,
-                "end": 483
+                "start": 498,
+                "end": 499
             },
             "context": {
                 "type": "variable",
@@ -40452,8 +40587,8 @@
                 "value": "k-spacing(1)",
                 "scope": "default",
                 "line": {
-                    "start": 484,
-                    "end": 484
+                    "start": 500,
+                    "end": 500
                 }
             },
             "group": [
@@ -40470,8 +40605,8 @@
         {
             "description": "The column gap of the editable Grid stack layout.\n",
             "commentRange": {
-                "start": 485,
-                "end": 486
+                "start": 501,
+                "end": 502
             },
             "context": {
                 "type": "variable",
@@ -40479,8 +40614,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 487,
-                    "end": 487
+                    "start": 503,
+                    "end": 503
                 }
             },
             "group": [
@@ -40497,8 +40632,8 @@
         {
             "description": "The width of the hierarchy column in the Grid stack layout.\n",
             "commentRange": {
-                "start": 489,
-                "end": 490
+                "start": 505,
+                "end": 506
             },
             "context": {
                 "type": "variable",
@@ -40506,8 +40641,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 491,
-                    "end": 491
+                    "start": 507,
+                    "end": 507
                 }
             },
             "group": [
@@ -40524,8 +40659,8 @@
         {
             "description": "The font size of the Grid stack layout column header.\n",
             "commentRange": {
-                "start": 493,
-                "end": 494
+                "start": 509,
+                "end": 510
             },
             "context": {
                 "type": "variable",
@@ -40533,8 +40668,8 @@
                 "value": "var(--kendo-font-size-sm)",
                 "scope": "default",
                 "line": {
-                    "start": 495,
-                    "end": 495
+                    "start": 511,
+                    "end": 511
                 }
             },
             "group": [
@@ -40551,8 +40686,8 @@
         {
             "description": "The font weight of the Grid stack layout column header.\n",
             "commentRange": {
-                "start": 496,
-                "end": 497
+                "start": 512,
+                "end": 513
             },
             "context": {
                 "type": "variable",
@@ -40560,8 +40695,8 @@
                 "value": "var(--kendo-font-weight-bold)",
                 "scope": "default",
                 "line": {
-                    "start": 498,
-                    "end": 498
+                    "start": 514,
+                    "end": 514
                 }
             },
             "group": [
@@ -40578,8 +40713,8 @@
         {
             "description": "The height of the Grid stack layout expandable row shadow.\n",
             "commentRange": {
-                "start": 499,
-                "end": 500
+                "start": 515,
+                "end": 516
             },
             "context": {
                 "type": "variable",
@@ -40587,8 +40722,8 @@
                 "value": "k-spacing(2.5)",
                 "scope": "default",
                 "line": {
-                    "start": 501,
-                    "end": 501
+                    "start": 517,
+                    "end": 517
                 }
             },
             "group": [
@@ -40605,8 +40740,8 @@
         {
             "description": "The color of the Grid stack layout column header.\n",
             "commentRange": {
-                "start": 503,
-                "end": 504
+                "start": 519,
+                "end": 520
             },
             "context": {
                 "type": "variable",
@@ -40614,8 +40749,8 @@
                 "value": "k-color(subtle)",
                 "scope": "default",
                 "line": {
-                    "start": 505,
-                    "end": 505
+                    "start": 521,
+                    "end": 521
                 }
             },
             "group": [
@@ -40632,8 +40767,8 @@
         {
             "description": "The outline color of the Grid stack layout focused cell.\n",
             "commentRange": {
-                "start": 506,
-                "end": 507
+                "start": 522,
+                "end": 523
             },
             "context": {
                 "type": "variable",
@@ -40641,8 +40776,8 @@
                 "value": "color-mix(in srgb, k-color(on-app-surface) 12%, transparent)",
                 "scope": "default",
                 "line": {
-                    "start": 508,
-                    "end": 508
+                    "start": 524,
+                    "end": 524
                 }
             },
             "group": [
@@ -40659,8 +40794,8 @@
         {
             "description": "The Grid stack layout expandable row shadow.\n",
             "commentRange": {
-                "start": 509,
-                "end": 510
+                "start": 525,
+                "end": 526
             },
             "context": {
                 "type": "variable",
@@ -40668,8 +40803,8 @@
                 "value": "k-elevation(2)",
                 "scope": "default",
                 "line": {
-                    "start": 511,
-                    "end": 511
+                    "start": 527,
+                    "end": 527
                 }
             },
             "group": [
@@ -40686,8 +40821,8 @@
         {
             "description": "The font weight of the pinned source row in the Grid.\n",
             "commentRange": {
-                "start": 513,
-                "end": 514
+                "start": 529,
+                "end": 530
             },
             "context": {
                 "type": "variable",
@@ -40695,8 +40830,8 @@
                 "value": "var(--kendo-font-weight-bold)",
                 "scope": "default",
                 "line": {
-                    "start": 515,
-                    "end": 515
+                    "start": 531,
+                    "end": 531
                 }
             },
             "group": [
@@ -141014,15 +141149,15 @@
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The background color of Grid footer.\n",
+                    "description": "The background color of Grid add row.\n",
                     "commentRange": {
                         "start": 224,
                         "end": 225
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-grid-footer-bg",
-                        "value": "$kendo-grid-header-bg",
+                        "name": "kendo-grid-add-row-bg",
+                        "value": "k-color(surface)",
                         "scope": "default",
                         "line": {
                             "start": 226,
@@ -141041,15 +141176,15 @@
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The text color of Grid footer.\n",
+                    "description": "The text color of Grid add row.\n",
                     "commentRange": {
                         "start": 227,
                         "end": 228
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-grid-footer-text",
-                        "value": "$kendo-grid-header-text",
+                        "name": "kendo-grid-add-row-text",
+                        "value": "k-color(on-app-surface)",
                         "scope": "default",
                         "line": {
                             "start": 229,
@@ -141068,15 +141203,15 @@
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The border color of Grid footer.\n",
+                    "description": "The border color of Grid add row.\n",
                     "commentRange": {
                         "start": 230,
                         "end": 231
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-grid-footer-border",
-                        "value": "$kendo-grid-header-border",
+                        "name": "kendo-grid-add-row-border",
+                        "value": "k-color(border)",
                         "scope": "default",
                         "line": {
                             "start": 232,
@@ -141095,15 +141230,15 @@
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The background color of the Grid alternating rows.\n",
+                    "description": "The background color of Grid footer.\n",
                     "commentRange": {
                         "start": 234,
                         "end": 235
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-grid-alt-bg",
-                        "value": "$kendo-table-alt-row-bg",
+                        "name": "kendo-grid-footer-bg",
+                        "value": "$kendo-grid-header-bg",
                         "scope": "default",
                         "line": {
                             "start": 236,
@@ -141118,14 +141253,95 @@
                         "path": "default/scss/grid/_variables.scss",
                         "name": "_variables.scss"
                     },
+                    "resolvedValue": "var(--kendo-color-surface)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The text color of Grid footer.\n",
+                    "commentRange": {
+                        "start": 237,
+                        "end": 238
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-grid-footer-text",
+                        "value": "$kendo-grid-header-text",
+                        "scope": "default",
+                        "line": {
+                            "start": 239,
+                            "end": 239
+                        }
+                    },
+                    "group": [
+                        "grid"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/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": 240,
+                        "end": 241
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-grid-footer-border",
+                        "value": "$kendo-grid-header-border",
+                        "scope": "default",
+                        "line": {
+                            "start": 242,
+                            "end": 242
+                        }
+                    },
+                    "group": [
+                        "grid"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/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": 244,
+                        "end": 245
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-grid-alt-bg",
+                        "value": "$kendo-table-alt-row-bg",
+                        "scope": "default",
+                        "line": {
+                            "start": 246,
+                            "end": 246
+                        }
+                    },
+                    "group": [
+                        "grid"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/grid/_variables.scss",
+                        "name": "_variables.scss"
+                    },
                     "resolvedValue": "color-mix(in srgb, var(--kendo-color-on-app-surface) 5%, transparent)",
                     "resolvedType": "String"
                 },
                 {
                     "description": "The background color of hovered Grid rows.\n",
                     "commentRange": {
-                        "start": 238,
-                        "end": 239
+                        "start": 248,
+                        "end": 249
                     },
                     "context": {
                         "type": "variable",
@@ -141133,8 +141349,8 @@
                         "value": "$kendo-table-hover-bg",
                         "scope": "default",
                         "line": {
-                            "start": 240,
-                            "end": 240
+                            "start": 250,
+                            "end": 250
                         }
                     },
                     "group": [
@@ -141151,8 +141367,8 @@
                 {
                     "description": "The text color of hovered Grid rows.\n",
                     "commentRange": {
-                        "start": 241,
-                        "end": 242
+                        "start": 251,
+                        "end": 252
                     },
                     "context": {
                         "type": "variable",
@@ -141160,8 +141376,8 @@
                         "value": "$kendo-table-hover-text",
                         "scope": "default",
                         "line": {
-                            "start": 243,
-                            "end": 243
+                            "start": 253,
+                            "end": 253
                         }
                     },
                     "group": [
@@ -141178,8 +141394,8 @@
                 {
                     "description": "The background color of selected Grid rows.\n",
                     "commentRange": {
-                        "start": 245,
-                        "end": 246
+                        "start": 255,
+                        "end": 256
                     },
                     "context": {
                         "type": "variable",
@@ -141187,8 +141403,8 @@
                         "value": "$kendo-table-selected-bg",
                         "scope": "default",
                         "line": {
-                            "start": 247,
-                            "end": 247
+                            "start": 257,
+                            "end": 257
                         }
                     },
                     "group": [
@@ -141205,8 +141421,8 @@
                 {
                     "description": "The text color of selected Grid rows.\n",
                     "commentRange": {
-                        "start": 248,
-                        "end": 249
+                        "start": 258,
+                        "end": 259
                     },
                     "context": {
                         "type": "variable",
@@ -141214,8 +141430,8 @@
                         "value": "$kendo-table-selected-text",
                         "scope": "default",
                         "line": {
-                            "start": 250,
-                            "end": 250
+                            "start": 260,
+                            "end": 260
                         }
                     },
                     "group": [
@@ -141232,8 +141448,8 @@
                 {
                     "description": "The background color of highlighted Grid rows.\n",
                     "commentRange": {
-                        "start": 251,
-                        "end": 252
+                        "start": 261,
+                        "end": 262
                     },
                     "context": {
                         "type": "variable",
@@ -141241,8 +141457,8 @@
                         "value": "$kendo-table-highlighted-bg",
                         "scope": "default",
                         "line": {
-                            "start": 253,
-                            "end": 253
+                            "start": 263,
+                            "end": 263
                         }
                     },
                     "group": [
@@ -141259,8 +141475,8 @@
                 {
                     "description": "The font weight of highlighted Grid rows.\n",
                     "commentRange": {
-                        "start": 254,
-                        "end": 255
+                        "start": 264,
+                        "end": 265
                     },
                     "context": {
                         "type": "variable",
@@ -141268,8 +141484,8 @@
                         "value": "$kendo-table-highlighted-font-weight",
                         "scope": "default",
                         "line": {
-                            "start": 256,
-                            "end": 256
+                            "start": 266,
+                            "end": 266
                         }
                     },
                     "group": [
@@ -141286,8 +141502,8 @@
                 {
                     "description": "The background color of selected highlighted Grid rows.\n",
                     "commentRange": {
-                        "start": 258,
-                        "end": 259
+                        "start": 268,
+                        "end": 269
                     },
                     "context": {
                         "type": "variable",
@@ -141295,8 +141511,8 @@
                         "value": "$kendo-table-selected-highlighted-bg",
                         "scope": "default",
                         "line": {
-                            "start": 260,
-                            "end": 260
+                            "start": 270,
+                            "end": 270
                         }
                     },
                     "group": [
@@ -141313,8 +141529,8 @@
                 {
                     "description": "The background color of the Grid selection aggregates container.\n",
                     "commentRange": {
-                        "start": 262,
-                        "end": 263
+                        "start": 272,
+                        "end": 273
                     },
                     "context": {
                         "type": "variable",
@@ -141322,8 +141538,8 @@
                         "value": "$kendo-grid-header-bg",
                         "scope": "default",
                         "line": {
-                            "start": 264,
-                            "end": 264
+                            "start": 274,
+                            "end": 274
                         }
                     },
                     "group": [
@@ -141340,8 +141556,8 @@
                 {
                     "description": "The text color of the Grid selection aggregates container.\n",
                     "commentRange": {
-                        "start": 265,
-                        "end": 266
+                        "start": 275,
+                        "end": 276
                     },
                     "context": {
                         "type": "variable",
@@ -141349,8 +141565,8 @@
                         "value": "$kendo-grid-text",
                         "scope": "default",
                         "line": {
-                            "start": 267,
-                            "end": 267
+                            "start": 277,
+                            "end": 277
                         }
                     },
                     "group": [
@@ -141367,8 +141583,8 @@
                 {
                     "description": "The border color of the Grid selection aggregates container.\n",
                     "commentRange": {
-                        "start": 268,
-                        "end": 269
+                        "start": 278,
+                        "end": 279
                     },
                     "context": {
                         "type": "variable",
@@ -141376,8 +141592,8 @@
                         "value": "$kendo-grid-border",
                         "scope": "default",
                         "line": {
-                            "start": 270,
-                            "end": 270
+                            "start": 280,
+                            "end": 280
                         }
                     },
                     "group": [
@@ -141394,8 +141610,8 @@
                 {
                     "description": "The border width of the Grid selection aggregates container.\n",
                     "commentRange": {
-                        "start": 271,
-                        "end": 272
+                        "start": 281,
+                        "end": 282
                     },
                     "context": {
                         "type": "variable",
@@ -141403,8 +141619,8 @@
                         "value": "$kendo-grid-border-width",
                         "scope": "default",
                         "line": {
-                            "start": 273,
-                            "end": 273
+                            "start": 283,
+                            "end": 283
                         }
                     },
                     "group": [
@@ -141421,8 +141637,8 @@
                 {
                     "description": "The spacing between the selection aggregates items.\n",
                     "commentRange": {
-                        "start": 274,
-                        "end": 275
+                        "start": 284,
+                        "end": 285
                     },
                     "context": {
                         "type": "variable",
@@ -141430,8 +141646,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 276,
-                            "end": 276
+                            "start": 286,
+                            "end": 286
                         }
                     },
                     "group": [
@@ -141448,8 +141664,8 @@
                 {
                     "description": "The line height of the Grid selection aggregates container.\n",
                     "commentRange": {
-                        "start": 277,
-                        "end": 278
+                        "start": 287,
+                        "end": 288
                     },
                     "context": {
                         "type": "variable",
@@ -141457,8 +141673,8 @@
                         "value": "$kendo-grid-line-height",
                         "scope": "default",
                         "line": {
-                            "start": 279,
-                            "end": 279
+                            "start": 289,
+                            "end": 289
                         }
                     },
                     "group": [
@@ -141475,8 +141691,8 @@
                 {
                     "description": "The font weight of the Grid selection aggregates container.\n",
                     "commentRange": {
-                        "start": 280,
-                        "end": 281
+                        "start": 290,
+                        "end": 291
                     },
                     "context": {
                         "type": "variable",
@@ -141484,8 +141700,8 @@
                         "value": "var(--kendo-font-weight-bold)",
                         "scope": "default",
                         "line": {
-                            "start": 282,
-                            "end": 282
+                            "start": 292,
+                            "end": 292
                         }
                     },
                     "group": [
@@ -141502,8 +141718,8 @@
                 {
                     "description": "The background color of the Grid row.\n",
                     "commentRange": {
-                        "start": 284,
-                        "end": 285
+                        "start": 294,
+                        "end": 295
                     },
                     "context": {
                         "type": "variable",
@@ -141511,8 +141727,8 @@
                         "value": "k-color(surface)",
                         "scope": "default",
                         "line": {
-                            "start": 286,
-                            "end": 286
+                            "start": 296,
+                            "end": 296
                         }
                     },
                     "group": [
@@ -141529,8 +141745,8 @@
                 {
                     "description": "The background color of the Grid grouping header.\n",
                     "commentRange": {
-                        "start": 288,
-                        "end": 289
+                        "start": 298,
+                        "end": 299
                     },
                     "context": {
                         "type": "variable",
@@ -141538,8 +141754,8 @@
                         "value": "$kendo-grid-header-bg",
                         "scope": "default",
                         "line": {
-                            "start": 290,
-                            "end": 290
+                            "start": 300,
+                            "end": 300
                         }
                     },
                     "group": [
@@ -141556,8 +141772,8 @@
                 {
                     "description": "The text color of the Grid grouping header.\n",
                     "commentRange": {
-                        "start": 291,
-                        "end": 292
+                        "start": 301,
+                        "end": 302
                     },
                     "context": {
                         "type": "variable",
@@ -141565,8 +141781,8 @@
                         "value": "$kendo-grid-header-text",
                         "scope": "default",
                         "line": {
-                            "start": 293,
-                            "end": 293
+                            "start": 303,
+                            "end": 303
                         }
                     },
                     "group": [
@@ -141583,8 +141799,8 @@
                 {
                     "description": "The border color of the Grid grouping header.\n",
                     "commentRange": {
-                        "start": 294,
-                        "end": 295
+                        "start": 304,
+                        "end": 305
                     },
                     "context": {
                         "type": "variable",
@@ -141592,8 +141808,8 @@
                         "value": "$kendo-grid-header-border",
                         "scope": "default",
                         "line": {
-                            "start": 296,
-                            "end": 296
+                            "start": 306,
+                            "end": 306
                         }
                     },
                     "group": [
@@ -141610,8 +141826,8 @@
                 {
                     "description": "The text color of the Grid row.\n",
                     "commentRange": {
-                        "start": 297,
-                        "end": 298
+                        "start": 307,
+                        "end": 308
                     },
                     "context": {
                         "type": "variable",
@@ -141619,8 +141835,8 @@
                         "value": "$kendo-grid-text",
                         "scope": "default",
                         "line": {
-                            "start": 299,
-                            "end": 299
+                            "start": 309,
+                            "end": 309
                         }
                     },
                     "group": [
@@ -141637,8 +141853,8 @@
                 {
                     "description": "The sorted icon spacing of the Grid.\n",
                     "commentRange": {
-                        "start": 301,
-                        "end": 302
+                        "start": 311,
+                        "end": 312
                     },
                     "context": {
                         "type": "variable",
@@ -141646,8 +141862,8 @@
                         "value": "calc( #{k-spacing(2)} - 1px )",
                         "scope": "default",
                         "line": {
-                            "start": 303,
-                            "end": 303
+                            "start": 313,
+                            "end": 313
                         }
                     },
                     "group": [
@@ -141664,8 +141880,8 @@
                 {
                     "description": "The background color of the Grid.\n",
                     "commentRange": {
-                        "start": 304,
-                        "end": 305
+                        "start": 314,
+                        "end": 315
                     },
                     "context": {
                         "type": "variable",
@@ -141673,8 +141889,8 @@
                         "value": "color-mix(in srgb, k-color(on-app-surface) 3%, transparent)",
                         "scope": "default",
                         "line": {
-                            "start": 306,
-                            "end": 306
+                            "start": 316,
+                            "end": 316
                         }
                     },
                     "group": [
@@ -141691,8 +141907,8 @@
                 {
                     "description": "The text color of the Grid.\n",
                     "commentRange": {
-                        "start": 307,
-                        "end": 308
+                        "start": 317,
+                        "end": 318
                     },
                     "context": {
                         "type": "variable",
@@ -141700,8 +141916,8 @@
                         "value": "k-color(primary)",
                         "scope": "default",
                         "line": {
-                            "start": 309,
-                            "end": 309
+                            "start": 319,
+                            "end": 319
                         }
                     },
                     "group": [
@@ -141718,8 +141934,8 @@
                 {
                     "description": "The font size of the Grid.\n",
                     "commentRange": {
-                        "start": 310,
-                        "end": 311
+                        "start": 320,
+                        "end": 321
                     },
                     "context": {
                         "type": "variable",
@@ -141727,8 +141943,8 @@
                         "value": "var(--kendo-font-size-sm)",
                         "scope": "default",
                         "line": {
-                            "start": 312,
-                            "end": 312
+                            "start": 322,
+                            "end": 322
                         }
                     },
                     "group": [
@@ -141745,8 +141961,8 @@
                 {
                     "description": "The spacing of the Grid.\n",
                     "commentRange": {
-                        "start": 313,
-                        "end": 314
+                        "start": 323,
+                        "end": 324
                     },
                     "context": {
                         "type": "variable",
@@ -141754,8 +141970,8 @@
                         "value": "calc( #{$kendo-icon-spacing} / 2 )",
                         "scope": "default",
                         "line": {
-                            "start": 315,
-                            "end": 315
+                            "start": 325,
+                            "end": 325
                         }
                     },
                     "group": [
@@ -141772,8 +141988,8 @@
                 {
                     "description": "The vertical spacing of the Grid.\n",
                     "commentRange": {
-                        "start": 316,
-                        "end": 317
+                        "start": 326,
+                        "end": 327
                     },
                     "context": {
                         "type": "variable",
@@ -141781,8 +141997,8 @@
                         "value": "calc( #{$kendo-grid-sorting-index-spacing-y} * -1)",
                         "scope": "default",
                         "line": {
-                            "start": 318,
-                            "end": 318
+                            "start": 328,
+                            "end": 328
                         }
                     },
                     "group": [
@@ -141799,8 +142015,8 @@
                 {
                     "description": "The shadow of the Grid.\n",
                     "commentRange": {
-                        "start": 321,
-                        "end": 322
+                        "start": 331,
+                        "end": 332
                     },
                     "context": {
                         "type": "variable",
@@ -141808,8 +142024,8 @@
                         "value": "$kendo-table-focus-shadow",
                         "scope": "default",
                         "line": {
-                            "start": 323,
-                            "end": 323
+                            "start": 333,
+                            "end": 333
                         }
                     },
                     "group": [
@@ -141826,8 +142042,8 @@
                 {
                     "description": "The spacing of the Grid button.\n",
                     "commentRange": {
-                        "start": 325,
-                        "end": 326
+                        "start": 335,
+                        "end": 336
                     },
                     "context": {
                         "type": "variable",
@@ -141835,8 +142051,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 327,
-                            "end": 327
+                            "start": 337,
+                            "end": 337
                         }
                     },
                     "group": [
@@ -141853,8 +142069,8 @@
                 {
                     "description": "The background color of the sticky content in the Grid.\n",
                     "commentRange": {
-                        "start": 330,
-                        "end": 331
+                        "start": 340,
+                        "end": 341
                     },
                     "context": {
                         "type": "variable",
@@ -141862,8 +142078,8 @@
                         "value": "k-color(surface-alt)",
                         "scope": "default",
                         "line": {
-                            "start": 332,
-                            "end": 332
+                            "start": 342,
+                            "end": 342
                         }
                     },
                     "group": [
@@ -141880,8 +142096,8 @@
                 {
                     "description": "The background color of the hovered sticky content in the Grid.\n",
                     "commentRange": {
-                        "start": 333,
-                        "end": 334
+                        "start": 343,
+                        "end": 344
                     },
                     "context": {
                         "type": "variable",
@@ -141889,8 +142105,8 @@
                         "value": "k-color(base-hover)",
                         "scope": "default",
                         "line": {
-                            "start": 335,
-                            "end": 335
+                            "start": 345,
+                            "end": 345
                         }
                     },
                     "group": [
@@ -141907,8 +142123,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",
@@ -141916,8 +142132,8 @@
                         "value": "k-color(base)",
                         "scope": "default",
                         "line": {
-                            "start": 338,
-                            "end": 338
+                            "start": 348,
+                            "end": 348
                         }
                     },
                     "group": [
@@ -141934,8 +142150,8 @@
                 {
                     "description": "The border color of the sticky content in the Grid.\n",
                     "commentRange": {
-                        "start": 340,
-                        "end": 341
+                        "start": 350,
+                        "end": 351
                     },
                     "context": {
                         "type": "variable",
@@ -141943,8 +142159,8 @@
                         "value": "color-mix(in srgb, k-color(on-app-surface) 30%, transparent)",
                         "scope": "default",
                         "line": {
-                            "start": 342,
-                            "end": 342
+                            "start": 352,
+                            "end": 352
                         }
                     },
                     "group": [
@@ -141961,8 +142177,8 @@
                 {
                     "description": "The background color of the sticky header in the Grid.\n",
                     "commentRange": {
-                        "start": 344,
-                        "end": 345
+                        "start": 354,
+                        "end": 355
                     },
                     "context": {
                         "type": "variable",
@@ -141970,8 +142186,8 @@
                         "value": "$kendo-grid-header-bg",
                         "scope": "default",
                         "line": {
-                            "start": 346,
-                            "end": 346
+                            "start": 356,
+                            "end": 356
                         }
                     },
                     "group": [
@@ -141988,8 +142204,8 @@
                 {
                     "description": "The text color of the sticky header in the Grid.\n",
                     "commentRange": {
-                        "start": 347,
-                        "end": 348
+                        "start": 357,
+                        "end": 358
                     },
                     "context": {
                         "type": "variable",
@@ -141997,8 +142213,8 @@
                         "value": "$kendo-grid-header-text",
                         "scope": "default",
                         "line": {
-                            "start": 349,
-                            "end": 349
+                            "start": 359,
+                            "end": 359
                         }
                     },
                     "group": [
@@ -142015,8 +142231,8 @@
                 {
                     "description": "The border color of the sticky header in the Grid.\n",
                     "commentRange": {
-                        "start": 350,
-                        "end": 351
+                        "start": 360,
+                        "end": 361
                     },
                     "context": {
                         "type": "variable",
@@ -142024,8 +142240,8 @@
                         "value": "$kendo-grid-sticky-border",
                         "scope": "default",
                         "line": {
-                            "start": 352,
-                            "end": 352
+                            "start": 362,
+                            "end": 362
                         }
                     },
                     "group": [
@@ -142042,8 +142258,8 @@
                 {
                     "description": "The background color of the sticky footer in the Grid.\n",
                     "commentRange": {
-                        "start": 354,
-                        "end": 355
+                        "start": 364,
+                        "end": 365
                     },
                     "context": {
                         "type": "variable",
@@ -142051,8 +142267,8 @@
                         "value": "$kendo-grid-header-bg",
                         "scope": "default",
                         "line": {
-                            "start": 356,
-                            "end": 356
+                            "start": 366,
+                            "end": 366
                         }
                     },
                     "group": [
@@ -142069,8 +142285,8 @@
                 {
                     "description": "The box shadow of the sticky container in the Grid.\n",
                     "commentRange": {
-                        "start": 358,
-                        "end": 359
+                        "start": 368,
+                        "end": 369
                     },
                     "context": {
                         "type": "variable",
@@ -142078,8 +142294,8 @@
                         "value": "0 2px 4px 0 rgba(0, 0, 0, 0.08)",
                         "scope": "default",
                         "line": {
-                            "start": 360,
-                            "end": 360
+                            "start": 370,
+                            "end": 370
                         }
                     },
                     "group": [
@@ -142096,8 +142312,8 @@
                 {
                     "description": "The box shadow of the sticky container positioned at the bottom in the Grid.\n",
                     "commentRange": {
-                        "start": 361,
-                        "end": 362
+                        "start": 371,
+                        "end": 372
                     },
                     "context": {
                         "type": "variable",
@@ -142105,8 +142321,8 @@
                         "value": "0 -2px 4px 0 rgba(0, 0, 0, 0.08)",
                         "scope": "default",
                         "line": {
-                            "start": 363,
-                            "end": 363
+                            "start": 373,
+                            "end": 373
                         }
                     },
                     "group": [
@@ -142123,8 +142339,8 @@
                 {
                     "description": "The box shadow of the pinned container in the Grid.\n",
                     "commentRange": {
-                        "start": 365,
-                        "end": 366
+                        "start": 375,
+                        "end": 376
                     },
                     "context": {
                         "type": "variable",
@@ -142132,8 +142348,8 @@
                         "value": "0 4px 8px 0 rgba(0, 0, 0, 0.08)",
                         "scope": "default",
                         "line": {
-                            "start": 367,
-                            "end": 367
+                            "start": 377,
+                            "end": 377
                         }
                     },
                     "group": [
@@ -142150,8 +142366,8 @@
                 {
                     "description": "The box shadow of the pinned container positioned at the bottom in the Grid.\n",
                     "commentRange": {
-                        "start": 368,
-                        "end": 369
+                        "start": 378,
+                        "end": 379
                     },
                     "context": {
                         "type": "variable",
@@ -142159,8 +142375,8 @@
                         "value": "0 -4px 8px 0 rgba(0, 0, 0, 0.08)",
                         "scope": "default",
                         "line": {
-                            "start": 370,
-                            "end": 370
+                            "start": 380,
+                            "end": 380
                         }
                     },
                     "group": [
@@ -142177,8 +142393,8 @@
                 {
                     "description": "The width of the Grid column menu.\n",
                     "commentRange": {
-                        "start": 373,
-                        "end": 374
+                        "start": 383,
+                        "end": 384
                     },
                     "context": {
                         "type": "variable",
@@ -142186,8 +142402,8 @@
                         "value": "230px",
                         "scope": "default",
                         "line": {
-                            "start": 375,
-                            "end": 375
+                            "start": 385,
+                            "end": 385
                         }
                     },
                     "group": [
@@ -142204,8 +142420,8 @@
                 {
                     "description": "The maximum width of the Grid column menu.\n",
                     "commentRange": {
-                        "start": 376,
-                        "end": 377
+                        "start": 386,
+                        "end": 387
                     },
                     "context": {
                         "type": "variable",
@@ -142213,8 +142429,8 @@
                         "value": "320px",
                         "scope": "default",
                         "line": {
-                            "start": 378,
-                            "end": 378
+                            "start": 388,
+                            "end": 388
                         }
                     },
                     "group": [
@@ -142231,8 +142447,8 @@
                 {
                     "description": "The horizontal padding of the Grid popup.\n",
                     "commentRange": {
-                        "start": 381,
-                        "end": 382
+                        "start": 391,
+                        "end": 392
                     },
                     "context": {
                         "type": "variable",
@@ -142240,8 +142456,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 383,
-                            "end": 383
+                            "start": 393,
+                            "end": 393
                         }
                     },
                     "group": [
@@ -142258,8 +142474,8 @@
                 {
                     "description": "The vertical padding of the Grid popup.\n",
                     "commentRange": {
-                        "start": 384,
-                        "end": 385
+                        "start": 394,
+                        "end": 395
                     },
                     "context": {
                         "type": "variable",
@@ -142267,8 +142483,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 386,
-                            "end": 386
+                            "start": 396,
+                            "end": 396
                         }
                     },
                     "group": [
@@ -142285,8 +142501,8 @@
                 {
                     "description": "The horizontal padding of the Grid item.\n",
                     "commentRange": {
-                        "start": 388,
-                        "end": 389
+                        "start": 398,
+                        "end": 399
                     },
                     "context": {
                         "type": "variable",
@@ -142294,8 +142510,8 @@
                         "value": "$kendo-menu-popup-md-item-padding-x",
                         "scope": "default",
                         "line": {
-                            "start": 390,
-                            "end": 390
+                            "start": 400,
+                            "end": 400
                         }
                     },
                     "group": [
@@ -142312,8 +142528,8 @@
                 {
                     "description": "The vertical padding of the Grid item.\n",
                     "commentRange": {
-                        "start": 391,
-                        "end": 392
+                        "start": 401,
+                        "end": 402
                     },
                     "context": {
                         "type": "variable",
@@ -142321,8 +142537,8 @@
                         "value": "$kendo-menu-popup-md-item-padding-y",
                         "scope": "default",
                         "line": {
-                            "start": 393,
-                            "end": 393
+                            "start": 403,
+                            "end": 403
                         }
                     },
                     "group": [
@@ -142339,8 +142555,8 @@
                 {
                     "description": "The horizontal padding of the Grid item.\n",
                     "commentRange": {
-                        "start": 395,
-                        "end": 396
+                        "start": 405,
+                        "end": 406
                     },
                     "context": {
                         "type": "variable",
@@ -142348,8 +142564,8 @@
                         "value": "$kendo-list-md-item-padding-x",
                         "scope": "default",
                         "line": {
-                            "start": 397,
-                            "end": 397
+                            "start": 407,
+                            "end": 407
                         }
                     },
                     "group": [
@@ -142366,8 +142582,8 @@
                 {
                     "description": "The vertical padding of the Grid item.\n",
                     "commentRange": {
-                        "start": 398,
-                        "end": 399
+                        "start": 408,
+                        "end": 409
                     },
                     "context": {
                         "type": "variable",
@@ -142375,8 +142591,8 @@
                         "value": "$kendo-list-md-item-padding-y",
                         "scope": "default",
                         "line": {
-                            "start": 400,
-                            "end": 400
+                            "start": 410,
+                            "end": 410
                         }
                     },
                     "group": [
@@ -142393,8 +142609,8 @@
                 {
                     "description": "The horizontal padding of the Grid.\n",
                     "commentRange": {
-                        "start": 402,
-                        "end": 403
+                        "start": 412,
+                        "end": 413
                     },
                     "context": {
                         "type": "variable",
@@ -142402,8 +142618,8 @@
                         "value": "k-spacing(0)",
                         "scope": "default",
                         "line": {
-                            "start": 404,
-                            "end": 404
+                            "start": 414,
+                            "end": 414
                         }
                     },
                     "group": [
@@ -142420,8 +142636,8 @@
                 {
                     "description": "The vertical padding of the Grid.\n",
                     "commentRange": {
-                        "start": 405,
-                        "end": 406
+                        "start": 415,
+                        "end": 416
                     },
                     "context": {
                         "type": "variable",
@@ -142429,8 +142645,8 @@
                         "value": "k-spacing(1.5)",
                         "scope": "default",
                         "line": {
-                            "start": 407,
-                            "end": 407
+                            "start": 417,
+                            "end": 417
                         }
                     },
                     "group": [
@@ -142447,8 +142663,8 @@
                 {
                     "description": "The horizontal padding of the Grid header.\n",
                     "commentRange": {
-                        "start": 409,
-                        "end": 410
+                        "start": 419,
+                        "end": 420
                     },
                     "context": {
                         "type": "variable",
@@ -142456,8 +142672,8 @@
                         "value": "$kendo-menu-popup-md-item-padding-x",
                         "scope": "default",
                         "line": {
-                            "start": 411,
-                            "end": 411
+                            "start": 421,
+                            "end": 421
                         }
                     },
                     "group": [
@@ -142474,8 +142690,8 @@
                 {
                     "description": "The vertical padding of the Grid header.\n",
                     "commentRange": {
-                        "start": 412,
-                        "end": 413
+                        "start": 422,
+                        "end": 423
                     },
                     "context": {
                         "type": "variable",
@@ -142483,8 +142699,8 @@
                         "value": "$kendo-menu-popup-md-item-padding-y",
                         "scope": "default",
                         "line": {
-                            "start": 414,
-                            "end": 414
+                            "start": 424,
+                            "end": 424
                         }
                     },
                     "group": [
@@ -142501,8 +142717,8 @@
                 {
                     "description": "The font size of the Grid header.\n",
                     "commentRange": {
-                        "start": 416,
-                        "end": 417
+                        "start": 426,
+                        "end": 427
                     },
                     "context": {
                         "type": "variable",
@@ -142510,8 +142726,8 @@
                         "value": "var(--kendo-font-size-sm)",
                         "scope": "default",
                         "line": {
-                            "start": 418,
-                            "end": 418
+                            "start": 428,
+                            "end": 428
                         }
                     },
                     "group": [
@@ -142528,8 +142744,8 @@
                 {
                     "description": "The height of the Grid header.\n",
                     "commentRange": {
-                        "start": 419,
-                        "end": 420
+                        "start": 429,
+                        "end": 430
                     },
                     "context": {
                         "type": "variable",
@@ -142537,8 +142753,8 @@
                         "value": "var(--kendo-line-height)",
                         "scope": "default",
                         "line": {
-                            "start": 421,
-                            "end": 421
+                            "start": 431,
+                            "end": 431
                         }
                     },
                     "group": [
@@ -142555,8 +142771,8 @@
                 {
                     "description": "The text color of the Grid header.\n",
                     "commentRange": {
-                        "start": 422,
-                        "end": 423
+                        "start": 432,
+                        "end": 433
                     },
                     "context": {
                         "type": "variable",
@@ -142564,8 +142780,8 @@
                         "value": "uppercase",
                         "scope": "default",
                         "line": {
-                            "start": 424,
-                            "end": 424
+                            "start": 434,
+                            "end": 434
                         }
                     },
                     "group": [
@@ -142582,8 +142798,8 @@
                 {
                     "description": "The width of the Grid header.\n",
                     "commentRange": {
-                        "start": 425,
-                        "end": 426
+                        "start": 435,
+                        "end": 436
                     },
                     "context": {
                         "type": "variable",
@@ -142591,8 +142807,8 @@
                         "value": "1px",
                         "scope": "default",
                         "line": {
-                            "start": 427,
-                            "end": 427
+                            "start": 437,
+                            "end": 437
                         }
                     },
                     "group": [
@@ -142609,8 +142825,8 @@
                 {
                     "description": "The background color of the Grid header.\n",
                     "commentRange": {
-                        "start": 429,
-                        "end": 430
+                        "start": 439,
+                        "end": 440
                     },
                     "context": {
                         "type": "variable",
@@ -142618,8 +142834,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 431,
-                            "end": 431
+                            "start": 441,
+                            "end": 441
                         }
                     },
                     "group": [
@@ -142636,8 +142852,8 @@
                 {
                     "description": "The text color of the Grid header.\n",
                     "commentRange": {
-                        "start": 432,
-                        "end": 433
+                        "start": 442,
+                        "end": 443
                     },
                     "context": {
                         "type": "variable",
@@ -142645,8 +142861,8 @@
                         "value": "$kendo-popup-text",
                         "scope": "default",
                         "line": {
-                            "start": 434,
-                            "end": 434
+                            "start": 444,
+                            "end": 444
                         }
                     },
                     "group": [
@@ -142663,8 +142879,8 @@
                 {
                     "description": "The border color of the Grid header.\n",
                     "commentRange": {
-                        "start": 435,
-                        "end": 436
+                        "start": 445,
+                        "end": 446
                     },
                     "context": {
                         "type": "variable",
@@ -142672,8 +142888,8 @@
                         "value": "$kendo-popup-border",
                         "scope": "default",
                         "line": {
-                            "start": 437,
-                            "end": 437
+                            "start": 447,
+                            "end": 447
                         }
                     },
                     "group": [
@@ -142690,8 +142906,8 @@
                 {
                     "description": "The horizontal padding of the Grid content.\n",
                     "commentRange": {
-                        "start": 439,
-                        "end": 440
+                        "start": 449,
+                        "end": 450
                     },
                     "context": {
                         "type": "variable",
@@ -142699,8 +142915,8 @@
                         "value": "k-spacing(0)",
                         "scope": "default",
                         "line": {
-                            "start": 441,
-                            "end": 441
+                            "start": 451,
+                            "end": 451
                         }
                     },
                     "group": [
@@ -142717,8 +142933,8 @@
                 {
                     "description": "The vertical padding of the Grid content.\n",
                     "commentRange": {
-                        "start": 442,
-                        "end": 443
+                        "start": 452,
+                        "end": 453
                     },
                     "context": {
                         "type": "variable",
@@ -142726,8 +142942,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 444,
-                            "end": 444
+                            "start": 454,
+                            "end": 454
                         }
                     },
                     "group": [
@@ -142744,8 +142960,8 @@
                 {
                     "description": "The background color of the Grid.\n",
                     "commentRange": {
-                        "start": 446,
-                        "end": 447
+                        "start": 456,
+                        "end": 457
                     },
                     "context": {
                         "type": "variable",
@@ -142753,8 +142969,8 @@
                         "value": "k-color(surface)",
                         "scope": "default",
                         "line": {
-                            "start": 448,
-                            "end": 448
+                            "start": 458,
+                            "end": 458
                         }
                     },
                     "group": [
@@ -142771,8 +142987,8 @@
                 {
                     "description": "The width of the Grid cell.\n",
                     "commentRange": {
-                        "start": 450,
-                        "end": 451
+                        "start": 460,
+                        "end": 461
                     },
                     "context": {
                         "type": "variable",
@@ -142780,8 +142996,8 @@
                         "value": "($kendo-icon-size * 2.25)",
                         "scope": "default",
                         "line": {
-                            "start": 452,
-                            "end": 452
+                            "start": 462,
+                            "end": 462
                         }
                     },
                     "group": [
@@ -142798,8 +143014,8 @@
                 {
                     "description": "The width of the Grid.\n",
                     "commentRange": {
-                        "start": 454,
-                        "end": 455
+                        "start": 464,
+                        "end": 465
                     },
                     "context": {
                         "type": "variable",
@@ -142807,8 +143023,8 @@
                         "value": "($kendo-icon-size * 2)",
                         "scope": "default",
                         "line": {
-                            "start": 456,
-                            "end": 456
+                            "start": 466,
+                            "end": 466
                         }
                     },
                     "group": [
@@ -142825,8 +143041,8 @@
                 {
                     "description": "The grouping border top of the Grid row.\n",
                     "commentRange": {
-                        "start": 458,
-                        "end": 459
+                        "start": 468,
+                        "end": 469
                     },
                     "context": {
                         "type": "variable",
@@ -142834,8 +143050,8 @@
                         "value": "1px",
                         "scope": "default",
                         "line": {
-                            "start": 460,
-                            "end": 460
+                            "start": 470,
+                            "end": 470
                         }
                     },
                     "group": [
@@ -142849,11 +143065,65 @@
                     "resolvedValue": "1px",
                     "resolvedType": "Number"
                 },
+                {
+                    "description": "The indent size for nested grouping rows.\n",
+                    "commentRange": {
+                        "start": 471,
+                        "end": 472
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-grid-grouping-indent-size",
+                        "value": "k-spacing(6)",
+                        "scope": "default",
+                        "line": {
+                            "start": 473,
+                            "end": 473
+                        }
+                    },
+                    "group": [
+                        "grid"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/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": 474,
+                        "end": 475
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-grid-grouping-row-checkbox-margin-end",
+                        "value": "k-spacing(3)",
+                        "scope": "default",
+                        "line": {
+                            "start": 476,
+                            "end": 476
+                        }
+                    },
+                    "group": [
+                        "grid"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/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": 461,
-                        "end": 462
+                        "start": 477,
+                        "end": 478
                     },
                     "context": {
                         "type": "variable",
@@ -142861,8 +143131,8 @@
                         "value": "1px",
                         "scope": "default",
                         "line": {
-                            "start": 463,
-                            "end": 463
+                            "start": 479,
+                            "end": 479
                         }
                     },
                     "group": [
@@ -142879,8 +143149,8 @@
                 {
                     "description": "The background color of the Grid row resize indicator.\n",
                     "commentRange": {
-                        "start": 465,
-                        "end": 466
+                        "start": 481,
+                        "end": 482
                     },
                     "context": {
                         "type": "variable",
@@ -142888,8 +143158,8 @@
                         "value": "color-mix(in srgb, k-color(on-base) 20%, transparent)",
                         "scope": "default",
                         "line": {
-                            "start": 467,
-                            "end": 467
+                            "start": 483,
+                            "end": 483
                         }
                     },
                     "group": [
@@ -142906,8 +143176,8 @@
                 {
                     "description": "The background color of the active Grid row resize indicator.\n",
                     "commentRange": {
-                        "start": 468,
-                        "end": 469
+                        "start": 484,
+                        "end": 485
                     },
                     "context": {
                         "type": "variable",
@@ -142915,8 +143185,8 @@
                         "value": "k-color(primary)",
                         "scope": "default",
                         "line": {
-                            "start": 470,
-                            "end": 470
+                            "start": 486,
+                            "end": 486
                         }
                     },
                     "group": [
@@ -142933,8 +143203,8 @@
                 {
                     "description": "The height of the Grid row resize indicator.\n",
                     "commentRange": {
-                        "start": 471,
-                        "end": 472
+                        "start": 487,
+                        "end": 488
                     },
                     "context": {
                         "type": "variable",
@@ -142942,8 +143212,8 @@
                         "value": "k-spacing(0.5)",
                         "scope": "default",
                         "line": {
-                            "start": 473,
-                            "end": 473
+                            "start": 489,
+                            "end": 489
                         }
                     },
                     "group": [
@@ -142960,8 +143230,8 @@
                 {
                     "description": "The horizontal padding of the Grid stack layout cells.\n",
                     "commentRange": {
-                        "start": 475,
-                        "end": 476
+                        "start": 491,
+                        "end": 492
                     },
                     "context": {
                         "type": "variable",
@@ -142969,8 +143239,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 477,
-                            "end": 477
+                            "start": 493,
+                            "end": 493
                         }
                     },
                     "group": [
@@ -142987,8 +143257,8 @@
                 {
                     "description": "The vertical padding of the Grid stack layout cells.\n",
                     "commentRange": {
-                        "start": 478,
-                        "end": 479
+                        "start": 494,
+                        "end": 495
                     },
                     "context": {
                         "type": "variable",
@@ -142996,8 +143266,8 @@
                         "value": "k-spacing(1.5)",
                         "scope": "default",
                         "line": {
-                            "start": 480,
-                            "end": 480
+                            "start": 496,
+                            "end": 496
                         }
                     },
                     "group": [
@@ -143014,8 +143284,8 @@
                 {
                     "description": "The column gap of the Grid stack layout.\n",
                     "commentRange": {
-                        "start": 482,
-                        "end": 483
+                        "start": 498,
+                        "end": 499
                     },
                     "context": {
                         "type": "variable",
@@ -143023,8 +143293,8 @@
                         "value": "k-spacing(1)",
                         "scope": "default",
                         "line": {
-                            "start": 484,
-                            "end": 484
+                            "start": 500,
+                            "end": 500
                         }
                     },
                     "group": [
@@ -143041,8 +143311,8 @@
                 {
                     "description": "The column gap of the editable Grid stack layout.\n",
                     "commentRange": {
-                        "start": 485,
-                        "end": 486
+                        "start": 501,
+                        "end": 502
                     },
                     "context": {
                         "type": "variable",
@@ -143050,8 +143320,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 487,
-                            "end": 487
+                            "start": 503,
+                            "end": 503
                         }
                     },
                     "group": [
@@ -143068,8 +143338,8 @@
                 {
                     "description": "The width of the hierarchy column in the Grid stack layout.\n",
                     "commentRange": {
-                        "start": 489,
-                        "end": 490
+                        "start": 505,
+                        "end": 506
                     },
                     "context": {
                         "type": "variable",
@@ -143077,8 +143347,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 491,
-                            "end": 491
+                            "start": 507,
+                            "end": 507
                         }
                     },
                     "group": [
@@ -143095,8 +143365,8 @@
                 {
                     "description": "The font size of the Grid stack layout column header.\n",
                     "commentRange": {
-                        "start": 493,
-                        "end": 494
+                        "start": 509,
+                        "end": 510
                     },
                     "context": {
                         "type": "variable",
@@ -143104,8 +143374,8 @@
                         "value": "var(--kendo-font-size-sm)",
                         "scope": "default",
                         "line": {
-                            "start": 495,
-                            "end": 495
+                            "start": 511,
+                            "end": 511
                         }
                     },
                     "group": [
@@ -143122,8 +143392,8 @@
                 {
                     "description": "The font weight of the Grid stack layout column header.\n",
                     "commentRange": {
-                        "start": 496,
-                        "end": 497
+                        "start": 512,
+                        "end": 513
                     },
                     "context": {
                         "type": "variable",
@@ -143131,8 +143401,8 @@
                         "value": "var(--kendo-font-weight-bold)",
                         "scope": "default",
                         "line": {
-                            "start": 498,
-                            "end": 498
+                            "start": 514,
+                            "end": 514
                         }
                     },
                     "group": [
@@ -143149,8 +143419,8 @@
                 {
                     "description": "The height of the Grid stack layout expandable row shadow.\n",
                     "commentRange": {
-                        "start": 499,
-                        "end": 500
+                        "start": 515,
+                        "end": 516
                     },
                     "context": {
                         "type": "variable",
@@ -143158,8 +143428,8 @@
                         "value": "k-spacing(2.5)",
                         "scope": "default",
                         "line": {
-                            "start": 501,
-                            "end": 501
+                            "start": 517,
+                            "end": 517
                         }
                     },
                     "group": [
@@ -143176,8 +143446,8 @@
                 {
                     "description": "The color of the Grid stack layout column header.\n",
                     "commentRange": {
-                        "start": 503,
-                        "end": 504
+                        "start": 519,
+                        "end": 520
                     },
                     "context": {
                         "type": "variable",
@@ -143185,8 +143455,8 @@
                         "value": "k-color(subtle)",
                         "scope": "default",
                         "line": {
-                            "start": 505,
-                            "end": 505
+                            "start": 521,
+                            "end": 521
                         }
                     },
                     "group": [
@@ -143203,8 +143473,8 @@
                 {
                     "description": "The outline color of the Grid stack layout focused cell.\n",
                     "commentRange": {
-                        "start": 506,
-                        "end": 507
+                        "start": 522,
+                        "end": 523
                     },
                     "context": {
                         "type": "variable",
@@ -143212,8 +143482,8 @@
                         "value": "color-mix(in srgb, k-color(on-app-surface) 12%, transparent)",
                         "scope": "default",
                         "line": {
-                            "start": 508,
-                            "end": 508
+                            "start": 524,
+                            "end": 524
                         }
                     },
                     "group": [
@@ -143230,8 +143500,8 @@
                 {
                     "description": "The Grid stack layout expandable row shadow.\n",
                     "commentRange": {
-                        "start": 509,
-                        "end": 510
+                        "start": 525,
+                        "end": 526
                     },
                     "context": {
                         "type": "variable",
@@ -143239,8 +143509,8 @@
                         "value": "k-elevation(2)",
                         "scope": "default",
                         "line": {
-                            "start": 511,
-                            "end": 511
+                            "start": 527,
+                            "end": 527
                         }
                     },
                     "group": [
@@ -143257,8 +143527,8 @@
                 {
                     "description": "The font weight of the pinned source row in the Grid.\n",
                     "commentRange": {
-                        "start": 513,
-                        "end": 514
+                        "start": 529,
+                        "end": 530
                     },
                     "context": {
                         "type": "variable",
@@ -143266,8 +143536,8 @@
                         "value": "var(--kendo-font-weight-bold)",
                         "scope": "default",
                         "line": {
-                            "start": 515,
-                            "end": 515
+                            "start": 531,
+                            "end": 531
                         }
                     },
                     "group": [