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

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

@@ -6548,14 +6548,14 @@
         }
     },
     {
-        "description": "The horizontal padding of the small Button.\n",
+        "description": "The horizontal padding of the xsmall Button.\n",
         "commentRange": {
             "start": 32,
             "end": 33
         },
         "context": {
             "type": "variable",
-            "name": "kendo-button-sm-padding-x",
+            "name": "kendo-button-xs-padding-x",
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
@@ -6573,14 +6573,14 @@
         }
     },
     {
-        "description": "The horizontal padding of the medium Button.\n",
+        "description": "The horizontal padding of the small Button.\n",
         "commentRange": {
             "start": 35,
             "end": 36
         },
         "context": {
             "type": "variable",
-            "name": "kendo-button-md-padding-x",
+            "name": "kendo-button-sm-padding-x",
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
@@ -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(3)",
+            "name": "kendo-button-md-padding-x",
+            "value": "k-spacing(2)",
             "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(3)",
+            "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(0.5)",
             "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)",
             "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": "var(--kendo-font-size)",
             "scope": "default",
             "line": {
-                "start": 61,
-                "end": 61
+                "start": 67,
+                "end": 67
+            }
+        },
+        "group": [
+            "button"
+        ],
+        "access": "public",
+        "file": {
+            "path": "button/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the xsmall Button.\n",
+        "commentRange": {
+            "start": 68,
+            "end": 69
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-button-xs-font-size",
+            "value": "var(--kendo-font-size)",
+            "scope": "default",
+            "line": {
+                "start": 70,
+                "end": 70
             }
         },
         "group": [
@@ -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)",
             "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": "var(--kendo-line-height)",
             "scope": "default",
             "line": {
-                "start": 74,
-                "end": 74
+                "start": 83,
+                "end": 83
+            }
+        },
+        "group": [
+            "button"
+        ],
+        "access": "public",
+        "file": {
+            "path": "button/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The line height used along with the $kendo-font-size variable of the xsmall Button.\n",
+        "commentRange": {
+            "start": 84,
+            "end": 85
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-button-xs-line-height",
+            "value": "var(--kendo-line-height)",
+            "scope": "default",
+            "line": {
+                "start": 86,
+                "end": 86
             }
         },
         "group": [
@@ -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": "var(--kendo-line-height)",
             "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-lg)",
             "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": 95,
-            "end": 96
+            "start": 109,
+            "end": 110
         },
         "context": {
             "type": "variable",
@@ -6959,8 +7059,8 @@
             "value": "k-color(base)",
             "scope": "default",
             "line": {
-                "start": 97,
-                "end": 97
+                "start": 111,
+                "end": 111
             }
         },
         "group": [
@@ -6975,8 +7075,8 @@
     {
         "description": "The base text color of the Button.\n",
         "commentRange": {
-            "start": 98,
-            "end": 99
+            "start": 112,
+            "end": 113
         },
         "context": {
             "type": "variable",
@@ -6984,8 +7084,8 @@
             "value": "k-color(on-base)",
             "scope": "default",
             "line": {
-                "start": 100,
-                "end": 100
+                "start": 114,
+                "end": 114
             }
         },
         "group": [
@@ -7000,8 +7100,8 @@
     {
         "description": "The base border color of the Button.\n",
         "commentRange": {
-            "start": 101,
-            "end": 102
+            "start": 115,
+            "end": 116
         },
         "context": {
             "type": "variable",
@@ -7009,8 +7109,8 @@
             "value": "k-color(border)",
             "scope": "default",
             "line": {
-                "start": 103,
-                "end": 103
+                "start": 117,
+                "end": 117
             }
         },
         "group": [
@@ -7025,8 +7125,8 @@
     {
         "description": "The base background gradient of the Button.\n",
         "commentRange": {
-            "start": 104,
-            "end": 105
+            "start": 118,
+            "end": 119
         },
         "context": {
             "type": "variable",
@@ -7034,8 +7134,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 106,
-                "end": 106
+                "start": 120,
+                "end": 120
             }
         },
         "group": [
@@ -7050,8 +7150,8 @@
     {
         "description": "The base shadow of the Button.\n",
         "commentRange": {
-            "start": 107,
-            "end": 108
+            "start": 121,
+            "end": 122
         },
         "context": {
             "type": "variable",
@@ -7059,8 +7159,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 109,
-                "end": 109
+                "start": 123,
+                "end": 123
             }
         },
         "group": [
@@ -7075,8 +7175,8 @@
     {
         "description": "The base background of the hovered Button.\n",
         "commentRange": {
-            "start": 111,
-            "end": 112
+            "start": 125,
+            "end": 126
         },
         "context": {
             "type": "variable",
@@ -7084,8 +7184,8 @@
             "value": "k-color(base-hover)",
             "scope": "default",
             "line": {
-                "start": 113,
-                "end": 113
+                "start": 127,
+                "end": 127
             }
         },
         "group": [
@@ -7100,8 +7200,8 @@
     {
         "description": "The base text color of the hovered Button.\n",
         "commentRange": {
-            "start": 114,
-            "end": 115
+            "start": 128,
+            "end": 129
         },
         "context": {
             "type": "variable",
@@ -7109,8 +7209,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 116,
-                "end": 116
+                "start": 130,
+                "end": 130
             }
         },
         "group": [
@@ -7125,8 +7225,8 @@
     {
         "description": "The base border color of the hovered Button.\n",
         "commentRange": {
-            "start": 117,
-            "end": 118
+            "start": 131,
+            "end": 132
         },
         "context": {
             "type": "variable",
@@ -7134,8 +7234,8 @@
             "value": "k-color(border-alt)",
             "scope": "default",
             "line": {
-                "start": 119,
-                "end": 119
+                "start": 133,
+                "end": 133
             }
         },
         "group": [
@@ -7150,8 +7250,8 @@
     {
         "description": "The base background gradient of the hovered Button.\n",
         "commentRange": {
-            "start": 120,
-            "end": 121
+            "start": 134,
+            "end": 135
         },
         "context": {
             "type": "variable",
@@ -7159,8 +7259,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 122,
-                "end": 122
+                "start": 136,
+                "end": 136
             }
         },
         "group": [
@@ -7175,8 +7275,8 @@
     {
         "description": "The base shadow of the hovered Button.\n",
         "commentRange": {
-            "start": 123,
-            "end": 124
+            "start": 137,
+            "end": 138
         },
         "context": {
             "type": "variable",
@@ -7184,8 +7284,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 125,
-                "end": 125
+                "start": 139,
+                "end": 139
             }
         },
         "group": [
@@ -7200,8 +7300,8 @@
     {
         "description": "The base background color of the active Button.\n",
         "commentRange": {
-            "start": 127,
-            "end": 128
+            "start": 141,
+            "end": 142
         },
         "context": {
             "type": "variable",
@@ -7209,8 +7309,8 @@
             "value": "k-color(base-active)",
             "scope": "default",
             "line": {
-                "start": 129,
-                "end": 129
+                "start": 143,
+                "end": 143
             }
         },
         "group": [
@@ -7225,8 +7325,8 @@
     {
         "description": "The base text color of the active Button.\n",
         "commentRange": {
-            "start": 130,
-            "end": 131
+            "start": 144,
+            "end": 145
         },
         "context": {
             "type": "variable",
@@ -7234,8 +7334,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 132,
-                "end": 132
+                "start": 146,
+                "end": 146
             }
         },
         "group": [
@@ -7250,8 +7350,8 @@
     {
         "description": "The base border color of the active Button.\n",
         "commentRange": {
-            "start": 133,
-            "end": 134
+            "start": 147,
+            "end": 148
         },
         "context": {
             "type": "variable",
@@ -7259,8 +7359,8 @@
             "value": "k-color(border-alt)",
             "scope": "default",
             "line": {
-                "start": 135,
-                "end": 135
+                "start": 149,
+                "end": 149
             }
         },
         "group": [
@@ -7275,8 +7375,8 @@
     {
         "description": "The base background gradient of the active Button.\n",
         "commentRange": {
-            "start": 136,
-            "end": 137
+            "start": 150,
+            "end": 151
         },
         "context": {
             "type": "variable",
@@ -7284,8 +7384,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 138,
-                "end": 138
+                "start": 152,
+                "end": 152
             }
         },
         "group": [
@@ -7300,8 +7400,8 @@
     {
         "description": "The base shadow of the active Button.\n",
         "commentRange": {
-            "start": 139,
-            "end": 140
+            "start": 153,
+            "end": 154
         },
         "context": {
             "type": "variable",
@@ -7309,8 +7409,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 141,
-                "end": 141
+                "start": 155,
+                "end": 155
             }
         },
         "group": [
@@ -7325,8 +7425,8 @@
     {
         "description": "The base background color of the selected Button.\n",
         "commentRange": {
-            "start": 143,
-            "end": 144
+            "start": 157,
+            "end": 158
         },
         "context": {
             "type": "variable",
@@ -7334,8 +7434,8 @@
             "value": "k-color(primary)",
             "scope": "default",
             "line": {
-                "start": 145,
-                "end": 145
+                "start": 159,
+                "end": 159
             }
         },
         "group": [
@@ -7350,8 +7450,8 @@
     {
         "description": "The text color of the selected Button.\n",
         "commentRange": {
-            "start": 146,
-            "end": 147
+            "start": 160,
+            "end": 161
         },
         "context": {
             "type": "variable",
@@ -7359,8 +7459,8 @@
             "value": "k-color(on-primary)",
             "scope": "default",
             "line": {
-                "start": 148,
-                "end": 148
+                "start": 162,
+                "end": 162
             }
         },
         "group": [
@@ -7375,8 +7475,8 @@
     {
         "description": "The border color of the selected Button.\n",
         "commentRange": {
-            "start": 149,
-            "end": 150
+            "start": 163,
+            "end": 164
         },
         "context": {
             "type": "variable",
@@ -7384,8 +7484,8 @@
             "value": "$kendo-button-selected-bg",
             "scope": "default",
             "line": {
-                "start": 151,
-                "end": 151
+                "start": 165,
+                "end": 165
             }
         },
         "group": [
@@ -7400,8 +7500,8 @@
     {
         "description": "The background gradient of the selected Button.\n",
         "commentRange": {
-            "start": 152,
-            "end": 153
+            "start": 166,
+            "end": 167
         },
         "context": {
             "type": "variable",
@@ -7409,8 +7509,8 @@
             "value": "$kendo-button-active-gradient",
             "scope": "default",
             "line": {
-                "start": 154,
-                "end": 154
+                "start": 168,
+                "end": 168
             }
         },
         "group": [
@@ -7425,8 +7525,8 @@
     {
         "description": "The base shadow of the selected Button.\n",
         "commentRange": {
-            "start": 155,
-            "end": 156
+            "start": 169,
+            "end": 170
         },
         "context": {
             "type": "variable",
@@ -7434,8 +7534,8 @@
             "value": "$kendo-button-active-shadow",
             "scope": "default",
             "line": {
-                "start": 157,
-                "end": 157
+                "start": 171,
+                "end": 171
             }
         },
         "group": [
@@ -7450,8 +7550,8 @@
     {
         "description": "The base shadow of the focused Button.\n",
         "commentRange": {
-            "start": 159,
-            "end": 160
+            "start": 173,
+            "end": 174
         },
         "context": {
             "type": "variable",
@@ -7459,8 +7559,8 @@
             "value": "0 0 4px 0 color-mix(in srgb, k-color(border) 75%, transparent)",
             "scope": "default",
             "line": {
-                "start": 161,
-                "end": 161
+                "start": 175,
+                "end": 175
             }
         },
         "group": [
@@ -7475,8 +7575,8 @@
     {
         "description": "The base background of the disabled Button.\n",
         "commentRange": {
-            "start": 163,
-            "end": 164
+            "start": 177,
+            "end": 178
         },
         "context": {
             "type": "variable",
@@ -7484,8 +7584,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 165,
-                "end": 165
+                "start": 179,
+                "end": 179
             }
         },
         "group": [
@@ -7500,8 +7600,8 @@
     {
         "description": "The base text color of the disabled Button.\n",
         "commentRange": {
-            "start": 166,
-            "end": 167
+            "start": 180,
+            "end": 181
         },
         "context": {
             "type": "variable",
@@ -7509,8 +7609,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 168,
-                "end": 168
+                "start": 182,
+                "end": 182
             }
         },
         "group": [
@@ -7525,8 +7625,8 @@
     {
         "description": "The base border color of the disabled Button.\n",
         "commentRange": {
-            "start": 169,
-            "end": 170
+            "start": 183,
+            "end": 184
         },
         "context": {
             "type": "variable",
@@ -7534,8 +7634,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 171,
-                "end": 171
+                "start": 185,
+                "end": 185
             }
         },
         "group": [
@@ -7550,8 +7650,8 @@
     {
         "description": "The base background gradient of the disabled Button.\n",
         "commentRange": {
-            "start": 172,
-            "end": 173
+            "start": 186,
+            "end": 187
         },
         "context": {
             "type": "variable",
@@ -7559,8 +7659,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 174,
-                "end": 174
+                "start": 188,
+                "end": 188
             }
         },
         "group": [
@@ -7575,8 +7675,8 @@
     {
         "description": "The base shadow of the disabled Button.\n",
         "commentRange": {
-            "start": 175,
-            "end": 176
+            "start": 189,
+            "end": 190
         },
         "context": {
             "type": "variable",
@@ -7584,8 +7684,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 177,
-                "end": 177
+                "start": 191,
+                "end": 191
             }
         },
         "group": [
@@ -7600,8 +7700,8 @@
     {
         "description": "The opacity of the pulsing animation for the generating Button.\n",
         "commentRange": {
-            "start": 179,
-            "end": 180
+            "start": 193,
+            "end": 194
         },
         "context": {
             "type": "variable",
@@ -7609,8 +7709,8 @@
             "value": ".4",
             "scope": "default",
             "line": {
-                "start": 181,
-                "end": 181
+                "start": 195,
+                "end": 195
             }
         },
         "group": [
@@ -7625,8 +7725,8 @@
     {
         "description": "The gradient of the solid Button.\n",
         "commentRange": {
-            "start": 184,
-            "end": 185
+            "start": 198,
+            "end": 199
         },
         "context": {
             "type": "variable",
@@ -7634,8 +7734,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 186,
-                "end": 186
+                "start": 200,
+                "end": 200
             }
         },
         "group": [
@@ -7650,8 +7750,8 @@
     {
         "description": "The shadow of the solid Button.\n",
         "commentRange": {
-            "start": 187,
-            "end": 188
+            "start": 201,
+            "end": 202
         },
         "context": {
             "type": "variable",
@@ -7659,8 +7759,8 @@
             "value": "true",
             "scope": "default",
             "line": {
-                "start": 189,
-                "end": 189
+                "start": 203,
+                "end": 203
             }
         },
         "group": [
@@ -7675,8 +7775,8 @@
     {
         "description": "The shadow blur of the solid Button.\n",
         "commentRange": {
-            "start": 190,
-            "end": 191
+            "start": 204,
+            "end": 205
         },
         "context": {
             "type": "variable",
@@ -7684,8 +7784,8 @@
             "value": "4px",
             "scope": "default",
             "line": {
-                "start": 192,
-                "end": 192
+                "start": 206,
+                "end": 206
             }
         },
         "group": [
@@ -7700,8 +7800,8 @@
     {
         "description": "The shadow spread of the solid Button.\n",
         "commentRange": {
-            "start": 193,
-            "end": 194
+            "start": 207,
+            "end": 208
         },
         "context": {
             "type": "variable",
@@ -7709,8 +7809,8 @@
             "value": "0px",
             "scope": "default",
             "line": {
-                "start": 195,
-                "end": 195
+                "start": 209,
+                "end": 209
             }
         },
         "group": [
@@ -7725,8 +7825,8 @@
     {
         "description": "The shadow opacity of the solid Button.\n",
         "commentRange": {
-            "start": 196,
-            "end": 197
+            "start": 210,
+            "end": 211
         },
         "context": {
             "type": "variable",
@@ -7734,8 +7834,8 @@
             "value": ".75",
             "scope": "default",
             "line": {
-                "start": 198,
-                "end": 198
+                "start": 212,
+                "end": 212
             }
         },
         "group": [
@@ -7750,8 +7850,8 @@
     {
         "description": "The shadow of the outline Button.\n",
         "commentRange": {
-            "start": 201,
-            "end": 202
+            "start": 215,
+            "end": 216
         },
         "context": {
             "type": "variable",
@@ -7759,8 +7859,8 @@
             "value": "true",
             "scope": "default",
             "line": {
-                "start": 203,
-                "end": 203
+                "start": 217,
+                "end": 217
             }
         },
         "group": [
@@ -7775,8 +7875,8 @@
     {
         "description": "The shadow blur of the outline Button.\n",
         "commentRange": {
-            "start": 204,
-            "end": 205
+            "start": 218,
+            "end": 219
         },
         "context": {
             "type": "variable",
@@ -7784,8 +7884,8 @@
             "value": "4px",
             "scope": "default",
             "line": {
-                "start": 206,
-                "end": 206
+                "start": 220,
+                "end": 220
             }
         },
         "group": [
@@ -7800,8 +7900,8 @@
     {
         "description": "The shadow spread of the outline Button.\n",
         "commentRange": {
-            "start": 207,
-            "end": 208
+            "start": 221,
+            "end": 222
         },
         "context": {
             "type": "variable",
@@ -7809,8 +7909,8 @@
             "value": "0px",
             "scope": "default",
             "line": {
-                "start": 209,
-                "end": 209
+                "start": 223,
+                "end": 223
             }
         },
         "group": [
@@ -7825,8 +7925,8 @@
     {
         "description": "The shadow opacity of the outline Button.\n",
         "commentRange": {
-            "start": 210,
-            "end": 211
+            "start": 224,
+            "end": 225
         },
         "context": {
             "type": "variable",
@@ -7834,8 +7934,8 @@
             "value": ".75",
             "scope": "default",
             "line": {
-                "start": 212,
-                "end": 212
+                "start": 226,
+                "end": 226
             }
         },
         "group": [
@@ -7850,8 +7950,8 @@
     {
         "description": "The shadow of the link Button.\n",
         "commentRange": {
-            "start": 215,
-            "end": 216
+            "start": 229,
+            "end": 230
         },
         "context": {
             "type": "variable",
@@ -7859,8 +7959,8 @@
             "value": "true",
             "scope": "default",
             "line": {
-                "start": 217,
-                "end": 217
+                "start": 231,
+                "end": 231
             }
         },
         "group": [
@@ -7875,8 +7975,8 @@
     {
         "description": "The shadow blur of the link Button.\n",
         "commentRange": {
-            "start": 218,
-            "end": 219
+            "start": 232,
+            "end": 233
         },
         "context": {
             "type": "variable",
@@ -7884,8 +7984,8 @@
             "value": "4px",
             "scope": "default",
             "line": {
-                "start": 220,
-                "end": 220
+                "start": 234,
+                "end": 234
             }
         },
         "group": [
@@ -7900,8 +8000,8 @@
     {
         "description": "The shadow spread of the link Button.\n",
         "commentRange": {
-            "start": 221,
-            "end": 222
+            "start": 235,
+            "end": 236
         },
         "context": {
             "type": "variable",
@@ -7909,8 +8009,8 @@
             "value": "0px",
             "scope": "default",
             "line": {
-                "start": 223,
-                "end": 223
+                "start": 237,
+                "end": 237
             }
         },
         "group": [
@@ -7925,8 +8025,8 @@
     {
         "description": "The shadow opacity of the link Button.\n",
         "commentRange": {
-            "start": 224,
-            "end": 225
+            "start": 238,
+            "end": 239
         },
         "context": {
             "type": "variable",
@@ -7934,8 +8034,8 @@
             "value": ".75",
             "scope": "default",
             "line": {
-                "start": 226,
-                "end": 226
+                "start": 240,
+                "end": 240
             }
         },
         "group": [
@@ -7950,8 +8050,8 @@
     {
         "description": "The opacity of the clear Button.\n",
         "commentRange": {
-            "start": 229,
-            "end": 230
+            "start": 243,
+            "end": 244
         },
         "context": {
             "type": "variable",
@@ -7959,8 +8059,8 @@
             "value": ".1",
             "scope": "default",
             "line": {
-                "start": 231,
-                "end": 231
+                "start": 245,
+                "end": 245
             }
         },
         "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": 233,
-            "end": 234
+            "start": 247,
+            "end": 248
         },
         "context": {
             "type": "variable",
@@ -7984,8 +8084,8 @@
             "value": ".08",
             "scope": "default",
             "line": {
-                "start": 235,
-                "end": 235
+                "start": 249,
+                "end": 249
             }
         },
         "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": 236,
-            "end": 237
+            "start": 250,
+            "end": 251
         },
         "context": {
             "type": "variable",
@@ -8009,8 +8109,8 @@
             "value": ".12",
             "scope": "default",
             "line": {
-                "start": 238,
-                "end": 238
+                "start": 252,
+                "end": 252
             }
         },
         "group": [
@@ -8025,8 +8125,8 @@
     {
         "description": "The overlay opacity of the active flat Button. Used to create background for the flat Button.\n",
         "commentRange": {
-            "start": 239,
-            "end": 240
+            "start": 253,
+            "end": 254
         },
         "context": {
             "type": "variable",
@@ -8034,8 +8134,8 @@
             "value": ".16",
             "scope": "default",
             "line": {
-                "start": 241,
-                "end": 241
+                "start": 255,
+                "end": 255
             }
         },
         "group": [
@@ -8050,8 +8150,8 @@
     {
         "description": "The overlay opacity of the selected flat Button. Used to create background for the flat Button.\n",
         "commentRange": {
-            "start": 242,
-            "end": 243
+            "start": 256,
+            "end": 257
         },
         "context": {
             "type": "variable",
@@ -8059,8 +8159,8 @@
             "value": ".2",
             "scope": "default",
             "line": {
-                "start": 244,
-                "end": 244
+                "start": 258,
+                "end": 258
             }
         },
         "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": 245,
-            "end": 246
+            "start": 259,
+            "end": 260
         },
         "context": {
             "type": "variable",
@@ -8084,8 +8184,8 @@
             "value": ".12",
             "scope": "default",
             "line": {
-                "start": 247,
-                "end": 247
+                "start": 261,
+                "end": 261
             }
         },
         "group": [
@@ -8100,8 +8200,8 @@
     {
         "description": "The transition of the Button.\n",
         "commentRange": {
-            "start": 249,
-            "end": 250
+            "start": 263,
+            "end": 264
         },
         "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": 251,
-                "end": 251
+                "start": 265,
+                "end": 265
             }
         },
         "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",
@@ -51795,331 +51907,6 @@
             "name": "_variables.scss"
         }
     },
-    {
-        "description": "The Ash Gray Palette provides colors to the Base, Secondary, Light, Dark, and Inverse variable groups.\n",
-        "commentRange": {
-            "start": 241,
-            "end": 242
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-ash-gray",
-            "value": "$_default-palette-ash-gray",
-            "scope": "default",
-            "line": {
-                "start": 243,
-                "end": 243
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Tangerine Orange Palette provides colors to the Primary variable group.\n",
-        "commentRange": {
-            "start": 246,
-            "end": 247
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-tangerine-orange",
-            "value": "$_default-palette-tangerine-orange",
-            "scope": "default",
-            "line": {
-                "start": 248,
-                "end": 248
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Dodger Blue Palette provides colors to the Tertiary variable group.\n",
-        "commentRange": {
-            "start": 251,
-            "end": 252
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-dodger-blue",
-            "value": "$_default-palette-dodger-blue",
-            "scope": "default",
-            "line": {
-                "start": 253,
-                "end": 253
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Grass Green Palette provides colors to the Success variable group.\n",
-        "commentRange": {
-            "start": 256,
-            "end": 257
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-grass-green",
-            "value": "$_default-palette-grass-green",
-            "scope": "default",
-            "line": {
-                "start": 258,
-                "end": 258
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Lake Blue Palette provides colors to the Info variable group.\n",
-        "commentRange": {
-            "start": 261,
-            "end": 262
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-lake-blue",
-            "value": "$_default-palette-lake-blue",
-            "scope": "default",
-            "line": {
-                "start": 263,
-                "end": 263
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Honey Yellow Palette provides colors to the Warning variable group.\n",
-        "commentRange": {
-            "start": 266,
-            "end": 267
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-honey-yellow",
-            "value": "$_default-palette-honey-yellow",
-            "scope": "default",
-            "line": {
-                "start": 268,
-                "end": 268
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Brick Red Palette provides colors to the Error variable group.\n",
-        "commentRange": {
-            "start": 271,
-            "end": 272
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-brick-red",
-            "value": "$_default-palette-brick-red",
-            "scope": "default",
-            "line": {
-                "start": 273,
-                "end": 273
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Coral Palette provides colors to the Series A variable group.\n",
-        "commentRange": {
-            "start": 276,
-            "end": 277
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-coral",
-            "value": "$_default-palette-coral",
-            "scope": "default",
-            "line": {
-                "start": 278,
-                "end": 278
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Pineapple Yellow provides colors to the Series B variable group.\n",
-        "commentRange": {
-            "start": 281,
-            "end": 282
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-pineapple-yellow",
-            "value": "$_default-palette-pineapple-yellow",
-            "scope": "default",
-            "line": {
-                "start": 283,
-                "end": 283
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Apple Green provides colors to the Series C variable group.\n",
-        "commentRange": {
-            "start": 286,
-            "end": 287
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-apple-green",
-            "value": "$_default-palette-apple-green",
-            "scope": "default",
-            "line": {
-                "start": 288,
-                "end": 288
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Pacific Blue provides colors to the Series D variable group.\n",
-        "commentRange": {
-            "start": 291,
-            "end": 292
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-pacific-blue",
-            "value": "$_default-palette-pacific-blue",
-            "scope": "default",
-            "line": {
-                "start": 293,
-                "end": 293
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Bright Blue provides colors to the Series E variable group.\n",
-        "commentRange": {
-            "start": 296,
-            "end": 297
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-bright-blue",
-            "value": "$_default-palette-bright-blue",
-            "scope": "default",
-            "line": {
-                "start": 298,
-                "end": 298
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Orchid Purple provides colors to the Series F variable group.\n",
-        "commentRange": {
-            "start": 301,
-            "end": 302
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-orchid-purple",
-            "value": "$_default-palette-orchid-purple",
-            "scope": "default",
-            "line": {
-                "start": 303,
-                "end": 303
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
     {
         "description": "The border radius of the Panel.\n",
         "commentRange": {
@@ -60555,19 +60342,19 @@
         }
     },
     {
-        "description": "The none 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-none",
-            "value": "map.get($kendo-spacing, 0)",
+            "name": "kendo-border-radius-base",
+            "value": ".25rem",
             "scope": "default",
             "line": {
-                "start": 6,
-                "end": 6
+                "start": 5,
+                "end": 5
             }
         },
         "group": [
@@ -60580,15 +60367,15 @@
         }
     },
     {
-        "description": "The extra small border radius used across the Components.\n",
+        "description": "The none border radius used across the Components.\n",
         "commentRange": {
             "start": 7,
             "end": 8
         },
         "context": {
             "type": "variable",
-            "name": "kendo-border-radius-xs",
-            "value": "map.get($kendo-spacing, 1px)",
+            "name": "kendo-border-radius-none",
+            "value": "0px",
             "scope": "default",
             "line": {
                 "start": 9,
@@ -60605,15 +60392,15 @@
         }
     },
     {
-        "description": "The small border radius used across the Components.\n",
+        "description": "The extra small border radius used across the Components.\n",
         "commentRange": {
             "start": 10,
             "end": 11
         },
         "context": {
             "type": "variable",
-            "name": "kendo-border-radius-sm",
-            "value": "map.get($kendo-spacing, 0.5)",
+            "name": "kendo-border-radius-xs",
+            "value": "calc(var(--kendo-border-radius-base) * .25)",
             "scope": "default",
             "line": {
                 "start": 12,
@@ -60630,15 +60417,15 @@
         }
     },
     {
-        "description": "The medium border radius used across the Components.\n",
+        "description": "The small border radius used across the Components.\n",
         "commentRange": {
             "start": 13,
             "end": 14
         },
         "context": {
             "type": "variable",
-            "name": "kendo-border-radius-md",
-            "value": "map.get($kendo-spacing, 1)",
+            "name": "kendo-border-radius-sm",
+            "value": "calc(var(--kendo-border-radius-base) * .5)",
             "scope": "default",
             "line": {
                 "start": 15,
@@ -60655,15 +60442,15 @@
         }
     },
     {
-        "description": "The large border radius used across the Components.\n",
+        "description": "The medium border radius used across the Components.\n",
         "commentRange": {
             "start": 16,
             "end": 17
         },
         "context": {
             "type": "variable",
-            "name": "kendo-border-radius-lg",
-            "value": "map.get($kendo-spacing, 1.5)",
+            "name": "kendo-border-radius-md",
+            "value": "var(--kendo-border-radius-base)",
             "scope": "default",
             "line": {
                 "start": 18,
@@ -60680,15 +60467,15 @@
         }
     },
     {
-        "description": "The extra large border radius used across the Components.\n",
+        "description": "The large border radius used across the Components.\n",
         "commentRange": {
             "start": 19,
             "end": 20
         },
         "context": {
             "type": "variable",
-            "name": "kendo-border-radius-xl",
-            "value": "map.get($kendo-spacing, 2)",
+            "name": "kendo-border-radius-lg",
+            "value": "calc(var(--kendo-border-radius-base) * 1.5)",
             "scope": "default",
             "line": {
                 "start": 21,
@@ -60705,15 +60492,15 @@
         }
     },
     {
-        "description": "The third largest border radius used across the Components.\n",
+        "description": "The extra large border radius used across the Components.\n",
         "commentRange": {
             "start": 22,
             "end": 23
         },
         "context": {
             "type": "variable",
-            "name": "kendo-border-radius-xxl",
-            "value": "map.get($kendo-spacing, 3)",
+            "name": "kendo-border-radius-xl",
+            "value": "calc(var(--kendo-border-radius-base) * 2)",
             "scope": "default",
             "line": {
                 "start": 24,
@@ -60730,15 +60517,15 @@
         }
     },
     {
-        "description": "The second largest border radius used across the Components.\n",
+        "description": "The third largest border radius used across the Components.\n",
         "commentRange": {
             "start": 25,
             "end": 26
         },
         "context": {
             "type": "variable",
-            "name": "kendo-border-radius-xxxl",
-            "value": "map.get($kendo-spacing, 4)",
+            "name": "kendo-border-radius-xxl",
+            "value": "calc(var(--kendo-border-radius-base) * 3)",
             "scope": "default",
             "line": {
                 "start": 27,
@@ -60755,15 +60542,15 @@
         }
     },
     {
-        "description": "The largest border radius used across the Components.\n",
+        "description": "The second largest border radius used across the Components.\n",
         "commentRange": {
             "start": 28,
             "end": 29
         },
         "context": {
             "type": "variable",
-            "name": "kendo-border-radius-full",
-            "value": "9999px",
+            "name": "kendo-border-radius-xxxl",
+            "value": "calc(var(--kendo-border-radius-base) * 4)",
             "scope": "default",
             "line": {
                 "start": 30,
@@ -60779,11 +60566,36 @@
             "name": "index.scss"
         }
     },
+    {
+        "description": "The largest border radius used across the Components.\n",
+        "commentRange": {
+            "start": 31,
+            "end": 32
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-border-radius-full",
+            "value": "calc(var(--kendo-border-radius-base) * 9999)",
+            "scope": "default",
+            "line": {
+                "start": 33,
+                "end": 33
+            }
+        },
+        "group": [
+            "radii"
+        ],
+        "access": "public",
+        "file": {
+            "path": "core/border-radii/index.scss",
+            "name": "index.scss"
+        }
+    },
     {
         "description": "The global radii Map.\n",
         "commentRange": {
-            "start": 48,
-            "end": 49
+            "start": 51,
+            "end": 52
         },
         "context": {
             "type": "variable",
@@ -60791,8 +60603,8 @@
             "value": "map.merge($_default-border-radii, $kendo-border-radii)",
             "scope": "private",
             "line": {
-                "start": 50,
-                "end": 50
+                "start": 53,
+                "end": 53
             }
         },
         "group": [
@@ -67469,11 +67281,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",
@@ -67481,8 +67318,8 @@
             "value": "$_default-spacing",
             "scope": "default",
             "line": {
-                "start": 48,
-                "end": 48
+                "start": 46,
+                "end": 46
             }
         },
         "group": [
@@ -89245,8 +89082,8 @@
     {
         "description": "The theme colors map of the Button.\n",
         "commentRange": {
-            "start": 108,
-            "end": 109
+            "start": 114,
+            "end": 115
         },
         "context": {
             "type": "variable",
@@ -89254,8 +89091,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": [
@@ -89270,17 +89107,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": [
@@ -90100,281 +89937,6 @@
             "name": "_variables.scss"
         }
     },
-    {
-        "description": "The Gray Palette provides colors to the Base, Secondary, Light, Dark, and Inverse variable groups.\n",
-        "commentRange": {
-            "start": 223,
-            "end": 224
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-gray",
-            "value": "$_default-palette-gray",
-            "scope": "default",
-            "line": {
-                "start": 225,
-                "end": 225
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Sky Blue Palette provides colors to the Tertiary variable group.\n",
-        "commentRange": {
-            "start": 233,
-            "end": 234
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-sky-blue",
-            "value": "$_default-palette-sky-blue",
-            "scope": "default",
-            "line": {
-                "start": 235,
-                "end": 235
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Green Palette provides colors to the Success variable group.\n",
-        "commentRange": {
-            "start": 238,
-            "end": 239
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-green",
-            "value": "$_default-palette-green",
-            "scope": "default",
-            "line": {
-                "start": 240,
-                "end": 240
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Blue Palette provides colors to the Info variable group.\n",
-        "commentRange": {
-            "start": 243,
-            "end": 244
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-blue",
-            "value": "$_default-palette-blue",
-            "scope": "default",
-            "line": {
-                "start": 245,
-                "end": 245
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Yellow Palette provides colors to the Warning variable group.\n",
-        "commentRange": {
-            "start": 248,
-            "end": 249
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-yellow",
-            "value": "$_default-palette-yellow",
-            "scope": "default",
-            "line": {
-                "start": 250,
-                "end": 250
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Red Palette provides colors to the Error variable group.\n",
-        "commentRange": {
-            "start": 253,
-            "end": 254
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-red",
-            "value": "$_default-palette-red",
-            "scope": "default",
-            "line": {
-                "start": 255,
-                "end": 255
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Lemon Yellow Palette provides colors to the Series B variable group.\n",
-        "commentRange": {
-            "start": 258,
-            "end": 259
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-lemon-yellow",
-            "value": "$_default-palette-lemon-yellow",
-            "scope": "default",
-            "line": {
-                "start": 260,
-                "end": 260
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Spring Green Palette provides colors to the Series C variable group.\n",
-        "commentRange": {
-            "start": 263,
-            "end": 264
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-spring-green",
-            "value": "$_default-palette-spring-green",
-            "scope": "default",
-            "line": {
-                "start": 265,
-                "end": 265
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Royal Blue Palette provides colors to the Series D variable group.\n",
-        "commentRange": {
-            "start": 268,
-            "end": 269
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-royal-blue",
-            "value": "$_default-palette-royal-blue",
-            "scope": "default",
-            "line": {
-                "start": 270,
-                "end": 270
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Lavender Purple Palette provides colors to the Series E variable group.\n",
-        "commentRange": {
-            "start": 273,
-            "end": 274
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-palette-lavender-purple",
-            "value": "$_default-palette-lavender-purple",
-            "scope": "default",
-            "line": {
-                "start": 275,
-                "end": 275
-            }
-        },
-        "group": [
-            "palette"
-        ],
-        "access": "public",
-        "file": {
-            "path": "core/scss/color-system/_palettes.scss",
-            "name": "_palettes.scss"
-        }
-    },
-    {
-        "description": "The Flamingo Pink Palette provides colors to the Series F variable group.\n",
-        "commentRange": {
-            "start": 278,
-            "end": 279
-        },
-        "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": {