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

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

@@ -2133,7 +2133,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-adaptive-menu-clear-text",
-            "value": "k-color(primary)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 30,
@@ -2308,7 +2308,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-adaptive-grid-sort-text",
-            "value": "k-color(primary)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 55,
@@ -2333,7 +2333,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-adaptive-scheduler-current-text",
-            "value": "k-color(primary)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 60,
@@ -5144,7 +5144,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-breadcrumb-link-text",
-            "value": "k-color(primary)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 130,
@@ -5219,7 +5219,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-breadcrumb-link-hover-text",
-            "value": "k-color(primary-hover)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 140,
@@ -24098,7 +24098,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-group-menu-item-add-action-text",
-            "value": "k-color(primary)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 69,
@@ -28454,7 +28454,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-expander-title-text",
-            "value": "k-color(primary)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 65,
@@ -30454,7 +30454,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,
@@ -36563,36 +36563,11 @@
             "name": "_variables.scss"
         }
     },
-    {
-        "description": "The text color of the Grid alternating rows.\n",
-        "commentRange": {
-            "start": 236,
-            "end": 237
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-grid-alt-text",
-            "value": "$kendo-table-alt-row-text",
-            "scope": "default",
-            "line": {
-                "start": 238,
-                "end": 238
-            }
-        },
-        "group": [
-            "grid"
-        ],
-        "access": "public",
-        "file": {
-            "path": "grid/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
     {
         "description": "The background color of hovered Grid rows.\n",
         "commentRange": {
-            "start": 240,
-            "end": 241
+            "start": 237,
+            "end": 238
         },
         "context": {
             "type": "variable",
@@ -36600,8 +36575,8 @@
             "value": "$kendo-table-hover-bg",
             "scope": "default",
             "line": {
-                "start": 242,
-                "end": 242
+                "start": 239,
+                "end": 239
             }
         },
         "group": [
@@ -36616,8 +36591,8 @@
     {
         "description": "The text color of hovered Grid rows.\n",
         "commentRange": {
-            "start": 243,
-            "end": 244
+            "start": 240,
+            "end": 241
         },
         "context": {
             "type": "variable",
@@ -36625,8 +36600,8 @@
             "value": "$kendo-table-hover-text",
             "scope": "default",
             "line": {
-                "start": 245,
-                "end": 245
+                "start": 242,
+                "end": 242
             }
         },
         "group": [
@@ -36641,8 +36616,8 @@
     {
         "description": "The background color of selected Grid rows.\n",
         "commentRange": {
-            "start": 247,
-            "end": 248
+            "start": 244,
+            "end": 245
         },
         "context": {
             "type": "variable",
@@ -36650,8 +36625,8 @@
             "value": "$kendo-table-selected-bg",
             "scope": "default",
             "line": {
-                "start": 249,
-                "end": 249
+                "start": 246,
+                "end": 246
             }
         },
         "group": [
@@ -36666,8 +36641,8 @@
     {
         "description": "The text color of selected Grid rows.\n",
         "commentRange": {
-            "start": 250,
-            "end": 251
+            "start": 247,
+            "end": 248
         },
         "context": {
             "type": "variable",
@@ -36675,8 +36650,8 @@
             "value": "$kendo-table-selected-text",
             "scope": "default",
             "line": {
-                "start": 252,
-                "end": 252
+                "start": 249,
+                "end": 249
             }
         },
         "group": [
@@ -36691,8 +36666,8 @@
     {
         "description": "The background color of highlighted Grid rows.\n",
         "commentRange": {
-            "start": 254,
-            "end": 255
+            "start": 251,
+            "end": 252
         },
         "context": {
             "type": "variable",
@@ -36700,8 +36675,8 @@
             "value": "$kendo-table-highlighted-bg",
             "scope": "default",
             "line": {
-                "start": 256,
-                "end": 256
+                "start": 253,
+                "end": 253
             }
         },
         "group": [
@@ -36716,8 +36691,8 @@
     {
         "description": "The font weight of highlighted Grid rows.\n",
         "commentRange": {
-            "start": 257,
-            "end": 258
+            "start": 254,
+            "end": 255
         },
         "context": {
             "type": "variable",
@@ -36725,8 +36700,8 @@
             "value": "$kendo-table-highlighted-font-weight",
             "scope": "default",
             "line": {
-                "start": 259,
-                "end": 259
+                "start": 256,
+                "end": 256
             }
         },
         "group": [
@@ -36741,8 +36716,8 @@
     {
         "description": "The background color of selected highlighted Grid rows.\n",
         "commentRange": {
-            "start": 261,
-            "end": 262
+            "start": 258,
+            "end": 259
         },
         "context": {
             "type": "variable",
@@ -36750,8 +36725,8 @@
             "value": "$kendo-table-selected-highlighted-bg",
             "scope": "default",
             "line": {
-                "start": 263,
-                "end": 263
+                "start": 260,
+                "end": 260
             }
         },
         "group": [
@@ -36766,8 +36741,8 @@
     {
         "description": "The background color of the Grid selection aggregates container.\n",
         "commentRange": {
-            "start": 265,
-            "end": 266
+            "start": 262,
+            "end": 263
         },
         "context": {
             "type": "variable",
@@ -36775,8 +36750,8 @@
             "value": "$kendo-grid-header-bg",
             "scope": "default",
             "line": {
-                "start": 267,
-                "end": 267
+                "start": 264,
+                "end": 264
             }
         },
         "group": [
@@ -36791,8 +36766,8 @@
     {
         "description": "The text color of the Grid selection aggregates container.\n",
         "commentRange": {
-            "start": 268,
-            "end": 269
+            "start": 265,
+            "end": 266
         },
         "context": {
             "type": "variable",
@@ -36800,8 +36775,8 @@
             "value": "$kendo-grid-text",
             "scope": "default",
             "line": {
-                "start": 270,
-                "end": 270
+                "start": 267,
+                "end": 267
             }
         },
         "group": [
@@ -36816,8 +36791,8 @@
     {
         "description": "The border color of the Grid selection aggregates container.\n",
         "commentRange": {
-            "start": 271,
-            "end": 272
+            "start": 268,
+            "end": 269
         },
         "context": {
             "type": "variable",
@@ -36825,8 +36800,8 @@
             "value": "$kendo-grid-border",
             "scope": "default",
             "line": {
-                "start": 273,
-                "end": 273
+                "start": 270,
+                "end": 270
             }
         },
         "group": [
@@ -36841,8 +36816,8 @@
     {
         "description": "The border width of the Grid selection aggregates container.\n",
         "commentRange": {
-            "start": 274,
-            "end": 275
+            "start": 271,
+            "end": 272
         },
         "context": {
             "type": "variable",
@@ -36850,8 +36825,8 @@
             "value": "$kendo-grid-border-width",
             "scope": "default",
             "line": {
-                "start": 276,
-                "end": 276
+                "start": 273,
+                "end": 273
             }
         },
         "group": [
@@ -36866,8 +36841,8 @@
     {
         "description": "The spacing between the selection aggregates items.\n",
         "commentRange": {
-            "start": 277,
-            "end": 278
+            "start": 274,
+            "end": 275
         },
         "context": {
             "type": "variable",
@@ -36875,8 +36850,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 279,
-                "end": 279
+                "start": 276,
+                "end": 276
             }
         },
         "group": [
@@ -36891,8 +36866,8 @@
     {
         "description": "The line height of the Grid selection aggregates container.\n",
         "commentRange": {
-            "start": 280,
-            "end": 281
+            "start": 277,
+            "end": 278
         },
         "context": {
             "type": "variable",
@@ -36900,8 +36875,8 @@
             "value": "$kendo-grid-line-height",
             "scope": "default",
             "line": {
-                "start": 282,
-                "end": 282
+                "start": 279,
+                "end": 279
             }
         },
         "group": [
@@ -36916,8 +36891,8 @@
     {
         "description": "The font weight of the Grid selection aggregates container.\n",
         "commentRange": {
-            "start": 283,
-            "end": 284
+            "start": 280,
+            "end": 281
         },
         "context": {
             "type": "variable",
@@ -36925,8 +36900,8 @@
             "value": "var(--kendo-font-weight-bold)",
             "scope": "default",
             "line": {
-                "start": 285,
-                "end": 285
+                "start": 282,
+                "end": 282
             }
         },
         "group": [
@@ -36941,17 +36916,17 @@
     {
         "description": "The background color of the Grid row.\n",
         "commentRange": {
-            "start": 287,
-            "end": 288
+            "start": 284,
+            "end": 285
         },
         "context": {
             "type": "variable",
             "name": "kendo-grid-grouping-row-bg",
-            "value": "k-color(base-subtle)",
+            "value": "k-color(surface)",
             "scope": "default",
             "line": {
-                "start": 289,
-                "end": 289
+                "start": 286,
+                "end": 286
             }
         },
         "group": [
@@ -36966,8 +36941,8 @@
     {
         "description": "The text color of the Grid row.\n",
         "commentRange": {
-            "start": 290,
-            "end": 291
+            "start": 287,
+            "end": 288
         },
         "context": {
             "type": "variable",
@@ -36975,8 +36950,8 @@
             "value": "$kendo-grid-text",
             "scope": "default",
             "line": {
-                "start": 292,
-                "end": 292
+                "start": 289,
+                "end": 289
             }
         },
         "group": [
@@ -36991,8 +36966,8 @@
     {
         "description": "The background color of the Grid.\n",
         "commentRange": {
-            "start": 294,
-            "end": 295
+            "start": 291,
+            "end": 292
         },
         "context": {
             "type": "variable",
@@ -37000,8 +36975,8 @@
             "value": "color-mix(in srgb, k-color(on-app-surface) 2%, transparent)",
             "scope": "default",
             "line": {
-                "start": 296,
-                "end": 296
+                "start": 293,
+                "end": 293
             }
         },
         "group": [
@@ -37016,8 +36991,8 @@
     {
         "description": "The text color of the Grid.\n",
         "commentRange": {
-            "start": 297,
-            "end": 298
+            "start": 294,
+            "end": 295
         },
         "context": {
             "type": "variable",
@@ -37025,8 +37000,8 @@
             "value": "k-color(primary)",
             "scope": "default",
             "line": {
-                "start": 299,
-                "end": 299
+                "start": 296,
+                "end": 296
             }
         },
         "group": [
@@ -37041,8 +37016,8 @@
     {
         "description": "The font size of the Grid.\n",
         "commentRange": {
-            "start": 300,
-            "end": 301
+            "start": 297,
+            "end": 298
         },
         "context": {
             "type": "variable",
@@ -37050,8 +37025,8 @@
             "value": "($kendo-icon-size * .75)",
             "scope": "default",
             "line": {
-                "start": 302,
-                "end": 302
+                "start": 299,
+                "end": 299
             }
         },
         "group": [
@@ -37066,8 +37041,8 @@
     {
         "description": "The sorting index vertical spacing of the Grid.\n",
         "commentRange": {
-            "start": 303,
-            "end": 304
+            "start": 300,
+            "end": 301
         },
         "context": {
             "type": "variable",
@@ -37075,8 +37050,8 @@
             "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
-                "start": 305,
-                "end": 305
+                "start": 302,
+                "end": 302
             }
         },
         "group": [
@@ -37091,8 +37066,8 @@
     {
         "description": "The sorting index horizontal spacing of the Grid.\n",
         "commentRange": {
-            "start": 306,
-            "end": 307
+            "start": 303,
+            "end": 304
         },
         "context": {
             "type": "variable",
@@ -37100,8 +37075,8 @@
             "value": "calc( #{$kendo-grid-sorting-index-spacing-y} * -1 )",
             "scope": "default",
             "line": {
-                "start": 308,
-                "end": 308
+                "start": 305,
+                "end": 305
             }
         },
         "group": [
@@ -37116,8 +37091,8 @@
     {
         "description": "The sorted icon spacing of the Grid.\n",
         "commentRange": {
-            "start": 310,
-            "end": 311
+            "start": 307,
+            "end": 308
         },
         "context": {
             "type": "variable",
@@ -37125,8 +37100,8 @@
             "value": "calc( #{k-spacing(4)} - 1px )",
             "scope": "default",
             "line": {
-                "start": 312,
-                "end": 312
+                "start": 309,
+                "end": 309
             }
         },
         "group": [
@@ -37141,8 +37116,8 @@
     {
         "description": "The shadow of the Grid.\n",
         "commentRange": {
-            "start": 314,
-            "end": 315
+            "start": 311,
+            "end": 312
         },
         "context": {
             "type": "variable",
@@ -37150,8 +37125,8 @@
             "value": "$kendo-table-focus-shadow",
             "scope": "default",
             "line": {
-                "start": 316,
-                "end": 316
+                "start": 313,
+                "end": 313
             }
         },
         "group": [
@@ -37166,8 +37141,8 @@
     {
         "description": "The spacing of the Grid button.\n",
         "commentRange": {
-            "start": 318,
-            "end": 319
+            "start": 315,
+            "end": 316
         },
         "context": {
             "type": "variable",
@@ -37175,8 +37150,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 320,
-                "end": 320
+                "start": 317,
+                "end": 317
             }
         },
         "group": [
@@ -37191,8 +37166,8 @@
     {
         "description": "The background color of the sticky content in the Grid.\n",
         "commentRange": {
-            "start": 323,
-            "end": 324
+            "start": 320,
+            "end": 321
         },
         "context": {
             "type": "variable",
@@ -37200,8 +37175,8 @@
             "value": "$kendo-grid-bg",
             "scope": "default",
             "line": {
-                "start": 325,
-                "end": 325
+                "start": 322,
+                "end": 322
             }
         },
         "group": [
@@ -37216,8 +37191,8 @@
     {
         "description": "The alternate background color of the sticky content in the Grid.\n",
         "commentRange": {
-            "start": 326,
-            "end": 327
+            "start": 323,
+            "end": 324
         },
         "context": {
             "type": "variable",
@@ -37225,8 +37200,8 @@
             "value": "k-color(base-subtle)",
             "scope": "default",
             "line": {
-                "start": 328,
-                "end": 328
+                "start": 325,
+                "end": 325
             }
         },
         "group": [
@@ -37241,8 +37216,8 @@
     {
         "description": "The background color of the hovered sticky content in the Grid.\n",
         "commentRange": {
-            "start": 329,
-            "end": 330
+            "start": 326,
+            "end": 327
         },
         "context": {
             "type": "variable",
@@ -37250,8 +37225,8 @@
             "value": "k-color(base-subtle-hover)",
             "scope": "default",
             "line": {
-                "start": 331,
-                "end": 331
+                "start": 328,
+                "end": 328
             }
         },
         "group": [
@@ -37266,8 +37241,8 @@
     {
         "description": "The border color of the sticky content in the Grid.\n",
         "commentRange": {
-            "start": 333,
-            "end": 334
+            "start": 330,
+            "end": 331
         },
         "context": {
             "type": "variable",
@@ -37275,8 +37250,8 @@
             "value": "color-mix(in srgb, k-color(on-app-surface) 50%, transparent)",
             "scope": "default",
             "line": {
-                "start": 335,
-                "end": 335
+                "start": 332,
+                "end": 332
             }
         },
         "group": [
@@ -37291,8 +37266,8 @@
     {
         "description": "The background color of the sticky header in the Grid.\n",
         "commentRange": {
-            "start": 337,
-            "end": 338
+            "start": 334,
+            "end": 335
         },
         "context": {
             "type": "variable",
@@ -37300,8 +37275,8 @@
             "value": "$kendo-grid-header-bg",
             "scope": "default",
             "line": {
-                "start": 339,
-                "end": 339
+                "start": 336,
+                "end": 336
             }
         },
         "group": [
@@ -37316,8 +37291,8 @@
     {
         "description": "The text color of the sticky header in the Grid.\n",
         "commentRange": {
-            "start": 340,
-            "end": 341
+            "start": 337,
+            "end": 338
         },
         "context": {
             "type": "variable",
@@ -37325,8 +37300,8 @@
             "value": "$kendo-grid-header-text",
             "scope": "default",
             "line": {
-                "start": 342,
-                "end": 342
+                "start": 339,
+                "end": 339
             }
         },
         "group": [
@@ -37341,8 +37316,8 @@
     {
         "description": "The border color of the sticky header in the Grid.\n",
         "commentRange": {
-            "start": 343,
-            "end": 344
+            "start": 340,
+            "end": 341
         },
         "context": {
             "type": "variable",
@@ -37350,8 +37325,8 @@
             "value": "$kendo-grid-sticky-border",
             "scope": "default",
             "line": {
-                "start": 345,
-                "end": 345
+                "start": 342,
+                "end": 342
             }
         },
         "group": [
@@ -37366,8 +37341,8 @@
     {
         "description": "The background color of the sticky footer in the Grid.\n",
         "commentRange": {
-            "start": 347,
-            "end": 348
+            "start": 344,
+            "end": 345
         },
         "context": {
             "type": "variable",
@@ -37375,33 +37350,8 @@
             "value": "$kendo-grid-header-bg",
             "scope": "default",
             "line": {
-                "start": 349,
-                "end": 349
-            }
-        },
-        "group": [
-            "grid"
-        ],
-        "access": "public",
-        "file": {
-            "path": "grid/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The background color of the hovered sticky footer in the Grid.\n",
-        "commentRange": {
-            "start": 350,
-            "end": 351
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-grid-sticky-footer-hover-bg",
-            "value": "$kendo-grid-sticky-footer-bg",
-            "scope": "default",
-            "line": {
-                "start": 352,
-                "end": 352
+                "start": 346,
+                "end": 346
             }
         },
         "group": [
@@ -37416,8 +37366,8 @@
     {
         "description": "The box shadow of the sticky container in the Grid.\n",
         "commentRange": {
-            "start": 354,
-            "end": 355
+            "start": 348,
+            "end": 349
         },
         "context": {
             "type": "variable",
@@ -37425,8 +37375,8 @@
             "value": "0 2px 4px 0 rgba(0, 0, 0, 0.08)",
             "scope": "default",
             "line": {
-                "start": 356,
-                "end": 356
+                "start": 350,
+                "end": 350
             }
         },
         "group": [
@@ -37441,8 +37391,8 @@
     {
         "description": "The box shadow of the sticky container positioned at the bottom in the Grid.\n",
         "commentRange": {
-            "start": 357,
-            "end": 358
+            "start": 351,
+            "end": 352
         },
         "context": {
             "type": "variable",
@@ -37450,8 +37400,8 @@
             "value": "0 -2px 4px 0 rgba(0, 0, 0, 0.08)",
             "scope": "default",
             "line": {
-                "start": 359,
-                "end": 359
+                "start": 353,
+                "end": 353
             }
         },
         "group": [
@@ -37466,8 +37416,8 @@
     {
         "description": "The box shadow of the pinned container in the Grid.\n",
         "commentRange": {
-            "start": 361,
-            "end": 362
+            "start": 355,
+            "end": 356
         },
         "context": {
             "type": "variable",
@@ -37475,8 +37425,8 @@
             "value": "0 4px 8px 0 rgba(0, 0, 0, 0.08)",
             "scope": "default",
             "line": {
-                "start": 363,
-                "end": 363
+                "start": 357,
+                "end": 357
             }
         },
         "group": [
@@ -37491,8 +37441,8 @@
     {
         "description": "The box shadow of the pinned container positioned at the bottom in the Grid.\n",
         "commentRange": {
-            "start": 364,
-            "end": 365
+            "start": 358,
+            "end": 359
         },
         "context": {
             "type": "variable",
@@ -37500,8 +37450,8 @@
             "value": "0 -4px 8px 0 rgba(0, 0, 0, 0.08)",
             "scope": "default",
             "line": {
-                "start": 366,
-                "end": 366
+                "start": 360,
+                "end": 360
             }
         },
         "group": [
@@ -37516,8 +37466,8 @@
     {
         "description": "The width of the Grid column menu.\n",
         "commentRange": {
-            "start": 368,
-            "end": 369
+            "start": 362,
+            "end": 363
         },
         "context": {
             "type": "variable",
@@ -37525,8 +37475,8 @@
             "value": "250px",
             "scope": "default",
             "line": {
-                "start": 370,
-                "end": 370
+                "start": 364,
+                "end": 364
             }
         },
         "group": [
@@ -37541,8 +37491,8 @@
     {
         "description": "The maximum width of the Grid column menu.\n",
         "commentRange": {
-            "start": 371,
-            "end": 372
+            "start": 365,
+            "end": 366
         },
         "context": {
             "type": "variable",
@@ -37550,8 +37500,8 @@
             "value": "320px",
             "scope": "default",
             "line": {
-                "start": 373,
-                "end": 373
+                "start": 367,
+                "end": 367
             }
         },
         "group": [
@@ -37566,8 +37516,8 @@
     {
         "description": "The horizontal padding of the Grid popup.\n",
         "commentRange": {
-            "start": 376,
-            "end": 377
+            "start": 370,
+            "end": 371
         },
         "context": {
             "type": "variable",
@@ -37575,8 +37525,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 378,
-                "end": 378
+                "start": 372,
+                "end": 372
             }
         },
         "group": [
@@ -37591,8 +37541,8 @@
     {
         "description": "The vertical padding of the Grid popup.\n",
         "commentRange": {
-            "start": 379,
-            "end": 380
+            "start": 373,
+            "end": 374
         },
         "context": {
             "type": "variable",
@@ -37600,8 +37550,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 381,
-                "end": 381
+                "start": 375,
+                "end": 375
             }
         },
         "group": [
@@ -37616,8 +37566,8 @@
     {
         "description": "The horizontal padding of the Grid item.\n",
         "commentRange": {
-            "start": 383,
-            "end": 384
+            "start": 377,
+            "end": 378
         },
         "context": {
             "type": "variable",
@@ -37625,8 +37575,8 @@
             "value": "$kendo-menu-popup-md-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 385,
-                "end": 385
+                "start": 379,
+                "end": 379
             }
         },
         "group": [
@@ -37641,8 +37591,8 @@
     {
         "description": "The vertical padding of the Grid item.\n",
         "commentRange": {
-            "start": 386,
-            "end": 387
+            "start": 380,
+            "end": 381
         },
         "context": {
             "type": "variable",
@@ -37650,8 +37600,8 @@
             "value": "$kendo-menu-popup-md-item-padding-y",
             "scope": "default",
             "line": {
-                "start": 388,
-                "end": 388
+                "start": 382,
+                "end": 382
             }
         },
         "group": [
@@ -37666,8 +37616,8 @@
     {
         "description": "The horizontal padding of the Grid item.\n",
         "commentRange": {
-            "start": 390,
-            "end": 391
+            "start": 384,
+            "end": 385
         },
         "context": {
             "type": "variable",
@@ -37675,8 +37625,8 @@
             "value": "$kendo-list-md-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 392,
-                "end": 392
+                "start": 386,
+                "end": 386
             }
         },
         "group": [
@@ -37691,8 +37641,8 @@
     {
         "description": "The vertical padding of the Grid item.\n",
         "commentRange": {
-            "start": 393,
-            "end": 394
+            "start": 387,
+            "end": 388
         },
         "context": {
             "type": "variable",
@@ -37700,8 +37650,8 @@
             "value": "$kendo-list-md-item-padding-y",
             "scope": "default",
             "line": {
-                "start": 395,
-                "end": 395
+                "start": 389,
+                "end": 389
             }
         },
         "group": [
@@ -37716,8 +37666,8 @@
     {
         "description": "The horizontal padding of the Grid.\n",
         "commentRange": {
-            "start": 397,
-            "end": 398
+            "start": 391,
+            "end": 392
         },
         "context": {
             "type": "variable",
@@ -37725,8 +37675,8 @@
             "value": "k-spacing(0)",
             "scope": "default",
             "line": {
-                "start": 399,
-                "end": 399
+                "start": 393,
+                "end": 393
             }
         },
         "group": [
@@ -37741,8 +37691,8 @@
     {
         "description": "The vertical padding of the Grid.\n",
         "commentRange": {
-            "start": 400,
-            "end": 401
+            "start": 394,
+            "end": 395
         },
         "context": {
             "type": "variable",
@@ -37750,8 +37700,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 402,
-                "end": 402
+                "start": 396,
+                "end": 396
             }
         },
         "group": [
@@ -37766,8 +37716,8 @@
     {
         "description": "The horizontal padding of the Grid header.\n",
         "commentRange": {
-            "start": 404,
-            "end": 405
+            "start": 398,
+            "end": 399
         },
         "context": {
             "type": "variable",
@@ -37775,8 +37725,8 @@
             "value": "$kendo-menu-popup-md-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 406,
-                "end": 406
+                "start": 400,
+                "end": 400
             }
         },
         "group": [
@@ -37791,8 +37741,8 @@
     {
         "description": "The vertical padding of the Grid header.\n",
         "commentRange": {
-            "start": 407,
-            "end": 408
+            "start": 401,
+            "end": 402
         },
         "context": {
             "type": "variable",
@@ -37800,8 +37750,8 @@
             "value": "$kendo-menu-popup-md-item-padding-y",
             "scope": "default",
             "line": {
-                "start": 409,
-                "end": 409
+                "start": 403,
+                "end": 403
             }
         },
         "group": [
@@ -37816,8 +37766,8 @@
     {
         "description": "The font size of the Grid header.\n",
         "commentRange": {
-            "start": 411,
-            "end": 412
+            "start": 405,
+            "end": 406
         },
         "context": {
             "type": "variable",
@@ -37825,8 +37775,8 @@
             "value": "var(--kendo-font-size-sm)",
             "scope": "default",
             "line": {
-                "start": 413,
-                "end": 413
+                "start": 407,
+                "end": 407
             }
         },
         "group": [
@@ -37841,8 +37791,8 @@
     {
         "description": "The height of the Grid header.\n",
         "commentRange": {
-            "start": 414,
-            "end": 415
+            "start": 408,
+            "end": 409
         },
         "context": {
             "type": "variable",
@@ -37850,8 +37800,8 @@
             "value": "var(--kendo-line-height)",
             "scope": "default",
             "line": {
-                "start": 416,
-                "end": 416
+                "start": 410,
+                "end": 410
             }
         },
         "group": [
@@ -37866,8 +37816,8 @@
     {
         "description": "The text color of the Grid header.\n",
         "commentRange": {
-            "start": 417,
-            "end": 418
+            "start": 411,
+            "end": 412
         },
         "context": {
             "type": "variable",
@@ -37875,8 +37825,8 @@
             "value": "uppercase",
             "scope": "default",
             "line": {
-                "start": 419,
-                "end": 419
+                "start": 413,
+                "end": 413
             }
         },
         "group": [
@@ -37891,8 +37841,8 @@
     {
         "description": "The width of the Grid header.\n",
         "commentRange": {
-            "start": 420,
-            "end": 421
+            "start": 414,
+            "end": 415
         },
         "context": {
             "type": "variable",
@@ -37900,8 +37850,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 422,
-                "end": 422
+                "start": 416,
+                "end": 416
             }
         },
         "group": [
@@ -37916,8 +37866,8 @@
     {
         "description": "The background color of the Grid header.\n",
         "commentRange": {
-            "start": 424,
-            "end": 425
+            "start": 418,
+            "end": 419
         },
         "context": {
             "type": "variable",
@@ -37925,8 +37875,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 426,
-                "end": 426
+                "start": 420,
+                "end": 420
             }
         },
         "group": [
@@ -37941,8 +37891,8 @@
     {
         "description": "The text color of the Grid header.\n",
         "commentRange": {
-            "start": 427,
-            "end": 428
+            "start": 421,
+            "end": 422
         },
         "context": {
             "type": "variable",
@@ -37950,8 +37900,8 @@
             "value": "$kendo-popup-text",
             "scope": "default",
             "line": {
-                "start": 429,
-                "end": 429
+                "start": 423,
+                "end": 423
             }
         },
         "group": [
@@ -37966,8 +37916,8 @@
     {
         "description": "The border color of the Grid header.\n",
         "commentRange": {
-            "start": 430,
-            "end": 431
+            "start": 424,
+            "end": 425
         },
         "context": {
             "type": "variable",
@@ -37975,8 +37925,8 @@
             "value": "$kendo-popup-border",
             "scope": "default",
             "line": {
-                "start": 432,
-                "end": 432
+                "start": 426,
+                "end": 426
             }
         },
         "group": [
@@ -37991,8 +37941,8 @@
     {
         "description": "The horizontal padding of the Grid content.\n",
         "commentRange": {
-            "start": 434,
-            "end": 435
+            "start": 428,
+            "end": 429
         },
         "context": {
             "type": "variable",
@@ -38000,8 +37950,8 @@
             "value": "k-spacing(0)",
             "scope": "default",
             "line": {
-                "start": 436,
-                "end": 436
+                "start": 430,
+                "end": 430
             }
         },
         "group": [
@@ -38016,8 +37966,8 @@
     {
         "description": "The vertical padding of the Grid content.\n",
         "commentRange": {
-            "start": 437,
-            "end": 438
+            "start": 431,
+            "end": 432
         },
         "context": {
             "type": "variable",
@@ -38025,8 +37975,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 439,
-                "end": 439
+                "start": 433,
+                "end": 433
             }
         },
         "group": [
@@ -38041,8 +37991,8 @@
     {
         "description": "The background color of the Grid.\n",
         "commentRange": {
-            "start": 441,
-            "end": 442
+            "start": 435,
+            "end": 436
         },
         "context": {
             "type": "variable",
@@ -38050,8 +38000,8 @@
             "value": "k-color(surface)",
             "scope": "default",
             "line": {
-                "start": 443,
-                "end": 443
+                "start": 437,
+                "end": 437
             }
         },
         "group": [
@@ -38066,8 +38016,8 @@
     {
         "description": "The width of the Grid cell.\n",
         "commentRange": {
-            "start": 445,
-            "end": 446
+            "start": 439,
+            "end": 440
         },
         "context": {
             "type": "variable",
@@ -38075,8 +38025,8 @@
             "value": "($kendo-icon-size * 3)",
             "scope": "default",
             "line": {
-                "start": 447,
-                "end": 447
+                "start": 441,
+                "end": 441
             }
         },
         "group": [
@@ -38091,8 +38041,8 @@
     {
         "description": "The width of the Grid.\n",
         "commentRange": {
-            "start": 449,
-            "end": 450
+            "start": 443,
+            "end": 444
         },
         "context": {
             "type": "variable",
@@ -38100,8 +38050,8 @@
             "value": "($kendo-icon-size * 2)",
             "scope": "default",
             "line": {
-                "start": 451,
-                "end": 451
+                "start": 445,
+                "end": 445
             }
         },
         "group": [
@@ -38116,8 +38066,8 @@
     {
         "description": "The grouping border top of the Grid row.\n",
         "commentRange": {
-            "start": 453,
-            "end": 454
+            "start": 447,
+            "end": 448
         },
         "context": {
             "type": "variable",
@@ -38125,8 +38075,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 455,
-                "end": 455
+                "start": 449,
+                "end": 449
             }
         },
         "group": [
@@ -38141,8 +38091,8 @@
     {
         "description": "The vertical border of the Grid footer.\n",
         "commentRange": {
-            "start": 456,
-            "end": 457
+            "start": 450,
+            "end": 451
         },
         "context": {
             "type": "variable",
@@ -38150,8 +38100,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 458,
-                "end": 458
+                "start": 452,
+                "end": 452
             }
         },
         "group": [
@@ -38166,8 +38116,8 @@
     {
         "description": "The background color of the Grid row resize indicator.\n",
         "commentRange": {
-            "start": 460,
-            "end": 461
+            "start": 454,
+            "end": 455
         },
         "context": {
             "type": "variable",
@@ -38175,8 +38125,8 @@
             "value": "color-mix(in srgb, k-color(on-base) 20%, transparent)",
             "scope": "default",
             "line": {
-                "start": 462,
-                "end": 462
+                "start": 456,
+                "end": 456
             }
         },
         "group": [
@@ -38191,8 +38141,8 @@
     {
         "description": "The background color of the active Grid row resize indicator.\n",
         "commentRange": {
-            "start": 463,
-            "end": 464
+            "start": 457,
+            "end": 458
         },
         "context": {
             "type": "variable",
@@ -38200,8 +38150,8 @@
             "value": "k-color(primary)",
             "scope": "default",
             "line": {
-                "start": 465,
-                "end": 465
+                "start": 459,
+                "end": 459
             }
         },
         "group": [
@@ -38216,8 +38166,8 @@
     {
         "description": "The height of the Grid row resize indicator.\n",
         "commentRange": {
-            "start": 466,
-            "end": 467
+            "start": 460,
+            "end": 461
         },
         "context": {
             "type": "variable",
@@ -38225,8 +38175,8 @@
             "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
-                "start": 468,
-                "end": 468
+                "start": 462,
+                "end": 462
             }
         },
         "group": [
@@ -38241,8 +38191,8 @@
     {
         "description": "The horizontal padding of the Grid stack layout cells.\n",
         "commentRange": {
-            "start": 471,
-            "end": 472
+            "start": 465,
+            "end": 466
         },
         "context": {
             "type": "variable",
@@ -38250,8 +38200,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 473,
-                "end": 473
+                "start": 467,
+                "end": 467
             }
         },
         "group": [
@@ -38266,8 +38216,8 @@
     {
         "description": "The vertical padding of the Grid stack layout cells.\n",
         "commentRange": {
-            "start": 474,
-            "end": 475
+            "start": 468,
+            "end": 469
         },
         "context": {
             "type": "variable",
@@ -38275,8 +38225,8 @@
             "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
-                "start": 476,
-                "end": 476
+                "start": 470,
+                "end": 470
             }
         },
         "group": [
@@ -38291,8 +38241,8 @@
     {
         "description": "The column gap of the Grid stack layout.\n",
         "commentRange": {
-            "start": 478,
-            "end": 479
+            "start": 472,
+            "end": 473
         },
         "context": {
             "type": "variable",
@@ -38300,8 +38250,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 480,
-                "end": 480
+                "start": 474,
+                "end": 474
             }
         },
         "group": [
@@ -38316,8 +38266,8 @@
     {
         "description": "The column gap of the editable Grid stack layout.\n",
         "commentRange": {
-            "start": 481,
-            "end": 482
+            "start": 475,
+            "end": 476
         },
         "context": {
             "type": "variable",
@@ -38325,8 +38275,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 483,
-                "end": 483
+                "start": 477,
+                "end": 477
             }
         },
         "group": [
@@ -38341,8 +38291,8 @@
     {
         "description": "The width of the hierarchy column in the Grid stack layout.\n",
         "commentRange": {
-            "start": 485,
-            "end": 486
+            "start": 479,
+            "end": 480
         },
         "context": {
             "type": "variable",
@@ -38350,8 +38300,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 487,
-                "end": 487
+                "start": 481,
+                "end": 481
             }
         },
         "group": [
@@ -38366,8 +38316,8 @@
     {
         "description": "The font size of the Grid stack layout column header.\n",
         "commentRange": {
-            "start": 489,
-            "end": 490
+            "start": 483,
+            "end": 484
         },
         "context": {
             "type": "variable",
@@ -38375,8 +38325,8 @@
             "value": "var(--kendo-font-size-sm)",
             "scope": "default",
             "line": {
-                "start": 491,
-                "end": 491
+                "start": 485,
+                "end": 485
             }
         },
         "group": [
@@ -38391,8 +38341,8 @@
     {
         "description": "The font weight of the Grid stack layout column header.\n",
         "commentRange": {
-            "start": 492,
-            "end": 493
+            "start": 486,
+            "end": 487
         },
         "context": {
             "type": "variable",
@@ -38400,8 +38350,8 @@
             "value": "var(--kendo-font-weight-bold)",
             "scope": "default",
             "line": {
-                "start": 494,
-                "end": 494
+                "start": 488,
+                "end": 488
             }
         },
         "group": [
@@ -38416,8 +38366,8 @@
     {
         "description": "The height of the Grid stack layout expandable row shadow.\n",
         "commentRange": {
-            "start": 495,
-            "end": 496
+            "start": 489,
+            "end": 490
         },
         "context": {
             "type": "variable",
@@ -38425,8 +38375,8 @@
             "value": "k-spacing(2.5)",
             "scope": "default",
             "line": {
-                "start": 497,
-                "end": 497
+                "start": 491,
+                "end": 491
             }
         },
         "group": [
@@ -38441,8 +38391,8 @@
     {
         "description": "The color of the Grid stack layout column header.\n",
         "commentRange": {
-            "start": 499,
-            "end": 500
+            "start": 493,
+            "end": 494
         },
         "context": {
             "type": "variable",
@@ -38450,8 +38400,8 @@
             "value": "k-color(subtle)",
             "scope": "default",
             "line": {
-                "start": 501,
-                "end": 501
+                "start": 495,
+                "end": 495
             }
         },
         "group": [
@@ -38466,8 +38416,8 @@
     {
         "description": "The outline color of the Grid stack layout focused cell.\n",
         "commentRange": {
-            "start": 502,
-            "end": 503
+            "start": 496,
+            "end": 497
         },
         "context": {
             "type": "variable",
@@ -38475,8 +38425,8 @@
             "value": "color-mix(in srgb, k-color(on-app-surface) 15%, transparent)",
             "scope": "default",
             "line": {
-                "start": 504,
-                "end": 504
+                "start": 498,
+                "end": 498
             }
         },
         "group": [
@@ -38491,8 +38441,8 @@
     {
         "description": "The Grid stack layout expandable row shadow.\n",
         "commentRange": {
-            "start": 505,
-            "end": 506
+            "start": 499,
+            "end": 500
         },
         "context": {
             "type": "variable",
@@ -38500,8 +38450,8 @@
             "value": "k-elevation(2)",
             "scope": "default",
             "line": {
-                "start": 507,
-                "end": 507
+                "start": 501,
+                "end": 501
             }
         },
         "group": [
@@ -38516,8 +38466,8 @@
     {
         "description": "The font weight of the pinned source row in the Grid.\n",
         "commentRange": {
-            "start": 509,
-            "end": 510
+            "start": 503,
+            "end": 504
         },
         "context": {
             "type": "variable",
@@ -38525,8 +38475,8 @@
             "value": "var(--kendo-font-weight-bold)",
             "scope": "default",
             "line": {
-                "start": 511,
-                "end": 511
+                "start": 505,
+                "end": 505
             }
         },
         "group": [
@@ -38825,7 +38775,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-accent-icon-color",
-            "value": "k-color(tertiary)",
+            "value": "k-color(tertiary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 43,
@@ -38841,6 +38791,31 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The color of action icons.\n",
+        "commentRange": {
+            "start": 44,
+            "end": 45
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-action-icon-color",
+            "value": "k-color( primary-on-surface )",
+            "scope": "default",
+            "line": {
+                "start": 46,
+                "end": 46
+            }
+        },
+        "group": [
+            "icon"
+        ],
+        "access": "public",
+        "file": {
+            "path": "icons/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The vertical margin of the ImageEditor.\n",
         "commentRange": {
@@ -69940,7 +69915,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-spreadsheet-insert-image-dialog-overlay-hover-text",
-            "value": "k-color(app-surface)",
+            "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
                 "start": 230,
@@ -71690,7 +71665,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-stepper-label-error-text",
-            "value": "k-color(error)",
+            "value": "k-color(error-on-surface)",
             "scope": "default",
             "line": {
                 "start": 186,
@@ -79586,7 +79561,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,
@@ -79611,7 +79586,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,
@@ -80286,7 +80261,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-time-selector-now-button-text",
-            "value": "k-color(primary)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 144,
@@ -80311,7 +80286,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-time-selector-now-button-hover-text",
-            "value": "k-color(primary-hover)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 147,
@@ -84095,7 +84070,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-treeview-loadmore-text",
-            "value": "k-color(primary)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 145,
@@ -87895,7 +87870,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-upload-success-text",
-            "value": "k-color(success)",
+            "value": "k-color(success-on-surface)",
             "scope": "default",
             "line": {
                 "start": 92,
@@ -87945,7 +87920,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-upload-error-text",
-            "value": "k-color(error)",
+            "value": "k-color(error-on-surface)",
             "scope": "default",
             "line": {
                 "start": 99,