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

package/dist/meta/sassdoc-raw-data.json

@@ -36064,7 +36064,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-orgchart-line-v-height",
-            "value": "25px",
+            "value": "k-spacing(6)",
             "scope": "default",
             "line": {
                 "start": 148,
@@ -51142,7 +51142,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,
@@ -53509,15 +53509,15 @@
         }
     },
     {
-        "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,
@@ -53534,19 +53534,19 @@
         }
     },
     {
-        "description": "The horizontal padding of the Stepper content.\n",
+        "description": "The width of the border around the Stepper.\n",
         "commentRange": {
-            "start": 28,
-            "end": 29
+            "start": 27,
+            "end": 28
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-inline-content-padding-x",
-            "value": "k-spacing(5)",
+            "name": "kendo-stepper-border-width",
+            "value": "0px",
             "scope": "default",
             "line": {
-                "start": 30,
-                "end": 30
+                "start": 29,
+                "end": 29
             }
         },
         "group": [
@@ -53559,15 +53559,15 @@
         }
     },
     {
-        "description": "The vertical padding of the Stepper content.\n",
+        "description": "The horizontal padding of the Stepper content.\n",
         "commentRange": {
             "start": 31,
             "end": 32
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-inline-content-padding-y",
-            "value": "k-spacing(2.5)",
+            "name": "kendo-stepper-inline-content-padding-x",
+            "value": "k-spacing(5)",
             "scope": "default",
             "line": {
                 "start": 33,
@@ -53584,19 +53584,19 @@
         }
     },
     {
-        "description": "",
+        "description": "The vertical padding of the Stepper content.\n",
         "commentRange": {
-            "start": 36,
-            "end": 36
+            "start": 34,
+            "end": 35
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-font-size",
-            "value": "var( --kendo-font-size, inherit )",
+            "name": "kendo-stepper-inline-content-padding-y",
+            "value": "k-spacing(2.5)",
             "scope": "default",
             "line": {
-                "start": 37,
-                "end": 37
+                "start": 36,
+                "end": 36
             }
         },
         "group": [
@@ -53616,8 +53616,8 @@
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-line-height",
-            "value": "var( --kendo-line-height, normal )",
+            "name": "kendo-stepper-font-size",
+            "value": "var( --kendo-font-size, inherit )",
             "scope": "default",
             "line": {
                 "start": 40,
@@ -53641,8 +53641,8 @@
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-font-family",
-            "value": "var( --kendo-font-family, inherit )",
+            "name": "kendo-stepper-line-height",
+            "value": "var( --kendo-line-height, normal )",
             "scope": "default",
             "line": {
                 "start": 43,
@@ -53659,19 +53659,19 @@
         }
     },
     {
-        "description": "The background color of the Stepper.\n",
+        "description": "",
         "commentRange": {
             "start": 45,
-            "end": 46
+            "end": 45
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-bg",
-            "value": "null",
+            "name": "kendo-stepper-font-family",
+            "value": "var( --kendo-font-family, inherit )",
             "scope": "default",
             "line": {
-                "start": 47,
-                "end": 47
+                "start": 46,
+                "end": 46
             }
         },
         "group": [
@@ -53684,15 +53684,15 @@
         }
     },
     {
-        "description": "The text color of the Stepper.\n",
+        "description": "The background color of the Stepper.\n",
         "commentRange": {
             "start": 48,
             "end": 49
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-text",
-            "value": "$kendo-component-text",
+            "name": "kendo-stepper-bg",
+            "value": "null",
             "scope": "default",
             "line": {
                 "start": 50,
@@ -53709,15 +53709,15 @@
         }
     },
     {
-        "description": "The border color of the Stepper.\n",
+        "description": "The text color of the Stepper.\n",
         "commentRange": {
             "start": 51,
             "end": 52
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-border",
-            "value": "null",
+            "name": "kendo-stepper-text",
+            "value": "$kendo-component-text",
             "scope": "default",
             "line": {
                 "start": 53,
@@ -53734,19 +53734,19 @@
         }
     },
     {
-        "description": "The width of the Stepper indicator.\n",
+        "description": "The border color of the Stepper.\n",
         "commentRange": {
-            "start": 55,
-            "end": 56
+            "start": 54,
+            "end": 55
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-width",
-            "value": "28px",
+            "name": "kendo-stepper-border",
+            "value": "null",
             "scope": "default",
             "line": {
-                "start": 57,
-                "end": 57
+                "start": 56,
+                "end": 56
             }
         },
         "group": [
@@ -53759,15 +53759,15 @@
         }
     },
     {
-        "description": "The height of the Stepper indicator.\n",
+        "description": "The width of the Stepper indicator.\n",
         "commentRange": {
             "start": 58,
             "end": 59
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-height",
-            "value": "$kendo-stepper-indicator-width",
+            "name": "kendo-stepper-indicator-width",
+            "value": "28px",
             "scope": "default",
             "line": {
                 "start": 60,
@@ -53784,15 +53784,15 @@
         }
     },
     {
-        "description": "The border width of the Stepper indicator.\n",
+        "description": "The height of the Stepper indicator.\n",
         "commentRange": {
             "start": 61,
             "end": 62
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-border-width",
-            "value": "1px",
+            "name": "kendo-stepper-indicator-height",
+            "value": "$kendo-stepper-indicator-width",
             "scope": "default",
             "line": {
                 "start": 63,
@@ -53809,15 +53809,15 @@
         }
     },
     {
-        "description": "The border radius of the Stepper indicator.\n",
+        "description": "The border width of the Stepper indicator.\n",
         "commentRange": {
             "start": 64,
             "end": 65
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-border-radius",
-            "value": "50%",
+            "name": "kendo-stepper-indicator-border-width",
+            "value": "1px",
             "scope": "default",
             "line": {
                 "start": 66,
@@ -53834,19 +53834,19 @@
         }
     },
     {
-        "description": "The border width of the focused Stepper indicator.\n",
+        "description": "The border radius of the Stepper indicator.\n",
         "commentRange": {
-            "start": 68,
-            "end": 69
+            "start": 67,
+            "end": 68
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-focus-border-width",
-            "value": "1px",
+            "name": "kendo-stepper-indicator-border-radius",
+            "value": "50%",
             "scope": "default",
             "line": {
-                "start": 70,
-                "end": 70
+                "start": 69,
+                "end": 69
             }
         },
         "group": [
@@ -53859,15 +53859,15 @@
         }
     },
     {
-        "description": "The size of the focused Stepper indicator.\n",
+        "description": "The border width of the focused Stepper indicator.\n",
         "commentRange": {
             "start": 71,
             "end": 72
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-focus-size",
-            "value": "2px",
+            "name": "kendo-stepper-indicator-focus-border-width",
+            "value": "1px",
             "scope": "default",
             "line": {
                 "start": 73,
@@ -53884,15 +53884,15 @@
         }
     },
     {
-        "description": "The offset of the Stepper's focused indicator.\n",
+        "description": "The size of the focused Stepper indicator.\n",
         "commentRange": {
             "start": 74,
             "end": 75
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-focus-offset",
-            "value": "3px",
+            "name": "kendo-stepper-indicator-focus-size",
+            "value": "2px",
             "scope": "default",
             "line": {
                 "start": 76,
@@ -53909,15 +53909,15 @@
         }
     },
     {
-        "description": "The calculated offset of the Stepper's focused indicator.\n",
+        "description": "The offset of the Stepper's focused indicator.\n",
         "commentRange": {
             "start": 77,
             "end": 78
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-focus-calc-offset",
-            "value": "calc( #{$kendo-stepper-indicator-focus-border-width} + #{$kendo-stepper-indicator-focus-offset} )",
+            "name": "kendo-stepper-indicator-focus-offset",
+            "value": "3px",
             "scope": "default",
             "line": {
                 "start": 79,
@@ -53934,19 +53934,19 @@
         }
     },
     {
-        "description": "The background color of the Stepper indicator.\n",
+        "description": "The calculated offset of the Stepper's focused indicator.\n",
         "commentRange": {
-            "start": 81,
-            "end": 82
+            "start": 80,
+            "end": 81
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-bg",
-            "value": "$kendo-component-bg",
+            "name": "kendo-stepper-indicator-focus-calc-offset",
+            "value": "calc( #{$kendo-stepper-indicator-focus-border-width} + #{$kendo-stepper-indicator-focus-offset} )",
             "scope": "default",
             "line": {
-                "start": 83,
-                "end": 83
+                "start": 82,
+                "end": 82
             }
         },
         "group": [
@@ -53959,15 +53959,15 @@
         }
     },
     {
-        "description": "The text color of the Stepper indicator.\n",
+        "description": "The background color of the Stepper indicator.\n",
         "commentRange": {
             "start": 84,
             "end": 85
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-text",
-            "value": "$kendo-component-text",
+            "name": "kendo-stepper-indicator-bg",
+            "value": "$kendo-component-bg",
             "scope": "default",
             "line": {
                 "start": 86,
@@ -53984,15 +53984,15 @@
         }
     },
     {
-        "description": "The border color of the Stepper indicator.\n",
+        "description": "The text color of the Stepper indicator.\n",
         "commentRange": {
             "start": 87,
             "end": 88
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-border",
-            "value": "$kendo-component-border",
+            "name": "kendo-stepper-indicator-text",
+            "value": "$kendo-component-text",
             "scope": "default",
             "line": {
                 "start": 89,
@@ -54009,19 +54009,19 @@
         }
     },
     {
-        "description": "The background color of the hovered Stepper indicator.\n",
+        "description": "The border color of the Stepper indicator.\n",
         "commentRange": {
-            "start": 91,
-            "end": 92
+            "start": 90,
+            "end": 91
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-hover-bg",
-            "value": "if($kendo-enable-color-system, k-color( base-subtle-hover ), k-try-shade( $kendo-stepper-indicator-bg ))",
+            "name": "kendo-stepper-indicator-border",
+            "value": "$kendo-component-border",
             "scope": "default",
             "line": {
-                "start": 93,
-                "end": 93
+                "start": 92,
+                "end": 92
             }
         },
         "group": [
@@ -54034,15 +54034,15 @@
         }
     },
     {
-        "description": "The text color of the hovered Stepper indicator.\n",
+        "description": "The background color of the hovered Stepper indicator.\n",
         "commentRange": {
             "start": 94,
             "end": 95
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-hover-text",
-            "value": "null",
+            "name": "kendo-stepper-indicator-hover-bg",
+            "value": "if($kendo-enable-color-system, k-color( base-subtle-hover ), k-try-shade( $kendo-stepper-indicator-bg ))",
             "scope": "default",
             "line": {
                 "start": 96,
@@ -54059,14 +54059,14 @@
         }
     },
     {
-        "description": "The border color of the hovered Stepper indicator.\n",
+        "description": "The text color of the hovered Stepper indicator.\n",
         "commentRange": {
             "start": 97,
             "end": 98
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-hover-border",
+            "name": "kendo-stepper-indicator-hover-text",
             "value": "null",
             "scope": "default",
             "line": {
@@ -54084,19 +54084,19 @@
         }
     },
     {
-        "description": "The background color of the disabled Stepper indicator.\n",
+        "description": "The border color of the hovered Stepper indicator.\n",
         "commentRange": {
-            "start": 101,
-            "end": 102
+            "start": 100,
+            "end": 101
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-disabled-bg",
+            "name": "kendo-stepper-indicator-hover-border",
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 103,
-                "end": 103
+                "start": 102,
+                "end": 102
             }
         },
         "group": [
@@ -54109,15 +54109,15 @@
         }
     },
     {
-        "description": "The text color of the disabled Stepper indicator.\n",
+        "description": "The background color of the disabled Stepper indicator.\n",
         "commentRange": {
             "start": 104,
             "end": 105
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-disabled-text",
-            "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), #8d8d8d)",
+            "name": "kendo-stepper-indicator-disabled-bg",
+            "value": "null",
             "scope": "default",
             "line": {
                 "start": 106,
@@ -54134,15 +54134,15 @@
         }
     },
     {
-        "description": "The border color of the disabled Stepper indicator.\n",
+        "description": "The text color of the disabled Stepper indicator.\n",
         "commentRange": {
             "start": 107,
             "end": 108
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-disabled-border",
-            "value": "null",
+            "name": "kendo-stepper-indicator-disabled-text",
+            "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), #8d8d8d)",
             "scope": "default",
             "line": {
                 "start": 109,
@@ -54159,19 +54159,19 @@
         }
     },
     {
-        "description": "The background color of the Stepper's done indicator.\n",
+        "description": "The border color of the disabled Stepper indicator.\n",
         "commentRange": {
-            "start": 111,
-            "end": 112
+            "start": 110,
+            "end": 111
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-done-bg",
-            "value": "$kendo-color-primary",
+            "name": "kendo-stepper-indicator-disabled-border",
+            "value": "null",
             "scope": "default",
             "line": {
-                "start": 113,
-                "end": 113
+                "start": 112,
+                "end": 112
             }
         },
         "group": [
@@ -54184,15 +54184,15 @@
         }
     },
     {
-        "description": "The text color of the Stepper's done indicator.\n",
+        "description": "The background color of the Stepper's done indicator.\n",
         "commentRange": {
             "start": 114,
             "end": 115
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-done-text",
-            "value": "if($kendo-enable-color-system, k-color( on-primary ), k-contrast-legacy( $kendo-stepper-indicator-done-bg ))",
+            "name": "kendo-stepper-indicator-done-bg",
+            "value": "$kendo-color-primary",
             "scope": "default",
             "line": {
                 "start": 116,
@@ -54209,15 +54209,15 @@
         }
     },
     {
-        "description": "The border color of the Stepper's done indicator.\n",
+        "description": "The text color of the Stepper's done indicator.\n",
         "commentRange": {
             "start": 117,
             "end": 118
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-done-border",
-            "value": "$kendo-stepper-indicator-done-bg",
+            "name": "kendo-stepper-indicator-done-text",
+            "value": "if($kendo-enable-color-system, k-color( on-primary ), k-contrast-legacy( $kendo-stepper-indicator-done-bg ))",
             "scope": "default",
             "line": {
                 "start": 119,
@@ -54234,19 +54234,19 @@
         }
     },
     {
-        "description": "The background color of the Stepper's hovered done indicator.\n",
+        "description": "The border color of the Stepper's done indicator.\n",
         "commentRange": {
-            "start": 121,
-            "end": 122
+            "start": 120,
+            "end": 121
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-done-hover-bg",
-            "value": "if($kendo-enable-color-system, k-color( primary-hover ), k-try-shade( $kendo-stepper-indicator-done-bg ))",
+            "name": "kendo-stepper-indicator-done-border",
+            "value": "$kendo-stepper-indicator-done-bg",
             "scope": "default",
             "line": {
-                "start": 123,
-                "end": 123
+                "start": 122,
+                "end": 122
             }
         },
         "group": [
@@ -54259,15 +54259,15 @@
         }
     },
     {
-        "description": "The text color of the Stepper's hovered done indicator.\n",
+        "description": "The background color of the Stepper's hovered done indicator.\n",
         "commentRange": {
             "start": 124,
             "end": 125
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-done-hover-text",
-            "value": "null",
+            "name": "kendo-stepper-indicator-done-hover-bg",
+            "value": "if($kendo-enable-color-system, k-color( primary-hover ), k-try-shade( $kendo-stepper-indicator-done-bg ))",
             "scope": "default",
             "line": {
                 "start": 126,
@@ -54284,14 +54284,14 @@
         }
     },
     {
-        "description": "The border color of the Stepper's hovered done indicator.\n",
+        "description": "The text color of the Stepper's hovered done indicator.\n",
         "commentRange": {
             "start": 127,
             "end": 128
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-done-hover-border",
+            "name": "kendo-stepper-indicator-done-hover-text",
             "value": "null",
             "scope": "default",
             "line": {
@@ -54309,19 +54309,19 @@
         }
     },
     {
-        "description": "The background color of the Stepper's disabled done indicator.\n",
+        "description": "The border color of the Stepper's hovered done indicator.\n",
         "commentRange": {
-            "start": 131,
-            "end": 132
+            "start": 130,
+            "end": 131
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-done-disabled-bg",
-            "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% ))",
+            "name": "kendo-stepper-indicator-done-hover-border",
+            "value": "null",
             "scope": "default",
             "line": {
-                "start": 133,
-                "end": 133
+                "start": 132,
+                "end": 132
             }
         },
         "group": [
@@ -54334,15 +54334,15 @@
         }
     },
     {
-        "description": "The text color of the Stepper's disabled done indicator.\n",
+        "description": "The background color of the Stepper's disabled done indicator.\n",
         "commentRange": {
             "start": 134,
             "end": 135
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-done-disabled-text",
-            "value": "if($kendo-enable-color-system, k-color( on-primary ), k-contrast-legacy( $kendo-stepper-indicator-done-bg ))",
+            "name": "kendo-stepper-indicator-done-disabled-bg",
+            "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": 136,
@@ -54359,15 +54359,15 @@
         }
     },
     {
-        "description": "The border color of the Stepper's disabled done indicator.\n",
+        "description": "The text color of the Stepper's disabled done indicator.\n",
         "commentRange": {
             "start": 137,
             "end": 138
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-done-disabled-border",
-            "value": "$kendo-stepper-indicator-done-disabled-bg",
+            "name": "kendo-stepper-indicator-done-disabled-text",
+            "value": "if($kendo-enable-color-system, k-color( on-primary ), k-contrast-legacy( $kendo-stepper-indicator-done-bg ))",
             "scope": "default",
             "line": {
                 "start": 139,
@@ -54384,19 +54384,19 @@
         }
     },
     {
-        "description": "The background color of the Stepper current indicator.\n",
+        "description": "The border color of the Stepper's disabled done indicator.\n",
         "commentRange": {
-            "start": 141,
-            "end": 142
+            "start": 140,
+            "end": 141
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-current-bg",
-            "value": "$kendo-stepper-indicator-done-bg",
+            "name": "kendo-stepper-indicator-done-disabled-border",
+            "value": "$kendo-stepper-indicator-done-disabled-bg",
             "scope": "default",
             "line": {
-                "start": 143,
-                "end": 143
+                "start": 142,
+                "end": 142
             }
         },
         "group": [
@@ -54409,15 +54409,15 @@
         }
     },
     {
-        "description": "The text color of the Stepper current indicator.\n",
+        "description": "The background color of the Stepper current indicator.\n",
         "commentRange": {
             "start": 144,
             "end": 145
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-current-text",
-            "value": "$kendo-stepper-indicator-done-text",
+            "name": "kendo-stepper-indicator-current-bg",
+            "value": "$kendo-stepper-indicator-done-bg",
             "scope": "default",
             "line": {
                 "start": 146,
@@ -54434,15 +54434,15 @@
         }
     },
     {
-        "description": "The border color of the Stepper current indicator.\n",
+        "description": "The text color of the Stepper current indicator.\n",
         "commentRange": {
             "start": 147,
             "end": 148
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-current-border",
-            "value": "$kendo-stepper-indicator-done-border",
+            "name": "kendo-stepper-indicator-current-text",
+            "value": "$kendo-stepper-indicator-done-text",
             "scope": "default",
             "line": {
                 "start": 149,
@@ -54459,19 +54459,19 @@
         }
     },
     {
-        "description": "The background color of the Stepper's hovered current indicator.\n",
+        "description": "The border color of the Stepper current indicator.\n",
         "commentRange": {
-            "start": 151,
-            "end": 152
+            "start": 150,
+            "end": 151
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-current-hover-bg",
-            "value": "$kendo-stepper-indicator-done-hover-bg",
+            "name": "kendo-stepper-indicator-current-border",
+            "value": "$kendo-stepper-indicator-done-border",
             "scope": "default",
             "line": {
-                "start": 153,
-                "end": 153
+                "start": 152,
+                "end": 152
             }
         },
         "group": [
@@ -54484,15 +54484,15 @@
         }
     },
     {
-        "description": "The text color of the Stepper's hovered current indicator.\n",
+        "description": "The background color of the Stepper's hovered current indicator.\n",
         "commentRange": {
             "start": 154,
             "end": 155
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-current-hover-text",
-            "value": "$kendo-stepper-indicator-done-hover-text",
+            "name": "kendo-stepper-indicator-current-hover-bg",
+            "value": "$kendo-stepper-indicator-done-hover-bg",
             "scope": "default",
             "line": {
                 "start": 156,
@@ -54509,15 +54509,15 @@
         }
     },
     {
-        "description": "The border color of the Stepper's hovered current indicator.\n",
+        "description": "The text color of the Stepper's hovered current indicator.\n",
         "commentRange": {
             "start": 157,
             "end": 158
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-current-hover-border",
-            "value": "$kendo-stepper-indicator-done-hover-border",
+            "name": "kendo-stepper-indicator-current-hover-text",
+            "value": "$kendo-stepper-indicator-done-hover-text",
             "scope": "default",
             "line": {
                 "start": 159,
@@ -54534,19 +54534,19 @@
         }
     },
     {
-        "description": "The background color of the Stepper's disabled current indicator.\n",
+        "description": "The border color of the Stepper's hovered current indicator.\n",
         "commentRange": {
-            "start": 161,
-            "end": 162
+            "start": 160,
+            "end": 161
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-current-disabled-bg",
-            "value": "$kendo-stepper-indicator-done-disabled-bg",
+            "name": "kendo-stepper-indicator-current-hover-border",
+            "value": "$kendo-stepper-indicator-done-hover-border",
             "scope": "default",
             "line": {
-                "start": 163,
-                "end": 163
+                "start": 162,
+                "end": 162
             }
         },
         "group": [
@@ -54559,15 +54559,15 @@
         }
     },
     {
-        "description": "The text color of the Stepper's disabled current indicator.\n",
+        "description": "The background color of the Stepper's disabled current indicator.\n",
         "commentRange": {
             "start": 164,
             "end": 165
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-current-disabled-text",
-            "value": "$kendo-stepper-indicator-done-disabled-text",
+            "name": "kendo-stepper-indicator-current-disabled-bg",
+            "value": "$kendo-stepper-indicator-done-disabled-bg",
             "scope": "default",
             "line": {
                 "start": 166,
@@ -54584,15 +54584,15 @@
         }
     },
     {
-        "description": "The border color of the Stepper's disabled current indicator.\n",
+        "description": "The text color of the Stepper's disabled current indicator.\n",
         "commentRange": {
             "start": 167,
             "end": 168
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-indicator-current-disabled-border",
-            "value": "$kendo-stepper-indicator-done-disabled-border",
+            "name": "kendo-stepper-indicator-current-disabled-text",
+            "value": "$kendo-stepper-indicator-done-disabled-text",
             "scope": "default",
             "line": {
                 "start": 169,
@@ -54609,19 +54609,19 @@
         }
     },
     {
-        "description": "The text color of the Stepper label.\n",
+        "description": "The border color of the Stepper's disabled current indicator.\n",
         "commentRange": {
-            "start": 171,
-            "end": 172
+            "start": 170,
+            "end": 171
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-label-text",
-            "value": "null",
+            "name": "kendo-stepper-indicator-current-disabled-border",
+            "value": "$kendo-stepper-indicator-done-disabled-border",
             "scope": "default",
             "line": {
-                "start": 173,
-                "end": 173
+                "start": 172,
+                "end": 172
             }
         },
         "group": [
@@ -54634,15 +54634,15 @@
         }
     },
     {
-        "description": "The success text color of the Stepper label.\n",
+        "description": "The text color of the Stepper label.\n",
         "commentRange": {
             "start": 174,
             "end": 175
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-label-success-text",
-            "value": "$kendo-color-success",
+            "name": "kendo-stepper-label-text",
+            "value": "null",
             "scope": "default",
             "line": {
                 "start": 176,
@@ -54659,15 +54659,15 @@
         }
     },
     {
-        "description": "The error text color of the Stepper label.\n",
+        "description": "The success text color of the Stepper label.\n",
         "commentRange": {
             "start": 177,
             "end": 178
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-label-error-text",
-            "value": "$kendo-color-error",
+            "name": "kendo-stepper-label-success-text",
+            "value": "$kendo-color-success",
             "scope": "default",
             "line": {
                 "start": 179,
@@ -54684,15 +54684,15 @@
         }
     },
     {
-        "description": "The text color of the hovered Stepper label.\n",
+        "description": "The error text color of the Stepper label.\n",
         "commentRange": {
             "start": 180,
             "end": 181
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-label-hover-text",
-            "value": "null",
+            "name": "kendo-stepper-label-error-text",
+            "value": "$kendo-color-error",
             "scope": "default",
             "line": {
                 "start": 182,
@@ -54709,15 +54709,15 @@
         }
     },
     {
-        "description": "The text color of the disabled Stepper label.\n",
+        "description": "The text color of the hovered Stepper label.\n",
         "commentRange": {
             "start": 183,
             "end": 184
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-label-disabled-text",
-            "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), #8d8d8d)",
+            "name": "kendo-stepper-label-hover-text",
+            "value": "null",
             "scope": "default",
             "line": {
                 "start": 185,
@@ -54734,19 +54734,19 @@
         }
     },
     {
-        "description": "The text color of the optional Stepper label.\n",
+        "description": "The text color of the disabled Stepper label.\n",
         "commentRange": {
-            "start": 187,
-            "end": 188
+            "start": 186,
+            "end": 187
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-optional-label-text",
-            "value": "$kendo-subtle-text",
+            "name": "kendo-stepper-label-disabled-text",
+            "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), #8d8d8d)",
             "scope": "default",
             "line": {
-                "start": 189,
-                "end": 189
+                "start": 188,
+                "end": 188
             }
         },
         "group": [
@@ -54759,15 +54759,15 @@
         }
     },
     {
-        "description": "The opacity of the optional Stepper label.\n",
+        "description": "The text color of the optional Stepper label.\n",
         "commentRange": {
             "start": 190,
             "end": 191
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-optional-label-opacity",
-            "value": "null",
+            "name": "kendo-stepper-optional-label-text",
+            "value": "$kendo-subtle-text",
             "scope": "default",
             "line": {
                 "start": 192,
@@ -54784,15 +54784,15 @@
         }
     },
     {
-        "description": "The font size of the optional Stepper label.\n",
+        "description": "The opacity of the optional Stepper label.\n",
         "commentRange": {
             "start": 193,
             "end": 194
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-optional-label-font-size",
-            "value": "var( --kendo-font-size-sm, inherit )",
+            "name": "kendo-stepper-optional-label-opacity",
+            "value": "null",
             "scope": "default",
             "line": {
                 "start": 195,
@@ -54809,15 +54809,15 @@
         }
     },
     {
-        "description": "The font style of the optional Stepper label.\n",
+        "description": "The font size of the optional Stepper label.\n",
         "commentRange": {
             "start": 196,
             "end": 197
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-optional-label-font-style",
-            "value": "null",
+            "name": "kendo-stepper-optional-label-font-size",
+            "value": "var( --kendo-font-size-sm, inherit )",
             "scope": "default",
             "line": {
                 "start": 198,
@@ -54834,19 +54834,19 @@
         }
     },
     {
-        "description": "The size of the Stepper ProgressBar.\n",
+        "description": "The font style of the optional Stepper label.\n",
         "commentRange": {
-            "start": 200,
-            "end": 201
+            "start": 199,
+            "end": 200
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-progressbar-size",
-            "value": "2px",
+            "name": "kendo-stepper-optional-label-font-style",
+            "value": "null",
             "scope": "default",
             "line": {
-                "start": 202,
-                "end": 202
+                "start": 201,
+                "end": 201
             }
         },
         "group": [
@@ -54859,15 +54859,15 @@
         }
     },
     {
-        "description": "The background color of the Stepper ProgressBar.\n",
+        "description": "The size of the Stepper ProgressBar.\n",
         "commentRange": {
             "start": 203,
             "end": 204
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-progressbar-bg",
-            "value": "null",
+            "name": "kendo-stepper-progressbar-size",
+            "value": "2px",
             "scope": "default",
             "line": {
                 "start": 205,
@@ -54884,14 +54884,14 @@
         }
     },
     {
-        "description": "The text color of the Stepper ProgressBar.\n",
+        "description": "The background color of the Stepper ProgressBar.\n",
         "commentRange": {
             "start": 206,
             "end": 207
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-progressbar-text",
+            "name": "kendo-stepper-progressbar-bg",
             "value": "null",
             "scope": "default",
             "line": {
@@ -54909,14 +54909,14 @@
         }
     },
     {
-        "description": "The background color of the selected Stepper ProgressBar.\n",
+        "description": "The text color of the Stepper ProgressBar.\n",
         "commentRange": {
             "start": 209,
             "end": 210
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-progressbar-fill-bg",
+            "name": "kendo-stepper-progressbar-text",
             "value": "null",
             "scope": "default",
             "line": {
@@ -54934,14 +54934,14 @@
         }
     },
     {
-        "description": "The text color of the selected Stepper ProgressBar.\n",
+        "description": "The background color of the selected Stepper ProgressBar.\n",
         "commentRange": {
             "start": 212,
             "end": 213
         },
         "context": {
             "type": "variable",
-            "name": "kendo-stepper-progressbar-fill-text",
+            "name": "kendo-stepper-progressbar-fill-bg",
             "value": "null",
             "scope": "default",
             "line": {
@@ -54958,11 +54958,36 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The text color of the selected Stepper ProgressBar.\n",
+        "commentRange": {
+            "start": 215,
+            "end": 216
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-stepper-progressbar-fill-text",
+            "value": "null",
+            "scope": "default",
+            "line": {
+                "start": 217,
+                "end": 217
+            }
+        },
+        "group": [
+            "stepper"
+        ],
+        "access": "public",
+        "file": {
+            "path": "stepper/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The property name of the Stepper transition.\n",
         "commentRange": {
-            "start": 216,
-            "end": 217
+            "start": 219,
+            "end": 220
         },
         "context": {
             "type": "variable",
@@ -54970,8 +54995,8 @@
             "value": "height",
             "scope": "default",
             "line": {
-                "start": 218,
-                "end": 218
+                "start": 221,
+                "end": 221
             }
         },
         "group": [
@@ -54986,8 +55011,8 @@
     {
         "description": "The duration of the Stepper transition.\n",
         "commentRange": {
-            "start": 219,
-            "end": 220
+            "start": 222,
+            "end": 223
         },
         "context": {
             "type": "variable",
@@ -54995,8 +55020,8 @@
             "value": "300ms",
             "scope": "default",
             "line": {
-                "start": 221,
-                "end": 221
+                "start": 224,
+                "end": 224
             }
         },
         "group": [
@@ -55011,8 +55036,8 @@
     {
         "description": "The timing function of the Stepper transition.\n",
         "commentRange": {
-            "start": 222,
-            "end": 223
+            "start": 225,
+            "end": 226
         },
         "context": {
             "type": "variable",
@@ -55020,8 +55045,8 @@
             "value": "cubic-bezier(.4, 0, .2, 1) 0ms",
             "scope": "default",
             "line": {
-                "start": 224,
-                "end": 224
+                "start": 227,
+                "end": 227
             }
         },
         "group": [
@@ -60867,7 +60892,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-timeline-track-arrow-width",
-            "value": "30px",
+            "value": "k-spacing(7.5)",
             "scope": "default",
             "line": {
                 "start": 32,
@@ -60892,7 +60917,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-timeline-track-arrow-height",
-            "value": "30px",
+            "value": "k-spacing(7.5)",
             "scope": "default",
             "line": {
                 "start": 35,
@@ -60992,7 +61017,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-timeline-track-size",
-            "value": "6px",
+            "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
                 "start": 49,
@@ -61017,7 +61042,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,
@@ -61092,7 +61117,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,