@progress/kendo-theme-bootstrap 13.2.0-dev.2 → 13.2.0-dev.3

package/dist/meta/sassdoc-data.json

@@ -2304,7 +2304,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-adaptive-menu-clear-text",
-                "value": "k-color(primary)",
+                "value": "k-color(primary-on-surface)",
                 "scope": "default",
                 "line": {
                     "start": 30,
@@ -2319,7 +2319,7 @@
                 "path": "bootstrap/scss/adaptive/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-primary)",
+            "resolvedValue": "var(--kendo-color-primary-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -2493,7 +2493,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-adaptive-grid-sort-text",
-                "value": "k-color(primary)",
+                "value": "k-color(primary-on-surface)",
                 "scope": "default",
                 "line": {
                     "start": 55,
@@ -2508,7 +2508,7 @@
                 "path": "bootstrap/scss/adaptive/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-primary)",
+            "resolvedValue": "var(--kendo-color-primary-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -2520,7 +2520,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-adaptive-scheduler-current-text",
-                "value": "k-color(primary)",
+                "value": "k-color(primary-on-surface)",
                 "scope": "default",
                 "line": {
                     "start": 60,
@@ -2535,7 +2535,7 @@
                 "path": "bootstrap/scss/adaptive/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-primary)",
+            "resolvedValue": "var(--kendo-color-primary-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -5553,7 +5553,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-breadcrumb-link-text",
-                "value": "k-color(primary)",
+                "value": "k-color(primary-on-surface)",
                 "scope": "default",
                 "line": {
                     "start": 130,
@@ -5568,7 +5568,7 @@
                 "path": "bootstrap/scss/breadcrumb/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-primary)",
+            "resolvedValue": "var(--kendo-color-primary-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -5634,7 +5634,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-breadcrumb-link-hover-text",
-                "value": "k-color(primary-hover)",
+                "value": "k-color(primary-on-surface)",
                 "scope": "default",
                 "line": {
                     "start": 140,
@@ -5649,7 +5649,7 @@
                 "path": "bootstrap/scss/breadcrumb/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-primary-hover)",
+            "resolvedValue": "var(--kendo-color-primary-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -5730,7 +5730,7 @@
                 "path": "bootstrap/scss/breadcrumb/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-primary)",
+            "resolvedValue": "var(--kendo-color-primary-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -26089,7 +26089,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-group-menu-item-add-action-text",
-                "value": "k-color(primary)",
+                "value": "k-color(primary-on-surface)",
                 "scope": "default",
                 "line": {
                     "start": 69,
@@ -26104,7 +26104,7 @@
                 "path": "bootstrap/scss/column-menu/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-primary)",
+            "resolvedValue": "var(--kendo-color-primary-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -30804,7 +30804,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-expander-title-text",
-                "value": "k-color(primary)",
+                "value": "k-color(primary-on-surface)",
                 "scope": "default",
                 "line": {
                     "start": 65,
@@ -30819,7 +30819,7 @@
                 "path": "bootstrap/scss/expansion-panel/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-primary)",
+            "resolvedValue": "var(--kendo-color-primary-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -32964,7 +32964,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-filter-preview-field-text",
-                "value": "k-color(primary)",
+                "value": "k-color(primary-on-surface)",
                 "scope": "default",
                 "line": {
                     "start": 25,
@@ -32979,7 +32979,7 @@
                 "path": "bootstrap/scss/filter/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-primary)",
+            "resolvedValue": "var(--kendo-color-primary-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -39561,38 +39561,11 @@
             "resolvedValue": "color-mix(in srgb, var(--kendo-color-on-app-surface) 4%, transparent)",
             "resolvedType": "String"
         },
-        {
-            "description": "The text color of the Grid alternating rows.\n",
-            "commentRange": {
-                "start": 236,
-                "end": 237
-            },
-            "context": {
-                "type": "variable",
-                "name": "kendo-grid-alt-text",
-                "value": "$kendo-table-alt-row-text",
-                "scope": "default",
-                "line": {
-                    "start": 238,
-                    "end": 238
-                }
-            },
-            "group": [
-                "grid"
-            ],
-            "access": "public",
-            "file": {
-                "path": "bootstrap/scss/grid/_variables.scss",
-                "name": "_variables.scss"
-            },
-            "resolvedValue": "null",
-            "resolvedType": "Null"
-        },
         {
             "description": "The background color of hovered Grid rows.\n",
             "commentRange": {
-                "start": 240,
-                "end": 241
+                "start": 237,
+                "end": 238
             },
             "context": {
                 "type": "variable",
@@ -39600,8 +39573,8 @@
                 "value": "$kendo-table-hover-bg",
                 "scope": "default",
                 "line": {
-                    "start": 242,
-                    "end": 242
+                    "start": 239,
+                    "end": 239
                 }
             },
             "group": [
@@ -39618,8 +39591,8 @@
         {
             "description": "The text color of hovered Grid rows.\n",
             "commentRange": {
-                "start": 243,
-                "end": 244
+                "start": 240,
+                "end": 241
             },
             "context": {
                 "type": "variable",
@@ -39627,8 +39600,8 @@
                 "value": "$kendo-table-hover-text",
                 "scope": "default",
                 "line": {
-                    "start": 245,
-                    "end": 245
+                    "start": 242,
+                    "end": 242
                 }
             },
             "group": [
@@ -39645,8 +39618,8 @@
         {
             "description": "The background color of selected Grid rows.\n",
             "commentRange": {
-                "start": 247,
-                "end": 248
+                "start": 244,
+                "end": 245
             },
             "context": {
                 "type": "variable",
@@ -39654,8 +39627,8 @@
                 "value": "$kendo-table-selected-bg",
                 "scope": "default",
                 "line": {
-                    "start": 249,
-                    "end": 249
+                    "start": 246,
+                    "end": 246
                 }
             },
             "group": [
@@ -39672,8 +39645,8 @@
         {
             "description": "The text color of selected Grid rows.\n",
             "commentRange": {
-                "start": 250,
-                "end": 251
+                "start": 247,
+                "end": 248
             },
             "context": {
                 "type": "variable",
@@ -39681,8 +39654,8 @@
                 "value": "$kendo-table-selected-text",
                 "scope": "default",
                 "line": {
-                    "start": 252,
-                    "end": 252
+                    "start": 249,
+                    "end": 249
                 }
             },
             "group": [
@@ -39699,8 +39672,8 @@
         {
             "description": "The background color of highlighted Grid rows.\n",
             "commentRange": {
-                "start": 254,
-                "end": 255
+                "start": 251,
+                "end": 252
             },
             "context": {
                 "type": "variable",
@@ -39708,8 +39681,8 @@
                 "value": "$kendo-table-highlighted-bg",
                 "scope": "default",
                 "line": {
-                    "start": 256,
-                    "end": 256
+                    "start": 253,
+                    "end": 253
                 }
             },
             "group": [
@@ -39726,8 +39699,8 @@
         {
             "description": "The font weight of highlighted Grid rows.\n",
             "commentRange": {
-                "start": 257,
-                "end": 258
+                "start": 254,
+                "end": 255
             },
             "context": {
                 "type": "variable",
@@ -39735,8 +39708,8 @@
                 "value": "$kendo-table-highlighted-font-weight",
                 "scope": "default",
                 "line": {
-                    "start": 259,
-                    "end": 259
+                    "start": 256,
+                    "end": 256
                 }
             },
             "group": [
@@ -39753,8 +39726,8 @@
         {
             "description": "The background color of selected highlighted Grid rows.\n",
             "commentRange": {
-                "start": 261,
-                "end": 262
+                "start": 258,
+                "end": 259
             },
             "context": {
                 "type": "variable",
@@ -39762,8 +39735,8 @@
                 "value": "$kendo-table-selected-highlighted-bg",
                 "scope": "default",
                 "line": {
-                    "start": 263,
-                    "end": 263
+                    "start": 260,
+                    "end": 260
                 }
             },
             "group": [
@@ -39780,8 +39753,8 @@
         {
             "description": "The background color of the Grid selection aggregates container.\n",
             "commentRange": {
-                "start": 265,
-                "end": 266
+                "start": 262,
+                "end": 263
             },
             "context": {
                 "type": "variable",
@@ -39789,8 +39762,8 @@
                 "value": "$kendo-grid-header-bg",
                 "scope": "default",
                 "line": {
-                    "start": 267,
-                    "end": 267
+                    "start": 264,
+                    "end": 264
                 }
             },
             "group": [
@@ -39807,8 +39780,8 @@
         {
             "description": "The text color of the Grid selection aggregates container.\n",
             "commentRange": {
-                "start": 268,
-                "end": 269
+                "start": 265,
+                "end": 266
             },
             "context": {
                 "type": "variable",
@@ -39816,8 +39789,8 @@
                 "value": "$kendo-grid-text",
                 "scope": "default",
                 "line": {
-                    "start": 270,
-                    "end": 270
+                    "start": 267,
+                    "end": 267
                 }
             },
             "group": [
@@ -39834,8 +39807,8 @@
         {
             "description": "The border color of the Grid selection aggregates container.\n",
             "commentRange": {
-                "start": 271,
-                "end": 272
+                "start": 268,
+                "end": 269
             },
             "context": {
                 "type": "variable",
@@ -39843,8 +39816,8 @@
                 "value": "$kendo-grid-border",
                 "scope": "default",
                 "line": {
-                    "start": 273,
-                    "end": 273
+                    "start": 270,
+                    "end": 270
                 }
             },
             "group": [
@@ -39861,8 +39834,8 @@
         {
             "description": "The border width of the Grid selection aggregates container.\n",
             "commentRange": {
-                "start": 274,
-                "end": 275
+                "start": 271,
+                "end": 272
             },
             "context": {
                 "type": "variable",
@@ -39870,8 +39843,8 @@
                 "value": "$kendo-grid-border-width",
                 "scope": "default",
                 "line": {
-                    "start": 276,
-                    "end": 276
+                    "start": 273,
+                    "end": 273
                 }
             },
             "group": [
@@ -39888,8 +39861,8 @@
         {
             "description": "The spacing between the selection aggregates items.\n",
             "commentRange": {
-                "start": 277,
-                "end": 278
+                "start": 274,
+                "end": 275
             },
             "context": {
                 "type": "variable",
@@ -39897,8 +39870,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 279,
-                    "end": 279
+                    "start": 276,
+                    "end": 276
                 }
             },
             "group": [
@@ -39915,8 +39888,8 @@
         {
             "description": "The line height of the Grid selection aggregates container.\n",
             "commentRange": {
-                "start": 280,
-                "end": 281
+                "start": 277,
+                "end": 278
             },
             "context": {
                 "type": "variable",
@@ -39924,8 +39897,8 @@
                 "value": "$kendo-grid-line-height",
                 "scope": "default",
                 "line": {
-                    "start": 282,
-                    "end": 282
+                    "start": 279,
+                    "end": 279
                 }
             },
             "group": [
@@ -39942,8 +39915,8 @@
         {
             "description": "The font weight of the Grid selection aggregates container.\n",
             "commentRange": {
-                "start": 283,
-                "end": 284
+                "start": 280,
+                "end": 281
             },
             "context": {
                 "type": "variable",
@@ -39951,8 +39924,8 @@
                 "value": "var(--kendo-font-weight-bold)",
                 "scope": "default",
                 "line": {
-                    "start": 285,
-                    "end": 285
+                    "start": 282,
+                    "end": 282
                 }
             },
             "group": [
@@ -39969,17 +39942,17 @@
         {
             "description": "The background color of the Grid row.\n",
             "commentRange": {
-                "start": 287,
-                "end": 288
+                "start": 284,
+                "end": 285
             },
             "context": {
                 "type": "variable",
                 "name": "kendo-grid-grouping-row-bg",
-                "value": "k-color(base-subtle)",
+                "value": "k-color(surface)",
                 "scope": "default",
                 "line": {
-                    "start": 289,
-                    "end": 289
+                    "start": 286,
+                    "end": 286
                 }
             },
             "group": [
@@ -39990,14 +39963,14 @@
                 "path": "bootstrap/scss/grid/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-base-subtle)",
+            "resolvedValue": "var(--kendo-color-surface)",
             "resolvedType": "String"
         },
         {
             "description": "The text color of the Grid row.\n",
             "commentRange": {
-                "start": 290,
-                "end": 291
+                "start": 287,
+                "end": 288
             },
             "context": {
                 "type": "variable",
@@ -40005,8 +39978,8 @@
                 "value": "$kendo-grid-text",
                 "scope": "default",
                 "line": {
-                    "start": 292,
-                    "end": 292
+                    "start": 289,
+                    "end": 289
                 }
             },
             "group": [
@@ -40023,8 +39996,8 @@
         {
             "description": "The background color of the Grid.\n",
             "commentRange": {
-                "start": 294,
-                "end": 295
+                "start": 291,
+                "end": 292
             },
             "context": {
                 "type": "variable",
@@ -40032,8 +40005,8 @@
                 "value": "color-mix(in srgb, k-color(on-app-surface) 2%, transparent)",
                 "scope": "default",
                 "line": {
-                    "start": 296,
-                    "end": 296
+                    "start": 293,
+                    "end": 293
                 }
             },
             "group": [
@@ -40050,8 +40023,8 @@
         {
             "description": "The text color of the Grid.\n",
             "commentRange": {
-                "start": 297,
-                "end": 298
+                "start": 294,
+                "end": 295
             },
             "context": {
                 "type": "variable",
@@ -40059,8 +40032,8 @@
                 "value": "k-color(primary)",
                 "scope": "default",
                 "line": {
-                    "start": 299,
-                    "end": 299
+                    "start": 296,
+                    "end": 296
                 }
             },
             "group": [
@@ -40077,8 +40050,8 @@
         {
             "description": "The font size of the Grid.\n",
             "commentRange": {
-                "start": 300,
-                "end": 301
+                "start": 297,
+                "end": 298
             },
             "context": {
                 "type": "variable",
@@ -40086,8 +40059,8 @@
                 "value": "($kendo-icon-size * .75)",
                 "scope": "default",
                 "line": {
-                    "start": 302,
-                    "end": 302
+                    "start": 299,
+                    "end": 299
                 }
             },
             "group": [
@@ -40104,8 +40077,8 @@
         {
             "description": "The sorting index vertical spacing of the Grid.\n",
             "commentRange": {
-                "start": 303,
-                "end": 304
+                "start": 300,
+                "end": 301
             },
             "context": {
                 "type": "variable",
@@ -40113,8 +40086,8 @@
                 "value": "k-spacing(0.5)",
                 "scope": "default",
                 "line": {
-                    "start": 305,
-                    "end": 305
+                    "start": 302,
+                    "end": 302
                 }
             },
             "group": [
@@ -40131,8 +40104,8 @@
         {
             "description": "The sorting index horizontal spacing of the Grid.\n",
             "commentRange": {
-                "start": 306,
-                "end": 307
+                "start": 303,
+                "end": 304
             },
             "context": {
                 "type": "variable",
@@ -40140,8 +40113,8 @@
                 "value": "calc( #{$kendo-grid-sorting-index-spacing-y} * -1 )",
                 "scope": "default",
                 "line": {
-                    "start": 308,
-                    "end": 308
+                    "start": 305,
+                    "end": 305
                 }
             },
             "group": [
@@ -40158,8 +40131,8 @@
         {
             "description": "The sorted icon spacing of the Grid.\n",
             "commentRange": {
-                "start": 310,
-                "end": 311
+                "start": 307,
+                "end": 308
             },
             "context": {
                 "type": "variable",
@@ -40167,8 +40140,8 @@
                 "value": "calc( #{k-spacing(4)} - 1px )",
                 "scope": "default",
                 "line": {
-                    "start": 312,
-                    "end": 312
+                    "start": 309,
+                    "end": 309
                 }
             },
             "group": [
@@ -40185,8 +40158,8 @@
         {
             "description": "The shadow of the Grid.\n",
             "commentRange": {
-                "start": 314,
-                "end": 315
+                "start": 311,
+                "end": 312
             },
             "context": {
                 "type": "variable",
@@ -40194,8 +40167,8 @@
                 "value": "$kendo-table-focus-shadow",
                 "scope": "default",
                 "line": {
-                    "start": 316,
-                    "end": 316
+                    "start": 313,
+                    "end": 313
                 }
             },
             "group": [
@@ -40212,8 +40185,8 @@
         {
             "description": "The spacing of the Grid button.\n",
             "commentRange": {
-                "start": 318,
-                "end": 319
+                "start": 315,
+                "end": 316
             },
             "context": {
                 "type": "variable",
@@ -40221,8 +40194,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 320,
-                    "end": 320
+                    "start": 317,
+                    "end": 317
                 }
             },
             "group": [
@@ -40239,8 +40212,8 @@
         {
             "description": "The background color of the sticky content in the Grid.\n",
             "commentRange": {
-                "start": 323,
-                "end": 324
+                "start": 320,
+                "end": 321
             },
             "context": {
                 "type": "variable",
@@ -40248,8 +40221,8 @@
                 "value": "$kendo-grid-bg",
                 "scope": "default",
                 "line": {
-                    "start": 325,
-                    "end": 325
+                    "start": 322,
+                    "end": 322
                 }
             },
             "group": [
@@ -40266,8 +40239,8 @@
         {
             "description": "The alternate background color of the sticky content in the Grid.\n",
             "commentRange": {
-                "start": 326,
-                "end": 327
+                "start": 323,
+                "end": 324
             },
             "context": {
                 "type": "variable",
@@ -40275,8 +40248,8 @@
                 "value": "k-color(base-subtle)",
                 "scope": "default",
                 "line": {
-                    "start": 328,
-                    "end": 328
+                    "start": 325,
+                    "end": 325
                 }
             },
             "group": [
@@ -40293,8 +40266,8 @@
         {
             "description": "The background color of the hovered sticky content in the Grid.\n",
             "commentRange": {
-                "start": 329,
-                "end": 330
+                "start": 326,
+                "end": 327
             },
             "context": {
                 "type": "variable",
@@ -40302,8 +40275,8 @@
                 "value": "k-color(base-subtle-hover)",
                 "scope": "default",
                 "line": {
-                    "start": 331,
-                    "end": 331
+                    "start": 328,
+                    "end": 328
                 }
             },
             "group": [
@@ -40320,8 +40293,8 @@
         {
             "description": "The border color of the sticky content in the Grid.\n",
             "commentRange": {
-                "start": 333,
-                "end": 334
+                "start": 330,
+                "end": 331
             },
             "context": {
                 "type": "variable",
@@ -40329,8 +40302,8 @@
                 "value": "color-mix(in srgb, k-color(on-app-surface) 50%, transparent)",
                 "scope": "default",
                 "line": {
-                    "start": 335,
-                    "end": 335
+                    "start": 332,
+                    "end": 332
                 }
             },
             "group": [
@@ -40347,8 +40320,8 @@
         {
             "description": "The background color of the sticky header in the Grid.\n",
             "commentRange": {
-                "start": 337,
-                "end": 338
+                "start": 334,
+                "end": 335
             },
             "context": {
                 "type": "variable",
@@ -40356,8 +40329,8 @@
                 "value": "$kendo-grid-header-bg",
                 "scope": "default",
                 "line": {
-                    "start": 339,
-                    "end": 339
+                    "start": 336,
+                    "end": 336
                 }
             },
             "group": [
@@ -40374,8 +40347,8 @@
         {
             "description": "The text color of the sticky header in the Grid.\n",
             "commentRange": {
-                "start": 340,
-                "end": 341
+                "start": 337,
+                "end": 338
             },
             "context": {
                 "type": "variable",
@@ -40383,8 +40356,8 @@
                 "value": "$kendo-grid-header-text",
                 "scope": "default",
                 "line": {
-                    "start": 342,
-                    "end": 342
+                    "start": 339,
+                    "end": 339
                 }
             },
             "group": [
@@ -40401,8 +40374,8 @@
         {
             "description": "The border color of the sticky header in the Grid.\n",
             "commentRange": {
-                "start": 343,
-                "end": 344
+                "start": 340,
+                "end": 341
             },
             "context": {
                 "type": "variable",
@@ -40410,8 +40383,8 @@
                 "value": "$kendo-grid-sticky-border",
                 "scope": "default",
                 "line": {
-                    "start": 345,
-                    "end": 345
+                    "start": 342,
+                    "end": 342
                 }
             },
             "group": [
@@ -40428,8 +40401,8 @@
         {
             "description": "The background color of the sticky footer in the Grid.\n",
             "commentRange": {
-                "start": 347,
-                "end": 348
+                "start": 344,
+                "end": 345
             },
             "context": {
                 "type": "variable",
@@ -40437,35 +40410,8 @@
                 "value": "$kendo-grid-header-bg",
                 "scope": "default",
                 "line": {
-                    "start": 349,
-                    "end": 349
-                }
-            },
-            "group": [
-                "grid"
-            ],
-            "access": "public",
-            "file": {
-                "path": "bootstrap/scss/grid/_variables.scss",
-                "name": "_variables.scss"
-            },
-            "resolvedValue": "var(--kendo-color-surface)",
-            "resolvedType": "String"
-        },
-        {
-            "description": "The background color of the hovered sticky footer in the Grid.\n",
-            "commentRange": {
-                "start": 350,
-                "end": 351
-            },
-            "context": {
-                "type": "variable",
-                "name": "kendo-grid-sticky-footer-hover-bg",
-                "value": "$kendo-grid-sticky-footer-bg",
-                "scope": "default",
-                "line": {
-                    "start": 352,
-                    "end": 352
+                    "start": 346,
+                    "end": 346
                 }
             },
             "group": [
@@ -40482,8 +40428,8 @@
         {
             "description": "The box shadow of the sticky container in the Grid.\n",
             "commentRange": {
-                "start": 354,
-                "end": 355
+                "start": 348,
+                "end": 349
             },
             "context": {
                 "type": "variable",
@@ -40491,8 +40437,8 @@
                 "value": "0 2px 4px 0 rgba(0, 0, 0, 0.08)",
                 "scope": "default",
                 "line": {
-                    "start": 356,
-                    "end": 356
+                    "start": 350,
+                    "end": 350
                 }
             },
             "group": [
@@ -40509,8 +40455,8 @@
         {
             "description": "The box shadow of the sticky container positioned at the bottom in the Grid.\n",
             "commentRange": {
-                "start": 357,
-                "end": 358
+                "start": 351,
+                "end": 352
             },
             "context": {
                 "type": "variable",
@@ -40518,8 +40464,8 @@
                 "value": "0 -2px 4px 0 rgba(0, 0, 0, 0.08)",
                 "scope": "default",
                 "line": {
-                    "start": 359,
-                    "end": 359
+                    "start": 353,
+                    "end": 353
                 }
             },
             "group": [
@@ -40536,8 +40482,8 @@
         {
             "description": "The box shadow of the pinned container in the Grid.\n",
             "commentRange": {
-                "start": 361,
-                "end": 362
+                "start": 355,
+                "end": 356
             },
             "context": {
                 "type": "variable",
@@ -40545,8 +40491,8 @@
                 "value": "0 4px 8px 0 rgba(0, 0, 0, 0.08)",
                 "scope": "default",
                 "line": {
-                    "start": 363,
-                    "end": 363
+                    "start": 357,
+                    "end": 357
                 }
             },
             "group": [
@@ -40563,8 +40509,8 @@
         {
             "description": "The box shadow of the pinned container positioned at the bottom in the Grid.\n",
             "commentRange": {
-                "start": 364,
-                "end": 365
+                "start": 358,
+                "end": 359
             },
             "context": {
                 "type": "variable",
@@ -40572,8 +40518,8 @@
                 "value": "0 -4px 8px 0 rgba(0, 0, 0, 0.08)",
                 "scope": "default",
                 "line": {
-                    "start": 366,
-                    "end": 366
+                    "start": 360,
+                    "end": 360
                 }
             },
             "group": [
@@ -40590,8 +40536,8 @@
         {
             "description": "The width of the Grid column menu.\n",
             "commentRange": {
-                "start": 368,
-                "end": 369
+                "start": 362,
+                "end": 363
             },
             "context": {
                 "type": "variable",
@@ -40599,8 +40545,8 @@
                 "value": "250px",
                 "scope": "default",
                 "line": {
-                    "start": 370,
-                    "end": 370
+                    "start": 364,
+                    "end": 364
                 }
             },
             "group": [
@@ -40617,8 +40563,8 @@
         {
             "description": "The maximum width of the Grid column menu.\n",
             "commentRange": {
-                "start": 371,
-                "end": 372
+                "start": 365,
+                "end": 366
             },
             "context": {
                 "type": "variable",
@@ -40626,8 +40572,8 @@
                 "value": "320px",
                 "scope": "default",
                 "line": {
-                    "start": 373,
-                    "end": 373
+                    "start": 367,
+                    "end": 367
                 }
             },
             "group": [
@@ -40644,8 +40590,8 @@
         {
             "description": "The horizontal padding of the Grid popup.\n",
             "commentRange": {
-                "start": 376,
-                "end": 377
+                "start": 370,
+                "end": 371
             },
             "context": {
                 "type": "variable",
@@ -40653,8 +40599,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 378,
-                    "end": 378
+                    "start": 372,
+                    "end": 372
                 }
             },
             "group": [
@@ -40671,8 +40617,8 @@
         {
             "description": "The vertical padding of the Grid popup.\n",
             "commentRange": {
-                "start": 379,
-                "end": 380
+                "start": 373,
+                "end": 374
             },
             "context": {
                 "type": "variable",
@@ -40680,8 +40626,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 381,
-                    "end": 381
+                    "start": 375,
+                    "end": 375
                 }
             },
             "group": [
@@ -40698,8 +40644,8 @@
         {
             "description": "The horizontal padding of the Grid item.\n",
             "commentRange": {
-                "start": 383,
-                "end": 384
+                "start": 377,
+                "end": 378
             },
             "context": {
                 "type": "variable",
@@ -40707,8 +40653,8 @@
                 "value": "$kendo-menu-popup-md-item-padding-x",
                 "scope": "default",
                 "line": {
-                    "start": 385,
-                    "end": 385
+                    "start": 379,
+                    "end": 379
                 }
             },
             "group": [
@@ -40725,8 +40671,8 @@
         {
             "description": "The vertical padding of the Grid item.\n",
             "commentRange": {
-                "start": 386,
-                "end": 387
+                "start": 380,
+                "end": 381
             },
             "context": {
                 "type": "variable",
@@ -40734,8 +40680,8 @@
                 "value": "$kendo-menu-popup-md-item-padding-y",
                 "scope": "default",
                 "line": {
-                    "start": 388,
-                    "end": 388
+                    "start": 382,
+                    "end": 382
                 }
             },
             "group": [
@@ -40752,8 +40698,8 @@
         {
             "description": "The horizontal padding of the Grid item.\n",
             "commentRange": {
-                "start": 390,
-                "end": 391
+                "start": 384,
+                "end": 385
             },
             "context": {
                 "type": "variable",
@@ -40761,8 +40707,8 @@
                 "value": "$kendo-list-md-item-padding-x",
                 "scope": "default",
                 "line": {
-                    "start": 392,
-                    "end": 392
+                    "start": 386,
+                    "end": 386
                 }
             },
             "group": [
@@ -40779,8 +40725,8 @@
         {
             "description": "The vertical padding of the Grid item.\n",
             "commentRange": {
-                "start": 393,
-                "end": 394
+                "start": 387,
+                "end": 388
             },
             "context": {
                 "type": "variable",
@@ -40788,8 +40734,8 @@
                 "value": "$kendo-list-md-item-padding-y",
                 "scope": "default",
                 "line": {
-                    "start": 395,
-                    "end": 395
+                    "start": 389,
+                    "end": 389
                 }
             },
             "group": [
@@ -40806,8 +40752,8 @@
         {
             "description": "The horizontal padding of the Grid.\n",
             "commentRange": {
-                "start": 397,
-                "end": 398
+                "start": 391,
+                "end": 392
             },
             "context": {
                 "type": "variable",
@@ -40815,8 +40761,8 @@
                 "value": "k-spacing(0)",
                 "scope": "default",
                 "line": {
-                    "start": 399,
-                    "end": 399
+                    "start": 393,
+                    "end": 393
                 }
             },
             "group": [
@@ -40833,8 +40779,8 @@
         {
             "description": "The vertical padding of the Grid.\n",
             "commentRange": {
-                "start": 400,
-                "end": 401
+                "start": 394,
+                "end": 395
             },
             "context": {
                 "type": "variable",
@@ -40842,8 +40788,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 402,
-                    "end": 402
+                    "start": 396,
+                    "end": 396
                 }
             },
             "group": [
@@ -40860,8 +40806,8 @@
         {
             "description": "The horizontal padding of the Grid header.\n",
             "commentRange": {
-                "start": 404,
-                "end": 405
+                "start": 398,
+                "end": 399
             },
             "context": {
                 "type": "variable",
@@ -40869,8 +40815,8 @@
                 "value": "$kendo-menu-popup-md-item-padding-x",
                 "scope": "default",
                 "line": {
-                    "start": 406,
-                    "end": 406
+                    "start": 400,
+                    "end": 400
                 }
             },
             "group": [
@@ -40887,8 +40833,8 @@
         {
             "description": "The vertical padding of the Grid header.\n",
             "commentRange": {
-                "start": 407,
-                "end": 408
+                "start": 401,
+                "end": 402
             },
             "context": {
                 "type": "variable",
@@ -40896,8 +40842,8 @@
                 "value": "$kendo-menu-popup-md-item-padding-y",
                 "scope": "default",
                 "line": {
-                    "start": 409,
-                    "end": 409
+                    "start": 403,
+                    "end": 403
                 }
             },
             "group": [
@@ -40914,8 +40860,8 @@
         {
             "description": "The font size of the Grid header.\n",
             "commentRange": {
-                "start": 411,
-                "end": 412
+                "start": 405,
+                "end": 406
             },
             "context": {
                 "type": "variable",
@@ -40923,8 +40869,8 @@
                 "value": "var(--kendo-font-size-sm)",
                 "scope": "default",
                 "line": {
-                    "start": 413,
-                    "end": 413
+                    "start": 407,
+                    "end": 407
                 }
             },
             "group": [
@@ -40941,8 +40887,8 @@
         {
             "description": "The height of the Grid header.\n",
             "commentRange": {
-                "start": 414,
-                "end": 415
+                "start": 408,
+                "end": 409
             },
             "context": {
                 "type": "variable",
@@ -40950,8 +40896,8 @@
                 "value": "var(--kendo-line-height)",
                 "scope": "default",
                 "line": {
-                    "start": 416,
-                    "end": 416
+                    "start": 410,
+                    "end": 410
                 }
             },
             "group": [
@@ -40968,8 +40914,8 @@
         {
             "description": "The text color of the Grid header.\n",
             "commentRange": {
-                "start": 417,
-                "end": 418
+                "start": 411,
+                "end": 412
             },
             "context": {
                 "type": "variable",
@@ -40977,8 +40923,8 @@
                 "value": "uppercase",
                 "scope": "default",
                 "line": {
-                    "start": 419,
-                    "end": 419
+                    "start": 413,
+                    "end": 413
                 }
             },
             "group": [
@@ -40995,8 +40941,8 @@
         {
             "description": "The width of the Grid header.\n",
             "commentRange": {
-                "start": 420,
-                "end": 421
+                "start": 414,
+                "end": 415
             },
             "context": {
                 "type": "variable",
@@ -41004,8 +40950,8 @@
                 "value": "1px",
                 "scope": "default",
                 "line": {
-                    "start": 422,
-                    "end": 422
+                    "start": 416,
+                    "end": 416
                 }
             },
             "group": [
@@ -41022,8 +40968,8 @@
         {
             "description": "The background color of the Grid header.\n",
             "commentRange": {
-                "start": 424,
-                "end": 425
+                "start": 418,
+                "end": 419
             },
             "context": {
                 "type": "variable",
@@ -41031,8 +40977,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 426,
-                    "end": 426
+                    "start": 420,
+                    "end": 420
                 }
             },
             "group": [
@@ -41049,8 +40995,8 @@
         {
             "description": "The text color of the Grid header.\n",
             "commentRange": {
-                "start": 427,
-                "end": 428
+                "start": 421,
+                "end": 422
             },
             "context": {
                 "type": "variable",
@@ -41058,8 +41004,8 @@
                 "value": "$kendo-popup-text",
                 "scope": "default",
                 "line": {
-                    "start": 429,
-                    "end": 429
+                    "start": 423,
+                    "end": 423
                 }
             },
             "group": [
@@ -41076,8 +41022,8 @@
         {
             "description": "The border color of the Grid header.\n",
             "commentRange": {
-                "start": 430,
-                "end": 431
+                "start": 424,
+                "end": 425
             },
             "context": {
                 "type": "variable",
@@ -41085,8 +41031,8 @@
                 "value": "$kendo-popup-border",
                 "scope": "default",
                 "line": {
-                    "start": 432,
-                    "end": 432
+                    "start": 426,
+                    "end": 426
                 }
             },
             "group": [
@@ -41103,8 +41049,8 @@
         {
             "description": "The horizontal padding of the Grid content.\n",
             "commentRange": {
-                "start": 434,
-                "end": 435
+                "start": 428,
+                "end": 429
             },
             "context": {
                 "type": "variable",
@@ -41112,8 +41058,8 @@
                 "value": "k-spacing(0)",
                 "scope": "default",
                 "line": {
-                    "start": 436,
-                    "end": 436
+                    "start": 430,
+                    "end": 430
                 }
             },
             "group": [
@@ -41130,8 +41076,8 @@
         {
             "description": "The vertical padding of the Grid content.\n",
             "commentRange": {
-                "start": 437,
-                "end": 438
+                "start": 431,
+                "end": 432
             },
             "context": {
                 "type": "variable",
@@ -41139,8 +41085,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 439,
-                    "end": 439
+                    "start": 433,
+                    "end": 433
                 }
             },
             "group": [
@@ -41157,8 +41103,8 @@
         {
             "description": "The background color of the Grid.\n",
             "commentRange": {
-                "start": 441,
-                "end": 442
+                "start": 435,
+                "end": 436
             },
             "context": {
                 "type": "variable",
@@ -41166,8 +41112,8 @@
                 "value": "k-color(surface)",
                 "scope": "default",
                 "line": {
-                    "start": 443,
-                    "end": 443
+                    "start": 437,
+                    "end": 437
                 }
             },
             "group": [
@@ -41184,8 +41130,8 @@
         {
             "description": "The width of the Grid cell.\n",
             "commentRange": {
-                "start": 445,
-                "end": 446
+                "start": 439,
+                "end": 440
             },
             "context": {
                 "type": "variable",
@@ -41193,8 +41139,8 @@
                 "value": "($kendo-icon-size * 3)",
                 "scope": "default",
                 "line": {
-                    "start": 447,
-                    "end": 447
+                    "start": 441,
+                    "end": 441
                 }
             },
             "group": [
@@ -41211,8 +41157,8 @@
         {
             "description": "The width of the Grid.\n",
             "commentRange": {
-                "start": 449,
-                "end": 450
+                "start": 443,
+                "end": 444
             },
             "context": {
                 "type": "variable",
@@ -41220,8 +41166,8 @@
                 "value": "($kendo-icon-size * 2)",
                 "scope": "default",
                 "line": {
-                    "start": 451,
-                    "end": 451
+                    "start": 445,
+                    "end": 445
                 }
             },
             "group": [
@@ -41238,8 +41184,8 @@
         {
             "description": "The grouping border top of the Grid row.\n",
             "commentRange": {
-                "start": 453,
-                "end": 454
+                "start": 447,
+                "end": 448
             },
             "context": {
                 "type": "variable",
@@ -41247,8 +41193,8 @@
                 "value": "1px",
                 "scope": "default",
                 "line": {
-                    "start": 455,
-                    "end": 455
+                    "start": 449,
+                    "end": 449
                 }
             },
             "group": [
@@ -41265,8 +41211,8 @@
         {
             "description": "The vertical border of the Grid footer.\n",
             "commentRange": {
-                "start": 456,
-                "end": 457
+                "start": 450,
+                "end": 451
             },
             "context": {
                 "type": "variable",
@@ -41274,8 +41220,8 @@
                 "value": "1px",
                 "scope": "default",
                 "line": {
-                    "start": 458,
-                    "end": 458
+                    "start": 452,
+                    "end": 452
                 }
             },
             "group": [
@@ -41292,8 +41238,8 @@
         {
             "description": "The background color of the Grid row resize indicator.\n",
             "commentRange": {
-                "start": 460,
-                "end": 461
+                "start": 454,
+                "end": 455
             },
             "context": {
                 "type": "variable",
@@ -41301,8 +41247,8 @@
                 "value": "color-mix(in srgb, k-color(on-base) 20%, transparent)",
                 "scope": "default",
                 "line": {
-                    "start": 462,
-                    "end": 462
+                    "start": 456,
+                    "end": 456
                 }
             },
             "group": [
@@ -41319,8 +41265,8 @@
         {
             "description": "The background color of the active Grid row resize indicator.\n",
             "commentRange": {
-                "start": 463,
-                "end": 464
+                "start": 457,
+                "end": 458
             },
             "context": {
                 "type": "variable",
@@ -41328,8 +41274,8 @@
                 "value": "k-color(primary)",
                 "scope": "default",
                 "line": {
-                    "start": 465,
-                    "end": 465
+                    "start": 459,
+                    "end": 459
                 }
             },
             "group": [
@@ -41346,8 +41292,8 @@
         {
             "description": "The height of the Grid row resize indicator.\n",
             "commentRange": {
-                "start": 466,
-                "end": 467
+                "start": 460,
+                "end": 461
             },
             "context": {
                 "type": "variable",
@@ -41355,8 +41301,8 @@
                 "value": "k-spacing(0.5)",
                 "scope": "default",
                 "line": {
-                    "start": 468,
-                    "end": 468
+                    "start": 462,
+                    "end": 462
                 }
             },
             "group": [
@@ -41373,8 +41319,8 @@
         {
             "description": "The horizontal padding of the Grid stack layout cells.\n",
             "commentRange": {
-                "start": 471,
-                "end": 472
+                "start": 465,
+                "end": 466
             },
             "context": {
                 "type": "variable",
@@ -41382,8 +41328,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 473,
-                    "end": 473
+                    "start": 467,
+                    "end": 467
                 }
             },
             "group": [
@@ -41400,8 +41346,8 @@
         {
             "description": "The vertical padding of the Grid stack layout cells.\n",
             "commentRange": {
-                "start": 474,
-                "end": 475
+                "start": 468,
+                "end": 469
             },
             "context": {
                 "type": "variable",
@@ -41409,8 +41355,8 @@
                 "value": "k-spacing(1.5)",
                 "scope": "default",
                 "line": {
-                    "start": 476,
-                    "end": 476
+                    "start": 470,
+                    "end": 470
                 }
             },
             "group": [
@@ -41427,8 +41373,8 @@
         {
             "description": "The column gap of the Grid stack layout.\n",
             "commentRange": {
-                "start": 478,
-                "end": 479
+                "start": 472,
+                "end": 473
             },
             "context": {
                 "type": "variable",
@@ -41436,8 +41382,8 @@
                 "value": "k-spacing(1)",
                 "scope": "default",
                 "line": {
-                    "start": 480,
-                    "end": 480
+                    "start": 474,
+                    "end": 474
                 }
             },
             "group": [
@@ -41454,8 +41400,8 @@
         {
             "description": "The column gap of the editable Grid stack layout.\n",
             "commentRange": {
-                "start": 481,
-                "end": 482
+                "start": 475,
+                "end": 476
             },
             "context": {
                 "type": "variable",
@@ -41463,8 +41409,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 483,
-                    "end": 483
+                    "start": 477,
+                    "end": 477
                 }
             },
             "group": [
@@ -41481,8 +41427,8 @@
         {
             "description": "The width of the hierarchy column in the Grid stack layout.\n",
             "commentRange": {
-                "start": 485,
-                "end": 486
+                "start": 479,
+                "end": 480
             },
             "context": {
                 "type": "variable",
@@ -41490,8 +41436,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 487,
-                    "end": 487
+                    "start": 481,
+                    "end": 481
                 }
             },
             "group": [
@@ -41508,8 +41454,8 @@
         {
             "description": "The font size of the Grid stack layout column header.\n",
             "commentRange": {
-                "start": 489,
-                "end": 490
+                "start": 483,
+                "end": 484
             },
             "context": {
                 "type": "variable",
@@ -41517,8 +41463,8 @@
                 "value": "var(--kendo-font-size-sm)",
                 "scope": "default",
                 "line": {
-                    "start": 491,
-                    "end": 491
+                    "start": 485,
+                    "end": 485
                 }
             },
             "group": [
@@ -41535,8 +41481,8 @@
         {
             "description": "The font weight of the Grid stack layout column header.\n",
             "commentRange": {
-                "start": 492,
-                "end": 493
+                "start": 486,
+                "end": 487
             },
             "context": {
                 "type": "variable",
@@ -41544,8 +41490,8 @@
                 "value": "var(--kendo-font-weight-bold)",
                 "scope": "default",
                 "line": {
-                    "start": 494,
-                    "end": 494
+                    "start": 488,
+                    "end": 488
                 }
             },
             "group": [
@@ -41562,8 +41508,8 @@
         {
             "description": "The height of the Grid stack layout expandable row shadow.\n",
             "commentRange": {
-                "start": 495,
-                "end": 496
+                "start": 489,
+                "end": 490
             },
             "context": {
                 "type": "variable",
@@ -41571,8 +41517,8 @@
                 "value": "k-spacing(2.5)",
                 "scope": "default",
                 "line": {
-                    "start": 497,
-                    "end": 497
+                    "start": 491,
+                    "end": 491
                 }
             },
             "group": [
@@ -41589,8 +41535,8 @@
         {
             "description": "The color of the Grid stack layout column header.\n",
             "commentRange": {
-                "start": 499,
-                "end": 500
+                "start": 493,
+                "end": 494
             },
             "context": {
                 "type": "variable",
@@ -41598,8 +41544,8 @@
                 "value": "k-color(subtle)",
                 "scope": "default",
                 "line": {
-                    "start": 501,
-                    "end": 501
+                    "start": 495,
+                    "end": 495
                 }
             },
             "group": [
@@ -41616,8 +41562,8 @@
         {
             "description": "The outline color of the Grid stack layout focused cell.\n",
             "commentRange": {
-                "start": 502,
-                "end": 503
+                "start": 496,
+                "end": 497
             },
             "context": {
                 "type": "variable",
@@ -41625,8 +41571,8 @@
                 "value": "color-mix(in srgb, k-color(on-app-surface) 15%, transparent)",
                 "scope": "default",
                 "line": {
-                    "start": 504,
-                    "end": 504
+                    "start": 498,
+                    "end": 498
                 }
             },
             "group": [
@@ -41643,8 +41589,8 @@
         {
             "description": "The Grid stack layout expandable row shadow.\n",
             "commentRange": {
-                "start": 505,
-                "end": 506
+                "start": 499,
+                "end": 500
             },
             "context": {
                 "type": "variable",
@@ -41652,8 +41598,8 @@
                 "value": "k-elevation(2)",
                 "scope": "default",
                 "line": {
-                    "start": 507,
-                    "end": 507
+                    "start": 501,
+                    "end": 501
                 }
             },
             "group": [
@@ -41670,8 +41616,8 @@
         {
             "description": "The font weight of the pinned source row in the Grid.\n",
             "commentRange": {
-                "start": 509,
-                "end": 510
+                "start": 503,
+                "end": 504
             },
             "context": {
                 "type": "variable",
@@ -41679,8 +41625,8 @@
                 "value": "var(--kendo-font-weight-bold)",
                 "scope": "default",
                 "line": {
-                    "start": 511,
-                    "end": 511
+                    "start": 505,
+                    "end": 505
                 }
             },
             "group": [
@@ -42003,7 +41949,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-accent-icon-color",
-                "value": "k-color(tertiary)",
+                "value": "k-color(tertiary-on-surface)",
                 "scope": "default",
                 "line": {
                     "start": 43,
@@ -42018,7 +41964,34 @@
                 "path": "bootstrap/scss/icons/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-tertiary)",
+            "resolvedValue": "var(--kendo-color-tertiary-on-surface)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The color of action icons.\n",
+            "commentRange": {
+                "start": 44,
+                "end": 45
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-action-icon-color",
+                "value": "k-color( primary-on-surface )",
+                "scope": "default",
+                "line": {
+                    "start": 46,
+                    "end": 46
+                }
+            },
+            "group": [
+                "icon"
+            ],
+            "access": "public",
+            "file": {
+                "path": "bootstrap/scss/icons/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-color-primary-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -75810,7 +75783,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-spreadsheet-insert-image-dialog-overlay-hover-text",
-                "value": "k-color(app-surface)",
+                "value": "k-color(on-app-surface)",
                 "scope": "default",
                 "line": {
                     "start": 230,
@@ -75825,7 +75798,7 @@
                 "path": "bootstrap/scss/spreadsheet/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-app-surface)",
+            "resolvedValue": "var(--kendo-color-on-app-surface)",
             "resolvedType": "String"
         },
         {
@@ -77700,7 +77673,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-stepper-label-error-text",
-                "value": "k-color(error)",
+                "value": "k-color(error-on-surface)",
                 "scope": "default",
                 "line": {
                     "start": 186,
@@ -77715,7 +77688,7 @@
                 "path": "bootstrap/scss/stepper/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-error)",
+            "resolvedValue": "var(--kendo-color-error-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -86226,7 +86199,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-time-selector-header-time-now-text",
-                "value": "k-color(primary)",
+                "value": "k-color(primary-on-surface)",
                 "scope": "default",
                 "line": {
                     "start": 49,
@@ -86241,7 +86214,7 @@
                 "path": "bootstrap/scss/timeselector/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-primary)",
+            "resolvedValue": "var(--kendo-color-primary-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -86253,7 +86226,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-time-selector-header-time-now-hover-text",
-                "value": "k-color(primary-hover)",
+                "value": "k-color(primary-on-surface)",
                 "scope": "default",
                 "line": {
                     "start": 52,
@@ -86268,7 +86241,7 @@
                 "path": "bootstrap/scss/timeselector/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-primary-hover)",
+            "resolvedValue": "var(--kendo-color-primary-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -86982,7 +86955,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-time-selector-now-button-text",
-                "value": "k-color(primary)",
+                "value": "k-color(primary-on-surface)",
                 "scope": "default",
                 "line": {
                     "start": 144,
@@ -86997,7 +86970,7 @@
                 "path": "bootstrap/scss/timeselector/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-primary)",
+            "resolvedValue": "var(--kendo-color-primary-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -87009,7 +86982,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-time-selector-now-button-hover-text",
-                "value": "k-color(primary-hover)",
+                "value": "k-color(primary-on-surface)",
                 "scope": "default",
                 "line": {
                     "start": 147,
@@ -87024,7 +86997,7 @@
                 "path": "bootstrap/scss/timeselector/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-primary-hover)",
+            "resolvedValue": "var(--kendo-color-primary-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -91152,7 +91125,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-treeview-loadmore-text",
-                "value": "k-color(primary)",
+                "value": "k-color(primary-on-surface)",
                 "scope": "default",
                 "line": {
                     "start": 145,
@@ -91167,7 +91140,7 @@
                 "path": "bootstrap/scss/treeview/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-primary)",
+            "resolvedValue": "var(--kendo-color-primary-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -95376,7 +95349,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-upload-success-text",
-                "value": "k-color(success)",
+                "value": "k-color(success-on-surface)",
                 "scope": "default",
                 "line": {
                     "start": 92,
@@ -95391,7 +95364,7 @@
                 "path": "bootstrap/scss/upload/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-success)",
+            "resolvedValue": "var(--kendo-color-success-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -95430,7 +95403,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-upload-error-text",
-                "value": "k-color(error)",
+                "value": "k-color(error-on-surface)",
                 "scope": "default",
                 "line": {
                     "start": 99,
@@ -95445,7 +95418,7 @@
                 "path": "bootstrap/scss/upload/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-error)",
+            "resolvedValue": "var(--kendo-color-error-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -101251,7 +101224,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-adaptive-menu-clear-text",
-                        "value": "k-color(primary)",
+                        "value": "k-color(primary-on-surface)",
                         "scope": "default",
                         "line": {
                             "start": 30,
@@ -101266,7 +101239,7 @@
                         "path": "bootstrap/scss/adaptive/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-primary)",
+                    "resolvedValue": "var(--kendo-color-primary-on-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -101440,7 +101413,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-adaptive-grid-sort-text",
-                        "value": "k-color(primary)",
+                        "value": "k-color(primary-on-surface)",
                         "scope": "default",
                         "line": {
                             "start": 55,
@@ -101455,7 +101428,7 @@
                         "path": "bootstrap/scss/adaptive/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-primary)",
+                    "resolvedValue": "var(--kendo-color-primary-on-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -101467,7 +101440,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-adaptive-scheduler-current-text",
-                        "value": "k-color(primary)",
+                        "value": "k-color(primary-on-surface)",
                         "scope": "default",
                         "line": {
                             "start": 60,
@@ -101482,7 +101455,7 @@
                         "path": "bootstrap/scss/adaptive/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-primary)",
+                    "resolvedValue": "var(--kendo-color-primary-on-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -105034,7 +105007,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-breadcrumb-link-text",
-                        "value": "k-color(primary)",
+                        "value": "k-color(primary-on-surface)",
                         "scope": "default",
                         "line": {
                             "start": 130,
@@ -105049,7 +105022,7 @@
                         "path": "bootstrap/scss/breadcrumb/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-primary)",
+                    "resolvedValue": "var(--kendo-color-primary-on-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -105115,7 +105088,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-breadcrumb-link-hover-text",
-                        "value": "k-color(primary-hover)",
+                        "value": "k-color(primary-on-surface)",
                         "scope": "default",
                         "line": {
                             "start": 140,
@@ -105130,7 +105103,7 @@
                         "path": "bootstrap/scss/breadcrumb/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-primary-hover)",
+                    "resolvedValue": "var(--kendo-color-primary-on-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -105211,7 +105184,7 @@
                         "path": "bootstrap/scss/breadcrumb/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-primary)",
+                    "resolvedValue": "var(--kendo-color-primary-on-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -126409,7 +126382,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-group-menu-item-add-action-text",
-                        "value": "k-color(primary)",
+                        "value": "k-color(primary-on-surface)",
                         "scope": "default",
                         "line": {
                             "start": 69,
@@ -126424,7 +126397,7 @@
                         "path": "bootstrap/scss/column-menu/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-primary)",
+                    "resolvedValue": "var(--kendo-color-primary-on-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -131302,7 +131275,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-expander-title-text",
-                        "value": "k-color(primary)",
+                        "value": "k-color(primary-on-surface)",
                         "scope": "default",
                         "line": {
                             "start": 65,
@@ -131317,7 +131290,7 @@
                         "path": "bootstrap/scss/expansion-panel/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-primary)",
+                    "resolvedValue": "var(--kendo-color-primary-on-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -133480,7 +133453,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-filter-preview-field-text",
-                        "value": "k-color(primary)",
+                        "value": "k-color(primary-on-surface)",
                         "scope": "default",
                         "line": {
                             "start": 25,
@@ -133495,7 +133468,7 @@
                         "path": "bootstrap/scss/filter/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-primary)",
+                    "resolvedValue": "var(--kendo-color-primary-on-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -140213,38 +140186,11 @@
                     "resolvedValue": "color-mix(in srgb, var(--kendo-color-on-app-surface) 4%, transparent)",
                     "resolvedType": "String"
                 },
-                {
-                    "description": "The text color of the Grid alternating rows.\n",
-                    "commentRange": {
-                        "start": 236,
-                        "end": 237
-                    },
-                    "context": {
-                        "type": "variable",
-                        "name": "kendo-grid-alt-text",
-                        "value": "$kendo-table-alt-row-text",
-                        "scope": "default",
-                        "line": {
-                            "start": 238,
-                            "end": 238
-                        }
-                    },
-                    "group": [
-                        "grid"
-                    ],
-                    "access": "public",
-                    "file": {
-                        "path": "bootstrap/scss/grid/_variables.scss",
-                        "name": "_variables.scss"
-                    },
-                    "resolvedValue": "null",
-                    "resolvedType": "Null"
-                },
                 {
                     "description": "The background color of hovered Grid rows.\n",
                     "commentRange": {
-                        "start": 240,
-                        "end": 241
+                        "start": 237,
+                        "end": 238
                     },
                     "context": {
                         "type": "variable",
@@ -140252,8 +140198,8 @@
                         "value": "$kendo-table-hover-bg",
                         "scope": "default",
                         "line": {
-                            "start": 242,
-                            "end": 242
+                            "start": 239,
+                            "end": 239
                         }
                     },
                     "group": [
@@ -140270,8 +140216,8 @@
                 {
                     "description": "The text color of hovered Grid rows.\n",
                     "commentRange": {
-                        "start": 243,
-                        "end": 244
+                        "start": 240,
+                        "end": 241
                     },
                     "context": {
                         "type": "variable",
@@ -140279,8 +140225,8 @@
                         "value": "$kendo-table-hover-text",
                         "scope": "default",
                         "line": {
-                            "start": 245,
-                            "end": 245
+                            "start": 242,
+                            "end": 242
                         }
                     },
                     "group": [
@@ -140297,8 +140243,8 @@
                 {
                     "description": "The background color of selected Grid rows.\n",
                     "commentRange": {
-                        "start": 247,
-                        "end": 248
+                        "start": 244,
+                        "end": 245
                     },
                     "context": {
                         "type": "variable",
@@ -140306,8 +140252,8 @@
                         "value": "$kendo-table-selected-bg",
                         "scope": "default",
                         "line": {
-                            "start": 249,
-                            "end": 249
+                            "start": 246,
+                            "end": 246
                         }
                     },
                     "group": [
@@ -140324,8 +140270,8 @@
                 {
                     "description": "The text color of selected Grid rows.\n",
                     "commentRange": {
-                        "start": 250,
-                        "end": 251
+                        "start": 247,
+                        "end": 248
                     },
                     "context": {
                         "type": "variable",
@@ -140333,8 +140279,8 @@
                         "value": "$kendo-table-selected-text",
                         "scope": "default",
                         "line": {
-                            "start": 252,
-                            "end": 252
+                            "start": 249,
+                            "end": 249
                         }
                     },
                     "group": [
@@ -140351,8 +140297,8 @@
                 {
                     "description": "The background color of highlighted Grid rows.\n",
                     "commentRange": {
-                        "start": 254,
-                        "end": 255
+                        "start": 251,
+                        "end": 252
                     },
                     "context": {
                         "type": "variable",
@@ -140360,8 +140306,8 @@
                         "value": "$kendo-table-highlighted-bg",
                         "scope": "default",
                         "line": {
-                            "start": 256,
-                            "end": 256
+                            "start": 253,
+                            "end": 253
                         }
                     },
                     "group": [
@@ -140378,8 +140324,8 @@
                 {
                     "description": "The font weight of highlighted Grid rows.\n",
                     "commentRange": {
-                        "start": 257,
-                        "end": 258
+                        "start": 254,
+                        "end": 255
                     },
                     "context": {
                         "type": "variable",
@@ -140387,8 +140333,8 @@
                         "value": "$kendo-table-highlighted-font-weight",
                         "scope": "default",
                         "line": {
-                            "start": 259,
-                            "end": 259
+                            "start": 256,
+                            "end": 256
                         }
                     },
                     "group": [
@@ -140405,8 +140351,8 @@
                 {
                     "description": "The background color of selected highlighted Grid rows.\n",
                     "commentRange": {
-                        "start": 261,
-                        "end": 262
+                        "start": 258,
+                        "end": 259
                     },
                     "context": {
                         "type": "variable",
@@ -140414,8 +140360,8 @@
                         "value": "$kendo-table-selected-highlighted-bg",
                         "scope": "default",
                         "line": {
-                            "start": 263,
-                            "end": 263
+                            "start": 260,
+                            "end": 260
                         }
                     },
                     "group": [
@@ -140432,8 +140378,8 @@
                 {
                     "description": "The background color of the Grid selection aggregates container.\n",
                     "commentRange": {
-                        "start": 265,
-                        "end": 266
+                        "start": 262,
+                        "end": 263
                     },
                     "context": {
                         "type": "variable",
@@ -140441,8 +140387,8 @@
                         "value": "$kendo-grid-header-bg",
                         "scope": "default",
                         "line": {
-                            "start": 267,
-                            "end": 267
+                            "start": 264,
+                            "end": 264
                         }
                     },
                     "group": [
@@ -140459,8 +140405,8 @@
                 {
                     "description": "The text color of the Grid selection aggregates container.\n",
                     "commentRange": {
-                        "start": 268,
-                        "end": 269
+                        "start": 265,
+                        "end": 266
                     },
                     "context": {
                         "type": "variable",
@@ -140468,8 +140414,8 @@
                         "value": "$kendo-grid-text",
                         "scope": "default",
                         "line": {
-                            "start": 270,
-                            "end": 270
+                            "start": 267,
+                            "end": 267
                         }
                     },
                     "group": [
@@ -140486,8 +140432,8 @@
                 {
                     "description": "The border color of the Grid selection aggregates container.\n",
                     "commentRange": {
-                        "start": 271,
-                        "end": 272
+                        "start": 268,
+                        "end": 269
                     },
                     "context": {
                         "type": "variable",
@@ -140495,8 +140441,8 @@
                         "value": "$kendo-grid-border",
                         "scope": "default",
                         "line": {
-                            "start": 273,
-                            "end": 273
+                            "start": 270,
+                            "end": 270
                         }
                     },
                     "group": [
@@ -140513,8 +140459,8 @@
                 {
                     "description": "The border width of the Grid selection aggregates container.\n",
                     "commentRange": {
-                        "start": 274,
-                        "end": 275
+                        "start": 271,
+                        "end": 272
                     },
                     "context": {
                         "type": "variable",
@@ -140522,8 +140468,8 @@
                         "value": "$kendo-grid-border-width",
                         "scope": "default",
                         "line": {
-                            "start": 276,
-                            "end": 276
+                            "start": 273,
+                            "end": 273
                         }
                     },
                     "group": [
@@ -140540,8 +140486,8 @@
                 {
                     "description": "The spacing between the selection aggregates items.\n",
                     "commentRange": {
-                        "start": 277,
-                        "end": 278
+                        "start": 274,
+                        "end": 275
                     },
                     "context": {
                         "type": "variable",
@@ -140549,8 +140495,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 279,
-                            "end": 279
+                            "start": 276,
+                            "end": 276
                         }
                     },
                     "group": [
@@ -140567,8 +140513,8 @@
                 {
                     "description": "The line height of the Grid selection aggregates container.\n",
                     "commentRange": {
-                        "start": 280,
-                        "end": 281
+                        "start": 277,
+                        "end": 278
                     },
                     "context": {
                         "type": "variable",
@@ -140576,8 +140522,8 @@
                         "value": "$kendo-grid-line-height",
                         "scope": "default",
                         "line": {
-                            "start": 282,
-                            "end": 282
+                            "start": 279,
+                            "end": 279
                         }
                     },
                     "group": [
@@ -140594,8 +140540,8 @@
                 {
                     "description": "The font weight of the Grid selection aggregates container.\n",
                     "commentRange": {
-                        "start": 283,
-                        "end": 284
+                        "start": 280,
+                        "end": 281
                     },
                     "context": {
                         "type": "variable",
@@ -140603,8 +140549,8 @@
                         "value": "var(--kendo-font-weight-bold)",
                         "scope": "default",
                         "line": {
-                            "start": 285,
-                            "end": 285
+                            "start": 282,
+                            "end": 282
                         }
                     },
                     "group": [
@@ -140621,17 +140567,17 @@
                 {
                     "description": "The background color of the Grid row.\n",
                     "commentRange": {
-                        "start": 287,
-                        "end": 288
+                        "start": 284,
+                        "end": 285
                     },
                     "context": {
                         "type": "variable",
                         "name": "kendo-grid-grouping-row-bg",
-                        "value": "k-color(base-subtle)",
+                        "value": "k-color(surface)",
                         "scope": "default",
                         "line": {
-                            "start": 289,
-                            "end": 289
+                            "start": 286,
+                            "end": 286
                         }
                     },
                     "group": [
@@ -140642,14 +140588,14 @@
                         "path": "bootstrap/scss/grid/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-base-subtle)",
+                    "resolvedValue": "var(--kendo-color-surface)",
                     "resolvedType": "String"
                 },
                 {
                     "description": "The text color of the Grid row.\n",
                     "commentRange": {
-                        "start": 290,
-                        "end": 291
+                        "start": 287,
+                        "end": 288
                     },
                     "context": {
                         "type": "variable",
@@ -140657,8 +140603,8 @@
                         "value": "$kendo-grid-text",
                         "scope": "default",
                         "line": {
-                            "start": 292,
-                            "end": 292
+                            "start": 289,
+                            "end": 289
                         }
                     },
                     "group": [
@@ -140675,8 +140621,8 @@
                 {
                     "description": "The background color of the Grid.\n",
                     "commentRange": {
-                        "start": 294,
-                        "end": 295
+                        "start": 291,
+                        "end": 292
                     },
                     "context": {
                         "type": "variable",
@@ -140684,8 +140630,8 @@
                         "value": "color-mix(in srgb, k-color(on-app-surface) 2%, transparent)",
                         "scope": "default",
                         "line": {
-                            "start": 296,
-                            "end": 296
+                            "start": 293,
+                            "end": 293
                         }
                     },
                     "group": [
@@ -140702,8 +140648,8 @@
                 {
                     "description": "The text color of the Grid.\n",
                     "commentRange": {
-                        "start": 297,
-                        "end": 298
+                        "start": 294,
+                        "end": 295
                     },
                     "context": {
                         "type": "variable",
@@ -140711,8 +140657,8 @@
                         "value": "k-color(primary)",
                         "scope": "default",
                         "line": {
-                            "start": 299,
-                            "end": 299
+                            "start": 296,
+                            "end": 296
                         }
                     },
                     "group": [
@@ -140729,8 +140675,8 @@
                 {
                     "description": "The font size of the Grid.\n",
                     "commentRange": {
-                        "start": 300,
-                        "end": 301
+                        "start": 297,
+                        "end": 298
                     },
                     "context": {
                         "type": "variable",
@@ -140738,8 +140684,8 @@
                         "value": "($kendo-icon-size * .75)",
                         "scope": "default",
                         "line": {
-                            "start": 302,
-                            "end": 302
+                            "start": 299,
+                            "end": 299
                         }
                     },
                     "group": [
@@ -140756,8 +140702,8 @@
                 {
                     "description": "The sorting index vertical spacing of the Grid.\n",
                     "commentRange": {
-                        "start": 303,
-                        "end": 304
+                        "start": 300,
+                        "end": 301
                     },
                     "context": {
                         "type": "variable",
@@ -140765,8 +140711,8 @@
                         "value": "k-spacing(0.5)",
                         "scope": "default",
                         "line": {
-                            "start": 305,
-                            "end": 305
+                            "start": 302,
+                            "end": 302
                         }
                     },
                     "group": [
@@ -140783,8 +140729,8 @@
                 {
                     "description": "The sorting index horizontal spacing of the Grid.\n",
                     "commentRange": {
-                        "start": 306,
-                        "end": 307
+                        "start": 303,
+                        "end": 304
                     },
                     "context": {
                         "type": "variable",
@@ -140792,8 +140738,8 @@
                         "value": "calc( #{$kendo-grid-sorting-index-spacing-y} * -1 )",
                         "scope": "default",
                         "line": {
-                            "start": 308,
-                            "end": 308
+                            "start": 305,
+                            "end": 305
                         }
                     },
                     "group": [
@@ -140810,8 +140756,8 @@
                 {
                     "description": "The sorted icon spacing of the Grid.\n",
                     "commentRange": {
-                        "start": 310,
-                        "end": 311
+                        "start": 307,
+                        "end": 308
                     },
                     "context": {
                         "type": "variable",
@@ -140819,8 +140765,8 @@
                         "value": "calc( #{k-spacing(4)} - 1px )",
                         "scope": "default",
                         "line": {
-                            "start": 312,
-                            "end": 312
+                            "start": 309,
+                            "end": 309
                         }
                     },
                     "group": [
@@ -140837,8 +140783,8 @@
                 {
                     "description": "The shadow of the Grid.\n",
                     "commentRange": {
-                        "start": 314,
-                        "end": 315
+                        "start": 311,
+                        "end": 312
                     },
                     "context": {
                         "type": "variable",
@@ -140846,8 +140792,8 @@
                         "value": "$kendo-table-focus-shadow",
                         "scope": "default",
                         "line": {
-                            "start": 316,
-                            "end": 316
+                            "start": 313,
+                            "end": 313
                         }
                     },
                     "group": [
@@ -140864,8 +140810,8 @@
                 {
                     "description": "The spacing of the Grid button.\n",
                     "commentRange": {
-                        "start": 318,
-                        "end": 319
+                        "start": 315,
+                        "end": 316
                     },
                     "context": {
                         "type": "variable",
@@ -140873,8 +140819,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 320,
-                            "end": 320
+                            "start": 317,
+                            "end": 317
                         }
                     },
                     "group": [
@@ -140891,8 +140837,8 @@
                 {
                     "description": "The background color of the sticky content in the Grid.\n",
                     "commentRange": {
-                        "start": 323,
-                        "end": 324
+                        "start": 320,
+                        "end": 321
                     },
                     "context": {
                         "type": "variable",
@@ -140900,8 +140846,8 @@
                         "value": "$kendo-grid-bg",
                         "scope": "default",
                         "line": {
-                            "start": 325,
-                            "end": 325
+                            "start": 322,
+                            "end": 322
                         }
                     },
                     "group": [
@@ -140918,8 +140864,8 @@
                 {
                     "description": "The alternate background color of the sticky content in the Grid.\n",
                     "commentRange": {
-                        "start": 326,
-                        "end": 327
+                        "start": 323,
+                        "end": 324
                     },
                     "context": {
                         "type": "variable",
@@ -140927,8 +140873,8 @@
                         "value": "k-color(base-subtle)",
                         "scope": "default",
                         "line": {
-                            "start": 328,
-                            "end": 328
+                            "start": 325,
+                            "end": 325
                         }
                     },
                     "group": [
@@ -140945,8 +140891,8 @@
                 {
                     "description": "The background color of the hovered sticky content in the Grid.\n",
                     "commentRange": {
-                        "start": 329,
-                        "end": 330
+                        "start": 326,
+                        "end": 327
                     },
                     "context": {
                         "type": "variable",
@@ -140954,8 +140900,8 @@
                         "value": "k-color(base-subtle-hover)",
                         "scope": "default",
                         "line": {
-                            "start": 331,
-                            "end": 331
+                            "start": 328,
+                            "end": 328
                         }
                     },
                     "group": [
@@ -140972,8 +140918,8 @@
                 {
                     "description": "The border color of the sticky content in the Grid.\n",
                     "commentRange": {
-                        "start": 333,
-                        "end": 334
+                        "start": 330,
+                        "end": 331
                     },
                     "context": {
                         "type": "variable",
@@ -140981,8 +140927,8 @@
                         "value": "color-mix(in srgb, k-color(on-app-surface) 50%, transparent)",
                         "scope": "default",
                         "line": {
-                            "start": 335,
-                            "end": 335
+                            "start": 332,
+                            "end": 332
                         }
                     },
                     "group": [
@@ -140999,8 +140945,8 @@
                 {
                     "description": "The background color of the sticky header in the Grid.\n",
                     "commentRange": {
-                        "start": 337,
-                        "end": 338
+                        "start": 334,
+                        "end": 335
                     },
                     "context": {
                         "type": "variable",
@@ -141008,8 +140954,8 @@
                         "value": "$kendo-grid-header-bg",
                         "scope": "default",
                         "line": {
-                            "start": 339,
-                            "end": 339
+                            "start": 336,
+                            "end": 336
                         }
                     },
                     "group": [
@@ -141026,8 +140972,8 @@
                 {
                     "description": "The text color of the sticky header in the Grid.\n",
                     "commentRange": {
-                        "start": 340,
-                        "end": 341
+                        "start": 337,
+                        "end": 338
                     },
                     "context": {
                         "type": "variable",
@@ -141035,8 +140981,8 @@
                         "value": "$kendo-grid-header-text",
                         "scope": "default",
                         "line": {
-                            "start": 342,
-                            "end": 342
+                            "start": 339,
+                            "end": 339
                         }
                     },
                     "group": [
@@ -141053,8 +140999,8 @@
                 {
                     "description": "The border color of the sticky header in the Grid.\n",
                     "commentRange": {
-                        "start": 343,
-                        "end": 344
+                        "start": 340,
+                        "end": 341
                     },
                     "context": {
                         "type": "variable",
@@ -141062,8 +141008,8 @@
                         "value": "$kendo-grid-sticky-border",
                         "scope": "default",
                         "line": {
-                            "start": 345,
-                            "end": 345
+                            "start": 342,
+                            "end": 342
                         }
                     },
                     "group": [
@@ -141080,8 +141026,8 @@
                 {
                     "description": "The background color of the sticky footer in the Grid.\n",
                     "commentRange": {
-                        "start": 347,
-                        "end": 348
+                        "start": 344,
+                        "end": 345
                     },
                     "context": {
                         "type": "variable",
@@ -141089,35 +141035,8 @@
                         "value": "$kendo-grid-header-bg",
                         "scope": "default",
                         "line": {
-                            "start": 349,
-                            "end": 349
-                        }
-                    },
-                    "group": [
-                        "grid"
-                    ],
-                    "access": "public",
-                    "file": {
-                        "path": "bootstrap/scss/grid/_variables.scss",
-                        "name": "_variables.scss"
-                    },
-                    "resolvedValue": "var(--kendo-color-surface)",
-                    "resolvedType": "String"
-                },
-                {
-                    "description": "The background color of the hovered sticky footer in the Grid.\n",
-                    "commentRange": {
-                        "start": 350,
-                        "end": 351
-                    },
-                    "context": {
-                        "type": "variable",
-                        "name": "kendo-grid-sticky-footer-hover-bg",
-                        "value": "$kendo-grid-sticky-footer-bg",
-                        "scope": "default",
-                        "line": {
-                            "start": 352,
-                            "end": 352
+                            "start": 346,
+                            "end": 346
                         }
                     },
                     "group": [
@@ -141134,8 +141053,8 @@
                 {
                     "description": "The box shadow of the sticky container in the Grid.\n",
                     "commentRange": {
-                        "start": 354,
-                        "end": 355
+                        "start": 348,
+                        "end": 349
                     },
                     "context": {
                         "type": "variable",
@@ -141143,8 +141062,8 @@
                         "value": "0 2px 4px 0 rgba(0, 0, 0, 0.08)",
                         "scope": "default",
                         "line": {
-                            "start": 356,
-                            "end": 356
+                            "start": 350,
+                            "end": 350
                         }
                     },
                     "group": [
@@ -141161,8 +141080,8 @@
                 {
                     "description": "The box shadow of the sticky container positioned at the bottom in the Grid.\n",
                     "commentRange": {
-                        "start": 357,
-                        "end": 358
+                        "start": 351,
+                        "end": 352
                     },
                     "context": {
                         "type": "variable",
@@ -141170,8 +141089,8 @@
                         "value": "0 -2px 4px 0 rgba(0, 0, 0, 0.08)",
                         "scope": "default",
                         "line": {
-                            "start": 359,
-                            "end": 359
+                            "start": 353,
+                            "end": 353
                         }
                     },
                     "group": [
@@ -141188,8 +141107,8 @@
                 {
                     "description": "The box shadow of the pinned container in the Grid.\n",
                     "commentRange": {
-                        "start": 361,
-                        "end": 362
+                        "start": 355,
+                        "end": 356
                     },
                     "context": {
                         "type": "variable",
@@ -141197,8 +141116,8 @@
                         "value": "0 4px 8px 0 rgba(0, 0, 0, 0.08)",
                         "scope": "default",
                         "line": {
-                            "start": 363,
-                            "end": 363
+                            "start": 357,
+                            "end": 357
                         }
                     },
                     "group": [
@@ -141215,8 +141134,8 @@
                 {
                     "description": "The box shadow of the pinned container positioned at the bottom in the Grid.\n",
                     "commentRange": {
-                        "start": 364,
-                        "end": 365
+                        "start": 358,
+                        "end": 359
                     },
                     "context": {
                         "type": "variable",
@@ -141224,8 +141143,8 @@
                         "value": "0 -4px 8px 0 rgba(0, 0, 0, 0.08)",
                         "scope": "default",
                         "line": {
-                            "start": 366,
-                            "end": 366
+                            "start": 360,
+                            "end": 360
                         }
                     },
                     "group": [
@@ -141242,8 +141161,8 @@
                 {
                     "description": "The width of the Grid column menu.\n",
                     "commentRange": {
-                        "start": 368,
-                        "end": 369
+                        "start": 362,
+                        "end": 363
                     },
                     "context": {
                         "type": "variable",
@@ -141251,8 +141170,8 @@
                         "value": "250px",
                         "scope": "default",
                         "line": {
-                            "start": 370,
-                            "end": 370
+                            "start": 364,
+                            "end": 364
                         }
                     },
                     "group": [
@@ -141269,8 +141188,8 @@
                 {
                     "description": "The maximum width of the Grid column menu.\n",
                     "commentRange": {
-                        "start": 371,
-                        "end": 372
+                        "start": 365,
+                        "end": 366
                     },
                     "context": {
                         "type": "variable",
@@ -141278,8 +141197,8 @@
                         "value": "320px",
                         "scope": "default",
                         "line": {
-                            "start": 373,
-                            "end": 373
+                            "start": 367,
+                            "end": 367
                         }
                     },
                     "group": [
@@ -141296,8 +141215,8 @@
                 {
                     "description": "The horizontal padding of the Grid popup.\n",
                     "commentRange": {
-                        "start": 376,
-                        "end": 377
+                        "start": 370,
+                        "end": 371
                     },
                     "context": {
                         "type": "variable",
@@ -141305,8 +141224,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 378,
-                            "end": 378
+                            "start": 372,
+                            "end": 372
                         }
                     },
                     "group": [
@@ -141323,8 +141242,8 @@
                 {
                     "description": "The vertical padding of the Grid popup.\n",
                     "commentRange": {
-                        "start": 379,
-                        "end": 380
+                        "start": 373,
+                        "end": 374
                     },
                     "context": {
                         "type": "variable",
@@ -141332,8 +141251,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 381,
-                            "end": 381
+                            "start": 375,
+                            "end": 375
                         }
                     },
                     "group": [
@@ -141350,8 +141269,8 @@
                 {
                     "description": "The horizontal padding of the Grid item.\n",
                     "commentRange": {
-                        "start": 383,
-                        "end": 384
+                        "start": 377,
+                        "end": 378
                     },
                     "context": {
                         "type": "variable",
@@ -141359,8 +141278,8 @@
                         "value": "$kendo-menu-popup-md-item-padding-x",
                         "scope": "default",
                         "line": {
-                            "start": 385,
-                            "end": 385
+                            "start": 379,
+                            "end": 379
                         }
                     },
                     "group": [
@@ -141377,8 +141296,8 @@
                 {
                     "description": "The vertical padding of the Grid item.\n",
                     "commentRange": {
-                        "start": 386,
-                        "end": 387
+                        "start": 380,
+                        "end": 381
                     },
                     "context": {
                         "type": "variable",
@@ -141386,8 +141305,8 @@
                         "value": "$kendo-menu-popup-md-item-padding-y",
                         "scope": "default",
                         "line": {
-                            "start": 388,
-                            "end": 388
+                            "start": 382,
+                            "end": 382
                         }
                     },
                     "group": [
@@ -141404,8 +141323,8 @@
                 {
                     "description": "The horizontal padding of the Grid item.\n",
                     "commentRange": {
-                        "start": 390,
-                        "end": 391
+                        "start": 384,
+                        "end": 385
                     },
                     "context": {
                         "type": "variable",
@@ -141413,8 +141332,8 @@
                         "value": "$kendo-list-md-item-padding-x",
                         "scope": "default",
                         "line": {
-                            "start": 392,
-                            "end": 392
+                            "start": 386,
+                            "end": 386
                         }
                     },
                     "group": [
@@ -141431,8 +141350,8 @@
                 {
                     "description": "The vertical padding of the Grid item.\n",
                     "commentRange": {
-                        "start": 393,
-                        "end": 394
+                        "start": 387,
+                        "end": 388
                     },
                     "context": {
                         "type": "variable",
@@ -141440,8 +141359,8 @@
                         "value": "$kendo-list-md-item-padding-y",
                         "scope": "default",
                         "line": {
-                            "start": 395,
-                            "end": 395
+                            "start": 389,
+                            "end": 389
                         }
                     },
                     "group": [
@@ -141458,8 +141377,8 @@
                 {
                     "description": "The horizontal padding of the Grid.\n",
                     "commentRange": {
-                        "start": 397,
-                        "end": 398
+                        "start": 391,
+                        "end": 392
                     },
                     "context": {
                         "type": "variable",
@@ -141467,8 +141386,8 @@
                         "value": "k-spacing(0)",
                         "scope": "default",
                         "line": {
-                            "start": 399,
-                            "end": 399
+                            "start": 393,
+                            "end": 393
                         }
                     },
                     "group": [
@@ -141485,8 +141404,8 @@
                 {
                     "description": "The vertical padding of the Grid.\n",
                     "commentRange": {
-                        "start": 400,
-                        "end": 401
+                        "start": 394,
+                        "end": 395
                     },
                     "context": {
                         "type": "variable",
@@ -141494,8 +141413,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 402,
-                            "end": 402
+                            "start": 396,
+                            "end": 396
                         }
                     },
                     "group": [
@@ -141512,8 +141431,8 @@
                 {
                     "description": "The horizontal padding of the Grid header.\n",
                     "commentRange": {
-                        "start": 404,
-                        "end": 405
+                        "start": 398,
+                        "end": 399
                     },
                     "context": {
                         "type": "variable",
@@ -141521,8 +141440,8 @@
                         "value": "$kendo-menu-popup-md-item-padding-x",
                         "scope": "default",
                         "line": {
-                            "start": 406,
-                            "end": 406
+                            "start": 400,
+                            "end": 400
                         }
                     },
                     "group": [
@@ -141539,8 +141458,8 @@
                 {
                     "description": "The vertical padding of the Grid header.\n",
                     "commentRange": {
-                        "start": 407,
-                        "end": 408
+                        "start": 401,
+                        "end": 402
                     },
                     "context": {
                         "type": "variable",
@@ -141548,8 +141467,8 @@
                         "value": "$kendo-menu-popup-md-item-padding-y",
                         "scope": "default",
                         "line": {
-                            "start": 409,
-                            "end": 409
+                            "start": 403,
+                            "end": 403
                         }
                     },
                     "group": [
@@ -141566,8 +141485,8 @@
                 {
                     "description": "The font size of the Grid header.\n",
                     "commentRange": {
-                        "start": 411,
-                        "end": 412
+                        "start": 405,
+                        "end": 406
                     },
                     "context": {
                         "type": "variable",
@@ -141575,8 +141494,8 @@
                         "value": "var(--kendo-font-size-sm)",
                         "scope": "default",
                         "line": {
-                            "start": 413,
-                            "end": 413
+                            "start": 407,
+                            "end": 407
                         }
                     },
                     "group": [
@@ -141593,8 +141512,8 @@
                 {
                     "description": "The height of the Grid header.\n",
                     "commentRange": {
-                        "start": 414,
-                        "end": 415
+                        "start": 408,
+                        "end": 409
                     },
                     "context": {
                         "type": "variable",
@@ -141602,8 +141521,8 @@
                         "value": "var(--kendo-line-height)",
                         "scope": "default",
                         "line": {
-                            "start": 416,
-                            "end": 416
+                            "start": 410,
+                            "end": 410
                         }
                     },
                     "group": [
@@ -141620,8 +141539,8 @@
                 {
                     "description": "The text color of the Grid header.\n",
                     "commentRange": {
-                        "start": 417,
-                        "end": 418
+                        "start": 411,
+                        "end": 412
                     },
                     "context": {
                         "type": "variable",
@@ -141629,8 +141548,8 @@
                         "value": "uppercase",
                         "scope": "default",
                         "line": {
-                            "start": 419,
-                            "end": 419
+                            "start": 413,
+                            "end": 413
                         }
                     },
                     "group": [
@@ -141647,8 +141566,8 @@
                 {
                     "description": "The width of the Grid header.\n",
                     "commentRange": {
-                        "start": 420,
-                        "end": 421
+                        "start": 414,
+                        "end": 415
                     },
                     "context": {
                         "type": "variable",
@@ -141656,8 +141575,8 @@
                         "value": "1px",
                         "scope": "default",
                         "line": {
-                            "start": 422,
-                            "end": 422
+                            "start": 416,
+                            "end": 416
                         }
                     },
                     "group": [
@@ -141674,8 +141593,8 @@
                 {
                     "description": "The background color of the Grid header.\n",
                     "commentRange": {
-                        "start": 424,
-                        "end": 425
+                        "start": 418,
+                        "end": 419
                     },
                     "context": {
                         "type": "variable",
@@ -141683,8 +141602,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 426,
-                            "end": 426
+                            "start": 420,
+                            "end": 420
                         }
                     },
                     "group": [
@@ -141701,8 +141620,8 @@
                 {
                     "description": "The text color of the Grid header.\n",
                     "commentRange": {
-                        "start": 427,
-                        "end": 428
+                        "start": 421,
+                        "end": 422
                     },
                     "context": {
                         "type": "variable",
@@ -141710,8 +141629,8 @@
                         "value": "$kendo-popup-text",
                         "scope": "default",
                         "line": {
-                            "start": 429,
-                            "end": 429
+                            "start": 423,
+                            "end": 423
                         }
                     },
                     "group": [
@@ -141728,8 +141647,8 @@
                 {
                     "description": "The border color of the Grid header.\n",
                     "commentRange": {
-                        "start": 430,
-                        "end": 431
+                        "start": 424,
+                        "end": 425
                     },
                     "context": {
                         "type": "variable",
@@ -141737,8 +141656,8 @@
                         "value": "$kendo-popup-border",
                         "scope": "default",
                         "line": {
-                            "start": 432,
-                            "end": 432
+                            "start": 426,
+                            "end": 426
                         }
                     },
                     "group": [
@@ -141755,8 +141674,8 @@
                 {
                     "description": "The horizontal padding of the Grid content.\n",
                     "commentRange": {
-                        "start": 434,
-                        "end": 435
+                        "start": 428,
+                        "end": 429
                     },
                     "context": {
                         "type": "variable",
@@ -141764,8 +141683,8 @@
                         "value": "k-spacing(0)",
                         "scope": "default",
                         "line": {
-                            "start": 436,
-                            "end": 436
+                            "start": 430,
+                            "end": 430
                         }
                     },
                     "group": [
@@ -141782,8 +141701,8 @@
                 {
                     "description": "The vertical padding of the Grid content.\n",
                     "commentRange": {
-                        "start": 437,
-                        "end": 438
+                        "start": 431,
+                        "end": 432
                     },
                     "context": {
                         "type": "variable",
@@ -141791,8 +141710,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 439,
-                            "end": 439
+                            "start": 433,
+                            "end": 433
                         }
                     },
                     "group": [
@@ -141809,8 +141728,8 @@
                 {
                     "description": "The background color of the Grid.\n",
                     "commentRange": {
-                        "start": 441,
-                        "end": 442
+                        "start": 435,
+                        "end": 436
                     },
                     "context": {
                         "type": "variable",
@@ -141818,8 +141737,8 @@
                         "value": "k-color(surface)",
                         "scope": "default",
                         "line": {
-                            "start": 443,
-                            "end": 443
+                            "start": 437,
+                            "end": 437
                         }
                     },
                     "group": [
@@ -141836,8 +141755,8 @@
                 {
                     "description": "The width of the Grid cell.\n",
                     "commentRange": {
-                        "start": 445,
-                        "end": 446
+                        "start": 439,
+                        "end": 440
                     },
                     "context": {
                         "type": "variable",
@@ -141845,8 +141764,8 @@
                         "value": "($kendo-icon-size * 3)",
                         "scope": "default",
                         "line": {
-                            "start": 447,
-                            "end": 447
+                            "start": 441,
+                            "end": 441
                         }
                     },
                     "group": [
@@ -141863,8 +141782,8 @@
                 {
                     "description": "The width of the Grid.\n",
                     "commentRange": {
-                        "start": 449,
-                        "end": 450
+                        "start": 443,
+                        "end": 444
                     },
                     "context": {
                         "type": "variable",
@@ -141872,8 +141791,8 @@
                         "value": "($kendo-icon-size * 2)",
                         "scope": "default",
                         "line": {
-                            "start": 451,
-                            "end": 451
+                            "start": 445,
+                            "end": 445
                         }
                     },
                     "group": [
@@ -141890,8 +141809,8 @@
                 {
                     "description": "The grouping border top of the Grid row.\n",
                     "commentRange": {
-                        "start": 453,
-                        "end": 454
+                        "start": 447,
+                        "end": 448
                     },
                     "context": {
                         "type": "variable",
@@ -141899,8 +141818,8 @@
                         "value": "1px",
                         "scope": "default",
                         "line": {
-                            "start": 455,
-                            "end": 455
+                            "start": 449,
+                            "end": 449
                         }
                     },
                     "group": [
@@ -141917,8 +141836,8 @@
                 {
                     "description": "The vertical border of the Grid footer.\n",
                     "commentRange": {
-                        "start": 456,
-                        "end": 457
+                        "start": 450,
+                        "end": 451
                     },
                     "context": {
                         "type": "variable",
@@ -141926,8 +141845,8 @@
                         "value": "1px",
                         "scope": "default",
                         "line": {
-                            "start": 458,
-                            "end": 458
+                            "start": 452,
+                            "end": 452
                         }
                     },
                     "group": [
@@ -141944,8 +141863,8 @@
                 {
                     "description": "The background color of the Grid row resize indicator.\n",
                     "commentRange": {
-                        "start": 460,
-                        "end": 461
+                        "start": 454,
+                        "end": 455
                     },
                     "context": {
                         "type": "variable",
@@ -141953,8 +141872,8 @@
                         "value": "color-mix(in srgb, k-color(on-base) 20%, transparent)",
                         "scope": "default",
                         "line": {
-                            "start": 462,
-                            "end": 462
+                            "start": 456,
+                            "end": 456
                         }
                     },
                     "group": [
@@ -141971,8 +141890,8 @@
                 {
                     "description": "The background color of the active Grid row resize indicator.\n",
                     "commentRange": {
-                        "start": 463,
-                        "end": 464
+                        "start": 457,
+                        "end": 458
                     },
                     "context": {
                         "type": "variable",
@@ -141980,8 +141899,8 @@
                         "value": "k-color(primary)",
                         "scope": "default",
                         "line": {
-                            "start": 465,
-                            "end": 465
+                            "start": 459,
+                            "end": 459
                         }
                     },
                     "group": [
@@ -141998,8 +141917,8 @@
                 {
                     "description": "The height of the Grid row resize indicator.\n",
                     "commentRange": {
-                        "start": 466,
-                        "end": 467
+                        "start": 460,
+                        "end": 461
                     },
                     "context": {
                         "type": "variable",
@@ -142007,8 +141926,8 @@
                         "value": "k-spacing(0.5)",
                         "scope": "default",
                         "line": {
-                            "start": 468,
-                            "end": 468
+                            "start": 462,
+                            "end": 462
                         }
                     },
                     "group": [
@@ -142025,8 +141944,8 @@
                 {
                     "description": "The horizontal padding of the Grid stack layout cells.\n",
                     "commentRange": {
-                        "start": 471,
-                        "end": 472
+                        "start": 465,
+                        "end": 466
                     },
                     "context": {
                         "type": "variable",
@@ -142034,8 +141953,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 473,
-                            "end": 473
+                            "start": 467,
+                            "end": 467
                         }
                     },
                     "group": [
@@ -142052,8 +141971,8 @@
                 {
                     "description": "The vertical padding of the Grid stack layout cells.\n",
                     "commentRange": {
-                        "start": 474,
-                        "end": 475
+                        "start": 468,
+                        "end": 469
                     },
                     "context": {
                         "type": "variable",
@@ -142061,8 +141980,8 @@
                         "value": "k-spacing(1.5)",
                         "scope": "default",
                         "line": {
-                            "start": 476,
-                            "end": 476
+                            "start": 470,
+                            "end": 470
                         }
                     },
                     "group": [
@@ -142079,8 +141998,8 @@
                 {
                     "description": "The column gap of the Grid stack layout.\n",
                     "commentRange": {
-                        "start": 478,
-                        "end": 479
+                        "start": 472,
+                        "end": 473
                     },
                     "context": {
                         "type": "variable",
@@ -142088,8 +142007,8 @@
                         "value": "k-spacing(1)",
                         "scope": "default",
                         "line": {
-                            "start": 480,
-                            "end": 480
+                            "start": 474,
+                            "end": 474
                         }
                     },
                     "group": [
@@ -142106,8 +142025,8 @@
                 {
                     "description": "The column gap of the editable Grid stack layout.\n",
                     "commentRange": {
-                        "start": 481,
-                        "end": 482
+                        "start": 475,
+                        "end": 476
                     },
                     "context": {
                         "type": "variable",
@@ -142115,8 +142034,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 483,
-                            "end": 483
+                            "start": 477,
+                            "end": 477
                         }
                     },
                     "group": [
@@ -142133,8 +142052,8 @@
                 {
                     "description": "The width of the hierarchy column in the Grid stack layout.\n",
                     "commentRange": {
-                        "start": 485,
-                        "end": 486
+                        "start": 479,
+                        "end": 480
                     },
                     "context": {
                         "type": "variable",
@@ -142142,8 +142061,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 487,
-                            "end": 487
+                            "start": 481,
+                            "end": 481
                         }
                     },
                     "group": [
@@ -142160,8 +142079,8 @@
                 {
                     "description": "The font size of the Grid stack layout column header.\n",
                     "commentRange": {
-                        "start": 489,
-                        "end": 490
+                        "start": 483,
+                        "end": 484
                     },
                     "context": {
                         "type": "variable",
@@ -142169,8 +142088,8 @@
                         "value": "var(--kendo-font-size-sm)",
                         "scope": "default",
                         "line": {
-                            "start": 491,
-                            "end": 491
+                            "start": 485,
+                            "end": 485
                         }
                     },
                     "group": [
@@ -142187,8 +142106,8 @@
                 {
                     "description": "The font weight of the Grid stack layout column header.\n",
                     "commentRange": {
-                        "start": 492,
-                        "end": 493
+                        "start": 486,
+                        "end": 487
                     },
                     "context": {
                         "type": "variable",
@@ -142196,8 +142115,8 @@
                         "value": "var(--kendo-font-weight-bold)",
                         "scope": "default",
                         "line": {
-                            "start": 494,
-                            "end": 494
+                            "start": 488,
+                            "end": 488
                         }
                     },
                     "group": [
@@ -142214,8 +142133,8 @@
                 {
                     "description": "The height of the Grid stack layout expandable row shadow.\n",
                     "commentRange": {
-                        "start": 495,
-                        "end": 496
+                        "start": 489,
+                        "end": 490
                     },
                     "context": {
                         "type": "variable",
@@ -142223,8 +142142,8 @@
                         "value": "k-spacing(2.5)",
                         "scope": "default",
                         "line": {
-                            "start": 497,
-                            "end": 497
+                            "start": 491,
+                            "end": 491
                         }
                     },
                     "group": [
@@ -142241,8 +142160,8 @@
                 {
                     "description": "The color of the Grid stack layout column header.\n",
                     "commentRange": {
-                        "start": 499,
-                        "end": 500
+                        "start": 493,
+                        "end": 494
                     },
                     "context": {
                         "type": "variable",
@@ -142250,8 +142169,8 @@
                         "value": "k-color(subtle)",
                         "scope": "default",
                         "line": {
-                            "start": 501,
-                            "end": 501
+                            "start": 495,
+                            "end": 495
                         }
                     },
                     "group": [
@@ -142268,8 +142187,8 @@
                 {
                     "description": "The outline color of the Grid stack layout focused cell.\n",
                     "commentRange": {
-                        "start": 502,
-                        "end": 503
+                        "start": 496,
+                        "end": 497
                     },
                     "context": {
                         "type": "variable",
@@ -142277,8 +142196,8 @@
                         "value": "color-mix(in srgb, k-color(on-app-surface) 15%, transparent)",
                         "scope": "default",
                         "line": {
-                            "start": 504,
-                            "end": 504
+                            "start": 498,
+                            "end": 498
                         }
                     },
                     "group": [
@@ -142295,8 +142214,8 @@
                 {
                     "description": "The Grid stack layout expandable row shadow.\n",
                     "commentRange": {
-                        "start": 505,
-                        "end": 506
+                        "start": 499,
+                        "end": 500
                     },
                     "context": {
                         "type": "variable",
@@ -142304,8 +142223,8 @@
                         "value": "k-elevation(2)",
                         "scope": "default",
                         "line": {
-                            "start": 507,
-                            "end": 507
+                            "start": 501,
+                            "end": 501
                         }
                     },
                     "group": [
@@ -142322,8 +142241,8 @@
                 {
                     "description": "The font weight of the pinned source row in the Grid.\n",
                     "commentRange": {
-                        "start": 509,
-                        "end": 510
+                        "start": 503,
+                        "end": 504
                     },
                     "context": {
                         "type": "variable",
@@ -142331,8 +142250,8 @@
                         "value": "var(--kendo-font-weight-bold)",
                         "scope": "default",
                         "line": {
-                            "start": 511,
-                            "end": 511
+                            "start": 505,
+                            "end": 505
                         }
                     },
                     "group": [
@@ -142724,7 +142643,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-accent-icon-color",
-                        "value": "k-color(tertiary)",
+                        "value": "k-color(tertiary-on-surface)",
                         "scope": "default",
                         "line": {
                             "start": 43,
@@ -142739,7 +142658,34 @@
                         "path": "bootstrap/scss/icons/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-tertiary)",
+                    "resolvedValue": "var(--kendo-color-tertiary-on-surface)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The color of action icons.\n",
+                    "commentRange": {
+                        "start": 44,
+                        "end": 45
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-action-icon-color",
+                        "value": "k-color( primary-on-surface )",
+                        "scope": "default",
+                        "line": {
+                            "start": 46,
+                            "end": 46
+                        }
+                    },
+                    "group": [
+                        "icon"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "bootstrap/scss/icons/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-color-primary-on-surface)",
                     "resolvedType": "String"
                 }
             ]
@@ -177054,7 +177000,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-spreadsheet-insert-image-dialog-overlay-hover-text",
-                        "value": "k-color(app-surface)",
+                        "value": "k-color(on-app-surface)",
                         "scope": "default",
                         "line": {
                             "start": 230,
@@ -177069,7 +177015,7 @@
                         "path": "bootstrap/scss/spreadsheet/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-app-surface)",
+                    "resolvedValue": "var(--kendo-color-on-app-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -178950,7 +178896,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-stepper-label-error-text",
-                        "value": "k-color(error)",
+                        "value": "k-color(error-on-surface)",
                         "scope": "default",
                         "line": {
                             "start": 186,
@@ -178965,7 +178911,7 @@
                         "path": "bootstrap/scss/stepper/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-error)",
+                    "resolvedValue": "var(--kendo-color-error-on-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -187701,7 +187647,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-time-selector-header-time-now-text",
-                        "value": "k-color(primary)",
+                        "value": "k-color(primary-on-surface)",
                         "scope": "default",
                         "line": {
                             "start": 49,
@@ -187716,7 +187662,7 @@
                         "path": "bootstrap/scss/timeselector/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-primary)",
+                    "resolvedValue": "var(--kendo-color-primary-on-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -187728,7 +187674,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-time-selector-header-time-now-hover-text",
-                        "value": "k-color(primary-hover)",
+                        "value": "k-color(primary-on-surface)",
                         "scope": "default",
                         "line": {
                             "start": 52,
@@ -187743,7 +187689,7 @@
                         "path": "bootstrap/scss/timeselector/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-primary-hover)",
+                    "resolvedValue": "var(--kendo-color-primary-on-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -188457,7 +188403,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-time-selector-now-button-text",
-                        "value": "k-color(primary)",
+                        "value": "k-color(primary-on-surface)",
                         "scope": "default",
                         "line": {
                             "start": 144,
@@ -188472,7 +188418,7 @@
                         "path": "bootstrap/scss/timeselector/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-primary)",
+                    "resolvedValue": "var(--kendo-color-primary-on-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -188484,7 +188430,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-time-selector-now-button-hover-text",
-                        "value": "k-color(primary-hover)",
+                        "value": "k-color(primary-on-surface)",
                         "scope": "default",
                         "line": {
                             "start": 147,
@@ -188499,7 +188445,7 @@
                         "path": "bootstrap/scss/timeselector/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-primary-hover)",
+                    "resolvedValue": "var(--kendo-color-primary-on-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -192751,7 +192697,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-treeview-loadmore-text",
-                        "value": "k-color(primary)",
+                        "value": "k-color(primary-on-surface)",
                         "scope": "default",
                         "line": {
                             "start": 145,
@@ -192766,7 +192712,7 @@
                         "path": "bootstrap/scss/treeview/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-primary)",
+                    "resolvedValue": "var(--kendo-color-primary-on-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -197046,7 +196992,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-upload-success-text",
-                        "value": "k-color(success)",
+                        "value": "k-color(success-on-surface)",
                         "scope": "default",
                         "line": {
                             "start": 92,
@@ -197061,7 +197007,7 @@
                         "path": "bootstrap/scss/upload/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-success)",
+                    "resolvedValue": "var(--kendo-color-success-on-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -197100,7 +197046,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-upload-error-text",
-                        "value": "k-color(error)",
+                        "value": "k-color(error-on-surface)",
                         "scope": "default",
                         "line": {
                             "start": 99,
@@ -197115,7 +197061,7 @@
                         "path": "bootstrap/scss/upload/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-error)",
+                    "resolvedValue": "var(--kendo-color-error-on-surface)",
                     "resolvedType": "String"
                 },
                 {