@progress/kendo-theme-classic 14.7.0-dev.3 → 14.7.0-dev.6

package/dist/meta/sassdoc-data.json

@@ -7096,15 +7096,15 @@
             "resolvedType": "String"
         },
         {
-            "description": "The horizontal padding of the xsmall Button.\n",
+            "description": "The spacing between icon and text inside the xsmall Button.\n",
             "commentRange": {
                 "start": 36,
                 "end": 37
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-button-xs-padding-x",
-                "value": "k-spacing(2)",
+                "name": "kendo-button-xs-gap",
+                "value": "$kendo-button-gap",
                 "scope": "default",
                 "line": {
                     "start": 38,
@@ -7119,14 +7119,122 @@
                 "path": "classic/scss/button/_variables.scss",
                 "name": "_variables.scss"
             },
+            "resolvedValue": "var(--kendo-spacing-1)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The spacing between icon and text inside the small Button.\n",
+            "commentRange": {
+                "start": 40,
+                "end": 41
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-button-sm-gap",
+                "value": "$kendo-button-gap",
+                "scope": "default",
+                "line": {
+                    "start": 42,
+                    "end": 42
+                }
+            },
+            "group": [
+                "button"
+            ],
+            "access": "public",
+            "file": {
+                "path": "classic/scss/button/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-spacing-1)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The spacing between icon and text inside the medium Button.\n",
+            "commentRange": {
+                "start": 44,
+                "end": 45
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-button-md-gap",
+                "value": "$kendo-button-gap",
+                "scope": "default",
+                "line": {
+                    "start": 46,
+                    "end": 46
+                }
+            },
+            "group": [
+                "button"
+            ],
+            "access": "public",
+            "file": {
+                "path": "classic/scss/button/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-spacing-1)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The spacing between icon and text inside the large Button.\n",
+            "commentRange": {
+                "start": 48,
+                "end": 49
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-button-lg-gap",
+                "value": "$kendo-button-gap",
+                "scope": "default",
+                "line": {
+                    "start": 50,
+                    "end": 50
+                }
+            },
+            "group": [
+                "button"
+            ],
+            "access": "public",
+            "file": {
+                "path": "classic/scss/button/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-spacing-1)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The horizontal padding of the xsmall Button.\n",
+            "commentRange": {
+                "start": 52,
+                "end": 53
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-button-xs-padding-x",
+                "value": "k-spacing(2)",
+                "scope": "default",
+                "line": {
+                    "start": 54,
+                    "end": 54
+                }
+            },
+            "group": [
+                "button"
+            ],
+            "access": "public",
+            "file": {
+                "path": "classic/scss/button/_variables.scss",
+                "name": "_variables.scss"
+            },
             "resolvedValue": "var(--kendo-spacing-2)",
             "resolvedType": "String"
         },
         {
             "description": "The horizontal padding of the small Button.\n",
             "commentRange": {
-                "start": 39,
-                "end": 40
+                "start": 55,
+                "end": 56
             },
             "context": {
                 "type": "variable",
@@ -7134,8 +7242,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 41,
-                    "end": 41
+                    "start": 57,
+                    "end": 57
                 }
             },
             "group": [
@@ -7152,8 +7260,8 @@
         {
             "description": "The horizontal padding of the medium Button.\n",
             "commentRange": {
-                "start": 42,
-                "end": 43
+                "start": 58,
+                "end": 59
             },
             "context": {
                 "type": "variable",
@@ -7161,8 +7269,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 44,
-                    "end": 44
+                    "start": 60,
+                    "end": 60
                 }
             },
             "group": [
@@ -7179,8 +7287,8 @@
         {
             "description": "The horizontal padding of the large Button.\n",
             "commentRange": {
-                "start": 45,
-                "end": 46
+                "start": 61,
+                "end": 62
             },
             "context": {
                 "type": "variable",
@@ -7188,8 +7296,8 @@
                 "value": "k-spacing(3)",
                 "scope": "default",
                 "line": {
-                    "start": 47,
-                    "end": 47
+                    "start": 63,
+                    "end": 63
                 }
             },
             "group": [
@@ -7206,8 +7314,8 @@
         {
             "description": "The vertical padding of the xsmall Button.\n",
             "commentRange": {
-                "start": 49,
-                "end": 50
+                "start": 65,
+                "end": 66
             },
             "context": {
                 "type": "variable",
@@ -7215,8 +7323,8 @@
                 "value": "k-spacing(1px)",
                 "scope": "default",
                 "line": {
-                    "start": 51,
-                    "end": 51
+                    "start": 67,
+                    "end": 67
                 }
             },
             "group": [
@@ -7233,8 +7341,8 @@
         {
             "description": "The vertical padding of the small Button.\n",
             "commentRange": {
-                "start": 52,
-                "end": 53
+                "start": 68,
+                "end": 69
             },
             "context": {
                 "type": "variable",
@@ -7242,8 +7350,8 @@
                 "value": "k-spacing(0.5)",
                 "scope": "default",
                 "line": {
-                    "start": 54,
-                    "end": 54
+                    "start": 70,
+                    "end": 70
                 }
             },
             "group": [
@@ -7260,8 +7368,8 @@
         {
             "description": "The vertical padding of the medium Button.\n",
             "commentRange": {
-                "start": 55,
-                "end": 56
+                "start": 71,
+                "end": 72
             },
             "context": {
                 "type": "variable",
@@ -7269,8 +7377,8 @@
                 "value": "k-spacing(1)",
                 "scope": "default",
                 "line": {
-                    "start": 57,
-                    "end": 57
+                    "start": 73,
+                    "end": 73
                 }
             },
             "group": [
@@ -7287,8 +7395,8 @@
         {
             "description": "The vertical padding of the large Button.\n",
             "commentRange": {
-                "start": 58,
-                "end": 59
+                "start": 74,
+                "end": 75
             },
             "context": {
                 "type": "variable",
@@ -7296,8 +7404,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 60,
-                    "end": 60
+                    "start": 76,
+                    "end": 76
                 }
             },
             "group": [
@@ -7314,8 +7422,8 @@
         {
             "description": "The font family of the Button.\n",
             "commentRange": {
-                "start": 62,
-                "end": 63
+                "start": 78,
+                "end": 79
             },
             "context": {
                 "type": "variable",
@@ -7323,8 +7431,8 @@
                 "value": "var(--kendo-font-family)",
                 "scope": "default",
                 "line": {
-                    "start": 64,
-                    "end": 64
+                    "start": 80,
+                    "end": 80
                 }
             },
             "group": [
@@ -7341,8 +7449,8 @@
         {
             "description": "The font weight of the Button.\n",
             "commentRange": {
-                "start": 65,
-                "end": 66
+                "start": 81,
+                "end": 82
             },
             "context": {
                 "type": "variable",
@@ -7350,8 +7458,8 @@
                 "value": "var(--kendo-font-weight-normal)",
                 "scope": "default",
                 "line": {
-                    "start": 67,
-                    "end": 67
+                    "start": 83,
+                    "end": 83
                 }
             },
             "group": [
@@ -7368,8 +7476,8 @@
         {
             "description": "The font size of the Button.\n",
             "commentRange": {
-                "start": 69,
-                "end": 70
+                "start": 85,
+                "end": 86
             },
             "context": {
                 "type": "variable",
@@ -7377,8 +7485,8 @@
                 "value": "var(--kendo-font-size)",
                 "scope": "default",
                 "line": {
-                    "start": 71,
-                    "end": 71
+                    "start": 87,
+                    "end": 87
                 }
             },
             "group": [
@@ -7395,8 +7503,8 @@
         {
             "description": "The font size of the xsmall Button.\n",
             "commentRange": {
-                "start": 72,
-                "end": 73
+                "start": 88,
+                "end": 89
             },
             "context": {
                 "type": "variable",
@@ -7404,8 +7512,8 @@
                 "value": "var(--kendo-font-size)",
                 "scope": "default",
                 "line": {
-                    "start": 74,
-                    "end": 74
+                    "start": 90,
+                    "end": 90
                 }
             },
             "group": [
@@ -7422,8 +7530,8 @@
         {
             "description": "The font size of the small Button.\n",
             "commentRange": {
-                "start": 75,
-                "end": 76
+                "start": 91,
+                "end": 92
             },
             "context": {
                 "type": "variable",
@@ -7431,8 +7539,8 @@
                 "value": "var(--kendo-font-size)",
                 "scope": "default",
                 "line": {
-                    "start": 77,
-                    "end": 77
+                    "start": 93,
+                    "end": 93
                 }
             },
             "group": [
@@ -7449,8 +7557,8 @@
         {
             "description": "The font size of the medium Button.\n",
             "commentRange": {
-                "start": 78,
-                "end": 79
+                "start": 94,
+                "end": 95
             },
             "context": {
                 "type": "variable",
@@ -7458,8 +7566,8 @@
                 "value": "var(--kendo-font-size)",
                 "scope": "default",
                 "line": {
-                    "start": 80,
-                    "end": 80
+                    "start": 96,
+                    "end": 96
                 }
             },
             "group": [
@@ -7476,8 +7584,8 @@
         {
             "description": "The font size of the large Button.\n",
             "commentRange": {
-                "start": 81,
-                "end": 82
+                "start": 97,
+                "end": 98
             },
             "context": {
                 "type": "variable",
@@ -7485,8 +7593,8 @@
                 "value": "var(--kendo-font-size-lg)",
                 "scope": "default",
                 "line": {
-                    "start": 83,
-                    "end": 83
+                    "start": 99,
+                    "end": 99
                 }
             },
             "group": [
@@ -7503,8 +7611,8 @@
         {
             "description": "The line height used along with the $kendo-font-size variable.\n",
             "commentRange": {
-                "start": 85,
-                "end": 86
+                "start": 101,
+                "end": 102
             },
             "context": {
                 "type": "variable",
@@ -7512,8 +7620,8 @@
                 "value": "var(--kendo-line-height)",
                 "scope": "default",
                 "line": {
-                    "start": 87,
-                    "end": 87
+                    "start": 103,
+                    "end": 103
                 }
             },
             "group": [
@@ -7530,8 +7638,8 @@
         {
             "description": "The line height used along with the $kendo-font-size variable of the xsmall Button.\n",
             "commentRange": {
-                "start": 88,
-                "end": 89
+                "start": 104,
+                "end": 105
             },
             "context": {
                 "type": "variable",
@@ -7539,8 +7647,8 @@
                 "value": "var(--kendo-line-height)",
                 "scope": "default",
                 "line": {
-                    "start": 90,
-                    "end": 90
+                    "start": 106,
+                    "end": 106
                 }
             },
             "group": [
@@ -7557,8 +7665,8 @@
         {
             "description": "The line height used along with the $kendo-font-size variable of the small Button.\n",
             "commentRange": {
-                "start": 91,
-                "end": 92
+                "start": 107,
+                "end": 108
             },
             "context": {
                 "type": "variable",
@@ -7566,8 +7674,8 @@
                 "value": "var(--kendo-line-height)",
                 "scope": "default",
                 "line": {
-                    "start": 93,
-                    "end": 93
+                    "start": 109,
+                    "end": 109
                 }
             },
             "group": [
@@ -7584,8 +7692,8 @@
         {
             "description": "The line height used along with the $kendo-font-size variable of the medium Button.\n",
             "commentRange": {
-                "start": 94,
-                "end": 95
+                "start": 110,
+                "end": 111
             },
             "context": {
                 "type": "variable",
@@ -7593,8 +7701,8 @@
                 "value": "var(--kendo-line-height)",
                 "scope": "default",
                 "line": {
-                    "start": 96,
-                    "end": 96
+                    "start": 112,
+                    "end": 112
                 }
             },
             "group": [
@@ -7611,8 +7719,8 @@
         {
             "description": "The line height used along with the $kendo-font-size variable of the large Button.\n",
             "commentRange": {
-                "start": 97,
-                "end": 98
+                "start": 113,
+                "end": 114
             },
             "context": {
                 "type": "variable",
@@ -7620,8 +7728,8 @@
                 "value": "var(--kendo-line-height-lg)",
                 "scope": "default",
                 "line": {
-                    "start": 99,
-                    "end": 99
+                    "start": 115,
+                    "end": 115
                 }
             },
             "group": [
@@ -7638,8 +7746,8 @@
         {
             "description": "The base background of the Button.\n",
             "commentRange": {
-                "start": 113,
-                "end": 114
+                "start": 129,
+                "end": 130
             },
             "context": {
                 "type": "variable",
@@ -7647,8 +7755,8 @@
                 "value": "k-color(base)",
                 "scope": "default",
                 "line": {
-                    "start": 115,
-                    "end": 115
+                    "start": 131,
+                    "end": 131
                 }
             },
             "group": [
@@ -7665,8 +7773,8 @@
         {
             "description": "The base text color of the Button.\n",
             "commentRange": {
-                "start": 116,
-                "end": 117
+                "start": 132,
+                "end": 133
             },
             "context": {
                 "type": "variable",
@@ -7674,8 +7782,8 @@
                 "value": "k-color(on-base)",
                 "scope": "default",
                 "line": {
-                    "start": 118,
-                    "end": 118
+                    "start": 134,
+                    "end": 134
                 }
             },
             "group": [
@@ -7692,8 +7800,8 @@
         {
             "description": "The base border color of the Button.\n",
             "commentRange": {
-                "start": 119,
-                "end": 120
+                "start": 135,
+                "end": 136
             },
             "context": {
                 "type": "variable",
@@ -7701,8 +7809,8 @@
                 "value": "k-color(border)",
                 "scope": "default",
                 "line": {
-                    "start": 121,
-                    "end": 121
+                    "start": 137,
+                    "end": 137
                 }
             },
             "group": [
@@ -7719,8 +7827,8 @@
         {
             "description": "The base background gradient of the Button.\n",
             "commentRange": {
-                "start": 122,
-                "end": 123
+                "start": 138,
+                "end": 139
             },
             "context": {
                 "type": "variable",
@@ -7728,8 +7836,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 124,
-                    "end": 124
+                    "start": 140,
+                    "end": 140
                 }
             },
             "group": [
@@ -7746,8 +7854,8 @@
         {
             "description": "The base shadow of the Button.\n",
             "commentRange": {
-                "start": 125,
-                "end": 126
+                "start": 141,
+                "end": 142
             },
             "context": {
                 "type": "variable",
@@ -7755,8 +7863,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 127,
-                    "end": 127
+                    "start": 143,
+                    "end": 143
                 }
             },
             "group": [
@@ -7773,8 +7881,8 @@
         {
             "description": "The base background of the hovered Button.\n",
             "commentRange": {
-                "start": 129,
-                "end": 130
+                "start": 145,
+                "end": 146
             },
             "context": {
                 "type": "variable",
@@ -7782,8 +7890,8 @@
                 "value": "k-color(base-hover)",
                 "scope": "default",
                 "line": {
-                    "start": 131,
-                    "end": 131
+                    "start": 147,
+                    "end": 147
                 }
             },
             "group": [
@@ -7800,8 +7908,8 @@
         {
             "description": "The base text color of the hovered Button.\n",
             "commentRange": {
-                "start": 132,
-                "end": 133
+                "start": 148,
+                "end": 149
             },
             "context": {
                 "type": "variable",
@@ -7809,8 +7917,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 134,
-                    "end": 134
+                    "start": 150,
+                    "end": 150
                 }
             },
             "group": [
@@ -7827,8 +7935,8 @@
         {
             "description": "The base border color of the hovered Button.\n",
             "commentRange": {
-                "start": 135,
-                "end": 136
+                "start": 151,
+                "end": 152
             },
             "context": {
                 "type": "variable",
@@ -7836,8 +7944,8 @@
                 "value": "k-color(border-alt)",
                 "scope": "default",
                 "line": {
-                    "start": 137,
-                    "end": 137
+                    "start": 153,
+                    "end": 153
                 }
             },
             "group": [
@@ -7854,8 +7962,8 @@
         {
             "description": "The base background gradient of the hovered Button.\n",
             "commentRange": {
-                "start": 138,
-                "end": 139
+                "start": 154,
+                "end": 155
             },
             "context": {
                 "type": "variable",
@@ -7863,8 +7971,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 140,
-                    "end": 140
+                    "start": 156,
+                    "end": 156
                 }
             },
             "group": [
@@ -7881,8 +7989,8 @@
         {
             "description": "The base shadow of the hovered Button.\n",
             "commentRange": {
-                "start": 141,
-                "end": 142
+                "start": 157,
+                "end": 158
             },
             "context": {
                 "type": "variable",
@@ -7890,8 +7998,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 143,
-                    "end": 143
+                    "start": 159,
+                    "end": 159
                 }
             },
             "group": [
@@ -7908,8 +8016,8 @@
         {
             "description": "The base background color of the active Button.\n",
             "commentRange": {
-                "start": 145,
-                "end": 146
+                "start": 161,
+                "end": 162
             },
             "context": {
                 "type": "variable",
@@ -7917,8 +8025,8 @@
                 "value": "k-color(base-active)",
                 "scope": "default",
                 "line": {
-                    "start": 147,
-                    "end": 147
+                    "start": 163,
+                    "end": 163
                 }
             },
             "group": [
@@ -7935,8 +8043,8 @@
         {
             "description": "The base text color of the active Button.\n",
             "commentRange": {
-                "start": 148,
-                "end": 149
+                "start": 164,
+                "end": 165
             },
             "context": {
                 "type": "variable",
@@ -7944,8 +8052,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 150,
-                    "end": 150
+                    "start": 166,
+                    "end": 166
                 }
             },
             "group": [
@@ -7962,8 +8070,8 @@
         {
             "description": "The base border color of the active Button.\n",
             "commentRange": {
-                "start": 151,
-                "end": 152
+                "start": 167,
+                "end": 168
             },
             "context": {
                 "type": "variable",
@@ -7971,8 +8079,8 @@
                 "value": "k-color(border-alt)",
                 "scope": "default",
                 "line": {
-                    "start": 153,
-                    "end": 153
+                    "start": 169,
+                    "end": 169
                 }
             },
             "group": [
@@ -7989,8 +8097,8 @@
         {
             "description": "The base background gradient of the active Button.\n",
             "commentRange": {
-                "start": 154,
-                "end": 155
+                "start": 170,
+                "end": 171
             },
             "context": {
                 "type": "variable",
@@ -7998,8 +8106,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 156,
-                    "end": 156
+                    "start": 172,
+                    "end": 172
                 }
             },
             "group": [
@@ -8016,8 +8124,8 @@
         {
             "description": "The base shadow of the active Button.\n",
             "commentRange": {
-                "start": 157,
-                "end": 158
+                "start": 173,
+                "end": 174
             },
             "context": {
                 "type": "variable",
@@ -8025,8 +8133,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 159,
-                    "end": 159
+                    "start": 175,
+                    "end": 175
                 }
             },
             "group": [
@@ -8043,8 +8151,8 @@
         {
             "description": "The base background color of the selected Button.\n",
             "commentRange": {
-                "start": 161,
-                "end": 162
+                "start": 177,
+                "end": 178
             },
             "context": {
                 "type": "variable",
@@ -8052,8 +8160,8 @@
                 "value": "k-color(primary)",
                 "scope": "default",
                 "line": {
-                    "start": 163,
-                    "end": 163
+                    "start": 179,
+                    "end": 179
                 }
             },
             "group": [
@@ -8070,8 +8178,8 @@
         {
             "description": "The text color of the selected Button.\n",
             "commentRange": {
-                "start": 164,
-                "end": 165
+                "start": 180,
+                "end": 181
             },
             "context": {
                 "type": "variable",
@@ -8079,8 +8187,8 @@
                 "value": "k-color(on-primary)",
                 "scope": "default",
                 "line": {
-                    "start": 166,
-                    "end": 166
+                    "start": 182,
+                    "end": 182
                 }
             },
             "group": [
@@ -8097,8 +8205,8 @@
         {
             "description": "The border color of the selected Button.\n",
             "commentRange": {
-                "start": 167,
-                "end": 168
+                "start": 183,
+                "end": 184
             },
             "context": {
                 "type": "variable",
@@ -8106,8 +8214,8 @@
                 "value": "$kendo-button-selected-bg",
                 "scope": "default",
                 "line": {
-                    "start": 169,
-                    "end": 169
+                    "start": 185,
+                    "end": 185
                 }
             },
             "group": [
@@ -8124,8 +8232,8 @@
         {
             "description": "The background gradient of the selected Button.\n",
             "commentRange": {
-                "start": 170,
-                "end": 171
+                "start": 186,
+                "end": 187
             },
             "context": {
                 "type": "variable",
@@ -8133,8 +8241,8 @@
                 "value": "$kendo-button-active-gradient",
                 "scope": "default",
                 "line": {
-                    "start": 172,
-                    "end": 172
+                    "start": 188,
+                    "end": 188
                 }
             },
             "group": [
@@ -8151,8 +8259,8 @@
         {
             "description": "The base shadow of the selected Button.\n",
             "commentRange": {
-                "start": 173,
-                "end": 174
+                "start": 189,
+                "end": 190
             },
             "context": {
                 "type": "variable",
@@ -8160,8 +8268,8 @@
                 "value": "$kendo-button-active-shadow",
                 "scope": "default",
                 "line": {
-                    "start": 175,
-                    "end": 175
+                    "start": 191,
+                    "end": 191
                 }
             },
             "group": [
@@ -8178,8 +8286,8 @@
         {
             "description": "The base shadow of the focused Button.\n",
             "commentRange": {
-                "start": 177,
-                "end": 178
+                "start": 193,
+                "end": 194
             },
             "context": {
                 "type": "variable",
@@ -8187,8 +8295,8 @@
                 "value": "0 0 4px 0 color-mix(in srgb, k-color(border) 75%, transparent)",
                 "scope": "default",
                 "line": {
-                    "start": 179,
-                    "end": 179
+                    "start": 195,
+                    "end": 195
                 }
             },
             "group": [
@@ -8205,8 +8313,8 @@
         {
             "description": "The base background of the disabled Button.\n",
             "commentRange": {
-                "start": 181,
-                "end": 182
+                "start": 197,
+                "end": 198
             },
             "context": {
                 "type": "variable",
@@ -8214,8 +8322,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 183,
-                    "end": 183
+                    "start": 199,
+                    "end": 199
                 }
             },
             "group": [
@@ -8232,8 +8340,8 @@
         {
             "description": "The base text color of the disabled Button.\n",
             "commentRange": {
-                "start": 184,
-                "end": 185
+                "start": 200,
+                "end": 201
             },
             "context": {
                 "type": "variable",
@@ -8241,8 +8349,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 186,
-                    "end": 186
+                    "start": 202,
+                    "end": 202
                 }
             },
             "group": [
@@ -8259,8 +8367,8 @@
         {
             "description": "The base border color of the disabled Button.\n",
             "commentRange": {
-                "start": 187,
-                "end": 188
+                "start": 203,
+                "end": 204
             },
             "context": {
                 "type": "variable",
@@ -8268,8 +8376,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 189,
-                    "end": 189
+                    "start": 205,
+                    "end": 205
                 }
             },
             "group": [
@@ -8286,8 +8394,8 @@
         {
             "description": "The base background gradient of the disabled Button.\n",
             "commentRange": {
-                "start": 190,
-                "end": 191
+                "start": 206,
+                "end": 207
             },
             "context": {
                 "type": "variable",
@@ -8295,8 +8403,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 192,
-                    "end": 192
+                    "start": 208,
+                    "end": 208
                 }
             },
             "group": [
@@ -8313,8 +8421,8 @@
         {
             "description": "The base shadow of the disabled Button.\n",
             "commentRange": {
-                "start": 193,
-                "end": 194
+                "start": 209,
+                "end": 210
             },
             "context": {
                 "type": "variable",
@@ -8322,8 +8430,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 195,
-                    "end": 195
+                    "start": 211,
+                    "end": 211
                 }
             },
             "group": [
@@ -8340,8 +8448,8 @@
         {
             "description": "The opacity of the pulsing animation for the generating Button.\n",
             "commentRange": {
-                "start": 197,
-                "end": 198
+                "start": 213,
+                "end": 214
             },
             "context": {
                 "type": "variable",
@@ -8349,8 +8457,8 @@
                 "value": ".4",
                 "scope": "default",
                 "line": {
-                    "start": 199,
-                    "end": 199
+                    "start": 215,
+                    "end": 215
                 }
             },
             "group": [
@@ -8367,8 +8475,8 @@
         {
             "description": "The gradient of the solid Button.\n",
             "commentRange": {
-                "start": 202,
-                "end": 203
+                "start": 218,
+                "end": 219
             },
             "context": {
                 "type": "variable",
@@ -8376,8 +8484,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 204,
-                    "end": 204
+                    "start": 220,
+                    "end": 220
                 }
             },
             "group": [
@@ -8394,8 +8502,8 @@
         {
             "description": "The shadow of the solid Button.\n",
             "commentRange": {
-                "start": 205,
-                "end": 206
+                "start": 221,
+                "end": 222
             },
             "context": {
                 "type": "variable",
@@ -8403,8 +8511,8 @@
                 "value": "true",
                 "scope": "default",
                 "line": {
-                    "start": 207,
-                    "end": 207
+                    "start": 223,
+                    "end": 223
                 }
             },
             "group": [
@@ -8421,8 +8529,8 @@
         {
             "description": "The shadow blur of the solid Button.\n",
             "commentRange": {
-                "start": 208,
-                "end": 209
+                "start": 224,
+                "end": 225
             },
             "context": {
                 "type": "variable",
@@ -8430,8 +8538,8 @@
                 "value": "4px",
                 "scope": "default",
                 "line": {
-                    "start": 210,
-                    "end": 210
+                    "start": 226,
+                    "end": 226
                 }
             },
             "group": [
@@ -8448,8 +8556,8 @@
         {
             "description": "The shadow spread of the solid Button.\n",
             "commentRange": {
-                "start": 211,
-                "end": 212
+                "start": 227,
+                "end": 228
             },
             "context": {
                 "type": "variable",
@@ -8457,8 +8565,8 @@
                 "value": "0px",
                 "scope": "default",
                 "line": {
-                    "start": 213,
-                    "end": 213
+                    "start": 229,
+                    "end": 229
                 }
             },
             "group": [
@@ -8475,8 +8583,8 @@
         {
             "description": "The shadow opacity of the solid Button.\n",
             "commentRange": {
-                "start": 214,
-                "end": 215
+                "start": 230,
+                "end": 231
             },
             "context": {
                 "type": "variable",
@@ -8484,8 +8592,8 @@
                 "value": ".75",
                 "scope": "default",
                 "line": {
-                    "start": 216,
-                    "end": 216
+                    "start": 232,
+                    "end": 232
                 }
             },
             "group": [
@@ -8502,8 +8610,8 @@
         {
             "description": "The shadow of the outline Button.\n",
             "commentRange": {
-                "start": 219,
-                "end": 220
+                "start": 235,
+                "end": 236
             },
             "context": {
                 "type": "variable",
@@ -8511,8 +8619,8 @@
                 "value": "true",
                 "scope": "default",
                 "line": {
-                    "start": 221,
-                    "end": 221
+                    "start": 237,
+                    "end": 237
                 }
             },
             "group": [
@@ -8529,8 +8637,8 @@
         {
             "description": "The shadow blur of the outline Button.\n",
             "commentRange": {
-                "start": 222,
-                "end": 223
+                "start": 238,
+                "end": 239
             },
             "context": {
                 "type": "variable",
@@ -8538,8 +8646,8 @@
                 "value": "4px",
                 "scope": "default",
                 "line": {
-                    "start": 224,
-                    "end": 224
+                    "start": 240,
+                    "end": 240
                 }
             },
             "group": [
@@ -8556,8 +8664,8 @@
         {
             "description": "The shadow spread of the outline Button.\n",
             "commentRange": {
-                "start": 225,
-                "end": 226
+                "start": 241,
+                "end": 242
             },
             "context": {
                 "type": "variable",
@@ -8565,8 +8673,8 @@
                 "value": "0px",
                 "scope": "default",
                 "line": {
-                    "start": 227,
-                    "end": 227
+                    "start": 243,
+                    "end": 243
                 }
             },
             "group": [
@@ -8583,8 +8691,8 @@
         {
             "description": "The shadow opacity of the outline Button.\n",
             "commentRange": {
-                "start": 228,
-                "end": 229
+                "start": 244,
+                "end": 245
             },
             "context": {
                 "type": "variable",
@@ -8592,8 +8700,8 @@
                 "value": ".75",
                 "scope": "default",
                 "line": {
-                    "start": 230,
-                    "end": 230
+                    "start": 246,
+                    "end": 246
                 }
             },
             "group": [
@@ -8610,8 +8718,8 @@
         {
             "description": "The shadow of the link Button.\n",
             "commentRange": {
-                "start": 233,
-                "end": 234
+                "start": 249,
+                "end": 250
             },
             "context": {
                 "type": "variable",
@@ -8619,8 +8727,8 @@
                 "value": "true",
                 "scope": "default",
                 "line": {
-                    "start": 235,
-                    "end": 235
+                    "start": 251,
+                    "end": 251
                 }
             },
             "group": [
@@ -8637,8 +8745,8 @@
         {
             "description": "The shadow blur of the link Button.\n",
             "commentRange": {
-                "start": 236,
-                "end": 237
+                "start": 252,
+                "end": 253
             },
             "context": {
                 "type": "variable",
@@ -8646,8 +8754,8 @@
                 "value": "4px",
                 "scope": "default",
                 "line": {
-                    "start": 238,
-                    "end": 238
+                    "start": 254,
+                    "end": 254
                 }
             },
             "group": [
@@ -8664,8 +8772,8 @@
         {
             "description": "The shadow spread of the link Button.\n",
             "commentRange": {
-                "start": 239,
-                "end": 240
+                "start": 255,
+                "end": 256
             },
             "context": {
                 "type": "variable",
@@ -8673,8 +8781,8 @@
                 "value": "0px",
                 "scope": "default",
                 "line": {
-                    "start": 241,
-                    "end": 241
+                    "start": 257,
+                    "end": 257
                 }
             },
             "group": [
@@ -8691,8 +8799,8 @@
         {
             "description": "The shadow opacity of the link Button.\n",
             "commentRange": {
-                "start": 242,
-                "end": 243
+                "start": 258,
+                "end": 259
             },
             "context": {
                 "type": "variable",
@@ -8700,8 +8808,8 @@
                 "value": ".75",
                 "scope": "default",
                 "line": {
-                    "start": 244,
-                    "end": 244
+                    "start": 260,
+                    "end": 260
                 }
             },
             "group": [
@@ -8718,8 +8826,8 @@
         {
             "description": "The opacity of the clear Button.\n",
             "commentRange": {
-                "start": 247,
-                "end": 248
+                "start": 263,
+                "end": 264
             },
             "context": {
                 "type": "variable",
@@ -8727,8 +8835,8 @@
                 "value": ".1",
                 "scope": "default",
                 "line": {
-                    "start": 249,
-                    "end": 249
+                    "start": 265,
+                    "end": 265
                 }
             },
             "group": [
@@ -8745,8 +8853,8 @@
         {
             "description": "The overlay opacity of the hovered flat Button. Used to create a background for the flat Button.\n",
             "commentRange": {
-                "start": 251,
-                "end": 252
+                "start": 267,
+                "end": 268
             },
             "context": {
                 "type": "variable",
@@ -8754,8 +8862,8 @@
                 "value": ".08",
                 "scope": "default",
                 "line": {
-                    "start": 253,
-                    "end": 253
+                    "start": 269,
+                    "end": 269
                 }
             },
             "group": [
@@ -8772,8 +8880,8 @@
         {
             "description": "The overlay opacity of the focused flat Button. Used to create a background for the flat Button.\n",
             "commentRange": {
-                "start": 254,
-                "end": 255
+                "start": 270,
+                "end": 271
             },
             "context": {
                 "type": "variable",
@@ -8781,8 +8889,8 @@
                 "value": ".12",
                 "scope": "default",
                 "line": {
-                    "start": 256,
-                    "end": 256
+                    "start": 272,
+                    "end": 272
                 }
             },
             "group": [
@@ -8799,8 +8907,8 @@
         {
             "description": "The overlay opacity of the active flat Button. Used to create background for the flat Button.\n",
             "commentRange": {
-                "start": 257,
-                "end": 258
+                "start": 273,
+                "end": 274
             },
             "context": {
                 "type": "variable",
@@ -8808,8 +8916,8 @@
                 "value": ".16",
                 "scope": "default",
                 "line": {
-                    "start": 259,
-                    "end": 259
+                    "start": 275,
+                    "end": 275
                 }
             },
             "group": [
@@ -8826,8 +8934,8 @@
         {
             "description": "The overlay opacity of the selected flat Button. Used to create background for the flat Button.\n",
             "commentRange": {
-                "start": 260,
-                "end": 261
+                "start": 276,
+                "end": 277
             },
             "context": {
                 "type": "variable",
@@ -8835,8 +8943,8 @@
                 "value": ".2",
                 "scope": "default",
                 "line": {
-                    "start": 262,
-                    "end": 262
+                    "start": 278,
+                    "end": 278
                 }
             },
             "group": [
@@ -8853,8 +8961,8 @@
         {
             "description": "The opacity of the flat Button focus ring. Used to create a border for the flat Button.\n",
             "commentRange": {
-                "start": 263,
-                "end": 264
+                "start": 279,
+                "end": 280
             },
             "context": {
                 "type": "variable",
@@ -8862,8 +8970,8 @@
                 "value": ".12",
                 "scope": "default",
                 "line": {
-                    "start": 265,
-                    "end": 265
+                    "start": 281,
+                    "end": 281
                 }
             },
             "group": [
@@ -8880,8 +8988,8 @@
         {
             "description": "The transition of the Button.\n",
             "commentRange": {
-                "start": 267,
-                "end": 268
+                "start": 283,
+                "end": 284
             },
             "context": {
                 "type": "variable",
@@ -8889,8 +8997,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": 269,
-                    "end": 269
+                    "start": 285,
+                    "end": 285
                 }
             },
             "group": [
@@ -20760,7 +20868,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-chip-outline-border",
-                "value": "$kendo-chip-outline-text",
+                "value": "k-color(base-emphasis)",
                 "scope": "default",
                 "line": {
                     "start": 122,
@@ -20775,7 +20883,7 @@
                 "path": "classic/scss/chip/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-base-on-surface)",
+            "resolvedValue": "var(--kendo-color-base-emphasis)",
             "resolvedType": "String"
         },
         {
@@ -20814,7 +20922,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-chip-outline-hover-bg",
-                "value": "$kendo-chip-outline-text",
+                "value": "k-color(base-hover)",
                 "scope": "default",
                 "line": {
                     "start": 129,
@@ -20829,7 +20937,7 @@
                 "path": "classic/scss/chip/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-base-on-surface)",
+            "resolvedValue": "var(--kendo-color-base-hover)",
             "resolvedType": "String"
         },
         {
@@ -20841,7 +20949,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-chip-outline-hover-text",
-                "value": "k-color(base-subtle)",
+                "value": "k-color(base-on-surface)",
                 "scope": "default",
                 "line": {
                     "start": 132,
@@ -20856,7 +20964,7 @@
                 "path": "classic/scss/chip/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-base-subtle)",
+            "resolvedValue": "var(--kendo-color-base-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -20868,7 +20976,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-chip-outline-selected-bg",
-                "value": "$kendo-chip-outline-hover-bg",
+                "value": "k-color(base-active)",
                 "scope": "default",
                 "line": {
                     "start": 136,
@@ -20883,7 +20991,7 @@
                 "path": "classic/scss/chip/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-base-on-surface)",
+            "resolvedValue": "var(--kendo-color-base-active)",
             "resolvedType": "String"
         },
         {
@@ -20910,7 +21018,7 @@
                 "path": "classic/scss/chip/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-base-subtle)",
+            "resolvedValue": "var(--kendo-color-base-on-surface)",
             "resolvedType": "String"
         },
         {
@@ -100857,8 +100965,8 @@
         {
             "description": "The theme colors map of the Button.\n",
             "commentRange": {
-                "start": 116,
-                "end": 117
+                "start": 121,
+                "end": 122
             },
             "context": {
                 "type": "variable",
@@ -100866,8 +100974,8 @@
                 "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"inverse\")",
                 "scope": "default",
                 "line": {
-                    "start": 118,
-                    "end": 118
+                    "start": 123,
+                    "end": 123
                 }
             },
             "group": [
@@ -100884,17 +100992,17 @@
         {
             "description": "The sizes map of the Button.\n",
             "commentRange": {
-                "start": 120,
-                "end": 121
+                "start": 125,
+                "end": 126
             },
             "context": {
                 "type": "variable",
                 "name": "kendo-button-sizes",
-                "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)",
+                "value": "(\n    xs: (\n        gap: $kendo-button-xs-gap,\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        gap: $kendo-button-sm-gap,\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        gap: $kendo-button-md-gap,\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        gap: $kendo-button-lg-gap,\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": 122,
-                    "end": 147
+                    "start": 127,
+                    "end": 156
                 }
             },
             "group": [
@@ -100905,28 +101013,32 @@
                 "path": "core/scss/components/button/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "(xs: (padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-1px), font-size: var(--kendo-font-size), line-height: var(--kendo-line-height)), sm: (padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-0\\.5), font-size: var(--kendo-font-size), line-height: var(--kendo-line-height)), md: (padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-1), font-size: var(--kendo-font-size), line-height: var(--kendo-line-height)), lg: (padding-x: var(--kendo-spacing-3), padding-y: var(--kendo-spacing-2), font-size: var(--kendo-font-size-lg), line-height: var(--kendo-line-height-lg)))",
+            "resolvedValue": "(xs: (gap: var(--kendo-spacing-1), padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-1px), font-size: var(--kendo-font-size), line-height: var(--kendo-line-height)), sm: (gap: var(--kendo-spacing-1), padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-0\\.5), font-size: var(--kendo-font-size), line-height: var(--kendo-line-height)), md: (gap: var(--kendo-spacing-1), padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-1), font-size: var(--kendo-font-size), line-height: var(--kendo-line-height)), lg: (gap: var(--kendo-spacing-1), padding-x: var(--kendo-spacing-3), padding-y: var(--kendo-spacing-2), font-size: var(--kendo-font-size-lg), line-height: var(--kendo-line-height-lg)))",
             "resolvedType": "Map",
             "prettyValue": {
                 "xs": {
+                    "gap": "var(--kendo-spacing-1)",
                     "padding-x": "var(--kendo-spacing-2)",
                     "padding-y": "var(--kendo-spacing-1px)",
                     "font-size": "var(--kendo-font-size)",
                     "line-height": "var(--kendo-line-height)"
                 },
                 "sm": {
+                    "gap": "var(--kendo-spacing-1)",
                     "padding-x": "var(--kendo-spacing-2)",
                     "padding-y": "var(--kendo-spacing-0\\.5)",
                     "font-size": "var(--kendo-font-size)",
                     "line-height": "var(--kendo-line-height)"
                 },
                 "md": {
+                    "gap": "var(--kendo-spacing-1)",
                     "padding-x": "var(--kendo-spacing-2)",
                     "padding-y": "var(--kendo-spacing-1)",
                     "font-size": "var(--kendo-font-size)",
                     "line-height": "var(--kendo-line-height)"
                 },
                 "lg": {
+                    "gap": "var(--kendo-spacing-1)",
                     "padding-x": "var(--kendo-spacing-3)",
                     "padding-y": "var(--kendo-spacing-2)",
                     "font-size": "var(--kendo-font-size-lg)",
@@ -110503,15 +110615,15 @@
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The horizontal padding of the xsmall Button.\n",
+                    "description": "The spacing between icon and text inside the xsmall Button.\n",
                     "commentRange": {
                         "start": 36,
                         "end": 37
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-button-xs-padding-x",
-                        "value": "k-spacing(2)",
+                        "name": "kendo-button-xs-gap",
+                        "value": "$kendo-button-gap",
                         "scope": "default",
                         "line": {
                             "start": 38,
@@ -110526,14 +110638,122 @@
                         "path": "classic/scss/button/_variables.scss",
                         "name": "_variables.scss"
                     },
+                    "resolvedValue": "var(--kendo-spacing-1)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The spacing between icon and text inside the small Button.\n",
+                    "commentRange": {
+                        "start": 40,
+                        "end": 41
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-button-sm-gap",
+                        "value": "$kendo-button-gap",
+                        "scope": "default",
+                        "line": {
+                            "start": 42,
+                            "end": 42
+                        }
+                    },
+                    "group": [
+                        "button"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "classic/scss/button/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-spacing-1)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The spacing between icon and text inside the medium Button.\n",
+                    "commentRange": {
+                        "start": 44,
+                        "end": 45
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-button-md-gap",
+                        "value": "$kendo-button-gap",
+                        "scope": "default",
+                        "line": {
+                            "start": 46,
+                            "end": 46
+                        }
+                    },
+                    "group": [
+                        "button"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "classic/scss/button/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-spacing-1)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The spacing between icon and text inside the large Button.\n",
+                    "commentRange": {
+                        "start": 48,
+                        "end": 49
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-button-lg-gap",
+                        "value": "$kendo-button-gap",
+                        "scope": "default",
+                        "line": {
+                            "start": 50,
+                            "end": 50
+                        }
+                    },
+                    "group": [
+                        "button"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "classic/scss/button/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-spacing-1)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The horizontal padding of the xsmall Button.\n",
+                    "commentRange": {
+                        "start": 52,
+                        "end": 53
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-button-xs-padding-x",
+                        "value": "k-spacing(2)",
+                        "scope": "default",
+                        "line": {
+                            "start": 54,
+                            "end": 54
+                        }
+                    },
+                    "group": [
+                        "button"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "classic/scss/button/_variables.scss",
+                        "name": "_variables.scss"
+                    },
                     "resolvedValue": "var(--kendo-spacing-2)",
                     "resolvedType": "String"
                 },
                 {
                     "description": "The horizontal padding of the small Button.\n",
                     "commentRange": {
-                        "start": 39,
-                        "end": 40
+                        "start": 55,
+                        "end": 56
                     },
                     "context": {
                         "type": "variable",
@@ -110541,8 +110761,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 41,
-                            "end": 41
+                            "start": 57,
+                            "end": 57
                         }
                     },
                     "group": [
@@ -110559,8 +110779,8 @@
                 {
                     "description": "The horizontal padding of the medium Button.\n",
                     "commentRange": {
-                        "start": 42,
-                        "end": 43
+                        "start": 58,
+                        "end": 59
                     },
                     "context": {
                         "type": "variable",
@@ -110568,8 +110788,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 44,
-                            "end": 44
+                            "start": 60,
+                            "end": 60
                         }
                     },
                     "group": [
@@ -110586,8 +110806,8 @@
                 {
                     "description": "The horizontal padding of the large Button.\n",
                     "commentRange": {
-                        "start": 45,
-                        "end": 46
+                        "start": 61,
+                        "end": 62
                     },
                     "context": {
                         "type": "variable",
@@ -110595,8 +110815,8 @@
                         "value": "k-spacing(3)",
                         "scope": "default",
                         "line": {
-                            "start": 47,
-                            "end": 47
+                            "start": 63,
+                            "end": 63
                         }
                     },
                     "group": [
@@ -110613,8 +110833,8 @@
                 {
                     "description": "The vertical padding of the xsmall Button.\n",
                     "commentRange": {
-                        "start": 49,
-                        "end": 50
+                        "start": 65,
+                        "end": 66
                     },
                     "context": {
                         "type": "variable",
@@ -110622,8 +110842,8 @@
                         "value": "k-spacing(1px)",
                         "scope": "default",
                         "line": {
-                            "start": 51,
-                            "end": 51
+                            "start": 67,
+                            "end": 67
                         }
                     },
                     "group": [
@@ -110640,8 +110860,8 @@
                 {
                     "description": "The vertical padding of the small Button.\n",
                     "commentRange": {
-                        "start": 52,
-                        "end": 53
+                        "start": 68,
+                        "end": 69
                     },
                     "context": {
                         "type": "variable",
@@ -110649,8 +110869,8 @@
                         "value": "k-spacing(0.5)",
                         "scope": "default",
                         "line": {
-                            "start": 54,
-                            "end": 54
+                            "start": 70,
+                            "end": 70
                         }
                     },
                     "group": [
@@ -110667,8 +110887,8 @@
                 {
                     "description": "The vertical padding of the medium Button.\n",
                     "commentRange": {
-                        "start": 55,
-                        "end": 56
+                        "start": 71,
+                        "end": 72
                     },
                     "context": {
                         "type": "variable",
@@ -110676,8 +110896,8 @@
                         "value": "k-spacing(1)",
                         "scope": "default",
                         "line": {
-                            "start": 57,
-                            "end": 57
+                            "start": 73,
+                            "end": 73
                         }
                     },
                     "group": [
@@ -110694,8 +110914,8 @@
                 {
                     "description": "The vertical padding of the large Button.\n",
                     "commentRange": {
-                        "start": 58,
-                        "end": 59
+                        "start": 74,
+                        "end": 75
                     },
                     "context": {
                         "type": "variable",
@@ -110703,8 +110923,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 60,
-                            "end": 60
+                            "start": 76,
+                            "end": 76
                         }
                     },
                     "group": [
@@ -110721,8 +110941,8 @@
                 {
                     "description": "The font family of the Button.\n",
                     "commentRange": {
-                        "start": 62,
-                        "end": 63
+                        "start": 78,
+                        "end": 79
                     },
                     "context": {
                         "type": "variable",
@@ -110730,8 +110950,8 @@
                         "value": "var(--kendo-font-family)",
                         "scope": "default",
                         "line": {
-                            "start": 64,
-                            "end": 64
+                            "start": 80,
+                            "end": 80
                         }
                     },
                     "group": [
@@ -110748,8 +110968,8 @@
                 {
                     "description": "The font weight of the Button.\n",
                     "commentRange": {
-                        "start": 65,
-                        "end": 66
+                        "start": 81,
+                        "end": 82
                     },
                     "context": {
                         "type": "variable",
@@ -110757,8 +110977,8 @@
                         "value": "var(--kendo-font-weight-normal)",
                         "scope": "default",
                         "line": {
-                            "start": 67,
-                            "end": 67
+                            "start": 83,
+                            "end": 83
                         }
                     },
                     "group": [
@@ -110775,8 +110995,8 @@
                 {
                     "description": "The font size of the Button.\n",
                     "commentRange": {
-                        "start": 69,
-                        "end": 70
+                        "start": 85,
+                        "end": 86
                     },
                     "context": {
                         "type": "variable",
@@ -110784,8 +111004,8 @@
                         "value": "var(--kendo-font-size)",
                         "scope": "default",
                         "line": {
-                            "start": 71,
-                            "end": 71
+                            "start": 87,
+                            "end": 87
                         }
                     },
                     "group": [
@@ -110802,8 +111022,8 @@
                 {
                     "description": "The font size of the xsmall Button.\n",
                     "commentRange": {
-                        "start": 72,
-                        "end": 73
+                        "start": 88,
+                        "end": 89
                     },
                     "context": {
                         "type": "variable",
@@ -110811,8 +111031,8 @@
                         "value": "var(--kendo-font-size)",
                         "scope": "default",
                         "line": {
-                            "start": 74,
-                            "end": 74
+                            "start": 90,
+                            "end": 90
                         }
                     },
                     "group": [
@@ -110829,8 +111049,8 @@
                 {
                     "description": "The font size of the small Button.\n",
                     "commentRange": {
-                        "start": 75,
-                        "end": 76
+                        "start": 91,
+                        "end": 92
                     },
                     "context": {
                         "type": "variable",
@@ -110838,8 +111058,8 @@
                         "value": "var(--kendo-font-size)",
                         "scope": "default",
                         "line": {
-                            "start": 77,
-                            "end": 77
+                            "start": 93,
+                            "end": 93
                         }
                     },
                     "group": [
@@ -110856,8 +111076,8 @@
                 {
                     "description": "The font size of the medium Button.\n",
                     "commentRange": {
-                        "start": 78,
-                        "end": 79
+                        "start": 94,
+                        "end": 95
                     },
                     "context": {
                         "type": "variable",
@@ -110865,8 +111085,8 @@
                         "value": "var(--kendo-font-size)",
                         "scope": "default",
                         "line": {
-                            "start": 80,
-                            "end": 80
+                            "start": 96,
+                            "end": 96
                         }
                     },
                     "group": [
@@ -110883,8 +111103,8 @@
                 {
                     "description": "The font size of the large Button.\n",
                     "commentRange": {
-                        "start": 81,
-                        "end": 82
+                        "start": 97,
+                        "end": 98
                     },
                     "context": {
                         "type": "variable",
@@ -110892,8 +111112,8 @@
                         "value": "var(--kendo-font-size-lg)",
                         "scope": "default",
                         "line": {
-                            "start": 83,
-                            "end": 83
+                            "start": 99,
+                            "end": 99
                         }
                     },
                     "group": [
@@ -110910,8 +111130,8 @@
                 {
                     "description": "The line height used along with the $kendo-font-size variable.\n",
                     "commentRange": {
-                        "start": 85,
-                        "end": 86
+                        "start": 101,
+                        "end": 102
                     },
                     "context": {
                         "type": "variable",
@@ -110919,8 +111139,8 @@
                         "value": "var(--kendo-line-height)",
                         "scope": "default",
                         "line": {
-                            "start": 87,
-                            "end": 87
+                            "start": 103,
+                            "end": 103
                         }
                     },
                     "group": [
@@ -110937,8 +111157,8 @@
                 {
                     "description": "The line height used along with the $kendo-font-size variable of the xsmall Button.\n",
                     "commentRange": {
-                        "start": 88,
-                        "end": 89
+                        "start": 104,
+                        "end": 105
                     },
                     "context": {
                         "type": "variable",
@@ -110946,8 +111166,8 @@
                         "value": "var(--kendo-line-height)",
                         "scope": "default",
                         "line": {
-                            "start": 90,
-                            "end": 90
+                            "start": 106,
+                            "end": 106
                         }
                     },
                     "group": [
@@ -110964,8 +111184,8 @@
                 {
                     "description": "The line height used along with the $kendo-font-size variable of the small Button.\n",
                     "commentRange": {
-                        "start": 91,
-                        "end": 92
+                        "start": 107,
+                        "end": 108
                     },
                     "context": {
                         "type": "variable",
@@ -110973,8 +111193,8 @@
                         "value": "var(--kendo-line-height)",
                         "scope": "default",
                         "line": {
-                            "start": 93,
-                            "end": 93
+                            "start": 109,
+                            "end": 109
                         }
                     },
                     "group": [
@@ -110991,8 +111211,8 @@
                 {
                     "description": "The line height used along with the $kendo-font-size variable of the medium Button.\n",
                     "commentRange": {
-                        "start": 94,
-                        "end": 95
+                        "start": 110,
+                        "end": 111
                     },
                     "context": {
                         "type": "variable",
@@ -111000,8 +111220,8 @@
                         "value": "var(--kendo-line-height)",
                         "scope": "default",
                         "line": {
-                            "start": 96,
-                            "end": 96
+                            "start": 112,
+                            "end": 112
                         }
                     },
                     "group": [
@@ -111018,8 +111238,8 @@
                 {
                     "description": "The line height used along with the $kendo-font-size variable of the large Button.\n",
                     "commentRange": {
-                        "start": 97,
-                        "end": 98
+                        "start": 113,
+                        "end": 114
                     },
                     "context": {
                         "type": "variable",
@@ -111027,8 +111247,8 @@
                         "value": "var(--kendo-line-height-lg)",
                         "scope": "default",
                         "line": {
-                            "start": 99,
-                            "end": 99
+                            "start": 115,
+                            "end": 115
                         }
                     },
                     "group": [
@@ -111045,8 +111265,8 @@
                 {
                     "description": "The base background of the Button.\n",
                     "commentRange": {
-                        "start": 113,
-                        "end": 114
+                        "start": 129,
+                        "end": 130
                     },
                     "context": {
                         "type": "variable",
@@ -111054,8 +111274,8 @@
                         "value": "k-color(base)",
                         "scope": "default",
                         "line": {
-                            "start": 115,
-                            "end": 115
+                            "start": 131,
+                            "end": 131
                         }
                     },
                     "group": [
@@ -111072,8 +111292,8 @@
                 {
                     "description": "The base text color of the Button.\n",
                     "commentRange": {
-                        "start": 116,
-                        "end": 117
+                        "start": 132,
+                        "end": 133
                     },
                     "context": {
                         "type": "variable",
@@ -111081,8 +111301,8 @@
                         "value": "k-color(on-base)",
                         "scope": "default",
                         "line": {
-                            "start": 118,
-                            "end": 118
+                            "start": 134,
+                            "end": 134
                         }
                     },
                     "group": [
@@ -111099,8 +111319,8 @@
                 {
                     "description": "The base border color of the Button.\n",
                     "commentRange": {
-                        "start": 119,
-                        "end": 120
+                        "start": 135,
+                        "end": 136
                     },
                     "context": {
                         "type": "variable",
@@ -111108,8 +111328,8 @@
                         "value": "k-color(border)",
                         "scope": "default",
                         "line": {
-                            "start": 121,
-                            "end": 121
+                            "start": 137,
+                            "end": 137
                         }
                     },
                     "group": [
@@ -111126,8 +111346,8 @@
                 {
                     "description": "The base background gradient of the Button.\n",
                     "commentRange": {
-                        "start": 122,
-                        "end": 123
+                        "start": 138,
+                        "end": 139
                     },
                     "context": {
                         "type": "variable",
@@ -111135,8 +111355,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 124,
-                            "end": 124
+                            "start": 140,
+                            "end": 140
                         }
                     },
                     "group": [
@@ -111153,8 +111373,8 @@
                 {
                     "description": "The base shadow of the Button.\n",
                     "commentRange": {
-                        "start": 125,
-                        "end": 126
+                        "start": 141,
+                        "end": 142
                     },
                     "context": {
                         "type": "variable",
@@ -111162,8 +111382,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 127,
-                            "end": 127
+                            "start": 143,
+                            "end": 143
                         }
                     },
                     "group": [
@@ -111180,8 +111400,8 @@
                 {
                     "description": "The base background of the hovered Button.\n",
                     "commentRange": {
-                        "start": 129,
-                        "end": 130
+                        "start": 145,
+                        "end": 146
                     },
                     "context": {
                         "type": "variable",
@@ -111189,8 +111409,8 @@
                         "value": "k-color(base-hover)",
                         "scope": "default",
                         "line": {
-                            "start": 131,
-                            "end": 131
+                            "start": 147,
+                            "end": 147
                         }
                     },
                     "group": [
@@ -111207,8 +111427,8 @@
                 {
                     "description": "The base text color of the hovered Button.\n",
                     "commentRange": {
-                        "start": 132,
-                        "end": 133
+                        "start": 148,
+                        "end": 149
                     },
                     "context": {
                         "type": "variable",
@@ -111216,8 +111436,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 134,
-                            "end": 134
+                            "start": 150,
+                            "end": 150
                         }
                     },
                     "group": [
@@ -111234,8 +111454,8 @@
                 {
                     "description": "The base border color of the hovered Button.\n",
                     "commentRange": {
-                        "start": 135,
-                        "end": 136
+                        "start": 151,
+                        "end": 152
                     },
                     "context": {
                         "type": "variable",
@@ -111243,8 +111463,8 @@
                         "value": "k-color(border-alt)",
                         "scope": "default",
                         "line": {
-                            "start": 137,
-                            "end": 137
+                            "start": 153,
+                            "end": 153
                         }
                     },
                     "group": [
@@ -111261,8 +111481,8 @@
                 {
                     "description": "The base background gradient of the hovered Button.\n",
                     "commentRange": {
-                        "start": 138,
-                        "end": 139
+                        "start": 154,
+                        "end": 155
                     },
                     "context": {
                         "type": "variable",
@@ -111270,8 +111490,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 140,
-                            "end": 140
+                            "start": 156,
+                            "end": 156
                         }
                     },
                     "group": [
@@ -111288,8 +111508,8 @@
                 {
                     "description": "The base shadow of the hovered Button.\n",
                     "commentRange": {
-                        "start": 141,
-                        "end": 142
+                        "start": 157,
+                        "end": 158
                     },
                     "context": {
                         "type": "variable",
@@ -111297,8 +111517,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 143,
-                            "end": 143
+                            "start": 159,
+                            "end": 159
                         }
                     },
                     "group": [
@@ -111315,8 +111535,8 @@
                 {
                     "description": "The base background color of the active Button.\n",
                     "commentRange": {
-                        "start": 145,
-                        "end": 146
+                        "start": 161,
+                        "end": 162
                     },
                     "context": {
                         "type": "variable",
@@ -111324,8 +111544,8 @@
                         "value": "k-color(base-active)",
                         "scope": "default",
                         "line": {
-                            "start": 147,
-                            "end": 147
+                            "start": 163,
+                            "end": 163
                         }
                     },
                     "group": [
@@ -111342,8 +111562,8 @@
                 {
                     "description": "The base text color of the active Button.\n",
                     "commentRange": {
-                        "start": 148,
-                        "end": 149
+                        "start": 164,
+                        "end": 165
                     },
                     "context": {
                         "type": "variable",
@@ -111351,8 +111571,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 150,
-                            "end": 150
+                            "start": 166,
+                            "end": 166
                         }
                     },
                     "group": [
@@ -111369,8 +111589,8 @@
                 {
                     "description": "The base border color of the active Button.\n",
                     "commentRange": {
-                        "start": 151,
-                        "end": 152
+                        "start": 167,
+                        "end": 168
                     },
                     "context": {
                         "type": "variable",
@@ -111378,8 +111598,8 @@
                         "value": "k-color(border-alt)",
                         "scope": "default",
                         "line": {
-                            "start": 153,
-                            "end": 153
+                            "start": 169,
+                            "end": 169
                         }
                     },
                     "group": [
@@ -111396,8 +111616,8 @@
                 {
                     "description": "The base background gradient of the active Button.\n",
                     "commentRange": {
-                        "start": 154,
-                        "end": 155
+                        "start": 170,
+                        "end": 171
                     },
                     "context": {
                         "type": "variable",
@@ -111405,8 +111625,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 156,
-                            "end": 156
+                            "start": 172,
+                            "end": 172
                         }
                     },
                     "group": [
@@ -111423,8 +111643,8 @@
                 {
                     "description": "The base shadow of the active Button.\n",
                     "commentRange": {
-                        "start": 157,
-                        "end": 158
+                        "start": 173,
+                        "end": 174
                     },
                     "context": {
                         "type": "variable",
@@ -111432,8 +111652,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 159,
-                            "end": 159
+                            "start": 175,
+                            "end": 175
                         }
                     },
                     "group": [
@@ -111450,8 +111670,8 @@
                 {
                     "description": "The base background color of the selected Button.\n",
                     "commentRange": {
-                        "start": 161,
-                        "end": 162
+                        "start": 177,
+                        "end": 178
                     },
                     "context": {
                         "type": "variable",
@@ -111459,8 +111679,8 @@
                         "value": "k-color(primary)",
                         "scope": "default",
                         "line": {
-                            "start": 163,
-                            "end": 163
+                            "start": 179,
+                            "end": 179
                         }
                     },
                     "group": [
@@ -111477,8 +111697,8 @@
                 {
                     "description": "The text color of the selected Button.\n",
                     "commentRange": {
-                        "start": 164,
-                        "end": 165
+                        "start": 180,
+                        "end": 181
                     },
                     "context": {
                         "type": "variable",
@@ -111486,8 +111706,8 @@
                         "value": "k-color(on-primary)",
                         "scope": "default",
                         "line": {
-                            "start": 166,
-                            "end": 166
+                            "start": 182,
+                            "end": 182
                         }
                     },
                     "group": [
@@ -111504,8 +111724,8 @@
                 {
                     "description": "The border color of the selected Button.\n",
                     "commentRange": {
-                        "start": 167,
-                        "end": 168
+                        "start": 183,
+                        "end": 184
                     },
                     "context": {
                         "type": "variable",
@@ -111513,8 +111733,8 @@
                         "value": "$kendo-button-selected-bg",
                         "scope": "default",
                         "line": {
-                            "start": 169,
-                            "end": 169
+                            "start": 185,
+                            "end": 185
                         }
                     },
                     "group": [
@@ -111531,8 +111751,8 @@
                 {
                     "description": "The background gradient of the selected Button.\n",
                     "commentRange": {
-                        "start": 170,
-                        "end": 171
+                        "start": 186,
+                        "end": 187
                     },
                     "context": {
                         "type": "variable",
@@ -111540,8 +111760,8 @@
                         "value": "$kendo-button-active-gradient",
                         "scope": "default",
                         "line": {
-                            "start": 172,
-                            "end": 172
+                            "start": 188,
+                            "end": 188
                         }
                     },
                     "group": [
@@ -111558,8 +111778,8 @@
                 {
                     "description": "The base shadow of the selected Button.\n",
                     "commentRange": {
-                        "start": 173,
-                        "end": 174
+                        "start": 189,
+                        "end": 190
                     },
                     "context": {
                         "type": "variable",
@@ -111567,8 +111787,8 @@
                         "value": "$kendo-button-active-shadow",
                         "scope": "default",
                         "line": {
-                            "start": 175,
-                            "end": 175
+                            "start": 191,
+                            "end": 191
                         }
                     },
                     "group": [
@@ -111585,8 +111805,8 @@
                 {
                     "description": "The base shadow of the focused Button.\n",
                     "commentRange": {
-                        "start": 177,
-                        "end": 178
+                        "start": 193,
+                        "end": 194
                     },
                     "context": {
                         "type": "variable",
@@ -111594,8 +111814,8 @@
                         "value": "0 0 4px 0 color-mix(in srgb, k-color(border) 75%, transparent)",
                         "scope": "default",
                         "line": {
-                            "start": 179,
-                            "end": 179
+                            "start": 195,
+                            "end": 195
                         }
                     },
                     "group": [
@@ -111612,8 +111832,8 @@
                 {
                     "description": "The base background of the disabled Button.\n",
                     "commentRange": {
-                        "start": 181,
-                        "end": 182
+                        "start": 197,
+                        "end": 198
                     },
                     "context": {
                         "type": "variable",
@@ -111621,8 +111841,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 183,
-                            "end": 183
+                            "start": 199,
+                            "end": 199
                         }
                     },
                     "group": [
@@ -111639,8 +111859,8 @@
                 {
                     "description": "The base text color of the disabled Button.\n",
                     "commentRange": {
-                        "start": 184,
-                        "end": 185
+                        "start": 200,
+                        "end": 201
                     },
                     "context": {
                         "type": "variable",
@@ -111648,8 +111868,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 186,
-                            "end": 186
+                            "start": 202,
+                            "end": 202
                         }
                     },
                     "group": [
@@ -111666,8 +111886,8 @@
                 {
                     "description": "The base border color of the disabled Button.\n",
                     "commentRange": {
-                        "start": 187,
-                        "end": 188
+                        "start": 203,
+                        "end": 204
                     },
                     "context": {
                         "type": "variable",
@@ -111675,8 +111895,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 189,
-                            "end": 189
+                            "start": 205,
+                            "end": 205
                         }
                     },
                     "group": [
@@ -111693,8 +111913,8 @@
                 {
                     "description": "The base background gradient of the disabled Button.\n",
                     "commentRange": {
-                        "start": 190,
-                        "end": 191
+                        "start": 206,
+                        "end": 207
                     },
                     "context": {
                         "type": "variable",
@@ -111702,8 +111922,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 192,
-                            "end": 192
+                            "start": 208,
+                            "end": 208
                         }
                     },
                     "group": [
@@ -111720,8 +111940,8 @@
                 {
                     "description": "The base shadow of the disabled Button.\n",
                     "commentRange": {
-                        "start": 193,
-                        "end": 194
+                        "start": 209,
+                        "end": 210
                     },
                     "context": {
                         "type": "variable",
@@ -111729,8 +111949,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 195,
-                            "end": 195
+                            "start": 211,
+                            "end": 211
                         }
                     },
                     "group": [
@@ -111747,8 +111967,8 @@
                 {
                     "description": "The opacity of the pulsing animation for the generating Button.\n",
                     "commentRange": {
-                        "start": 197,
-                        "end": 198
+                        "start": 213,
+                        "end": 214
                     },
                     "context": {
                         "type": "variable",
@@ -111756,8 +111976,8 @@
                         "value": ".4",
                         "scope": "default",
                         "line": {
-                            "start": 199,
-                            "end": 199
+                            "start": 215,
+                            "end": 215
                         }
                     },
                     "group": [
@@ -111774,8 +111994,8 @@
                 {
                     "description": "The gradient of the solid Button.\n",
                     "commentRange": {
-                        "start": 202,
-                        "end": 203
+                        "start": 218,
+                        "end": 219
                     },
                     "context": {
                         "type": "variable",
@@ -111783,8 +112003,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 204,
-                            "end": 204
+                            "start": 220,
+                            "end": 220
                         }
                     },
                     "group": [
@@ -111801,8 +112021,8 @@
                 {
                     "description": "The shadow of the solid Button.\n",
                     "commentRange": {
-                        "start": 205,
-                        "end": 206
+                        "start": 221,
+                        "end": 222
                     },
                     "context": {
                         "type": "variable",
@@ -111810,8 +112030,8 @@
                         "value": "true",
                         "scope": "default",
                         "line": {
-                            "start": 207,
-                            "end": 207
+                            "start": 223,
+                            "end": 223
                         }
                     },
                     "group": [
@@ -111828,8 +112048,8 @@
                 {
                     "description": "The shadow blur of the solid Button.\n",
                     "commentRange": {
-                        "start": 208,
-                        "end": 209
+                        "start": 224,
+                        "end": 225
                     },
                     "context": {
                         "type": "variable",
@@ -111837,8 +112057,8 @@
                         "value": "4px",
                         "scope": "default",
                         "line": {
-                            "start": 210,
-                            "end": 210
+                            "start": 226,
+                            "end": 226
                         }
                     },
                     "group": [
@@ -111855,8 +112075,8 @@
                 {
                     "description": "The shadow spread of the solid Button.\n",
                     "commentRange": {
-                        "start": 211,
-                        "end": 212
+                        "start": 227,
+                        "end": 228
                     },
                     "context": {
                         "type": "variable",
@@ -111864,8 +112084,8 @@
                         "value": "0px",
                         "scope": "default",
                         "line": {
-                            "start": 213,
-                            "end": 213
+                            "start": 229,
+                            "end": 229
                         }
                     },
                     "group": [
@@ -111882,8 +112102,8 @@
                 {
                     "description": "The shadow opacity of the solid Button.\n",
                     "commentRange": {
-                        "start": 214,
-                        "end": 215
+                        "start": 230,
+                        "end": 231
                     },
                     "context": {
                         "type": "variable",
@@ -111891,8 +112111,8 @@
                         "value": ".75",
                         "scope": "default",
                         "line": {
-                            "start": 216,
-                            "end": 216
+                            "start": 232,
+                            "end": 232
                         }
                     },
                     "group": [
@@ -111909,8 +112129,8 @@
                 {
                     "description": "The shadow of the outline Button.\n",
                     "commentRange": {
-                        "start": 219,
-                        "end": 220
+                        "start": 235,
+                        "end": 236
                     },
                     "context": {
                         "type": "variable",
@@ -111918,8 +112138,8 @@
                         "value": "true",
                         "scope": "default",
                         "line": {
-                            "start": 221,
-                            "end": 221
+                            "start": 237,
+                            "end": 237
                         }
                     },
                     "group": [
@@ -111936,8 +112156,8 @@
                 {
                     "description": "The shadow blur of the outline Button.\n",
                     "commentRange": {
-                        "start": 222,
-                        "end": 223
+                        "start": 238,
+                        "end": 239
                     },
                     "context": {
                         "type": "variable",
@@ -111945,8 +112165,8 @@
                         "value": "4px",
                         "scope": "default",
                         "line": {
-                            "start": 224,
-                            "end": 224
+                            "start": 240,
+                            "end": 240
                         }
                     },
                     "group": [
@@ -111963,8 +112183,8 @@
                 {
                     "description": "The shadow spread of the outline Button.\n",
                     "commentRange": {
-                        "start": 225,
-                        "end": 226
+                        "start": 241,
+                        "end": 242
                     },
                     "context": {
                         "type": "variable",
@@ -111972,8 +112192,8 @@
                         "value": "0px",
                         "scope": "default",
                         "line": {
-                            "start": 227,
-                            "end": 227
+                            "start": 243,
+                            "end": 243
                         }
                     },
                     "group": [
@@ -111990,8 +112210,8 @@
                 {
                     "description": "The shadow opacity of the outline Button.\n",
                     "commentRange": {
-                        "start": 228,
-                        "end": 229
+                        "start": 244,
+                        "end": 245
                     },
                     "context": {
                         "type": "variable",
@@ -111999,8 +112219,8 @@
                         "value": ".75",
                         "scope": "default",
                         "line": {
-                            "start": 230,
-                            "end": 230
+                            "start": 246,
+                            "end": 246
                         }
                     },
                     "group": [
@@ -112017,8 +112237,8 @@
                 {
                     "description": "The shadow of the link Button.\n",
                     "commentRange": {
-                        "start": 233,
-                        "end": 234
+                        "start": 249,
+                        "end": 250
                     },
                     "context": {
                         "type": "variable",
@@ -112026,8 +112246,8 @@
                         "value": "true",
                         "scope": "default",
                         "line": {
-                            "start": 235,
-                            "end": 235
+                            "start": 251,
+                            "end": 251
                         }
                     },
                     "group": [
@@ -112044,8 +112264,8 @@
                 {
                     "description": "The shadow blur of the link Button.\n",
                     "commentRange": {
-                        "start": 236,
-                        "end": 237
+                        "start": 252,
+                        "end": 253
                     },
                     "context": {
                         "type": "variable",
@@ -112053,8 +112273,8 @@
                         "value": "4px",
                         "scope": "default",
                         "line": {
-                            "start": 238,
-                            "end": 238
+                            "start": 254,
+                            "end": 254
                         }
                     },
                     "group": [
@@ -112071,8 +112291,8 @@
                 {
                     "description": "The shadow spread of the link Button.\n",
                     "commentRange": {
-                        "start": 239,
-                        "end": 240
+                        "start": 255,
+                        "end": 256
                     },
                     "context": {
                         "type": "variable",
@@ -112080,8 +112300,8 @@
                         "value": "0px",
                         "scope": "default",
                         "line": {
-                            "start": 241,
-                            "end": 241
+                            "start": 257,
+                            "end": 257
                         }
                     },
                     "group": [
@@ -112098,8 +112318,8 @@
                 {
                     "description": "The shadow opacity of the link Button.\n",
                     "commentRange": {
-                        "start": 242,
-                        "end": 243
+                        "start": 258,
+                        "end": 259
                     },
                     "context": {
                         "type": "variable",
@@ -112107,8 +112327,8 @@
                         "value": ".75",
                         "scope": "default",
                         "line": {
-                            "start": 244,
-                            "end": 244
+                            "start": 260,
+                            "end": 260
                         }
                     },
                     "group": [
@@ -112125,8 +112345,8 @@
                 {
                     "description": "The opacity of the clear Button.\n",
                     "commentRange": {
-                        "start": 247,
-                        "end": 248
+                        "start": 263,
+                        "end": 264
                     },
                     "context": {
                         "type": "variable",
@@ -112134,8 +112354,8 @@
                         "value": ".1",
                         "scope": "default",
                         "line": {
-                            "start": 249,
-                            "end": 249
+                            "start": 265,
+                            "end": 265
                         }
                     },
                     "group": [
@@ -112152,8 +112372,8 @@
                 {
                     "description": "The overlay opacity of the hovered flat Button. Used to create a background for the flat Button.\n",
                     "commentRange": {
-                        "start": 251,
-                        "end": 252
+                        "start": 267,
+                        "end": 268
                     },
                     "context": {
                         "type": "variable",
@@ -112161,8 +112381,8 @@
                         "value": ".08",
                         "scope": "default",
                         "line": {
-                            "start": 253,
-                            "end": 253
+                            "start": 269,
+                            "end": 269
                         }
                     },
                     "group": [
@@ -112179,8 +112399,8 @@
                 {
                     "description": "The overlay opacity of the focused flat Button. Used to create a background for the flat Button.\n",
                     "commentRange": {
-                        "start": 254,
-                        "end": 255
+                        "start": 270,
+                        "end": 271
                     },
                     "context": {
                         "type": "variable",
@@ -112188,8 +112408,8 @@
                         "value": ".12",
                         "scope": "default",
                         "line": {
-                            "start": 256,
-                            "end": 256
+                            "start": 272,
+                            "end": 272
                         }
                     },
                     "group": [
@@ -112206,8 +112426,8 @@
                 {
                     "description": "The overlay opacity of the active flat Button. Used to create background for the flat Button.\n",
                     "commentRange": {
-                        "start": 257,
-                        "end": 258
+                        "start": 273,
+                        "end": 274
                     },
                     "context": {
                         "type": "variable",
@@ -112215,8 +112435,8 @@
                         "value": ".16",
                         "scope": "default",
                         "line": {
-                            "start": 259,
-                            "end": 259
+                            "start": 275,
+                            "end": 275
                         }
                     },
                     "group": [
@@ -112233,8 +112453,8 @@
                 {
                     "description": "The overlay opacity of the selected flat Button. Used to create background for the flat Button.\n",
                     "commentRange": {
-                        "start": 260,
-                        "end": 261
+                        "start": 276,
+                        "end": 277
                     },
                     "context": {
                         "type": "variable",
@@ -112242,8 +112462,8 @@
                         "value": ".2",
                         "scope": "default",
                         "line": {
-                            "start": 262,
-                            "end": 262
+                            "start": 278,
+                            "end": 278
                         }
                     },
                     "group": [
@@ -112260,8 +112480,8 @@
                 {
                     "description": "The opacity of the flat Button focus ring. Used to create a border for the flat Button.\n",
                     "commentRange": {
-                        "start": 263,
-                        "end": 264
+                        "start": 279,
+                        "end": 280
                     },
                     "context": {
                         "type": "variable",
@@ -112269,8 +112489,8 @@
                         "value": ".12",
                         "scope": "default",
                         "line": {
-                            "start": 265,
-                            "end": 265
+                            "start": 281,
+                            "end": 281
                         }
                     },
                     "group": [
@@ -112287,8 +112507,8 @@
                 {
                     "description": "The transition of the Button.\n",
                     "commentRange": {
-                        "start": 267,
-                        "end": 268
+                        "start": 283,
+                        "end": 284
                     },
                     "context": {
                         "type": "variable",
@@ -112296,8 +112516,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": 269,
-                            "end": 269
+                            "start": 285,
+                            "end": 285
                         }
                     },
                     "group": [
@@ -112314,8 +112534,8 @@
                 {
                     "description": "The theme colors map of the Button.\n",
                     "commentRange": {
-                        "start": 116,
-                        "end": 117
+                        "start": 121,
+                        "end": 122
                     },
                     "context": {
                         "type": "variable",
@@ -112323,8 +112543,8 @@
                         "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"inverse\")",
                         "scope": "default",
                         "line": {
-                            "start": 118,
-                            "end": 118
+                            "start": 123,
+                            "end": 123
                         }
                     },
                     "group": [
@@ -112341,17 +112561,17 @@
                 {
                     "description": "The sizes map of the Button.\n",
                     "commentRange": {
-                        "start": 120,
-                        "end": 121
+                        "start": 125,
+                        "end": 126
                     },
                     "context": {
                         "type": "variable",
                         "name": "kendo-button-sizes",
-                        "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)",
+                        "value": "(\n    xs: (\n        gap: $kendo-button-xs-gap,\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        gap: $kendo-button-sm-gap,\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        gap: $kendo-button-md-gap,\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        gap: $kendo-button-lg-gap,\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": 122,
-                            "end": 147
+                            "start": 127,
+                            "end": 156
                         }
                     },
                     "group": [
@@ -112362,28 +112582,32 @@
                         "path": "core/scss/components/button/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "(xs: (padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-1px), font-size: var(--kendo-font-size), line-height: var(--kendo-line-height)), sm: (padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-0\\.5), font-size: var(--kendo-font-size), line-height: var(--kendo-line-height)), md: (padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-1), font-size: var(--kendo-font-size), line-height: var(--kendo-line-height)), lg: (padding-x: var(--kendo-spacing-3), padding-y: var(--kendo-spacing-2), font-size: var(--kendo-font-size-lg), line-height: var(--kendo-line-height-lg)))",
+                    "resolvedValue": "(xs: (gap: var(--kendo-spacing-1), padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-1px), font-size: var(--kendo-font-size), line-height: var(--kendo-line-height)), sm: (gap: var(--kendo-spacing-1), padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-0\\.5), font-size: var(--kendo-font-size), line-height: var(--kendo-line-height)), md: (gap: var(--kendo-spacing-1), padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-1), font-size: var(--kendo-font-size), line-height: var(--kendo-line-height)), lg: (gap: var(--kendo-spacing-1), padding-x: var(--kendo-spacing-3), padding-y: var(--kendo-spacing-2), font-size: var(--kendo-font-size-lg), line-height: var(--kendo-line-height-lg)))",
                     "resolvedType": "Map",
                     "prettyValue": {
                         "xs": {
+                            "gap": "var(--kendo-spacing-1)",
                             "padding-x": "var(--kendo-spacing-2)",
                             "padding-y": "var(--kendo-spacing-1px)",
                             "font-size": "var(--kendo-font-size)",
                             "line-height": "var(--kendo-line-height)"
                         },
                         "sm": {
+                            "gap": "var(--kendo-spacing-1)",
                             "padding-x": "var(--kendo-spacing-2)",
                             "padding-y": "var(--kendo-spacing-0\\.5)",
                             "font-size": "var(--kendo-font-size)",
                             "line-height": "var(--kendo-line-height)"
                         },
                         "md": {
+                            "gap": "var(--kendo-spacing-1)",
                             "padding-x": "var(--kendo-spacing-2)",
                             "padding-y": "var(--kendo-spacing-1)",
                             "font-size": "var(--kendo-font-size)",
                             "line-height": "var(--kendo-line-height)"
                         },
                         "lg": {
+                            "gap": "var(--kendo-spacing-1)",
                             "padding-x": "var(--kendo-spacing-3)",
                             "padding-y": "var(--kendo-spacing-2)",
                             "font-size": "var(--kendo-font-size-lg)",
@@ -124395,7 +124619,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-chip-outline-border",
-                        "value": "$kendo-chip-outline-text",
+                        "value": "k-color(base-emphasis)",
                         "scope": "default",
                         "line": {
                             "start": 122,
@@ -124410,7 +124634,7 @@
                         "path": "classic/scss/chip/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-base-on-surface)",
+                    "resolvedValue": "var(--kendo-color-base-emphasis)",
                     "resolvedType": "String"
                 },
                 {
@@ -124449,7 +124673,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-chip-outline-hover-bg",
-                        "value": "$kendo-chip-outline-text",
+                        "value": "k-color(base-hover)",
                         "scope": "default",
                         "line": {
                             "start": 129,
@@ -124464,7 +124688,7 @@
                         "path": "classic/scss/chip/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-base-on-surface)",
+                    "resolvedValue": "var(--kendo-color-base-hover)",
                     "resolvedType": "String"
                 },
                 {
@@ -124476,7 +124700,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-chip-outline-hover-text",
-                        "value": "k-color(base-subtle)",
+                        "value": "k-color(base-on-surface)",
                         "scope": "default",
                         "line": {
                             "start": 132,
@@ -124491,7 +124715,7 @@
                         "path": "classic/scss/chip/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-base-subtle)",
+                    "resolvedValue": "var(--kendo-color-base-on-surface)",
                     "resolvedType": "String"
                 },
                 {
@@ -124503,7 +124727,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-chip-outline-selected-bg",
-                        "value": "$kendo-chip-outline-hover-bg",
+                        "value": "k-color(base-active)",
                         "scope": "default",
                         "line": {
                             "start": 136,
@@ -124518,7 +124742,7 @@
                         "path": "classic/scss/chip/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-base-on-surface)",
+                    "resolvedValue": "var(--kendo-color-base-active)",
                     "resolvedType": "String"
                 },
                 {
@@ -124545,7 +124769,7 @@
                         "path": "classic/scss/chip/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-base-subtle)",
+                    "resolvedValue": "var(--kendo-color-base-on-surface)",
                     "resolvedType": "String"
                 },
                 {