@progress/kendo-theme-material 9.1.0-dev.2 → 9.1.0-dev.4

package/dist/meta/sassdoc-data.json

@@ -38640,7 +38640,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-orgchart-line-v-height",
-                "value": "25px",
+                "value": "k-spacing(6)",
                 "scope": "default",
                 "line": {
                     "start": 146,
@@ -38655,8 +38655,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",
@@ -55764,7 +55764,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 +55779,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 +58321,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 +58344,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 +58386,8 @@
                 "value": "k-spacing(5)",
                 "scope": "default",
                 "line": {
-                    "start": 30,
-                    "end": 30
+                    "start": 33,
+                    "end": 33
                 }
             },
             "group": [
@@ -58377,8 +58404,8 @@
         {
             "description": "The vertical padding of the Stepper content.\n",
             "commentRange": {
-                "start": 31,
-                "end": 32
+                "start": 34,
+                "end": 35
             },
             "context": {
                 "type": "variable",
@@ -58386,8 +58413,8 @@
                 "value": "k-spacing(2.5)",
                 "scope": "default",
                 "line": {
-                    "start": 33,
-                    "end": 33
+                    "start": 36,
+                    "end": 36
                 }
             },
             "group": [
@@ -58404,8 +58431,8 @@
         {
             "description": "",
             "commentRange": {
-                "start": 36,
-                "end": 36
+                "start": 39,
+                "end": 39
             },
             "context": {
                 "type": "variable",
@@ -58413,8 +58440,8 @@
                 "value": "var( --kendo-font-size, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 37,
-                    "end": 37
+                    "start": 40,
+                    "end": 40
                 }
             },
             "group": [
@@ -58431,8 +58458,8 @@
         {
             "description": "",
             "commentRange": {
-                "start": 39,
-                "end": 39
+                "start": 42,
+                "end": 42
             },
             "context": {
                 "type": "variable",
@@ -58440,8 +58467,8 @@
                 "value": "k-math-div( 20, 14 )",
                 "scope": "default",
                 "line": {
-                    "start": 40,
-                    "end": 40
+                    "start": 43,
+                    "end": 43
                 }
             },
             "group": [
@@ -58458,8 +58485,8 @@
         {
             "description": "",
             "commentRange": {
-                "start": 42,
-                "end": 42
+                "start": 45,
+                "end": 45
             },
             "context": {
                 "type": "variable",
@@ -58467,8 +58494,8 @@
                 "value": "var( --kendo-font-family, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 43,
-                    "end": 43
+                    "start": 46,
+                    "end": 46
                 }
             },
             "group": [
@@ -58485,8 +58512,8 @@
         {
             "description": "The background color of the Stepper.\n",
             "commentRange": {
-                "start": 45,
-                "end": 46
+                "start": 48,
+                "end": 49
             },
             "context": {
                 "type": "variable",
@@ -58494,8 +58521,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 47,
-                    "end": 47
+                    "start": 50,
+                    "end": 50
                 }
             },
             "group": [
@@ -58512,8 +58539,8 @@
         {
             "description": "The text color of the Stepper.\n",
             "commentRange": {
-                "start": 48,
-                "end": 49
+                "start": 51,
+                "end": 52
             },
             "context": {
                 "type": "variable",
@@ -58521,8 +58548,8 @@
                 "value": "$kendo-component-text",
                 "scope": "default",
                 "line": {
-                    "start": 50,
-                    "end": 50
+                    "start": 53,
+                    "end": 53
                 }
             },
             "group": [
@@ -58539,8 +58566,8 @@
         {
             "description": "The border color of the Stepper.\n",
             "commentRange": {
-                "start": 51,
-                "end": 52
+                "start": 54,
+                "end": 55
             },
             "context": {
                 "type": "variable",
@@ -58548,8 +58575,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 53,
-                    "end": 53
+                    "start": 56,
+                    "end": 56
                 }
             },
             "group": [
@@ -58566,8 +58593,8 @@
         {
             "description": "The width of the Stepper indicator.\n",
             "commentRange": {
-                "start": 55,
-                "end": 56
+                "start": 58,
+                "end": 59
             },
             "context": {
                 "type": "variable",
@@ -58575,8 +58602,8 @@
                 "value": "28px",
                 "scope": "default",
                 "line": {
-                    "start": 57,
-                    "end": 57
+                    "start": 60,
+                    "end": 60
                 }
             },
             "group": [
@@ -58593,8 +58620,8 @@
         {
             "description": "The height of the Stepper indicator.\n",
             "commentRange": {
-                "start": 58,
-                "end": 59
+                "start": 61,
+                "end": 62
             },
             "context": {
                 "type": "variable",
@@ -58602,8 +58629,8 @@
                 "value": "$kendo-stepper-indicator-width",
                 "scope": "default",
                 "line": {
-                    "start": 60,
-                    "end": 60
+                    "start": 63,
+                    "end": 63
                 }
             },
             "group": [
@@ -58620,8 +58647,8 @@
         {
             "description": "The border radius of the Stepper indicator.\n",
             "commentRange": {
-                "start": 61,
-                "end": 62
+                "start": 64,
+                "end": 65
             },
             "context": {
                 "type": "variable",
@@ -58629,8 +58656,8 @@
                 "value": "50%",
                 "scope": "default",
                 "line": {
-                    "start": 63,
-                    "end": 63
+                    "start": 66,
+                    "end": 66
                 }
             },
             "group": [
@@ -58647,8 +58674,8 @@
         {
             "description": "The border width of the Stepper indicator.\n",
             "commentRange": {
-                "start": 64,
-                "end": 65
+                "start": 67,
+                "end": 68
             },
             "context": {
                 "type": "variable",
@@ -58656,8 +58683,8 @@
                 "value": "1px",
                 "scope": "default",
                 "line": {
-                    "start": 66,
-                    "end": 66
+                    "start": 69,
+                    "end": 69
                 }
             },
             "group": [
@@ -58674,8 +58701,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 +58710,8 @@
                 "value": "1px",
                 "scope": "default",
                 "line": {
-                    "start": 70,
-                    "end": 70
+                    "start": 73,
+                    "end": 73
                 }
             },
             "group": [
@@ -58701,8 +58728,8 @@
         {
             "description": "The size of the focused Stepper indicator.\n",
             "commentRange": {
-                "start": 71,
-                "end": 72
+                "start": 74,
+                "end": 75
             },
             "context": {
                 "type": "variable",
@@ -58710,8 +58737,8 @@
                 "value": "2px",
                 "scope": "default",
                 "line": {
-                    "start": 73,
-                    "end": 73
+                    "start": 76,
+                    "end": 76
                 }
             },
             "group": [
@@ -58728,8 +58755,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 +58764,8 @@
                 "value": "3px",
                 "scope": "default",
                 "line": {
-                    "start": 76,
-                    "end": 76
+                    "start": 79,
+                    "end": 79
                 }
             },
             "group": [
@@ -58755,8 +58782,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 +58791,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 +58809,8 @@
         {
             "description": "The background color of the Stepper indicator.\n",
             "commentRange": {
-                "start": 81,
-                "end": 82
+                "start": 84,
+                "end": 85
             },
             "context": {
                 "type": "variable",
@@ -58791,8 +58818,8 @@
                 "value": "$kendo-component-bg",
                 "scope": "default",
                 "line": {
-                    "start": 83,
-                    "end": 83
+                    "start": 86,
+                    "end": 86
                 }
             },
             "group": [
@@ -58809,8 +58836,8 @@
         {
             "description": "The text color of the Stepper indicator.\n",
             "commentRange": {
-                "start": 84,
-                "end": 85
+                "start": 87,
+                "end": 88
             },
             "context": {
                 "type": "variable",
@@ -58818,8 +58845,8 @@
                 "value": "$kendo-component-text",
                 "scope": "default",
                 "line": {
-                    "start": 86,
-                    "end": 86
+                    "start": 89,
+                    "end": 89
                 }
             },
             "group": [
@@ -58836,8 +58863,8 @@
         {
             "description": "The border color of the Stepper indicator.\n",
             "commentRange": {
-                "start": 87,
-                "end": 88
+                "start": 90,
+                "end": 91
             },
             "context": {
                 "type": "variable",
@@ -58845,8 +58872,8 @@
                 "value": "$kendo-component-border",
                 "scope": "default",
                 "line": {
-                    "start": 89,
-                    "end": 89
+                    "start": 92,
+                    "end": 92
                 }
             },
             "group": [
@@ -58863,8 +58890,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 +58899,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 +58917,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 +58926,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 96,
-                    "end": 96
+                    "start": 99,
+                    "end": 99
                 }
             },
             "group": [
@@ -58917,8 +58944,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 +58953,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 99,
-                    "end": 99
+                    "start": 102,
+                    "end": 102
                 }
             },
             "group": [
@@ -58944,8 +58971,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 +58980,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 103,
-                    "end": 103
+                    "start": 106,
+                    "end": 106
                 }
             },
             "group": [
@@ -58971,8 +58998,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 +59007,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 +59025,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 +59034,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 109,
-                    "end": 109
+                    "start": 112,
+                    "end": 112
                 }
             },
             "group": [
@@ -59025,8 +59052,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 +59061,8 @@
                 "value": "$kendo-color-primary",
                 "scope": "default",
                 "line": {
-                    "start": 113,
-                    "end": 113
+                    "start": 116,
+                    "end": 116
                 }
             },
             "group": [
@@ -59052,8 +59079,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 +59088,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 +59106,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 +59115,8 @@
                 "value": "$kendo-stepper-indicator-done-bg",
                 "scope": "default",
                 "line": {
-                    "start": 119,
-                    "end": 119
+                    "start": 122,
+                    "end": 122
                 }
             },
             "group": [
@@ -59106,8 +59133,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 +59142,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 +59160,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 +59169,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 126,
-                    "end": 126
+                    "start": 129,
+                    "end": 129
                 }
             },
             "group": [
@@ -59160,8 +59187,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 +59196,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 129,
-                    "end": 129
+                    "start": 132,
+                    "end": 132
                 }
             },
             "group": [
@@ -59187,8 +59214,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 +59223,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 +59241,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 +59250,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 +59268,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 +59277,8 @@
                 "value": "$kendo-stepper-indicator-done-disabled-bg",
                 "scope": "default",
                 "line": {
-                    "start": 139,
-                    "end": 139
+                    "start": 142,
+                    "end": 142
                 }
             },
             "group": [
@@ -59268,8 +59295,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 +59304,8 @@
                 "value": "$kendo-stepper-indicator-done-bg",
                 "scope": "default",
                 "line": {
-                    "start": 143,
-                    "end": 143
+                    "start": 146,
+                    "end": 146
                 }
             },
             "group": [
@@ -59295,8 +59322,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 +59331,8 @@
                 "value": "$kendo-stepper-indicator-done-text",
                 "scope": "default",
                 "line": {
-                    "start": 146,
-                    "end": 146
+                    "start": 149,
+                    "end": 149
                 }
             },
             "group": [
@@ -59322,8 +59349,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 +59358,8 @@
                 "value": "$kendo-stepper-indicator-done-border",
                 "scope": "default",
                 "line": {
-                    "start": 149,
-                    "end": 149
+                    "start": 152,
+                    "end": 152
                 }
             },
             "group": [
@@ -59349,8 +59376,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 +59385,8 @@
                 "value": "$kendo-stepper-indicator-done-hover-bg",
                 "scope": "default",
                 "line": {
-                    "start": 153,
-                    "end": 153
+                    "start": 156,
+                    "end": 156
                 }
             },
             "group": [
@@ -59376,8 +59403,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 +59412,8 @@
                 "value": "$kendo-stepper-indicator-done-hover-text",
                 "scope": "default",
                 "line": {
-                    "start": 156,
-                    "end": 156
+                    "start": 159,
+                    "end": 159
                 }
             },
             "group": [
@@ -59403,8 +59430,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 +59439,8 @@
                 "value": "$kendo-stepper-indicator-done-hover-border",
                 "scope": "default",
                 "line": {
-                    "start": 159,
-                    "end": 159
+                    "start": 162,
+                    "end": 162
                 }
             },
             "group": [
@@ -59430,8 +59457,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 +59466,8 @@
                 "value": "$kendo-stepper-indicator-done-disabled-bg",
                 "scope": "default",
                 "line": {
-                    "start": 163,
-                    "end": 163
+                    "start": 166,
+                    "end": 166
                 }
             },
             "group": [
@@ -59457,8 +59484,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 +59493,8 @@
                 "value": "$kendo-stepper-indicator-done-disabled-text",
                 "scope": "default",
                 "line": {
-                    "start": 166,
-                    "end": 166
+                    "start": 169,
+                    "end": 169
                 }
             },
             "group": [
@@ -59484,8 +59511,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 +59520,8 @@
                 "value": "$kendo-stepper-indicator-done-disabled-border",
                 "scope": "default",
                 "line": {
-                    "start": 169,
-                    "end": 169
+                    "start": 172,
+                    "end": 172
                 }
             },
             "group": [
@@ -59511,8 +59538,8 @@
         {
             "description": "The text color of the Stepper label.\n",
             "commentRange": {
-                "start": 171,
-                "end": 172
+                "start": 174,
+                "end": 175
             },
             "context": {
                 "type": "variable",
@@ -59520,8 +59547,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 173,
-                    "end": 173
+                    "start": 176,
+                    "end": 176
                 }
             },
             "group": [
@@ -59538,8 +59565,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 +59574,8 @@
                 "value": "$kendo-color-success",
                 "scope": "default",
                 "line": {
-                    "start": 176,
-                    "end": 176
+                    "start": 179,
+                    "end": 179
                 }
             },
             "group": [
@@ -59565,8 +59592,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 +59601,8 @@
                 "value": "$kendo-color-error",
                 "scope": "default",
                 "line": {
-                    "start": 179,
-                    "end": 179
+                    "start": 182,
+                    "end": 182
                 }
             },
             "group": [
@@ -59592,8 +59619,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 +59628,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 182,
-                    "end": 182
+                    "start": 185,
+                    "end": 185
                 }
             },
             "group": [
@@ -59619,8 +59646,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 +59655,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 +59673,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 +59682,8 @@
                 "value": "$kendo-subtle-text",
                 "scope": "default",
                 "line": {
-                    "start": 189,
-                    "end": 189
+                    "start": 192,
+                    "end": 192
                 }
             },
             "group": [
@@ -59673,8 +59700,8 @@
         {
             "description": "The opacity of the optional Stepper label.\n",
             "commentRange": {
-                "start": 190,
-                "end": 191
+                "start": 193,
+                "end": 194
             },
             "context": {
                 "type": "variable",
@@ -59682,8 +59709,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 192,
-                    "end": 192
+                    "start": 195,
+                    "end": 195
                 }
             },
             "group": [
@@ -59700,8 +59727,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 +59736,8 @@
                 "value": "var( --kendo-font-size-sm, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 195,
-                    "end": 195
+                    "start": 198,
+                    "end": 198
                 }
             },
             "group": [
@@ -59727,8 +59754,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 +59763,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 198,
-                    "end": 198
+                    "start": 201,
+                    "end": 201
                 }
             },
             "group": [
@@ -59754,8 +59781,8 @@
         {
             "description": "The size of the Stepper ProgressBar.\n",
             "commentRange": {
-                "start": 200,
-                "end": 201
+                "start": 203,
+                "end": 204
             },
             "context": {
                 "type": "variable",
@@ -59763,8 +59790,8 @@
                 "value": "2px",
                 "scope": "default",
                 "line": {
-                    "start": 202,
-                    "end": 202
+                    "start": 205,
+                    "end": 205
                 }
             },
             "group": [
@@ -59781,8 +59808,8 @@
         {
             "description": "The background color of the Stepper ProgressBar.\n",
             "commentRange": {
-                "start": 203,
-                "end": 204
+                "start": 206,
+                "end": 207
             },
             "context": {
                 "type": "variable",
@@ -59790,8 +59817,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 205,
-                    "end": 205
+                    "start": 208,
+                    "end": 208
                 }
             },
             "group": [
@@ -59808,8 +59835,8 @@
         {
             "description": "The text color of the Stepper ProgressBar.\n",
             "commentRange": {
-                "start": 206,
-                "end": 207
+                "start": 209,
+                "end": 210
             },
             "context": {
                 "type": "variable",
@@ -59817,8 +59844,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 208,
-                    "end": 208
+                    "start": 211,
+                    "end": 211
                 }
             },
             "group": [
@@ -59835,8 +59862,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 +59871,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 211,
-                    "end": 211
+                    "start": 214,
+                    "end": 214
                 }
             },
             "group": [
@@ -59862,8 +59889,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 +59898,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 214,
-                    "end": 214
+                    "start": 217,
+                    "end": 217
                 }
             },
             "group": [
@@ -59889,8 +59916,8 @@
         {
             "description": "The property name of the Stepper transition.\n",
             "commentRange": {
-                "start": 216,
-                "end": 217
+                "start": 219,
+                "end": 220
             },
             "context": {
                 "type": "variable",
@@ -59898,8 +59925,8 @@
                 "value": "height",
                 "scope": "default",
                 "line": {
-                    "start": 218,
-                    "end": 218
+                    "start": 221,
+                    "end": 221
                 }
             },
             "group": [
@@ -59916,8 +59943,8 @@
         {
             "description": "The duration of the Stepper transition.\n",
             "commentRange": {
-                "start": 219,
-                "end": 220
+                "start": 222,
+                "end": 223
             },
             "context": {
                 "type": "variable",
@@ -59925,8 +59952,8 @@
                 "value": "300ms",
                 "scope": "default",
                 "line": {
-                    "start": 221,
-                    "end": 221
+                    "start": 224,
+                    "end": 224
                 }
             },
             "group": [
@@ -59943,8 +59970,8 @@
         {
             "description": "The timing function of the Stepper transition.\n",
             "commentRange": {
-                "start": 222,
-                "end": 223
+                "start": 225,
+                "end": 226
             },
             "context": {
                 "type": "variable",
@@ -59952,8 +59979,8 @@
                 "value": "cubic-bezier(.4, 0, .2, 1) 0ms",
                 "scope": "default",
                 "line": {
-                    "start": 224,
-                    "end": 224
+                    "start": 227,
+                    "end": 227
                 }
             },
             "group": [
@@ -66316,7 +66343,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-timeline-track-arrow-width",
-                "value": "36px",
+                "value": "k-spacing(9)",
                 "scope": "default",
                 "line": {
                     "start": 32,
@@ -66331,8 +66358,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 +66370,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-timeline-track-arrow-height",
-                "value": "36px",
+                "value": "k-spacing(9)",
                 "scope": "default",
                 "line": {
                     "start": 35,
@@ -66358,8 +66385,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 +66478,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-timeline-track-size",
-                "value": "6px",
+                "value": "k-spacing(1.5)",
                 "scope": "default",
                 "line": {
                     "start": 49,
@@ -66466,8 +66493,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 +66505,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 +66520,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 +66586,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 +66601,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 +66628,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 +66655,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 +67114,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 +67195,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 +67222,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 +67249,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 +67276,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"
         },
         {
@@ -68196,7 +68223,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 +68238,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",
@@ -116418,7 +116445,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-orgchart-line-v-height",
-                        "value": "25px",
+                        "value": "k-spacing(6)",
                         "scope": "default",
                         "line": {
                             "start": 146,
@@ -116433,8 +116460,8 @@
                         "path": "material/scss/orgchart/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "25px",
-                    "resolvedType": "Number"
+                    "resolvedValue": "var(--kendo-spacing-6, 1.5rem)",
+                    "resolvedType": "String"
                 }
             ]
         },
@@ -133462,7 +133489,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 +133504,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 +136058,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 +136081,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 +136123,8 @@
                         "value": "k-spacing(5)",
                         "scope": "default",
                         "line": {
-                            "start": 30,
-                            "end": 30
+                            "start": 33,
+                            "end": 33
                         }
                     },
                     "group": [
@@ -136087,8 +136141,8 @@
                 {
                     "description": "The vertical padding of the Stepper content.\n",
                     "commentRange": {
-                        "start": 31,
-                        "end": 32
+                        "start": 34,
+                        "end": 35
                     },
                     "context": {
                         "type": "variable",
@@ -136096,8 +136150,8 @@
                         "value": "k-spacing(2.5)",
                         "scope": "default",
                         "line": {
-                            "start": 33,
-                            "end": 33
+                            "start": 36,
+                            "end": 36
                         }
                     },
                     "group": [
@@ -136114,8 +136168,8 @@
                 {
                     "description": "",
                     "commentRange": {
-                        "start": 36,
-                        "end": 36
+                        "start": 39,
+                        "end": 39
                     },
                     "context": {
                         "type": "variable",
@@ -136123,8 +136177,8 @@
                         "value": "var( --kendo-font-size, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 37,
-                            "end": 37
+                            "start": 40,
+                            "end": 40
                         }
                     },
                     "group": [
@@ -136141,8 +136195,8 @@
                 {
                     "description": "",
                     "commentRange": {
-                        "start": 39,
-                        "end": 39
+                        "start": 42,
+                        "end": 42
                     },
                     "context": {
                         "type": "variable",
@@ -136150,8 +136204,8 @@
                         "value": "k-math-div( 20, 14 )",
                         "scope": "default",
                         "line": {
-                            "start": 40,
-                            "end": 40
+                            "start": 43,
+                            "end": 43
                         }
                     },
                     "group": [
@@ -136168,8 +136222,8 @@
                 {
                     "description": "",
                     "commentRange": {
-                        "start": 42,
-                        "end": 42
+                        "start": 45,
+                        "end": 45
                     },
                     "context": {
                         "type": "variable",
@@ -136177,8 +136231,8 @@
                         "value": "var( --kendo-font-family, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 43,
-                            "end": 43
+                            "start": 46,
+                            "end": 46
                         }
                     },
                     "group": [
@@ -136195,8 +136249,8 @@
                 {
                     "description": "The background color of the Stepper.\n",
                     "commentRange": {
-                        "start": 45,
-                        "end": 46
+                        "start": 48,
+                        "end": 49
                     },
                     "context": {
                         "type": "variable",
@@ -136204,8 +136258,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 47,
-                            "end": 47
+                            "start": 50,
+                            "end": 50
                         }
                     },
                     "group": [
@@ -136222,8 +136276,8 @@
                 {
                     "description": "The text color of the Stepper.\n",
                     "commentRange": {
-                        "start": 48,
-                        "end": 49
+                        "start": 51,
+                        "end": 52
                     },
                     "context": {
                         "type": "variable",
@@ -136231,8 +136285,8 @@
                         "value": "$kendo-component-text",
                         "scope": "default",
                         "line": {
-                            "start": 50,
-                            "end": 50
+                            "start": 53,
+                            "end": 53
                         }
                     },
                     "group": [
@@ -136249,8 +136303,8 @@
                 {
                     "description": "The border color of the Stepper.\n",
                     "commentRange": {
-                        "start": 51,
-                        "end": 52
+                        "start": 54,
+                        "end": 55
                     },
                     "context": {
                         "type": "variable",
@@ -136258,8 +136312,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 53,
-                            "end": 53
+                            "start": 56,
+                            "end": 56
                         }
                     },
                     "group": [
@@ -136276,8 +136330,8 @@
                 {
                     "description": "The width of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 55,
-                        "end": 56
+                        "start": 58,
+                        "end": 59
                     },
                     "context": {
                         "type": "variable",
@@ -136285,8 +136339,8 @@
                         "value": "28px",
                         "scope": "default",
                         "line": {
-                            "start": 57,
-                            "end": 57
+                            "start": 60,
+                            "end": 60
                         }
                     },
                     "group": [
@@ -136303,8 +136357,8 @@
                 {
                     "description": "The height of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 58,
-                        "end": 59
+                        "start": 61,
+                        "end": 62
                     },
                     "context": {
                         "type": "variable",
@@ -136312,8 +136366,8 @@
                         "value": "$kendo-stepper-indicator-width",
                         "scope": "default",
                         "line": {
-                            "start": 60,
-                            "end": 60
+                            "start": 63,
+                            "end": 63
                         }
                     },
                     "group": [
@@ -136330,8 +136384,8 @@
                 {
                     "description": "The border radius of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 61,
-                        "end": 62
+                        "start": 64,
+                        "end": 65
                     },
                     "context": {
                         "type": "variable",
@@ -136339,8 +136393,8 @@
                         "value": "50%",
                         "scope": "default",
                         "line": {
-                            "start": 63,
-                            "end": 63
+                            "start": 66,
+                            "end": 66
                         }
                     },
                     "group": [
@@ -136357,8 +136411,8 @@
                 {
                     "description": "The border width of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 64,
-                        "end": 65
+                        "start": 67,
+                        "end": 68
                     },
                     "context": {
                         "type": "variable",
@@ -136366,8 +136420,8 @@
                         "value": "1px",
                         "scope": "default",
                         "line": {
-                            "start": 66,
-                            "end": 66
+                            "start": 69,
+                            "end": 69
                         }
                     },
                     "group": [
@@ -136384,8 +136438,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 +136447,8 @@
                         "value": "1px",
                         "scope": "default",
                         "line": {
-                            "start": 70,
-                            "end": 70
+                            "start": 73,
+                            "end": 73
                         }
                     },
                     "group": [
@@ -136411,8 +136465,8 @@
                 {
                     "description": "The size of the focused Stepper indicator.\n",
                     "commentRange": {
-                        "start": 71,
-                        "end": 72
+                        "start": 74,
+                        "end": 75
                     },
                     "context": {
                         "type": "variable",
@@ -136420,8 +136474,8 @@
                         "value": "2px",
                         "scope": "default",
                         "line": {
-                            "start": 73,
-                            "end": 73
+                            "start": 76,
+                            "end": 76
                         }
                     },
                     "group": [
@@ -136438,8 +136492,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 +136501,8 @@
                         "value": "3px",
                         "scope": "default",
                         "line": {
-                            "start": 76,
-                            "end": 76
+                            "start": 79,
+                            "end": 79
                         }
                     },
                     "group": [
@@ -136465,8 +136519,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 +136528,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 +136546,8 @@
                 {
                     "description": "The background color of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 81,
-                        "end": 82
+                        "start": 84,
+                        "end": 85
                     },
                     "context": {
                         "type": "variable",
@@ -136501,8 +136555,8 @@
                         "value": "$kendo-component-bg",
                         "scope": "default",
                         "line": {
-                            "start": 83,
-                            "end": 83
+                            "start": 86,
+                            "end": 86
                         }
                     },
                     "group": [
@@ -136519,8 +136573,8 @@
                 {
                     "description": "The text color of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 84,
-                        "end": 85
+                        "start": 87,
+                        "end": 88
                     },
                     "context": {
                         "type": "variable",
@@ -136528,8 +136582,8 @@
                         "value": "$kendo-component-text",
                         "scope": "default",
                         "line": {
-                            "start": 86,
-                            "end": 86
+                            "start": 89,
+                            "end": 89
                         }
                     },
                     "group": [
@@ -136546,8 +136600,8 @@
                 {
                     "description": "The border color of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 87,
-                        "end": 88
+                        "start": 90,
+                        "end": 91
                     },
                     "context": {
                         "type": "variable",
@@ -136555,8 +136609,8 @@
                         "value": "$kendo-component-border",
                         "scope": "default",
                         "line": {
-                            "start": 89,
-                            "end": 89
+                            "start": 92,
+                            "end": 92
                         }
                     },
                     "group": [
@@ -136573,8 +136627,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 +136636,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 +136654,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 +136663,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 96,
-                            "end": 96
+                            "start": 99,
+                            "end": 99
                         }
                     },
                     "group": [
@@ -136627,8 +136681,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 +136690,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 99,
-                            "end": 99
+                            "start": 102,
+                            "end": 102
                         }
                     },
                     "group": [
@@ -136654,8 +136708,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 +136717,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 103,
-                            "end": 103
+                            "start": 106,
+                            "end": 106
                         }
                     },
                     "group": [
@@ -136681,8 +136735,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 +136744,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 +136762,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 +136771,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 109,
-                            "end": 109
+                            "start": 112,
+                            "end": 112
                         }
                     },
                     "group": [
@@ -136735,8 +136789,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 +136798,8 @@
                         "value": "$kendo-color-primary",
                         "scope": "default",
                         "line": {
-                            "start": 113,
-                            "end": 113
+                            "start": 116,
+                            "end": 116
                         }
                     },
                     "group": [
@@ -136762,8 +136816,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 +136825,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 +136843,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 +136852,8 @@
                         "value": "$kendo-stepper-indicator-done-bg",
                         "scope": "default",
                         "line": {
-                            "start": 119,
-                            "end": 119
+                            "start": 122,
+                            "end": 122
                         }
                     },
                     "group": [
@@ -136816,8 +136870,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 +136879,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 +136897,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 +136906,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 126,
-                            "end": 126
+                            "start": 129,
+                            "end": 129
                         }
                     },
                     "group": [
@@ -136870,8 +136924,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 +136933,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 129,
-                            "end": 129
+                            "start": 132,
+                            "end": 132
                         }
                     },
                     "group": [
@@ -136897,8 +136951,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 +136960,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 +136978,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 +136987,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 +137005,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 +137014,8 @@
                         "value": "$kendo-stepper-indicator-done-disabled-bg",
                         "scope": "default",
                         "line": {
-                            "start": 139,
-                            "end": 139
+                            "start": 142,
+                            "end": 142
                         }
                     },
                     "group": [
@@ -136978,8 +137032,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 +137041,8 @@
                         "value": "$kendo-stepper-indicator-done-bg",
                         "scope": "default",
                         "line": {
-                            "start": 143,
-                            "end": 143
+                            "start": 146,
+                            "end": 146
                         }
                     },
                     "group": [
@@ -137005,8 +137059,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 +137068,8 @@
                         "value": "$kendo-stepper-indicator-done-text",
                         "scope": "default",
                         "line": {
-                            "start": 146,
-                            "end": 146
+                            "start": 149,
+                            "end": 149
                         }
                     },
                     "group": [
@@ -137032,8 +137086,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 +137095,8 @@
                         "value": "$kendo-stepper-indicator-done-border",
                         "scope": "default",
                         "line": {
-                            "start": 149,
-                            "end": 149
+                            "start": 152,
+                            "end": 152
                         }
                     },
                     "group": [
@@ -137059,8 +137113,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 +137122,8 @@
                         "value": "$kendo-stepper-indicator-done-hover-bg",
                         "scope": "default",
                         "line": {
-                            "start": 153,
-                            "end": 153
+                            "start": 156,
+                            "end": 156
                         }
                     },
                     "group": [
@@ -137086,8 +137140,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 +137149,8 @@
                         "value": "$kendo-stepper-indicator-done-hover-text",
                         "scope": "default",
                         "line": {
-                            "start": 156,
-                            "end": 156
+                            "start": 159,
+                            "end": 159
                         }
                     },
                     "group": [
@@ -137113,8 +137167,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 +137176,8 @@
                         "value": "$kendo-stepper-indicator-done-hover-border",
                         "scope": "default",
                         "line": {
-                            "start": 159,
-                            "end": 159
+                            "start": 162,
+                            "end": 162
                         }
                     },
                     "group": [
@@ -137140,8 +137194,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 +137203,8 @@
                         "value": "$kendo-stepper-indicator-done-disabled-bg",
                         "scope": "default",
                         "line": {
-                            "start": 163,
-                            "end": 163
+                            "start": 166,
+                            "end": 166
                         }
                     },
                     "group": [
@@ -137167,8 +137221,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 +137230,8 @@
                         "value": "$kendo-stepper-indicator-done-disabled-text",
                         "scope": "default",
                         "line": {
-                            "start": 166,
-                            "end": 166
+                            "start": 169,
+                            "end": 169
                         }
                     },
                     "group": [
@@ -137194,8 +137248,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 +137257,8 @@
                         "value": "$kendo-stepper-indicator-done-disabled-border",
                         "scope": "default",
                         "line": {
-                            "start": 169,
-                            "end": 169
+                            "start": 172,
+                            "end": 172
                         }
                     },
                     "group": [
@@ -137221,8 +137275,8 @@
                 {
                     "description": "The text color of the Stepper label.\n",
                     "commentRange": {
-                        "start": 171,
-                        "end": 172
+                        "start": 174,
+                        "end": 175
                     },
                     "context": {
                         "type": "variable",
@@ -137230,8 +137284,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 173,
-                            "end": 173
+                            "start": 176,
+                            "end": 176
                         }
                     },
                     "group": [
@@ -137248,8 +137302,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 +137311,8 @@
                         "value": "$kendo-color-success",
                         "scope": "default",
                         "line": {
-                            "start": 176,
-                            "end": 176
+                            "start": 179,
+                            "end": 179
                         }
                     },
                     "group": [
@@ -137275,8 +137329,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 +137338,8 @@
                         "value": "$kendo-color-error",
                         "scope": "default",
                         "line": {
-                            "start": 179,
-                            "end": 179
+                            "start": 182,
+                            "end": 182
                         }
                     },
                     "group": [
@@ -137302,8 +137356,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 +137365,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 182,
-                            "end": 182
+                            "start": 185,
+                            "end": 185
                         }
                     },
                     "group": [
@@ -137329,8 +137383,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 +137392,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 +137410,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 +137419,8 @@
                         "value": "$kendo-subtle-text",
                         "scope": "default",
                         "line": {
-                            "start": 189,
-                            "end": 189
+                            "start": 192,
+                            "end": 192
                         }
                     },
                     "group": [
@@ -137383,8 +137437,8 @@
                 {
                     "description": "The opacity of the optional Stepper label.\n",
                     "commentRange": {
-                        "start": 190,
-                        "end": 191
+                        "start": 193,
+                        "end": 194
                     },
                     "context": {
                         "type": "variable",
@@ -137392,8 +137446,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 192,
-                            "end": 192
+                            "start": 195,
+                            "end": 195
                         }
                     },
                     "group": [
@@ -137410,8 +137464,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 +137473,8 @@
                         "value": "var( --kendo-font-size-sm, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 195,
-                            "end": 195
+                            "start": 198,
+                            "end": 198
                         }
                     },
                     "group": [
@@ -137437,8 +137491,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 +137500,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 198,
-                            "end": 198
+                            "start": 201,
+                            "end": 201
                         }
                     },
                     "group": [
@@ -137464,8 +137518,8 @@
                 {
                     "description": "The size of the Stepper ProgressBar.\n",
                     "commentRange": {
-                        "start": 200,
-                        "end": 201
+                        "start": 203,
+                        "end": 204
                     },
                     "context": {
                         "type": "variable",
@@ -137473,8 +137527,8 @@
                         "value": "2px",
                         "scope": "default",
                         "line": {
-                            "start": 202,
-                            "end": 202
+                            "start": 205,
+                            "end": 205
                         }
                     },
                     "group": [
@@ -137491,8 +137545,8 @@
                 {
                     "description": "The background color of the Stepper ProgressBar.\n",
                     "commentRange": {
-                        "start": 203,
-                        "end": 204
+                        "start": 206,
+                        "end": 207
                     },
                     "context": {
                         "type": "variable",
@@ -137500,8 +137554,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 205,
-                            "end": 205
+                            "start": 208,
+                            "end": 208
                         }
                     },
                     "group": [
@@ -137518,8 +137572,8 @@
                 {
                     "description": "The text color of the Stepper ProgressBar.\n",
                     "commentRange": {
-                        "start": 206,
-                        "end": 207
+                        "start": 209,
+                        "end": 210
                     },
                     "context": {
                         "type": "variable",
@@ -137527,8 +137581,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 208,
-                            "end": 208
+                            "start": 211,
+                            "end": 211
                         }
                     },
                     "group": [
@@ -137545,8 +137599,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 +137608,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 211,
-                            "end": 211
+                            "start": 214,
+                            "end": 214
                         }
                     },
                     "group": [
@@ -137572,8 +137626,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 +137635,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 214,
-                            "end": 214
+                            "start": 217,
+                            "end": 217
                         }
                     },
                     "group": [
@@ -137599,8 +137653,8 @@
                 {
                     "description": "The property name of the Stepper transition.\n",
                     "commentRange": {
-                        "start": 216,
-                        "end": 217
+                        "start": 219,
+                        "end": 220
                     },
                     "context": {
                         "type": "variable",
@@ -137608,8 +137662,8 @@
                         "value": "height",
                         "scope": "default",
                         "line": {
-                            "start": 218,
-                            "end": 218
+                            "start": 221,
+                            "end": 221
                         }
                     },
                     "group": [
@@ -137626,8 +137680,8 @@
                 {
                     "description": "The duration of the Stepper transition.\n",
                     "commentRange": {
-                        "start": 219,
-                        "end": 220
+                        "start": 222,
+                        "end": 223
                     },
                     "context": {
                         "type": "variable",
@@ -137635,8 +137689,8 @@
                         "value": "300ms",
                         "scope": "default",
                         "line": {
-                            "start": 221,
-                            "end": 221
+                            "start": 224,
+                            "end": 224
                         }
                     },
                     "group": [
@@ -137653,8 +137707,8 @@
                 {
                     "description": "The timing function of the Stepper transition.\n",
                     "commentRange": {
-                        "start": 222,
-                        "end": 223
+                        "start": 225,
+                        "end": 226
                     },
                     "context": {
                         "type": "variable",
@@ -137662,8 +137716,8 @@
                         "value": "cubic-bezier(.4, 0, .2, 1) 0ms",
                         "scope": "default",
                         "line": {
-                            "start": 224,
-                            "end": 224
+                            "start": 227,
+                            "end": 227
                         }
                     },
                     "group": [
@@ -144068,7 +144122,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-timeline-track-arrow-width",
-                        "value": "36px",
+                        "value": "k-spacing(9)",
                         "scope": "default",
                         "line": {
                             "start": 32,
@@ -144083,8 +144137,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 +144149,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-timeline-track-arrow-height",
-                        "value": "36px",
+                        "value": "k-spacing(9)",
                         "scope": "default",
                         "line": {
                             "start": 35,
@@ -144110,8 +144164,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 +144257,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-timeline-track-size",
-                        "value": "6px",
+                        "value": "k-spacing(1.5)",
                         "scope": "default",
                         "line": {
                             "start": 49,
@@ -144218,8 +144272,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 +144284,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 +144299,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 +144365,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 +144380,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 +144407,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 +144434,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 +144893,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 +144974,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 +145001,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 +145028,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 +145055,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"
                 },
                 {
@@ -145960,7 +146014,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 +146029,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",