npm - @progress/kendo-theme-fluent - Versions diffs - 7.3.0-dev.0 → 7.3.0-dev.1 - Mend

@progress/kendo-theme-fluent 7.3.0-dev.0 → 7.3.0-dev.1

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 (17) hide show

package/dist/all.css +52 -185
package/dist/meta/sassdoc-data.json +2706 -1456
package/dist/meta/sassdoc-raw-data.json +1353 -728
package/lib/swatches/all.json +1 -1
package/lib/swatches/fluent-main.json +1 -1
package/package.json +4 -4
package/scss/calendar/_layout.scss +5 -5
package/scss/calendar/_theme.scss +0 -3
package/scss/calendar/_variables.scss +129 -81
package/scss/drawer/_layout.scss +26 -58
package/scss/drawer/_variables.scss +42 -41
package/scss/floating-label/_layout.scss +10 -14
package/scss/floating-label/_theme.scss +5 -5
package/scss/forms/_layout.scss +0 -4
package/scss/panelbar/_layout.scss +0 -4
package/scss/panelbar/_theme.scss +0 -2
package/scss/panelbar/_variables.scss +73 -69

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

@@ -5800,7 +5800,7 @@
         }
     },
     {
-        "description": "Width of the border around the calendar.\n",
+        "description": "The width of the border around the Calendar.\n",
         "commentRange": {
             "start": 4,
             "end": 5
@@ -5825,7 +5825,7 @@
         }
     },
     {
-        "description": "Font family of the calendar.\n",
+        "description": "The font family of the Calendar.\n",
         "commentRange": {
             "start": 7,
             "end": 8
@@ -5850,7 +5850,7 @@
         }
     },
     {
-        "description": "Font size of the calendar.\n",
+        "description": "The font size of the Calendar.\n",
         "commentRange": {
             "start": 10,
             "end": 11
@@ -5875,7 +5875,7 @@
         }
     },
     {
-        "description": "Line height of the calendar.\n",
+        "description": "The line height of the Calendar.\n",
         "commentRange": {
             "start": 13,
             "end": 14
@@ -5900,7 +5900,7 @@
         }
     },
     {
-        "description": "Size of the calendar cell.\n",
+        "description": "The size of the calendar cell.\n",
         "commentRange": {
             "start": 17,
             "end": 18
@@ -5925,7 +5925,7 @@
         }
     },
     {
-        "description": "Background color of the calendar.\n",
+        "description": "The background color of the Calendar.\n",
         "commentRange": {
             "start": 21,
             "end": 22
@@ -5950,7 +5950,7 @@
         }
     },
     {
-        "description": "Text color of the calendar.\n",
+        "description": "The text color of the Calendar.\n",
         "commentRange": {
             "start": 24,
             "end": 25
@@ -5975,7 +5975,7 @@
         }
     },
     {
-        "description": "Border color of the calendar.\n",
+        "description": "The border color of the Calendar.\n",
         "commentRange": {
             "start": 27,
             "end": 28
@@ -6000,7 +6000,7 @@
         }
     },
     {
-        "description": "Horizontal padding of the calendar header.\n",
+        "description": "The horizontal padding of the calendar header.\n",
         "commentRange": {
             "start": 31,
             "end": 32
@@ -6008,7 +6008,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-calendar-header-padding-x",
-            "value": "map.get( $kendo-spacing, 3 )",
+            "value": "map.get( $kendo-spacing, 1 )",
             "scope": "default",
             "line": {
                 "start": 33,
@@ -6025,7 +6025,7 @@
         }
     },
     {
-        "description": "Vertical padding of the calendar header.\n",
+        "description": "The vertical padding of the calendar header.\n",
         "commentRange": {
             "start": 34,
             "end": 35
@@ -6033,7 +6033,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-calendar-header-padding-y",
-            "value": "map.get( $kendo-spacing, 3 ) map.get( $kendo-spacing, 1 )",
+            "value": "map.get( $kendo-spacing, 1 )",
             "scope": "default",
             "line": {
                 "start": 36,
@@ -6050,7 +6050,7 @@
         }
     },
     {
-        "description": "Width of the bottom border of the calendar header.\n",
+        "description": "The width of the bottom border of the calendar header.\n",
         "commentRange": {
             "start": 37,
             "end": 38
@@ -6075,7 +6075,7 @@
         }
     },
     {
-        "description": "Background color of the calendar header.\n",
+        "description": "The background color of the calendar header.\n",
         "commentRange": {
             "start": 42,
             "end": 43
@@ -6100,7 +6100,7 @@
         }
     },
     {
-        "description": "Text color of the calendar header.\n",
+        "description": "The text color of the calendar header.\n",
         "commentRange": {
             "start": 45,
             "end": 46
@@ -6125,7 +6125,7 @@
         }
     },
     {
-        "description": "Border color of the calendar header.\n",
+        "description": "The border color of the calendar header.\n",
         "commentRange": {
             "start": 48,
             "end": 49
@@ -6150,7 +6150,7 @@
         }
     },
     {
-        "description": "Spacing between the navigation buttons of the calendar.\n",
+        "description": "The spacing between the navigation buttons of the Calendar.\n",
         "commentRange": {
             "start": 52,
             "end": 53
@@ -6175,7 +6175,7 @@
         }
     },
     {
-        "description": "Horizontal padding of the calendar footer.\n",
+        "description": "The horizontal padding of the calendar footer.\n",
         "commentRange": {
             "start": 56,
             "end": 57
@@ -6183,7 +6183,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-calendar-footer-padding-x",
-            "value": "map.get( $kendo-spacing, 3 )",
+            "value": "map.get( $kendo-spacing, 1 )",
             "scope": "default",
             "line": {
                 "start": 58,
@@ -6200,7 +6200,7 @@
         }
     },
     {
-        "description": "Vertical padding of the calendar footer.\n",
+        "description": "The vertical padding of the calendar footer.\n",
         "commentRange": {
             "start": 59,
             "end": 60
@@ -6208,7 +6208,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-calendar-footer-padding-y",
-            "value": "map.get( $kendo-spacing, 3 )",
+            "value": "map.get( $kendo-spacing, 1 )",
             "scope": "default",
             "line": {
                 "start": 61,
@@ -6225,7 +6225,7 @@
         }
     },
     {
-        "description": "Font size of the calendar cell.\n",
+        "description": "The font size of the calendar cell.\n",
         "commentRange": {
             "start": 63,
             "end": 64
@@ -6250,7 +6250,7 @@
         }
     },
     {
-        "description": "Horizontal padding of the calendar cell.\n",
+        "description": "The horizontal padding of the calendar cell.\n",
         "commentRange": {
             "start": 66,
             "end": 67
@@ -6275,7 +6275,7 @@
         }
     },
     {
-        "description": "Vertical padding of the calendar cell.\n",
+        "description": "The vertical padding of the calendar cell.\n",
         "commentRange": {
             "start": 69,
             "end": 70
@@ -6300,7 +6300,7 @@
         }
     },
     {
-        "description": "Line height of the calendar cell.\n",
+        "description": "The line height of the calendar cell.\n",
         "commentRange": {
             "start": 72,
             "end": 73
@@ -6325,7 +6325,7 @@
         }
     },
     {
-        "description": "Border radius of the calendar cell.\n",
+        "description": "The border radius of the calendar cell.\n",
         "commentRange": {
             "start": 75,
             "end": 76
@@ -6350,7 +6350,7 @@
         }
     },
     {
-        "description": "Horizontal padding of the calendar header cell.\n",
+        "description": "The horizontal padding of the calendar header cell.\n",
         "commentRange": {
             "start": 79,
             "end": 80
@@ -6375,7 +6375,7 @@
         }
     },
     {
-        "description": "Vertical padding of the calendar header cell.\n",
+        "description": "Th vertical padding of the calendar header cell.\n",
         "commentRange": {
             "start": 82,
             "end": 83
@@ -6400,7 +6400,7 @@
         }
     },
     {
-        "description": "Width of the calendar header cell.\n",
+        "description": "The width of the calendar header cell.\n",
         "commentRange": {
             "start": 85,
             "end": 86
@@ -6425,7 +6425,7 @@
         }
     },
     {
-        "description": "Height of the calendar header cell.\n",
+        "description": "The height of the calendar header cell.\n",
         "commentRange": {
             "start": 88,
             "end": 89
@@ -6450,7 +6450,7 @@
         }
     },
     {
-        "description": "Font size of the calendar header cell.\n",
+        "description": "The font size of the calendar header cell.\n",
         "commentRange": {
             "start": 91,
             "end": 92
@@ -6475,7 +6475,7 @@
         }
     },
     {
-        "description": "Line height of the calendar header cell.\n",
+        "description": "The line height of the calendar header cell.\n",
         "commentRange": {
             "start": 94,
             "end": 95
@@ -6500,7 +6500,7 @@
         }
     },
     {
-        "description": "Background color of the calendar header cell.\n",
+        "description": "The background color of the calendar header cell.\n",
         "commentRange": {
             "start": 97,
             "end": 98
@@ -6525,7 +6525,7 @@
         }
     },
     {
-        "description": "Text color of the calendar header cell.\n",
+        "description": "The text color of the calendar header cell.\n",
         "commentRange": {
             "start": 100,
             "end": 101
@@ -6550,7 +6550,7 @@
         }
     },
     {
-        "description": "Horizontal padding of the calendar captions.\n",
+        "description": "The horizontal padding of the calendar captions.\n",
         "commentRange": {
             "start": 104,
             "end": 105
@@ -6575,7 +6575,7 @@
         }
     },
     {
-        "description": "Vertical padding of the calendar captions.\n",
+        "description": "The vertical padding of the calendar captions.\n",
         "commentRange": {
             "start": 107,
             "end": 108
@@ -6600,7 +6600,7 @@
         }
     },
     {
-        "description": "Height of the calendar captions.\n",
+        "description": "The height of the calendar captions.\n",
         "commentRange": {
             "start": 110,
             "end": 111
@@ -6625,7 +6625,7 @@
         }
     },
     {
-        "description": "Font size of the calendar captions.\n",
+        "description": "The font size of the calendar captions.\n",
         "commentRange": {
             "start": 113,
             "end": 114
@@ -6650,7 +6650,7 @@
         }
     },
     {
-        "description": "Line height of the calendar captions.\n",
+        "description": "The line height of the calendar captions.\n",
         "commentRange": {
             "start": 116,
             "end": 117
@@ -6700,7 +6700,7 @@
         }
     },
     {
-        "description": "Text color of the calendar captions.\n",
+        "description": "The text color of the calendar captions.\n",
         "commentRange": {
             "start": 122,
             "end": 123
@@ -6725,15 +6725,40 @@
         }
     },
     {
-        "description": "Bottom padding of calendar views.\n",
+        "description": "The width of the Calendar view.\n",
+        "commentRange": {
+            "start": 126,
+            "end": 127
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-calendar-view-width",
+            "value": "($kendo-calendar-cell-size * 7)",
+            "scope": "default",
+            "line": {
+                "start": 128,
+                "end": 128
+            }
+        },
+        "group": [
+            "calendar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "calendar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The height of the Calendar view.\n",
         "commentRange": {
             "start": 129,
             "end": 130
         },
         "context": {
             "type": "variable",
-            "name": "kendo-calendar-view-padding-block-end",
-            "value": "map.get( $kendo-spacing, 3 )",
+            "name": "kendo-calendar-view-height",
+            "value": "($kendo-calendar-cell-size * 7)",
             "scope": "default",
             "line": {
                 "start": 131,
@@ -6750,19 +6775,19 @@
         }
     },
     {
-        "description": "Spacing between the views in the multiview calendar.\n",
+        "description": "The bottom padding of Calendar views.\n",
         "commentRange": {
-            "start": 132,
-            "end": 133
+            "start": 133,
+            "end": 134
         },
         "context": {
             "type": "variable",
-            "name": "kendo-calendar-view-gap",
-            "value": "map.get( $kendo-spacing, 4 )",
+            "name": "kendo-calendar-view-padding-block-end",
+            "value": "map.get( $kendo-spacing, 1 )",
             "scope": "default",
             "line": {
-                "start": 134,
-                "end": 134
+                "start": 135,
+                "end": 135
             }
         },
         "group": [
@@ -6775,15 +6800,15 @@
         }
     },
     {
-        "description": "Background color of the calendar weekend cell.\n",
+        "description": "The spacing between the views in the multiview Calendar.\n",
         "commentRange": {
             "start": 136,
             "end": 137
         },
         "context": {
             "type": "variable",
-            "name": "kendo-calendar-weekend-bg",
-            "value": "inherit",
+            "name": "kendo-calendar-view-gap",
+            "value": "map.get( $kendo-spacing, 4 )",
             "scope": "default",
             "line": {
                 "start": 138,
@@ -6800,19 +6825,19 @@
         }
     },
     {
-        "description": "Text color of the calendar weekend cell.\n",
+        "description": "The background color of the calendar weekend cell.\n",
         "commentRange": {
-            "start": 139,
-            "end": 140
+            "start": 140,
+            "end": 141
         },
         "context": {
             "type": "variable",
-            "name": "kendo-calendar-weekend-text",
+            "name": "kendo-calendar-weekend-bg",
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 141,
-                "end": 141
+                "start": 142,
+                "end": 142
             }
         },
         "group": [
@@ -6825,15 +6850,15 @@
         }
     },
     {
-        "description": "Text color of the calendar today cell.\n",
+        "description": "The text color of the calendar weekend cell.\n",
         "commentRange": {
             "start": 143,
             "end": 144
         },
         "context": {
             "type": "variable",
-            "name": "kendo-calendar-today-text",
-            "value": "if($kendo-enable-color-system, k-color( app-surface ), $kendo-color-white)",
+            "name": "kendo-calendar-weekend-text",
+            "value": "inherit",
             "scope": "default",
             "line": {
                 "start": 145,
@@ -6850,10 +6875,35 @@
         }
     },
     {
-        "description": "Background color of the calendar today cell.\n",
+        "description": "The text color of the calendar today cell.\n",
         "commentRange": {
-            "start": 146,
-            "end": 147
+            "start": 147,
+            "end": 148
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-calendar-today-text",
+            "value": "if($kendo-enable-color-system, k-color( app-surface ), $kendo-color-white)",
+            "scope": "default",
+            "line": {
+                "start": 149,
+                "end": 149
+            }
+        },
+        "group": [
+            "calendar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "calendar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of the calendar today cell.\n",
+        "commentRange": {
+            "start": 150,
+            "end": 151
         },
         "context": {
             "type": "variable",
@@ -6861,8 +6911,8 @@
             "value": "if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 ))",
             "scope": "default",
             "line": {
-                "start": 148,
-                "end": 148
+                "start": 152,
+                "end": 152
             }
         },
         "group": [
@@ -6875,10 +6925,10 @@
         }
     },
     {
-        "description": "Text color of the calendar today cell when hovered.\n",
+        "description": "The text color of the calendar today cell when hovered.\n",
         "commentRange": {
-            "start": 149,
-            "end": 150
+            "start": 153,
+            "end": 154
         },
         "context": {
             "type": "variable",
@@ -6886,8 +6936,8 @@
             "value": "if($kendo-enable-color-system, k-color( app-surface ), $kendo-color-white)",
             "scope": "default",
             "line": {
-                "start": 151,
-                "end": 151
+                "start": 155,
+                "end": 155
             }
         },
         "group": [
@@ -6900,10 +6950,10 @@
         }
     },
     {
-        "description": "Background color of the calendar today cell when hovered.\n",
+        "description": "The background color of the calendar today cell when hovered.\n",
         "commentRange": {
-            "start": 152,
-            "end": 153
+            "start": 156,
+            "end": 157
         },
         "context": {
             "type": "variable",
@@ -6911,8 +6961,8 @@
             "value": "if($kendo-enable-color-system, k-color( primary-hover ), k-get-theme-color-var( primary-120 ))",
             "scope": "default",
             "line": {
-                "start": 154,
-                "end": 154
+                "start": 158,
+                "end": 158
             }
         },
         "group": [
@@ -6925,10 +6975,10 @@
         }
     },
     {
-        "description": "Border radius of the calendar today cell.\n",
+        "description": "The border radius of the calendar today cell.\n",
         "commentRange": {
-            "start": 155,
-            "end": 156
+            "start": 159,
+            "end": 160
         },
         "context": {
             "type": "variable",
@@ -6936,8 +6986,8 @@
             "value": "9999px",
             "scope": "default",
             "line": {
-                "start": 157,
-                "end": 157
+                "start": 161,
+                "end": 161
             }
         },
         "group": [
@@ -6950,10 +7000,10 @@
         }
     },
     {
-        "description": "Background color of the calendar week number cell.\n",
+        "description": "The background color of the calendar week number cell.\n",
         "commentRange": {
-            "start": 159,
-            "end": 160
+            "start": 163,
+            "end": 164
         },
         "context": {
             "type": "variable",
@@ -6961,8 +7011,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 161,
-                "end": 161
+                "start": 165,
+                "end": 165
             }
         },
         "group": [
@@ -6975,10 +7025,10 @@
         }
     },
     {
-        "description": "Text color of the calendar week number cell.\n",
+        "description": "The text color of the calendar week number cell.\n",
         "commentRange": {
-            "start": 162,
-            "end": 163
+            "start": 166,
+            "end": 167
         },
         "context": {
             "type": "variable",
@@ -6986,8 +7036,8 @@
             "value": "var( --kendo-subtle-text, inherit )",
             "scope": "default",
             "line": {
-                "start": 164,
-                "end": 164
+                "start": 168,
+                "end": 168
             }
         },
         "group": [
@@ -7000,10 +7050,10 @@
         }
     },
     {
-        "description": "Background color of the other months calendar cells.\n",
+        "description": "The background color of the other months calendar cells.\n",
         "commentRange": {
-            "start": 166,
-            "end": 167
+            "start": 170,
+            "end": 171
         },
         "context": {
             "type": "variable",
@@ -7011,8 +7061,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 168,
-                "end": 168
+                "start": 172,
+                "end": 172
             }
         },
         "group": [
@@ -7025,10 +7075,10 @@
         }
     },
     {
-        "description": "Text color of the other months calendar cells.\n",
+        "description": "The text color of the other months calendar cells.\n",
         "commentRange": {
-            "start": 169,
-            "end": 170
+            "start": 173,
+            "end": 174
         },
         "context": {
             "type": "variable",
@@ -7036,8 +7086,8 @@
             "value": "var( --kendo-disabled-text, inherit )",
             "scope": "default",
             "line": {
-                "start": 171,
-                "end": 171
+                "start": 175,
+                "end": 175
             }
         },
         "group": [
@@ -7050,10 +7100,10 @@
         }
     },
     {
-        "description": "Background color of the calendar cells.\n",
+        "description": "The background color of the calendar cells.\n",
         "commentRange": {
-            "start": 173,
-            "end": 174
+            "start": 177,
+            "end": 178
         },
         "context": {
             "type": "variable",
@@ -7061,8 +7111,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 175,
-                "end": 175
+                "start": 179,
+                "end": 179
             }
         },
         "group": [
@@ -7075,10 +7125,10 @@
         }
     },
     {
-        "description": "Text color of the calendar cells.\n",
+        "description": "The text color of the calendar cells.\n",
         "commentRange": {
-            "start": 176,
-            "end": 177
+            "start": 180,
+            "end": 181
         },
         "context": {
             "type": "variable",
@@ -7086,8 +7136,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 178,
-                "end": 178
+                "start": 182,
+                "end": 182
             }
         },
         "group": [
@@ -7100,10 +7150,10 @@
         }
     },
     {
-        "description": "Background color of the calendar cells when hovered.\n",
+        "description": "The background color of the calendar cells when hovered.\n",
         "commentRange": {
-            "start": 180,
-            "end": 181
+            "start": 184,
+            "end": 185
         },
         "context": {
             "type": "variable",
@@ -7111,8 +7161,8 @@
             "value": "var( --kendo-hover-bg, inherit )",
             "scope": "default",
             "line": {
-                "start": 182,
-                "end": 182
+                "start": 186,
+                "end": 186
             }
         },
         "group": [
@@ -7125,10 +7175,10 @@
         }
     },
     {
-        "description": "Text color of the calendar cells when hovered.\n",
+        "description": "The text color of the calendar cells when hovered.\n",
         "commentRange": {
-            "start": 183,
-            "end": 184
+            "start": 187,
+            "end": 188
         },
         "context": {
             "type": "variable",
@@ -7136,8 +7186,8 @@
             "value": "var( --kendo-hover-text, inherit )",
             "scope": "default",
             "line": {
-                "start": 185,
-                "end": 185
+                "start": 189,
+                "end": 189
             }
         },
         "group": [
@@ -7150,10 +7200,10 @@
         }
     },
     {
-        "description": "Background color of the selected calendar cell.\n",
+        "description": "The background color of the selected calendar cell.\n",
         "commentRange": {
-            "start": 187,
-            "end": 188
+            "start": 191,
+            "end": 192
         },
         "context": {
             "type": "variable",
@@ -7161,8 +7211,8 @@
             "value": "var( --kendo-selected-bg, inherit )",
             "scope": "default",
             "line": {
-                "start": 189,
-                "end": 189
+                "start": 193,
+                "end": 193
             }
         },
         "group": [
@@ -7175,10 +7225,10 @@
         }
     },
     {
-        "description": "Text color of the selected calendar cell.\n",
+        "description": "The text color of the selected calendar cell.\n",
         "commentRange": {
-            "start": 190,
-            "end": 191
+            "start": 194,
+            "end": 195
         },
         "context": {
             "type": "variable",
@@ -7186,8 +7236,8 @@
             "value": "var( --kendo-selected-text, inherit )",
             "scope": "default",
             "line": {
-                "start": 192,
-                "end": 192
+                "start": 196,
+                "end": 196
             }
         },
         "group": [
@@ -7200,10 +7250,10 @@
         }
     },
     {
-        "description": "Border color of the selected calendar cell.\n",
+        "description": "The border color of the selected calendar cell.\n",
         "commentRange": {
-            "start": 193,
-            "end": 194
+            "start": 197,
+            "end": 198
         },
         "context": {
             "type": "variable",
@@ -7211,8 +7261,8 @@
             "value": "var( --kendo-selected-border, inherit )",
             "scope": "default",
             "line": {
-                "start": 195,
-                "end": 195
+                "start": 199,
+                "end": 199
             }
         },
         "group": [
@@ -7225,10 +7275,10 @@
         }
     },
     {
-        "description": "Shadow of the selected calendar cell.\n",
+        "description": "The shadow of the selected calendar cell.\n",
         "commentRange": {
-            "start": 196,
-            "end": 197
+            "start": 200,
+            "end": 201
         },
         "context": {
             "type": "variable",
@@ -7236,8 +7286,8 @@
             "value": "inset 0 0 0 1px $kendo-calendar-cell-selected-border",
             "scope": "default",
             "line": {
-                "start": 198,
-                "end": 198
+                "start": 202,
+                "end": 202
             }
         },
         "group": [
@@ -7250,10 +7300,10 @@
         }
     },
     {
-        "description": "Background color of the selected calendar cell when hovered.\n",
+        "description": "The background color of the selected calendar cell when hovered.\n",
         "commentRange": {
-            "start": 200,
-            "end": 201
+            "start": 204,
+            "end": 205
         },
         "context": {
             "type": "variable",
@@ -7261,8 +7311,8 @@
             "value": "var( --kendo-selected-hover-bg, inherit )",
             "scope": "default",
             "line": {
-                "start": 202,
-                "end": 202
+                "start": 206,
+                "end": 206
             }
         },
         "group": [
@@ -7275,10 +7325,10 @@
         }
     },
     {
-        "description": "Text color of the selected calendar cell when hovered.\n",
+        "description": "The text color of the selected calendar cell when hovered.\n",
         "commentRange": {
-            "start": 203,
-            "end": 204
+            "start": 207,
+            "end": 208
         },
         "context": {
             "type": "variable",
@@ -7286,8 +7336,8 @@
             "value": "var( --kendo-selected-hover-text, inherit )",
             "scope": "default",
             "line": {
-                "start": 205,
-                "end": 205
+                "start": 209,
+                "end": 209
             }
         },
         "group": [
@@ -7300,10 +7350,10 @@
         }
     },
     {
-        "description": "Shadow of the selected calendar cell when focused.\n",
+        "description": "The shadow of the selected calendar cell when focused.\n",
         "commentRange": {
-            "start": 207,
-            "end": 208
+            "start": 211,
+            "end": 212
         },
         "context": {
             "type": "variable",
@@ -7311,8 +7361,8 @@
             "value": "inset 0 0 0 1px if($kendo-enable-color-system, k-color( base-emphasis ), k-get-theme-color-var( neutral-130))",
             "scope": "default",
             "line": {
-                "start": 209,
-                "end": 209
+                "start": 213,
+                "end": 213
             }
         },
         "group": [
@@ -7325,10 +7375,10 @@
         }
     },
     {
-        "description": "Shadow of the selected calendar cell when selected and focused.\n",
+        "description": "The shadow of the selected calendar cell when selected and focused.\n",
         "commentRange": {
-            "start": 210,
-            "end": 211
+            "start": 214,
+            "end": 215
         },
         "context": {
             "type": "variable",
@@ -7336,8 +7386,8 @@
             "value": "$kendo-calendar-cell-focus-shadow",
             "scope": "default",
             "line": {
-                "start": 212,
-                "end": 212
+                "start": 216,
+                "end": 216
             }
         },
         "group": [
@@ -7350,10 +7400,10 @@
         }
     },
     {
-        "description": "Width of the navigation in the infinite calendar.\n",
+        "description": "The width of the navigation in the infinite Calendar.\n",
         "commentRange": {
-            "start": 216,
-            "end": 217
+            "start": 221,
+            "end": 222
         },
         "context": {
             "type": "variable",
@@ -7361,8 +7411,8 @@
             "value": "5em",
             "scope": "default",
             "line": {
-                "start": 218,
-                "end": 218
+                "start": 223,
+                "end": 223
             }
         },
         "group": [
@@ -7375,10 +7425,10 @@
         }
     },
     {
-        "description": "Height of the navigation items in the infinite calendar.\n",
+        "description": "The height of the navigation items in the infinite Calendar.\n",
         "commentRange": {
-            "start": 219,
-            "end": 220
+            "start": 224,
+            "end": 225
         },
         "context": {
             "type": "variable",
@@ -7386,8 +7436,8 @@
             "value": "2em",
             "scope": "default",
             "line": {
-                "start": 221,
-                "end": 221
+                "start": 226,
+                "end": 226
             }
         },
         "group": [
@@ -7400,10 +7450,10 @@
         }
     },
     {
-        "description": "Background color of the navigation in the infinite calendar.\n",
+        "description": "The background color of the navigation in the infinite Calendar.\n",
         "commentRange": {
-            "start": 223,
-            "end": 224
+            "start": 228,
+            "end": 229
         },
         "context": {
             "type": "variable",
@@ -7411,8 +7461,8 @@
             "value": "if($kendo-enable-color-system, k-color( surface ), k-get-theme-color-var( neutral-10 ))",
             "scope": "default",
             "line": {
-                "start": 225,
-                "end": 225
+                "start": 230,
+                "end": 230
             }
         },
         "group": [
@@ -7425,10 +7475,10 @@
         }
     },
     {
-        "description": "Text color of the navigation in the infinite calendar.\n",
+        "description": "The text color of the navigation in the infinite Calendar.\n",
         "commentRange": {
-            "start": 226,
-            "end": 227
+            "start": 231,
+            "end": 232
         },
         "context": {
             "type": "variable",
@@ -7436,8 +7486,8 @@
             "value": "$kendo-calendar-header-text",
             "scope": "default",
             "line": {
-                "start": 228,
-                "end": 228
+                "start": 233,
+                "end": 233
             }
         },
         "group": [
@@ -7450,10 +7500,10 @@
         }
     },
     {
-        "description": "Border color of the navigation in the infinite calendar.\n",
+        "description": "The border color of the navigation in the infinite Calendar.\n",
         "commentRange": {
-            "start": 229,
-            "end": 230
+            "start": 234,
+            "end": 235
         },
         "context": {
             "type": "variable",
@@ -7461,33 +7511,8 @@
             "value": "$kendo-calendar-header-border",
             "scope": "default",
             "line": {
-                "start": 231,
-                "end": 231
-            }
-        },
-        "group": [
-            "calendar"
-        ],
-        "access": "public",
-        "file": {
-            "path": "calendar/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "Background color of the navigation in the infinite calendar.\n",
-        "commentRange": {
-            "start": 237,
-            "end": 238
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-infinite-calendar-header-padding-x",
-            "value": "map.get( $kendo-spacing, 3 )",
-            "scope": "default",
-            "line": {
-                "start": 239,
-                "end": 239
+                "start": 236,
+                "end": 236
             }
         },
         "group": [
@@ -7500,19 +7525,19 @@
         }
     },
     {
-        "description": "Background color of the navigation in the infinite calendar.\n",
+        "description": "The text color of the hovered items in the calendar navigation.\n",
         "commentRange": {
-            "start": 240,
-            "end": 241
+            "start": 238,
+            "end": 239
         },
         "context": {
             "type": "variable",
-            "name": "kendo-infinite-calendar-header-padding-y",
-            "value": "map.get( $kendo-spacing, 3 ) map.get( $kendo-spacing, 1 )",
+            "name": "kendo-calendar-navigation-hover-text",
+            "value": "$kendo-link-hover-text",
             "scope": "default",
             "line": {
-                "start": 242,
-                "end": 242
+                "start": 240,
+                "end": 240
             }
         },
         "group": [
@@ -7525,14 +7550,14 @@
         }
     },
     {
-        "description": "Horizontal padding of the infinite calendar.\n",
+        "description": "The background color of the navigation in the infinite Calendar.\n",
         "commentRange": {
             "start": 244,
             "end": 245
         },
         "context": {
             "type": "variable",
-            "name": "kendo-infinite-calendar-view-padding-x",
+            "name": "kendo-infinite-calendar-header-padding-x",
             "value": "map.get( $kendo-spacing, 3 )",
             "scope": "default",
             "line": {
@@ -7550,15 +7575,15 @@
         }
     },
     {
-        "description": "Vertical padding of the infinite calendar.\n",
+        "description": "The background color of the navigation in the infinite Calendar.\n",
         "commentRange": {
             "start": 247,
             "end": 248
         },
         "context": {
             "type": "variable",
-            "name": "kendo-infinite-calendar-view-padding-y",
-            "value": "0px",
+            "name": "kendo-infinite-calendar-header-padding-y",
+            "value": "map.get( $kendo-spacing, 3 ) map.get( $kendo-spacing, 1 )",
             "scope": "default",
             "line": {
                 "start": 249,
@@ -7575,15 +7600,40 @@
         }
     },
     {
-        "description": "Background color of the range selection in the calendar.\n",
+        "description": "The horizontal padding of the infinite Calendar.\n",
+        "commentRange": {
+            "start": 251,
+            "end": 252
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-infinite-calendar-view-padding-x",
+            "value": "map.get( $kendo-spacing, 3 )",
+            "scope": "default",
+            "line": {
+                "start": 253,
+                "end": 253
+            }
+        },
+        "group": [
+            "calendar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "calendar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the infinite Calendar.\n",
         "commentRange": {
             "start": 254,
             "end": 255
         },
         "context": {
             "type": "variable",
-            "name": "kendo-calendar-range-bg",
-            "value": "if($kendo-enable-color-system, k-color( base-active ), k-get-theme-color-var( neutral-30 ))",
+            "name": "kendo-infinite-calendar-view-padding-y",
+            "value": "0px",
             "scope": "default",
             "line": {
                 "start": 256,
@@ -7600,10 +7650,60 @@
         }
     },
     {
-        "description": "Text color of the range selection in the calendar.\n",
+        "description": "The height of the infinite Calendar view.\n",
         "commentRange": {
-            "start": 257,
-            "end": 258
+            "start": 258,
+            "end": 259
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-infinite-calendar-view-height",
+            "value": "( $kendo-calendar-cell-size * 9 )",
+            "scope": "default",
+            "line": {
+                "start": 260,
+                "end": 260
+            }
+        },
+        "group": [
+            "calendar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "calendar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The background color of the range selection in the Calendar.\n",
+        "commentRange": {
+            "start": 264,
+            "end": 265
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-calendar-range-bg",
+            "value": "if($kendo-enable-color-system, k-color( base-active ), k-get-theme-color-var( neutral-30 ))",
+            "scope": "default",
+            "line": {
+                "start": 266,
+                "end": 266
+            }
+        },
+        "group": [
+            "calendar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "calendar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of the range selection in the Calendar.\n",
+        "commentRange": {
+            "start": 267,
+            "end": 268
         },
         "context": {
             "type": "variable",
@@ -7611,8 +7711,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 259,
-                "end": 259
+                "start": 269,
+                "end": 269
             }
         },
         "group": [
@@ -7625,10 +7725,10 @@
         }
     },
     {
-        "description": "Border color of the range selection in the calendar.\n",
+        "description": "The border color of the range selection in the Calendar.\n",
         "commentRange": {
-            "start": 260,
-            "end": 261
+            "start": 270,
+            "end": 271
         },
         "context": {
             "type": "variable",
@@ -7636,8 +7736,8 @@
             "value": "if($kendo-enable-color-system, k-color( base-emphasis ), k-get-theme-color-var( neutral-130 ))",
             "scope": "default",
             "line": {
-                "start": 262,
-                "end": 262
+                "start": 272,
+                "end": 272
             }
         },
         "group": [
@@ -7650,10 +7750,10 @@
         }
     },
     {
-        "description": "Hover shadow of the start range selection in the calendar.\n",
+        "description": "The shadow of the hovered start range selection in the Calendar.\n",
         "commentRange": {
-            "start": 263,
-            "end": 264
+            "start": 273,
+            "end": 274
         },
         "context": {
             "type": "variable",
@@ -7661,8 +7761,8 @@
             "value": "inset 1px -1px 0 0 if($kendo-enable-color-system, k-color( base-emphasis ), k-get-theme-color-var( neutral-130 )), inset 0 1px 0 0 if($kendo-enable-color-system, k-color( base-emphasis ), k-get-theme-color-var( neutral-130 ))",
             "scope": "default",
             "line": {
-                "start": 265,
-                "end": 265
+                "start": 275,
+                "end": 275
             }
         },
         "group": [
@@ -7675,10 +7775,10 @@
         }
     },
     {
-        "description": "Hover shadow of the mid range selection in the calendar.\n",
+        "description": "The shadow of the hovered mid range selection in the Calendar.\n",
         "commentRange": {
-            "start": 266,
-            "end": 267
+            "start": 276,
+            "end": 277
         },
         "context": {
             "type": "variable",
@@ -7686,8 +7786,8 @@
             "value": "inset 0 -1px 0 0 if($kendo-enable-color-system, k-color( base-emphasis ), k-get-theme-color-var( neutral-130 )), inset 0 1px 0 0 if($kendo-enable-color-system, k-color( base-emphasis ), k-get-theme-color-var( neutral-130 ))",
             "scope": "default",
             "line": {
-                "start": 268,
-                "end": 268
+                "start": 278,
+                "end": 278
             }
         },
         "group": [
@@ -7700,10 +7800,10 @@
         }
     },
     {
-        "description": "Hover shadow of the end range selection in the calendar.\n",
+        "description": "The shadow of the hovered end range selection in the Calendar.\n",
         "commentRange": {
-            "start": 269,
-            "end": 270
+            "start": 279,
+            "end": 280
         },
         "context": {
             "type": "variable",
@@ -7711,8 +7811,483 @@
             "value": "inset -1px -1px 0 0 if($kendo-enable-color-system, k-color( base-emphasis ), k-get-theme-color-var( neutral-130 )), inset 0 1px 0 0 if($kendo-enable-color-system, k-color( base-emphasis ), k-get-theme-color-var( neutral-130 ))",
             "scope": "default",
             "line": {
-                "start": 271,
-                "end": 271
+                "start": 281,
+                "end": 281
+            }
+        },
+        "group": [
+            "calendar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "calendar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the small Calendar.\n",
+        "commentRange": {
+            "start": 285,
+            "end": 286
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-calendar-sm-font-size",
+            "value": "$kendo-font-size-sm",
+            "scope": "default",
+            "line": {
+                "start": 287,
+                "end": 287
+            }
+        },
+        "group": [
+            "calendar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "calendar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The line height of the small Calendar.\n",
+        "commentRange": {
+            "start": 288,
+            "end": 289
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-calendar-sm-line-height",
+            "value": "$kendo-line-height-sm",
+            "scope": "default",
+            "line": {
+                "start": 290,
+                "end": 290
+            }
+        },
+        "group": [
+            "calendar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "calendar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The size of the small calendar cell.\n",
+        "commentRange": {
+            "start": 291,
+            "end": 292
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-calendar-sm-cell-size",
+            "value": "24px",
+            "scope": "default",
+            "line": {
+                "start": 293,
+                "end": 293
+            }
+        },
+        "group": [
+            "calendar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "calendar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the cells in the small Calendar.\n",
+        "commentRange": {
+            "start": 294,
+            "end": 295
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-calendar-sm-cell-padding-x",
+            "value": "map.get( $kendo-spacing, 0.5 )",
+            "scope": "default",
+            "line": {
+                "start": 296,
+                "end": 296
+            }
+        },
+        "group": [
+            "calendar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "calendar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the cells in the small Calendar.\n",
+        "commentRange": {
+            "start": 297,
+            "end": 298
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-calendar-sm-cell-padding-y",
+            "value": "map.get( $kendo-spacing, 0.5 )",
+            "scope": "default",
+            "line": {
+                "start": 299,
+                "end": 299
+            }
+        },
+        "group": [
+            "calendar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "calendar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the cells in the small Calendar.\n",
+        "commentRange": {
+            "start": 300,
+            "end": 301
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-calendar-sm-cell-font-size",
+            "value": "$kendo-font-size-sm",
+            "scope": "default",
+            "line": {
+                "start": 302,
+                "end": 302
+            }
+        },
+        "group": [
+            "calendar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "calendar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the medium Calendar.\n",
+        "commentRange": {
+            "start": 304,
+            "end": 305
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-calendar-md-font-size",
+            "value": "$kendo-font-size-md",
+            "scope": "default",
+            "line": {
+                "start": 306,
+                "end": 306
+            }
+        },
+        "group": [
+            "calendar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "calendar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The line height of the medium Calendar.\n",
+        "commentRange": {
+            "start": 307,
+            "end": 308
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-calendar-md-line-height",
+            "value": "$kendo-line-height-md",
+            "scope": "default",
+            "line": {
+                "start": 309,
+                "end": 309
+            }
+        },
+        "group": [
+            "calendar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "calendar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The size of the medium calendar cell.\n",
+        "commentRange": {
+            "start": 310,
+            "end": 311
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-calendar-md-cell-size",
+            "value": "28px",
+            "scope": "default",
+            "line": {
+                "start": 312,
+                "end": 312
+            }
+        },
+        "group": [
+            "calendar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "calendar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the cells in the medium Calendar.\n",
+        "commentRange": {
+            "start": 313,
+            "end": 314
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-calendar-md-cell-padding-x",
+            "value": "map.get( $kendo-spacing, 1 )",
+            "scope": "default",
+            "line": {
+                "start": 315,
+                "end": 315
+            }
+        },
+        "group": [
+            "calendar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "calendar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the cells in the medium Calendar.\n",
+        "commentRange": {
+            "start": 316,
+            "end": 317
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-calendar-md-cell-padding-y",
+            "value": "map.get( $kendo-spacing, 1 )",
+            "scope": "default",
+            "line": {
+                "start": 318,
+                "end": 318
+            }
+        },
+        "group": [
+            "calendar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "calendar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the cells in the medium Calendar.\n",
+        "commentRange": {
+            "start": 319,
+            "end": 320
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-calendar-md-cell-font-size",
+            "value": "$kendo-font-size-sm",
+            "scope": "default",
+            "line": {
+                "start": 321,
+                "end": 321
+            }
+        },
+        "group": [
+            "calendar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "calendar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the large Calendar.\n",
+        "commentRange": {
+            "start": 323,
+            "end": 324
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-calendar-lg-font-size",
+            "value": "$kendo-font-size-md",
+            "scope": "default",
+            "line": {
+                "start": 325,
+                "end": 325
+            }
+        },
+        "group": [
+            "calendar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "calendar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The line height of the large Calendar.\n",
+        "commentRange": {
+            "start": 326,
+            "end": 327
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-calendar-lg-line-height",
+            "value": "$kendo-line-height-md",
+            "scope": "default",
+            "line": {
+                "start": 328,
+                "end": 328
+            }
+        },
+        "group": [
+            "calendar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "calendar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The size of the large calendar cell.\n",
+        "commentRange": {
+            "start": 329,
+            "end": 330
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-calendar-lg-cell-size",
+            "value": "32px",
+            "scope": "default",
+            "line": {
+                "start": 331,
+                "end": 331
+            }
+        },
+        "group": [
+            "calendar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "calendar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the cells in the large Calendar.\n",
+        "commentRange": {
+            "start": 332,
+            "end": 333
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-calendar-lg-cell-padding-x",
+            "value": "map.get( $kendo-spacing, 1 )",
+            "scope": "default",
+            "line": {
+                "start": 334,
+                "end": 334
+            }
+        },
+        "group": [
+            "calendar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "calendar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the cells in the large Calendar.\n",
+        "commentRange": {
+            "start": 335,
+            "end": 336
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-calendar-lg-cell-padding-y",
+            "value": "map.get( $kendo-spacing, 1 )",
+            "scope": "default",
+            "line": {
+                "start": 337,
+                "end": 337
+            }
+        },
+        "group": [
+            "calendar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "calendar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the cells in the large Calendar.\n",
+        "commentRange": {
+            "start": 338,
+            "end": 339
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-calendar-lg-cell-font-size",
+            "value": "$kendo-font-size-md",
+            "scope": "default",
+            "line": {
+                "start": 340,
+                "end": 340
+            }
+        },
+        "group": [
+            "calendar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "calendar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The sizes Map of the Calendar.\n",
+        "commentRange": {
+            "start": 342,
+            "end": 343
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-calendar-sizes",
+            "value": "(\n    sm: (\n        font-size: $kendo-calendar-sm-font-size,\n        line-height: $kendo-calendar-sm-line-height,\n        cell-size: $kendo-calendar-sm-cell-size,\n        cell-padding-x: $kendo-calendar-sm-cell-padding-y,\n        cell-padding-y: $kendo-calendar-sm-cell-padding-x,\n        cell-font-size: $kendo-calendar-sm-cell-font-size\n    ),\n    md: (\n        font-size: $kendo-calendar-md-font-size,\n        line-height: $kendo-calendar-md-line-height,\n        cell-size: $kendo-calendar-md-cell-size,\n        cell-padding-x: $kendo-calendar-md-cell-padding-y,\n        cell-padding-y: $kendo-calendar-md-cell-padding-x,\n        cell-font-size: $kendo-calendar-md-cell-font-size\n    ),\n    lg: (\n        font-size: $kendo-calendar-lg-font-size,\n        line-height: $kendo-calendar-lg-line-height,\n        cell-size: $kendo-calendar-lg-cell-size,\n        cell-padding-x: $kendo-calendar-lg-cell-padding-y,\n        cell-padding-y: $kendo-calendar-lg-cell-padding-x,\n        cell-font-size: $kendo-calendar-lg-cell-font-size\n    )\n)",
+            "scope": "default",
+            "line": {
+                "start": 344,
+                "end": 369
             }
         },
         "group": [
@@ -18700,7 +19275,7 @@
         }
     },
     {
-        "description": "Background color of the drawer.\n",
+        "description": "The background color of the Drawer.\n",
         "commentRange": {
             "start": 4,
             "end": 5
@@ -18725,7 +19300,7 @@
         }
     },
     {
-        "description": "Text color of the drawer.\n",
+        "description": "The text color of the Drawer.\n",
         "commentRange": {
             "start": 7,
             "end": 8
@@ -18750,7 +19325,7 @@
         }
     },
     {
-        "description": "Border color of the drawer.\n",
+        "description": "The border color of the Drawer.\n",
         "commentRange": {
             "start": 10,
             "end": 11
@@ -18775,7 +19350,7 @@
         }
     },
     {
-        "description": "Border width of the drawer.\n",
+        "description": "The border width of the Drawer.\n",
         "commentRange": {
             "start": 13,
             "end": 14
@@ -18800,7 +19375,7 @@
         }
     },
     {
-        "description": "Font family of the drawer.\n",
+        "description": "The font family of the Drawer.\n",
         "commentRange": {
             "start": 16,
             "end": 17
@@ -18825,7 +19400,7 @@
         }
     },
     {
-        "description": "Font size of the drawer.\n",
+        "description": "The font size of the Drawer.\n",
         "commentRange": {
             "start": 19,
             "end": 20
@@ -18850,7 +19425,7 @@
         }
     },
     {
-        "description": "Line height of the drawer.\n",
+        "description": "The line height of the Drawer.\n",
         "commentRange": {
             "start": 22,
             "end": 23
@@ -18875,10 +19450,10 @@
         }
     },
     {
-        "description": "Horizontal padding of the drawer content.\n",
+        "description": "The horizontal padding of the Drawer content.\n",
         "commentRange": {
-            "start": 25,
-            "end": 26
+            "start": 26,
+            "end": 27
         },
         "context": {
             "type": "variable",
@@ -18886,8 +19461,8 @@
             "value": "var( --kendo-padding-x, #{$kendo-padding-md-x} )",
             "scope": "default",
             "line": {
-                "start": 27,
-                "end": 27
+                "start": 28,
+                "end": 28
             }
         },
         "group": [
@@ -18900,10 +19475,10 @@
         }
     },
     {
-        "description": "Vertical padding of the drawer content.\n",
+        "description": "The vertical padding of the Drawer content.\n",
         "commentRange": {
-            "start": 28,
-            "end": 29
+            "start": 29,
+            "end": 30
         },
         "context": {
             "type": "variable",
@@ -18911,8 +19486,8 @@
             "value": "var( --kendo-padding-y, #{$kendo-padding-md-y} )",
             "scope": "default",
             "line": {
-                "start": 30,
-                "end": 30
+                "start": 31,
+                "end": 31
             }
         },
         "group": [
@@ -18925,10 +19500,10 @@
         }
     },
     {
-        "description": "Scrollbar width of the drawer.\n",
+        "description": "The width of the Drawer scrollbar.\n",
         "commentRange": {
-            "start": 32,
-            "end": 33
+            "start": 33,
+            "end": 34
         },
         "context": {
             "type": "variable",
@@ -18936,8 +19511,8 @@
             "value": "7px",
             "scope": "default",
             "line": {
-                "start": 34,
-                "end": 34
+                "start": 35,
+                "end": 35
             }
         },
         "group": [
@@ -18950,10 +19525,10 @@
         }
     },
     {
-        "description": "Scrollbar color of the drawer.\n",
+        "description": "The color of the Drawer scrollbar.\n",
         "commentRange": {
-            "start": 35,
-            "end": 36
+            "start": 36,
+            "end": 37
         },
         "context": {
             "type": "variable",
@@ -18961,8 +19536,8 @@
             "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 46%, transparent), k-get-theme-color-var( neutral-90 ))",
             "scope": "default",
             "line": {
-                "start": 37,
-                "end": 37
+                "start": 38,
+                "end": 38
             }
         },
         "group": [
@@ -18975,10 +19550,10 @@
         }
     },
     {
-        "description": "Scrollbar background of the drawer.\n",
+        "description": "The background of the Drawer scrollbar.\n",
         "commentRange": {
-            "start": 38,
-            "end": 39
+            "start": 39,
+            "end": 40
         },
         "context": {
             "type": "variable",
@@ -18986,8 +19561,8 @@
             "value": "if($kendo-enable-color-system, k-color( base-subtle ), k-get-theme-color-var( neutral-40 ))",
             "scope": "default",
             "line": {
-                "start": 40,
-                "end": 40
+                "start": 41,
+                "end": 41
             }
         },
         "group": [
@@ -19000,10 +19575,10 @@
         }
     },
     {
-        "description": "Scrollbar border radius of the drawer.\n",
+        "description": "The border radius of the Drawer scrollbar.\n",
         "commentRange": {
-            "start": 41,
-            "end": 42
+            "start": 42,
+            "end": 43
         },
         "context": {
             "type": "variable",
@@ -19011,8 +19586,8 @@
             "value": "20px",
             "scope": "default",
             "line": {
-                "start": 43,
-                "end": 43
+                "start": 44,
+                "end": 44
             }
         },
         "group": [
@@ -19025,10 +19600,10 @@
         }
     },
     {
-        "description": "Scrollbar hover color of the drawer.\n",
+        "description": "The hover color of the Drawer scrollbar.\n",
         "commentRange": {
-            "start": 44,
-            "end": 45
+            "start": 45,
+            "end": 46
         },
         "context": {
             "type": "variable",
@@ -19036,8 +19611,8 @@
             "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), k-get-theme-color-var( neutral-110 ))",
             "scope": "default",
             "line": {
-                "start": 46,
-                "end": 46
+                "start": 47,
+                "end": 47
             }
         },
         "group": [
@@ -19050,10 +19625,10 @@
         }
     },
     {
-        "description": "Horizontal padding of the drawer item.\n",
+        "description": "The horizontal padding of the Drawer item.\n",
         "commentRange": {
-            "start": 48,
-            "end": 49
+            "start": 49,
+            "end": 50
         },
         "context": {
             "type": "variable",
@@ -19061,8 +19636,8 @@
             "value": "map.get( $kendo-spacing, 4 )",
             "scope": "default",
             "line": {
-                "start": 50,
-                "end": 50
+                "start": 51,
+                "end": 51
             }
         },
         "group": [
@@ -19075,10 +19650,10 @@
         }
     },
     {
-        "description": "Vertical padding of the drawer item.\n",
+        "description": "The vertical padding of the Drawer item.\n",
         "commentRange": {
-            "start": 51,
-            "end": 52
+            "start": 52,
+            "end": 53
         },
         "context": {
             "type": "variable",
@@ -19086,8 +19661,8 @@
             "value": "var( --kendo-padding-x, #{$kendo-padding-md-x} )",
             "scope": "default",
             "line": {
-                "start": 53,
-                "end": 53
+                "start": 54,
+                "end": 54
             }
         },
         "group": [
@@ -19100,10 +19675,10 @@
         }
     },
     {
-        "description": "Font size of the drawer item.\n",
+        "description": "The font size of the Drawer item.\n",
         "commentRange": {
-            "start": 54,
-            "end": 55
+            "start": 55,
+            "end": 56
         },
         "context": {
             "type": "variable",
@@ -19111,8 +19686,8 @@
             "value": "$kendo-drawer-font-size",
             "scope": "default",
             "line": {
-                "start": 56,
-                "end": 56
+                "start": 57,
+                "end": 57
             }
         },
         "group": [
@@ -19125,10 +19700,10 @@
         }
     },
     {
-        "description": "Line height of the drawer item.\n",
+        "description": "The line height of the Drawer item.\n",
         "commentRange": {
-            "start": 57,
-            "end": 58
+            "start": 58,
+            "end": 59
         },
         "context": {
             "type": "variable",
@@ -19136,8 +19711,8 @@
             "value": "var( --kendo-line-height-lg, normal )",
             "scope": "default",
             "line": {
-                "start": 59,
-                "end": 59
+                "start": 60,
+                "end": 60
             }
         },
         "group": [
@@ -19150,10 +19725,10 @@
         }
     },
     {
-        "description": "Horizontal padding of the drawer item in each level.\n",
+        "description": "The horizontal padding of the Drawer item in each level.\n",
         "commentRange": {
-            "start": 61,
-            "end": 62
+            "start": 62,
+            "end": 63
         },
         "context": {
             "type": "variable",
@@ -19161,8 +19736,8 @@
             "value": "$kendo-drawer-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 63,
-                "end": 63
+                "start": 64,
+                "end": 64
             }
         },
         "group": [
@@ -19175,10 +19750,10 @@
         }
     },
     {
-        "description": "Count of the drawer item levels.\n",
+        "description": "The count of the Drawer item levels.\n",
         "commentRange": {
-            "start": 64,
-            "end": 65
+            "start": 65,
+            "end": 66
         },
         "context": {
             "type": "variable",
@@ -19186,8 +19761,8 @@
             "value": "5",
             "scope": "default",
             "line": {
-                "start": 66,
-                "end": 66
+                "start": 67,
+                "end": 67
             }
         },
         "group": [
@@ -19200,10 +19775,10 @@
         }
     },
     {
-        "description": "Horizontal padding of the drawer icon.\n",
+        "description": "The horizontal padding of the Drawer icon.\n",
         "commentRange": {
-            "start": 68,
-            "end": 69
+            "start": 69,
+            "end": 70
         },
         "context": {
             "type": "variable",
@@ -19211,8 +19786,8 @@
             "value": "0",
             "scope": "default",
             "line": {
-                "start": 70,
-                "end": 70
+                "start": 71,
+                "end": 71
             }
         },
         "group": [
@@ -19225,10 +19800,10 @@
         }
     },
     {
-        "description": "Vertical padding of the drawer icon.\n",
+        "description": "The vertical padding of the Drawer icon.\n",
         "commentRange": {
-            "start": 71,
-            "end": 72
+            "start": 72,
+            "end": 73
         },
         "context": {
             "type": "variable",
@@ -19236,8 +19811,8 @@
             "value": "map.get( $kendo-spacing, 1 )",
             "scope": "default",
             "line": {
-                "start": 73,
-                "end": 73
+                "start": 74,
+                "end": 74
             }
         },
         "group": [
@@ -19250,10 +19825,10 @@
         }
     },
     {
-        "description": "Initial width of the mini drawer.\n",
+        "description": "The initial width of the mini Drawer.\n",
         "commentRange": {
-            "start": 75,
-            "end": 76
+            "start": 76,
+            "end": 77
         },
         "context": {
             "type": "variable",
@@ -19261,8 +19836,8 @@
             "value": "calc( 2 * #{$kendo-drawer-item-padding-x} + var( --kendo-icon-size, 1rem ) )",
             "scope": "default",
             "line": {
-                "start": 77,
-                "end": 77
+                "start": 78,
+                "end": 78
             }
         },
         "group": [
@@ -19275,10 +19850,10 @@
         }
     },
     {
-        "description": "The border width of the drawer item ripple\n",
+        "description": "The border width of the Drawer item ripple.\n",
         "commentRange": {
-            "start": 79,
-            "end": 80
+            "start": 80,
+            "end": 81
         },
         "context": {
             "type": "variable",
@@ -19286,8 +19861,8 @@
             "value": "map.get( $kendo-spacing, 0.5 )",
             "scope": "default",
             "line": {
-                "start": 81,
-                "end": 81
+                "start": 82,
+                "end": 82
             }
         },
         "group": [
@@ -19300,10 +19875,10 @@
         }
     },
     {
-        "description": "The border color of the drawer item ripple\n",
+        "description": "The border color of the Drawer item ripple.\n",
         "commentRange": {
-            "start": 82,
-            "end": 83
+            "start": 83,
+            "end": 84
         },
         "context": {
             "type": "variable",
@@ -19311,8 +19886,8 @@
             "value": "if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 ))",
             "scope": "default",
             "line": {
-                "start": 84,
-                "end": 84
+                "start": 85,
+                "end": 85
             }
         },
         "group": [
@@ -19325,10 +19900,10 @@
         }
     },
     {
-        "description": "Background color of the drawer item.\n",
+        "description": "The background color of the Drawer item.\n",
         "commentRange": {
-            "start": 85,
-            "end": 86
+            "start": 86,
+            "end": 87
         },
         "context": {
             "type": "variable",
@@ -19336,8 +19911,8 @@
             "value": "$kendo-drawer-bg",
             "scope": "default",
             "line": {
-                "start": 87,
-                "end": 87
+                "start": 88,
+                "end": 88
             }
         },
         "group": [
@@ -19350,10 +19925,10 @@
         }
     },
     {
-        "description": "Text color of the drawer item.\n",
+        "description": "The text color of the Drawer item.\n",
         "commentRange": {
-            "start": 88,
-            "end": 89
+            "start": 89,
+            "end": 90
         },
         "context": {
             "type": "variable",
@@ -19361,8 +19936,8 @@
             "value": "$kendo-drawer-text",
             "scope": "default",
             "line": {
-                "start": 90,
-                "end": 90
+                "start": 91,
+                "end": 91
             }
         },
         "group": [
@@ -19375,10 +19950,10 @@
         }
     },
     {
-        "description": "Text color of the drawer item icon.\n",
+        "description": "The text color of the Drawer item icon.\n",
         "commentRange": {
-            "start": 91,
-            "end": 92
+            "start": 92,
+            "end": 93
         },
         "context": {
             "type": "variable",
@@ -19386,8 +19961,8 @@
             "value": "if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 ))",
             "scope": "default",
             "line": {
-                "start": 93,
-                "end": 93
+                "start": 94,
+                "end": 94
             }
         },
         "group": [
@@ -19400,10 +19975,10 @@
         }
     },
     {
-        "description": "Background color of the hovered drawer item.\n",
+        "description": "The background color of the hovered Drawer item.\n",
         "commentRange": {
-            "start": 95,
-            "end": 96
+            "start": 96,
+            "end": 97
         },
         "context": {
             "type": "variable",
@@ -19411,8 +19986,8 @@
             "value": "$kendo-drawer-item-bg",
             "scope": "default",
             "line": {
-                "start": 97,
-                "end": 97
+                "start": 98,
+                "end": 98
             }
         },
         "group": [
@@ -19425,10 +20000,10 @@
         }
     },
     {
-        "description": "Text color of the hovered drawer item.\n",
+        "description": "The text color of the hovered Drawer item.\n",
         "commentRange": {
-            "start": 98,
-            "end": 99
+            "start": 99,
+            "end": 100
         },
         "context": {
             "type": "variable",
@@ -19436,8 +20011,8 @@
             "value": "if($kendo-enable-color-system, k-color( primary-hover ), k-get-theme-color-var( primary-110 ))",
             "scope": "default",
             "line": {
-                "start": 100,
-                "end": 100
+                "start": 101,
+                "end": 101
             }
         },
         "group": [
@@ -19450,10 +20025,10 @@
         }
     },
     {
-        "description": "Text color of the hovered drawer item icon.\n",
+        "description": "The text color of the hovered Drawer item icon.\n",
         "commentRange": {
-            "start": 101,
-            "end": 102
+            "start": 102,
+            "end": 103
         },
         "context": {
             "type": "variable",
@@ -19461,8 +20036,8 @@
             "value": "if($kendo-enable-color-system, k-color( primary-hover ), k-get-theme-color-var( primary-110 ))",
             "scope": "default",
             "line": {
-                "start": 103,
-                "end": 103
+                "start": 104,
+                "end": 104
             }
         },
         "group": [
@@ -19475,10 +20050,10 @@
         }
     },
     {
-        "description": "Background color of the focused drawer item.\n",
+        "description": "The background color of the focused Drawer item.\n",
         "commentRange": {
-            "start": 105,
-            "end": 106
+            "start": 106,
+            "end": 107
         },
         "context": {
             "type": "variable",
@@ -19486,8 +20061,8 @@
             "value": "$kendo-drawer-item-bg",
             "scope": "default",
             "line": {
-                "start": 107,
-                "end": 107
+                "start": 108,
+                "end": 108
             }
         },
         "group": [
@@ -19500,10 +20075,10 @@
         }
     },
     {
-        "description": "Text color of the focused drawer item.\n",
+        "description": "The text color of the focused Drawer item.\n",
         "commentRange": {
-            "start": 108,
-            "end": 109
+            "start": 109,
+            "end": 110
         },
         "context": {
             "type": "variable",
@@ -19511,8 +20086,8 @@
             "value": "$kendo-drawer-item-text",
             "scope": "default",
             "line": {
-                "start": 110,
-                "end": 110
+                "start": 111,
+                "end": 111
             }
         },
         "group": [
@@ -19525,10 +20100,10 @@
         }
     },
     {
-        "description": "Box shadow of the focused drawer item.\n",
+        "description": "The box shadow of the focused Drawer item.\n",
         "commentRange": {
-            "start": 111,
-            "end": 112
+            "start": 112,
+            "end": 113
         },
         "context": {
             "type": "variable",
@@ -19536,8 +20111,8 @@
             "value": "inset 0 0 0 1px if($kendo-enable-color-system, k-color( base-emphasis ), k-get-theme-color-var( neutral-130))",
             "scope": "default",
             "line": {
-                "start": 113,
-                "end": 113
+                "start": 114,
+                "end": 114
             }
         },
         "group": [
@@ -19550,10 +20125,10 @@
         }
     },
     {
-        "description": "Text color of the focused drawer item icon.\n",
+        "description": "The text color of the focused Drawer item icon.\n",
         "commentRange": {
-            "start": 114,
-            "end": 115
+            "start": 115,
+            "end": 116
         },
         "context": {
             "type": "variable",
@@ -19561,8 +20136,8 @@
             "value": "$kendo-drawer-item-icon-text",
             "scope": "default",
             "line": {
-                "start": 116,
-                "end": 116
+                "start": 117,
+                "end": 117
             }
         },
         "group": [
@@ -19575,10 +20150,10 @@
         }
     },
     {
-        "description": "Font weight of the selected drawer item.\n",
+        "description": "The font weight of the selected Drawer item.\n",
         "commentRange": {
-            "start": 118,
-            "end": 119
+            "start": 119,
+            "end": 120
         },
         "context": {
             "type": "variable",
@@ -19586,8 +20161,8 @@
             "value": "var( --kendo-font-weight-bold, normal )",
             "scope": "default",
             "line": {
-                "start": 120,
-                "end": 120
+                "start": 121,
+                "end": 121
             }
         },
         "group": [
@@ -19600,10 +20175,10 @@
         }
     },
     {
-        "description": "Background color of the selected drawer item.\n",
+        "description": "The background color of the selected Drawer item.\n",
         "commentRange": {
-            "start": 121,
-            "end": 122
+            "start": 122,
+            "end": 123
         },
         "context": {
             "type": "variable",
@@ -19611,8 +20186,8 @@
             "value": "var( --kendo-selected-bg, initial )",
             "scope": "default",
             "line": {
-                "start": 123,
-                "end": 123
+                "start": 124,
+                "end": 124
             }
         },
         "group": [
@@ -19625,10 +20200,10 @@
         }
     },
     {
-        "description": "Text color of the selected drawer item.\n",
+        "description": "The text color of the selected Drawer item.\n",
         "commentRange": {
-            "start": 124,
-            "end": 125
+            "start": 125,
+            "end": 126
         },
         "context": {
             "type": "variable",
@@ -19636,8 +20211,8 @@
             "value": "if($kendo-enable-color-system, k-color( on-app-surface ), $kendo-color-black)",
             "scope": "default",
             "line": {
-                "start": 126,
-                "end": 126
+                "start": 127,
+                "end": 127
             }
         },
         "group": [
@@ -19650,10 +20225,10 @@
         }
     },
     {
-        "description": "Text color of the selected drawer item icon.\n",
+        "description": "The text color of the selected Drawer item icon.\n",
         "commentRange": {
-            "start": 127,
-            "end": 128
+            "start": 128,
+            "end": 129
         },
         "context": {
             "type": "variable",
@@ -19661,8 +20236,8 @@
             "value": "if($kendo-enable-color-system, k-color( primary-active ), k-get-theme-color-var( primary-120 ))",
             "scope": "default",
             "line": {
-                "start": 129,
-                "end": 129
+                "start": 130,
+                "end": 130
             }
         },
         "group": [
@@ -19675,10 +20250,10 @@
         }
     },
     {
-        "description": "Background color of the selected and hovered drawer item.\n",
+        "description": "The background color of the selected and hovered Drawer item.\n",
         "commentRange": {
-            "start": 130,
-            "end": 131
+            "start": 131,
+            "end": 132
         },
         "context": {
             "type": "variable",
@@ -19686,8 +20261,8 @@
             "value": "var( --kendo-selected-hover-bg, inherit )",
             "scope": "default",
             "line": {
-                "start": 132,
-                "end": 132
+                "start": 133,
+                "end": 133
             }
         },
         "group": [
@@ -19700,10 +20275,10 @@
         }
     },
     {
-        "description": "Text color of the selected and hovered drawer item.\n",
+        "description": "The text color of the selected and hovered Drawer item.\n",
         "commentRange": {
-            "start": 133,
-            "end": 134
+            "start": 134,
+            "end": 135
         },
         "context": {
             "type": "variable",
@@ -19711,8 +20286,8 @@
             "value": "var( --kendo-selected-hover-text, inherit )",
             "scope": "default",
             "line": {
-                "start": 135,
-                "end": 135
+                "start": 136,
+                "end": 136
             }
         },
         "group": [
@@ -44724,7 +45299,7 @@
         }
     },
     {
-        "description": "Horizontal padding of the panelbar.\n",
+        "description": "The horizontal padding of the PanelBar.\n",
         "commentRange": {
             "start": 5,
             "end": 6
@@ -44749,7 +45324,7 @@
         }
     },
     {
-        "description": "Vertical padding of the panelbar.\n",
+        "description": "The vertical padding of the PanelBar.\n",
         "commentRange": {
             "start": 8,
             "end": 9
@@ -44774,7 +45349,7 @@
         }
     },
     {
-        "description": "Font family of the panelbar.\n",
+        "description": "The font family of the PanelBar.\n",
         "commentRange": {
             "start": 11,
             "end": 12
@@ -44799,7 +45374,7 @@
         }
     },
     {
-        "description": "Font size of the panelbar.\n",
+        "description": "The font size of the PanelBar.\n",
         "commentRange": {
             "start": 14,
             "end": 15
@@ -44824,7 +45399,7 @@
         }
     },
     {
-        "description": "Line height of the panelbar.\n",
+        "description": "The line height of the PanelBar.\n",
         "commentRange": {
             "start": 17,
             "end": 18
@@ -44849,7 +45424,7 @@
         }
     },
     {
-        "description": "Width of the border around the panelbar.\n",
+        "description": "The width of the border around the PanelBar.\n",
         "commentRange": {
             "start": 20,
             "end": 21
@@ -44874,7 +45449,7 @@
         }
     },
     {
-        "description": "Border style around the the panelbar.\n",
+        "description": "The border style around the the PanelBar.\n",
         "commentRange": {
             "start": 23,
             "end": 24
@@ -44899,7 +45474,7 @@
         }
     },
     {
-        "description": "Width of the border around the panelbar items.\n",
+        "description": "The width of the border around the PanelBar items.\n",
         "commentRange": {
             "start": 27,
             "end": 28
@@ -44924,7 +45499,7 @@
         }
     },
     {
-        "description": "Style of the border around the panelbar items.\n",
+        "description": "The style of the border around the PanelBar items.\n",
         "commentRange": {
             "start": 30,
             "end": 31
@@ -44949,7 +45524,7 @@
         }
     },
     {
-        "description": "Spacing around the icon of the panelbar items.\n",
+        "description": "The spacing around the PanelBar items icon.\n",
         "commentRange": {
             "start": 34,
             "end": 35
@@ -44974,7 +45549,7 @@
         }
     },
     {
-        "description": "Horizontal padding of the panelbar header.\n",
+        "description": "The horizontal start padding of the PanelBar header.\n",
         "commentRange": {
             "start": 38,
             "end": 39
@@ -44999,10 +45574,35 @@
         }
     },
     {
-        "description": "Vertical padding of the panelbar header.\n",
+        "description": "The horizontal end padding of the PanelBar header.\n",
         "commentRange": {
-            "start": 42,
-            "end": 43
+            "start": 41,
+            "end": 42
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-panelbar-header-padding-x-end",
+            "value": "map.get( $kendo-spacing, 2)",
+            "scope": "default",
+            "line": {
+                "start": 43,
+                "end": 43
+            }
+        },
+        "group": [
+            "panelbar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "panelbar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the PanelBar header.\n",
+        "commentRange": {
+            "start": 44,
+            "end": 45
         },
         "context": {
             "type": "variable",
@@ -45010,8 +45610,8 @@
             "value": "map.get( $kendo-spacing, 3 )",
             "scope": "default",
             "line": {
-                "start": 44,
-                "end": 44
+                "start": 46,
+                "end": 46
             }
         },
         "group": [
@@ -45024,10 +45624,10 @@
         }
     },
     {
-        "description": "Horizontal padding of the panelbar items.\n",
+        "description": "The horizontal padding of the PanelBar items.\n",
         "commentRange": {
-            "start": 46,
-            "end": 47
+            "start": 48,
+            "end": 49
         },
         "context": {
             "type": "variable",
@@ -45035,8 +45635,8 @@
             "value": "calc( var( --kendo-panelbar-icon-spacing, #{$kendo-panelbar-icon-spacing} ) * 2 + var( --kendo-icon-size, 1rem ) )",
             "scope": "default",
             "line": {
-                "start": 48,
-                "end": 48
+                "start": 50,
+                "end": 50
             }
         },
         "group": [
@@ -45049,19 +45649,19 @@
         }
     },
     {
-        "description": "Vertical padding of the panelbar items.\n",
+        "description": "The horizontal end padding of the PanelBar items.\n",
         "commentRange": {
-            "start": 50,
-            "end": 51
+            "start": 51,
+            "end": 52
         },
         "context": {
             "type": "variable",
-            "name": "kendo-panelbar-item-padding-y",
-            "value": "map.get( $kendo-spacing, 3 )",
+            "name": "kendo-panelbar-item-padding-x-end",
+            "value": "map.get( $kendo-spacing, 2)",
             "scope": "default",
             "line": {
-                "start": 52,
-                "end": 52
+                "start": 53,
+                "end": 53
             }
         },
         "group": [
@@ -45074,15 +45674,15 @@
         }
     },
     {
-        "description": "Maximum nesting of the panelbar items.\n",
+        "description": "The vertical padding of the PanelBar items.\n",
         "commentRange": {
             "start": 54,
             "end": 55
         },
         "context": {
             "type": "variable",
-            "name": "kendo-panelbar-item-level-count",
-            "value": "4",
+            "name": "kendo-panelbar-item-padding-y",
+            "value": "map.get( $kendo-spacing, 3 )",
             "scope": "default",
             "line": {
                 "start": 56,
@@ -45099,15 +45699,15 @@
         }
     },
     {
-        "description": "Background color of the panelbar.\n",
+        "description": "The maximum nesting of the PanelBar items.\n",
         "commentRange": {
             "start": 58,
             "end": 59
         },
         "context": {
             "type": "variable",
-            "name": "kendo-panelbar-bg",
-            "value": "var( --kendo-component-bg, initial )",
+            "name": "kendo-panelbar-item-level-count",
+            "value": "4",
             "scope": "default",
             "line": {
                 "start": 60,
@@ -45124,10 +45724,35 @@
         }
     },
     {
-        "description": "Text color of the panelbar.\n",
+        "description": "The background color of the PanelBar.\n",
         "commentRange": {
-            "start": 61,
-            "end": 62
+            "start": 62,
+            "end": 63
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-panelbar-bg",
+            "value": "var( --kendo-component-bg, initial )",
+            "scope": "default",
+            "line": {
+                "start": 64,
+                "end": 64
+            }
+        },
+        "group": [
+            "panelbar"
+        ],
+        "access": "public",
+        "file": {
+            "path": "panelbar/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The text color of the PanelBar.\n",
+        "commentRange": {
+            "start": 65,
+            "end": 66
         },
         "context": {
             "type": "variable",
@@ -45135,8 +45760,8 @@
             "value": "var( --kendo-component-text, initial )",
             "scope": "default",
             "line": {
-                "start": 63,
-                "end": 63
+                "start": 67,
+                "end": 67
             }
         },
         "group": [
@@ -45149,10 +45774,10 @@
         }
     },
     {
-        "description": "Border color of the panelbar.\n",
+        "description": "The border color of the PanelBar.\n",
         "commentRange": {
-            "start": 64,
-            "end": 65
+            "start": 68,
+            "end": 69
         },
         "context": {
             "type": "variable",
@@ -45160,8 +45785,8 @@
             "value": "var( --kendo-component-border, initial )",
             "scope": "default",
             "line": {
-                "start": 66,
-                "end": 66
+                "start": 70,
+                "end": 70
             }
         },
         "group": [
@@ -45174,10 +45799,10 @@
         }
     },
     {
-        "description": "Background color of the panelbar header.\n",
+        "description": "The background color of the PanelBar header.\n",
         "commentRange": {
-            "start": 68,
-            "end": 69
+            "start": 72,
+            "end": 73
         },
         "context": {
             "type": "variable",
@@ -45185,8 +45810,8 @@
             "value": "var( --kendo-panelbar-bg, #{$kendo-panelbar-bg} )",
             "scope": "default",
             "line": {
-                "start": 70,
-                "end": 70
+                "start": 74,
+                "end": 74
             }
         },
         "group": [
@@ -45199,10 +45824,10 @@
         }
     },
     {
-        "description": "Text color of the panelbar header.\n",
+        "description": "The text color of the PanelBar header.\n",
         "commentRange": {
-            "start": 71,
-            "end": 72
+            "start": 75,
+            "end": 76
         },
         "context": {
             "type": "variable",
@@ -45210,8 +45835,8 @@
             "value": "var( --kendo-panelbar-text, #{$kendo-panelbar-text} )",
             "scope": "default",
             "line": {
-                "start": 73,
-                "end": 73
+                "start": 77,
+                "end": 77
             }
         },
         "group": [
@@ -45224,10 +45849,10 @@
         }
     },
     {
-        "description": "Border color of the panelbar header.\n",
+        "description": "The border color of the PanelBar header.\n",
         "commentRange": {
-            "start": 74,
-            "end": 75
+            "start": 78,
+            "end": 79
         },
         "context": {
             "type": "variable",
@@ -45235,8 +45860,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 76,
-                "end": 76
+                "start": 80,
+                "end": 80
             }
         },
         "group": [
@@ -45249,10 +45874,10 @@
         }
     },
     {
-        "description": "Background color of the panelbar header when hovered.\n",
+        "description": "The background color of the hovered PanelBar header.\n",
         "commentRange": {
-            "start": 78,
-            "end": 79
+            "start": 82,
+            "end": 83
         },
         "context": {
             "type": "variable",
@@ -45260,8 +45885,8 @@
             "value": "var( --kendo-hover-bg, inherit )",
             "scope": "default",
             "line": {
-                "start": 80,
-                "end": 80
+                "start": 84,
+                "end": 84
             }
         },
         "group": [
@@ -45274,10 +45899,10 @@
         }
     },
     {
-        "description": "Text color of the panelbar header when hovered.\n",
+        "description": "The text color of the hovered PanelBar header.\n",
         "commentRange": {
-            "start": 81,
-            "end": 82
+            "start": 85,
+            "end": 86
         },
         "context": {
             "type": "variable",
@@ -45285,8 +45910,8 @@
             "value": "if($kendo-enable-color-system, k-color( primary-hover ), k-get-theme-color-var( primary-110 ))",
             "scope": "default",
             "line": {
-                "start": 83,
-                "end": 83
+                "start": 87,
+                "end": 87
             }
         },
         "group": [
@@ -45299,10 +45924,10 @@
         }
     },
     {
-        "description": "Border color of the panelbar header when hovered.\n",
+        "description": "The border color of the hovered PanelBar header.\n",
         "commentRange": {
-            "start": 84,
-            "end": 85
+            "start": 88,
+            "end": 89
         },
         "context": {
             "type": "variable",
@@ -45310,8 +45935,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 86,
-                "end": 86
+                "start": 90,
+                "end": 90
             }
         },
         "group": [
@@ -45324,10 +45949,10 @@
         }
     },
     {
-        "description": "Background color of the panelbar header when focused.\n",
+        "description": "The background color of the focused PanelBar header.\n",
         "commentRange": {
-            "start": 88,
-            "end": 89
+            "start": 92,
+            "end": 93
         },
         "context": {
             "type": "variable",
@@ -45335,8 +45960,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 90,
-                "end": 90
+                "start": 94,
+                "end": 94
             }
         },
         "group": [
@@ -45349,10 +45974,10 @@
         }
     },
     {
-        "description": "Text color of the panelbar header when focused.\n",
+        "description": "The text color of the focused PanelBar header.\n",
         "commentRange": {
-            "start": 91,
-            "end": 92
+            "start": 95,
+            "end": 96
         },
         "context": {
             "type": "variable",
@@ -45360,8 +45985,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 93,
-                "end": 93
+                "start": 97,
+                "end": 97
             }
         },
         "group": [
@@ -45374,10 +45999,10 @@
         }
     },
     {
-        "description": "Border color of the panelbar header when focused.\n",
+        "description": "The border color of the focused PanelBar header.\n",
         "commentRange": {
-            "start": 94,
-            "end": 95
+            "start": 98,
+            "end": 99
         },
         "context": {
             "type": "variable",
@@ -45385,8 +46010,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 96,
-                "end": 96
+                "start": 100,
+                "end": 100
             }
         },
         "group": [
@@ -45399,10 +46024,10 @@
         }
     },
     {
-        "description": "Shadow of the panelbar header when focused.\n",
+        "description": "The shadow of the focused PanelBar header.\n",
         "commentRange": {
-            "start": 97,
-            "end": 98
+            "start": 101,
+            "end": 102
         },
         "context": {
             "type": "variable",
@@ -45410,8 +46035,8 @@
             "value": "$kendo-list-item-focus-shadow",
             "scope": "default",
             "line": {
-                "start": 99,
-                "end": 99
+                "start": 103,
+                "end": 103
             }
         },
         "group": [
@@ -45424,10 +46049,10 @@
         }
     },
     {
-        "description": "Background color of the panelbar header when focused and hovered.\n",
+        "description": "The background color of the focused and hovered PanelBar header.\n",
         "commentRange": {
-            "start": 101,
-            "end": 102
+            "start": 105,
+            "end": 106
         },
         "context": {
             "type": "variable",
@@ -45435,8 +46060,8 @@
             "value": "$kendo-panelbar-header-hover-bg",
             "scope": "default",
             "line": {
-                "start": 103,
-                "end": 103
+                "start": 107,
+                "end": 107
             }
         },
         "group": [
@@ -45449,10 +46074,10 @@
         }
     },
     {
-        "description": "Text color of the panelbar header when focused and hovered.\n",
+        "description": "The text color of the focused and hovered PanelBar header.\n",
         "commentRange": {
-            "start": 104,
-            "end": 105
+            "start": 108,
+            "end": 109
         },
         "context": {
             "type": "variable",
@@ -45460,8 +46085,8 @@
             "value": "$kendo-panelbar-header-hover-text",
             "scope": "default",
             "line": {
-                "start": 106,
-                "end": 106
+                "start": 110,
+                "end": 110
             }
         },
         "group": [
@@ -45474,10 +46099,10 @@
         }
     },
     {
-        "description": "Border color of the panelbar header when focused and hovered.\n",
+        "description": "The border color of the focused and hovered PanelBar header.\n",
         "commentRange": {
-            "start": 107,
-            "end": 108
+            "start": 111,
+            "end": 112
         },
         "context": {
             "type": "variable",
@@ -45485,8 +46110,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 109,
-                "end": 109
+                "start": 113,
+                "end": 113
             }
         },
         "group": [
@@ -45499,10 +46124,10 @@
         }
     },
     {
-        "description": "Background color of the panelbar header when selected.\n",
+        "description": "The background color of the selected PanelBar header.\n",
         "commentRange": {
-            "start": 111,
-            "end": 112
+            "start": 115,
+            "end": 116
         },
         "context": {
             "type": "variable",
@@ -45510,8 +46135,8 @@
             "value": "var( --kendo-selected-bg, inherit )",
             "scope": "default",
             "line": {
-                "start": 113,
-                "end": 113
+                "start": 117,
+                "end": 117
             }
         },
         "group": [
@@ -45524,10 +46149,10 @@
         }
     },
     {
-        "description": "Text color of the panelbar header when selected.\n",
+        "description": "The text color of the selected PanelBar header.\n",
         "commentRange": {
-            "start": 114,
-            "end": 115
+            "start": 118,
+            "end": 119
         },
         "context": {
             "type": "variable",
@@ -45535,8 +46160,8 @@
             "value": "if($kendo-enable-color-system, k-color( on-app-surface ), $kendo-color-black)",
             "scope": "default",
             "line": {
-                "start": 116,
-                "end": 116
+                "start": 120,
+                "end": 120
             }
         },
         "group": [
@@ -45549,10 +46174,10 @@
         }
     },
     {
-        "description": "Border color of the panelbar header when selected.\n",
+        "description": "The border color of the selected PanelBar header.\n",
         "commentRange": {
-            "start": 117,
-            "end": 118
+            "start": 121,
+            "end": 122
         },
         "context": {
             "type": "variable",
@@ -45560,8 +46185,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 119,
-                "end": 119
+                "start": 123,
+                "end": 123
             }
         },
         "group": [
@@ -45574,10 +46199,10 @@
         }
     },
     {
-        "description": "Color of the marker of the panelbar header when selected.\n",
+        "description": "The color of the marker of the selected PanelBar header.\n",
         "commentRange": {
-            "start": 120,
-            "end": 121
+            "start": 124,
+            "end": 125
         },
         "context": {
             "type": "variable",
@@ -45585,8 +46210,8 @@
             "value": "if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 ))",
             "scope": "default",
             "line": {
-                "start": 122,
-                "end": 122
+                "start": 126,
+                "end": 126
             }
         },
         "group": [
@@ -45599,10 +46224,10 @@
         }
     },
     {
-        "description": "Background color of the panelbar header when selected and hovered.\n",
+        "description": "The background color of the selected and hovered PanelBar header.\n",
         "commentRange": {
-            "start": 124,
-            "end": 125
+            "start": 128,
+            "end": 129
         },
         "context": {
             "type": "variable",
@@ -45610,8 +46235,8 @@
             "value": "$kendo-panelbar-header-selected-bg",
             "scope": "default",
             "line": {
-                "start": 126,
-                "end": 126
+                "start": 130,
+                "end": 130
             }
         },
         "group": [
@@ -45624,10 +46249,10 @@
         }
     },
     {
-        "description": "Text color of the panelbar header when selected and hovered.\n",
+        "description": "The text color of the selected and hovered PanelBar header.\n",
         "commentRange": {
-            "start": 127,
-            "end": 128
+            "start": 131,
+            "end": 132
         },
         "context": {
             "type": "variable",
@@ -45635,8 +46260,8 @@
             "value": "$kendo-panelbar-header-hover-text",
             "scope": "default",
             "line": {
-                "start": 129,
-                "end": 129
+                "start": 133,
+                "end": 133
             }
         },
         "group": [
@@ -45649,10 +46274,10 @@
         }
     },
     {
-        "description": "Border color of the panelbar header when selected and hovered.\n",
+        "description": "The border color of the selected and hovered PanelBar header.\n",
         "commentRange": {
-            "start": 130,
-            "end": 131
+            "start": 134,
+            "end": 135
         },
         "context": {
             "type": "variable",
@@ -45660,8 +46285,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 132,
-                "end": 132
+                "start": 136,
+                "end": 136
             }
         },
         "group": [
@@ -45674,10 +46299,10 @@
         }
     },
     {
-        "description": "Background color of the panelbar header when selected and focused.\n",
+        "description": "The background color of the selected and focused PanelBar header.\n",
         "commentRange": {
-            "start": 134,
-            "end": 135
+            "start": 138,
+            "end": 139
         },
         "context": {
             "type": "variable",
@@ -45685,8 +46310,8 @@
             "value": "$kendo-panelbar-header-selected-bg",
             "scope": "default",
             "line": {
-                "start": 136,
-                "end": 136
+                "start": 140,
+                "end": 140
             }
         },
         "group": [
@@ -45699,10 +46324,10 @@
         }
     },
     {
-        "description": "Text color of the panelbar header when selected and focused.\n",
+        "description": "The text color of the selected and focused PanelBar header.\n",
         "commentRange": {
-            "start": 137,
-            "end": 138
+            "start": 141,
+            "end": 142
         },
         "context": {
             "type": "variable",
@@ -45710,8 +46335,8 @@
             "value": "$kendo-panelbar-header-selected-text",
             "scope": "default",
             "line": {
-                "start": 139,
-                "end": 139
+                "start": 143,
+                "end": 143
             }
         },
         "group": [
@@ -45724,10 +46349,10 @@
         }
     },
     {
-        "description": "Border color of the panelbar header when selected and focused.\n",
+        "description": "The border color of the selected and focused PanelBar header.\n",
         "commentRange": {
-            "start": 140,
-            "end": 141
+            "start": 144,
+            "end": 145
         },
         "context": {
             "type": "variable",
@@ -45735,8 +46360,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 142,
-                "end": 142
+                "start": 146,
+                "end": 146
             }
         },
         "group": [
@@ -45749,10 +46374,10 @@
         }
     },
     {
-        "description": "Background color of the panelbar header when selected, focused and hovered.\n",
+        "description": "The background color of the selected, hovered and focused PanelBar header.\n",
         "commentRange": {
-            "start": 144,
-            "end": 145
+            "start": 148,
+            "end": 149
         },
         "context": {
             "type": "variable",
@@ -45760,8 +46385,8 @@
             "value": "$kendo-panelbar-header-selected-hover-bg",
             "scope": "default",
             "line": {
-                "start": 146,
-                "end": 146
+                "start": 150,
+                "end": 150
             }
         },
         "group": [
@@ -45774,10 +46399,10 @@
         }
     },
     {
-        "description": "Text color of the panelbar header when selected, focused and hovered.\n",
+        "description": "The text color of the selected, hovered and focused PanelBar header.\n",
         "commentRange": {
-            "start": 147,
-            "end": 148
+            "start": 151,
+            "end": 152
         },
         "context": {
             "type": "variable",
@@ -45785,8 +46410,8 @@
             "value": "$kendo-panelbar-header-selected-hover-text",
             "scope": "default",
             "line": {
-                "start": 149,
-                "end": 149
+                "start": 153,
+                "end": 153
             }
         },
         "group": [
@@ -45799,10 +46424,10 @@
         }
     },
     {
-        "description": "Border color of the panelbar header when selected, focused and hovered.\n",
+        "description": "The border color of the selected, hovered and focused PanelBar header.\n",
         "commentRange": {
-            "start": 150,
-            "end": 151
+            "start": 154,
+            "end": 155
         },
         "context": {
             "type": "variable",
@@ -45810,8 +46435,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 152,
-                "end": 152
+                "start": 156,
+                "end": 156
             }
         },
         "group": [
@@ -45824,10 +46449,10 @@
         }
     },
     {
-        "description": "Background color of the panelbar header when expanded.\n",
+        "description": "The background color of the expanded PanelBar header.\n",
         "commentRange": {
-            "start": 154,
-            "end": 155
+            "start": 158,
+            "end": 159
         },
         "context": {
             "type": "variable",
@@ -45835,8 +46460,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 156,
-                "end": 156
+                "start": 160,
+                "end": 160
             }
         },
         "group": [
@@ -45849,10 +46474,10 @@
         }
     },
     {
-        "description": "Text color of the panelbar header when expanded.\n",
+        "description": "The text color of the expanded PanelBar header.\n",
         "commentRange": {
-            "start": 157,
-            "end": 158
+            "start": 161,
+            "end": 162
         },
         "context": {
             "type": "variable",
@@ -45860,8 +46485,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 159,
-                "end": 159
+                "start": 163,
+                "end": 163
             }
         },
         "group": [
@@ -45874,10 +46499,10 @@
         }
     },
     {
-        "description": "Border color of the panelbar header when expanded.\n",
+        "description": "The border color of the expanded PanelBar header.\n",
         "commentRange": {
-            "start": 160,
-            "end": 161
+            "start": 164,
+            "end": 165
         },
         "context": {
             "type": "variable",
@@ -45885,8 +46510,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 162,
-                "end": 162
+                "start": 166,
+                "end": 166
             }
         },
         "group": [
@@ -45899,10 +46524,10 @@
         }
     },
     {
-        "description": "Background color of the panelbar item when hovered.\n",
+        "description": "The background color of the hovered PanelBar items.\n",
         "commentRange": {
-            "start": 164,
-            "end": 165
+            "start": 168,
+            "end": 169
         },
         "context": {
             "type": "variable",
@@ -45910,8 +46535,8 @@
             "value": "var( --kendo-hover-bg, inherit )",
             "scope": "default",
             "line": {
-                "start": 166,
-                "end": 166
+                "start": 170,
+                "end": 170
             }
         },
         "group": [
@@ -45924,10 +46549,10 @@
         }
     },
     {
-        "description": "Text color of the panelbar item when hovered.\n",
+        "description": "The text color of the hovered PanelBar items.\n",
         "commentRange": {
-            "start": 167,
-            "end": 168
+            "start": 171,
+            "end": 172
         },
         "context": {
             "type": "variable",
@@ -45935,8 +46560,8 @@
             "value": "if($kendo-enable-color-system, k-color( primary-hover ), k-get-theme-color-var( primary-110 ))",
             "scope": "default",
             "line": {
-                "start": 169,
-                "end": 169
+                "start": 173,
+                "end": 173
             }
         },
         "group": [
@@ -45949,10 +46574,10 @@
         }
     },
     {
-        "description": "Border color of the panelbar item when hovered.\n",
+        "description": "The border color of the hovered PanelBar items.\n",
         "commentRange": {
-            "start": 170,
-            "end": 171
+            "start": 174,
+            "end": 175
         },
         "context": {
             "type": "variable",
@@ -45960,8 +46585,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 172,
-                "end": 172
+                "start": 176,
+                "end": 176
             }
         },
         "group": [
@@ -45974,10 +46599,10 @@
         }
     },
     {
-        "description": "Background color of the panelbar item when focused.\n",
+        "description": "The background color of the focused PanelBar items.\n",
         "commentRange": {
-            "start": 174,
-            "end": 175
+            "start": 178,
+            "end": 179
         },
         "context": {
             "type": "variable",
@@ -45985,8 +46610,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 176,
-                "end": 176
+                "start": 180,
+                "end": 180
             }
         },
         "group": [
@@ -45999,10 +46624,10 @@
         }
     },
     {
-        "description": "Text color of the panelbar item when focused.\n",
+        "description": "The text color of the focused PanelBar items.\n",
         "commentRange": {
-            "start": 177,
-            "end": 178
+            "start": 181,
+            "end": 182
         },
         "context": {
             "type": "variable",
@@ -46010,8 +46635,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 179,
-                "end": 179
+                "start": 183,
+                "end": 183
             }
         },
         "group": [
@@ -46024,10 +46649,10 @@
         }
     },
     {
-        "description": "Border color of the panelbar item when focused.\n",
+        "description": "The border color of the focused PanelBar items.\n",
         "commentRange": {
-            "start": 180,
-            "end": 181
+            "start": 184,
+            "end": 185
         },
         "context": {
             "type": "variable",
@@ -46035,8 +46660,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 182,
-                "end": 182
+                "start": 186,
+                "end": 186
             }
         },
         "group": [
@@ -46049,10 +46674,10 @@
         }
     },
     {
-        "description": "Box shadow of the panelbar item when focused.\n",
+        "description": "The box shadow of the focused PanelBar items.\n",
         "commentRange": {
-            "start": 183,
-            "end": 184
+            "start": 187,
+            "end": 188
         },
         "context": {
             "type": "variable",
@@ -46060,8 +46685,8 @@
             "value": "$kendo-list-item-focus-shadow",
             "scope": "default",
             "line": {
-                "start": 185,
-                "end": 185
+                "start": 189,
+                "end": 189
             }
         },
         "group": [
@@ -46074,10 +46699,10 @@
         }
     },
     {
-        "description": "Background color of the panelbar item when focused and hovered.\n",
+        "description": "The background color of the focused and hovered PanelBar items.\n",
         "commentRange": {
-            "start": 187,
-            "end": 188
+            "start": 191,
+            "end": 192
         },
         "context": {
             "type": "variable",
@@ -46085,8 +46710,8 @@
             "value": "$kendo-panelbar-item-hover-bg",
             "scope": "default",
             "line": {
-                "start": 189,
-                "end": 189
+                "start": 193,
+                "end": 193
             }
         },
         "group": [
@@ -46099,10 +46724,10 @@
         }
     },
     {
-        "description": "Text color of the panelbar item when focused and hovered.\n",
+        "description": "The text color of the focused and hovered PanelBar items.\n",
         "commentRange": {
-            "start": 190,
-            "end": 191
+            "start": 194,
+            "end": 195
         },
         "context": {
             "type": "variable",
@@ -46110,8 +46735,8 @@
             "value": "$kendo-panelbar-item-hover-text",
             "scope": "default",
             "line": {
-                "start": 192,
-                "end": 192
+                "start": 196,
+                "end": 196
             }
         },
         "group": [
@@ -46124,10 +46749,10 @@
         }
     },
     {
-        "description": "Border color of the panelbar item when focused and hovered.\n",
+        "description": "The border color of the focused and hovered PanelBar items.\n",
         "commentRange": {
-            "start": 193,
-            "end": 194
+            "start": 197,
+            "end": 198
         },
         "context": {
             "type": "variable",
@@ -46135,8 +46760,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 195,
-                "end": 195
+                "start": 199,
+                "end": 199
             }
         },
         "group": [
@@ -46149,10 +46774,10 @@
         }
     },
     {
-        "description": "Background color of the panelbar item when selected.\n",
+        "description": "The background color of the selected PanelBar items.\n",
         "commentRange": {
-            "start": 197,
-            "end": 198
+            "start": 201,
+            "end": 202
         },
         "context": {
             "type": "variable",
@@ -46160,8 +46785,8 @@
             "value": "var( --kendo-selected-bg, inherit )",
             "scope": "default",
             "line": {
-                "start": 199,
-                "end": 199
+                "start": 203,
+                "end": 203
             }
         },
         "group": [
@@ -46174,10 +46799,10 @@
         }
     },
     {
-        "description": "Text color of the panelbar item when selected.\n",
+        "description": "The text color of the selected PanelBar items.\n",
         "commentRange": {
-            "start": 200,
-            "end": 201
+            "start": 204,
+            "end": 205
         },
         "context": {
             "type": "variable",
@@ -46185,8 +46810,8 @@
             "value": "if($kendo-enable-color-system, k-color( on-app-surface ), $kendo-color-black)",
             "scope": "default",
             "line": {
-                "start": 202,
-                "end": 202
+                "start": 206,
+                "end": 206
             }
         },
         "group": [
@@ -46199,10 +46824,10 @@
         }
     },
     {
-        "description": "Border color of the panelbar item when selected.\n",
+        "description": "The border color of the selected PanelBar items.\n",
         "commentRange": {
-            "start": 203,
-            "end": 204
+            "start": 207,
+            "end": 208
         },
         "context": {
             "type": "variable",
@@ -46210,8 +46835,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 205,
-                "end": 205
+                "start": 209,
+                "end": 209
             }
         },
         "group": [
@@ -46224,10 +46849,10 @@
         }
     },
     {
-        "description": "Background color of the panelbar item when selected and hovered.\n",
+        "description": "The background color of the selected and hovered PanelBar items.\n",
         "commentRange": {
-            "start": 207,
-            "end": 208
+            "start": 211,
+            "end": 212
         },
         "context": {
             "type": "variable",
@@ -46235,8 +46860,8 @@
             "value": "$kendo-panelbar-item-selected-bg",
             "scope": "default",
             "line": {
-                "start": 209,
-                "end": 209
+                "start": 213,
+                "end": 213
             }
         },
         "group": [
@@ -46249,10 +46874,10 @@
         }
     },
     {
-        "description": "Text color of the panelbar item when selected and hovered.\n",
+        "description": "The text color of the selected and hovered PanelBar items.\n",
         "commentRange": {
-            "start": 210,
-            "end": 211
+            "start": 214,
+            "end": 215
         },
         "context": {
             "type": "variable",
@@ -46260,8 +46885,8 @@
             "value": "$kendo-panelbar-item-hover-text",
             "scope": "default",
             "line": {
-                "start": 212,
-                "end": 212
+                "start": 216,
+                "end": 216
             }
         },
         "group": [
@@ -46274,10 +46899,10 @@
         }
     },
     {
-        "description": "Border color of the panelbar item when selected and hovered.\n",
+        "description": "The border color of the selected and hovered PanelBar items.\n",
         "commentRange": {
-            "start": 213,
-            "end": 214
+            "start": 217,
+            "end": 218
         },
         "context": {
             "type": "variable",
@@ -46285,8 +46910,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 215,
-                "end": 215
+                "start": 219,
+                "end": 219
             }
         },
         "group": [
@@ -46299,10 +46924,10 @@
         }
     },
     {
-        "description": "Background color of the panelbar item when selected and focused.\n",
+        "description": "The background color of the selected and focused PanelBar items.\n",
         "commentRange": {
-            "start": 217,
-            "end": 218
+            "start": 221,
+            "end": 222
         },
         "context": {
             "type": "variable",
@@ -46310,8 +46935,8 @@
             "value": "$kendo-panelbar-item-selected-bg",
             "scope": "default",
             "line": {
-                "start": 219,
-                "end": 219
+                "start": 223,
+                "end": 223
             }
         },
         "group": [
@@ -46324,10 +46949,10 @@
         }
     },
     {
-        "description": "Text color of the panelbar item when selected and focused.\n",
+        "description": "The text color of the selected and focused PanelBar items.\n",
         "commentRange": {
-            "start": 220,
-            "end": 221
+            "start": 224,
+            "end": 225
         },
         "context": {
             "type": "variable",
@@ -46335,8 +46960,8 @@
             "value": "$kendo-panelbar-item-selected-text",
             "scope": "default",
             "line": {
-                "start": 222,
-                "end": 222
+                "start": 226,
+                "end": 226
             }
         },
         "group": [
@@ -46349,10 +46974,10 @@
         }
     },
     {
-        "description": "Border color of the panelbar item when selected and focused.\n",
+        "description": "The border color of the selected and focused PanelBar items.\n",
         "commentRange": {
-            "start": 223,
-            "end": 224
+            "start": 227,
+            "end": 228
         },
         "context": {
             "type": "variable",
@@ -46360,8 +46985,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 225,
-                "end": 225
+                "start": 229,
+                "end": 229
             }
         },
         "group": [
@@ -46374,10 +46999,10 @@
         }
     },
     {
-        "description": "Background color of the panelbar item when selected, focused and hovered.\n",
+        "description": "The background color of the selected, hovered and focused PanelBar items.\n",
         "commentRange": {
-            "start": 227,
-            "end": 228
+            "start": 231,
+            "end": 232
         },
         "context": {
             "type": "variable",
@@ -46385,8 +47010,8 @@
             "value": "$kendo-panelbar-item-selected-hover-bg",
             "scope": "default",
             "line": {
-                "start": 229,
-                "end": 229
+                "start": 233,
+                "end": 233
             }
         },
         "group": [
@@ -46399,10 +47024,10 @@
         }
     },
     {
-        "description": "Text color of the panelbar item when selected, focused and hovered.\n",
+        "description": "The text color of the selected, hovered and focused PanelBar items.\n",
         "commentRange": {
-            "start": 230,
-            "end": 231
+            "start": 234,
+            "end": 235
         },
         "context": {
             "type": "variable",
@@ -46410,8 +47035,8 @@
             "value": "$kendo-panelbar-item-selected-hover-text",
             "scope": "default",
             "line": {
-                "start": 232,
-                "end": 232
+                "start": 236,
+                "end": 236
             }
         },
         "group": [
@@ -46424,10 +47049,10 @@
         }
     },
     {
-        "description": "Border color of the panelbar item when selected, focused and hovered.\n",
+        "description": "The border color of the selected, hovered and focused PanelBar items.\n",
         "commentRange": {
-            "start": 233,
-            "end": 234
+            "start": 237,
+            "end": 238
         },
         "context": {
             "type": "variable",
@@ -46435,8 +47060,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 235,
-                "end": 235
+                "start": 239,
+                "end": 239
             }
         },
         "group": [