npm - @progress/kendo-theme-bootstrap - Versions diffs - 13.1.2-dev.0 → 13.2.0-dev.1 - Mend

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

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 (50) hide show

package/dist/all.css +1 -1
package/dist/bootstrap-3-dark.css +1 -1
package/dist/bootstrap-3-dark.scss +118 -118
package/dist/bootstrap-3.css +1 -1
package/dist/bootstrap-3.scss +106 -106
package/dist/bootstrap-4-dark.css +1 -1
package/dist/bootstrap-4-dark.scss +117 -117
package/dist/bootstrap-4.css +1 -1
package/dist/bootstrap-4.scss +105 -105
package/dist/bootstrap-dataviz-v4.css +1 -1
package/dist/bootstrap-dataviz-v4.scss +30 -30
package/dist/bootstrap-main-dark.css +1 -1
package/dist/bootstrap-main-dark.scss +147 -147
package/dist/bootstrap-main.css +1 -1
package/dist/bootstrap-nordic.css +1 -1
package/dist/bootstrap-nordic.scss +105 -105
package/dist/bootstrap-turquoise-dark.css +1 -1
package/dist/bootstrap-turquoise-dark.scss +117 -117
package/dist/bootstrap-turquoise.css +1 -1
package/dist/bootstrap-turquoise.scss +105 -105
package/dist/bootstrap-urban.css +1 -1
package/dist/bootstrap-urban.scss +105 -105
package/dist/bootstrap-vintage.css +1 -1
package/dist/bootstrap-vintage.scss +105 -105
package/dist/meta/sassdoc-data.json +2754 -3598
package/dist/meta/sassdoc-raw-data.json +1303 -1516
package/dist/meta/variables.json +492 -761
package/lib/swatches/bootstrap-3-dark.json +124 -124
package/lib/swatches/bootstrap-3.json +112 -112
package/lib/swatches/bootstrap-4-dark.json +123 -123
package/lib/swatches/bootstrap-4.json +111 -111
package/lib/swatches/bootstrap-dataviz-v4.json +36 -36
package/lib/swatches/bootstrap-main-dark.json +153 -153
package/lib/swatches/bootstrap-main.json +6 -6
package/lib/swatches/bootstrap-nordic.json +111 -111
package/lib/swatches/bootstrap-turquoise-dark.json +123 -123
package/lib/swatches/bootstrap-turquoise.json +111 -111
package/lib/swatches/bootstrap-urban.json +111 -111
package/lib/swatches/bootstrap-vintage.json +111 -111
package/package.json +4 -4
package/scss/button/_variables.scss +20 -0
package/scss/core/_index.scss +7 -0
package/scss/core/border-radii/index.scss +11 -12
package/scss/core/color-system/_swatch.scss +177 -158
package/scss/core/spacing/index.scss +36 -38
package/scss/core/typography/index.scss +74 -3
package/scss/dataviz/_variables.scss +1 -1
package/scss/grid/_theme.scss +1 -0
package/scss/grid/_variables.scss +11 -3
package/scss/core/color-system/_palettes.scss +0 -195

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

