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

package/dist/meta/sassdoc-data.json

@@ -2412,7 +2412,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-adaptive-menu-clear-text",
-                "value": "k-color(primary)",
+                "value": "k-color(primary-on-surface)",
                 "scope": "default",
                 "line": {
                     "start": 31,
@@ -2427,7 +2427,7 @@
                 "path": "default/scss/adaptive/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-primary)",
+            "resolvedValue": "var(--kendo-color-primary-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -2601,7 +2601,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-adaptive-grid-sort-text",
-                "value": "k-color(primary)",
+                "value": "k-color(primary-on-surface)",
                 "scope": "default",
                 "line": {
                     "start": 57,
@@ -2616,7 +2616,7 @@
                 "path": "default/scss/adaptive/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-primary)",
+            "resolvedValue": "var(--kendo-color-primary-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -2628,7 +2628,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-adaptive-scheduler-current-text",
-                "value": "k-color(primary)",
+                "value": "k-color(primary-on-surface)",
                 "scope": "default",
                 "line": {
                     "start": 63,
@@ -2643,7 +2643,7 @@
                 "path": "default/scss/adaptive/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-primary)",
+            "resolvedValue": "var(--kendo-color-primary-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -5823,7 +5823,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-breadcrumb-link-focus-text",
-                "value": "k-color(primary)",
+                "value": "k-color(primary-on-surface)",
                 "scope": "default",
                 "line": {
                     "start": 148,
@@ -5838,7 +5838,7 @@
                 "path": "default/scss/breadcrumb/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-primary)",
+            "resolvedValue": "var(--kendo-color-primary-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -10185,7 +10185,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-calendar-today-color",
-                "value": "k-color(primary)",
+                "value": "k-color(primary-on-surface)",
                 "scope": "default",
                 "line": {
                     "start": 160,
@@ -10200,7 +10200,7 @@
                 "path": "default/scss/calendar/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-primary)",
+            "resolvedValue": "var(--kendo-color-primary-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -10914,7 +10914,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-calendar-navigation-hover-text",
-                "value": "k-color(primary-hover)",
+                "value": "k-color(primary-on-surface)",
                 "scope": "default",
                 "line": {
                     "start": 252,
@@ -10929,7 +10929,7 @@
                 "path": "default/scss/calendar/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-primary-hover)",
+            "resolvedValue": "var(--kendo-color-primary-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -11751,7 +11751,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-captcha-text",
-                "value": "k-color(surface-alt)",
+                "value": "k-color(on-app-surface)",
                 "scope": "default",
                 "line": {
                     "start": 29,
@@ -11766,7 +11766,7 @@
                 "path": "default/scss/captcha/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-surface-alt)",
+            "resolvedValue": "var(--kendo-color-on-app-surface)",
             "resolvedType": "String"
         },
         {
@@ -11778,7 +11778,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-captcha-border",
-                "value": "k-color(surface-alt)",
+                "value": "k-color(border)",
                 "scope": "default",
                 "line": {
                     "start": 32,
@@ -11793,7 +11793,7 @@
                 "path": "default/scss/captcha/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-surface-alt)",
+            "resolvedValue": "var(--kendo-color-border)",
             "resolvedType": "String"
         },
         {
@@ -25014,7 +25014,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": 68,
@@ -25029,7 +25029,7 @@
                 "path": "default/scss/column-menu/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-primary)",
+            "resolvedValue": "var(--kendo-color-primary-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -31851,7 +31851,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,
@@ -31866,7 +31866,7 @@
                 "path": "default/scss/filter/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-primary)",
+            "resolvedValue": "var(--kendo-color-primary-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -38586,8 +38586,8 @@
         {
             "description": "The background color of highlighted Grid rows.\n",
             "commentRange": {
-                "start": 249,
-                "end": 250
+                "start": 248,
+                "end": 249
             },
             "context": {
                 "type": "variable",
@@ -38595,8 +38595,8 @@
                 "value": "$kendo-table-highlighted-bg",
                 "scope": "default",
                 "line": {
-                    "start": 251,
-                    "end": 251
+                    "start": 250,
+                    "end": 250
                 }
             },
             "group": [
@@ -38613,8 +38613,8 @@
         {
             "description": "The font weight of highlighted Grid rows.\n",
             "commentRange": {
-                "start": 252,
-                "end": 253
+                "start": 251,
+                "end": 252
             },
             "context": {
                 "type": "variable",
@@ -38622,8 +38622,8 @@
                 "value": "$kendo-table-highlighted-font-weight",
                 "scope": "default",
                 "line": {
-                    "start": 254,
-                    "end": 254
+                    "start": 253,
+                    "end": 253
                 }
             },
             "group": [
@@ -38640,8 +38640,8 @@
         {
             "description": "The background color of selected highlighted Grid rows.\n",
             "commentRange": {
-                "start": 256,
-                "end": 257
+                "start": 255,
+                "end": 256
             },
             "context": {
                 "type": "variable",
@@ -38649,8 +38649,8 @@
                 "value": "$kendo-table-selected-highlighted-bg",
                 "scope": "default",
                 "line": {
-                    "start": 258,
-                    "end": 258
+                    "start": 257,
+                    "end": 257
                 }
             },
             "group": [
@@ -38667,8 +38667,8 @@
         {
             "description": "The background color of the Grid selection aggregates container.\n",
             "commentRange": {
-                "start": 260,
-                "end": 261
+                "start": 259,
+                "end": 260
             },
             "context": {
                 "type": "variable",
@@ -38676,8 +38676,8 @@
                 "value": "$kendo-grid-header-bg",
                 "scope": "default",
                 "line": {
-                    "start": 262,
-                    "end": 262
+                    "start": 261,
+                    "end": 261
                 }
             },
             "group": [
@@ -38694,8 +38694,8 @@
         {
             "description": "The text color of the Grid selection aggregates container.\n",
             "commentRange": {
-                "start": 263,
-                "end": 264
+                "start": 262,
+                "end": 263
             },
             "context": {
                 "type": "variable",
@@ -38703,8 +38703,8 @@
                 "value": "$kendo-grid-text",
                 "scope": "default",
                 "line": {
-                    "start": 265,
-                    "end": 265
+                    "start": 264,
+                    "end": 264
                 }
             },
             "group": [
@@ -38721,8 +38721,8 @@
         {
             "description": "The border color of the Grid selection aggregates container.\n",
             "commentRange": {
-                "start": 266,
-                "end": 267
+                "start": 265,
+                "end": 266
             },
             "context": {
                 "type": "variable",
@@ -38730,8 +38730,8 @@
                 "value": "$kendo-grid-border",
                 "scope": "default",
                 "line": {
-                    "start": 268,
-                    "end": 268
+                    "start": 267,
+                    "end": 267
                 }
             },
             "group": [
@@ -38748,8 +38748,8 @@
         {
             "description": "The border width of the Grid selection aggregates container.\n",
             "commentRange": {
-                "start": 269,
-                "end": 270
+                "start": 268,
+                "end": 269
             },
             "context": {
                 "type": "variable",
@@ -38757,8 +38757,8 @@
                 "value": "$kendo-grid-border-width",
                 "scope": "default",
                 "line": {
-                    "start": 271,
-                    "end": 271
+                    "start": 270,
+                    "end": 270
                 }
             },
             "group": [
@@ -38775,8 +38775,8 @@
         {
             "description": "The spacing between the selection aggregates items.\n",
             "commentRange": {
-                "start": 272,
-                "end": 273
+                "start": 271,
+                "end": 272
             },
             "context": {
                 "type": "variable",
@@ -38784,8 +38784,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 274,
-                    "end": 274
+                    "start": 273,
+                    "end": 273
                 }
             },
             "group": [
@@ -38802,8 +38802,8 @@
         {
             "description": "The line height of the Grid selection aggregates container.\n",
             "commentRange": {
-                "start": 275,
-                "end": 276
+                "start": 274,
+                "end": 275
             },
             "context": {
                 "type": "variable",
@@ -38811,8 +38811,8 @@
                 "value": "$kendo-grid-line-height",
                 "scope": "default",
                 "line": {
-                    "start": 277,
-                    "end": 277
+                    "start": 276,
+                    "end": 276
                 }
             },
             "group": [
@@ -38829,8 +38829,8 @@
         {
             "description": "The font weight of the Grid selection aggregates container.\n",
             "commentRange": {
-                "start": 278,
-                "end": 279
+                "start": 277,
+                "end": 278
             },
             "context": {
                 "type": "variable",
@@ -38838,8 +38838,8 @@
                 "value": "var(--kendo-font-weight-bold)",
                 "scope": "default",
                 "line": {
-                    "start": 280,
-                    "end": 280
+                    "start": 279,
+                    "end": 279
                 }
             },
             "group": [
@@ -38856,8 +38856,8 @@
         {
             "description": "The background color of the Grid row.\n",
             "commentRange": {
-                "start": 282,
-                "end": 283
+                "start": 281,
+                "end": 282
             },
             "context": {
                 "type": "variable",
@@ -38865,8 +38865,8 @@
                 "value": "k-color(surface)",
                 "scope": "default",
                 "line": {
-                    "start": 284,
-                    "end": 284
+                    "start": 283,
+                    "end": 283
                 }
             },
             "group": [
@@ -38883,8 +38883,8 @@
         {
             "description": "The text color of the Grid row.\n",
             "commentRange": {
-                "start": 285,
-                "end": 286
+                "start": 284,
+                "end": 285
             },
             "context": {
                 "type": "variable",
@@ -38892,8 +38892,8 @@
                 "value": "$kendo-grid-text",
                 "scope": "default",
                 "line": {
-                    "start": 287,
-                    "end": 287
+                    "start": 286,
+                    "end": 286
                 }
             },
             "group": [
@@ -38910,8 +38910,8 @@
         {
             "description": "The sorted icon spacing of the Grid.\n",
             "commentRange": {
-                "start": 289,
-                "end": 290
+                "start": 288,
+                "end": 289
             },
             "context": {
                 "type": "variable",
@@ -38919,8 +38919,8 @@
                 "value": "calc( #{k-spacing(2)} - 1px )",
                 "scope": "default",
                 "line": {
-                    "start": 291,
-                    "end": 291
+                    "start": 290,
+                    "end": 290
                 }
             },
             "group": [
@@ -38937,8 +38937,8 @@
         {
             "description": "The background color of the Grid.\n",
             "commentRange": {
-                "start": 292,
-                "end": 293
+                "start": 291,
+                "end": 292
             },
             "context": {
                 "type": "variable",
@@ -38946,8 +38946,8 @@
                 "value": "color-mix(in srgb, k-color(on-app-surface) 3%, transparent)",
                 "scope": "default",
                 "line": {
-                    "start": 294,
-                    "end": 294
+                    "start": 293,
+                    "end": 293
                 }
             },
             "group": [
@@ -38964,8 +38964,8 @@
         {
             "description": "The text color of the Grid.\n",
             "commentRange": {
-                "start": 295,
-                "end": 296
+                "start": 294,
+                "end": 295
             },
             "context": {
                 "type": "variable",
@@ -38973,8 +38973,8 @@
                 "value": "k-color(primary)",
                 "scope": "default",
                 "line": {
-                    "start": 297,
-                    "end": 297
+                    "start": 296,
+                    "end": 296
                 }
             },
             "group": [
@@ -38991,8 +38991,8 @@
         {
             "description": "The font size of the Grid.\n",
             "commentRange": {
-                "start": 298,
-                "end": 299
+                "start": 297,
+                "end": 298
             },
             "context": {
                 "type": "variable",
@@ -39000,8 +39000,8 @@
                 "value": "var(--kendo-font-size-sm)",
                 "scope": "default",
                 "line": {
-                    "start": 300,
-                    "end": 300
+                    "start": 299,
+                    "end": 299
                 }
             },
             "group": [
@@ -39018,8 +39018,8 @@
         {
             "description": "The spacing of the Grid.\n",
             "commentRange": {
-                "start": 301,
-                "end": 302
+                "start": 300,
+                "end": 301
             },
             "context": {
                 "type": "variable",
@@ -39027,8 +39027,8 @@
                 "value": "calc( #{$kendo-icon-spacing} / 2 )",
                 "scope": "default",
                 "line": {
-                    "start": 303,
-                    "end": 303
+                    "start": 302,
+                    "end": 302
                 }
             },
             "group": [
@@ -39045,8 +39045,8 @@
         {
             "description": "The vertical spacing of the Grid.\n",
             "commentRange": {
-                "start": 304,
-                "end": 305
+                "start": 303,
+                "end": 304
             },
             "context": {
                 "type": "variable",
@@ -39054,8 +39054,8 @@
                 "value": "calc( #{$kendo-grid-sorting-index-spacing-y} * -1)",
                 "scope": "default",
                 "line": {
-                    "start": 306,
-                    "end": 306
+                    "start": 305,
+                    "end": 305
                 }
             },
             "group": [
@@ -39072,8 +39072,8 @@
         {
             "description": "The shadow of the Grid.\n",
             "commentRange": {
-                "start": 309,
-                "end": 310
+                "start": 308,
+                "end": 309
             },
             "context": {
                 "type": "variable",
@@ -39081,8 +39081,8 @@
                 "value": "$kendo-table-focus-shadow",
                 "scope": "default",
                 "line": {
-                    "start": 311,
-                    "end": 311
+                    "start": 310,
+                    "end": 310
                 }
             },
             "group": [
@@ -39099,8 +39099,8 @@
         {
             "description": "The spacing of the Grid button.\n",
             "commentRange": {
-                "start": 313,
-                "end": 314
+                "start": 312,
+                "end": 313
             },
             "context": {
                 "type": "variable",
@@ -39108,8 +39108,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 315,
-                    "end": 315
+                    "start": 314,
+                    "end": 314
                 }
             },
             "group": [
@@ -39126,8 +39126,8 @@
         {
             "description": "The background color of the sticky content in the Grid.\n",
             "commentRange": {
-                "start": 318,
-                "end": 319
+                "start": 317,
+                "end": 318
             },
             "context": {
                 "type": "variable",
@@ -39135,8 +39135,8 @@
                 "value": "k-color(surface-alt)",
                 "scope": "default",
                 "line": {
-                    "start": 320,
-                    "end": 320
+                    "start": 319,
+                    "end": 319
                 }
             },
             "group": [
@@ -39153,8 +39153,8 @@
         {
             "description": "The background color of the hovered sticky content in the Grid.\n",
             "commentRange": {
-                "start": 321,
-                "end": 322
+                "start": 320,
+                "end": 321
             },
             "context": {
                 "type": "variable",
@@ -39162,8 +39162,8 @@
                 "value": "k-color(base-hover)",
                 "scope": "default",
                 "line": {
-                    "start": 323,
-                    "end": 323
+                    "start": 322,
+                    "end": 322
                 }
             },
             "group": [
@@ -39180,8 +39180,8 @@
         {
             "description": "The alternate background color of the sticky content in the Grid.\n",
             "commentRange": {
-                "start": 324,
-                "end": 325
+                "start": 323,
+                "end": 324
             },
             "context": {
                 "type": "variable",
@@ -39189,8 +39189,8 @@
                 "value": "k-color(base)",
                 "scope": "default",
                 "line": {
-                    "start": 326,
-                    "end": 326
+                    "start": 325,
+                    "end": 325
                 }
             },
             "group": [
@@ -39207,8 +39207,8 @@
         {
             "description": "The border color of the sticky content in the Grid.\n",
             "commentRange": {
-                "start": 328,
-                "end": 329
+                "start": 327,
+                "end": 328
             },
             "context": {
                 "type": "variable",
@@ -39216,8 +39216,8 @@
                 "value": "color-mix(in srgb, k-color(on-app-surface) 30%, transparent)",
                 "scope": "default",
                 "line": {
-                    "start": 330,
-                    "end": 330
+                    "start": 329,
+                    "end": 329
                 }
             },
             "group": [
@@ -39234,8 +39234,8 @@
         {
             "description": "The background color of the sticky header in the Grid.\n",
             "commentRange": {
-                "start": 332,
-                "end": 333
+                "start": 331,
+                "end": 332
             },
             "context": {
                 "type": "variable",
@@ -39243,8 +39243,8 @@
                 "value": "$kendo-grid-header-bg",
                 "scope": "default",
                 "line": {
-                    "start": 334,
-                    "end": 334
+                    "start": 333,
+                    "end": 333
                 }
             },
             "group": [
@@ -39261,8 +39261,8 @@
         {
             "description": "The text color of the sticky header in the Grid.\n",
             "commentRange": {
-                "start": 335,
-                "end": 336
+                "start": 334,
+                "end": 335
             },
             "context": {
                 "type": "variable",
@@ -39270,8 +39270,8 @@
                 "value": "$kendo-grid-header-text",
                 "scope": "default",
                 "line": {
-                    "start": 337,
-                    "end": 337
+                    "start": 336,
+                    "end": 336
                 }
             },
             "group": [
@@ -39288,8 +39288,8 @@
         {
             "description": "The border color of the sticky header in the Grid.\n",
             "commentRange": {
-                "start": 338,
-                "end": 339
+                "start": 337,
+                "end": 338
             },
             "context": {
                 "type": "variable",
@@ -39297,8 +39297,8 @@
                 "value": "$kendo-grid-sticky-border",
                 "scope": "default",
                 "line": {
-                    "start": 340,
-                    "end": 340
+                    "start": 339,
+                    "end": 339
                 }
             },
             "group": [
@@ -39315,8 +39315,8 @@
         {
             "description": "The background color of the sticky footer in the Grid.\n",
             "commentRange": {
-                "start": 342,
-                "end": 343
+                "start": 341,
+                "end": 342
             },
             "context": {
                 "type": "variable",
@@ -39324,8 +39324,8 @@
                 "value": "$kendo-grid-header-bg",
                 "scope": "default",
                 "line": {
-                    "start": 344,
-                    "end": 344
+                    "start": 343,
+                    "end": 343
                 }
             },
             "group": [
@@ -39342,8 +39342,8 @@
         {
             "description": "The box shadow of the sticky container in the Grid.\n",
             "commentRange": {
-                "start": 346,
-                "end": 347
+                "start": 345,
+                "end": 346
             },
             "context": {
                 "type": "variable",
@@ -39351,8 +39351,8 @@
                 "value": "0 2px 4px 0 rgba(0, 0, 0, 0.08)",
                 "scope": "default",
                 "line": {
-                    "start": 348,
-                    "end": 348
+                    "start": 347,
+                    "end": 347
                 }
             },
             "group": [
@@ -39369,8 +39369,8 @@
         {
             "description": "The box shadow of the sticky container positioned at the bottom in the Grid.\n",
             "commentRange": {
-                "start": 349,
-                "end": 350
+                "start": 348,
+                "end": 349
             },
             "context": {
                 "type": "variable",
@@ -39378,8 +39378,8 @@
                 "value": "0 -2px 4px 0 rgba(0, 0, 0, 0.08)",
                 "scope": "default",
                 "line": {
-                    "start": 351,
-                    "end": 351
+                    "start": 350,
+                    "end": 350
                 }
             },
             "group": [
@@ -39396,8 +39396,8 @@
         {
             "description": "The box shadow of the pinned container in the Grid.\n",
             "commentRange": {
-                "start": 353,
-                "end": 354
+                "start": 352,
+                "end": 353
             },
             "context": {
                 "type": "variable",
@@ -39405,8 +39405,8 @@
                 "value": "0 4px 8px 0 rgba(0, 0, 0, 0.08)",
                 "scope": "default",
                 "line": {
-                    "start": 355,
-                    "end": 355
+                    "start": 354,
+                    "end": 354
                 }
             },
             "group": [
@@ -39423,8 +39423,8 @@
         {
             "description": "The box shadow of the pinned container positioned at the bottom in the Grid.\n",
             "commentRange": {
-                "start": 356,
-                "end": 357
+                "start": 355,
+                "end": 356
             },
             "context": {
                 "type": "variable",
@@ -39432,8 +39432,8 @@
                 "value": "0 -4px 8px 0 rgba(0, 0, 0, 0.08)",
                 "scope": "default",
                 "line": {
-                    "start": 358,
-                    "end": 358
+                    "start": 357,
+                    "end": 357
                 }
             },
             "group": [
@@ -39450,8 +39450,8 @@
         {
             "description": "The width of the Grid column menu.\n",
             "commentRange": {
-                "start": 361,
-                "end": 362
+                "start": 360,
+                "end": 361
             },
             "context": {
                 "type": "variable",
@@ -39459,8 +39459,8 @@
                 "value": "230px",
                 "scope": "default",
                 "line": {
-                    "start": 363,
-                    "end": 363
+                    "start": 362,
+                    "end": 362
                 }
             },
             "group": [
@@ -39477,8 +39477,8 @@
         {
             "description": "The maximum width of the Grid column menu.\n",
             "commentRange": {
-                "start": 364,
-                "end": 365
+                "start": 363,
+                "end": 364
             },
             "context": {
                 "type": "variable",
@@ -39486,8 +39486,8 @@
                 "value": "320px",
                 "scope": "default",
                 "line": {
-                    "start": 366,
-                    "end": 366
+                    "start": 365,
+                    "end": 365
                 }
             },
             "group": [
@@ -39504,8 +39504,8 @@
         {
             "description": "The horizontal padding of the Grid popup.\n",
             "commentRange": {
-                "start": 369,
-                "end": 370
+                "start": 368,
+                "end": 369
             },
             "context": {
                 "type": "variable",
@@ -39513,8 +39513,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 371,
-                    "end": 371
+                    "start": 370,
+                    "end": 370
                 }
             },
             "group": [
@@ -39531,8 +39531,8 @@
         {
             "description": "The vertical padding of the Grid popup.\n",
             "commentRange": {
-                "start": 372,
-                "end": 373
+                "start": 371,
+                "end": 372
             },
             "context": {
                 "type": "variable",
@@ -39540,8 +39540,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 374,
-                    "end": 374
+                    "start": 373,
+                    "end": 373
                 }
             },
             "group": [
@@ -39558,8 +39558,8 @@
         {
             "description": "The horizontal padding of the Grid item.\n",
             "commentRange": {
-                "start": 376,
-                "end": 377
+                "start": 375,
+                "end": 376
             },
             "context": {
                 "type": "variable",
@@ -39567,8 +39567,8 @@
                 "value": "$kendo-menu-popup-md-item-padding-x",
                 "scope": "default",
                 "line": {
-                    "start": 378,
-                    "end": 378
+                    "start": 377,
+                    "end": 377
                 }
             },
             "group": [
@@ -39585,8 +39585,8 @@
         {
             "description": "The vertical padding of the Grid item.\n",
             "commentRange": {
-                "start": 379,
-                "end": 380
+                "start": 378,
+                "end": 379
             },
             "context": {
                 "type": "variable",
@@ -39594,8 +39594,8 @@
                 "value": "$kendo-menu-popup-md-item-padding-y",
                 "scope": "default",
                 "line": {
-                    "start": 381,
-                    "end": 381
+                    "start": 380,
+                    "end": 380
                 }
             },
             "group": [
@@ -39612,8 +39612,8 @@
         {
             "description": "The horizontal padding of the Grid item.\n",
             "commentRange": {
-                "start": 383,
-                "end": 384
+                "start": 382,
+                "end": 383
             },
             "context": {
                 "type": "variable",
@@ -39621,8 +39621,8 @@
                 "value": "$kendo-list-md-item-padding-x",
                 "scope": "default",
                 "line": {
-                    "start": 385,
-                    "end": 385
+                    "start": 384,
+                    "end": 384
                 }
             },
             "group": [
@@ -39639,8 +39639,8 @@
         {
             "description": "The vertical padding of the Grid item.\n",
             "commentRange": {
-                "start": 386,
-                "end": 387
+                "start": 385,
+                "end": 386
             },
             "context": {
                 "type": "variable",
@@ -39648,8 +39648,8 @@
                 "value": "$kendo-list-md-item-padding-y",
                 "scope": "default",
                 "line": {
-                    "start": 388,
-                    "end": 388
+                    "start": 387,
+                    "end": 387
                 }
             },
             "group": [
@@ -39666,8 +39666,8 @@
         {
             "description": "The horizontal padding of the Grid.\n",
             "commentRange": {
-                "start": 390,
-                "end": 391
+                "start": 389,
+                "end": 390
             },
             "context": {
                 "type": "variable",
@@ -39675,8 +39675,8 @@
                 "value": "k-spacing(0)",
                 "scope": "default",
                 "line": {
-                    "start": 392,
-                    "end": 392
+                    "start": 391,
+                    "end": 391
                 }
             },
             "group": [
@@ -39693,8 +39693,8 @@
         {
             "description": "The vertical padding of the Grid.\n",
             "commentRange": {
-                "start": 393,
-                "end": 394
+                "start": 392,
+                "end": 393
             },
             "context": {
                 "type": "variable",
@@ -39702,8 +39702,8 @@
                 "value": "k-spacing(1.5)",
                 "scope": "default",
                 "line": {
-                    "start": 395,
-                    "end": 395
+                    "start": 394,
+                    "end": 394
                 }
             },
             "group": [
@@ -39720,8 +39720,8 @@
         {
             "description": "The horizontal padding of the Grid header.\n",
             "commentRange": {
-                "start": 397,
-                "end": 398
+                "start": 396,
+                "end": 397
             },
             "context": {
                 "type": "variable",
@@ -39729,8 +39729,8 @@
                 "value": "$kendo-menu-popup-md-item-padding-x",
                 "scope": "default",
                 "line": {
-                    "start": 399,
-                    "end": 399
+                    "start": 398,
+                    "end": 398
                 }
             },
             "group": [
@@ -39747,8 +39747,8 @@
         {
             "description": "The vertical padding of the Grid header.\n",
             "commentRange": {
-                "start": 400,
-                "end": 401
+                "start": 399,
+                "end": 400
             },
             "context": {
                 "type": "variable",
@@ -39756,8 +39756,8 @@
                 "value": "$kendo-menu-popup-md-item-padding-y",
                 "scope": "default",
                 "line": {
-                    "start": 402,
-                    "end": 402
+                    "start": 401,
+                    "end": 401
                 }
             },
             "group": [
@@ -39774,8 +39774,8 @@
         {
             "description": "The font size of the Grid header.\n",
             "commentRange": {
-                "start": 404,
-                "end": 405
+                "start": 403,
+                "end": 404
             },
             "context": {
                 "type": "variable",
@@ -39783,8 +39783,8 @@
                 "value": "var(--kendo-font-size-sm)",
                 "scope": "default",
                 "line": {
-                    "start": 406,
-                    "end": 406
+                    "start": 405,
+                    "end": 405
                 }
             },
             "group": [
@@ -39801,8 +39801,8 @@
         {
             "description": "The height of the Grid header.\n",
             "commentRange": {
-                "start": 407,
-                "end": 408
+                "start": 406,
+                "end": 407
             },
             "context": {
                 "type": "variable",
@@ -39810,8 +39810,8 @@
                 "value": "var(--kendo-line-height)",
                 "scope": "default",
                 "line": {
-                    "start": 409,
-                    "end": 409
+                    "start": 408,
+                    "end": 408
                 }
             },
             "group": [
@@ -39828,8 +39828,8 @@
         {
             "description": "The text color of the Grid header.\n",
             "commentRange": {
-                "start": 410,
-                "end": 411
+                "start": 409,
+                "end": 410
             },
             "context": {
                 "type": "variable",
@@ -39837,8 +39837,8 @@
                 "value": "uppercase",
                 "scope": "default",
                 "line": {
-                    "start": 412,
-                    "end": 412
+                    "start": 411,
+                    "end": 411
                 }
             },
             "group": [
@@ -39855,8 +39855,8 @@
         {
             "description": "The width of the Grid header.\n",
             "commentRange": {
-                "start": 413,
-                "end": 414
+                "start": 412,
+                "end": 413
             },
             "context": {
                 "type": "variable",
@@ -39864,8 +39864,8 @@
                 "value": "1px",
                 "scope": "default",
                 "line": {
-                    "start": 415,
-                    "end": 415
+                    "start": 414,
+                    "end": 414
                 }
             },
             "group": [
@@ -39882,8 +39882,8 @@
         {
             "description": "The background color of the Grid header.\n",
             "commentRange": {
-                "start": 417,
-                "end": 418
+                "start": 416,
+                "end": 417
             },
             "context": {
                 "type": "variable",
@@ -39891,8 +39891,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 419,
-                    "end": 419
+                    "start": 418,
+                    "end": 418
                 }
             },
             "group": [
@@ -39909,8 +39909,8 @@
         {
             "description": "The text color of the Grid header.\n",
             "commentRange": {
-                "start": 420,
-                "end": 421
+                "start": 419,
+                "end": 420
             },
             "context": {
                 "type": "variable",
@@ -39918,8 +39918,8 @@
                 "value": "$kendo-popup-text",
                 "scope": "default",
                 "line": {
-                    "start": 422,
-                    "end": 422
+                    "start": 421,
+                    "end": 421
                 }
             },
             "group": [
@@ -39936,8 +39936,8 @@
         {
             "description": "The border color of the Grid header.\n",
             "commentRange": {
-                "start": 423,
-                "end": 424
+                "start": 422,
+                "end": 423
             },
             "context": {
                 "type": "variable",
@@ -39945,8 +39945,8 @@
                 "value": "$kendo-popup-border",
                 "scope": "default",
                 "line": {
-                    "start": 425,
-                    "end": 425
+                    "start": 424,
+                    "end": 424
                 }
             },
             "group": [
@@ -39963,8 +39963,8 @@
         {
             "description": "The horizontal padding of the Grid content.\n",
             "commentRange": {
-                "start": 427,
-                "end": 428
+                "start": 426,
+                "end": 427
             },
             "context": {
                 "type": "variable",
@@ -39972,8 +39972,8 @@
                 "value": "k-spacing(0)",
                 "scope": "default",
                 "line": {
-                    "start": 429,
-                    "end": 429
+                    "start": 428,
+                    "end": 428
                 }
             },
             "group": [
@@ -39990,8 +39990,8 @@
         {
             "description": "The vertical padding of the Grid content.\n",
             "commentRange": {
-                "start": 430,
-                "end": 431
+                "start": 429,
+                "end": 430
             },
             "context": {
                 "type": "variable",
@@ -39999,8 +39999,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 432,
-                    "end": 432
+                    "start": 431,
+                    "end": 431
                 }
             },
             "group": [
@@ -40017,8 +40017,8 @@
         {
             "description": "The background color of the Grid.\n",
             "commentRange": {
-                "start": 434,
-                "end": 435
+                "start": 433,
+                "end": 434
             },
             "context": {
                 "type": "variable",
@@ -40026,8 +40026,8 @@
                 "value": "k-color(surface)",
                 "scope": "default",
                 "line": {
-                    "start": 436,
-                    "end": 436
+                    "start": 435,
+                    "end": 435
                 }
             },
             "group": [
@@ -40044,8 +40044,8 @@
         {
             "description": "The width of the Grid cell.\n",
             "commentRange": {
-                "start": 438,
-                "end": 439
+                "start": 437,
+                "end": 438
             },
             "context": {
                 "type": "variable",
@@ -40053,8 +40053,8 @@
                 "value": "($kendo-icon-size * 2.25)",
                 "scope": "default",
                 "line": {
-                    "start": 440,
-                    "end": 440
+                    "start": 439,
+                    "end": 439
                 }
             },
             "group": [
@@ -40071,8 +40071,8 @@
         {
             "description": "The width of the Grid.\n",
             "commentRange": {
-                "start": 442,
-                "end": 443
+                "start": 441,
+                "end": 442
             },
             "context": {
                 "type": "variable",
@@ -40080,8 +40080,8 @@
                 "value": "($kendo-icon-size * 2)",
                 "scope": "default",
                 "line": {
-                    "start": 444,
-                    "end": 444
+                    "start": 443,
+                    "end": 443
                 }
             },
             "group": [
@@ -40098,8 +40098,8 @@
         {
             "description": "The grouping border top of the Grid row.\n",
             "commentRange": {
-                "start": 446,
-                "end": 447
+                "start": 445,
+                "end": 446
             },
             "context": {
                 "type": "variable",
@@ -40107,8 +40107,8 @@
                 "value": "1px",
                 "scope": "default",
                 "line": {
-                    "start": 448,
-                    "end": 448
+                    "start": 447,
+                    "end": 447
                 }
             },
             "group": [
@@ -40125,8 +40125,8 @@
         {
             "description": "The vertical border of the Grid footer.\n",
             "commentRange": {
-                "start": 449,
-                "end": 450
+                "start": 448,
+                "end": 449
             },
             "context": {
                 "type": "variable",
@@ -40134,8 +40134,8 @@
                 "value": "1px",
                 "scope": "default",
                 "line": {
-                    "start": 451,
-                    "end": 451
+                    "start": 450,
+                    "end": 450
                 }
             },
             "group": [
@@ -40152,8 +40152,8 @@
         {
             "description": "The background color of the Grid row resize indicator.\n",
             "commentRange": {
-                "start": 453,
-                "end": 454
+                "start": 452,
+                "end": 453
             },
             "context": {
                 "type": "variable",
@@ -40161,8 +40161,8 @@
                 "value": "color-mix(in srgb, k-color(on-base) 20%, transparent)",
                 "scope": "default",
                 "line": {
-                    "start": 455,
-                    "end": 455
+                    "start": 454,
+                    "end": 454
                 }
             },
             "group": [
@@ -40179,8 +40179,8 @@
         {
             "description": "The background color of the active Grid row resize indicator.\n",
             "commentRange": {
-                "start": 456,
-                "end": 457
+                "start": 455,
+                "end": 456
             },
             "context": {
                 "type": "variable",
@@ -40188,8 +40188,8 @@
                 "value": "k-color(primary)",
                 "scope": "default",
                 "line": {
-                    "start": 458,
-                    "end": 458
+                    "start": 457,
+                    "end": 457
                 }
             },
             "group": [
@@ -40206,8 +40206,8 @@
         {
             "description": "The height of the Grid row resize indicator.\n",
             "commentRange": {
-                "start": 459,
-                "end": 460
+                "start": 458,
+                "end": 459
             },
             "context": {
                 "type": "variable",
@@ -40215,8 +40215,8 @@
                 "value": "k-spacing(0.5)",
                 "scope": "default",
                 "line": {
-                    "start": 461,
-                    "end": 461
+                    "start": 460,
+                    "end": 460
                 }
             },
             "group": [
@@ -40233,8 +40233,8 @@
         {
             "description": "The horizontal padding of the Grid stack layout cells.\n",
             "commentRange": {
-                "start": 463,
-                "end": 464
+                "start": 462,
+                "end": 463
             },
             "context": {
                 "type": "variable",
@@ -40242,8 +40242,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 465,
-                    "end": 465
+                    "start": 464,
+                    "end": 464
                 }
             },
             "group": [
@@ -40260,8 +40260,8 @@
         {
             "description": "The vertical padding of the Grid stack layout cells.\n",
             "commentRange": {
-                "start": 466,
-                "end": 467
+                "start": 465,
+                "end": 466
             },
             "context": {
                 "type": "variable",
@@ -40269,8 +40269,8 @@
                 "value": "k-spacing(1.5)",
                 "scope": "default",
                 "line": {
-                    "start": 468,
-                    "end": 468
+                    "start": 467,
+                    "end": 467
                 }
             },
             "group": [
@@ -40287,8 +40287,8 @@
         {
             "description": "The column gap of the Grid stack layout.\n",
             "commentRange": {
-                "start": 470,
-                "end": 471
+                "start": 469,
+                "end": 470
             },
             "context": {
                 "type": "variable",
@@ -40296,8 +40296,8 @@
                 "value": "k-spacing(1)",
                 "scope": "default",
                 "line": {
-                    "start": 472,
-                    "end": 472
+                    "start": 471,
+                    "end": 471
                 }
             },
             "group": [
@@ -40314,8 +40314,8 @@
         {
             "description": "The column gap of the editable Grid stack layout.\n",
             "commentRange": {
-                "start": 473,
-                "end": 474
+                "start": 472,
+                "end": 473
             },
             "context": {
                 "type": "variable",
@@ -40323,8 +40323,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 475,
-                    "end": 475
+                    "start": 474,
+                    "end": 474
                 }
             },
             "group": [
@@ -40341,8 +40341,8 @@
         {
             "description": "The width of the hierarchy column in the Grid stack layout.\n",
             "commentRange": {
-                "start": 477,
-                "end": 478
+                "start": 476,
+                "end": 477
             },
             "context": {
                 "type": "variable",
@@ -40350,8 +40350,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 479,
-                    "end": 479
+                    "start": 478,
+                    "end": 478
                 }
             },
             "group": [
@@ -40368,8 +40368,8 @@
         {
             "description": "The font size of the Grid stack layout column header.\n",
             "commentRange": {
-                "start": 481,
-                "end": 482
+                "start": 480,
+                "end": 481
             },
             "context": {
                 "type": "variable",
@@ -40377,8 +40377,8 @@
                 "value": "var(--kendo-font-size-sm)",
                 "scope": "default",
                 "line": {
-                    "start": 483,
-                    "end": 483
+                    "start": 482,
+                    "end": 482
                 }
             },
             "group": [
@@ -40395,8 +40395,8 @@
         {
             "description": "The font weight of the Grid stack layout column header.\n",
             "commentRange": {
-                "start": 484,
-                "end": 485
+                "start": 483,
+                "end": 484
             },
             "context": {
                 "type": "variable",
@@ -40404,8 +40404,8 @@
                 "value": "var(--kendo-font-weight-bold)",
                 "scope": "default",
                 "line": {
-                    "start": 486,
-                    "end": 486
+                    "start": 485,
+                    "end": 485
                 }
             },
             "group": [
@@ -40422,8 +40422,8 @@
         {
             "description": "The height of the Grid stack layout expandable row shadow.\n",
             "commentRange": {
-                "start": 487,
-                "end": 488
+                "start": 486,
+                "end": 487
             },
             "context": {
                 "type": "variable",
@@ -40431,8 +40431,8 @@
                 "value": "k-spacing(2.5)",
                 "scope": "default",
                 "line": {
-                    "start": 489,
-                    "end": 489
+                    "start": 488,
+                    "end": 488
                 }
             },
             "group": [
@@ -40449,8 +40449,8 @@
         {
             "description": "The color of the Grid stack layout column header.\n",
             "commentRange": {
-                "start": 491,
-                "end": 492
+                "start": 490,
+                "end": 491
             },
             "context": {
                 "type": "variable",
@@ -40458,8 +40458,8 @@
                 "value": "k-color(subtle)",
                 "scope": "default",
                 "line": {
-                    "start": 493,
-                    "end": 493
+                    "start": 492,
+                    "end": 492
                 }
             },
             "group": [
@@ -40476,8 +40476,8 @@
         {
             "description": "The outline color of the Grid stack layout focused cell.\n",
             "commentRange": {
-                "start": 494,
-                "end": 495
+                "start": 493,
+                "end": 494
             },
             "context": {
                 "type": "variable",
@@ -40485,8 +40485,8 @@
                 "value": "color-mix(in srgb, k-color(on-app-surface) 12%, transparent)",
                 "scope": "default",
                 "line": {
-                    "start": 496,
-                    "end": 496
+                    "start": 495,
+                    "end": 495
                 }
             },
             "group": [
@@ -40503,8 +40503,8 @@
         {
             "description": "The Grid stack layout expandable row shadow.\n",
             "commentRange": {
-                "start": 497,
-                "end": 498
+                "start": 496,
+                "end": 497
             },
             "context": {
                 "type": "variable",
@@ -40512,8 +40512,8 @@
                 "value": "k-elevation(2)",
                 "scope": "default",
                 "line": {
-                    "start": 499,
-                    "end": 499
+                    "start": 498,
+                    "end": 498
                 }
             },
             "group": [
@@ -40530,8 +40530,8 @@
         {
             "description": "The font weight of the pinned source row in the Grid.\n",
             "commentRange": {
-                "start": 501,
-                "end": 502
+                "start": 500,
+                "end": 501
             },
             "context": {
                 "type": "variable",
@@ -40539,8 +40539,8 @@
                 "value": "var(--kendo-font-weight-bold)",
                 "scope": "default",
                 "line": {
-                    "start": 503,
-                    "end": 503
+                    "start": 502,
+                    "end": 502
                 }
             },
             "group": [
@@ -40881,6 +40881,33 @@
             "resolvedValue": "#8B7CF6",
             "resolvedType": "Color"
         },
+        {
+            "description": "The color of action icons.\n",
+            "commentRange": {
+                "start": 41,
+                "end": 42
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-action-icon-color",
+                "value": "k-color( primary-on-surface )",
+                "scope": "default",
+                "line": {
+                    "start": 43,
+                    "end": 43
+                }
+            },
+            "group": [
+                "icon"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/icons/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-color-primary-on-surface)",
+            "resolvedType": "String"
+        },
         {
             "description": "The vertical margin of the ImageEditor.\n",
             "commentRange": {
@@ -55668,7 +55695,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-panelbar-header-text",
-                "value": "k-color(primary)",
+                "value": "k-color(primary-on-surface)",
                 "scope": "default",
                 "line": {
                     "start": 61,
@@ -55683,7 +55710,7 @@
                 "path": "default/scss/panelbar/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-primary)",
+            "resolvedValue": "var(--kendo-color-primary-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -73836,7 +73863,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-spreadsheet-insert-image-dialog-overlay-hover-text",
-                "value": "k-color(surface-alt)",
+                "value": "k-color(on-app-surface)",
                 "scope": "default",
                 "line": {
                     "start": 230,
@@ -73851,7 +73878,7 @@
                 "path": "default/scss/spreadsheet/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-surface-alt)",
+            "resolvedValue": "var(--kendo-color-on-app-surface)",
             "resolvedType": "String"
         },
         {
@@ -81009,7 +81036,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-tabstrip-item-selected-text",
-                "value": "k-color(primary)",
+                "value": "k-color(primary-on-surface)",
                 "scope": "default",
                 "line": {
                     "start": 132,
@@ -81024,7 +81051,7 @@
                 "path": "default/scss/tabstrip/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-primary)",
+            "resolvedValue": "var(--kendo-color-primary-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -83412,7 +83439,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-taskboard-card-header-text",
-                "value": "k-color(primary)",
+                "value": "k-color(primary-on-surface)",
                 "scope": "default",
                 "line": {
                     "start": 226,
@@ -83427,7 +83454,7 @@
                 "path": "default/scss/taskboard/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-primary)",
+            "resolvedValue": "var(--kendo-color-primary-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -83439,7 +83466,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-taskboard-card-header-hover-text",
-                "value": "k-color(primary-hover)",
+                "value": "k-color(primary-on-surface)",
                 "scope": "default",
                 "line": {
                     "start": 229,
@@ -83454,7 +83481,7 @@
                 "path": "default/scss/taskboard/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-primary-hover)",
+            "resolvedValue": "var(--kendo-color-primary-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -83466,7 +83493,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-taskboard-card-header-focus-text",
-                "value": "k-color(primary-hover)",
+                "value": "k-color(primary-on-surface)",
                 "scope": "default",
                 "line": {
                     "start": 232,
@@ -83481,7 +83508,7 @@
                 "path": "default/scss/taskboard/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-primary-hover)",
+            "resolvedValue": "var(--kendo-color-primary-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -84252,7 +84279,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,
@@ -84267,7 +84294,7 @@
                 "path": "default/scss/timeselector/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-primary)",
+            "resolvedValue": "var(--kendo-color-primary-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -84279,7 +84306,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,
@@ -84294,7 +84321,7 @@
                 "path": "default/scss/timeselector/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-primary-hover)",
+            "resolvedValue": "var(--kendo-color-primary-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -85035,7 +85062,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": 148,
@@ -85050,7 +85077,7 @@
                 "path": "default/scss/timeselector/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-primary)",
+            "resolvedValue": "var(--kendo-color-primary-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -85062,7 +85089,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": 151,
@@ -85077,7 +85104,7 @@
                 "path": "default/scss/timeselector/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-primary-hover)",
+            "resolvedValue": "var(--kendo-color-primary-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -89205,7 +89232,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-treeview-loadmore-text",
-                "value": "k-color(primary)",
+                "value": "k-color(primary-on-surface)",
                 "scope": "default",
                 "line": {
                     "start": 141,
@@ -89220,7 +89247,7 @@
                 "path": "default/scss/treeview/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-primary)",
+            "resolvedValue": "var(--kendo-color-primary-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -101365,7 +101392,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-adaptive-menu-clear-text",
-                        "value": "k-color(primary)",
+                        "value": "k-color(primary-on-surface)",
                         "scope": "default",
                         "line": {
                             "start": 31,
@@ -101380,7 +101407,7 @@
                         "path": "default/scss/adaptive/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-primary)",
+                    "resolvedValue": "var(--kendo-color-primary-on-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -101554,7 +101581,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-adaptive-grid-sort-text",
-                        "value": "k-color(primary)",
+                        "value": "k-color(primary-on-surface)",
                         "scope": "default",
                         "line": {
                             "start": 57,
@@ -101569,7 +101596,7 @@
                         "path": "default/scss/adaptive/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-primary)",
+                    "resolvedValue": "var(--kendo-color-primary-on-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -101581,7 +101608,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-adaptive-scheduler-current-text",
-                        "value": "k-color(primary)",
+                        "value": "k-color(primary-on-surface)",
                         "scope": "default",
                         "line": {
                             "start": 63,
@@ -101596,7 +101623,7 @@
                         "path": "default/scss/adaptive/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-primary)",
+                    "resolvedValue": "var(--kendo-color-primary-on-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -105310,7 +105337,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-breadcrumb-link-focus-text",
-                        "value": "k-color(primary)",
+                        "value": "k-color(primary-on-surface)",
                         "scope": "default",
                         "line": {
                             "start": 148,
@@ -105325,7 +105352,7 @@
                         "path": "default/scss/breadcrumb/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-primary)",
+                    "resolvedValue": "var(--kendo-color-primary-on-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -109823,7 +109850,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-calendar-today-color",
-                        "value": "k-color(primary)",
+                        "value": "k-color(primary-on-surface)",
                         "scope": "default",
                         "line": {
                             "start": 160,
@@ -109838,7 +109865,7 @@
                         "path": "default/scss/calendar/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-primary)",
+                    "resolvedValue": "var(--kendo-color-primary-on-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -110552,7 +110579,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-calendar-navigation-hover-text",
-                        "value": "k-color(primary-hover)",
+                        "value": "k-color(primary-on-surface)",
                         "scope": "default",
                         "line": {
                             "start": 252,
@@ -110567,7 +110594,7 @@
                         "path": "default/scss/calendar/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-primary-hover)",
+                    "resolvedValue": "var(--kendo-color-primary-on-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -111445,7 +111472,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-captcha-text",
-                        "value": "k-color(surface-alt)",
+                        "value": "k-color(on-app-surface)",
                         "scope": "default",
                         "line": {
                             "start": 29,
@@ -111460,7 +111487,7 @@
                         "path": "default/scss/captcha/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-surface-alt)",
+                    "resolvedValue": "var(--kendo-color-on-app-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -111472,7 +111499,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-captcha-border",
-                        "value": "k-color(surface-alt)",
+                        "value": "k-color(border)",
                         "scope": "default",
                         "line": {
                             "start": 32,
@@ -111487,7 +111514,7 @@
                         "path": "default/scss/captcha/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-surface-alt)",
+                    "resolvedValue": "var(--kendo-color-border)",
                     "resolvedType": "String"
                 },
                 {
@@ -126523,7 +126550,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": 68,
@@ -126538,7 +126565,7 @@
                         "path": "default/scss/column-menu/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-primary)",
+                    "resolvedValue": "var(--kendo-color-primary-on-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -133594,7 +133621,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,
@@ -133609,7 +133636,7 @@
                         "path": "default/scss/filter/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-primary)",
+                    "resolvedValue": "var(--kendo-color-primary-on-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -140465,8 +140492,8 @@
                 {
                     "description": "The background color of highlighted Grid rows.\n",
                     "commentRange": {
-                        "start": 249,
-                        "end": 250
+                        "start": 248,
+                        "end": 249
                     },
                     "context": {
                         "type": "variable",
@@ -140474,8 +140501,8 @@
                         "value": "$kendo-table-highlighted-bg",
                         "scope": "default",
                         "line": {
-                            "start": 251,
-                            "end": 251
+                            "start": 250,
+                            "end": 250
                         }
                     },
                     "group": [
@@ -140492,8 +140519,8 @@
                 {
                     "description": "The font weight of highlighted Grid rows.\n",
                     "commentRange": {
-                        "start": 252,
-                        "end": 253
+                        "start": 251,
+                        "end": 252
                     },
                     "context": {
                         "type": "variable",
@@ -140501,8 +140528,8 @@
                         "value": "$kendo-table-highlighted-font-weight",
                         "scope": "default",
                         "line": {
-                            "start": 254,
-                            "end": 254
+                            "start": 253,
+                            "end": 253
                         }
                     },
                     "group": [
@@ -140519,8 +140546,8 @@
                 {
                     "description": "The background color of selected highlighted Grid rows.\n",
                     "commentRange": {
-                        "start": 256,
-                        "end": 257
+                        "start": 255,
+                        "end": 256
                     },
                     "context": {
                         "type": "variable",
@@ -140528,8 +140555,8 @@
                         "value": "$kendo-table-selected-highlighted-bg",
                         "scope": "default",
                         "line": {
-                            "start": 258,
-                            "end": 258
+                            "start": 257,
+                            "end": 257
                         }
                     },
                     "group": [
@@ -140546,8 +140573,8 @@
                 {
                     "description": "The background color of the Grid selection aggregates container.\n",
                     "commentRange": {
-                        "start": 260,
-                        "end": 261
+                        "start": 259,
+                        "end": 260
                     },
                     "context": {
                         "type": "variable",
@@ -140555,8 +140582,8 @@
                         "value": "$kendo-grid-header-bg",
                         "scope": "default",
                         "line": {
-                            "start": 262,
-                            "end": 262
+                            "start": 261,
+                            "end": 261
                         }
                     },
                     "group": [
@@ -140573,8 +140600,8 @@
                 {
                     "description": "The text color of the Grid selection aggregates container.\n",
                     "commentRange": {
-                        "start": 263,
-                        "end": 264
+                        "start": 262,
+                        "end": 263
                     },
                     "context": {
                         "type": "variable",
@@ -140582,8 +140609,8 @@
                         "value": "$kendo-grid-text",
                         "scope": "default",
                         "line": {
-                            "start": 265,
-                            "end": 265
+                            "start": 264,
+                            "end": 264
                         }
                     },
                     "group": [
@@ -140600,8 +140627,8 @@
                 {
                     "description": "The border color of the Grid selection aggregates container.\n",
                     "commentRange": {
-                        "start": 266,
-                        "end": 267
+                        "start": 265,
+                        "end": 266
                     },
                     "context": {
                         "type": "variable",
@@ -140609,8 +140636,8 @@
                         "value": "$kendo-grid-border",
                         "scope": "default",
                         "line": {
-                            "start": 268,
-                            "end": 268
+                            "start": 267,
+                            "end": 267
                         }
                     },
                     "group": [
@@ -140627,8 +140654,8 @@
                 {
                     "description": "The border width of the Grid selection aggregates container.\n",
                     "commentRange": {
-                        "start": 269,
-                        "end": 270
+                        "start": 268,
+                        "end": 269
                     },
                     "context": {
                         "type": "variable",
@@ -140636,8 +140663,8 @@
                         "value": "$kendo-grid-border-width",
                         "scope": "default",
                         "line": {
-                            "start": 271,
-                            "end": 271
+                            "start": 270,
+                            "end": 270
                         }
                     },
                     "group": [
@@ -140654,8 +140681,8 @@
                 {
                     "description": "The spacing between the selection aggregates items.\n",
                     "commentRange": {
-                        "start": 272,
-                        "end": 273
+                        "start": 271,
+                        "end": 272
                     },
                     "context": {
                         "type": "variable",
@@ -140663,8 +140690,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 274,
-                            "end": 274
+                            "start": 273,
+                            "end": 273
                         }
                     },
                     "group": [
@@ -140681,8 +140708,8 @@
                 {
                     "description": "The line height of the Grid selection aggregates container.\n",
                     "commentRange": {
-                        "start": 275,
-                        "end": 276
+                        "start": 274,
+                        "end": 275
                     },
                     "context": {
                         "type": "variable",
@@ -140690,8 +140717,8 @@
                         "value": "$kendo-grid-line-height",
                         "scope": "default",
                         "line": {
-                            "start": 277,
-                            "end": 277
+                            "start": 276,
+                            "end": 276
                         }
                     },
                     "group": [
@@ -140708,8 +140735,8 @@
                 {
                     "description": "The font weight of the Grid selection aggregates container.\n",
                     "commentRange": {
-                        "start": 278,
-                        "end": 279
+                        "start": 277,
+                        "end": 278
                     },
                     "context": {
                         "type": "variable",
@@ -140717,8 +140744,8 @@
                         "value": "var(--kendo-font-weight-bold)",
                         "scope": "default",
                         "line": {
-                            "start": 280,
-                            "end": 280
+                            "start": 279,
+                            "end": 279
                         }
                     },
                     "group": [
@@ -140735,8 +140762,8 @@
                 {
                     "description": "The background color of the Grid row.\n",
                     "commentRange": {
-                        "start": 282,
-                        "end": 283
+                        "start": 281,
+                        "end": 282
                     },
                     "context": {
                         "type": "variable",
@@ -140744,8 +140771,8 @@
                         "value": "k-color(surface)",
                         "scope": "default",
                         "line": {
-                            "start": 284,
-                            "end": 284
+                            "start": 283,
+                            "end": 283
                         }
                     },
                     "group": [
@@ -140762,8 +140789,8 @@
                 {
                     "description": "The text color of the Grid row.\n",
                     "commentRange": {
-                        "start": 285,
-                        "end": 286
+                        "start": 284,
+                        "end": 285
                     },
                     "context": {
                         "type": "variable",
@@ -140771,8 +140798,8 @@
                         "value": "$kendo-grid-text",
                         "scope": "default",
                         "line": {
-                            "start": 287,
-                            "end": 287
+                            "start": 286,
+                            "end": 286
                         }
                     },
                     "group": [
@@ -140789,8 +140816,8 @@
                 {
                     "description": "The sorted icon spacing of the Grid.\n",
                     "commentRange": {
-                        "start": 289,
-                        "end": 290
+                        "start": 288,
+                        "end": 289
                     },
                     "context": {
                         "type": "variable",
@@ -140798,8 +140825,8 @@
                         "value": "calc( #{k-spacing(2)} - 1px )",
                         "scope": "default",
                         "line": {
-                            "start": 291,
-                            "end": 291
+                            "start": 290,
+                            "end": 290
                         }
                     },
                     "group": [
@@ -140816,8 +140843,8 @@
                 {
                     "description": "The background color of the Grid.\n",
                     "commentRange": {
-                        "start": 292,
-                        "end": 293
+                        "start": 291,
+                        "end": 292
                     },
                     "context": {
                         "type": "variable",
@@ -140825,8 +140852,8 @@
                         "value": "color-mix(in srgb, k-color(on-app-surface) 3%, transparent)",
                         "scope": "default",
                         "line": {
-                            "start": 294,
-                            "end": 294
+                            "start": 293,
+                            "end": 293
                         }
                     },
                     "group": [
@@ -140843,8 +140870,8 @@
                 {
                     "description": "The text color of the Grid.\n",
                     "commentRange": {
-                        "start": 295,
-                        "end": 296
+                        "start": 294,
+                        "end": 295
                     },
                     "context": {
                         "type": "variable",
@@ -140852,8 +140879,8 @@
                         "value": "k-color(primary)",
                         "scope": "default",
                         "line": {
-                            "start": 297,
-                            "end": 297
+                            "start": 296,
+                            "end": 296
                         }
                     },
                     "group": [
@@ -140870,8 +140897,8 @@
                 {
                     "description": "The font size of the Grid.\n",
                     "commentRange": {
-                        "start": 298,
-                        "end": 299
+                        "start": 297,
+                        "end": 298
                     },
                     "context": {
                         "type": "variable",
@@ -140879,8 +140906,8 @@
                         "value": "var(--kendo-font-size-sm)",
                         "scope": "default",
                         "line": {
-                            "start": 300,
-                            "end": 300
+                            "start": 299,
+                            "end": 299
                         }
                     },
                     "group": [
@@ -140897,8 +140924,8 @@
                 {
                     "description": "The spacing of the Grid.\n",
                     "commentRange": {
-                        "start": 301,
-                        "end": 302
+                        "start": 300,
+                        "end": 301
                     },
                     "context": {
                         "type": "variable",
@@ -140906,8 +140933,8 @@
                         "value": "calc( #{$kendo-icon-spacing} / 2 )",
                         "scope": "default",
                         "line": {
-                            "start": 303,
-                            "end": 303
+                            "start": 302,
+                            "end": 302
                         }
                     },
                     "group": [
@@ -140924,8 +140951,8 @@
                 {
                     "description": "The vertical spacing of the Grid.\n",
                     "commentRange": {
-                        "start": 304,
-                        "end": 305
+                        "start": 303,
+                        "end": 304
                     },
                     "context": {
                         "type": "variable",
@@ -140933,8 +140960,8 @@
                         "value": "calc( #{$kendo-grid-sorting-index-spacing-y} * -1)",
                         "scope": "default",
                         "line": {
-                            "start": 306,
-                            "end": 306
+                            "start": 305,
+                            "end": 305
                         }
                     },
                     "group": [
@@ -140951,8 +140978,8 @@
                 {
                     "description": "The shadow of the Grid.\n",
                     "commentRange": {
-                        "start": 309,
-                        "end": 310
+                        "start": 308,
+                        "end": 309
                     },
                     "context": {
                         "type": "variable",
@@ -140960,8 +140987,8 @@
                         "value": "$kendo-table-focus-shadow",
                         "scope": "default",
                         "line": {
-                            "start": 311,
-                            "end": 311
+                            "start": 310,
+                            "end": 310
                         }
                     },
                     "group": [
@@ -140978,8 +141005,8 @@
                 {
                     "description": "The spacing of the Grid button.\n",
                     "commentRange": {
-                        "start": 313,
-                        "end": 314
+                        "start": 312,
+                        "end": 313
                     },
                     "context": {
                         "type": "variable",
@@ -140987,8 +141014,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 315,
-                            "end": 315
+                            "start": 314,
+                            "end": 314
                         }
                     },
                     "group": [
@@ -141005,8 +141032,8 @@
                 {
                     "description": "The background color of the sticky content in the Grid.\n",
                     "commentRange": {
-                        "start": 318,
-                        "end": 319
+                        "start": 317,
+                        "end": 318
                     },
                     "context": {
                         "type": "variable",
@@ -141014,8 +141041,8 @@
                         "value": "k-color(surface-alt)",
                         "scope": "default",
                         "line": {
-                            "start": 320,
-                            "end": 320
+                            "start": 319,
+                            "end": 319
                         }
                     },
                     "group": [
@@ -141032,8 +141059,8 @@
                 {
                     "description": "The background color of the hovered sticky content in the Grid.\n",
                     "commentRange": {
-                        "start": 321,
-                        "end": 322
+                        "start": 320,
+                        "end": 321
                     },
                     "context": {
                         "type": "variable",
@@ -141041,8 +141068,8 @@
                         "value": "k-color(base-hover)",
                         "scope": "default",
                         "line": {
-                            "start": 323,
-                            "end": 323
+                            "start": 322,
+                            "end": 322
                         }
                     },
                     "group": [
@@ -141059,8 +141086,8 @@
                 {
                     "description": "The alternate background color of the sticky content in the Grid.\n",
                     "commentRange": {
-                        "start": 324,
-                        "end": 325
+                        "start": 323,
+                        "end": 324
                     },
                     "context": {
                         "type": "variable",
@@ -141068,8 +141095,8 @@
                         "value": "k-color(base)",
                         "scope": "default",
                         "line": {
-                            "start": 326,
-                            "end": 326
+                            "start": 325,
+                            "end": 325
                         }
                     },
                     "group": [
@@ -141086,8 +141113,8 @@
                 {
                     "description": "The border color of the sticky content in the Grid.\n",
                     "commentRange": {
-                        "start": 328,
-                        "end": 329
+                        "start": 327,
+                        "end": 328
                     },
                     "context": {
                         "type": "variable",
@@ -141095,8 +141122,8 @@
                         "value": "color-mix(in srgb, k-color(on-app-surface) 30%, transparent)",
                         "scope": "default",
                         "line": {
-                            "start": 330,
-                            "end": 330
+                            "start": 329,
+                            "end": 329
                         }
                     },
                     "group": [
@@ -141113,8 +141140,8 @@
                 {
                     "description": "The background color of the sticky header in the Grid.\n",
                     "commentRange": {
-                        "start": 332,
-                        "end": 333
+                        "start": 331,
+                        "end": 332
                     },
                     "context": {
                         "type": "variable",
@@ -141122,8 +141149,8 @@
                         "value": "$kendo-grid-header-bg",
                         "scope": "default",
                         "line": {
-                            "start": 334,
-                            "end": 334
+                            "start": 333,
+                            "end": 333
                         }
                     },
                     "group": [
@@ -141140,8 +141167,8 @@
                 {
                     "description": "The text color of the sticky header in the Grid.\n",
                     "commentRange": {
-                        "start": 335,
-                        "end": 336
+                        "start": 334,
+                        "end": 335
                     },
                     "context": {
                         "type": "variable",
@@ -141149,8 +141176,8 @@
                         "value": "$kendo-grid-header-text",
                         "scope": "default",
                         "line": {
-                            "start": 337,
-                            "end": 337
+                            "start": 336,
+                            "end": 336
                         }
                     },
                     "group": [
@@ -141167,8 +141194,8 @@
                 {
                     "description": "The border color of the sticky header in the Grid.\n",
                     "commentRange": {
-                        "start": 338,
-                        "end": 339
+                        "start": 337,
+                        "end": 338
                     },
                     "context": {
                         "type": "variable",
@@ -141176,8 +141203,8 @@
                         "value": "$kendo-grid-sticky-border",
                         "scope": "default",
                         "line": {
-                            "start": 340,
-                            "end": 340
+                            "start": 339,
+                            "end": 339
                         }
                     },
                     "group": [
@@ -141194,8 +141221,8 @@
                 {
                     "description": "The background color of the sticky footer in the Grid.\n",
                     "commentRange": {
-                        "start": 342,
-                        "end": 343
+                        "start": 341,
+                        "end": 342
                     },
                     "context": {
                         "type": "variable",
@@ -141203,8 +141230,8 @@
                         "value": "$kendo-grid-header-bg",
                         "scope": "default",
                         "line": {
-                            "start": 344,
-                            "end": 344
+                            "start": 343,
+                            "end": 343
                         }
                     },
                     "group": [
@@ -141221,8 +141248,8 @@
                 {
                     "description": "The box shadow of the sticky container in the Grid.\n",
                     "commentRange": {
-                        "start": 346,
-                        "end": 347
+                        "start": 345,
+                        "end": 346
                     },
                     "context": {
                         "type": "variable",
@@ -141230,8 +141257,8 @@
                         "value": "0 2px 4px 0 rgba(0, 0, 0, 0.08)",
                         "scope": "default",
                         "line": {
-                            "start": 348,
-                            "end": 348
+                            "start": 347,
+                            "end": 347
                         }
                     },
                     "group": [
@@ -141248,8 +141275,8 @@
                 {
                     "description": "The box shadow of the sticky container positioned at the bottom in the Grid.\n",
                     "commentRange": {
-                        "start": 349,
-                        "end": 350
+                        "start": 348,
+                        "end": 349
                     },
                     "context": {
                         "type": "variable",
@@ -141257,8 +141284,8 @@
                         "value": "0 -2px 4px 0 rgba(0, 0, 0, 0.08)",
                         "scope": "default",
                         "line": {
-                            "start": 351,
-                            "end": 351
+                            "start": 350,
+                            "end": 350
                         }
                     },
                     "group": [
@@ -141275,8 +141302,8 @@
                 {
                     "description": "The box shadow of the pinned container in the Grid.\n",
                     "commentRange": {
-                        "start": 353,
-                        "end": 354
+                        "start": 352,
+                        "end": 353
                     },
                     "context": {
                         "type": "variable",
@@ -141284,8 +141311,8 @@
                         "value": "0 4px 8px 0 rgba(0, 0, 0, 0.08)",
                         "scope": "default",
                         "line": {
-                            "start": 355,
-                            "end": 355
+                            "start": 354,
+                            "end": 354
                         }
                     },
                     "group": [
@@ -141302,8 +141329,8 @@
                 {
                     "description": "The box shadow of the pinned container positioned at the bottom in the Grid.\n",
                     "commentRange": {
-                        "start": 356,
-                        "end": 357
+                        "start": 355,
+                        "end": 356
                     },
                     "context": {
                         "type": "variable",
@@ -141311,8 +141338,8 @@
                         "value": "0 -4px 8px 0 rgba(0, 0, 0, 0.08)",
                         "scope": "default",
                         "line": {
-                            "start": 358,
-                            "end": 358
+                            "start": 357,
+                            "end": 357
                         }
                     },
                     "group": [
@@ -141329,8 +141356,8 @@
                 {
                     "description": "The width of the Grid column menu.\n",
                     "commentRange": {
-                        "start": 361,
-                        "end": 362
+                        "start": 360,
+                        "end": 361
                     },
                     "context": {
                         "type": "variable",
@@ -141338,8 +141365,8 @@
                         "value": "230px",
                         "scope": "default",
                         "line": {
-                            "start": 363,
-                            "end": 363
+                            "start": 362,
+                            "end": 362
                         }
                     },
                     "group": [
@@ -141356,8 +141383,8 @@
                 {
                     "description": "The maximum width of the Grid column menu.\n",
                     "commentRange": {
-                        "start": 364,
-                        "end": 365
+                        "start": 363,
+                        "end": 364
                     },
                     "context": {
                         "type": "variable",
@@ -141365,8 +141392,8 @@
                         "value": "320px",
                         "scope": "default",
                         "line": {
-                            "start": 366,
-                            "end": 366
+                            "start": 365,
+                            "end": 365
                         }
                     },
                     "group": [
@@ -141383,8 +141410,8 @@
                 {
                     "description": "The horizontal padding of the Grid popup.\n",
                     "commentRange": {
-                        "start": 369,
-                        "end": 370
+                        "start": 368,
+                        "end": 369
                     },
                     "context": {
                         "type": "variable",
@@ -141392,8 +141419,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 371,
-                            "end": 371
+                            "start": 370,
+                            "end": 370
                         }
                     },
                     "group": [
@@ -141410,8 +141437,8 @@
                 {
                     "description": "The vertical padding of the Grid popup.\n",
                     "commentRange": {
-                        "start": 372,
-                        "end": 373
+                        "start": 371,
+                        "end": 372
                     },
                     "context": {
                         "type": "variable",
@@ -141419,8 +141446,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 374,
-                            "end": 374
+                            "start": 373,
+                            "end": 373
                         }
                     },
                     "group": [
@@ -141437,8 +141464,8 @@
                 {
                     "description": "The horizontal padding of the Grid item.\n",
                     "commentRange": {
-                        "start": 376,
-                        "end": 377
+                        "start": 375,
+                        "end": 376
                     },
                     "context": {
                         "type": "variable",
@@ -141446,8 +141473,8 @@
                         "value": "$kendo-menu-popup-md-item-padding-x",
                         "scope": "default",
                         "line": {
-                            "start": 378,
-                            "end": 378
+                            "start": 377,
+                            "end": 377
                         }
                     },
                     "group": [
@@ -141464,8 +141491,8 @@
                 {
                     "description": "The vertical padding of the Grid item.\n",
                     "commentRange": {
-                        "start": 379,
-                        "end": 380
+                        "start": 378,
+                        "end": 379
                     },
                     "context": {
                         "type": "variable",
@@ -141473,8 +141500,8 @@
                         "value": "$kendo-menu-popup-md-item-padding-y",
                         "scope": "default",
                         "line": {
-                            "start": 381,
-                            "end": 381
+                            "start": 380,
+                            "end": 380
                         }
                     },
                     "group": [
@@ -141491,8 +141518,8 @@
                 {
                     "description": "The horizontal padding of the Grid item.\n",
                     "commentRange": {
-                        "start": 383,
-                        "end": 384
+                        "start": 382,
+                        "end": 383
                     },
                     "context": {
                         "type": "variable",
@@ -141500,8 +141527,8 @@
                         "value": "$kendo-list-md-item-padding-x",
                         "scope": "default",
                         "line": {
-                            "start": 385,
-                            "end": 385
+                            "start": 384,
+                            "end": 384
                         }
                     },
                     "group": [
@@ -141518,8 +141545,8 @@
                 {
                     "description": "The vertical padding of the Grid item.\n",
                     "commentRange": {
-                        "start": 386,
-                        "end": 387
+                        "start": 385,
+                        "end": 386
                     },
                     "context": {
                         "type": "variable",
@@ -141527,8 +141554,8 @@
                         "value": "$kendo-list-md-item-padding-y",
                         "scope": "default",
                         "line": {
-                            "start": 388,
-                            "end": 388
+                            "start": 387,
+                            "end": 387
                         }
                     },
                     "group": [
@@ -141545,8 +141572,8 @@
                 {
                     "description": "The horizontal padding of the Grid.\n",
                     "commentRange": {
-                        "start": 390,
-                        "end": 391
+                        "start": 389,
+                        "end": 390
                     },
                     "context": {
                         "type": "variable",
@@ -141554,8 +141581,8 @@
                         "value": "k-spacing(0)",
                         "scope": "default",
                         "line": {
-                            "start": 392,
-                            "end": 392
+                            "start": 391,
+                            "end": 391
                         }
                     },
                     "group": [
@@ -141572,8 +141599,8 @@
                 {
                     "description": "The vertical padding of the Grid.\n",
                     "commentRange": {
-                        "start": 393,
-                        "end": 394
+                        "start": 392,
+                        "end": 393
                     },
                     "context": {
                         "type": "variable",
@@ -141581,8 +141608,8 @@
                         "value": "k-spacing(1.5)",
                         "scope": "default",
                         "line": {
-                            "start": 395,
-                            "end": 395
+                            "start": 394,
+                            "end": 394
                         }
                     },
                     "group": [
@@ -141599,8 +141626,8 @@
                 {
                     "description": "The horizontal padding of the Grid header.\n",
                     "commentRange": {
-                        "start": 397,
-                        "end": 398
+                        "start": 396,
+                        "end": 397
                     },
                     "context": {
                         "type": "variable",
@@ -141608,8 +141635,8 @@
                         "value": "$kendo-menu-popup-md-item-padding-x",
                         "scope": "default",
                         "line": {
-                            "start": 399,
-                            "end": 399
+                            "start": 398,
+                            "end": 398
                         }
                     },
                     "group": [
@@ -141626,8 +141653,8 @@
                 {
                     "description": "The vertical padding of the Grid header.\n",
                     "commentRange": {
-                        "start": 400,
-                        "end": 401
+                        "start": 399,
+                        "end": 400
                     },
                     "context": {
                         "type": "variable",
@@ -141635,8 +141662,8 @@
                         "value": "$kendo-menu-popup-md-item-padding-y",
                         "scope": "default",
                         "line": {
-                            "start": 402,
-                            "end": 402
+                            "start": 401,
+                            "end": 401
                         }
                     },
                     "group": [
@@ -141653,8 +141680,8 @@
                 {
                     "description": "The font size of the Grid header.\n",
                     "commentRange": {
-                        "start": 404,
-                        "end": 405
+                        "start": 403,
+                        "end": 404
                     },
                     "context": {
                         "type": "variable",
@@ -141662,8 +141689,8 @@
                         "value": "var(--kendo-font-size-sm)",
                         "scope": "default",
                         "line": {
-                            "start": 406,
-                            "end": 406
+                            "start": 405,
+                            "end": 405
                         }
                     },
                     "group": [
@@ -141680,8 +141707,8 @@
                 {
                     "description": "The height of the Grid header.\n",
                     "commentRange": {
-                        "start": 407,
-                        "end": 408
+                        "start": 406,
+                        "end": 407
                     },
                     "context": {
                         "type": "variable",
@@ -141689,8 +141716,8 @@
                         "value": "var(--kendo-line-height)",
                         "scope": "default",
                         "line": {
-                            "start": 409,
-                            "end": 409
+                            "start": 408,
+                            "end": 408
                         }
                     },
                     "group": [
@@ -141707,8 +141734,8 @@
                 {
                     "description": "The text color of the Grid header.\n",
                     "commentRange": {
-                        "start": 410,
-                        "end": 411
+                        "start": 409,
+                        "end": 410
                     },
                     "context": {
                         "type": "variable",
@@ -141716,8 +141743,8 @@
                         "value": "uppercase",
                         "scope": "default",
                         "line": {
-                            "start": 412,
-                            "end": 412
+                            "start": 411,
+                            "end": 411
                         }
                     },
                     "group": [
@@ -141734,8 +141761,8 @@
                 {
                     "description": "The width of the Grid header.\n",
                     "commentRange": {
-                        "start": 413,
-                        "end": 414
+                        "start": 412,
+                        "end": 413
                     },
                     "context": {
                         "type": "variable",
@@ -141743,8 +141770,8 @@
                         "value": "1px",
                         "scope": "default",
                         "line": {
-                            "start": 415,
-                            "end": 415
+                            "start": 414,
+                            "end": 414
                         }
                     },
                     "group": [
@@ -141761,8 +141788,8 @@
                 {
                     "description": "The background color of the Grid header.\n",
                     "commentRange": {
-                        "start": 417,
-                        "end": 418
+                        "start": 416,
+                        "end": 417
                     },
                     "context": {
                         "type": "variable",
@@ -141770,8 +141797,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 419,
-                            "end": 419
+                            "start": 418,
+                            "end": 418
                         }
                     },
                     "group": [
@@ -141788,8 +141815,8 @@
                 {
                     "description": "The text color of the Grid header.\n",
                     "commentRange": {
-                        "start": 420,
-                        "end": 421
+                        "start": 419,
+                        "end": 420
                     },
                     "context": {
                         "type": "variable",
@@ -141797,8 +141824,8 @@
                         "value": "$kendo-popup-text",
                         "scope": "default",
                         "line": {
-                            "start": 422,
-                            "end": 422
+                            "start": 421,
+                            "end": 421
                         }
                     },
                     "group": [
@@ -141815,8 +141842,8 @@
                 {
                     "description": "The border color of the Grid header.\n",
                     "commentRange": {
-                        "start": 423,
-                        "end": 424
+                        "start": 422,
+                        "end": 423
                     },
                     "context": {
                         "type": "variable",
@@ -141824,8 +141851,8 @@
                         "value": "$kendo-popup-border",
                         "scope": "default",
                         "line": {
-                            "start": 425,
-                            "end": 425
+                            "start": 424,
+                            "end": 424
                         }
                     },
                     "group": [
@@ -141842,8 +141869,8 @@
                 {
                     "description": "The horizontal padding of the Grid content.\n",
                     "commentRange": {
-                        "start": 427,
-                        "end": 428
+                        "start": 426,
+                        "end": 427
                     },
                     "context": {
                         "type": "variable",
@@ -141851,8 +141878,8 @@
                         "value": "k-spacing(0)",
                         "scope": "default",
                         "line": {
-                            "start": 429,
-                            "end": 429
+                            "start": 428,
+                            "end": 428
                         }
                     },
                     "group": [
@@ -141869,8 +141896,8 @@
                 {
                     "description": "The vertical padding of the Grid content.\n",
                     "commentRange": {
-                        "start": 430,
-                        "end": 431
+                        "start": 429,
+                        "end": 430
                     },
                     "context": {
                         "type": "variable",
@@ -141878,8 +141905,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 432,
-                            "end": 432
+                            "start": 431,
+                            "end": 431
                         }
                     },
                     "group": [
@@ -141896,8 +141923,8 @@
                 {
                     "description": "The background color of the Grid.\n",
                     "commentRange": {
-                        "start": 434,
-                        "end": 435
+                        "start": 433,
+                        "end": 434
                     },
                     "context": {
                         "type": "variable",
@@ -141905,8 +141932,8 @@
                         "value": "k-color(surface)",
                         "scope": "default",
                         "line": {
-                            "start": 436,
-                            "end": 436
+                            "start": 435,
+                            "end": 435
                         }
                     },
                     "group": [
@@ -141923,8 +141950,8 @@
                 {
                     "description": "The width of the Grid cell.\n",
                     "commentRange": {
-                        "start": 438,
-                        "end": 439
+                        "start": 437,
+                        "end": 438
                     },
                     "context": {
                         "type": "variable",
@@ -141932,8 +141959,8 @@
                         "value": "($kendo-icon-size * 2.25)",
                         "scope": "default",
                         "line": {
-                            "start": 440,
-                            "end": 440
+                            "start": 439,
+                            "end": 439
                         }
                     },
                     "group": [
@@ -141950,8 +141977,8 @@
                 {
                     "description": "The width of the Grid.\n",
                     "commentRange": {
-                        "start": 442,
-                        "end": 443
+                        "start": 441,
+                        "end": 442
                     },
                     "context": {
                         "type": "variable",
@@ -141959,8 +141986,8 @@
                         "value": "($kendo-icon-size * 2)",
                         "scope": "default",
                         "line": {
-                            "start": 444,
-                            "end": 444
+                            "start": 443,
+                            "end": 443
                         }
                     },
                     "group": [
@@ -141977,8 +142004,8 @@
                 {
                     "description": "The grouping border top of the Grid row.\n",
                     "commentRange": {
-                        "start": 446,
-                        "end": 447
+                        "start": 445,
+                        "end": 446
                     },
                     "context": {
                         "type": "variable",
@@ -141986,8 +142013,8 @@
                         "value": "1px",
                         "scope": "default",
                         "line": {
-                            "start": 448,
-                            "end": 448
+                            "start": 447,
+                            "end": 447
                         }
                     },
                     "group": [
@@ -142004,8 +142031,8 @@
                 {
                     "description": "The vertical border of the Grid footer.\n",
                     "commentRange": {
-                        "start": 449,
-                        "end": 450
+                        "start": 448,
+                        "end": 449
                     },
                     "context": {
                         "type": "variable",
@@ -142013,8 +142040,8 @@
                         "value": "1px",
                         "scope": "default",
                         "line": {
-                            "start": 451,
-                            "end": 451
+                            "start": 450,
+                            "end": 450
                         }
                     },
                     "group": [
@@ -142031,8 +142058,8 @@
                 {
                     "description": "The background color of the Grid row resize indicator.\n",
                     "commentRange": {
-                        "start": 453,
-                        "end": 454
+                        "start": 452,
+                        "end": 453
                     },
                     "context": {
                         "type": "variable",
@@ -142040,8 +142067,8 @@
                         "value": "color-mix(in srgb, k-color(on-base) 20%, transparent)",
                         "scope": "default",
                         "line": {
-                            "start": 455,
-                            "end": 455
+                            "start": 454,
+                            "end": 454
                         }
                     },
                     "group": [
@@ -142058,8 +142085,8 @@
                 {
                     "description": "The background color of the active Grid row resize indicator.\n",
                     "commentRange": {
-                        "start": 456,
-                        "end": 457
+                        "start": 455,
+                        "end": 456
                     },
                     "context": {
                         "type": "variable",
@@ -142067,8 +142094,8 @@
                         "value": "k-color(primary)",
                         "scope": "default",
                         "line": {
-                            "start": 458,
-                            "end": 458
+                            "start": 457,
+                            "end": 457
                         }
                     },
                     "group": [
@@ -142085,8 +142112,8 @@
                 {
                     "description": "The height of the Grid row resize indicator.\n",
                     "commentRange": {
-                        "start": 459,
-                        "end": 460
+                        "start": 458,
+                        "end": 459
                     },
                     "context": {
                         "type": "variable",
@@ -142094,8 +142121,8 @@
                         "value": "k-spacing(0.5)",
                         "scope": "default",
                         "line": {
-                            "start": 461,
-                            "end": 461
+                            "start": 460,
+                            "end": 460
                         }
                     },
                     "group": [
@@ -142112,8 +142139,8 @@
                 {
                     "description": "The horizontal padding of the Grid stack layout cells.\n",
                     "commentRange": {
-                        "start": 463,
-                        "end": 464
+                        "start": 462,
+                        "end": 463
                     },
                     "context": {
                         "type": "variable",
@@ -142121,8 +142148,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 465,
-                            "end": 465
+                            "start": 464,
+                            "end": 464
                         }
                     },
                     "group": [
@@ -142139,8 +142166,8 @@
                 {
                     "description": "The vertical padding of the Grid stack layout cells.\n",
                     "commentRange": {
-                        "start": 466,
-                        "end": 467
+                        "start": 465,
+                        "end": 466
                     },
                     "context": {
                         "type": "variable",
@@ -142148,8 +142175,8 @@
                         "value": "k-spacing(1.5)",
                         "scope": "default",
                         "line": {
-                            "start": 468,
-                            "end": 468
+                            "start": 467,
+                            "end": 467
                         }
                     },
                     "group": [
@@ -142166,8 +142193,8 @@
                 {
                     "description": "The column gap of the Grid stack layout.\n",
                     "commentRange": {
-                        "start": 470,
-                        "end": 471
+                        "start": 469,
+                        "end": 470
                     },
                     "context": {
                         "type": "variable",
@@ -142175,8 +142202,8 @@
                         "value": "k-spacing(1)",
                         "scope": "default",
                         "line": {
-                            "start": 472,
-                            "end": 472
+                            "start": 471,
+                            "end": 471
                         }
                     },
                     "group": [
@@ -142193,8 +142220,8 @@
                 {
                     "description": "The column gap of the editable Grid stack layout.\n",
                     "commentRange": {
-                        "start": 473,
-                        "end": 474
+                        "start": 472,
+                        "end": 473
                     },
                     "context": {
                         "type": "variable",
@@ -142202,8 +142229,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 475,
-                            "end": 475
+                            "start": 474,
+                            "end": 474
                         }
                     },
                     "group": [
@@ -142220,8 +142247,8 @@
                 {
                     "description": "The width of the hierarchy column in the Grid stack layout.\n",
                     "commentRange": {
-                        "start": 477,
-                        "end": 478
+                        "start": 476,
+                        "end": 477
                     },
                     "context": {
                         "type": "variable",
@@ -142229,8 +142256,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 479,
-                            "end": 479
+                            "start": 478,
+                            "end": 478
                         }
                     },
                     "group": [
@@ -142247,8 +142274,8 @@
                 {
                     "description": "The font size of the Grid stack layout column header.\n",
                     "commentRange": {
-                        "start": 481,
-                        "end": 482
+                        "start": 480,
+                        "end": 481
                     },
                     "context": {
                         "type": "variable",
@@ -142256,8 +142283,8 @@
                         "value": "var(--kendo-font-size-sm)",
                         "scope": "default",
                         "line": {
-                            "start": 483,
-                            "end": 483
+                            "start": 482,
+                            "end": 482
                         }
                     },
                     "group": [
@@ -142274,8 +142301,8 @@
                 {
                     "description": "The font weight of the Grid stack layout column header.\n",
                     "commentRange": {
-                        "start": 484,
-                        "end": 485
+                        "start": 483,
+                        "end": 484
                     },
                     "context": {
                         "type": "variable",
@@ -142283,8 +142310,8 @@
                         "value": "var(--kendo-font-weight-bold)",
                         "scope": "default",
                         "line": {
-                            "start": 486,
-                            "end": 486
+                            "start": 485,
+                            "end": 485
                         }
                     },
                     "group": [
@@ -142301,8 +142328,8 @@
                 {
                     "description": "The height of the Grid stack layout expandable row shadow.\n",
                     "commentRange": {
-                        "start": 487,
-                        "end": 488
+                        "start": 486,
+                        "end": 487
                     },
                     "context": {
                         "type": "variable",
@@ -142310,8 +142337,8 @@
                         "value": "k-spacing(2.5)",
                         "scope": "default",
                         "line": {
-                            "start": 489,
-                            "end": 489
+                            "start": 488,
+                            "end": 488
                         }
                     },
                     "group": [
@@ -142328,8 +142355,8 @@
                 {
                     "description": "The color of the Grid stack layout column header.\n",
                     "commentRange": {
-                        "start": 491,
-                        "end": 492
+                        "start": 490,
+                        "end": 491
                     },
                     "context": {
                         "type": "variable",
@@ -142337,8 +142364,8 @@
                         "value": "k-color(subtle)",
                         "scope": "default",
                         "line": {
-                            "start": 493,
-                            "end": 493
+                            "start": 492,
+                            "end": 492
                         }
                     },
                     "group": [
@@ -142355,8 +142382,8 @@
                 {
                     "description": "The outline color of the Grid stack layout focused cell.\n",
                     "commentRange": {
-                        "start": 494,
-                        "end": 495
+                        "start": 493,
+                        "end": 494
                     },
                     "context": {
                         "type": "variable",
@@ -142364,8 +142391,8 @@
                         "value": "color-mix(in srgb, k-color(on-app-surface) 12%, transparent)",
                         "scope": "default",
                         "line": {
-                            "start": 496,
-                            "end": 496
+                            "start": 495,
+                            "end": 495
                         }
                     },
                     "group": [
@@ -142382,8 +142409,8 @@
                 {
                     "description": "The Grid stack layout expandable row shadow.\n",
                     "commentRange": {
-                        "start": 497,
-                        "end": 498
+                        "start": 496,
+                        "end": 497
                     },
                     "context": {
                         "type": "variable",
@@ -142391,8 +142418,8 @@
                         "value": "k-elevation(2)",
                         "scope": "default",
                         "line": {
-                            "start": 499,
-                            "end": 499
+                            "start": 498,
+                            "end": 498
                         }
                     },
                     "group": [
@@ -142409,8 +142436,8 @@
                 {
                     "description": "The font weight of the pinned source row in the Grid.\n",
                     "commentRange": {
-                        "start": 501,
-                        "end": 502
+                        "start": 500,
+                        "end": 501
                     },
                     "context": {
                         "type": "variable",
@@ -142418,8 +142445,8 @@
                         "value": "var(--kendo-font-weight-bold)",
                         "scope": "default",
                         "line": {
-                            "start": 503,
-                            "end": 503
+                            "start": 502,
+                            "end": 502
                         }
                     },
                     "group": [
@@ -142828,6 +142855,33 @@
                     },
                     "resolvedValue": "#8B7CF6",
                     "resolvedType": "Color"
+                },
+                {
+                    "description": "The color of action icons.\n",
+                    "commentRange": {
+                        "start": 41,
+                        "end": 42
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-action-icon-color",
+                        "value": "k-color( primary-on-surface )",
+                        "scope": "default",
+                        "line": {
+                            "start": 43,
+                            "end": 43
+                        }
+                    },
+                    "group": [
+                        "icon"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/icons/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-color-primary-on-surface)",
+                    "resolvedType": "String"
                 }
             ]
         },
@@ -159502,7 +159556,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-panelbar-header-text",
-                        "value": "k-color(primary)",
+                        "value": "k-color(primary-on-surface)",
                         "scope": "default",
                         "line": {
                             "start": 61,
@@ -159517,7 +159571,7 @@
                         "path": "default/scss/panelbar/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-primary)",
+                    "resolvedValue": "var(--kendo-color-primary-on-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -176979,7 +177033,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-spreadsheet-insert-image-dialog-overlay-hover-text",
-                        "value": "k-color(surface-alt)",
+                        "value": "k-color(on-app-surface)",
                         "scope": "default",
                         "line": {
                             "start": 230,
@@ -176994,7 +177048,7 @@
                         "path": "default/scss/spreadsheet/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-surface-alt)",
+                    "resolvedValue": "var(--kendo-color-on-app-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -184312,7 +184366,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-tabstrip-item-selected-text",
-                        "value": "k-color(primary)",
+                        "value": "k-color(primary-on-surface)",
                         "scope": "default",
                         "line": {
                             "start": 132,
@@ -184327,7 +184381,7 @@
                         "path": "default/scss/tabstrip/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-primary)",
+                    "resolvedValue": "var(--kendo-color-primary-on-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -186768,7 +186822,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-taskboard-card-header-text",
-                        "value": "k-color(primary)",
+                        "value": "k-color(primary-on-surface)",
                         "scope": "default",
                         "line": {
                             "start": 226,
@@ -186783,7 +186837,7 @@
                         "path": "default/scss/taskboard/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-primary)",
+                    "resolvedValue": "var(--kendo-color-primary-on-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -186795,7 +186849,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-taskboard-card-header-hover-text",
-                        "value": "k-color(primary-hover)",
+                        "value": "k-color(primary-on-surface)",
                         "scope": "default",
                         "line": {
                             "start": 229,
@@ -186810,7 +186864,7 @@
                         "path": "default/scss/taskboard/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-primary-hover)",
+                    "resolvedValue": "var(--kendo-color-primary-on-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -186822,7 +186876,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-taskboard-card-header-focus-text",
-                        "value": "k-color(primary-hover)",
+                        "value": "k-color(primary-on-surface)",
                         "scope": "default",
                         "line": {
                             "start": 232,
@@ -186837,7 +186891,7 @@
                         "path": "default/scss/taskboard/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-primary-hover)",
+                    "resolvedValue": "var(--kendo-color-primary-on-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -187626,7 +187680,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,
@@ -187641,7 +187695,7 @@
                         "path": "default/scss/timeselector/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-primary)",
+                    "resolvedValue": "var(--kendo-color-primary-on-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -187653,7 +187707,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,
@@ -187668,7 +187722,7 @@
                         "path": "default/scss/timeselector/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-primary-hover)",
+                    "resolvedValue": "var(--kendo-color-primary-on-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -188409,7 +188463,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": 148,
@@ -188424,7 +188478,7 @@
                         "path": "default/scss/timeselector/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-primary)",
+                    "resolvedValue": "var(--kendo-color-primary-on-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -188436,7 +188490,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": 151,
@@ -188451,7 +188505,7 @@
                         "path": "default/scss/timeselector/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-primary-hover)",
+                    "resolvedValue": "var(--kendo-color-primary-on-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -192703,7 +192757,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-treeview-loadmore-text",
-                        "value": "k-color(primary)",
+                        "value": "k-color(primary-on-surface)",
                         "scope": "default",
                         "line": {
                             "start": 141,
@@ -192718,7 +192772,7 @@
                         "path": "default/scss/treeview/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-primary)",
+                    "resolvedValue": "var(--kendo-color-primary-on-surface)",
                     "resolvedType": "String"
                 },
                 {