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

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,
@@ -2508,7 +2508,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-appbar-default-theme-color",
-            "value": "\"light\"",
+            "value": "\"base\"",
             "scope": "default",
             "line": {
                 "start": 10,
@@ -2778,15 +2778,15 @@
         }
     },
     {
-        "description": "The background color of the AppBar based on light theme color.\n",
+        "description": "The box shadow of the AppBar.\n",
         "commentRange": {
             "start": 44,
             "end": 45
         },
         "context": {
             "type": "variable",
-            "name": "kendo-appbar-light-bg",
-            "value": "k-color(light)",
+            "name": "kendo-appbar-box-shadow",
+            "value": "k-elevation(4)",
             "scope": "default",
             "line": {
                 "start": 46,
@@ -2803,119 +2803,19 @@
         }
     },
     {
-        "description": "The text color of the AppBar based on light theme color.\n",
+        "description": "The box shadow of the AppBar with bottom position.\n",
         "commentRange": {
             "start": 47,
             "end": 48
         },
-        "context": {
-            "type": "variable",
-            "name": "kendo-appbar-light-text",
-            "value": "k-color(on-light)",
-            "scope": "default",
-            "line": {
-                "start": 49,
-                "end": 49
-            }
-        },
-        "group": [
-            "appbar"
-        ],
-        "access": "public",
-        "file": {
-            "path": "appbar/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The background color of the AppBar based on dark theme color.\n",
-        "commentRange": {
-            "start": 51,
-            "end": 52
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-appbar-dark-bg",
-            "value": "k-color(dark)",
-            "scope": "default",
-            "line": {
-                "start": 53,
-                "end": 53
-            }
-        },
-        "group": [
-            "appbar"
-        ],
-        "access": "public",
-        "file": {
-            "path": "appbar/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The text color of the AppBar based on dark theme color.\n",
-        "commentRange": {
-            "start": 54,
-            "end": 55
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-appbar-dark-text",
-            "value": "k-color(on-dark)",
-            "scope": "default",
-            "line": {
-                "start": 56,
-                "end": 56
-            }
-        },
-        "group": [
-            "appbar"
-        ],
-        "access": "public",
-        "file": {
-            "path": "appbar/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The box shadow of the AppBar.\n",
-        "commentRange": {
-            "start": 58,
-            "end": 59
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-appbar-box-shadow",
-            "value": "k-elevation(4)",
-            "scope": "default",
-            "line": {
-                "start": 60,
-                "end": 60
-            }
-        },
-        "group": [
-            "appbar"
-        ],
-        "access": "public",
-        "file": {
-            "path": "appbar/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The box shadow of the AppBar with bottom position.\n",
-        "commentRange": {
-            "start": 61,
-            "end": 62
-        },
         "context": {
             "type": "variable",
             "name": "kendo-appbar-bottom-box-shadow",
             "value": "$kendo-appbar-box-shadow",
             "scope": "default",
             "line": {
-                "start": 63,
-                "end": 63
+                "start": 49,
+                "end": 49
             }
         },
         "group": [
@@ -5394,7 +5294,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 +9334,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 +10009,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 +10784,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 +10809,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-captcha-border",
-            "value": "k-color(surface-alt)",
+            "value": "k-color(border)",
             "scope": "default",
             "line": {
                 "start": 32,
@@ -11050,39 +10950,11 @@
             "name": "_variables.scss"
         }
     },
-    {
-        "description": "The default theme color of the Card.\n",
-        "commentRange": {
-            "start": 6,
-            "end": 8
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-card-default-theme-color",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 9,
-                "end": 9
-            }
-        },
-        "group": [
-            "card"
-        ],
-        "role": [
-            "default"
-        ],
-        "access": "public",
-        "file": {
-            "path": "card/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
     {
         "description": "The horizontal padding of the Card.\n",
         "commentRange": {
-            "start": 11,
-            "end": 12
+            "start": 6,
+            "end": 7
         },
         "context": {
             "type": "variable",
@@ -11090,8 +10962,8 @@
             "value": "k-spacing(4)",
             "scope": "default",
             "line": {
-                "start": 13,
-                "end": 13
+                "start": 8,
+                "end": 8
             }
         },
         "group": [
@@ -11106,8 +10978,8 @@
     {
         "description": "The vertical padding of the Card.\n",
         "commentRange": {
-            "start": 14,
-            "end": 15
+            "start": 9,
+            "end": 10
         },
         "context": {
             "type": "variable",
@@ -11115,8 +10987,8 @@
             "value": "k-spacing(3)",
             "scope": "default",
             "line": {
-                "start": 16,
-                "end": 16
+                "start": 11,
+                "end": 11
             }
         },
         "group": [
@@ -11131,8 +11003,8 @@
     {
         "description": "The width of the border around the Card.\n",
         "commentRange": {
-            "start": 17,
-            "end": 18
+            "start": 12,
+            "end": 13
         },
         "context": {
             "type": "variable",
@@ -11140,8 +11012,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 19,
-                "end": 19
+                "start": 14,
+                "end": 14
             }
         },
         "group": [
@@ -11156,8 +11028,8 @@
     {
         "description": "The border radius of the Card.\n",
         "commentRange": {
-            "start": 20,
-            "end": 21
+            "start": 15,
+            "end": 16
         },
         "context": {
             "type": "variable",
@@ -11165,8 +11037,8 @@
             "value": "k-border-radius(lg)",
             "scope": "default",
             "line": {
-                "start": 22,
-                "end": 22
+                "start": 17,
+                "end": 17
             }
         },
         "group": [
@@ -11181,8 +11053,8 @@
     {
         "description": "The inner border radius of the Card.\n",
         "commentRange": {
-            "start": 23,
-            "end": 24
+            "start": 18,
+            "end": 19
         },
         "context": {
             "type": "variable",
@@ -11190,8 +11062,8 @@
             "value": "calc( #{$kendo-card-border-radius} - #{$kendo-card-border-width} )",
             "scope": "default",
             "line": {
-                "start": 25,
-                "end": 25
+                "start": 20,
+                "end": 20
             }
         },
         "group": [
@@ -11206,8 +11078,8 @@
     {
         "description": "The font family of the Card.\n",
         "commentRange": {
-            "start": 26,
-            "end": 27
+            "start": 21,
+            "end": 22
         },
         "context": {
             "type": "variable",
@@ -11215,8 +11087,8 @@
             "value": "var(--kendo-font-family)",
             "scope": "default",
             "line": {
-                "start": 28,
-                "end": 28
+                "start": 23,
+                "end": 23
             }
         },
         "group": [
@@ -11231,8 +11103,8 @@
     {
         "description": "The font size of the Card.\n",
         "commentRange": {
-            "start": 29,
-            "end": 30
+            "start": 24,
+            "end": 25
         },
         "context": {
             "type": "variable",
@@ -11240,8 +11112,8 @@
             "value": "var(--kendo-font-size)",
             "scope": "default",
             "line": {
-                "start": 31,
-                "end": 31
+                "start": 26,
+                "end": 26
             }
         },
         "group": [
@@ -11256,8 +11128,8 @@
     {
         "description": "The line height of the Card.\n",
         "commentRange": {
-            "start": 32,
-            "end": 33
+            "start": 27,
+            "end": 28
         },
         "context": {
             "type": "variable",
@@ -11265,8 +11137,8 @@
             "value": "var(--kendo-line-height)",
             "scope": "default",
             "line": {
-                "start": 34,
-                "end": 34
+                "start": 29,
+                "end": 29
             }
         },
         "group": [
@@ -11281,8 +11153,8 @@
     {
         "description": "The spacing between the Cards in the Card deck.\n",
         "commentRange": {
-            "start": 36,
-            "end": 37
+            "start": 31,
+            "end": 32
         },
         "context": {
             "type": "variable",
@@ -11290,8 +11162,8 @@
             "value": "k-spacing(4)",
             "scope": "default",
             "line": {
-                "start": 38,
-                "end": 38
+                "start": 33,
+                "end": 33
             }
         },
         "group": [
@@ -11306,8 +11178,8 @@
     {
         "description": "The background color of the Card.\n",
         "commentRange": {
-            "start": 40,
-            "end": 41
+            "start": 35,
+            "end": 36
         },
         "context": {
             "type": "variable",
@@ -11315,8 +11187,8 @@
             "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
-                "start": 42,
-                "end": 42
+                "start": 37,
+                "end": 37
             }
         },
         "group": [
@@ -11331,8 +11203,8 @@
     {
         "description": "The text color of the Card.\n",
         "commentRange": {
-            "start": 43,
-            "end": 44
+            "start": 38,
+            "end": 39
         },
         "context": {
             "type": "variable",
@@ -11340,8 +11212,8 @@
             "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
-                "start": 45,
-                "end": 45
+                "start": 40,
+                "end": 40
             }
         },
         "group": [
@@ -11356,8 +11228,8 @@
     {
         "description": "The border color of the Card.\n",
         "commentRange": {
-            "start": 46,
-            "end": 47
+            "start": 41,
+            "end": 42
         },
         "context": {
             "type": "variable",
@@ -11365,8 +11237,8 @@
             "value": "k-color(border)",
             "scope": "default",
             "line": {
-                "start": 48,
-                "end": 48
+                "start": 43,
+                "end": 43
             }
         },
         "group": [
@@ -11381,8 +11253,8 @@
     {
         "description": "The shadow of the Card.\n",
         "commentRange": {
-            "start": 49,
-            "end": 50
+            "start": 44,
+            "end": 45
         },
         "context": {
             "type": "variable",
@@ -11390,8 +11262,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 51,
-                "end": 51
+                "start": 46,
+                "end": 46
             }
         },
         "group": [
@@ -11406,8 +11278,8 @@
     {
         "description": "The background color of the focused Card.\n",
         "commentRange": {
-            "start": 53,
-            "end": 54
+            "start": 48,
+            "end": 49
         },
         "context": {
             "type": "variable",
@@ -11415,8 +11287,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 55,
-                "end": 55
+                "start": 50,
+                "end": 50
             }
         },
         "group": [
@@ -11431,8 +11303,8 @@
     {
         "description": "The text color of the focused Card.\n",
         "commentRange": {
-            "start": 56,
-            "end": 57
+            "start": 51,
+            "end": 52
         },
         "context": {
             "type": "variable",
@@ -11440,8 +11312,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 58,
-                "end": 58
+                "start": 53,
+                "end": 53
             }
         },
         "group": [
@@ -11456,8 +11328,8 @@
     {
         "description": "The border color of the focused Card.\n",
         "commentRange": {
-            "start": 59,
-            "end": 60
+            "start": 54,
+            "end": 55
         },
         "context": {
             "type": "variable",
@@ -11465,8 +11337,8 @@
             "value": "k-color(border-alt)",
             "scope": "default",
             "line": {
-                "start": 61,
-                "end": 61
+                "start": 56,
+                "end": 56
             }
         },
         "group": [
@@ -11481,8 +11353,8 @@
     {
         "description": "The shadow of the focused Card.\n",
         "commentRange": {
-            "start": 65,
-            "end": 66
+            "start": 60,
+            "end": 61
         },
         "context": {
             "type": "variable",
@@ -11490,8 +11362,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 67,
-                "end": 67
+                "start": 62,
+                "end": 62
             }
         },
         "group": [
@@ -11506,8 +11378,8 @@
     {
         "description": "The horizontal padding of the Card header.\n",
         "commentRange": {
-            "start": 69,
-            "end": 70
+            "start": 64,
+            "end": 65
         },
         "context": {
             "type": "variable",
@@ -11515,8 +11387,8 @@
             "value": "$kendo-card-padding-x",
             "scope": "default",
             "line": {
-                "start": 71,
-                "end": 71
+                "start": 66,
+                "end": 66
             }
         },
         "group": [
@@ -11531,8 +11403,8 @@
     {
         "description": "The vertical padding of the Card header.\n",
         "commentRange": {
-            "start": 72,
-            "end": 73
+            "start": 67,
+            "end": 68
         },
         "context": {
             "type": "variable",
@@ -11540,8 +11412,8 @@
             "value": "$kendo-card-padding-y",
             "scope": "default",
             "line": {
-                "start": 74,
-                "end": 74
+                "start": 69,
+                "end": 69
             }
         },
         "group": [
@@ -11556,8 +11428,8 @@
     {
         "description": "The bottom border width of the Card header.\n",
         "commentRange": {
-            "start": 75,
-            "end": 76
+            "start": 70,
+            "end": 71
         },
         "context": {
             "type": "variable",
@@ -11565,8 +11437,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 77,
-                "end": 77
+                "start": 72,
+                "end": 72
             }
         },
         "group": [
@@ -11581,8 +11453,8 @@
     {
         "description": "The background color of the Card header.\n",
         "commentRange": {
-            "start": 78,
-            "end": 79
+            "start": 73,
+            "end": 74
         },
         "context": {
             "type": "variable",
@@ -11590,8 +11462,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 80,
-                "end": 80
+                "start": 75,
+                "end": 75
             }
         },
         "group": [
@@ -11606,8 +11478,8 @@
     {
         "description": "The text color of the Card header.\n",
         "commentRange": {
-            "start": 81,
-            "end": 82
+            "start": 76,
+            "end": 77
         },
         "context": {
             "type": "variable",
@@ -11615,8 +11487,8 @@
             "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
-                "start": 83,
-                "end": 83
+                "start": 78,
+                "end": 78
             }
         },
         "group": [
@@ -11631,8 +11503,8 @@
     {
         "description": "The border color of the Card header.\n",
         "commentRange": {
-            "start": 84,
-            "end": 85
+            "start": 79,
+            "end": 80
         },
         "context": {
             "type": "variable",
@@ -11640,8 +11512,8 @@
             "value": "k-color(border)",
             "scope": "default",
             "line": {
-                "start": 86,
-                "end": 86
+                "start": 81,
+                "end": 81
             }
         },
         "group": [
@@ -11656,8 +11528,8 @@
     {
         "description": "The horizontal padding of the Card body.\n",
         "commentRange": {
-            "start": 88,
-            "end": 89
+            "start": 83,
+            "end": 84
         },
         "context": {
             "type": "variable",
@@ -11665,8 +11537,8 @@
             "value": "k-spacing(4)",
             "scope": "default",
             "line": {
-                "start": 90,
-                "end": 90
+                "start": 85,
+                "end": 85
             }
         },
         "group": [
@@ -11681,8 +11553,8 @@
     {
         "description": "The vertical padding of the Card body.\n",
         "commentRange": {
-            "start": 91,
-            "end": 92
+            "start": 86,
+            "end": 87
         },
         "context": {
             "type": "variable",
@@ -11690,8 +11562,8 @@
             "value": "k-spacing(4)",
             "scope": "default",
             "line": {
-                "start": 93,
-                "end": 93
+                "start": 88,
+                "end": 88
             }
         },
         "group": [
@@ -11706,8 +11578,8 @@
     {
         "description": "The horizontal padding of the Card footer.\n",
         "commentRange": {
-            "start": 95,
-            "end": 96
+            "start": 90,
+            "end": 91
         },
         "context": {
             "type": "variable",
@@ -11715,8 +11587,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 97,
-                "end": 97
+                "start": 92,
+                "end": 92
             }
         },
         "group": [
@@ -11731,8 +11603,8 @@
     {
         "description": "The vertical padding of the Card footer.\n",
         "commentRange": {
-            "start": 98,
-            "end": 99
+            "start": 93,
+            "end": 94
         },
         "context": {
             "type": "variable",
@@ -11740,8 +11612,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 100,
-                "end": 100
+                "start": 95,
+                "end": 95
             }
         },
         "group": [
@@ -11756,8 +11628,8 @@
     {
         "description": "The top border width of the Card footer.\n",
         "commentRange": {
-            "start": 101,
-            "end": 102
+            "start": 96,
+            "end": 97
         },
         "context": {
             "type": "variable",
@@ -11765,8 +11637,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 103,
-                "end": 103
+                "start": 98,
+                "end": 98
             }
         },
         "group": [
@@ -11781,8 +11653,8 @@
     {
         "description": "The background color of the Card footer.\n",
         "commentRange": {
-            "start": 104,
-            "end": 105
+            "start": 99,
+            "end": 100
         },
         "context": {
             "type": "variable",
@@ -11790,8 +11662,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 106,
-                "end": 106
+                "start": 101,
+                "end": 101
             }
         },
         "group": [
@@ -11806,8 +11678,8 @@
     {
         "description": "The text color of the Card footer.\n",
         "commentRange": {
-            "start": 107,
-            "end": 108
+            "start": 102,
+            "end": 103
         },
         "context": {
             "type": "variable",
@@ -11815,8 +11687,8 @@
             "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
-                "start": 109,
-                "end": 109
+                "start": 104,
+                "end": 104
             }
         },
         "group": [
@@ -11831,8 +11703,8 @@
     {
         "description": "The border color of the Card footer.\n",
         "commentRange": {
-            "start": 110,
-            "end": 111
+            "start": 105,
+            "end": 106
         },
         "context": {
             "type": "variable",
@@ -11840,8 +11712,8 @@
             "value": "k-color(border)",
             "scope": "default",
             "line": {
-                "start": 112,
-                "end": 112
+                "start": 107,
+                "end": 107
             }
         },
         "group": [
@@ -11856,8 +11728,8 @@
     {
         "description": "The bottom margin of the Card title.\n",
         "commentRange": {
-            "start": 114,
-            "end": 115
+            "start": 109,
+            "end": 110
         },
         "context": {
             "type": "variable",
@@ -11865,8 +11737,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 116,
-                "end": 116
+                "start": 111,
+                "end": 111
             }
         },
         "group": [
@@ -11881,8 +11753,8 @@
     {
         "description": "The font size of the Card title.\n",
         "commentRange": {
-            "start": 117,
-            "end": 118
+            "start": 112,
+            "end": 113
         },
         "context": {
             "type": "variable",
@@ -11890,8 +11762,8 @@
             "value": "var(--kendo-font-size-lg)",
             "scope": "default",
             "line": {
-                "start": 119,
-                "end": 119
+                "start": 114,
+                "end": 114
             }
         },
         "group": [
@@ -11906,8 +11778,8 @@
     {
         "description": "The font family of the Card title.\n",
         "commentRange": {
-            "start": 120,
-            "end": 121
+            "start": 115,
+            "end": 116
         },
         "context": {
             "type": "variable",
@@ -11915,8 +11787,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 122,
-                "end": 122
+                "start": 117,
+                "end": 117
             }
         },
         "group": [
@@ -11931,8 +11803,8 @@
     {
         "description": "The line height of the Card title.\n",
         "commentRange": {
-            "start": 123,
-            "end": 124
+            "start": 118,
+            "end": 119
         },
         "context": {
             "type": "variable",
@@ -11940,8 +11812,8 @@
             "value": "var(--kendo-line-height-sm)",
             "scope": "default",
             "line": {
-                "start": 125,
-                "end": 125
+                "start": 120,
+                "end": 120
             }
         },
         "group": [
@@ -11956,8 +11828,8 @@
     {
         "description": "The font weight of the Card title.\n",
         "commentRange": {
-            "start": 126,
-            "end": 127
+            "start": 121,
+            "end": 122
         },
         "context": {
             "type": "variable",
@@ -11965,8 +11837,8 @@
             "value": "var(--kendo-font-weight-normal)",
             "scope": "default",
             "line": {
-                "start": 128,
-                "end": 128
+                "start": 123,
+                "end": 123
             }
         },
         "group": [
@@ -11981,8 +11853,8 @@
     {
         "description": "The letter spacing of the Card title.\n",
         "commentRange": {
-            "start": 129,
-            "end": 130
+            "start": 124,
+            "end": 125
         },
         "context": {
             "type": "variable",
@@ -11990,8 +11862,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 131,
-                "end": 131
+                "start": 126,
+                "end": 126
             }
         },
         "group": [
@@ -12006,8 +11878,8 @@
     {
         "description": "The bottom margin of the Card subtitle.\n",
         "commentRange": {
-            "start": 133,
-            "end": 134
+            "start": 128,
+            "end": 129
         },
         "context": {
             "type": "variable",
@@ -12015,8 +11887,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 135,
-                "end": 135
+                "start": 130,
+                "end": 130
             }
         },
         "group": [
@@ -12031,8 +11903,8 @@
     {
         "description": "The font size of the Card subtitle.\n",
         "commentRange": {
-            "start": 136,
-            "end": 137
+            "start": 131,
+            "end": 132
         },
         "context": {
             "type": "variable",
@@ -12040,8 +11912,8 @@
             "value": "var(--kendo-font-size-sm)",
             "scope": "default",
             "line": {
-                "start": 138,
-                "end": 138
+                "start": 133,
+                "end": 133
             }
         },
         "group": [
@@ -12056,8 +11928,8 @@
     {
         "description": "The font family of the Card subtitle.\n",
         "commentRange": {
-            "start": 139,
-            "end": 140
+            "start": 134,
+            "end": 135
         },
         "context": {
             "type": "variable",
@@ -12065,8 +11937,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 141,
-                "end": 141
+                "start": 136,
+                "end": 136
             }
         },
         "group": [
@@ -12081,8 +11953,8 @@
     {
         "description": "The line height of the Card subtitle.\n",
         "commentRange": {
-            "start": 142,
-            "end": 143
+            "start": 137,
+            "end": 138
         },
         "context": {
             "type": "variable",
@@ -12090,8 +11962,8 @@
             "value": "var(--kendo-line-height-lg)",
             "scope": "default",
             "line": {
-                "start": 144,
-                "end": 144
+                "start": 139,
+                "end": 139
             }
         },
         "group": [
@@ -12106,8 +11978,8 @@
     {
         "description": "The font weight of the Card subtitle.\n",
         "commentRange": {
-            "start": 145,
-            "end": 146
+            "start": 140,
+            "end": 141
         },
         "context": {
             "type": "variable",
@@ -12115,8 +11987,8 @@
             "value": "var(--kendo-font-weight-normal)",
             "scope": "default",
             "line": {
-                "start": 147,
-                "end": 147
+                "start": 142,
+                "end": 142
             }
         },
         "group": [
@@ -12131,8 +12003,8 @@
     {
         "description": "The letter spacing of the Card subtitle.\n",
         "commentRange": {
-            "start": 148,
-            "end": 149
+            "start": 143,
+            "end": 144
         },
         "context": {
             "type": "variable",
@@ -12140,8 +12012,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 150,
-                "end": 150
+                "start": 145,
+                "end": 145
             }
         },
         "group": [
@@ -12156,8 +12028,8 @@
     {
         "description": "The text color of the Card subtitle.\n",
         "commentRange": {
-            "start": 151,
-            "end": 152
+            "start": 146,
+            "end": 147
         },
         "context": {
             "type": "variable",
@@ -12165,8 +12037,8 @@
             "value": "k-color(subtle)",
             "scope": "default",
             "line": {
-                "start": 153,
-                "end": 153
+                "start": 148,
+                "end": 148
             }
         },
         "group": [
@@ -12181,8 +12053,8 @@
     {
         "description": "The maximum width of the Card image.\n",
         "commentRange": {
-            "start": 155,
-            "end": 156
+            "start": 150,
+            "end": 151
         },
         "context": {
             "type": "variable",
@@ -12190,8 +12062,8 @@
             "value": "100px",
             "scope": "default",
             "line": {
-                "start": 157,
-                "end": 157
+                "start": 152,
+                "end": 152
             }
         },
         "group": [
@@ -12206,8 +12078,8 @@
     {
         "description": "The spacing between the Avatar and the text in the Card.\n",
         "commentRange": {
-            "start": 158,
-            "end": 159
+            "start": 153,
+            "end": 154
         },
         "context": {
             "type": "variable",
@@ -12215,8 +12087,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 160,
-                "end": 160
+                "start": 155,
+                "end": 155
             }
         },
         "group": [
@@ -12231,8 +12103,8 @@
     {
         "description": "The horizontal padding of the Card actions.\n",
         "commentRange": {
-            "start": 162,
-            "end": 163
+            "start": 157,
+            "end": 158
         },
         "context": {
             "type": "variable",
@@ -12240,8 +12112,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 164,
-                "end": 164
+                "start": 159,
+                "end": 159
             }
         },
         "group": [
@@ -12256,8 +12128,8 @@
     {
         "description": "The vertical padding of the Card actions.\n",
         "commentRange": {
-            "start": 165,
-            "end": 166
+            "start": 160,
+            "end": 161
         },
         "context": {
             "type": "variable",
@@ -12265,8 +12137,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 167,
-                "end": 167
+                "start": 162,
+                "end": 162
             }
         },
         "group": [
@@ -12281,8 +12153,8 @@
     {
         "description": "The top border width of the Card actions.\n",
         "commentRange": {
-            "start": 168,
-            "end": 169
+            "start": 163,
+            "end": 164
         },
         "context": {
             "type": "variable",
@@ -12290,8 +12162,8 @@
             "value": "0",
             "scope": "default",
             "line": {
-                "start": 170,
-                "end": 170
+                "start": 165,
+                "end": 165
             }
         },
         "group": [
@@ -12306,8 +12178,8 @@
     {
         "description": "The spacing between the Card actions.\n",
         "commentRange": {
-            "start": 171,
-            "end": 172
+            "start": 166,
+            "end": 167
         },
         "context": {
             "type": "variable",
@@ -12315,8 +12187,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 173,
-                "end": 173
+                "start": 168,
+                "end": 168
             }
         },
         "group": [
@@ -12331,8 +12203,8 @@
     {
         "description": "The border radius of the scroll button in the Card deck.\n",
         "commentRange": {
-            "start": 175,
-            "end": 176
+            "start": 170,
+            "end": 171
         },
         "context": {
             "type": "variable",
@@ -12340,8 +12212,8 @@
             "value": "0px",
             "scope": "default",
             "line": {
-                "start": 177,
-                "end": 177
+                "start": 172,
+                "end": 172
             }
         },
         "group": [
@@ -12356,8 +12228,8 @@
     {
         "description": "The border radius of the scroll button in the Card deck.\n",
         "commentRange": {
-            "start": 178,
-            "end": 179
+            "start": 173,
+            "end": 174
         },
         "context": {
             "type": "variable",
@@ -12365,8 +12237,8 @@
             "value": "-$kendo-button-border-width",
             "scope": "default",
             "line": {
-                "start": 180,
-                "end": 180
+                "start": 175,
+                "end": 175
             }
         },
         "group": [
@@ -12381,8 +12253,8 @@
     {
         "description": "The width of the Card callout.\n",
         "commentRange": {
-            "start": 182,
-            "end": 183
+            "start": 177,
+            "end": 178
         },
         "context": {
             "type": "variable",
@@ -12390,8 +12262,8 @@
             "value": "20px",
             "scope": "default",
             "line": {
-                "start": 184,
-                "end": 184
+                "start": 179,
+                "end": 179
             }
         },
         "group": [
@@ -12406,8 +12278,8 @@
     {
         "description": "The height of the Card callout.\n",
         "commentRange": {
-            "start": 185,
-            "end": 186
+            "start": 180,
+            "end": 181
         },
         "context": {
             "type": "variable",
@@ -12415,8 +12287,8 @@
             "value": "20px",
             "scope": "default",
             "line": {
-                "start": 187,
-                "end": 187
+                "start": 182,
+                "end": 182
             }
         },
         "group": [
@@ -21736,7 +21608,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-color-gradient-draghandle-border",
-            "value": "color-mix(in srgb, k-color(light) 80%, transparent)",
+            "value": "color-mix(in srgb, k-color(on-inverse) 80%, transparent)",
             "scope": "default",
             "line": {
                 "start": 174,
@@ -21761,7 +21633,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-color-gradient-draghandle-focus-shadow",
-            "value": "k-color(dark)",
+            "value": "k-color(inverse)",
             "scope": "default",
             "line": {
                 "start": 177,
@@ -21786,7 +21658,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-color-gradient-draghandle-hover-shadow",
-            "value": "k-color(dark)",
+            "value": "k-color(inverse)",
             "scope": "default",
             "line": {
                 "start": 180,
@@ -22414,7 +22286,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-color-palette-tile-focus-shadow",
-            "value": "0 0 3px 1px color-mix(in srgb, k-color(dark) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, k-color(light) 50%, transparent)",
+            "value": "0 0 3px 1px color-mix(in srgb, k-color(inverse) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, k-color(on-inverse) 50%, transparent)",
             "scope": "default",
             "line": {
                 "start": 47,
@@ -22439,7 +22311,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-color-palette-tile-hover-shadow",
-            "value": "0 0 3px 1px color-mix(in srgb, k-color(dark) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, k-color(light) 80%, transparent)",
+            "value": "0 0 3px 1px color-mix(in srgb, k-color(inverse) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, k-color(on-inverse) 80%, transparent)",
             "scope": "default",
             "line": {
                 "start": 50,
@@ -22464,7 +22336,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-color-palette-tile-selected-shadow",
-            "value": "0 1px 3px 1px color-mix(in srgb, k-color(dark) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, k-color(light) 100%, transparent)",
+            "value": "0 1px 3px 1px color-mix(in srgb, k-color(inverse) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, k-color(on-inverse) 100%, transparent)",
             "scope": "default",
             "line": {
                 "start": 53,
@@ -23167,7 +23039,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,
@@ -23361,39 +23233,11 @@
             "name": "_variables.scss"
         }
     },
-    {
-        "description": "The default theme color of the Dialog.\n",
-        "commentRange": {
-            "start": 7,
-            "end": 9
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-dialog-default-theme-color",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 10,
-                "end": 10
-            }
-        },
-        "group": [
-            "dialog"
-        ],
-        "role": [
-            "default"
-        ],
-        "access": "public",
-        "file": {
-            "path": "dialog/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
     {
         "description": "The background color of the Dialog titlebar.\n",
         "commentRange": {
-            "start": 12,
-            "end": 13
+            "start": 7,
+            "end": 8
         },
         "context": {
             "type": "variable",
@@ -23401,8 +23245,8 @@
             "value": "k-color(surface)",
             "scope": "default",
             "line": {
-                "start": 14,
-                "end": 14
+                "start": 9,
+                "end": 9
             }
         },
         "group": [
@@ -23417,8 +23261,8 @@
     {
         "description": "The text color of the Dialog titlebar.\n",
         "commentRange": {
-            "start": 15,
-            "end": 16
+            "start": 10,
+            "end": 11
         },
         "context": {
             "type": "variable",
@@ -23426,8 +23270,8 @@
             "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
-                "start": 17,
-                "end": 17
+                "start": 12,
+                "end": 12
             }
         },
         "group": [
@@ -23442,8 +23286,8 @@
     {
         "description": "The border color of the Dialog titlebar.\n",
         "commentRange": {
-            "start": 18,
-            "end": 19
+            "start": 13,
+            "end": 14
         },
         "context": {
             "type": "variable",
@@ -23451,8 +23295,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 20,
-                "end": 20
+                "start": 15,
+                "end": 15
             }
         },
         "group": [
@@ -23467,8 +23311,8 @@
     {
         "description": "The horizontal padding of the Dialog action buttons.\n",
         "commentRange": {
-            "start": 22,
-            "end": 23
+            "start": 17,
+            "end": 18
         },
         "context": {
             "type": "variable",
@@ -23476,8 +23320,8 @@
             "value": "$kendo-actions-padding-x",
             "scope": "default",
             "line": {
-                "start": 24,
-                "end": 24
+                "start": 19,
+                "end": 19
             }
         },
         "group": [
@@ -23492,8 +23336,8 @@
     {
         "description": "The vertical padding of the Dialog action buttons.\n",
         "commentRange": {
-            "start": 25,
-            "end": 26
+            "start": 20,
+            "end": 21
         },
         "context": {
             "type": "variable",
@@ -23501,8 +23345,8 @@
             "value": "$kendo-actions-padding-y",
             "scope": "default",
             "line": {
-                "start": 27,
-                "end": 27
+                "start": 22,
+                "end": 22
             }
         },
         "group": [
@@ -23517,8 +23361,8 @@
     {
         "description": "The width of the top border of the Dialog action buttons.\n",
         "commentRange": {
-            "start": 28,
-            "end": 29
+            "start": 23,
+            "end": 24
         },
         "context": {
             "type": "variable",
@@ -23526,8 +23370,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 30,
-                "end": 30
+                "start": 25,
+                "end": 25
             }
         },
         "group": [
@@ -23542,8 +23386,8 @@
     {
         "description": "The spacing between the Dialog action buttons.\n",
         "commentRange": {
-            "start": 31,
-            "end": 32
+            "start": 26,
+            "end": 27
         },
         "context": {
             "type": "variable",
@@ -23551,8 +23395,8 @@
             "value": "$kendo-actions-button-spacing",
             "scope": "default",
             "line": {
-                "start": 33,
-                "end": 33
+                "start": 28,
+                "end": 28
             }
         },
         "group": [
@@ -23567,8 +23411,8 @@
     {
         "description": "The background color of the Dialog.\n",
         "commentRange": {
-            "start": 35,
-            "end": 36
+            "start": 30,
+            "end": 31
         },
         "context": {
             "type": "variable",
@@ -23576,8 +23420,8 @@
             "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
-                "start": 37,
-                "end": 37
+                "start": 32,
+                "end": 32
             }
         },
         "group": [
@@ -29498,7 +29342,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 +35579,8 @@
     {
         "description": "The background color of highlighted Grid rows.\n",
         "commentRange": {
-            "start": 249,
-            "end": 250
+            "start": 248,
+            "end": 249
         },
         "context": {
             "type": "variable",
@@ -35744,8 +35588,8 @@
             "value": "$kendo-table-highlighted-bg",
             "scope": "default",
             "line": {
-                "start": 251,
-                "end": 251
+                "start": 250,
+                "end": 250
             }
         },
         "group": [
@@ -35760,8 +35604,8 @@
     {
         "description": "The font weight of highlighted Grid rows.\n",
         "commentRange": {
-            "start": 252,
-            "end": 253
+            "start": 251,
+            "end": 252
         },
         "context": {
             "type": "variable",
@@ -35769,8 +35613,8 @@
             "value": "$kendo-table-highlighted-font-weight",
             "scope": "default",
             "line": {
-                "start": 254,
-                "end": 254
+                "start": 253,
+                "end": 253
             }
         },
         "group": [
@@ -35785,8 +35629,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 +35638,8 @@
             "value": "$kendo-table-selected-highlighted-bg",
             "scope": "default",
             "line": {
-                "start": 258,
-                "end": 258
+                "start": 257,
+                "end": 257
             }
         },
         "group": [
@@ -35810,8 +35654,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 +35663,8 @@
             "value": "$kendo-grid-header-bg",
             "scope": "default",
             "line": {
-                "start": 262,
-                "end": 262
+                "start": 261,
+                "end": 261
             }
         },
         "group": [
@@ -35835,8 +35679,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 +35688,8 @@
             "value": "$kendo-grid-text",
             "scope": "default",
             "line": {
-                "start": 265,
-                "end": 265
+                "start": 264,
+                "end": 264
             }
         },
         "group": [
@@ -35860,8 +35704,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 +35713,8 @@
             "value": "$kendo-grid-border",
             "scope": "default",
             "line": {
-                "start": 268,
-                "end": 268
+                "start": 267,
+                "end": 267
             }
         },
         "group": [
@@ -35885,8 +35729,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 +35738,8 @@
             "value": "$kendo-grid-border-width",
             "scope": "default",
             "line": {
-                "start": 271,
-                "end": 271
+                "start": 270,
+                "end": 270
             }
         },
         "group": [
@@ -35910,8 +35754,8 @@
     {
         "description": "The spacing between the selection aggregates items.\n",
         "commentRange": {
-            "start": 272,
-            "end": 273
+            "start": 271,
+            "end": 272
         },
         "context": {
             "type": "variable",
@@ -35919,8 +35763,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 274,
-                "end": 274
+                "start": 273,
+                "end": 273
             }
         },
         "group": [
@@ -35935,8 +35779,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 +35788,8 @@
             "value": "$kendo-grid-line-height",
             "scope": "default",
             "line": {
-                "start": 277,
-                "end": 277
+                "start": 276,
+                "end": 276
             }
         },
         "group": [
@@ -35960,8 +35804,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 +35813,8 @@
             "value": "var(--kendo-font-weight-bold)",
             "scope": "default",
             "line": {
-                "start": 280,
-                "end": 280
+                "start": 279,
+                "end": 279
             }
         },
         "group": [
@@ -35985,8 +35829,8 @@
     {
         "description": "The background color of the Grid row.\n",
         "commentRange": {
-            "start": 282,
-            "end": 283
+            "start": 281,
+            "end": 282
         },
         "context": {
             "type": "variable",
@@ -35994,8 +35838,8 @@
             "value": "k-color(surface)",
             "scope": "default",
             "line": {
-                "start": 284,
-                "end": 284
+                "start": 283,
+                "end": 283
             }
         },
         "group": [
@@ -36010,8 +35854,8 @@
     {
         "description": "The text color of the Grid row.\n",
         "commentRange": {
-            "start": 285,
-            "end": 286
+            "start": 284,
+            "end": 285
         },
         "context": {
             "type": "variable",
@@ -36019,8 +35863,8 @@
             "value": "$kendo-grid-text",
             "scope": "default",
             "line": {
-                "start": 287,
-                "end": 287
+                "start": 286,
+                "end": 286
             }
         },
         "group": [
@@ -36035,8 +35879,8 @@
     {
         "description": "The sorted icon spacing of the Grid.\n",
         "commentRange": {
-            "start": 289,
-            "end": 290
+            "start": 288,
+            "end": 289
         },
         "context": {
             "type": "variable",
@@ -36044,8 +35888,8 @@
             "value": "calc( #{k-spacing(2)} - 1px )",
             "scope": "default",
             "line": {
-                "start": 291,
-                "end": 291
+                "start": 290,
+                "end": 290
             }
         },
         "group": [
@@ -36060,8 +35904,8 @@
     {
         "description": "The background color of the Grid.\n",
         "commentRange": {
-            "start": 292,
-            "end": 293
+            "start": 291,
+            "end": 292
         },
         "context": {
             "type": "variable",
@@ -36069,8 +35913,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 +35929,8 @@
     {
         "description": "The text color of the Grid.\n",
         "commentRange": {
-            "start": 295,
-            "end": 296
+            "start": 294,
+            "end": 295
         },
         "context": {
             "type": "variable",
@@ -36094,8 +35938,8 @@
             "value": "k-color(primary)",
             "scope": "default",
             "line": {
-                "start": 297,
-                "end": 297
+                "start": 296,
+                "end": 296
             }
         },
         "group": [
@@ -36110,8 +35954,8 @@
     {
         "description": "The font size of the Grid.\n",
         "commentRange": {
-            "start": 298,
-            "end": 299
+            "start": 297,
+            "end": 298
         },
         "context": {
             "type": "variable",
@@ -36119,8 +35963,8 @@
             "value": "var(--kendo-font-size-sm)",
             "scope": "default",
             "line": {
-                "start": 300,
-                "end": 300
+                "start": 299,
+                "end": 299
             }
         },
         "group": [
@@ -36135,8 +35979,8 @@
     {
         "description": "The spacing of the Grid.\n",
         "commentRange": {
-            "start": 301,
-            "end": 302
+            "start": 300,
+            "end": 301
         },
         "context": {
             "type": "variable",
@@ -36144,8 +35988,8 @@
             "value": "calc( #{$kendo-icon-spacing} / 2 )",
             "scope": "default",
             "line": {
-                "start": 303,
-                "end": 303
+                "start": 302,
+                "end": 302
             }
         },
         "group": [
@@ -36160,8 +36004,8 @@
     {
         "description": "The vertical spacing of the Grid.\n",
         "commentRange": {
-            "start": 304,
-            "end": 305
+            "start": 303,
+            "end": 304
         },
         "context": {
             "type": "variable",
@@ -36169,8 +36013,8 @@
             "value": "calc( #{$kendo-grid-sorting-index-spacing-y} * -1)",
             "scope": "default",
             "line": {
-                "start": 306,
-                "end": 306
+                "start": 305,
+                "end": 305
             }
         },
         "group": [
@@ -36185,8 +36029,8 @@
     {
         "description": "The shadow of the Grid.\n",
         "commentRange": {
-            "start": 309,
-            "end": 310
+            "start": 308,
+            "end": 309
         },
         "context": {
             "type": "variable",
@@ -36194,8 +36038,8 @@
             "value": "$kendo-table-focus-shadow",
             "scope": "default",
             "line": {
-                "start": 311,
-                "end": 311
+                "start": 310,
+                "end": 310
             }
         },
         "group": [
@@ -36210,8 +36054,8 @@
     {
         "description": "The spacing of the Grid button.\n",
         "commentRange": {
-            "start": 313,
-            "end": 314
+            "start": 312,
+            "end": 313
         },
         "context": {
             "type": "variable",
@@ -36219,8 +36063,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 315,
-                "end": 315
+                "start": 314,
+                "end": 314
             }
         },
         "group": [
@@ -36235,8 +36079,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 +36088,8 @@
             "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
-                "start": 320,
-                "end": 320
+                "start": 319,
+                "end": 319
             }
         },
         "group": [
@@ -36260,8 +36104,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 +36113,8 @@
             "value": "k-color(base-hover)",
             "scope": "default",
             "line": {
-                "start": 323,
-                "end": 323
+                "start": 322,
+                "end": 322
             }
         },
         "group": [
@@ -36285,8 +36129,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 +36138,8 @@
             "value": "k-color(base)",
             "scope": "default",
             "line": {
-                "start": 326,
-                "end": 326
+                "start": 325,
+                "end": 325
             }
         },
         "group": [
@@ -36310,8 +36154,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 +36163,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 +36179,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 +36188,8 @@
             "value": "$kendo-grid-header-bg",
             "scope": "default",
             "line": {
-                "start": 334,
-                "end": 334
+                "start": 333,
+                "end": 333
             }
         },
         "group": [
@@ -36360,8 +36204,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 +36213,8 @@
             "value": "$kendo-grid-header-text",
             "scope": "default",
             "line": {
-                "start": 337,
-                "end": 337
+                "start": 336,
+                "end": 336
             }
         },
         "group": [
@@ -36385,8 +36229,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 +36238,8 @@
             "value": "$kendo-grid-sticky-border",
             "scope": "default",
             "line": {
-                "start": 340,
-                "end": 340
+                "start": 339,
+                "end": 339
             }
         },
         "group": [
@@ -36410,8 +36254,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 +36263,8 @@
             "value": "$kendo-grid-header-bg",
             "scope": "default",
             "line": {
-                "start": 344,
-                "end": 344
+                "start": 343,
+                "end": 343
             }
         },
         "group": [
@@ -36435,8 +36279,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 +36288,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 +36304,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 +36313,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 +36329,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 +36338,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 +36354,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 +36363,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 +36379,8 @@
     {
         "description": "The width of the Grid column menu.\n",
         "commentRange": {
-            "start": 361,
-            "end": 362
+            "start": 360,
+            "end": 361
         },
         "context": {
             "type": "variable",
@@ -36544,8 +36388,8 @@
             "value": "230px",
             "scope": "default",
             "line": {
-                "start": 363,
-                "end": 363
+                "start": 362,
+                "end": 362
             }
         },
         "group": [
@@ -36560,8 +36404,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 +36413,8 @@
             "value": "320px",
             "scope": "default",
             "line": {
-                "start": 366,
-                "end": 366
+                "start": 365,
+                "end": 365
             }
         },
         "group": [
@@ -36585,8 +36429,8 @@
     {
         "description": "The horizontal padding of the Grid popup.\n",
         "commentRange": {
-            "start": 369,
-            "end": 370
+            "start": 368,
+            "end": 369
         },
         "context": {
             "type": "variable",
@@ -36594,8 +36438,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 371,
-                "end": 371
+                "start": 370,
+                "end": 370
             }
         },
         "group": [
@@ -36610,8 +36454,8 @@
     {
         "description": "The vertical padding of the Grid popup.\n",
         "commentRange": {
-            "start": 372,
-            "end": 373
+            "start": 371,
+            "end": 372
         },
         "context": {
             "type": "variable",
@@ -36619,8 +36463,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 374,
-                "end": 374
+                "start": 373,
+                "end": 373
             }
         },
         "group": [
@@ -36635,8 +36479,8 @@
     {
         "description": "The horizontal padding of the Grid item.\n",
         "commentRange": {
-            "start": 376,
-            "end": 377
+            "start": 375,
+            "end": 376
         },
         "context": {
             "type": "variable",
@@ -36644,8 +36488,8 @@
             "value": "$kendo-menu-popup-md-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 378,
-                "end": 378
+                "start": 377,
+                "end": 377
             }
         },
         "group": [
@@ -36660,8 +36504,8 @@
     {
         "description": "The vertical padding of the Grid item.\n",
         "commentRange": {
-            "start": 379,
-            "end": 380
+            "start": 378,
+            "end": 379
         },
         "context": {
             "type": "variable",
@@ -36669,8 +36513,8 @@
             "value": "$kendo-menu-popup-md-item-padding-y",
             "scope": "default",
             "line": {
-                "start": 381,
-                "end": 381
+                "start": 380,
+                "end": 380
             }
         },
         "group": [
@@ -36685,8 +36529,8 @@
     {
         "description": "The horizontal padding of the Grid item.\n",
         "commentRange": {
-            "start": 383,
-            "end": 384
+            "start": 382,
+            "end": 383
         },
         "context": {
             "type": "variable",
@@ -36694,8 +36538,8 @@
             "value": "$kendo-list-md-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 385,
-                "end": 385
+                "start": 384,
+                "end": 384
             }
         },
         "group": [
@@ -36710,8 +36554,8 @@
     {
         "description": "The vertical padding of the Grid item.\n",
         "commentRange": {
-            "start": 386,
-            "end": 387
+            "start": 385,
+            "end": 386
         },
         "context": {
             "type": "variable",
@@ -36719,8 +36563,8 @@
             "value": "$kendo-list-md-item-padding-y",
             "scope": "default",
             "line": {
-                "start": 388,
-                "end": 388
+                "start": 387,
+                "end": 387
             }
         },
         "group": [
@@ -36735,8 +36579,8 @@
     {
         "description": "The horizontal padding of the Grid.\n",
         "commentRange": {
-            "start": 390,
-            "end": 391
+            "start": 389,
+            "end": 390
         },
         "context": {
             "type": "variable",
@@ -36744,8 +36588,8 @@
             "value": "k-spacing(0)",
             "scope": "default",
             "line": {
-                "start": 392,
-                "end": 392
+                "start": 391,
+                "end": 391
             }
         },
         "group": [
@@ -36760,8 +36604,8 @@
     {
         "description": "The vertical padding of the Grid.\n",
         "commentRange": {
-            "start": 393,
-            "end": 394
+            "start": 392,
+            "end": 393
         },
         "context": {
             "type": "variable",
@@ -36769,8 +36613,8 @@
             "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
-                "start": 395,
-                "end": 395
+                "start": 394,
+                "end": 394
             }
         },
         "group": [
@@ -36785,8 +36629,8 @@
     {
         "description": "The horizontal padding of the Grid header.\n",
         "commentRange": {
-            "start": 397,
-            "end": 398
+            "start": 396,
+            "end": 397
         },
         "context": {
             "type": "variable",
@@ -36794,8 +36638,8 @@
             "value": "$kendo-menu-popup-md-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 399,
-                "end": 399
+                "start": 398,
+                "end": 398
             }
         },
         "group": [
@@ -36810,8 +36654,8 @@
     {
         "description": "The vertical padding of the Grid header.\n",
         "commentRange": {
-            "start": 400,
-            "end": 401
+            "start": 399,
+            "end": 400
         },
         "context": {
             "type": "variable",
@@ -36819,8 +36663,8 @@
             "value": "$kendo-menu-popup-md-item-padding-y",
             "scope": "default",
             "line": {
-                "start": 402,
-                "end": 402
+                "start": 401,
+                "end": 401
             }
         },
         "group": [
@@ -36835,8 +36679,8 @@
     {
         "description": "The font size of the Grid header.\n",
         "commentRange": {
-            "start": 404,
-            "end": 405
+            "start": 403,
+            "end": 404
         },
         "context": {
             "type": "variable",
@@ -36844,8 +36688,8 @@
             "value": "var(--kendo-font-size-sm)",
             "scope": "default",
             "line": {
-                "start": 406,
-                "end": 406
+                "start": 405,
+                "end": 405
             }
         },
         "group": [
@@ -36860,8 +36704,8 @@
     {
         "description": "The height of the Grid header.\n",
         "commentRange": {
-            "start": 407,
-            "end": 408
+            "start": 406,
+            "end": 407
         },
         "context": {
             "type": "variable",
@@ -36869,8 +36713,8 @@
             "value": "var(--kendo-line-height)",
             "scope": "default",
             "line": {
-                "start": 409,
-                "end": 409
+                "start": 408,
+                "end": 408
             }
         },
         "group": [
@@ -36885,8 +36729,8 @@
     {
         "description": "The text color of the Grid header.\n",
         "commentRange": {
-            "start": 410,
-            "end": 411
+            "start": 409,
+            "end": 410
         },
         "context": {
             "type": "variable",
@@ -36894,8 +36738,8 @@
             "value": "uppercase",
             "scope": "default",
             "line": {
-                "start": 412,
-                "end": 412
+                "start": 411,
+                "end": 411
             }
         },
         "group": [
@@ -36910,8 +36754,8 @@
     {
         "description": "The width of the Grid header.\n",
         "commentRange": {
-            "start": 413,
-            "end": 414
+            "start": 412,
+            "end": 413
         },
         "context": {
             "type": "variable",
@@ -36919,8 +36763,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 415,
-                "end": 415
+                "start": 414,
+                "end": 414
             }
         },
         "group": [
@@ -36935,8 +36779,8 @@
     {
         "description": "The background color of the Grid header.\n",
         "commentRange": {
-            "start": 417,
-            "end": 418
+            "start": 416,
+            "end": 417
         },
         "context": {
             "type": "variable",
@@ -36944,8 +36788,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 419,
-                "end": 419
+                "start": 418,
+                "end": 418
             }
         },
         "group": [
@@ -36960,8 +36804,8 @@
     {
         "description": "The text color of the Grid header.\n",
         "commentRange": {
-            "start": 420,
-            "end": 421
+            "start": 419,
+            "end": 420
         },
         "context": {
             "type": "variable",
@@ -36969,8 +36813,8 @@
             "value": "$kendo-popup-text",
             "scope": "default",
             "line": {
-                "start": 422,
-                "end": 422
+                "start": 421,
+                "end": 421
             }
         },
         "group": [
@@ -36985,8 +36829,8 @@
     {
         "description": "The border color of the Grid header.\n",
         "commentRange": {
-            "start": 423,
-            "end": 424
+            "start": 422,
+            "end": 423
         },
         "context": {
             "type": "variable",
@@ -36994,8 +36838,8 @@
             "value": "$kendo-popup-border",
             "scope": "default",
             "line": {
-                "start": 425,
-                "end": 425
+                "start": 424,
+                "end": 424
             }
         },
         "group": [
@@ -37010,8 +36854,8 @@
     {
         "description": "The horizontal padding of the Grid content.\n",
         "commentRange": {
-            "start": 427,
-            "end": 428
+            "start": 426,
+            "end": 427
         },
         "context": {
             "type": "variable",
@@ -37019,8 +36863,8 @@
             "value": "k-spacing(0)",
             "scope": "default",
             "line": {
-                "start": 429,
-                "end": 429
+                "start": 428,
+                "end": 428
             }
         },
         "group": [
@@ -37035,8 +36879,8 @@
     {
         "description": "The vertical padding of the Grid content.\n",
         "commentRange": {
-            "start": 430,
-            "end": 431
+            "start": 429,
+            "end": 430
         },
         "context": {
             "type": "variable",
@@ -37044,8 +36888,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 432,
-                "end": 432
+                "start": 431,
+                "end": 431
             }
         },
         "group": [
@@ -37060,8 +36904,8 @@
     {
         "description": "The background color of the Grid.\n",
         "commentRange": {
-            "start": 434,
-            "end": 435
+            "start": 433,
+            "end": 434
         },
         "context": {
             "type": "variable",
@@ -37069,8 +36913,8 @@
             "value": "k-color(surface)",
             "scope": "default",
             "line": {
-                "start": 436,
-                "end": 436
+                "start": 435,
+                "end": 435
             }
         },
         "group": [
@@ -37085,8 +36929,8 @@
     {
         "description": "The width of the Grid cell.\n",
         "commentRange": {
-            "start": 438,
-            "end": 439
+            "start": 437,
+            "end": 438
         },
         "context": {
             "type": "variable",
@@ -37094,8 +36938,8 @@
             "value": "($kendo-icon-size * 2.25)",
             "scope": "default",
             "line": {
-                "start": 440,
-                "end": 440
+                "start": 439,
+                "end": 439
             }
         },
         "group": [
@@ -37110,8 +36954,8 @@
     {
         "description": "The width of the Grid.\n",
         "commentRange": {
-            "start": 442,
-            "end": 443
+            "start": 441,
+            "end": 442
         },
         "context": {
             "type": "variable",
@@ -37119,8 +36963,8 @@
             "value": "($kendo-icon-size * 2)",
             "scope": "default",
             "line": {
-                "start": 444,
-                "end": 444
+                "start": 443,
+                "end": 443
             }
         },
         "group": [
@@ -37135,8 +36979,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 +36988,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 448,
-                "end": 448
+                "start": 447,
+                "end": 447
             }
         },
         "group": [
@@ -37160,8 +37004,8 @@
     {
         "description": "The vertical border of the Grid footer.\n",
         "commentRange": {
-            "start": 449,
-            "end": 450
+            "start": 448,
+            "end": 449
         },
         "context": {
             "type": "variable",
@@ -37169,8 +37013,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 451,
-                "end": 451
+                "start": 450,
+                "end": 450
             }
         },
         "group": [
@@ -37185,8 +37029,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 +37038,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 +37054,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 +37063,8 @@
             "value": "k-color(primary)",
             "scope": "default",
             "line": {
-                "start": 458,
-                "end": 458
+                "start": 457,
+                "end": 457
             }
         },
         "group": [
@@ -37235,8 +37079,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 +37088,8 @@
             "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
-                "start": 461,
-                "end": 461
+                "start": 460,
+                "end": 460
             }
         },
         "group": [
@@ -37260,8 +37104,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 +37113,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 465,
-                "end": 465
+                "start": 464,
+                "end": 464
             }
         },
         "group": [
@@ -37285,8 +37129,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 +37138,8 @@
             "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
-                "start": 468,
-                "end": 468
+                "start": 467,
+                "end": 467
             }
         },
         "group": [
@@ -37310,8 +37154,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 +37163,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 472,
-                "end": 472
+                "start": 471,
+                "end": 471
             }
         },
         "group": [
@@ -37335,8 +37179,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 +37188,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 475,
-                "end": 475
+                "start": 474,
+                "end": 474
             }
         },
         "group": [
@@ -37360,8 +37204,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 +37213,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 479,
-                "end": 479
+                "start": 478,
+                "end": 478
             }
         },
         "group": [
@@ -37385,8 +37229,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 +37238,8 @@
             "value": "var(--kendo-font-size-sm)",
             "scope": "default",
             "line": {
-                "start": 483,
-                "end": 483
+                "start": 482,
+                "end": 482
             }
         },
         "group": [
@@ -37410,8 +37254,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 +37263,8 @@
             "value": "var(--kendo-font-weight-bold)",
             "scope": "default",
             "line": {
-                "start": 486,
-                "end": 486
+                "start": 485,
+                "end": 485
             }
         },
         "group": [
@@ -37435,8 +37279,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 +37288,8 @@
             "value": "k-spacing(2.5)",
             "scope": "default",
             "line": {
-                "start": 489,
-                "end": 489
+                "start": 488,
+                "end": 488
             }
         },
         "group": [
@@ -37460,8 +37304,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 +37313,8 @@
             "value": "k-color(subtle)",
             "scope": "default",
             "line": {
-                "start": 493,
-                "end": 493
+                "start": 492,
+                "end": 492
             }
         },
         "group": [
@@ -37485,8 +37329,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 +37338,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 +37354,8 @@
     {
         "description": "The Grid stack layout expandable row shadow.\n",
         "commentRange": {
-            "start": 497,
-            "end": 498
+            "start": 496,
+            "end": 497
         },
         "context": {
             "type": "variable",
@@ -37519,8 +37363,8 @@
             "value": "k-elevation(2)",
             "scope": "default",
             "line": {
-                "start": 499,
-                "end": 499
+                "start": 498,
+                "end": 498
             }
         },
         "group": [
@@ -37535,8 +37379,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 +37388,8 @@
             "value": "var(--kendo-font-weight-bold)",
             "scope": "default",
             "line": {
-                "start": 503,
-                "end": 503
+                "start": 502,
+                "end": 502
             }
         },
         "group": [
@@ -37860,6 +37704,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": {
@@ -48821,7 +48690,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-notification-theme-colors",
-            "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+            "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"inverse\")",
             "scope": "default",
             "line": {
                 "start": 65,
@@ -50112,48 +49981,20 @@
             "name": "_variables.scss"
         }
     },
-    {
-        "description": "The default theme color of the Overlay.\n",
-        "commentRange": {
-            "start": 1,
-            "end": 3
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-overlay-default-theme-color",
-            "value": "\"inverse\"",
-            "scope": "default",
-            "line": {
-                "start": 4,
-                "end": 4
-            }
-        },
-        "group": [
-            "overlay"
-        ],
-        "role": [
-            "default"
-        ],
-        "access": "public",
-        "file": {
-            "path": "overlay/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
     {
         "description": "The background color of the Overlay.\n",
         "commentRange": {
-            "start": 6,
-            "end": 7
+            "start": 3,
+            "end": 4
         },
         "context": {
             "type": "variable",
             "name": "kendo-overlay-bg",
-            "value": "null",
+            "value": "k-color(inverse)",
             "scope": "default",
             "line": {
-                "start": 8,
-                "end": 8
+                "start": 5,
+                "end": 5
             }
         },
         "group": [
@@ -50168,8 +50009,8 @@
     {
         "description": "The opacity of the Overlay.\n",
         "commentRange": {
-            "start": 10,
-            "end": 11
+            "start": 7,
+            "end": 8
         },
         "context": {
             "type": "variable",
@@ -50177,8 +50018,8 @@
             "value": ".5",
             "scope": "default",
             "line": {
-                "start": 12,
-                "end": 12
+                "start": 9,
+                "end": 9
             }
         },
         "group": [
@@ -51502,7 +51343,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-panelbar-header-text",
-            "value": "k-color(primary)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 61,
@@ -63239,7 +63080,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-scrollview-light-bg",
-            "value": "rgba(255, 255, 255, .4)",
+            "value": "rgba( white, .4 )",
             "scope": "default",
             "line": {
                 "start": 79,
@@ -63264,7 +63105,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-scrollview-dark-bg",
-            "value": "rgba(0, 0, 0, .4)",
+            "value": "rgba( black, .4 )",
             "scope": "default",
             "line": {
                 "start": 82,
@@ -63283,8 +63124,8 @@
     {
         "description": "The duration of the ScrollView transition.\n",
         "commentRange": {
-            "start": 84,
-            "end": 85
+            "start": 83,
+            "end": 84
         },
         "context": {
             "type": "variable",
@@ -63292,8 +63133,8 @@
             "value": ".3s",
             "scope": "default",
             "line": {
-                "start": 86,
-                "end": 86
+                "start": 85,
+                "end": 85
             }
         },
         "group": [
@@ -63308,8 +63149,8 @@
     {
         "description": "The timing function of the ScrollView transition.\n",
         "commentRange": {
-            "start": 87,
-            "end": 88
+            "start": 86,
+            "end": 87
         },
         "context": {
             "type": "variable",
@@ -63317,8 +63158,8 @@
             "value": "ease-in-out",
             "scope": "default",
             "line": {
-                "start": 89,
-                "end": 89
+                "start": 88,
+                "end": 88
             }
         },
         "group": [
@@ -68326,7 +68167,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 +74810,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 +77035,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 +77060,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 +77085,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 +77813,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 +77838,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 +78538,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 +78563,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,
@@ -81378,7 +81219,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-tooltip-theme-colors",
-            "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+            "value": "(\"base\", \"info\", \"success\", \"warning\", \"error\", \"inverse\")",
             "scope": "default",
             "line": {
                 "start": 58,
@@ -82506,7 +82347,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-treeview-loadmore-text",
-            "value": "k-color(primary)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 141,
@@ -85500,39 +85341,11 @@
             "name": "_variables.scss"
         }
     },
-    {
-        "description": "The default theme color of the Window.\n",
-        "commentRange": {
-            "start": 12,
-            "end": 14
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-window-default-theme-color",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 15,
-                "end": 15
-            }
-        },
-        "group": [
-            "window"
-        ],
-        "role": [
-            "default"
-        ],
-        "access": "public",
-        "file": {
-            "path": "window/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
     {
         "description": "The width of the border around the Window.\n",
         "commentRange": {
-            "start": 17,
-            "end": 18
+            "start": 12,
+            "end": 13
         },
         "context": {
             "type": "variable",
@@ -85540,8 +85353,8 @@
             "value": "0px",
             "scope": "default",
             "line": {
-                "start": 19,
-                "end": 19
+                "start": 14,
+                "end": 14
             }
         },
         "group": [
@@ -85556,8 +85369,8 @@
     {
         "description": "The border radius of the Window.\n",
         "commentRange": {
-            "start": 20,
-            "end": 21
+            "start": 15,
+            "end": 16
         },
         "context": {
             "type": "variable",
@@ -85565,8 +85378,8 @@
             "value": "0px",
             "scope": "default",
             "line": {
-                "start": 22,
-                "end": 22
+                "start": 17,
+                "end": 17
             }
         },
         "group": [
@@ -85581,8 +85394,8 @@
     {
         "description": "The font family of the Window.\n",
         "commentRange": {
-            "start": 23,
-            "end": 24
+            "start": 18,
+            "end": 19
         },
         "context": {
             "type": "variable",
@@ -85590,8 +85403,8 @@
             "value": "var(--kendo-font-family)",
             "scope": "default",
             "line": {
-                "start": 25,
-                "end": 25
+                "start": 20,
+                "end": 20
             }
         },
         "group": [
@@ -85606,8 +85419,8 @@
     {
         "description": "The font size of the Window.\n",
         "commentRange": {
-            "start": 26,
-            "end": 27
+            "start": 21,
+            "end": 22
         },
         "context": {
             "type": "variable",
@@ -85615,8 +85428,8 @@
             "value": "var(--kendo-font-size)",
             "scope": "default",
             "line": {
-                "start": 28,
-                "end": 28
+                "start": 23,
+                "end": 23
             }
         },
         "group": [
@@ -85631,8 +85444,8 @@
     {
         "description": "The line height of the Window.\n",
         "commentRange": {
-            "start": 29,
-            "end": 30
+            "start": 24,
+            "end": 25
         },
         "context": {
             "type": "variable",
@@ -85640,8 +85453,8 @@
             "value": "var(--kendo-line-height-sm)",
             "scope": "default",
             "line": {
-                "start": 31,
-                "end": 31
+                "start": 26,
+                "end": 26
             }
         },
         "group": [
@@ -85656,8 +85469,8 @@
     {
         "description": "The horizontal padding of the Window titlebar.\n",
         "commentRange": {
-            "start": 33,
-            "end": 34
+            "start": 28,
+            "end": 29
         },
         "context": {
             "type": "variable",
@@ -85665,8 +85478,8 @@
             "value": "k-spacing(4)",
             "scope": "default",
             "line": {
-                "start": 35,
-                "end": 35
+                "start": 30,
+                "end": 30
             }
         },
         "group": [
@@ -85681,8 +85494,8 @@
     {
         "description": "The vertical padding of the Window titlebar.\n",
         "commentRange": {
-            "start": 36,
-            "end": 37
+            "start": 31,
+            "end": 32
         },
         "context": {
             "type": "variable",
@@ -85690,8 +85503,8 @@
             "value": "k-spacing(3)",
             "scope": "default",
             "line": {
-                "start": 38,
-                "end": 38
+                "start": 33,
+                "end": 33
             }
         },
         "group": [
@@ -85706,8 +85519,8 @@
     {
         "description": "The width of the border of the Window titlebar.\n",
         "commentRange": {
-            "start": 39,
-            "end": 40
+            "start": 34,
+            "end": 35
         },
         "context": {
             "type": "variable",
@@ -85715,8 +85528,8 @@
             "value": "0 0 1px",
             "scope": "default",
             "line": {
-                "start": 41,
-                "end": 41
+                "start": 36,
+                "end": 36
             }
         },
         "group": [
@@ -85731,8 +85544,8 @@
     {
         "description": "The style of the border of the Window titlebar.\n",
         "commentRange": {
-            "start": 42,
-            "end": 43
+            "start": 37,
+            "end": 38
         },
         "context": {
             "type": "variable",
@@ -85740,8 +85553,8 @@
             "value": "solid",
             "scope": "default",
             "line": {
-                "start": 44,
-                "end": 44
+                "start": 39,
+                "end": 39
             }
         },
         "group": [
@@ -85756,8 +85569,8 @@
     {
         "description": "The font size of the title of the Window.\n",
         "commentRange": {
-            "start": 46,
-            "end": 47
+            "start": 41,
+            "end": 42
         },
         "context": {
             "type": "variable",
@@ -85765,8 +85578,8 @@
             "value": "var(--kendo-font-size-lg)",
             "scope": "default",
             "line": {
-                "start": 48,
-                "end": 48
+                "start": 43,
+                "end": 43
             }
         },
         "group": [
@@ -85781,8 +85594,8 @@
     {
         "description": "The line height of the title of the Window.\n",
         "commentRange": {
-            "start": 49,
-            "end": 50
+            "start": 44,
+            "end": 45
         },
         "context": {
             "type": "variable",
@@ -85790,8 +85603,8 @@
             "value": "var(--kendo-line-height-sm)",
             "scope": "default",
             "line": {
-                "start": 51,
-                "end": 51
+                "start": 46,
+                "end": 46
             }
         },
         "group": [
@@ -85806,8 +85619,8 @@
     {
         "description": "The spacing between the buttons in the Window titlebar.\n",
         "commentRange": {
-            "start": 53,
-            "end": 54
+            "start": 48,
+            "end": 49
         },
         "context": {
             "type": "variable",
@@ -85815,8 +85628,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 55,
-                "end": 55
+                "start": 50,
+                "end": 50
             }
         },
         "group": [
@@ -85831,8 +85644,8 @@
     {
         "description": "The opacity of the buttons in the Window titlebar.\n",
         "commentRange": {
-            "start": 56,
-            "end": 57
+            "start": 51,
+            "end": 52
         },
         "context": {
             "type": "variable",
@@ -85840,8 +85653,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 58,
-                "end": 58
+                "start": 53,
+                "end": 53
             }
         },
         "group": [
@@ -85856,8 +85669,8 @@
     {
         "description": "The opacity of the hovered buttons in the Window titlebar.\n",
         "commentRange": {
-            "start": 59,
-            "end": 60
+            "start": 54,
+            "end": 55
         },
         "context": {
             "type": "variable",
@@ -85865,8 +85678,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 61,
-                "end": 61
+                "start": 56,
+                "end": 56
             }
         },
         "group": [
@@ -85881,8 +85694,8 @@
     {
         "description": "The horizontal padding of the content of the Window.\n",
         "commentRange": {
-            "start": 63,
-            "end": 64
+            "start": 58,
+            "end": 59
         },
         "context": {
             "type": "variable",
@@ -85890,8 +85703,8 @@
             "value": "k-spacing(4)",
             "scope": "default",
             "line": {
-                "start": 65,
-                "end": 65
+                "start": 60,
+                "end": 60
             }
         },
         "group": [
@@ -85906,8 +85719,8 @@
     {
         "description": "The vertical padding of the content of the Window.\n",
         "commentRange": {
-            "start": 66,
-            "end": 67
+            "start": 61,
+            "end": 62
         },
         "context": {
             "type": "variable",
@@ -85915,8 +85728,8 @@
             "value": "k-spacing(4)",
             "scope": "default",
             "line": {
-                "start": 68,
-                "end": 68
+                "start": 63,
+                "end": 63
             }
         },
         "group": [
@@ -85931,8 +85744,8 @@
     {
         "description": "The horizontal padding of the Window action buttons.\n",
         "commentRange": {
-            "start": 70,
-            "end": 71
+            "start": 65,
+            "end": 66
         },
         "context": {
             "type": "variable",
@@ -85940,8 +85753,8 @@
             "value": "$kendo-actions-padding-x",
             "scope": "default",
             "line": {
-                "start": 72,
-                "end": 72
+                "start": 67,
+                "end": 67
             }
         },
         "group": [
@@ -85956,8 +85769,8 @@
     {
         "description": "The vertical padding of the Window action buttons.\n",
         "commentRange": {
-            "start": 73,
-            "end": 74
+            "start": 68,
+            "end": 69
         },
         "context": {
             "type": "variable",
@@ -85965,8 +85778,8 @@
             "value": "$kendo-actions-padding-y",
             "scope": "default",
             "line": {
-                "start": 75,
-                "end": 75
+                "start": 70,
+                "end": 70
             }
         },
         "group": [
@@ -85981,8 +85794,8 @@
     {
         "description": "The width of the top border of the Window action buttons.\n",
         "commentRange": {
-            "start": 76,
-            "end": 77
+            "start": 71,
+            "end": 72
         },
         "context": {
             "type": "variable",
@@ -85990,8 +85803,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 78,
-                "end": 78
+                "start": 73,
+                "end": 73
             }
         },
         "group": [
@@ -86006,8 +85819,8 @@
     {
         "description": "The background color of the Window.\n",
         "commentRange": {
-            "start": 80,
-            "end": 81
+            "start": 75,
+            "end": 76
         },
         "context": {
             "type": "variable",
@@ -86015,8 +85828,8 @@
             "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
-                "start": 82,
-                "end": 82
+                "start": 77,
+                "end": 77
             }
         },
         "group": [
@@ -86031,8 +85844,8 @@
     {
         "description": "The text color of the Window.\n",
         "commentRange": {
-            "start": 83,
-            "end": 84
+            "start": 78,
+            "end": 79
         },
         "context": {
             "type": "variable",
@@ -86040,8 +85853,8 @@
             "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
-                "start": 85,
-                "end": 85
+                "start": 80,
+                "end": 80
             }
         },
         "group": [
@@ -86056,8 +85869,8 @@
     {
         "description": "The border color of the Window.\n",
         "commentRange": {
-            "start": 86,
-            "end": 87
+            "start": 81,
+            "end": 82
         },
         "context": {
             "type": "variable",
@@ -86065,8 +85878,8 @@
             "value": "k-color(border)",
             "scope": "default",
             "line": {
-                "start": 88,
-                "end": 88
+                "start": 83,
+                "end": 83
             }
         },
         "group": [
@@ -86081,8 +85894,8 @@
     {
         "description": "The box shadow of the Window.\n",
         "commentRange": {
-            "start": 89,
-            "end": 90
+            "start": 84,
+            "end": 85
         },
         "context": {
             "type": "variable",
@@ -86090,8 +85903,8 @@
             "value": "k-elevation(8)",
             "scope": "default",
             "line": {
-                "start": 91,
-                "end": 91
+                "start": 86,
+                "end": 86
             }
         },
         "group": [
@@ -86106,8 +85919,8 @@
     {
         "description": "The box shadow of the focused Window.\n",
         "commentRange": {
-            "start": 92,
-            "end": 93
+            "start": 87,
+            "end": 88
         },
         "context": {
             "type": "variable",
@@ -86115,8 +85928,8 @@
             "value": "k-elevation(9)",
             "scope": "default",
             "line": {
-                "start": 94,
-                "end": 94
+                "start": 89,
+                "end": 89
             }
         },
         "group": [
@@ -86131,8 +85944,8 @@
     {
         "description": "The background color of the Window titlebar.\n",
         "commentRange": {
-            "start": 96,
-            "end": 97
+            "start": 91,
+            "end": 92
         },
         "context": {
             "type": "variable",
@@ -86140,8 +85953,8 @@
             "value": "k-color(surface)",
             "scope": "default",
             "line": {
-                "start": 98,
-                "end": 98
+                "start": 93,
+                "end": 93
             }
         },
         "group": [
@@ -86156,8 +85969,8 @@
     {
         "description": "The text color of the Window titlebar.\n",
         "commentRange": {
-            "start": 99,
-            "end": 100
+            "start": 94,
+            "end": 95
         },
         "context": {
             "type": "variable",
@@ -86165,8 +85978,8 @@
             "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
-                "start": 101,
-                "end": 101
+                "start": 96,
+                "end": 96
             }
         },
         "group": [
@@ -86181,8 +85994,8 @@
     {
         "description": "The border color of the Window titlebar.\n",
         "commentRange": {
-            "start": 102,
-            "end": 103
+            "start": 97,
+            "end": 98
         },
         "context": {
             "type": "variable",
@@ -86190,8 +86003,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 104,
-                "end": 104
+                "start": 99,
+                "end": 99
             }
         },
         "group": [
@@ -86206,8 +86019,8 @@
     {
         "description": "The background gradient of the Window titlebar.\n",
         "commentRange": {
-            "start": 105,
-            "end": 106
+            "start": 100,
+            "end": 101
         },
         "context": {
             "type": "variable",
@@ -86215,8 +86028,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 107,
-                "end": 107
+                "start": 102,
+                "end": 102
             }
         },
         "group": [
@@ -86543,17 +86356,17 @@
     {
         "description": "The theme colors map of the AppBar.\n",
         "commentRange": {
-            "start": 27,
-            "end": 28
+            "start": 21,
+            "end": 22
         },
         "context": {
             "type": "variable",
             "name": "kendo-appbar-theme-colors",
-            "value": "(\"inherit\", \"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+            "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"inverse\")",
             "scope": "default",
             "line": {
-                "start": 29,
-                "end": 29
+                "start": 23,
+                "end": 23
             }
         },
         "group": [
@@ -86599,7 +86412,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-avatar-theme-colors",
-            "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+            "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\")",
             "scope": "default",
             "line": {
                 "start": 34,
@@ -86649,7 +86462,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-badge-theme-colors",
-            "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+            "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\")",
             "scope": "default",
             "line": {
                 "start": 63,
@@ -86674,7 +86487,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-bottom-navigation-theme-colors",
-            "value": "(\"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+            "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"inverse\")",
             "scope": "default",
             "line": {
                 "start": 33,
@@ -86724,7 +86537,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-button-theme-colors",
-            "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+            "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"inverse\")",
             "scope": "default",
             "line": {
                 "start": 116,
@@ -86790,31 +86603,6 @@
             "name": "_variables.scss"
         }
     },
-    {
-        "description": "The theme colors map of the Card.\n",
-        "commentRange": {
-            "start": 75,
-            "end": 76
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-card-theme-colors",
-            "value": "(\"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
-            "scope": "default",
-            "line": {
-                "start": 77,
-                "end": 77
-            }
-        },
-        "group": [
-            "card"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/components/card/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
     {
         "description": "The sizes map of the CheckBox.\n",
         "commentRange": {
@@ -87201,8 +86989,8 @@
     {
         "description": "The global default Colors map.\n",
         "commentRange": {
-            "start": 193,
-            "end": 447
+            "start": 169,
+            "end": 391
         },
         "context": {
             "type": "variable",
@@ -87210,8 +86998,8 @@
             "value": "$default-colors",
             "scope": "default",
             "line": {
-                "start": 448,
-                "end": 448
+                "start": 392,
+                "end": 392
             }
         },
         "group": [
@@ -87359,38 +87147,6 @@
                 ],
                 "description": "The Error variable group."
             },
-            {
-                "name": "light",
-                "value": [
-                    "light-subtle",
-                    "light-subtle-hover",
-                    "light-subtle-active",
-                    "light",
-                    "light-hover",
-                    "light-active",
-                    "light-emphasis",
-                    "light-on-subtle",
-                    "on-light",
-                    "light-on-surface"
-                ],
-                "description": "The Light variable group."
-            },
-            {
-                "name": "dark",
-                "value": [
-                    "dark-subtle",
-                    "dark-subtle-hover",
-                    "dark-subtle-active",
-                    "dark",
-                    "dark-hover",
-                    "dark-active",
-                    "dark-emphasis",
-                    "dark-on-subtle",
-                    "on-dark",
-                    "dark-on-surface"
-                ],
-                "description": "The Dark variable group."
-            },
             {
                 "name": "inverse",
                 "value": [
@@ -87917,106 +87673,6 @@
                 "name": "error-on-surface",
                 "description": "The text color variable for content on surface."
             },
-            {
-                "type": "Color",
-                "name": "light-subtle",
-                "description": "The light subtle background color variable."
-            },
-            {
-                "type": "Color",
-                "name": "light-subtle-hover",
-                "description": "The light subtle background color variable for the hover state."
-            },
-            {
-                "type": "Color",
-                "name": "light-subtle-active",
-                "description": "The light subtle background color variable for the active state."
-            },
-            {
-                "type": "Color",
-                "name": "light",
-                "description": "The light background color variable."
-            },
-            {
-                "type": "Color",
-                "name": "light-hover",
-                "description": "The light background color variable for the hover state."
-            },
-            {
-                "type": "Color",
-                "name": "light-active",
-                "description": "The light background color variable for the active state."
-            },
-            {
-                "type": "Color",
-                "name": "light-emphasis",
-                "description": "The emphasized light color variable."
-            },
-            {
-                "type": "Color",
-                "name": "light-on-subtle",
-                "description": "The text color variable for content on light subtle."
-            },
-            {
-                "type": "Color",
-                "name": "on-light",
-                "description": "The text color variable for content on light."
-            },
-            {
-                "type": "Color",
-                "name": "light-on-surface",
-                "description": "The text color variable for content on surface."
-            },
-            {
-                "type": "Color",
-                "name": "dark-subtle",
-                "description": "The dark subtle background color variable."
-            },
-            {
-                "type": "Color",
-                "name": "dark-subtle-hover",
-                "description": "The dark subtle background color variable for the hover state."
-            },
-            {
-                "type": "Color",
-                "name": "dark-subtle-active",
-                "description": "The dark subtle background color variable for the active state."
-            },
-            {
-                "type": "Color",
-                "name": "dark",
-                "description": "The dark background color variable."
-            },
-            {
-                "type": "Color",
-                "name": "dark-hover",
-                "description": "The dark background color variable for the hover state."
-            },
-            {
-                "type": "Color",
-                "name": "dark-active",
-                "description": "The dark background color variable for the active state."
-            },
-            {
-                "type": "Color",
-                "name": "dark-emphasis",
-                "description": "The emphasized dark color variable."
-            },
-            {
-                "type": "Color",
-                "name": "dark-on-subtle",
-                "description": "The text color variable for content on dark subtle."
-            },
-            {
-                "type": "Color",
-                "name": "on-dark",
-                "description": "The text color variable for content on dark."
-            },
-            {
-                "type": "Color",
-                "name": "dark-on-surface",
-                "description": "The text color variable for content on surface."
-            },
             {
                 "type": "Color",
                 "name": "inverse-subtle",
@@ -88279,31 +87935,6 @@
             "name": "_variables.scss"
         }
     },
-    {
-        "description": "The theme colors map of the Dialog.\n",
-        "commentRange": {
-            "start": 16,
-            "end": 17
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-dialog-theme-colors",
-            "value": "(\"primary\", \"light\", \"dark\")",
-            "scope": "default",
-            "line": {
-                "start": 18,
-                "end": 18
-            }
-        },
-        "group": [
-            "dialog"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/components/dialog/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
     {
         "description": "The global default Elevation map.\n",
         "commentRange": {
@@ -88338,7 +87969,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-fab-theme-colors",
-            "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+            "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\")",
             "scope": "default",
             "line": {
                 "start": 68,
@@ -88488,7 +88119,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-loader-theme-colors",
-            "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+            "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\")",
             "scope": "default",
             "line": {
                 "start": 59,
@@ -88538,7 +88169,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-message-box-theme-colors",
-            "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+            "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"inverse\")",
             "scope": "default",
             "line": {
                 "start": 22,
@@ -88712,31 +88343,6 @@
             "name": "_variables.scss"
         }
     },
-    {
-        "description": "The theme colors map of the Overlay.\n",
-        "commentRange": {
-            "start": 6,
-            "end": 7
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-overlay-theme-colors",
-            "value": "(\"dark\", \"light\", \"inverse\")",
-            "scope": "default",
-            "line": {
-                "start": 8,
-                "end": 8
-            }
-        },
-        "group": [
-            "overlay"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/components/overlay/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
     {
         "description": "The sizes map of the Pager.\n",
         "commentRange": {
@@ -89196,7 +88802,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-suggestion-theme-colors",
-            "value": "(\"base\", \"primary\", \"secondary\")",
+            "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\")",
             "scope": "default",
             "line": {
                 "start": 18,
@@ -90429,8 +90035,8 @@
     {
         "description": "The sizes map of the Window.\n",
         "commentRange": {
-            "start": 42,
-            "end": 43
+            "start": 41,
+            "end": 42
         },
         "context": {
             "type": "variable",
@@ -90438,33 +90044,8 @@
             "value": "(\n    auto: null,\n    sm: 300px,\n    md: 800px,\n    lg: 1200px\n)",
             "scope": "default",
             "line": {
-                "start": 44,
-                "end": 49
-            }
-        },
-        "group": [
-            "window"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/components/window/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The theme colors map of the Window.\n",
-        "commentRange": {
-            "start": 51,
-            "end": 52
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-window-theme-colors",
-            "value": "(\"primary\", \"light\", \"dark\")",
-            "scope": "default",
-            "line": {
-                "start": 53,
-                "end": 53
+                "start": 43,
+                "end": 48
             }
         },
         "group": [