npm - @progress/kendo-theme-bootstrap - Versions diffs - 13.2.0-dev.2 → 13.2.0-dev.4 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (56) hide show

package/dist/all.css +1 -1
package/dist/bootstrap-3-dark.css +1 -1
package/dist/bootstrap-3.css +1 -1
package/dist/bootstrap-4-dark.css +1 -1
package/dist/bootstrap-4.css +1 -1
package/dist/bootstrap-dataviz-v4.css +1 -1
package/dist/bootstrap-main-dark.css +1 -1
package/dist/bootstrap-main-dark.scss +0 -20
package/dist/bootstrap-main.css +1 -1
package/dist/bootstrap-nordic.css +1 -1
package/dist/bootstrap-turquoise-dark.css +1 -1
package/dist/bootstrap-turquoise.css +1 -1
package/dist/bootstrap-urban.css +1 -1
package/dist/bootstrap-vintage.css +1 -1
package/dist/meta/sassdoc-data.json +1606 -2706
package/dist/meta/sassdoc-raw-data.json +757 -1226
package/dist/meta/variables.json +48 -175
package/lib/swatches/bootstrap-3-dark.json +1 -1
package/lib/swatches/bootstrap-3.json +1 -1
package/lib/swatches/bootstrap-4-dark.json +1 -1
package/lib/swatches/bootstrap-4.json +1 -1
package/lib/swatches/bootstrap-dataviz-v4.json +1 -1
package/lib/swatches/bootstrap-main-dark.json +1 -101
package/lib/swatches/bootstrap-main.json +1 -1
package/lib/swatches/bootstrap-nordic.json +1 -1
package/lib/swatches/bootstrap-turquoise-dark.json +1 -1
package/lib/swatches/bootstrap-turquoise.json +1 -1
package/lib/swatches/bootstrap-urban.json +1 -1
package/lib/swatches/bootstrap-vintage.json +1 -1
package/package.json +4 -4
package/scss/adaptive/_variables.scss +3 -3
package/scss/appbar/_variables.scss +1 -19
package/scss/breadcrumb/_variables.scss +2 -2
package/scss/card/_variables.scss +0 -6
package/scss/coloreditor/_variables.scss +1 -1
package/scss/colorgradient/_variables.scss +1 -1
package/scss/colorpalette/_variables.scss +3 -3
package/scss/column-menu/_variables.scss +1 -1
package/scss/core/color-system/_swatch.scss +0 -56
package/scss/dialog/_variables.scss +0 -6
package/scss/expansion-panel/_variables.scss +1 -1
package/scss/filter/_variables.scss +1 -1
package/scss/grid/_layout.scss +4 -0
package/scss/grid/_theme.scss +2 -449
package/scss/grid/_variables.scss +1 -7
package/scss/icons/_variables.scss +6 -2
package/scss/notification/_variables.scss +1 -1
package/scss/overlay/_variables.scss +2 -6
package/scss/skeleton/_variables.scss +1 -1
package/scss/spreadsheet/_variables.scss +1 -1
package/scss/stepper/_variables.scss +1 -1
package/scss/timeselector/_variables.scss +4 -4
package/scss/tooltip/_variables.scss +1 -1
package/scss/treeview/_variables.scss +1 -1
package/scss/upload/_variables.scss +2 -2
package/scss/window/_variables.scss +0 -6

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

@@ -2133,7 +2133,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-adaptive-menu-clear-text",
-            "value": "k-color(primary)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 30,
@@ -2308,7 +2308,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-adaptive-grid-sort-text",
-            "value": "k-color(primary)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 55,
@@ -2333,7 +2333,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-adaptive-scheduler-current-text",
-            "value": "k-color(primary)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 60,
@@ -2408,7 +2408,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-appbar-default-theme-color",
-            "value": "\"light\"",
+            "value": "\"base\"",
             "scope": "default",
             "line": {
                 "start": 10,
@@ -2678,15 +2678,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,
@@ -2703,119 +2703,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": "k-elevation(4)",
             "scope": "default",
             "line": {
-                "start": 63,
-                "end": 63
+                "start": 49,
+                "end": 49
             }
         },
         "group": [
@@ -5144,7 +5044,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-breadcrumb-link-text",
-            "value": "k-color(primary)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 130,
@@ -5219,7 +5119,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-breadcrumb-link-hover-text",
-            "value": "k-color(primary-hover)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 140,
@@ -10950,39 +10850,11 @@
             "name": "_variables.scss"
         }
     },
