@progress/kendo-theme-default 13.1.2-dev.0 → 13.2.0-dev.1

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

@@ -6648,14 +6648,14 @@
         }
     },
     {
-        "description": "The horizontal padding of the small Button.\n",
+        "description": "The horizontal padding of the xsmall Button.\n",
         "commentRange": {
             "start": 32,
             "end": 33
         },
         "context": {
             "type": "variable",
-            "name": "kendo-button-sm-padding-x",
+            "name": "kendo-button-xs-padding-x",
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
@@ -6673,14 +6673,14 @@
         }
     },
     {
-        "description": "The horizontal padding of the medium Button.\n",
+        "description": "The horizontal padding of the small Button.\n",
         "commentRange": {
             "start": 35,
             "end": 36
         },
         "context": {
             "type": "variable",
-            "name": "kendo-button-md-padding-x",
+            "name": "kendo-button-sm-padding-x",
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
@@ -6698,14 +6698,14 @@
         }
     },
     {
-        "description": "The horizontal padding of the large Button.\n",
+        "description": "The horizontal padding of the medium Button.\n",
         "commentRange": {
             "start": 38,
             "end": 39
         },
         "context": {
             "type": "variable",
-            "name": "kendo-button-lg-padding-x",
+            "name": "kendo-button-md-padding-x",
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
@@ -6722,11 +6722,61 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The horizontal padding of the large Button.\n",
+        "commentRange": {
+            "start": 41,
+            "end": 42
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-button-lg-padding-x",
+            "value": "k-spacing(2)",
+            "scope": "default",
+            "line": {
+                "start": 43,
+                "end": 43
+            }
+        },
+        "group": [
+            "button"
+        ],
+        "access": "public",
+        "file": {
+            "path": "button/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the xsmall Button.\n",
+        "commentRange": {
+            "start": 45,
+            "end": 46
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-button-xs-padding-y",
+            "value": "k-spacing(1px)",
+            "scope": "default",
+            "line": {
+                "start": 47,
+                "end": 47
+            }
+        },
+        "group": [
+            "button"
+        ],
+        "access": "public",
+        "file": {
+            "path": "button/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The vertical padding of the small Button.\n",
         "commentRange": {
-            "start": 42,
-            "end": 43
+            "start": 48,
+            "end": 49
         },
         "context": {
             "type": "variable",
@@ -6734,8 +6784,8 @@
             "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
-                "start": 44,
-                "end": 44
+                "start": 50,
+                "end": 50
             }
         },
         "group": [
@@ -6750,8 +6800,8 @@
     {
         "description": "The vertical padding of the medium Button.\n",
         "commentRange": {
-            "start": 45,
-            "end": 46
+            "start": 51,
+            "end": 52
         },
         "context": {
             "type": "variable",
@@ -6759,8 +6809,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 47,
-                "end": 47
+                "start": 53,
+                "end": 53
             }
         },
         "group": [
@@ -6775,8 +6825,8 @@
     {
         "description": "The vertical padding of the large Button.\n",
         "commentRange": {
-            "start": 48,
-            "end": 49
+            "start": 54,
+            "end": 55
         },
         "context": {
             "type": "variable",
@@ -6784,8 +6834,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 50,
-                "end": 50
+                "start": 56,
+                "end": 56
             }
         },
         "group": [
@@ -6800,8 +6850,8 @@
     {
         "description": "The font family of the Button.\n",
         "commentRange": {
-            "start": 52,
-            "end": 53
+            "start": 58,
+            "end": 59
         },
         "context": {
             "type": "variable",
@@ -6809,8 +6859,8 @@
             "value": "var(--kendo-font-family)",
             "scope": "default",
             "line": {
-                "start": 54,
-                "end": 54
+                "start": 60,
+                "end": 60
             }
         },
         "group": [
@@ -6825,8 +6875,8 @@
     {
         "description": "The font weight of the Button.\n",
         "commentRange": {
-            "start": 55,
-            "end": 56
+            "start": 61,
+            "end": 62
         },
         "context": {
             "type": "variable",
@@ -6834,8 +6884,8 @@
             "value": "var(--kendo-font-weight-normal)",
             "scope": "default",
             "line": {
-                "start": 57,
-                "end": 57
+                "start": 63,
+                "end": 63
             }
         },
         "group": [
@@ -6850,8 +6900,8 @@
     {
         "description": "The font size of the Button.\n",
         "commentRange": {
-            "start": 59,
-            "end": 60
+            "start": 65,
+            "end": 66
         },
         "context": {
             "type": "variable",
@@ -6859,8 +6909,33 @@
             "value": "var(--kendo-font-size)",
             "scope": "default",
             "line": {
-                "start": 61,
-                "end": 61
+                "start": 67,
+                "end": 67
+            }
+        },
+        "group": [
+            "button"
+        ],
+        "access": "public",
+        "file": {
+            "path": "button/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the xsmall Button.\n",
+        "commentRange": {
+            "start": 68,
+            "end": 69
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-button-xs-font-size",
+            "value": "var(--kendo-font-size)",
+            "scope": "default",
+            "line": {
+                "start": 70,
+                "end": 70
             }
         },
         "group": [
@@ -6875,8 +6950,8 @@
     {
         "description": "The font size of the small Button.\n",
         "commentRange": {
-            "start": 62,
-            "end": 63
+            "start": 71,
+            "end": 72
         },
         "context": {
             "type": "variable",
@@ -6884,8 +6959,8 @@
             "value": "var(--kendo-font-size)",
             "scope": "default",
             "line": {
-                "start": 64,
-                "end": 64
+                "start": 73,
+                "end": 73
             }
         },
         "group": [
@@ -6900,8 +6975,8 @@
     {
         "description": "The font size of the medium Button.\n",
         "commentRange": {
-            "start": 65,
-            "end": 66
+            "start": 74,
+            "end": 75
         },
         "context": {
             "type": "variable",
@@ -6909,8 +6984,8 @@
             "value": "$kendo-button-font-size",
             "scope": "default",
             "line": {
-                "start": 67,
-                "end": 67
+                "start": 76,
+                "end": 76
             }
         },
         "group": [
@@ -6925,8 +7000,8 @@
     {
         "description": "The font size of the large Button.\n",
         "commentRange": {
-            "start": 68,
-            "end": 69
+            "start": 77,
+            "end": 78
         },
         "context": {
             "type": "variable",
@@ -6934,8 +7009,8 @@
             "value": "var(--kendo-font-size-lg)",
             "scope": "default",
             "line": {
-                "start": 70,
-                "end": 70
+                "start": 79,
+                "end": 79
             }
         },
         "group": [
@@ -6950,8 +7025,8 @@
     {
         "description": "The line height used along with the $kendo-font-size the.\n",
         "commentRange": {
-            "start": 72,
-            "end": 73
+            "start": 81,
+            "end": 82
         },
         "context": {
             "type": "variable",
@@ -6959,8 +7034,33 @@
             "value": "var(--kendo-line-height)",
             "scope": "default",
             "line": {
-                "start": 74,
-                "end": 74
+                "start": 83,
+                "end": 83
+            }
+        },
+        "group": [
+            "button"
+        ],
+        "access": "public",
+        "file": {
+            "path": "button/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The line height used along with the $kendo-font-size the of the xsmall Button.\n",
+        "commentRange": {
+            "start": 84,
+            "end": 85
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-button-xs-line-height",
+            "value": "var(--kendo-line-height)",
+            "scope": "default",
+            "line": {
+                "start": 86,
+                "end": 86
             }
         },
         "group": [
@@ -6975,8 +7075,8 @@
     {
         "description": "The line height used along with the $kendo-font-size the of the small Button.\n",
         "commentRange": {
-            "start": 75,
-            "end": 76
+            "start": 87,
+            "end": 88
         },
         "context": {
             "type": "variable",
@@ -6984,8 +7084,8 @@
             "value": "var(--kendo-line-height)",
             "scope": "default",
             "line": {
-                "start": 77,
-                "end": 77
+                "start": 89,
+                "end": 89
             }
         },
         "group": [
@@ -7000,8 +7100,8 @@
     {
         "description": "The line height used along with the $kendo-font-size the of the medium Button.\n",
         "commentRange": {
-            "start": 78,
-            "end": 79
+            "start": 90,
+            "end": 91
         },
         "context": {
             "type": "variable",
@@ -7009,8 +7109,8 @@
             "value": "$kendo-button-line-height",
             "scope": "default",
             "line": {
-                "start": 80,
-                "end": 80
+                "start": 92,
+                "end": 92
             }
         },
         "group": [
@@ -7025,8 +7125,8 @@
     {
         "description": "The line height used along with the $kendo-font-size the of the large Button.\n",
         "commentRange": {
-            "start": 81,
-            "end": 82
+            "start": 93,
+            "end": 94
         },
         "context": {
             "type": "variable",
@@ -7034,8 +7134,8 @@
             "value": "var(--kendo-line-height-lg)",
             "scope": "default",
             "line": {
-                "start": 83,
-                "end": 83
+                "start": 95,
+                "end": 95
             }
         },
         "group": [
@@ -7050,8 +7150,8 @@
     {
         "description": "The base background of the Button.\n",
         "commentRange": {
-            "start": 94,
-            "end": 95
+            "start": 108,
+            "end": 109
         },
         "context": {
             "type": "variable",
@@ -7059,8 +7159,8 @@
             "value": "k-color(base)",
             "scope": "default",
             "line": {
-                "start": 96,
-                "end": 96
+                "start": 110,
+                "end": 110
             }
         },
         "group": [
@@ -7075,8 +7175,8 @@
     {
         "description": "The base text color of the Button.\n",
         "commentRange": {
-            "start": 97,
-            "end": 98
+            "start": 111,
+            "end": 112
         },
         "context": {
             "type": "variable",
@@ -7084,8 +7184,8 @@
             "value": "k-color(on-base)",
             "scope": "default",
             "line": {
-                "start": 99,
-                "end": 99
+                "start": 113,
+                "end": 113
             }
         },
         "group": [
@@ -7100,8 +7200,8 @@
     {
         "description": "The base border color of the Button.\n",
         "commentRange": {
-            "start": 100,
-            "end": 101
+            "start": 114,
+            "end": 115
         },
         "context": {
             "type": "variable",
@@ -7109,8 +7209,8 @@
             "value": "k-color(border)",
             "scope": "default",
             "line": {
-                "start": 102,
-                "end": 102
+                "start": 116,
+                "end": 116
             }
         },
         "group": [
@@ -7125,8 +7225,8 @@
     {
         "description": "The base background gradient of the Button.\n",
         "commentRange": {
-            "start": 103,
-            "end": 104
+            "start": 117,
+            "end": 118
         },
         "context": {
             "type": "variable",
@@ -7134,8 +7234,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 105,
-                "end": 105
+                "start": 119,
+                "end": 119
             }
         },
         "group": [
@@ -7150,8 +7250,8 @@
     {
         "description": "The base shadow of the Button.\n",
         "commentRange": {
-            "start": 106,
-            "end": 107
+            "start": 120,
+            "end": 121
         },
         "context": {
             "type": "variable",
@@ -7159,8 +7259,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 108,
-                "end": 108
+                "start": 122,
+                "end": 122
             }
         },
         "group": [
@@ -7175,8 +7275,8 @@
     {
         "description": "The base background of the hovered Button.\n",
         "commentRange": {
-            "start": 110,
-            "end": 111
+            "start": 124,
+            "end": 125
         },
         "context": {
             "type": "variable",
@@ -7184,8 +7284,8 @@
             "value": "k-color(base-hover)",
             "scope": "default",
             "line": {
-                "start": 112,
-                "end": 112
+                "start": 126,
+                "end": 126
             }
         },
         "group": [
@@ -7200,8 +7300,8 @@
     {
         "description": "The base text color of the hovered Button.\n",
         "commentRange": {
-            "start": 113,
-            "end": 114
+            "start": 127,
+            "end": 128
         },
         "context": {
             "type": "variable",
@@ -7209,8 +7309,8 @@
             "value": "k-color(on-base)",
             "scope": "default",
             "line": {
-                "start": 115,
-                "end": 115
+                "start": 129,
+                "end": 129
             }
         },
         "group": [
@@ -7225,8 +7325,8 @@
     {
         "description": "The base border color of the hovered Button.\n",
         "commentRange": {
-            "start": 116,
-            "end": 117
+            "start": 130,
+            "end": 131
         },
         "context": {
             "type": "variable",
@@ -7234,8 +7334,8 @@
             "value": "k-color(border)",
             "scope": "default",
             "line": {
-                "start": 118,
-                "end": 118
+                "start": 132,
+                "end": 132
             }
         },
         "group": [
@@ -7250,8 +7350,8 @@
     {
         "description": "The base background gradient of the hovered Button.\n",
         "commentRange": {
-            "start": 119,
-            "end": 120
+            "start": 133,
+            "end": 134
         },
         "context": {
             "type": "variable",
@@ -7259,8 +7359,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 121,
-                "end": 121
+                "start": 135,
+                "end": 135
             }
         },
         "group": [
@@ -7275,8 +7375,8 @@
     {
         "description": "The base shadow of the hovered Button.\n",
         "commentRange": {
-            "start": 122,
-            "end": 123
+            "start": 136,
+            "end": 137
         },
         "context": {
             "type": "variable",
@@ -7284,8 +7384,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 124,
-                "end": 124
+                "start": 138,
+                "end": 138
             }
         },
         "group": [
@@ -7300,8 +7400,8 @@
     {
         "description": "The base background color of the active Button.\n",
         "commentRange": {
-            "start": 126,
-            "end": 127
+            "start": 140,
+            "end": 141
         },
         "context": {
             "type": "variable",
@@ -7309,8 +7409,8 @@
             "value": "k-color(base-active)",
             "scope": "default",
             "line": {
-                "start": 128,
-                "end": 128
+                "start": 142,
+                "end": 142
             }
         },
         "group": [
@@ -7325,8 +7425,8 @@
     {
         "description": "The base text color of the active Button.\n",
         "commentRange": {
-            "start": 129,
-            "end": 130
+            "start": 143,
+            "end": 144
         },
         "context": {
             "type": "variable",
@@ -7334,8 +7434,8 @@
             "value": "k-color(on-base)",
             "scope": "default",
             "line": {
-                "start": 131,
-                "end": 131
+                "start": 145,
+                "end": 145
             }
         },
         "group": [
@@ -7350,8 +7450,8 @@
     {
         "description": "The base border color of the active Button.\n",
         "commentRange": {
-            "start": 132,
-            "end": 133
+            "start": 146,
+            "end": 147
         },
         "context": {
             "type": "variable",
@@ -7359,8 +7459,8 @@
             "value": "k-color(border)",
             "scope": "default",
             "line": {
-                "start": 134,
-                "end": 134
+                "start": 148,
+                "end": 148
             }
         },
         "group": [
@@ -7375,8 +7475,8 @@
     {
         "description": "The base background gradient of the active Button.\n",
         "commentRange": {
-            "start": 135,
-            "end": 136
+            "start": 149,
+            "end": 150
         },
         "context": {
             "type": "variable",
@@ -7384,8 +7484,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 137,
-                "end": 137
+                "start": 151,
+                "end": 151
             }
         },
         "group": [
@@ -7400,8 +7500,8 @@
     {
         "description": "The base shadow of the active Button.\n",
         "commentRange": {
-            "start": 138,
-            "end": 139
+            "start": 152,
+            "end": 153
         },
         "context": {
             "type": "variable",
@@ -7409,8 +7509,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 140,
-                "end": 140
+                "start": 154,
+                "end": 154
             }
         },
         "group": [
@@ -7425,8 +7525,8 @@
     {
         "description": "The base background color of the selected Button.\n",
         "commentRange": {
-            "start": 142,
-            "end": 143
+            "start": 156,
+            "end": 157
         },
         "context": {
             "type": "variable",
@@ -7434,8 +7534,8 @@
             "value": "k-color(primary)",
             "scope": "default",
             "line": {
-                "start": 144,
-                "end": 144
+                "start": 158,
+                "end": 158
             }
         },
         "group": [
@@ -7450,8 +7550,8 @@
     {
         "description": "The text color of the selected Button.\n",
         "commentRange": {
-            "start": 145,
-            "end": 146
+            "start": 159,
+            "end": 160
         },
         "context": {
             "type": "variable",
@@ -7459,8 +7559,8 @@
             "value": "k-color(on-primary)",
             "scope": "default",
             "line": {
-                "start": 147,
-                "end": 147
+                "start": 161,
+                "end": 161
             }
         },
         "group": [
@@ -7475,8 +7575,8 @@
     {
         "description": "The border color of the selected Button.\n",
         "commentRange": {
-            "start": 148,
-            "end": 149
+            "start": 162,
+            "end": 163
         },
         "context": {
             "type": "variable",
@@ -7484,8 +7584,8 @@
             "value": "$kendo-button-selected-bg",
             "scope": "default",
             "line": {
-                "start": 150,
-                "end": 150
+                "start": 164,
+                "end": 164
             }
         },
         "group": [
@@ -7500,8 +7600,8 @@
     {
         "description": "The background gradient of the selected Button.\n",
         "commentRange": {
-            "start": 151,
-            "end": 152
+            "start": 165,
+            "end": 166
         },
         "context": {
             "type": "variable",
@@ -7509,8 +7609,8 @@
             "value": "$kendo-button-active-gradient",
             "scope": "default",
             "line": {
-                "start": 153,
-                "end": 153
+                "start": 167,
+                "end": 167
             }
         },
         "group": [
@@ -7525,8 +7625,8 @@
     {
         "description": "The base shadow of the selected Button.\n",
         "commentRange": {
-            "start": 154,
-            "end": 155
+            "start": 168,
+            "end": 169
         },
         "context": {
             "type": "variable",
@@ -7534,8 +7634,8 @@
             "value": "$kendo-button-active-shadow",
             "scope": "default",
             "line": {
-                "start": 156,
-                "end": 156
+                "start": 170,
+                "end": 170
             }
         },
         "group": [
@@ -7550,8 +7650,8 @@
     {
         "description": "The base shadow of the focused Button.\n",
         "commentRange": {
-            "start": 158,
-            "end": 159
+            "start": 172,
+            "end": 173
         },
         "context": {
             "type": "variable",
@@ -7559,8 +7659,8 @@
             "value": "0 0 0 2px color-mix(in srgb, k-color(on-app-surface) 8%, transparent)",
             "scope": "default",
             "line": {
-                "start": 160,
-                "end": 160
+                "start": 174,
+                "end": 174
             }
         },
         "group": [
@@ -7575,8 +7675,8 @@
     {
         "description": "The base background of the disabled Button.\n",
         "commentRange": {
-            "start": 162,
-            "end": 163
+            "start": 176,
+            "end": 177
         },
         "context": {
             "type": "variable",
@@ -7584,8 +7684,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 164,
-                "end": 164
+                "start": 178,
+                "end": 178
             }
         },
         "group": [
@@ -7600,8 +7700,8 @@
     {
         "description": "The base text color of the disabled Button.\n",
         "commentRange": {
-            "start": 165,
-            "end": 166
+            "start": 179,
+            "end": 180
         },
         "context": {
             "type": "variable",
@@ -7609,8 +7709,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 167,
-                "end": 167
+                "start": 181,
+                "end": 181
             }
         },
         "group": [
@@ -7625,8 +7725,8 @@
     {
         "description": "The base border color of the disabled Button.\n",
         "commentRange": {
-            "start": 168,
-            "end": 169
+            "start": 182,
+            "end": 183
         },
         "context": {
             "type": "variable",
@@ -7634,8 +7734,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 170,
-                "end": 170
+                "start": 184,
+                "end": 184
             }
         },
         "group": [
@@ -7650,8 +7750,8 @@
     {
         "description": "The base background gradient of the disabled Button.\n",
         "commentRange": {
-            "start": 171,
-            "end": 172
+            "start": 185,
+            "end": 186
         },
         "context": {
             "type": "variable",
@@ -7659,8 +7759,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 173,
-                "end": 173
+                "start": 187,
+                "end": 187
             }
         },
         "group": [
@@ -7675,8 +7775,8 @@
     {
         "description": "The base shadow of the disabled Button.\n",
         "commentRange": {
-            "start": 174,
-            "end": 175
+            "start": 188,
+            "end": 189
         },
         "context": {
             "type": "variable",
@@ -7684,8 +7784,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 176,
-                "end": 176
+                "start": 190,
+                "end": 190
             }
         },
         "group": [
@@ -7700,8 +7800,8 @@
     {
         "description": "The opacity of the pulsing animation for the generating Button.\n",
         "commentRange": {
-            "start": 178,
-            "end": 179
+            "start": 192,
+            "end": 193
         },
         "context": {
             "type": "variable",
@@ -7709,8 +7809,8 @@
             "value": ".4",
             "scope": "default",
             "line": {
-                "start": 180,
-                "end": 180
+                "start": 194,
+                "end": 194
             }
         },
         "group": [
@@ -7725,8 +7825,8 @@
     {
         "description": "The button gradient of the Button.\n",
         "commentRange": {
-            "start": 183,
-            "end": 184
+            "start": 197,
+            "end": 198
         },
         "context": {
             "type": "variable",
@@ -7734,108 +7834,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 185,
-                "end": 185
-            }
-        },
-        "group": [
-            "button"
-        ],
-        "access": "public",
-        "file": {
-            "path": "button/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The shadow of the Button.\n",
-        "commentRange": {
-            "start": 186,
-            "end": 187
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-solid-button-shadow",
-            "value": "true",
-            "scope": "default",
-            "line": {
-                "start": 188,
-                "end": 188
-            }
-        },
-        "group": [
-            "button"
-        ],
-        "access": "public",
-        "file": {
-            "path": "button/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The button shadow blur of the Button.\n",
-        "commentRange": {
-            "start": 189,
-            "end": 190
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-solid-button-shadow-blur",
-            "value": "0px",
-            "scope": "default",
-            "line": {
-                "start": 191,
-                "end": 191
-            }
-        },
-        "group": [
-            "button"
-        ],
-        "access": "public",
-        "file": {
-            "path": "button/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The button shadow spread of the Button.\n",
-        "commentRange": {
-            "start": 192,
-            "end": 193
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-solid-button-shadow-spread",
-            "value": "2px",
-            "scope": "default",
-            "line": {
-                "start": 194,
-                "end": 194
-            }
-        },
-        "group": [
-            "button"
-        ],
-        "access": "public",
-        "file": {
-            "path": "button/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The button shadow opacity of the Button.\n",
-        "commentRange": {
-            "start": 195,
-            "end": 196
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-solid-button-shadow-opacity",
-            "value": ".3",
-            "scope": "default",
-            "line": {
-                "start": 197,
-                "end": 197
+                "start": 199,
+                "end": 199
             }
         },
         "group": [
@@ -7855,7 +7855,7 @@
         },
         "context": {
             "type": "variable",
-            "name": "kendo-outline-button-shadow",
+            "name": "kendo-solid-button-shadow",
             "value": "true",
             "scope": "default",
             "line": {
@@ -7880,7 +7880,7 @@
         },
         "context": {
             "type": "variable",
-            "name": "kendo-outline-button-shadow-blur",
+            "name": "kendo-solid-button-shadow-blur",
             "value": "0px",
             "scope": "default",
             "line": {
@@ -7905,7 +7905,7 @@
         },
         "context": {
             "type": "variable",
-            "name": "kendo-outline-button-shadow-spread",
+            "name": "kendo-solid-button-shadow-spread",
             "value": "2px",
             "scope": "default",
             "line": {
@@ -7930,7 +7930,7 @@
         },
         "context": {
             "type": "variable",
-            "name": "kendo-outline-button-shadow-opacity",
+            "name": "kendo-solid-button-shadow-opacity",
             "value": ".3",
             "scope": "default",
             "line": {
@@ -7955,7 +7955,7 @@
         },
         "context": {
             "type": "variable",
-            "name": "kendo-link-button-shadow",
+            "name": "kendo-outline-button-shadow",
             "value": "true",
             "scope": "default",
             "line": {
@@ -7980,7 +7980,7 @@
         },
         "context": {
             "type": "variable",
-            "name": "kendo-link-button-shadow-blur",
+            "name": "kendo-outline-button-shadow-blur",
             "value": "0px",
             "scope": "default",
             "line": {
@@ -8005,7 +8005,7 @@
         },
         "context": {
             "type": "variable",
-            "name": "kendo-link-button-shadow-spread",
+            "name": "kendo-outline-button-shadow-spread",
             "value": "2px",
             "scope": "default",
             "line": {
@@ -8030,7 +8030,7 @@
         },
         "context": {
             "type": "variable",
-            "name": "kendo-link-button-shadow-opacity",
+            "name": "kendo-outline-button-shadow-opacity",
             "value": ".3",
             "scope": "default",
             "line": {
@@ -8048,15 +8048,15 @@
         }
     },
     {
-        "description": "The button focus opacity of the Button.\n",
+        "description": "The shadow of the Button.\n",
         "commentRange": {
             "start": 228,
             "end": 229
         },
         "context": {
             "type": "variable",
-            "name": "kendo-clear-button-focus-opacity",
-            "value": ".1",
+            "name": "kendo-link-button-shadow",
+            "value": "true",
             "scope": "default",
             "line": {
                 "start": 230,
@@ -8072,11 +8072,111 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The button shadow blur of the Button.\n",
+        "commentRange": {
+            "start": 231,
+            "end": 232
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-link-button-shadow-blur",
+            "value": "0px",
+            "scope": "default",
+            "line": {
+                "start": 233,
+                "end": 233
+            }
+        },
+        "group": [
+            "button"
+        ],
+        "access": "public",
+        "file": {
+            "path": "button/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The button shadow spread of the Button.\n",
+        "commentRange": {
+            "start": 234,
+            "end": 235
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-link-button-shadow-spread",
+            "value": "2px",
+            "scope": "default",
+            "line": {
+                "start": 236,
+                "end": 236
+            }
+        },
+        "group": [
+            "button"
+        ],
+        "access": "public",
+        "file": {
+            "path": "button/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The button shadow opacity of the Button.\n",
+        "commentRange": {
+            "start": 237,
+            "end": 238
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-link-button-shadow-opacity",
+            "value": ".3",
+            "scope": "default",
+            "line": {
+                "start": 239,
+                "end": 239
+            }
+        },
+        "group": [
+            "button"
+        ],
+        "access": "public",
+        "file": {
+            "path": "button/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The button focus opacity of the Button.\n",
+        "commentRange": {
+            "start": 242,
+            "end": 243
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-clear-button-focus-opacity",
+            "value": ".1",
+            "scope": "default",
+            "line": {
+                "start": 244,
+                "end": 244
+            }
+        },
+        "group": [
+            "button"
+        ],
+        "access": "public",
+        "file": {
+            "path": "button/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The overlay opacity of the hovered flat Button. Used to create a background for the flat Button.\n",
         "commentRange": {
-            "start": 232,
-            "end": 233
+            "start": 246,
+            "end": 247
         },
         "context": {
             "type": "variable",
@@ -8084,8 +8184,8 @@
             "value": ".08",
             "scope": "default",
             "line": {
-                "start": 234,
-                "end": 234
+                "start": 248,
+                "end": 248
             }
         },
         "group": [
@@ -8100,8 +8200,8 @@
     {
         "description": "The overlay opacity of the focused flat Button. Used to create a background for the flat Button.\n",
         "commentRange": {
-            "start": 235,
-            "end": 236
+            "start": 249,
+            "end": 250
         },
         "context": {
             "type": "variable",
@@ -8109,8 +8209,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 237,
-                "end": 237
+                "start": 251,
+                "end": 251
             }
         },
         "group": [
@@ -8125,8 +8225,8 @@
     {
         "description": "The overlay opacity of the active flat Button. Used to create background for the flat Button.\n",
         "commentRange": {
-            "start": 238,
-            "end": 239
+            "start": 252,
+            "end": 253
         },
         "context": {
             "type": "variable",
@@ -8134,8 +8234,8 @@
             "value": ".16",
             "scope": "default",
             "line": {
-                "start": 240,
-                "end": 240
+                "start": 254,
+                "end": 254
             }
         },
         "group": [
@@ -8150,8 +8250,8 @@
     {
         "description": "The overlay opacity of the selected flat Button. Used to create background for the flat Button.\n",
         "commentRange": {
-            "start": 241,
-            "end": 242
+            "start": 255,
+            "end": 256
         },
         "context": {
             "type": "variable",
@@ -8159,8 +8259,8 @@
             "value": ".2",
             "scope": "default",
             "line": {
-                "start": 243,
-                "end": 243
+                "start": 257,
+                "end": 257
             }
         },
         "group": [
@@ -8175,8 +8275,8 @@
     {
         "description": "The opacity of the flat Button focus ring. Used to create a border for the flat Button.\n",
         "commentRange": {
-            "start": 244,
-            "end": 245
+            "start": 258,
+            "end": 259
         },
         "context": {
             "type": "variable",
@@ -8184,8 +8284,8 @@
             "value": ".12",
             "scope": "default",
             "line": {
-                "start": 246,
-                "end": 246
+                "start": 260,
+                "end": 260
             }
         },
         "group": [
@@ -8200,8 +8300,8 @@
     {
         "description": "The transition of the Button.\n",
         "commentRange": {
-            "start": 248,
-            "end": 249
+            "start": 262,
+            "end": 263
         },
         "context": {
             "type": "variable",
@@ -8209,8 +8309,8 @@
             "value": "color k-transition(rapid), background-color k-transition(rapid), border-color k-transition(rapid), box-shadow k-transition(rapid), opacity k-transition(rapid)",
             "scope": "default",
             "line": {
-                "start": 250,
-                "end": 250
+                "start": 264,
+                "end": 264
             }
         },
         "group": [
@@ -15337,7 +15437,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-chart-no-data-padding-y",
-            "value": "k-spacing( 25 )",
+            "value": "7rem",
             "scope": "default",
             "line": {
                 "start": 365,
@@ -36341,7 +36441,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-grid-sticky-container-shadow",
-            "value": "k-elevation(3)",
+            "value": "0 2px 4px 0 rgba(0, 0, 0, 0.08)",
             "scope": "default",
             "line": {
                 "start": 348,
@@ -36357,20 +36457,70 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The box shadow of the sticky container positioned at the bottom in the Grid.\n",
+        "commentRange": {
+            "start": 349,
+            "end": 350
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-grid-sticky-container-bottom-shadow",
+            "value": "0 -2px 4px 0 rgba(0, 0, 0, 0.08)",
+            "scope": "default",
+            "line": {
+                "start": 351,
+                "end": 351
+            }
+        },
+        "group": [
+            "grid"
+        ],
+        "access": "public",
+        "file": {
+            "path": "grid/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The box shadow of the pinned container in the Grid.\n",
         "commentRange": {
-            "start": 350,
-            "end": 351
+            "start": 353,
+            "end": 354
         },
         "context": {
             "type": "variable",
             "name": "kendo-grid-pinned-container-shadow",
-            "value": "k-elevation(4)",
+            "value": "0 4px 8px 0 rgba(0, 0, 0, 0.08)",
+            "scope": "default",
+            "line": {
+                "start": 355,
+                "end": 355
+            }
+        },
+        "group": [
+            "grid"
+        ],
+        "access": "public",
+        "file": {
+            "path": "grid/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The box shadow of the pinned container positioned at the bottom in the Grid.\n",
+        "commentRange": {
+            "start": 356,
+            "end": 357
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-grid-pinned-container-bottom-shadow",
+            "value": "0 -4px 8px 0 rgba(0, 0, 0, 0.08)",
             "scope": "default",
             "line": {
-                "start": 352,
-                "end": 352
+                "start": 358,
+                "end": 358
             }
         },
         "group": [
@@ -36385,8 +36535,8 @@
     {
         "description": "The width of the Grid column menu.\n",
         "commentRange": {
-            "start": 355,
-            "end": 356
+            "start": 361,
+            "end": 362
         },
         "context": {
             "type": "variable",
@@ -36394,8 +36544,8 @@
             "value": "230px",
             "scope": "default",
             "line": {
-                "start": 357,
-                "end": 357
+                "start": 363,
+                "end": 363
             }
         },
         "group": [
@@ -36410,8 +36560,8 @@
     {
         "description": "The maximum width of the Grid column menu.\n",
         "commentRange": {
-            "start": 358,
-            "end": 359
+            "start": 364,
+            "end": 365
         },
         "context": {
             "type": "variable",
@@ -36419,8 +36569,8 @@
             "value": "320px",
             "scope": "default",
             "line": {
-                "start": 360,
-                "end": 360
+                "start": 366,
+                "end": 366
             }
         },
         "group": [
@@ -36435,8 +36585,8 @@
     {
         "description": "The horizontal padding of the Grid popup.\n",
         "commentRange": {
-            "start": 363,
-            "end": 364
+            "start": 369,
+            "end": 370
         },
         "context": {
             "type": "variable",
@@ -36444,8 +36594,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 365,
-                "end": 365
+                "start": 371,
+                "end": 371
             }
         },
         "group": [
@@ -36460,8 +36610,8 @@
     {
         "description": "The vertical padding of the Grid popup.\n",
         "commentRange": {
-            "start": 366,
-            "end": 367
+            "start": 372,
+            "end": 373
         },
         "context": {
             "type": "variable",
@@ -36469,8 +36619,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 368,
-                "end": 368
+                "start": 374,
+                "end": 374
             }
         },
         "group": [
@@ -36485,8 +36635,8 @@
     {
         "description": "The horizontal padding of the Grid item.\n",
         "commentRange": {
-            "start": 370,
-            "end": 371
+            "start": 376,
+            "end": 377
         },
         "context": {
             "type": "variable",
@@ -36494,8 +36644,8 @@
             "value": "$kendo-menu-popup-md-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 372,
-                "end": 372
+                "start": 378,
+                "end": 378
             }
         },
         "group": [
@@ -36510,8 +36660,8 @@
     {
         "description": "The vertical padding of the Grid item.\n",
         "commentRange": {
-            "start": 373,
-            "end": 374
+            "start": 379,
+            "end": 380
         },
         "context": {
             "type": "variable",
@@ -36519,8 +36669,8 @@
             "value": "$kendo-menu-popup-md-item-padding-y",
             "scope": "default",
             "line": {
-                "start": 375,
-                "end": 375
+                "start": 381,
+                "end": 381
             }
         },
         "group": [
@@ -36535,8 +36685,8 @@
     {
         "description": "The horizontal padding of the Grid item.\n",
         "commentRange": {
-            "start": 377,
-            "end": 378
+            "start": 383,
+            "end": 384
         },
         "context": {
             "type": "variable",
@@ -36544,8 +36694,8 @@
             "value": "$kendo-list-md-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 379,
-                "end": 379
+                "start": 385,
+                "end": 385
             }
         },
         "group": [
@@ -36560,8 +36710,8 @@
     {
         "description": "The vertical padding of the Grid item.\n",
         "commentRange": {
-            "start": 380,
-            "end": 381
+            "start": 386,
+            "end": 387
         },
         "context": {
             "type": "variable",
@@ -36569,8 +36719,8 @@
             "value": "$kendo-list-md-item-padding-y",
             "scope": "default",
             "line": {
-                "start": 382,
-                "end": 382
+                "start": 388,
+                "end": 388
             }
         },
         "group": [
@@ -36585,8 +36735,8 @@
     {
         "description": "The horizontal padding of the Grid.\n",
         "commentRange": {
-            "start": 384,
-            "end": 385
+            "start": 390,
+            "end": 391
         },
         "context": {
             "type": "variable",
@@ -36594,8 +36744,8 @@
             "value": "k-spacing(0)",
             "scope": "default",
             "line": {
-                "start": 386,
-                "end": 386
+                "start": 392,
+                "end": 392
             }
         },
         "group": [
@@ -36610,8 +36760,8 @@
     {
         "description": "The vertical padding of the Grid.\n",
         "commentRange": {
-            "start": 387,
-            "end": 388
+            "start": 393,
+            "end": 394
         },
         "context": {
             "type": "variable",
@@ -36619,8 +36769,8 @@
             "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
-                "start": 389,
-                "end": 389
+                "start": 395,
+                "end": 395
             }
         },
         "group": [
@@ -36635,8 +36785,8 @@
     {
         "description": "The horizontal padding of the Grid header.\n",
         "commentRange": {
-            "start": 391,
-            "end": 392
+            "start": 397,
+            "end": 398
         },
         "context": {
             "type": "variable",
@@ -36644,8 +36794,8 @@
             "value": "$kendo-menu-popup-md-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 393,
-                "end": 393
+                "start": 399,
+                "end": 399
             }
         },
         "group": [
@@ -36660,8 +36810,8 @@
     {
         "description": "The vertical padding of the Grid header.\n",
         "commentRange": {
-            "start": 394,
-            "end": 395
+            "start": 400,
+            "end": 401
         },
         "context": {
             "type": "variable",
@@ -36669,8 +36819,8 @@
             "value": "$kendo-menu-popup-md-item-padding-y",
             "scope": "default",
             "line": {
-                "start": 396,
-                "end": 396
+                "start": 402,
+                "end": 402
             }
         },
         "group": [
@@ -36685,8 +36835,8 @@
     {
         "description": "The font size of the Grid header.\n",
         "commentRange": {
-            "start": 398,
-            "end": 399
+            "start": 404,
+            "end": 405
         },
         "context": {
             "type": "variable",
@@ -36694,8 +36844,8 @@
             "value": "var(--kendo-font-size-sm)",
             "scope": "default",
             "line": {
-                "start": 400,
-                "end": 400
+                "start": 406,
+                "end": 406
             }
         },
         "group": [
@@ -36710,8 +36860,8 @@
     {
         "description": "The height of the Grid header.\n",
         "commentRange": {
-            "start": 401,
-            "end": 402
+            "start": 407,
+            "end": 408
         },
         "context": {
             "type": "variable",
@@ -36719,8 +36869,8 @@
             "value": "var(--kendo-line-height)",
             "scope": "default",
             "line": {
-                "start": 403,
-                "end": 403
+                "start": 409,
+                "end": 409
             }
         },
         "group": [
@@ -36735,8 +36885,8 @@
     {
         "description": "The text color of the Grid header.\n",
         "commentRange": {
-            "start": 404,
-            "end": 405
+            "start": 410,
+            "end": 411
         },
         "context": {
             "type": "variable",
@@ -36744,8 +36894,8 @@
             "value": "uppercase",
             "scope": "default",
             "line": {
-                "start": 406,
-                "end": 406
+                "start": 412,
+                "end": 412
             }
         },
         "group": [
@@ -36760,8 +36910,8 @@
     {
         "description": "The width of the Grid header.\n",
         "commentRange": {
-            "start": 407,
-            "end": 408
+            "start": 413,
+            "end": 414
         },
         "context": {
             "type": "variable",
@@ -36769,8 +36919,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 409,
-                "end": 409
+                "start": 415,
+                "end": 415
             }
         },
         "group": [
@@ -36785,8 +36935,8 @@
     {
         "description": "The background color of the Grid header.\n",
         "commentRange": {
-            "start": 411,
-            "end": 412
+            "start": 417,
+            "end": 418
         },
         "context": {
             "type": "variable",
@@ -36794,8 +36944,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 413,
-                "end": 413
+                "start": 419,
+                "end": 419
             }
         },
         "group": [
@@ -36810,8 +36960,8 @@
     {
         "description": "The text color of the Grid header.\n",
         "commentRange": {
-            "start": 414,
-            "end": 415
+            "start": 420,
+            "end": 421
         },
         "context": {
             "type": "variable",
@@ -36819,8 +36969,8 @@
             "value": "$kendo-popup-text",
             "scope": "default",
             "line": {
-                "start": 416,
-                "end": 416
+                "start": 422,
+                "end": 422
             }
         },
         "group": [
@@ -36835,8 +36985,8 @@
     {
         "description": "The border color of the Grid header.\n",
         "commentRange": {
-            "start": 417,
-            "end": 418
+            "start": 423,
+            "end": 424
         },
         "context": {
             "type": "variable",
@@ -36844,8 +36994,8 @@
             "value": "$kendo-popup-border",
             "scope": "default",
             "line": {
-                "start": 419,
-                "end": 419
+                "start": 425,
+                "end": 425
             }
         },
         "group": [
@@ -36860,8 +37010,8 @@
     {
         "description": "The horizontal padding of the Grid content.\n",
         "commentRange": {
-            "start": 421,
-            "end": 422
+            "start": 427,
+            "end": 428
         },
         "context": {
             "type": "variable",
@@ -36869,8 +37019,8 @@
             "value": "k-spacing(0)",
             "scope": "default",
             "line": {
-                "start": 423,
-                "end": 423
+                "start": 429,
+                "end": 429
             }
         },
         "group": [
@@ -36885,8 +37035,8 @@
     {
         "description": "The vertical padding of the Grid content.\n",
         "commentRange": {
-            "start": 424,
-            "end": 425
+            "start": 430,
+            "end": 431
         },
         "context": {
             "type": "variable",
@@ -36894,8 +37044,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 426,
-                "end": 426
+                "start": 432,
+                "end": 432
             }
         },
         "group": [
@@ -36910,8 +37060,8 @@
     {
         "description": "The background color of the Grid.\n",
         "commentRange": {
-            "start": 428,
-            "end": 429
+            "start": 434,
+            "end": 435
         },
         "context": {
             "type": "variable",
@@ -36919,8 +37069,8 @@
             "value": "k-color(surface)",
             "scope": "default",
             "line": {
-                "start": 430,
-                "end": 430
+                "start": 436,
+                "end": 436
             }
         },
         "group": [
@@ -36935,8 +37085,8 @@
     {
         "description": "The width of the Grid cell.\n",
         "commentRange": {
-            "start": 432,
-            "end": 433
+            "start": 438,
+            "end": 439
         },
         "context": {
             "type": "variable",
@@ -36944,8 +37094,8 @@
             "value": "($kendo-icon-size * 2.25)",
             "scope": "default",
             "line": {
-                "start": 434,
-                "end": 434
+                "start": 440,
+                "end": 440
             }
         },
         "group": [
@@ -36960,8 +37110,8 @@
     {
         "description": "The width of the Grid.\n",
         "commentRange": {
-            "start": 436,
-            "end": 437
+            "start": 442,
+            "end": 443
         },
         "context": {
             "type": "variable",
@@ -36969,8 +37119,8 @@
             "value": "($kendo-icon-size * 2)",
             "scope": "default",
             "line": {
-                "start": 438,
-                "end": 438
+                "start": 444,
+                "end": 444
             }
         },
         "group": [
@@ -36985,8 +37135,8 @@
     {
         "description": "The grouping border top of the Grid row.\n",
         "commentRange": {
-            "start": 440,
-            "end": 441
+            "start": 446,
+            "end": 447
         },
         "context": {
             "type": "variable",
@@ -36994,8 +37144,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 442,
-                "end": 442
+                "start": 448,
+                "end": 448
             }
         },
         "group": [
@@ -37010,8 +37160,8 @@
     {
         "description": "The vertical border of the Grid footer.\n",
         "commentRange": {
-            "start": 443,
-            "end": 444
+            "start": 449,
+            "end": 450
         },
         "context": {
             "type": "variable",
@@ -37019,8 +37169,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 445,
-                "end": 445
+                "start": 451,
+                "end": 451
             }
         },
         "group": [
@@ -37035,8 +37185,8 @@
     {
         "description": "The background color of the Grid row resize indicator.\n",
         "commentRange": {
-            "start": 447,
-            "end": 448
+            "start": 453,
+            "end": 454
         },
         "context": {
             "type": "variable",
@@ -37044,8 +37194,8 @@
             "value": "color-mix(in srgb, k-color(on-base) 20%, transparent)",
             "scope": "default",
             "line": {
-                "start": 449,
-                "end": 449
+                "start": 455,
+                "end": 455
             }
         },
         "group": [
@@ -37060,8 +37210,8 @@
     {
         "description": "The background color of the active Grid row resize indicator.\n",
         "commentRange": {
-            "start": 450,
-            "end": 451
+            "start": 456,
+            "end": 457
         },
         "context": {
             "type": "variable",
@@ -37069,8 +37219,8 @@
             "value": "k-color(primary)",
             "scope": "default",
             "line": {
-                "start": 452,
-                "end": 452
+                "start": 458,
+                "end": 458
             }
         },
         "group": [
@@ -37085,8 +37235,8 @@
     {
         "description": "The height of the Grid row resize indicator.\n",
         "commentRange": {
-            "start": 453,
-            "end": 454
+            "start": 459,
+            "end": 460
         },
         "context": {
             "type": "variable",
@@ -37094,8 +37244,8 @@
             "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
-                "start": 455,
-                "end": 455
+                "start": 461,
+                "end": 461
             }
         },
         "group": [
@@ -37110,8 +37260,8 @@
     {
         "description": "The horizontal padding of the Grid stack layout cells.\n",
         "commentRange": {
-            "start": 457,
-            "end": 458
+            "start": 463,
+            "end": 464
         },
         "context": {
             "type": "variable",
@@ -37119,8 +37269,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 459,
-                "end": 459
+                "start": 465,
+                "end": 465
             }
         },
         "group": [
@@ -37135,8 +37285,8 @@
     {
         "description": "The vertical padding of the Grid stack layout cells.\n",
         "commentRange": {
-            "start": 460,
-            "end": 461
+            "start": 466,
+            "end": 467
         },
         "context": {
             "type": "variable",
@@ -37144,8 +37294,8 @@
             "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
-                "start": 462,
-                "end": 462
+                "start": 468,
+                "end": 468
             }
         },
         "group": [
@@ -37160,8 +37310,8 @@
     {
         "description": "The column gap of the Grid stack layout.\n",
         "commentRange": {
-            "start": 464,
-            "end": 465
+            "start": 470,
+            "end": 471
         },
         "context": {
             "type": "variable",
@@ -37169,8 +37319,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 466,
-                "end": 466
+                "start": 472,
+                "end": 472
             }
         },
         "group": [
@@ -37185,8 +37335,8 @@
     {
         "description": "The column gap of the editable Grid stack layout.\n",
         "commentRange": {
-            "start": 467,
-            "end": 468
+            "start": 473,
+            "end": 474
         },
         "context": {
             "type": "variable",
@@ -37194,8 +37344,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 469,
-                "end": 469
+                "start": 475,
+                "end": 475
             }
         },
         "group": [
@@ -37210,8 +37360,8 @@
     {
         "description": "The width of the hierarchy column in the Grid stack layout.\n",
         "commentRange": {
-            "start": 471,
-            "end": 472
+            "start": 477,
+            "end": 478
         },
         "context": {
             "type": "variable",
@@ -37219,8 +37369,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 473,
-                "end": 473
+                "start": 479,
+                "end": 479
             }
         },
         "group": [
@@ -37235,8 +37385,8 @@
     {
         "description": "The font size of the Grid stack layout column header.\n",
         "commentRange": {
-            "start": 475,
-            "end": 476
+            "start": 481,
+            "end": 482
         },
         "context": {
             "type": "variable",
@@ -37244,8 +37394,8 @@
             "value": "var(--kendo-font-size-sm)",
             "scope": "default",
             "line": {
-                "start": 477,
-                "end": 477
+                "start": 483,
+                "end": 483
             }
         },
         "group": [
@@ -37260,8 +37410,8 @@
     {
         "description": "The font weight of the Grid stack layout column header.\n",
         "commentRange": {
-            "start": 478,
-            "end": 479
+            "start": 484,
+            "end": 485
         },
         "context": {
             "type": "variable",
@@ -37269,8 +37419,8 @@
             "value": "var(--kendo-font-weight-bold)",
             "scope": "default",
             "line": {
-                "start": 480,
-                "end": 480
+                "start": 486,
+                "end": 486
             }
         },
         "group": [
@@ -37285,8 +37435,8 @@
     {
         "description": "The height of the Grid stack layout expandable row shadow.\n",
         "commentRange": {
-            "start": 481,
-            "end": 482
+            "start": 487,
+            "end": 488
         },
         "context": {
             "type": "variable",
@@ -37294,8 +37444,8 @@
             "value": "k-spacing(2.5)",
             "scope": "default",
             "line": {
-                "start": 483,
-                "end": 483
+                "start": 489,
+                "end": 489
             }
         },
         "group": [
@@ -37310,8 +37460,8 @@
     {
         "description": "The color of the Grid stack layout column header.\n",
         "commentRange": {
-            "start": 485,
-            "end": 486
+            "start": 491,
+            "end": 492
         },
         "context": {
             "type": "variable",
@@ -37319,8 +37469,8 @@
             "value": "k-color(subtle)",
             "scope": "default",
             "line": {
-                "start": 487,
-                "end": 487
+                "start": 493,
+                "end": 493
             }
         },
         "group": [
@@ -37335,8 +37485,8 @@
     {
         "description": "The outline color of the Grid stack layout focused cell.\n",
         "commentRange": {
-            "start": 488,
-            "end": 489
+            "start": 494,
+            "end": 495
         },
         "context": {
             "type": "variable",
@@ -37344,8 +37494,8 @@
             "value": "color-mix(in srgb, k-color(on-app-surface) 12%, transparent)",
             "scope": "default",
             "line": {
-                "start": 490,
-                "end": 490
+                "start": 496,
+                "end": 496
             }
         },
         "group": [
@@ -37360,8 +37510,8 @@
     {
         "description": "The Grid stack layout expandable row shadow.\n",
         "commentRange": {
-            "start": 491,
-            "end": 492
+            "start": 497,
+            "end": 498
         },
         "context": {
             "type": "variable",
@@ -37369,8 +37519,8 @@
             "value": "k-elevation(2)",
             "scope": "default",
             "line": {
-                "start": 493,
-                "end": 493
+                "start": 499,
+                "end": 499
             }
         },
         "group": [
@@ -37385,8 +37535,8 @@
     {
         "description": "The font weight of the pinned source row in the Grid.\n",
         "commentRange": {
-            "start": 495,
-            "end": 496
+            "start": 501,
+            "end": 502
         },
         "context": {
             "type": "variable",
@@ -37394,8 +37544,8 @@
             "value": "var(--kendo-font-weight-bold)",
             "scope": "default",
             "line": {
-                "start": 497,
-                "end": 497
+                "start": 503,
+                "end": 503
             }
         },
         "group": [
@@ -86568,8 +86718,8 @@
     {
         "description": "The theme colors map of the Button.\n",
         "commentRange": {
-            "start": 108,
-            "end": 109
+            "start": 114,
+            "end": 115
         },
         "context": {
             "type": "variable",
@@ -86577,8 +86727,8 @@
             "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
             "scope": "default",
             "line": {
-                "start": 110,
-                "end": 110
+                "start": 116,
+                "end": 116
             }
         },
         "group": [
@@ -86593,17 +86743,17 @@
     {
         "description": "The sizes map of the Button.\n",
         "commentRange": {
-            "start": 112,
-            "end": 113
+            "start": 118,
+            "end": 119
         },
         "context": {
             "type": "variable",
             "name": "kendo-button-sizes",
-            "value": "(\n    sm: (\n        padding-x: $kendo-button-sm-padding-x,\n        padding-y: $kendo-button-sm-padding-y,\n        font-size: $kendo-button-sm-font-size,\n        line-height: $kendo-button-sm-line-height\n    ),\n    md: (\n        padding-x: $kendo-button-md-padding-x,\n        padding-y: $kendo-button-md-padding-y,\n        font-size: $kendo-button-md-font-size,\n        line-height: $kendo-button-md-line-height\n    ),\n    lg: (\n        padding-x: $kendo-button-lg-padding-x,\n        padding-y: $kendo-button-lg-padding-y,\n        font-size: $kendo-button-lg-font-size,\n        line-height: $kendo-button-lg-line-height\n    )\n)",
+            "value": "(\n    xs: (\n        padding-x: $kendo-button-xs-padding-x,\n        padding-y: $kendo-button-xs-padding-y,\n        font-size: $kendo-button-xs-font-size,\n        line-height: $kendo-button-xs-line-height\n    ),\n    sm: (\n        padding-x: $kendo-button-sm-padding-x,\n        padding-y: $kendo-button-sm-padding-y,\n        font-size: $kendo-button-sm-font-size,\n        line-height: $kendo-button-sm-line-height\n    ),\n    md: (\n        padding-x: $kendo-button-md-padding-x,\n        padding-y: $kendo-button-md-padding-y,\n        font-size: $kendo-button-md-font-size,\n        line-height: $kendo-button-md-line-height\n    ),\n    lg: (\n        padding-x: $kendo-button-lg-padding-x,\n        padding-y: $kendo-button-lg-padding-y,\n        font-size: $kendo-button-lg-font-size,\n        line-height: $kendo-button-lg-line-height\n    )\n)",
             "scope": "default",
             "line": {
-                "start": 114,
-                "end": 133
+                "start": 120,
+                "end": 145
             }
         },
         "group": [
@@ -87051,8 +87201,8 @@
     {
         "description": "The global default Colors map.\n",
         "commentRange": {
-            "start": 174,
-            "end": 423
+            "start": 193,
+            "end": 447
         },
         "context": {
             "type": "variable",
@@ -87060,8 +87210,8 @@
             "value": "$default-colors",
             "scope": "default",
             "line": {
-                "start": 424,
-                "end": 424
+                "start": 448,
+                "end": 448
             }
         },
         "group": [
@@ -87257,6 +87407,13 @@
                 ],
                 "description": "The Inverse variable group."
             },
+            {
+                "name": "series",
+                "value": [
+                    "series"
+                ],
+                "description": "The Series base variable group."
+            },
             {
                 "name": "series-a",
                 "value": [
@@ -87910,6 +88067,11 @@
                 "name": "inverse-on-surface",
                 "description": "The text color variable for content on surface."
             },
+            {
+                "type": "Color",
+                "name": "series",
+                "description": "The base series color variable."
+            },
             {
                 "type": "Color",
                 "name": "series-a",
@@ -88601,319 +88763,44 @@
         }
     },
     {
-        "description": "The Gray Palette provides colors to the Base, Secondary, Light, Dark, and Inverse variable groups.\n",
+        "description": "The base border radius used across the Components.\n",
         "commentRange": {
-            "start": 223,
-            "end": 224
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-gray",
-            "value": "$_default-palette-gray",
-            "scope": "default",
-            "line": {
-                "start": 225,
-                "end": 225
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Coral Palette provides colors to the Primary and Series A variable groups.\n",
-        "commentRange": {
-            "start": 228,
-            "end": 229
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-coral",
-            "value": "$_default-palette-coral",
-            "scope": "default",
-            "line": {
-                "start": 230,
-                "end": 230
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Sky Blue Palette provides colors to the Tertiary variable group.\n",
-        "commentRange": {
-            "start": 233,
-            "end": 234
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-sky-blue",
-            "value": "$_default-palette-sky-blue",
-            "scope": "default",
-            "line": {
-                "start": 235,
-                "end": 235
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Green Palette provides colors to the Success variable group.\n",
-        "commentRange": {
-            "start": 238,
-            "end": 239
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-green",
-            "value": "$_default-palette-green",
-            "scope": "default",
-            "line": {
-                "start": 240,
-                "end": 240
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Blue Palette provides colors to the Info variable group.\n",
-        "commentRange": {
-            "start": 243,
-            "end": 244
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-blue",
-            "value": "$_default-palette-blue",
-            "scope": "default",
-            "line": {
-                "start": 245,
-                "end": 245
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Yellow Palette provides colors to the Warning variable group.\n",
-        "commentRange": {
-            "start": 248,
-            "end": 249
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-yellow",
-            "value": "$_default-palette-yellow",
-            "scope": "default",
-            "line": {
-                "start": 250,
-                "end": 250
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Red Palette provides colors to the Error variable group.\n",
-        "commentRange": {
-            "start": 253,
-            "end": 254
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-red",
-            "value": "$_default-palette-red",
-            "scope": "default",
-            "line": {
-                "start": 255,
-                "end": 255
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Lemon Yellow Palette provides colors to the Series B variable group.\n",
-        "commentRange": {
-            "start": 258,
-            "end": 259
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-lemon-yellow",
-            "value": "$_default-palette-lemon-yellow",
-            "scope": "default",
-            "line": {
-                "start": 260,
-                "end": 260
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Spring Green Palette provides colors to the Series C variable group.\n",
-        "commentRange": {
-            "start": 263,
-            "end": 264
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-spring-green",
-            "value": "$_default-palette-spring-green",
-            "scope": "default",
-            "line": {
-                "start": 265,
-                "end": 265
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Royal Blue Palette provides colors to the Series D variable group.\n",
-        "commentRange": {
-            "start": 268,
-            "end": 269
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-royal-blue",
-            "value": "$_default-palette-royal-blue",
-            "scope": "default",
-            "line": {
-                "start": 270,
-                "end": 270
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Lavender Purple Palette provides colors to the Series E variable group.\n",
-        "commentRange": {
-            "start": 273,
-            "end": 274
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-lavender-purple",
-            "value": "$_default-palette-lavender-purple",
-            "scope": "default",
-            "line": {
-                "start": 275,
-                "end": 275
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Flamingo Pink Palette provides colors to the Series F variable group.\n",
-        "commentRange": {
-            "start": 278,
-            "end": 279
+            "start": 3,
+            "end": 4
         },
         "context": {
             "type": "variable",
-            "name": "kendo-palette-flamingo-pink",
-            "value": "$_default-palette-flamingo-pink",
+            "name": "kendo-border-radius-base",
+            "value": ".25rem",
             "scope": "default",
             "line": {
-                "start": 280,
-                "end": 280
+                "start": 5,
+                "end": 5
             }
         },
         "group": [
-            "palette"
+            "radii"
         ],
         "access": "public",
         "file": {
-            "path": "core/scss/color-system/_palettes.scss",
-            "name": "_palettes.scss"
+            "path": "core/scss/border-radii/index.scss",
+            "name": "index.scss"
         }
     },
     {
         "description": "The none border radius used across the Components.\n",
         "commentRange": {
-            "start": 4,
-            "end": 5
+            "start": 7,
+            "end": 8
         },
         "context": {
             "type": "variable",
             "name": "kendo-border-radius-none",
-            "value": "map.get($kendo-spacing, 0)",
+            "value": "0px",
             "scope": "default",
             "line": {
-                "start": 6,
-                "end": 6
+                "start": 9,
+                "end": 9
             }
         },
         "group": [
@@ -88928,17 +88815,17 @@
     {
         "description": "The extra small border radius used across the Components.\n",
         "commentRange": {
-            "start": 7,
-            "end": 8
+            "start": 10,
+            "end": 11
         },
         "context": {
             "type": "variable",
             "name": "kendo-border-radius-xs",
-            "value": "map.get($kendo-spacing, 1px)",
+            "value": "calc(var(--kendo-border-radius-base) * .25)",
             "scope": "default",
             "line": {
-                "start": 9,
-                "end": 9
+                "start": 12,
+                "end": 12
             }
         },
         "group": [
@@ -88953,17 +88840,17 @@
     {
         "description": "The small border radius used across the Components.\n",
         "commentRange": {
-            "start": 10,
-            "end": 11
+            "start": 13,
+            "end": 14
         },
         "context": {
             "type": "variable",
             "name": "kendo-border-radius-sm",
-            "value": "map.get($kendo-spacing, 0.5)",
+            "value": "calc(var(--kendo-border-radius-base) * .5)",
             "scope": "default",
             "line": {
-                "start": 12,
-                "end": 12
+                "start": 15,
+                "end": 15
             }
         },
         "group": [
@@ -88978,17 +88865,17 @@
     {
         "description": "The medium border radius used across the Components.\n",
         "commentRange": {
-            "start": 13,
-            "end": 14
+            "start": 16,
+            "end": 17
         },
         "context": {
             "type": "variable",
             "name": "kendo-border-radius-md",
-            "value": "map.get($kendo-spacing, 1)",
+            "value": "var(--kendo-border-radius-base)",
             "scope": "default",
             "line": {
-                "start": 15,
-                "end": 15
+                "start": 18,
+                "end": 18
             }
         },
         "group": [
@@ -89003,17 +88890,17 @@
     {
         "description": "The large border radius used across the Components.\n",
         "commentRange": {
-            "start": 16,
-            "end": 17
+            "start": 19,
+            "end": 20
         },
         "context": {
             "type": "variable",
             "name": "kendo-border-radius-lg",
-            "value": "map.get($kendo-spacing, 1.5)",
+            "value": "calc(var(--kendo-border-radius-base) * 1.5)",
             "scope": "default",
             "line": {
-                "start": 18,
-                "end": 18
+                "start": 21,
+                "end": 21
             }
         },
         "group": [
@@ -89028,17 +88915,17 @@
     {
         "description": "The extra large border radius used across the Components.\n",
         "commentRange": {
-            "start": 19,
-            "end": 20
+            "start": 22,
+            "end": 23
         },
         "context": {
             "type": "variable",
             "name": "kendo-border-radius-xl",
-            "value": "map.get($kendo-spacing, 2)",
+            "value": "calc(var(--kendo-border-radius-base) * 2)",
             "scope": "default",
             "line": {
-                "start": 21,
-                "end": 21
+                "start": 24,
+                "end": 24
             }
         },
         "group": [
@@ -89053,17 +88940,17 @@
     {
         "description": "The third largest border radius used across the Components.\n",
         "commentRange": {
-            "start": 22,
-            "end": 23
+            "start": 25,
+            "end": 26
         },
         "context": {
             "type": "variable",
             "name": "kendo-border-radius-xxl",
-            "value": "map.get($kendo-spacing, 3)",
+            "value": "calc(var(--kendo-border-radius-base) * 3)",
             "scope": "default",
             "line": {
-                "start": 24,
-                "end": 24
+                "start": 27,
+                "end": 27
             }
         },
         "group": [
@@ -89078,17 +88965,17 @@
     {
         "description": "The second largest border radius used across the Components.\n",
         "commentRange": {
-            "start": 25,
-            "end": 26
+            "start": 28,
+            "end": 29
         },
         "context": {
             "type": "variable",
             "name": "kendo-border-radius-xxxl",
-            "value": "map.get($kendo-spacing, 4)",
+            "value": "calc(var(--kendo-border-radius-base) * 4)",
             "scope": "default",
             "line": {
-                "start": 27,
-                "end": 27
+                "start": 30,
+                "end": 30
             }
         },
         "group": [
@@ -89103,17 +88990,17 @@
     {
         "description": "The largest border radius used across the Components.\n",
         "commentRange": {
-            "start": 28,
-            "end": 29
+            "start": 31,
+            "end": 32
         },
         "context": {
             "type": "variable",
             "name": "kendo-border-radius-full",
-            "value": "9999px",
+            "value": "calc(var(--kendo-border-radius-base) * 9999)",
             "scope": "default",
             "line": {
-                "start": 30,
-                "end": 30
+                "start": 33,
+                "end": 33
             }
         },
         "group": [
@@ -89128,8 +89015,8 @@
     {
         "description": "The global radii Map.\n",
         "commentRange": {
-            "start": 46,
-            "end": 47
+            "start": 49,
+            "end": 50
         },
         "context": {
             "type": "variable",
@@ -89137,8 +89024,8 @@
             "value": "$default-border-radii",
             "scope": "default",
             "line": {
-                "start": 48,
-                "end": 48
+                "start": 51,
+                "end": 51
             }
         },
         "group": [
@@ -89250,11 +89137,36 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The base spacing step used to generate the Spacing map.\n",
+        "commentRange": {
+            "start": 4,
+            "end": 5
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-spacing-base",
+            "value": "0.25rem",
+            "scope": "default",
+            "line": {
+                "start": 6,
+                "end": 6
+            }
+        },
+        "group": [
+            "spacing"
+        ],
+        "access": "public",
+        "file": {
+            "path": "core/scss/spacing/index.scss",
+            "name": "index.scss"
+        }
+    },
     {
         "description": "The global default Spacing map.\n",
         "commentRange": {
-            "start": 47,
-            "end": 48
+            "start": 45,
+            "end": 46
         },
         "context": {
             "type": "variable",
@@ -89262,8 +89174,8 @@
             "value": "$default-spacing",
             "scope": "default",
             "line": {
-                "start": 49,
-                "end": 49
+                "start": 47,
+                "end": 47
             }
         },
         "group": [