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

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

@@ -2233,7 +2233,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,
@@ -2408,7 +2408,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,
@@ -2433,7 +2433,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,
@@ -5394,7 +5394,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,
@@ -9434,7 +9434,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-calendar-today-color",
-            "value": "k-color(primary)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 160,
@@ -10109,7 +10109,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,
@@ -10884,7 +10884,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-captcha-text",
-            "value": "k-color(surface-alt)",
+            "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
                 "start": 29,
@@ -10909,7 +10909,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-captcha-border",
-            "value": "k-color(surface-alt)",
+            "value": "k-color(border)",
             "scope": "default",
             "line": {
                 "start": 32,
@@ -23167,7 +23167,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,
@@ -29498,7 +29498,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,
@@ -35735,8 +35735,8 @@
     {
         "description": "The background color of highlighted Grid rows.\n",
         "commentRange": {
-            "start": 249,
-            "end": 250
+            "start": 248,
+            "end": 249
         },
         "context": {
             "type": "variable",
@@ -35744,8 +35744,8 @@
             "value": "$kendo-table-highlighted-bg",
             "scope": "default",
             "line": {
-                "start": 251,
-                "end": 251
+                "start": 250,
+                "end": 250
             }
         },
         "group": [
@@ -35760,8 +35760,8 @@
     {
         "description": "The font weight of highlighted Grid rows.\n",
         "commentRange": {
-            "start": 252,
-            "end": 253
+            "start": 251,
+            "end": 252
         },
         "context": {
             "type": "variable",
@@ -35769,8 +35769,8 @@
             "value": "$kendo-table-highlighted-font-weight",
             "scope": "default",
             "line": {
-                "start": 254,
-                "end": 254
+                "start": 253,
+                "end": 253
             }
         },
         "group": [
@@ -35785,8 +35785,8 @@
     {
         "description": "The background color of selected highlighted Grid rows.\n",
         "commentRange": {
-            "start": 256,
-            "end": 257
+            "start": 255,
+            "end": 256
         },
         "context": {
             "type": "variable",
@@ -35794,8 +35794,8 @@
             "value": "$kendo-table-selected-highlighted-bg",
             "scope": "default",
             "line": {
-                "start": 258,
-                "end": 258
+                "start": 257,
+                "end": 257
             }
         },
         "group": [
@@ -35810,8 +35810,8 @@
     {
         "description": "The background color of the Grid selection aggregates container.\n",
         "commentRange": {
-            "start": 260,
-            "end": 261
+            "start": 259,
+            "end": 260
         },
         "context": {
             "type": "variable",
@@ -35819,8 +35819,8 @@
             "value": "$kendo-grid-header-bg",
             "scope": "default",
             "line": {
-                "start": 262,
-                "end": 262
+                "start": 261,
+                "end": 261
             }
         },
         "group": [
@@ -35835,8 +35835,8 @@
     {
         "description": "The text color of the Grid selection aggregates container.\n",
         "commentRange": {
-            "start": 263,
-            "end": 264
+            "start": 262,
+            "end": 263
         },
         "context": {
             "type": "variable",
@@ -35844,8 +35844,8 @@
             "value": "$kendo-grid-text",
             "scope": "default",
             "line": {
-                "start": 265,
-                "end": 265
+                "start": 264,
+                "end": 264
             }
         },
         "group": [
@@ -35860,8 +35860,8 @@
     {
         "description": "The border color of the Grid selection aggregates container.\n",
         "commentRange": {
-            "start": 266,
-            "end": 267
+            "start": 265,
+            "end": 266
         },
         "context": {
             "type": "variable",
@@ -35869,8 +35869,8 @@
             "value": "$kendo-grid-border",
             "scope": "default",
             "line": {
-                "start": 268,
-                "end": 268
+                "start": 267,
+                "end": 267
             }
         },
         "group": [
@@ -35885,8 +35885,8 @@
     {
         "description": "The border width of the Grid selection aggregates container.\n",
         "commentRange": {
-            "start": 269,
-            "end": 270
+            "start": 268,
+            "end": 269
         },
         "context": {
             "type": "variable",
@@ -35894,8 +35894,8 @@
             "value": "$kendo-grid-border-width",
             "scope": "default",
             "line": {
-                "start": 271,
-                "end": 271
+                "start": 270,
+                "end": 270
             }
         },
         "group": [
@@ -35910,8 +35910,8 @@
     {
         "description": "The spacing between the selection aggregates items.\n",
         "commentRange": {
-            "start": 272,
-            "end": 273
+            "start": 271,
+            "end": 272
         },
         "context": {
             "type": "variable",
@@ -35919,8 +35919,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 274,
-                "end": 274
+                "start": 273,
+                "end": 273
             }
         },
         "group": [
@@ -35935,8 +35935,8 @@
     {
         "description": "The line height of the Grid selection aggregates container.\n",
         "commentRange": {
-            "start": 275,
-            "end": 276
+            "start": 274,
+            "end": 275
         },
         "context": {
             "type": "variable",
@@ -35944,8 +35944,8 @@
             "value": "$kendo-grid-line-height",
             "scope": "default",
             "line": {
-                "start": 277,
-                "end": 277
+                "start": 276,
+                "end": 276
             }
         },
         "group": [
@@ -35960,8 +35960,8 @@
     {
         "description": "The font weight of the Grid selection aggregates container.\n",
         "commentRange": {
-            "start": 278,
-            "end": 279
+            "start": 277,
+            "end": 278
         },
         "context": {
             "type": "variable",
@@ -35969,8 +35969,8 @@
             "value": "var(--kendo-font-weight-bold)",
             "scope": "default",
             "line": {
-                "start": 280,
-                "end": 280
+                "start": 279,
+                "end": 279
             }
         },
         "group": [
@@ -35985,8 +35985,8 @@
     {
         "description": "The background color of the Grid row.\n",
         "commentRange": {
-            "start": 282,
-            "end": 283
+            "start": 281,
+            "end": 282
         },
         "context": {
             "type": "variable",
@@ -35994,8 +35994,8 @@
             "value": "k-color(surface)",
             "scope": "default",
             "line": {
-                "start": 284,
-                "end": 284
+                "start": 283,
+                "end": 283
             }
         },
         "group": [
@@ -36010,8 +36010,8 @@
     {
         "description": "The text color of the Grid row.\n",
         "commentRange": {
-            "start": 285,
-            "end": 286
+            "start": 284,
+            "end": 285
         },
         "context": {
             "type": "variable",
@@ -36019,8 +36019,8 @@
             "value": "$kendo-grid-text",
             "scope": "default",
             "line": {
-                "start": 287,
-                "end": 287
+                "start": 286,
+                "end": 286
             }
         },
         "group": [
@@ -36035,8 +36035,8 @@
     {
         "description": "The sorted icon spacing of the Grid.\n",
         "commentRange": {
-            "start": 289,
-            "end": 290
+            "start": 288,
+            "end": 289
         },
         "context": {
             "type": "variable",
@@ -36044,8 +36044,8 @@
             "value": "calc( #{k-spacing(2)} - 1px )",
             "scope": "default",
             "line": {
-                "start": 291,
-                "end": 291
+                "start": 290,
+                "end": 290
             }
         },
         "group": [
@@ -36060,8 +36060,8 @@
     {
         "description": "The background color of the Grid.\n",
         "commentRange": {
-            "start": 292,
-            "end": 293
+            "start": 291,
+            "end": 292
         },
         "context": {
             "type": "variable",
@@ -36069,8 +36069,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": [
@@ -36085,8 +36085,8 @@
     {
         "description": "The text color of the Grid.\n",
         "commentRange": {
-            "start": 295,
-            "end": 296
+            "start": 294,
+            "end": 295
         },
         "context": {
             "type": "variable",
@@ -36094,8 +36094,8 @@
             "value": "k-color(primary)",
             "scope": "default",
             "line": {
-                "start": 297,
-                "end": 297
+                "start": 296,
+                "end": 296
             }
         },
         "group": [
@@ -36110,8 +36110,8 @@
     {
         "description": "The font size of the Grid.\n",
         "commentRange": {
-            "start": 298,
-            "end": 299
+            "start": 297,
+            "end": 298
         },
         "context": {
             "type": "variable",
@@ -36119,8 +36119,8 @@
             "value": "var(--kendo-font-size-sm)",
             "scope": "default",
             "line": {
-                "start": 300,
-                "end": 300
+                "start": 299,
+                "end": 299
             }
         },
         "group": [
@@ -36135,8 +36135,8 @@
     {
         "description": "The spacing of the Grid.\n",
         "commentRange": {
-            "start": 301,
-            "end": 302
+            "start": 300,
+            "end": 301
         },
         "context": {
             "type": "variable",
@@ -36144,8 +36144,8 @@
             "value": "calc( #{$kendo-icon-spacing} / 2 )",
             "scope": "default",
             "line": {
-                "start": 303,
-                "end": 303
+                "start": 302,
+                "end": 302
             }
         },
         "group": [
@@ -36160,8 +36160,8 @@
     {
         "description": "The vertical spacing of the Grid.\n",
         "commentRange": {
-            "start": 304,
-            "end": 305
+            "start": 303,
+            "end": 304
         },
         "context": {
             "type": "variable",
@@ -36169,8 +36169,8 @@
             "value": "calc( #{$kendo-grid-sorting-index-spacing-y} * -1)",
             "scope": "default",
             "line": {
-                "start": 306,
-                "end": 306
+                "start": 305,
+                "end": 305
             }
         },
         "group": [
@@ -36185,8 +36185,8 @@
     {
         "description": "The shadow of the Grid.\n",
         "commentRange": {
-            "start": 309,
-            "end": 310
+            "start": 308,
+            "end": 309
         },
         "context": {
             "type": "variable",
@@ -36194,8 +36194,8 @@
             "value": "$kendo-table-focus-shadow",
             "scope": "default",
             "line": {
-                "start": 311,
-                "end": 311
+                "start": 310,
+                "end": 310
             }
         },
         "group": [
@@ -36210,8 +36210,8 @@
     {
         "description": "The spacing of the Grid button.\n",
         "commentRange": {
-            "start": 313,
-            "end": 314
+            "start": 312,
+            "end": 313
         },
         "context": {
             "type": "variable",
@@ -36219,8 +36219,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 315,
-                "end": 315
+                "start": 314,
+                "end": 314
             }
         },
         "group": [
@@ -36235,8 +36235,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",
@@ -36244,8 +36244,8 @@
             "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
-                "start": 320,
-                "end": 320
+                "start": 319,
+                "end": 319
             }
         },
         "group": [
@@ -36260,8 +36260,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",
@@ -36269,8 +36269,8 @@
             "value": "k-color(base-hover)",
             "scope": "default",
             "line": {
-                "start": 323,
-                "end": 323
+                "start": 322,
+                "end": 322
             }
         },
         "group": [
@@ -36285,8 +36285,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",
@@ -36294,8 +36294,8 @@
             "value": "k-color(base)",
             "scope": "default",
             "line": {
-                "start": 326,
-                "end": 326
+                "start": 325,
+                "end": 325
             }
         },
         "group": [
@@ -36310,8 +36310,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",
@@ -36319,8 +36319,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": [
@@ -36335,8 +36335,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",
@@ -36344,8 +36344,8 @@
             "value": "$kendo-grid-header-bg",
             "scope": "default",
             "line": {
-                "start": 334,
-                "end": 334
+                "start": 333,
+                "end": 333
             }
         },
         "group": [
@@ -36360,8 +36360,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",
@@ -36369,8 +36369,8 @@
             "value": "$kendo-grid-header-text",
             "scope": "default",
             "line": {
-                "start": 337,
-                "end": 337
+                "start": 336,
+                "end": 336
             }
         },
         "group": [
@@ -36385,8 +36385,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",
@@ -36394,8 +36394,8 @@
             "value": "$kendo-grid-sticky-border",
             "scope": "default",
             "line": {
-                "start": 340,
-                "end": 340
+                "start": 339,
+                "end": 339
             }
         },
         "group": [
@@ -36410,8 +36410,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",
@@ -36419,8 +36419,8 @@
             "value": "$kendo-grid-header-bg",
             "scope": "default",
             "line": {
-                "start": 344,
-                "end": 344
+                "start": 343,
+                "end": 343
             }
         },
         "group": [
@@ -36435,8 +36435,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",
@@ -36444,8 +36444,8 @@
             "value": "0 2px 4px 0 rgba(0, 0, 0, 0.08)",
             "scope": "default",
             "line": {
-                "start": 348,
-                "end": 348
+                "start": 347,
+                "end": 347
             }
         },
         "group": [
@@ -36460,8 +36460,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",
@@ -36469,8 +36469,8 @@
             "value": "0 -2px 4px 0 rgba(0, 0, 0, 0.08)",
             "scope": "default",
             "line": {
-                "start": 351,
-                "end": 351
+                "start": 350,
+                "end": 350
             }
         },
         "group": [
@@ -36485,8 +36485,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",
@@ -36494,8 +36494,8 @@
             "value": "0 4px 8px 0 rgba(0, 0, 0, 0.08)",
             "scope": "default",
             "line": {
-                "start": 355,
-                "end": 355
+                "start": 354,
+                "end": 354
             }
         },
         "group": [
@@ -36510,8 +36510,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",
@@ -36519,8 +36519,8 @@
             "value": "0 -4px 8px 0 rgba(0, 0, 0, 0.08)",
             "scope": "default",
             "line": {
-                "start": 358,
-                "end": 358
+                "start": 357,
+                "end": 357
             }
         },
         "group": [
@@ -36535,8 +36535,8 @@
     {
         "description": "The width of the Grid column menu.\n",
         "commentRange": {
-            "start": 361,
-            "end": 362
+            "start": 360,
+            "end": 361
         },
         "context": {
             "type": "variable",
@@ -36544,8 +36544,8 @@
             "value": "230px",
             "scope": "default",
             "line": {
-                "start": 363,
-                "end": 363
+                "start": 362,
+                "end": 362
             }
         },
         "group": [
@@ -36560,8 +36560,8 @@
     {
         "description": "The maximum width of the Grid column menu.\n",
         "commentRange": {
-            "start": 364,
-            "end": 365
+            "start": 363,
+            "end": 364
         },
         "context": {
             "type": "variable",
@@ -36569,8 +36569,8 @@
             "value": "320px",
             "scope": "default",
             "line": {
-                "start": 366,
-                "end": 366
+                "start": 365,
+                "end": 365
             }
         },
         "group": [
@@ -36585,8 +36585,8 @@
     {
         "description": "The horizontal padding of the Grid popup.\n",
         "commentRange": {
-            "start": 369,
-            "end": 370
+            "start": 368,
+            "end": 369
         },
         "context": {
             "type": "variable",
@@ -36594,8 +36594,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 371,
-                "end": 371
+                "start": 370,
+                "end": 370
             }
         },
         "group": [
@@ -36610,8 +36610,8 @@
     {
         "description": "The vertical padding of the Grid popup.\n",
         "commentRange": {
-            "start": 372,
-            "end": 373
+            "start": 371,
+            "end": 372
         },
         "context": {
             "type": "variable",
@@ -36619,8 +36619,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 374,
-                "end": 374
+                "start": 373,
+                "end": 373
             }
         },
         "group": [
@@ -36635,8 +36635,8 @@
     {
         "description": "The horizontal padding of the Grid item.\n",
         "commentRange": {
-            "start": 376,
-            "end": 377
+            "start": 375,
+            "end": 376
         },
         "context": {
             "type": "variable",
@@ -36644,8 +36644,8 @@
             "value": "$kendo-menu-popup-md-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 378,
-                "end": 378
+                "start": 377,
+                "end": 377
             }
         },
         "group": [
@@ -36660,8 +36660,8 @@
     {
         "description": "The vertical padding of the Grid item.\n",
         "commentRange": {
-            "start": 379,
-            "end": 380
+            "start": 378,
+            "end": 379
         },
         "context": {
             "type": "variable",
@@ -36669,8 +36669,8 @@
             "value": "$kendo-menu-popup-md-item-padding-y",
             "scope": "default",
             "line": {
-                "start": 381,
-                "end": 381
+                "start": 380,
+                "end": 380
             }
         },
         "group": [
@@ -36685,8 +36685,8 @@
     {
         "description": "The horizontal padding of the Grid item.\n",
         "commentRange": {
-            "start": 383,
-            "end": 384
+            "start": 382,
+            "end": 383
         },
         "context": {
             "type": "variable",
@@ -36694,8 +36694,8 @@
             "value": "$kendo-list-md-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 385,
-                "end": 385
+                "start": 384,
+                "end": 384
             }
         },
         "group": [
@@ -36710,8 +36710,8 @@
     {
         "description": "The vertical padding of the Grid item.\n",
         "commentRange": {
-            "start": 386,
-            "end": 387
+            "start": 385,
+            "end": 386
         },
         "context": {
             "type": "variable",
@@ -36719,8 +36719,8 @@
             "value": "$kendo-list-md-item-padding-y",
             "scope": "default",
             "line": {
-                "start": 388,
-                "end": 388
+                "start": 387,
+                "end": 387
             }
         },
         "group": [
@@ -36735,8 +36735,8 @@
     {
         "description": "The horizontal padding of the Grid.\n",
         "commentRange": {
-            "start": 390,
-            "end": 391
+            "start": 389,
+            "end": 390
         },
         "context": {
             "type": "variable",
@@ -36744,8 +36744,8 @@
             "value": "k-spacing(0)",
             "scope": "default",
             "line": {
-                "start": 392,
-                "end": 392
+                "start": 391,
+                "end": 391
             }
         },
         "group": [
@@ -36760,8 +36760,8 @@
     {
         "description": "The vertical padding of the Grid.\n",
         "commentRange": {
-            "start": 393,
-            "end": 394
+            "start": 392,
+            "end": 393
         },
         "context": {
             "type": "variable",
@@ -36769,8 +36769,8 @@
             "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
-                "start": 395,
-                "end": 395
+                "start": 394,
+                "end": 394
             }
         },
         "group": [
@@ -36785,8 +36785,8 @@
     {
         "description": "The horizontal padding of the Grid header.\n",
         "commentRange": {
-            "start": 397,
-            "end": 398
+            "start": 396,
+            "end": 397
         },
         "context": {
             "type": "variable",
@@ -36794,8 +36794,8 @@
             "value": "$kendo-menu-popup-md-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 399,
-                "end": 399
+                "start": 398,
+                "end": 398
             }
         },
         "group": [
@@ -36810,8 +36810,8 @@
     {
         "description": "The vertical padding of the Grid header.\n",
         "commentRange": {
-            "start": 400,
-            "end": 401
+            "start": 399,
+            "end": 400
         },
         "context": {
             "type": "variable",
@@ -36819,8 +36819,8 @@
             "value": "$kendo-menu-popup-md-item-padding-y",
             "scope": "default",
             "line": {
-                "start": 402,
-                "end": 402
+                "start": 401,
+                "end": 401
             }
         },
         "group": [
@@ -36835,8 +36835,8 @@
     {
         "description": "The font size of the Grid header.\n",
         "commentRange": {
-            "start": 404,
-            "end": 405
+            "start": 403,
+            "end": 404
         },
         "context": {
             "type": "variable",
@@ -36844,8 +36844,8 @@
             "value": "var(--kendo-font-size-sm)",
             "scope": "default",
             "line": {
-                "start": 406,
-                "end": 406
+                "start": 405,
+                "end": 405
             }
         },
         "group": [
@@ -36860,8 +36860,8 @@
     {
         "description": "The height of the Grid header.\n",
         "commentRange": {
-            "start": 407,
-            "end": 408
+            "start": 406,
+            "end": 407
         },
         "context": {
             "type": "variable",
@@ -36869,8 +36869,8 @@
             "value": "var(--kendo-line-height)",
             "scope": "default",
             "line": {
-                "start": 409,
-                "end": 409
+                "start": 408,
+                "end": 408
             }
         },
         "group": [
@@ -36885,8 +36885,8 @@
     {
         "description": "The text color of the Grid header.\n",
         "commentRange": {
-            "start": 410,
-            "end": 411
+            "start": 409,
+            "end": 410
         },
         "context": {
             "type": "variable",
@@ -36894,8 +36894,8 @@
             "value": "uppercase",
             "scope": "default",
             "line": {
-                "start": 412,
-                "end": 412
+                "start": 411,
+                "end": 411
             }
         },
         "group": [
@@ -36910,8 +36910,8 @@
     {
         "description": "The width of the Grid header.\n",
         "commentRange": {
-            "start": 413,
-            "end": 414
+            "start": 412,
+            "end": 413
         },
         "context": {
             "type": "variable",
@@ -36919,8 +36919,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 415,
-                "end": 415
+                "start": 414,
+                "end": 414
             }
         },
         "group": [
@@ -36935,8 +36935,8 @@
     {
         "description": "The background color of the Grid header.\n",
         "commentRange": {
-            "start": 417,
-            "end": 418
+            "start": 416,
+            "end": 417
         },
         "context": {
             "type": "variable",
@@ -36944,8 +36944,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 419,
-                "end": 419
+                "start": 418,
+                "end": 418
             }
         },
         "group": [
@@ -36960,8 +36960,8 @@
     {
         "description": "The text color of the Grid header.\n",
         "commentRange": {
-            "start": 420,
-            "end": 421
+            "start": 419,
+            "end": 420
         },
         "context": {
             "type": "variable",
@@ -36969,8 +36969,8 @@
             "value": "$kendo-popup-text",
             "scope": "default",
             "line": {
-                "start": 422,
-                "end": 422
+                "start": 421,
+                "end": 421
             }
         },
         "group": [
@@ -36985,8 +36985,8 @@
     {
         "description": "The border color of the Grid header.\n",
         "commentRange": {
-            "start": 423,
-            "end": 424
+            "start": 422,
+            "end": 423
         },
         "context": {
             "type": "variable",
@@ -36994,8 +36994,8 @@
             "value": "$kendo-popup-border",
             "scope": "default",
             "line": {
-                "start": 425,
-                "end": 425
+                "start": 424,
+                "end": 424
             }
         },
         "group": [
@@ -37010,8 +37010,8 @@
     {
         "description": "The horizontal padding of the Grid content.\n",
         "commentRange": {
-            "start": 427,
-            "end": 428
+            "start": 426,
+            "end": 427
         },
         "context": {
             "type": "variable",
@@ -37019,8 +37019,8 @@
             "value": "k-spacing(0)",
             "scope": "default",
             "line": {
-                "start": 429,
-                "end": 429
+                "start": 428,
+                "end": 428
             }
         },
         "group": [
@@ -37035,8 +37035,8 @@
     {
         "description": "The vertical padding of the Grid content.\n",
         "commentRange": {
-            "start": 430,
-            "end": 431
+            "start": 429,
+            "end": 430
         },
         "context": {
             "type": "variable",
@@ -37044,8 +37044,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 432,
-                "end": 432
+                "start": 431,
+                "end": 431
             }
         },
         "group": [
@@ -37060,8 +37060,8 @@
     {
         "description": "The background color of the Grid.\n",
         "commentRange": {
-            "start": 434,
-            "end": 435
+            "start": 433,
+            "end": 434
         },
         "context": {
             "type": "variable",
@@ -37069,8 +37069,8 @@
             "value": "k-color(surface)",
             "scope": "default",
             "line": {
-                "start": 436,
-                "end": 436
+                "start": 435,
+                "end": 435
             }
         },
         "group": [
@@ -37085,8 +37085,8 @@
     {
         "description": "The width of the Grid cell.\n",
         "commentRange": {
-            "start": 438,
-            "end": 439
+            "start": 437,
+            "end": 438
         },
         "context": {
             "type": "variable",
@@ -37094,8 +37094,8 @@
             "value": "($kendo-icon-size * 2.25)",
             "scope": "default",
             "line": {
-                "start": 440,
-                "end": 440
+                "start": 439,
+                "end": 439
             }
         },
         "group": [
@@ -37110,8 +37110,8 @@
     {
         "description": "The width of the Grid.\n",
         "commentRange": {
-            "start": 442,
-            "end": 443
+            "start": 441,
+            "end": 442
         },
         "context": {
             "type": "variable",
@@ -37119,8 +37119,8 @@
             "value": "($kendo-icon-size * 2)",
             "scope": "default",
             "line": {
-                "start": 444,
-                "end": 444
+                "start": 443,
+                "end": 443
             }
         },
         "group": [
@@ -37135,8 +37135,8 @@
     {
         "description": "The grouping border top of the Grid row.\n",
         "commentRange": {
-            "start": 446,
-            "end": 447
+            "start": 445,
+            "end": 446
         },
         "context": {
             "type": "variable",
@@ -37144,8 +37144,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 448,
-                "end": 448
+                "start": 447,
+                "end": 447
             }
         },
         "group": [
@@ -37160,8 +37160,8 @@
     {
         "description": "The vertical border of the Grid footer.\n",
         "commentRange": {
-            "start": 449,
-            "end": 450
+            "start": 448,
+            "end": 449
         },
         "context": {
             "type": "variable",
@@ -37169,8 +37169,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 451,
-                "end": 451
+                "start": 450,
+                "end": 450
             }
         },
         "group": [
@@ -37185,8 +37185,8 @@
     {
         "description": "The background color of the Grid row resize indicator.\n",
         "commentRange": {
-            "start": 453,
-            "end": 454
+            "start": 452,
+            "end": 453
         },
         "context": {
             "type": "variable",
@@ -37194,8 +37194,8 @@
             "value": "color-mix(in srgb, k-color(on-base) 20%, transparent)",
             "scope": "default",
             "line": {
-                "start": 455,
-                "end": 455
+                "start": 454,
+                "end": 454
             }
         },
         "group": [
@@ -37210,8 +37210,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",
@@ -37219,8 +37219,8 @@
             "value": "k-color(primary)",
             "scope": "default",
             "line": {
-                "start": 458,
-                "end": 458
+                "start": 457,
+                "end": 457
             }
         },
         "group": [
@@ -37235,8 +37235,8 @@
     {
         "description": "The height of the Grid row resize indicator.\n",
         "commentRange": {
-            "start": 459,
-            "end": 460
+            "start": 458,
+            "end": 459
         },
         "context": {
             "type": "variable",
@@ -37244,8 +37244,8 @@
             "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
-                "start": 461,
-                "end": 461
+                "start": 460,
+                "end": 460
             }
         },
         "group": [
@@ -37260,8 +37260,8 @@
     {
         "description": "The horizontal padding of the Grid stack layout cells.\n",
         "commentRange": {
-            "start": 463,
-            "end": 464
+            "start": 462,
+            "end": 463
         },
         "context": {
             "type": "variable",
@@ -37269,8 +37269,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 465,
-                "end": 465
+                "start": 464,
+                "end": 464
             }
         },
         "group": [
@@ -37285,8 +37285,8 @@
     {
         "description": "The vertical padding of the Grid stack layout cells.\n",
         "commentRange": {
-            "start": 466,
-            "end": 467
+            "start": 465,
+            "end": 466
         },
         "context": {
             "type": "variable",
@@ -37294,8 +37294,8 @@
             "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
-                "start": 468,
-                "end": 468
+                "start": 467,
+                "end": 467
             }
         },
         "group": [
@@ -37310,8 +37310,8 @@
     {
         "description": "The column gap of the Grid stack layout.\n",
         "commentRange": {
-            "start": 470,
-            "end": 471
+            "start": 469,
+            "end": 470
         },
         "context": {
             "type": "variable",
@@ -37319,8 +37319,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 472,
-                "end": 472
+                "start": 471,
+                "end": 471
             }
         },
         "group": [
@@ -37335,8 +37335,8 @@
     {
         "description": "The column gap of the editable Grid stack layout.\n",
         "commentRange": {
-            "start": 473,
-            "end": 474
+            "start": 472,
+            "end": 473
         },
         "context": {
             "type": "variable",
@@ -37344,8 +37344,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 475,
-                "end": 475
+                "start": 474,
+                "end": 474
             }
         },
         "group": [
@@ -37360,8 +37360,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",
@@ -37369,8 +37369,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 479,
-                "end": 479
+                "start": 478,
+                "end": 478
             }
         },
         "group": [
@@ -37385,8 +37385,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",
@@ -37394,8 +37394,8 @@
             "value": "var(--kendo-font-size-sm)",
             "scope": "default",
             "line": {
-                "start": 483,
-                "end": 483
+                "start": 482,
+                "end": 482
             }
         },
         "group": [
@@ -37410,8 +37410,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",
@@ -37419,8 +37419,8 @@
             "value": "var(--kendo-font-weight-bold)",
             "scope": "default",
             "line": {
-                "start": 486,
-                "end": 486
+                "start": 485,
+                "end": 485
             }
         },
         "group": [
@@ -37435,8 +37435,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",
@@ -37444,8 +37444,8 @@
             "value": "k-spacing(2.5)",
             "scope": "default",
             "line": {
-                "start": 489,
-                "end": 489
+                "start": 488,
+                "end": 488
             }
         },
         "group": [
@@ -37460,8 +37460,8 @@
     {
         "description": "The color of the Grid stack layout column header.\n",
         "commentRange": {
-            "start": 491,
-            "end": 492
+            "start": 490,
+            "end": 491
         },
         "context": {
             "type": "variable",
@@ -37469,8 +37469,8 @@
             "value": "k-color(subtle)",
             "scope": "default",
             "line": {
-                "start": 493,
-                "end": 493
+                "start": 492,
+                "end": 492
             }
         },
         "group": [
@@ -37485,8 +37485,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",
@@ -37494,8 +37494,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": [
@@ -37510,8 +37510,8 @@
     {
         "description": "The Grid stack layout expandable row shadow.\n",
         "commentRange": {
-            "start": 497,
-            "end": 498
+            "start": 496,
+            "end": 497
         },
         "context": {
             "type": "variable",
@@ -37519,8 +37519,8 @@
             "value": "k-elevation(2)",
             "scope": "default",
             "line": {
-                "start": 499,
-                "end": 499
+                "start": 498,
+                "end": 498
             }
         },
         "group": [
@@ -37535,8 +37535,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",
@@ -37544,8 +37544,8 @@
             "value": "var(--kendo-font-weight-bold)",
             "scope": "default",
             "line": {
-                "start": 503,
-                "end": 503
+                "start": 502,
+                "end": 502
             }
         },
         "group": [
@@ -37860,6 +37860,31 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "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": "icons/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The vertical margin of the ImageEditor.\n",
         "commentRange": {
@@ -51502,7 +51527,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-panelbar-header-text",
-            "value": "k-color(primary)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 61,
@@ -68326,7 +68351,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,
@@ -74969,7 +74994,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,
@@ -77194,7 +77219,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,
@@ -77219,7 +77244,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,
@@ -77244,7 +77269,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,
@@ -77972,7 +77997,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,
@@ -77997,7 +78022,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,
@@ -78697,7 +78722,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,
@@ -78722,7 +78747,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,
@@ -82506,7 +82531,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-treeview-loadmore-text",
-            "value": "k-color(primary)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 141,