npm - @progress/kendo-theme-default - Versions diffs - 9.1.0-dev.3 → 9.1.0-dev.5 - Mend

@progress/kendo-theme-default 9.1.0-dev.3 → 9.1.0-dev.5

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

package/dist/all.css +1 -1
package/dist/all.scss +467 -92
package/dist/default-blue.css +1 -1
package/dist/default-dataviz-v4.css +1 -1
package/dist/default-green.css +1 -1
package/dist/default-main-dark.css +1 -1
package/dist/default-main.css +1 -1
package/dist/default-nordic.css +1 -1
package/dist/default-ocean-blue-a11y.css +1 -1
package/dist/default-ocean-blue.css +1 -1
package/dist/default-orange.css +1 -1
package/dist/default-purple.css +1 -1
package/dist/default-turquoise.css +1 -1
package/dist/default-urban.css +1 -1
package/dist/meta/sassdoc-data.json +1687 -655
package/dist/meta/sassdoc-raw-data.json +775 -300
package/dist/meta/variables.json +121 -29
package/lib/swatches/default-blue.json +1 -1
package/lib/swatches/default-dataviz-v4.json +1 -1
package/lib/swatches/default-green.json +1 -1
package/lib/swatches/default-main-dark.json +1 -1
package/lib/swatches/default-main.json +1 -1
package/lib/swatches/default-nordic.json +1 -1
package/lib/swatches/default-ocean-blue-a11y.json +1 -1
package/lib/swatches/default-ocean-blue.json +1 -1
package/lib/swatches/default-orange.json +1 -1
package/lib/swatches/default-purple.json +1 -1
package/lib/swatches/default-turquoise.json +1 -1
package/lib/swatches/default-urban.json +1 -1
package/package.json +4 -4
package/scss/dataviz/_index.scss +3 -1
package/scss/dataviz/_layout.scss +21 -0
package/scss/dataviz/_theme.scss +3 -1
package/scss/dataviz/_variables.scss +9 -0
package/scss/index.scss +2 -0
package/scss/list/_index.scss +3 -1
package/scss/list/_layout.scss +0 -19
package/scss/list/_theme.scss +0 -6
package/scss/list/_variables.scss +0 -4
package/scss/no-data/_index.scss +32 -0
package/scss/no-data/_layout.scss +24 -0
package/scss/no-data/_theme.scss +12 -0
package/scss/no-data/_variables.scss +7 -0
package/scss/orgchart/_variables.scss +1 -1
package/scss/pdf-viewer/_layout.scss +185 -24
package/scss/pdf-viewer/_theme.scss +19 -1
package/scss/pdf-viewer/_variables.scss +26 -0
package/scss/prompt/_layout.scss +6 -0
package/scss/scheduler/_index.scss +3 -1
package/scss/splitter/_variables.scss +1 -1
package/scss/spreadsheet/_layout.scss +2 -1
package/scss/stepper/_layout.scss +2 -2
package/scss/stepper/_variables.scss +3 -0
package/scss/timeline/_layout.scss +1 -1
package/scss/timeline/_variables.scss +5 -5
package/scss/toolbar/_layout.scss +12 -10
package/scss/toolbar/_theme.scss +33 -9
package/scss/toolbar/_variables.scss +32 -4

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