-    {
-        "description": "The default theme color of the Card.\n",
-        "commentRange": {
-            "start": 8,
-            "end": 10
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-card-default-theme-color",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 11,
-                "end": 11
-            }
-        },
-        "group": [
-            "card"
-        ],
-        "role": [
-            "default"
-        ],
-        "access": "public",
-        "file": {
-            "path": "card/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
     {
         "description": "The horizontal padding of the Card.\n",
         "commentRange": {
-            "start": 13,
-            "end": 14
+            "start": 8,
+            "end": 9
         },
         "context": {
             "type": "variable",
@@ -10990,8 +10862,8 @@
             "value": "k-spacing(4)",
             "scope": "default",
             "line": {
-                "start": 15,
-                "end": 15
+                "start": 10,
+                "end": 10
             }
         },
         "group": [
@@ -11006,8 +10878,8 @@
     {
         "description": "The vertical padding of the Card.\n",
         "commentRange": {
-            "start": 16,
-            "end": 17
+            "start": 11,
+            "end": 12
         },
         "context": {
             "type": "variable",
@@ -11015,8 +10887,8 @@
             "value": "$kendo-card-padding-x",
             "scope": "default",
             "line": {
-                "start": 18,
-                "end": 18
+                "start": 13,
+                "end": 13
             }
         },
         "group": [
@@ -11031,8 +10903,8 @@
     {
         "description": "The width of the border around the Card.\n",
         "commentRange": {
-            "start": 19,
-            "end": 20
+            "start": 14,
+            "end": 15
         },
         "context": {
             "type": "variable",
@@ -11040,8 +10912,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 21,
-                "end": 21
+                "start": 16,
+                "end": 16
             }
         },
         "group": [
@@ -11056,8 +10928,8 @@
     {
         "description": "The border radius of the Card.\n",
         "commentRange": {
-            "start": 22,
-            "end": 23
+            "start": 17,
+            "end": 18
         },
         "context": {
             "type": "variable",
@@ -11065,8 +10937,8 @@
             "value": "k-border-radius(md)",
             "scope": "default",
             "line": {
-                "start": 24,
-                "end": 24
+                "start": 19,
+                "end": 19
             }
         },
         "group": [
@@ -11081,8 +10953,8 @@
     {
         "description": "The inner border radius of the Card.\n",
         "commentRange": {
-            "start": 25,
-            "end": 26
+            "start": 20,
+            "end": 21
         },
         "context": {
             "type": "variable",
@@ -11090,8 +10962,8 @@
             "value": "calc( #{$kendo-card-border-radius} - #{$kendo-card-border-width} )",
             "scope": "default",
             "line": {
-                "start": 27,
-                "end": 27
+                "start": 22,
+                "end": 22
             }
         },
         "group": [
@@ -11106,8 +10978,8 @@
     {
         "description": "The font family of the Card.\n",
         "commentRange": {
-            "start": 28,
-            "end": 29
+            "start": 23,
+            "end": 24
         },
         "context": {
             "type": "variable",
@@ -11115,8 +10987,8 @@
             "value": "var(--kendo-font-family)",
             "scope": "default",
             "line": {
-                "start": 30,
-                "end": 30
+                "start": 25,
+                "end": 25
             }
         },
         "group": [
@@ -11131,8 +11003,8 @@
     {
         "description": "The font size of the Card.\n",
         "commentRange": {
-            "start": 31,
-            "end": 32
+            "start": 26,
+            "end": 27
         },
         "context": {
             "type": "variable",
@@ -11140,8 +11012,8 @@
             "value": "var(--kendo-font-size)",
             "scope": "default",
             "line": {
-                "start": 33,
-                "end": 33
+                "start": 28,
+                "end": 28
             }
         },
         "group": [
@@ -11156,8 +11028,8 @@
     {
         "description": "The line height of the Card.\n",
         "commentRange": {
-            "start": 34,
-            "end": 35
+            "start": 29,
+            "end": 30
         },
         "context": {
             "type": "variable",
@@ -11165,8 +11037,8 @@
             "value": "var(--kendo-line-height)",
             "scope": "default",
             "line": {
-                "start": 36,
-                "end": 36
+                "start": 31,
+                "end": 31
             }
         },
         "group": [
@@ -11181,8 +11053,8 @@
     {
         "description": "The spacing between the Cards in the Card deck.\n",
         "commentRange": {
-            "start": 38,
-            "end": 39
+            "start": 33,
+            "end": 34
         },
         "context": {
             "type": "variable",
@@ -11190,8 +11062,8 @@
             "value": "k-spacing(4)",
             "scope": "default",
             "line": {
-                "start": 40,
-                "end": 40
+                "start": 35,
+                "end": 35
             }
         },
         "group": [
@@ -11206,8 +11078,8 @@
     {
         "description": "The background color of the Card.\n",
         "commentRange": {
-            "start": 42,
-            "end": 43
+            "start": 37,
+            "end": 38
         },
         "context": {
             "type": "variable",
@@ -11215,8 +11087,8 @@
             "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
-                "start": 44,
-                "end": 44
+                "start": 39,
+                "end": 39
             }
         },
         "group": [
@@ -11231,8 +11103,8 @@
     {
         "description": "The text color of the Card.\n",
         "commentRange": {
-            "start": 45,
-            "end": 46
+            "start": 40,
+            "end": 41
         },
         "context": {
             "type": "variable",
@@ -11240,8 +11112,8 @@
             "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
-                "start": 47,
-                "end": 47
+                "start": 42,
+                "end": 42
             }
         },
         "group": [
@@ -11256,8 +11128,8 @@
     {
         "description": "The border color of the Card.\n",
         "commentRange": {
-            "start": 48,
-            "end": 49
+            "start": 43,
+            "end": 44
         },
         "context": {
             "type": "variable",
@@ -11265,8 +11137,8 @@
             "value": "k-color(border)",
             "scope": "default",
             "line": {
-                "start": 50,
-                "end": 50
+                "start": 45,
+                "end": 45
             }
         },
         "group": [
@@ -11281,8 +11153,8 @@
     {
         "description": "The shadow of the Card.\n",
         "commentRange": {
-            "start": 51,
-            "end": 52
+            "start": 46,
+            "end": 47
         },
         "context": {
             "type": "variable",
@@ -11290,8 +11162,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 53,
-                "end": 53
+                "start": 48,
+                "end": 48
             }
         },
         "group": [
@@ -11306,8 +11178,8 @@
     {
         "description": "The background color of the focused Card.\n",
         "commentRange": {
-            "start": 55,
-            "end": 56
+            "start": 50,
+            "end": 51
         },
         "context": {
             "type": "variable",
@@ -11315,8 +11187,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 57,
-                "end": 57
+                "start": 52,
+                "end": 52
             }
         },
         "group": [
@@ -11331,8 +11203,8 @@
     {
         "description": "The text color of the focused Card.\n",
         "commentRange": {
-            "start": 58,
-            "end": 59
+            "start": 53,
+            "end": 54
         },
         "context": {
             "type": "variable",
@@ -11340,8 +11212,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 60,
-                "end": 60
+                "start": 55,
+                "end": 55
             }
         },
         "group": [
@@ -11356,8 +11228,8 @@
     {
         "description": "The border color of the focused Card.\n",
         "commentRange": {
-            "start": 61,
-            "end": 62
+            "start": 56,
+            "end": 57
         },
         "context": {
             "type": "variable",
@@ -11365,8 +11237,8 @@
             "value": "k-color(primary-emphasis)",
             "scope": "default",
             "line": {
-                "start": 63,
-                "end": 63
+                "start": 58,
+                "end": 58
             }
         },
         "group": [
@@ -11381,8 +11253,8 @@
     {
         "description": "The shadow of the focused Card.\n",
         "commentRange": {
-            "start": 67,
-            "end": 68
+            "start": 62,
+            "end": 63
         },
         "context": {
             "type": "variable",
@@ -11390,8 +11262,8 @@
             "value": "0 0 0 .25rem color-mix(in srgb, k-color(primary) 25%, transparent)",
             "scope": "default",
             "line": {
-                "start": 69,
-                "end": 69
+                "start": 64,
+                "end": 64
             }
         },
         "group": [
@@ -11406,8 +11278,8 @@
     {
         "description": "The horizontal padding of the Card header.\n",
         "commentRange": {
-            "start": 71,
-            "end": 72
+            "start": 66,
+            "end": 67
         },
         "context": {
             "type": "variable",
@@ -11415,8 +11287,8 @@
             "value": "$kendo-card-padding-x",
             "scope": "default",
             "line": {
-                "start": 73,
-                "end": 73
+                "start": 68,
+                "end": 68
             }
         },
         "group": [
@@ -11431,8 +11303,8 @@
     {
         "description": "The vertical padding of the Card header.\n",
         "commentRange": {
-            "start": 74,
-            "end": 75
+            "start": 69,
+            "end": 70
         },
         "context": {
             "type": "variable",
@@ -11440,8 +11312,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 76,
-                "end": 76
+                "start": 71,
+                "end": 71
             }
         },
         "group": [
@@ -11456,8 +11328,8 @@
     {
         "description": "The bottom border width of the Card header.\n",
         "commentRange": {
-            "start": 77,
-            "end": 78
+            "start": 72,
+            "end": 73
         },
         "context": {
             "type": "variable",
@@ -11465,8 +11337,8 @@
             "value": "$kendo-card-border-width",
             "scope": "default",
             "line": {
-                "start": 79,
-                "end": 79
+                "start": 74,
+                "end": 74
             }
         },
         "group": [
@@ -11481,8 +11353,8 @@
     {
         "description": "The background color of the Card header.\n",
         "commentRange": {
-            "start": 80,
-            "end": 81
+            "start": 75,
+            "end": 76
         },
         "context": {
             "type": "variable",
@@ -11490,8 +11362,8 @@
             "value": "transparent",
             "scope": "default",
             "line": {
-                "start": 82,
-                "end": 82
+                "start": 77,
+                "end": 77
             }
         },
         "group": [
@@ -11506,8 +11378,8 @@
     {
         "description": "The text color of the Card header.\n",
         "commentRange": {
-            "start": 83,
-            "end": 84
+            "start": 78,
+            "end": 79
         },
         "context": {
             "type": "variable",
@@ -11515,8 +11387,8 @@
             "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
-                "start": 85,
-                "end": 85
+                "start": 80,
+                "end": 80
             }
         },
         "group": [
@@ -11531,8 +11403,8 @@
     {
         "description": "The border color of the Card header.\n",
         "commentRange": {
-            "start": 86,
-            "end": 87
+            "start": 81,
+            "end": 82
         },
         "context": {
             "type": "variable",
@@ -11540,8 +11412,8 @@
             "value": "$kendo-card-border",
             "scope": "default",
             "line": {
-                "start": 88,
-                "end": 88
+                "start": 83,
+                "end": 83
             }
         },
         "group": [
@@ -11556,8 +11428,8 @@
     {
         "description": "The horizontal padding of the Card body.\n",
         "commentRange": {
-            "start": 90,
-            "end": 91
+            "start": 85,
+            "end": 86
         },
         "context": {
             "type": "variable",
@@ -11565,8 +11437,8 @@
             "value": "$kendo-card-padding-x",
             "scope": "default",
             "line": {
-                "start": 92,
-                "end": 92
+                "start": 87,
+                "end": 87
             }
         },
         "group": [
@@ -11581,8 +11453,8 @@
     {
         "description": "The vertical padding of the Card body.\n",
         "commentRange": {
-            "start": 93,
-            "end": 94
+            "start": 88,
+            "end": 89
         },
         "context": {
             "type": "variable",
@@ -11590,8 +11462,8 @@
             "value": "$kendo-card-padding-x",
             "scope": "default",
             "line": {
-                "start": 95,
-                "end": 95
+                "start": 90,
+                "end": 90
             }
         },
         "group": [
@@ -11606,8 +11478,8 @@
     {
         "description": "The horizontal padding of the Card footer.\n",
         "commentRange": {
-            "start": 97,
-            "end": 98
+            "start": 92,
+            "end": 93
         },
         "context": {
             "type": "variable",
@@ -11615,8 +11487,8 @@
             "value": "$kendo-card-header-padding-x",
             "scope": "default",
             "line": {
-                "start": 99,
-                "end": 99
+                "start": 94,
+                "end": 94
             }
         },
         "group": [
@@ -11631,8 +11503,8 @@
     {
         "description": "The vertical padding of the Card footer.\n",
         "commentRange": {
-            "start": 100,
-            "end": 101
+            "start": 95,
+            "end": 96
         },
         "context": {
             "type": "variable",
@@ -11640,8 +11512,8 @@
             "value": "$kendo-card-header-padding-y",
             "scope": "default",
             "line": {
-                "start": 102,
-                "end": 102
+                "start": 97,
+                "end": 97
             }
         },
         "group": [
@@ -11656,8 +11528,8 @@
     {
         "description": "The top border width of the Card footer.\n",
         "commentRange": {
-            "start": 103,
-            "end": 104
+            "start": 98,
+            "end": 99
         },
         "context": {
             "type": "variable",
@@ -11665,8 +11537,8 @@
             "value": "$kendo-card-border-width",
             "scope": "default",
             "line": {
-                "start": 105,
-                "end": 105
+                "start": 100,
+                "end": 100
             }
         },
         "group": [
@@ -11681,8 +11553,8 @@
     {
         "description": "The background color of the Card footer.\n",
         "commentRange": {
-            "start": 106,
-            "end": 107
+            "start": 101,
+            "end": 102
         },
         "context": {
             "type": "variable",
@@ -11690,8 +11562,8 @@
             "value": "$kendo-card-header-bg",
             "scope": "default",
             "line": {
-                "start": 108,
-                "end": 108
+                "start": 103,
+                "end": 103
             }
         },
         "group": [
@@ -11706,8 +11578,8 @@
     {
         "description": "The text color of the Card footer.\n",
         "commentRange": {
-            "start": 109,
-            "end": 110
+            "start": 104,
+            "end": 105
         },
         "context": {
             "type": "variable",
@@ -11715,8 +11587,8 @@
             "value": "$kendo-card-header-text",
             "scope": "default",
             "line": {
-                "start": 111,
-                "end": 111
+                "start": 106,
+                "end": 106
             }
         },
         "group": [
@@ -11731,8 +11603,8 @@
     {
         "description": "The border color of the Card footer.\n",
         "commentRange": {
-            "start": 112,
-            "end": 113
+            "start": 107,
+            "end": 108
         },
         "context": {
             "type": "variable",
@@ -11740,8 +11612,8 @@
             "value": "$kendo-card-header-border",
             "scope": "default",
             "line": {
-                "start": 114,
-                "end": 114
+                "start": 109,
+                "end": 109
             }
         },
         "group": [
@@ -11756,8 +11628,8 @@
     {
         "description": "The bottom margin of the Card title.\n",
         "commentRange": {
-            "start": 116,
-            "end": 117
+            "start": 111,
+            "end": 112
         },
         "context": {
             "type": "variable",
@@ -11765,8 +11637,8 @@
             "value": "k-spacing(3)",
             "scope": "default",
             "line": {
-                "start": 118,
-                "end": 118
+                "start": 113,
+                "end": 113
             }
         },
         "group": [
@@ -11781,8 +11653,8 @@
     {
         "description": "The font size of the Card title.\n",
         "commentRange": {
-            "start": 119,
-            "end": 120
+            "start": 114,
+            "end": 115
         },
         "context": {
             "type": "variable",
@@ -11790,8 +11662,8 @@
             "value": "var(--kendo-font-size-lg)",
             "scope": "default",
             "line": {
-                "start": 121,
-                "end": 121
+                "start": 116,
+                "end": 116
             }
         },
         "group": [
@@ -11806,8 +11678,8 @@
     {
         "description": "The font family of the Card title.\n",
         "commentRange": {
-            "start": 122,
-            "end": 123
+            "start": 117,
+            "end": 118
         },
         "context": {
             "type": "variable",
@@ -11815,8 +11687,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 124,
-                "end": 124
+                "start": 119,
+                "end": 119
             }
         },
         "group": [
@@ -11831,8 +11703,8 @@
     {
         "description": "The line height of the Card title.\n",
         "commentRange": {
-            "start": 125,
-            "end": 126
+            "start": 120,
+            "end": 121
         },
         "context": {
             "type": "variable",
@@ -11840,8 +11712,8 @@
             "value": "1.2",
             "scope": "default",
             "line": {
-                "start": 127,
-                "end": 127
+                "start": 122,
+                "end": 122
             }
         },
         "group": [
@@ -11856,8 +11728,8 @@
     {
         "description": "The font weight of the Card title.\n",
         "commentRange": {
-            "start": 128,
-            "end": 129
+            "start": 123,
+            "end": 124
         },
         "context": {
             "type": "variable",
@@ -11865,8 +11737,8 @@
             "value": "$kendo-font-weight-medium",
             "scope": "default",
             "line": {
-                "start": 130,
-                "end": 130
+                "start": 125,
+                "end": 125
             }
         },
         "group": [
@@ -11881,8 +11753,8 @@
     {
         "description": "The letter spacing of the Card title.\n",
         "commentRange": {
-            "start": 131,
-            "end": 132
+            "start": 126,
+            "end": 127
         },
         "context": {
             "type": "variable",
@@ -11890,8 +11762,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 133,
-                "end": 133
+                "start": 128,
+                "end": 128
             }
         },
         "group": [
@@ -11906,8 +11778,8 @@
     {
         "description": "The bottom margin of the Card subtitle.\n",
         "commentRange": {
-            "start": 135,
-            "end": 136
+            "start": 130,
+            "end": 131
         },
         "context": {
             "type": "variable",
@@ -11915,8 +11787,8 @@
             "value": "k-spacing(3)",
             "scope": "default",
             "line": {
-                "start": 137,
-                "end": 137
+                "start": 132,
+                "end": 132
             }
         },
         "group": [
@@ -11931,8 +11803,8 @@
     {
         "description": "The font size of the Card subtitle.\n",
         "commentRange": {
-            "start": 138,
-            "end": 139
+            "start": 133,
+            "end": 134
         },
         "context": {
             "type": "variable",
@@ -11940,8 +11812,8 @@
             "value": "$kendo-h6-font-size",
             "scope": "default",
             "line": {
-                "start": 140,
-                "end": 140
+                "start": 135,
+                "end": 135
             }
         },
         "group": [
@@ -11956,8 +11828,8 @@
     {
         "description": "The font family of the Card subtitle.\n",
         "commentRange": {
-            "start": 141,
-            "end": 142
+            "start": 136,
+            "end": 137
         },
         "context": {
             "type": "variable",
@@ -11965,8 +11837,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 143,
-                "end": 143
+                "start": 138,
+                "end": 138
             }
         },
         "group": [
@@ -11981,8 +11853,8 @@
     {
         "description": "The line height of the Card subtitle.\n",
         "commentRange": {
-            "start": 144,
-            "end": 145
+            "start": 139,
+            "end": 140
         },
         "context": {
             "type": "variable",
@@ -11990,8 +11862,8 @@
             "value": "$kendo-card-title-line-height",
             "scope": "default",
             "line": {
-                "start": 146,
-                "end": 146
+                "start": 141,
+                "end": 141
             }
         },
         "group": [
@@ -12006,8 +11878,8 @@
     {
         "description": "The font weight of the Card subtitle.\n",
         "commentRange": {
-            "start": 147,
-            "end": 148
+            "start": 142,
+            "end": 143
         },
         "context": {
             "type": "variable",
@@ -12015,8 +11887,8 @@
             "value": "$kendo-card-title-font-weight",
             "scope": "default",
             "line": {
-                "start": 149,
-                "end": 149
+                "start": 144,
+                "end": 144
             }
         },
         "group": [
@@ -12031,8 +11903,8 @@
     {
         "description": "The letter spacing of the Card subtitle.\n",
         "commentRange": {
-            "start": 150,
-            "end": 151
+            "start": 145,
+            "end": 146
         },
         "context": {
             "type": "variable",
@@ -12040,8 +11912,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 152,
-                "end": 152
+                "start": 147,
+                "end": 147
             }
         },
         "group": [
@@ -12056,8 +11928,8 @@
     {
         "description": "The text color of the Card subtitle.\n",
         "commentRange": {
-            "start": 153,
-            "end": 154
+            "start": 148,
+            "end": 149
         },
         "context": {
             "type": "variable",
@@ -12065,8 +11937,8 @@
             "value": "k-color(subtle)",
             "scope": "default",
             "line": {
-                "start": 155,
-                "end": 155
+                "start": 150,
+                "end": 150
             }
         },
         "group": [
@@ -12081,8 +11953,8 @@
     {
         "description": "The maximum width of the Card image.\n",
         "commentRange": {
-            "start": 157,
-            "end": 158
+            "start": 152,
+            "end": 153
         },
         "context": {
             "type": "variable",
@@ -12090,8 +11962,8 @@
             "value": "100px",
             "scope": "default",
             "line": {
-                "start": 159,
-                "end": 159
+                "start": 154,
+                "end": 154
             }
         },
         "group": [
@@ -12106,8 +11978,8 @@
     {
         "description": "The spacing between the Avatar and the text in the Card.\n",
         "commentRange": {
-            "start": 160,
-            "end": 161
+            "start": 155,
+            "end": 156
         },
         "context": {
             "type": "variable",
@@ -12115,8 +11987,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 162,
-                "end": 162
+                "start": 157,
+                "end": 157
             }
         },
         "group": [
@@ -12131,8 +12003,8 @@
     {
         "description": "The horizontal padding of the Card actions.\n",
         "commentRange": {
-            "start": 164,
-            "end": 165
+            "start": 159,
+            "end": 160
         },
         "context": {
             "type": "variable",
@@ -12140,8 +12012,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 166,
-                "end": 166
+                "start": 161,
+                "end": 161
             }
         },
         "group": [
@@ -12156,8 +12028,8 @@
     {
         "description": "The vertical padding of the Card actions.\n",
         "commentRange": {
-            "start": 167,
-            "end": 168
+            "start": 162,
+            "end": 163
         },
         "context": {
             "type": "variable",
@@ -12165,8 +12037,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 169,
-                "end": 169
+                "start": 164,
+                "end": 164
             }
         },
         "group": [
@@ -12181,8 +12053,8 @@
     {
         "description": "The top border width of the Card actions.\n",
         "commentRange": {
-            "start": 170,
-            "end": 171
+            "start": 165,
+            "end": 166
         },
         "context": {
             "type": "variable",
@@ -12190,8 +12062,8 @@
             "value": "0",
             "scope": "default",
             "line": {
-                "start": 172,
-                "end": 172
+                "start": 167,
+                "end": 167
             }
         },
         "group": [
@@ -12206,8 +12078,8 @@
     {
         "description": "The spacing between the Card actions.\n",
         "commentRange": {
-            "start": 173,
-            "end": 174
+            "start": 168,
+            "end": 169
         },
         "context": {
             "type": "variable",
@@ -12215,8 +12087,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 175,
-                "end": 175
+                "start": 170,
+                "end": 170
             }
         },
         "group": [
@@ -12231,8 +12103,8 @@
     {
         "description": "The border radius of the scroll button in the Card deck.\n",
         "commentRange": {
-            "start": 177,
-            "end": 178
+            "start": 172,
+            "end": 173
         },
         "context": {
             "type": "variable",
@@ -12240,8 +12112,8 @@
             "value": "0px",
             "scope": "default",
             "line": {
-                "start": 179,
-                "end": 179
+                "start": 174,
+                "end": 174
             }
         },
         "group": [
@@ -12256,8 +12128,8 @@
     {
         "description": "The border radius of the scroll button in the Card deck.\n",
         "commentRange": {
-            "start": 180,
-            "end": 181
+            "start": 175,
+            "end": 176
         },
         "context": {
             "type": "variable",
@@ -12265,8 +12137,8 @@
             "value": "-$kendo-button-border-width",
             "scope": "default",
             "line": {
-                "start": 182,
-                "end": 182
+                "start": 177,
+                "end": 177
             }
         },
         "group": [
@@ -12281,8 +12153,8 @@
     {
         "description": "The width of the Card callout.\n",
         "commentRange": {
-            "start": 184,
-            "end": 185
+            "start": 179,
+            "end": 180
         },
         "context": {
             "type": "variable",
@@ -12290,8 +12162,8 @@
             "value": "1.3em",
             "scope": "default",
             "line": {
-                "start": 186,
-                "end": 186
+                "start": 181,
+                "end": 181
             }
         },
         "group": [
@@ -12306,8 +12178,8 @@
     {
         "description": "The height of the Card callout.\n",
         "commentRange": {
-            "start": 187,
-            "end": 188
+            "start": 182,
+            "end": 183
         },
         "context": {
             "type": "variable",
@@ -12315,8 +12187,8 @@
             "value": "1.3em",
             "scope": "default",
             "line": {
-                "start": 189,
-                "end": 189
+                "start": 184,
+                "end": 184
             }
         },
         "group": [
@@ -20283,7 +20155,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-color-editor-color-gradient-focus-outline-color",
-            "value": "color-mix(in srgb, k-color(dark) 30%, transparent)",
+            "value": "color-mix(in srgb, k-color(inverse) 30%, transparent)",
             "scope": "default",
             "line": {
                 "start": 145,
@@ -21636,7 +21508,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,
@@ -22314,7 +22186,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": 46,
@@ -22339,7 +22211,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": 49,
@@ -22364,7 +22236,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": 52,
@@ -22608,8 +22480,8 @@
     {
         "description": "The global default Colors map.\n",
         "commentRange": {
-            "start": 187,
-            "end": 441
+            "start": 163,
+            "end": 385
         },
         "context": {
             "type": "variable",
@@ -22617,8 +22489,8 @@
             "value": "$_default-colors",
             "scope": "default",
             "line": {
-                "start": 442,
-                "end": 442
+                "start": 386,
+                "end": 386
             }
         },
         "group": [
@@ -22766,38 +22638,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": [
@@ -23324,106 +23164,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",
@@ -24098,7 +23838,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-group-menu-item-add-action-text",
-            "value": "k-color(primary)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 69,
@@ -24292,39 +24032,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",
@@ -24332,8 +24044,8 @@
             "value": "unset",
             "scope": "default",
             "line": {
-                "start": 14,
-                "end": 14
+                "start": 9,
+                "end": 9
             }
         },
         "group": [
@@ -24348,8 +24060,8 @@
     {
         "description": "The text color of the Dialog titlebar.\n",
         "commentRange": {
-            "start": 15,
-            "end": 16
+            "start": 10,
+            "end": 11
         },
         "context": {
             "type": "variable",
@@ -24357,8 +24069,8 @@
             "value": "unset",
             "scope": "default",
             "line": {
-                "start": 17,
-                "end": 17
+                "start": 12,
+                "end": 12
             }
         },
         "group": [
@@ -24373,8 +24085,8 @@
     {
         "description": "The border color of the Dialog titlebar.\n",
         "commentRange": {
-            "start": 18,
-            "end": 19
+            "start": 13,
+            "end": 14
         },
         "context": {
             "type": "variable",
@@ -24382,8 +24094,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 20,
-                "end": 20
+                "start": 15,
+                "end": 15
             }
         },
         "group": [
@@ -24398,8 +24110,8 @@
     {
         "description": "The horizontal padding of the Dialog action buttons.\n",
         "commentRange": {
-            "start": 22,
-            "end": 23
+            "start": 17,
+            "end": 18
         },
         "context": {
             "type": "variable",
@@ -24407,8 +24119,8 @@
             "value": "k-spacing(3)",
             "scope": "default",
             "line": {
-                "start": 24,
-                "end": 24
+                "start": 19,
+                "end": 19
             }
         },
         "group": [
@@ -24423,8 +24135,8 @@
     {
         "description": "The vertical padding of the Dialog action buttons.\n",
         "commentRange": {
-            "start": 25,
-            "end": 26
+            "start": 20,
+            "end": 21
         },
         "context": {
             "type": "variable",
@@ -24432,8 +24144,8 @@
             "value": "k-spacing(3)",
             "scope": "default",
             "line": {
-                "start": 27,
-                "end": 27
+                "start": 22,
+                "end": 22
             }
         },
         "group": [
@@ -24448,8 +24160,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",
@@ -24457,8 +24169,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 30,
-                "end": 30
+                "start": 25,
+                "end": 25
             }
         },
         "group": [
@@ -24473,8 +24185,8 @@
     {
         "description": "The spacing between the Dialog action buttons.\n",
         "commentRange": {
-            "start": 31,
-            "end": 32
+            "start": 26,
+            "end": 27
         },
         "context": {
             "type": "variable",
@@ -24482,8 +24194,8 @@
             "value": "$kendo-actions-button-spacing",
             "scope": "default",
             "line": {
-                "start": 33,
-                "end": 33
+                "start": 28,
+                "end": 28
             }
         },
         "group": [
@@ -24498,8 +24210,8 @@
     {
         "description": "The background color of the Dialog.\n",
         "commentRange": {
-            "start": 35,
-            "end": 36
+            "start": 30,
+            "end": 31
         },
         "context": {
             "type": "variable",
@@ -24507,8 +24219,8 @@
             "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
-                "start": 37,
-                "end": 37
+                "start": 32,
+                "end": 32
             }
         },
         "group": [
@@ -28454,7 +28166,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-expander-title-text",
-            "value": "k-color(primary)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 65,
@@ -30454,7 +30166,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-filter-preview-field-text",
-            "value": "k-color(primary)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 25,
@@ -36563,36 +36275,11 @@
             "name": "_variables.scss"
         }
     },
-    {
-        "description": "The text color of the Grid alternating rows.\n",
-        "commentRange": {
-            "start": 236,
-            "end": 237
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-grid-alt-text",
-            "value": "$kendo-table-alt-row-text",
-            "scope": "default",
-            "line": {
-                "start": 238,
-                "end": 238
-            }
-        },
-        "group": [
-            "grid"
-        ],
-        "access": "public",
-        "file": {
-            "path": "grid/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
     {
         "description": "The background color of hovered Grid rows.\n",
         "commentRange": {
-            "start": 240,
-            "end": 241
+            "start": 237,
+            "end": 238
         },
         "context": {
             "type": "variable",
@@ -36600,8 +36287,8 @@
             "value": "$kendo-table-hover-bg",
             "scope": "default",
             "line": {
-                "start": 242,
-                "end": 242
+                "start": 239,
+                "end": 239
             }
         },
         "group": [
@@ -36616,8 +36303,8 @@
     {
         "description": "The text color of hovered Grid rows.\n",
         "commentRange": {
-            "start": 243,
-            "end": 244
+            "start": 240,
+            "end": 241
         },
         "context": {
             "type": "variable",
@@ -36625,8 +36312,8 @@
             "value": "$kendo-table-hover-text",
             "scope": "default",
             "line": {
-                "start": 245,
-                "end": 245
+                "start": 242,
+                "end": 242
             }
         },
         "group": [
@@ -36641,8 +36328,8 @@
     {
         "description": "The background color of selected Grid rows.\n",
         "commentRange": {
-            "start": 247,
-            "end": 248
+            "start": 244,
+            "end": 245
         },
         "context": {
             "type": "variable",
@@ -36650,8 +36337,8 @@
             "value": "$kendo-table-selected-bg",
             "scope": "default",
             "line": {
-                "start": 249,
-                "end": 249
+                "start": 246,
+                "end": 246
             }
         },
         "group": [
@@ -36666,8 +36353,8 @@
     {
         "description": "The text color of selected Grid rows.\n",
         "commentRange": {
-            "start": 250,
-            "end": 251
+            "start": 247,
+            "end": 248
         },
         "context": {
             "type": "variable",
@@ -36675,8 +36362,8 @@
             "value": "$kendo-table-selected-text",
             "scope": "default",
             "line": {
-                "start": 252,
-                "end": 252
+                "start": 249,
+                "end": 249
             }
         },
         "group": [
@@ -36691,8 +36378,8 @@
     {
         "description": "The background color of highlighted Grid rows.\n",
         "commentRange": {
-            "start": 254,
-            "end": 255
+            "start": 251,
+            "end": 252
         },
         "context": {
             "type": "variable",
@@ -36700,8 +36387,8 @@
             "value": "$kendo-table-highlighted-bg",
             "scope": "default",
             "line": {
-                "start": 256,
-                "end": 256
+                "start": 253,
+                "end": 253
             }
         },
         "group": [
@@ -36716,8 +36403,8 @@
     {
         "description": "The font weight of highlighted Grid rows.\n",
         "commentRange": {
-            "start": 257,
-            "end": 258
+            "start": 254,
+            "end": 255
         },
         "context": {
             "type": "variable",
@@ -36725,8 +36412,8 @@
             "value": "$kendo-table-highlighted-font-weight",
             "scope": "default",
             "line": {
-                "start": 259,
-                "end": 259
+                "start": 256,
+                "end": 256
             }
         },
         "group": [
@@ -36741,8 +36428,8 @@
     {
         "description": "The background color of selected highlighted Grid rows.\n",
         "commentRange": {
-            "start": 261,
-            "end": 262
+            "start": 258,
+            "end": 259
         },
         "context": {
             "type": "variable",
@@ -36750,8 +36437,8 @@
             "value": "$kendo-table-selected-highlighted-bg",
             "scope": "default",
             "line": {
-                "start": 263,
-                "end": 263
+                "start": 260,
+                "end": 260
             }
         },
         "group": [
@@ -36766,8 +36453,8 @@
     {
         "description": "The background color of the Grid selection aggregates container.\n",
         "commentRange": {
-            "start": 265,
-            "end": 266
+            "start": 262,
+            "end": 263
         },
         "context": {
             "type": "variable",
@@ -36775,8 +36462,8 @@
             "value": "$kendo-grid-header-bg",
             "scope": "default",
             "line": {
-                "start": 267,
-                "end": 267
+                "start": 264,
+                "end": 264
             }
         },
         "group": [
@@ -36791,8 +36478,8 @@
     {
         "description": "The text color of the Grid selection aggregates container.\n",
         "commentRange": {
-            "start": 268,
-            "end": 269
+            "start": 265,
+            "end": 266
         },
         "context": {
             "type": "variable",
@@ -36800,8 +36487,8 @@
             "value": "$kendo-grid-text",
             "scope": "default",
             "line": {
-                "start": 270,
-                "end": 270
+                "start": 267,
+                "end": 267
             }
         },
         "group": [
@@ -36816,8 +36503,8 @@
     {
         "description": "The border color of the Grid selection aggregates container.\n",
         "commentRange": {
-            "start": 271,
-            "end": 272
+            "start": 268,
+            "end": 269
         },
         "context": {
             "type": "variable",
@@ -36825,8 +36512,8 @@
             "value": "$kendo-grid-border",
             "scope": "default",
             "line": {
-                "start": 273,
-                "end": 273
+                "start": 270,
+                "end": 270
             }
         },
         "group": [
@@ -36841,8 +36528,8 @@
     {
         "description": "The border width of the Grid selection aggregates container.\n",
         "commentRange": {
-            "start": 274,
-            "end": 275
+            "start": 271,
+            "end": 272
         },
         "context": {
             "type": "variable",
@@ -36850,8 +36537,8 @@
             "value": "$kendo-grid-border-width",
             "scope": "default",
             "line": {
-                "start": 276,
-                "end": 276
+                "start": 273,
+                "end": 273
             }
         },
         "group": [
@@ -36866,8 +36553,8 @@
     {
         "description": "The spacing between the selection aggregates items.\n",
         "commentRange": {
-            "start": 277,
-            "end": 278
+            "start": 274,
+            "end": 275
         },
         "context": {
             "type": "variable",
@@ -36875,8 +36562,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 279,
-                "end": 279
+                "start": 276,
+                "end": 276
             }
         },
         "group": [
@@ -36891,8 +36578,8 @@
     {
         "description": "The line height of the Grid selection aggregates container.\n",
         "commentRange": {
-            "start": 280,
-            "end": 281
+            "start": 277,
+            "end": 278
         },
         "context": {
             "type": "variable",
@@ -36900,8 +36587,8 @@
             "value": "$kendo-grid-line-height",
             "scope": "default",
             "line": {
-                "start": 282,
-                "end": 282
+                "start": 279,
+                "end": 279
             }
         },
         "group": [
@@ -36916,8 +36603,8 @@
     {
         "description": "The font weight of the Grid selection aggregates container.\n",
         "commentRange": {
-            "start": 283,
-            "end": 284
+            "start": 280,
+            "end": 281
         },
         "context": {
             "type": "variable",
@@ -36925,8 +36612,8 @@
             "value": "var(--kendo-font-weight-bold)",
             "scope": "default",
             "line": {
-                "start": 285,
-                "end": 285
+                "start": 282,
+                "end": 282
             }
         },
         "group": [
@@ -36941,17 +36628,17 @@
     {
         "description": "The background color of the Grid row.\n",
         "commentRange": {
-            "start": 287,
-            "end": 288
+            "start": 284,
+            "end": 285
         },
         "context": {
             "type": "variable",
             "name": "kendo-grid-grouping-row-bg",
-            "value": "k-color(base-subtle)",
+            "value": "k-color(surface)",
             "scope": "default",
             "line": {
-                "start": 289,
-                "end": 289
+                "start": 286,
+                "end": 286
             }
         },
         "group": [
@@ -36966,8 +36653,8 @@
     {
         "description": "The text color of the Grid row.\n",
         "commentRange": {
-            "start": 290,
-            "end": 291
+            "start": 287,
+            "end": 288
         },
         "context": {
             "type": "variable",
@@ -36975,8 +36662,8 @@
             "value": "$kendo-grid-text",
             "scope": "default",
             "line": {
-                "start": 292,
-                "end": 292
+                "start": 289,
+                "end": 289
             }
         },
         "group": [
@@ -36991,8 +36678,8 @@
     {
         "description": "The background color of the Grid.\n",
         "commentRange": {
-            "start": 294,
-            "end": 295
+            "start": 291,
+            "end": 292
         },
         "context": {
             "type": "variable",
@@ -37000,8 +36687,8 @@
             "value": "color-mix(in srgb, k-color(on-app-surface) 2%, transparent)",
             "scope": "default",
             "line": {
-                "start": 296,
-                "end": 296
+                "start": 293,
+                "end": 293
             }
         },
         "group": [
@@ -37016,8 +36703,8 @@
     {
         "description": "The text color of the Grid.\n",
         "commentRange": {
-            "start": 297,
-            "end": 298
+            "start": 294,
+            "end": 295
         },
         "context": {
             "type": "variable",
@@ -37025,8 +36712,8 @@
             "value": "k-color(primary)",
             "scope": "default",
             "line": {
-                "start": 299,
-                "end": 299
+                "start": 296,
+                "end": 296
             }
         },
         "group": [
@@ -37041,8 +36728,8 @@
     {
         "description": "The font size of the Grid.\n",
         "commentRange": {
-            "start": 300,
-            "end": 301
+            "start": 297,
+            "end": 298
         },
         "context": {
             "type": "variable",
@@ -37050,8 +36737,8 @@
             "value": "($kendo-icon-size * .75)",
             "scope": "default",
             "line": {
-                "start": 302,
-                "end": 302
+                "start": 299,
+                "end": 299
             }
         },
         "group": [
@@ -37066,8 +36753,8 @@
     {
         "description": "The sorting index vertical spacing of the Grid.\n",
         "commentRange": {
-            "start": 303,
-            "end": 304
+            "start": 300,
+            "end": 301
         },
         "context": {
             "type": "variable",
@@ -37075,8 +36762,8 @@
             "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
-                "start": 305,
-                "end": 305
+                "start": 302,
+                "end": 302
             }
         },
         "group": [
@@ -37091,8 +36778,8 @@
     {
         "description": "The sorting index horizontal spacing of the Grid.\n",
         "commentRange": {
-            "start": 306,
-            "end": 307
+            "start": 303,
+            "end": 304
         },
         "context": {
             "type": "variable",
@@ -37100,8 +36787,8 @@
             "value": "calc( #{$kendo-grid-sorting-index-spacing-y} * -1 )",
             "scope": "default",
             "line": {
-                "start": 308,
-                "end": 308
+                "start": 305,
+                "end": 305
             }
         },
         "group": [
@@ -37116,8 +36803,8 @@
     {
         "description": "The sorted icon spacing of the Grid.\n",
         "commentRange": {
-            "start": 310,
-            "end": 311
+            "start": 307,
+            "end": 308
         },
         "context": {
             "type": "variable",
@@ -37125,8 +36812,8 @@
             "value": "calc( #{k-spacing(4)} - 1px )",
             "scope": "default",
             "line": {
-                "start": 312,
-                "end": 312
+                "start": 309,
+                "end": 309
             }
         },
         "group": [
@@ -37141,8 +36828,8 @@
     {
         "description": "The shadow of the Grid.\n",
         "commentRange": {
-            "start": 314,
-            "end": 315
+            "start": 311,
+            "end": 312
         },
         "context": {
             "type": "variable",
@@ -37150,8 +36837,8 @@
             "value": "$kendo-table-focus-shadow",
             "scope": "default",
             "line": {
-                "start": 316,
-                "end": 316
+                "start": 313,
+                "end": 313
             }
         },
         "group": [
@@ -37166,8 +36853,8 @@
     {
         "description": "The spacing of the Grid button.\n",
         "commentRange": {
-            "start": 318,
-            "end": 319
+            "start": 315,
+            "end": 316
         },
         "context": {
             "type": "variable",
@@ -37175,8 +36862,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 320,
-                "end": 320
+                "start": 317,
+                "end": 317
             }
         },
         "group": [
@@ -37191,8 +36878,8 @@
     {
         "description": "The background color of the sticky content in the Grid.\n",
         "commentRange": {
-            "start": 323,
-            "end": 324
+            "start": 320,
+            "end": 321
         },
         "context": {
             "type": "variable",
@@ -37200,8 +36887,8 @@
             "value": "$kendo-grid-bg",
             "scope": "default",
             "line": {
-                "start": 325,
-                "end": 325
+                "start": 322,
+                "end": 322
             }
         },
         "group": [
@@ -37216,8 +36903,8 @@
     {
         "description": "The alternate background color of the sticky content in the Grid.\n",
         "commentRange": {
-            "start": 326,
-            "end": 327
+            "start": 323,
+            "end": 324
         },
         "context": {
             "type": "variable",
@@ -37225,8 +36912,8 @@
             "value": "k-color(base-subtle)",
             "scope": "default",
             "line": {
-                "start": 328,
-                "end": 328
+                "start": 325,
+                "end": 325
             }
         },
         "group": [
@@ -37241,8 +36928,8 @@
     {
         "description": "The background color of the hovered sticky content in the Grid.\n",
         "commentRange": {
-            "start": 329,
-            "end": 330
+            "start": 326,
+            "end": 327
         },
         "context": {
             "type": "variable",
@@ -37250,8 +36937,8 @@
             "value": "k-color(base-subtle-hover)",
             "scope": "default",
             "line": {
-                "start": 331,
-                "end": 331
+                "start": 328,
+                "end": 328
             }
         },
         "group": [
@@ -37266,8 +36953,8 @@
     {
         "description": "The border color of the sticky content in the Grid.\n",
         "commentRange": {
-            "start": 333,
-            "end": 334
+            "start": 330,
+            "end": 331
         },
         "context": {
             "type": "variable",
@@ -37275,8 +36962,8 @@
             "value": "color-mix(in srgb, k-color(on-app-surface) 50%, transparent)",
             "scope": "default",
             "line": {
-                "start": 335,
-                "end": 335
+                "start": 332,
+                "end": 332
             }
         },
         "group": [
@@ -37291,8 +36978,8 @@
     {
         "description": "The background color of the sticky header in the Grid.\n",
         "commentRange": {
-            "start": 337,
-            "end": 338
+            "start": 334,
+            "end": 335
         },
         "context": {
             "type": "variable",
@@ -37300,8 +36987,8 @@
             "value": "$kendo-grid-header-bg",
             "scope": "default",
             "line": {
-                "start": 339,
-                "end": 339
+                "start": 336,
+                "end": 336
             }
         },
         "group": [
@@ -37316,8 +37003,8 @@
     {
         "description": "The text color of the sticky header in the Grid.\n",
         "commentRange": {
-            "start": 340,
-            "end": 341
+            "start": 337,
+            "end": 338
         },
         "context": {
             "type": "variable",
@@ -37325,8 +37012,8 @@
             "value": "$kendo-grid-header-text",
             "scope": "default",
             "line": {
-                "start": 342,
-                "end": 342
+                "start": 339,
+                "end": 339
             }
         },
         "group": [
@@ -37341,8 +37028,8 @@
     {
         "description": "The border color of the sticky header in the Grid.\n",
         "commentRange": {
-            "start": 343,
-            "end": 344
+            "start": 340,
+            "end": 341
         },
         "context": {
             "type": "variable",
@@ -37350,8 +37037,8 @@
             "value": "$kendo-grid-sticky-border",
             "scope": "default",
             "line": {
-                "start": 345,
-                "end": 345
+                "start": 342,
+                "end": 342
             }
         },
         "group": [
@@ -37366,8 +37053,8 @@
     {
         "description": "The background color of the sticky footer in the Grid.\n",
         "commentRange": {
-            "start": 347,
-            "end": 348
+            "start": 344,
+            "end": 345
         },
         "context": {
             "type": "variable",
@@ -37375,33 +37062,8 @@
             "value": "$kendo-grid-header-bg",
             "scope": "default",
             "line": {
-                "start": 349,
-                "end": 349
-            }
-        },
-        "group": [
-            "grid"
-        ],
-        "access": "public",
-        "file": {
-            "path": "grid/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The background color of the hovered sticky footer in the Grid.\n",
-        "commentRange": {
-            "start": 350,
-            "end": 351
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-grid-sticky-footer-hover-bg",
-            "value": "$kendo-grid-sticky-footer-bg",
-            "scope": "default",
-            "line": {
-                "start": 352,
-                "end": 352
+                "start": 346,
+                "end": 346
             }
         },
         "group": [
@@ -37416,8 +37078,8 @@
     {
         "description": "The box shadow of the sticky container in the Grid.\n",
         "commentRange": {
-            "start": 354,
-            "end": 355
+            "start": 348,
+            "end": 349
         },
         "context": {
             "type": "variable",
@@ -37425,8 +37087,8 @@
             "value": "0 2px 4px 0 rgba(0, 0, 0, 0.08)",
             "scope": "default",
             "line": {
-                "start": 356,
-                "end": 356
+                "start": 350,
+                "end": 350
             }
         },
         "group": [
@@ -37441,8 +37103,8 @@
     {
         "description": "The box shadow of the sticky container positioned at the bottom in the Grid.\n",
         "commentRange": {
-            "start": 357,
-            "end": 358
+            "start": 351,
+            "end": 352
         },
         "context": {
             "type": "variable",
@@ -37450,8 +37112,8 @@
             "value": "0 -2px 4px 0 rgba(0, 0, 0, 0.08)",
             "scope": "default",
             "line": {
-                "start": 359,
-                "end": 359
+                "start": 353,
+                "end": 353
             }
         },
         "group": [
@@ -37466,8 +37128,8 @@
     {
         "description": "The box shadow of the pinned container in the Grid.\n",
         "commentRange": {
-            "start": 361,
-            "end": 362
+            "start": 355,
+            "end": 356
         },
         "context": {
             "type": "variable",
@@ -37475,8 +37137,8 @@
             "value": "0 4px 8px 0 rgba(0, 0, 0, 0.08)",
             "scope": "default",
             "line": {
-                "start": 363,
-                "end": 363
+                "start": 357,
+                "end": 357
             }
         },
         "group": [
@@ -37491,8 +37153,8 @@
     {
         "description": "The box shadow of the pinned container positioned at the bottom in the Grid.\n",
         "commentRange": {
-            "start": 364,
-            "end": 365
+            "start": 358,
+            "end": 359
         },
         "context": {
             "type": "variable",
@@ -37500,8 +37162,8 @@
             "value": "0 -4px 8px 0 rgba(0, 0, 0, 0.08)",
             "scope": "default",
             "line": {
-                "start": 366,
-                "end": 366
+                "start": 360,
+                "end": 360
             }
         },
         "group": [
@@ -37516,8 +37178,8 @@
     {
         "description": "The width of the Grid column menu.\n",
         "commentRange": {
-            "start": 368,
-            "end": 369
+            "start": 362,
+            "end": 363
         },
         "context": {
             "type": "variable",
@@ -37525,8 +37187,8 @@
             "value": "250px",
             "scope": "default",
             "line": {
-                "start": 370,
-                "end": 370
+                "start": 364,
+                "end": 364
             }
         },
         "group": [
@@ -37541,8 +37203,8 @@
     {
         "description": "The maximum width of the Grid column menu.\n",
         "commentRange": {
-            "start": 371,
-            "end": 372
+            "start": 365,
+            "end": 366
         },
         "context": {
             "type": "variable",
@@ -37550,8 +37212,8 @@
             "value": "320px",
             "scope": "default",
             "line": {
-                "start": 373,
-                "end": 373
+                "start": 367,
+                "end": 367
             }
         },
         "group": [
@@ -37566,8 +37228,8 @@
     {
         "description": "The horizontal padding of the Grid popup.\n",
         "commentRange": {
-            "start": 376,
-            "end": 377
+            "start": 370,
+            "end": 371
         },
         "context": {
             "type": "variable",
@@ -37575,8 +37237,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 378,
-                "end": 378
+                "start": 372,
+                "end": 372
             }
         },
         "group": [
@@ -37591,8 +37253,8 @@
     {
         "description": "The vertical padding of the Grid popup.\n",
         "commentRange": {
-            "start": 379,
-            "end": 380
+            "start": 373,
+            "end": 374
         },
         "context": {
             "type": "variable",
@@ -37600,8 +37262,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 381,
-                "end": 381
+                "start": 375,
+                "end": 375
             }
         },
         "group": [
@@ -37616,8 +37278,8 @@
     {
         "description": "The horizontal padding of the Grid item.\n",
         "commentRange": {
-            "start": 383,
-            "end": 384
+            "start": 377,
+            "end": 378
         },
         "context": {
             "type": "variable",
@@ -37625,8 +37287,8 @@
             "value": "$kendo-menu-popup-md-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 385,
-                "end": 385
+                "start": 379,
+                "end": 379
             }
         },
         "group": [
@@ -37641,8 +37303,8 @@
     {
         "description": "The vertical padding of the Grid item.\n",
         "commentRange": {
-            "start": 386,
-            "end": 387
+            "start": 380,
+            "end": 381
         },
         "context": {
             "type": "variable",
@@ -37650,8 +37312,8 @@
             "value": "$kendo-menu-popup-md-item-padding-y",
             "scope": "default",
             "line": {
-                "start": 388,
-                "end": 388
+                "start": 382,
+                "end": 382
             }
         },
         "group": [
@@ -37666,8 +37328,8 @@
     {
         "description": "The horizontal padding of the Grid item.\n",
         "commentRange": {
-            "start": 390,
-            "end": 391
+            "start": 384,
+            "end": 385
         },
         "context": {
             "type": "variable",
@@ -37675,8 +37337,8 @@
             "value": "$kendo-list-md-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 392,
-                "end": 392
+                "start": 386,
+                "end": 386
             }
         },
         "group": [
@@ -37691,8 +37353,8 @@
     {
         "description": "The vertical padding of the Grid item.\n",
         "commentRange": {
-            "start": 393,
-            "end": 394
+            "start": 387,
+            "end": 388
         },
         "context": {
             "type": "variable",
@@ -37700,8 +37362,8 @@
             "value": "$kendo-list-md-item-padding-y",
             "scope": "default",
             "line": {
-                "start": 395,
-                "end": 395
+                "start": 389,
+                "end": 389
             }
         },
         "group": [
@@ -37716,8 +37378,8 @@
     {
         "description": "The horizontal padding of the Grid.\n",
         "commentRange": {
-            "start": 397,
-            "end": 398
+            "start": 391,
+            "end": 392
         },
         "context": {
             "type": "variable",
@@ -37725,8 +37387,8 @@
             "value": "k-spacing(0)",
             "scope": "default",
             "line": {
-                "start": 399,
-                "end": 399
+                "start": 393,
+                "end": 393
             }
         },
         "group": [
@@ -37741,8 +37403,8 @@
     {
         "description": "The vertical padding of the Grid.\n",
         "commentRange": {
-            "start": 400,
-            "end": 401
+            "start": 394,
+            "end": 395
         },
         "context": {
             "type": "variable",
@@ -37750,8 +37412,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 402,
-                "end": 402
+                "start": 396,
+                "end": 396
             }
         },
         "group": [
@@ -37766,8 +37428,8 @@
     {
         "description": "The horizontal padding of the Grid header.\n",
         "commentRange": {
-            "start": 404,
-            "end": 405
+            "start": 398,
+            "end": 399
         },
         "context": {
             "type": "variable",
@@ -37775,8 +37437,8 @@
             "value": "$kendo-menu-popup-md-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 406,
-                "end": 406
+                "start": 400,
+                "end": 400
             }
         },
         "group": [
@@ -37791,8 +37453,8 @@
     {
         "description": "The vertical padding of the Grid header.\n",
         "commentRange": {
-            "start": 407,
-            "end": 408
+            "start": 401,
+            "end": 402
         },
         "context": {
             "type": "variable",
@@ -37800,8 +37462,8 @@
             "value": "$kendo-menu-popup-md-item-padding-y",
             "scope": "default",
             "line": {
-                "start": 409,
-                "end": 409
+                "start": 403,
+                "end": 403
             }
         },
         "group": [
@@ -37816,8 +37478,8 @@
     {
         "description": "The font size of the Grid header.\n",
         "commentRange": {
-            "start": 411,
-            "end": 412
+            "start": 405,
+            "end": 406
         },
         "context": {
             "type": "variable",
@@ -37825,8 +37487,8 @@
             "value": "var(--kendo-font-size-sm)",
             "scope": "default",
             "line": {
-                "start": 413,
-                "end": 413
+                "start": 407,
+                "end": 407
             }
         },
         "group": [
@@ -37841,8 +37503,8 @@
     {
         "description": "The height of the Grid header.\n",
         "commentRange": {
-            "start": 414,
-            "end": 415
+            "start": 408,
+            "end": 409
         },
         "context": {
             "type": "variable",
@@ -37850,8 +37512,8 @@
             "value": "var(--kendo-line-height)",
             "scope": "default",
             "line": {
-                "start": 416,
-                "end": 416
+                "start": 410,
+                "end": 410
             }
         },
         "group": [
@@ -37866,8 +37528,8 @@
     {
         "description": "The text color of the Grid header.\n",
         "commentRange": {
-            "start": 417,
-            "end": 418
+            "start": 411,
+            "end": 412
         },
         "context": {
             "type": "variable",
@@ -37875,8 +37537,8 @@
             "value": "uppercase",
             "scope": "default",
             "line": {
-                "start": 419,
-                "end": 419
+                "start": 413,
+                "end": 413
             }
         },
         "group": [
@@ -37891,8 +37553,8 @@
     {
         "description": "The width of the Grid header.\n",
         "commentRange": {
-            "start": 420,
-            "end": 421
+            "start": 414,
+            "end": 415
         },
         "context": {
             "type": "variable",
@@ -37900,8 +37562,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 422,
-                "end": 422
+                "start": 416,
+                "end": 416
             }
         },
         "group": [
@@ -37916,8 +37578,8 @@
     {
         "description": "The background color of the Grid header.\n",
         "commentRange": {
-            "start": 424,
-            "end": 425
+            "start": 418,
+            "end": 419
         },
         "context": {
             "type": "variable",
@@ -37925,8 +37587,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 426,
-                "end": 426
+                "start": 420,
+                "end": 420
             }
         },
         "group": [
@@ -37941,8 +37603,8 @@
     {
         "description": "The text color of the Grid header.\n",
         "commentRange": {
-            "start": 427,
-            "end": 428
+            "start": 421,
+            "end": 422
         },
         "context": {
             "type": "variable",
@@ -37950,8 +37612,8 @@
             "value": "$kendo-popup-text",
             "scope": "default",
             "line": {
-                "start": 429,
-                "end": 429
+                "start": 423,
+                "end": 423
             }
         },
         "group": [
@@ -37966,8 +37628,8 @@
     {
         "description": "The border color of the Grid header.\n",
         "commentRange": {
-            "start": 430,
-            "end": 431
+            "start": 424,
+            "end": 425
         },
         "context": {
             "type": "variable",
@@ -37975,8 +37637,8 @@
             "value": "$kendo-popup-border",
             "scope": "default",
             "line": {
-                "start": 432,
-                "end": 432
+                "start": 426,
+                "end": 426
             }
         },
         "group": [
@@ -37991,8 +37653,8 @@
     {
         "description": "The horizontal padding of the Grid content.\n",
         "commentRange": {
-            "start": 434,
-            "end": 435
+            "start": 428,
+            "end": 429
         },
         "context": {
             "type": "variable",
@@ -38000,8 +37662,8 @@
             "value": "k-spacing(0)",
             "scope": "default",
             "line": {
-                "start": 436,
-                "end": 436
+                "start": 430,
+                "end": 430
             }
         },
         "group": [
@@ -38016,8 +37678,8 @@
     {
         "description": "The vertical padding of the Grid content.\n",
         "commentRange": {
-            "start": 437,
-            "end": 438
+            "start": 431,
+            "end": 432
         },
         "context": {
             "type": "variable",
@@ -38025,8 +37687,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 439,
-                "end": 439
+                "start": 433,
+                "end": 433
             }
         },
         "group": [
@@ -38041,8 +37703,8 @@
     {
         "description": "The background color of the Grid.\n",
         "commentRange": {
-            "start": 441,
-            "end": 442
+            "start": 435,
+            "end": 436
         },
         "context": {
             "type": "variable",
@@ -38050,8 +37712,8 @@
             "value": "k-color(surface)",
             "scope": "default",
             "line": {
-                "start": 443,
-                "end": 443
+                "start": 437,
+                "end": 437
             }
         },
         "group": [
@@ -38066,8 +37728,8 @@
     {
         "description": "The width of the Grid cell.\n",
         "commentRange": {
-            "start": 445,
-            "end": 446
+            "start": 439,
+            "end": 440
         },
         "context": {
             "type": "variable",
@@ -38075,8 +37737,8 @@
             "value": "($kendo-icon-size * 3)",
             "scope": "default",
             "line": {
-                "start": 447,
-                "end": 447
+                "start": 441,
+                "end": 441
             }
         },
         "group": [
@@ -38091,8 +37753,8 @@
     {
         "description": "The width of the Grid.\n",
         "commentRange": {
-            "start": 449,
-            "end": 450
+            "start": 443,
+            "end": 444
         },
         "context": {
             "type": "variable",
@@ -38100,8 +37762,8 @@
             "value": "($kendo-icon-size * 2)",
             "scope": "default",
             "line": {
-                "start": 451,
-                "end": 451
+                "start": 445,
+                "end": 445
             }
         },
         "group": [
@@ -38116,8 +37778,8 @@
     {
         "description": "The grouping border top of the Grid row.\n",
         "commentRange": {
-            "start": 453,
-            "end": 454
+            "start": 447,
+            "end": 448
         },
         "context": {
             "type": "variable",
@@ -38125,8 +37787,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 455,
-                "end": 455
+                "start": 449,
+                "end": 449
             }
         },
         "group": [
@@ -38141,8 +37803,8 @@
     {
         "description": "The vertical border of the Grid footer.\n",
         "commentRange": {
-            "start": 456,
-            "end": 457
+            "start": 450,
+            "end": 451
         },
         "context": {
             "type": "variable",
@@ -38150,8 +37812,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 458,
-                "end": 458
+                "start": 452,
+                "end": 452
             }
         },
         "group": [
@@ -38166,8 +37828,8 @@
     {
         "description": "The background color of the Grid row resize indicator.\n",
         "commentRange": {
-            "start": 460,
-            "end": 461
+            "start": 454,
+            "end": 455
         },
         "context": {
             "type": "variable",
@@ -38175,8 +37837,8 @@
             "value": "color-mix(in srgb, k-color(on-base) 20%, transparent)",
             "scope": "default",
             "line": {
-                "start": 462,
-                "end": 462
+                "start": 456,
+                "end": 456
             }
         },
         "group": [
@@ -38191,8 +37853,8 @@
     {
         "description": "The background color of the active Grid row resize indicator.\n",
         "commentRange": {
-            "start": 463,
-            "end": 464
+            "start": 457,
+            "end": 458
         },
         "context": {
             "type": "variable",
@@ -38200,8 +37862,8 @@
             "value": "k-color(primary)",
             "scope": "default",
             "line": {
-                "start": 465,
-                "end": 465
+                "start": 459,
+                "end": 459
             }
         },
         "group": [
@@ -38216,8 +37878,8 @@
     {
         "description": "The height of the Grid row resize indicator.\n",
         "commentRange": {
-            "start": 466,
-            "end": 467
+            "start": 460,
+            "end": 461
         },
         "context": {
             "type": "variable",
@@ -38225,8 +37887,8 @@
             "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
-                "start": 468,
-                "end": 468
+                "start": 462,
+                "end": 462
             }
         },
         "group": [
@@ -38241,8 +37903,8 @@
     {
         "description": "The horizontal padding of the Grid stack layout cells.\n",
         "commentRange": {
-            "start": 471,
-            "end": 472
+            "start": 465,
+            "end": 466
         },
         "context": {
             "type": "variable",
@@ -38250,8 +37912,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 473,
-                "end": 473
+                "start": 467,
+                "end": 467
             }
         },
         "group": [
@@ -38266,8 +37928,8 @@
     {
         "description": "The vertical padding of the Grid stack layout cells.\n",
         "commentRange": {
-            "start": 474,
-            "end": 475
+            "start": 468,
+            "end": 469
         },
         "context": {
             "type": "variable",
@@ -38275,8 +37937,8 @@
             "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
-                "start": 476,
-                "end": 476
+                "start": 470,
+                "end": 470
             }
         },
         "group": [
@@ -38291,8 +37953,8 @@
     {
         "description": "The column gap of the Grid stack layout.\n",
         "commentRange": {
-            "start": 478,
-            "end": 479
+            "start": 472,
+            "end": 473
         },
         "context": {
             "type": "variable",
@@ -38300,8 +37962,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 480,
-                "end": 480
+                "start": 474,
+                "end": 474
             }
         },
         "group": [
@@ -38316,8 +37978,8 @@
     {
         "description": "The column gap of the editable Grid stack layout.\n",
         "commentRange": {
-            "start": 481,
-            "end": 482
+            "start": 475,
+            "end": 476
         },
         "context": {
             "type": "variable",
@@ -38325,8 +37987,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 483,
-                "end": 483
+                "start": 477,
+                "end": 477
             }
         },
         "group": [
@@ -38341,8 +38003,8 @@
     {
         "description": "The width of the hierarchy column in the Grid stack layout.\n",
         "commentRange": {
-            "start": 485,
-            "end": 486
+            "start": 479,
+            "end": 480
         },
         "context": {
             "type": "variable",
@@ -38350,8 +38012,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 487,
-                "end": 487
+                "start": 481,
+                "end": 481
             }
         },
         "group": [
@@ -38366,8 +38028,8 @@
     {
         "description": "The font size of the Grid stack layout column header.\n",
         "commentRange": {
-            "start": 489,
-            "end": 490
+            "start": 483,
+            "end": 484
         },
         "context": {
             "type": "variable",
@@ -38375,8 +38037,8 @@
             "value": "var(--kendo-font-size-sm)",
             "scope": "default",
             "line": {
-                "start": 491,
-                "end": 491
+                "start": 485,
+                "end": 485
             }
         },
         "group": [
@@ -38391,8 +38053,8 @@
     {
         "description": "The font weight of the Grid stack layout column header.\n",
         "commentRange": {
-            "start": 492,
-            "end": 493
+            "start": 486,
+            "end": 487
         },
         "context": {
             "type": "variable",
@@ -38400,8 +38062,8 @@
             "value": "var(--kendo-font-weight-bold)",
             "scope": "default",
             "line": {
-                "start": 494,
-                "end": 494
+                "start": 488,
+                "end": 488
             }
         },
         "group": [
@@ -38416,8 +38078,8 @@
     {
         "description": "The height of the Grid stack layout expandable row shadow.\n",
         "commentRange": {
-            "start": 495,
-            "end": 496
+            "start": 489,
+            "end": 490
         },
         "context": {
             "type": "variable",
@@ -38425,8 +38087,8 @@
             "value": "k-spacing(2.5)",
             "scope": "default",
             "line": {
-                "start": 497,
-                "end": 497
+                "start": 491,
+                "end": 491
             }
         },
         "group": [
@@ -38441,8 +38103,8 @@
     {
         "description": "The color of the Grid stack layout column header.\n",
         "commentRange": {
-            "start": 499,
-            "end": 500
+            "start": 493,
+            "end": 494
         },
         "context": {
             "type": "variable",
@@ -38450,8 +38112,8 @@
             "value": "k-color(subtle)",
             "scope": "default",
             "line": {
-                "start": 501,
-                "end": 501
+                "start": 495,
+                "end": 495
             }
         },
         "group": [
@@ -38466,8 +38128,8 @@
     {
         "description": "The outline color of the Grid stack layout focused cell.\n",
         "commentRange": {
-            "start": 502,
-            "end": 503
+            "start": 496,
+            "end": 497
         },
         "context": {
             "type": "variable",
@@ -38475,8 +38137,8 @@
             "value": "color-mix(in srgb, k-color(on-app-surface) 15%, transparent)",
             "scope": "default",
             "line": {
-                "start": 504,
-                "end": 504
+                "start": 498,
+                "end": 498
             }
         },
         "group": [
@@ -38491,8 +38153,8 @@
     {
         "description": "The Grid stack layout expandable row shadow.\n",
         "commentRange": {
-            "start": 505,
-            "end": 506
+            "start": 499,
+            "end": 500
         },
         "context": {
             "type": "variable",
@@ -38500,8 +38162,8 @@
             "value": "k-elevation(2)",
             "scope": "default",
             "line": {
-                "start": 507,
-                "end": 507
+                "start": 501,
+                "end": 501
             }
         },
         "group": [
@@ -38516,8 +38178,8 @@
     {
         "description": "The font weight of the pinned source row in the Grid.\n",
         "commentRange": {
-            "start": 509,
-            "end": 510
+            "start": 503,
+            "end": 504
         },
         "context": {
             "type": "variable",
@@ -38525,8 +38187,8 @@
             "value": "var(--kendo-font-weight-bold)",
             "scope": "default",
             "line": {
-                "start": 511,
-                "end": 511
+                "start": 505,
+                "end": 505
             }
         },
         "group": [
@@ -38825,7 +38487,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-accent-icon-color",
-            "value": "k-color(tertiary)",
+            "value": "k-color(tertiary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 43,
@@ -38841,6 +38503,31 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The color of action icons.\n",
+        "commentRange": {
+            "start": 44,
+            "end": 45
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-action-icon-color",
+            "value": "k-color( primary-on-surface )",
+            "scope": "default",
+            "line": {
+                "start": 46,
+                "end": 46
+            }
+        },
+        "group": [
+            "icon"
+        ],
+        "access": "public",
+        "file": {
+            "path": "icons/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The vertical margin of the ImageEditor.\n",
         "commentRange": {
@@ -49960,7 +49647,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": 63,
@@ -51251,48 +50938,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": [
@@ -51307,8 +50966,8 @@
     {
         "description": "The opacity of the Overlay.\n",
         "commentRange": {
-            "start": 9,
-            "end": 10
+            "start": 6,
+            "end": 7
         },
         "context": {
             "type": "variable",
@@ -51316,8 +50975,8 @@
             "value": ".5",
             "scope": "default",
             "line": {
-                "start": 11,
-                "end": 11
+                "start": 8,
+                "end": 8
             }
         },
         "group": [
@@ -66281,7 +65940,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-skeleton-wave-bg",
-            "value": "color-mix(in srgb, k-color(dark) 4%, transparent)",
+            "value": "color-mix(in srgb, k-color(inverse) 4%, transparent)",
             "scope": "default",
             "line": {
                 "start": 25,
@@ -69940,7 +69599,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-spreadsheet-insert-image-dialog-overlay-hover-text",
-            "value": "k-color(app-surface)",
+            "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
                 "start": 230,
@@ -71690,7 +71349,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-stepper-label-error-text",
-            "value": "k-color(error)",
+            "value": "k-color(error-on-surface)",
             "scope": "default",
             "line": {
                 "start": 186,
@@ -79586,7 +79245,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-time-selector-header-time-now-text",
-            "value": "k-color(primary)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 49,
@@ -79611,7 +79270,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-time-selector-header-time-now-hover-text",
-            "value": "k-color(primary-hover)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 52,
@@ -80286,7 +79945,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-time-selector-now-button-text",
-            "value": "k-color(primary)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 144,
@@ -80311,7 +79970,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-time-selector-now-button-hover-text",
-            "value": "k-color(primary-hover)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 147,
@@ -82967,7 +82626,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,
@@ -84095,7 +83754,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-treeview-loadmore-text",
-            "value": "k-color(primary)",
+            "value": "k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 145,
@@ -87895,7 +87554,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-upload-success-text",
-            "value": "k-color(success)",
+            "value": "k-color(success-on-surface)",
             "scope": "default",
             "line": {
                 "start": 92,
@@ -87945,7 +87604,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-upload-error-text",
-            "value": "k-color(error)",
+            "value": "k-color(error-on-surface)",
             "scope": "default",
             "line": {
                 "start": 99,
@@ -88089,39 +87748,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",
@@ -88129,8 +87760,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 19,
-                "end": 19
+                "start": 14,
+                "end": 14
             }
         },
         "group": [
@@ -88145,8 +87776,8 @@
     {
         "description": "The border radius of the Window.\n",
         "commentRange": {
-            "start": 20,
-            "end": 21
+            "start": 15,
+            "end": 16
         },
         "context": {
             "type": "variable",
@@ -88154,8 +87785,8 @@
             "value": "k-border-radius(md)",
             "scope": "default",
             "line": {
-                "start": 22,
-                "end": 22
+                "start": 17,
+                "end": 17
             }
         },
         "group": [
@@ -88170,8 +87801,8 @@
     {
         "description": "The font family of the Window.\n",
         "commentRange": {
-            "start": 23,
-            "end": 24
+            "start": 18,
+            "end": 19
         },
         "context": {
             "type": "variable",
@@ -88179,8 +87810,8 @@
             "value": "var(--kendo-font-family)",
             "scope": "default",
             "line": {
-                "start": 25,
-                "end": 25
+                "start": 20,
+                "end": 20
             }
         },
         "group": [
@@ -88195,8 +87826,8 @@
     {
         "description": "The font size of the Window.\n",
         "commentRange": {
-            "start": 26,
-            "end": 27
+            "start": 21,
+            "end": 22
         },
         "context": {
             "type": "variable",
@@ -88204,8 +87835,8 @@
             "value": "var(--kendo-font-size)",
             "scope": "default",
             "line": {
-                "start": 28,
-                "end": 28
+                "start": 23,
+                "end": 23
             }
         },
         "group": [
@@ -88220,8 +87851,8 @@
     {
         "description": "The line height of the Window.\n",
         "commentRange": {
-            "start": 29,
-            "end": 30
+            "start": 24,
+            "end": 25
         },
         "context": {
             "type": "variable",
@@ -88229,8 +87860,8 @@
             "value": "var(--kendo-line-height)",
             "scope": "default",
             "line": {
-                "start": 31,
-                "end": 31
+                "start": 26,
+                "end": 26
             }
         },
         "group": [
@@ -88245,8 +87876,8 @@
     {
         "description": "The horizontal padding of the Window titlebar.\n",
         "commentRange": {
-            "start": 33,
-            "end": 34
+            "start": 28,
+            "end": 29
         },
         "context": {
             "type": "variable",
@@ -88254,8 +87885,8 @@
             "value": "k-spacing(4)",
             "scope": "default",
             "line": {
-                "start": 35,
-                "end": 35
+                "start": 30,
+                "end": 30
             }
         },
         "group": [
@@ -88270,8 +87901,8 @@
     {
         "description": "The vertical padding of the Window titlebar.\n",
         "commentRange": {
-            "start": 36,
-            "end": 37
+            "start": 31,
+            "end": 32
         },
         "context": {
             "type": "variable",
@@ -88279,8 +87910,8 @@
             "value": "k-spacing(4)",
             "scope": "default",
             "line": {
-                "start": 38,
-                "end": 38
+                "start": 33,
+                "end": 33
             }
         },
         "group": [
@@ -88295,8 +87926,8 @@
     {
         "description": "The width of the border of the Window titlebar.\n",
         "commentRange": {
-            "start": 39,
-            "end": 40
+            "start": 34,
+            "end": 35
         },
         "context": {
             "type": "variable",
@@ -88304,8 +87935,8 @@
             "value": "0 0 1px",
             "scope": "default",
             "line": {
-                "start": 41,
-                "end": 41
+                "start": 36,
+                "end": 36
             }
         },
         "group": [
@@ -88320,8 +87951,8 @@
     {
         "description": "The style of the border of the Window titlebar.\n",
         "commentRange": {
-            "start": 42,
-            "end": 43
+            "start": 37,
+            "end": 38
         },
         "context": {
             "type": "variable",
@@ -88329,8 +87960,8 @@
             "value": "solid",
             "scope": "default",
             "line": {
-                "start": 44,
-                "end": 44
+                "start": 39,
+                "end": 39
             }
         },
         "group": [
@@ -88345,8 +87976,8 @@
     {
         "description": "The font size of the title of the Window.\n",
         "commentRange": {
-            "start": 46,
-            "end": 47
+            "start": 41,
+            "end": 42
         },
         "context": {
             "type": "variable",
@@ -88354,8 +87985,8 @@
             "value": "var(--kendo-font-size-lg)",
             "scope": "default",
             "line": {
-                "start": 48,
-                "end": 48
+                "start": 43,
+                "end": 43
             }
         },
         "group": [
@@ -88370,8 +88001,8 @@
     {
         "description": "The line height of the title of the Window.\n",
         "commentRange": {
-            "start": 49,
-            "end": 50
+            "start": 44,
+            "end": 45
         },
         "context": {
             "type": "variable",
@@ -88379,8 +88010,8 @@
             "value": "var(--kendo-line-height)",
             "scope": "default",
             "line": {
-                "start": 51,
-                "end": 51
+                "start": 46,
+                "end": 46
             }
         },
         "group": [
@@ -88395,8 +88026,8 @@
     {
         "description": "The spacing between the buttons in the Window titlebar.\n",
         "commentRange": {
-            "start": 53,
-            "end": 54
+            "start": 48,
+            "end": 49
         },
         "context": {
             "type": "variable",
@@ -88404,8 +88035,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 55,
-                "end": 55
+                "start": 50,
+                "end": 50
             }
         },
         "group": [
@@ -88420,8 +88051,8 @@
     {
         "description": "The opacity of the buttons in the Window titlebar.\n",
         "commentRange": {
-            "start": 56,
-            "end": 57
+            "start": 51,
+            "end": 52
         },
         "context": {
             "type": "variable",
@@ -88429,8 +88060,8 @@
             "value": ".5",
             "scope": "default",
             "line": {
-                "start": 58,
-                "end": 58
+                "start": 53,
+                "end": 53
             }
         },
         "group": [
@@ -88445,8 +88076,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",
@@ -88454,8 +88085,8 @@
             "value": ".75",
             "scope": "default",
             "line": {
-                "start": 61,
-                "end": 61
+                "start": 56,
+                "end": 56
             }
         },
         "group": [
@@ -88470,8 +88101,8 @@
     {
         "description": "The horizontal padding of the content of the Window.\n",
         "commentRange": {
-            "start": 63,
-            "end": 64
+            "start": 58,
+            "end": 59
         },
         "context": {
             "type": "variable",
@@ -88479,8 +88110,8 @@
             "value": "k-spacing(4)",
             "scope": "default",
             "line": {
-                "start": 65,
-                "end": 65
+                "start": 60,
+                "end": 60
             }
         },
         "group": [
@@ -88495,8 +88126,8 @@
     {
         "description": "The vertical padding of the content of the Window.\n",
         "commentRange": {
-            "start": 66,
-            "end": 67
+            "start": 61,
+            "end": 62
         },
         "context": {
             "type": "variable",
@@ -88504,8 +88135,8 @@
             "value": "k-spacing(4)",
             "scope": "default",
             "line": {
-                "start": 68,
-                "end": 68
+                "start": 63,
+                "end": 63
             }
         },
         "group": [
@@ -88520,8 +88151,8 @@
     {
         "description": "The horizontal padding of the Window action buttons.\n",
         "commentRange": {
-            "start": 70,
-            "end": 71
+            "start": 65,
+            "end": 66
         },
         "context": {
             "type": "variable",
@@ -88529,8 +88160,8 @@
             "value": "$kendo-actions-padding-x",
             "scope": "default",
             "line": {
-                "start": 72,
-                "end": 72
+                "start": 67,
+                "end": 67
             }
         },
         "group": [
@@ -88545,8 +88176,8 @@
     {
         "description": "The vertical padding of the Window action buttons.\n",
         "commentRange": {
-            "start": 73,
-            "end": 74
+            "start": 68,
+            "end": 69
         },
         "context": {
             "type": "variable",
@@ -88554,8 +88185,8 @@
             "value": "$kendo-actions-padding-y",
             "scope": "default",
             "line": {
-                "start": 75,
-                "end": 75
+                "start": 70,
+                "end": 70
             }
         },
         "group": [
@@ -88570,8 +88201,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",
@@ -88579,8 +88210,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 78,
-                "end": 78
+                "start": 73,
+                "end": 73
             }
         },
         "group": [
@@ -88595,8 +88226,8 @@
     {
         "description": "The background color of the Window.\n",
         "commentRange": {
-            "start": 80,
-            "end": 81
+            "start": 75,
+            "end": 76
         },
         "context": {
             "type": "variable",
@@ -88604,8 +88235,8 @@
             "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
-                "start": 82,
-                "end": 82
+                "start": 77,
+                "end": 77
             }
         },
         "group": [
@@ -88620,8 +88251,8 @@
     {
         "description": "The text color of the Window.\n",
         "commentRange": {
-            "start": 83,
-            "end": 84
+            "start": 78,
+            "end": 79
         },
         "context": {
             "type": "variable",
@@ -88629,8 +88260,8 @@
             "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
-                "start": 85,
-                "end": 85
+                "start": 80,
+                "end": 80
             }
         },
         "group": [
@@ -88645,8 +88276,8 @@
     {
         "description": "The border color of the Window.\n",
         "commentRange": {
-            "start": 86,
-            "end": 87
+            "start": 81,
+            "end": 82
         },
         "context": {
             "type": "variable",
@@ -88654,8 +88285,8 @@
             "value": "k-color(border)",
             "scope": "default",
             "line": {
-                "start": 88,
-                "end": 88
+                "start": 83,
+                "end": 83
             }
         },
         "group": [
@@ -88670,8 +88301,8 @@
     {
         "description": "The box shadow of the Window.\n",
         "commentRange": {
-            "start": 89,
-            "end": 90
+            "start": 84,
+            "end": 85
         },
         "context": {
             "type": "variable",
@@ -88679,8 +88310,8 @@
             "value": "none",
             "scope": "default",
             "line": {
-                "start": 91,
-                "end": 91
+                "start": 86,
+                "end": 86
             }
         },
         "group": [
@@ -88695,8 +88326,8 @@
     {
         "description": "The box shadow of the focused Window.\n",
         "commentRange": {
-            "start": 92,
-            "end": 93
+            "start": 87,
+            "end": 88
         },
         "context": {
             "type": "variable",
@@ -88704,8 +88335,8 @@
             "value": "none",
             "scope": "default",
             "line": {
-                "start": 94,
-                "end": 94
+                "start": 89,
+                "end": 89
             }
         },
         "group": [
@@ -88720,8 +88351,8 @@
     {
         "description": "The background color of the Window titlebar.\n",
         "commentRange": {
-            "start": 96,
-            "end": 97
+            "start": 91,
+            "end": 92
         },
         "context": {
             "type": "variable",
@@ -88729,8 +88360,8 @@
             "value": "unset",
             "scope": "default",
             "line": {
-                "start": 98,
-                "end": 98
+                "start": 93,
+                "end": 93
             }
         },
         "group": [
@@ -88745,8 +88376,8 @@
     {
         "description": "The text color of the Window titlebar.\n",
         "commentRange": {
-            "start": 99,
-            "end": 100
+            "start": 94,
+            "end": 95
         },
         "context": {
             "type": "variable",
@@ -88754,8 +88385,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 101,
-                "end": 101
+                "start": 96,
+                "end": 96
             }
         },
         "group": [
@@ -88770,8 +88401,8 @@
     {
         "description": "The border color of the Window titlebar.\n",
         "commentRange": {
-            "start": 102,
-            "end": 103
+            "start": 97,
+            "end": 98
         },
         "context": {
             "type": "variable",
@@ -88779,8 +88410,8 @@
             "value": "k-color(border)",
             "scope": "default",
             "line": {
-                "start": 104,
-                "end": 104
+                "start": 99,
+                "end": 99
             }
         },
         "group": [
@@ -88795,8 +88426,8 @@
     {
         "description": "The background gradient of the Window titlebar.\n",
         "commentRange": {
-            "start": 105,
-            "end": 106
+            "start": 100,
+            "end": 101
         },
         "context": {
             "type": "variable",
@@ -88804,8 +88435,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 107,
-                "end": 107
+                "start": 102,
+                "end": 102
             }
         },
         "group": [
@@ -89132,17 +88763,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": [
@@ -89188,7 +88819,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,
@@ -89238,7 +88869,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,
@@ -89263,7 +88894,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,
@@ -89313,7 +88944,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,
@@ -89379,31 +89010,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": {
@@ -89837,31 +89443,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 theme colors map of the FloatingActionButton.\n",
         "commentRange": {
@@ -89871,7 +89452,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,
@@ -90021,7 +89602,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,
@@ -90071,7 +89652,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,
@@ -90112,31 +89693,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": {
@@ -90271,7 +89827,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-suggestion-theme-colors",
-            "value": "(\"base\", \"primary\", \"secondary\")",
+            "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\")",
             "scope": "default",
             "line": {
                 "start": 18,
@@ -90479,8 +90035,8 @@
     {
         "description": "The sizes map of the Window.\n",
         "commentRange": {
-            "start": 42,
-            "end": 43
+            "start": 41,
+            "end": 42
         },
         "context": {
             "type": "variable",
@@ -90488,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": [