npm - @progress/kendo-theme-meridian - Versions diffs - 14.7.0-dev.1 → 14.7.0-dev.11 - Mend

@progress/kendo-theme-meridian 14.7.0-dev.1 → 14.7.0-dev.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (18) hide show

package/dist/all.css +1 -1
package/dist/meridian-main-dark.css +1 -1
package/dist/meridian-main.css +1 -1
package/dist/meta/sassdoc-data.json +1674 -1012
package/dist/meta/sassdoc-raw-data.json +779 -479
package/dist/meta/variables.json +72 -17
package/lib/swatches/meridian-main-dark.json +1 -1
package/lib/swatches/meridian-main.json +1 -1
package/package.json +3 -3
package/scss/badge/_variables.scss +17 -0
package/scss/button/_variables.scss +20 -0
package/scss/chip/_theme.scss +0 -32
package/scss/chip/_variables.scss +6 -6
package/scss/imageeditor/_variables.scss +8 -0
package/scss/listbox/_variables.scss +9 -0
package/scss/marquee/_variables.scss +2 -2
package/scss/scheduler/_theme.scss +6 -0
package/scss/scheduler/_variables.scss +4 -4

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

@@ -3552,14 +3552,14 @@
         }
     },
     {
-        "description": "The vertical padding of the small Badge.\n",
+        "description": "The horizontal padding of Badge text content.\n",
         "commentRange": {
             "start": 36,
             "end": 37
         },
         "context": {
             "type": "variable",
-            "name": "kendo-badge-sm-padding-y",
+            "name": "kendo-badge-text-padding-x",
             "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
@@ -3577,15 +3577,15 @@
         }
     },
     {
-        "description": "The vertical padding of the medium Badge.\n",
+        "description": "The icon-to-text gap of the small Badge.\n",
         "commentRange": {
             "start": 39,
             "end": 40
         },
         "context": {
             "type": "variable",
-            "name": "kendo-badge-md-padding-y",
-            "value": "k-spacing(1)",
+            "name": "kendo-badge-sm-gap",
+            "value": "k-spacing(0)",
             "scope": "default",
             "line": {
                 "start": 41,
@@ -3602,15 +3602,15 @@
         }
     },
     {
-        "description": "The vertical padding of the large Badge.\n",
+        "description": "The icon-to-text gap of the medium Badge.\n",
         "commentRange": {
             "start": 42,
             "end": 43
         },
         "context": {
             "type": "variable",
-            "name": "kendo-badge-lg-padding-y",
-            "value": "k-spacing(1.5)",
+            "name": "kendo-badge-md-gap",
+            "value": "k-spacing(1px)",
             "scope": "default",
             "line": {
                 "start": 44,
@@ -3627,19 +3627,19 @@
         }
     },
     {
-        "description": "The font sizes of the Badge.\n",
+        "description": "The icon-to-text gap of the large Badge.\n",
         "commentRange": {
-            "start": 46,
-            "end": 47
+            "start": 45,
+            "end": 46
         },
         "context": {
             "type": "variable",
-            "name": "kendo-badge-font-size",
-            "value": "var( --kendo-font-size-xs, inherit )",
+            "name": "kendo-badge-lg-gap",
+            "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
-                "start": 48,
-                "end": 48
+                "start": 47,
+                "end": 47
             }
         },
         "group": [
@@ -3652,15 +3652,15 @@
         }
     },
     {
-        "description": "The font size of the small Badge.\n",
+        "description": "The vertical padding of the small Badge.\n",
         "commentRange": {
             "start": 49,
             "end": 50
         },
         "context": {
             "type": "variable",
-            "name": "kendo-badge-sm-font-size",
-            "value": "var( --kendo-font-size-xs, inherit )",
+            "name": "kendo-badge-sm-padding-y",
+            "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
                 "start": 51,
@@ -3677,15 +3677,15 @@
         }
     },
     {
-        "description": "The font size of the medium Badge.\n",
+        "description": "The vertical padding of the medium Badge.\n",
         "commentRange": {
             "start": 52,
             "end": 53
         },
         "context": {
             "type": "variable",
-            "name": "kendo-badge-md-font-size",
-            "value": "var( --kendo-font-size-xs, inherit )",
+            "name": "kendo-badge-md-padding-y",
+            "value": "k-spacing(1)",
             "scope": "default",
             "line": {
                 "start": 54,
@@ -3702,15 +3702,15 @@
         }
     },
     {
-        "description": "The font size of the large Badge.\n",
+        "description": "The vertical padding of the large Badge.\n",
         "commentRange": {
             "start": 55,
             "end": 56
         },
         "context": {
             "type": "variable",
-            "name": "kendo-badge-lg-font-size",
-            "value": "var( --kendo-font-size-xs, inherit )",
+            "name": "kendo-badge-lg-padding-y",
+            "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
                 "start": 57,
@@ -3727,15 +3727,15 @@
         }
     },
     {
-        "description": "The line heights used along with the $kendo-font-size variable.\n",
+        "description": "The font sizes of the Badge.\n",
         "commentRange": {
             "start": 59,
             "end": 60
         },
         "context": {
             "type": "variable",
-            "name": "kendo-badge-line-height",
-            "value": "1",
+            "name": "kendo-badge-font-size",
+            "value": "var( --kendo-font-size-xs, inherit )",
             "scope": "default",
             "line": {
                 "start": 61,
@@ -3752,15 +3752,15 @@
         }
     },
     {
-        "description": "The line height used along with the $kendo-font-size variable of the small Badge.\n",
+        "description": "The font size of the small Badge.\n",
         "commentRange": {
             "start": 62,
             "end": 63
         },
         "context": {
             "type": "variable",
-            "name": "kendo-badge-sm-line-height",
-            "value": "$kendo-badge-line-height",
+            "name": "kendo-badge-sm-font-size",
+            "value": "var( --kendo-font-size-xs, inherit )",
             "scope": "default",
             "line": {
                 "start": 64,
@@ -3777,15 +3777,15 @@
         }
     },
     {
-        "description": "The line height used along with the $kendo-font-size variable of the medium Badge.\n",
+        "description": "The font size of the medium Badge.\n",
         "commentRange": {
             "start": 65,
             "end": 66
         },
         "context": {
             "type": "variable",
-            "name": "kendo-badge-md-line-height",
-            "value": "$kendo-badge-line-height",
+            "name": "kendo-badge-md-font-size",
+            "value": "var( --kendo-font-size-xs, inherit )",
             "scope": "default",
             "line": {
                 "start": 67,
@@ -3802,15 +3802,15 @@
         }
     },
     {
-        "description": "The line height used along with the $kendo-font-size variable of the large Badge.\n",
+        "description": "The font size of the large Badge.\n",
         "commentRange": {
             "start": 68,
             "end": 69
         },
         "context": {
             "type": "variable",
-            "name": "kendo-badge-lg-line-height",
-            "value": "$kendo-badge-line-height",
+            "name": "kendo-badge-lg-font-size",
+            "value": "var( --kendo-font-size-xs, inherit )",
             "scope": "default",
             "line": {
                 "start": 70,
@@ -3827,15 +3827,15 @@
         }
     },
     {
-        "description": "The calculated minimum width of the circular Badge.\n",
+        "description": "The line heights used along with the $kendo-font-size variable.\n",
         "commentRange": {
             "start": 72,
             "end": 73
         },
         "context": {
             "type": "variable",
-            "name": "kendo-badge-min-width",
-            "value": "calc( #{$kendo-badge-line-height * 1em} + calc( #{$kendo-badge-md-padding-y} * 2 ) + calc( #{$kendo-badge-border-width} * 2 ))",
+            "name": "kendo-badge-line-height",
+            "value": "1",
             "scope": "default",
             "line": {
                 "start": 74,
@@ -3852,15 +3852,15 @@
         }
     },
     {
-        "description": "The calculated minimum width of the small circular Badge.\n",
+        "description": "The line height used along with the $kendo-font-size variable of the small Badge.\n",
         "commentRange": {
             "start": 75,
             "end": 76
         },
         "context": {
             "type": "variable",
-            "name": "kendo-badge-sm-min-width",
-            "value": "calc( #{$kendo-badge-sm-line-height * 1em} + calc( #{$kendo-badge-sm-padding-y} * 2 ) + calc( #{$kendo-badge-border-width} * 2 ) )",
+            "name": "kendo-badge-sm-line-height",
+            "value": "$kendo-badge-line-height",
             "scope": "default",
             "line": {
                 "start": 77,
@@ -3877,15 +3877,15 @@
         }
     },
     {
-        "description": "The calculated minimum width of the medium circular Badge.\n",
+        "description": "The line height used along with the $kendo-font-size variable of the medium Badge.\n",
         "commentRange": {
             "start": 78,
             "end": 79
         },
         "context": {
             "type": "variable",
-            "name": "kendo-badge-md-min-width",
-            "value": "calc( #{$kendo-badge-md-line-height * 1em} + calc( #{$kendo-badge-md-padding-y} * 2 ) + calc( #{$kendo-badge-border-width} * 2 ) )",
+            "name": "kendo-badge-md-line-height",
+            "value": "$kendo-badge-line-height",
             "scope": "default",
             "line": {
                 "start": 80,
@@ -3902,15 +3902,15 @@
         }
     },
     {
-        "description": "The calculated minimum width of the large circular Badge.\n",
+        "description": "The line height used along with the $kendo-font-size variable of the large Badge.\n",
         "commentRange": {
             "start": 81,
             "end": 82
         },
         "context": {
             "type": "variable",
-            "name": "kendo-badge-lg-min-width",
-            "value": "calc( #{$kendo-badge-lg-line-height * 1em} + calc( #{$kendo-badge-lg-padding-y} * 2 ) + calc( #{$kendo-badge-border-width} * 2 ) )",
+            "name": "kendo-badge-lg-line-height",
+            "value": "$kendo-badge-line-height",
             "scope": "default",
             "line": {
                 "start": 83,
@@ -3926,6 +3926,106 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The calculated minimum width of the circular Badge.\n",
+        "commentRange": {
+            "start": 85,
+            "end": 86
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-badge-min-width",
+            "value": "calc( #{$kendo-badge-line-height * 1em} + calc( #{$kendo-badge-md-padding-y} * 2 ) + calc( #{$kendo-badge-border-width} * 2 ))",
+            "scope": "default",
+            "line": {
+                "start": 87,
+                "end": 87
+            }
+        },
+        "group": [
+            "badge"
+        ],
+        "access": "public",
+        "file": {
+            "path": "badge/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The calculated minimum width of the small circular Badge.\n",
+        "commentRange": {
+            "start": 88,
+            "end": 89
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-badge-sm-min-width",
+            "value": "calc( #{$kendo-badge-sm-line-height * 1em} + calc( #{$kendo-badge-sm-padding-y} * 2 ) + calc( #{$kendo-badge-border-width} * 2 ) )",
+            "scope": "default",
+            "line": {
+                "start": 90,
+                "end": 90
+            }
+        },
+        "group": [
+            "badge"
+        ],
+        "access": "public",
+        "file": {
+            "path": "badge/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The calculated minimum width of the medium circular Badge.\n",
+        "commentRange": {
+            "start": 91,
+            "end": 92
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-badge-md-min-width",
+            "value": "calc( #{$kendo-badge-md-line-height * 1em} + calc( #{$kendo-badge-md-padding-y} * 2 ) + calc( #{$kendo-badge-border-width} * 2 ) )",
+            "scope": "default",
+            "line": {
+                "start": 93,
+                "end": 93
+            }
+        },
+        "group": [
+            "badge"
+        ],
+        "access": "public",
+        "file": {
+            "path": "badge/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The calculated minimum width of the large circular Badge.\n",
+        "commentRange": {
+            "start": 94,
+            "end": 95
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-badge-lg-min-width",
+            "value": "calc( #{$kendo-badge-lg-line-height * 1em} + calc( #{$kendo-badge-lg-padding-y} * 2 ) + calc( #{$kendo-badge-border-width} * 2 ) )",
+            "scope": "default",
+            "line": {
+                "start": 96,
+                "end": 96
+            }
+        },
+        "group": [
+            "badge"
+        ],
+        "access": "public",
+        "file": {
+            "path": "badge/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The default theme color of the BottomNavigation.\n",
         "commentRange": {
@@ -6973,15 +7073,15 @@
         }
     },
     {
-        "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(1)",
+            "name": "kendo-button-xs-gap",
+            "value": "$kendo-button-gap",
             "scope": "default",
             "line": {
                 "start": 38,
@@ -6997,11 +7097,111 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "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": "button/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "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": "button/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "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": "button/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "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": "button/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The horizontal padding of the small Button.\n",
         "commentRange": {
-            "start": 39,
-            "end": 40
+            "start": 55,
+            "end": 56
         },
         "context": {
             "type": "variable",
@@ -7009,8 +7209,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 41,
-                "end": 41
+                "start": 57,
+                "end": 57
             }
         },
         "group": [
@@ -7025,8 +7225,8 @@
     {
         "description": "The horizontal padding of the medium Button.\n",
         "commentRange": {
-            "start": 42,
-            "end": 43
+            "start": 58,
+            "end": 59
         },
         "context": {
             "type": "variable",
@@ -7034,8 +7234,8 @@
             "value": "k-spacing(2.5)",
             "scope": "default",
             "line": {
-                "start": 44,
-                "end": 44
+                "start": 60,
+                "end": 60
             }
         },
         "group": [
@@ -7050,8 +7250,8 @@
     {
         "description": "The horizontal padding of the large Button.\n",
         "commentRange": {
-            "start": 45,
-            "end": 46
+            "start": 61,
+            "end": 62
         },
         "context": {
             "type": "variable",
@@ -7059,8 +7259,8 @@
             "value": "k-spacing(3)",
             "scope": "default",
             "line": {
-                "start": 47,
-                "end": 47
+                "start": 63,
+                "end": 63
             }
         },
         "group": [
@@ -7075,8 +7275,8 @@
     {
         "description": "The vertical padding of the xsmall Button.\n",
         "commentRange": {
-            "start": 49,
-            "end": 50
+            "start": 65,
+            "end": 66
         },
         "context": {
             "type": "variable",
@@ -7084,8 +7284,8 @@
             "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
-                "start": 51,
-                "end": 51
+                "start": 67,
+                "end": 67
             }
         },
         "group": [
@@ -7100,8 +7300,8 @@
     {
         "description": "The vertical padding of the small Button.\n",
         "commentRange": {
-            "start": 52,
-            "end": 53
+            "start": 68,
+            "end": 69
         },
         "context": {
             "type": "variable",
@@ -7109,8 +7309,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 54,
-                "end": 54
+                "start": 70,
+                "end": 70
             }
         },
         "group": [
@@ -7125,8 +7325,8 @@
     {
         "description": "The vertical padding of the medium Button.\n",
         "commentRange": {
-            "start": 55,
-            "end": 56
+            "start": 71,
+            "end": 72
         },
         "context": {
             "type": "variable",
@@ -7134,8 +7334,8 @@
             "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
-                "start": 57,
-                "end": 57
+                "start": 73,
+                "end": 73
             }
         },
         "group": [
@@ -7150,8 +7350,8 @@
     {
         "description": "The vertical padding of the large Button.\n",
         "commentRange": {
-            "start": 58,
-            "end": 59
+            "start": 74,
+            "end": 75
         },
         "context": {
             "type": "variable",
@@ -7159,8 +7359,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 60,
-                "end": 60
+                "start": 76,
+                "end": 76
             }
         },
         "group": [
@@ -7175,8 +7375,8 @@
     {
         "description": "The font family of the Button.\n",
         "commentRange": {
-            "start": 62,
-            "end": 63
+            "start": 78,
+            "end": 79
         },
         "context": {
             "type": "variable",
@@ -7184,8 +7384,8 @@
             "value": "var( --kendo-font-family, inherit )",
             "scope": "default",
             "line": {
-                "start": 64,
-                "end": 64
+                "start": 80,
+                "end": 80
             }
         },
         "group": [
@@ -7200,8 +7400,8 @@
     {
         "description": "The font weight of the Button.\n",
         "commentRange": {
-            "start": 65,
-            "end": 66
+            "start": 81,
+            "end": 82
         },
         "context": {
             "type": "variable",
@@ -7209,8 +7409,8 @@
             "value": "var( --kendo-font-weight-normal, normal )",
             "scope": "default",
             "line": {
-                "start": 67,
-                "end": 67
+                "start": 83,
+                "end": 83
             }
         },
         "group": [
@@ -7225,8 +7425,8 @@
     {
         "description": "The font size of the Button.\n",
         "commentRange": {
-            "start": 69,
-            "end": 70
+            "start": 85,
+            "end": 86
         },
         "context": {
             "type": "variable",
@@ -7234,8 +7434,8 @@
             "value": "var( --kendo-font-size, inherit )",
             "scope": "default",
             "line": {
-                "start": 71,
-                "end": 71
+                "start": 87,
+                "end": 87
             }
         },
         "group": [
@@ -7250,8 +7450,8 @@
     {
         "description": "The font size of the xsmall Button.\n",
         "commentRange": {
-            "start": 72,
-            "end": 73
+            "start": 88,
+            "end": 89
         },
         "context": {
             "type": "variable",
@@ -7259,8 +7459,8 @@
             "value": "var( --kendo-font-size-sm, inherit )",
             "scope": "default",
             "line": {
-                "start": 74,
-                "end": 74
+                "start": 90,
+                "end": 90
             }
         },
         "group": [
@@ -7275,8 +7475,8 @@
     {
         "description": "The font size of the small Button.\n",
         "commentRange": {
-            "start": 75,
-            "end": 76
+            "start": 91,
+            "end": 92
         },
         "context": {
             "type": "variable",
@@ -7284,8 +7484,8 @@
             "value": "var( --kendo-font-size-sm, inherit )",
             "scope": "default",
             "line": {
-                "start": 77,
-                "end": 77
+                "start": 93,
+                "end": 93
             }
         },
         "group": [
@@ -7300,8 +7500,8 @@
     {
         "description": "The font size of the medium Button.\n",
         "commentRange": {
-            "start": 78,
-            "end": 79
+            "start": 94,
+            "end": 95
         },
         "context": {
             "type": "variable",
@@ -7309,8 +7509,8 @@
             "value": "$kendo-button-font-size",
             "scope": "default",
             "line": {
-                "start": 80,
-                "end": 80
+                "start": 96,
+                "end": 96
             }
         },
         "group": [
@@ -7325,8 +7525,8 @@
     {
         "description": "The font size of the large Button.\n",
         "commentRange": {
-            "start": 81,
-            "end": 82
+            "start": 97,
+            "end": 98
         },
         "context": {
             "type": "variable",
@@ -7334,8 +7534,8 @@
             "value": "var( --kendo-font-size-lg, inherit )",
             "scope": "default",
             "line": {
-                "start": 83,
-                "end": 83
+                "start": 99,
+                "end": 99
             }
         },
         "group": [
@@ -7350,8 +7550,8 @@
     {
         "description": "The line height used along with the $kendo-font-size the.\n",
         "commentRange": {
-            "start": 85,
-            "end": 86
+            "start": 101,
+            "end": 102
         },
         "context": {
             "type": "variable",
@@ -7359,8 +7559,8 @@
             "value": "var( --kendo-line-height, normal )",
             "scope": "default",
             "line": {
-                "start": 87,
-                "end": 87
+                "start": 103,
+                "end": 103
             }
         },
         "group": [
@@ -7375,8 +7575,8 @@
     {
         "description": "The line height used along with the $kendo-font-size the of the xsmall Button.\n",
         "commentRange": {
-            "start": 88,
-            "end": 89
+            "start": 104,
+            "end": 105
         },
         "context": {
             "type": "variable",
@@ -7384,8 +7584,8 @@
             "value": "var( --kendo-line-height-sm, normal )",
             "scope": "default",
             "line": {
-                "start": 90,
-                "end": 90
+                "start": 106,
+                "end": 106
             }
         },
         "group": [
@@ -7400,8 +7600,8 @@
     {
         "description": "The line height used along with the $kendo-font-size the of the small Button.\n",
         "commentRange": {
-            "start": 91,
-            "end": 92
+            "start": 107,
+            "end": 108
         },
         "context": {
             "type": "variable",
@@ -7409,8 +7609,8 @@
             "value": "var( --kendo-line-height-sm, normal )",
             "scope": "default",
             "line": {
-                "start": 93,
-                "end": 93
+                "start": 109,
+                "end": 109
             }
         },
         "group": [
@@ -7425,8 +7625,8 @@
     {
         "description": "The line height used along with the $kendo-font-size the of the medium Button.\n",
         "commentRange": {
-            "start": 94,
-            "end": 95
+            "start": 110,
+            "end": 111
         },
         "context": {
             "type": "variable",
@@ -7434,8 +7634,8 @@
             "value": "$kendo-button-line-height",
             "scope": "default",
             "line": {
-                "start": 96,
-                "end": 96
+                "start": 112,
+                "end": 112
             }
         },
         "group": [
@@ -7450,8 +7650,8 @@
     {
         "description": "The line height used along with the $kendo-font-size the of the large Button.\n",
         "commentRange": {
-            "start": 97,
-            "end": 98
+            "start": 113,
+            "end": 114
         },
         "context": {
             "type": "variable",
@@ -7459,8 +7659,8 @@
             "value": "var( --kendo-line-height-lg, normal )",
             "scope": "default",
             "line": {
-                "start": 99,
-                "end": 99
+                "start": 115,
+                "end": 115
             }
         },
         "group": [
@@ -7475,8 +7675,8 @@
     {
         "description": "The base background of the Button.\n",
         "commentRange": {
-            "start": 112,
-            "end": 113
+            "start": 128,
+            "end": 129
         },
         "context": {
             "type": "variable",
@@ -7484,8 +7684,8 @@
             "value": "k-color(base)",
             "scope": "default",
             "line": {
-                "start": 114,
-                "end": 114
+                "start": 130,
+                "end": 130
             }
         },
         "group": [
@@ -7500,8 +7700,8 @@
     {
         "description": "The base text color of the Button.\n",
         "commentRange": {
-            "start": 115,
-            "end": 116
+            "start": 131,
+            "end": 132
         },
         "context": {
             "type": "variable",
@@ -7509,8 +7709,8 @@
             "value": "k-color(on-base)",
             "scope": "default",
             "line": {
-                "start": 117,
-                "end": 117
+                "start": 133,
+                "end": 133
             }
         },
         "group": [
@@ -7525,8 +7725,8 @@
     {
         "description": "The base border color of the Button.\n",
         "commentRange": {
-            "start": 118,
-            "end": 119
+            "start": 134,
+            "end": 135
         },
         "context": {
             "type": "variable",
@@ -7534,8 +7734,8 @@
             "value": "transparent",
             "scope": "default",
             "line": {
-                "start": 120,
-                "end": 120
+                "start": 136,
+                "end": 136
             }
         },
         "group": [
@@ -7550,8 +7750,8 @@
     {
         "description": "The base background gradient of the Button.\n",
         "commentRange": {
-            "start": 121,
-            "end": 122
+            "start": 137,
+            "end": 138
         },
         "context": {
             "type": "variable",
@@ -7559,8 +7759,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 123,
-                "end": 123
+                "start": 139,
+                "end": 139
             }
         },
         "group": [
@@ -7575,8 +7775,8 @@
     {
         "description": "The base shadow of the Button.\n",
         "commentRange": {
-            "start": 124,
-            "end": 125
+            "start": 140,
+            "end": 141
         },
         "context": {
             "type": "variable",
@@ -7584,8 +7784,8 @@
             "value": "0 1px 1px 0 rgba(0, 0, 0, 0.16)",
             "scope": "default",
             "line": {
-                "start": 126,
-                "end": 126
+                "start": 142,
+                "end": 142
             }
         },
         "group": [
@@ -7600,8 +7800,8 @@
     {
         "description": "The base background of the hovered Button.\n",
         "commentRange": {
-            "start": 128,
-            "end": 129
+            "start": 144,
+            "end": 145
         },
         "context": {
             "type": "variable",
@@ -7609,8 +7809,8 @@
             "value": "k-color(base-hover)",
             "scope": "default",
             "line": {
-                "start": 130,
-                "end": 130
+                "start": 146,
+                "end": 146
             }
         },
         "group": [
@@ -7625,8 +7825,8 @@
     {
         "description": "The base text color of the hovered Button.\n",
         "commentRange": {
-            "start": 131,
-            "end": 132
+            "start": 147,
+            "end": 148
         },
         "context": {
             "type": "variable",
@@ -7634,8 +7834,8 @@
             "value": "k-color(on-base)",
             "scope": "default",
             "line": {
-                "start": 133,
-                "end": 133
+                "start": 149,
+                "end": 149
             }
         },
         "group": [
@@ -7650,8 +7850,8 @@
     {
         "description": "The base border color of the hovered Button.\n",
         "commentRange": {
-            "start": 134,
-            "end": 135
+            "start": 150,
+            "end": 151
         },
         "context": {
             "type": "variable",
@@ -7659,8 +7859,8 @@
             "value": "transparent",
             "scope": "default",
             "line": {
-                "start": 136,
-                "end": 136
+                "start": 152,
+                "end": 152
             }
         },
         "group": [
@@ -7675,8 +7875,8 @@
     {
         "description": "The base background gradient of the hovered Button.\n",
         "commentRange": {
-            "start": 137,
-            "end": 138
+            "start": 153,
+            "end": 154
         },
         "context": {
             "type": "variable",
@@ -7684,8 +7884,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 139,
-                "end": 139
+                "start": 155,
+                "end": 155
             }
         },
         "group": [
@@ -7700,8 +7900,8 @@
     {
         "description": "The base shadow of the hovered Button.\n",
         "commentRange": {
-            "start": 140,
-            "end": 141
+            "start": 156,
+            "end": 157
         },
         "context": {
             "type": "variable",
@@ -7709,8 +7909,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 142,
-                "end": 142
+                "start": 158,
+                "end": 158
             }
         },
         "group": [
@@ -7725,8 +7925,8 @@
     {
         "description": "The base background color of the active Button.\n",
         "commentRange": {
-            "start": 144,
-            "end": 145
+            "start": 160,
+            "end": 161
         },
         "context": {
             "type": "variable",
@@ -7734,8 +7934,8 @@
             "value": "k-color(base-active)",
             "scope": "default",
             "line": {
-                "start": 146,
-                "end": 146
+                "start": 162,
+                "end": 162
             }
         },
         "group": [
@@ -7750,8 +7950,8 @@
     {
         "description": "The base text color of the active Button.\n",
         "commentRange": {
-            "start": 147,
-            "end": 148
+            "start": 163,
+            "end": 164
         },
         "context": {
             "type": "variable",
@@ -7759,8 +7959,8 @@
             "value": "k-color(on-base)",
             "scope": "default",
             "line": {
-                "start": 149,
-                "end": 149
+                "start": 165,
+                "end": 165
             }
         },
         "group": [
@@ -7775,8 +7975,8 @@
     {
         "description": "The base border color of the active Button.\n",
         "commentRange": {
-            "start": 150,
-            "end": 151
+            "start": 166,
+            "end": 167
         },
         "context": {
             "type": "variable",
@@ -7784,8 +7984,8 @@
             "value": "transparent",
             "scope": "default",
             "line": {
-                "start": 152,
-                "end": 152
+                "start": 168,
+                "end": 168
             }
         },
         "group": [
@@ -7800,8 +8000,8 @@
     {
         "description": "The base background gradient of the active Button.\n",
         "commentRange": {
-            "start": 153,
-            "end": 154
+            "start": 169,
+            "end": 170
         },
         "context": {
             "type": "variable",
@@ -7809,8 +8009,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 155,
-                "end": 155
+                "start": 171,
+                "end": 171
             }
         },
         "group": [
@@ -7825,8 +8025,8 @@
     {
         "description": "The base shadow of the active Button.\n",
         "commentRange": {
-            "start": 156,
-            "end": 157
+            "start": 172,
+            "end": 173
         },
         "context": {
             "type": "variable",
@@ -7834,8 +8034,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 158,
-                "end": 158
+                "start": 174,
+                "end": 174
             }
         },
         "group": [
@@ -7850,8 +8050,8 @@
     {
         "description": "The base background color of the selected Button.\n",
         "commentRange": {
-            "start": 160,
-            "end": 161
+            "start": 176,
+            "end": 177
         },
         "context": {
             "type": "variable",
@@ -7859,8 +8059,8 @@
             "value": "k-color(base-active)",
             "scope": "default",
             "line": {
-                "start": 162,
-                "end": 162
+                "start": 178,
+                "end": 178
             }
         },
         "group": [
@@ -7875,8 +8075,8 @@
     {
         "description": "The text color of the selected Button.\n",
         "commentRange": {
-            "start": 163,
-            "end": 164
+            "start": 179,
+            "end": 180
         },
         "context": {
             "type": "variable",
@@ -7884,8 +8084,8 @@
             "value": "k-color(on-base)",
             "scope": "default",
             "line": {
-                "start": 165,
-                "end": 165
+                "start": 181,
+                "end": 181
             }
         },
         "group": [
@@ -7900,8 +8100,8 @@
     {
         "description": "The border color of the selected Button.\n",
         "commentRange": {
-            "start": 166,
-            "end": 167
+            "start": 182,
+            "end": 183
         },
         "context": {
             "type": "variable",
@@ -7909,8 +8109,8 @@
             "value": "transparent",
             "scope": "default",
             "line": {
-                "start": 168,
-                "end": 168
+                "start": 184,
+                "end": 184
             }
         },
         "group": [
@@ -7925,8 +8125,8 @@
     {
         "description": "The background gradient of the selected Button.\n",
         "commentRange": {
-            "start": 169,
-            "end": 170
+            "start": 185,
+            "end": 186
         },
         "context": {
             "type": "variable",
@@ -7934,8 +8134,8 @@
             "value": "$kendo-button-active-gradient",
             "scope": "default",
             "line": {
-                "start": 171,
-                "end": 171
+                "start": 187,
+                "end": 187
             }
         },
         "group": [
@@ -7950,8 +8150,8 @@
     {
         "description": "The base shadow of the selected Button.\n",
         "commentRange": {
-            "start": 172,
-            "end": 173
+            "start": 188,
+            "end": 189
         },
         "context": {
             "type": "variable",
@@ -7959,8 +8159,8 @@
             "value": "$kendo-button-active-shadow",
             "scope": "default",
             "line": {
-                "start": 174,
-                "end": 174
+                "start": 190,
+                "end": 190
             }
         },
         "group": [
@@ -7975,8 +8175,8 @@
     {
         "description": "The base shadow of the focused Button.\n",
         "commentRange": {
-            "start": 176,
-            "end": 177
+            "start": 192,
+            "end": 193
         },
         "context": {
             "type": "variable",
@@ -7984,8 +8184,8 @@
             "value": "none",
             "scope": "default",
             "line": {
-                "start": 178,
-                "end": 178
+                "start": 194,
+                "end": 194
             }
         },
         "group": [
@@ -8000,8 +8200,8 @@
     {
         "description": "The outline width of the focused Button.\n",
         "commentRange": {
-            "start": 180,
-            "end": 181
+            "start": 196,
+            "end": 197
         },
         "context": {
             "type": "variable",
@@ -8009,8 +8209,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 182,
-                "end": 182
+                "start": 198,
+                "end": 198
             }
         },
         "group": [
@@ -8025,8 +8225,8 @@
     {
         "description": "The outline offset of the focused Button.\n",
         "commentRange": {
-            "start": 183,
-            "end": 184
+            "start": 199,
+            "end": 200
         },
         "context": {
             "type": "variable",
@@ -8034,8 +8234,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 185,
-                "end": 185
+                "start": 201,
+                "end": 201
             }
         },
         "group": [
@@ -8050,8 +8250,8 @@
     {
         "description": "The base background of the disabled Button.\n",
         "commentRange": {
-            "start": 187,
-            "end": 188
+            "start": 203,
+            "end": 204
         },
         "context": {
             "type": "variable",
@@ -8059,8 +8259,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 189,
-                "end": 189
+                "start": 205,
+                "end": 205
             }
         },
         "group": [
@@ -8075,8 +8275,8 @@
     {
         "description": "The base text color of the disabled Button.\n",
         "commentRange": {
-            "start": 190,
-            "end": 191
+            "start": 206,
+            "end": 207
         },
         "context": {
             "type": "variable",
@@ -8084,8 +8284,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 192,
-                "end": 192
+                "start": 208,
+                "end": 208
             }
         },
         "group": [
@@ -8100,8 +8300,8 @@
     {
         "description": "The base border color of the disabled Button.\n",
         "commentRange": {
-            "start": 193,
-            "end": 194
+            "start": 209,
+            "end": 210
         },
         "context": {
             "type": "variable",
@@ -8109,8 +8309,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 195,
-                "end": 195
+                "start": 211,
+                "end": 211
             }
         },
         "group": [
@@ -8125,8 +8325,8 @@
     {
         "description": "The base background gradient of the disabled Button.\n",
         "commentRange": {
-            "start": 196,
-            "end": 197
+            "start": 212,
+            "end": 213
         },
         "context": {
             "type": "variable",
@@ -8134,8 +8334,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 198,
-                "end": 198
+                "start": 214,
+                "end": 214
             }
         },
         "group": [
@@ -8150,8 +8350,8 @@
     {
         "description": "The base shadow of the disabled Button.\n",
         "commentRange": {
-            "start": 199,
-            "end": 200
+            "start": 215,
+            "end": 216
         },
         "context": {
             "type": "variable",
@@ -8159,8 +8359,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 201,
-                "end": 201
+                "start": 217,
+                "end": 217
             }
         },
         "group": [
@@ -8175,8 +8375,8 @@
     {
         "description": "The opacity of the pulsing animation for the generating Button.\n",
         "commentRange": {
-            "start": 203,
-            "end": 204
+            "start": 219,
+            "end": 220
         },
         "context": {
             "type": "variable",
@@ -8184,8 +8384,8 @@
             "value": ".4",
             "scope": "default",
             "line": {
-                "start": 205,
-                "end": 205
+                "start": 221,
+                "end": 221
             }
         },
         "group": [
@@ -8200,8 +8400,8 @@
     {
         "description": "The button gradient of the Button.\n",
         "commentRange": {
-            "start": 208,
-            "end": 209
+            "start": 224,
+            "end": 225
         },
         "context": {
             "type": "variable",
@@ -8209,8 +8409,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 210,
-                "end": 210
+                "start": 226,
+                "end": 226
             }
         },
         "group": [
@@ -8225,8 +8425,8 @@
     {
         "description": "The shadow of the Button.\n",
         "commentRange": {
-            "start": 211,
-            "end": 212
+            "start": 227,
+            "end": 228
         },
         "context": {
             "type": "variable",
@@ -8234,8 +8434,8 @@
             "value": "true",
             "scope": "default",
             "line": {
-                "start": 213,
-                "end": 213
+                "start": 229,
+                "end": 229
             }
         },
         "group": [
@@ -8250,8 +8450,8 @@
     {
         "description": "The button shadow blur of the Button.\n",
         "commentRange": {
-            "start": 214,
-            "end": 215
+            "start": 230,
+            "end": 231
         },
         "context": {
             "type": "variable",
@@ -8259,8 +8459,8 @@
             "value": "0px",
             "scope": "default",
             "line": {
-                "start": 216,
-                "end": 216
+                "start": 232,
+                "end": 232
             }
         },
         "group": [
@@ -8275,8 +8475,8 @@
     {
         "description": "The button shadow spread of the Button.\n",
         "commentRange": {
-            "start": 217,
-            "end": 218
+            "start": 233,
+            "end": 234
         },
         "context": {
             "type": "variable",
@@ -8284,8 +8484,8 @@
             "value": "2px",
             "scope": "default",
             "line": {
-                "start": 219,
-                "end": 219
+                "start": 235,
+                "end": 235
             }
         },
         "group": [
@@ -8300,8 +8500,8 @@
     {
         "description": "The button shadow opacity of the Button.\n",
         "commentRange": {
-            "start": 220,
-            "end": 221
+            "start": 236,
+            "end": 237
         },
         "context": {
             "type": "variable",
@@ -8309,8 +8509,8 @@
             "value": ".3",
             "scope": "default",
             "line": {
-                "start": 222,
-                "end": 222
+                "start": 238,
+                "end": 238
             }
         },
         "group": [
@@ -8325,8 +8525,8 @@
     {
         "description": "The border color of the outline Button.\n",
         "commentRange": {
-            "start": 225,
-            "end": 226
+            "start": 241,
+            "end": 242
         },
         "context": {
             "type": "variable",
@@ -8334,8 +8534,8 @@
             "value": "color-mix(in srgb, k-color(base-emphasis) 80%, transparent)",
             "scope": "default",
             "line": {
-                "start": 227,
-                "end": 227
+                "start": 243,
+                "end": 243
             }
         },
         "group": [
@@ -8350,8 +8550,8 @@
     {
         "description": "The shadow of the Button.\n",
         "commentRange": {
-            "start": 228,
-            "end": 229
+            "start": 244,
+            "end": 245
         },
         "context": {
             "type": "variable",
@@ -8359,8 +8559,8 @@
             "value": "true",
             "scope": "default",
             "line": {
-                "start": 230,
-                "end": 230
+                "start": 246,
+                "end": 246
             }
         },
         "group": [
@@ -8375,8 +8575,8 @@
     {
         "description": "The button shadow blur of the Button.\n",
         "commentRange": {
-            "start": 231,
-            "end": 232
+            "start": 247,
+            "end": 248
         },
         "context": {
             "type": "variable",
@@ -8384,8 +8584,8 @@
             "value": "0px",
             "scope": "default",
             "line": {
-                "start": 233,
-                "end": 233
+                "start": 249,
+                "end": 249
             }
         },
         "group": [
@@ -8400,8 +8600,8 @@
     {
         "description": "The button shadow spread of the Button.\n",
         "commentRange": {
-            "start": 234,
-            "end": 235
+            "start": 250,
+            "end": 251
         },
         "context": {
             "type": "variable",
@@ -8409,8 +8609,8 @@
             "value": "2px",
             "scope": "default",
             "line": {
-                "start": 236,
-                "end": 236
+                "start": 252,
+                "end": 252
             }
         },
         "group": [
@@ -8425,8 +8625,8 @@
     {
         "description": "The button shadow opacity of the Button.\n",
         "commentRange": {
-            "start": 237,
-            "end": 238
+            "start": 253,
+            "end": 254
         },
         "context": {
             "type": "variable",
@@ -8434,8 +8634,8 @@
             "value": ".3",
             "scope": "default",
             "line": {
-                "start": 239,
-                "end": 239
+                "start": 255,
+                "end": 255
             }
         },
         "group": [
@@ -8450,8 +8650,8 @@
     {
         "description": "The shadow of the Button.\n",
         "commentRange": {
-            "start": 242,
-            "end": 243
+            "start": 258,
+            "end": 259
         },
         "context": {
             "type": "variable",
@@ -8459,8 +8659,8 @@
             "value": "true",
             "scope": "default",
             "line": {
-                "start": 244,
-                "end": 244
+                "start": 260,
+                "end": 260
             }
         },
         "group": [
@@ -8475,8 +8675,8 @@
     {
         "description": "The button shadow blur of the Button.\n",
         "commentRange": {
-            "start": 245,
-            "end": 246
+            "start": 261,
+            "end": 262
         },
         "context": {
             "type": "variable",
@@ -8484,8 +8684,8 @@
             "value": "0px",
             "scope": "default",
             "line": {
-                "start": 247,
-                "end": 247
+                "start": 263,
+                "end": 263
             }
         },
         "group": [
@@ -8500,8 +8700,8 @@
     {
         "description": "The button shadow spread of the Button.\n",
         "commentRange": {
-            "start": 248,
-            "end": 249
+            "start": 264,
+            "end": 265
         },
         "context": {
             "type": "variable",
@@ -8509,8 +8709,8 @@
             "value": "2px",
             "scope": "default",
             "line": {
-                "start": 250,
-                "end": 250
+                "start": 266,
+                "end": 266
             }
         },
         "group": [
@@ -8525,8 +8725,8 @@
     {
         "description": "The button shadow opacity of the Button.\n",
         "commentRange": {
-            "start": 251,
-            "end": 252
+            "start": 267,
+            "end": 268
         },
         "context": {
             "type": "variable",
@@ -8534,8 +8734,8 @@
             "value": ".3",
             "scope": "default",
             "line": {
-                "start": 253,
-                "end": 253
+                "start": 269,
+                "end": 269
             }
         },
         "group": [
@@ -8550,8 +8750,8 @@
     {
         "description": "The button focus opacity of the Button.\n",
         "commentRange": {
-            "start": 256,
-            "end": 257
+            "start": 272,
+            "end": 273
         },
         "context": {
             "type": "variable",
@@ -8559,8 +8759,8 @@
             "value": ".1",
             "scope": "default",
             "line": {
-                "start": 258,
-                "end": 258
+                "start": 274,
+                "end": 274
             }
         },
         "group": [
@@ -8575,8 +8775,8 @@
     {
         "description": "The overlay opacity of the hovered flat Button. Used to create a background for the flat Button.\n",
         "commentRange": {
-            "start": 260,
-            "end": 261
+            "start": 276,
+            "end": 277
         },
         "context": {
             "type": "variable",
@@ -8584,8 +8784,8 @@
             "value": ".08",
             "scope": "default",
             "line": {
-                "start": 262,
-                "end": 262
+                "start": 278,
+                "end": 278
             }
         },
         "group": [
@@ -8600,8 +8800,8 @@
     {
         "description": "The overlay opacity of the focused flat Button. Used to create a background for the flat Button.\n",
         "commentRange": {
-            "start": 263,
-            "end": 264
+            "start": 279,
+            "end": 280
         },
         "context": {
             "type": "variable",
@@ -8609,8 +8809,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 265,
-                "end": 265
+                "start": 281,
+                "end": 281
             }
         },
         "group": [
@@ -8625,8 +8825,8 @@
     {
         "description": "The overlay opacity of the active flat Button. Used to create background for the flat Button.\n",
         "commentRange": {
-            "start": 266,
-            "end": 267
+            "start": 282,
+            "end": 283
         },
         "context": {
             "type": "variable",
@@ -8634,8 +8834,8 @@
             "value": ".16",
             "scope": "default",
             "line": {
-                "start": 268,
-                "end": 268
+                "start": 284,
+                "end": 284
             }
         },
         "group": [
@@ -8650,8 +8850,8 @@
     {
         "description": "The overlay opacity of the selected flat Button. Used to create background for the flat Button.\n",
         "commentRange": {
-            "start": 269,
-            "end": 270
+            "start": 285,
+            "end": 286
         },
         "context": {
             "type": "variable",
@@ -8659,8 +8859,8 @@
             "value": ".2",
             "scope": "default",
             "line": {
-                "start": 271,
-                "end": 271
+                "start": 287,
+                "end": 287
             }
         },
         "group": [
@@ -8675,8 +8875,8 @@
     {
         "description": "The opacity of the flat Button focus ring. Used to create a border for the flat Button.\n",
         "commentRange": {
-            "start": 272,
-            "end": 273
+            "start": 288,
+            "end": 289
         },
         "context": {
             "type": "variable",
@@ -8684,8 +8884,8 @@
             "value": ".12",
             "scope": "default",
             "line": {
-                "start": 274,
-                "end": 274
+                "start": 290,
+                "end": 290
             }
         },
         "group": [
@@ -8700,8 +8900,8 @@
     {
         "description": "The transition of the Button.\n",
         "commentRange": {
-            "start": 276,
-            "end": 277
+            "start": 292,
+            "end": 293
         },
         "context": {
             "type": "variable",
@@ -8709,8 +8909,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": 278,
-                "end": 278
+                "start": 294,
+                "end": 294
             }
         },
         "group": [
@@ -19952,7 +20152,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-chip-solid-bg",
-            "value": "$kendo-chip-base-bg",
+            "value": "k-color(base-subtle)",
             "scope": "default",
             "line": {
                 "start": 91,
@@ -19977,7 +20177,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-chip-solid-text",
-            "value": "k-color(on-base)",
+            "value": "k-color(base-on-subtle)",
             "scope": "default",
             "line": {
                 "start": 94,
@@ -20002,7 +20202,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-chip-solid-border",
-            "value": "transparent",
+            "value": "k-color(base-emphasis)",
             "scope": "default",
             "line": {
                 "start": 97,
@@ -20102,7 +20302,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-chip-solid-hover-bg",
-            "value": "k-color(base-hover)",
+            "value": "k-color(base-subtle-hover)",
             "scope": "default",
             "line": {
                 "start": 111,
@@ -20127,7 +20327,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-chip-solid-selected-bg",
-            "value": "k-color(base-active)",
+            "value": "k-color(base-subtle-active)",
             "scope": "default",
             "line": {
                 "start": 115,
@@ -20177,7 +20377,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-chip-outline-border",
-            "value": "$kendo-chip-outline-text",
+            "value": "k-color(base-emphasis)",
             "scope": "default",
             "line": {
                 "start": 122,
@@ -42053,11 +42253,61 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The distance between the bottom edge of the selection frame and the ImageEditor rotate handle.\n",
+        "commentRange": {
+            "start": 133,
+            "end": 134
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-rotate-handle-offset",
+            "value": "24px",
+            "scope": "default",
+            "line": {
+                "start": 135,
+                "end": 135
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The padding of the ImageEditor rotate handle.\n",
+        "commentRange": {
+            "start": 136,
+            "end": 137
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-image-editor-rotate-handle-padding",
+            "value": "k-spacing(0.5)",
+            "scope": "default",
+            "line": {
+                "start": 138,
+                "end": 138
+            }
+        },
+        "group": [
+            "image-editor"
+        ],
+        "access": "public",
+        "file": {
+            "path": "imageeditor/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The background color of the ImageEditor.\n",
         "commentRange": {
-            "start": 134,
-            "end": 135
+            "start": 140,
+            "end": 141
         },
         "context": {
             "type": "variable",
@@ -42065,8 +42315,8 @@
             "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
-                "start": 136,
-                "end": 136
+                "start": 142,
+                "end": 142
             }
         },
         "group": [
@@ -42081,8 +42331,8 @@
     {
         "description": "The text color of the ImageEditor.\n",
         "commentRange": {
-            "start": 137,
-            "end": 138
+            "start": 143,
+            "end": 144
         },
         "context": {
             "type": "variable",
@@ -42090,8 +42340,8 @@
             "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
-                "start": 139,
-                "end": 139
+                "start": 145,
+                "end": 145
             }
         },
         "group": [
@@ -42106,8 +42356,8 @@
     {
         "description": "The border color of the ImageEditor.\n",
         "commentRange": {
-            "start": 140,
-            "end": 141
+            "start": 146,
+            "end": 147
         },
         "context": {
             "type": "variable",
@@ -42115,8 +42365,8 @@
             "value": "k-color(border)",
             "scope": "default",
             "line": {
-                "start": 142,
-                "end": 142
+                "start": 148,
+                "end": 148
             }
         },
         "group": [
@@ -42131,8 +42381,8 @@
     {
         "description": "The background color of the ImageEditor content.\n",
         "commentRange": {
-            "start": 144,
-            "end": 145
+            "start": 150,
+            "end": 151
         },
         "context": {
             "type": "variable",
@@ -42140,8 +42390,8 @@
             "value": "k-color(surface)",
             "scope": "default",
             "line": {
-                "start": 146,
-                "end": 146
+                "start": 152,
+                "end": 152
             }
         },
         "group": [
@@ -42156,8 +42406,8 @@
     {
         "description": "The text color of the ImageEditor content.\n",
         "commentRange": {
-            "start": 147,
-            "end": 148
+            "start": 153,
+            "end": 154
         },
         "context": {
             "type": "variable",
@@ -42165,8 +42415,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 149,
-                "end": 149
+                "start": 155,
+                "end": 155
             }
         },
         "group": [
@@ -42181,8 +42431,8 @@
     {
         "description": "The border color of the ImageEditor content.\n",
         "commentRange": {
-            "start": 150,
-            "end": 151
+            "start": 156,
+            "end": 157
         },
         "context": {
             "type": "variable",
@@ -42190,8 +42440,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 152,
-                "end": 152
+                "start": 158,
+                "end": 158
             }
         },
         "group": [
@@ -42206,8 +42456,8 @@
     {
         "description": "The background color of the ImageEditor action pane.\n",
         "commentRange": {
-            "start": 154,
-            "end": 155
+            "start": 160,
+            "end": 161
         },
         "context": {
             "type": "variable",
@@ -42215,8 +42465,8 @@
             "value": "k-color(surface-alt)",
             "scope": "default",
             "line": {
-                "start": 156,
-                "end": 156
+                "start": 162,
+                "end": 162
             }
         },
         "group": [
@@ -42231,8 +42481,8 @@
     {
         "description": "The text color of the ImageEditor action pane.\n",
         "commentRange": {
-            "start": 157,
-            "end": 158
+            "start": 163,
+            "end": 164
         },
         "context": {
             "type": "variable",
@@ -42240,8 +42490,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 159,
-                "end": 159
+                "start": 165,
+                "end": 165
             }
         },
         "group": [
@@ -42256,8 +42506,8 @@
     {
         "description": "The border color of the ImageEditor action pane.\n",
         "commentRange": {
-            "start": 160,
-            "end": 161
+            "start": 166,
+            "end": 167
         },
         "context": {
             "type": "variable",
@@ -42265,8 +42515,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 162,
-                "end": 162
+                "start": 168,
+                "end": 168
             }
         },
         "group": [
@@ -42281,8 +42531,8 @@
     {
         "description": "The text color of the ImageEditor pane title.\n",
         "commentRange": {
-            "start": 164,
-            "end": 165
+            "start": 170,
+            "end": 171
         },
         "context": {
             "type": "variable",
@@ -42290,8 +42540,8 @@
             "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
-                "start": 166,
-                "end": 166
+                "start": 172,
+                "end": 172
             }
         },
         "group": [
@@ -42306,8 +42556,8 @@
     {
         "description": "The background color of an ImageEditor option preview.\n",
         "commentRange": {
-            "start": 168,
-            "end": 169
+            "start": 174,
+            "end": 175
         },
         "context": {
             "type": "variable",
@@ -42315,8 +42565,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 170,
-                "end": 170
+                "start": 176,
+                "end": 176
             }
         },
         "group": [
@@ -42331,8 +42581,8 @@
     {
         "description": "The text color of an ImageEditor option preview.\n",
         "commentRange": {
-            "start": 171,
-            "end": 172
+            "start": 177,
+            "end": 178
         },
         "context": {
             "type": "variable",
@@ -42340,8 +42590,8 @@
             "value": "k-color(on-app-surface)",
             "scope": "default",
             "line": {
-                "start": 173,
-                "end": 173
+                "start": 179,
+                "end": 179
             }
         },
         "group": [
@@ -42356,8 +42606,8 @@
     {
         "description": "The border color of an ImageEditor option preview.\n",
         "commentRange": {
-            "start": 174,
-            "end": 175
+            "start": 180,
+            "end": 181
         },
         "context": {
             "type": "variable",
@@ -42365,8 +42615,8 @@
             "value": "k-color(border)",
             "scope": "default",
             "line": {
-                "start": 176,
-                "end": 176
+                "start": 182,
+                "end": 182
             }
         },
         "group": [
@@ -42381,8 +42631,8 @@
     {
         "description": "The background color of a hovered ImageEditor option preview.\n",
         "commentRange": {
-            "start": 177,
-            "end": 178
+            "start": 183,
+            "end": 184
         },
         "context": {
             "type": "variable",
@@ -42390,8 +42640,8 @@
             "value": "color-mix(in srgb, k-color(primary-subtle-hover) 50%, transparent)",
             "scope": "default",
             "line": {
-                "start": 179,
-                "end": 179
+                "start": 185,
+                "end": 185
             }
         },
         "group": [
@@ -42406,8 +42656,8 @@
     {
         "description": "The text color of a hovered ImageEditor option preview.\n",
         "commentRange": {
-            "start": 180,
-            "end": 181
+            "start": 186,
+            "end": 187
         },
         "context": {
             "type": "variable",
@@ -42415,8 +42665,8 @@
             "value": "k-color(primary-on-subtle)",
             "scope": "default",
             "line": {
-                "start": 182,
-                "end": 182
+                "start": 188,
+                "end": 188
             }
         },
         "group": [
@@ -42431,8 +42681,8 @@
     {
         "description": "The box shadow of a focused ImageEditor option preview.\n",
         "commentRange": {
-            "start": 183,
-            "end": 184
+            "start": 189,
+            "end": 190
         },
         "context": {
             "type": "variable",
@@ -42440,8 +42690,8 @@
             "value": "0 0 0 1px k-color(surface-alt), 0 0 0 2px k-color(subtle)",
             "scope": "default",
             "line": {
-                "start": 185,
-                "end": 185
+                "start": 191,
+                "end": 191
             }
         },
         "group": [
@@ -42456,8 +42706,8 @@
     {
         "description": "The box shadow of a selected ImageEditor option preview.\n",
         "commentRange": {
-            "start": 186,
-            "end": 187
+            "start": 192,
+            "end": 193
         },
         "context": {
             "type": "variable",
@@ -42465,8 +42715,8 @@
             "value": "0 0 0 1px k-color(surface-alt), 0 0 0 2px k-color(secondary-on-surface)",
             "scope": "default",
             "line": {
-                "start": 188,
-                "end": 188
+                "start": 194,
+                "end": 194
             }
         },
         "group": [
@@ -42481,8 +42731,8 @@
     {
         "description": "The border color of a selected ImageEditor option preview.\n",
         "commentRange": {
-            "start": 189,
-            "end": 190
+            "start": 195,
+            "end": 196
         },
         "context": {
             "type": "variable",
@@ -42490,8 +42740,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 191,
-                "end": 191
+                "start": 197,
+                "end": 197
             }
         },
         "group": [
@@ -42506,8 +42756,8 @@
     {
         "description": "The text color of a selected ImageEditor option preview.\n",
         "commentRange": {
-            "start": 192,
-            "end": 193
+            "start": 198,
+            "end": 199
         },
         "context": {
             "type": "variable",
@@ -42515,8 +42765,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 194,
-                "end": 194
+                "start": 200,
+                "end": 200
             }
         },
         "group": [
@@ -42531,8 +42781,8 @@
     {
         "description": "The font weight of a selected ImageEditor option preview.\n",
         "commentRange": {
-            "start": 195,
-            "end": 196
+            "start": 201,
+            "end": 202
         },
         "context": {
             "type": "variable",
@@ -42540,8 +42790,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 197,
-                "end": 197
+                "start": 203,
+                "end": 203
             }
         },
         "group": [
@@ -42556,8 +42806,8 @@
     {
         "description": "The background color of the ImageEditor overlay frame.\n",
         "commentRange": {
-            "start": 199,
-            "end": 200
+            "start": 205,
+            "end": 206
         },
         "context": {
             "type": "variable",
@@ -42565,8 +42815,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 201,
-                "end": 201
+                "start": 207,
+                "end": 207
             }
         },
         "group": [
@@ -42581,8 +42831,8 @@
     {
         "description": "The text color of the ImageEditor overlay frame.\n",
         "commentRange": {
-            "start": 202,
-            "end": 203
+            "start": 208,
+            "end": 209
         },
         "context": {
             "type": "variable",
@@ -42590,8 +42840,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 204,
-                "end": 204
+                "start": 210,
+                "end": 210
             }
         },
         "group": [
@@ -42606,8 +42856,8 @@
     {
         "description": "The border color of the ImageEditor overlay frame.\n",
         "commentRange": {
-            "start": 205,
-            "end": 206
+            "start": 211,
+            "end": 212
         },
         "context": {
             "type": "variable",
@@ -42615,8 +42865,8 @@
             "value": "k-color(secondary)",
             "scope": "default",
             "line": {
-                "start": 207,
-                "end": 207
+                "start": 213,
+                "end": 213
             }
         },
         "group": [
@@ -42631,8 +42881,8 @@
     {
         "description": "The background color of the ImageEditor crop overlay.\n",
         "commentRange": {
-            "start": 209,
-            "end": 210
+            "start": 215,
+            "end": 216
         },
         "context": {
             "type": "variable",
@@ -42640,8 +42890,8 @@
             "value": "rgba(black, .2)",
             "scope": "default",
             "line": {
-                "start": 211,
-                "end": 211
+                "start": 217,
+                "end": 217
             }
         },
         "group": [
@@ -42656,8 +42906,8 @@
     {
         "description": "The accent-tinted overlay color of the ImageEditor crop overlay, layered above the background.\n",
         "commentRange": {
-            "start": 212,
-            "end": 213
+            "start": 218,
+            "end": 219
         },
         "context": {
             "type": "variable",
@@ -42665,8 +42915,8 @@
             "value": "color-mix(in srgb, k-color(secondary) 20%, transparent)",
             "scope": "default",
             "line": {
-                "start": 214,
-                "end": 214
+                "start": 220,
+                "end": 220
             }
         },
         "group": [
@@ -42681,8 +42931,8 @@
     {
         "description": "The color of the ImageEditor rule-of-thirds grid lines.\n",
         "commentRange": {
-            "start": 216,
-            "end": 217
+            "start": 222,
+            "end": 223
         },
         "context": {
             "type": "variable",
@@ -42690,8 +42940,8 @@
             "value": "k-color(secondary)",
             "scope": "default",
             "line": {
-                "start": 218,
-                "end": 218
+                "start": 224,
+                "end": 224
             }
         },
         "group": [
@@ -42706,8 +42956,8 @@
     {
         "description": "The background color of the ImageEditor handle.\n",
         "commentRange": {
-            "start": 220,
-            "end": 221
+            "start": 226,
+            "end": 227
         },
         "context": {
             "type": "variable",
@@ -42715,8 +42965,8 @@
             "value": "k-color(secondary-subtle)",
             "scope": "default",
             "line": {
-                "start": 222,
-                "end": 222
+                "start": 228,
+                "end": 228
             }
         },
         "group": [
@@ -42731,8 +42981,8 @@
     {
         "description": "The border color of the ImageEditor handle.\n",
         "commentRange": {
-            "start": 223,
-            "end": 224
+            "start": 229,
+            "end": 230
         },
         "context": {
             "type": "variable",
@@ -42740,8 +42990,8 @@
             "value": "k-color(secondary)",
             "scope": "default",
             "line": {
-                "start": 225,
-                "end": 225
+                "start": 231,
+                "end": 231
             }
         },
         "group": [
@@ -47991,15 +48241,15 @@
         }
     },
     {
-        "description": "The horizontal padding of the ListBox scroller element.\n",
+        "description": "The padding around the ListBox actions that keeps the button focus indicators visible when the actions scroll.\n",
         "commentRange": {
             "start": 44,
             "end": 45
         },
         "context": {
             "type": "variable",
-            "name": "kendo-listbox-scroller-padding-x",
-            "value": "k-spacing(2)",
+            "name": "kendo-listbox-actions-scroll-padding",
+            "value": "k-spacing(1)",
             "scope": "default",
             "line": {
                 "start": 46,
@@ -48016,15 +48266,15 @@
         }
     },
     {
-        "description": "The vertical padding of the ListBox scroller element.\n",
+        "description": "The gradient color stops of the ListBox actions scroll overlay.\n",
         "commentRange": {
             "start": 47,
             "end": 48
         },
         "context": {
             "type": "variable",
-            "name": "kendo-listbox-scroller-padding-y",
-            "value": "k-spacing(2)",
+            "name": "kendo-listbox-actions-scroll-overlay",
+            "value": "k-color(app-surface), color-mix(in srgb, k-color(app-surface) 0%, transparent)",
             "scope": "default",
             "line": {
                 "start": 49,
@@ -48040,11 +48290,61 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The horizontal padding of the ListBox scroller element.\n",
+        "commentRange": {
+            "start": 51,
+            "end": 52
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-listbox-scroller-padding-x",
+            "value": "k-spacing(2)",
+            "scope": "default",
+            "line": {
+                "start": 53,
+                "end": 53
+            }
+        },
+        "group": [
+            "listbox"
+        ],
+        "access": "public",
+        "file": {
+            "path": "listbox/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the ListBox scroller element.\n",
+        "commentRange": {
+            "start": 54,
+            "end": 55
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-listbox-scroller-padding-y",
+            "value": "k-spacing(2)",
+            "scope": "default",
+            "line": {
+                "start": 56,
+                "end": 56
+            }
+        },
+        "group": [
+            "listbox"
+        ],
+        "access": "public",
+        "file": {
+            "path": "listbox/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The border radius of the ListBox element.\n",
         "commentRange": {
-            "start": 50,
-            "end": 51
+            "start": 57,
+            "end": 58
         },
         "context": {
             "type": "variable",
@@ -48052,8 +48352,8 @@
             "value": "k-border-radius(xl)",
             "scope": "default",
             "line": {
-                "start": 52,
-                "end": 52
+                "start": 59,
+                "end": 59
             }
         },
         "group": [
@@ -50280,7 +50580,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-marquee-text",
-            "value": "k-color(on-primary)",
+            "value": "k-color(secondary-on-subtle)",
             "scope": "default",
             "line": {
                 "start": 5,
@@ -50305,7 +50605,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-marquee-bg",
-            "value": "k-color(primary)",
+            "value": "k-color(secondary)",
             "scope": "default",
             "line": {
                 "start": 8,
@@ -68515,7 +68815,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-scheduler-event-shadow",
-            "value": "inset 3px 0 0 0 k-color(secondary)",
+            "value": "inset 3px 0 0 0 var(--kendo-scheduler-event-accent, k-color(secondary))",
             "scope": "default",
             "line": {
                 "start": 107,
@@ -68765,7 +69065,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-scheduler-event-hover-bg",
-            "value": "null",
+            "value": "$kendo-scheduler-event-bg",
             "scope": "default",
             "line": {
                 "start": 141,
@@ -68790,7 +69090,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-scheduler-event-hover-text",
-            "value": "null",
+            "value": "$kendo-scheduler-event-text",
             "scope": "default",
             "line": {
                 "start": 144,
@@ -68990,7 +69290,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-scheduler-event-selected-shadow",
-            "value": "inset 3px 0 0 0 k-color(secondary), 0 0 0 1px white, 0 0 0 2px k-color(primary-on-surface)",
+            "value": "inset 3px 0 0 0 var(--kendo-scheduler-event-accent, k-color(secondary)), 0 0 0 1px white, 0 0 0 2px k-color(primary-on-surface)",
             "scope": "default",
             "line": {
                 "start": 169,
@@ -96119,17 +96419,17 @@
     {
         "description": "The sizes map of the Badge.\n",
         "commentRange": {
-            "start": 33,
-            "end": 34
+            "start": 38,
+            "end": 39
         },
         "context": {
             "type": "variable",
             "name": "kendo-badge-sizes",
-            "value": "(\n    sm: (\n        padding-x: $kendo-badge-sm-padding-x,\n        padding-y: $kendo-badge-sm-padding-y,\n        font-size: $kendo-badge-sm-font-size,\n        line-height: $kendo-badge-sm-line-height,\n        min-width: $kendo-badge-sm-min-width\n    ),\n    md: (\n        padding-x: $kendo-badge-md-padding-x,\n        padding-y: $kendo-badge-md-padding-y,\n        font-size: $kendo-badge-md-font-size,\n        line-height: $kendo-badge-md-line-height,\n        min-width: $kendo-badge-md-min-width\n    ),\n    lg: (\n        padding-x: $kendo-badge-lg-padding-x,\n        padding-y: $kendo-badge-lg-padding-y,\n        font-size: $kendo-badge-lg-font-size,\n        line-height: $kendo-badge-lg-line-height,\n        min-width: $kendo-badge-lg-min-width\n    )\n)",
+            "value": "(\n    sm: (\n        padding-x: $kendo-badge-sm-padding-x,\n        padding-y: $kendo-badge-sm-padding-y,\n        gap: $kendo-badge-sm-gap,\n        font-size: $kendo-badge-sm-font-size,\n        line-height: $kendo-badge-sm-line-height,\n        min-width: $kendo-badge-sm-min-width\n    ),\n    md: (\n        padding-x: $kendo-badge-md-padding-x,\n        padding-y: $kendo-badge-md-padding-y,\n        gap: $kendo-badge-md-gap,\n        font-size: $kendo-badge-md-font-size,\n        line-height: $kendo-badge-md-line-height,\n        min-width: $kendo-badge-md-min-width\n    ),\n    lg: (\n        padding-x: $kendo-badge-lg-padding-x,\n        padding-y: $kendo-badge-lg-padding-y,\n        gap: $kendo-badge-lg-gap,\n        font-size: $kendo-badge-lg-font-size,\n        line-height: $kendo-badge-lg-line-height,\n        min-width: $kendo-badge-lg-min-width\n    )\n)",
             "scope": "default",
             "line": {
-                "start": 35,
-                "end": 57
+                "start": 40,
+                "end": 65
             }
         },
         "group": [
@@ -96144,8 +96444,8 @@
     {
         "description": "The theme colors map of the Badge.\n",
         "commentRange": {
-            "start": 61,
-            "end": 62
+            "start": 69,
+            "end": 70
         },
         "context": {
             "type": "variable",
@@ -96153,8 +96453,8 @@
             "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\")",
             "scope": "default",
             "line": {
-                "start": 63,
-                "end": 63
+                "start": 71,
+                "end": 71
             }
         },
         "group": [
@@ -96219,8 +96519,8 @@
     {
         "description": "The theme colors map of the Button.\n",
         "commentRange": {
-            "start": 116,
-            "end": 117
+            "start": 121,
+            "end": 122
         },
         "context": {
             "type": "variable",
@@ -96228,8 +96528,8 @@
             "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"inverse\")",
             "scope": "default",
             "line": {
-                "start": 118,
-                "end": 118
+                "start": 123,
+                "end": 123
             }
         },
         "group": [
@@ -96244,17 +96544,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": [