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

package/dist/meta/sassdoc-data.json

@@ -39354,7 +39354,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-orgchart-line-v-height",
-                "value": "25px",
+                "value": "k-spacing(6)",
                 "scope": "default",
                 "line": {
                     "start": 148,
@@ -39369,8 +39369,8 @@
                 "path": "classic/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",
@@ -55901,7 +55901,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,
@@ -55916,8 +55916,8 @@
                 "path": "classic/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",
@@ -58458,15 +58458,15 @@
             "resolvedType": "Calculation"
         },
         {
-            "description": "The width of the border around the Stepper.\n",
+            "description": "The border radius of the Stepper label.\n",
             "commentRange": {
                 "start": 24,
                 "end": 25
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-stepper-border-width",
-                "value": "0px",
+                "name": "kendo-stepper-label-border-radius",
+                "value": "k-border-radius(xxxl)",
                 "scope": "default",
                 "line": {
                     "start": 26,
@@ -58481,14 +58481,41 @@
                 "path": "classic/scss/stepper/_variables.scss",
                 "name": "_variables.scss"
             },
+            "resolvedValue": "var(--kendo-border-radius-xxxl, 1rem)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The width of the border around the Stepper.\n",
+            "commentRange": {
+                "start": 27,
+                "end": 28
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-stepper-border-width",
+                "value": "0px",
+                "scope": "default",
+                "line": {
+                    "start": 29,
+                    "end": 29
+                }
+            },
+            "group": [
+                "stepper"
+            ],
+            "access": "public",
+            "file": {
+                "path": "classic/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",
@@ -58496,8 +58523,8 @@
                 "value": "k-spacing(5)",
                 "scope": "default",
                 "line": {
-                    "start": 30,
-                    "end": 30
+                    "start": 33,
+                    "end": 33
                 }
             },
             "group": [
@@ -58514,8 +58541,8 @@
         {
             "description": "The vertical padding of the Stepper content.\n",
             "commentRange": {
-                "start": 31,
-                "end": 32
+                "start": 34,
+                "end": 35
             },
             "context": {
                 "type": "variable",
@@ -58523,8 +58550,8 @@
                 "value": "k-spacing(2.5)",
                 "scope": "default",
                 "line": {
-                    "start": 33,
-                    "end": 33
+                    "start": 36,
+                    "end": 36
                 }
             },
             "group": [
@@ -58541,8 +58568,8 @@
         {
             "description": "",
             "commentRange": {
-                "start": 36,
-                "end": 36
+                "start": 39,
+                "end": 39
             },
             "context": {
                 "type": "variable",
@@ -58550,8 +58577,8 @@
                 "value": "var( --kendo-font-size, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 37,
-                    "end": 37
+                    "start": 40,
+                    "end": 40
                 }
             },
             "group": [
@@ -58568,8 +58595,8 @@
         {
             "description": "",
             "commentRange": {
-                "start": 39,
-                "end": 39
+                "start": 42,
+                "end": 42
             },
             "context": {
                 "type": "variable",
@@ -58577,8 +58604,8 @@
                 "value": "var( --kendo-line-height, normal )",
                 "scope": "default",
                 "line": {
-                    "start": 40,
-                    "end": 40
+                    "start": 43,
+                    "end": 43
                 }
             },
             "group": [
@@ -58595,8 +58622,8 @@
         {
             "description": "",
             "commentRange": {
-                "start": 42,
-                "end": 42
+                "start": 45,
+                "end": 45
             },
             "context": {
                 "type": "variable",
@@ -58604,8 +58631,8 @@
                 "value": "var( --kendo-font-family, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 43,
-                    "end": 43
+                    "start": 46,
+                    "end": 46
                 }
             },
             "group": [
@@ -58622,8 +58649,8 @@
         {
             "description": "The background color of the Stepper.\n",
             "commentRange": {
-                "start": 45,
-                "end": 46
+                "start": 48,
+                "end": 49
             },
             "context": {
                 "type": "variable",
@@ -58631,8 +58658,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 47,
-                    "end": 47
+                    "start": 50,
+                    "end": 50
                 }
             },
             "group": [
@@ -58649,8 +58676,8 @@
         {
             "description": "The text color of the Stepper.\n",
             "commentRange": {
-                "start": 48,
-                "end": 49
+                "start": 51,
+                "end": 52
             },
             "context": {
                 "type": "variable",
@@ -58658,8 +58685,8 @@
                 "value": "$kendo-component-text",
                 "scope": "default",
                 "line": {
-                    "start": 50,
-                    "end": 50
+                    "start": 53,
+                    "end": 53
                 }
             },
             "group": [
@@ -58676,8 +58703,8 @@
         {
             "description": "The border color of the Stepper.\n",
             "commentRange": {
-                "start": 51,
-                "end": 52
+                "start": 54,
+                "end": 55
             },
             "context": {
                 "type": "variable",
@@ -58685,8 +58712,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 53,
-                    "end": 53
+                    "start": 56,
+                    "end": 56
                 }
             },
             "group": [
@@ -58703,8 +58730,8 @@
         {
             "description": "The width of the Stepper indicator.\n",
             "commentRange": {
-                "start": 55,
-                "end": 56
+                "start": 58,
+                "end": 59
             },
             "context": {
                 "type": "variable",
@@ -58712,8 +58739,8 @@
                 "value": "28px",
                 "scope": "default",
                 "line": {
-                    "start": 57,
-                    "end": 57
+                    "start": 60,
+                    "end": 60
                 }
             },
             "group": [
@@ -58730,8 +58757,8 @@
         {
             "description": "The height of the Stepper indicator.\n",
             "commentRange": {
-                "start": 58,
-                "end": 59
+                "start": 61,
+                "end": 62
             },
             "context": {
                 "type": "variable",
@@ -58739,8 +58766,8 @@
                 "value": "$kendo-stepper-indicator-width",
                 "scope": "default",
                 "line": {
-                    "start": 60,
-                    "end": 60
+                    "start": 63,
+                    "end": 63
                 }
             },
             "group": [
@@ -58757,8 +58784,8 @@
         {
             "description": "The border width of the Stepper indicator.\n",
             "commentRange": {
-                "start": 61,
-                "end": 62
+                "start": 64,
+                "end": 65
             },
             "context": {
                 "type": "variable",
@@ -58766,8 +58793,8 @@
                 "value": "1px",
                 "scope": "default",
                 "line": {
-                    "start": 63,
-                    "end": 63
+                    "start": 66,
+                    "end": 66
                 }
             },
             "group": [
@@ -58784,8 +58811,8 @@
         {
             "description": "The border radius of the Stepper indicator.\n",
             "commentRange": {
-                "start": 64,
-                "end": 65
+                "start": 67,
+                "end": 68
             },
             "context": {
                 "type": "variable",
@@ -58793,8 +58820,8 @@
                 "value": "50%",
                 "scope": "default",
                 "line": {
-                    "start": 66,
-                    "end": 66
+                    "start": 69,
+                    "end": 69
                 }
             },
             "group": [
@@ -58811,8 +58838,8 @@
         {
             "description": "The border width of the focused Stepper indicator.\n",
             "commentRange": {
-                "start": 68,
-                "end": 69
+                "start": 71,
+                "end": 72
             },
             "context": {
                 "type": "variable",
@@ -58820,8 +58847,8 @@
                 "value": "1px",
                 "scope": "default",
                 "line": {
-                    "start": 70,
-                    "end": 70
+                    "start": 73,
+                    "end": 73
                 }
             },
             "group": [
@@ -58838,8 +58865,8 @@
         {
             "description": "The size of the focused Stepper indicator.\n",
             "commentRange": {
-                "start": 71,
-                "end": 72
+                "start": 74,
+                "end": 75
             },
             "context": {
                 "type": "variable",
@@ -58847,8 +58874,8 @@
                 "value": "2px",
                 "scope": "default",
                 "line": {
-                    "start": 73,
-                    "end": 73
+                    "start": 76,
+                    "end": 76
                 }
             },
             "group": [
@@ -58865,8 +58892,8 @@
         {
             "description": "The offset of the Stepper's focused indicator.\n",
             "commentRange": {
-                "start": 74,
-                "end": 75
+                "start": 77,
+                "end": 78
             },
             "context": {
                 "type": "variable",
@@ -58874,8 +58901,8 @@
                 "value": "3px",
                 "scope": "default",
                 "line": {
-                    "start": 76,
-                    "end": 76
+                    "start": 79,
+                    "end": 79
                 }
             },
             "group": [
@@ -58892,8 +58919,8 @@
         {
             "description": "The calculated offset of the Stepper's focused indicator.\n",
             "commentRange": {
-                "start": 77,
-                "end": 78
+                "start": 80,
+                "end": 81
             },
             "context": {
                 "type": "variable",
@@ -58901,8 +58928,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": [
@@ -58919,8 +58946,8 @@
         {
             "description": "The background color of the Stepper indicator.\n",
             "commentRange": {
-                "start": 81,
-                "end": 82
+                "start": 84,
+                "end": 85
             },
             "context": {
                 "type": "variable",
@@ -58928,8 +58955,8 @@
                 "value": "$kendo-component-bg",
                 "scope": "default",
                 "line": {
-                    "start": 83,
-                    "end": 83
+                    "start": 86,
+                    "end": 86
                 }
             },
             "group": [
@@ -58946,8 +58973,8 @@
         {
             "description": "The text color of the Stepper indicator.\n",
             "commentRange": {
-                "start": 84,
-                "end": 85
+                "start": 87,
+                "end": 88
             },
             "context": {
                 "type": "variable",
@@ -58955,8 +58982,8 @@
                 "value": "$kendo-component-text",
                 "scope": "default",
                 "line": {
-                    "start": 86,
-                    "end": 86
+                    "start": 89,
+                    "end": 89
                 }
             },
             "group": [
@@ -58973,8 +59000,8 @@
         {
             "description": "The border color of the Stepper indicator.\n",
             "commentRange": {
-                "start": 87,
-                "end": 88
+                "start": 90,
+                "end": 91
             },
             "context": {
                 "type": "variable",
@@ -58982,8 +59009,8 @@
                 "value": "$kendo-component-border",
                 "scope": "default",
                 "line": {
-                    "start": 89,
-                    "end": 89
+                    "start": 92,
+                    "end": 92
                 }
             },
             "group": [
@@ -59000,8 +59027,8 @@
         {
             "description": "The background color of the hovered Stepper indicator.\n",
             "commentRange": {
-                "start": 91,
-                "end": 92
+                "start": 94,
+                "end": 95
             },
             "context": {
                 "type": "variable",
@@ -59009,8 +59036,8 @@
                 "value": "if($kendo-enable-color-system, k-color( base-subtle-hover ), k-try-shade( $kendo-stepper-indicator-bg ))",
                 "scope": "default",
                 "line": {
-                    "start": 93,
-                    "end": 93
+                    "start": 96,
+                    "end": 96
                 }
             },
             "group": [
@@ -59027,8 +59054,8 @@
         {
             "description": "The text color of the hovered Stepper indicator.\n",
             "commentRange": {
-                "start": 94,
-                "end": 95
+                "start": 97,
+                "end": 98
             },
             "context": {
                 "type": "variable",
@@ -59036,8 +59063,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 96,
-                    "end": 96
+                    "start": 99,
+                    "end": 99
                 }
             },
             "group": [
@@ -59054,8 +59081,8 @@
         {
             "description": "The border color of the hovered Stepper indicator.\n",
             "commentRange": {
-                "start": 97,
-                "end": 98
+                "start": 100,
+                "end": 101
             },
             "context": {
                 "type": "variable",
@@ -59063,8 +59090,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 99,
-                    "end": 99
+                    "start": 102,
+                    "end": 102
                 }
             },
             "group": [
@@ -59081,8 +59108,8 @@
         {
             "description": "The background color of the disabled Stepper indicator.\n",
             "commentRange": {
-                "start": 101,
-                "end": 102
+                "start": 104,
+                "end": 105
             },
             "context": {
                 "type": "variable",
@@ -59090,8 +59117,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 103,
-                    "end": 103
+                    "start": 106,
+                    "end": 106
                 }
             },
             "group": [
@@ -59108,8 +59135,8 @@
         {
             "description": "The text color of the disabled Stepper indicator.\n",
             "commentRange": {
-                "start": 104,
-                "end": 105
+                "start": 107,
+                "end": 108
             },
             "context": {
                 "type": "variable",
@@ -59117,8 +59144,8 @@
                 "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), #8d8d8d)",
                 "scope": "default",
                 "line": {
-                    "start": 106,
-                    "end": 106
+                    "start": 109,
+                    "end": 109
                 }
             },
             "group": [
@@ -59135,8 +59162,8 @@
         {
             "description": "The border color of the disabled Stepper indicator.\n",
             "commentRange": {
-                "start": 107,
-                "end": 108
+                "start": 110,
+                "end": 111
             },
             "context": {
                 "type": "variable",
@@ -59144,8 +59171,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 109,
-                    "end": 109
+                    "start": 112,
+                    "end": 112
                 }
             },
             "group": [
@@ -59162,8 +59189,8 @@
         {
             "description": "The background color of the Stepper's done indicator.\n",
             "commentRange": {
-                "start": 111,
-                "end": 112
+                "start": 114,
+                "end": 115
             },
             "context": {
                 "type": "variable",
@@ -59171,8 +59198,8 @@
                 "value": "$kendo-color-primary",
                 "scope": "default",
                 "line": {
-                    "start": 113,
-                    "end": 113
+                    "start": 116,
+                    "end": 116
                 }
             },
             "group": [
@@ -59189,8 +59216,8 @@
         {
             "description": "The text color of the Stepper's done indicator.\n",
             "commentRange": {
-                "start": 114,
-                "end": 115
+                "start": 117,
+                "end": 118
             },
             "context": {
                 "type": "variable",
@@ -59198,8 +59225,8 @@
                 "value": "if($kendo-enable-color-system, k-color( on-primary ), k-contrast-legacy( $kendo-stepper-indicator-done-bg ))",
                 "scope": "default",
                 "line": {
-                    "start": 116,
-                    "end": 116
+                    "start": 119,
+                    "end": 119
                 }
             },
             "group": [
@@ -59216,8 +59243,8 @@
         {
             "description": "The border color of the Stepper's done indicator.\n",
             "commentRange": {
-                "start": 117,
-                "end": 118
+                "start": 120,
+                "end": 121
             },
             "context": {
                 "type": "variable",
@@ -59225,8 +59252,8 @@
                 "value": "$kendo-stepper-indicator-done-bg",
                 "scope": "default",
                 "line": {
-                    "start": 119,
-                    "end": 119
+                    "start": 122,
+                    "end": 122
                 }
             },
             "group": [
@@ -59243,8 +59270,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",
@@ -59252,8 +59279,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": [
@@ -59270,8 +59297,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",
@@ -59279,8 +59306,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 126,
-                    "end": 126
+                    "start": 129,
+                    "end": 129
                 }
             },
             "group": [
@@ -59297,8 +59324,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",
@@ -59306,8 +59333,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 129,
-                    "end": 129
+                    "start": 132,
+                    "end": 132
                 }
             },
             "group": [
@@ -59324,8 +59351,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",
@@ -59333,8 +59360,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": [
@@ -59351,8 +59378,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",
@@ -59360,8 +59387,8 @@
                 "value": "if($kendo-enable-color-system, k-color( on-primary ), k-contrast-legacy( $kendo-stepper-indicator-done-bg ))",
                 "scope": "default",
                 "line": {
-                    "start": 136,
-                    "end": 136
+                    "start": 139,
+                    "end": 139
                 }
             },
             "group": [
@@ -59378,8 +59405,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",
@@ -59387,8 +59414,8 @@
                 "value": "$kendo-stepper-indicator-done-disabled-bg",
                 "scope": "default",
                 "line": {
-                    "start": 139,
-                    "end": 139
+                    "start": 142,
+                    "end": 142
                 }
             },
             "group": [
@@ -59405,8 +59432,8 @@
         {
             "description": "The background color of the Stepper current indicator.\n",
             "commentRange": {
-                "start": 141,
-                "end": 142
+                "start": 144,
+                "end": 145
             },
             "context": {
                 "type": "variable",
@@ -59414,8 +59441,8 @@
                 "value": "$kendo-stepper-indicator-done-bg",
                 "scope": "default",
                 "line": {
-                    "start": 143,
-                    "end": 143
+                    "start": 146,
+                    "end": 146
                 }
             },
             "group": [
@@ -59432,8 +59459,8 @@
         {
             "description": "The text color of the Stepper current indicator.\n",
             "commentRange": {
-                "start": 144,
-                "end": 145
+                "start": 147,
+                "end": 148
             },
             "context": {
                 "type": "variable",
@@ -59441,8 +59468,8 @@
                 "value": "$kendo-stepper-indicator-done-text",
                 "scope": "default",
                 "line": {
-                    "start": 146,
-                    "end": 146
+                    "start": 149,
+                    "end": 149
                 }
             },
             "group": [
@@ -59459,8 +59486,8 @@
         {
             "description": "The border color of the Stepper current indicator.\n",
             "commentRange": {
-                "start": 147,
-                "end": 148
+                "start": 150,
+                "end": 151
             },
             "context": {
                 "type": "variable",
@@ -59468,8 +59495,8 @@
                 "value": "$kendo-stepper-indicator-done-border",
                 "scope": "default",
                 "line": {
-                    "start": 149,
-                    "end": 149
+                    "start": 152,
+                    "end": 152
                 }
             },
             "group": [
@@ -59486,8 +59513,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",
@@ -59495,8 +59522,8 @@
                 "value": "$kendo-stepper-indicator-done-hover-bg",
                 "scope": "default",
                 "line": {
-                    "start": 153,
-                    "end": 153
+                    "start": 156,
+                    "end": 156
                 }
             },
             "group": [
@@ -59513,8 +59540,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",
@@ -59522,8 +59549,8 @@
                 "value": "$kendo-stepper-indicator-done-hover-text",
                 "scope": "default",
                 "line": {
-                    "start": 156,
-                    "end": 156
+                    "start": 159,
+                    "end": 159
                 }
             },
             "group": [
@@ -59540,8 +59567,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",
@@ -59549,8 +59576,8 @@
                 "value": "$kendo-stepper-indicator-done-hover-border",
                 "scope": "default",
                 "line": {
-                    "start": 159,
-                    "end": 159
+                    "start": 162,
+                    "end": 162
                 }
             },
             "group": [
@@ -59567,8 +59594,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",
@@ -59576,8 +59603,8 @@
                 "value": "$kendo-stepper-indicator-done-disabled-bg",
                 "scope": "default",
                 "line": {
-                    "start": 163,
-                    "end": 163
+                    "start": 166,
+                    "end": 166
                 }
             },
             "group": [
@@ -59594,8 +59621,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",
@@ -59603,8 +59630,8 @@
                 "value": "$kendo-stepper-indicator-done-disabled-text",
                 "scope": "default",
                 "line": {
-                    "start": 166,
-                    "end": 166
+                    "start": 169,
+                    "end": 169
                 }
             },
             "group": [
@@ -59621,8 +59648,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",
@@ -59630,8 +59657,8 @@
                 "value": "$kendo-stepper-indicator-done-disabled-border",
                 "scope": "default",
                 "line": {
-                    "start": 169,
-                    "end": 169
+                    "start": 172,
+                    "end": 172
                 }
             },
             "group": [
@@ -59648,8 +59675,8 @@
         {
             "description": "The text color of the Stepper label.\n",
             "commentRange": {
-                "start": 171,
-                "end": 172
+                "start": 174,
+                "end": 175
             },
             "context": {
                 "type": "variable",
@@ -59657,8 +59684,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 173,
-                    "end": 173
+                    "start": 176,
+                    "end": 176
                 }
             },
             "group": [
@@ -59675,8 +59702,8 @@
         {
             "description": "The success text color of the Stepper label.\n",
             "commentRange": {
-                "start": 174,
-                "end": 175
+                "start": 177,
+                "end": 178
             },
             "context": {
                 "type": "variable",
@@ -59684,8 +59711,8 @@
                 "value": "$kendo-color-success",
                 "scope": "default",
                 "line": {
-                    "start": 176,
-                    "end": 176
+                    "start": 179,
+                    "end": 179
                 }
             },
             "group": [
@@ -59702,8 +59729,8 @@
         {
             "description": "The error text color of the Stepper label.\n",
             "commentRange": {
-                "start": 177,
-                "end": 178
+                "start": 180,
+                "end": 181
             },
             "context": {
                 "type": "variable",
@@ -59711,8 +59738,8 @@
                 "value": "$kendo-color-error",
                 "scope": "default",
                 "line": {
-                    "start": 179,
-                    "end": 179
+                    "start": 182,
+                    "end": 182
                 }
             },
             "group": [
@@ -59729,8 +59756,8 @@
         {
             "description": "The text color of the hovered Stepper label.\n",
             "commentRange": {
-                "start": 180,
-                "end": 181
+                "start": 183,
+                "end": 184
             },
             "context": {
                 "type": "variable",
@@ -59738,8 +59765,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 182,
-                    "end": 182
+                    "start": 185,
+                    "end": 185
                 }
             },
             "group": [
@@ -59756,8 +59783,8 @@
         {
             "description": "The text color of the disabled Stepper label.\n",
             "commentRange": {
-                "start": 183,
-                "end": 184
+                "start": 186,
+                "end": 187
             },
             "context": {
                 "type": "variable",
@@ -59765,8 +59792,8 @@
                 "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), #8d8d8d)",
                 "scope": "default",
                 "line": {
-                    "start": 185,
-                    "end": 185
+                    "start": 188,
+                    "end": 188
                 }
             },
             "group": [
@@ -59783,8 +59810,8 @@
         {
             "description": "The text color of the optional Stepper label.\n",
             "commentRange": {
-                "start": 187,
-                "end": 188
+                "start": 190,
+                "end": 191
             },
             "context": {
                 "type": "variable",
@@ -59792,8 +59819,8 @@
                 "value": "$kendo-subtle-text",
                 "scope": "default",
                 "line": {
-                    "start": 189,
-                    "end": 189
+                    "start": 192,
+                    "end": 192
                 }
             },
             "group": [
@@ -59810,8 +59837,8 @@
         {
             "description": "The opacity of the optional Stepper label.\n",
             "commentRange": {
-                "start": 190,
-                "end": 191
+                "start": 193,
+                "end": 194
             },
             "context": {
                 "type": "variable",
@@ -59819,8 +59846,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 192,
-                    "end": 192
+                    "start": 195,
+                    "end": 195
                 }
             },
             "group": [
@@ -59837,8 +59864,8 @@
         {
             "description": "The font size of the optional Stepper label.\n",
             "commentRange": {
-                "start": 193,
-                "end": 194
+                "start": 196,
+                "end": 197
             },
             "context": {
                 "type": "variable",
@@ -59846,8 +59873,8 @@
                 "value": "var( --kendo-font-size-sm, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 195,
-                    "end": 195
+                    "start": 198,
+                    "end": 198
                 }
             },
             "group": [
@@ -59864,8 +59891,8 @@
         {
             "description": "The font style of the optional Stepper label.\n",
             "commentRange": {
-                "start": 196,
-                "end": 197
+                "start": 199,
+                "end": 200
             },
             "context": {
                 "type": "variable",
@@ -59873,8 +59900,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 198,
-                    "end": 198
+                    "start": 201,
+                    "end": 201
                 }
             },
             "group": [
@@ -59891,8 +59918,8 @@
         {
             "description": "The size of the Stepper ProgressBar.\n",
             "commentRange": {
-                "start": 200,
-                "end": 201
+                "start": 203,
+                "end": 204
             },
             "context": {
                 "type": "variable",
@@ -59900,8 +59927,8 @@
                 "value": "2px",
                 "scope": "default",
                 "line": {
-                    "start": 202,
-                    "end": 202
+                    "start": 205,
+                    "end": 205
                 }
             },
             "group": [
@@ -59918,8 +59945,8 @@
         {
             "description": "The background color of the Stepper ProgressBar.\n",
             "commentRange": {
-                "start": 203,
-                "end": 204
+                "start": 206,
+                "end": 207
             },
             "context": {
                 "type": "variable",
@@ -59927,8 +59954,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 205,
-                    "end": 205
+                    "start": 208,
+                    "end": 208
                 }
             },
             "group": [
@@ -59945,8 +59972,8 @@
         {
             "description": "The text color of the Stepper ProgressBar.\n",
             "commentRange": {
-                "start": 206,
-                "end": 207
+                "start": 209,
+                "end": 210
             },
             "context": {
                 "type": "variable",
@@ -59954,8 +59981,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 208,
-                    "end": 208
+                    "start": 211,
+                    "end": 211
                 }
             },
             "group": [
@@ -59972,8 +59999,8 @@
         {
             "description": "The background color of the selected Stepper ProgressBar.\n",
             "commentRange": {
-                "start": 209,
-                "end": 210
+                "start": 212,
+                "end": 213
             },
             "context": {
                 "type": "variable",
@@ -59981,8 +60008,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 211,
-                    "end": 211
+                    "start": 214,
+                    "end": 214
                 }
             },
             "group": [
@@ -59999,8 +60026,8 @@
         {
             "description": "The text color of the selected Stepper ProgressBar.\n",
             "commentRange": {
-                "start": 212,
-                "end": 213
+                "start": 215,
+                "end": 216
             },
             "context": {
                 "type": "variable",
@@ -60008,8 +60035,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 214,
-                    "end": 214
+                    "start": 217,
+                    "end": 217
                 }
             },
             "group": [
@@ -60026,8 +60053,8 @@
         {
             "description": "The property name of the Stepper transition.\n",
             "commentRange": {
-                "start": 216,
-                "end": 217
+                "start": 219,
+                "end": 220
             },
             "context": {
                 "type": "variable",
@@ -60035,8 +60062,8 @@
                 "value": "height",
                 "scope": "default",
                 "line": {
-                    "start": 218,
-                    "end": 218
+                    "start": 221,
+                    "end": 221
                 }
             },
             "group": [
@@ -60053,8 +60080,8 @@
         {
             "description": "The duration of the Stepper transition.\n",
             "commentRange": {
-                "start": 219,
-                "end": 220
+                "start": 222,
+                "end": 223
             },
             "context": {
                 "type": "variable",
@@ -60062,8 +60089,8 @@
                 "value": "300ms",
                 "scope": "default",
                 "line": {
-                    "start": 221,
-                    "end": 221
+                    "start": 224,
+                    "end": 224
                 }
             },
             "group": [
@@ -60080,8 +60107,8 @@
         {
             "description": "The timing function of the Stepper transition.\n",
             "commentRange": {
-                "start": 222,
-                "end": 223
+                "start": 225,
+                "end": 226
             },
             "context": {
                 "type": "variable",
@@ -60089,8 +60116,8 @@
                 "value": "cubic-bezier(.4, 0, .2, 1) 0ms",
                 "scope": "default",
                 "line": {
-                    "start": 224,
-                    "end": 224
+                    "start": 227,
+                    "end": 227
                 }
             },
             "group": [
@@ -66453,7 +66480,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-timeline-track-arrow-width",
-                "value": "30px",
+                "value": "k-spacing(7.5)",
                 "scope": "default",
                 "line": {
                     "start": 32,
@@ -66468,8 +66495,8 @@
                 "path": "classic/scss/timeline/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "30px",
-            "resolvedType": "Number"
+            "resolvedValue": "var(--kendo-spacing-7\\.5, 1.875rem)",
+            "resolvedType": "String"
         },
         {
             "description": "The height of the Timeline track arrow.\n",
@@ -66480,7 +66507,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-timeline-track-arrow-height",
-                "value": "30px",
+                "value": "k-spacing(7.5)",
                 "scope": "default",
                 "line": {
                     "start": 35,
@@ -66495,8 +66522,8 @@
                 "path": "classic/scss/timeline/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "30px",
-            "resolvedType": "Number"
+            "resolvedValue": "var(--kendo-spacing-7\\.5, 1.875rem)",
+            "resolvedType": "String"
         },
         {
             "description": "The background color of the disabled Timeline track arrow.\n",
@@ -66588,7 +66615,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-timeline-track-size",
-                "value": "6px",
+                "value": "k-spacing(1.5)",
                 "scope": "default",
                 "line": {
                     "start": 49,
@@ -66603,8 +66630,8 @@
                 "path": "classic/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",
@@ -66615,7 +66642,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,
@@ -66630,8 +66657,8 @@
                 "path": "classic/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",
@@ -66696,7 +66723,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,
@@ -66711,7 +66738,7 @@
                 "path": "classic/scss/timeline/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "calc(15px + 3px)",
+            "resolvedValue": "calc(var(--kendo-spacing-7\\.5, 1.875rem) / 2 + calc(var(--kendo-spacing-1\\.5, 0.375rem) / 2))",
             "resolvedType": "Calculation"
         },
         {
@@ -66738,7 +66765,7 @@
                 "path": "classic/scss/timeline/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "calc(30px - 2 * 1px)",
+            "resolvedValue": "calc(var(--kendo-spacing-7\\.5, 1.875rem) - 2 * 1px)",
             "resolvedType": "Calculation"
         },
         {
@@ -66765,7 +66792,7 @@
                 "path": "classic/scss/timeline/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "calc(30px - 2 * 1px)",
+            "resolvedValue": "calc(var(--kendo-spacing-7\\.5, 1.875rem) - 2 * 1px)",
             "resolvedType": "Calculation"
         },
         {
@@ -67224,7 +67251,7 @@
                 "path": "classic/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"
         },
         {
@@ -67305,7 +67332,7 @@
                 "path": "classic/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"
         },
         {
@@ -67332,7 +67359,7 @@
                 "path": "classic/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"
         },
         {
@@ -67359,7 +67386,7 @@
                 "path": "classic/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"
         },
         {
@@ -67386,7 +67413,7 @@
                 "path": "classic/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"
         },
         {
@@ -117556,7 +117583,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-orgchart-line-v-height",
-                        "value": "25px",
+                        "value": "k-spacing(6)",
                         "scope": "default",
                         "line": {
                             "start": 148,
@@ -117571,8 +117598,8 @@
                         "path": "classic/scss/orgchart/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "25px",
-                    "resolvedType": "Number"
+                    "resolvedValue": "var(--kendo-spacing-6, 1.5rem)",
+                    "resolvedType": "String"
                 }
             ]
         },
@@ -134292,7 +134319,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,
@@ -134307,8 +134334,8 @@
                         "path": "classic/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",
@@ -136861,15 +136888,15 @@
                     "resolvedType": "Calculation"
                 },
                 {
-                    "description": "The width of the border around the Stepper.\n",
+                    "description": "The border radius of the Stepper label.\n",
                     "commentRange": {
                         "start": 24,
                         "end": 25
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-stepper-border-width",
-                        "value": "0px",
+                        "name": "kendo-stepper-label-border-radius",
+                        "value": "k-border-radius(xxxl)",
                         "scope": "default",
                         "line": {
                             "start": 26,
@@ -136884,14 +136911,41 @@
                         "path": "classic/scss/stepper/_variables.scss",
                         "name": "_variables.scss"
                     },
+                    "resolvedValue": "var(--kendo-border-radius-xxxl, 1rem)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The width of the border around the Stepper.\n",
+                    "commentRange": {
+                        "start": 27,
+                        "end": 28
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-stepper-border-width",
+                        "value": "0px",
+                        "scope": "default",
+                        "line": {
+                            "start": 29,
+                            "end": 29
+                        }
+                    },
+                    "group": [
+                        "stepper"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "classic/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",
@@ -136899,8 +136953,8 @@
                         "value": "k-spacing(5)",
                         "scope": "default",
                         "line": {
-                            "start": 30,
-                            "end": 30
+                            "start": 33,
+                            "end": 33
                         }
                     },
                     "group": [
@@ -136917,8 +136971,8 @@
                 {
                     "description": "The vertical padding of the Stepper content.\n",
                     "commentRange": {
-                        "start": 31,
-                        "end": 32
+                        "start": 34,
+                        "end": 35
                     },
                     "context": {
                         "type": "variable",
@@ -136926,8 +136980,8 @@
                         "value": "k-spacing(2.5)",
                         "scope": "default",
                         "line": {
-                            "start": 33,
-                            "end": 33
+                            "start": 36,
+                            "end": 36
                         }
                     },
                     "group": [
@@ -136944,8 +136998,8 @@
                 {
                     "description": "",
                     "commentRange": {
-                        "start": 36,
-                        "end": 36
+                        "start": 39,
+                        "end": 39
                     },
                     "context": {
                         "type": "variable",
@@ -136953,8 +137007,8 @@
                         "value": "var( --kendo-font-size, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 37,
-                            "end": 37
+                            "start": 40,
+                            "end": 40
                         }
                     },
                     "group": [
@@ -136971,8 +137025,8 @@
                 {
                     "description": "",
                     "commentRange": {
-                        "start": 39,
-                        "end": 39
+                        "start": 42,
+                        "end": 42
                     },
                     "context": {
                         "type": "variable",
@@ -136980,8 +137034,8 @@
                         "value": "var( --kendo-line-height, normal )",
                         "scope": "default",
                         "line": {
-                            "start": 40,
-                            "end": 40
+                            "start": 43,
+                            "end": 43
                         }
                     },
                     "group": [
@@ -136998,8 +137052,8 @@
                 {
                     "description": "",
                     "commentRange": {
-                        "start": 42,
-                        "end": 42
+                        "start": 45,
+                        "end": 45
                     },
                     "context": {
                         "type": "variable",
@@ -137007,8 +137061,8 @@
                         "value": "var( --kendo-font-family, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 43,
-                            "end": 43
+                            "start": 46,
+                            "end": 46
                         }
                     },
                     "group": [
@@ -137025,8 +137079,8 @@
                 {
                     "description": "The background color of the Stepper.\n",
                     "commentRange": {
-                        "start": 45,
-                        "end": 46
+                        "start": 48,
+                        "end": 49
                     },
                     "context": {
                         "type": "variable",
@@ -137034,8 +137088,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 47,
-                            "end": 47
+                            "start": 50,
+                            "end": 50
                         }
                     },
                     "group": [
@@ -137052,8 +137106,8 @@
                 {
                     "description": "The text color of the Stepper.\n",
                     "commentRange": {
-                        "start": 48,
-                        "end": 49
+                        "start": 51,
+                        "end": 52
                     },
                     "context": {
                         "type": "variable",
@@ -137061,8 +137115,8 @@
                         "value": "$kendo-component-text",
                         "scope": "default",
                         "line": {
-                            "start": 50,
-                            "end": 50
+                            "start": 53,
+                            "end": 53
                         }
                     },
                     "group": [
@@ -137079,8 +137133,8 @@
                 {
                     "description": "The border color of the Stepper.\n",
                     "commentRange": {
-                        "start": 51,
-                        "end": 52
+                        "start": 54,
+                        "end": 55
                     },
                     "context": {
                         "type": "variable",
@@ -137088,8 +137142,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 53,
-                            "end": 53
+                            "start": 56,
+                            "end": 56
                         }
                     },
                     "group": [
@@ -137106,8 +137160,8 @@
                 {
                     "description": "The width of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 55,
-                        "end": 56
+                        "start": 58,
+                        "end": 59
                     },
                     "context": {
                         "type": "variable",
@@ -137115,8 +137169,8 @@
                         "value": "28px",
                         "scope": "default",
                         "line": {
-                            "start": 57,
-                            "end": 57
+                            "start": 60,
+                            "end": 60
                         }
                     },
                     "group": [
@@ -137133,8 +137187,8 @@
                 {
                     "description": "The height of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 58,
-                        "end": 59
+                        "start": 61,
+                        "end": 62
                     },
                     "context": {
                         "type": "variable",
@@ -137142,8 +137196,8 @@
                         "value": "$kendo-stepper-indicator-width",
                         "scope": "default",
                         "line": {
-                            "start": 60,
-                            "end": 60
+                            "start": 63,
+                            "end": 63
                         }
                     },
                     "group": [
@@ -137160,8 +137214,8 @@
                 {
                     "description": "The border width of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 61,
-                        "end": 62
+                        "start": 64,
+                        "end": 65
                     },
                     "context": {
                         "type": "variable",
@@ -137169,8 +137223,8 @@
                         "value": "1px",
                         "scope": "default",
                         "line": {
-                            "start": 63,
-                            "end": 63
+                            "start": 66,
+                            "end": 66
                         }
                     },
                     "group": [
@@ -137187,8 +137241,8 @@
                 {
                     "description": "The border radius of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 64,
-                        "end": 65
+                        "start": 67,
+                        "end": 68
                     },
                     "context": {
                         "type": "variable",
@@ -137196,8 +137250,8 @@
                         "value": "50%",
                         "scope": "default",
                         "line": {
-                            "start": 66,
-                            "end": 66
+                            "start": 69,
+                            "end": 69
                         }
                     },
                     "group": [
@@ -137214,8 +137268,8 @@
                 {
                     "description": "The border width of the focused Stepper indicator.\n",
                     "commentRange": {
-                        "start": 68,
-                        "end": 69
+                        "start": 71,
+                        "end": 72
                     },
                     "context": {
                         "type": "variable",
@@ -137223,8 +137277,8 @@
                         "value": "1px",
                         "scope": "default",
                         "line": {
-                            "start": 70,
-                            "end": 70
+                            "start": 73,
+                            "end": 73
                         }
                     },
                     "group": [
@@ -137241,8 +137295,8 @@
                 {
                     "description": "The size of the focused Stepper indicator.\n",
                     "commentRange": {
-                        "start": 71,
-                        "end": 72
+                        "start": 74,
+                        "end": 75
                     },
                     "context": {
                         "type": "variable",
@@ -137250,8 +137304,8 @@
                         "value": "2px",
                         "scope": "default",
                         "line": {
-                            "start": 73,
-                            "end": 73
+                            "start": 76,
+                            "end": 76
                         }
                     },
                     "group": [
@@ -137268,8 +137322,8 @@
                 {
                     "description": "The offset of the Stepper's focused indicator.\n",
                     "commentRange": {
-                        "start": 74,
-                        "end": 75
+                        "start": 77,
+                        "end": 78
                     },
                     "context": {
                         "type": "variable",
@@ -137277,8 +137331,8 @@
                         "value": "3px",
                         "scope": "default",
                         "line": {
-                            "start": 76,
-                            "end": 76
+                            "start": 79,
+                            "end": 79
                         }
                     },
                     "group": [
@@ -137295,8 +137349,8 @@
                 {
                     "description": "The calculated offset of the Stepper's focused indicator.\n",
                     "commentRange": {
-                        "start": 77,
-                        "end": 78
+                        "start": 80,
+                        "end": 81
                     },
                     "context": {
                         "type": "variable",
@@ -137304,8 +137358,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": [
@@ -137322,8 +137376,8 @@
                 {
                     "description": "The background color of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 81,
-                        "end": 82
+                        "start": 84,
+                        "end": 85
                     },
                     "context": {
                         "type": "variable",
@@ -137331,8 +137385,8 @@
                         "value": "$kendo-component-bg",
                         "scope": "default",
                         "line": {
-                            "start": 83,
-                            "end": 83
+                            "start": 86,
+                            "end": 86
                         }
                     },
                     "group": [
@@ -137349,8 +137403,8 @@
                 {
                     "description": "The text color of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 84,
-                        "end": 85
+                        "start": 87,
+                        "end": 88
                     },
                     "context": {
                         "type": "variable",
@@ -137358,8 +137412,8 @@
                         "value": "$kendo-component-text",
                         "scope": "default",
                         "line": {
-                            "start": 86,
-                            "end": 86
+                            "start": 89,
+                            "end": 89
                         }
                     },
                     "group": [
@@ -137376,8 +137430,8 @@
                 {
                     "description": "The border color of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 87,
-                        "end": 88
+                        "start": 90,
+                        "end": 91
                     },
                     "context": {
                         "type": "variable",
@@ -137385,8 +137439,8 @@
                         "value": "$kendo-component-border",
                         "scope": "default",
                         "line": {
-                            "start": 89,
-                            "end": 89
+                            "start": 92,
+                            "end": 92
                         }
                     },
                     "group": [
@@ -137403,8 +137457,8 @@
                 {
                     "description": "The background color of the hovered Stepper indicator.\n",
                     "commentRange": {
-                        "start": 91,
-                        "end": 92
+                        "start": 94,
+                        "end": 95
                     },
                     "context": {
                         "type": "variable",
@@ -137412,8 +137466,8 @@
                         "value": "if($kendo-enable-color-system, k-color( base-subtle-hover ), k-try-shade( $kendo-stepper-indicator-bg ))",
                         "scope": "default",
                         "line": {
-                            "start": 93,
-                            "end": 93
+                            "start": 96,
+                            "end": 96
                         }
                     },
                     "group": [
@@ -137430,8 +137484,8 @@
                 {
                     "description": "The text color of the hovered Stepper indicator.\n",
                     "commentRange": {
-                        "start": 94,
-                        "end": 95
+                        "start": 97,
+                        "end": 98
                     },
                     "context": {
                         "type": "variable",
@@ -137439,8 +137493,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 96,
-                            "end": 96
+                            "start": 99,
+                            "end": 99
                         }
                     },
                     "group": [
@@ -137457,8 +137511,8 @@
                 {
                     "description": "The border color of the hovered Stepper indicator.\n",
                     "commentRange": {
-                        "start": 97,
-                        "end": 98
+                        "start": 100,
+                        "end": 101
                     },
                     "context": {
                         "type": "variable",
@@ -137466,8 +137520,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 99,
-                            "end": 99
+                            "start": 102,
+                            "end": 102
                         }
                     },
                     "group": [
@@ -137484,8 +137538,8 @@
                 {
                     "description": "The background color of the disabled Stepper indicator.\n",
                     "commentRange": {
-                        "start": 101,
-                        "end": 102
+                        "start": 104,
+                        "end": 105
                     },
                     "context": {
                         "type": "variable",
@@ -137493,8 +137547,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 103,
-                            "end": 103
+                            "start": 106,
+                            "end": 106
                         }
                     },
                     "group": [
@@ -137511,8 +137565,8 @@
                 {
                     "description": "The text color of the disabled Stepper indicator.\n",
                     "commentRange": {
-                        "start": 104,
-                        "end": 105
+                        "start": 107,
+                        "end": 108
                     },
                     "context": {
                         "type": "variable",
@@ -137520,8 +137574,8 @@
                         "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), #8d8d8d)",
                         "scope": "default",
                         "line": {
-                            "start": 106,
-                            "end": 106
+                            "start": 109,
+                            "end": 109
                         }
                     },
                     "group": [
@@ -137538,8 +137592,8 @@
                 {
                     "description": "The border color of the disabled Stepper indicator.\n",
                     "commentRange": {
-                        "start": 107,
-                        "end": 108
+                        "start": 110,
+                        "end": 111
                     },
                     "context": {
                         "type": "variable",
@@ -137547,8 +137601,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 109,
-                            "end": 109
+                            "start": 112,
+                            "end": 112
                         }
                     },
                     "group": [
@@ -137565,8 +137619,8 @@
                 {
                     "description": "The background color of the Stepper's done indicator.\n",
                     "commentRange": {
-                        "start": 111,
-                        "end": 112
+                        "start": 114,
+                        "end": 115
                     },
                     "context": {
                         "type": "variable",
@@ -137574,8 +137628,8 @@
                         "value": "$kendo-color-primary",
                         "scope": "default",
                         "line": {
-                            "start": 113,
-                            "end": 113
+                            "start": 116,
+                            "end": 116
                         }
                     },
                     "group": [
@@ -137592,8 +137646,8 @@
                 {
                     "description": "The text color of the Stepper's done indicator.\n",
                     "commentRange": {
-                        "start": 114,
-                        "end": 115
+                        "start": 117,
+                        "end": 118
                     },
                     "context": {
                         "type": "variable",
@@ -137601,8 +137655,8 @@
                         "value": "if($kendo-enable-color-system, k-color( on-primary ), k-contrast-legacy( $kendo-stepper-indicator-done-bg ))",
                         "scope": "default",
                         "line": {
-                            "start": 116,
-                            "end": 116
+                            "start": 119,
+                            "end": 119
                         }
                     },
                     "group": [
@@ -137619,8 +137673,8 @@
                 {
                     "description": "The border color of the Stepper's done indicator.\n",
                     "commentRange": {
-                        "start": 117,
-                        "end": 118
+                        "start": 120,
+                        "end": 121
                     },
                     "context": {
                         "type": "variable",
@@ -137628,8 +137682,8 @@
                         "value": "$kendo-stepper-indicator-done-bg",
                         "scope": "default",
                         "line": {
-                            "start": 119,
-                            "end": 119
+                            "start": 122,
+                            "end": 122
                         }
                     },
                     "group": [
@@ -137646,8 +137700,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",
@@ -137655,8 +137709,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": [
@@ -137673,8 +137727,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",
@@ -137682,8 +137736,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 126,
-                            "end": 126
+                            "start": 129,
+                            "end": 129
                         }
                     },
                     "group": [
@@ -137700,8 +137754,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",
@@ -137709,8 +137763,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 129,
-                            "end": 129
+                            "start": 132,
+                            "end": 132
                         }
                     },
                     "group": [
@@ -137727,8 +137781,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",
@@ -137736,8 +137790,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": [
@@ -137754,8 +137808,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",
@@ -137763,8 +137817,8 @@
                         "value": "if($kendo-enable-color-system, k-color( on-primary ), k-contrast-legacy( $kendo-stepper-indicator-done-bg ))",
                         "scope": "default",
                         "line": {
-                            "start": 136,
-                            "end": 136
+                            "start": 139,
+                            "end": 139
                         }
                     },
                     "group": [
@@ -137781,8 +137835,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",
@@ -137790,8 +137844,8 @@
                         "value": "$kendo-stepper-indicator-done-disabled-bg",
                         "scope": "default",
                         "line": {
-                            "start": 139,
-                            "end": 139
+                            "start": 142,
+                            "end": 142
                         }
                     },
                     "group": [
@@ -137808,8 +137862,8 @@
                 {
                     "description": "The background color of the Stepper current indicator.\n",
                     "commentRange": {
-                        "start": 141,
-                        "end": 142
+                        "start": 144,
+                        "end": 145
                     },
                     "context": {
                         "type": "variable",
@@ -137817,8 +137871,8 @@
                         "value": "$kendo-stepper-indicator-done-bg",
                         "scope": "default",
                         "line": {
-                            "start": 143,
-                            "end": 143
+                            "start": 146,
+                            "end": 146
                         }
                     },
                     "group": [
@@ -137835,8 +137889,8 @@
                 {
                     "description": "The text color of the Stepper current indicator.\n",
                     "commentRange": {
-                        "start": 144,
-                        "end": 145
+                        "start": 147,
+                        "end": 148
                     },
                     "context": {
                         "type": "variable",
@@ -137844,8 +137898,8 @@
                         "value": "$kendo-stepper-indicator-done-text",
                         "scope": "default",
                         "line": {
-                            "start": 146,
-                            "end": 146
+                            "start": 149,
+                            "end": 149
                         }
                     },
                     "group": [
@@ -137862,8 +137916,8 @@
                 {
                     "description": "The border color of the Stepper current indicator.\n",
                     "commentRange": {
-                        "start": 147,
-                        "end": 148
+                        "start": 150,
+                        "end": 151
                     },
                     "context": {
                         "type": "variable",
@@ -137871,8 +137925,8 @@
                         "value": "$kendo-stepper-indicator-done-border",
                         "scope": "default",
                         "line": {
-                            "start": 149,
-                            "end": 149
+                            "start": 152,
+                            "end": 152
                         }
                     },
                     "group": [
@@ -137889,8 +137943,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",
@@ -137898,8 +137952,8 @@
                         "value": "$kendo-stepper-indicator-done-hover-bg",
                         "scope": "default",
                         "line": {
-                            "start": 153,
-                            "end": 153
+                            "start": 156,
+                            "end": 156
                         }
                     },
                     "group": [
@@ -137916,8 +137970,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",
@@ -137925,8 +137979,8 @@
                         "value": "$kendo-stepper-indicator-done-hover-text",
                         "scope": "default",
                         "line": {
-                            "start": 156,
-                            "end": 156
+                            "start": 159,
+                            "end": 159
                         }
                     },
                     "group": [
@@ -137943,8 +137997,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",
@@ -137952,8 +138006,8 @@
                         "value": "$kendo-stepper-indicator-done-hover-border",
                         "scope": "default",
                         "line": {
-                            "start": 159,
-                            "end": 159
+                            "start": 162,
+                            "end": 162
                         }
                     },
                     "group": [
@@ -137970,8 +138024,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",
@@ -137979,8 +138033,8 @@
                         "value": "$kendo-stepper-indicator-done-disabled-bg",
                         "scope": "default",
                         "line": {
-                            "start": 163,
-                            "end": 163
+                            "start": 166,
+                            "end": 166
                         }
                     },
                     "group": [
@@ -137997,8 +138051,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",
@@ -138006,8 +138060,8 @@
                         "value": "$kendo-stepper-indicator-done-disabled-text",
                         "scope": "default",
                         "line": {
-                            "start": 166,
-                            "end": 166
+                            "start": 169,
+                            "end": 169
                         }
                     },
                     "group": [
@@ -138024,8 +138078,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",
@@ -138033,8 +138087,8 @@
                         "value": "$kendo-stepper-indicator-done-disabled-border",
                         "scope": "default",
                         "line": {
-                            "start": 169,
-                            "end": 169
+                            "start": 172,
+                            "end": 172
                         }
                     },
                     "group": [
@@ -138051,8 +138105,8 @@
                 {
                     "description": "The text color of the Stepper label.\n",
                     "commentRange": {
-                        "start": 171,
-                        "end": 172
+                        "start": 174,
+                        "end": 175
                     },
                     "context": {
                         "type": "variable",
@@ -138060,8 +138114,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 173,
-                            "end": 173
+                            "start": 176,
+                            "end": 176
                         }
                     },
                     "group": [
@@ -138078,8 +138132,8 @@
                 {
                     "description": "The success text color of the Stepper label.\n",
                     "commentRange": {
-                        "start": 174,
-                        "end": 175
+                        "start": 177,
+                        "end": 178
                     },
                     "context": {
                         "type": "variable",
@@ -138087,8 +138141,8 @@
                         "value": "$kendo-color-success",
                         "scope": "default",
                         "line": {
-                            "start": 176,
-                            "end": 176
+                            "start": 179,
+                            "end": 179
                         }
                     },
                     "group": [
@@ -138105,8 +138159,8 @@
                 {
                     "description": "The error text color of the Stepper label.\n",
                     "commentRange": {
-                        "start": 177,
-                        "end": 178
+                        "start": 180,
+                        "end": 181
                     },
                     "context": {
                         "type": "variable",
@@ -138114,8 +138168,8 @@
                         "value": "$kendo-color-error",
                         "scope": "default",
                         "line": {
-                            "start": 179,
-                            "end": 179
+                            "start": 182,
+                            "end": 182
                         }
                     },
                     "group": [
@@ -138132,8 +138186,8 @@
                 {
                     "description": "The text color of the hovered Stepper label.\n",
                     "commentRange": {
-                        "start": 180,
-                        "end": 181
+                        "start": 183,
+                        "end": 184
                     },
                     "context": {
                         "type": "variable",
@@ -138141,8 +138195,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 182,
-                            "end": 182
+                            "start": 185,
+                            "end": 185
                         }
                     },
                     "group": [
@@ -138159,8 +138213,8 @@
                 {
                     "description": "The text color of the disabled Stepper label.\n",
                     "commentRange": {
-                        "start": 183,
-                        "end": 184
+                        "start": 186,
+                        "end": 187
                     },
                     "context": {
                         "type": "variable",
@@ -138168,8 +138222,8 @@
                         "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), #8d8d8d)",
                         "scope": "default",
                         "line": {
-                            "start": 185,
-                            "end": 185
+                            "start": 188,
+                            "end": 188
                         }
                     },
                     "group": [
@@ -138186,8 +138240,8 @@
                 {
                     "description": "The text color of the optional Stepper label.\n",
                     "commentRange": {
-                        "start": 187,
-                        "end": 188
+                        "start": 190,
+                        "end": 191
                     },
                     "context": {
                         "type": "variable",
@@ -138195,8 +138249,8 @@
                         "value": "$kendo-subtle-text",
                         "scope": "default",
                         "line": {
-                            "start": 189,
-                            "end": 189
+                            "start": 192,
+                            "end": 192
                         }
                     },
                     "group": [
@@ -138213,8 +138267,8 @@
                 {
                     "description": "The opacity of the optional Stepper label.\n",
                     "commentRange": {
-                        "start": 190,
-                        "end": 191
+                        "start": 193,
+                        "end": 194
                     },
                     "context": {
                         "type": "variable",
@@ -138222,8 +138276,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 192,
-                            "end": 192
+                            "start": 195,
+                            "end": 195
                         }
                     },
                     "group": [
@@ -138240,8 +138294,8 @@
                 {
                     "description": "The font size of the optional Stepper label.\n",
                     "commentRange": {
-                        "start": 193,
-                        "end": 194
+                        "start": 196,
+                        "end": 197
                     },
                     "context": {
                         "type": "variable",
@@ -138249,8 +138303,8 @@
                         "value": "var( --kendo-font-size-sm, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 195,
-                            "end": 195
+                            "start": 198,
+                            "end": 198
                         }
                     },
                     "group": [
@@ -138267,8 +138321,8 @@
                 {
                     "description": "The font style of the optional Stepper label.\n",
                     "commentRange": {
-                        "start": 196,
-                        "end": 197
+                        "start": 199,
+                        "end": 200
                     },
                     "context": {
                         "type": "variable",
@@ -138276,8 +138330,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 198,
-                            "end": 198
+                            "start": 201,
+                            "end": 201
                         }
                     },
                     "group": [
@@ -138294,8 +138348,8 @@
                 {
                     "description": "The size of the Stepper ProgressBar.\n",
                     "commentRange": {
-                        "start": 200,
-                        "end": 201
+                        "start": 203,
+                        "end": 204
                     },
                     "context": {
                         "type": "variable",
@@ -138303,8 +138357,8 @@
                         "value": "2px",
                         "scope": "default",
                         "line": {
-                            "start": 202,
-                            "end": 202
+                            "start": 205,
+                            "end": 205
                         }
                     },
                     "group": [
@@ -138321,8 +138375,8 @@
                 {
                     "description": "The background color of the Stepper ProgressBar.\n",
                     "commentRange": {
-                        "start": 203,
-                        "end": 204
+                        "start": 206,
+                        "end": 207
                     },
                     "context": {
                         "type": "variable",
@@ -138330,8 +138384,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 205,
-                            "end": 205
+                            "start": 208,
+                            "end": 208
                         }
                     },
                     "group": [
@@ -138348,8 +138402,8 @@
                 {
                     "description": "The text color of the Stepper ProgressBar.\n",
                     "commentRange": {
-                        "start": 206,
-                        "end": 207
+                        "start": 209,
+                        "end": 210
                     },
                     "context": {
                         "type": "variable",
@@ -138357,8 +138411,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 208,
-                            "end": 208
+                            "start": 211,
+                            "end": 211
                         }
                     },
                     "group": [
@@ -138375,8 +138429,8 @@
                 {
                     "description": "The background color of the selected Stepper ProgressBar.\n",
                     "commentRange": {
-                        "start": 209,
-                        "end": 210
+                        "start": 212,
+                        "end": 213
                     },
                     "context": {
                         "type": "variable",
@@ -138384,8 +138438,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 211,
-                            "end": 211
+                            "start": 214,
+                            "end": 214
                         }
                     },
                     "group": [
@@ -138402,8 +138456,8 @@
                 {
                     "description": "The text color of the selected Stepper ProgressBar.\n",
                     "commentRange": {
-                        "start": 212,
-                        "end": 213
+                        "start": 215,
+                        "end": 216
                     },
                     "context": {
                         "type": "variable",
@@ -138411,8 +138465,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 214,
-                            "end": 214
+                            "start": 217,
+                            "end": 217
                         }
                     },
                     "group": [
@@ -138429,8 +138483,8 @@
                 {
                     "description": "The property name of the Stepper transition.\n",
                     "commentRange": {
-                        "start": 216,
-                        "end": 217
+                        "start": 219,
+                        "end": 220
                     },
                     "context": {
                         "type": "variable",
@@ -138438,8 +138492,8 @@
                         "value": "height",
                         "scope": "default",
                         "line": {
-                            "start": 218,
-                            "end": 218
+                            "start": 221,
+                            "end": 221
                         }
                     },
                     "group": [
@@ -138456,8 +138510,8 @@
                 {
                     "description": "The duration of the Stepper transition.\n",
                     "commentRange": {
-                        "start": 219,
-                        "end": 220
+                        "start": 222,
+                        "end": 223
                     },
                     "context": {
                         "type": "variable",
@@ -138465,8 +138519,8 @@
                         "value": "300ms",
                         "scope": "default",
                         "line": {
-                            "start": 221,
-                            "end": 221
+                            "start": 224,
+                            "end": 224
                         }
                     },
                     "group": [
@@ -138483,8 +138537,8 @@
                 {
                     "description": "The timing function of the Stepper transition.\n",
                     "commentRange": {
-                        "start": 222,
-                        "end": 223
+                        "start": 225,
+                        "end": 226
                     },
                     "context": {
                         "type": "variable",
@@ -138492,8 +138546,8 @@
                         "value": "cubic-bezier(.4, 0, .2, 1) 0ms",
                         "scope": "default",
                         "line": {
-                            "start": 224,
-                            "end": 224
+                            "start": 227,
+                            "end": 227
                         }
                     },
                     "group": [
@@ -144898,7 +144952,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-timeline-track-arrow-width",
-                        "value": "30px",
+                        "value": "k-spacing(7.5)",
                         "scope": "default",
                         "line": {
                             "start": 32,
@@ -144913,8 +144967,8 @@
                         "path": "classic/scss/timeline/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "30px",
-                    "resolvedType": "Number"
+                    "resolvedValue": "var(--kendo-spacing-7\\.5, 1.875rem)",
+                    "resolvedType": "String"
                 },
                 {
                     "description": "The height of the Timeline track arrow.\n",
@@ -144925,7 +144979,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-timeline-track-arrow-height",
-                        "value": "30px",
+                        "value": "k-spacing(7.5)",
                         "scope": "default",
                         "line": {
                             "start": 35,
@@ -144940,8 +144994,8 @@
                         "path": "classic/scss/timeline/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "30px",
-                    "resolvedType": "Number"
+                    "resolvedValue": "var(--kendo-spacing-7\\.5, 1.875rem)",
+                    "resolvedType": "String"
                 },
                 {
                     "description": "The background color of the disabled Timeline track arrow.\n",
@@ -145033,7 +145087,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-timeline-track-size",
-                        "value": "6px",
+                        "value": "k-spacing(1.5)",
                         "scope": "default",
                         "line": {
                             "start": 49,
@@ -145048,8 +145102,8 @@
                         "path": "classic/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",
@@ -145060,7 +145114,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,
@@ -145075,8 +145129,8 @@
                         "path": "classic/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",
@@ -145141,7 +145195,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,
@@ -145156,7 +145210,7 @@
                         "path": "classic/scss/timeline/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "calc(15px + 3px)",
+                    "resolvedValue": "calc(var(--kendo-spacing-7\\.5, 1.875rem) / 2 + calc(var(--kendo-spacing-1\\.5, 0.375rem) / 2))",
                     "resolvedType": "Calculation"
                 },
                 {
@@ -145183,7 +145237,7 @@
                         "path": "classic/scss/timeline/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "calc(30px - 2 * 1px)",
+                    "resolvedValue": "calc(var(--kendo-spacing-7\\.5, 1.875rem) - 2 * 1px)",
                     "resolvedType": "Calculation"
                 },
                 {
@@ -145210,7 +145264,7 @@
                         "path": "classic/scss/timeline/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "calc(30px - 2 * 1px)",
+                    "resolvedValue": "calc(var(--kendo-spacing-7\\.5, 1.875rem) - 2 * 1px)",
                     "resolvedType": "Calculation"
                 },
                 {
@@ -145669,7 +145723,7 @@
                         "path": "classic/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"
                 },
                 {
@@ -145750,7 +145804,7 @@
                         "path": "classic/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"
                 },
                 {
@@ -145777,7 +145831,7 @@
                         "path": "classic/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"
                 },
                 {
@@ -145804,7 +145858,7 @@
                         "path": "classic/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"
                 },
                 {
@@ -145831,7 +145885,7 @@
                         "path": "classic/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"
                 },
                 {