@@ -33450,14 +33450,14 @@
             "resolvedType": "Null"
         },
         {
-            "description": "The color of the 'No Data' text.\n",
+            "description": "The color of the 'Option Label' text.\n",
             "commentRange": {
                 "start": 245,
                 "end": 246
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-list-no-data-text",
+                "name": "kendo-list-option-label-text",
                 "value": "$kendo-subtle-text",
                 "scope": "default",
                 "line": {
@@ -33476,33 +33476,6 @@
             "resolvedValue": "var(--kendo-color-subtle, #666666)",
             "resolvedType": "String"
         },
-        {
-            "description": "The color of the 'Option Label' text.\n",
-            "commentRange": {
-                "start": 249,
-                "end": 250
-            },
-            "context": {
-                "type": "variable",
-                "name": "kendo-list-option-label-text",
-                "value": "$kendo-subtle-text",
-                "scope": "default",
-                "line": {
-                    "start": 251,
-                    "end": 251
-                }
-            },
-            "group": [
-                "list"
-            ],
-            "access": "public",
-            "file": {
-                "path": "default/scss/list/_variables.scss",
-                "name": "_variables.scss"
-            },
-            "resolvedValue": "var(--kendo-color-subtle, #666666)",
-            "resolvedType": "String"
-        },
         {
             "description": "The spacing between the ListBox elements.\n",
             "commentRange": {
@@ -38174,6 +38147,60 @@
             "resolvedValue": "var(--kendo-spacing-1, 0.25rem)",
             "resolvedType": "String"
         },
+        {
+            "description": "The minimum height of the 'No Data' text container.\n",
+            "commentRange": {
+                "start": 1,
+                "end": 2
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-no-data-min-height",
+                "value": "140px",
+                "scope": "default",
+                "line": {
+                    "start": 3,
+                    "end": 3
+                }
+            },
+            "group": [
+                "no-data"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/no-data/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "140px",
+            "resolvedType": "Number"
+        },
+        {
+            "description": "The color of the 'No Data' text.\n",
+            "commentRange": {
+                "start": 5,
+                "end": 6
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-no-data-text",
+                "value": "$kendo-subtle-text",
+                "scope": "default",
+                "line": {
+                    "start": 7,
+                    "end": 7
+                }
+            },
+            "group": [
+                "no-data"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/no-data/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-color-subtle, #666666)",
+            "resolvedType": "String"
+        },
         {
             "description": "The row-gap between the elements in the Notification group.\n",
             "commentRange": {
@@ -39813,7 +39840,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-orgchart-line-v-height",
-                "value": "25px",
+                "value": "k-spacing(6)",
                 "scope": "default",
                 "line": {
                     "start": 146,
@@ -39828,8 +39855,8 @@
                 "path": "default/scss/orgchart/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "25px",
-            "resolvedType": "Number"
+            "resolvedValue": "var(--kendo-spacing-6, 1.5rem)",
+            "resolvedType": "String"
         },
         {
             "description": "The horizontal padding of the Pager.\n",
@@ -44974,6 +45001,222 @@
             "resolvedValue": "var(--kendo-color-subtle, #666666)",
             "resolvedType": "String"
         },
+        {
+            "description": "The vertical padding of the PDFViewer popup.\n",
+            "commentRange": {
+                "start": 112,
+                "end": 113
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-pdf-viewer-popup-padding-x",
+                "value": "k-spacing(2)",
+                "scope": "default",
+                "line": {
+                    "start": 114,
+                    "end": 114
+                }
+            },
+            "group": [
+                "pdf-viewer"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/pdf-viewer/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-spacing-2, 0.5rem)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The horizontal padding of the PDFViewer popup.\n",
+            "commentRange": {
+                "start": 115,
+                "end": 116
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-pdf-viewer-popup-padding-y",
+                "value": "$kendo-pdf-viewer-popup-padding-x",
+                "scope": "default",
+                "line": {
+                    "start": 117,
+                    "end": 117
+                }
+            },
+            "group": [
+                "pdf-viewer"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/pdf-viewer/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-spacing-2, 0.5rem)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The border color of the PDFViewer selected highlight annotation.\n",
+            "commentRange": {
+                "start": 119,
+                "end": 120
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-pdf-viewer-highlight-annotation-border",
+                "value": "if($kendo-enable-color-system, k-color(primary), $kendo-color-primary)",
+                "scope": "default",
+                "line": {
+                    "start": 121,
+                    "end": 121
+                }
+            },
+            "group": [
+                "pdf-viewer"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/pdf-viewer/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-color-primary, #ff6358)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The background color of the PDFViewer hover highlight annotation.\n",
+            "commentRange": {
+                "start": 122,
+                "end": 123
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-pdf-viewer-highlight-annotation-hover-border",
+                "value": "if($kendo-enable-color-system, k-color( primary-hover ), $kendo-color-primary-darker)",
+                "scope": "default",
+                "line": {
+                    "start": 124,
+                    "end": 124
+                }
+            },
+            "group": [
+                "pdf-viewer"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/pdf-viewer/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-color-primary-hover, #ea5a51)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The border color of the PDFViewer selected free text annotation.\n",
+            "commentRange": {
+                "start": 125,
+                "end": 126
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-pdf-viewer-free-text-annotation-border",
+                "value": "if($kendo-enable-color-system, k-color(primary), $kendo-color-primary)",
+                "scope": "default",
+                "line": {
+                    "start": 127,
+                    "end": 127
+                }
+            },
+            "group": [
+                "pdf-viewer"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/pdf-viewer/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-color-primary, #ff6358)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The placeholder text color of the PDFViewer free text annotation.\n",
+            "commentRange": {
+                "start": 128,
+                "end": 129
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-pdf-viewer-free-text-annotation-placeholder-text",
+                "value": "rgba(124, 22, 27, 0.5)",
+                "scope": "default",
+                "line": {
+                    "start": 130,
+                    "end": 130
+                }
+            },
+            "group": [
+                "pdf-viewer"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/pdf-viewer/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "rgba(124, 22, 27, 0.5)",
+            "resolvedType": "Color"
+        },
+        {
+            "description": "The text color of the PDFViewer free text annotation.\n",
+            "commentRange": {
+                "start": 131,
+                "end": 132
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-pdf-viewer-free-text-annotation-text",
+                "value": "rgba(124, 22, 27, 0.5)",
+                "scope": "default",
+                "line": {
+                    "start": 133,
+                    "end": 133
+                }
+            },
+            "group": [
+                "pdf-viewer"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/pdf-viewer/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "rgba(124, 22, 27, 0.5)",
+            "resolvedType": "Color"
+        },
+        {
+            "description": "The text color of the PDFViewer free text annotation.\n",
+            "commentRange": {
+                "start": 134,
+                "end": 135
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-pdf-viewer-free-text-annotation-text",
+                "value": "rgba(124, 22, 27, 0.7)",
+                "scope": "default",
+                "line": {
+                    "start": 136,
+                    "end": 136
+                }
+            },
+            "group": [
+                "pdf-viewer"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/pdf-viewer/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "rgba(124, 22, 27, 0.5)",
+            "resolvedType": "Color"
+        },
         {
             "description": "The background color of the Picker components.\n",
             "commentRange": {
@@ -56262,7 +56505,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-splitter-drag-icon-margin",
-                "value": "calc( #{k-spacing(3.5)} / 2 )",
+                "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
                     "start": 37,
@@ -56277,8 +56520,8 @@
                 "path": "default/scss/splitter/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "calc(var(--kendo-spacing-3\\.5, 0.875rem) / 2)",
-            "resolvedType": "Calculation"
+            "resolvedValue": "var(--kendo-spacing-2, 0.5rem)",
+            "resolvedType": "String"
         },
         {
             "description": "The horizontal padding of the collapse icon in the Splitter.\n",
@@ -58819,15 +59062,15 @@
             "resolvedType": "Calculation"
         },
         {
-            "description": "The width of the border around the Stepper.\n",
+            "description": "The border radius of the Stepper label.\n",
             "commentRange": {
                 "start": 24,
                 "end": 25
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-stepper-border-width",
-                "value": "0px",
+                "name": "kendo-stepper-label-border-radius",
+                "value": "k-border-radius(xxxl)",
                 "scope": "default",
                 "line": {
                     "start": 26,
@@ -58842,14 +59085,41 @@
                 "path": "default/scss/stepper/_variables.scss",
                 "name": "_variables.scss"
             },
+            "resolvedValue": "var(--kendo-border-radius-xxxl, 1rem)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The width of the border around the Stepper.\n",
+            "commentRange": {
+                "start": 27,
+                "end": 28
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-stepper-border-width",
+                "value": "0px",
+                "scope": "default",
+                "line": {
+                    "start": 29,
+                    "end": 29
+                }
+            },
+            "group": [
+                "stepper"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/stepper/_variables.scss",
+                "name": "_variables.scss"
+            },
             "resolvedValue": "0px",
             "resolvedType": "Number"
         },
         {
             "description": "The horizontal padding of the Stepper content.\n",
             "commentRange": {
-                "start": 28,
-                "end": 29
+                "start": 31,
+                "end": 32
             },
             "context": {
                 "type": "variable",
@@ -58857,8 +59127,8 @@
                 "value": "k-spacing(5)",
                 "scope": "default",
                 "line": {
-                    "start": 30,
-                    "end": 30
+                    "start": 33,
+                    "end": 33
                 }
             },
             "group": [
@@ -58875,8 +59145,8 @@
         {
             "description": "The vertical padding of the Stepper content.\n",
             "commentRange": {
-                "start": 31,
-                "end": 32
+                "start": 34,
+                "end": 35
             },
             "context": {
                 "type": "variable",
@@ -58884,8 +59154,8 @@
                 "value": "k-spacing(2.5)",
                 "scope": "default",
                 "line": {
-                    "start": 33,
-                    "end": 33
+                    "start": 36,
+                    "end": 36
                 }
             },
             "group": [
@@ -58902,8 +59172,8 @@
         {
             "description": "",
             "commentRange": {
-                "start": 36,
-                "end": 36
+                "start": 39,
+                "end": 39
             },
             "context": {
                 "type": "variable",
@@ -58911,8 +59181,8 @@
                 "value": "var( --kendo-font-size, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 37,
-                    "end": 37
+                    "start": 40,
+                    "end": 40
                 }
             },
             "group": [
@@ -58929,8 +59199,8 @@
         {
             "description": "",
             "commentRange": {
-                "start": 39,
-                "end": 39
+                "start": 42,
+                "end": 42
             },
             "context": {
                 "type": "variable",
@@ -58938,8 +59208,8 @@
                 "value": "var( --kendo-line-height, normal )",
                 "scope": "default",
                 "line": {
-                    "start": 40,
-                    "end": 40
+                    "start": 43,
+                    "end": 43
                 }
             },
             "group": [
@@ -58956,8 +59226,8 @@
         {
             "description": "",
             "commentRange": {
-                "start": 42,
-                "end": 42
+                "start": 45,
+                "end": 45
             },
             "context": {
                 "type": "variable",
@@ -58965,8 +59235,8 @@
                 "value": "var( --kendo-font-family, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 43,
-                    "end": 43
+                    "start": 46,
+                    "end": 46
                 }
             },
             "group": [
@@ -58983,8 +59253,8 @@
         {
             "description": "The background color of the Stepper.\n",
             "commentRange": {
-                "start": 45,
-                "end": 46
+                "start": 48,
+                "end": 49
             },
             "context": {
                 "type": "variable",
@@ -58992,8 +59262,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 47,
-                    "end": 47
+                    "start": 50,
+                    "end": 50
                 }
             },
             "group": [
@@ -59010,8 +59280,8 @@
         {
             "description": "The text color of the Stepper.\n",
             "commentRange": {
-                "start": 48,
-                "end": 49
+                "start": 51,
+                "end": 52
             },
             "context": {
                 "type": "variable",
@@ -59019,8 +59289,8 @@
                 "value": "$kendo-component-text",
                 "scope": "default",
                 "line": {
-                    "start": 50,
-                    "end": 50
+                    "start": 53,
+                    "end": 53
                 }
             },
             "group": [
@@ -59037,8 +59307,8 @@
         {
             "description": "The border color of the Stepper.\n",
             "commentRange": {
-                "start": 51,
-                "end": 52
+                "start": 54,
+                "end": 55
             },
             "context": {
                 "type": "variable",
@@ -59046,8 +59316,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 53,
-                    "end": 53
+                    "start": 56,
+                    "end": 56
                 }
             },
             "group": [
@@ -59064,8 +59334,8 @@
         {
             "description": "The width of the Stepper indicator.\n",
             "commentRange": {
-                "start": 55,
-                "end": 56
+                "start": 58,
+                "end": 59
             },
             "context": {
                 "type": "variable",
@@ -59073,8 +59343,8 @@
                 "value": "28px",
                 "scope": "default",
                 "line": {
-                    "start": 57,
-                    "end": 57
+                    "start": 60,
+                    "end": 60
                 }
             },
             "group": [
@@ -59091,8 +59361,8 @@
         {
             "description": "The height of the Stepper indicator.\n",
             "commentRange": {
-                "start": 58,
-                "end": 59
+                "start": 61,
+                "end": 62
             },
             "context": {
                 "type": "variable",
@@ -59100,8 +59370,8 @@
                 "value": "$kendo-stepper-indicator-width",
                 "scope": "default",
                 "line": {
-                    "start": 60,
-                    "end": 60
+                    "start": 63,
+                    "end": 63
                 }
             },
             "group": [
@@ -59118,8 +59388,8 @@
         {
             "description": "The border width of the Stepper indicator.\n",
             "commentRange": {
-                "start": 61,
-                "end": 62
+                "start": 64,
+                "end": 65
             },
             "context": {
                 "type": "variable",
@@ -59127,8 +59397,8 @@
                 "value": "1px",
                 "scope": "default",
                 "line": {
-                    "start": 63,
-                    "end": 63
+                    "start": 66,
+                    "end": 66
                 }
             },
             "group": [
@@ -59145,8 +59415,8 @@
         {
             "description": "The border radius of the Stepper indicator.\n",
             "commentRange": {
-                "start": 64,
-                "end": 65
+                "start": 67,
+                "end": 68
             },
             "context": {
                 "type": "variable",
@@ -59154,8 +59424,8 @@
                 "value": "50%",
                 "scope": "default",
                 "line": {
-                    "start": 66,
-                    "end": 66
+                    "start": 69,
+                    "end": 69
                 }
             },
             "group": [
@@ -59172,8 +59442,8 @@
         {
             "description": "The border width of the focused Stepper indicator.\n",
             "commentRange": {
-                "start": 68,
-                "end": 69
+                "start": 71,
+                "end": 72
             },
             "context": {
                 "type": "variable",
@@ -59181,8 +59451,8 @@
                 "value": "1px",
                 "scope": "default",
                 "line": {
-                    "start": 70,
-                    "end": 70
+                    "start": 73,
+                    "end": 73
                 }
             },
             "group": [
@@ -59199,8 +59469,8 @@
         {
             "description": "The size of the focused Stepper indicator.\n",
             "commentRange": {
-                "start": 71,
-                "end": 72
+                "start": 74,
+                "end": 75
             },
             "context": {
                 "type": "variable",
@@ -59208,8 +59478,8 @@
                 "value": "2px",
                 "scope": "default",
                 "line": {
-                    "start": 73,
-                    "end": 73
+                    "start": 76,
+                    "end": 76
                 }
             },
             "group": [
@@ -59226,8 +59496,8 @@
         {
             "description": "The offset of the Stepper's focused indicator.\n",
             "commentRange": {
-                "start": 74,
-                "end": 75
+                "start": 77,
+                "end": 78
             },
             "context": {
                 "type": "variable",
@@ -59235,8 +59505,8 @@
                 "value": "3px",
                 "scope": "default",
                 "line": {
-                    "start": 76,
-                    "end": 76
+                    "start": 79,
+                    "end": 79
                 }
             },
             "group": [
@@ -59253,8 +59523,8 @@
         {
             "description": "The calculated offset of the Stepper's focused indicator.\n",
             "commentRange": {
-                "start": 77,
-                "end": 78
+                "start": 80,
+                "end": 81
             },
             "context": {
                 "type": "variable",
@@ -59262,8 +59532,8 @@
                 "value": "calc( #{$kendo-stepper-indicator-focus-border-width} + #{$kendo-stepper-indicator-focus-offset} )",
                 "scope": "default",
                 "line": {
-                    "start": 79,
-                    "end": 79
+                    "start": 82,
+                    "end": 82
                 }
             },
             "group": [
@@ -59280,8 +59550,8 @@
         {
             "description": "The background color of the Stepper indicator.\n",
             "commentRange": {
-                "start": 81,
-                "end": 82
+                "start": 84,
+                "end": 85
             },
             "context": {
                 "type": "variable",
@@ -59289,8 +59559,8 @@
                 "value": "$kendo-component-bg",
                 "scope": "default",
                 "line": {
-                    "start": 83,
-                    "end": 83
+                    "start": 86,
+                    "end": 86
                 }
             },
             "group": [
@@ -59307,8 +59577,8 @@
         {
             "description": "The text color of the Stepper indicator.\n",
             "commentRange": {
-                "start": 84,
-                "end": 85
+                "start": 87,
+                "end": 88
             },
             "context": {
                 "type": "variable",
@@ -59316,8 +59586,8 @@
                 "value": "$kendo-component-text",
                 "scope": "default",
                 "line": {
-                    "start": 86,
-                    "end": 86
+                    "start": 89,
+                    "end": 89
                 }
             },
             "group": [
@@ -59334,8 +59604,8 @@
         {
             "description": "The border color of the Stepper indicator.\n",
             "commentRange": {
-                "start": 87,
-                "end": 88
+                "start": 90,
+                "end": 91
             },
             "context": {
                 "type": "variable",
@@ -59343,8 +59613,8 @@
                 "value": "#cccccc",
                 "scope": "default",
                 "line": {
-                    "start": 89,
-                    "end": 89
+                    "start": 92,
+                    "end": 92
                 }
             },
             "group": [
@@ -59361,8 +59631,8 @@
         {
             "description": "The background color of the hovered Stepper indicator.\n",
             "commentRange": {
-                "start": 91,
-                "end": 92
+                "start": 94,
+                "end": 95
             },
             "context": {
                 "type": "variable",
@@ -59370,8 +59640,8 @@
                 "value": "if($kendo-enable-color-system, k-color( base-hover ), k-try-shade( $kendo-stepper-indicator-bg ))",
                 "scope": "default",
                 "line": {
-                    "start": 93,
-                    "end": 93
+                    "start": 96,
+                    "end": 96
                 }
             },
             "group": [
@@ -59388,8 +59658,8 @@
         {
             "description": "The text color of the hovered Stepper indicator.\n",
             "commentRange": {
-                "start": 94,
-                "end": 95
+                "start": 97,
+                "end": 98
             },
             "context": {
                 "type": "variable",
@@ -59397,8 +59667,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 96,
-                    "end": 96
+                    "start": 99,
+                    "end": 99
                 }
             },
             "group": [
@@ -59415,8 +59685,8 @@
         {
             "description": "The border color of the hovered Stepper indicator.\n",
             "commentRange": {
-                "start": 97,
-                "end": 98
+                "start": 100,
+                "end": 101
             },
             "context": {
                 "type": "variable",
@@ -59424,8 +59694,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 99,
-                    "end": 99
+                    "start": 102,
+                    "end": 102
                 }
             },
             "group": [
@@ -59442,8 +59712,8 @@
         {
             "description": "The background color of the disabled Stepper indicator.\n",
             "commentRange": {
-                "start": 101,
-                "end": 102
+                "start": 104,
+                "end": 105
             },
             "context": {
                 "type": "variable",
@@ -59451,8 +59721,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 103,
-                    "end": 103
+                    "start": 106,
+                    "end": 106
                 }
             },
             "group": [
@@ -59469,8 +59739,8 @@
         {
             "description": "The text color of the disabled Stepper indicator.\n",
             "commentRange": {
-                "start": 104,
-                "end": 105
+                "start": 107,
+                "end": 108
             },
             "context": {
                 "type": "variable",
@@ -59478,8 +59748,8 @@
                 "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), #8f8f8f)",
                 "scope": "default",
                 "line": {
-                    "start": 106,
-                    "end": 106
+                    "start": 109,
+                    "end": 109
                 }
             },
             "group": [
@@ -59496,8 +59766,8 @@
         {
             "description": "The border color of the disabled Stepper indicator.\n",
             "commentRange": {
-                "start": 107,
-                "end": 108
+                "start": 110,
+                "end": 111
             },
             "context": {
                 "type": "variable",
@@ -59505,8 +59775,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 109,
-                    "end": 109
+                    "start": 112,
+                    "end": 112
                 }
             },
             "group": [
@@ -59523,8 +59793,8 @@
         {
             "description": "The background color of the Stepper's done indicator.\n",
             "commentRange": {
-                "start": 111,
-                "end": 112
+                "start": 114,
+                "end": 115
             },
             "context": {
                 "type": "variable",
@@ -59532,8 +59802,8 @@
                 "value": "$kendo-color-primary",
                 "scope": "default",
                 "line": {
-                    "start": 113,
-                    "end": 113
+                    "start": 116,
+                    "end": 116
                 }
             },
             "group": [
@@ -59550,8 +59820,8 @@
         {
             "description": "The text color of the Stepper's done indicator.\n",
             "commentRange": {
-                "start": 114,
-                "end": 115
+                "start": 117,
+                "end": 118
             },
             "context": {
                 "type": "variable",
@@ -59559,8 +59829,8 @@
                 "value": "if($kendo-enable-color-system, k-color( on-primary ), k-contrast-legacy( $kendo-stepper-indicator-done-bg ))",
                 "scope": "default",
                 "line": {
-                    "start": 116,
-                    "end": 116
+                    "start": 119,
+                    "end": 119
                 }
             },
             "group": [
@@ -59577,8 +59847,8 @@
         {
             "description": "The border color of the Stepper's done indicator.\n",
             "commentRange": {
-                "start": 117,
-                "end": 118
+                "start": 120,
+                "end": 121
             },
             "context": {
                 "type": "variable",
@@ -59586,8 +59856,8 @@
                 "value": "$kendo-stepper-indicator-done-bg",
                 "scope": "default",
                 "line": {
-                    "start": 119,
-                    "end": 119
+                    "start": 122,
+                    "end": 122
                 }
             },
             "group": [
@@ -59604,8 +59874,8 @@
         {
             "description": "The background color of the Stepper's hovered done indicator.\n",
             "commentRange": {
-                "start": 121,
-                "end": 122
+                "start": 124,
+                "end": 125
             },
             "context": {
                 "type": "variable",
@@ -59613,8 +59883,8 @@
                 "value": "if($kendo-enable-color-system, k-color( primary-hover ), k-try-shade( $kendo-stepper-indicator-done-bg ))",
                 "scope": "default",
                 "line": {
-                    "start": 123,
-                    "end": 123
+                    "start": 126,
+                    "end": 126
                 }
             },
             "group": [
@@ -59631,8 +59901,8 @@
         {
             "description": "The text color of the Stepper's hovered done indicator.\n",
             "commentRange": {
-                "start": 124,
-                "end": 125
+                "start": 127,
+                "end": 128
             },
             "context": {
                 "type": "variable",
@@ -59640,8 +59910,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 126,
-                    "end": 126
+                    "start": 129,
+                    "end": 129
                 }
             },
             "group": [
@@ -59658,8 +59928,8 @@
         {
             "description": "The border color of the Stepper's hovered done indicator.\n",
             "commentRange": {
-                "start": 127,
-                "end": 128
+                "start": 130,
+                "end": 131
             },
             "context": {
                 "type": "variable",
@@ -59667,8 +59937,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 129,
-                    "end": 129
+                    "start": 132,
+                    "end": 132
                 }
             },
             "group": [
@@ -59685,8 +59955,8 @@
         {
             "description": "The background color of the Stepper's disabled done indicator.\n",
             "commentRange": {
-                "start": 131,
-                "end": 132
+                "start": 134,
+                "end": 135
             },
             "context": {
                 "type": "variable",
@@ -59694,8 +59964,8 @@
                 "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 60%, transparent), k-color-mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60%))",
                 "scope": "default",
                 "line": {
-                    "start": 133,
-                    "end": 133
+                    "start": 136,
+                    "end": 136
                 }
             },
             "group": [
@@ -59712,8 +59982,8 @@
         {
             "description": "The text color of the Stepper's disabled done indicator.\n",
             "commentRange": {
-                "start": 134,
-                "end": 135
+                "start": 137,
+                "end": 138
             },
             "context": {
                 "type": "variable",
@@ -59721,8 +59991,8 @@
                 "value": "if($kendo-enable-color-system, k-color( on-primary ), k-contrast-legacy( $kendo-stepper-indicator-done-bg ))",
                 "scope": "default",
                 "line": {
-                    "start": 136,
-                    "end": 136
+                    "start": 139,
+                    "end": 139
                 }
             },
             "group": [
@@ -59739,8 +60009,8 @@
         {
             "description": "The border color of the Stepper's disabled done indicator.\n",
             "commentRange": {
-                "start": 137,
-                "end": 138
+                "start": 140,
+                "end": 141
             },
             "context": {
                 "type": "variable",
@@ -59748,8 +60018,8 @@
                 "value": "$kendo-stepper-indicator-done-disabled-bg",
                 "scope": "default",
                 "line": {
-                    "start": 139,
-                    "end": 139
+                    "start": 142,
+                    "end": 142
                 }
             },
             "group": [
@@ -59766,8 +60036,8 @@
         {
             "description": "The background color of the Stepper current indicator.\n",
             "commentRange": {
-                "start": 141,
-                "end": 142
+                "start": 144,
+                "end": 145
             },
             "context": {
                 "type": "variable",
@@ -59775,8 +60045,8 @@
                 "value": "$kendo-stepper-indicator-done-bg",
                 "scope": "default",
                 "line": {
-                    "start": 143,
-                    "end": 143
+                    "start": 146,
+                    "end": 146
                 }
             },
             "group": [
@@ -59793,8 +60063,8 @@
         {
             "description": "The text color of the Stepper current indicator.\n",
             "commentRange": {
-                "start": 144,
-                "end": 145
+                "start": 147,
+                "end": 148
             },
             "context": {
                 "type": "variable",
@@ -59802,8 +60072,8 @@
                 "value": "$kendo-stepper-indicator-done-text",
                 "scope": "default",
                 "line": {
-                    "start": 146,
-                    "end": 146
+                    "start": 149,
+                    "end": 149
                 }
             },
             "group": [
@@ -59820,8 +60090,8 @@
         {
             "description": "The border color of the Stepper current indicator.\n",
             "commentRange": {
-                "start": 147,
-                "end": 148
+                "start": 150,
+                "end": 151
             },
             "context": {
                 "type": "variable",
@@ -59829,8 +60099,8 @@
                 "value": "$kendo-stepper-indicator-done-border",
                 "scope": "default",
                 "line": {
-                    "start": 149,
-                    "end": 149
+                    "start": 152,
+                    "end": 152
                 }
             },
             "group": [
@@ -59847,8 +60117,8 @@
         {
             "description": "The background color of the Stepper's hovered current indicator.\n",
             "commentRange": {
-                "start": 151,
-                "end": 152
+                "start": 154,
+                "end": 155
             },
             "context": {
                 "type": "variable",
@@ -59856,8 +60126,8 @@
                 "value": "$kendo-stepper-indicator-done-hover-bg",
                 "scope": "default",
                 "line": {
-                    "start": 153,
-                    "end": 153
+                    "start": 156,
+                    "end": 156
                 }
             },
             "group": [
@@ -59874,8 +60144,8 @@
         {
             "description": "The text color of the Stepper's hovered current indicator.\n",
             "commentRange": {
-                "start": 154,
-                "end": 155
+                "start": 157,
+                "end": 158
             },
             "context": {
                 "type": "variable",
@@ -59883,8 +60153,8 @@
                 "value": "$kendo-stepper-indicator-done-hover-text",
                 "scope": "default",
                 "line": {
-                    "start": 156,
-                    "end": 156
+                    "start": 159,
+                    "end": 159
                 }
             },
             "group": [
@@ -59901,8 +60171,8 @@
         {
             "description": "The border color of the Stepper's hovered current indicator.\n",
             "commentRange": {
-                "start": 157,
-                "end": 158
+                "start": 160,
+                "end": 161
             },
             "context": {
                 "type": "variable",
@@ -59910,8 +60180,8 @@
                 "value": "$kendo-stepper-indicator-done-hover-border",
                 "scope": "default",
                 "line": {
-                    "start": 159,
-                    "end": 159
+                    "start": 162,
+                    "end": 162
                 }
             },
             "group": [
@@ -59928,8 +60198,8 @@
         {
             "description": "The background color of the Stepper's disabled current indicator.\n",
             "commentRange": {
-                "start": 161,
-                "end": 162
+                "start": 164,
+                "end": 165
             },
             "context": {
                 "type": "variable",
@@ -59937,8 +60207,8 @@
                 "value": "$kendo-stepper-indicator-done-disabled-bg",
                 "scope": "default",
                 "line": {
-                    "start": 163,
-                    "end": 163
+                    "start": 166,
+                    "end": 166
                 }
             },
             "group": [
@@ -59955,8 +60225,8 @@
         {
             "description": "The text color of the Stepper's disabled current indicator.\n",
             "commentRange": {
-                "start": 164,
-                "end": 165
+                "start": 167,
+                "end": 168
             },
             "context": {
                 "type": "variable",
@@ -59964,8 +60234,8 @@
                 "value": "$kendo-stepper-indicator-done-disabled-text",
                 "scope": "default",
                 "line": {
-                    "start": 166,
-                    "end": 166
+                    "start": 169,
+                    "end": 169
                 }
             },
             "group": [
@@ -59982,8 +60252,8 @@
         {
             "description": "The border color of the Stepper's disabled current indicator.\n",
             "commentRange": {
-                "start": 167,
-                "end": 168
+                "start": 170,
+                "end": 171
             },
             "context": {
                 "type": "variable",
@@ -59991,8 +60261,8 @@
                 "value": "$kendo-stepper-indicator-done-disabled-border",
                 "scope": "default",
                 "line": {
-                    "start": 169,
-                    "end": 169
+                    "start": 172,
+                    "end": 172
                 }
             },
             "group": [
@@ -60009,8 +60279,8 @@
         {
             "description": "The text color of the Stepper label.\n",
             "commentRange": {
-                "start": 171,
-                "end": 172
+                "start": 174,
+                "end": 175
             },
             "context": {
                 "type": "variable",
@@ -60018,8 +60288,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 173,
-                    "end": 173
+                    "start": 176,
+                    "end": 176
                 }
             },
             "group": [
@@ -60036,8 +60306,8 @@
         {
             "description": "The success text color of the Stepper label.\n",
             "commentRange": {
-                "start": 174,
-                "end": 175
+                "start": 177,
+                "end": 178
             },
             "context": {
                 "type": "variable",
@@ -60045,8 +60315,8 @@
                 "value": "$kendo-color-success",
                 "scope": "default",
                 "line": {
-                    "start": 176,
-                    "end": 176
+                    "start": 179,
+                    "end": 179
                 }
             },
             "group": [
@@ -60063,8 +60333,8 @@
         {
             "description": "The error text color of the Stepper label.\n",
             "commentRange": {
-                "start": 177,
-                "end": 178
+                "start": 180,
+                "end": 181
             },
             "context": {
                 "type": "variable",
@@ -60072,8 +60342,8 @@
                 "value": "$kendo-color-error",
                 "scope": "default",
                 "line": {
-                    "start": 179,
-                    "end": 179
+                    "start": 182,
+                    "end": 182
                 }
             },
             "group": [
@@ -60090,8 +60360,8 @@
         {
             "description": "The text color of the hovered Stepper label.\n",
             "commentRange": {
-                "start": 180,
-                "end": 181
+                "start": 183,
+                "end": 184
             },
             "context": {
                 "type": "variable",
@@ -60099,8 +60369,8 @@
                 "value": "if($kendo-enable-color-system, k-color( on-base ), k-try-shade( $kendo-stepper-text, 2 ))",
                 "scope": "default",
                 "line": {
-                    "start": 182,
-                    "end": 182
+                    "start": 185,
+                    "end": 185
                 }
             },
             "group": [
@@ -60117,8 +60387,8 @@
         {
             "description": "The text color of the disabled Stepper label.\n",
             "commentRange": {
-                "start": 183,
-                "end": 184
+                "start": 186,
+                "end": 187
             },
             "context": {
                 "type": "variable",
@@ -60126,8 +60396,8 @@
                 "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), #8f8f8f)",
                 "scope": "default",
                 "line": {
-                    "start": 185,
-                    "end": 185
+                    "start": 188,
+                    "end": 188
                 }
             },
             "group": [
@@ -60144,8 +60414,8 @@
         {
             "description": "The text color of the optional Stepper label.\n",
             "commentRange": {
-                "start": 187,
-                "end": 188
+                "start": 190,
+                "end": 191
             },
             "context": {
                 "type": "variable",
@@ -60153,8 +60423,8 @@
                 "value": "$kendo-subtle-text",
                 "scope": "default",
                 "line": {
-                    "start": 189,
-                    "end": 189
+                    "start": 192,
+                    "end": 192
                 }
             },
             "group": [
@@ -60171,8 +60441,8 @@
         {
             "description": "The opacity of the optional Stepper label.\n",
             "commentRange": {
-                "start": 190,
-                "end": 191
+                "start": 193,
+                "end": 194
             },
             "context": {
                 "type": "variable",
@@ -60180,8 +60450,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 192,
-                    "end": 192
+                    "start": 195,
+                    "end": 195
                 }
             },
             "group": [
@@ -60198,8 +60468,8 @@
         {
             "description": "The font size of the optional Stepper label.\n",
             "commentRange": {
-                "start": 193,
-                "end": 194
+                "start": 196,
+                "end": 197
             },
             "context": {
                 "type": "variable",
@@ -60207,8 +60477,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 195,
-                    "end": 195
+                    "start": 198,
+                    "end": 198
                 }
             },
             "group": [
@@ -60225,8 +60495,8 @@
         {
             "description": "The font style of the optional Stepper label.\n",
             "commentRange": {
-                "start": 196,
-                "end": 197
+                "start": 199,
+                "end": 200
             },
             "context": {
                 "type": "variable",
@@ -60234,8 +60504,8 @@
                 "value": "italic",
                 "scope": "default",
                 "line": {
-                    "start": 198,
-                    "end": 198
+                    "start": 201,
+                    "end": 201
                 }
             },
             "group": [
@@ -60252,8 +60522,8 @@
         {
             "description": "The size of the Stepper ProgressBar.\n",
             "commentRange": {
-                "start": 200,
-                "end": 201
+                "start": 203,
+                "end": 204
             },
             "context": {
                 "type": "variable",
@@ -60261,8 +60531,8 @@
                 "value": "2px",
                 "scope": "default",
                 "line": {
-                    "start": 202,
-                    "end": 202
+                    "start": 205,
+                    "end": 205
                 }
             },
             "group": [
@@ -60279,8 +60549,8 @@
         {
             "description": "The background color of the Stepper ProgressBar.\n",
             "commentRange": {
-                "start": 203,
-                "end": 204
+                "start": 206,
+                "end": 207
             },
             "context": {
                 "type": "variable",
@@ -60288,8 +60558,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 205,
-                    "end": 205
+                    "start": 208,
+                    "end": 208
                 }
             },
             "group": [
@@ -60306,8 +60576,8 @@
         {
             "description": "The text color of the Stepper ProgressBar.\n",
             "commentRange": {
-                "start": 206,
-                "end": 207
+                "start": 209,
+                "end": 210
             },
             "context": {
                 "type": "variable",
@@ -60315,8 +60585,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 208,
-                    "end": 208
+                    "start": 211,
+                    "end": 211
                 }
             },
             "group": [
@@ -60333,8 +60603,8 @@
         {
             "description": "The background color of the selected Stepper ProgressBar.\n",
             "commentRange": {
-                "start": 209,
-                "end": 210
+                "start": 212,
+                "end": 213
             },
             "context": {
                 "type": "variable",
@@ -60342,8 +60612,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 211,
-                    "end": 211
+                    "start": 214,
+                    "end": 214
                 }
             },
             "group": [
@@ -60360,8 +60630,8 @@
         {
             "description": "The text color of the selected Stepper ProgressBar.\n",
             "commentRange": {
-                "start": 212,
-                "end": 213
+                "start": 215,
+                "end": 216
             },
             "context": {
                 "type": "variable",
@@ -60369,8 +60639,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 214,
-                    "end": 214
+                    "start": 217,
+                    "end": 217
                 }
             },
             "group": [
@@ -60387,8 +60657,8 @@
         {
             "description": "The property name of the Stepper transition.\n",
             "commentRange": {
-                "start": 216,
-                "end": 217
+                "start": 219,
+                "end": 220
             },
             "context": {
                 "type": "variable",
@@ -60396,8 +60666,8 @@
                 "value": "height",
                 "scope": "default",
                 "line": {
-                    "start": 218,
-                    "end": 218
+                    "start": 221,
+                    "end": 221
                 }
             },
             "group": [
@@ -60414,8 +60684,8 @@
         {
             "description": "The duration of the Stepper transition.\n",
             "commentRange": {
-                "start": 219,
-                "end": 220
+                "start": 222,
+                "end": 223
             },
             "context": {
                 "type": "variable",
@@ -60423,8 +60693,8 @@
                 "value": "300ms",
                 "scope": "default",
                 "line": {
-                    "start": 221,
-                    "end": 221
+                    "start": 224,
+                    "end": 224
                 }
             },
             "group": [
@@ -60441,8 +60711,8 @@
         {
             "description": "The timing function of the Stepper transition.\n",
             "commentRange": {
-                "start": 222,
-                "end": 223
+                "start": 225,
+                "end": 226
             },
             "context": {
                 "type": "variable",
@@ -60450,8 +60720,8 @@
                 "value": "cubic-bezier(.4, 0, .2, 1) 0ms",
                 "scope": "default",
                 "line": {
-                    "start": 224,
-                    "end": 224
+                    "start": 227,
+                    "end": 227
                 }
             },
             "group": [
@@ -66814,7 +67084,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-timeline-track-arrow-width",
-                "value": "30px",
+                "value": "k-spacing(7.5)",
                 "scope": "default",
                 "line": {
                     "start": 32,
@@ -66829,8 +67099,8 @@
                 "path": "default/scss/timeline/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "30px",
-            "resolvedType": "Number"
+            "resolvedValue": "var(--kendo-spacing-7\\.5, 1.875rem)",
+            "resolvedType": "String"
         },
         {
             "description": "The height of the Timeline track arrow.\n",
@@ -66841,7 +67111,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-timeline-track-arrow-height",
-                "value": "30px",
+                "value": "k-spacing(7.5)",
                 "scope": "default",
                 "line": {
                     "start": 35,
@@ -66856,8 +67126,8 @@
                 "path": "default/scss/timeline/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "30px",
-            "resolvedType": "Number"
+            "resolvedValue": "var(--kendo-spacing-7\\.5, 1.875rem)",
+            "resolvedType": "String"
         },
         {
             "description": "The background color of the disabled Timeline track arrow.\n",
@@ -66949,7 +67219,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-timeline-track-size",
-                "value": "6px",
+                "value": "k-spacing(1.5)",
                 "scope": "default",
                 "line": {
                     "start": 49,
@@ -66964,8 +67234,8 @@
                 "path": "default/scss/timeline/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "6px",
-            "resolvedType": "Number"
+            "resolvedValue": "var(--kendo-spacing-1\\.5, 0.375rem)",
+            "resolvedType": "String"
         },
         {
             "description": "The bottom padding of the Timeline's track wrapper.\n",
@@ -66976,7 +67246,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-timeline-track-wrap-padding-bottom",
-                "value": "k-math-div( $kendo-timeline-track-size, 2 )",
+                "value": "calc( #{$kendo-timeline-track-size} / 2)",
                 "scope": "default",
                 "line": {
                     "start": 52,
@@ -66991,8 +67261,8 @@
                 "path": "default/scss/timeline/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "3px",
-            "resolvedType": "Number"
+            "resolvedValue": "calc(var(--kendo-spacing-1\\.5, 0.375rem) / 2)",
+            "resolvedType": "Calculation"
         },
         {
             "description": "The border width of the Timeline track.\n",
@@ -67057,7 +67327,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-timeline-track-bottom-calc",
-                "value": "calc(#{k-math-div( $kendo-timeline-track-arrow-height, 2 )} + #{$kendo-timeline-track-wrap-padding-bottom})",
+                "value": "calc( calc( #{$kendo-timeline-track-arrow-height} / 2) + #{$kendo-timeline-track-wrap-padding-bottom})",
                 "scope": "default",
                 "line": {
                     "start": 61,
@@ -67072,7 +67342,7 @@
                 "path": "default/scss/timeline/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "calc(15px + 3px)",
+            "resolvedValue": "calc(var(--kendo-spacing-7\\.5, 1.875rem) / 2 + calc(var(--kendo-spacing-1\\.5, 0.375rem) / 2))",
             "resolvedType": "Calculation"
         },
         {
@@ -67099,7 +67369,7 @@
                 "path": "default/scss/timeline/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "calc(30px - 2 * 1px)",
+            "resolvedValue": "calc(var(--kendo-spacing-7\\.5, 1.875rem) - 2 * 1px)",
             "resolvedType": "Calculation"
         },
         {
@@ -67126,7 +67396,7 @@
                 "path": "default/scss/timeline/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "calc(30px - 2 * 1px)",
+            "resolvedValue": "calc(var(--kendo-spacing-7\\.5, 1.875rem) - 2 * 1px)",
             "resolvedType": "Calculation"
         },
         {
@@ -67585,7 +67855,7 @@
                 "path": "default/scss/timeline/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "calc(6px + 2 * 1px + 4px + 10px)",
+            "resolvedValue": "calc(var(--kendo-spacing-1\\.5, 0.375rem) + 2 * 1px + 4px + 10px)",
             "resolvedType": "Calculation"
         },
         {
@@ -67666,7 +67936,7 @@
                 "path": "default/scss/timeline/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "calc(var(--kendo-spacing-10, 2.5rem) + (80px - 6px) / 2)",
+            "resolvedValue": "calc(var(--kendo-spacing-10, 2.5rem) + (80px - var(--kendo-spacing-1\\.5, 0.375rem)) / 2)",
             "resolvedType": "Calculation"
         },
         {
@@ -67693,7 +67963,7 @@
                 "path": "default/scss/timeline/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "calc(calc(var(--kendo-spacing-10, 2.5rem) + (80px - 6px) / 2) + 50px)",
+            "resolvedValue": "calc(calc(var(--kendo-spacing-10, 2.5rem) + (80px - var(--kendo-spacing-1\\.5, 0.375rem)) / 2) + 50px)",
             "resolvedType": "Calculation"
         },
         {
@@ -67720,7 +67990,7 @@
                 "path": "default/scss/timeline/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "calc(var(--kendo-spacing-4, 1rem) + (80px - 6px) / 2)",
+            "resolvedValue": "calc(var(--kendo-spacing-4, 1rem) + (80px - var(--kendo-spacing-1\\.5, 0.375rem)) / 2)",
             "resolvedType": "Calculation"
         },
         {
@@ -67747,7 +68017,7 @@
                 "path": "default/scss/timeline/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "calc(calc(var(--kendo-spacing-4, 1rem) + (80px - 6px) / 2) + 50px)",
+            "resolvedValue": "calc(calc(var(--kendo-spacing-4, 1rem) + (80px - var(--kendo-spacing-1\\.5, 0.375rem)) / 2) + 50px)",
             "resolvedType": "Calculation"
         },
         {
@@ -68534,15 +68804,15 @@
             "resolvedType": "Null"
         },
         {
-            "description": "The color of the separator border of the Toolbar.\n",
+            "description": "The text color of the outline Toolbar.\n",
             "commentRange": {
                 "start": 75,
                 "end": 76
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-toolbar-separator-border",
-                "value": "inherit",
+                "name": "kendo-toolbar-outline-text",
+                "value": "$kendo-button-text",
                 "scope": "default",
                 "line": {
                     "start": 77,
@@ -68557,23 +68827,23 @@
                 "path": "default/scss/toolbar/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "inherit",
+            "resolvedValue": "var(--kendo-color-on-base, #3d3d3d)",
             "resolvedType": "String"
         },
         {
-            "description": "The width of the input in the Toolbar.\n",
+            "description": "The color of the border around the outline Toolbar.\n",
             "commentRange": {
-                "start": 79,
-                "end": 80
+                "start": 78,
+                "end": 79
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-toolbar-input-width",
-                "value": "10em",
+                "name": "kendo-toolbar-outline-border",
+                "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 50%, transparent), rgba( $kendo-toolbar-outline-text, .5))",
                 "scope": "default",
                 "line": {
-                    "start": 81,
-                    "end": 81
+                    "start": 80,
+                    "end": 80
                 }
             },
             "group": [
@@ -68584,23 +68854,23 @@
                 "path": "default/scss/toolbar/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "10em",
-            "resolvedType": "Number"
+            "resolvedValue": "color-mix(in srgb, var(--kendo-color-on-base, #3d3d3d) 50%, transparent)",
+            "resolvedType": "String"
         },
         {
-            "description": "The box shadow of the focused Toolbar item.\n",
+            "description": "The gradient of the outline Toolbar.\n",
             "commentRange": {
-                "start": 83,
-                "end": 84
+                "start": 81,
+                "end": 82
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-toolbar-item-shadow",
-                "value": "$kendo-button-focus-shadow",
+                "name": "kendo-toolbar-outline-gradient",
+                "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 85,
-                    "end": 85
+                    "start": 83,
+                    "end": 83
                 }
             },
             "group": [
@@ -68611,19 +68881,46 @@
                 "path": "default/scss/toolbar/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 8%, transparent)",
-            "resolvedType": "List"
+            "resolvedValue": "null",
+            "resolvedType": "Null"
         },
         {
-            "description": "Border width of the flat Toolbar.\n",
+            "description": "The box shadow of the outline Toolbar.\n",
+            "commentRange": {
+                "start": 84,
+                "end": 85
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-toolbar-outline-shadow",
+                "value": "null",
+                "scope": "default",
+                "line": {
+                    "start": 86,
+                    "end": 86
+                }
+            },
+            "group": [
+                "toolbar"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/toolbar/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "null",
+            "resolvedType": "Null"
+        },
+        {
+            "description": "The width of the border around the outline Toolbar.\n",
             "commentRange": {
                 "start": 87,
                 "end": 88
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-toolbar-flat-border-width",
-                "value": "1px",
+                "name": "kendo-toolbar-outline-border-width",
+                "value": "$kendo-toolbar-border-width",
                 "scope": "default",
                 "line": {
                     "start": 89,
@@ -68642,18 +68939,153 @@
             "resolvedType": "Number"
         },
         {
-            "description": "The sizes map for the Toolbar.\n",
+            "description": "The text color of the flat Toolbar.\n",
             "commentRange": {
                 "start": 91,
                 "end": 92
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-toolbar-sizes",
-                "value": "(\n    sm: (\n        padding-x: $kendo-toolbar-sm-padding-x,\n        padding-y: $kendo-toolbar-sm-padding-y,\n        spacing: $kendo-toolbar-sm-spacing\n    ),\n    md: (\n        padding-x: $kendo-toolbar-md-padding-x,\n        padding-y: $kendo-toolbar-md-padding-y,\n        spacing: $kendo-toolbar-md-spacing\n    ),\n    lg: (\n        padding-x: $kendo-toolbar-lg-padding-x,\n        padding-y: $kendo-toolbar-lg-padding-y,\n        spacing: $kendo-toolbar-lg-spacing\n    )\n)",
+                "name": "kendo-toolbar-flat-text",
+                "value": "null",
                 "scope": "default",
                 "line": {
                     "start": 93,
+                    "end": 93
+                }
+            },
+            "group": [
+                "toolbar"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/toolbar/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "null",
+            "resolvedType": "Null"
+        },
+        {
+            "description": "The color of the border around the flat Toolbar.\n",
+            "commentRange": {
+                "start": 94,
+                "end": 95
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-toolbar-flat-border",
+                "value": "$kendo-toolbar-border",
+                "scope": "default",
+                "line": {
+                    "start": 96,
+                    "end": 96
+                }
+            },
+            "group": [
+                "toolbar"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/toolbar/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-color-border, rgba(0, 0, 0, 0.08))",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The gradient of the flat Toolbar.\n",
+            "commentRange": {
+                "start": 97,
+                "end": 98
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-toolbar-flat-gradient",
+                "value": "null",
+                "scope": "default",
+                "line": {
+                    "start": 99,
+                    "end": 99
+                }
+            },
+            "group": [
+                "toolbar"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/toolbar/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "null",
+            "resolvedType": "Null"
+        },
+        {
+            "description": "The box shadow of the flat Toolbar.\n",
+            "commentRange": {
+                "start": 100,
+                "end": 101
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-toolbar-flat-shadow",
+                "value": "null",
+                "scope": "default",
+                "line": {
+                    "start": 102,
+                    "end": 102
+                }
+            },
+            "group": [
+                "toolbar"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/toolbar/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "null",
+            "resolvedType": "Null"
+        },
+        {
+            "description": "Border width of the flat Toolbar.\n",
+            "commentRange": {
+                "start": 103,
+                "end": 104
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-toolbar-flat-border-width",
+                "value": "1px",
+                "scope": "default",
+                "line": {
+                    "start": 105,
+                    "end": 105
+                }
+            },
+            "group": [
+                "toolbar"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/toolbar/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "1px",
+            "resolvedType": "Number"
+        },
+        {
+            "description": "The color of the separator border of the Toolbar.\n",
+            "commentRange": {
+                "start": 107,
+                "end": 108
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-toolbar-separator-border",
+                "value": "inherit",
+                "scope": "default",
+                "line": {
+                    "start": 109,
                     "end": 109
                 }
             },
@@ -68665,6 +69097,87 @@
                 "path": "default/scss/toolbar/_variables.scss",
                 "name": "_variables.scss"
             },
+            "resolvedValue": "inherit",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The width of the input in the Toolbar.\n",
+            "commentRange": {
+                "start": 111,
+                "end": 112
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-toolbar-input-width",
+                "value": "10em",
+                "scope": "default",
+                "line": {
+                    "start": 113,
+                    "end": 113
+                }
+            },
+            "group": [
+                "toolbar"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/toolbar/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "10em",
+            "resolvedType": "Number"
+        },
+        {
+            "description": "The box shadow of the focused Toolbar item.\n",
+            "commentRange": {
+                "start": 115,
+                "end": 116
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-toolbar-item-shadow",
+                "value": "$kendo-button-focus-shadow",
+                "scope": "default",
+                "line": {
+                    "start": 117,
+                    "end": 117
+                }
+            },
+            "group": [
+                "toolbar"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/toolbar/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 8%, transparent)",
+            "resolvedType": "List"
+        },
+        {
+            "description": "The sizes map for the Toolbar.\n",
+            "commentRange": {
+                "start": 119,
+                "end": 120
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-toolbar-sizes",
+                "value": "(\n    sm: (\n        padding-x: $kendo-toolbar-sm-padding-x,\n        padding-y: $kendo-toolbar-sm-padding-y,\n        spacing: $kendo-toolbar-sm-spacing\n    ),\n    md: (\n        padding-x: $kendo-toolbar-md-padding-x,\n        padding-y: $kendo-toolbar-md-padding-y,\n        spacing: $kendo-toolbar-md-spacing\n    ),\n    lg: (\n        padding-x: $kendo-toolbar-lg-padding-x,\n        padding-y: $kendo-toolbar-lg-padding-y,\n        spacing: $kendo-toolbar-lg-spacing\n    )\n)",
+                "scope": "default",
+                "line": {
+                    "start": 121,
+                    "end": 137
+                }
+            },
+            "group": [
+                "toolbar"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/toolbar/_variables.scss",
+                "name": "_variables.scss"
+            },
             "resolvedValue": "(sm: (padding-x: var(--kendo-spacing-1, 0.25rem), padding-y: var(--kendo-spacing-1, 0.25rem), spacing: var(--kendo-spacing-1\\.5, 0.375rem)), md: (padding-x: var(--kendo-spacing-2, 0.5rem), padding-y: var(--kendo-spacing-2, 0.5rem), spacing: var(--kendo-spacing-2, 0.5rem)), lg: (padding-x: var(--kendo-spacing-2\\.5, 0.625rem), padding-y: var(--kendo-spacing-2\\.5, 0.625rem), spacing: var(--kendo-spacing-2\\.5, 0.625rem)))",
             "resolvedType": "Map",
             "prettyValue": {
@@ -112118,14 +112631,14 @@
                     "resolvedType": "Null"
                 },
                 {
-                    "description": "The color of the 'No Data' text.\n",
+                    "description": "The color of the 'Option Label' text.\n",
                     "commentRange": {
                         "start": 245,
                         "end": 246
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-list-no-data-text",
+                        "name": "kendo-list-option-label-text",
                         "value": "$kendo-subtle-text",
                         "scope": "default",
                         "line": {
@@ -112143,33 +112656,6 @@
                     },
                     "resolvedValue": "var(--kendo-color-subtle, #666666)",
                     "resolvedType": "String"
-                },
-                {
-                    "description": "The color of the 'Option Label' text.\n",
-                    "commentRange": {
-                        "start": 249,
-                        "end": 250
-                    },
-                    "context": {
-                        "type": "variable",
-                        "name": "kendo-list-option-label-text",
-                        "value": "$kendo-subtle-text",
-                        "scope": "default",
-                        "line": {
-                            "start": 251,
-                            "end": 251
-                        }
-                    },
-                    "group": [
-                        "list"
-                    ],
-                    "access": "public",
-                    "file": {
-                        "path": "default/scss/list/_variables.scss",
-                        "name": "_variables.scss"
-                    },
-                    "resolvedValue": "var(--kendo-color-subtle, #666666)",
-                    "resolvedType": "String"
                 }
             ]
         },
@@ -116892,6 +117378,66 @@
                 }
             ]
         },
+        {
+            "id": "no-data",
+            "title": "NoData",
+            "variables": [
+                {
+                    "description": "The minimum height of the 'No Data' text container.\n",
+                    "commentRange": {
+                        "start": 1,
+                        "end": 2
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-no-data-min-height",
+                        "value": "140px",
+                        "scope": "default",
+                        "line": {
+                            "start": 3,
+                            "end": 3
+                        }
+                    },
+                    "group": [
+                        "no-data"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/no-data/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "140px",
+                    "resolvedType": "Number"
+                },
+                {
+                    "description": "The color of the 'No Data' text.\n",
+                    "commentRange": {
+                        "start": 5,
+                        "end": 6
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-no-data-text",
+                        "value": "$kendo-subtle-text",
+                        "scope": "default",
+                        "line": {
+                            "start": 7,
+                            "end": 7
+                        }
+                    },
+                    "group": [
+                        "no-data"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/no-data/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-color-subtle, #666666)",
+                    "resolvedType": "String"
+                }
+            ]
+        },
         {
             "id": "notification",
             "title": "Notification",
@@ -118541,7 +119087,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-orgchart-line-v-height",
-                        "value": "25px",
+                        "value": "k-spacing(6)",
                         "scope": "default",
                         "line": {
                             "start": 146,
@@ -118556,8 +119102,8 @@
                         "path": "default/scss/orgchart/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "25px",
-                    "resolvedType": "Number"
+                    "resolvedValue": "var(--kendo-spacing-6, 1.5rem)",
+                    "resolvedType": "String"
                 }
             ]
         },
@@ -119455,6 +120001,222 @@
                     },
                     "resolvedValue": "var(--kendo-color-subtle, #666666)",
                     "resolvedType": "String"
+                },
+                {
+                    "description": "The vertical padding of the PDFViewer popup.\n",
+                    "commentRange": {
+                        "start": 112,
+                        "end": 113
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-pdf-viewer-popup-padding-x",
+                        "value": "k-spacing(2)",
+                        "scope": "default",
+                        "line": {
+                            "start": 114,
+                            "end": 114
+                        }
+                    },
+                    "group": [
+                        "pdf-viewer"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/pdf-viewer/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-spacing-2, 0.5rem)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The horizontal padding of the PDFViewer popup.\n",
+                    "commentRange": {
+                        "start": 115,
+                        "end": 116
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-pdf-viewer-popup-padding-y",
+                        "value": "$kendo-pdf-viewer-popup-padding-x",
+                        "scope": "default",
+                        "line": {
+                            "start": 117,
+                            "end": 117
+                        }
+                    },
+                    "group": [
+                        "pdf-viewer"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/pdf-viewer/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-spacing-2, 0.5rem)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The border color of the PDFViewer selected highlight annotation.\n",
+                    "commentRange": {
+                        "start": 119,
+                        "end": 120
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-pdf-viewer-highlight-annotation-border",
+                        "value": "if($kendo-enable-color-system, k-color(primary), $kendo-color-primary)",
+                        "scope": "default",
+                        "line": {
+                            "start": 121,
+                            "end": 121
+                        }
+                    },
+                    "group": [
+                        "pdf-viewer"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/pdf-viewer/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-color-primary, #ff6358)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The background color of the PDFViewer hover highlight annotation.\n",
+                    "commentRange": {
+                        "start": 122,
+                        "end": 123
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-pdf-viewer-highlight-annotation-hover-border",
+                        "value": "if($kendo-enable-color-system, k-color( primary-hover ), $kendo-color-primary-darker)",
+                        "scope": "default",
+                        "line": {
+                            "start": 124,
+                            "end": 124
+                        }
+                    },
+                    "group": [
+                        "pdf-viewer"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/pdf-viewer/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-color-primary-hover, #ea5a51)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The border color of the PDFViewer selected free text annotation.\n",
+                    "commentRange": {
+                        "start": 125,
+                        "end": 126
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-pdf-viewer-free-text-annotation-border",
+                        "value": "if($kendo-enable-color-system, k-color(primary), $kendo-color-primary)",
+                        "scope": "default",
+                        "line": {
+                            "start": 127,
+                            "end": 127
+                        }
+                    },
+                    "group": [
+                        "pdf-viewer"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/pdf-viewer/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-color-primary, #ff6358)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The placeholder text color of the PDFViewer free text annotation.\n",
+                    "commentRange": {
+                        "start": 128,
+                        "end": 129
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-pdf-viewer-free-text-annotation-placeholder-text",
+                        "value": "rgba(124, 22, 27, 0.5)",
+                        "scope": "default",
+                        "line": {
+                            "start": 130,
+                            "end": 130
+                        }
+                    },
+                    "group": [
+                        "pdf-viewer"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/pdf-viewer/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "rgba(124, 22, 27, 0.5)",
+                    "resolvedType": "Color"
+                },
+                {
+                    "description": "The text color of the PDFViewer free text annotation.\n",
+                    "commentRange": {
+                        "start": 131,
+                        "end": 132
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-pdf-viewer-free-text-annotation-text",
+                        "value": "rgba(124, 22, 27, 0.5)",
+                        "scope": "default",
+                        "line": {
+                            "start": 133,
+                            "end": 133
+                        }
+                    },
+                    "group": [
+                        "pdf-viewer"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/pdf-viewer/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "rgba(124, 22, 27, 0.5)",
+                    "resolvedType": "Color"
+                },
+                {
+                    "description": "The text color of the PDFViewer free text annotation.\n",
+                    "commentRange": {
+                        "start": 134,
+                        "end": 135
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-pdf-viewer-free-text-annotation-text",
+                        "value": "rgba(124, 22, 27, 0.7)",
+                        "scope": "default",
+                        "line": {
+                            "start": 136,
+                            "end": 136
+                        }
+                    },
+                    "group": [
+                        "pdf-viewer"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/pdf-viewer/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "rgba(124, 22, 27, 0.5)",
+                    "resolvedType": "Color"
                 }
             ]
         },
@@ -135179,7 +135941,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-splitter-drag-icon-margin",
-                        "value": "calc( #{k-spacing(3.5)} / 2 )",
+                        "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
                             "start": 37,
@@ -135194,8 +135956,8 @@
                         "path": "default/scss/splitter/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "calc(var(--kendo-spacing-3\\.5, 0.875rem) / 2)",
-                    "resolvedType": "Calculation"
+                    "resolvedValue": "var(--kendo-spacing-2, 0.5rem)",
+                    "resolvedType": "String"
                 },
                 {
                     "description": "The horizontal padding of the collapse icon in the Splitter.\n",
@@ -137747,11 +138509,38 @@
                     "resolvedValue": "calc(var(--kendo-spacing-2\\.5, 0.625rem) / 2)",
                     "resolvedType": "Calculation"
                 },
+                {
+                    "description": "The border radius of the Stepper label.\n",
+                    "commentRange": {
+                        "start": 24,
+                        "end": 25
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-stepper-label-border-radius",
+                        "value": "k-border-radius(xxxl)",
+                        "scope": "default",
+                        "line": {
+                            "start": 26,
+                            "end": 26
+                        }
+                    },
+                    "group": [
+                        "stepper"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/stepper/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-border-radius-xxxl, 1rem)",
+                    "resolvedType": "String"
+                },
                 {
                     "description": "The width of the border around the Stepper.\n",
                     "commentRange": {
-                        "start": 24,
-                        "end": 25
+                        "start": 27,
+                        "end": 28
                     },
                     "context": {
                         "type": "variable",
@@ -137759,8 +138548,8 @@
                         "value": "0px",
                         "scope": "default",
                         "line": {
-                            "start": 26,
-                            "end": 26
+                            "start": 29,
+                            "end": 29
                         }
                     },
                     "group": [
@@ -137777,8 +138566,8 @@
                 {
                     "description": "The horizontal padding of the Stepper content.\n",
                     "commentRange": {
-                        "start": 28,
-                        "end": 29
+                        "start": 31,
+                        "end": 32
                     },
                     "context": {
                         "type": "variable",
@@ -137786,8 +138575,8 @@
                         "value": "k-spacing(5)",
                         "scope": "default",
                         "line": {
-                            "start": 30,
-                            "end": 30
+                            "start": 33,
+                            "end": 33
                         }
                     },
                     "group": [
@@ -137804,8 +138593,8 @@
                 {
                     "description": "The vertical padding of the Stepper content.\n",
                     "commentRange": {
-                        "start": 31,
-                        "end": 32
+                        "start": 34,
+                        "end": 35
                     },
                     "context": {
                         "type": "variable",
@@ -137813,8 +138602,8 @@
                         "value": "k-spacing(2.5)",
                         "scope": "default",
                         "line": {
-                            "start": 33,
-                            "end": 33
+                            "start": 36,
+                            "end": 36
                         }
                     },
                     "group": [
@@ -137831,8 +138620,8 @@
                 {
                     "description": "",
                     "commentRange": {
-                        "start": 36,
-                        "end": 36
+                        "start": 39,
+                        "end": 39
                     },
                     "context": {
                         "type": "variable",
@@ -137840,8 +138629,8 @@
                         "value": "var( --kendo-font-size, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 37,
-                            "end": 37
+                            "start": 40,
+                            "end": 40
                         }
                     },
                     "group": [
@@ -137858,8 +138647,8 @@
                 {
                     "description": "",
                     "commentRange": {
-                        "start": 39,
-                        "end": 39
+                        "start": 42,
+                        "end": 42
                     },
                     "context": {
                         "type": "variable",
@@ -137867,8 +138656,8 @@
                         "value": "var( --kendo-line-height, normal )",
                         "scope": "default",
                         "line": {
-                            "start": 40,
-                            "end": 40
+                            "start": 43,
+                            "end": 43
                         }
                     },
                     "group": [
@@ -137885,8 +138674,8 @@
                 {
                     "description": "",
                     "commentRange": {
-                        "start": 42,
-                        "end": 42
+                        "start": 45,
+                        "end": 45
                     },
                     "context": {
                         "type": "variable",
@@ -137894,8 +138683,8 @@
                         "value": "var( --kendo-font-family, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 43,
-                            "end": 43
+                            "start": 46,
+                            "end": 46
                         }
                     },
                     "group": [
@@ -137912,8 +138701,8 @@
                 {
                     "description": "The background color of the Stepper.\n",
                     "commentRange": {
-                        "start": 45,
-                        "end": 46
+                        "start": 48,
+                        "end": 49
                     },
                     "context": {
                         "type": "variable",
@@ -137921,8 +138710,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 47,
-                            "end": 47
+                            "start": 50,
+                            "end": 50
                         }
                     },
                     "group": [
@@ -137939,8 +138728,8 @@
                 {
                     "description": "The text color of the Stepper.\n",
                     "commentRange": {
-                        "start": 48,
-                        "end": 49
+                        "start": 51,
+                        "end": 52
                     },
                     "context": {
                         "type": "variable",
@@ -137948,8 +138737,8 @@
                         "value": "$kendo-component-text",
                         "scope": "default",
                         "line": {
-                            "start": 50,
-                            "end": 50
+                            "start": 53,
+                            "end": 53
                         }
                     },
                     "group": [
@@ -137966,8 +138755,8 @@
                 {
                     "description": "The border color of the Stepper.\n",
                     "commentRange": {
-                        "start": 51,
-                        "end": 52
+                        "start": 54,
+                        "end": 55
                     },
                     "context": {
                         "type": "variable",
@@ -137975,8 +138764,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 53,
-                            "end": 53
+                            "start": 56,
+                            "end": 56
                         }
                     },
                     "group": [
@@ -137993,8 +138782,8 @@
                 {
                     "description": "The width of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 55,
-                        "end": 56
+                        "start": 58,
+                        "end": 59
                     },
                     "context": {
                         "type": "variable",
@@ -138002,8 +138791,8 @@
                         "value": "28px",
                         "scope": "default",
                         "line": {
-                            "start": 57,
-                            "end": 57
+                            "start": 60,
+                            "end": 60
                         }
                     },
                     "group": [
@@ -138020,8 +138809,8 @@
                 {
                     "description": "The height of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 58,
-                        "end": 59
+                        "start": 61,
+                        "end": 62
                     },
                     "context": {
                         "type": "variable",
@@ -138029,8 +138818,8 @@
                         "value": "$kendo-stepper-indicator-width",
                         "scope": "default",
                         "line": {
-                            "start": 60,
-                            "end": 60
+                            "start": 63,
+                            "end": 63
                         }
                     },
                     "group": [
@@ -138047,8 +138836,8 @@
                 {
                     "description": "The border width of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 61,
-                        "end": 62
+                        "start": 64,
+                        "end": 65
                     },
                     "context": {
                         "type": "variable",
@@ -138056,8 +138845,8 @@
                         "value": "1px",
                         "scope": "default",
                         "line": {
-                            "start": 63,
-                            "end": 63
+                            "start": 66,
+                            "end": 66
                         }
                     },
                     "group": [
@@ -138074,8 +138863,8 @@
                 {
                     "description": "The border radius of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 64,
-                        "end": 65
+                        "start": 67,
+                        "end": 68
                     },
                     "context": {
                         "type": "variable",
@@ -138083,8 +138872,8 @@
                         "value": "50%",
                         "scope": "default",
                         "line": {
-                            "start": 66,
-                            "end": 66
+                            "start": 69,
+                            "end": 69
                         }
                     },
                     "group": [
@@ -138101,8 +138890,8 @@
                 {
                     "description": "The border width of the focused Stepper indicator.\n",
                     "commentRange": {
-                        "start": 68,
-                        "end": 69
+                        "start": 71,
+                        "end": 72
                     },
                     "context": {
                         "type": "variable",
@@ -138110,8 +138899,8 @@
                         "value": "1px",
                         "scope": "default",
                         "line": {
-                            "start": 70,
-                            "end": 70
+                            "start": 73,
+                            "end": 73
                         }
                     },
                     "group": [
@@ -138128,8 +138917,8 @@
                 {
                     "description": "The size of the focused Stepper indicator.\n",
                     "commentRange": {
-                        "start": 71,
-                        "end": 72
+                        "start": 74,
+                        "end": 75
                     },
                     "context": {
                         "type": "variable",
@@ -138137,8 +138926,8 @@
                         "value": "2px",
                         "scope": "default",
                         "line": {
-                            "start": 73,
-                            "end": 73
+                            "start": 76,
+                            "end": 76
                         }
                     },
                     "group": [
@@ -138155,8 +138944,8 @@
                 {
                     "description": "The offset of the Stepper's focused indicator.\n",
                     "commentRange": {
-                        "start": 74,
-                        "end": 75
+                        "start": 77,
+                        "end": 78
                     },
                     "context": {
                         "type": "variable",
@@ -138164,8 +138953,8 @@
                         "value": "3px",
                         "scope": "default",
                         "line": {
-                            "start": 76,
-                            "end": 76
+                            "start": 79,
+                            "end": 79
                         }
                     },
                     "group": [
@@ -138182,8 +138971,8 @@
                 {
                     "description": "The calculated offset of the Stepper's focused indicator.\n",
                     "commentRange": {
-                        "start": 77,
-                        "end": 78
+                        "start": 80,
+                        "end": 81
                     },
                     "context": {
                         "type": "variable",
@@ -138191,8 +138980,8 @@
                         "value": "calc( #{$kendo-stepper-indicator-focus-border-width} + #{$kendo-stepper-indicator-focus-offset} )",
                         "scope": "default",
                         "line": {
-                            "start": 79,
-                            "end": 79
+                            "start": 82,
+                            "end": 82
                         }
                     },
                     "group": [
@@ -138209,8 +138998,8 @@
                 {
                     "description": "The background color of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 81,
-                        "end": 82
+                        "start": 84,
+                        "end": 85
                     },
                     "context": {
                         "type": "variable",
@@ -138218,8 +139007,8 @@
                         "value": "$kendo-component-bg",
                         "scope": "default",
                         "line": {
-                            "start": 83,
-                            "end": 83
+                            "start": 86,
+                            "end": 86
                         }
                     },
                     "group": [
@@ -138236,8 +139025,8 @@
                 {
                     "description": "The text color of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 84,
-                        "end": 85
+                        "start": 87,
+                        "end": 88
                     },
                     "context": {
                         "type": "variable",
@@ -138245,8 +139034,8 @@
                         "value": "$kendo-component-text",
                         "scope": "default",
                         "line": {
-                            "start": 86,
-                            "end": 86
+                            "start": 89,
+                            "end": 89
                         }
                     },
                     "group": [
@@ -138263,8 +139052,8 @@
                 {
                     "description": "The border color of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 87,
-                        "end": 88
+                        "start": 90,
+                        "end": 91
                     },
                     "context": {
                         "type": "variable",
@@ -138272,8 +139061,8 @@
                         "value": "#cccccc",
                         "scope": "default",
                         "line": {
-                            "start": 89,
-                            "end": 89
+                            "start": 92,
+                            "end": 92
                         }
                     },
                     "group": [
@@ -138290,8 +139079,8 @@
                 {
                     "description": "The background color of the hovered Stepper indicator.\n",
                     "commentRange": {
-                        "start": 91,
-                        "end": 92
+                        "start": 94,
+                        "end": 95
                     },
                     "context": {
                         "type": "variable",
@@ -138299,8 +139088,8 @@
                         "value": "if($kendo-enable-color-system, k-color( base-hover ), k-try-shade( $kendo-stepper-indicator-bg ))",
                         "scope": "default",
                         "line": {
-                            "start": 93,
-                            "end": 93
+                            "start": 96,
+                            "end": 96
                         }
                     },
                     "group": [
@@ -138317,8 +139106,8 @@
                 {
                     "description": "The text color of the hovered Stepper indicator.\n",
                     "commentRange": {
-                        "start": 94,
-                        "end": 95
+                        "start": 97,
+                        "end": 98
                     },
                     "context": {
                         "type": "variable",
@@ -138326,8 +139115,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 96,
-                            "end": 96
+                            "start": 99,
+                            "end": 99
                         }
                     },
                     "group": [
@@ -138344,8 +139133,8 @@
                 {
                     "description": "The border color of the hovered Stepper indicator.\n",
                     "commentRange": {
-                        "start": 97,
-                        "end": 98
+                        "start": 100,
+                        "end": 101
                     },
                     "context": {
                         "type": "variable",
@@ -138353,8 +139142,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 99,
-                            "end": 99
+                            "start": 102,
+                            "end": 102
                         }
                     },
                     "group": [
@@ -138371,8 +139160,8 @@
                 {
                     "description": "The background color of the disabled Stepper indicator.\n",
                     "commentRange": {
-                        "start": 101,
-                        "end": 102
+                        "start": 104,
+                        "end": 105
                     },
                     "context": {
                         "type": "variable",
@@ -138380,8 +139169,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 103,
-                            "end": 103
+                            "start": 106,
+                            "end": 106
                         }
                     },
                     "group": [
@@ -138398,8 +139187,8 @@
                 {
                     "description": "The text color of the disabled Stepper indicator.\n",
                     "commentRange": {
-                        "start": 104,
-                        "end": 105
+                        "start": 107,
+                        "end": 108
                     },
                     "context": {
                         "type": "variable",
@@ -138407,8 +139196,8 @@
                         "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), #8f8f8f)",
                         "scope": "default",
                         "line": {
-                            "start": 106,
-                            "end": 106
+                            "start": 109,
+                            "end": 109
                         }
                     },
                     "group": [
@@ -138425,8 +139214,8 @@
                 {
                     "description": "The border color of the disabled Stepper indicator.\n",
                     "commentRange": {
-                        "start": 107,
-                        "end": 108
+                        "start": 110,
+                        "end": 111
                     },
                     "context": {
                         "type": "variable",
@@ -138434,8 +139223,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 109,
-                            "end": 109
+                            "start": 112,
+                            "end": 112
                         }
                     },
                     "group": [
@@ -138452,8 +139241,8 @@
                 {
                     "description": "The background color of the Stepper's done indicator.\n",
                     "commentRange": {
-                        "start": 111,
-                        "end": 112
+                        "start": 114,
+                        "end": 115
                     },
                     "context": {
                         "type": "variable",
@@ -138461,8 +139250,8 @@
                         "value": "$kendo-color-primary",
                         "scope": "default",
                         "line": {
-                            "start": 113,
-                            "end": 113
+                            "start": 116,
+                            "end": 116
                         }
                     },
                     "group": [
@@ -138479,8 +139268,8 @@
                 {
                     "description": "The text color of the Stepper's done indicator.\n",
                     "commentRange": {
-                        "start": 114,
-                        "end": 115
+                        "start": 117,
+                        "end": 118
                     },
                     "context": {
                         "type": "variable",
@@ -138488,8 +139277,8 @@
                         "value": "if($kendo-enable-color-system, k-color( on-primary ), k-contrast-legacy( $kendo-stepper-indicator-done-bg ))",
                         "scope": "default",
                         "line": {
-                            "start": 116,
-                            "end": 116
+                            "start": 119,
+                            "end": 119
                         }
                     },
                     "group": [
@@ -138506,8 +139295,8 @@
                 {
                     "description": "The border color of the Stepper's done indicator.\n",
                     "commentRange": {
-                        "start": 117,
-                        "end": 118
+                        "start": 120,
+                        "end": 121
                     },
                     "context": {
                         "type": "variable",
@@ -138515,8 +139304,8 @@
                         "value": "$kendo-stepper-indicator-done-bg",
                         "scope": "default",
                         "line": {
-                            "start": 119,
-                            "end": 119
+                            "start": 122,
+                            "end": 122
                         }
                     },
                     "group": [
@@ -138533,8 +139322,8 @@
                 {
                     "description": "The background color of the Stepper's hovered done indicator.\n",
                     "commentRange": {
-                        "start": 121,
-                        "end": 122
+                        "start": 124,
+                        "end": 125
                     },
                     "context": {
                         "type": "variable",
@@ -138542,8 +139331,8 @@
                         "value": "if($kendo-enable-color-system, k-color( primary-hover ), k-try-shade( $kendo-stepper-indicator-done-bg ))",
                         "scope": "default",
                         "line": {
-                            "start": 123,
-                            "end": 123
+                            "start": 126,
+                            "end": 126
                         }
                     },
                     "group": [
@@ -138560,8 +139349,8 @@
                 {
                     "description": "The text color of the Stepper's hovered done indicator.\n",
                     "commentRange": {
-                        "start": 124,
-                        "end": 125
+                        "start": 127,
+                        "end": 128
                     },
                     "context": {
                         "type": "variable",
@@ -138569,8 +139358,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 126,
-                            "end": 126
+                            "start": 129,
+                            "end": 129
                         }
                     },
                     "group": [
@@ -138587,8 +139376,8 @@
                 {
                     "description": "The border color of the Stepper's hovered done indicator.\n",
                     "commentRange": {
-                        "start": 127,
-                        "end": 128
+                        "start": 130,
+                        "end": 131
                     },
                     "context": {
                         "type": "variable",
@@ -138596,8 +139385,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 129,
-                            "end": 129
+                            "start": 132,
+                            "end": 132
                         }
                     },
                     "group": [
@@ -138614,8 +139403,8 @@
                 {
                     "description": "The background color of the Stepper's disabled done indicator.\n",
                     "commentRange": {
-                        "start": 131,
-                        "end": 132
+                        "start": 134,
+                        "end": 135
                     },
                     "context": {
                         "type": "variable",
@@ -138623,8 +139412,8 @@
                         "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 60%, transparent), k-color-mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60%))",
                         "scope": "default",
                         "line": {
-                            "start": 133,
-                            "end": 133
+                            "start": 136,
+                            "end": 136
                         }
                     },
                     "group": [
@@ -138641,8 +139430,8 @@
                 {
                     "description": "The text color of the Stepper's disabled done indicator.\n",
                     "commentRange": {
-                        "start": 134,
-                        "end": 135
+                        "start": 137,
+                        "end": 138
                     },
                     "context": {
                         "type": "variable",
@@ -138650,8 +139439,8 @@
                         "value": "if($kendo-enable-color-system, k-color( on-primary ), k-contrast-legacy( $kendo-stepper-indicator-done-bg ))",
                         "scope": "default",
                         "line": {
-                            "start": 136,
-                            "end": 136
+                            "start": 139,
+                            "end": 139
                         }
                     },
                     "group": [
@@ -138668,8 +139457,8 @@
                 {
                     "description": "The border color of the Stepper's disabled done indicator.\n",
                     "commentRange": {
-                        "start": 137,
-                        "end": 138
+                        "start": 140,
+                        "end": 141
                     },
                     "context": {
                         "type": "variable",
@@ -138677,8 +139466,8 @@
                         "value": "$kendo-stepper-indicator-done-disabled-bg",
                         "scope": "default",
                         "line": {
-                            "start": 139,
-                            "end": 139
+                            "start": 142,
+                            "end": 142
                         }
                     },
                     "group": [
@@ -138695,8 +139484,8 @@
                 {
                     "description": "The background color of the Stepper current indicator.\n",
                     "commentRange": {
-                        "start": 141,
-                        "end": 142
+                        "start": 144,
+                        "end": 145
                     },
                     "context": {
                         "type": "variable",
@@ -138704,8 +139493,8 @@
                         "value": "$kendo-stepper-indicator-done-bg",
                         "scope": "default",
                         "line": {
-                            "start": 143,
-                            "end": 143
+                            "start": 146,
+                            "end": 146
                         }
                     },
                     "group": [
@@ -138722,8 +139511,8 @@
                 {
                     "description": "The text color of the Stepper current indicator.\n",
                     "commentRange": {
-                        "start": 144,
-                        "end": 145
+                        "start": 147,
+                        "end": 148
                     },
                     "context": {
                         "type": "variable",
@@ -138731,8 +139520,8 @@
                         "value": "$kendo-stepper-indicator-done-text",
                         "scope": "default",
                         "line": {
-                            "start": 146,
-                            "end": 146
+                            "start": 149,
+                            "end": 149
                         }
                     },
                     "group": [
@@ -138749,8 +139538,8 @@
                 {
                     "description": "The border color of the Stepper current indicator.\n",
                     "commentRange": {
-                        "start": 147,
-                        "end": 148
+                        "start": 150,
+                        "end": 151
                     },
                     "context": {
                         "type": "variable",
@@ -138758,8 +139547,8 @@
                         "value": "$kendo-stepper-indicator-done-border",
                         "scope": "default",
                         "line": {
-                            "start": 149,
-                            "end": 149
+                            "start": 152,
+                            "end": 152
                         }
                     },
                     "group": [
@@ -138776,8 +139565,8 @@
                 {
                     "description": "The background color of the Stepper's hovered current indicator.\n",
                     "commentRange": {
-                        "start": 151,
-                        "end": 152
+                        "start": 154,
+                        "end": 155
                     },
                     "context": {
                         "type": "variable",
@@ -138785,8 +139574,8 @@
                         "value": "$kendo-stepper-indicator-done-hover-bg",
                         "scope": "default",
                         "line": {
-                            "start": 153,
-                            "end": 153
+                            "start": 156,
+                            "end": 156
                         }
                     },
                     "group": [
@@ -138803,8 +139592,8 @@
                 {
                     "description": "The text color of the Stepper's hovered current indicator.\n",
                     "commentRange": {
-                        "start": 154,
-                        "end": 155
+                        "start": 157,
+                        "end": 158
                     },
                     "context": {
                         "type": "variable",
@@ -138812,8 +139601,8 @@
                         "value": "$kendo-stepper-indicator-done-hover-text",
                         "scope": "default",
                         "line": {
-                            "start": 156,
-                            "end": 156
+                            "start": 159,
+                            "end": 159
                         }
                     },
                     "group": [
@@ -138830,8 +139619,8 @@
                 {
                     "description": "The border color of the Stepper's hovered current indicator.\n",
                     "commentRange": {
-                        "start": 157,
-                        "end": 158
+                        "start": 160,
+                        "end": 161
                     },
                     "context": {
                         "type": "variable",
@@ -138839,8 +139628,8 @@
                         "value": "$kendo-stepper-indicator-done-hover-border",
                         "scope": "default",
                         "line": {
-                            "start": 159,
-                            "end": 159
+                            "start": 162,
+                            "end": 162
                         }
                     },
                     "group": [
@@ -138857,8 +139646,8 @@
                 {
                     "description": "The background color of the Stepper's disabled current indicator.\n",
                     "commentRange": {
-                        "start": 161,
-                        "end": 162
+                        "start": 164,
+                        "end": 165
                     },
                     "context": {
                         "type": "variable",
@@ -138866,8 +139655,8 @@
                         "value": "$kendo-stepper-indicator-done-disabled-bg",
                         "scope": "default",
                         "line": {
-                            "start": 163,
-                            "end": 163
+                            "start": 166,
+                            "end": 166
                         }
                     },
                     "group": [
@@ -138884,8 +139673,8 @@
                 {
                     "description": "The text color of the Stepper's disabled current indicator.\n",
                     "commentRange": {
-                        "start": 164,
-                        "end": 165
+                        "start": 167,
+                        "end": 168
                     },
                     "context": {
                         "type": "variable",
@@ -138893,8 +139682,8 @@
                         "value": "$kendo-stepper-indicator-done-disabled-text",
                         "scope": "default",
                         "line": {
-                            "start": 166,
-                            "end": 166
+                            "start": 169,
+                            "end": 169
                         }
                     },
                     "group": [
@@ -138911,8 +139700,8 @@
                 {
                     "description": "The border color of the Stepper's disabled current indicator.\n",
                     "commentRange": {
-                        "start": 167,
-                        "end": 168
+                        "start": 170,
+                        "end": 171
                     },
                     "context": {
                         "type": "variable",
@@ -138920,8 +139709,8 @@
                         "value": "$kendo-stepper-indicator-done-disabled-border",
                         "scope": "default",
                         "line": {
-                            "start": 169,
-                            "end": 169
+                            "start": 172,
+                            "end": 172
                         }
                     },
                     "group": [
@@ -138938,8 +139727,8 @@
                 {
                     "description": "The text color of the Stepper label.\n",
                     "commentRange": {
-                        "start": 171,
-                        "end": 172
+                        "start": 174,
+                        "end": 175
                     },
                     "context": {
                         "type": "variable",
@@ -138947,8 +139736,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 173,
-                            "end": 173
+                            "start": 176,
+                            "end": 176
                         }
                     },
                     "group": [
@@ -138965,8 +139754,8 @@
                 {
                     "description": "The success text color of the Stepper label.\n",
                     "commentRange": {
-                        "start": 174,
-                        "end": 175
+                        "start": 177,
+                        "end": 178
                     },
                     "context": {
                         "type": "variable",
@@ -138974,8 +139763,8 @@
                         "value": "$kendo-color-success",
                         "scope": "default",
                         "line": {
-                            "start": 176,
-                            "end": 176
+                            "start": 179,
+                            "end": 179
                         }
                     },
                     "group": [
@@ -138992,8 +139781,8 @@
                 {
                     "description": "The error text color of the Stepper label.\n",
                     "commentRange": {
-                        "start": 177,
-                        "end": 178
+                        "start": 180,
+                        "end": 181
                     },
                     "context": {
                         "type": "variable",
@@ -139001,8 +139790,8 @@
                         "value": "$kendo-color-error",
                         "scope": "default",
                         "line": {
-                            "start": 179,
-                            "end": 179
+                            "start": 182,
+                            "end": 182
                         }
                     },
                     "group": [
@@ -139019,8 +139808,8 @@
                 {
                     "description": "The text color of the hovered Stepper label.\n",
                     "commentRange": {
-                        "start": 180,
-                        "end": 181
+                        "start": 183,
+                        "end": 184
                     },
                     "context": {
                         "type": "variable",
@@ -139028,8 +139817,8 @@
                         "value": "if($kendo-enable-color-system, k-color( on-base ), k-try-shade( $kendo-stepper-text, 2 ))",
                         "scope": "default",
                         "line": {
-                            "start": 182,
-                            "end": 182
+                            "start": 185,
+                            "end": 185
                         }
                     },
                     "group": [
@@ -139046,8 +139835,8 @@
                 {
                     "description": "The text color of the disabled Stepper label.\n",
                     "commentRange": {
-                        "start": 183,
-                        "end": 184
+                        "start": 186,
+                        "end": 187
                     },
                     "context": {
                         "type": "variable",
@@ -139055,8 +139844,8 @@
                         "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), #8f8f8f)",
                         "scope": "default",
                         "line": {
-                            "start": 185,
-                            "end": 185
+                            "start": 188,
+                            "end": 188
                         }
                     },
                     "group": [
@@ -139073,8 +139862,8 @@
                 {
                     "description": "The text color of the optional Stepper label.\n",
                     "commentRange": {
-                        "start": 187,
-                        "end": 188
+                        "start": 190,
+                        "end": 191
                     },
                     "context": {
                         "type": "variable",
@@ -139082,8 +139871,8 @@
                         "value": "$kendo-subtle-text",
                         "scope": "default",
                         "line": {
-                            "start": 189,
-                            "end": 189
+                            "start": 192,
+                            "end": 192
                         }
                     },
                     "group": [
@@ -139100,8 +139889,8 @@
                 {
                     "description": "The opacity of the optional Stepper label.\n",
                     "commentRange": {
-                        "start": 190,
-                        "end": 191
+                        "start": 193,
+                        "end": 194
                     },
                     "context": {
                         "type": "variable",
@@ -139109,8 +139898,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 192,
-                            "end": 192
+                            "start": 195,
+                            "end": 195
                         }
                     },
                     "group": [
@@ -139127,8 +139916,8 @@
                 {
                     "description": "The font size of the optional Stepper label.\n",
                     "commentRange": {
-                        "start": 193,
-                        "end": 194
+                        "start": 196,
+                        "end": 197
                     },
                     "context": {
                         "type": "variable",
@@ -139136,8 +139925,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 195,
-                            "end": 195
+                            "start": 198,
+                            "end": 198
                         }
                     },
                     "group": [
@@ -139154,8 +139943,8 @@
                 {
                     "description": "The font style of the optional Stepper label.\n",
                     "commentRange": {
-                        "start": 196,
-                        "end": 197
+                        "start": 199,
+                        "end": 200
                     },
                     "context": {
                         "type": "variable",
@@ -139163,8 +139952,8 @@
                         "value": "italic",
                         "scope": "default",
                         "line": {
-                            "start": 198,
-                            "end": 198
+                            "start": 201,
+                            "end": 201
                         }
                     },
                     "group": [
@@ -139181,8 +139970,8 @@
                 {
                     "description": "The size of the Stepper ProgressBar.\n",
                     "commentRange": {
-                        "start": 200,
-                        "end": 201
+                        "start": 203,
+                        "end": 204
                     },
                     "context": {
                         "type": "variable",
@@ -139190,8 +139979,8 @@
                         "value": "2px",
                         "scope": "default",
                         "line": {
-                            "start": 202,
-                            "end": 202
+                            "start": 205,
+                            "end": 205
                         }
                     },
                     "group": [
@@ -139208,8 +139997,8 @@
                 {
                     "description": "The background color of the Stepper ProgressBar.\n",
                     "commentRange": {
-                        "start": 203,
-                        "end": 204
+                        "start": 206,
+                        "end": 207
                     },
                     "context": {
                         "type": "variable",
@@ -139217,8 +140006,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 205,
-                            "end": 205
+                            "start": 208,
+                            "end": 208
                         }
                     },
                     "group": [
@@ -139235,8 +140024,8 @@
                 {
                     "description": "The text color of the Stepper ProgressBar.\n",
                     "commentRange": {
-                        "start": 206,
-                        "end": 207
+                        "start": 209,
+                        "end": 210
                     },
                     "context": {
                         "type": "variable",
@@ -139244,8 +140033,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 208,
-                            "end": 208
+                            "start": 211,
+                            "end": 211
                         }
                     },
                     "group": [
@@ -139262,8 +140051,8 @@
                 {
                     "description": "The background color of the selected Stepper ProgressBar.\n",
                     "commentRange": {
-                        "start": 209,
-                        "end": 210
+                        "start": 212,
+                        "end": 213
                     },
                     "context": {
                         "type": "variable",
@@ -139271,8 +140060,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 211,
-                            "end": 211
+                            "start": 214,
+                            "end": 214
                         }
                     },
                     "group": [
@@ -139289,8 +140078,8 @@
                 {
                     "description": "The text color of the selected Stepper ProgressBar.\n",
                     "commentRange": {
-                        "start": 212,
-                        "end": 213
+                        "start": 215,
+                        "end": 216
                     },
                     "context": {
                         "type": "variable",
@@ -139298,8 +140087,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 214,
-                            "end": 214
+                            "start": 217,
+                            "end": 217
                         }
                     },
                     "group": [
@@ -139316,8 +140105,8 @@
                 {
                     "description": "The property name of the Stepper transition.\n",
                     "commentRange": {
-                        "start": 216,
-                        "end": 217
+                        "start": 219,
+                        "end": 220
                     },
                     "context": {
                         "type": "variable",
@@ -139325,8 +140114,8 @@
                         "value": "height",
                         "scope": "default",
                         "line": {
-                            "start": 218,
-                            "end": 218
+                            "start": 221,
+                            "end": 221
                         }
                     },
                     "group": [
@@ -139343,8 +140132,8 @@
                 {
                     "description": "The duration of the Stepper transition.\n",
                     "commentRange": {
-                        "start": 219,
-                        "end": 220
+                        "start": 222,
+                        "end": 223
                     },
                     "context": {
                         "type": "variable",
@@ -139352,8 +140141,8 @@
                         "value": "300ms",
                         "scope": "default",
                         "line": {
-                            "start": 221,
-                            "end": 221
+                            "start": 224,
+                            "end": 224
                         }
                     },
                     "group": [
@@ -139370,8 +140159,8 @@
                 {
                     "description": "The timing function of the Stepper transition.\n",
                     "commentRange": {
-                        "start": 222,
-                        "end": 223
+                        "start": 225,
+                        "end": 226
                     },
                     "context": {
                         "type": "variable",
@@ -139379,8 +140168,8 @@
                         "value": "cubic-bezier(.4, 0, .2, 1) 0ms",
                         "scope": "default",
                         "line": {
-                            "start": 224,
-                            "end": 224
+                            "start": 227,
+                            "end": 227
                         }
                     },
                     "group": [
@@ -145785,7 +146574,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-timeline-track-arrow-width",
-                        "value": "30px",
+                        "value": "k-spacing(7.5)",
                         "scope": "default",
                         "line": {
                             "start": 32,
@@ -145800,8 +146589,8 @@
                         "path": "default/scss/timeline/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "30px",
-                    "resolvedType": "Number"
+                    "resolvedValue": "var(--kendo-spacing-7\\.5, 1.875rem)",
+                    "resolvedType": "String"
                 },
                 {
                     "description": "The height of the Timeline track arrow.\n",
@@ -145812,7 +146601,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-timeline-track-arrow-height",
-                        "value": "30px",
+                        "value": "k-spacing(7.5)",
                         "scope": "default",
                         "line": {
                             "start": 35,
@@ -145827,8 +146616,8 @@
                         "path": "default/scss/timeline/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "30px",
-                    "resolvedType": "Number"
+                    "resolvedValue": "var(--kendo-spacing-7\\.5, 1.875rem)",
+                    "resolvedType": "String"
                 },
                 {
                     "description": "The background color of the disabled Timeline track arrow.\n",
@@ -145920,7 +146709,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-timeline-track-size",
-                        "value": "6px",
+                        "value": "k-spacing(1.5)",
                         "scope": "default",
                         "line": {
                             "start": 49,
@@ -145935,8 +146724,8 @@
                         "path": "default/scss/timeline/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "6px",
-                    "resolvedType": "Number"
+                    "resolvedValue": "var(--kendo-spacing-1\\.5, 0.375rem)",
+                    "resolvedType": "String"
                 },
                 {
                     "description": "The bottom padding of the Timeline's track wrapper.\n",
@@ -145947,7 +146736,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-timeline-track-wrap-padding-bottom",
-                        "value": "k-math-div( $kendo-timeline-track-size, 2 )",
+                        "value": "calc( #{$kendo-timeline-track-size} / 2)",
                         "scope": "default",
                         "line": {
                             "start": 52,
@@ -145962,8 +146751,8 @@
                         "path": "default/scss/timeline/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "3px",
-                    "resolvedType": "Number"
+                    "resolvedValue": "calc(var(--kendo-spacing-1\\.5, 0.375rem) / 2)",
+                    "resolvedType": "Calculation"
                 },
                 {
                     "description": "The border width of the Timeline track.\n",
@@ -146028,7 +146817,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-timeline-track-bottom-calc",
-                        "value": "calc(#{k-math-div( $kendo-timeline-track-arrow-height, 2 )} + #{$kendo-timeline-track-wrap-padding-bottom})",
+                        "value": "calc( calc( #{$kendo-timeline-track-arrow-height} / 2) + #{$kendo-timeline-track-wrap-padding-bottom})",
                         "scope": "default",
                         "line": {
                             "start": 61,
@@ -146043,7 +146832,7 @@
                         "path": "default/scss/timeline/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "calc(15px + 3px)",
+                    "resolvedValue": "calc(var(--kendo-spacing-7\\.5, 1.875rem) / 2 + calc(var(--kendo-spacing-1\\.5, 0.375rem) / 2))",
                     "resolvedType": "Calculation"
                 },
                 {
@@ -146070,7 +146859,7 @@
                         "path": "default/scss/timeline/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "calc(30px - 2 * 1px)",
+                    "resolvedValue": "calc(var(--kendo-spacing-7\\.5, 1.875rem) - 2 * 1px)",
                     "resolvedType": "Calculation"
                 },
                 {
@@ -146097,7 +146886,7 @@
                         "path": "default/scss/timeline/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "calc(30px - 2 * 1px)",
+                    "resolvedValue": "calc(var(--kendo-spacing-7\\.5, 1.875rem) - 2 * 1px)",
                     "resolvedType": "Calculation"
                 },
                 {
@@ -146556,7 +147345,7 @@
                         "path": "default/scss/timeline/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "calc(6px + 2 * 1px + 4px + 10px)",
+                    "resolvedValue": "calc(var(--kendo-spacing-1\\.5, 0.375rem) + 2 * 1px + 4px + 10px)",
                     "resolvedType": "Calculation"
                 },
                 {
@@ -146637,7 +147426,7 @@
                         "path": "default/scss/timeline/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "calc(var(--kendo-spacing-10, 2.5rem) + (80px - 6px) / 2)",
+                    "resolvedValue": "calc(var(--kendo-spacing-10, 2.5rem) + (80px - var(--kendo-spacing-1\\.5, 0.375rem)) / 2)",
                     "resolvedType": "Calculation"
                 },
                 {
@@ -146664,7 +147453,7 @@
                         "path": "default/scss/timeline/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "calc(calc(var(--kendo-spacing-10, 2.5rem) + (80px - 6px) / 2) + 50px)",
+                    "resolvedValue": "calc(calc(var(--kendo-spacing-10, 2.5rem) + (80px - var(--kendo-spacing-1\\.5, 0.375rem)) / 2) + 50px)",
                     "resolvedType": "Calculation"
                 },
                 {
@@ -146691,7 +147480,7 @@
                         "path": "default/scss/timeline/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "calc(var(--kendo-spacing-4, 1rem) + (80px - 6px) / 2)",
+                    "resolvedValue": "calc(var(--kendo-spacing-4, 1rem) + (80px - var(--kendo-spacing-1\\.5, 0.375rem)) / 2)",
                     "resolvedType": "Calculation"
                 },
                 {
@@ -146718,7 +147507,7 @@
                         "path": "default/scss/timeline/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "calc(calc(var(--kendo-spacing-4, 1rem) + (80px - 6px) / 2) + 50px)",
+                    "resolvedValue": "calc(calc(var(--kendo-spacing-4, 1rem) + (80px - var(--kendo-spacing-1\\.5, 0.375rem)) / 2) + 50px)",
                     "resolvedType": "Calculation"
                 },
                 {
@@ -147511,15 +148300,15 @@
                     "resolvedType": "Null"
                 },
                 {
-                    "description": "The color of the separator border of the Toolbar.\n",
+                    "description": "The text color of the outline Toolbar.\n",
                     "commentRange": {
                         "start": 75,
                         "end": 76
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-toolbar-separator-border",
-                        "value": "inherit",
+                        "name": "kendo-toolbar-outline-text",
+                        "value": "$kendo-button-text",
                         "scope": "default",
                         "line": {
                             "start": 77,
@@ -147534,23 +148323,23 @@
                         "path": "default/scss/toolbar/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "inherit",
+                    "resolvedValue": "var(--kendo-color-on-base, #3d3d3d)",
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The width of the input in the Toolbar.\n",
+                    "description": "The color of the border around the outline Toolbar.\n",
                     "commentRange": {
-                        "start": 79,
-                        "end": 80
+                        "start": 78,
+                        "end": 79
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-toolbar-input-width",
-                        "value": "10em",
+                        "name": "kendo-toolbar-outline-border",
+                        "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 50%, transparent), rgba( $kendo-toolbar-outline-text, .5))",
                         "scope": "default",
                         "line": {
-                            "start": 81,
-                            "end": 81
+                            "start": 80,
+                            "end": 80
                         }
                     },
                     "group": [
@@ -147561,23 +148350,23 @@
                         "path": "default/scss/toolbar/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "10em",
-                    "resolvedType": "Number"
+                    "resolvedValue": "color-mix(in srgb, var(--kendo-color-on-base, #3d3d3d) 50%, transparent)",
+                    "resolvedType": "String"
                 },
                 {
-                    "description": "The box shadow of the focused Toolbar item.\n",
+                    "description": "The gradient of the outline Toolbar.\n",
                     "commentRange": {
-                        "start": 83,
-                        "end": 84
+                        "start": 81,
+                        "end": 82
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-toolbar-item-shadow",
-                        "value": "$kendo-button-focus-shadow",
+                        "name": "kendo-toolbar-outline-gradient",
+                        "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 85,
-                            "end": 85
+                            "start": 83,
+                            "end": 83
                         }
                     },
                     "group": [
@@ -147588,19 +148377,46 @@
                         "path": "default/scss/toolbar/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 8%, transparent)",
-                    "resolvedType": "List"
+                    "resolvedValue": "null",
+                    "resolvedType": "Null"
                 },
                 {
-                    "description": "Border width of the flat Toolbar.\n",
+                    "description": "The box shadow of the outline Toolbar.\n",
+                    "commentRange": {
+                        "start": 84,
+                        "end": 85
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-toolbar-outline-shadow",
+                        "value": "null",
+                        "scope": "default",
+                        "line": {
+                            "start": 86,
+                            "end": 86
+                        }
+                    },
+                    "group": [
+                        "toolbar"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/toolbar/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "null",
+                    "resolvedType": "Null"
+                },
+                {
+                    "description": "The width of the border around the outline Toolbar.\n",
                     "commentRange": {
                         "start": 87,
                         "end": 88
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-toolbar-flat-border-width",
-                        "value": "1px",
+                        "name": "kendo-toolbar-outline-border-width",
+                        "value": "$kendo-toolbar-border-width",
                         "scope": "default",
                         "line": {
                             "start": 89,
@@ -147619,18 +148435,153 @@
                     "resolvedType": "Number"
                 },
                 {
-                    "description": "The sizes map for the Toolbar.\n",
+                    "description": "The text color of the flat Toolbar.\n",
                     "commentRange": {
                         "start": 91,
                         "end": 92
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-toolbar-sizes",
-                        "value": "(\n    sm: (\n        padding-x: $kendo-toolbar-sm-padding-x,\n        padding-y: $kendo-toolbar-sm-padding-y,\n        spacing: $kendo-toolbar-sm-spacing\n    ),\n    md: (\n        padding-x: $kendo-toolbar-md-padding-x,\n        padding-y: $kendo-toolbar-md-padding-y,\n        spacing: $kendo-toolbar-md-spacing\n    ),\n    lg: (\n        padding-x: $kendo-toolbar-lg-padding-x,\n        padding-y: $kendo-toolbar-lg-padding-y,\n        spacing: $kendo-toolbar-lg-spacing\n    )\n)",
+                        "name": "kendo-toolbar-flat-text",
+                        "value": "null",
                         "scope": "default",
                         "line": {
                             "start": 93,
+                            "end": 93
+                        }
+                    },
+                    "group": [
+                        "toolbar"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/toolbar/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "null",
+                    "resolvedType": "Null"
+                },
+                {
+                    "description": "The color of the border around the flat Toolbar.\n",
+                    "commentRange": {
+                        "start": 94,
+                        "end": 95
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-toolbar-flat-border",
+                        "value": "$kendo-toolbar-border",
+                        "scope": "default",
+                        "line": {
+                            "start": 96,
+                            "end": 96
+                        }
+                    },
+                    "group": [
+                        "toolbar"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/toolbar/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-color-border, rgba(0, 0, 0, 0.08))",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The gradient of the flat Toolbar.\n",
+                    "commentRange": {
+                        "start": 97,
+                        "end": 98
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-toolbar-flat-gradient",
+                        "value": "null",
+                        "scope": "default",
+                        "line": {
+                            "start": 99,
+                            "end": 99
+                        }
+                    },
+                    "group": [
+                        "toolbar"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/toolbar/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "null",
+                    "resolvedType": "Null"
+                },
+                {
+                    "description": "The box shadow of the flat Toolbar.\n",
+                    "commentRange": {
+                        "start": 100,
+                        "end": 101
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-toolbar-flat-shadow",
+                        "value": "null",
+                        "scope": "default",
+                        "line": {
+                            "start": 102,
+                            "end": 102
+                        }
+                    },
+                    "group": [
+                        "toolbar"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/toolbar/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "null",
+                    "resolvedType": "Null"
+                },
+                {
+                    "description": "Border width of the flat Toolbar.\n",
+                    "commentRange": {
+                        "start": 103,
+                        "end": 104
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-toolbar-flat-border-width",
+                        "value": "1px",
+                        "scope": "default",
+                        "line": {
+                            "start": 105,
+                            "end": 105
+                        }
+                    },
+                    "group": [
+                        "toolbar"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/toolbar/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "1px",
+                    "resolvedType": "Number"
+                },
+                {
+                    "description": "The color of the separator border of the Toolbar.\n",
+                    "commentRange": {
+                        "start": 107,
+                        "end": 108
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-toolbar-separator-border",
+                        "value": "inherit",
+                        "scope": "default",
+                        "line": {
+                            "start": 109,
                             "end": 109
                         }
                     },
@@ -147642,6 +148593,87 @@
                         "path": "default/scss/toolbar/_variables.scss",
                         "name": "_variables.scss"
                     },
+                    "resolvedValue": "inherit",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The width of the input in the Toolbar.\n",
+                    "commentRange": {
+                        "start": 111,
+                        "end": 112
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-toolbar-input-width",
+                        "value": "10em",
+                        "scope": "default",
+                        "line": {
+                            "start": 113,
+                            "end": 113
+                        }
+                    },
+                    "group": [
+                        "toolbar"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/toolbar/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "10em",
+                    "resolvedType": "Number"
+                },
+                {
+                    "description": "The box shadow of the focused Toolbar item.\n",
+                    "commentRange": {
+                        "start": 115,
+                        "end": 116
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-toolbar-item-shadow",
+                        "value": "$kendo-button-focus-shadow",
+                        "scope": "default",
+                        "line": {
+                            "start": 117,
+                            "end": 117
+                        }
+                    },
+                    "group": [
+                        "toolbar"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/toolbar/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "0 0 0 2px color-mix(in srgb, var(--kendo-color-on-app-surface, #3d3d3d) 8%, transparent)",
+                    "resolvedType": "List"
+                },
+                {
+                    "description": "The sizes map for the Toolbar.\n",
+                    "commentRange": {
+                        "start": 119,
+                        "end": 120
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-toolbar-sizes",
+                        "value": "(\n    sm: (\n        padding-x: $kendo-toolbar-sm-padding-x,\n        padding-y: $kendo-toolbar-sm-padding-y,\n        spacing: $kendo-toolbar-sm-spacing\n    ),\n    md: (\n        padding-x: $kendo-toolbar-md-padding-x,\n        padding-y: $kendo-toolbar-md-padding-y,\n        spacing: $kendo-toolbar-md-spacing\n    ),\n    lg: (\n        padding-x: $kendo-toolbar-lg-padding-x,\n        padding-y: $kendo-toolbar-lg-padding-y,\n        spacing: $kendo-toolbar-lg-spacing\n    )\n)",
+                        "scope": "default",
+                        "line": {
+                            "start": 121,
+                            "end": 137
+                        }
+                    },
+                    "group": [
+                        "toolbar"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/toolbar/_variables.scss",
+                        "name": "_variables.scss"
+                    },
                     "resolvedValue": "(sm: (padding-x: var(--kendo-spacing-1, 0.25rem), padding-y: var(--kendo-spacing-1, 0.25rem), spacing: var(--kendo-spacing-1\\.5, 0.375rem)), md: (padding-x: var(--kendo-spacing-2, 0.5rem), padding-y: var(--kendo-spacing-2, 0.5rem), spacing: var(--kendo-spacing-2, 0.5rem)), lg: (padding-x: var(--kendo-spacing-2\\.5, 0.625rem), padding-y: var(--kendo-spacing-2\\.5, 0.625rem), spacing: var(--kendo-spacing-2\\.5, 0.625rem)))",
                     "resolvedType": "Map",
                     "prettyValue": {