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

package/dist/meta/sassdoc-data.json

@@ -32277,14 +32277,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": {
@@ -32303,33 +32303,6 @@
             "resolvedValue": "var(--kendo-color-subtle, #757575)",
             "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": "material/scss/list/_variables.scss",
-                "name": "_variables.scss"
-            },
-            "resolvedValue": "var(--kendo-color-subtle, #757575)",
-            "resolvedType": "String"
-        },
         {
             "description": "The spacing between the ListBox elements.\n",
             "commentRange": {
@@ -37001,6 +36974,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": "material/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": "material/scss/no-data/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-color-subtle, #757575)",
+            "resolvedType": "String"
+        },
         {
             "description": "The row-gap between the elements in the Notification group.\n",
             "commentRange": {
@@ -38640,7 +38667,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-orgchart-line-v-height",
-                "value": "25px",
+                "value": "k-spacing(6)",
                 "scope": "default",
                 "line": {
                     "start": 146,
@@ -38655,8 +38682,8 @@
                 "path": "material/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",
@@ -43916,6 +43943,195 @@
             "resolvedValue": "var(--kendo-color-subtle, #757575)",
             "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": "material/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": "material/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": "material/scss/pdf-viewer/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-color-primary, #3f51b5)",
+            "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": "material/scss/pdf-viewer/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-color-primary-hover, #3a4ba7)",
+            "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": "material/scss/pdf-viewer/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-color-primary, #3f51b5)",
+            "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": "material/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.7)",
+                "scope": "default",
+                "line": {
+                    "start": 133,
+                    "end": 133
+                }
+            },
+            "group": [
+                "pdf-viewer"
+            ],
+            "access": "public",
+            "file": {
+                "path": "material/scss/pdf-viewer/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "rgba(124, 22, 27, 0.7)",
+            "resolvedType": "Color"
+        },
         {
             "description": "The background color of the Picker components.\n",
             "commentRange": {
@@ -55764,7 +55980,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,
@@ -55779,8 +55995,8 @@
                 "path": "material/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",
@@ -58321,15 +58537,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(xxl)",
                 "scope": "default",
                 "line": {
                     "start": 26,
@@ -58344,14 +58560,41 @@
                 "path": "material/scss/stepper/_variables.scss",
                 "name": "_variables.scss"
             },
+            "resolvedValue": "var(--kendo-border-radius-xxl, 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": "material/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",
@@ -58359,8 +58602,8 @@
                 "value": "k-spacing(5)",
                 "scope": "default",
                 "line": {
-                    "start": 30,
-                    "end": 30
+                    "start": 33,
+                    "end": 33
                 }
             },
             "group": [
@@ -58377,8 +58620,8 @@
         {
             "description": "The vertical padding of the Stepper content.\n",
             "commentRange": {
-                "start": 31,
-                "end": 32
+                "start": 34,
+                "end": 35
             },
             "context": {
                 "type": "variable",
@@ -58386,8 +58629,8 @@
                 "value": "k-spacing(2.5)",
                 "scope": "default",
                 "line": {
-                    "start": 33,
-                    "end": 33
+                    "start": 36,
+                    "end": 36
                 }
             },
             "group": [
@@ -58404,8 +58647,8 @@
         {
             "description": "",
             "commentRange": {
-                "start": 36,
-                "end": 36
+                "start": 39,
+                "end": 39
             },
             "context": {
                 "type": "variable",
@@ -58413,8 +58656,8 @@
                 "value": "var( --kendo-font-size, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 37,
-                    "end": 37
+                    "start": 40,
+                    "end": 40
                 }
             },
             "group": [
@@ -58431,8 +58674,8 @@
         {
             "description": "",
             "commentRange": {
-                "start": 39,
-                "end": 39
+                "start": 42,
+                "end": 42
             },
             "context": {
                 "type": "variable",
@@ -58440,8 +58683,8 @@
                 "value": "k-math-div( 20, 14 )",
                 "scope": "default",
                 "line": {
-                    "start": 40,
-                    "end": 40
+                    "start": 43,
+                    "end": 43
                 }
             },
             "group": [
@@ -58458,8 +58701,8 @@
         {
             "description": "",
             "commentRange": {
-                "start": 42,
-                "end": 42
+                "start": 45,
+                "end": 45
             },
             "context": {
                 "type": "variable",
@@ -58467,8 +58710,8 @@
                 "value": "var( --kendo-font-family, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 43,
-                    "end": 43
+                    "start": 46,
+                    "end": 46
                 }
             },
             "group": [
@@ -58485,8 +58728,8 @@
         {
             "description": "The background color of the Stepper.\n",
             "commentRange": {
-                "start": 45,
-                "end": 46
+                "start": 48,
+                "end": 49
             },
             "context": {
                 "type": "variable",
@@ -58494,8 +58737,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 47,
-                    "end": 47
+                    "start": 50,
+                    "end": 50
                 }
             },
             "group": [
@@ -58512,8 +58755,8 @@
         {
             "description": "The text color of the Stepper.\n",
             "commentRange": {
-                "start": 48,
-                "end": 49
+                "start": 51,
+                "end": 52
             },
             "context": {
                 "type": "variable",
@@ -58521,8 +58764,8 @@
                 "value": "$kendo-component-text",
                 "scope": "default",
                 "line": {
-                    "start": 50,
-                    "end": 50
+                    "start": 53,
+                    "end": 53
                 }
             },
             "group": [
@@ -58539,8 +58782,8 @@
         {
             "description": "The border color of the Stepper.\n",
             "commentRange": {
-                "start": 51,
-                "end": 52
+                "start": 54,
+                "end": 55
             },
             "context": {
                 "type": "variable",
@@ -58548,8 +58791,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 53,
-                    "end": 53
+                    "start": 56,
+                    "end": 56
                 }
             },
             "group": [
@@ -58566,8 +58809,8 @@
         {
             "description": "The width of the Stepper indicator.\n",
             "commentRange": {
-                "start": 55,
-                "end": 56
+                "start": 58,
+                "end": 59
             },
             "context": {
                 "type": "variable",
@@ -58575,8 +58818,8 @@
                 "value": "28px",
                 "scope": "default",
                 "line": {
-                    "start": 57,
-                    "end": 57
+                    "start": 60,
+                    "end": 60
                 }
             },
             "group": [
@@ -58593,8 +58836,8 @@
         {
             "description": "The height of the Stepper indicator.\n",
             "commentRange": {
-                "start": 58,
-                "end": 59
+                "start": 61,
+                "end": 62
             },
             "context": {
                 "type": "variable",
@@ -58602,8 +58845,8 @@
                 "value": "$kendo-stepper-indicator-width",
                 "scope": "default",
                 "line": {
-                    "start": 60,
-                    "end": 60
+                    "start": 63,
+                    "end": 63
                 }
             },
             "group": [
@@ -58620,8 +58863,8 @@
         {
             "description": "The border radius of the Stepper indicator.\n",
             "commentRange": {
-                "start": 61,
-                "end": 62
+                "start": 64,
+                "end": 65
             },
             "context": {
                 "type": "variable",
@@ -58629,8 +58872,8 @@
                 "value": "50%",
                 "scope": "default",
                 "line": {
-                    "start": 63,
-                    "end": 63
+                    "start": 66,
+                    "end": 66
                 }
             },
             "group": [
@@ -58647,8 +58890,8 @@
         {
             "description": "The border width of the Stepper indicator.\n",
             "commentRange": {
-                "start": 64,
-                "end": 65
+                "start": 67,
+                "end": 68
             },
             "context": {
                 "type": "variable",
@@ -58656,8 +58899,8 @@
                 "value": "1px",
                 "scope": "default",
                 "line": {
-                    "start": 66,
-                    "end": 66
+                    "start": 69,
+                    "end": 69
                 }
             },
             "group": [
@@ -58674,8 +58917,8 @@
         {
             "description": "The border width of the focused Stepper indicator.\n",
             "commentRange": {
-                "start": 68,
-                "end": 69
+                "start": 71,
+                "end": 72
             },
             "context": {
                 "type": "variable",
@@ -58683,8 +58926,8 @@
                 "value": "1px",
                 "scope": "default",
                 "line": {
-                    "start": 70,
-                    "end": 70
+                    "start": 73,
+                    "end": 73
                 }
             },
             "group": [
@@ -58701,8 +58944,8 @@
         {
             "description": "The size of the focused Stepper indicator.\n",
             "commentRange": {
-                "start": 71,
-                "end": 72
+                "start": 74,
+                "end": 75
             },
             "context": {
                 "type": "variable",
@@ -58710,8 +58953,8 @@
                 "value": "2px",
                 "scope": "default",
                 "line": {
-                    "start": 73,
-                    "end": 73
+                    "start": 76,
+                    "end": 76
                 }
             },
             "group": [
@@ -58728,8 +58971,8 @@
         {
             "description": "The offset of the Stepper's focused indicator.\n",
             "commentRange": {
-                "start": 74,
-                "end": 75
+                "start": 77,
+                "end": 78
             },
             "context": {
                 "type": "variable",
@@ -58737,8 +58980,8 @@
                 "value": "3px",
                 "scope": "default",
                 "line": {
-                    "start": 76,
-                    "end": 76
+                    "start": 79,
+                    "end": 79
                 }
             },
             "group": [
@@ -58755,8 +58998,8 @@
         {
             "description": "The calculated offset of the Stepper's focused indicator.\n",
             "commentRange": {
-                "start": 77,
-                "end": 78
+                "start": 80,
+                "end": 81
             },
             "context": {
                 "type": "variable",
@@ -58764,8 +59007,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": [
@@ -58782,8 +59025,8 @@
         {
             "description": "The background color of the Stepper indicator.\n",
             "commentRange": {
-                "start": 81,
-                "end": 82
+                "start": 84,
+                "end": 85
             },
             "context": {
                 "type": "variable",
@@ -58791,8 +59034,8 @@
                 "value": "$kendo-component-bg",
                 "scope": "default",
                 "line": {
-                    "start": 83,
-                    "end": 83
+                    "start": 86,
+                    "end": 86
                 }
             },
             "group": [
@@ -58809,8 +59052,8 @@
         {
             "description": "The text color of the Stepper indicator.\n",
             "commentRange": {
-                "start": 84,
-                "end": 85
+                "start": 87,
+                "end": 88
             },
             "context": {
                 "type": "variable",
@@ -58818,8 +59061,8 @@
                 "value": "$kendo-component-text",
                 "scope": "default",
                 "line": {
-                    "start": 86,
-                    "end": 86
+                    "start": 89,
+                    "end": 89
                 }
             },
             "group": [
@@ -58836,8 +59079,8 @@
         {
             "description": "The border color of the Stepper indicator.\n",
             "commentRange": {
-                "start": 87,
-                "end": 88
+                "start": 90,
+                "end": 91
             },
             "context": {
                 "type": "variable",
@@ -58845,8 +59088,8 @@
                 "value": "$kendo-component-border",
                 "scope": "default",
                 "line": {
-                    "start": 89,
-                    "end": 89
+                    "start": 92,
+                    "end": 92
                 }
             },
             "group": [
@@ -58863,8 +59106,8 @@
         {
             "description": "The background color of the hovered Stepper indicator.\n",
             "commentRange": {
-                "start": 91,
-                "end": 92
+                "start": 94,
+                "end": 95
             },
             "context": {
                 "type": "variable",
@@ -58872,8 +59115,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": [
@@ -58890,8 +59133,8 @@
         {
             "description": "The text color of the hovered Stepper indicator.\n",
             "commentRange": {
-                "start": 94,
-                "end": 95
+                "start": 97,
+                "end": 98
             },
             "context": {
                 "type": "variable",
@@ -58899,8 +59142,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 96,
-                    "end": 96
+                    "start": 99,
+                    "end": 99
                 }
             },
             "group": [
@@ -58917,8 +59160,8 @@
         {
             "description": "The border color of the hovered Stepper indicator.\n",
             "commentRange": {
-                "start": 97,
-                "end": 98
+                "start": 100,
+                "end": 101
             },
             "context": {
                 "type": "variable",
@@ -58926,8 +59169,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 99,
-                    "end": 99
+                    "start": 102,
+                    "end": 102
                 }
             },
             "group": [
@@ -58944,8 +59187,8 @@
         {
             "description": "The background color of the disabled Stepper indicator.\n",
             "commentRange": {
-                "start": 101,
-                "end": 102
+                "start": 104,
+                "end": 105
             },
             "context": {
                 "type": "variable",
@@ -58953,8 +59196,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 103,
-                    "end": 103
+                    "start": 106,
+                    "end": 106
                 }
             },
             "group": [
@@ -58971,8 +59214,8 @@
         {
             "description": "The text color of the disabled Stepper indicator.\n",
             "commentRange": {
-                "start": 104,
-                "end": 105
+                "start": 107,
+                "end": 108
             },
             "context": {
                 "type": "variable",
@@ -58980,8 +59223,8 @@
                 "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 32%, transparent), if($kendo-is-dark-theme, $light-disabled-text, $dark-disabled-text ))",
                 "scope": "default",
                 "line": {
-                    "start": 106,
-                    "end": 106
+                    "start": 109,
+                    "end": 109
                 }
             },
             "group": [
@@ -58998,8 +59241,8 @@
         {
             "description": "The border color of the disabled Stepper indicator.\n",
             "commentRange": {
-                "start": 107,
-                "end": 108
+                "start": 110,
+                "end": 111
             },
             "context": {
                 "type": "variable",
@@ -59007,8 +59250,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 109,
-                    "end": 109
+                    "start": 112,
+                    "end": 112
                 }
             },
             "group": [
@@ -59025,8 +59268,8 @@
         {
             "description": "The background color of the Stepper's done indicator.\n",
             "commentRange": {
-                "start": 111,
-                "end": 112
+                "start": 114,
+                "end": 115
             },
             "context": {
                 "type": "variable",
@@ -59034,8 +59277,8 @@
                 "value": "$kendo-color-primary",
                 "scope": "default",
                 "line": {
-                    "start": 113,
-                    "end": 113
+                    "start": 116,
+                    "end": 116
                 }
             },
             "group": [
@@ -59052,8 +59295,8 @@
         {
             "description": "The text color of the Stepper's done indicator.\n",
             "commentRange": {
-                "start": 114,
-                "end": 115
+                "start": 117,
+                "end": 118
             },
             "context": {
                 "type": "variable",
@@ -59061,8 +59304,8 @@
                 "value": "if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-stepper-indicator-done-bg ))",
                 "scope": "default",
                 "line": {
-                    "start": 116,
-                    "end": 116
+                    "start": 119,
+                    "end": 119
                 }
             },
             "group": [
@@ -59079,8 +59322,8 @@
         {
             "description": "The border color of the Stepper's done indicator.\n",
             "commentRange": {
-                "start": 117,
-                "end": 118
+                "start": 120,
+                "end": 121
             },
             "context": {
                 "type": "variable",
@@ -59088,8 +59331,8 @@
                 "value": "$kendo-stepper-indicator-done-bg",
                 "scope": "default",
                 "line": {
-                    "start": 119,
-                    "end": 119
+                    "start": 122,
+                    "end": 122
                 }
             },
             "group": [
@@ -59106,8 +59349,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",
@@ -59115,8 +59358,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": [
@@ -59133,8 +59376,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",
@@ -59142,8 +59385,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 126,
-                    "end": 126
+                    "start": 129,
+                    "end": 129
                 }
             },
             "group": [
@@ -59160,8 +59403,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",
@@ -59169,8 +59412,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 129,
-                    "end": 129
+                    "start": 132,
+                    "end": 132
                 }
             },
             "group": [
@@ -59187,8 +59430,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",
@@ -59196,8 +59439,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": [
@@ -59214,8 +59457,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",
@@ -59223,8 +59466,8 @@
                 "value": "if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-stepper-indicator-done-bg ))",
                 "scope": "default",
                 "line": {
-                    "start": 136,
-                    "end": 136
+                    "start": 139,
+                    "end": 139
                 }
             },
             "group": [
@@ -59241,8 +59484,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",
@@ -59250,8 +59493,8 @@
                 "value": "$kendo-stepper-indicator-done-disabled-bg",
                 "scope": "default",
                 "line": {
-                    "start": 139,
-                    "end": 139
+                    "start": 142,
+                    "end": 142
                 }
             },
             "group": [
@@ -59268,8 +59511,8 @@
         {
             "description": "The background color of the Stepper current indicator.\n",
             "commentRange": {
-                "start": 141,
-                "end": 142
+                "start": 144,
+                "end": 145
             },
             "context": {
                 "type": "variable",
@@ -59277,8 +59520,8 @@
                 "value": "$kendo-stepper-indicator-done-bg",
                 "scope": "default",
                 "line": {
-                    "start": 143,
-                    "end": 143
+                    "start": 146,
+                    "end": 146
                 }
             },
             "group": [
@@ -59295,8 +59538,8 @@
         {
             "description": "The text color of the Stepper current indicator.\n",
             "commentRange": {
-                "start": 144,
-                "end": 145
+                "start": 147,
+                "end": 148
             },
             "context": {
                 "type": "variable",
@@ -59304,8 +59547,8 @@
                 "value": "$kendo-stepper-indicator-done-text",
                 "scope": "default",
                 "line": {
-                    "start": 146,
-                    "end": 146
+                    "start": 149,
+                    "end": 149
                 }
             },
             "group": [
@@ -59322,8 +59565,8 @@
         {
             "description": "The border color of the Stepper current indicator.\n",
             "commentRange": {
-                "start": 147,
-                "end": 148
+                "start": 150,
+                "end": 151
             },
             "context": {
                 "type": "variable",
@@ -59331,8 +59574,8 @@
                 "value": "$kendo-stepper-indicator-done-border",
                 "scope": "default",
                 "line": {
-                    "start": 149,
-                    "end": 149
+                    "start": 152,
+                    "end": 152
                 }
             },
             "group": [
@@ -59349,8 +59592,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",
@@ -59358,8 +59601,8 @@
                 "value": "$kendo-stepper-indicator-done-hover-bg",
                 "scope": "default",
                 "line": {
-                    "start": 153,
-                    "end": 153
+                    "start": 156,
+                    "end": 156
                 }
             },
             "group": [
@@ -59376,8 +59619,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",
@@ -59385,8 +59628,8 @@
                 "value": "$kendo-stepper-indicator-done-hover-text",
                 "scope": "default",
                 "line": {
-                    "start": 156,
-                    "end": 156
+                    "start": 159,
+                    "end": 159
                 }
             },
             "group": [
@@ -59403,8 +59646,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",
@@ -59412,8 +59655,8 @@
                 "value": "$kendo-stepper-indicator-done-hover-border",
                 "scope": "default",
                 "line": {
-                    "start": 159,
-                    "end": 159
+                    "start": 162,
+                    "end": 162
                 }
             },
             "group": [
@@ -59430,8 +59673,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",
@@ -59439,8 +59682,8 @@
                 "value": "$kendo-stepper-indicator-done-disabled-bg",
                 "scope": "default",
                 "line": {
-                    "start": 163,
-                    "end": 163
+                    "start": 166,
+                    "end": 166
                 }
             },
             "group": [
@@ -59457,8 +59700,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",
@@ -59466,8 +59709,8 @@
                 "value": "$kendo-stepper-indicator-done-disabled-text",
                 "scope": "default",
                 "line": {
-                    "start": 166,
-                    "end": 166
+                    "start": 169,
+                    "end": 169
                 }
             },
             "group": [
@@ -59484,8 +59727,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",
@@ -59493,8 +59736,8 @@
                 "value": "$kendo-stepper-indicator-done-disabled-border",
                 "scope": "default",
                 "line": {
-                    "start": 169,
-                    "end": 169
+                    "start": 172,
+                    "end": 172
                 }
             },
             "group": [
@@ -59511,8 +59754,8 @@
         {
             "description": "The text color of the Stepper label.\n",
             "commentRange": {
-                "start": 171,
-                "end": 172
+                "start": 174,
+                "end": 175
             },
             "context": {
                 "type": "variable",
@@ -59520,8 +59763,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 173,
-                    "end": 173
+                    "start": 176,
+                    "end": 176
                 }
             },
             "group": [
@@ -59538,8 +59781,8 @@
         {
             "description": "The success text color of the Stepper label.\n",
             "commentRange": {
-                "start": 174,
-                "end": 175
+                "start": 177,
+                "end": 178
             },
             "context": {
                 "type": "variable",
@@ -59547,8 +59790,8 @@
                 "value": "$kendo-color-success",
                 "scope": "default",
                 "line": {
-                    "start": 176,
-                    "end": 176
+                    "start": 179,
+                    "end": 179
                 }
             },
             "group": [
@@ -59565,8 +59808,8 @@
         {
             "description": "The error text color of the Stepper label.\n",
             "commentRange": {
-                "start": 177,
-                "end": 178
+                "start": 180,
+                "end": 181
             },
             "context": {
                 "type": "variable",
@@ -59574,8 +59817,8 @@
                 "value": "$kendo-color-error",
                 "scope": "default",
                 "line": {
-                    "start": 179,
-                    "end": 179
+                    "start": 182,
+                    "end": 182
                 }
             },
             "group": [
@@ -59592,8 +59835,8 @@
         {
             "description": "The text color of the hovered Stepper label.\n",
             "commentRange": {
-                "start": 180,
-                "end": 181
+                "start": 183,
+                "end": 184
             },
             "context": {
                 "type": "variable",
@@ -59601,8 +59844,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 182,
-                    "end": 182
+                    "start": 185,
+                    "end": 185
                 }
             },
             "group": [
@@ -59619,8 +59862,8 @@
         {
             "description": "The text color of the disabled Stepper label.\n",
             "commentRange": {
-                "start": 183,
-                "end": 184
+                "start": 186,
+                "end": 187
             },
             "context": {
                 "type": "variable",
@@ -59628,8 +59871,8 @@
                 "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 32%, transparent), k-map-get( $theme, disabled-text ))",
                 "scope": "default",
                 "line": {
-                    "start": 185,
-                    "end": 185
+                    "start": 188,
+                    "end": 188
                 }
             },
             "group": [
@@ -59646,8 +59889,8 @@
         {
             "description": "The text color of the optional Stepper label.\n",
             "commentRange": {
-                "start": 187,
-                "end": 188
+                "start": 190,
+                "end": 191
             },
             "context": {
                 "type": "variable",
@@ -59655,8 +59898,8 @@
                 "value": "$kendo-subtle-text",
                 "scope": "default",
                 "line": {
-                    "start": 189,
-                    "end": 189
+                    "start": 192,
+                    "end": 192
                 }
             },
             "group": [
@@ -59673,8 +59916,8 @@
         {
             "description": "The opacity of the optional Stepper label.\n",
             "commentRange": {
-                "start": 190,
-                "end": 191
+                "start": 193,
+                "end": 194
             },
             "context": {
                 "type": "variable",
@@ -59682,8 +59925,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 192,
-                    "end": 192
+                    "start": 195,
+                    "end": 195
                 }
             },
             "group": [
@@ -59700,8 +59943,8 @@
         {
             "description": "The font size of the optional Stepper label.\n",
             "commentRange": {
-                "start": 193,
-                "end": 194
+                "start": 196,
+                "end": 197
             },
             "context": {
                 "type": "variable",
@@ -59709,8 +59952,8 @@
                 "value": "var( --kendo-font-size-sm, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 195,
-                    "end": 195
+                    "start": 198,
+                    "end": 198
                 }
             },
             "group": [
@@ -59727,8 +59970,8 @@
         {
             "description": "The font style of the optional Stepper label.\n",
             "commentRange": {
-                "start": 196,
-                "end": 197
+                "start": 199,
+                "end": 200
             },
             "context": {
                 "type": "variable",
@@ -59736,8 +59979,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 198,
-                    "end": 198
+                    "start": 201,
+                    "end": 201
                 }
             },
             "group": [
@@ -59754,8 +59997,8 @@
         {
             "description": "The size of the Stepper ProgressBar.\n",
             "commentRange": {
-                "start": 200,
-                "end": 201
+                "start": 203,
+                "end": 204
             },
             "context": {
                 "type": "variable",
@@ -59763,8 +60006,8 @@
                 "value": "2px",
                 "scope": "default",
                 "line": {
-                    "start": 202,
-                    "end": 202
+                    "start": 205,
+                    "end": 205
                 }
             },
             "group": [
@@ -59781,8 +60024,8 @@
         {
             "description": "The background color of the Stepper ProgressBar.\n",
             "commentRange": {
-                "start": 203,
-                "end": 204
+                "start": 206,
+                "end": 207
             },
             "context": {
                 "type": "variable",
@@ -59790,8 +60033,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 205,
-                    "end": 205
+                    "start": 208,
+                    "end": 208
                 }
             },
             "group": [
@@ -59808,8 +60051,8 @@
         {
             "description": "The text color of the Stepper ProgressBar.\n",
             "commentRange": {
-                "start": 206,
-                "end": 207
+                "start": 209,
+                "end": 210
             },
             "context": {
                 "type": "variable",
@@ -59817,8 +60060,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 208,
-                    "end": 208
+                    "start": 211,
+                    "end": 211
                 }
             },
             "group": [
@@ -59835,8 +60078,8 @@
         {
             "description": "The background color of the selected Stepper ProgressBar.\n",
             "commentRange": {
-                "start": 209,
-                "end": 210
+                "start": 212,
+                "end": 213
             },
             "context": {
                 "type": "variable",
@@ -59844,8 +60087,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 211,
-                    "end": 211
+                    "start": 214,
+                    "end": 214
                 }
             },
             "group": [
@@ -59862,8 +60105,8 @@
         {
             "description": "The text color of the selected Stepper ProgressBar.\n",
             "commentRange": {
-                "start": 212,
-                "end": 213
+                "start": 215,
+                "end": 216
             },
             "context": {
                 "type": "variable",
@@ -59871,8 +60114,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 214,
-                    "end": 214
+                    "start": 217,
+                    "end": 217
                 }
             },
             "group": [
@@ -59889,8 +60132,8 @@
         {
             "description": "The property name of the Stepper transition.\n",
             "commentRange": {
-                "start": 216,
-                "end": 217
+                "start": 219,
+                "end": 220
             },
             "context": {
                 "type": "variable",
@@ -59898,8 +60141,8 @@
                 "value": "height",
                 "scope": "default",
                 "line": {
-                    "start": 218,
-                    "end": 218
+                    "start": 221,
+                    "end": 221
                 }
             },
             "group": [
@@ -59916,8 +60159,8 @@
         {
             "description": "The duration of the Stepper transition.\n",
             "commentRange": {
-                "start": 219,
-                "end": 220
+                "start": 222,
+                "end": 223
             },
             "context": {
                 "type": "variable",
@@ -59925,8 +60168,8 @@
                 "value": "300ms",
                 "scope": "default",
                 "line": {
-                    "start": 221,
-                    "end": 221
+                    "start": 224,
+                    "end": 224
                 }
             },
             "group": [
@@ -59943,8 +60186,8 @@
         {
             "description": "The timing function of the Stepper transition.\n",
             "commentRange": {
-                "start": 222,
-                "end": 223
+                "start": 225,
+                "end": 226
             },
             "context": {
                 "type": "variable",
@@ -59952,8 +60195,8 @@
                 "value": "cubic-bezier(.4, 0, .2, 1) 0ms",
                 "scope": "default",
                 "line": {
-                    "start": 224,
-                    "end": 224
+                    "start": 227,
+                    "end": 227
                 }
             },
             "group": [
@@ -66316,7 +66559,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-timeline-track-arrow-width",
-                "value": "36px",
+                "value": "k-spacing(9)",
                 "scope": "default",
                 "line": {
                     "start": 32,
@@ -66331,8 +66574,8 @@
                 "path": "material/scss/timeline/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "36px",
-            "resolvedType": "Number"
+            "resolvedValue": "var(--kendo-spacing-9, 2.25rem)",
+            "resolvedType": "String"
         },
         {
             "description": "The height of the Timeline track arrow.\n",
@@ -66343,7 +66586,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-timeline-track-arrow-height",
-                "value": "36px",
+                "value": "k-spacing(9)",
                 "scope": "default",
                 "line": {
                     "start": 35,
@@ -66358,8 +66601,8 @@
                 "path": "material/scss/timeline/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "36px",
-            "resolvedType": "Number"
+            "resolvedValue": "var(--kendo-spacing-9, 2.25rem)",
+            "resolvedType": "String"
         },
         {
             "description": "The background color of the disabled Timeline track arrow.\n",
@@ -66451,7 +66694,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-timeline-track-size",
-                "value": "6px",
+                "value": "k-spacing(1.5)",
                 "scope": "default",
                 "line": {
                     "start": 49,
@@ -66466,8 +66709,8 @@
                 "path": "material/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",
@@ -66478,7 +66721,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,
@@ -66493,8 +66736,8 @@
                 "path": "material/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",
@@ -66559,7 +66802,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,
@@ -66574,7 +66817,7 @@
                 "path": "material/scss/timeline/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "calc(18px + 3px)",
+            "resolvedValue": "calc(var(--kendo-spacing-9, 2.25rem) / 2 + calc(var(--kendo-spacing-1\\.5, 0.375rem) / 2))",
             "resolvedType": "Calculation"
         },
         {
@@ -66601,7 +66844,7 @@
                 "path": "material/scss/timeline/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "calc(36px - 2 * 1px)",
+            "resolvedValue": "calc(var(--kendo-spacing-9, 2.25rem) - 2 * 1px)",
             "resolvedType": "Calculation"
         },
         {
@@ -66628,7 +66871,7 @@
                 "path": "material/scss/timeline/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "calc(36px - 2 * 1px)",
+            "resolvedValue": "calc(var(--kendo-spacing-9, 2.25rem) - 2 * 1px)",
             "resolvedType": "Calculation"
         },
         {
@@ -67087,7 +67330,7 @@
                 "path": "material/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"
         },
         {
@@ -67168,7 +67411,7 @@
                 "path": "material/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"
         },
         {
@@ -67195,7 +67438,7 @@
                 "path": "material/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"
         },
         {
@@ -67222,7 +67465,7 @@
                 "path": "material/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"
         },
         {
@@ -67249,7 +67492,7 @@
                 "path": "material/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"
         },
         {
@@ -67963,7 +68206,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-toolbar-border",
-                "value": "null",
+                "value": "$kendo-component-border",
                 "scope": "default",
                 "line": {
                     "start": 67,
@@ -67978,8 +68221,8 @@
                 "path": "material/scss/toolbar/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "null",
-            "resolvedType": "Null"
+            "resolvedValue": "var(--kendo-color-border, rgba(0, 0, 0, 0.12))",
+            "resolvedType": "String"
         },
         {
             "description": "The gradient of the Toolbar.\n",
@@ -68036,15 +68279,15 @@
             "resolvedType": "String"
         },
         {
-            "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": "$kendo-component-border",
+                "name": "kendo-toolbar-outline-text",
+                "value": "null",
                 "scope": "default",
                 "line": {
                     "start": 77,
@@ -68059,23 +68302,50 @@
                 "path": "material/scss/toolbar/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-border, rgba(0, 0, 0, 0.12))",
+            "resolvedValue": "null",
+            "resolvedType": "Null"
+        },
+        {
+            "description": "The color of the border around the outline Toolbar.\n",
+            "commentRange": {
+                "start": 78,
+                "end": 79
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-toolbar-outline-border",
+                "value": "currentColor",
+                "scope": "default",
+                "line": {
+                    "start": 80,
+                    "end": 80
+                }
+            },
+            "group": [
+                "toolbar"
+            ],
+            "access": "public",
+            "file": {
+                "path": "material/scss/toolbar/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "currentColor",
             "resolvedType": "String"
         },
         {
-            "description": "The width of the input in the Toolbar.\n",
+            "description": "The gradient of the outline Toolbar.\n",
             "commentRange": {
-                "start": 79,
-                "end": 80
+                "start": 81,
+                "end": 82
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-toolbar-input-width",
-                "value": "10em",
+                "name": "kendo-toolbar-outline-gradient",
+                "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 81,
-                    "end": 81
+                    "start": 83,
+                    "end": 83
                 }
             },
             "group": [
@@ -68086,23 +68356,23 @@
                 "path": "material/scss/toolbar/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "10em",
-            "resolvedType": "Number"
+            "resolvedValue": "null",
+            "resolvedType": "Null"
         },
         {
-            "description": "The box shadow of the focused Toolbar item.\n",
+            "description": "The box shadow of the outline Toolbar.\n",
             "commentRange": {
-                "start": 83,
-                "end": 84
+                "start": 84,
+                "end": 85
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-toolbar-item-shadow",
-                "value": "0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px rgba(0, 0, 0, .14), 0 1px 10px rgba(0, 0, 0, .12)",
+                "name": "kendo-toolbar-outline-shadow",
+                "value": "none",
                 "scope": "default",
                 "line": {
-                    "start": 85,
-                    "end": 85
+                    "start": 86,
+                    "end": 86
                 }
             },
             "group": [
@@ -68113,18 +68383,18 @@
                 "path": "material/scss/toolbar/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12)",
-            "resolvedType": "List"
+            "resolvedValue": "none",
+            "resolvedType": "String"
         },
         {
-            "description": "Border width of the flat Toolbar.\n",
+            "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",
+                "name": "kendo-toolbar-outline-border-width",
                 "value": "1px",
                 "scope": "default",
                 "line": {
@@ -68144,18 +68414,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": "material/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": "material/scss/toolbar/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-color-border, rgba(0, 0, 0, 0.12))",
+            "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": "material/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": "0 2px 0 -1px $kendo-component-border",
+                "scope": "default",
+                "line": {
+                    "start": 102,
+                    "end": 102
+                }
+            },
+            "group": [
+                "toolbar"
+            ],
+            "access": "public",
+            "file": {
+                "path": "material/scss/toolbar/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "0 2px 0 -1px var(--kendo-color-border, rgba(0, 0, 0, 0.12))",
+            "resolvedType": "List"
+        },
+        {
+            "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": "material/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
                 }
             },
@@ -68167,6 +68572,87 @@
                 "path": "material/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": "material/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": "0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px rgba(0, 0, 0, .14), 0 1px 10px rgba(0, 0, 0, .12)",
+                "scope": "default",
+                "line": {
+                    "start": 117,
+                    "end": 117
+                }
+            },
+            "group": [
+                "toolbar"
+            ],
+            "access": "public",
+            "file": {
+                "path": "material/scss/toolbar/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12)",
+            "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": "material/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": {
@@ -68196,7 +68682,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-tooltip-padding-y",
-                "value": "calc( #{$kendo-padding-md-y} * .75 )",
+                "value": "k-spacing(.5)",
                 "scope": "default",
                 "line": {
                     "start": 5,
@@ -68211,8 +68697,8 @@
                 "path": "material/scss/tooltip/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "calc(var(--kendo-spacing-1, 0.25rem) * 0.75)",
-            "resolvedType": "Calculation"
+            "resolvedValue": "var(--kendo-spacing-0\\.5, 0.125rem)",
+            "resolvedType": "String"
         },
         {
             "description": "The horizontal padding of the Tooltip.\n",
@@ -109995,14 +110481,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": {
@@ -110020,33 +110506,6 @@
                     },
                     "resolvedValue": "var(--kendo-color-subtle, #757575)",
                     "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": "material/scss/list/_variables.scss",
-                        "name": "_variables.scss"
-                    },
-                    "resolvedValue": "var(--kendo-color-subtle, #757575)",
-                    "resolvedType": "String"
                 }
             ]
         },
@@ -114769,6 +115228,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": "material/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": "material/scss/no-data/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-color-subtle, #757575)",
+                    "resolvedType": "String"
+                }
+            ]
+        },
         {
             "id": "notification",
             "title": "Notification",
@@ -116418,7 +116937,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-orgchart-line-v-height",
-                        "value": "25px",
+                        "value": "k-spacing(6)",
                         "scope": "default",
                         "line": {
                             "start": 146,
@@ -116433,8 +116952,8 @@
                         "path": "material/scss/orgchart/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "25px",
-                    "resolvedType": "Number"
+                    "resolvedValue": "var(--kendo-spacing-6, 1.5rem)",
+                    "resolvedType": "String"
                 }
             ]
         },
@@ -117332,6 +117851,195 @@
                     },
                     "resolvedValue": "var(--kendo-color-subtle, #757575)",
                     "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": "material/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": "material/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": "material/scss/pdf-viewer/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-color-primary, #3f51b5)",
+                    "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": "material/scss/pdf-viewer/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-color-primary-hover, #3a4ba7)",
+                    "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": "material/scss/pdf-viewer/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-color-primary, #3f51b5)",
+                    "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": "material/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.7)",
+                        "scope": "default",
+                        "line": {
+                            "start": 133,
+                            "end": 133
+                        }
+                    },
+                    "group": [
+                        "pdf-viewer"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "material/scss/pdf-viewer/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "rgba(124, 22, 27, 0.7)",
+                    "resolvedType": "Color"
                 }
             ]
         },
@@ -133462,7 +134170,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,
@@ -133477,8 +134185,8 @@
                         "path": "material/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",
@@ -136031,15 +136739,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(xxl)",
                         "scope": "default",
                         "line": {
                             "start": 26,
@@ -136054,14 +136762,41 @@
                         "path": "material/scss/stepper/_variables.scss",
                         "name": "_variables.scss"
                     },
+                    "resolvedValue": "var(--kendo-border-radius-xxl, 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": "material/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",
@@ -136069,8 +136804,8 @@
                         "value": "k-spacing(5)",
                         "scope": "default",
                         "line": {
-                            "start": 30,
-                            "end": 30
+                            "start": 33,
+                            "end": 33
                         }
                     },
                     "group": [
@@ -136087,8 +136822,8 @@
                 {
                     "description": "The vertical padding of the Stepper content.\n",
                     "commentRange": {
-                        "start": 31,
-                        "end": 32
+                        "start": 34,
+                        "end": 35
                     },
                     "context": {
                         "type": "variable",
@@ -136096,8 +136831,8 @@
                         "value": "k-spacing(2.5)",
                         "scope": "default",
                         "line": {
-                            "start": 33,
-                            "end": 33
+                            "start": 36,
+                            "end": 36
                         }
                     },
                     "group": [
@@ -136114,8 +136849,8 @@
                 {
                     "description": "",
                     "commentRange": {
-                        "start": 36,
-                        "end": 36
+                        "start": 39,
+                        "end": 39
                     },
                     "context": {
                         "type": "variable",
@@ -136123,8 +136858,8 @@
                         "value": "var( --kendo-font-size, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 37,
-                            "end": 37
+                            "start": 40,
+                            "end": 40
                         }
                     },
                     "group": [
@@ -136141,8 +136876,8 @@
                 {
                     "description": "",
                     "commentRange": {
-                        "start": 39,
-                        "end": 39
+                        "start": 42,
+                        "end": 42
                     },
                     "context": {
                         "type": "variable",
@@ -136150,8 +136885,8 @@
                         "value": "k-math-div( 20, 14 )",
                         "scope": "default",
                         "line": {
-                            "start": 40,
-                            "end": 40
+                            "start": 43,
+                            "end": 43
                         }
                     },
                     "group": [
@@ -136168,8 +136903,8 @@
                 {
                     "description": "",
                     "commentRange": {
-                        "start": 42,
-                        "end": 42
+                        "start": 45,
+                        "end": 45
                     },
                     "context": {
                         "type": "variable",
@@ -136177,8 +136912,8 @@
                         "value": "var( --kendo-font-family, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 43,
-                            "end": 43
+                            "start": 46,
+                            "end": 46
                         }
                     },
                     "group": [
@@ -136195,8 +136930,8 @@
                 {
                     "description": "The background color of the Stepper.\n",
                     "commentRange": {
-                        "start": 45,
-                        "end": 46
+                        "start": 48,
+                        "end": 49
                     },
                     "context": {
                         "type": "variable",
@@ -136204,8 +136939,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 47,
-                            "end": 47
+                            "start": 50,
+                            "end": 50
                         }
                     },
                     "group": [
@@ -136222,8 +136957,8 @@
                 {
                     "description": "The text color of the Stepper.\n",
                     "commentRange": {
-                        "start": 48,
-                        "end": 49
+                        "start": 51,
+                        "end": 52
                     },
                     "context": {
                         "type": "variable",
@@ -136231,8 +136966,8 @@
                         "value": "$kendo-component-text",
                         "scope": "default",
                         "line": {
-                            "start": 50,
-                            "end": 50
+                            "start": 53,
+                            "end": 53
                         }
                     },
                     "group": [
@@ -136249,8 +136984,8 @@
                 {
                     "description": "The border color of the Stepper.\n",
                     "commentRange": {
-                        "start": 51,
-                        "end": 52
+                        "start": 54,
+                        "end": 55
                     },
                     "context": {
                         "type": "variable",
@@ -136258,8 +136993,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 53,
-                            "end": 53
+                            "start": 56,
+                            "end": 56
                         }
                     },
                     "group": [
@@ -136276,8 +137011,8 @@
                 {
                     "description": "The width of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 55,
-                        "end": 56
+                        "start": 58,
+                        "end": 59
                     },
                     "context": {
                         "type": "variable",
@@ -136285,8 +137020,8 @@
                         "value": "28px",
                         "scope": "default",
                         "line": {
-                            "start": 57,
-                            "end": 57
+                            "start": 60,
+                            "end": 60
                         }
                     },
                     "group": [
@@ -136303,8 +137038,8 @@
                 {
                     "description": "The height of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 58,
-                        "end": 59
+                        "start": 61,
+                        "end": 62
                     },
                     "context": {
                         "type": "variable",
@@ -136312,8 +137047,8 @@
                         "value": "$kendo-stepper-indicator-width",
                         "scope": "default",
                         "line": {
-                            "start": 60,
-                            "end": 60
+                            "start": 63,
+                            "end": 63
                         }
                     },
                     "group": [
@@ -136330,8 +137065,8 @@
                 {
                     "description": "The border radius of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 61,
-                        "end": 62
+                        "start": 64,
+                        "end": 65
                     },
                     "context": {
                         "type": "variable",
@@ -136339,8 +137074,8 @@
                         "value": "50%",
                         "scope": "default",
                         "line": {
-                            "start": 63,
-                            "end": 63
+                            "start": 66,
+                            "end": 66
                         }
                     },
                     "group": [
@@ -136357,8 +137092,8 @@
                 {
                     "description": "The border width of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 64,
-                        "end": 65
+                        "start": 67,
+                        "end": 68
                     },
                     "context": {
                         "type": "variable",
@@ -136366,8 +137101,8 @@
                         "value": "1px",
                         "scope": "default",
                         "line": {
-                            "start": 66,
-                            "end": 66
+                            "start": 69,
+                            "end": 69
                         }
                     },
                     "group": [
@@ -136384,8 +137119,8 @@
                 {
                     "description": "The border width of the focused Stepper indicator.\n",
                     "commentRange": {
-                        "start": 68,
-                        "end": 69
+                        "start": 71,
+                        "end": 72
                     },
                     "context": {
                         "type": "variable",
@@ -136393,8 +137128,8 @@
                         "value": "1px",
                         "scope": "default",
                         "line": {
-                            "start": 70,
-                            "end": 70
+                            "start": 73,
+                            "end": 73
                         }
                     },
                     "group": [
@@ -136411,8 +137146,8 @@
                 {
                     "description": "The size of the focused Stepper indicator.\n",
                     "commentRange": {
-                        "start": 71,
-                        "end": 72
+                        "start": 74,
+                        "end": 75
                     },
                     "context": {
                         "type": "variable",
@@ -136420,8 +137155,8 @@
                         "value": "2px",
                         "scope": "default",
                         "line": {
-                            "start": 73,
-                            "end": 73
+                            "start": 76,
+                            "end": 76
                         }
                     },
                     "group": [
@@ -136438,8 +137173,8 @@
                 {
                     "description": "The offset of the Stepper's focused indicator.\n",
                     "commentRange": {
-                        "start": 74,
-                        "end": 75
+                        "start": 77,
+                        "end": 78
                     },
                     "context": {
                         "type": "variable",
@@ -136447,8 +137182,8 @@
                         "value": "3px",
                         "scope": "default",
                         "line": {
-                            "start": 76,
-                            "end": 76
+                            "start": 79,
+                            "end": 79
                         }
                     },
                     "group": [
@@ -136465,8 +137200,8 @@
                 {
                     "description": "The calculated offset of the Stepper's focused indicator.\n",
                     "commentRange": {
-                        "start": 77,
-                        "end": 78
+                        "start": 80,
+                        "end": 81
                     },
                     "context": {
                         "type": "variable",
@@ -136474,8 +137209,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": [
@@ -136492,8 +137227,8 @@
                 {
                     "description": "The background color of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 81,
-                        "end": 82
+                        "start": 84,
+                        "end": 85
                     },
                     "context": {
                         "type": "variable",
@@ -136501,8 +137236,8 @@
                         "value": "$kendo-component-bg",
                         "scope": "default",
                         "line": {
-                            "start": 83,
-                            "end": 83
+                            "start": 86,
+                            "end": 86
                         }
                     },
                     "group": [
@@ -136519,8 +137254,8 @@
                 {
                     "description": "The text color of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 84,
-                        "end": 85
+                        "start": 87,
+                        "end": 88
                     },
                     "context": {
                         "type": "variable",
@@ -136528,8 +137263,8 @@
                         "value": "$kendo-component-text",
                         "scope": "default",
                         "line": {
-                            "start": 86,
-                            "end": 86
+                            "start": 89,
+                            "end": 89
                         }
                     },
                     "group": [
@@ -136546,8 +137281,8 @@
                 {
                     "description": "The border color of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 87,
-                        "end": 88
+                        "start": 90,
+                        "end": 91
                     },
                     "context": {
                         "type": "variable",
@@ -136555,8 +137290,8 @@
                         "value": "$kendo-component-border",
                         "scope": "default",
                         "line": {
-                            "start": 89,
-                            "end": 89
+                            "start": 92,
+                            "end": 92
                         }
                     },
                     "group": [
@@ -136573,8 +137308,8 @@
                 {
                     "description": "The background color of the hovered Stepper indicator.\n",
                     "commentRange": {
-                        "start": 91,
-                        "end": 92
+                        "start": 94,
+                        "end": 95
                     },
                     "context": {
                         "type": "variable",
@@ -136582,8 +137317,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": [
@@ -136600,8 +137335,8 @@
                 {
                     "description": "The text color of the hovered Stepper indicator.\n",
                     "commentRange": {
-                        "start": 94,
-                        "end": 95
+                        "start": 97,
+                        "end": 98
                     },
                     "context": {
                         "type": "variable",
@@ -136609,8 +137344,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 96,
-                            "end": 96
+                            "start": 99,
+                            "end": 99
                         }
                     },
                     "group": [
@@ -136627,8 +137362,8 @@
                 {
                     "description": "The border color of the hovered Stepper indicator.\n",
                     "commentRange": {
-                        "start": 97,
-                        "end": 98
+                        "start": 100,
+                        "end": 101
                     },
                     "context": {
                         "type": "variable",
@@ -136636,8 +137371,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 99,
-                            "end": 99
+                            "start": 102,
+                            "end": 102
                         }
                     },
                     "group": [
@@ -136654,8 +137389,8 @@
                 {
                     "description": "The background color of the disabled Stepper indicator.\n",
                     "commentRange": {
-                        "start": 101,
-                        "end": 102
+                        "start": 104,
+                        "end": 105
                     },
                     "context": {
                         "type": "variable",
@@ -136663,8 +137398,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 103,
-                            "end": 103
+                            "start": 106,
+                            "end": 106
                         }
                     },
                     "group": [
@@ -136681,8 +137416,8 @@
                 {
                     "description": "The text color of the disabled Stepper indicator.\n",
                     "commentRange": {
-                        "start": 104,
-                        "end": 105
+                        "start": 107,
+                        "end": 108
                     },
                     "context": {
                         "type": "variable",
@@ -136690,8 +137425,8 @@
                         "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 32%, transparent), if($kendo-is-dark-theme, $light-disabled-text, $dark-disabled-text ))",
                         "scope": "default",
                         "line": {
-                            "start": 106,
-                            "end": 106
+                            "start": 109,
+                            "end": 109
                         }
                     },
                     "group": [
@@ -136708,8 +137443,8 @@
                 {
                     "description": "The border color of the disabled Stepper indicator.\n",
                     "commentRange": {
-                        "start": 107,
-                        "end": 108
+                        "start": 110,
+                        "end": 111
                     },
                     "context": {
                         "type": "variable",
@@ -136717,8 +137452,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 109,
-                            "end": 109
+                            "start": 112,
+                            "end": 112
                         }
                     },
                     "group": [
@@ -136735,8 +137470,8 @@
                 {
                     "description": "The background color of the Stepper's done indicator.\n",
                     "commentRange": {
-                        "start": 111,
-                        "end": 112
+                        "start": 114,
+                        "end": 115
                     },
                     "context": {
                         "type": "variable",
@@ -136744,8 +137479,8 @@
                         "value": "$kendo-color-primary",
                         "scope": "default",
                         "line": {
-                            "start": 113,
-                            "end": 113
+                            "start": 116,
+                            "end": 116
                         }
                     },
                     "group": [
@@ -136762,8 +137497,8 @@
                 {
                     "description": "The text color of the Stepper's done indicator.\n",
                     "commentRange": {
-                        "start": 114,
-                        "end": 115
+                        "start": 117,
+                        "end": 118
                     },
                     "context": {
                         "type": "variable",
@@ -136771,8 +137506,8 @@
                         "value": "if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-stepper-indicator-done-bg ))",
                         "scope": "default",
                         "line": {
-                            "start": 116,
-                            "end": 116
+                            "start": 119,
+                            "end": 119
                         }
                     },
                     "group": [
@@ -136789,8 +137524,8 @@
                 {
                     "description": "The border color of the Stepper's done indicator.\n",
                     "commentRange": {
-                        "start": 117,
-                        "end": 118
+                        "start": 120,
+                        "end": 121
                     },
                     "context": {
                         "type": "variable",
@@ -136798,8 +137533,8 @@
                         "value": "$kendo-stepper-indicator-done-bg",
                         "scope": "default",
                         "line": {
-                            "start": 119,
-                            "end": 119
+                            "start": 122,
+                            "end": 122
                         }
                     },
                     "group": [
@@ -136816,8 +137551,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",
@@ -136825,8 +137560,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": [
@@ -136843,8 +137578,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",
@@ -136852,8 +137587,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 126,
-                            "end": 126
+                            "start": 129,
+                            "end": 129
                         }
                     },
                     "group": [
@@ -136870,8 +137605,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",
@@ -136879,8 +137614,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 129,
-                            "end": 129
+                            "start": 132,
+                            "end": 132
                         }
                     },
                     "group": [
@@ -136897,8 +137632,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",
@@ -136906,8 +137641,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": [
@@ -136924,8 +137659,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",
@@ -136933,8 +137668,8 @@
                         "value": "if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-stepper-indicator-done-bg ))",
                         "scope": "default",
                         "line": {
-                            "start": 136,
-                            "end": 136
+                            "start": 139,
+                            "end": 139
                         }
                     },
                     "group": [
@@ -136951,8 +137686,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",
@@ -136960,8 +137695,8 @@
                         "value": "$kendo-stepper-indicator-done-disabled-bg",
                         "scope": "default",
                         "line": {
-                            "start": 139,
-                            "end": 139
+                            "start": 142,
+                            "end": 142
                         }
                     },
                     "group": [
@@ -136978,8 +137713,8 @@
                 {
                     "description": "The background color of the Stepper current indicator.\n",
                     "commentRange": {
-                        "start": 141,
-                        "end": 142
+                        "start": 144,
+                        "end": 145
                     },
                     "context": {
                         "type": "variable",
@@ -136987,8 +137722,8 @@
                         "value": "$kendo-stepper-indicator-done-bg",
                         "scope": "default",
                         "line": {
-                            "start": 143,
-                            "end": 143
+                            "start": 146,
+                            "end": 146
                         }
                     },
                     "group": [
@@ -137005,8 +137740,8 @@
                 {
                     "description": "The text color of the Stepper current indicator.\n",
                     "commentRange": {
-                        "start": 144,
-                        "end": 145
+                        "start": 147,
+                        "end": 148
                     },
                     "context": {
                         "type": "variable",
@@ -137014,8 +137749,8 @@
                         "value": "$kendo-stepper-indicator-done-text",
                         "scope": "default",
                         "line": {
-                            "start": 146,
-                            "end": 146
+                            "start": 149,
+                            "end": 149
                         }
                     },
                     "group": [
@@ -137032,8 +137767,8 @@
                 {
                     "description": "The border color of the Stepper current indicator.\n",
                     "commentRange": {
-                        "start": 147,
-                        "end": 148
+                        "start": 150,
+                        "end": 151
                     },
                     "context": {
                         "type": "variable",
@@ -137041,8 +137776,8 @@
                         "value": "$kendo-stepper-indicator-done-border",
                         "scope": "default",
                         "line": {
-                            "start": 149,
-                            "end": 149
+                            "start": 152,
+                            "end": 152
                         }
                     },
                     "group": [
@@ -137059,8 +137794,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",
@@ -137068,8 +137803,8 @@
                         "value": "$kendo-stepper-indicator-done-hover-bg",
                         "scope": "default",
                         "line": {
-                            "start": 153,
-                            "end": 153
+                            "start": 156,
+                            "end": 156
                         }
                     },
                     "group": [
@@ -137086,8 +137821,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",
@@ -137095,8 +137830,8 @@
                         "value": "$kendo-stepper-indicator-done-hover-text",
                         "scope": "default",
                         "line": {
-                            "start": 156,
-                            "end": 156
+                            "start": 159,
+                            "end": 159
                         }
                     },
                     "group": [
@@ -137113,8 +137848,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",
@@ -137122,8 +137857,8 @@
                         "value": "$kendo-stepper-indicator-done-hover-border",
                         "scope": "default",
                         "line": {
-                            "start": 159,
-                            "end": 159
+                            "start": 162,
+                            "end": 162
                         }
                     },
                     "group": [
@@ -137140,8 +137875,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",
@@ -137149,8 +137884,8 @@
                         "value": "$kendo-stepper-indicator-done-disabled-bg",
                         "scope": "default",
                         "line": {
-                            "start": 163,
-                            "end": 163
+                            "start": 166,
+                            "end": 166
                         }
                     },
                     "group": [
@@ -137167,8 +137902,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",
@@ -137176,8 +137911,8 @@
                         "value": "$kendo-stepper-indicator-done-disabled-text",
                         "scope": "default",
                         "line": {
-                            "start": 166,
-                            "end": 166
+                            "start": 169,
+                            "end": 169
                         }
                     },
                     "group": [
@@ -137194,8 +137929,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",
@@ -137203,8 +137938,8 @@
                         "value": "$kendo-stepper-indicator-done-disabled-border",
                         "scope": "default",
                         "line": {
-                            "start": 169,
-                            "end": 169
+                            "start": 172,
+                            "end": 172
                         }
                     },
                     "group": [
@@ -137221,8 +137956,8 @@
                 {
                     "description": "The text color of the Stepper label.\n",
                     "commentRange": {
-                        "start": 171,
-                        "end": 172
+                        "start": 174,
+                        "end": 175
                     },
                     "context": {
                         "type": "variable",
@@ -137230,8 +137965,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 173,
-                            "end": 173
+                            "start": 176,
+                            "end": 176
                         }
                     },
                     "group": [
@@ -137248,8 +137983,8 @@
                 {
                     "description": "The success text color of the Stepper label.\n",
                     "commentRange": {
-                        "start": 174,
-                        "end": 175
+                        "start": 177,
+                        "end": 178
                     },
                     "context": {
                         "type": "variable",
@@ -137257,8 +137992,8 @@
                         "value": "$kendo-color-success",
                         "scope": "default",
                         "line": {
-                            "start": 176,
-                            "end": 176
+                            "start": 179,
+                            "end": 179
                         }
                     },
                     "group": [
@@ -137275,8 +138010,8 @@
                 {
                     "description": "The error text color of the Stepper label.\n",
                     "commentRange": {
-                        "start": 177,
-                        "end": 178
+                        "start": 180,
+                        "end": 181
                     },
                     "context": {
                         "type": "variable",
@@ -137284,8 +138019,8 @@
                         "value": "$kendo-color-error",
                         "scope": "default",
                         "line": {
-                            "start": 179,
-                            "end": 179
+                            "start": 182,
+                            "end": 182
                         }
                     },
                     "group": [
@@ -137302,8 +138037,8 @@
                 {
                     "description": "The text color of the hovered Stepper label.\n",
                     "commentRange": {
-                        "start": 180,
-                        "end": 181
+                        "start": 183,
+                        "end": 184
                     },
                     "context": {
                         "type": "variable",
@@ -137311,8 +138046,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 182,
-                            "end": 182
+                            "start": 185,
+                            "end": 185
                         }
                     },
                     "group": [
@@ -137329,8 +138064,8 @@
                 {
                     "description": "The text color of the disabled Stepper label.\n",
                     "commentRange": {
-                        "start": 183,
-                        "end": 184
+                        "start": 186,
+                        "end": 187
                     },
                     "context": {
                         "type": "variable",
@@ -137338,8 +138073,8 @@
                         "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 32%, transparent), k-map-get( $theme, disabled-text ))",
                         "scope": "default",
                         "line": {
-                            "start": 185,
-                            "end": 185
+                            "start": 188,
+                            "end": 188
                         }
                     },
                     "group": [
@@ -137356,8 +138091,8 @@
                 {
                     "description": "The text color of the optional Stepper label.\n",
                     "commentRange": {
-                        "start": 187,
-                        "end": 188
+                        "start": 190,
+                        "end": 191
                     },
                     "context": {
                         "type": "variable",
@@ -137365,8 +138100,8 @@
                         "value": "$kendo-subtle-text",
                         "scope": "default",
                         "line": {
-                            "start": 189,
-                            "end": 189
+                            "start": 192,
+                            "end": 192
                         }
                     },
                     "group": [
@@ -137383,8 +138118,8 @@
                 {
                     "description": "The opacity of the optional Stepper label.\n",
                     "commentRange": {
-                        "start": 190,
-                        "end": 191
+                        "start": 193,
+                        "end": 194
                     },
                     "context": {
                         "type": "variable",
@@ -137392,8 +138127,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 192,
-                            "end": 192
+                            "start": 195,
+                            "end": 195
                         }
                     },
                     "group": [
@@ -137410,8 +138145,8 @@
                 {
                     "description": "The font size of the optional Stepper label.\n",
                     "commentRange": {
-                        "start": 193,
-                        "end": 194
+                        "start": 196,
+                        "end": 197
                     },
                     "context": {
                         "type": "variable",
@@ -137419,8 +138154,8 @@
                         "value": "var( --kendo-font-size-sm, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 195,
-                            "end": 195
+                            "start": 198,
+                            "end": 198
                         }
                     },
                     "group": [
@@ -137437,8 +138172,8 @@
                 {
                     "description": "The font style of the optional Stepper label.\n",
                     "commentRange": {
-                        "start": 196,
-                        "end": 197
+                        "start": 199,
+                        "end": 200
                     },
                     "context": {
                         "type": "variable",
@@ -137446,8 +138181,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 198,
-                            "end": 198
+                            "start": 201,
+                            "end": 201
                         }
                     },
                     "group": [
@@ -137464,8 +138199,8 @@
                 {
                     "description": "The size of the Stepper ProgressBar.\n",
                     "commentRange": {
-                        "start": 200,
-                        "end": 201
+                        "start": 203,
+                        "end": 204
                     },
                     "context": {
                         "type": "variable",
@@ -137473,8 +138208,8 @@
                         "value": "2px",
                         "scope": "default",
                         "line": {
-                            "start": 202,
-                            "end": 202
+                            "start": 205,
+                            "end": 205
                         }
                     },
                     "group": [
@@ -137491,8 +138226,8 @@
                 {
                     "description": "The background color of the Stepper ProgressBar.\n",
                     "commentRange": {
-                        "start": 203,
-                        "end": 204
+                        "start": 206,
+                        "end": 207
                     },
                     "context": {
                         "type": "variable",
@@ -137500,8 +138235,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 205,
-                            "end": 205
+                            "start": 208,
+                            "end": 208
                         }
                     },
                     "group": [
@@ -137518,8 +138253,8 @@
                 {
                     "description": "The text color of the Stepper ProgressBar.\n",
                     "commentRange": {
-                        "start": 206,
-                        "end": 207
+                        "start": 209,
+                        "end": 210
                     },
                     "context": {
                         "type": "variable",
@@ -137527,8 +138262,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 208,
-                            "end": 208
+                            "start": 211,
+                            "end": 211
                         }
                     },
                     "group": [
@@ -137545,8 +138280,8 @@
                 {
                     "description": "The background color of the selected Stepper ProgressBar.\n",
                     "commentRange": {
-                        "start": 209,
-                        "end": 210
+                        "start": 212,
+                        "end": 213
                     },
                     "context": {
                         "type": "variable",
@@ -137554,8 +138289,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 211,
-                            "end": 211
+                            "start": 214,
+                            "end": 214
                         }
                     },
                     "group": [
@@ -137572,8 +138307,8 @@
                 {
                     "description": "The text color of the selected Stepper ProgressBar.\n",
                     "commentRange": {
-                        "start": 212,
-                        "end": 213
+                        "start": 215,
+                        "end": 216
                     },
                     "context": {
                         "type": "variable",
@@ -137581,8 +138316,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 214,
-                            "end": 214
+                            "start": 217,
+                            "end": 217
                         }
                     },
                     "group": [
@@ -137599,8 +138334,8 @@
                 {
                     "description": "The property name of the Stepper transition.\n",
                     "commentRange": {
-                        "start": 216,
-                        "end": 217
+                        "start": 219,
+                        "end": 220
                     },
                     "context": {
                         "type": "variable",
@@ -137608,8 +138343,8 @@
                         "value": "height",
                         "scope": "default",
                         "line": {
-                            "start": 218,
-                            "end": 218
+                            "start": 221,
+                            "end": 221
                         }
                     },
                     "group": [
@@ -137626,8 +138361,8 @@
                 {
                     "description": "The duration of the Stepper transition.\n",
                     "commentRange": {
-                        "start": 219,
-                        "end": 220
+                        "start": 222,
+                        "end": 223
                     },
                     "context": {
                         "type": "variable",
@@ -137635,8 +138370,8 @@
                         "value": "300ms",
                         "scope": "default",
                         "line": {
-                            "start": 221,
-                            "end": 221
+                            "start": 224,
+                            "end": 224
                         }
                     },
                     "group": [
@@ -137653,8 +138388,8 @@
                 {
                     "description": "The timing function of the Stepper transition.\n",
                     "commentRange": {
-                        "start": 222,
-                        "end": 223
+                        "start": 225,
+                        "end": 226
                     },
                     "context": {
                         "type": "variable",
@@ -137662,8 +138397,8 @@
                         "value": "cubic-bezier(.4, 0, .2, 1) 0ms",
                         "scope": "default",
                         "line": {
-                            "start": 224,
-                            "end": 224
+                            "start": 227,
+                            "end": 227
                         }
                     },
                     "group": [
@@ -144068,7 +144803,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-timeline-track-arrow-width",
-                        "value": "36px",
+                        "value": "k-spacing(9)",
                         "scope": "default",
                         "line": {
                             "start": 32,
@@ -144083,8 +144818,8 @@
                         "path": "material/scss/timeline/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "36px",
-                    "resolvedType": "Number"
+                    "resolvedValue": "var(--kendo-spacing-9, 2.25rem)",
+                    "resolvedType": "String"
                 },
                 {
                     "description": "The height of the Timeline track arrow.\n",
@@ -144095,7 +144830,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-timeline-track-arrow-height",
-                        "value": "36px",
+                        "value": "k-spacing(9)",
                         "scope": "default",
                         "line": {
                             "start": 35,
@@ -144110,8 +144845,8 @@
                         "path": "material/scss/timeline/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "36px",
-                    "resolvedType": "Number"
+                    "resolvedValue": "var(--kendo-spacing-9, 2.25rem)",
+                    "resolvedType": "String"
                 },
                 {
                     "description": "The background color of the disabled Timeline track arrow.\n",
@@ -144203,7 +144938,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-timeline-track-size",
-                        "value": "6px",
+                        "value": "k-spacing(1.5)",
                         "scope": "default",
                         "line": {
                             "start": 49,
@@ -144218,8 +144953,8 @@
                         "path": "material/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",
@@ -144230,7 +144965,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,
@@ -144245,8 +144980,8 @@
                         "path": "material/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",
@@ -144311,7 +145046,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,
@@ -144326,7 +145061,7 @@
                         "path": "material/scss/timeline/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "calc(18px + 3px)",
+                    "resolvedValue": "calc(var(--kendo-spacing-9, 2.25rem) / 2 + calc(var(--kendo-spacing-1\\.5, 0.375rem) / 2))",
                     "resolvedType": "Calculation"
                 },
                 {
@@ -144353,7 +145088,7 @@
                         "path": "material/scss/timeline/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "calc(36px - 2 * 1px)",
+                    "resolvedValue": "calc(var(--kendo-spacing-9, 2.25rem) - 2 * 1px)",
                     "resolvedType": "Calculation"
                 },
                 {
@@ -144380,7 +145115,7 @@
                         "path": "material/scss/timeline/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "calc(36px - 2 * 1px)",
+                    "resolvedValue": "calc(var(--kendo-spacing-9, 2.25rem) - 2 * 1px)",
                     "resolvedType": "Calculation"
                 },
                 {
@@ -144839,7 +145574,7 @@
                         "path": "material/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"
                 },
                 {
@@ -144920,7 +145655,7 @@
                         "path": "material/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"
                 },
                 {
@@ -144947,7 +145682,7 @@
                         "path": "material/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"
                 },
                 {
@@ -144974,7 +145709,7 @@
                         "path": "material/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"
                 },
                 {
@@ -145001,7 +145736,7 @@
                         "path": "material/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"
                 },
                 {
@@ -145721,7 +146456,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-toolbar-border",
-                        "value": "null",
+                        "value": "$kendo-component-border",
                         "scope": "default",
                         "line": {
                             "start": 67,
@@ -145736,8 +146471,8 @@
                         "path": "material/scss/toolbar/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "null",
-                    "resolvedType": "Null"
+                    "resolvedValue": "var(--kendo-color-border, rgba(0, 0, 0, 0.12))",
+                    "resolvedType": "String"
                 },
                 {
                     "description": "The gradient of the Toolbar.\n",
@@ -145794,15 +146529,15 @@
                     "resolvedType": "String"
                 },
                 {
-                    "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": "$kendo-component-border",
+                        "name": "kendo-toolbar-outline-text",
+                        "value": "null",
                         "scope": "default",
                         "line": {
                             "start": 77,
@@ -145817,23 +146552,50 @@
                         "path": "material/scss/toolbar/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-border, rgba(0, 0, 0, 0.12))",
+                    "resolvedValue": "null",
+                    "resolvedType": "Null"
+                },
+                {
+                    "description": "The color of the border around the outline Toolbar.\n",
+                    "commentRange": {
+                        "start": 78,
+                        "end": 79
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-toolbar-outline-border",
+                        "value": "currentColor",
+                        "scope": "default",
+                        "line": {
+                            "start": 80,
+                            "end": 80
+                        }
+                    },
+                    "group": [
+                        "toolbar"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "material/scss/toolbar/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "currentColor",
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The width of the input in the Toolbar.\n",
+                    "description": "The gradient of the outline Toolbar.\n",
                     "commentRange": {
-                        "start": 79,
-                        "end": 80
+                        "start": 81,
+                        "end": 82
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-toolbar-input-width",
-                        "value": "10em",
+                        "name": "kendo-toolbar-outline-gradient",
+                        "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 81,
-                            "end": 81
+                            "start": 83,
+                            "end": 83
                         }
                     },
                     "group": [
@@ -145844,23 +146606,23 @@
                         "path": "material/scss/toolbar/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "10em",
-                    "resolvedType": "Number"
+                    "resolvedValue": "null",
+                    "resolvedType": "Null"
                 },
                 {
-                    "description": "The box shadow of the focused Toolbar item.\n",
+                    "description": "The box shadow of the outline Toolbar.\n",
                     "commentRange": {
-                        "start": 83,
-                        "end": 84
+                        "start": 84,
+                        "end": 85
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-toolbar-item-shadow",
-                        "value": "0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px rgba(0, 0, 0, .14), 0 1px 10px rgba(0, 0, 0, .12)",
+                        "name": "kendo-toolbar-outline-shadow",
+                        "value": "none",
                         "scope": "default",
                         "line": {
-                            "start": 85,
-                            "end": 85
+                            "start": 86,
+                            "end": 86
                         }
                     },
                     "group": [
@@ -145871,18 +146633,18 @@
                         "path": "material/scss/toolbar/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12)",
-                    "resolvedType": "List"
+                    "resolvedValue": "none",
+                    "resolvedType": "String"
                 },
                 {
-                    "description": "Border width of the flat Toolbar.\n",
+                    "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",
+                        "name": "kendo-toolbar-outline-border-width",
                         "value": "1px",
                         "scope": "default",
                         "line": {
@@ -145902,18 +146664,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": "material/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": "material/scss/toolbar/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-color-border, rgba(0, 0, 0, 0.12))",
+                    "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": "material/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": "0 2px 0 -1px $kendo-component-border",
+                        "scope": "default",
+                        "line": {
+                            "start": 102,
+                            "end": 102
+                        }
+                    },
+                    "group": [
+                        "toolbar"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "material/scss/toolbar/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "0 2px 0 -1px var(--kendo-color-border, rgba(0, 0, 0, 0.12))",
+                    "resolvedType": "List"
+                },
+                {
+                    "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": "material/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
                         }
                     },
@@ -145925,6 +146822,87 @@
                         "path": "material/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": "material/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": "0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px rgba(0, 0, 0, .14), 0 1px 10px rgba(0, 0, 0, .12)",
+                        "scope": "default",
+                        "line": {
+                            "start": 117,
+                            "end": 117
+                        }
+                    },
+                    "group": [
+                        "toolbar"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "material/scss/toolbar/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12)",
+                    "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": "material/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": {
@@ -145960,7 +146938,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-tooltip-padding-y",
-                        "value": "calc( #{$kendo-padding-md-y} * .75 )",
+                        "value": "k-spacing(.5)",
                         "scope": "default",
                         "line": {
                             "start": 5,
@@ -145975,8 +146953,8 @@
                         "path": "material/scss/tooltip/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "calc(var(--kendo-spacing-1, 0.25rem) * 0.75)",
-                    "resolvedType": "Calculation"
+                    "resolvedValue": "var(--kendo-spacing-0\\.5, 0.125rem)",
+                    "resolvedType": "String"
                 },
                 {
                     "description": "The horizontal padding of the Tooltip.\n",