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

package/dist/meta/sassdoc-data.json

@@ -39813,7 +39813,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-orgchart-line-v-height",
-                "value": "25px",
+                "value": "k-spacing(6)",
                 "scope": "default",
                 "line": {
                     "start": 146,
@@ -39828,8 +39828,8 @@
                 "path": "default/scss/orgchart/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "25px",
-            "resolvedType": "Number"
+            "resolvedValue": "var(--kendo-spacing-6, 1.5rem)",
+            "resolvedType": "String"
         },
         {
             "description": "The horizontal padding of the Pager.\n",
@@ -56262,7 +56262,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-splitter-drag-icon-margin",
-                "value": "calc( #{k-spacing(3.5)} / 2 )",
+                "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
                     "start": 37,
@@ -56277,8 +56277,8 @@
                 "path": "default/scss/splitter/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "calc(var(--kendo-spacing-3\\.5, 0.875rem) / 2)",
-            "resolvedType": "Calculation"
+            "resolvedValue": "var(--kendo-spacing-2, 0.5rem)",
+            "resolvedType": "String"
         },
         {
             "description": "The horizontal padding of the collapse icon in the Splitter.\n",
@@ -58819,15 +58819,15 @@
             "resolvedType": "Calculation"
         },
         {
-            "description": "The width of the border around the Stepper.\n",
+            "description": "The border radius of the Stepper label.\n",
             "commentRange": {
                 "start": 24,
                 "end": 25
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-stepper-border-width",
-                "value": "0px",
+                "name": "kendo-stepper-label-border-radius",
+                "value": "k-border-radius(xxxl)",
                 "scope": "default",
                 "line": {
                     "start": 26,
@@ -58842,14 +58842,41 @@
                 "path": "default/scss/stepper/_variables.scss",
                 "name": "_variables.scss"
             },
+            "resolvedValue": "var(--kendo-border-radius-xxxl, 1rem)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The width of the border around the Stepper.\n",
+            "commentRange": {
+                "start": 27,
+                "end": 28
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-stepper-border-width",
+                "value": "0px",
+                "scope": "default",
+                "line": {
+                    "start": 29,
+                    "end": 29
+                }
+            },
+            "group": [
+                "stepper"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/stepper/_variables.scss",
+                "name": "_variables.scss"
+            },
             "resolvedValue": "0px",
             "resolvedType": "Number"
         },
         {
             "description": "The horizontal padding of the Stepper content.\n",
             "commentRange": {
-                "start": 28,
-                "end": 29
+                "start": 31,
+                "end": 32
             },
             "context": {
                 "type": "variable",
@@ -58857,8 +58884,8 @@
                 "value": "k-spacing(5)",
                 "scope": "default",
                 "line": {
-                    "start": 30,
-                    "end": 30
+                    "start": 33,
+                    "end": 33
                 }
             },
             "group": [
@@ -58875,8 +58902,8 @@
         {
             "description": "The vertical padding of the Stepper content.\n",
             "commentRange": {
-                "start": 31,
-                "end": 32
+                "start": 34,
+                "end": 35
             },
             "context": {
                 "type": "variable",
@@ -58884,8 +58911,8 @@
                 "value": "k-spacing(2.5)",
                 "scope": "default",
                 "line": {
-                    "start": 33,
-                    "end": 33
+                    "start": 36,
+                    "end": 36
                 }
             },
             "group": [
@@ -58902,8 +58929,8 @@
         {
             "description": "",
             "commentRange": {
-                "start": 36,
-                "end": 36
+                "start": 39,
+                "end": 39
             },
             "context": {
                 "type": "variable",
@@ -58911,8 +58938,8 @@
                 "value": "var( --kendo-font-size, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 37,
-                    "end": 37
+                    "start": 40,
+                    "end": 40
                 }
             },
             "group": [
@@ -58929,8 +58956,8 @@
         {
             "description": "",
             "commentRange": {
-                "start": 39,
-                "end": 39
+                "start": 42,
+                "end": 42
             },
             "context": {
                 "type": "variable",
@@ -58938,8 +58965,8 @@
                 "value": "var( --kendo-line-height, normal )",
                 "scope": "default",
                 "line": {
-                    "start": 40,
-                    "end": 40
+                    "start": 43,
+                    "end": 43
                 }
             },
             "group": [
@@ -58956,8 +58983,8 @@
         {
             "description": "",
             "commentRange": {
-                "start": 42,
-                "end": 42
+                "start": 45,
+                "end": 45
             },
             "context": {
                 "type": "variable",
@@ -58965,8 +58992,8 @@
                 "value": "var( --kendo-font-family, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 43,
-                    "end": 43
+                    "start": 46,
+                    "end": 46
                 }
             },
             "group": [
@@ -58983,8 +59010,8 @@
         {
             "description": "The background color of the Stepper.\n",
             "commentRange": {
-                "start": 45,
-                "end": 46
+                "start": 48,
+                "end": 49
             },
             "context": {
                 "type": "variable",
@@ -58992,8 +59019,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 47,
-                    "end": 47
+                    "start": 50,
+                    "end": 50
                 }
             },
             "group": [
@@ -59010,8 +59037,8 @@
         {
             "description": "The text color of the Stepper.\n",
             "commentRange": {
-                "start": 48,
-                "end": 49
+                "start": 51,
+                "end": 52
             },
             "context": {
                 "type": "variable",
@@ -59019,8 +59046,8 @@
                 "value": "$kendo-component-text",
                 "scope": "default",
                 "line": {
-                    "start": 50,
-                    "end": 50
+                    "start": 53,
+                    "end": 53
                 }
             },
             "group": [
@@ -59037,8 +59064,8 @@
         {
             "description": "The border color of the Stepper.\n",
             "commentRange": {
-                "start": 51,
-                "end": 52
+                "start": 54,
+                "end": 55
             },
             "context": {
                 "type": "variable",
@@ -59046,8 +59073,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 53,
-                    "end": 53
+                    "start": 56,
+                    "end": 56
                 }
             },
             "group": [
@@ -59064,8 +59091,8 @@
         {
             "description": "The width of the Stepper indicator.\n",
             "commentRange": {
-                "start": 55,
-                "end": 56
+                "start": 58,
+                "end": 59
             },
             "context": {
                 "type": "variable",
@@ -59073,8 +59100,8 @@
                 "value": "28px",
                 "scope": "default",
                 "line": {
-                    "start": 57,
-                    "end": 57
+                    "start": 60,
+                    "end": 60
                 }
             },
             "group": [
@@ -59091,8 +59118,8 @@
         {
             "description": "The height of the Stepper indicator.\n",
             "commentRange": {
-                "start": 58,
-                "end": 59
+                "start": 61,
+                "end": 62
             },
             "context": {
                 "type": "variable",
@@ -59100,8 +59127,8 @@
                 "value": "$kendo-stepper-indicator-width",
                 "scope": "default",
                 "line": {
-                    "start": 60,
-                    "end": 60
+                    "start": 63,
+                    "end": 63
                 }
             },
             "group": [
@@ -59118,8 +59145,8 @@
         {
             "description": "The border width of the Stepper indicator.\n",
             "commentRange": {
-                "start": 61,
-                "end": 62
+                "start": 64,
+                "end": 65
             },
             "context": {
                 "type": "variable",
@@ -59127,8 +59154,8 @@
                 "value": "1px",
                 "scope": "default",
                 "line": {
-                    "start": 63,
-                    "end": 63
+                    "start": 66,
+                    "end": 66
                 }
             },
             "group": [
@@ -59145,8 +59172,8 @@
         {
             "description": "The border radius of the Stepper indicator.\n",
             "commentRange": {
-                "start": 64,
-                "end": 65
+                "start": 67,
+                "end": 68
             },
             "context": {
                 "type": "variable",
@@ -59154,8 +59181,8 @@
                 "value": "50%",
                 "scope": "default",
                 "line": {
-                    "start": 66,
-                    "end": 66
+                    "start": 69,
+                    "end": 69
                 }
             },
             "group": [
@@ -59172,8 +59199,8 @@
         {
             "description": "The border width of the focused Stepper indicator.\n",
             "commentRange": {
-                "start": 68,
-                "end": 69
+                "start": 71,
+                "end": 72
             },
             "context": {
                 "type": "variable",
@@ -59181,8 +59208,8 @@
                 "value": "1px",
                 "scope": "default",
                 "line": {
-                    "start": 70,
-                    "end": 70
+                    "start": 73,
+                    "end": 73
                 }
             },
             "group": [
@@ -59199,8 +59226,8 @@
         {
             "description": "The size of the focused Stepper indicator.\n",
             "commentRange": {
-                "start": 71,
-                "end": 72
+                "start": 74,
+                "end": 75
             },
             "context": {
                 "type": "variable",
@@ -59208,8 +59235,8 @@
                 "value": "2px",
                 "scope": "default",
                 "line": {
-                    "start": 73,
-                    "end": 73
+                    "start": 76,
+                    "end": 76
                 }
             },
             "group": [
@@ -59226,8 +59253,8 @@
         {
             "description": "The offset of the Stepper's focused indicator.\n",
             "commentRange": {
-                "start": 74,
-                "end": 75
+                "start": 77,
+                "end": 78
             },
             "context": {
                 "type": "variable",
@@ -59235,8 +59262,8 @@
                 "value": "3px",
                 "scope": "default",
                 "line": {
-                    "start": 76,
-                    "end": 76
+                    "start": 79,
+                    "end": 79
                 }
             },
             "group": [
@@ -59253,8 +59280,8 @@
         {
             "description": "The calculated offset of the Stepper's focused indicator.\n",
             "commentRange": {
-                "start": 77,
-                "end": 78
+                "start": 80,
+                "end": 81
             },
             "context": {
                 "type": "variable",
@@ -59262,8 +59289,8 @@
                 "value": "calc( #{$kendo-stepper-indicator-focus-border-width} + #{$kendo-stepper-indicator-focus-offset} )",
                 "scope": "default",
                 "line": {
-                    "start": 79,
-                    "end": 79
+                    "start": 82,
+                    "end": 82
                 }
             },
             "group": [
@@ -59280,8 +59307,8 @@
         {
             "description": "The background color of the Stepper indicator.\n",
             "commentRange": {
-                "start": 81,
-                "end": 82
+                "start": 84,
+                "end": 85
             },
             "context": {
                 "type": "variable",
@@ -59289,8 +59316,8 @@
                 "value": "$kendo-component-bg",
                 "scope": "default",
                 "line": {
-                    "start": 83,
-                    "end": 83
+                    "start": 86,
+                    "end": 86
                 }
             },
             "group": [
@@ -59307,8 +59334,8 @@
         {
             "description": "The text color of the Stepper indicator.\n",
             "commentRange": {
-                "start": 84,
-                "end": 85
+                "start": 87,
+                "end": 88
             },
             "context": {
                 "type": "variable",
@@ -59316,8 +59343,8 @@
                 "value": "$kendo-component-text",
                 "scope": "default",
                 "line": {
-                    "start": 86,
-                    "end": 86
+                    "start": 89,
+                    "end": 89
                 }
             },
             "group": [
@@ -59334,8 +59361,8 @@
         {
             "description": "The border color of the Stepper indicator.\n",
             "commentRange": {
-                "start": 87,
-                "end": 88
+                "start": 90,
+                "end": 91
             },
             "context": {
                 "type": "variable",
@@ -59343,8 +59370,8 @@
                 "value": "#cccccc",
                 "scope": "default",
                 "line": {
-                    "start": 89,
-                    "end": 89
+                    "start": 92,
+                    "end": 92
                 }
             },
             "group": [
@@ -59361,8 +59388,8 @@
         {
             "description": "The background color of the hovered Stepper indicator.\n",
             "commentRange": {
-                "start": 91,
-                "end": 92
+                "start": 94,
+                "end": 95
             },
             "context": {
                 "type": "variable",
@@ -59370,8 +59397,8 @@
                 "value": "if($kendo-enable-color-system, k-color( base-hover ), k-try-shade( $kendo-stepper-indicator-bg ))",
                 "scope": "default",
                 "line": {
-                    "start": 93,
-                    "end": 93
+                    "start": 96,
+                    "end": 96
                 }
             },
             "group": [
@@ -59388,8 +59415,8 @@
         {
             "description": "The text color of the hovered Stepper indicator.\n",
             "commentRange": {
-                "start": 94,
-                "end": 95
+                "start": 97,
+                "end": 98
             },
             "context": {
                 "type": "variable",
@@ -59397,8 +59424,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 96,
-                    "end": 96
+                    "start": 99,
+                    "end": 99
                 }
             },
             "group": [
@@ -59415,8 +59442,8 @@
         {
             "description": "The border color of the hovered Stepper indicator.\n",
             "commentRange": {
-                "start": 97,
-                "end": 98
+                "start": 100,
+                "end": 101
             },
             "context": {
                 "type": "variable",
@@ -59424,8 +59451,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 99,
-                    "end": 99
+                    "start": 102,
+                    "end": 102
                 }
             },
             "group": [
@@ -59442,8 +59469,8 @@
         {
             "description": "The background color of the disabled Stepper indicator.\n",
             "commentRange": {
-                "start": 101,
-                "end": 102
+                "start": 104,
+                "end": 105
             },
             "context": {
                 "type": "variable",
@@ -59451,8 +59478,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 103,
-                    "end": 103
+                    "start": 106,
+                    "end": 106
                 }
             },
             "group": [
@@ -59469,8 +59496,8 @@
         {
             "description": "The text color of the disabled Stepper indicator.\n",
             "commentRange": {
-                "start": 104,
-                "end": 105
+                "start": 107,
+                "end": 108
             },
             "context": {
                 "type": "variable",
@@ -59478,8 +59505,8 @@
                 "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), #8f8f8f)",
                 "scope": "default",
                 "line": {
-                    "start": 106,
-                    "end": 106
+                    "start": 109,
+                    "end": 109
                 }
             },
             "group": [
@@ -59496,8 +59523,8 @@
         {
             "description": "The border color of the disabled Stepper indicator.\n",
             "commentRange": {
-                "start": 107,
-                "end": 108
+                "start": 110,
+                "end": 111
             },
             "context": {
                 "type": "variable",
@@ -59505,8 +59532,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 109,
-                    "end": 109
+                    "start": 112,
+                    "end": 112
                 }
             },
             "group": [
@@ -59523,8 +59550,8 @@
         {
             "description": "The background color of the Stepper's done indicator.\n",
             "commentRange": {
-                "start": 111,
-                "end": 112
+                "start": 114,
+                "end": 115
             },
             "context": {
                 "type": "variable",
@@ -59532,8 +59559,8 @@
                 "value": "$kendo-color-primary",
                 "scope": "default",
                 "line": {
-                    "start": 113,
-                    "end": 113
+                    "start": 116,
+                    "end": 116
                 }
             },
             "group": [
@@ -59550,8 +59577,8 @@
         {
             "description": "The text color of the Stepper's done indicator.\n",
             "commentRange": {
-                "start": 114,
-                "end": 115
+                "start": 117,
+                "end": 118
             },
             "context": {
                 "type": "variable",
@@ -59559,8 +59586,8 @@
                 "value": "if($kendo-enable-color-system, k-color( on-primary ), k-contrast-legacy( $kendo-stepper-indicator-done-bg ))",
                 "scope": "default",
                 "line": {
-                    "start": 116,
-                    "end": 116
+                    "start": 119,
+                    "end": 119
                 }
             },
             "group": [
@@ -59577,8 +59604,8 @@
         {
             "description": "The border color of the Stepper's done indicator.\n",
             "commentRange": {
-                "start": 117,
-                "end": 118
+                "start": 120,
+                "end": 121
             },
             "context": {
                 "type": "variable",
@@ -59586,8 +59613,8 @@
                 "value": "$kendo-stepper-indicator-done-bg",
                 "scope": "default",
                 "line": {
-                    "start": 119,
-                    "end": 119
+                    "start": 122,
+                    "end": 122
                 }
             },
             "group": [
@@ -59604,8 +59631,8 @@
         {
             "description": "The background color of the Stepper's hovered done indicator.\n",
             "commentRange": {
-                "start": 121,
-                "end": 122
+                "start": 124,
+                "end": 125
             },
             "context": {
                 "type": "variable",
@@ -59613,8 +59640,8 @@
                 "value": "if($kendo-enable-color-system, k-color( primary-hover ), k-try-shade( $kendo-stepper-indicator-done-bg ))",
                 "scope": "default",
                 "line": {
-                    "start": 123,
-                    "end": 123
+                    "start": 126,
+                    "end": 126
                 }
             },
             "group": [
@@ -59631,8 +59658,8 @@
         {
             "description": "The text color of the Stepper's hovered done indicator.\n",
             "commentRange": {
-                "start": 124,
-                "end": 125
+                "start": 127,
+                "end": 128
             },
             "context": {
                 "type": "variable",
@@ -59640,8 +59667,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 126,
-                    "end": 126
+                    "start": 129,
+                    "end": 129
                 }
             },
             "group": [
@@ -59658,8 +59685,8 @@
         {
             "description": "The border color of the Stepper's hovered done indicator.\n",
             "commentRange": {
-                "start": 127,
-                "end": 128
+                "start": 130,
+                "end": 131
             },
             "context": {
                 "type": "variable",
@@ -59667,8 +59694,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 129,
-                    "end": 129
+                    "start": 132,
+                    "end": 132
                 }
             },
             "group": [
@@ -59685,8 +59712,8 @@
         {
             "description": "The background color of the Stepper's disabled done indicator.\n",
             "commentRange": {
-                "start": 131,
-                "end": 132
+                "start": 134,
+                "end": 135
             },
             "context": {
                 "type": "variable",
@@ -59694,8 +59721,8 @@
                 "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 60%, transparent), k-color-mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60%))",
                 "scope": "default",
                 "line": {
-                    "start": 133,
-                    "end": 133
+                    "start": 136,
+                    "end": 136
                 }
             },
             "group": [
@@ -59712,8 +59739,8 @@
         {
             "description": "The text color of the Stepper's disabled done indicator.\n",
             "commentRange": {
-                "start": 134,
-                "end": 135
+                "start": 137,
+                "end": 138
             },
             "context": {
                 "type": "variable",
@@ -59721,8 +59748,8 @@
                 "value": "if($kendo-enable-color-system, k-color( on-primary ), k-contrast-legacy( $kendo-stepper-indicator-done-bg ))",
                 "scope": "default",
                 "line": {
-                    "start": 136,
-                    "end": 136
+                    "start": 139,
+                    "end": 139
                 }
             },
             "group": [
@@ -59739,8 +59766,8 @@
         {
             "description": "The border color of the Stepper's disabled done indicator.\n",
             "commentRange": {
-                "start": 137,
-                "end": 138
+                "start": 140,
+                "end": 141
             },
             "context": {
                 "type": "variable",
@@ -59748,8 +59775,8 @@
                 "value": "$kendo-stepper-indicator-done-disabled-bg",
                 "scope": "default",
                 "line": {
-                    "start": 139,
-                    "end": 139
+                    "start": 142,
+                    "end": 142
                 }
             },
             "group": [
@@ -59766,8 +59793,8 @@
         {
             "description": "The background color of the Stepper current indicator.\n",
             "commentRange": {
-                "start": 141,
-                "end": 142
+                "start": 144,
+                "end": 145
             },
             "context": {
                 "type": "variable",
@@ -59775,8 +59802,8 @@
                 "value": "$kendo-stepper-indicator-done-bg",
                 "scope": "default",
                 "line": {
-                    "start": 143,
-                    "end": 143
+                    "start": 146,
+                    "end": 146
                 }
             },
             "group": [
@@ -59793,8 +59820,8 @@
         {
             "description": "The text color of the Stepper current indicator.\n",
             "commentRange": {
-                "start": 144,
-                "end": 145
+                "start": 147,
+                "end": 148
             },
             "context": {
                 "type": "variable",
@@ -59802,8 +59829,8 @@
                 "value": "$kendo-stepper-indicator-done-text",
                 "scope": "default",
                 "line": {
-                    "start": 146,
-                    "end": 146
+                    "start": 149,
+                    "end": 149
                 }
             },
             "group": [
@@ -59820,8 +59847,8 @@
         {
             "description": "The border color of the Stepper current indicator.\n",
             "commentRange": {
-                "start": 147,
-                "end": 148
+                "start": 150,
+                "end": 151
             },
             "context": {
                 "type": "variable",
@@ -59829,8 +59856,8 @@
                 "value": "$kendo-stepper-indicator-done-border",
                 "scope": "default",
                 "line": {
-                    "start": 149,
-                    "end": 149
+                    "start": 152,
+                    "end": 152
                 }
             },
             "group": [
@@ -59847,8 +59874,8 @@
         {
             "description": "The background color of the Stepper's hovered current indicator.\n",
             "commentRange": {
-                "start": 151,
-                "end": 152
+                "start": 154,
+                "end": 155
             },
             "context": {
                 "type": "variable",
@@ -59856,8 +59883,8 @@
                 "value": "$kendo-stepper-indicator-done-hover-bg",
                 "scope": "default",
                 "line": {
-                    "start": 153,
-                    "end": 153
+                    "start": 156,
+                    "end": 156
                 }
             },
             "group": [
@@ -59874,8 +59901,8 @@
         {
             "description": "The text color of the Stepper's hovered current indicator.\n",
             "commentRange": {
-                "start": 154,
-                "end": 155
+                "start": 157,
+                "end": 158
             },
             "context": {
                 "type": "variable",
@@ -59883,8 +59910,8 @@
                 "value": "$kendo-stepper-indicator-done-hover-text",
                 "scope": "default",
                 "line": {
-                    "start": 156,
-                    "end": 156
+                    "start": 159,
+                    "end": 159
                 }
             },
             "group": [
@@ -59901,8 +59928,8 @@
         {
             "description": "The border color of the Stepper's hovered current indicator.\n",
             "commentRange": {
-                "start": 157,
-                "end": 158
+                "start": 160,
+                "end": 161
             },
             "context": {
                 "type": "variable",
@@ -59910,8 +59937,8 @@
                 "value": "$kendo-stepper-indicator-done-hover-border",
                 "scope": "default",
                 "line": {
-                    "start": 159,
-                    "end": 159
+                    "start": 162,
+                    "end": 162
                 }
             },
             "group": [
@@ -59928,8 +59955,8 @@
         {
             "description": "The background color of the Stepper's disabled current indicator.\n",
             "commentRange": {
-                "start": 161,
-                "end": 162
+                "start": 164,
+                "end": 165
             },
             "context": {
                 "type": "variable",
@@ -59937,8 +59964,8 @@
                 "value": "$kendo-stepper-indicator-done-disabled-bg",
                 "scope": "default",
                 "line": {
-                    "start": 163,
-                    "end": 163
+                    "start": 166,
+                    "end": 166
                 }
             },
             "group": [
@@ -59955,8 +59982,8 @@
         {
             "description": "The text color of the Stepper's disabled current indicator.\n",
             "commentRange": {
-                "start": 164,
-                "end": 165
+                "start": 167,
+                "end": 168
             },
             "context": {
                 "type": "variable",
@@ -59964,8 +59991,8 @@
                 "value": "$kendo-stepper-indicator-done-disabled-text",
                 "scope": "default",
                 "line": {
-                    "start": 166,
-                    "end": 166
+                    "start": 169,
+                    "end": 169
                 }
             },
             "group": [
@@ -59982,8 +60009,8 @@
         {
             "description": "The border color of the Stepper's disabled current indicator.\n",
             "commentRange": {
-                "start": 167,
-                "end": 168
+                "start": 170,
+                "end": 171
             },
             "context": {
                 "type": "variable",
@@ -59991,8 +60018,8 @@
                 "value": "$kendo-stepper-indicator-done-disabled-border",
                 "scope": "default",
                 "line": {
-                    "start": 169,
-                    "end": 169
+                    "start": 172,
+                    "end": 172
                 }
             },
             "group": [
@@ -60009,8 +60036,8 @@
         {
             "description": "The text color of the Stepper label.\n",
             "commentRange": {
-                "start": 171,
-                "end": 172
+                "start": 174,
+                "end": 175
             },
             "context": {
                 "type": "variable",
@@ -60018,8 +60045,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 173,
-                    "end": 173
+                    "start": 176,
+                    "end": 176
                 }
             },
             "group": [
@@ -60036,8 +60063,8 @@
         {
             "description": "The success text color of the Stepper label.\n",
             "commentRange": {
-                "start": 174,
-                "end": 175
+                "start": 177,
+                "end": 178
             },
             "context": {
                 "type": "variable",
@@ -60045,8 +60072,8 @@
                 "value": "$kendo-color-success",
                 "scope": "default",
                 "line": {
-                    "start": 176,
-                    "end": 176
+                    "start": 179,
+                    "end": 179
                 }
             },
             "group": [
@@ -60063,8 +60090,8 @@
         {
             "description": "The error text color of the Stepper label.\n",
             "commentRange": {
-                "start": 177,
-                "end": 178
+                "start": 180,
+                "end": 181
             },
             "context": {
                 "type": "variable",
@@ -60072,8 +60099,8 @@
                 "value": "$kendo-color-error",
                 "scope": "default",
                 "line": {
-                    "start": 179,
-                    "end": 179
+                    "start": 182,
+                    "end": 182
                 }
             },
             "group": [
@@ -60090,8 +60117,8 @@
         {
             "description": "The text color of the hovered Stepper label.\n",
             "commentRange": {
-                "start": 180,
-                "end": 181
+                "start": 183,
+                "end": 184
             },
             "context": {
                 "type": "variable",
@@ -60099,8 +60126,8 @@
                 "value": "if($kendo-enable-color-system, k-color( on-base ), k-try-shade( $kendo-stepper-text, 2 ))",
                 "scope": "default",
                 "line": {
-                    "start": 182,
-                    "end": 182
+                    "start": 185,
+                    "end": 185
                 }
             },
             "group": [
@@ -60117,8 +60144,8 @@
         {
             "description": "The text color of the disabled Stepper label.\n",
             "commentRange": {
-                "start": 183,
-                "end": 184
+                "start": 186,
+                "end": 187
             },
             "context": {
                 "type": "variable",
@@ -60126,8 +60153,8 @@
                 "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), #8f8f8f)",
                 "scope": "default",
                 "line": {
-                    "start": 185,
-                    "end": 185
+                    "start": 188,
+                    "end": 188
                 }
             },
             "group": [
@@ -60144,8 +60171,8 @@
         {
             "description": "The text color of the optional Stepper label.\n",
             "commentRange": {
-                "start": 187,
-                "end": 188
+                "start": 190,
+                "end": 191
             },
             "context": {
                 "type": "variable",
@@ -60153,8 +60180,8 @@
                 "value": "$kendo-subtle-text",
                 "scope": "default",
                 "line": {
-                    "start": 189,
-                    "end": 189
+                    "start": 192,
+                    "end": 192
                 }
             },
             "group": [
@@ -60171,8 +60198,8 @@
         {
             "description": "The opacity of the optional Stepper label.\n",
             "commentRange": {
-                "start": 190,
-                "end": 191
+                "start": 193,
+                "end": 194
             },
             "context": {
                 "type": "variable",
@@ -60180,8 +60207,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 192,
-                    "end": 192
+                    "start": 195,
+                    "end": 195
                 }
             },
             "group": [
@@ -60198,8 +60225,8 @@
         {
             "description": "The font size of the optional Stepper label.\n",
             "commentRange": {
-                "start": 193,
-                "end": 194
+                "start": 196,
+                "end": 197
             },
             "context": {
                 "type": "variable",
@@ -60207,8 +60234,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 195,
-                    "end": 195
+                    "start": 198,
+                    "end": 198
                 }
             },
             "group": [
@@ -60225,8 +60252,8 @@
         {
             "description": "The font style of the optional Stepper label.\n",
             "commentRange": {
-                "start": 196,
-                "end": 197
+                "start": 199,
+                "end": 200
             },
             "context": {
                 "type": "variable",
@@ -60234,8 +60261,8 @@
                 "value": "italic",
                 "scope": "default",
                 "line": {
-                    "start": 198,
-                    "end": 198
+                    "start": 201,
+                    "end": 201
                 }
             },
             "group": [
@@ -60252,8 +60279,8 @@
         {
             "description": "The size of the Stepper ProgressBar.\n",
             "commentRange": {
-                "start": 200,
-                "end": 201
+                "start": 203,
+                "end": 204
             },
             "context": {
                 "type": "variable",
@@ -60261,8 +60288,8 @@
                 "value": "2px",
                 "scope": "default",
                 "line": {
-                    "start": 202,
-                    "end": 202
+                    "start": 205,
+                    "end": 205
                 }
             },
             "group": [
@@ -60279,8 +60306,8 @@
         {
             "description": "The background color of the Stepper ProgressBar.\n",
             "commentRange": {
-                "start": 203,
-                "end": 204
+                "start": 206,
+                "end": 207
             },
             "context": {
                 "type": "variable",
@@ -60288,8 +60315,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 205,
-                    "end": 205
+                    "start": 208,
+                    "end": 208
                 }
             },
             "group": [
@@ -60306,8 +60333,8 @@
         {
             "description": "The text color of the Stepper ProgressBar.\n",
             "commentRange": {
-                "start": 206,
-                "end": 207
+                "start": 209,
+                "end": 210
             },
             "context": {
                 "type": "variable",
@@ -60315,8 +60342,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 208,
-                    "end": 208
+                    "start": 211,
+                    "end": 211
                 }
             },
             "group": [
@@ -60333,8 +60360,8 @@
         {
             "description": "The background color of the selected Stepper ProgressBar.\n",
             "commentRange": {
-                "start": 209,
-                "end": 210
+                "start": 212,
+                "end": 213
             },
             "context": {
                 "type": "variable",
@@ -60342,8 +60369,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 211,
-                    "end": 211
+                    "start": 214,
+                    "end": 214
                 }
             },
             "group": [
@@ -60360,8 +60387,8 @@
         {
             "description": "The text color of the selected Stepper ProgressBar.\n",
             "commentRange": {
-                "start": 212,
-                "end": 213
+                "start": 215,
+                "end": 216
             },
             "context": {
                 "type": "variable",
@@ -60369,8 +60396,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 214,
-                    "end": 214
+                    "start": 217,
+                    "end": 217
                 }
             },
             "group": [
@@ -60387,8 +60414,8 @@
         {
             "description": "The property name of the Stepper transition.\n",
             "commentRange": {
-                "start": 216,
-                "end": 217
+                "start": 219,
+                "end": 220
             },
             "context": {
                 "type": "variable",
@@ -60396,8 +60423,8 @@
                 "value": "height",
                 "scope": "default",
                 "line": {
-                    "start": 218,
-                    "end": 218
+                    "start": 221,
+                    "end": 221
                 }
             },
             "group": [
@@ -60414,8 +60441,8 @@
         {
             "description": "The duration of the Stepper transition.\n",
             "commentRange": {
-                "start": 219,
-                "end": 220
+                "start": 222,
+                "end": 223
             },
             "context": {
                 "type": "variable",
@@ -60423,8 +60450,8 @@
                 "value": "300ms",
                 "scope": "default",
                 "line": {
-                    "start": 221,
-                    "end": 221
+                    "start": 224,
+                    "end": 224
                 }
             },
             "group": [
@@ -60441,8 +60468,8 @@
         {
             "description": "The timing function of the Stepper transition.\n",
             "commentRange": {
-                "start": 222,
-                "end": 223
+                "start": 225,
+                "end": 226
             },
             "context": {
                 "type": "variable",
@@ -60450,8 +60477,8 @@
                 "value": "cubic-bezier(.4, 0, .2, 1) 0ms",
                 "scope": "default",
                 "line": {
-                    "start": 224,
-                    "end": 224
+                    "start": 227,
+                    "end": 227
                 }
             },
             "group": [
@@ -66814,7 +66841,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-timeline-track-arrow-width",
-                "value": "30px",
+                "value": "k-spacing(7.5)",
                 "scope": "default",
                 "line": {
                     "start": 32,
@@ -66829,8 +66856,8 @@
                 "path": "default/scss/timeline/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "30px",
-            "resolvedType": "Number"
+            "resolvedValue": "var(--kendo-spacing-7\\.5, 1.875rem)",
+            "resolvedType": "String"
         },
         {
             "description": "The height of the Timeline track arrow.\n",
@@ -66841,7 +66868,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-timeline-track-arrow-height",
-                "value": "30px",
+                "value": "k-spacing(7.5)",
                 "scope": "default",
                 "line": {
                     "start": 35,
@@ -66856,8 +66883,8 @@
                 "path": "default/scss/timeline/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "30px",
-            "resolvedType": "Number"
+            "resolvedValue": "var(--kendo-spacing-7\\.5, 1.875rem)",
+            "resolvedType": "String"
         },
         {
             "description": "The background color of the disabled Timeline track arrow.\n",
@@ -66949,7 +66976,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-timeline-track-size",
-                "value": "6px",
+                "value": "k-spacing(1.5)",
                 "scope": "default",
                 "line": {
                     "start": 49,
@@ -66964,8 +66991,8 @@
                 "path": "default/scss/timeline/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "6px",
-            "resolvedType": "Number"
+            "resolvedValue": "var(--kendo-spacing-1\\.5, 0.375rem)",
+            "resolvedType": "String"
         },
         {
             "description": "The bottom padding of the Timeline's track wrapper.\n",
@@ -66976,7 +67003,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-timeline-track-wrap-padding-bottom",
-                "value": "k-math-div( $kendo-timeline-track-size, 2 )",
+                "value": "calc( #{$kendo-timeline-track-size} / 2)",
                 "scope": "default",
                 "line": {
                     "start": 52,
@@ -66991,8 +67018,8 @@
                 "path": "default/scss/timeline/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "3px",
-            "resolvedType": "Number"
+            "resolvedValue": "calc(var(--kendo-spacing-1\\.5, 0.375rem) / 2)",
+            "resolvedType": "Calculation"
         },
         {
             "description": "The border width of the Timeline track.\n",
@@ -67057,7 +67084,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-timeline-track-bottom-calc",
-                "value": "calc(#{k-math-div( $kendo-timeline-track-arrow-height, 2 )} + #{$kendo-timeline-track-wrap-padding-bottom})",
+                "value": "calc( calc( #{$kendo-timeline-track-arrow-height} / 2) + #{$kendo-timeline-track-wrap-padding-bottom})",
                 "scope": "default",
                 "line": {
                     "start": 61,
@@ -67072,7 +67099,7 @@
                 "path": "default/scss/timeline/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "calc(15px + 3px)",
+            "resolvedValue": "calc(var(--kendo-spacing-7\\.5, 1.875rem) / 2 + calc(var(--kendo-spacing-1\\.5, 0.375rem) / 2))",
             "resolvedType": "Calculation"
         },
         {
@@ -67099,7 +67126,7 @@
                 "path": "default/scss/timeline/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "calc(30px - 2 * 1px)",
+            "resolvedValue": "calc(var(--kendo-spacing-7\\.5, 1.875rem) - 2 * 1px)",
             "resolvedType": "Calculation"
         },
         {
@@ -67126,7 +67153,7 @@
                 "path": "default/scss/timeline/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "calc(30px - 2 * 1px)",
+            "resolvedValue": "calc(var(--kendo-spacing-7\\.5, 1.875rem) - 2 * 1px)",
             "resolvedType": "Calculation"
         },
         {
@@ -67585,7 +67612,7 @@
                 "path": "default/scss/timeline/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "calc(6px + 2 * 1px + 4px + 10px)",
+            "resolvedValue": "calc(var(--kendo-spacing-1\\.5, 0.375rem) + 2 * 1px + 4px + 10px)",
             "resolvedType": "Calculation"
         },
         {
@@ -67666,7 +67693,7 @@
                 "path": "default/scss/timeline/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "calc(var(--kendo-spacing-10, 2.5rem) + (80px - 6px) / 2)",
+            "resolvedValue": "calc(var(--kendo-spacing-10, 2.5rem) + (80px - var(--kendo-spacing-1\\.5, 0.375rem)) / 2)",
             "resolvedType": "Calculation"
         },
         {
@@ -67693,7 +67720,7 @@
                 "path": "default/scss/timeline/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "calc(calc(var(--kendo-spacing-10, 2.5rem) + (80px - 6px) / 2) + 50px)",
+            "resolvedValue": "calc(calc(var(--kendo-spacing-10, 2.5rem) + (80px - var(--kendo-spacing-1\\.5, 0.375rem)) / 2) + 50px)",
             "resolvedType": "Calculation"
         },
         {
@@ -67720,7 +67747,7 @@
                 "path": "default/scss/timeline/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "calc(var(--kendo-spacing-4, 1rem) + (80px - 6px) / 2)",
+            "resolvedValue": "calc(var(--kendo-spacing-4, 1rem) + (80px - var(--kendo-spacing-1\\.5, 0.375rem)) / 2)",
             "resolvedType": "Calculation"
         },
         {
@@ -67747,7 +67774,7 @@
                 "path": "default/scss/timeline/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "calc(calc(var(--kendo-spacing-4, 1rem) + (80px - 6px) / 2) + 50px)",
+            "resolvedValue": "calc(calc(var(--kendo-spacing-4, 1rem) + (80px - var(--kendo-spacing-1\\.5, 0.375rem)) / 2) + 50px)",
             "resolvedType": "Calculation"
         },
         {
@@ -118541,7 +118568,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-orgchart-line-v-height",
-                        "value": "25px",
+                        "value": "k-spacing(6)",
                         "scope": "default",
                         "line": {
                             "start": 146,
@@ -118556,8 +118583,8 @@
                         "path": "default/scss/orgchart/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "25px",
-                    "resolvedType": "Number"
+                    "resolvedValue": "var(--kendo-spacing-6, 1.5rem)",
+                    "resolvedType": "String"
                 }
             ]
         },
@@ -135179,7 +135206,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-splitter-drag-icon-margin",
-                        "value": "calc( #{k-spacing(3.5)} / 2 )",
+                        "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
                             "start": 37,
@@ -135194,8 +135221,8 @@
                         "path": "default/scss/splitter/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "calc(var(--kendo-spacing-3\\.5, 0.875rem) / 2)",
-                    "resolvedType": "Calculation"
+                    "resolvedValue": "var(--kendo-spacing-2, 0.5rem)",
+                    "resolvedType": "String"
                 },
                 {
                     "description": "The horizontal padding of the collapse icon in the Splitter.\n",
@@ -137748,15 +137775,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,
@@ -137771,14 +137798,41 @@
                         "path": "default/scss/stepper/_variables.scss",
                         "name": "_variables.scss"
                     },
+                    "resolvedValue": "var(--kendo-border-radius-xxxl, 1rem)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The width of the border around the Stepper.\n",
+                    "commentRange": {
+                        "start": 27,
+                        "end": 28
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-stepper-border-width",
+                        "value": "0px",
+                        "scope": "default",
+                        "line": {
+                            "start": 29,
+                            "end": 29
+                        }
+                    },
+                    "group": [
+                        "stepper"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/stepper/_variables.scss",
+                        "name": "_variables.scss"
+                    },
                     "resolvedValue": "0px",
                     "resolvedType": "Number"
                 },
                 {
                     "description": "The horizontal padding of the Stepper content.\n",
                     "commentRange": {
-                        "start": 28,
-                        "end": 29
+                        "start": 31,
+                        "end": 32
                     },
                     "context": {
                         "type": "variable",
@@ -137786,8 +137840,8 @@
                         "value": "k-spacing(5)",
                         "scope": "default",
                         "line": {
-                            "start": 30,
-                            "end": 30
+                            "start": 33,
+                            "end": 33
                         }
                     },
                     "group": [
@@ -137804,8 +137858,8 @@
                 {
                     "description": "The vertical padding of the Stepper content.\n",
                     "commentRange": {
-                        "start": 31,
-                        "end": 32
+                        "start": 34,
+                        "end": 35
                     },
                     "context": {
                         "type": "variable",
@@ -137813,8 +137867,8 @@
                         "value": "k-spacing(2.5)",
                         "scope": "default",
                         "line": {
-                            "start": 33,
-                            "end": 33
+                            "start": 36,
+                            "end": 36
                         }
                     },
                     "group": [
@@ -137831,8 +137885,8 @@
                 {
                     "description": "",
                     "commentRange": {
-                        "start": 36,
-                        "end": 36
+                        "start": 39,
+                        "end": 39
                     },
                     "context": {
                         "type": "variable",
@@ -137840,8 +137894,8 @@
                         "value": "var( --kendo-font-size, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 37,
-                            "end": 37
+                            "start": 40,
+                            "end": 40
                         }
                     },
                     "group": [
@@ -137858,8 +137912,8 @@
                 {
                     "description": "",
                     "commentRange": {
-                        "start": 39,
-                        "end": 39
+                        "start": 42,
+                        "end": 42
                     },
                     "context": {
                         "type": "variable",
@@ -137867,8 +137921,8 @@
                         "value": "var( --kendo-line-height, normal )",
                         "scope": "default",
                         "line": {
-                            "start": 40,
-                            "end": 40
+                            "start": 43,
+                            "end": 43
                         }
                     },
                     "group": [
@@ -137885,8 +137939,8 @@
                 {
                     "description": "",
                     "commentRange": {
-                        "start": 42,
-                        "end": 42
+                        "start": 45,
+                        "end": 45
                     },
                     "context": {
                         "type": "variable",
@@ -137894,8 +137948,8 @@
                         "value": "var( --kendo-font-family, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 43,
-                            "end": 43
+                            "start": 46,
+                            "end": 46
                         }
                     },
                     "group": [
@@ -137912,8 +137966,8 @@
                 {
                     "description": "The background color of the Stepper.\n",
                     "commentRange": {
-                        "start": 45,
-                        "end": 46
+                        "start": 48,
+                        "end": 49
                     },
                     "context": {
                         "type": "variable",
@@ -137921,8 +137975,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 47,
-                            "end": 47
+                            "start": 50,
+                            "end": 50
                         }
                     },
                     "group": [
@@ -137939,8 +137993,8 @@
                 {
                     "description": "The text color of the Stepper.\n",
                     "commentRange": {
-                        "start": 48,
-                        "end": 49
+                        "start": 51,
+                        "end": 52
                     },
                     "context": {
                         "type": "variable",
@@ -137948,8 +138002,8 @@
                         "value": "$kendo-component-text",
                         "scope": "default",
                         "line": {
-                            "start": 50,
-                            "end": 50
+                            "start": 53,
+                            "end": 53
                         }
                     },
                     "group": [
@@ -137966,8 +138020,8 @@
                 {
                     "description": "The border color of the Stepper.\n",
                     "commentRange": {
-                        "start": 51,
-                        "end": 52
+                        "start": 54,
+                        "end": 55
                     },
                     "context": {
                         "type": "variable",
@@ -137975,8 +138029,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 53,
-                            "end": 53
+                            "start": 56,
+                            "end": 56
                         }
                     },
                     "group": [
@@ -137993,8 +138047,8 @@
                 {
                     "description": "The width of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 55,
-                        "end": 56
+                        "start": 58,
+                        "end": 59
                     },
                     "context": {
                         "type": "variable",
@@ -138002,8 +138056,8 @@
                         "value": "28px",
                         "scope": "default",
                         "line": {
-                            "start": 57,
-                            "end": 57
+                            "start": 60,
+                            "end": 60
                         }
                     },
                     "group": [
@@ -138020,8 +138074,8 @@
                 {
                     "description": "The height of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 58,
-                        "end": 59
+                        "start": 61,
+                        "end": 62
                     },
                     "context": {
                         "type": "variable",
@@ -138029,8 +138083,8 @@
                         "value": "$kendo-stepper-indicator-width",
                         "scope": "default",
                         "line": {
-                            "start": 60,
-                            "end": 60
+                            "start": 63,
+                            "end": 63
                         }
                     },
                     "group": [
@@ -138047,8 +138101,8 @@
                 {
                     "description": "The border width of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 61,
-                        "end": 62
+                        "start": 64,
+                        "end": 65
                     },
                     "context": {
                         "type": "variable",
@@ -138056,8 +138110,8 @@
                         "value": "1px",
                         "scope": "default",
                         "line": {
-                            "start": 63,
-                            "end": 63
+                            "start": 66,
+                            "end": 66
                         }
                     },
                     "group": [
@@ -138074,8 +138128,8 @@
                 {
                     "description": "The border radius of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 64,
-                        "end": 65
+                        "start": 67,
+                        "end": 68
                     },
                     "context": {
                         "type": "variable",
@@ -138083,8 +138137,8 @@
                         "value": "50%",
                         "scope": "default",
                         "line": {
-                            "start": 66,
-                            "end": 66
+                            "start": 69,
+                            "end": 69
                         }
                     },
                     "group": [
@@ -138101,8 +138155,8 @@
                 {
                     "description": "The border width of the focused Stepper indicator.\n",
                     "commentRange": {
-                        "start": 68,
-                        "end": 69
+                        "start": 71,
+                        "end": 72
                     },
                     "context": {
                         "type": "variable",
@@ -138110,8 +138164,8 @@
                         "value": "1px",
                         "scope": "default",
                         "line": {
-                            "start": 70,
-                            "end": 70
+                            "start": 73,
+                            "end": 73
                         }
                     },
                     "group": [
@@ -138128,8 +138182,8 @@
                 {
                     "description": "The size of the focused Stepper indicator.\n",
                     "commentRange": {
-                        "start": 71,
-                        "end": 72
+                        "start": 74,
+                        "end": 75
                     },
                     "context": {
                         "type": "variable",
@@ -138137,8 +138191,8 @@
                         "value": "2px",
                         "scope": "default",
                         "line": {
-                            "start": 73,
-                            "end": 73
+                            "start": 76,
+                            "end": 76
                         }
                     },
                     "group": [
@@ -138155,8 +138209,8 @@
                 {
                     "description": "The offset of the Stepper's focused indicator.\n",
                     "commentRange": {
-                        "start": 74,
-                        "end": 75
+                        "start": 77,
+                        "end": 78
                     },
                     "context": {
                         "type": "variable",
@@ -138164,8 +138218,8 @@
                         "value": "3px",
                         "scope": "default",
                         "line": {
-                            "start": 76,
-                            "end": 76
+                            "start": 79,
+                            "end": 79
                         }
                     },
                     "group": [
@@ -138182,8 +138236,8 @@
                 {
                     "description": "The calculated offset of the Stepper's focused indicator.\n",
                     "commentRange": {
-                        "start": 77,
-                        "end": 78
+                        "start": 80,
+                        "end": 81
                     },
                     "context": {
                         "type": "variable",
@@ -138191,8 +138245,8 @@
                         "value": "calc( #{$kendo-stepper-indicator-focus-border-width} + #{$kendo-stepper-indicator-focus-offset} )",
                         "scope": "default",
                         "line": {
-                            "start": 79,
-                            "end": 79
+                            "start": 82,
+                            "end": 82
                         }
                     },
                     "group": [
@@ -138209,8 +138263,8 @@
                 {
                     "description": "The background color of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 81,
-                        "end": 82
+                        "start": 84,
+                        "end": 85
                     },
                     "context": {
                         "type": "variable",
@@ -138218,8 +138272,8 @@
                         "value": "$kendo-component-bg",
                         "scope": "default",
                         "line": {
-                            "start": 83,
-                            "end": 83
+                            "start": 86,
+                            "end": 86
                         }
                     },
                     "group": [
@@ -138236,8 +138290,8 @@
                 {
                     "description": "The text color of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 84,
-                        "end": 85
+                        "start": 87,
+                        "end": 88
                     },
                     "context": {
                         "type": "variable",
@@ -138245,8 +138299,8 @@
                         "value": "$kendo-component-text",
                         "scope": "default",
                         "line": {
-                            "start": 86,
-                            "end": 86
+                            "start": 89,
+                            "end": 89
                         }
                     },
                     "group": [
@@ -138263,8 +138317,8 @@
                 {
                     "description": "The border color of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 87,
-                        "end": 88
+                        "start": 90,
+                        "end": 91
                     },
                     "context": {
                         "type": "variable",
@@ -138272,8 +138326,8 @@
                         "value": "#cccccc",
                         "scope": "default",
                         "line": {
-                            "start": 89,
-                            "end": 89
+                            "start": 92,
+                            "end": 92
                         }
                     },
                     "group": [
@@ -138290,8 +138344,8 @@
                 {
                     "description": "The background color of the hovered Stepper indicator.\n",
                     "commentRange": {
-                        "start": 91,
-                        "end": 92
+                        "start": 94,
+                        "end": 95
                     },
                     "context": {
                         "type": "variable",
@@ -138299,8 +138353,8 @@
                         "value": "if($kendo-enable-color-system, k-color( base-hover ), k-try-shade( $kendo-stepper-indicator-bg ))",
                         "scope": "default",
                         "line": {
-                            "start": 93,
-                            "end": 93
+                            "start": 96,
+                            "end": 96
                         }
                     },
                     "group": [
@@ -138317,8 +138371,8 @@
                 {
                     "description": "The text color of the hovered Stepper indicator.\n",
                     "commentRange": {
-                        "start": 94,
-                        "end": 95
+                        "start": 97,
+                        "end": 98
                     },
                     "context": {
                         "type": "variable",
@@ -138326,8 +138380,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 96,
-                            "end": 96
+                            "start": 99,
+                            "end": 99
                         }
                     },
                     "group": [
@@ -138344,8 +138398,8 @@
                 {
                     "description": "The border color of the hovered Stepper indicator.\n",
                     "commentRange": {
-                        "start": 97,
-                        "end": 98
+                        "start": 100,
+                        "end": 101
                     },
                     "context": {
                         "type": "variable",
@@ -138353,8 +138407,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 99,
-                            "end": 99
+                            "start": 102,
+                            "end": 102
                         }
                     },
                     "group": [
@@ -138371,8 +138425,8 @@
                 {
                     "description": "The background color of the disabled Stepper indicator.\n",
                     "commentRange": {
-                        "start": 101,
-                        "end": 102
+                        "start": 104,
+                        "end": 105
                     },
                     "context": {
                         "type": "variable",
@@ -138380,8 +138434,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 103,
-                            "end": 103
+                            "start": 106,
+                            "end": 106
                         }
                     },
                     "group": [
@@ -138398,8 +138452,8 @@
                 {
                     "description": "The text color of the disabled Stepper indicator.\n",
                     "commentRange": {
-                        "start": 104,
-                        "end": 105
+                        "start": 107,
+                        "end": 108
                     },
                     "context": {
                         "type": "variable",
@@ -138407,8 +138461,8 @@
                         "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), #8f8f8f)",
                         "scope": "default",
                         "line": {
-                            "start": 106,
-                            "end": 106
+                            "start": 109,
+                            "end": 109
                         }
                     },
                     "group": [
@@ -138425,8 +138479,8 @@
                 {
                     "description": "The border color of the disabled Stepper indicator.\n",
                     "commentRange": {
-                        "start": 107,
-                        "end": 108
+                        "start": 110,
+                        "end": 111
                     },
                     "context": {
                         "type": "variable",
@@ -138434,8 +138488,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 109,
-                            "end": 109
+                            "start": 112,
+                            "end": 112
                         }
                     },
                     "group": [
@@ -138452,8 +138506,8 @@
                 {
                     "description": "The background color of the Stepper's done indicator.\n",
                     "commentRange": {
-                        "start": 111,
-                        "end": 112
+                        "start": 114,
+                        "end": 115
                     },
                     "context": {
                         "type": "variable",
@@ -138461,8 +138515,8 @@
                         "value": "$kendo-color-primary",
                         "scope": "default",
                         "line": {
-                            "start": 113,
-                            "end": 113
+                            "start": 116,
+                            "end": 116
                         }
                     },
                     "group": [
@@ -138479,8 +138533,8 @@
                 {
                     "description": "The text color of the Stepper's done indicator.\n",
                     "commentRange": {
-                        "start": 114,
-                        "end": 115
+                        "start": 117,
+                        "end": 118
                     },
                     "context": {
                         "type": "variable",
@@ -138488,8 +138542,8 @@
                         "value": "if($kendo-enable-color-system, k-color( on-primary ), k-contrast-legacy( $kendo-stepper-indicator-done-bg ))",
                         "scope": "default",
                         "line": {
-                            "start": 116,
-                            "end": 116
+                            "start": 119,
+                            "end": 119
                         }
                     },
                     "group": [
@@ -138506,8 +138560,8 @@
                 {
                     "description": "The border color of the Stepper's done indicator.\n",
                     "commentRange": {
-                        "start": 117,
-                        "end": 118
+                        "start": 120,
+                        "end": 121
                     },
                     "context": {
                         "type": "variable",
@@ -138515,8 +138569,8 @@
                         "value": "$kendo-stepper-indicator-done-bg",
                         "scope": "default",
                         "line": {
-                            "start": 119,
-                            "end": 119
+                            "start": 122,
+                            "end": 122
                         }
                     },
                     "group": [
@@ -138533,8 +138587,8 @@
                 {
                     "description": "The background color of the Stepper's hovered done indicator.\n",
                     "commentRange": {
-                        "start": 121,
-                        "end": 122
+                        "start": 124,
+                        "end": 125
                     },
                     "context": {
                         "type": "variable",
@@ -138542,8 +138596,8 @@
                         "value": "if($kendo-enable-color-system, k-color( primary-hover ), k-try-shade( $kendo-stepper-indicator-done-bg ))",
                         "scope": "default",
                         "line": {
-                            "start": 123,
-                            "end": 123
+                            "start": 126,
+                            "end": 126
                         }
                     },
                     "group": [
@@ -138560,8 +138614,8 @@
                 {
                     "description": "The text color of the Stepper's hovered done indicator.\n",
                     "commentRange": {
-                        "start": 124,
-                        "end": 125
+                        "start": 127,
+                        "end": 128
                     },
                     "context": {
                         "type": "variable",
@@ -138569,8 +138623,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 126,
-                            "end": 126
+                            "start": 129,
+                            "end": 129
                         }
                     },
                     "group": [
@@ -138587,8 +138641,8 @@
                 {
                     "description": "The border color of the Stepper's hovered done indicator.\n",
                     "commentRange": {
-                        "start": 127,
-                        "end": 128
+                        "start": 130,
+                        "end": 131
                     },
                     "context": {
                         "type": "variable",
@@ -138596,8 +138650,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 129,
-                            "end": 129
+                            "start": 132,
+                            "end": 132
                         }
                     },
                     "group": [
@@ -138614,8 +138668,8 @@
                 {
                     "description": "The background color of the Stepper's disabled done indicator.\n",
                     "commentRange": {
-                        "start": 131,
-                        "end": 132
+                        "start": 134,
+                        "end": 135
                     },
                     "context": {
                         "type": "variable",
@@ -138623,8 +138677,8 @@
                         "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 60%, transparent), k-color-mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60%))",
                         "scope": "default",
                         "line": {
-                            "start": 133,
-                            "end": 133
+                            "start": 136,
+                            "end": 136
                         }
                     },
                     "group": [
@@ -138641,8 +138695,8 @@
                 {
                     "description": "The text color of the Stepper's disabled done indicator.\n",
                     "commentRange": {
-                        "start": 134,
-                        "end": 135
+                        "start": 137,
+                        "end": 138
                     },
                     "context": {
                         "type": "variable",
@@ -138650,8 +138704,8 @@
                         "value": "if($kendo-enable-color-system, k-color( on-primary ), k-contrast-legacy( $kendo-stepper-indicator-done-bg ))",
                         "scope": "default",
                         "line": {
-                            "start": 136,
-                            "end": 136
+                            "start": 139,
+                            "end": 139
                         }
                     },
                     "group": [
@@ -138668,8 +138722,8 @@
                 {
                     "description": "The border color of the Stepper's disabled done indicator.\n",
                     "commentRange": {
-                        "start": 137,
-                        "end": 138
+                        "start": 140,
+                        "end": 141
                     },
                     "context": {
                         "type": "variable",
@@ -138677,8 +138731,8 @@
                         "value": "$kendo-stepper-indicator-done-disabled-bg",
                         "scope": "default",
                         "line": {
-                            "start": 139,
-                            "end": 139
+                            "start": 142,
+                            "end": 142
                         }
                     },
                     "group": [
@@ -138695,8 +138749,8 @@
                 {
                     "description": "The background color of the Stepper current indicator.\n",
                     "commentRange": {
-                        "start": 141,
-                        "end": 142
+                        "start": 144,
+                        "end": 145
                     },
                     "context": {
                         "type": "variable",
@@ -138704,8 +138758,8 @@
                         "value": "$kendo-stepper-indicator-done-bg",
                         "scope": "default",
                         "line": {
-                            "start": 143,
-                            "end": 143
+                            "start": 146,
+                            "end": 146
                         }
                     },
                     "group": [
@@ -138722,8 +138776,8 @@
                 {
                     "description": "The text color of the Stepper current indicator.\n",
                     "commentRange": {
-                        "start": 144,
-                        "end": 145
+                        "start": 147,
+                        "end": 148
                     },
                     "context": {
                         "type": "variable",
@@ -138731,8 +138785,8 @@
                         "value": "$kendo-stepper-indicator-done-text",
                         "scope": "default",
                         "line": {
-                            "start": 146,
-                            "end": 146
+                            "start": 149,
+                            "end": 149
                         }
                     },
                     "group": [
@@ -138749,8 +138803,8 @@
                 {
                     "description": "The border color of the Stepper current indicator.\n",
                     "commentRange": {
-                        "start": 147,
-                        "end": 148
+                        "start": 150,
+                        "end": 151
                     },
                     "context": {
                         "type": "variable",
@@ -138758,8 +138812,8 @@
                         "value": "$kendo-stepper-indicator-done-border",
                         "scope": "default",
                         "line": {
-                            "start": 149,
-                            "end": 149
+                            "start": 152,
+                            "end": 152
                         }
                     },
                     "group": [
@@ -138776,8 +138830,8 @@
                 {
                     "description": "The background color of the Stepper's hovered current indicator.\n",
                     "commentRange": {
-                        "start": 151,
-                        "end": 152
+                        "start": 154,
+                        "end": 155
                     },
                     "context": {
                         "type": "variable",
@@ -138785,8 +138839,8 @@
                         "value": "$kendo-stepper-indicator-done-hover-bg",
                         "scope": "default",
                         "line": {
-                            "start": 153,
-                            "end": 153
+                            "start": 156,
+                            "end": 156
                         }
                     },
                     "group": [
@@ -138803,8 +138857,8 @@
                 {
                     "description": "The text color of the Stepper's hovered current indicator.\n",
                     "commentRange": {
-                        "start": 154,
-                        "end": 155
+                        "start": 157,
+                        "end": 158
                     },
                     "context": {
                         "type": "variable",
@@ -138812,8 +138866,8 @@
                         "value": "$kendo-stepper-indicator-done-hover-text",
                         "scope": "default",
                         "line": {
-                            "start": 156,
-                            "end": 156
+                            "start": 159,
+                            "end": 159
                         }
                     },
                     "group": [
@@ -138830,8 +138884,8 @@
                 {
                     "description": "The border color of the Stepper's hovered current indicator.\n",
                     "commentRange": {
-                        "start": 157,
-                        "end": 158
+                        "start": 160,
+                        "end": 161
                     },
                     "context": {
                         "type": "variable",
@@ -138839,8 +138893,8 @@
                         "value": "$kendo-stepper-indicator-done-hover-border",
                         "scope": "default",
                         "line": {
-                            "start": 159,
-                            "end": 159
+                            "start": 162,
+                            "end": 162
                         }
                     },
                     "group": [
@@ -138857,8 +138911,8 @@
                 {
                     "description": "The background color of the Stepper's disabled current indicator.\n",
                     "commentRange": {
-                        "start": 161,
-                        "end": 162
+                        "start": 164,
+                        "end": 165
                     },
                     "context": {
                         "type": "variable",
@@ -138866,8 +138920,8 @@
                         "value": "$kendo-stepper-indicator-done-disabled-bg",
                         "scope": "default",
                         "line": {
-                            "start": 163,
-                            "end": 163
+                            "start": 166,
+                            "end": 166
                         }
                     },
                     "group": [
@@ -138884,8 +138938,8 @@
                 {
                     "description": "The text color of the Stepper's disabled current indicator.\n",
                     "commentRange": {
-                        "start": 164,
-                        "end": 165
+                        "start": 167,
+                        "end": 168
                     },
                     "context": {
                         "type": "variable",
@@ -138893,8 +138947,8 @@
                         "value": "$kendo-stepper-indicator-done-disabled-text",
                         "scope": "default",
                         "line": {
-                            "start": 166,
-                            "end": 166
+                            "start": 169,
+                            "end": 169
                         }
                     },
                     "group": [
@@ -138911,8 +138965,8 @@
                 {
                     "description": "The border color of the Stepper's disabled current indicator.\n",
                     "commentRange": {
-                        "start": 167,
-                        "end": 168
+                        "start": 170,
+                        "end": 171
                     },
                     "context": {
                         "type": "variable",
@@ -138920,8 +138974,8 @@
                         "value": "$kendo-stepper-indicator-done-disabled-border",
                         "scope": "default",
                         "line": {
-                            "start": 169,
-                            "end": 169
+                            "start": 172,
+                            "end": 172
                         }
                     },
                     "group": [
@@ -138938,8 +138992,8 @@
                 {
                     "description": "The text color of the Stepper label.\n",
                     "commentRange": {
-                        "start": 171,
-                        "end": 172
+                        "start": 174,
+                        "end": 175
                     },
                     "context": {
                         "type": "variable",
@@ -138947,8 +139001,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 173,
-                            "end": 173
+                            "start": 176,
+                            "end": 176
                         }
                     },
                     "group": [
@@ -138965,8 +139019,8 @@
                 {
                     "description": "The success text color of the Stepper label.\n",
                     "commentRange": {
-                        "start": 174,
-                        "end": 175
+                        "start": 177,
+                        "end": 178
                     },
                     "context": {
                         "type": "variable",
@@ -138974,8 +139028,8 @@
                         "value": "$kendo-color-success",
                         "scope": "default",
                         "line": {
-                            "start": 176,
-                            "end": 176
+                            "start": 179,
+                            "end": 179
                         }
                     },
                     "group": [
@@ -138992,8 +139046,8 @@
                 {
                     "description": "The error text color of the Stepper label.\n",
                     "commentRange": {
-                        "start": 177,
-                        "end": 178
+                        "start": 180,
+                        "end": 181
                     },
                     "context": {
                         "type": "variable",
@@ -139001,8 +139055,8 @@
                         "value": "$kendo-color-error",
                         "scope": "default",
                         "line": {
-                            "start": 179,
-                            "end": 179
+                            "start": 182,
+                            "end": 182
                         }
                     },
                     "group": [
@@ -139019,8 +139073,8 @@
                 {
                     "description": "The text color of the hovered Stepper label.\n",
                     "commentRange": {
-                        "start": 180,
-                        "end": 181
+                        "start": 183,
+                        "end": 184
                     },
                     "context": {
                         "type": "variable",
@@ -139028,8 +139082,8 @@
                         "value": "if($kendo-enable-color-system, k-color( on-base ), k-try-shade( $kendo-stepper-text, 2 ))",
                         "scope": "default",
                         "line": {
-                            "start": 182,
-                            "end": 182
+                            "start": 185,
+                            "end": 185
                         }
                     },
                     "group": [
@@ -139046,8 +139100,8 @@
                 {
                     "description": "The text color of the disabled Stepper label.\n",
                     "commentRange": {
-                        "start": 183,
-                        "end": 184
+                        "start": 186,
+                        "end": 187
                     },
                     "context": {
                         "type": "variable",
@@ -139055,8 +139109,8 @@
                         "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), #8f8f8f)",
                         "scope": "default",
                         "line": {
-                            "start": 185,
-                            "end": 185
+                            "start": 188,
+                            "end": 188
                         }
                     },
                     "group": [
@@ -139073,8 +139127,8 @@
                 {
                     "description": "The text color of the optional Stepper label.\n",
                     "commentRange": {
-                        "start": 187,
-                        "end": 188
+                        "start": 190,
+                        "end": 191
                     },
                     "context": {
                         "type": "variable",
@@ -139082,8 +139136,8 @@
                         "value": "$kendo-subtle-text",
                         "scope": "default",
                         "line": {
-                            "start": 189,
-                            "end": 189
+                            "start": 192,
+                            "end": 192
                         }
                     },
                     "group": [
@@ -139100,8 +139154,8 @@
                 {
                     "description": "The opacity of the optional Stepper label.\n",
                     "commentRange": {
-                        "start": 190,
-                        "end": 191
+                        "start": 193,
+                        "end": 194
                     },
                     "context": {
                         "type": "variable",
@@ -139109,8 +139163,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 192,
-                            "end": 192
+                            "start": 195,
+                            "end": 195
                         }
                     },
                     "group": [
@@ -139127,8 +139181,8 @@
                 {
                     "description": "The font size of the optional Stepper label.\n",
                     "commentRange": {
-                        "start": 193,
-                        "end": 194
+                        "start": 196,
+                        "end": 197
                     },
                     "context": {
                         "type": "variable",
@@ -139136,8 +139190,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 195,
-                            "end": 195
+                            "start": 198,
+                            "end": 198
                         }
                     },
                     "group": [
@@ -139154,8 +139208,8 @@
                 {
                     "description": "The font style of the optional Stepper label.\n",
                     "commentRange": {
-                        "start": 196,
-                        "end": 197
+                        "start": 199,
+                        "end": 200
                     },
                     "context": {
                         "type": "variable",
@@ -139163,8 +139217,8 @@
                         "value": "italic",
                         "scope": "default",
                         "line": {
-                            "start": 198,
-                            "end": 198
+                            "start": 201,
+                            "end": 201
                         }
                     },
                     "group": [
@@ -139181,8 +139235,8 @@
                 {
                     "description": "The size of the Stepper ProgressBar.\n",
                     "commentRange": {
-                        "start": 200,
-                        "end": 201
+                        "start": 203,
+                        "end": 204
                     },
                     "context": {
                         "type": "variable",
@@ -139190,8 +139244,8 @@
                         "value": "2px",
                         "scope": "default",
                         "line": {
-                            "start": 202,
-                            "end": 202
+                            "start": 205,
+                            "end": 205
                         }
                     },
                     "group": [
@@ -139208,8 +139262,8 @@
                 {
                     "description": "The background color of the Stepper ProgressBar.\n",
                     "commentRange": {
-                        "start": 203,
-                        "end": 204
+                        "start": 206,
+                        "end": 207
                     },
                     "context": {
                         "type": "variable",
@@ -139217,8 +139271,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 205,
-                            "end": 205
+                            "start": 208,
+                            "end": 208
                         }
                     },
                     "group": [
@@ -139235,8 +139289,8 @@
                 {
                     "description": "The text color of the Stepper ProgressBar.\n",
                     "commentRange": {
-                        "start": 206,
-                        "end": 207
+                        "start": 209,
+                        "end": 210
                     },
                     "context": {
                         "type": "variable",
@@ -139244,8 +139298,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 208,
-                            "end": 208
+                            "start": 211,
+                            "end": 211
                         }
                     },
                     "group": [
@@ -139262,8 +139316,8 @@
                 {
                     "description": "The background color of the selected Stepper ProgressBar.\n",
                     "commentRange": {
-                        "start": 209,
-                        "end": 210
+                        "start": 212,
+                        "end": 213
                     },
                     "context": {
                         "type": "variable",
@@ -139271,8 +139325,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 211,
-                            "end": 211
+                            "start": 214,
+                            "end": 214
                         }
                     },
                     "group": [
@@ -139289,8 +139343,8 @@
                 {
                     "description": "The text color of the selected Stepper ProgressBar.\n",
                     "commentRange": {
-                        "start": 212,
-                        "end": 213
+                        "start": 215,
+                        "end": 216
                     },
                     "context": {
                         "type": "variable",
@@ -139298,8 +139352,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 214,
-                            "end": 214
+                            "start": 217,
+                            "end": 217
                         }
                     },
                     "group": [
@@ -139316,8 +139370,8 @@
                 {
                     "description": "The property name of the Stepper transition.\n",
                     "commentRange": {
-                        "start": 216,
-                        "end": 217
+                        "start": 219,
+                        "end": 220
                     },
                     "context": {
                         "type": "variable",
@@ -139325,8 +139379,8 @@
                         "value": "height",
                         "scope": "default",
                         "line": {
-                            "start": 218,
-                            "end": 218
+                            "start": 221,
+                            "end": 221
                         }
                     },
                     "group": [
@@ -139343,8 +139397,8 @@
                 {
                     "description": "The duration of the Stepper transition.\n",
                     "commentRange": {
-                        "start": 219,
-                        "end": 220
+                        "start": 222,
+                        "end": 223
                     },
                     "context": {
                         "type": "variable",
@@ -139352,8 +139406,8 @@
                         "value": "300ms",
                         "scope": "default",
                         "line": {
-                            "start": 221,
-                            "end": 221
+                            "start": 224,
+                            "end": 224
                         }
                     },
                     "group": [
@@ -139370,8 +139424,8 @@
                 {
                     "description": "The timing function of the Stepper transition.\n",
                     "commentRange": {
-                        "start": 222,
-                        "end": 223
+                        "start": 225,
+                        "end": 226
                     },
                     "context": {
                         "type": "variable",
@@ -139379,8 +139433,8 @@
                         "value": "cubic-bezier(.4, 0, .2, 1) 0ms",
                         "scope": "default",
                         "line": {
-                            "start": 224,
-                            "end": 224
+                            "start": 227,
+                            "end": 227
                         }
                     },
                     "group": [
@@ -145785,7 +145839,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-timeline-track-arrow-width",
-                        "value": "30px",
+                        "value": "k-spacing(7.5)",
                         "scope": "default",
                         "line": {
                             "start": 32,
@@ -145800,8 +145854,8 @@
                         "path": "default/scss/timeline/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "30px",
-                    "resolvedType": "Number"
+                    "resolvedValue": "var(--kendo-spacing-7\\.5, 1.875rem)",
+                    "resolvedType": "String"
                 },
                 {
                     "description": "The height of the Timeline track arrow.\n",
@@ -145812,7 +145866,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-timeline-track-arrow-height",
-                        "value": "30px",
+                        "value": "k-spacing(7.5)",
                         "scope": "default",
                         "line": {
                             "start": 35,
@@ -145827,8 +145881,8 @@
                         "path": "default/scss/timeline/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "30px",
-                    "resolvedType": "Number"
+                    "resolvedValue": "var(--kendo-spacing-7\\.5, 1.875rem)",
+                    "resolvedType": "String"
                 },
                 {
                     "description": "The background color of the disabled Timeline track arrow.\n",
@@ -145920,7 +145974,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-timeline-track-size",
-                        "value": "6px",
+                        "value": "k-spacing(1.5)",
                         "scope": "default",
                         "line": {
                             "start": 49,
@@ -145935,8 +145989,8 @@
                         "path": "default/scss/timeline/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "6px",
-                    "resolvedType": "Number"
+                    "resolvedValue": "var(--kendo-spacing-1\\.5, 0.375rem)",
+                    "resolvedType": "String"
                 },
                 {
                     "description": "The bottom padding of the Timeline's track wrapper.\n",
@@ -145947,7 +146001,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-timeline-track-wrap-padding-bottom",
-                        "value": "k-math-div( $kendo-timeline-track-size, 2 )",
+                        "value": "calc( #{$kendo-timeline-track-size} / 2)",
                         "scope": "default",
                         "line": {
                             "start": 52,
@@ -145962,8 +146016,8 @@
                         "path": "default/scss/timeline/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "3px",
-                    "resolvedType": "Number"
+                    "resolvedValue": "calc(var(--kendo-spacing-1\\.5, 0.375rem) / 2)",
+                    "resolvedType": "Calculation"
                 },
                 {
                     "description": "The border width of the Timeline track.\n",
@@ -146028,7 +146082,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-timeline-track-bottom-calc",
-                        "value": "calc(#{k-math-div( $kendo-timeline-track-arrow-height, 2 )} + #{$kendo-timeline-track-wrap-padding-bottom})",
+                        "value": "calc( calc( #{$kendo-timeline-track-arrow-height} / 2) + #{$kendo-timeline-track-wrap-padding-bottom})",
                         "scope": "default",
                         "line": {
                             "start": 61,
@@ -146043,7 +146097,7 @@
                         "path": "default/scss/timeline/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "calc(15px + 3px)",
+                    "resolvedValue": "calc(var(--kendo-spacing-7\\.5, 1.875rem) / 2 + calc(var(--kendo-spacing-1\\.5, 0.375rem) / 2))",
                     "resolvedType": "Calculation"
                 },
                 {
@@ -146070,7 +146124,7 @@
                         "path": "default/scss/timeline/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "calc(30px - 2 * 1px)",
+                    "resolvedValue": "calc(var(--kendo-spacing-7\\.5, 1.875rem) - 2 * 1px)",
                     "resolvedType": "Calculation"
                 },
                 {
@@ -146097,7 +146151,7 @@
                         "path": "default/scss/timeline/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "calc(30px - 2 * 1px)",
+                    "resolvedValue": "calc(var(--kendo-spacing-7\\.5, 1.875rem) - 2 * 1px)",
                     "resolvedType": "Calculation"
                 },
                 {
@@ -146556,7 +146610,7 @@
                         "path": "default/scss/timeline/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "calc(6px + 2 * 1px + 4px + 10px)",
+                    "resolvedValue": "calc(var(--kendo-spacing-1\\.5, 0.375rem) + 2 * 1px + 4px + 10px)",
                     "resolvedType": "Calculation"
                 },
                 {
@@ -146637,7 +146691,7 @@
                         "path": "default/scss/timeline/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "calc(var(--kendo-spacing-10, 2.5rem) + (80px - 6px) / 2)",
+                    "resolvedValue": "calc(var(--kendo-spacing-10, 2.5rem) + (80px - var(--kendo-spacing-1\\.5, 0.375rem)) / 2)",
                     "resolvedType": "Calculation"
                 },
                 {
@@ -146664,7 +146718,7 @@
                         "path": "default/scss/timeline/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "calc(calc(var(--kendo-spacing-10, 2.5rem) + (80px - 6px) / 2) + 50px)",
+                    "resolvedValue": "calc(calc(var(--kendo-spacing-10, 2.5rem) + (80px - var(--kendo-spacing-1\\.5, 0.375rem)) / 2) + 50px)",
                     "resolvedType": "Calculation"
                 },
                 {
@@ -146691,7 +146745,7 @@
                         "path": "default/scss/timeline/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "calc(var(--kendo-spacing-4, 1rem) + (80px - 6px) / 2)",
+                    "resolvedValue": "calc(var(--kendo-spacing-4, 1rem) + (80px - var(--kendo-spacing-1\\.5, 0.375rem)) / 2)",
                     "resolvedType": "Calculation"
                 },
                 {
@@ -146718,7 +146772,7 @@
                         "path": "default/scss/timeline/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "calc(calc(var(--kendo-spacing-4, 1rem) + (80px - 6px) / 2) + 50px)",
+                    "resolvedValue": "calc(calc(var(--kendo-spacing-4, 1rem) + (80px - var(--kendo-spacing-1\\.5, 0.375rem)) / 2) + 50px)",
                     "resolvedType": "Calculation"
                 },
                 {