@progress/kendo-theme-bootstrap 14.7.0-dev.5 → 14.7.0-dev.6

package/dist/meta/sassdoc-data.json

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