@progress/kendo-theme-default 14.7.0-dev.4 → 14.7.0-dev.6

package/dist/meta/sassdoc-data.json

@@ -7204,15 +7204,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,
@@ -7227,14 +7227,122 @@
                 "path": "default/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": "default/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": "default/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": "default/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": "default/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",
@@ -7242,8 +7350,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 41,
-                    "end": 41
+                    "start": 57,
+                    "end": 57
                 }
             },
             "group": [
@@ -7260,8 +7368,8 @@
         {
             "description": "The horizontal padding of the medium Button.\n",
             "commentRange": {
-                "start": 42,
-                "end": 43
+                "start": 58,
+                "end": 59
             },
             "context": {
                 "type": "variable",
@@ -7269,8 +7377,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 44,
-                    "end": 44
+                    "start": 60,
+                    "end": 60
                 }
             },
             "group": [
@@ -7287,8 +7395,8 @@
         {
             "description": "The horizontal padding of the large Button.\n",
             "commentRange": {
-                "start": 45,
-                "end": 46
+                "start": 61,
+                "end": 62
             },
             "context": {
                 "type": "variable",
@@ -7296,8 +7404,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 47,
-                    "end": 47
+                    "start": 63,
+                    "end": 63
                 }
             },
             "group": [
@@ -7314,8 +7422,8 @@
         {
             "description": "The vertical padding of the xsmall Button.\n",
             "commentRange": {
-                "start": 49,
-                "end": 50
+                "start": 65,
+                "end": 66
             },
             "context": {
                 "type": "variable",
@@ -7323,8 +7431,8 @@
                 "value": "k-spacing(1px)",
                 "scope": "default",
                 "line": {
-                    "start": 51,
-                    "end": 51
+                    "start": 67,
+                    "end": 67
                 }
             },
             "group": [
@@ -7341,8 +7449,8 @@
         {
             "description": "The vertical padding of the small Button.\n",
             "commentRange": {
-                "start": 52,
-                "end": 53
+                "start": 68,
+                "end": 69
             },
             "context": {
                 "type": "variable",
@@ -7350,8 +7458,8 @@
                 "value": "k-spacing(0.5)",
                 "scope": "default",
                 "line": {
-                    "start": 54,
-                    "end": 54
+                    "start": 70,
+                    "end": 70
                 }
             },
             "group": [
@@ -7368,8 +7476,8 @@
         {
             "description": "The vertical padding of the medium Button.\n",
             "commentRange": {
-                "start": 55,
-                "end": 56
+                "start": 71,
+                "end": 72
             },
             "context": {
                 "type": "variable",
@@ -7377,8 +7485,8 @@
                 "value": "k-spacing(1)",
                 "scope": "default",
                 "line": {
-                    "start": 57,
-                    "end": 57
+                    "start": 73,
+                    "end": 73
                 }
             },
             "group": [
@@ -7395,8 +7503,8 @@
         {
             "description": "The vertical padding of the large Button.\n",
             "commentRange": {
-                "start": 58,
-                "end": 59
+                "start": 74,
+                "end": 75
             },
             "context": {
                 "type": "variable",
@@ -7404,8 +7512,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 60,
-                    "end": 60
+                    "start": 76,
+                    "end": 76
                 }
             },
             "group": [
@@ -7422,8 +7530,8 @@
         {
             "description": "The font family of the Button.\n",
             "commentRange": {
-                "start": 62,
-                "end": 63
+                "start": 78,
+                "end": 79
             },
             "context": {
                 "type": "variable",
@@ -7431,8 +7539,8 @@
                 "value": "var(--kendo-font-family)",
                 "scope": "default",
                 "line": {
-                    "start": 64,
-                    "end": 64
+                    "start": 80,
+                    "end": 80
                 }
             },
             "group": [
@@ -7449,8 +7557,8 @@
         {
             "description": "The font weight of the Button.\n",
             "commentRange": {
-                "start": 65,
-                "end": 66
+                "start": 81,
+                "end": 82
             },
             "context": {
                 "type": "variable",
@@ -7458,8 +7566,8 @@
                 "value": "var(--kendo-font-weight-normal)",
                 "scope": "default",
                 "line": {
-                    "start": 67,
-                    "end": 67
+                    "start": 83,
+                    "end": 83
                 }
             },
             "group": [
@@ -7476,8 +7584,8 @@
         {
             "description": "The font size of the Button.\n",
             "commentRange": {
-                "start": 69,
-                "end": 70
+                "start": 85,
+                "end": 86
             },
             "context": {
                 "type": "variable",
@@ -7485,8 +7593,8 @@
                 "value": "var(--kendo-font-size)",
                 "scope": "default",
                 "line": {
-                    "start": 71,
-                    "end": 71
+                    "start": 87,
+                    "end": 87
                 }
             },
             "group": [
@@ -7503,8 +7611,8 @@
         {
             "description": "The font size of the xsmall Button.\n",
             "commentRange": {
-                "start": 72,
-                "end": 73
+                "start": 88,
+                "end": 89
             },
             "context": {
                 "type": "variable",
@@ -7512,8 +7620,8 @@
                 "value": "var(--kendo-font-size)",
                 "scope": "default",
                 "line": {
-                    "start": 74,
-                    "end": 74
+                    "start": 90,
+                    "end": 90
                 }
             },
             "group": [
@@ -7530,8 +7638,8 @@
         {
             "description": "The font size of the small Button.\n",
             "commentRange": {
-                "start": 75,
-                "end": 76
+                "start": 91,
+                "end": 92
             },
             "context": {
                 "type": "variable",
@@ -7539,8 +7647,8 @@
                 "value": "var(--kendo-font-size)",
                 "scope": "default",
                 "line": {
-                    "start": 77,
-                    "end": 77
+                    "start": 93,
+                    "end": 93
                 }
             },
             "group": [
@@ -7557,8 +7665,8 @@
         {
             "description": "The font size of the medium Button.\n",
             "commentRange": {
-                "start": 78,
-                "end": 79
+                "start": 94,
+                "end": 95
             },
             "context": {
                 "type": "variable",
@@ -7566,8 +7674,8 @@
                 "value": "$kendo-button-font-size",
                 "scope": "default",
                 "line": {
-                    "start": 80,
-                    "end": 80
+                    "start": 96,
+                    "end": 96
                 }
             },
             "group": [
@@ -7584,8 +7692,8 @@
         {
             "description": "The font size of the large Button.\n",
             "commentRange": {
-                "start": 81,
-                "end": 82
+                "start": 97,
+                "end": 98
             },
             "context": {
                 "type": "variable",
@@ -7593,8 +7701,8 @@
                 "value": "var(--kendo-font-size-lg)",
                 "scope": "default",
                 "line": {
-                    "start": 83,
-                    "end": 83
+                    "start": 99,
+                    "end": 99
                 }
             },
             "group": [
@@ -7611,8 +7719,8 @@
         {
             "description": "The line height used along with the $kendo-font-size the.\n",
             "commentRange": {
-                "start": 85,
-                "end": 86
+                "start": 101,
+                "end": 102
             },
             "context": {
                 "type": "variable",
@@ -7620,8 +7728,8 @@
                 "value": "var(--kendo-line-height)",
                 "scope": "default",
                 "line": {
-                    "start": 87,
-                    "end": 87
+                    "start": 103,
+                    "end": 103
                 }
             },
             "group": [
@@ -7638,8 +7746,8 @@
         {
             "description": "The line height used along with the $kendo-font-size the of the xsmall Button.\n",
             "commentRange": {
-                "start": 88,
-                "end": 89
+                "start": 104,
+                "end": 105
             },
             "context": {
                 "type": "variable",
@@ -7647,8 +7755,8 @@
                 "value": "var(--kendo-line-height)",
                 "scope": "default",
                 "line": {
-                    "start": 90,
-                    "end": 90
+                    "start": 106,
+                    "end": 106
                 }
             },
             "group": [
@@ -7665,8 +7773,8 @@
         {
             "description": "The line height used along with the $kendo-font-size the of the small Button.\n",
             "commentRange": {
-                "start": 91,
-                "end": 92
+                "start": 107,
+                "end": 108
             },
             "context": {
                 "type": "variable",
@@ -7674,8 +7782,8 @@
                 "value": "var(--kendo-line-height)",
                 "scope": "default",
                 "line": {
-                    "start": 93,
-                    "end": 93
+                    "start": 109,
+                    "end": 109
                 }
             },
             "group": [
@@ -7692,8 +7800,8 @@
         {
             "description": "The line height used along with the $kendo-font-size the of the medium Button.\n",
             "commentRange": {
-                "start": 94,
-                "end": 95
+                "start": 110,
+                "end": 111
             },
             "context": {
                 "type": "variable",
@@ -7701,8 +7809,8 @@
                 "value": "$kendo-button-line-height",
                 "scope": "default",
                 "line": {
-                    "start": 96,
-                    "end": 96
+                    "start": 112,
+                    "end": 112
                 }
             },
             "group": [
@@ -7719,8 +7827,8 @@
         {
             "description": "The line height used along with the $kendo-font-size the of the large Button.\n",
             "commentRange": {
-                "start": 97,
-                "end": 98
+                "start": 113,
+                "end": 114
             },
             "context": {
                 "type": "variable",
@@ -7728,8 +7836,8 @@
                 "value": "var(--kendo-line-height-lg)",
                 "scope": "default",
                 "line": {
-                    "start": 99,
-                    "end": 99
+                    "start": 115,
+                    "end": 115
                 }
             },
             "group": [
@@ -7746,8 +7854,8 @@
         {
             "description": "The base background of the Button.\n",
             "commentRange": {
-                "start": 112,
-                "end": 113
+                "start": 128,
+                "end": 129
             },
             "context": {
                 "type": "variable",
@@ -7755,8 +7863,8 @@
                 "value": "k-color(base)",
                 "scope": "default",
                 "line": {
-                    "start": 114,
-                    "end": 114
+                    "start": 130,
+                    "end": 130
                 }
             },
             "group": [
@@ -7773,8 +7881,8 @@
         {
             "description": "The base text color of the Button.\n",
             "commentRange": {
-                "start": 115,
-                "end": 116
+                "start": 131,
+                "end": 132
             },
             "context": {
                 "type": "variable",
@@ -7782,8 +7890,8 @@
                 "value": "k-color(on-base)",
                 "scope": "default",
                 "line": {
-                    "start": 117,
-                    "end": 117
+                    "start": 133,
+                    "end": 133
                 }
             },
             "group": [
@@ -7800,8 +7908,8 @@
         {
             "description": "The base border color of the Button.\n",
             "commentRange": {
-                "start": 118,
-                "end": 119
+                "start": 134,
+                "end": 135
             },
             "context": {
                 "type": "variable",
@@ -7809,8 +7917,8 @@
                 "value": "k-color(border)",
                 "scope": "default",
                 "line": {
-                    "start": 120,
-                    "end": 120
+                    "start": 136,
+                    "end": 136
                 }
             },
             "group": [
@@ -7827,8 +7935,8 @@
         {
             "description": "The base background gradient of the Button.\n",
             "commentRange": {
-                "start": 121,
-                "end": 122
+                "start": 137,
+                "end": 138
             },
             "context": {
                 "type": "variable",
@@ -7836,8 +7944,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 123,
-                    "end": 123
+                    "start": 139,
+                    "end": 139
                 }
             },
             "group": [
@@ -7854,8 +7962,8 @@
         {
             "description": "The base shadow of the Button.\n",
             "commentRange": {
-                "start": 124,
-                "end": 125
+                "start": 140,
+                "end": 141
             },
             "context": {
                 "type": "variable",
@@ -7863,8 +7971,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 126,
-                    "end": 126
+                    "start": 142,
+                    "end": 142
                 }
             },
             "group": [
@@ -7881,8 +7989,8 @@
         {
             "description": "The base background of the hovered Button.\n",
             "commentRange": {
-                "start": 128,
-                "end": 129
+                "start": 144,
+                "end": 145
             },
             "context": {
                 "type": "variable",
@@ -7890,8 +7998,8 @@
                 "value": "k-color(base-hover)",
                 "scope": "default",
                 "line": {
-                    "start": 130,
-                    "end": 130
+                    "start": 146,
+                    "end": 146
                 }
             },
             "group": [
@@ -7908,8 +8016,8 @@
         {
             "description": "The base text color of the hovered Button.\n",
             "commentRange": {
-                "start": 131,
-                "end": 132
+                "start": 147,
+                "end": 148
             },
             "context": {
                 "type": "variable",
@@ -7917,8 +8025,8 @@
                 "value": "k-color(on-base)",
                 "scope": "default",
                 "line": {
-                    "start": 133,
-                    "end": 133
+                    "start": 149,
+                    "end": 149
                 }
             },
             "group": [
@@ -7935,8 +8043,8 @@
         {
             "description": "The base border color of the hovered Button.\n",
             "commentRange": {
-                "start": 134,
-                "end": 135
+                "start": 150,
+                "end": 151
             },
             "context": {
                 "type": "variable",
@@ -7944,8 +8052,8 @@
                 "value": "k-color(border)",
                 "scope": "default",
                 "line": {
-                    "start": 136,
-                    "end": 136
+                    "start": 152,
+                    "end": 152
                 }
             },
             "group": [
@@ -7962,8 +8070,8 @@
         {
             "description": "The base background gradient of the hovered Button.\n",
             "commentRange": {
-                "start": 137,
-                "end": 138
+                "start": 153,
+                "end": 154
             },
             "context": {
                 "type": "variable",
@@ -7971,8 +8079,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 139,
-                    "end": 139
+                    "start": 155,
+                    "end": 155
                 }
             },
             "group": [
@@ -7989,8 +8097,8 @@
         {
             "description": "The base shadow of the hovered Button.\n",
             "commentRange": {
-                "start": 140,
-                "end": 141
+                "start": 156,
+                "end": 157
             },
             "context": {
                 "type": "variable",
@@ -7998,8 +8106,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 142,
-                    "end": 142
+                    "start": 158,
+                    "end": 158
                 }
             },
             "group": [
@@ -8016,8 +8124,8 @@
         {
             "description": "The base background color of the active Button.\n",
             "commentRange": {
-                "start": 144,
-                "end": 145
+                "start": 160,
+                "end": 161
             },
             "context": {
                 "type": "variable",
@@ -8025,8 +8133,8 @@
                 "value": "k-color(base-active)",
                 "scope": "default",
                 "line": {
-                    "start": 146,
-                    "end": 146
+                    "start": 162,
+                    "end": 162
                 }
             },
             "group": [
@@ -8043,8 +8151,8 @@
         {
             "description": "The base text color of the active Button.\n",
             "commentRange": {
-                "start": 147,
-                "end": 148
+                "start": 163,
+                "end": 164
             },
             "context": {
                 "type": "variable",
@@ -8052,8 +8160,8 @@
                 "value": "k-color(on-base)",
                 "scope": "default",
                 "line": {
-                    "start": 149,
-                    "end": 149
+                    "start": 165,
+                    "end": 165
                 }
             },
             "group": [
@@ -8070,8 +8178,8 @@
         {
             "description": "The base border color of the active Button.\n",
             "commentRange": {
-                "start": 150,
-                "end": 151
+                "start": 166,
+                "end": 167
             },
             "context": {
                 "type": "variable",
@@ -8079,8 +8187,8 @@
                 "value": "k-color(border)",
                 "scope": "default",
                 "line": {
-                    "start": 152,
-                    "end": 152
+                    "start": 168,
+                    "end": 168
                 }
             },
             "group": [
@@ -8097,8 +8205,8 @@
         {
             "description": "The base background gradient of the active Button.\n",
             "commentRange": {
-                "start": 153,
-                "end": 154
+                "start": 169,
+                "end": 170
             },
             "context": {
                 "type": "variable",
@@ -8106,8 +8214,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 155,
-                    "end": 155
+                    "start": 171,
+                    "end": 171
                 }
             },
             "group": [
@@ -8124,8 +8232,8 @@
         {
             "description": "The base shadow of the active Button.\n",
             "commentRange": {
-                "start": 156,
-                "end": 157
+                "start": 172,
+                "end": 173
             },
             "context": {
                 "type": "variable",
@@ -8133,8 +8241,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 158,
-                    "end": 158
+                    "start": 174,
+                    "end": 174
                 }
             },
             "group": [
@@ -8151,8 +8259,8 @@
         {
             "description": "The base background color of the selected Button.\n",
             "commentRange": {
-                "start": 160,
-                "end": 161
+                "start": 176,
+                "end": 177
             },
             "context": {
                 "type": "variable",
@@ -8160,8 +8268,8 @@
                 "value": "k-color(primary)",
                 "scope": "default",
                 "line": {
-                    "start": 162,
-                    "end": 162
+                    "start": 178,
+                    "end": 178
                 }
             },
             "group": [
@@ -8178,8 +8286,8 @@
         {
             "description": "The text color of the selected Button.\n",
             "commentRange": {
-                "start": 163,
-                "end": 164
+                "start": 179,
+                "end": 180
             },
             "context": {
                 "type": "variable",
@@ -8187,8 +8295,8 @@
                 "value": "k-color(on-primary)",
                 "scope": "default",
                 "line": {
-                    "start": 165,
-                    "end": 165
+                    "start": 181,
+                    "end": 181
                 }
             },
             "group": [
@@ -8205,8 +8313,8 @@
         {
             "description": "The border color of the selected Button.\n",
             "commentRange": {
-                "start": 166,
-                "end": 167
+                "start": 182,
+                "end": 183
             },
             "context": {
                 "type": "variable",
@@ -8214,8 +8322,8 @@
                 "value": "$kendo-button-selected-bg",
                 "scope": "default",
                 "line": {
-                    "start": 168,
-                    "end": 168
+                    "start": 184,
+                    "end": 184
                 }
             },
             "group": [
@@ -8232,8 +8340,8 @@
         {
             "description": "The background gradient of the selected Button.\n",
             "commentRange": {
-                "start": 169,
-                "end": 170
+                "start": 185,
+                "end": 186
             },
             "context": {
                 "type": "variable",
@@ -8241,8 +8349,8 @@
                 "value": "$kendo-button-active-gradient",
                 "scope": "default",
                 "line": {
-                    "start": 171,
-                    "end": 171
+                    "start": 187,
+                    "end": 187
                 }
             },
             "group": [
@@ -8259,8 +8367,8 @@
         {
             "description": "The base shadow of the selected Button.\n",
             "commentRange": {
-                "start": 172,
-                "end": 173
+                "start": 188,
+                "end": 189
             },
             "context": {
                 "type": "variable",
@@ -8268,8 +8376,8 @@
                 "value": "$kendo-button-active-shadow",
                 "scope": "default",
                 "line": {
-                    "start": 174,
-                    "end": 174
+                    "start": 190,
+                    "end": 190
                 }
             },
             "group": [
@@ -8286,8 +8394,8 @@
         {
             "description": "The base shadow of the focused Button.\n",
             "commentRange": {
-                "start": 176,
-                "end": 177
+                "start": 192,
+                "end": 193
             },
             "context": {
                 "type": "variable",
@@ -8295,8 +8403,8 @@
                 "value": "0 0 0 2px color-mix(in srgb, k-color(on-app-surface) 8%, transparent)",
                 "scope": "default",
                 "line": {
-                    "start": 178,
-                    "end": 178
+                    "start": 194,
+                    "end": 194
                 }
             },
             "group": [
@@ -8313,8 +8421,8 @@
         {
             "description": "The base background of the disabled Button.\n",
             "commentRange": {
-                "start": 180,
-                "end": 181
+                "start": 196,
+                "end": 197
             },
             "context": {
                 "type": "variable",
@@ -8322,8 +8430,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 182,
-                    "end": 182
+                    "start": 198,
+                    "end": 198
                 }
             },
             "group": [
@@ -8340,8 +8448,8 @@
         {
             "description": "The base text color of the disabled Button.\n",
             "commentRange": {
-                "start": 183,
-                "end": 184
+                "start": 199,
+                "end": 200
             },
             "context": {
                 "type": "variable",
@@ -8349,8 +8457,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 185,
-                    "end": 185
+                    "start": 201,
+                    "end": 201
                 }
             },
             "group": [
@@ -8367,8 +8475,8 @@
         {
             "description": "The base border color of the disabled Button.\n",
             "commentRange": {
-                "start": 186,
-                "end": 187
+                "start": 202,
+                "end": 203
             },
             "context": {
                 "type": "variable",
@@ -8376,8 +8484,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 188,
-                    "end": 188
+                    "start": 204,
+                    "end": 204
                 }
             },
             "group": [
@@ -8394,8 +8502,8 @@
         {
             "description": "The base background gradient of the disabled Button.\n",
             "commentRange": {
-                "start": 189,
-                "end": 190
+                "start": 205,
+                "end": 206
             },
             "context": {
                 "type": "variable",
@@ -8403,8 +8511,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 191,
-                    "end": 191
+                    "start": 207,
+                    "end": 207
                 }
             },
             "group": [
@@ -8421,8 +8529,8 @@
         {
             "description": "The base shadow of the disabled Button.\n",
             "commentRange": {
-                "start": 192,
-                "end": 193
+                "start": 208,
+                "end": 209
             },
             "context": {
                 "type": "variable",
@@ -8430,8 +8538,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 194,
-                    "end": 194
+                    "start": 210,
+                    "end": 210
                 }
             },
             "group": [
@@ -8448,8 +8556,8 @@
         {
             "description": "The opacity of the pulsing animation for the generating Button.\n",
             "commentRange": {
-                "start": 196,
-                "end": 197
+                "start": 212,
+                "end": 213
             },
             "context": {
                 "type": "variable",
@@ -8457,8 +8565,8 @@
                 "value": ".4",
                 "scope": "default",
                 "line": {
-                    "start": 198,
-                    "end": 198
+                    "start": 214,
+                    "end": 214
                 }
             },
             "group": [
@@ -8475,8 +8583,8 @@
         {
             "description": "The button gradient of the Button.\n",
             "commentRange": {
-                "start": 201,
-                "end": 202
+                "start": 217,
+                "end": 218
             },
             "context": {
                 "type": "variable",
@@ -8484,8 +8592,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 203,
-                    "end": 203
+                    "start": 219,
+                    "end": 219
                 }
             },
             "group": [
@@ -8502,8 +8610,8 @@
         {
             "description": "The shadow of the Button.\n",
             "commentRange": {
-                "start": 204,
-                "end": 205
+                "start": 220,
+                "end": 221
             },
             "context": {
                 "type": "variable",
@@ -8511,8 +8619,8 @@
                 "value": "true",
                 "scope": "default",
                 "line": {
-                    "start": 206,
-                    "end": 206
+                    "start": 222,
+                    "end": 222
                 }
             },
             "group": [
@@ -8529,8 +8637,8 @@
         {
             "description": "The button shadow blur of the Button.\n",
             "commentRange": {
-                "start": 207,
-                "end": 208
+                "start": 223,
+                "end": 224
             },
             "context": {
                 "type": "variable",
@@ -8538,8 +8646,8 @@
                 "value": "0px",
                 "scope": "default",
                 "line": {
-                    "start": 209,
-                    "end": 209
+                    "start": 225,
+                    "end": 225
                 }
             },
             "group": [
@@ -8556,8 +8664,8 @@
         {
             "description": "The button shadow spread of the Button.\n",
             "commentRange": {
-                "start": 210,
-                "end": 211
+                "start": 226,
+                "end": 227
             },
             "context": {
                 "type": "variable",
@@ -8565,8 +8673,8 @@
                 "value": "2px",
                 "scope": "default",
                 "line": {
-                    "start": 212,
-                    "end": 212
+                    "start": 228,
+                    "end": 228
                 }
             },
             "group": [
@@ -8583,8 +8691,8 @@
         {
             "description": "The button shadow opacity of the Button.\n",
             "commentRange": {
-                "start": 213,
-                "end": 214
+                "start": 229,
+                "end": 230
             },
             "context": {
                 "type": "variable",
@@ -8592,8 +8700,8 @@
                 "value": ".3",
                 "scope": "default",
                 "line": {
-                    "start": 215,
-                    "end": 215
+                    "start": 231,
+                    "end": 231
                 }
             },
             "group": [
@@ -8610,8 +8718,8 @@
         {
             "description": "The shadow of the Button.\n",
             "commentRange": {
-                "start": 218,
-                "end": 219
+                "start": 234,
+                "end": 235
             },
             "context": {
                 "type": "variable",
@@ -8619,8 +8727,8 @@
                 "value": "true",
                 "scope": "default",
                 "line": {
-                    "start": 220,
-                    "end": 220
+                    "start": 236,
+                    "end": 236
                 }
             },
             "group": [
@@ -8637,8 +8745,8 @@
         {
             "description": "The button shadow blur of the Button.\n",
             "commentRange": {
-                "start": 221,
-                "end": 222
+                "start": 237,
+                "end": 238
             },
             "context": {
                 "type": "variable",
@@ -8646,8 +8754,8 @@
                 "value": "0px",
                 "scope": "default",
                 "line": {
-                    "start": 223,
-                    "end": 223
+                    "start": 239,
+                    "end": 239
                 }
             },
             "group": [
@@ -8664,8 +8772,8 @@
         {
             "description": "The button shadow spread of the Button.\n",
             "commentRange": {
-                "start": 224,
-                "end": 225
+                "start": 240,
+                "end": 241
             },
             "context": {
                 "type": "variable",
@@ -8673,8 +8781,8 @@
                 "value": "2px",
                 "scope": "default",
                 "line": {
-                    "start": 226,
-                    "end": 226
+                    "start": 242,
+                    "end": 242
                 }
             },
             "group": [
@@ -8691,8 +8799,8 @@
         {
             "description": "The button shadow opacity of the Button.\n",
             "commentRange": {
-                "start": 227,
-                "end": 228
+                "start": 243,
+                "end": 244
             },
             "context": {
                 "type": "variable",
@@ -8700,8 +8808,8 @@
                 "value": ".3",
                 "scope": "default",
                 "line": {
-                    "start": 229,
-                    "end": 229
+                    "start": 245,
+                    "end": 245
                 }
             },
             "group": [
@@ -8718,8 +8826,8 @@
         {
             "description": "The shadow of the Button.\n",
             "commentRange": {
-                "start": 232,
-                "end": 233
+                "start": 248,
+                "end": 249
             },
             "context": {
                 "type": "variable",
@@ -8727,8 +8835,8 @@
                 "value": "true",
                 "scope": "default",
                 "line": {
-                    "start": 234,
-                    "end": 234
+                    "start": 250,
+                    "end": 250
                 }
             },
             "group": [
@@ -8745,8 +8853,8 @@
         {
             "description": "The button shadow blur of the Button.\n",
             "commentRange": {
-                "start": 235,
-                "end": 236
+                "start": 251,
+                "end": 252
             },
             "context": {
                 "type": "variable",
@@ -8754,8 +8862,8 @@
                 "value": "0px",
                 "scope": "default",
                 "line": {
-                    "start": 237,
-                    "end": 237
+                    "start": 253,
+                    "end": 253
                 }
             },
             "group": [
@@ -8772,8 +8880,8 @@
         {
             "description": "The button shadow spread of the Button.\n",
             "commentRange": {
-                "start": 238,
-                "end": 239
+                "start": 254,
+                "end": 255
             },
             "context": {
                 "type": "variable",
@@ -8781,8 +8889,8 @@
                 "value": "2px",
                 "scope": "default",
                 "line": {
-                    "start": 240,
-                    "end": 240
+                    "start": 256,
+                    "end": 256
                 }
             },
             "group": [
@@ -8799,8 +8907,8 @@
         {
             "description": "The button shadow opacity of the Button.\n",
             "commentRange": {
-                "start": 241,
-                "end": 242
+                "start": 257,
+                "end": 258
             },
             "context": {
                 "type": "variable",
@@ -8808,8 +8916,8 @@
                 "value": ".3",
                 "scope": "default",
                 "line": {
-                    "start": 243,
-                    "end": 243
+                    "start": 259,
+                    "end": 259
                 }
             },
             "group": [
@@ -8826,8 +8934,8 @@
         {
             "description": "The button focus opacity of the Button.\n",
             "commentRange": {
-                "start": 246,
-                "end": 247
+                "start": 262,
+                "end": 263
             },
             "context": {
                 "type": "variable",
@@ -8835,8 +8943,8 @@
                 "value": ".1",
                 "scope": "default",
                 "line": {
-                    "start": 248,
-                    "end": 248
+                    "start": 264,
+                    "end": 264
                 }
             },
             "group": [
@@ -8853,8 +8961,8 @@
         {
             "description": "The overlay opacity of the hovered flat Button. Used to create a background for the flat Button.\n",
             "commentRange": {
-                "start": 250,
-                "end": 251
+                "start": 266,
+                "end": 267
             },
             "context": {
                 "type": "variable",
@@ -8862,8 +8970,8 @@
                 "value": ".08",
                 "scope": "default",
                 "line": {
-                    "start": 252,
-                    "end": 252
+                    "start": 268,
+                    "end": 268
                 }
             },
             "group": [
@@ -8880,8 +8988,8 @@
         {
             "description": "The overlay opacity of the focused flat Button. Used to create a background for the flat Button.\n",
             "commentRange": {
-                "start": 253,
-                "end": 254
+                "start": 269,
+                "end": 270
             },
             "context": {
                 "type": "variable",
@@ -8889,8 +8997,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 255,
-                    "end": 255
+                    "start": 271,
+                    "end": 271
                 }
             },
             "group": [
@@ -8907,8 +9015,8 @@
         {
             "description": "The overlay opacity of the active flat Button. Used to create background for the flat Button.\n",
             "commentRange": {
-                "start": 256,
-                "end": 257
+                "start": 272,
+                "end": 273
             },
             "context": {
                 "type": "variable",
@@ -8916,8 +9024,8 @@
                 "value": ".16",
                 "scope": "default",
                 "line": {
-                    "start": 258,
-                    "end": 258
+                    "start": 274,
+                    "end": 274
                 }
             },
             "group": [
@@ -8934,8 +9042,8 @@
         {
             "description": "The overlay opacity of the selected flat Button. Used to create background for the flat Button.\n",
             "commentRange": {
-                "start": 259,
-                "end": 260
+                "start": 275,
+                "end": 276
             },
             "context": {
                 "type": "variable",
@@ -8943,8 +9051,8 @@
                 "value": ".2",
                 "scope": "default",
                 "line": {
-                    "start": 261,
-                    "end": 261
+                    "start": 277,
+                    "end": 277
                 }
             },
             "group": [
@@ -8961,8 +9069,8 @@
         {
             "description": "The opacity of the flat Button focus ring. Used to create a border for the flat Button.\n",
             "commentRange": {
-                "start": 262,
-                "end": 263
+                "start": 278,
+                "end": 279
             },
             "context": {
                 "type": "variable",
@@ -8970,8 +9078,8 @@
                 "value": ".12",
                 "scope": "default",
                 "line": {
-                    "start": 264,
-                    "end": 264
+                    "start": 280,
+                    "end": 280
                 }
             },
             "group": [
@@ -8988,8 +9096,8 @@
         {
             "description": "The transition of the Button.\n",
             "commentRange": {
-                "start": 266,
-                "end": 267
+                "start": 282,
+                "end": 283
             },
             "context": {
                 "type": "variable",
@@ -8997,8 +9105,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": 268,
-                    "end": 268
+                    "start": 284,
+                    "end": 284
                 }
             },
             "group": [
@@ -98162,8 +98270,8 @@
         {
             "description": "The theme colors map of the Button.\n",
             "commentRange": {
-                "start": 116,
-                "end": 117
+                "start": 121,
+                "end": 122
             },
             "context": {
                 "type": "variable",
@@ -98171,8 +98279,8 @@
                 "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"inverse\")",
                 "scope": "default",
                 "line": {
-                    "start": 118,
-                    "end": 118
+                    "start": 123,
+                    "end": 123
                 }
             },
             "group": [
@@ -98189,17 +98297,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": [
@@ -98210,28 +98318,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-2), 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-2), 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-2)",
                     "padding-y": "var(--kendo-spacing-2)",
                     "font-size": "var(--kendo-font-size-lg)",
@@ -110861,15 +110973,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,
@@ -110884,14 +110996,122 @@
                         "path": "default/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": "default/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": "default/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": "default/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": "default/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",
@@ -110899,8 +111119,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 41,
-                            "end": 41
+                            "start": 57,
+                            "end": 57
                         }
                     },
                     "group": [
@@ -110917,8 +111137,8 @@
                 {
                     "description": "The horizontal padding of the medium Button.\n",
                     "commentRange": {
-                        "start": 42,
-                        "end": 43
+                        "start": 58,
+                        "end": 59
                     },
                     "context": {
                         "type": "variable",
@@ -110926,8 +111146,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 44,
-                            "end": 44
+                            "start": 60,
+                            "end": 60
                         }
                     },
                     "group": [
@@ -110944,8 +111164,8 @@
                 {
                     "description": "The horizontal padding of the large Button.\n",
                     "commentRange": {
-                        "start": 45,
-                        "end": 46
+                        "start": 61,
+                        "end": 62
                     },
                     "context": {
                         "type": "variable",
@@ -110953,8 +111173,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 47,
-                            "end": 47
+                            "start": 63,
+                            "end": 63
                         }
                     },
                     "group": [
@@ -110971,8 +111191,8 @@
                 {
                     "description": "The vertical padding of the xsmall Button.\n",
                     "commentRange": {
-                        "start": 49,
-                        "end": 50
+                        "start": 65,
+                        "end": 66
                     },
                     "context": {
                         "type": "variable",
@@ -110980,8 +111200,8 @@
                         "value": "k-spacing(1px)",
                         "scope": "default",
                         "line": {
-                            "start": 51,
-                            "end": 51
+                            "start": 67,
+                            "end": 67
                         }
                     },
                     "group": [
@@ -110998,8 +111218,8 @@
                 {
                     "description": "The vertical padding of the small Button.\n",
                     "commentRange": {
-                        "start": 52,
-                        "end": 53
+                        "start": 68,
+                        "end": 69
                     },
                     "context": {
                         "type": "variable",
@@ -111007,8 +111227,8 @@
                         "value": "k-spacing(0.5)",
                         "scope": "default",
                         "line": {
-                            "start": 54,
-                            "end": 54
+                            "start": 70,
+                            "end": 70
                         }
                     },
                     "group": [
@@ -111025,8 +111245,8 @@
                 {
                     "description": "The vertical padding of the medium Button.\n",
                     "commentRange": {
-                        "start": 55,
-                        "end": 56
+                        "start": 71,
+                        "end": 72
                     },
                     "context": {
                         "type": "variable",
@@ -111034,8 +111254,8 @@
                         "value": "k-spacing(1)",
                         "scope": "default",
                         "line": {
-                            "start": 57,
-                            "end": 57
+                            "start": 73,
+                            "end": 73
                         }
                     },
                     "group": [
@@ -111052,8 +111272,8 @@
                 {
                     "description": "The vertical padding of the large Button.\n",
                     "commentRange": {
-                        "start": 58,
-                        "end": 59
+                        "start": 74,
+                        "end": 75
                     },
                     "context": {
                         "type": "variable",
@@ -111061,8 +111281,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 60,
-                            "end": 60
+                            "start": 76,
+                            "end": 76
                         }
                     },
                     "group": [
@@ -111079,8 +111299,8 @@
                 {
                     "description": "The font family of the Button.\n",
                     "commentRange": {
-                        "start": 62,
-                        "end": 63
+                        "start": 78,
+                        "end": 79
                     },
                     "context": {
                         "type": "variable",
@@ -111088,8 +111308,8 @@
                         "value": "var(--kendo-font-family)",
                         "scope": "default",
                         "line": {
-                            "start": 64,
-                            "end": 64
+                            "start": 80,
+                            "end": 80
                         }
                     },
                     "group": [
@@ -111106,8 +111326,8 @@
                 {
                     "description": "The font weight of the Button.\n",
                     "commentRange": {
-                        "start": 65,
-                        "end": 66
+                        "start": 81,
+                        "end": 82
                     },
                     "context": {
                         "type": "variable",
@@ -111115,8 +111335,8 @@
                         "value": "var(--kendo-font-weight-normal)",
                         "scope": "default",
                         "line": {
-                            "start": 67,
-                            "end": 67
+                            "start": 83,
+                            "end": 83
                         }
                     },
                     "group": [
@@ -111133,8 +111353,8 @@
                 {
                     "description": "The font size of the Button.\n",
                     "commentRange": {
-                        "start": 69,
-                        "end": 70
+                        "start": 85,
+                        "end": 86
                     },
                     "context": {
                         "type": "variable",
@@ -111142,8 +111362,8 @@
                         "value": "var(--kendo-font-size)",
                         "scope": "default",
                         "line": {
-                            "start": 71,
-                            "end": 71
+                            "start": 87,
+                            "end": 87
                         }
                     },
                     "group": [
@@ -111160,8 +111380,8 @@
                 {
                     "description": "The font size of the xsmall Button.\n",
                     "commentRange": {
-                        "start": 72,
-                        "end": 73
+                        "start": 88,
+                        "end": 89
                     },
                     "context": {
                         "type": "variable",
@@ -111169,8 +111389,8 @@
                         "value": "var(--kendo-font-size)",
                         "scope": "default",
                         "line": {
-                            "start": 74,
-                            "end": 74
+                            "start": 90,
+                            "end": 90
                         }
                     },
                     "group": [
@@ -111187,8 +111407,8 @@
                 {
                     "description": "The font size of the small Button.\n",
                     "commentRange": {
-                        "start": 75,
-                        "end": 76
+                        "start": 91,
+                        "end": 92
                     },
                     "context": {
                         "type": "variable",
@@ -111196,8 +111416,8 @@
                         "value": "var(--kendo-font-size)",
                         "scope": "default",
                         "line": {
-                            "start": 77,
-                            "end": 77
+                            "start": 93,
+                            "end": 93
                         }
                     },
                     "group": [
@@ -111214,8 +111434,8 @@
                 {
                     "description": "The font size of the medium Button.\n",
                     "commentRange": {
-                        "start": 78,
-                        "end": 79
+                        "start": 94,
+                        "end": 95
                     },
                     "context": {
                         "type": "variable",
@@ -111223,8 +111443,8 @@
                         "value": "$kendo-button-font-size",
                         "scope": "default",
                         "line": {
-                            "start": 80,
-                            "end": 80
+                            "start": 96,
+                            "end": 96
                         }
                     },
                     "group": [
@@ -111241,8 +111461,8 @@
                 {
                     "description": "The font size of the large Button.\n",
                     "commentRange": {
-                        "start": 81,
-                        "end": 82
+                        "start": 97,
+                        "end": 98
                     },
                     "context": {
                         "type": "variable",
@@ -111250,8 +111470,8 @@
                         "value": "var(--kendo-font-size-lg)",
                         "scope": "default",
                         "line": {
-                            "start": 83,
-                            "end": 83
+                            "start": 99,
+                            "end": 99
                         }
                     },
                     "group": [
@@ -111268,8 +111488,8 @@
                 {
                     "description": "The line height used along with the $kendo-font-size the.\n",
                     "commentRange": {
-                        "start": 85,
-                        "end": 86
+                        "start": 101,
+                        "end": 102
                     },
                     "context": {
                         "type": "variable",
@@ -111277,8 +111497,8 @@
                         "value": "var(--kendo-line-height)",
                         "scope": "default",
                         "line": {
-                            "start": 87,
-                            "end": 87
+                            "start": 103,
+                            "end": 103
                         }
                     },
                     "group": [
@@ -111295,8 +111515,8 @@
                 {
                     "description": "The line height used along with the $kendo-font-size the of the xsmall Button.\n",
                     "commentRange": {
-                        "start": 88,
-                        "end": 89
+                        "start": 104,
+                        "end": 105
                     },
                     "context": {
                         "type": "variable",
@@ -111304,8 +111524,8 @@
                         "value": "var(--kendo-line-height)",
                         "scope": "default",
                         "line": {
-                            "start": 90,
-                            "end": 90
+                            "start": 106,
+                            "end": 106
                         }
                     },
                     "group": [
@@ -111322,8 +111542,8 @@
                 {
                     "description": "The line height used along with the $kendo-font-size the of the small Button.\n",
                     "commentRange": {
-                        "start": 91,
-                        "end": 92
+                        "start": 107,
+                        "end": 108
                     },
                     "context": {
                         "type": "variable",
@@ -111331,8 +111551,8 @@
                         "value": "var(--kendo-line-height)",
                         "scope": "default",
                         "line": {
-                            "start": 93,
-                            "end": 93
+                            "start": 109,
+                            "end": 109
                         }
                     },
                     "group": [
@@ -111349,8 +111569,8 @@
                 {
                     "description": "The line height used along with the $kendo-font-size the of the medium Button.\n",
                     "commentRange": {
-                        "start": 94,
-                        "end": 95
+                        "start": 110,
+                        "end": 111
                     },
                     "context": {
                         "type": "variable",
@@ -111358,8 +111578,8 @@
                         "value": "$kendo-button-line-height",
                         "scope": "default",
                         "line": {
-                            "start": 96,
-                            "end": 96
+                            "start": 112,
+                            "end": 112
                         }
                     },
                     "group": [
@@ -111376,8 +111596,8 @@
                 {
                     "description": "The line height used along with the $kendo-font-size the of the large Button.\n",
                     "commentRange": {
-                        "start": 97,
-                        "end": 98
+                        "start": 113,
+                        "end": 114
                     },
                     "context": {
                         "type": "variable",
@@ -111385,8 +111605,8 @@
                         "value": "var(--kendo-line-height-lg)",
                         "scope": "default",
                         "line": {
-                            "start": 99,
-                            "end": 99
+                            "start": 115,
+                            "end": 115
                         }
                     },
                     "group": [
@@ -111403,8 +111623,8 @@
                 {
                     "description": "The base background of the Button.\n",
                     "commentRange": {
-                        "start": 112,
-                        "end": 113
+                        "start": 128,
+                        "end": 129
                     },
                     "context": {
                         "type": "variable",
@@ -111412,8 +111632,8 @@
                         "value": "k-color(base)",
                         "scope": "default",
                         "line": {
-                            "start": 114,
-                            "end": 114
+                            "start": 130,
+                            "end": 130
                         }
                     },
                     "group": [
@@ -111430,8 +111650,8 @@
                 {
                     "description": "The base text color of the Button.\n",
                     "commentRange": {
-                        "start": 115,
-                        "end": 116
+                        "start": 131,
+                        "end": 132
                     },
                     "context": {
                         "type": "variable",
@@ -111439,8 +111659,8 @@
                         "value": "k-color(on-base)",
                         "scope": "default",
                         "line": {
-                            "start": 117,
-                            "end": 117
+                            "start": 133,
+                            "end": 133
                         }
                     },
                     "group": [
@@ -111457,8 +111677,8 @@
                 {
                     "description": "The base border color of the Button.\n",
                     "commentRange": {
-                        "start": 118,
-                        "end": 119
+                        "start": 134,
+                        "end": 135
                     },
                     "context": {
                         "type": "variable",
@@ -111466,8 +111686,8 @@
                         "value": "k-color(border)",
                         "scope": "default",
                         "line": {
-                            "start": 120,
-                            "end": 120
+                            "start": 136,
+                            "end": 136
                         }
                     },
                     "group": [
@@ -111484,8 +111704,8 @@
                 {
                     "description": "The base background gradient of the Button.\n",
                     "commentRange": {
-                        "start": 121,
-                        "end": 122
+                        "start": 137,
+                        "end": 138
                     },
                     "context": {
                         "type": "variable",
@@ -111493,8 +111713,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 123,
-                            "end": 123
+                            "start": 139,
+                            "end": 139
                         }
                     },
                     "group": [
@@ -111511,8 +111731,8 @@
                 {
                     "description": "The base shadow of the Button.\n",
                     "commentRange": {
-                        "start": 124,
-                        "end": 125
+                        "start": 140,
+                        "end": 141
                     },
                     "context": {
                         "type": "variable",
@@ -111520,8 +111740,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 126,
-                            "end": 126
+                            "start": 142,
+                            "end": 142
                         }
                     },
                     "group": [
@@ -111538,8 +111758,8 @@
                 {
                     "description": "The base background of the hovered Button.\n",
                     "commentRange": {
-                        "start": 128,
-                        "end": 129
+                        "start": 144,
+                        "end": 145
                     },
                     "context": {
                         "type": "variable",
@@ -111547,8 +111767,8 @@
                         "value": "k-color(base-hover)",
                         "scope": "default",
                         "line": {
-                            "start": 130,
-                            "end": 130
+                            "start": 146,
+                            "end": 146
                         }
                     },
                     "group": [
@@ -111565,8 +111785,8 @@
                 {
                     "description": "The base text color of the hovered Button.\n",
                     "commentRange": {
-                        "start": 131,
-                        "end": 132
+                        "start": 147,
+                        "end": 148
                     },
                     "context": {
                         "type": "variable",
@@ -111574,8 +111794,8 @@
                         "value": "k-color(on-base)",
                         "scope": "default",
                         "line": {
-                            "start": 133,
-                            "end": 133
+                            "start": 149,
+                            "end": 149
                         }
                     },
                     "group": [
@@ -111592,8 +111812,8 @@
                 {
                     "description": "The base border color of the hovered Button.\n",
                     "commentRange": {
-                        "start": 134,
-                        "end": 135
+                        "start": 150,
+                        "end": 151
                     },
                     "context": {
                         "type": "variable",
@@ -111601,8 +111821,8 @@
                         "value": "k-color(border)",
                         "scope": "default",
                         "line": {
-                            "start": 136,
-                            "end": 136
+                            "start": 152,
+                            "end": 152
                         }
                     },
                     "group": [
@@ -111619,8 +111839,8 @@
                 {
                     "description": "The base background gradient of the hovered Button.\n",
                     "commentRange": {
-                        "start": 137,
-                        "end": 138
+                        "start": 153,
+                        "end": 154
                     },
                     "context": {
                         "type": "variable",
@@ -111628,8 +111848,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 139,
-                            "end": 139
+                            "start": 155,
+                            "end": 155
                         }
                     },
                     "group": [
@@ -111646,8 +111866,8 @@
                 {
                     "description": "The base shadow of the hovered Button.\n",
                     "commentRange": {
-                        "start": 140,
-                        "end": 141
+                        "start": 156,
+                        "end": 157
                     },
                     "context": {
                         "type": "variable",
@@ -111655,8 +111875,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 142,
-                            "end": 142
+                            "start": 158,
+                            "end": 158
                         }
                     },
                     "group": [
@@ -111673,8 +111893,8 @@
                 {
                     "description": "The base background color of the active Button.\n",
                     "commentRange": {
-                        "start": 144,
-                        "end": 145
+                        "start": 160,
+                        "end": 161
                     },
                     "context": {
                         "type": "variable",
@@ -111682,8 +111902,8 @@
                         "value": "k-color(base-active)",
                         "scope": "default",
                         "line": {
-                            "start": 146,
-                            "end": 146
+                            "start": 162,
+                            "end": 162
                         }
                     },
                     "group": [
@@ -111700,8 +111920,8 @@
                 {
                     "description": "The base text color of the active Button.\n",
                     "commentRange": {
-                        "start": 147,
-                        "end": 148
+                        "start": 163,
+                        "end": 164
                     },
                     "context": {
                         "type": "variable",
@@ -111709,8 +111929,8 @@
                         "value": "k-color(on-base)",
                         "scope": "default",
                         "line": {
-                            "start": 149,
-                            "end": 149
+                            "start": 165,
+                            "end": 165
                         }
                     },
                     "group": [
@@ -111727,8 +111947,8 @@
                 {
                     "description": "The base border color of the active Button.\n",
                     "commentRange": {
-                        "start": 150,
-                        "end": 151
+                        "start": 166,
+                        "end": 167
                     },
                     "context": {
                         "type": "variable",
@@ -111736,8 +111956,8 @@
                         "value": "k-color(border)",
                         "scope": "default",
                         "line": {
-                            "start": 152,
-                            "end": 152
+                            "start": 168,
+                            "end": 168
                         }
                     },
                     "group": [
@@ -111754,8 +111974,8 @@
                 {
                     "description": "The base background gradient of the active Button.\n",
                     "commentRange": {
-                        "start": 153,
-                        "end": 154
+                        "start": 169,
+                        "end": 170
                     },
                     "context": {
                         "type": "variable",
@@ -111763,8 +111983,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 155,
-                            "end": 155
+                            "start": 171,
+                            "end": 171
                         }
                     },
                     "group": [
@@ -111781,8 +112001,8 @@
                 {
                     "description": "The base shadow of the active Button.\n",
                     "commentRange": {
-                        "start": 156,
-                        "end": 157
+                        "start": 172,
+                        "end": 173
                     },
                     "context": {
                         "type": "variable",
@@ -111790,8 +112010,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 158,
-                            "end": 158
+                            "start": 174,
+                            "end": 174
                         }
                     },
                     "group": [
@@ -111808,8 +112028,8 @@
                 {
                     "description": "The base background color of the selected Button.\n",
                     "commentRange": {
-                        "start": 160,
-                        "end": 161
+                        "start": 176,
+                        "end": 177
                     },
                     "context": {
                         "type": "variable",
@@ -111817,8 +112037,8 @@
                         "value": "k-color(primary)",
                         "scope": "default",
                         "line": {
-                            "start": 162,
-                            "end": 162
+                            "start": 178,
+                            "end": 178
                         }
                     },
                     "group": [
@@ -111835,8 +112055,8 @@
                 {
                     "description": "The text color of the selected Button.\n",
                     "commentRange": {
-                        "start": 163,
-                        "end": 164
+                        "start": 179,
+                        "end": 180
                     },
                     "context": {
                         "type": "variable",
@@ -111844,8 +112064,8 @@
                         "value": "k-color(on-primary)",
                         "scope": "default",
                         "line": {
-                            "start": 165,
-                            "end": 165
+                            "start": 181,
+                            "end": 181
                         }
                     },
                     "group": [
@@ -111862,8 +112082,8 @@
                 {
                     "description": "The border color of the selected Button.\n",
                     "commentRange": {
-                        "start": 166,
-                        "end": 167
+                        "start": 182,
+                        "end": 183
                     },
                     "context": {
                         "type": "variable",
@@ -111871,8 +112091,8 @@
                         "value": "$kendo-button-selected-bg",
                         "scope": "default",
                         "line": {
-                            "start": 168,
-                            "end": 168
+                            "start": 184,
+                            "end": 184
                         }
                     },
                     "group": [
@@ -111889,8 +112109,8 @@
                 {
                     "description": "The background gradient of the selected Button.\n",
                     "commentRange": {
-                        "start": 169,
-                        "end": 170
+                        "start": 185,
+                        "end": 186
                     },
                     "context": {
                         "type": "variable",
@@ -111898,8 +112118,8 @@
                         "value": "$kendo-button-active-gradient",
                         "scope": "default",
                         "line": {
-                            "start": 171,
-                            "end": 171
+                            "start": 187,
+                            "end": 187
                         }
                     },
                     "group": [
@@ -111916,8 +112136,8 @@
                 {
                     "description": "The base shadow of the selected Button.\n",
                     "commentRange": {
-                        "start": 172,
-                        "end": 173
+                        "start": 188,
+                        "end": 189
                     },
                     "context": {
                         "type": "variable",
@@ -111925,8 +112145,8 @@
                         "value": "$kendo-button-active-shadow",
                         "scope": "default",
                         "line": {
-                            "start": 174,
-                            "end": 174
+                            "start": 190,
+                            "end": 190
                         }
                     },
                     "group": [
@@ -111943,8 +112163,8 @@
                 {
                     "description": "The base shadow of the focused Button.\n",
                     "commentRange": {
-                        "start": 176,
-                        "end": 177
+                        "start": 192,
+                        "end": 193
                     },
                     "context": {
                         "type": "variable",
@@ -111952,8 +112172,8 @@
                         "value": "0 0 0 2px color-mix(in srgb, k-color(on-app-surface) 8%, transparent)",
                         "scope": "default",
                         "line": {
-                            "start": 178,
-                            "end": 178
+                            "start": 194,
+                            "end": 194
                         }
                     },
                     "group": [
@@ -111970,8 +112190,8 @@
                 {
                     "description": "The base background of the disabled Button.\n",
                     "commentRange": {
-                        "start": 180,
-                        "end": 181
+                        "start": 196,
+                        "end": 197
                     },
                     "context": {
                         "type": "variable",
@@ -111979,8 +112199,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 182,
-                            "end": 182
+                            "start": 198,
+                            "end": 198
                         }
                     },
                     "group": [
@@ -111997,8 +112217,8 @@
                 {
                     "description": "The base text color of the disabled Button.\n",
                     "commentRange": {
-                        "start": 183,
-                        "end": 184
+                        "start": 199,
+                        "end": 200
                     },
                     "context": {
                         "type": "variable",
@@ -112006,8 +112226,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 185,
-                            "end": 185
+                            "start": 201,
+                            "end": 201
                         }
                     },
                     "group": [
@@ -112024,8 +112244,8 @@
                 {
                     "description": "The base border color of the disabled Button.\n",
                     "commentRange": {
-                        "start": 186,
-                        "end": 187
+                        "start": 202,
+                        "end": 203
                     },
                     "context": {
                         "type": "variable",
@@ -112033,8 +112253,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 188,
-                            "end": 188
+                            "start": 204,
+                            "end": 204
                         }
                     },
                     "group": [
@@ -112051,8 +112271,8 @@
                 {
                     "description": "The base background gradient of the disabled Button.\n",
                     "commentRange": {
-                        "start": 189,
-                        "end": 190
+                        "start": 205,
+                        "end": 206
                     },
                     "context": {
                         "type": "variable",
@@ -112060,8 +112280,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 191,
-                            "end": 191
+                            "start": 207,
+                            "end": 207
                         }
                     },
                     "group": [
@@ -112078,8 +112298,8 @@
                 {
                     "description": "The base shadow of the disabled Button.\n",
                     "commentRange": {
-                        "start": 192,
-                        "end": 193
+                        "start": 208,
+                        "end": 209
                     },
                     "context": {
                         "type": "variable",
@@ -112087,8 +112307,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 194,
-                            "end": 194
+                            "start": 210,
+                            "end": 210
                         }
                     },
                     "group": [
@@ -112105,8 +112325,8 @@
                 {
                     "description": "The opacity of the pulsing animation for the generating Button.\n",
                     "commentRange": {
-                        "start": 196,
-                        "end": 197
+                        "start": 212,
+                        "end": 213
                     },
                     "context": {
                         "type": "variable",
@@ -112114,8 +112334,8 @@
                         "value": ".4",
                         "scope": "default",
                         "line": {
-                            "start": 198,
-                            "end": 198
+                            "start": 214,
+                            "end": 214
                         }
                     },
                     "group": [
@@ -112132,8 +112352,8 @@
                 {
                     "description": "The button gradient of the Button.\n",
                     "commentRange": {
-                        "start": 201,
-                        "end": 202
+                        "start": 217,
+                        "end": 218
                     },
                     "context": {
                         "type": "variable",
@@ -112141,8 +112361,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 203,
-                            "end": 203
+                            "start": 219,
+                            "end": 219
                         }
                     },
                     "group": [
@@ -112159,8 +112379,8 @@
                 {
                     "description": "The shadow of the Button.\n",
                     "commentRange": {
-                        "start": 204,
-                        "end": 205
+                        "start": 220,
+                        "end": 221
                     },
                     "context": {
                         "type": "variable",
@@ -112168,8 +112388,8 @@
                         "value": "true",
                         "scope": "default",
                         "line": {
-                            "start": 206,
-                            "end": 206
+                            "start": 222,
+                            "end": 222
                         }
                     },
                     "group": [
@@ -112186,8 +112406,8 @@
                 {
                     "description": "The button shadow blur of the Button.\n",
                     "commentRange": {
-                        "start": 207,
-                        "end": 208
+                        "start": 223,
+                        "end": 224
                     },
                     "context": {
                         "type": "variable",
@@ -112195,8 +112415,8 @@
                         "value": "0px",
                         "scope": "default",
                         "line": {
-                            "start": 209,
-                            "end": 209
+                            "start": 225,
+                            "end": 225
                         }
                     },
                     "group": [
@@ -112213,8 +112433,8 @@
                 {
                     "description": "The button shadow spread of the Button.\n",
                     "commentRange": {
-                        "start": 210,
-                        "end": 211
+                        "start": 226,
+                        "end": 227
                     },
                     "context": {
                         "type": "variable",
@@ -112222,8 +112442,8 @@
                         "value": "2px",
                         "scope": "default",
                         "line": {
-                            "start": 212,
-                            "end": 212
+                            "start": 228,
+                            "end": 228
                         }
                     },
                     "group": [
@@ -112240,8 +112460,8 @@
                 {
                     "description": "The button shadow opacity of the Button.\n",
                     "commentRange": {
-                        "start": 213,
-                        "end": 214
+                        "start": 229,
+                        "end": 230
                     },
                     "context": {
                         "type": "variable",
@@ -112249,8 +112469,8 @@
                         "value": ".3",
                         "scope": "default",
                         "line": {
-                            "start": 215,
-                            "end": 215
+                            "start": 231,
+                            "end": 231
                         }
                     },
                     "group": [
@@ -112267,8 +112487,8 @@
                 {
                     "description": "The shadow of the Button.\n",
                     "commentRange": {
-                        "start": 218,
-                        "end": 219
+                        "start": 234,
+                        "end": 235
                     },
                     "context": {
                         "type": "variable",
@@ -112276,8 +112496,8 @@
                         "value": "true",
                         "scope": "default",
                         "line": {
-                            "start": 220,
-                            "end": 220
+                            "start": 236,
+                            "end": 236
                         }
                     },
                     "group": [
@@ -112294,8 +112514,8 @@
                 {
                     "description": "The button shadow blur of the Button.\n",
                     "commentRange": {
-                        "start": 221,
-                        "end": 222
+                        "start": 237,
+                        "end": 238
                     },
                     "context": {
                         "type": "variable",
@@ -112303,8 +112523,8 @@
                         "value": "0px",
                         "scope": "default",
                         "line": {
-                            "start": 223,
-                            "end": 223
+                            "start": 239,
+                            "end": 239
                         }
                     },
                     "group": [
@@ -112321,8 +112541,8 @@
                 {
                     "description": "The button shadow spread of the Button.\n",
                     "commentRange": {
-                        "start": 224,
-                        "end": 225
+                        "start": 240,
+                        "end": 241
                     },
                     "context": {
                         "type": "variable",
@@ -112330,8 +112550,8 @@
                         "value": "2px",
                         "scope": "default",
                         "line": {
-                            "start": 226,
-                            "end": 226
+                            "start": 242,
+                            "end": 242
                         }
                     },
                     "group": [
@@ -112348,8 +112568,8 @@
                 {
                     "description": "The button shadow opacity of the Button.\n",
                     "commentRange": {
-                        "start": 227,
-                        "end": 228
+                        "start": 243,
+                        "end": 244
                     },
                     "context": {
                         "type": "variable",
@@ -112357,8 +112577,8 @@
                         "value": ".3",
                         "scope": "default",
                         "line": {
-                            "start": 229,
-                            "end": 229
+                            "start": 245,
+                            "end": 245
                         }
                     },
                     "group": [
@@ -112375,8 +112595,8 @@
                 {
                     "description": "The shadow of the Button.\n",
                     "commentRange": {
-                        "start": 232,
-                        "end": 233
+                        "start": 248,
+                        "end": 249
                     },
                     "context": {
                         "type": "variable",
@@ -112384,8 +112604,8 @@
                         "value": "true",
                         "scope": "default",
                         "line": {
-                            "start": 234,
-                            "end": 234
+                            "start": 250,
+                            "end": 250
                         }
                     },
                     "group": [
@@ -112402,8 +112622,8 @@
                 {
                     "description": "The button shadow blur of the Button.\n",
                     "commentRange": {
-                        "start": 235,
-                        "end": 236
+                        "start": 251,
+                        "end": 252
                     },
                     "context": {
                         "type": "variable",
@@ -112411,8 +112631,8 @@
                         "value": "0px",
                         "scope": "default",
                         "line": {
-                            "start": 237,
-                            "end": 237
+                            "start": 253,
+                            "end": 253
                         }
                     },
                     "group": [
@@ -112429,8 +112649,8 @@
                 {
                     "description": "The button shadow spread of the Button.\n",
                     "commentRange": {
-                        "start": 238,
-                        "end": 239
+                        "start": 254,
+                        "end": 255
                     },
                     "context": {
                         "type": "variable",
@@ -112438,8 +112658,8 @@
                         "value": "2px",
                         "scope": "default",
                         "line": {
-                            "start": 240,
-                            "end": 240
+                            "start": 256,
+                            "end": 256
                         }
                     },
                     "group": [
@@ -112456,8 +112676,8 @@
                 {
                     "description": "The button shadow opacity of the Button.\n",
                     "commentRange": {
-                        "start": 241,
-                        "end": 242
+                        "start": 257,
+                        "end": 258
                     },
                     "context": {
                         "type": "variable",
@@ -112465,8 +112685,8 @@
                         "value": ".3",
                         "scope": "default",
                         "line": {
-                            "start": 243,
-                            "end": 243
+                            "start": 259,
+                            "end": 259
                         }
                     },
                     "group": [
@@ -112483,8 +112703,8 @@
                 {
                     "description": "The button focus opacity of the Button.\n",
                     "commentRange": {
-                        "start": 246,
-                        "end": 247
+                        "start": 262,
+                        "end": 263
                     },
                     "context": {
                         "type": "variable",
@@ -112492,8 +112712,8 @@
                         "value": ".1",
                         "scope": "default",
                         "line": {
-                            "start": 248,
-                            "end": 248
+                            "start": 264,
+                            "end": 264
                         }
                     },
                     "group": [
@@ -112510,8 +112730,8 @@
                 {
                     "description": "The overlay opacity of the hovered flat Button. Used to create a background for the flat Button.\n",
                     "commentRange": {
-                        "start": 250,
-                        "end": 251
+                        "start": 266,
+                        "end": 267
                     },
                     "context": {
                         "type": "variable",
@@ -112519,8 +112739,8 @@
                         "value": ".08",
                         "scope": "default",
                         "line": {
-                            "start": 252,
-                            "end": 252
+                            "start": 268,
+                            "end": 268
                         }
                     },
                     "group": [
@@ -112537,8 +112757,8 @@
                 {
                     "description": "The overlay opacity of the focused flat Button. Used to create a background for the flat Button.\n",
                     "commentRange": {
-                        "start": 253,
-                        "end": 254
+                        "start": 269,
+                        "end": 270
                     },
                     "context": {
                         "type": "variable",
@@ -112546,8 +112766,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 255,
-                            "end": 255
+                            "start": 271,
+                            "end": 271
                         }
                     },
                     "group": [
@@ -112564,8 +112784,8 @@
                 {
                     "description": "The overlay opacity of the active flat Button. Used to create background for the flat Button.\n",
                     "commentRange": {
-                        "start": 256,
-                        "end": 257
+                        "start": 272,
+                        "end": 273
                     },
                     "context": {
                         "type": "variable",
@@ -112573,8 +112793,8 @@
                         "value": ".16",
                         "scope": "default",
                         "line": {
-                            "start": 258,
-                            "end": 258
+                            "start": 274,
+                            "end": 274
                         }
                     },
                     "group": [
@@ -112591,8 +112811,8 @@
                 {
                     "description": "The overlay opacity of the selected flat Button. Used to create background for the flat Button.\n",
                     "commentRange": {
-                        "start": 259,
-                        "end": 260
+                        "start": 275,
+                        "end": 276
                     },
                     "context": {
                         "type": "variable",
@@ -112600,8 +112820,8 @@
                         "value": ".2",
                         "scope": "default",
                         "line": {
-                            "start": 261,
-                            "end": 261
+                            "start": 277,
+                            "end": 277
                         }
                     },
                     "group": [
@@ -112618,8 +112838,8 @@
                 {
                     "description": "The opacity of the flat Button focus ring. Used to create a border for the flat Button.\n",
                     "commentRange": {
-                        "start": 262,
-                        "end": 263
+                        "start": 278,
+                        "end": 279
                     },
                     "context": {
                         "type": "variable",
@@ -112627,8 +112847,8 @@
                         "value": ".12",
                         "scope": "default",
                         "line": {
-                            "start": 264,
-                            "end": 264
+                            "start": 280,
+                            "end": 280
                         }
                     },
                     "group": [
@@ -112645,8 +112865,8 @@
                 {
                     "description": "The transition of the Button.\n",
                     "commentRange": {
-                        "start": 266,
-                        "end": 267
+                        "start": 282,
+                        "end": 283
                     },
                     "context": {
                         "type": "variable",
@@ -112654,8 +112874,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": 268,
-                            "end": 268
+                            "start": 284,
+                            "end": 284
                         }
                     },
                     "group": [
@@ -112672,8 +112892,8 @@
                 {
                     "description": "The theme colors map of the Button.\n",
                     "commentRange": {
-                        "start": 116,
-                        "end": 117
+                        "start": 121,
+                        "end": 122
                     },
                     "context": {
                         "type": "variable",
@@ -112681,8 +112901,8 @@
                         "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"inverse\")",
                         "scope": "default",
                         "line": {
-                            "start": 118,
-                            "end": 118
+                            "start": 123,
+                            "end": 123
                         }
                     },
                     "group": [
@@ -112699,17 +112919,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": [
@@ -112720,28 +112940,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-2), 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-2), 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-2)",
                             "padding-y": "var(--kendo-spacing-2)",
                             "font-size": "var(--kendo-font-size-lg)",