@@ -6548,15 +6548,15 @@
         }
     },
     {
-        "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",
-            "value": "k-spacing(2)",
+            "name": "kendo-button-xs-padding-x",
+            "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
                 "start": 34,
@@ -6573,15 +6573,15 @@
         }
     },
     {
-        "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",
-            "value": "k-spacing(3)",
+            "name": "kendo-button-sm-padding-x",
+            "value": "k-spacing(2)",
             "scope": "default",
             "line": {
                 "start": 37,
@@ -6598,15 +6598,15 @@
         }
     },
     {
-        "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",
-            "value": "k-spacing(4)",
+            "name": "kendo-button-md-padding-x",
+            "value": "k-spacing(3)",
             "scope": "default",
             "line": {
                 "start": 40,
@@ -6622,11 +6622,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(4)",
+            "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",
@@ -6634,8 +6684,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 44,
-                "end": 44
+                "start": 50,
+                "end": 50
             }
         },
         "group": [
@@ -6650,8 +6700,8 @@
     {
         "description": "The vertical padding of the medium Button.\n",
         "commentRange": {
-            "start": 45,
-            "end": 46
+            "start": 51,
+            "end": 52
         },
         "context": {
             "type": "variable",
@@ -6659,8 +6709,8 @@
             "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
-                "start": 47,
-                "end": 47
+                "start": 53,
+                "end": 53
             }
         },
         "group": [
@@ -6675,8 +6725,8 @@
     {
         "description": "The vertical padding of the large Button.\n",
         "commentRange": {
-            "start": 48,
-            "end": 49
+            "start": 54,
+            "end": 55
         },
         "context": {
             "type": "variable",
@@ -6684,8 +6734,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 50,
-                "end": 50
+                "start": 56,
+                "end": 56
             }
         },
         "group": [
@@ -6700,8 +6750,8 @@
     {
         "description": "The font family of the Button.\n",
         "commentRange": {
-            "start": 52,
-            "end": 53
+            "start": 58,
+            "end": 59
         },
         "context": {
             "type": "variable",
@@ -6709,8 +6759,8 @@
             "value": "var(--kendo-font-family)",
             "scope": "default",
             "line": {
-                "start": 54,
-                "end": 54
+                "start": 60,
+                "end": 60
             }
         },
         "group": [
@@ -6725,8 +6775,8 @@
     {
         "description": "The font weight of the Button.\n",
         "commentRange": {
-            "start": 55,
-            "end": 56
+            "start": 61,
+            "end": 62
         },
         "context": {
             "type": "variable",
@@ -6734,8 +6784,8 @@
             "value": "var(--kendo-font-weight-normal)",
             "scope": "default",
             "line": {
-                "start": 57,
-                "end": 57
+                "start": 63,
+                "end": 63
             }
         },
         "group": [
@@ -6750,8 +6800,8 @@
     {
         "description": "The font size of the Button.\n",
         "commentRange": {
-            "start": 59,
-            "end": 60
+            "start": 65,
+            "end": 66
         },
         "context": {
             "type": "variable",
@@ -6759,8 +6809,33 @@
             "value": "$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-sm)",
+            "scope": "default",
+            "line": {
+                "start": 70,
+                "end": 70
             }
         },
         "group": [
@@ -6775,8 +6850,8 @@
     {
         "description": "The font size of the small Button.\n",
         "commentRange": {
-            "start": 62,
-            "end": 63
+            "start": 71,
+            "end": 72
         },
         "context": {
             "type": "variable",
@@ -6784,8 +6859,8 @@
             "value": "var(--kendo-font-size-sm)",
             "scope": "default",
             "line": {
-                "start": 64,
-                "end": 64
+                "start": 73,
+                "end": 73
             }
         },
         "group": [
@@ -6800,8 +6875,8 @@
     {
         "description": "The font size of the medium Button.\n",
         "commentRange": {
-            "start": 65,
-            "end": 66
+            "start": 74,
+            "end": 75
         },
         "context": {
             "type": "variable",
@@ -6809,8 +6884,8 @@
             "value": "var(--kendo-font-size)",
             "scope": "default",
             "line": {
-                "start": 67,
-                "end": 67
+                "start": 76,
+                "end": 76
             }
         },
         "group": [
@@ -6825,8 +6900,8 @@
     {
         "description": "The font size of the large Button.\n",
         "commentRange": {
-            "start": 68,
-            "end": 69
+            "start": 77,
+            "end": 78
         },
         "context": {
             "type": "variable",
@@ -6834,8 +6909,8 @@
             "value": "var(--kendo-font-size-lg)",
             "scope": "default",
             "line": {
-                "start": 70,
-                "end": 70
+                "start": 79,
+                "end": 79
             }
         },
         "group": [
@@ -6850,8 +6925,8 @@
     {
         "description": "The line height used along with the $kendo-font-size variable.\n",
         "commentRange": {
-            "start": 72,
-            "end": 73
+            "start": 81,
+            "end": 82
         },
         "context": {
             "type": "variable",
@@ -6859,8 +6934,33 @@
             "value": "$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 variable of the xsmall Button.\n",
+        "commentRange": {
+            "start": 84,
+            "end": 85
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-button-xs-line-height",
+            "value": "math.div( 20, 14 )",
+            "scope": "default",
+            "line": {
+                "start": 86,
+                "end": 86
             }
         },
         "group": [
@@ -6875,8 +6975,8 @@
     {
         "description": "The line height used along with the $kendo-font-size variable of the small Button.\n",
         "commentRange": {
-            "start": 75,
-            "end": 76
+            "start": 87,
+            "end": 88
         },
         "context": {
             "type": "variable",
@@ -6884,8 +6984,8 @@
             "value": "math.div( 20, 14 )",
             "scope": "default",
             "line": {
-                "start": 77,
-                "end": 77
+                "start": 89,
+                "end": 89
             }
         },
         "group": [
@@ -6900,8 +7000,8 @@
     {
         "description": "The line height used along with the $kendo-font-size variable of the medium Button.\n",
         "commentRange": {
-            "start": 78,
-            "end": 79
+            "start": 90,
+            "end": 91
         },
         "context": {
             "type": "variable",
@@ -6909,8 +7009,8 @@
             "value": "var(--kendo-line-height)",
             "scope": "default",
             "line": {
-                "start": 80,
-                "end": 80
+                "start": 92,
+                "end": 92
             }
         },
         "group": [
@@ -6925,8 +7025,8 @@
     {
         "description": "The line height used along with the $kendo-font-size variable of the large Button.\n",
         "commentRange": {
-            "start": 81,
-            "end": 82
+            "start": 93,
+            "end": 94
         },
         "context": {
             "type": "variable",
@@ -6934,8 +7034,8 @@
             "value": "var(--kendo-line-height)",
             "scope": "default",
             "line": {
-                "start": 83,
-                "end": 83
+                "start": 95,
+                "end": 95
             }
         },
         "group": [
@@ -6950,8 +7050,8 @@
     {
         "description": "The base background of the Button.\n",
         "commentRange": {
-            "start": 94,
-            "end": 95
+            "start": 108,
+            "end": 109
         },
         "context": {
             "type": "variable",
@@ -6959,8 +7059,8 @@
             "value": "k-color(base)",
             "scope": "default",
             "line": {
-                "start": 96,
-                "end": 96
+                "start": 110,
+                "end": 110
             }
         },
         "group": [
@@ -6975,8 +7075,8 @@
     {
         "description": "The base text color of the Button.\n",
         "commentRange": {
-            "start": 97,
-            "end": 98
+            "start": 111,
+            "end": 112
         },
         "context": {
             "type": "variable",
@@ -6984,8 +7084,8 @@
             "value": "k-color(on-base)",
             "scope": "default",
             "line": {
-                "start": 99,
-                "end": 99
+                "start": 113,
+                "end": 113
             }
         },
         "group": [
@@ -7000,8 +7100,8 @@
     {
         "description": "The base border color of the Button.\n",
         "commentRange": {
-            "start": 100,
-            "end": 101
+            "start": 114,
+            "end": 115
         },
         "context": {
             "type": "variable",
@@ -7009,8 +7109,8 @@
             "value": "$kendo-button-bg",
             "scope": "default",
             "line": {
-                "start": 102,
-                "end": 102
+                "start": 116,
+                "end": 116
             }
         },
         "group": [
@@ -7025,8 +7125,8 @@
     {
         "description": "The base background gradient of the Button.\n",
         "commentRange": {
-            "start": 103,
-            "end": 104
+            "start": 117,
+            "end": 118
         },
         "context": {
             "type": "variable",
@@ -7034,8 +7134,8 @@
             "value": "none",
             "scope": "default",
             "line": {
-                "start": 105,
-                "end": 105
+                "start": 119,
+                "end": 119
             }
         },
         "group": [
@@ -7050,8 +7150,8 @@
     {
         "description": "The base shadow of the Button.\n",
         "commentRange": {
-            "start": 106,
-            "end": 107
+            "start": 120,
+            "end": 121
         },
         "context": {
             "type": "variable",
@@ -7059,8 +7159,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 108,
-                "end": 108
+                "start": 122,
+                "end": 122
             }
         },
         "group": [
@@ -7075,8 +7175,8 @@
     {
         "description": "The base background of the hovered Button.\n",
         "commentRange": {
-            "start": 110,
-            "end": 111
+            "start": 124,
+            "end": 125
         },
         "context": {
             "type": "variable",
@@ -7084,8 +7184,8 @@
             "value": "k-color(base-hover)",
             "scope": "default",
             "line": {
-                "start": 112,
-                "end": 112
+                "start": 126,
+                "end": 126
             }
         },
         "group": [
@@ -7100,8 +7200,8 @@
     {
         "description": "The base text color of the hovered Button.\n",
         "commentRange": {
-            "start": 113,
-            "end": 114
+            "start": 127,
+            "end": 128
         },
         "context": {
             "type": "variable",
@@ -7109,8 +7209,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 115,
-                "end": 115
+                "start": 129,
+                "end": 129
             }
         },
         "group": [
@@ -7125,8 +7225,8 @@
     {
         "description": "The base border color of the hovered Button.\n",
         "commentRange": {
-            "start": 116,
-            "end": 117
+            "start": 130,
+            "end": 131
         },
         "context": {
             "type": "variable",
@@ -7134,8 +7234,8 @@
             "value": "k-color(base-hover)",
             "scope": "default",
             "line": {
-                "start": 118,
-                "end": 118
+                "start": 132,
+                "end": 132
             }
         },
         "group": [
@@ -7150,8 +7250,8 @@
     {
         "description": "The base background gradient of the hovered Button.\n",
         "commentRange": {
-            "start": 119,
-            "end": 120
+            "start": 133,
+            "end": 134
         },
         "context": {
             "type": "variable",
@@ -7159,8 +7259,8 @@
             "value": "none",
             "scope": "default",
             "line": {
-                "start": 121,
-                "end": 121
+                "start": 135,
+                "end": 135
             }
         },
         "group": [
@@ -7175,8 +7275,8 @@
     {
         "description": "The base shadow of the hovered Button.\n",
         "commentRange": {
-            "start": 122,
-            "end": 123
+            "start": 136,
+            "end": 137
         },
         "context": {
             "type": "variable",
@@ -7184,8 +7284,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 124,
-                "end": 124
+                "start": 138,
+                "end": 138
             }
         },
         "group": [
@@ -7200,8 +7300,8 @@
     {
         "description": "The base background color of the active Button.\n",
         "commentRange": {
-            "start": 126,
-            "end": 127
+            "start": 140,
+            "end": 141
         },
         "context": {
             "type": "variable",
@@ -7209,8 +7309,8 @@
             "value": "k-color(base-active)",
             "scope": "default",
             "line": {
-                "start": 128,
-                "end": 128
+                "start": 142,
+                "end": 142
             }
         },
         "group": [
@@ -7225,8 +7325,8 @@
     {
         "description": "The base text color of the active Button.\n",
         "commentRange": {
-            "start": 129,
-            "end": 130
+            "start": 143,
+            "end": 144
         },
         "context": {
             "type": "variable",
@@ -7234,8 +7334,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 131,
-                "end": 131
+                "start": 145,
+                "end": 145
             }
         },
         "group": [
@@ -7250,8 +7350,8 @@
     {
         "description": "The base border color of the active Button.\n",
         "commentRange": {
-            "start": 132,
-            "end": 133
+            "start": 146,
+            "end": 147
         },
         "context": {
             "type": "variable",
@@ -7259,8 +7359,8 @@
             "value": "k-color(base-active)",
             "scope": "default",
             "line": {
-                "start": 134,
-                "end": 134
+                "start": 148,
+                "end": 148
             }
         },
         "group": [
@@ -7275,8 +7375,8 @@
     {
         "description": "The base background gradient of the active Button.\n",
         "commentRange": {
-            "start": 135,
-            "end": 136
+            "start": 149,
+            "end": 150
         },
         "context": {
             "type": "variable",
@@ -7284,8 +7384,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 137,
-                "end": 137
+                "start": 151,
+                "end": 151
             }
         },
         "group": [
@@ -7300,8 +7400,8 @@
     {
         "description": "The base shadow of the active Button.\n",
         "commentRange": {
-            "start": 138,
-            "end": 139
+            "start": 152,
+            "end": 153
         },
         "context": {
             "type": "variable",
@@ -7309,8 +7409,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 140,
-                "end": 140
+                "start": 154,
+                "end": 154
             }
         },
         "group": [
@@ -7325,8 +7425,8 @@
     {
         "description": "The base background color of the selected Button.\n",
         "commentRange": {
-            "start": 142,
-            "end": 143
+            "start": 156,
+            "end": 157
         },
         "context": {
             "type": "variable",
@@ -7334,8 +7434,8 @@
             "value": "k-color(primary-active)",
             "scope": "default",
             "line": {
-                "start": 144,
-                "end": 144
+                "start": 158,
+                "end": 158
             }
         },
         "group": [
@@ -7350,8 +7450,8 @@
     {
         "description": "The text color of the selected Button.\n",
         "commentRange": {
-            "start": 145,
-            "end": 146
+            "start": 159,
+            "end": 160
         },
         "context": {
             "type": "variable",
@@ -7359,8 +7459,8 @@
             "value": "k-color(on-primary)",
             "scope": "default",
             "line": {
-                "start": 147,
-                "end": 147
+                "start": 161,
+                "end": 161
             }
         },
         "group": [
@@ -7375,8 +7475,8 @@
     {
         "description": "The border color of the selected Button.\n",
         "commentRange": {
-            "start": 148,
-            "end": 149
+            "start": 162,
+            "end": 163
         },
         "context": {
             "type": "variable",
@@ -7384,8 +7484,8 @@
             "value": "k-color(primary-active)",
             "scope": "default",
             "line": {
-                "start": 150,
-                "end": 150
+                "start": 164,
+                "end": 164
             }
         },
         "group": [
@@ -7400,8 +7500,8 @@
     {
         "description": "The background gradient of the selected Button.\n",
         "commentRange": {
-            "start": 151,
-            "end": 152
+            "start": 165,
+            "end": 166
         },
         "context": {
             "type": "variable",
@@ -7409,8 +7509,8 @@
             "value": "$kendo-button-active-gradient",
             "scope": "default",
             "line": {
-                "start": 153,
-                "end": 153
+                "start": 167,
+                "end": 167
             }
         },
         "group": [
@@ -7425,8 +7525,8 @@
     {
         "description": "The base shadow of the selected Button.\n",
         "commentRange": {
-            "start": 154,
-            "end": 155
+            "start": 168,
+            "end": 169
         },
         "context": {
             "type": "variable",
@@ -7434,8 +7534,8 @@
             "value": "$kendo-button-active-shadow",
             "scope": "default",
             "line": {
-                "start": 156,
-                "end": 156
+                "start": 170,
+                "end": 170
             }
         },
         "group": [
@@ -7450,8 +7550,8 @@
     {
         "description": "The base shadow of the focused Button.\n",
         "commentRange": {
-            "start": 158,
-            "end": 159
+            "start": 172,
+            "end": 173
         },
         "context": {
             "type": "variable",
@@ -7459,8 +7559,8 @@
             "value": "0 0 0 .25rem color-mix(in srgb, k-color(border) 50%, transparent)",
             "scope": "default",
             "line": {
-                "start": 160,
-                "end": 160
+                "start": 174,
+                "end": 174
             }
         },
         "group": [
@@ -7475,8 +7575,8 @@
     {
         "description": "The base background of the disabled Button.\n",
         "commentRange": {
-            "start": 162,
-            "end": 163
+            "start": 176,
+            "end": 177
         },
         "context": {
             "type": "variable",
@@ -7484,8 +7584,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 164,
-                "end": 164
+                "start": 178,
+                "end": 178
             }
         },
         "group": [
@@ -7500,8 +7600,8 @@
     {
         "description": "The base text color of the disabled Button.\n",
         "commentRange": {
-            "start": 165,
-            "end": 166
+            "start": 179,
+            "end": 180
         },
         "context": {
             "type": "variable",
@@ -7509,8 +7609,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 167,
-                "end": 167
+                "start": 181,
+                "end": 181
             }
         },
         "group": [
@@ -7525,8 +7625,8 @@
     {
         "description": "The base border color of the disabled Button.\n",
         "commentRange": {
-            "start": 168,
-            "end": 169
+            "start": 182,
+            "end": 183
         },
         "context": {
             "type": "variable",
@@ -7534,8 +7634,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 170,
-                "end": 170
+                "start": 184,
+                "end": 184
             }
         },
         "group": [
@@ -7550,8 +7650,8 @@
     {
         "description": "The base background gradient of the disabled Button.\n",
         "commentRange": {
-            "start": 171,
-            "end": 172
+            "start": 185,
+            "end": 186
         },
         "context": {
             "type": "variable",
@@ -7559,8 +7659,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 173,
-                "end": 173
+                "start": 187,
+                "end": 187
             }
         },
         "group": [
@@ -7575,8 +7675,8 @@
     {
         "description": "The base shadow of the disabled Button.\n",
         "commentRange": {
-            "start": 174,
-            "end": 175
+            "start": 188,
+            "end": 189
         },
         "context": {
             "type": "variable",
@@ -7584,8 +7684,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 176,
-                "end": 176
+                "start": 190,
+                "end": 190
             }
         },
         "group": [
@@ -7600,8 +7700,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",
@@ -7609,8 +7709,8 @@
             "value": ".4",
             "scope": "default",
             "line": {
-                "start": 180,
-                "end": 180
+                "start": 194,
+                "end": 194
             }
         },
         "group": [
@@ -7625,8 +7725,8 @@
     {
         "description": "The gradient of the solid Button.\n",
         "commentRange": {
-            "start": 183,
-            "end": 184
+            "start": 197,
+            "end": 198
         },
         "context": {
             "type": "variable",
@@ -7634,8 +7734,8 @@
             "value": "none",
             "scope": "default",
             "line": {
-                "start": 185,
-                "end": 185
+                "start": 199,
+                "end": 199
             }
         },
         "group": [
@@ -7650,8 +7750,8 @@
     {
         "description": "The shadow of the solid Button.\n",
         "commentRange": {
-            "start": 186,
-            "end": 187
+            "start": 200,
+            "end": 201
         },
         "context": {
             "type": "variable",
@@ -7659,8 +7759,8 @@
             "value": "true",
             "scope": "default",
             "line": {
-                "start": 188,
-                "end": 188
+                "start": 202,
+                "end": 202
             }
         },
         "group": [
@@ -7675,8 +7775,8 @@
     {
         "description": "The shadow blur of the solid Button.\n",
         "commentRange": {
-            "start": 189,
-            "end": 190
+            "start": 203,
+            "end": 204
         },
         "context": {
             "type": "variable",
@@ -7684,8 +7784,8 @@
             "value": "0px",
             "scope": "default",
             "line": {
-                "start": 191,
-                "end": 191
+                "start": 205,
+                "end": 205
             }
         },
         "group": [
@@ -7700,8 +7800,8 @@
     {
         "description": "The shadow spread of the solid Button.\n",
         "commentRange": {
-            "start": 192,
-            "end": 193
+            "start": 206,
+            "end": 207
         },
         "context": {
             "type": "variable",
@@ -7709,8 +7809,8 @@
             "value": ".25rem",
             "scope": "default",
             "line": {
-                "start": 194,
-                "end": 194
+                "start": 208,
+                "end": 208
             }
         },
         "group": [
@@ -7725,8 +7825,8 @@
     {
         "description": "The shadow opacity of the solid Button.\n",
         "commentRange": {
-            "start": 195,
-            "end": 196
+            "start": 209,
+            "end": 210
         },
         "context": {
             "type": "variable",
@@ -7734,8 +7834,8 @@
             "value": ".5",
             "scope": "default",
             "line": {
-                "start": 197,
-                "end": 197
+                "start": 211,
+                "end": 211
             }
         },
         "group": [
@@ -7750,8 +7850,8 @@
     {
         "description": "The shadow of the outline Button.\n",
         "commentRange": {
-            "start": 200,
-            "end": 201
+            "start": 214,
+            "end": 215
         },
         "context": {
             "type": "variable",
@@ -7759,8 +7859,8 @@
             "value": "true",
             "scope": "default",
             "line": {
-                "start": 202,
-                "end": 202
+                "start": 216,
+                "end": 216
             }
         },
         "group": [
@@ -7775,8 +7875,8 @@
     {
         "description": "The shadow blur of the outline Button.\n",
         "commentRange": {
-            "start": 203,
-            "end": 204
+            "start": 217,
+            "end": 218
         },
         "context": {
             "type": "variable",
@@ -7784,8 +7884,8 @@
             "value": "0px",
             "scope": "default",
             "line": {
-                "start": 205,
-                "end": 205
+                "start": 219,
+                "end": 219
             }
         },
         "group": [
@@ -7800,8 +7900,8 @@
     {
         "description": "The shadow spread of the outline Button.\n",
         "commentRange": {
-            "start": 206,
-            "end": 207
+            "start": 220,
+            "end": 221
         },
         "context": {
             "type": "variable",
@@ -7809,8 +7909,8 @@
             "value": ".25rem",
             "scope": "default",
             "line": {
-                "start": 208,
-                "end": 208
+                "start": 222,
+                "end": 222
             }
         },
         "group": [
@@ -7825,8 +7925,8 @@
     {
         "description": "The shadow opacity of the outline Button.\n",
         "commentRange": {
-            "start": 209,
-            "end": 210
+            "start": 223,
+            "end": 224
         },
         "context": {
             "type": "variable",
@@ -7834,8 +7934,8 @@
             "value": ".5",
             "scope": "default",
             "line": {
-                "start": 211,
-                "end": 211
+                "start": 225,
+                "end": 225
             }
         },
         "group": [
@@ -7850,8 +7950,8 @@
     {
         "description": "The shadow of the link Button.\n",
         "commentRange": {
-            "start": 214,
-            "end": 215
+            "start": 228,
+            "end": 229
         },
         "context": {
             "type": "variable",
@@ -7859,8 +7959,8 @@
             "value": "true",
             "scope": "default",
             "line": {
-                "start": 216,
-                "end": 216
+                "start": 230,
+                "end": 230
             }
         },
         "group": [
@@ -7875,8 +7975,8 @@
     {
         "description": "The shadow blur of the link Button.\n",
         "commentRange": {
-            "start": 217,
-            "end": 218
+            "start": 231,
+            "end": 232
         },
         "context": {
             "type": "variable",
@@ -7884,8 +7984,8 @@
             "value": "0px",
             "scope": "default",
             "line": {
-                "start": 219,
-                "end": 219
+                "start": 233,
+                "end": 233
             }
         },
         "group": [
@@ -7900,8 +8000,8 @@
     {
         "description": "The shadow spread of the link Button.\n",
         "commentRange": {
-            "start": 220,
-            "end": 221
+            "start": 234,
+            "end": 235
         },
         "context": {
             "type": "variable",
@@ -7909,8 +8009,8 @@
             "value": ".25rem",
             "scope": "default",
             "line": {
-                "start": 222,
-                "end": 222
+                "start": 236,
+                "end": 236
             }
         },
         "group": [
@@ -7925,8 +8025,8 @@
     {
         "description": "The shadow opacity of the link Button.\n",
         "commentRange": {
-            "start": 223,
-            "end": 224
+            "start": 237,
+            "end": 238
         },
         "context": {
             "type": "variable",
@@ -7934,8 +8034,8 @@
             "value": ".5",
             "scope": "default",
             "line": {
-                "start": 225,
-                "end": 225
+                "start": 239,
+                "end": 239
             }
         },
         "group": [
@@ -7950,8 +8050,8 @@
     {
         "description": "The opacity of the clear Button.\n",
         "commentRange": {
-            "start": 228,
-            "end": 229
+            "start": 242,
+            "end": 243
         },
         "context": {
             "type": "variable",
@@ -7959,8 +8059,8 @@
             "value": ".1",
             "scope": "default",
             "line": {
-                "start": 230,
-                "end": 230
+                "start": 244,
+                "end": 244
             }
         },
         "group": [
@@ -7975,8 +8075,8 @@
     {
         "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",
@@ -7984,8 +8084,8 @@
             "value": ".08",
             "scope": "default",
             "line": {
-                "start": 234,
-                "end": 234
+                "start": 248,
+                "end": 248
             }
         },
         "group": [
@@ -8000,8 +8100,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",
@@ -8009,8 +8109,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 237,
-                "end": 237
+                "start": 251,
+                "end": 251
             }
         },
         "group": [
@@ -8025,8 +8125,8 @@
     {
         "description": "The overlay opacity of the active flat Button. Used to create a background for the flat Button.\n",
         "commentRange": {
-            "start": 238,
-            "end": 239
+            "start": 252,
+            "end": 253
         },
         "context": {
             "type": "variable",
@@ -8034,8 +8134,8 @@
             "value": ".16",
             "scope": "default",
             "line": {
-                "start": 240,
-                "end": 240
+                "start": 254,
+                "end": 254
             }
         },
         "group": [
@@ -8050,8 +8150,8 @@
     {
         "description": "The overlay opacity of the selected flat Button. Used to create a background for the flat Button.\n",
         "commentRange": {
-            "start": 241,
-            "end": 242
+            "start": 255,
+            "end": 256
         },
         "context": {
             "type": "variable",
@@ -8059,8 +8159,8 @@
             "value": ".2",
             "scope": "default",
             "line": {
-                "start": 243,
-                "end": 243
+                "start": 257,
+                "end": 257
             }
         },
         "group": [
@@ -8075,8 +8175,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",
@@ -8084,8 +8184,8 @@
             "value": ".12",
             "scope": "default",
             "line": {
-                "start": 246,
-                "end": 246
+                "start": 260,
+                "end": 260
             }
         },
         "group": [
@@ -8100,8 +8200,8 @@
     {
         "description": "The transition of the Button.\n",
         "commentRange": {
-            "start": 248,
-            "end": 249
+            "start": 262,
+            "end": 263
         },
         "context": {
             "type": "variable",
@@ -8109,8 +8209,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": [
@@ -15237,7 +15337,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-chart-no-data-padding-y",
-            "value": "k-spacing( 25 )",
+            "value": "7rem",
             "scope": "default",
             "line": {
                 "start": 365,
@@ -22508,8 +22608,8 @@
     {
         "description": "The global default Colors map.\n",
         "commentRange": {
-            "start": 173,
-            "end": 422
+            "start": 187,
+            "end": 441
         },
         "context": {
             "type": "variable",
@@ -22517,8 +22617,8 @@
             "value": "$_default-colors",
             "scope": "default",
             "line": {
-                "start": 423,
-                "end": 423
+                "start": 442,
+                "end": 442
             }
         },
         "group": [
@@ -22714,6 +22814,13 @@
                 ],
                 "description": "The Inverse variable group."
             },
+            {
+                "name": "series",
+                "value": [
+                    "series"
+                ],
+                "description": "The Series base variable group."
+            },
             {
                 "name": "series-a",
                 "value": [
@@ -23367,6 +23474,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",
@@ -37310,7 +37422,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-grid-sticky-container-shadow",
-            "value": "k-elevation(2)",
+            "value": "0 2px 4px 0 rgba(0, 0, 0, 0.08)",
             "scope": "default",
             "line": {
                 "start": 356,
@@ -37326,20 +37438,70 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The box shadow of the sticky container positioned at the bottom in the Grid.\n",
+        "commentRange": {
+            "start": 357,
+            "end": 358
+        },
+        "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": 359,
+                "end": 359
+            }
+        },
+        "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": 358,
-            "end": 359
+            "start": 361,
+            "end": 362
         },
         "context": {
             "type": "variable",
             "name": "kendo-grid-pinned-container-shadow",
-            "value": "k-elevation(3)",
+            "value": "0 4px 8px 0 rgba(0, 0, 0, 0.08)",
             "scope": "default",
             "line": {
-                "start": 360,
-                "end": 360
+                "start": 363,
+                "end": 363
+            }
+        },
+        "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": 364,
+            "end": 365
+        },
+        "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": 366,
+                "end": 366
             }
         },
         "group": [
@@ -37354,8 +37516,8 @@
     {
         "description": "The width of the Grid column menu.\n",
         "commentRange": {
-            "start": 362,
-            "end": 363
+            "start": 368,
+            "end": 369
         },
         "context": {
             "type": "variable",
@@ -37363,8 +37525,8 @@
             "value": "250px",
             "scope": "default",
             "line": {
-                "start": 364,
-                "end": 364
+                "start": 370,
+                "end": 370
             }
         },
         "group": [
@@ -37379,8 +37541,8 @@
     {
         "description": "The maximum width of the Grid column menu.\n",
         "commentRange": {
-            "start": 365,
-            "end": 366
+            "start": 371,
+            "end": 372
         },
         "context": {
             "type": "variable",
@@ -37388,8 +37550,8 @@
             "value": "320px",
             "scope": "default",
             "line": {
-                "start": 367,
-                "end": 367
+                "start": 373,
+                "end": 373
             }
         },
         "group": [
@@ -37404,8 +37566,8 @@
     {
         "description": "The horizontal padding of the Grid popup.\n",
         "commentRange": {
-            "start": 370,
-            "end": 371
+            "start": 376,
+            "end": 377
         },
         "context": {
             "type": "variable",
@@ -37413,8 +37575,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 372,
-                "end": 372
+                "start": 378,
+                "end": 378
             }
         },
         "group": [
@@ -37429,8 +37591,8 @@
     {
         "description": "The vertical padding of the Grid popup.\n",
         "commentRange": {
-            "start": 373,
-            "end": 374
+            "start": 379,
+            "end": 380
         },
         "context": {
             "type": "variable",
@@ -37438,8 +37600,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 375,
-                "end": 375
+                "start": 381,
+                "end": 381
             }
         },
         "group": [
@@ -37454,8 +37616,8 @@
     {
         "description": "The horizontal padding of the Grid item.\n",
         "commentRange": {
-            "start": 377,
-            "end": 378
+            "start": 383,
+            "end": 384
         },
         "context": {
             "type": "variable",
@@ -37463,8 +37625,8 @@
             "value": "$kendo-menu-popup-md-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 379,
-                "end": 379
+                "start": 385,
+                "end": 385
             }
         },
         "group": [
@@ -37479,8 +37641,8 @@
     {
         "description": "The vertical padding of the Grid item.\n",
         "commentRange": {
-            "start": 380,
-            "end": 381
+            "start": 386,
+            "end": 387
         },
         "context": {
             "type": "variable",
@@ -37488,8 +37650,8 @@
             "value": "$kendo-menu-popup-md-item-padding-y",
             "scope": "default",
             "line": {
-                "start": 382,
-                "end": 382
+                "start": 388,
+                "end": 388
             }
         },
         "group": [
@@ -37504,8 +37666,8 @@
     {
         "description": "The horizontal padding of the Grid item.\n",
         "commentRange": {
-            "start": 384,
-            "end": 385
+            "start": 390,
+            "end": 391
         },
         "context": {
             "type": "variable",
@@ -37513,8 +37675,8 @@
             "value": "$kendo-list-md-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 386,
-                "end": 386
+                "start": 392,
+                "end": 392
             }
         },
         "group": [
@@ -37529,8 +37691,8 @@
     {
         "description": "The vertical padding of the Grid item.\n",
         "commentRange": {
-            "start": 387,
-            "end": 388
+            "start": 393,
+            "end": 394
         },
         "context": {
             "type": "variable",
@@ -37538,8 +37700,8 @@
             "value": "$kendo-list-md-item-padding-y",
             "scope": "default",
             "line": {
-                "start": 389,
-                "end": 389
+                "start": 395,
+                "end": 395
             }
         },
         "group": [
@@ -37554,8 +37716,8 @@
     {
         "description": "The horizontal padding of the Grid.\n",
         "commentRange": {
-            "start": 391,
-            "end": 392
+            "start": 397,
+            "end": 398
         },
         "context": {
             "type": "variable",
@@ -37563,8 +37725,8 @@
             "value": "k-spacing(0)",
             "scope": "default",
             "line": {
-                "start": 393,
-                "end": 393
+                "start": 399,
+                "end": 399
             }
         },
         "group": [
@@ -37579,8 +37741,8 @@
     {
         "description": "The vertical padding of the Grid.\n",
         "commentRange": {
-            "start": 394,
-            "end": 395
+            "start": 400,
+            "end": 401
         },
         "context": {
             "type": "variable",
@@ -37588,8 +37750,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 396,
-                "end": 396
+                "start": 402,
+                "end": 402
             }
         },
         "group": [
@@ -37604,8 +37766,8 @@
     {
         "description": "The horizontal padding of the Grid header.\n",
         "commentRange": {
-            "start": 398,
-            "end": 399
+            "start": 404,
+            "end": 405
         },
         "context": {
             "type": "variable",
@@ -37613,8 +37775,8 @@
             "value": "$kendo-menu-popup-md-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 400,
-                "end": 400
+                "start": 406,
+                "end": 406
             }
         },
         "group": [
@@ -37629,8 +37791,8 @@
     {
         "description": "The vertical padding of the Grid header.\n",
         "commentRange": {
-            "start": 401,
-            "end": 402
+            "start": 407,
+            "end": 408
         },
         "context": {
             "type": "variable",
@@ -37638,8 +37800,8 @@
             "value": "$kendo-menu-popup-md-item-padding-y",
             "scope": "default",
             "line": {
-                "start": 403,
-                "end": 403
+                "start": 409,
+                "end": 409
             }
         },
         "group": [
@@ -37654,8 +37816,8 @@
     {
         "description": "The font size of the Grid header.\n",
         "commentRange": {
-            "start": 405,
-            "end": 406
+            "start": 411,
+            "end": 412
         },
         "context": {
             "type": "variable",
@@ -37663,8 +37825,8 @@
             "value": "var(--kendo-font-size-sm)",
             "scope": "default",
             "line": {
-                "start": 407,
-                "end": 407
+                "start": 413,
+                "end": 413
             }
         },
         "group": [
@@ -37679,8 +37841,8 @@
     {
         "description": "The height of the Grid header.\n",
         "commentRange": {
-            "start": 408,
-            "end": 409
+            "start": 414,
+            "end": 415
         },
         "context": {
             "type": "variable",
@@ -37688,8 +37850,8 @@
             "value": "var(--kendo-line-height)",
             "scope": "default",
             "line": {
-                "start": 410,
-                "end": 410
+                "start": 416,
+                "end": 416
             }
         },
         "group": [
@@ -37704,8 +37866,8 @@
     {
         "description": "The text color of the Grid header.\n",
         "commentRange": {
-            "start": 411,
-            "end": 412
+            "start": 417,
+            "end": 418
         },
         "context": {
             "type": "variable",
@@ -37713,8 +37875,8 @@
             "value": "uppercase",
             "scope": "default",
             "line": {
-                "start": 413,
-                "end": 413
+                "start": 419,
+                "end": 419
             }
         },
         "group": [
@@ -37729,8 +37891,8 @@
     {
         "description": "The width of the Grid header.\n",
         "commentRange": {
-            "start": 414,
-            "end": 415
+            "start": 420,
+            "end": 421
         },
         "context": {
             "type": "variable",
@@ -37738,8 +37900,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 416,
-                "end": 416
+                "start": 422,
+                "end": 422
             }
         },
         "group": [
@@ -37754,8 +37916,8 @@
     {
         "description": "The background color of the Grid header.\n",
         "commentRange": {
-            "start": 418,
-            "end": 419
+            "start": 424,
+            "end": 425
         },
         "context": {
             "type": "variable",
@@ -37763,8 +37925,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 420,
-                "end": 420
+                "start": 426,
+                "end": 426
             }
         },
         "group": [
@@ -37779,8 +37941,8 @@
     {
         "description": "The text color of the Grid header.\n",
         "commentRange": {
-            "start": 421,
-            "end": 422
+            "start": 427,
+            "end": 428
         },
         "context": {
             "type": "variable",
@@ -37788,8 +37950,8 @@
             "value": "$kendo-popup-text",
             "scope": "default",
             "line": {
-                "start": 423,
-                "end": 423
+                "start": 429,
+                "end": 429
             }
         },
         "group": [
@@ -37804,8 +37966,8 @@
     {
         "description": "The border color of the Grid header.\n",
         "commentRange": {
-            "start": 424,
-            "end": 425
+            "start": 430,
+            "end": 431
         },
         "context": {
             "type": "variable",
@@ -37813,8 +37975,8 @@
             "value": "$kendo-popup-border",
             "scope": "default",
             "line": {
-                "start": 426,
-                "end": 426
+                "start": 432,
+                "end": 432
             }
         },
         "group": [
@@ -37829,8 +37991,8 @@
     {
         "description": "The horizontal padding of the Grid content.\n",
         "commentRange": {
-            "start": 428,
-            "end": 429
+            "start": 434,
+            "end": 435
         },
         "context": {
             "type": "variable",
@@ -37838,8 +38000,8 @@
             "value": "k-spacing(0)",
             "scope": "default",
             "line": {
-                "start": 430,
-                "end": 430
+                "start": 436,
+                "end": 436
             }
         },
         "group": [
@@ -37854,8 +38016,8 @@
     {
         "description": "The vertical padding of the Grid content.\n",
         "commentRange": {
-            "start": 431,
-            "end": 432
+            "start": 437,
+            "end": 438
         },
         "context": {
             "type": "variable",
@@ -37863,8 +38025,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 433,
-                "end": 433
+                "start": 439,
+                "end": 439
             }
         },
         "group": [
@@ -37879,8 +38041,8 @@
     {
         "description": "The background color of the Grid.\n",
         "commentRange": {
-            "start": 435,
-            "end": 436
+            "start": 441,
+            "end": 442
         },
         "context": {
             "type": "variable",
@@ -37888,8 +38050,8 @@
             "value": "k-color(surface)",
             "scope": "default",
             "line": {
-                "start": 437,
-                "end": 437
+                "start": 443,
+                "end": 443
             }
         },
         "group": [
@@ -37904,8 +38066,8 @@
     {
         "description": "The width of the Grid cell.\n",
         "commentRange": {
-            "start": 439,
-            "end": 440
+            "start": 445,
+            "end": 446
         },
         "context": {
             "type": "variable",
@@ -37913,8 +38075,8 @@
             "value": "($kendo-icon-size * 3)",
             "scope": "default",
             "line": {
-                "start": 441,
-                "end": 441
+                "start": 447,
+                "end": 447
             }
         },
         "group": [
@@ -37929,8 +38091,8 @@
     {
         "description": "The width of the Grid.\n",
         "commentRange": {
-            "start": 443,
-            "end": 444
+            "start": 449,
+            "end": 450
         },
         "context": {
             "type": "variable",
@@ -37938,8 +38100,8 @@
             "value": "($kendo-icon-size * 2)",
             "scope": "default",
             "line": {
-                "start": 445,
-                "end": 445
+                "start": 451,
+                "end": 451
             }
         },
         "group": [
@@ -37954,8 +38116,8 @@
     {
         "description": "The grouping border top of the Grid row.\n",
         "commentRange": {
-            "start": 447,
-            "end": 448
+            "start": 453,
+            "end": 454
         },
         "context": {
             "type": "variable",
@@ -37963,8 +38125,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 449,
-                "end": 449
+                "start": 455,
+                "end": 455
             }
         },
         "group": [
@@ -37979,8 +38141,8 @@
     {
         "description": "The vertical border of the Grid footer.\n",
         "commentRange": {
-            "start": 450,
-            "end": 451
+            "start": 456,
+            "end": 457
         },
         "context": {
             "type": "variable",
@@ -37988,8 +38150,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 452,
-                "end": 452
+                "start": 458,
+                "end": 458
             }
         },
         "group": [
@@ -38004,8 +38166,8 @@
     {
         "description": "The background color of the Grid row resize indicator.\n",
         "commentRange": {
-            "start": 454,
-            "end": 455
+            "start": 460,
+            "end": 461
         },
         "context": {
             "type": "variable",
@@ -38013,8 +38175,8 @@
             "value": "color-mix(in srgb, k-color(on-base) 20%, transparent)",
             "scope": "default",
             "line": {
-                "start": 456,
-                "end": 456
+                "start": 462,
+                "end": 462
             }
         },
         "group": [
@@ -38029,8 +38191,8 @@
     {
         "description": "The background color of the active Grid row resize indicator.\n",
         "commentRange": {
-            "start": 457,
-            "end": 458
+            "start": 463,
+            "end": 464
         },
         "context": {
             "type": "variable",
@@ -38038,8 +38200,8 @@
             "value": "k-color(primary)",
             "scope": "default",
             "line": {
-                "start": 459,
-                "end": 459
+                "start": 465,
+                "end": 465
             }
         },
         "group": [
@@ -38054,8 +38216,8 @@
     {
         "description": "The height of the Grid row resize indicator.\n",
         "commentRange": {
-            "start": 460,
-            "end": 461
+            "start": 466,
+            "end": 467
         },
         "context": {
             "type": "variable",
@@ -38063,8 +38225,8 @@
             "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
-                "start": 462,
-                "end": 462
+                "start": 468,
+                "end": 468
             }
         },
         "group": [
@@ -38079,8 +38241,8 @@
     {
         "description": "The horizontal padding of the Grid stack layout cells.\n",
         "commentRange": {
-            "start": 465,
-            "end": 466
+            "start": 471,
+            "end": 472
         },
         "context": {
             "type": "variable",
@@ -38088,8 +38250,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 467,
-                "end": 467
+                "start": 473,
+                "end": 473
             }
         },
         "group": [
@@ -38104,8 +38266,8 @@
     {
         "description": "The vertical padding of the Grid stack layout cells.\n",
         "commentRange": {
-            "start": 468,
-            "end": 469
+            "start": 474,
+            "end": 475
         },
         "context": {
             "type": "variable",
@@ -38113,8 +38275,8 @@
             "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
-                "start": 470,
-                "end": 470
+                "start": 476,
+                "end": 476
             }
         },
         "group": [
@@ -38129,8 +38291,8 @@
     {
         "description": "The column gap of the Grid stack layout.\n",
         "commentRange": {
-            "start": 472,
-            "end": 473
+            "start": 478,
+            "end": 479
         },
         "context": {
             "type": "variable",
@@ -38138,8 +38300,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 474,
-                "end": 474
+                "start": 480,
+                "end": 480
             }
         },
         "group": [
@@ -38154,8 +38316,8 @@
     {
         "description": "The column gap of the editable Grid stack layout.\n",
         "commentRange": {
-            "start": 475,
-            "end": 476
+            "start": 481,
+            "end": 482
         },
         "context": {
             "type": "variable",
@@ -38163,8 +38325,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 477,
-                "end": 477
+                "start": 483,
+                "end": 483
             }
         },
         "group": [
@@ -38179,8 +38341,8 @@
     {
         "description": "The width of the hierarchy column in the Grid stack layout.\n",
         "commentRange": {
-            "start": 479,
-            "end": 480
+            "start": 485,
+            "end": 486
         },
         "context": {
             "type": "variable",
@@ -38188,8 +38350,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 481,
-                "end": 481
+                "start": 487,
+                "end": 487
             }
         },
         "group": [
@@ -38204,8 +38366,8 @@
     {
         "description": "The font size of the Grid stack layout column header.\n",
         "commentRange": {
-            "start": 483,
-            "end": 484
+            "start": 489,
+            "end": 490
         },
         "context": {
             "type": "variable",
@@ -38213,8 +38375,8 @@
             "value": "var(--kendo-font-size-sm)",
             "scope": "default",
             "line": {
-                "start": 485,
-                "end": 485
+                "start": 491,
+                "end": 491
             }
         },
         "group": [
@@ -38229,8 +38391,8 @@
     {
         "description": "The font weight of the Grid stack layout column header.\n",
         "commentRange": {
-            "start": 486,
-            "end": 487
+            "start": 492,
+            "end": 493
         },
         "context": {
             "type": "variable",
@@ -38238,8 +38400,8 @@
             "value": "var(--kendo-font-weight-bold)",
             "scope": "default",
             "line": {
-                "start": 488,
-                "end": 488
+                "start": 494,
+                "end": 494
             }
         },
         "group": [
@@ -38254,8 +38416,8 @@
     {
         "description": "The height of the Grid stack layout expandable row shadow.\n",
         "commentRange": {
-            "start": 489,
-            "end": 490
+            "start": 495,
+            "end": 496
         },
         "context": {
             "type": "variable",
@@ -38263,8 +38425,8 @@
             "value": "k-spacing(2.5)",
             "scope": "default",
             "line": {
-                "start": 491,
-                "end": 491
+                "start": 497,
+                "end": 497
             }
         },
         "group": [
@@ -38279,8 +38441,8 @@
     {
         "description": "The color of the Grid stack layout column header.\n",
         "commentRange": {
-            "start": 493,
-            "end": 494
+            "start": 499,
+            "end": 500
         },
         "context": {
             "type": "variable",
@@ -38288,8 +38450,8 @@
             "value": "k-color(subtle)",
             "scope": "default",
             "line": {
-                "start": 495,
-                "end": 495
+                "start": 501,
+                "end": 501
             }
         },
         "group": [
@@ -38304,8 +38466,8 @@
     {
         "description": "The outline color of the Grid stack layout focused cell.\n",
         "commentRange": {
-            "start": 496,
-            "end": 497
+            "start": 502,
+            "end": 503
         },
         "context": {
             "type": "variable",
@@ -38313,8 +38475,8 @@
             "value": "color-mix(in srgb, k-color(on-app-surface) 15%, transparent)",
             "scope": "default",
             "line": {
-                "start": 498,
-                "end": 498
+                "start": 504,
+                "end": 504
             }
         },
         "group": [
@@ -38329,8 +38491,8 @@
     {
         "description": "The Grid stack layout expandable row shadow.\n",
         "commentRange": {
-            "start": 499,
-            "end": 500
+            "start": 505,
+            "end": 506
         },
         "context": {
             "type": "variable",
@@ -38338,8 +38500,8 @@
             "value": "k-elevation(2)",
             "scope": "default",
             "line": {
-                "start": 501,
-                "end": 501
+                "start": 507,
+                "end": 507
             }
         },
         "group": [
@@ -38354,8 +38516,8 @@
     {
         "description": "The font weight of the pinned source row in the Grid.\n",
         "commentRange": {
-            "start": 503,
-            "end": 504
+            "start": 509,
+            "end": 510
         },
         "context": {
             "type": "variable",
@@ -38363,8 +38525,8 @@
             "value": "var(--kendo-font-weight-bold)",
             "scope": "default",
             "line": {
-                "start": 505,
-                "end": 505
+                "start": 511,
+                "end": 511
             }
         },
         "group": [
@@ -51920,231 +52082,6 @@
             "name": "_variables.scss"
         }
     },
-    {
-        "description": "The Gray Palette provides colors to the Base, Secondary, Light, Dark, and Inverse variable groups.\n",
-        "commentRange": {
-            "start": 159,
-            "end": 160
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-gray",
-            "value": "$_default-palette-gray",
-            "scope": "default",
-            "line": {
-                "start": 161,
-                "end": 161
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Blue Palette provides colors to the Primary and Series A variable groups.\n",
-        "commentRange": {
-            "start": 163,
-            "end": 164
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-blue",
-            "value": "$_default-palette-blue",
-            "scope": "default",
-            "line": {
-                "start": 165,
-                "end": 165
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Yellow Palette provides colors to the Warning and Series F variable groups.\n",
-        "commentRange": {
-            "start": 167,
-            "end": 168
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-yellow",
-            "value": "$_default-palette-yellow",
-            "scope": "default",
-            "line": {
-                "start": 169,
-                "end": 169
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Red Palette provides colors to the Error and Series E variable groups.\n",
-        "commentRange": {
-            "start": 171,
-            "end": 172
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-red",
-            "value": "$_default-palette-red",
-            "scope": "default",
-            "line": {
-                "start": 173,
-                "end": 173
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Cyan Palette provides colors to the Info variable group.\n",
-        "commentRange": {
-            "start": 175,
-            "end": 176
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-cyan",
-            "value": "$_default-palette-cyan",
-            "scope": "default",
-            "line": {
-                "start": 177,
-                "end": 177
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Green Palette provides colors to the Success and Series D variable groups.\n",
-        "commentRange": {
-            "start": 179,
-            "end": 180
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-green",
-            "value": "$_default-palette-green",
-            "scope": "default",
-            "line": {
-                "start": 181,
-                "end": 181
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Indigo Palette provides colors to the Tertiary and Series B variable groups.\n",
-        "commentRange": {
-            "start": 183,
-            "end": 184
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-indigo",
-            "value": "$_default-palette-indigo",
-            "scope": "default",
-            "line": {
-                "start": 185,
-                "end": 185
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Teal Palette provides colors to the Series C variable group.\n",
-        "commentRange": {
-            "start": 187,
-            "end": 188
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-teal",
-            "value": "$_default-palette-teal",
-            "scope": "default",
-            "line": {
-                "start": 189,
-                "end": 189
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Greige Palette provides colors to the Light and Dark variable groups.\n",
-        "commentRange": {
-            "start": 191,
-            "end": 192
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-greige",
-            "value": "$_default-palette-greige",
-            "scope": "default",
-            "line": {
-                "start": 193,
-                "end": 193
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
     {
         "description": "The border radius of the Panel.\n",
         "commentRange": {
@@ -60580,19 +60517,19 @@
         }
     },
     {
-        "description": "The global border radius used across the Components.\n",
+        "description": "The base border radius used across the Components.\n",
         "commentRange": {
-            "start": 4,
-            "end": 5
+            "start": 3,
+            "end": 4
         },
         "context": {
             "type": "variable",
-            "name": "kendo-border-radius",
-            "value": "map.get($kendo-spacing, 1.5)",
+            "name": "kendo-border-radius-base",
+            "value": ".375rem",
             "scope": "default",
             "line": {
-                "start": 6,
-                "end": 6
+                "start": 5,
+                "end": 5
             }
         },
         "group": [
@@ -60607,17 +60544,17 @@
     {
         "description": "The none border radius used across the Components.\n",
         "commentRange": {
-            "start": 7,
-            "end": 8
+            "start": 6,
+            "end": 7
         },
         "context": {
             "type": "variable",
             "name": "kendo-border-radius-none",
-            "value": "map.get($kendo-spacing, 0)",
+            "value": "0px",
             "scope": "default",
             "line": {
-                "start": 9,
-                "end": 9
+                "start": 8,
+                "end": 8
             }
         },
         "group": [
@@ -60632,17 +60569,17 @@
     {
         "description": "The extra small border radius used across the Components.\n",
         "commentRange": {
-            "start": 10,
-            "end": 11
+            "start": 9,
+            "end": 10
         },
         "context": {
             "type": "variable",
             "name": "kendo-border-radius-xs",
-            "value": "map.get($kendo-spacing, 0.5)",
+            "value": "calc(var(--kendo-border-radius-base) / 3)",
             "scope": "default",
             "line": {
-                "start": 12,
-                "end": 12
+                "start": 11,
+                "end": 11
             }
         },
         "group": [
@@ -60657,17 +60594,17 @@
     {
         "description": "The small border radius used across the Components.\n",
         "commentRange": {
-            "start": 13,
-            "end": 14
+            "start": 12,
+            "end": 13
         },
         "context": {
             "type": "variable",
             "name": "kendo-border-radius-sm",
-            "value": "map.get($kendo-spacing, 1)",
+            "value": "calc(var(--kendo-border-radius-base) * 2 / 3)",
             "scope": "default",
             "line": {
-                "start": 15,
-                "end": 15
+                "start": 14,
+                "end": 14
             }
         },
         "group": [
@@ -60682,17 +60619,17 @@
     {
         "description": "The medium border radius used across the Components.\n",
         "commentRange": {
-            "start": 16,
-            "end": 17
+            "start": 15,
+            "end": 16
         },
         "context": {
             "type": "variable",
             "name": "kendo-border-radius-md",
-            "value": "$kendo-border-radius",
+            "value": "var(--kendo-border-radius-base)",
             "scope": "default",
             "line": {
-                "start": 18,
-                "end": 18
+                "start": 17,
+                "end": 17
             }
         },
         "group": [
@@ -60707,17 +60644,17 @@
     {
         "description": "The large border radius used across the Components.\n",
         "commentRange": {
-            "start": 19,
-            "end": 20
+            "start": 18,
+            "end": 19
         },
         "context": {
             "type": "variable",
             "name": "kendo-border-radius-lg",
-            "value": "map.get($kendo-spacing, 2)",
+            "value": "calc(var(--kendo-border-radius-base) * 4 / 3)",
             "scope": "default",
             "line": {
-                "start": 21,
-                "end": 21
+                "start": 20,
+                "end": 20
             }
         },
         "group": [
@@ -60732,17 +60669,17 @@
     {
         "description": "The extra large border radius used across the Components.\n",
         "commentRange": {
-            "start": 22,
-            "end": 23
+            "start": 21,
+            "end": 22
         },
         "context": {
             "type": "variable",
             "name": "kendo-border-radius-xl",
-            "value": "map.get($kendo-spacing, 4)",
+            "value": "calc(var(--kendo-border-radius-base) * 8 / 3)",
             "scope": "default",
             "line": {
-                "start": 24,
-                "end": 24
+                "start": 23,
+                "end": 23
             }
         },
         "group": [
@@ -60757,17 +60694,17 @@
     {
         "description": "The third largest border radius used across the Components.\n",
         "commentRange": {
-            "start": 25,
-            "end": 26
+            "start": 24,
+            "end": 25
         },
         "context": {
             "type": "variable",
             "name": "kendo-border-radius-xxl",
-            "value": "map.get($kendo-spacing, 8)",
+            "value": "calc(var(--kendo-border-radius-base) * 16 / 3)",
             "scope": "default",
             "line": {
-                "start": 27,
-                "end": 27
+                "start": 26,
+                "end": 26
             }
         },
         "group": [
@@ -60782,17 +60719,17 @@
     {
         "description": "The second largest border radius used across the Components.\n",
         "commentRange": {
-            "start": 28,
-            "end": 29
+            "start": 27,
+            "end": 28
         },
         "context": {
             "type": "variable",
             "name": "kendo-border-radius-xxxl",
-            "value": "map.get($kendo-spacing, 12)",
+            "value": "calc(var(--kendo-border-radius-base) * 8)",
             "scope": "default",
             "line": {
-                "start": 30,
-                "end": 30
+                "start": 29,
+                "end": 29
             }
         },
         "group": [
@@ -60807,17 +60744,17 @@
     {
         "description": "The largest border radius used across the Components.\n",
         "commentRange": {
-            "start": 31,
-            "end": 32
+            "start": 30,
+            "end": 31
         },
         "context": {
             "type": "variable",
             "name": "kendo-border-radius-full",
-            "value": "50rem",
+            "value": "calc(var(--kendo-border-radius-base) * 9999)",
             "scope": "default",
             "line": {
-                "start": 33,
-                "end": 33
+                "start": 32,
+                "end": 32
             }
         },
         "group": [
@@ -60832,8 +60769,8 @@
     {
         "description": "The global radii Map.\n",
         "commentRange": {
-            "start": 35,
-            "end": 36
+            "start": 34,
+            "end": 35
         },
         "context": {
             "type": "variable",
@@ -60841,8 +60778,8 @@
             "value": "(\n    none: $kendo-border-radius-none,\n    xs: $kendo-border-radius-xs,\n    sm: $kendo-border-radius-sm,\n    md: $kendo-border-radius-md,\n    lg: $kendo-border-radius-lg,\n    xl: $kendo-border-radius-xl,\n    xxl: $kendo-border-radius-xxl,\n    xxxl: $kendo-border-radius-xxxl,\n    full: $kendo-border-radius-full\n)",
             "scope": "default",
             "line": {
-                "start": 37,
-                "end": 47
+                "start": 36,
+                "end": 46
             }
         },
         "group": [
@@ -60857,8 +60794,8 @@
     {
         "description": "The global radii Map.\n",
         "commentRange": {
-            "start": 49,
-            "end": 50
+            "start": 48,
+            "end": 49
         },
         "context": {
             "type": "variable",
@@ -60866,8 +60803,8 @@
             "value": "$_default-border-radii",
             "scope": "default",
             "line": {
-                "start": 51,
-                "end": 51
+                "start": 50,
+                "end": 50
             }
         },
         "group": [
@@ -67569,11 +67506,36 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The base spacing step used to generate the Spacing map.\n",
+        "commentRange": {
+            "start": 3,
+            "end": 4
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-spacing-base",
+            "value": "0.25rem",
+            "scope": "default",
+            "line": {
+                "start": 5,
+                "end": 5
+            }
+        },
+        "group": [
+            "spacing"
+        ],
+        "access": "public",
+        "file": {
+            "path": "core/spacing/index.scss",
+            "name": "index.scss"
+        }
+    },
     {
         "description": "The global default Spacing map.\n",
         "commentRange": {
-            "start": 46,
-            "end": 47
+            "start": 44,
+            "end": 45
         },
         "context": {
             "type": "variable",
@@ -67581,8 +67543,8 @@
             "value": "$_default-spacing",
             "scope": "default",
             "line": {
-                "start": 48,
-                "end": 48
+                "start": 46,
+                "end": 46
             }
         },
         "group": [
@@ -84375,15 +84337,15 @@
         }
     },
     {
-        "description": "The extra small font size across all components.\n",
+        "description": "The extra extra small font size across all components.\n",
         "commentRange": {
             "start": 6,
             "end": 7
         },
         "context": {
             "type": "variable",
-            "name": "kendo-font-size-xs",
-            "value": "( $kendo-font-size * .75 )",
+            "name": "kendo-font-size-xxs",
+            "value": "( $kendo-font-size * .5 )",
             "scope": "default",
             "line": {
                 "start": 8,
@@ -84400,15 +84362,15 @@
         }
     },
     {
-        "description": "The small font size across all components.\n",
+        "description": "The extra small font size across all components.\n",
         "commentRange": {
             "start": 9,
             "end": 10
         },
         "context": {
             "type": "variable",
-            "name": "kendo-font-size-sm",
-            "value": "( $kendo-font-size * .875 )",
+            "name": "kendo-font-size-xs",
+            "value": "( $kendo-font-size * .75 )",
             "scope": "default",
             "line": {
                 "start": 11,
@@ -84425,15 +84387,15 @@
         }
     },
     {
-        "description": "The medium font size across all components.\n",
+        "description": "The small font size across all components.\n",
         "commentRange": {
             "start": 12,
             "end": 13
         },
         "context": {
             "type": "variable",
-            "name": "kendo-font-size-md",
-            "value": "$kendo-font-size",
+            "name": "kendo-font-size-sm",
+            "value": "( $kendo-font-size * .875 )",
             "scope": "default",
             "line": {
                 "start": 14,
@@ -84450,15 +84412,15 @@
         }
     },
     {
-        "description": "The large font size across all components.\n",
+        "description": "The medium font size across all components.\n",
         "commentRange": {
             "start": 15,
             "end": 16
         },
         "context": {
             "type": "variable",
-            "name": "kendo-font-size-lg",
-            "value": "( $kendo-font-size * 1.25 )",
+            "name": "kendo-font-size-md",
+            "value": "$kendo-font-size",
             "scope": "default",
             "line": {
                 "start": 17,
@@ -84475,15 +84437,15 @@
         }
     },
     {
-        "description": "The extra large font size across all components.\n",
+        "description": "The large font size across all components.\n",
         "commentRange": {
             "start": 18,
             "end": 19
         },
         "context": {
             "type": "variable",
-            "name": "kendo-font-size-xl",
-            "value": "( $kendo-font-size-md * 1.5 )",
+            "name": "kendo-font-size-lg",
+            "value": "( $kendo-font-size * 1.25 )",
             "scope": "default",
             "line": {
                 "start": 20,
@@ -84500,19 +84462,19 @@
         }
     },
     {
-        "description": "The base line height across all components.\n",
+        "description": "The extra large font size across all components.\n",
         "commentRange": {
-            "start": 22,
-            "end": 23
+            "start": 21,
+            "end": 22
         },
         "context": {
             "type": "variable",
-            "name": "kendo-line-height",
-            "value": "1.5",
+            "name": "kendo-font-size-xl",
+            "value": "( $kendo-font-size-md * 1.5 )",
             "scope": "default",
             "line": {
-                "start": 24,
-                "end": 24
+                "start": 23,
+                "end": 23
             }
         },
         "group": [
@@ -84525,15 +84487,15 @@
         }
     },
     {
-        "description": "The extra small line height across all components.\n",
+        "description": "The base line height across all components.\n",
         "commentRange": {
             "start": 25,
             "end": 26
         },
         "context": {
             "type": "variable",
-            "name": "kendo-line-height-xs",
-            "value": "1",
+            "name": "kendo-line-height",
+            "value": "1.5",
             "scope": "default",
             "line": {
                 "start": 27,
@@ -84550,15 +84512,15 @@
         }
     },
     {
-        "description": "The small line height across all components.\n",
+        "description": "The extra small line height across all components.\n",
         "commentRange": {
             "start": 28,
             "end": 29
         },
         "context": {
             "type": "variable",
-            "name": "kendo-line-height-sm",
-            "value": "1.2",
+            "name": "kendo-line-height-xs",
+            "value": "1",
             "scope": "default",
             "line": {
                 "start": 30,
@@ -84575,15 +84537,15 @@
         }
     },
     {
-        "description": "The medium line height across all components.\n",
+        "description": "The small line height across all components.\n",
         "commentRange": {
             "start": 31,
             "end": 32
         },
         "context": {
             "type": "variable",
-            "name": "kendo-line-height-md",
-            "value": "$kendo-line-height",
+            "name": "kendo-line-height-sm",
+            "value": "1.2",
             "scope": "default",
             "line": {
                 "start": 33,
@@ -84600,15 +84562,15 @@
         }
     },
     {
-        "description": "The large line height across all components.\n",
+        "description": "The medium line height across all components.\n",
         "commentRange": {
             "start": 34,
             "end": 35
         },
         "context": {
             "type": "variable",
-            "name": "kendo-line-height-lg",
-            "value": "2",
+            "name": "kendo-line-height-md",
+            "value": "$kendo-line-height",
             "scope": "default",
             "line": {
                 "start": 36,
@@ -84625,15 +84587,15 @@
         }
     },
     {
-        "description": "The base line height in ems across all components.\n",
+        "description": "The large line height across all components.\n",
         "commentRange": {
             "start": 37,
             "end": 38
         },
         "context": {
             "type": "variable",
-            "name": "kendo-line-height-em",
-            "value": "calc( #{$kendo-line-height} * 1em )",
+            "name": "kendo-line-height-lg",
+            "value": "2",
             "scope": "default",
             "line": {
                 "start": 39,
@@ -84650,19 +84612,19 @@
         }
     },
     {
-        "description": "The light font weight across all components.\n",
+        "description": "The base line height in ems across all components.\n",
         "commentRange": {
-            "start": 41,
-            "end": 42
+            "start": 40,
+            "end": 41
         },
         "context": {
             "type": "variable",
-            "name": "kendo-font-weight-light",
-            "value": "300",
+            "name": "kendo-line-height-em",
+            "value": "calc( #{$kendo-line-height} * 1em )",
             "scope": "default",
             "line": {
-                "start": 43,
-                "end": 43
+                "start": 42,
+                "end": 42
             }
         },
         "group": [
@@ -84682,7 +84644,7 @@
         },
         "context": {
             "type": "variable",
-            "name": "kendo-font-weight-normal",
+            "name": "kendo-font-weight",
             "value": "400",
             "scope": "default",
             "line": {
@@ -84700,15 +84662,15 @@
         }
     },
     {
-        "description": "The medium font weight across all components.\n",
+        "description": "The thin font weight across all components.\n",
         "commentRange": {
             "start": 47,
             "end": 48
         },
         "context": {
             "type": "variable",
-            "name": "kendo-font-weight-medium",
-            "value": "500",
+            "name": "kendo-font-weight-thin",
+            "value": "100",
             "scope": "default",
             "line": {
                 "start": 49,
@@ -84725,15 +84687,15 @@
         }
     },
     {
-        "description": "The semibold font weight across all components.\n",
+        "description": "The extra light font weight across all components.\n",
         "commentRange": {
             "start": 50,
             "end": 51
         },
         "context": {
             "type": "variable",
-            "name": "kendo-font-weight-semibold",
-            "value": "600",
+            "name": "kendo-font-weight-extra-light",
+            "value": "200",
             "scope": "default",
             "line": {
                 "start": 52,
@@ -84750,15 +84712,15 @@
         }
     },
     {
-        "description": "The bold font weight across all components.\n",
+        "description": "The light font weight across all components.\n",
         "commentRange": {
             "start": 53,
             "end": 54
         },
         "context": {
             "type": "variable",
-            "name": "kendo-font-weight-bold",
-            "value": "700",
+            "name": "kendo-font-weight-light",
+            "value": "300",
             "scope": "default",
             "line": {
                 "start": 55,
@@ -84775,19 +84737,19 @@
         }
     },
     {
-        "description": "The sans-serif font family across all components.\n",
+        "description": "The normal font weight across all components.\n",
         "commentRange": {
-            "start": 57,
-            "end": 58
+            "start": 56,
+            "end": 57
         },
         "context": {
             "type": "variable",
-            "name": "kendo-font-family-sans-serif",
-            "value": "system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
+            "name": "kendo-font-weight-normal",
+            "value": "$kendo-font-weight",
             "scope": "default",
             "line": {
-                "start": 59,
-                "end": 59
+                "start": 58,
+                "end": 58
             }
         },
         "group": [
@@ -84800,19 +84762,19 @@
         }
     },
     {
-        "description": "The monospace font family across all components.\n",
+        "description": "The medium font weight across all components.\n",
         "commentRange": {
-            "start": 60,
-            "end": 61
+            "start": 59,
+            "end": 60
         },
         "context": {
             "type": "variable",
-            "name": "kendo-font-family-monospace",
-            "value": "SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace",
+            "name": "kendo-font-weight-medium",
+            "value": "500",
             "scope": "default",
             "line": {
-                "start": 62,
-                "end": 62
+                "start": 61,
+                "end": 61
             }
         },
         "group": [
@@ -84825,19 +84787,19 @@
         }
     },
     {
-        "description": "The base font family across all components.\n",
+        "description": "The semibold font weight across all components.\n",
         "commentRange": {
-            "start": 63,
-            "end": 64
+            "start": 62,
+            "end": 63
         },
         "context": {
             "type": "variable",
-            "name": "kendo-font-family",
-            "value": "$kendo-font-family-sans-serif",
+            "name": "kendo-font-weight-semibold",
+            "value": "600",
             "scope": "default",
             "line": {
-                "start": 65,
-                "end": 65
+                "start": 64,
+                "end": 64
             }
         },
         "group": [
@@ -84850,19 +84812,19 @@
         }
     },
     {
-        "description": "The font sizes map\n",
+        "description": "The bold font weight across all components.\n",
         "commentRange": {
-            "start": 95,
-            "end": 96
+            "start": 65,
+            "end": 66
         },
         "context": {
             "type": "variable",
-            "name": "kendo-font-sizes",
-            "value": "$_default-font-sizes",
+            "name": "kendo-font-weight-bold",
+            "value": "700",
             "scope": "default",
             "line": {
-                "start": 97,
-                "end": 97
+                "start": 67,
+                "end": 67
             }
         },
         "group": [
@@ -84875,19 +84837,19 @@
         }
     },
     {
-        "description": "The line heights map\n",
+        "description": "The extra bold font weight across all components.\n",
         "commentRange": {
-            "start": 100,
-            "end": 101
+            "start": 68,
+            "end": 69
         },
         "context": {
             "type": "variable",
-            "name": "kendo-line-heights",
-            "value": "$_default-line-heights",
+            "name": "kendo-font-weight-extra-bold",
+            "value": "800",
             "scope": "default",
             "line": {
-                "start": 102,
-                "end": 102
+                "start": 70,
+                "end": 70
             }
         },
         "group": [
@@ -84900,19 +84862,19 @@
         }
     },
     {
-        "description": "The font weights map\n",
+        "description": "The most pronounced font weight across all components.\n",
         "commentRange": {
-            "start": 105,
-            "end": 106
+            "start": 71,
+            "end": 72
         },
         "context": {
             "type": "variable",
-            "name": "kendo-font-weights",
-            "value": "$_default-font-weights",
+            "name": "kendo-font-weight-black",
+            "value": "900",
             "scope": "default",
             "line": {
-                "start": 107,
-                "end": 107
+                "start": 73,
+                "end": 73
             }
         },
         "group": [
@@ -84925,19 +84887,19 @@
         }
     },
     {
-        "description": "The font families map\n",
+        "description": "The base letter spacing across all components.\n",
         "commentRange": {
-            "start": 110,
-            "end": 111
+            "start": 75,
+            "end": 76
         },
         "context": {
             "type": "variable",
-            "name": "kendo-font-families",
-            "value": "$_default-font-families",
+            "name": "kendo-letter-spacing",
+            "value": "null",
             "scope": "default",
             "line": {
-                "start": 112,
-                "end": 112
+                "start": 77,
+                "end": 77
             }
         },
         "group": [
@@ -84950,232 +84912,657 @@
         }
     },
     {
-        "description": "The font size of the highest level heading.\n",
+        "description": "The tightest letter spacing across all components.\n",
         "commentRange": {
-            "start": 8,
-            "end": 9
+            "start": 78,
+            "end": 79
         },
         "context": {
             "type": "variable",
-            "name": "kendo-h1-font-size",
-            "value": "$kendo-font-size * 2.5",
+            "name": "kendo-letter-spacing-tightest",
+            "value": "-.15px",
             "scope": "default",
             "line": {
-                "start": 10,
-                "end": 10
+                "start": 80,
+                "end": 80
             }
         },
         "group": [
-            "typography-component"
+            "typography"
         ],
         "access": "public",
         "file": {
-            "path": "typography/_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/typography/index.scss",
+            "name": "index.scss"
         }
     },
     {
-        "description": "The font size of the second highest level heading.\n",
+        "description": "Slightly looser than the tighter letter spacing across all components.\n",
         "commentRange": {
-            "start": 11,
-            "end": 12
+            "start": 81,
+            "end": 82
         },
         "context": {
             "type": "variable",
-            "name": "kendo-h2-font-size",
-            "value": "$kendo-font-size * 2",
+            "name": "kendo-letter-spacing-tighter",
+            "value": "-.10px",
             "scope": "default",
             "line": {
-                "start": 13,
-                "end": 13
+                "start": 83,
+                "end": 83
             }
         },
         "group": [
-            "typography-component"
+            "typography"
         ],
         "access": "public",
         "file": {
-            "path": "typography/_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/typography/index.scss",
+            "name": "index.scss"
         }
     },
     {
-        "description": "The font size of the third highest level heading.\n",
+        "description": "Moderately tight letter spacing across all components.\n",
         "commentRange": {
-            "start": 14,
-            "end": 15
+            "start": 84,
+            "end": 85
         },
         "context": {
             "type": "variable",
-            "name": "kendo-h3-font-size",
-            "value": "$kendo-font-size * 1.75",
+            "name": "kendo-letter-spacing-tight",
+            "value": "-.5px",
             "scope": "default",
             "line": {
-                "start": 16,
-                "end": 16
+                "start": 86,
+                "end": 86
             }
         },
         "group": [
-            "typography-component"
+            "typography"
         ],
         "access": "public",
         "file": {
-            "path": "typography/_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/typography/index.scss",
+            "name": "index.scss"
         }
     },
     {
-        "description": "The font size of the fourth highest level heading.\n",
+        "description": "The normal letter spacing across all components.\n",
         "commentRange": {
-            "start": 17,
-            "end": 18
+            "start": 87,
+            "end": 88
         },
         "context": {
             "type": "variable",
-            "name": "kendo-h4-font-size",
-            "value": "$kendo-font-size * 1.5",
+            "name": "kendo-letter-spacing-normal",
+            "value": "0px",
             "scope": "default",
             "line": {
-                "start": 19,
-                "end": 19
+                "start": 89,
+                "end": 89
             }
         },
         "group": [
-            "typography-component"
+            "typography"
         ],
         "access": "public",
         "file": {
-            "path": "typography/_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/typography/index.scss",
+            "name": "index.scss"
         }
     },
     {
-        "description": "The font size of the fifth highest level heading.\n",
+        "description": "Wide letter spacing across all components.\n",
         "commentRange": {
-            "start": 20,
-            "end": 21
+            "start": 90,
+            "end": 91
         },
         "context": {
             "type": "variable",
-            "name": "kendo-h5-font-size",
-            "value": "$kendo-font-size * 1.25",
+            "name": "kendo-letter-spacing-wide",
+            "value": ".5px",
             "scope": "default",
             "line": {
-                "start": 22,
-                "end": 22
+                "start": 92,
+                "end": 92
             }
         },
         "group": [
-            "typography-component"
+            "typography"
         ],
         "access": "public",
         "file": {
-            "path": "typography/_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/typography/index.scss",
+            "name": "index.scss"
         }
     },
     {
-        "description": "The font size of the sixth highest level heading.\n",
+        "description": "Slightly wider than the wide letter spacing across all components.\n",
         "commentRange": {
-            "start": 23,
-            "end": 24
+            "start": 93,
+            "end": 94
         },
         "context": {
             "type": "variable",
-            "name": "kendo-h6-font-size",
-            "value": "$kendo-font-size",
+            "name": "kendo-letter-spacing-wider",
+            "value": ".10px",
             "scope": "default",
             "line": {
-                "start": 25,
-                "end": 25
+                "start": 95,
+                "end": 95
             }
         },
         "group": [
-            "typography-component"
+            "typography"
         ],
         "access": "public",
         "file": {
-            "path": "typography/_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/typography/index.scss",
+            "name": "index.scss"
         }
     },
     {
-        "description": "The font family of the highest level heading.\n",
+        "description": "The widest letter spacing across all components.\n",
         "commentRange": {
-            "start": 27,
-            "end": 28
+            "start": 96,
+            "end": 97
         },
         "context": {
             "type": "variable",
-            "name": "kendo-h1-font-family",
-            "value": "var(--kendo-font-family)",
+            "name": "kendo-letter-spacing-widest",
+            "value": ".15px",
             "scope": "default",
             "line": {
-                "start": 29,
-                "end": 29
+                "start": 98,
+                "end": 98
             }
         },
         "group": [
-            "typography-component"
+            "typography"
         ],
         "access": "public",
         "file": {
-            "path": "typography/_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/typography/index.scss",
+            "name": "index.scss"
         }
     },
     {
-        "description": "The font family of the second highest level heading.\n",
+        "description": "The sans font family across all components.\n",
         "commentRange": {
-            "start": 30,
-            "end": 31
+            "start": 100,
+            "end": 101
         },
         "context": {
             "type": "variable",
-            "name": "kendo-h2-font-family",
-            "value": "var(--kendo-font-family)",
+            "name": "kendo-font-family-sans",
+            "value": "Arial, Verdana, Tahoma, \"Trebuchet MS\", Helvetica, Impact, Gill Sans",
             "scope": "default",
             "line": {
-                "start": 32,
-                "end": 32
+                "start": 102,
+                "end": 102
             }
         },
         "group": [
-            "typography-component"
+            "typography"
         ],
         "access": "public",
         "file": {
-            "path": "typography/_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/typography/index.scss",
+            "name": "index.scss"
         }
     },
     {
-        "description": "The font family of the third highest level heading.\n",
+        "description": "The serif font family across all components.\n",
         "commentRange": {
-            "start": 33,
-            "end": 34
+            "start": 103,
+            "end": 104
         },
         "context": {
             "type": "variable",
-            "name": "kendo-h3-font-family",
-            "value": "var(--kendo-font-family)",
+            "name": "kendo-font-family-serif",
+            "value": "\"Times New Roman\", Georgia, Garamond, Palatino, Baskerville",
             "scope": "default",
             "line": {
-                "start": 35,
-                "end": 35
+                "start": 105,
+                "end": 105
             }
         },
         "group": [
-            "typography-component"
+            "typography"
         ],
         "access": "public",
         "file": {
-            "path": "typography/_variables.scss",
-            "name": "_variables.scss"
+            "path": "core/typography/index.scss",
+            "name": "index.scss"
         }
     },
     {
-        "description": "The font family of the fourth highest level heading.\n",
+        "description": "The sans-serif font family across all components.\n",
+        "commentRange": {
+            "start": 106,
+            "end": 107
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-font-family-sans-serif",
+            "value": "system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
+            "scope": "default",
+            "line": {
+                "start": 108,
+                "end": 108
+            }
+        },
+        "group": [
+            "typography"
+        ],
+        "access": "public",
+        "file": {
+            "path": "core/typography/index.scss",
+            "name": "index.scss"
+        }
+    },
+    {
+        "description": "The monospace font family across all components.\n",
+        "commentRange": {
+            "start": 109,
+            "end": 110
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-font-family-monospace",
+            "value": "SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace",
+            "scope": "default",
+            "line": {
+                "start": 111,
+                "end": 111
+            }
+        },
+        "group": [
+            "typography"
+        ],
+        "access": "public",
+        "file": {
+            "path": "core/typography/index.scss",
+            "name": "index.scss"
+        }
+    },
+    {
+        "description": "The base font family across all components.\n",
+        "commentRange": {
+            "start": 112,
+            "end": 113
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-font-family",
+            "value": "$kendo-font-family-sans-serif",
+            "scope": "default",
+            "line": {
+                "start": 114,
+                "end": 114
+            }
+        },
+        "group": [
+            "typography"
+        ],
+        "access": "public",
+        "file": {
+            "path": "core/typography/index.scss",
+            "name": "index.scss"
+        }
+    },
+    {
+        "description": "The font sizes map\n",
+        "commentRange": {
+            "start": 161,
+            "end": 162
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-font-sizes",
+            "value": "$_default-font-sizes",
+            "scope": "default",
+            "line": {
+                "start": 163,
+                "end": 163
+            }
+        },
+        "group": [
+            "typography"
+        ],
+        "access": "public",
+        "file": {
+            "path": "core/typography/index.scss",
+            "name": "index.scss"
+        }
+    },
+    {
+        "description": "The line heights map\n",
+        "commentRange": {
+            "start": 166,
+            "end": 167
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-line-heights",
+            "value": "$_default-line-heights",
+            "scope": "default",
+            "line": {
+                "start": 168,
+                "end": 168
+            }
+        },
+        "group": [
+            "typography"
+        ],
+        "access": "public",
+        "file": {
+            "path": "core/typography/index.scss",
+            "name": "index.scss"
+        }
+    },
+    {
+        "description": "The font weights map\n",
+        "commentRange": {
+            "start": 171,
+            "end": 172
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-font-weights",
+            "value": "$_default-font-weights",
+            "scope": "default",
+            "line": {
+                "start": 173,
+                "end": 173
+            }
+        },
+        "group": [
+            "typography"
+        ],
+        "access": "public",
+        "file": {
+            "path": "core/typography/index.scss",
+            "name": "index.scss"
+        }
+    },
+    {
+        "description": "The letter spacings map\n",
+        "commentRange": {
+            "start": 176,
+            "end": 177
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-letter-spacings",
+            "value": "$_default-letter-spacings",
+            "scope": "default",
+            "line": {
+                "start": 178,
+                "end": 178
+            }
+        },
+        "group": [
+            "typography"
+        ],
+        "access": "public",
+        "file": {
+            "path": "core/typography/index.scss",
+            "name": "index.scss"
+        }
+    },
+    {
+        "description": "The font families map\n",
+        "commentRange": {
+            "start": 181,
+            "end": 182
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-font-families",
+            "value": "$_default-font-families",
+            "scope": "default",
+            "line": {
+                "start": 183,
+                "end": 183
+            }
+        },
+        "group": [
+            "typography"
+        ],
+        "access": "public",
+        "file": {
+            "path": "core/typography/index.scss",
+            "name": "index.scss"
+        }
+    },
+    {
+        "description": "The font size of the highest level heading.\n",
+        "commentRange": {
+            "start": 8,
+            "end": 9
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-h1-font-size",
+            "value": "$kendo-font-size * 2.5",
+            "scope": "default",
+            "line": {
+                "start": 10,
+                "end": 10
+            }
+        },
+        "group": [
+            "typography-component"
+        ],
+        "access": "public",
+        "file": {
+            "path": "typography/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the second highest level heading.\n",
+        "commentRange": {
+            "start": 11,
+            "end": 12
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-h2-font-size",
+            "value": "$kendo-font-size * 2",
+            "scope": "default",
+            "line": {
+                "start": 13,
+                "end": 13
+            }
+        },
+        "group": [
+            "typography-component"
+        ],
+        "access": "public",
+        "file": {
+            "path": "typography/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the third highest level heading.\n",
+        "commentRange": {
+            "start": 14,
+            "end": 15
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-h3-font-size",
+            "value": "$kendo-font-size * 1.75",
+            "scope": "default",
+            "line": {
+                "start": 16,
+                "end": 16
+            }
+        },
+        "group": [
+            "typography-component"
+        ],
+        "access": "public",
+        "file": {
+            "path": "typography/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the fourth highest level heading.\n",
+        "commentRange": {
+            "start": 17,
+            "end": 18
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-h4-font-size",
+            "value": "$kendo-font-size * 1.5",
+            "scope": "default",
+            "line": {
+                "start": 19,
+                "end": 19
+            }
+        },
+        "group": [
+            "typography-component"
+        ],
+        "access": "public",
+        "file": {
+            "path": "typography/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the fifth highest level heading.\n",
+        "commentRange": {
+            "start": 20,
+            "end": 21
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-h5-font-size",
+            "value": "$kendo-font-size * 1.25",
+            "scope": "default",
+            "line": {
+                "start": 22,
+                "end": 22
+            }
+        },
+        "group": [
+            "typography-component"
+        ],
+        "access": "public",
+        "file": {
+            "path": "typography/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the sixth highest level heading.\n",
+        "commentRange": {
+            "start": 23,
+            "end": 24
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-h6-font-size",
+            "value": "$kendo-font-size",
+            "scope": "default",
+            "line": {
+                "start": 25,
+                "end": 25
+            }
+        },
+        "group": [
+            "typography-component"
+        ],
+        "access": "public",
+        "file": {
+            "path": "typography/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font family of the highest level heading.\n",
+        "commentRange": {
+            "start": 27,
+            "end": 28
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-h1-font-family",
+            "value": "var(--kendo-font-family)",
+            "scope": "default",
+            "line": {
+                "start": 29,
+                "end": 29
+            }
+        },
+        "group": [
+            "typography-component"
+        ],
+        "access": "public",
+        "file": {
+            "path": "typography/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font family of the second highest level heading.\n",
+        "commentRange": {
+            "start": 30,
+            "end": 31
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-h2-font-family",
+            "value": "var(--kendo-font-family)",
+            "scope": "default",
+            "line": {
+                "start": 32,
+                "end": 32
+            }
+        },
+        "group": [
+            "typography-component"
+        ],
+        "access": "public",
+        "file": {
+            "path": "typography/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font family of the third highest level heading.\n",
+        "commentRange": {
+            "start": 33,
+            "end": 34
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-h3-font-family",
+            "value": "var(--kendo-font-family)",
+            "scope": "default",
+            "line": {
+                "start": 35,
+                "end": 35
+            }
+        },
+        "group": [
+            "typography-component"
+        ],
+        "access": "public",
+        "file": {
+            "path": "typography/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font family of the fourth highest level heading.\n",
         "commentRange": {
             "start": 36,
             "end": 37
@@ -88920,8 +89307,8 @@
     {
         "description": "The theme colors map of the Button.\n",
         "commentRange": {
-            "start": 108,
-            "end": 109
+            "start": 114,
+            "end": 115
         },
         "context": {
             "type": "variable",
@@ -88929,8 +89316,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": [
@@ -88945,17 +89332,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": [
@@ -89775,181 +90162,6 @@
             "name": "_variables.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 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
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-flamingo-pink",
-            "value": "$_default-palette-flamingo-pink",
-            "scope": "default",
-            "line": {
-                "start": 280,
-                "end": 280
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
     {
         "description": "The sizes map of the RadioButton.\n",
         "commentRange": {
@@ -90225,431 +90437,6 @@
             "name": "_variables.scss"
         }
     },
-    {
-        "description": "The extra extra small font size across all components.\n",
-        "commentRange": {
-            "start": 9,
-            "end": 10
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-font-size-xxs",
-            "value": "0.5rem",
-            "scope": "default",
-            "line": {
-                "start": 11,
-                "end": 11
-            }
-        },
-        "group": [
-            "typography"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/typography/index.scss",
-            "name": "index.scss"
-        }
-    },
-    {
-        "description": "The base font weight across all components.\n",
-        "commentRange": {
-            "start": 47,
-            "end": 48
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-font-weight",
-            "value": "400",
-            "scope": "default",
-            "line": {
-                "start": 49,
-                "end": 49
-            }
-        },
-        "group": [
-            "typography"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/typography/index.scss",
-            "name": "index.scss"
-        }
-    },
-    {
-        "description": "The thin font weight across all components.\n",
-        "commentRange": {
-            "start": 50,
-            "end": 51
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-font-weight-thin",
-            "value": "100",
-            "scope": "default",
-            "line": {
-                "start": 52,
-                "end": 52
-            }
-        },
-        "group": [
-            "typography"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/typography/index.scss",
-            "name": "index.scss"
-        }
-    },
-    {
-        "description": "The extra light font weight across all components.\n",
-        "commentRange": {
-            "start": 53,
-            "end": 54
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-font-weight-extra-light",
-            "value": "200",
-            "scope": "default",
-            "line": {
-                "start": 55,
-                "end": 55
-            }
-        },
-        "group": [
-            "typography"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/typography/index.scss",
-            "name": "index.scss"
-        }
-    },
-    {
-        "description": "The extra bold font weight across all components.\n",
-        "commentRange": {
-            "start": 71,
-            "end": 72
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-font-weight-extra-bold",
-            "value": "800",
-            "scope": "default",
-            "line": {
-                "start": 73,
-                "end": 73
-            }
-        },
-        "group": [
-            "typography"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/typography/index.scss",
-            "name": "index.scss"
-        }
-    },
-    {
-        "description": "The most pronounced font weight across all components.\n",
-        "commentRange": {
-            "start": 74,
-            "end": 75
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-font-weight-black",
-            "value": "900",
-            "scope": "default",
-            "line": {
-                "start": 76,
-                "end": 76
-            }
-        },
-        "group": [
-            "typography"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/typography/index.scss",
-            "name": "index.scss"
-        }
-    },
-    {
-        "description": "The base letter spacing across all components.\n",
-        "commentRange": {
-            "start": 78,
-            "end": 79
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-letter-spacing",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 80,
-                "end": 80
-            }
-        },
-        "group": [
-            "typography"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/typography/index.scss",
-            "name": "index.scss"
-        }
-    },
-    {
-        "description": "The tightest letter spacing across all components.\n",
-        "commentRange": {
-            "start": 81,
-            "end": 82
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-letter-spacing-tightest",
-            "value": "-.15px",
-            "scope": "default",
-            "line": {
-                "start": 83,
-                "end": 83
-            }
-        },
-        "group": [
-            "typography"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/typography/index.scss",
-            "name": "index.scss"
-        }
-    },
-    {
-        "description": "Slightly looser than the tighter letter spacing across all components.\n",
-        "commentRange": {
-            "start": 84,
-            "end": 85
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-letter-spacing-tighter",
-            "value": "-.10px",
-            "scope": "default",
-            "line": {
-                "start": 86,
-                "end": 86
-            }
-        },
-        "group": [
-            "typography"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/typography/index.scss",
-            "name": "index.scss"
-        }
-    },
-    {
-        "description": "Moderately tight letter spacing across all components.\n",
-        "commentRange": {
-            "start": 87,
-            "end": 88
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-letter-spacing-tight",
-            "value": "-.5px",
-            "scope": "default",
-            "line": {
-                "start": 89,
-                "end": 89
-            }
-        },
-        "group": [
-            "typography"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/typography/index.scss",
-            "name": "index.scss"
-        }
-    },
-    {
-        "description": "The normal letter spacing across all components.\n",
-        "commentRange": {
-            "start": 90,
-            "end": 91
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-letter-spacing-normal",
-            "value": "0px",
-            "scope": "default",
-            "line": {
-                "start": 92,
-                "end": 92
-            }
-        },
-        "group": [
-            "typography"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/typography/index.scss",
-            "name": "index.scss"
-        }
-    },
-    {
-        "description": "Wide letter spacing across all components.\n",
-        "commentRange": {
-            "start": 93,
-            "end": 94
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-letter-spacing-wide",
-            "value": ".5px",
-            "scope": "default",
-            "line": {
-                "start": 95,
-                "end": 95
-            }
-        },
-        "group": [
-            "typography"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/typography/index.scss",
-            "name": "index.scss"
-        }
-    },
-    {
-        "description": "Slightly wider than the wide letter spacing across all components.\n",
-        "commentRange": {
-            "start": 96,
-            "end": 97
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-letter-spacing-wider",
-            "value": ".10px",
-            "scope": "default",
-            "line": {
-                "start": 98,
-                "end": 98
-            }
-        },
-        "group": [
-            "typography"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/typography/index.scss",
-            "name": "index.scss"
-        }
-    },
-    {
-        "description": "The widest letter spacing across all components.\n",
-        "commentRange": {
-            "start": 99,
-            "end": 100
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-letter-spacing-widest",
-            "value": ".15px",
-            "scope": "default",
-            "line": {
-                "start": 101,
-                "end": 101
-            }
-        },
-        "group": [
-            "typography"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/typography/index.scss",
-            "name": "index.scss"
-        }
-    },
-    {
-        "description": "The sans font family across all components.\n",
-        "commentRange": {
-            "start": 103,
-            "end": 104
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-font-family-sans",
-            "value": "Arial, Verdana, Tahoma, \"Trebuchet MS\", Helvetica, Impact, Gill Sans",
-            "scope": "default",
-            "line": {
-                "start": 105,
-                "end": 105
-            }
-        },
-        "group": [
-            "typography"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/typography/index.scss",
-            "name": "index.scss"
-        }
-    },
-    {
-        "description": "The serif font family across all components.\n",
-        "commentRange": {
-            "start": 106,
-            "end": 107
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-font-family-serif",
-            "value": "\"Times New Roman\", Georgia, Garamond, Palatino, Baskerville",
-            "scope": "default",
-            "line": {
-                "start": 108,
-                "end": 108
-            }
-        },
-        "group": [
-            "typography"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/typography/index.scss",
-            "name": "index.scss"
-        }
-    },
-    {
-        "description": "The letter spacings map\n",
-        "commentRange": {
-            "start": 180,
-            "end": 181
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-letter-spacings",
-            "value": "$default-letter-spacings",
-            "scope": "default",
-            "line": {
-                "start": 182,
-                "end": 182
-            }
-        },
-        "group": [
-            "typography"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/typography/index.scss",
-            "name": "index.scss"
-        }
-    },
     {
         "description": "A list of exported modules.\n",
         "commentRange": {