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

package/dist/meta/sassdoc-data.json

@@ -14176,15 +14176,15 @@
             "resolvedType": "String"
         },
         {
-            "description": "The font-family of the treemap.\n",
+            "description": "The computed height of the Chart title.\n",
             "commentRange": {
                 "start": 216,
                 "end": 217
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-treemap-font-family",
-                "value": "var( --kendo-font-family, inherit )",
+                "name": "kendo-chart-computed-title-height",
+                "value": "0px",
                 "scope": "default",
                 "line": {
                     "start": 218,
@@ -14199,14 +14199,41 @@
                 "path": "fluent/scss/dataviz/_variables.scss",
                 "name": "_variables.scss"
             },
+            "resolvedValue": "0px",
+            "resolvedType": "Number"
+        },
+        {
+            "description": "The font-family of the treemap.\n",
+            "commentRange": {
+                "start": 220,
+                "end": 221
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-treemap-font-family",
+                "value": "var( --kendo-font-family, inherit )",
+                "scope": "default",
+                "line": {
+                    "start": 222,
+                    "end": 222
+                }
+            },
+            "group": [
+                "charts"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/dataviz/_variables.scss",
+                "name": "_variables.scss"
+            },
             "resolvedValue": "var(--kendo-font-family, inherit)",
             "resolvedType": "String"
         },
         {
             "description": "The font-size of the treemap.\n",
             "commentRange": {
-                "start": 219,
-                "end": 220
+                "start": 223,
+                "end": 224
             },
             "context": {
                 "type": "variable",
@@ -14214,8 +14241,8 @@
                 "value": "var( --kendo-font-size, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 221,
-                    "end": 221
+                    "start": 225,
+                    "end": 225
                 }
             },
             "group": [
@@ -14232,8 +14259,8 @@
         {
             "description": "The line-height of the treemap.\n",
             "commentRange": {
-                "start": 222,
-                "end": 223
+                "start": 226,
+                "end": 227
             },
             "context": {
                 "type": "variable",
@@ -14241,8 +14268,8 @@
                 "value": "var( --kendo-line-height, normal )",
                 "scope": "default",
                 "line": {
-                    "start": 224,
-                    "end": 224
+                    "start": 228,
+                    "end": 228
                 }
             },
             "group": [
@@ -14259,8 +14286,8 @@
         {
             "description": "The background color of the treemap.\n",
             "commentRange": {
-                "start": 225,
-                "end": 226
+                "start": 229,
+                "end": 230
             },
             "context": {
                 "type": "variable",
@@ -14268,8 +14295,8 @@
                 "value": "var( --kendo-component-bg, initial )",
                 "scope": "default",
                 "line": {
-                    "start": 227,
-                    "end": 227
+                    "start": 231,
+                    "end": 231
                 }
             },
             "group": [
@@ -14286,8 +14313,8 @@
         {
             "description": "The text color of the treemap.\n",
             "commentRange": {
-                "start": 228,
-                "end": 229
+                "start": 232,
+                "end": 233
             },
             "context": {
                 "type": "variable",
@@ -14295,8 +14322,8 @@
                 "value": "var( --kendo-component-text, initial )",
                 "scope": "default",
                 "line": {
-                    "start": 230,
-                    "end": 230
+                    "start": 234,
+                    "end": 234
                 }
             },
             "group": [
@@ -14313,8 +14340,8 @@
         {
             "description": "The border color of the treemap.\n",
             "commentRange": {
-                "start": 231,
-                "end": 232
+                "start": 235,
+                "end": 236
             },
             "context": {
                 "type": "variable",
@@ -14322,8 +14349,8 @@
                 "value": "var( --kendo-component-border, initial )",
                 "scope": "default",
                 "line": {
-                    "start": 233,
-                    "end": 233
+                    "start": 237,
+                    "end": 237
                 }
             },
             "group": [
@@ -14340,8 +14367,8 @@
         {
             "description": "The background color of the treemap title.\n",
             "commentRange": {
-                "start": 235,
-                "end": 236
+                "start": 239,
+                "end": 240
             },
             "context": {
                 "type": "variable",
@@ -14349,8 +14376,8 @@
                 "value": "if($kendo-enable-color-system, k-color( surface ), k-get-theme-color-var( neutral-10 ))",
                 "scope": "default",
                 "line": {
-                    "start": 237,
-                    "end": 237
+                    "start": 241,
+                    "end": 241
                 }
             },
             "group": [
@@ -14367,8 +14394,8 @@
         {
             "description": "The text color of the treemap title.\n",
             "commentRange": {
-                "start": 238,
-                "end": 239
+                "start": 242,
+                "end": 243
             },
             "context": {
                 "type": "variable",
@@ -14376,8 +14403,8 @@
                 "value": "if($kendo-enable-color-system, k-color( on-app-surface ), $kendo-color-black)",
                 "scope": "default",
                 "line": {
-                    "start": 240,
-                    "end": 240
+                    "start": 244,
+                    "end": 244
                 }
             },
             "group": [
@@ -14394,8 +14421,8 @@
         {
             "description": "The border color of the treemap title.\n",
             "commentRange": {
-                "start": 241,
-                "end": 242
+                "start": 245,
+                "end": 246
             },
             "context": {
                 "type": "variable",
@@ -14403,8 +14430,8 @@
                 "value": "var( --kendo-component-border, initial )",
                 "scope": "default",
                 "line": {
-                    "start": 243,
-                    "end": 243
+                    "start": 247,
+                    "end": 247
                 }
             },
             "group": [
@@ -14418,6 +14445,141 @@
             "resolvedValue": "var(--kendo-component-border, initial)",
             "resolvedType": "String"
         },
+        {
+            "description": "The background color of the Chart overlay.\n",
+            "commentRange": {
+                "start": 250,
+                "end": 251
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-chart-overlay-bg",
+                "value": "if($kendo-enable-color-system, k-color(app-surface), $kendo-color-white)",
+                "scope": "default",
+                "line": {
+                    "start": 252,
+                    "end": 252
+                }
+            },
+            "group": [
+                "charts"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/dataviz/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-color-app-surface, #ffffff)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The font-size of the Chart no data message.\n",
+            "commentRange": {
+                "start": 255,
+                "end": 256
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-chart-no-data-font-size",
+                "value": "var( --kendo-font-size-lg, inherit )",
+                "scope": "default",
+                "line": {
+                    "start": 257,
+                    "end": 257
+                }
+            },
+            "group": [
+                "charts"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/dataviz/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-font-size-lg, inherit)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The font-weight of the Chart no data message.\n",
+            "commentRange": {
+                "start": 258,
+                "end": 259
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-chart-no-data-font-weight",
+                "value": "var( --kendo-font-weight, normal )",
+                "scope": "default",
+                "line": {
+                    "start": 260,
+                    "end": 260
+                }
+            },
+            "group": [
+                "charts"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/dataviz/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-font-weight, normal)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The text color of the Chart no data message.\n",
+            "commentRange": {
+                "start": 261,
+                "end": 262
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-chart-no-data-text",
+                "value": "if($kendo-enable-color-system, k-color( on-app-surface ), k-get-theme-color-var( neutral-160 ))",
+                "scope": "default",
+                "line": {
+                    "start": 263,
+                    "end": 263
+                }
+            },
+            "group": [
+                "charts"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/dataviz/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-color-on-app-surface, #323130)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The vertical padding of the Chart no data message.\n",
+            "commentRange": {
+                "start": 264,
+                "end": 265
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-chart-no-data-padding-y",
+                "value": "k-spacing( 25 )",
+                "scope": "default",
+                "line": {
+                    "start": 266,
+                    "end": 266
+                }
+            },
+            "group": [
+                "charts"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/dataviz/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-spacing-25, 7rem)",
+            "resolvedType": "String"
+        },
         {
             "description": "The box shadow transition of the Chat.\n",
             "commentRange": {
@@ -45139,15 +45301,15 @@
             "resolvedType": "String"
         },
         {
-            "description": "The text color of the 'No Data' text.\n",
+            "description": "The color of the 'Option Label' text.\n",
             "commentRange": {
                 "start": 276,
                 "end": 277
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-list-no-data-text",
-                "value": "if($kendo-enable-color-system, k-color( on-app-surface ), k-get-theme-color-var( neutral-160 ))",
+                "name": "kendo-list-option-label-text",
+                "value": "$kendo-subtle-text",
                 "scope": "default",
                 "line": {
                     "start": 278,
@@ -45162,23 +45324,23 @@
                 "path": "fluent/scss/list/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-on-app-surface, #323130)",
+            "resolvedValue": "var(--kendo-color-subtle, #605e5c)",
             "resolvedType": "String"
         },
         {
-            "description": "The color of the 'Option Label' text.\n",
+            "description": "The color of the disabled 'Option Label' text.\n",
             "commentRange": {
-                "start": 280,
-                "end": 281
+                "start": 279,
+                "end": 280
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-list-option-label-text",
-                "value": "$kendo-subtle-text",
+                "name": "kendo-list-option-label-disabled-text",
+                "value": "$kendo-disabled-text",
                 "scope": "default",
                 "line": {
-                    "start": 282,
-                    "end": 282
+                    "start": 281,
+                    "end": 281
                 }
             },
             "group": [
@@ -45189,23 +45351,23 @@
                 "path": "fluent/scss/list/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-subtle, #605e5c)",
+            "resolvedValue": "color-mix(in srgb, var(--kendo-color-on-app-surface, #323130) 46%, transparent)",
             "resolvedType": "String"
         },
         {
-            "description": "The color of the disabled 'Option Label' text.\n",
+            "description": "The text color of the 'No Data' text.\n",
             "commentRange": {
-                "start": 283,
-                "end": 284
+                "start": 6,
+                "end": 7
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-list-option-label-disabled-text",
-                "value": "$kendo-disabled-text",
+                "name": "kendo-no-data-text",
+                "value": "if($kendo-enable-color-system, k-color( on-app-surface ), k-get-theme-color-var( neutral-160 ))",
                 "scope": "default",
                 "line": {
-                    "start": 285,
-                    "end": 285
+                    "start": 8,
+                    "end": 8
                 }
             },
             "group": [
@@ -45213,10 +45375,10 @@
             ],
             "access": "public",
             "file": {
-                "path": "fluent/scss/list/_variables.scss",
+                "path": "fluent/scss/no-data/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "color-mix(in srgb, var(--kendo-color-on-app-surface, #323130) 46%, transparent)",
+            "resolvedValue": "var(--kendo-color-on-app-surface, #323130)",
             "resolvedType": "String"
         },
         {
@@ -50920,6 +51082,33 @@
             "resolvedValue": "var(--kendo-link-hover-text, initial)",
             "resolvedType": "String"
         },
+        {
+            "description": "The minimum height of the 'No Data' text container.\n",
+            "commentRange": {
+                "start": 3,
+                "end": 4
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-no-data-min-height",
+                "value": "140px",
+                "scope": "default",
+                "line": {
+                    "start": 5,
+                    "end": 5
+                }
+            },
+            "group": [
+                "no-data"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/no-data/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "140px",
+            "resolvedType": "Number"
+        },
         {
             "description": "The row-gap between the elements in the Notification group.\n",
             "commentRange": {
@@ -52659,7 +52848,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-orgchart-line-v-height",
-                "value": "25px",
+                "value": "k-spacing(6)",
                 "scope": "default",
                 "line": {
                     "start": 152,
@@ -52674,8 +52863,8 @@
                 "path": "fluent/scss/orgchart/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "25px",
-            "resolvedType": "Number"
+            "resolvedValue": "var(--kendo-spacing-6, 1.5rem)",
+            "resolvedType": "String"
         },
         {
             "description": "Opacity of the overlay.\n",
@@ -56853,6 +57042,195 @@
             "resolvedValue": "var(--kendo-color-subtle, #605e5c)",
             "resolvedType": "String"
         },
+        {
+            "description": "The vertical padding of the PDFViewer popup.\n",
+            "commentRange": {
+                "start": 103,
+                "end": 104
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-pdf-viewer-popup-padding-x",
+                "value": "k-spacing(2)",
+                "scope": "default",
+                "line": {
+                    "start": 105,
+                    "end": 105
+                }
+            },
+            "group": [
+                "pdf-viewer"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/pdf-viewer/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-spacing-2, 0.5rem)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The horizontal padding of the PDFViewer popup.\n",
+            "commentRange": {
+                "start": 106,
+                "end": 107
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-pdf-viewer-popup-padding-y",
+                "value": "$kendo-pdf-viewer-popup-padding-x",
+                "scope": "default",
+                "line": {
+                    "start": 108,
+                    "end": 108
+                }
+            },
+            "group": [
+                "pdf-viewer"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/pdf-viewer/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-spacing-2, 0.5rem)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The border color of the PDFViewer selected highlight annotation.\n",
+            "commentRange": {
+                "start": 110,
+                "end": 111
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-pdf-viewer-highlight-annotation-border",
+                "value": "if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 ))",
+                "scope": "default",
+                "line": {
+                    "start": 112,
+                    "end": 112
+                }
+            },
+            "group": [
+                "pdf-viewer"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/pdf-viewer/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-color-primary, #0078d4)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The background color of the PDFViewer hover highlight annotation.\n",
+            "commentRange": {
+                "start": 113,
+                "end": 114
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-pdf-viewer-highlight-annotation-hover-border",
+                "value": "if($kendo-enable-color-system, k-color( primary-hover ), k-get-theme-color-var( primary-110 ))",
+                "scope": "default",
+                "line": {
+                    "start": 115,
+                    "end": 115
+                }
+            },
+            "group": [
+                "pdf-viewer"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/pdf-viewer/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-color-primary-hover, #106ebe)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The border color of the PDFViewer selected free text annotation.\n",
+            "commentRange": {
+                "start": 116,
+                "end": 117
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-pdf-viewer-free-text-annotation-border",
+                "value": "if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 ))",
+                "scope": "default",
+                "line": {
+                    "start": 118,
+                    "end": 118
+                }
+            },
+            "group": [
+                "pdf-viewer"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/pdf-viewer/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-color-primary, #0078d4)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The placeholder text color of the PDFViewer free text annotation.\n",
+            "commentRange": {
+                "start": 119,
+                "end": 120
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-pdf-viewer-free-text-annotation-placeholder-text",
+                "value": "rgba(124, 22, 27, 0.5)",
+                "scope": "default",
+                "line": {
+                    "start": 121,
+                    "end": 121
+                }
+            },
+            "group": [
+                "pdf-viewer"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/pdf-viewer/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "rgba(124, 22, 27, 0.5)",
+            "resolvedType": "Color"
+        },
+        {
+            "description": "The text color of the PDFViewer free text annotation.\n",
+            "commentRange": {
+                "start": 122,
+                "end": 123
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-pdf-viewer-free-text-annotation-text",
+                "value": "rgba(124, 22, 27, 0.7)",
+                "scope": "default",
+                "line": {
+                    "start": 124,
+                    "end": 124
+                }
+            },
+            "group": [
+                "pdf-viewer"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/pdf-viewer/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "rgba(124, 22, 27, 0.7)",
+            "resolvedType": "Color"
+        },
         {
             "description": "The spacer of the PivotGrid.\n",
             "commentRange": {
@@ -71594,11 +71972,38 @@
             "resolvedValue": "var(--kendo-spacing-1\\.5, 0.375rem)",
             "resolvedType": "String"
         },
+        {
+            "description": "The border radius of the Stepper label.\n",
+            "commentRange": {
+                "start": 36,
+                "end": 37
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-stepper-label-border-radius",
+                "value": "k-border-radius(xxl)",
+                "scope": "default",
+                "line": {
+                    "start": 38,
+                    "end": 38
+                }
+            },
+            "group": [
+                "stepper"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/stepper/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-border-radius-xxl, 1rem)",
+            "resolvedType": "String"
+        },
         {
             "description": "The horizontal padding of the Stepper content.\n",
             "commentRange": {
-                "start": 37,
-                "end": 38
+                "start": 40,
+                "end": 41
             },
             "context": {
                 "type": "variable",
@@ -71606,8 +72011,8 @@
                 "value": "k-spacing(5)",
                 "scope": "default",
                 "line": {
-                    "start": 39,
-                    "end": 39
+                    "start": 42,
+                    "end": 42
                 }
             },
             "group": [
@@ -71624,8 +72029,8 @@
         {
             "description": "The vertical padding of the Stepper content.\n",
             "commentRange": {
-                "start": 40,
-                "end": 41
+                "start": 43,
+                "end": 44
             },
             "context": {
                 "type": "variable",
@@ -71633,8 +72038,8 @@
                 "value": "k-spacing(3)",
                 "scope": "default",
                 "line": {
-                    "start": 42,
-                    "end": 42
+                    "start": 45,
+                    "end": 45
                 }
             },
             "group": [
@@ -71651,8 +72056,8 @@
         {
             "description": "The width of the Stepper indicator.\n",
             "commentRange": {
-                "start": 44,
-                "end": 45
+                "start": 47,
+                "end": 48
             },
             "context": {
                 "type": "variable",
@@ -71660,8 +72065,8 @@
                 "value": "k-spacing(7.5)",
                 "scope": "default",
                 "line": {
-                    "start": 46,
-                    "end": 46
+                    "start": 49,
+                    "end": 49
                 }
             },
             "group": [
@@ -71678,8 +72083,8 @@
         {
             "description": "The height of the Stepper indicator.\n",
             "commentRange": {
-                "start": 47,
-                "end": 48
+                "start": 50,
+                "end": 51
             },
             "context": {
                 "type": "variable",
@@ -71687,8 +72092,8 @@
                 "value": "$kendo-stepper-indicator-width",
                 "scope": "default",
                 "line": {
-                    "start": 49,
-                    "end": 49
+                    "start": 52,
+                    "end": 52
                 }
             },
             "group": [
@@ -71705,8 +72110,8 @@
         {
             "description": "The border width of the Stepper indicator.\n",
             "commentRange": {
-                "start": 50,
-                "end": 51
+                "start": 53,
+                "end": 54
             },
             "context": {
                 "type": "variable",
@@ -71714,8 +72119,8 @@
                 "value": "1px",
                 "scope": "default",
                 "line": {
-                    "start": 52,
-                    "end": 52
+                    "start": 55,
+                    "end": 55
                 }
             },
             "group": [
@@ -71732,8 +72137,8 @@
         {
             "description": "The border radius of the Stepper indicator.\n",
             "commentRange": {
-                "start": 53,
-                "end": 54
+                "start": 56,
+                "end": 57
             },
             "context": {
                 "type": "variable",
@@ -71741,8 +72146,8 @@
                 "value": "50%",
                 "scope": "default",
                 "line": {
-                    "start": 55,
-                    "end": 55
+                    "start": 58,
+                    "end": 58
                 }
             },
             "group": [
@@ -71759,8 +72164,8 @@
         {
             "description": "The border width of the focused Stepper indicator.\n",
             "commentRange": {
-                "start": 57,
-                "end": 58
+                "start": 60,
+                "end": 61
             },
             "context": {
                 "type": "variable",
@@ -71768,8 +72173,8 @@
                 "value": "$kendo-stepper-indicator-border-width",
                 "scope": "default",
                 "line": {
-                    "start": 59,
-                    "end": 59
+                    "start": 62,
+                    "end": 62
                 }
             },
             "group": [
@@ -71786,8 +72191,8 @@
         {
             "description": "The size of the focused Stepper indicator.\n",
             "commentRange": {
-                "start": 60,
-                "end": 61
+                "start": 63,
+                "end": 64
             },
             "context": {
                 "type": "variable",
@@ -71795,8 +72200,8 @@
                 "value": "k-spacing(0.5)",
                 "scope": "default",
                 "line": {
-                    "start": 62,
-                    "end": 62
+                    "start": 65,
+                    "end": 65
                 }
             },
             "group": [
@@ -71813,8 +72218,8 @@
         {
             "description": "The offset of the Stepper's focused indicator.\n",
             "commentRange": {
-                "start": 63,
-                "end": 64
+                "start": 66,
+                "end": 67
             },
             "context": {
                 "type": "variable",
@@ -71822,8 +72227,8 @@
                 "value": "3px",
                 "scope": "default",
                 "line": {
-                    "start": 65,
-                    "end": 65
+                    "start": 68,
+                    "end": 68
                 }
             },
             "group": [
@@ -71840,8 +72245,8 @@
         {
             "description": "The calculated offset of the Stepper's focused indicator.\n",
             "commentRange": {
-                "start": 66,
-                "end": 67
+                "start": 69,
+                "end": 70
             },
             "context": {
                 "type": "variable",
@@ -71849,8 +72254,8 @@
                 "value": "calc( #{$kendo-stepper-indicator-focus-border-width} + #{$kendo-stepper-indicator-focus-offset} )",
                 "scope": "default",
                 "line": {
-                    "start": 68,
-                    "end": 68
+                    "start": 71,
+                    "end": 71
                 }
             },
             "group": [
@@ -71867,8 +72272,8 @@
         {
             "description": "The background color of the Stepper indicator.\n",
             "commentRange": {
-                "start": 70,
-                "end": 71
+                "start": 73,
+                "end": 74
             },
             "context": {
                 "type": "variable",
@@ -71876,8 +72281,8 @@
                 "value": "var( --kendo-component-bg, initial )",
                 "scope": "default",
                 "line": {
-                    "start": 72,
-                    "end": 72
+                    "start": 75,
+                    "end": 75
                 }
             },
             "group": [
@@ -71894,8 +72299,8 @@
         {
             "description": "The text color of the Stepper indicator.\n",
             "commentRange": {
-                "start": 73,
-                "end": 74
+                "start": 76,
+                "end": 77
             },
             "context": {
                 "type": "variable",
@@ -71903,8 +72308,8 @@
                 "value": "var( --kendo-component-text, initial )",
                 "scope": "default",
                 "line": {
-                    "start": 75,
-                    "end": 75
+                    "start": 78,
+                    "end": 78
                 }
             },
             "group": [
@@ -71921,8 +72326,8 @@
         {
             "description": "The border color of the Stepper indicator.\n",
             "commentRange": {
-                "start": 76,
-                "end": 77
+                "start": 79,
+                "end": 80
             },
             "context": {
                 "type": "variable",
@@ -71930,8 +72335,8 @@
                 "value": "if($kendo-enable-color-system, k-color( border ), k-get-theme-color-var( neutral-110 ))",
                 "scope": "default",
                 "line": {
-                    "start": 78,
-                    "end": 78
+                    "start": 81,
+                    "end": 81
                 }
             },
             "group": [
@@ -71948,8 +72353,8 @@
         {
             "description": "The background color of the hovered Stepper indicator.\n",
             "commentRange": {
-                "start": 80,
-                "end": 81
+                "start": 83,
+                "end": 84
             },
             "context": {
                 "type": "variable",
@@ -71957,8 +72362,8 @@
                 "value": "var( --kendo-hover-bg, initial )",
                 "scope": "default",
                 "line": {
-                    "start": 82,
-                    "end": 82
+                    "start": 85,
+                    "end": 85
                 }
             },
             "group": [
@@ -71975,8 +72380,8 @@
         {
             "description": "The text color of the hovered Stepper indicator.\n",
             "commentRange": {
-                "start": 83,
-                "end": 84
+                "start": 86,
+                "end": 87
             },
             "context": {
                 "type": "variable",
@@ -71984,8 +72389,8 @@
                 "value": "var( --kendo-hover-text, initial )",
                 "scope": "default",
                 "line": {
-                    "start": 85,
-                    "end": 85
+                    "start": 88,
+                    "end": 88
                 }
             },
             "group": [
@@ -72002,8 +72407,8 @@
         {
             "description": "The border color of the hovered Stepper indicator.\n",
             "commentRange": {
-                "start": 86,
-                "end": 87
+                "start": 89,
+                "end": 90
             },
             "context": {
                 "type": "variable",
@@ -72011,8 +72416,8 @@
                 "value": "$kendo-stepper-indicator-border",
                 "scope": "default",
                 "line": {
-                    "start": 88,
-                    "end": 88
+                    "start": 91,
+                    "end": 91
                 }
             },
             "group": [
@@ -72029,8 +72434,8 @@
         {
             "description": "The background color of the disabled Stepper indicator.\n",
             "commentRange": {
-                "start": 90,
-                "end": 91
+                "start": 93,
+                "end": 94
             },
             "context": {
                 "type": "variable",
@@ -72038,8 +72443,8 @@
                 "value": "var( --kendo-disabled-bg, initial )",
                 "scope": "default",
                 "line": {
-                    "start": 92,
-                    "end": 92
+                    "start": 95,
+                    "end": 95
                 }
             },
             "group": [
@@ -72056,8 +72461,8 @@
         {
             "description": "The text color of the disabled Stepper indicator.\n",
             "commentRange": {
-                "start": 93,
-                "end": 94
+                "start": 96,
+                "end": 97
             },
             "context": {
                 "type": "variable",
@@ -72065,8 +72470,8 @@
                 "value": "var( --kendo-disabled-text, initial)",
                 "scope": "default",
                 "line": {
-                    "start": 95,
-                    "end": 95
+                    "start": 98,
+                    "end": 98
                 }
             },
             "group": [
@@ -72083,8 +72488,8 @@
         {
             "description": "The border color of the disabled Stepper indicator.\n",
             "commentRange": {
-                "start": 96,
-                "end": 97
+                "start": 99,
+                "end": 100
             },
             "context": {
                 "type": "variable",
@@ -72092,8 +72497,8 @@
                 "value": "var( --kendo-disabled-border, initial )",
                 "scope": "default",
                 "line": {
-                    "start": 98,
-                    "end": 98
+                    "start": 101,
+                    "end": 101
                 }
             },
             "group": [
@@ -72110,8 +72515,8 @@
         {
             "description": "The background color of the Stepper's done indicator.\n",
             "commentRange": {
-                "start": 100,
-                "end": 101
+                "start": 103,
+                "end": 104
             },
             "context": {
                 "type": "variable",
@@ -72119,8 +72524,8 @@
                 "value": "if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 ))",
                 "scope": "default",
                 "line": {
-                    "start": 102,
-                    "end": 102
+                    "start": 105,
+                    "end": 105
                 }
             },
             "group": [
@@ -72137,8 +72542,8 @@
         {
             "description": "The text color of the Stepper's done indicator.\n",
             "commentRange": {
-                "start": 103,
-                "end": 104
+                "start": 106,
+                "end": 107
             },
             "context": {
                 "type": "variable",
@@ -72146,8 +72551,8 @@
                 "value": "if($kendo-enable-color-system, k-color( on-primary ), $kendo-color-white)",
                 "scope": "default",
                 "line": {
-                    "start": 105,
-                    "end": 105
+                    "start": 108,
+                    "end": 108
                 }
             },
             "group": [
@@ -72164,8 +72569,8 @@
         {
             "description": "The border color of the Stepper's done indicator.\n",
             "commentRange": {
-                "start": 106,
-                "end": 107
+                "start": 109,
+                "end": 110
             },
             "context": {
                 "type": "variable",
@@ -72173,8 +72578,8 @@
                 "value": "$kendo-stepper-indicator-done-bg",
                 "scope": "default",
                 "line": {
-                    "start": 108,
-                    "end": 108
+                    "start": 111,
+                    "end": 111
                 }
             },
             "group": [
@@ -72191,8 +72596,8 @@
         {
             "description": "The background color of the Stepper's hovered done indicator.\n",
             "commentRange": {
-                "start": 110,
-                "end": 111
+                "start": 113,
+                "end": 114
             },
             "context": {
                 "type": "variable",
@@ -72200,8 +72605,8 @@
                 "value": "if($kendo-enable-color-system, k-color( primary-hover ), k-get-theme-color-var( primary-110 ))",
                 "scope": "default",
                 "line": {
-                    "start": 112,
-                    "end": 112
+                    "start": 115,
+                    "end": 115
                 }
             },
             "group": [
@@ -72218,8 +72623,8 @@
         {
             "description": "The text color of the Stepper's hovered done indicator.\n",
             "commentRange": {
-                "start": 113,
-                "end": 114
+                "start": 116,
+                "end": 117
             },
             "context": {
                 "type": "variable",
@@ -72227,8 +72632,8 @@
                 "value": "$kendo-stepper-indicator-done-text",
                 "scope": "default",
                 "line": {
-                    "start": 115,
-                    "end": 115
+                    "start": 118,
+                    "end": 118
                 }
             },
             "group": [
@@ -72245,8 +72650,8 @@
         {
             "description": "The border color of the Stepper's hovered done indicator.\n",
             "commentRange": {
-                "start": 116,
-                "end": 117
+                "start": 119,
+                "end": 120
             },
             "context": {
                 "type": "variable",
@@ -72254,8 +72659,8 @@
                 "value": "$kendo-stepper-indicator-done-hover-bg",
                 "scope": "default",
                 "line": {
-                    "start": 118,
-                    "end": 118
+                    "start": 121,
+                    "end": 121
                 }
             },
             "group": [
@@ -72272,8 +72677,8 @@
         {
             "description": "The background color of the Stepper's disabled done indicator.\n",
             "commentRange": {
-                "start": 120,
-                "end": 121
+                "start": 123,
+                "end": 124
             },
             "context": {
                 "type": "variable",
@@ -72281,8 +72686,8 @@
                 "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 22%, transparent), k-get-theme-color-var( primary-30 ))",
                 "scope": "default",
                 "line": {
-                    "start": 122,
-                    "end": 122
+                    "start": 125,
+                    "end": 125
                 }
             },
             "group": [
@@ -72299,8 +72704,8 @@
         {
             "description": "The text color of the Stepper's disabled done indicator.\n",
             "commentRange": {
-                "start": 123,
-                "end": 124
+                "start": 126,
+                "end": 127
             },
             "context": {
                 "type": "variable",
@@ -72308,8 +72713,8 @@
                 "value": "var( --kendo-disabled-text, initial )",
                 "scope": "default",
                 "line": {
-                    "start": 125,
-                    "end": 125
+                    "start": 128,
+                    "end": 128
                 }
             },
             "group": [
@@ -72326,8 +72731,8 @@
         {
             "description": "The border color of the Stepper's disabled done indicator.\n",
             "commentRange": {
-                "start": 126,
-                "end": 127
+                "start": 129,
+                "end": 130
             },
             "context": {
                 "type": "variable",
@@ -72335,8 +72740,8 @@
                 "value": "var( --kendo-disabled-border, initial )",
                 "scope": "default",
                 "line": {
-                    "start": 128,
-                    "end": 128
+                    "start": 131,
+                    "end": 131
                 }
             },
             "group": [
@@ -72353,8 +72758,8 @@
         {
             "description": "The background color of the Stepper current indicator.\n",
             "commentRange": {
-                "start": 130,
-                "end": 131
+                "start": 133,
+                "end": 134
             },
             "context": {
                 "type": "variable",
@@ -72362,8 +72767,8 @@
                 "value": "if($kendo-enable-color-system, k-color( primary-active ), k-get-theme-color-var( primary-120 ))",
                 "scope": "default",
                 "line": {
-                    "start": 132,
-                    "end": 132
+                    "start": 135,
+                    "end": 135
                 }
             },
             "group": [
@@ -72380,8 +72785,8 @@
         {
             "description": "The text color of the Stepper current indicator.\n",
             "commentRange": {
-                "start": 133,
-                "end": 134
+                "start": 136,
+                "end": 137
             },
             "context": {
                 "type": "variable",
@@ -72389,8 +72794,8 @@
                 "value": "$kendo-stepper-indicator-done-text",
                 "scope": "default",
                 "line": {
-                    "start": 135,
-                    "end": 135
+                    "start": 138,
+                    "end": 138
                 }
             },
             "group": [
@@ -72407,8 +72812,8 @@
         {
             "description": "The border color of the Stepper current indicator.\n",
             "commentRange": {
-                "start": 136,
-                "end": 137
+                "start": 139,
+                "end": 140
             },
             "context": {
                 "type": "variable",
@@ -72416,8 +72821,8 @@
                 "value": "$kendo-stepper-indicator-current-bg",
                 "scope": "default",
                 "line": {
-                    "start": 138,
-                    "end": 138
+                    "start": 141,
+                    "end": 141
                 }
             },
             "group": [
@@ -72434,8 +72839,8 @@
         {
             "description": "The background color of the Stepper's hovered current indicator.\n",
             "commentRange": {
-                "start": 140,
-                "end": 141
+                "start": 143,
+                "end": 144
             },
             "context": {
                 "type": "variable",
@@ -72443,8 +72848,8 @@
                 "value": "$kendo-stepper-indicator-done-hover-bg",
                 "scope": "default",
                 "line": {
-                    "start": 142,
-                    "end": 142
+                    "start": 145,
+                    "end": 145
                 }
             },
             "group": [
@@ -72461,8 +72866,8 @@
         {
             "description": "The text color of the Stepper's hovered current indicator.\n",
             "commentRange": {
-                "start": 143,
-                "end": 144
+                "start": 146,
+                "end": 147
             },
             "context": {
                 "type": "variable",
@@ -72470,8 +72875,8 @@
                 "value": "$kendo-stepper-indicator-done-hover-text",
                 "scope": "default",
                 "line": {
-                    "start": 145,
-                    "end": 145
+                    "start": 148,
+                    "end": 148
                 }
             },
             "group": [
@@ -72488,8 +72893,8 @@
         {
             "description": "The border color of the Stepper's hovered current indicator.\n",
             "commentRange": {
-                "start": 146,
-                "end": 147
+                "start": 149,
+                "end": 150
             },
             "context": {
                 "type": "variable",
@@ -72497,8 +72902,8 @@
                 "value": "$kendo-stepper-indicator-done-hover-border",
                 "scope": "default",
                 "line": {
-                    "start": 148,
-                    "end": 148
+                    "start": 151,
+                    "end": 151
                 }
             },
             "group": [
@@ -72515,8 +72920,8 @@
         {
             "description": "The background color of the Stepper's disabled current indicator.\n",
             "commentRange": {
-                "start": 150,
-                "end": 151
+                "start": 153,
+                "end": 154
             },
             "context": {
                 "type": "variable",
@@ -72524,8 +72929,8 @@
                 "value": "$kendo-stepper-indicator-done-disabled-bg",
                 "scope": "default",
                 "line": {
-                    "start": 152,
-                    "end": 152
+                    "start": 155,
+                    "end": 155
                 }
             },
             "group": [
@@ -72542,8 +72947,8 @@
         {
             "description": "The text color of the Stepper's disabled current indicator.\n",
             "commentRange": {
-                "start": 153,
-                "end": 154
+                "start": 156,
+                "end": 157
             },
             "context": {
                 "type": "variable",
@@ -72551,8 +72956,8 @@
                 "value": "$kendo-stepper-indicator-done-disabled-text",
                 "scope": "default",
                 "line": {
-                    "start": 155,
-                    "end": 155
+                    "start": 158,
+                    "end": 158
                 }
             },
             "group": [
@@ -72569,8 +72974,8 @@
         {
             "description": "The border color of the Stepper's disabled current indicator.\n",
             "commentRange": {
-                "start": 156,
-                "end": 157
+                "start": 159,
+                "end": 160
             },
             "context": {
                 "type": "variable",
@@ -72578,8 +72983,8 @@
                 "value": "$kendo-stepper-indicator-done-disabled-border",
                 "scope": "default",
                 "line": {
-                    "start": 158,
-                    "end": 158
+                    "start": 161,
+                    "end": 161
                 }
             },
             "group": [
@@ -72596,8 +73001,8 @@
         {
             "description": "The text color of the Stepper label.\n",
             "commentRange": {
-                "start": 160,
-                "end": 161
+                "start": 163,
+                "end": 164
             },
             "context": {
                 "type": "variable",
@@ -72605,8 +73010,8 @@
                 "value": "inherit",
                 "scope": "default",
                 "line": {
-                    "start": 162,
-                    "end": 162
+                    "start": 165,
+                    "end": 165
                 }
             },
             "group": [
@@ -72623,8 +73028,8 @@
         {
             "description": "The success text color of the Stepper label.\n",
             "commentRange": {
-                "start": 163,
-                "end": 164
+                "start": 166,
+                "end": 167
             },
             "context": {
                 "type": "variable",
@@ -72632,8 +73037,8 @@
                 "value": "if($kendo-enable-color-system, k-color( success-on-surface ), k-get-theme-color-var( success-190 ))",
                 "scope": "default",
                 "line": {
-                    "start": 165,
-                    "end": 165
+                    "start": 168,
+                    "end": 168
                 }
             },
             "group": [
@@ -72650,8 +73055,8 @@
         {
             "description": "The error text color of the Stepper label.\n",
             "commentRange": {
-                "start": 166,
-                "end": 167
+                "start": 169,
+                "end": 170
             },
             "context": {
                 "type": "variable",
@@ -72659,8 +73064,8 @@
                 "value": "if($kendo-enable-color-system, k-color( error-on-surface ), k-get-theme-color-var( error-190 ))",
                 "scope": "default",
                 "line": {
-                    "start": 168,
-                    "end": 168
+                    "start": 171,
+                    "end": 171
                 }
             },
             "group": [
@@ -72677,8 +73082,8 @@
         {
             "description": "The text color of the hovered Stepper label.\n",
             "commentRange": {
-                "start": 169,
-                "end": 170
+                "start": 172,
+                "end": 173
             },
             "context": {
                 "type": "variable",
@@ -72686,8 +73091,8 @@
                 "value": "$kendo-stepper-text",
                 "scope": "default",
                 "line": {
-                    "start": 171,
-                    "end": 171
+                    "start": 174,
+                    "end": 174
                 }
             },
             "group": [
@@ -72704,8 +73109,8 @@
         {
             "description": "The text color of the disabled Stepper label.\n",
             "commentRange": {
-                "start": 172,
-                "end": 173
+                "start": 175,
+                "end": 176
             },
             "context": {
                 "type": "variable",
@@ -72713,8 +73118,8 @@
                 "value": "var( --kendo-disabled-text, initial )",
                 "scope": "default",
                 "line": {
-                    "start": 174,
-                    "end": 174
+                    "start": 177,
+                    "end": 177
                 }
             },
             "group": [
@@ -72731,8 +73136,8 @@
         {
             "description": "The font weight of the disabled Stepper label.\n",
             "commentRange": {
-                "start": 175,
-                "end": 176
+                "start": 178,
+                "end": 179
             },
             "context": {
                 "type": "variable",
@@ -72740,8 +73145,8 @@
                 "value": "var( --kendo-font-weight-bold, bold )",
                 "scope": "default",
                 "line": {
-                    "start": 177,
-                    "end": 177
+                    "start": 180,
+                    "end": 180
                 }
             },
             "group": [
@@ -72758,8 +73163,8 @@
         {
             "description": "The text color of the optional Stepper label.\n",
             "commentRange": {
-                "start": 179,
-                "end": 180
+                "start": 182,
+                "end": 183
             },
             "context": {
                 "type": "variable",
@@ -72767,8 +73172,8 @@
                 "value": "if($kendo-enable-color-system, k-color( subtle ), k-get-theme-color-var( neutral-130 ))",
                 "scope": "default",
                 "line": {
-                    "start": 181,
-                    "end": 181
+                    "start": 184,
+                    "end": 184
                 }
             },
             "group": [
@@ -72785,8 +73190,8 @@
         {
             "description": "The font size of the optional Stepper label.\n",
             "commentRange": {
-                "start": 182,
-                "end": 183
+                "start": 185,
+                "end": 186
             },
             "context": {
                 "type": "variable",
@@ -72794,8 +73199,8 @@
                 "value": "inherit",
                 "scope": "default",
                 "line": {
-                    "start": 184,
-                    "end": 184
+                    "start": 187,
+                    "end": 187
                 }
             },
             "group": [
@@ -72812,8 +73217,8 @@
         {
             "description": "The font style of the optional Stepper label.\n",
             "commentRange": {
-                "start": 185,
-                "end": 186
+                "start": 188,
+                "end": 189
             },
             "context": {
                 "type": "variable",
@@ -72821,8 +73226,8 @@
                 "value": "italic",
                 "scope": "default",
                 "line": {
-                    "start": 187,
-                    "end": 187
+                    "start": 190,
+                    "end": 190
                 }
             },
             "group": [
@@ -72839,8 +73244,8 @@
         {
             "description": "The size of the Stepper ProgressBar.\n",
             "commentRange": {
-                "start": 189,
-                "end": 190
+                "start": 192,
+                "end": 193
             },
             "context": {
                 "type": "variable",
@@ -72848,8 +73253,8 @@
                 "value": "k-spacing(0.5)",
                 "scope": "default",
                 "line": {
-                    "start": 191,
-                    "end": 191
+                    "start": 194,
+                    "end": 194
                 }
             },
             "group": [
@@ -72866,8 +73271,8 @@
         {
             "description": "The property name of the Stepper transition.\n",
             "commentRange": {
-                "start": 193,
-                "end": 194
+                "start": 196,
+                "end": 197
             },
             "context": {
                 "type": "variable",
@@ -72875,8 +73280,8 @@
                 "value": "none",
                 "scope": "default",
                 "line": {
-                    "start": 195,
-                    "end": 195
+                    "start": 198,
+                    "end": 198
                 }
             },
             "group": [
@@ -72893,8 +73298,8 @@
         {
             "description": "The duration of the Stepper transition.\n",
             "commentRange": {
-                "start": 196,
-                "end": 197
+                "start": 199,
+                "end": 200
             },
             "context": {
                 "type": "variable",
@@ -72902,8 +73307,8 @@
                 "value": "300ms",
                 "scope": "default",
                 "line": {
-                    "start": 198,
-                    "end": 198
+                    "start": 201,
+                    "end": 201
                 }
             },
             "group": [
@@ -72920,8 +73325,8 @@
         {
             "description": "The timing function of the Stepper transition.\n",
             "commentRange": {
-                "start": 199,
-                "end": 200
+                "start": 202,
+                "end": 203
             },
             "context": {
                 "type": "variable",
@@ -72929,8 +73334,8 @@
                 "value": "cubic-bezier(.4, 0, .2, 1) 0ms",
                 "scope": "default",
                 "line": {
-                    "start": 201,
-                    "end": 201
+                    "start": 204,
+                    "end": 204
                 }
             },
             "group": [
@@ -81528,15 +81933,15 @@
             "resolvedType": "String"
         },
         {
-            "description": "The color of the separator border of the Toolbar.\n",
+            "description": "The text color of the outline Toolbar.\n",
             "commentRange": {
                 "start": 58,
                 "end": 59
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-toolbar-separator-border",
-                "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
+                "name": "kendo-toolbar-outline-text",
+                "value": "null",
                 "scope": "default",
                 "line": {
                     "start": 60,
@@ -81551,23 +81956,50 @@
                 "path": "fluent/scss/toolbar/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "color-mix(in srgb, var(--kendo-color-on-app-surface, #323130) 28%, transparent)",
+            "resolvedValue": "null",
+            "resolvedType": "Null"
+        },
+        {
+            "description": "The color of the border around the outline Toolbar.\n",
+            "commentRange": {
+                "start": 61,
+                "end": 62
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-toolbar-outline-border",
+                "value": "k-color(border)",
+                "scope": "default",
+                "line": {
+                    "start": 63,
+                    "end": 63
+                }
+            },
+            "group": [
+                "toolbar"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/toolbar/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-color-border, #8a8886)",
             "resolvedType": "String"
         },
         {
-            "description": "The width of the input in the Toolbar.\n",
+            "description": "The width of the border around the outline Toolbar.\n",
             "commentRange": {
-                "start": 62,
-                "end": 63
+                "start": 64,
+                "end": 65
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-toolbar-input-width",
-                "value": "10em",
+                "name": "kendo-toolbar-outline-border-width",
+                "value": "$kendo-toolbar-border-width",
                 "scope": "default",
                 "line": {
-                    "start": 64,
-                    "end": 64
+                    "start": 66,
+                    "end": 66
                 }
             },
             "group": [
@@ -81578,23 +82010,77 @@
                 "path": "fluent/scss/toolbar/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "10em",
+            "resolvedValue": "1px",
             "resolvedType": "Number"
         },
         {
-            "description": "The border width of the focused Toolbar item.\n",
+            "description": "The text color of the flat Toolbar.\n",
             "commentRange": {
-                "start": 66,
-                "end": 67
+                "start": 68,
+                "end": 69
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-toolbar-item-focus-outline-width",
+                "name": "kendo-toolbar-flat-text",
+                "value": "null",
+                "scope": "default",
+                "line": {
+                    "start": 70,
+                    "end": 70
+                }
+            },
+            "group": [
+                "toolbar"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/toolbar/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "null",
+            "resolvedType": "Null"
+        },
+        {
+            "description": "The color of the border around the flat Toolbar.\n",
+            "commentRange": {
+                "start": 71,
+                "end": 72
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-toolbar-flat-border",
+                "value": "$kendo-toolbar-border",
+                "scope": "default",
+                "line": {
+                    "start": 73,
+                    "end": 73
+                }
+            },
+            "group": [
+                "toolbar"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/toolbar/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-component-border, initial)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "Border width of the flat Toolbar.\n",
+            "commentRange": {
+                "start": 74,
+                "end": 75
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-toolbar-flat-border-width",
                 "value": "1px",
                 "scope": "default",
                 "line": {
-                    "start": 68,
-                    "end": 68
+                    "start": 76,
+                    "end": 76
                 }
             },
             "group": [
@@ -81609,19 +82095,19 @@
             "resolvedType": "Number"
         },
         {
-            "description": "The border style of the focused Toolbar item.\n",
+            "description": "The color of the separator border of the Toolbar.\n",
             "commentRange": {
-                "start": 69,
-                "end": 70
+                "start": 78,
+                "end": 79
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-toolbar-item-focus-outline-style",
-                "value": "solid",
+                "name": "kendo-toolbar-separator-border",
+                "value": "inherit",
                 "scope": "default",
                 "line": {
-                    "start": 71,
-                    "end": 71
+                    "start": 80,
+                    "end": 80
                 }
             },
             "group": [
@@ -81632,23 +82118,23 @@
                 "path": "fluent/scss/toolbar/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "solid",
+            "resolvedValue": "inherit",
             "resolvedType": "String"
         },
         {
-            "description": "The border color of the focused Toolbar item.\n",
+            "description": "The width of the input in the Toolbar.\n",
             "commentRange": {
-                "start": 72,
-                "end": 73
+                "start": 82,
+                "end": 83
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-toolbar-item-focus-outline-color",
-                "value": "if($kendo-enable-color-system, k-color( base-emphasis ), k-get-theme-color-var( neutral-130 ))",
+                "name": "kendo-toolbar-input-width",
+                "value": "10em",
                 "scope": "default",
                 "line": {
-                    "start": 74,
-                    "end": 74
+                    "start": 84,
+                    "end": 84
                 }
             },
             "group": [
@@ -81659,23 +82145,23 @@
                 "path": "fluent/scss/toolbar/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-color-base-emphasis, #605e5c)",
-            "resolvedType": "String"
+            "resolvedValue": "10em",
+            "resolvedType": "Number"
         },
         {
-            "description": "Border width of the flat Toolbar.\n",
+            "description": "The border width of the focused Toolbar item.\n",
             "commentRange": {
-                "start": 76,
-                "end": 77
+                "start": 86,
+                "end": 87
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-toolbar-flat-border-width",
+                "name": "kendo-toolbar-item-focus-outline-width",
                 "value": "1px",
                 "scope": "default",
                 "line": {
-                    "start": 78,
-                    "end": 78
+                    "start": 88,
+                    "end": 88
                 }
             },
             "group": [
@@ -81689,11 +82175,65 @@
             "resolvedValue": "1px",
             "resolvedType": "Number"
         },
+        {
+            "description": "The border style of the focused Toolbar item.\n",
+            "commentRange": {
+                "start": 89,
+                "end": 90
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-toolbar-item-focus-outline-style",
+                "value": "solid",
+                "scope": "default",
+                "line": {
+                    "start": 91,
+                    "end": 91
+                }
+            },
+            "group": [
+                "toolbar"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/toolbar/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "solid",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The border color of the focused Toolbar item.\n",
+            "commentRange": {
+                "start": 92,
+                "end": 93
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-toolbar-item-focus-outline-color",
+                "value": "if($kendo-enable-color-system, k-color( base-emphasis ), k-get-theme-color-var( neutral-130 ))",
+                "scope": "default",
+                "line": {
+                    "start": 94,
+                    "end": 94
+                }
+            },
+            "group": [
+                "toolbar"
+            ],
+            "access": "public",
+            "file": {
+                "path": "fluent/scss/toolbar/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-color-base-emphasis, #605e5c)",
+            "resolvedType": "String"
+        },
         {
             "description": "The sizes map for the Toolbar.\n",
             "commentRange": {
-                "start": 80,
-                "end": 81
+                "start": 96,
+                "end": 97
             },
             "context": {
                 "type": "variable",
@@ -81701,8 +82241,8 @@
                 "value": "(\n    sm: (\n        padding-x: $kendo-toolbar-sm-padding-x,\n        padding-y: $kendo-toolbar-sm-padding-y,\n        spacing: $kendo-toolbar-sm-spacing\n    ),\n    md: (\n        padding-x: $kendo-toolbar-md-padding-x,\n        padding-y: $kendo-toolbar-md-padding-y,\n        spacing: $kendo-toolbar-md-spacing\n    ),\n    lg: (\n        padding-x: $kendo-toolbar-lg-padding-x,\n        padding-y: $kendo-toolbar-lg-padding-y,\n        spacing: $kendo-toolbar-lg-spacing\n    )\n)",
                 "scope": "default",
                 "line": {
-                    "start": 82,
-                    "end": 98
+                    "start": 98,
+                    "end": 114
                 }
             },
             "group": [
@@ -106143,15 +106683,15 @@
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The font-family of the treemap.\n",
+                    "description": "The computed height of the Chart title.\n",
                     "commentRange": {
                         "start": 216,
                         "end": 217
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-treemap-font-family",
-                        "value": "var( --kendo-font-family, inherit )",
+                        "name": "kendo-chart-computed-title-height",
+                        "value": "0px",
                         "scope": "default",
                         "line": {
                             "start": 218,
@@ -106166,14 +106706,41 @@
                         "path": "fluent/scss/dataviz/_variables.scss",
                         "name": "_variables.scss"
                     },
+                    "resolvedValue": "0px",
+                    "resolvedType": "Number"
+                },
+                {
+                    "description": "The font-family of the treemap.\n",
+                    "commentRange": {
+                        "start": 220,
+                        "end": 221
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-treemap-font-family",
+                        "value": "var( --kendo-font-family, inherit )",
+                        "scope": "default",
+                        "line": {
+                            "start": 222,
+                            "end": 222
+                        }
+                    },
+                    "group": [
+                        "charts"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/dataviz/_variables.scss",
+                        "name": "_variables.scss"
+                    },
                     "resolvedValue": "var(--kendo-font-family, inherit)",
                     "resolvedType": "String"
                 },
                 {
                     "description": "The font-size of the treemap.\n",
                     "commentRange": {
-                        "start": 219,
-                        "end": 220
+                        "start": 223,
+                        "end": 224
                     },
                     "context": {
                         "type": "variable",
@@ -106181,8 +106748,8 @@
                         "value": "var( --kendo-font-size, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 221,
-                            "end": 221
+                            "start": 225,
+                            "end": 225
                         }
                     },
                     "group": [
@@ -106199,8 +106766,8 @@
                 {
                     "description": "The line-height of the treemap.\n",
                     "commentRange": {
-                        "start": 222,
-                        "end": 223
+                        "start": 226,
+                        "end": 227
                     },
                     "context": {
                         "type": "variable",
@@ -106208,8 +106775,8 @@
                         "value": "var( --kendo-line-height, normal )",
                         "scope": "default",
                         "line": {
-                            "start": 224,
-                            "end": 224
+                            "start": 228,
+                            "end": 228
                         }
                     },
                     "group": [
@@ -106226,8 +106793,8 @@
                 {
                     "description": "The background color of the treemap.\n",
                     "commentRange": {
-                        "start": 225,
-                        "end": 226
+                        "start": 229,
+                        "end": 230
                     },
                     "context": {
                         "type": "variable",
@@ -106235,8 +106802,8 @@
                         "value": "var( --kendo-component-bg, initial )",
                         "scope": "default",
                         "line": {
-                            "start": 227,
-                            "end": 227
+                            "start": 231,
+                            "end": 231
                         }
                     },
                     "group": [
@@ -106253,8 +106820,8 @@
                 {
                     "description": "The text color of the treemap.\n",
                     "commentRange": {
-                        "start": 228,
-                        "end": 229
+                        "start": 232,
+                        "end": 233
                     },
                     "context": {
                         "type": "variable",
@@ -106262,8 +106829,8 @@
                         "value": "var( --kendo-component-text, initial )",
                         "scope": "default",
                         "line": {
-                            "start": 230,
-                            "end": 230
+                            "start": 234,
+                            "end": 234
                         }
                     },
                     "group": [
@@ -106280,8 +106847,8 @@
                 {
                     "description": "The border color of the treemap.\n",
                     "commentRange": {
-                        "start": 231,
-                        "end": 232
+                        "start": 235,
+                        "end": 236
                     },
                     "context": {
                         "type": "variable",
@@ -106289,8 +106856,8 @@
                         "value": "var( --kendo-component-border, initial )",
                         "scope": "default",
                         "line": {
-                            "start": 233,
-                            "end": 233
+                            "start": 237,
+                            "end": 237
                         }
                     },
                     "group": [
@@ -106307,8 +106874,8 @@
                 {
                     "description": "The background color of the treemap title.\n",
                     "commentRange": {
-                        "start": 235,
-                        "end": 236
+                        "start": 239,
+                        "end": 240
                     },
                     "context": {
                         "type": "variable",
@@ -106316,8 +106883,8 @@
                         "value": "if($kendo-enable-color-system, k-color( surface ), k-get-theme-color-var( neutral-10 ))",
                         "scope": "default",
                         "line": {
-                            "start": 237,
-                            "end": 237
+                            "start": 241,
+                            "end": 241
                         }
                     },
                     "group": [
@@ -106334,8 +106901,8 @@
                 {
                     "description": "The text color of the treemap title.\n",
                     "commentRange": {
-                        "start": 238,
-                        "end": 239
+                        "start": 242,
+                        "end": 243
                     },
                     "context": {
                         "type": "variable",
@@ -106343,8 +106910,8 @@
                         "value": "if($kendo-enable-color-system, k-color( on-app-surface ), $kendo-color-black)",
                         "scope": "default",
                         "line": {
-                            "start": 240,
-                            "end": 240
+                            "start": 244,
+                            "end": 244
                         }
                     },
                     "group": [
@@ -106361,8 +106928,8 @@
                 {
                     "description": "The border color of the treemap title.\n",
                     "commentRange": {
-                        "start": 241,
-                        "end": 242
+                        "start": 245,
+                        "end": 246
                     },
                     "context": {
                         "type": "variable",
@@ -106370,8 +106937,8 @@
                         "value": "var( --kendo-component-border, initial )",
                         "scope": "default",
                         "line": {
-                            "start": 243,
-                            "end": 243
+                            "start": 247,
+                            "end": 247
                         }
                     },
                     "group": [
@@ -106384,6 +106951,141 @@
                     },
                     "resolvedValue": "var(--kendo-component-border, initial)",
                     "resolvedType": "String"
+                },
+                {
+                    "description": "The background color of the Chart overlay.\n",
+                    "commentRange": {
+                        "start": 250,
+                        "end": 251
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-chart-overlay-bg",
+                        "value": "if($kendo-enable-color-system, k-color(app-surface), $kendo-color-white)",
+                        "scope": "default",
+                        "line": {
+                            "start": 252,
+                            "end": 252
+                        }
+                    },
+                    "group": [
+                        "charts"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/dataviz/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-color-app-surface, #ffffff)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The font-size of the Chart no data message.\n",
+                    "commentRange": {
+                        "start": 255,
+                        "end": 256
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-chart-no-data-font-size",
+                        "value": "var( --kendo-font-size-lg, inherit )",
+                        "scope": "default",
+                        "line": {
+                            "start": 257,
+                            "end": 257
+                        }
+                    },
+                    "group": [
+                        "charts"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/dataviz/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-font-size-lg, inherit)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The font-weight of the Chart no data message.\n",
+                    "commentRange": {
+                        "start": 258,
+                        "end": 259
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-chart-no-data-font-weight",
+                        "value": "var( --kendo-font-weight, normal )",
+                        "scope": "default",
+                        "line": {
+                            "start": 260,
+                            "end": 260
+                        }
+                    },
+                    "group": [
+                        "charts"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/dataviz/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-font-weight, normal)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The text color of the Chart no data message.\n",
+                    "commentRange": {
+                        "start": 261,
+                        "end": 262
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-chart-no-data-text",
+                        "value": "if($kendo-enable-color-system, k-color( on-app-surface ), k-get-theme-color-var( neutral-160 ))",
+                        "scope": "default",
+                        "line": {
+                            "start": 263,
+                            "end": 263
+                        }
+                    },
+                    "group": [
+                        "charts"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/dataviz/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-color-on-app-surface, #323130)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The vertical padding of the Chart no data message.\n",
+                    "commentRange": {
+                        "start": 264,
+                        "end": 265
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-chart-no-data-padding-y",
+                        "value": "k-spacing( 25 )",
+                        "scope": "default",
+                        "line": {
+                            "start": 266,
+                            "end": 266
+                        }
+                    },
+                    "group": [
+                        "charts"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/dataviz/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-spacing-25, 7rem)",
+                    "resolvedType": "String"
                 }
             ]
         },
@@ -137298,15 +138000,15 @@
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The text color of the 'No Data' text.\n",
+                    "description": "The color of the 'Option Label' text.\n",
                     "commentRange": {
                         "start": 276,
                         "end": 277
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-list-no-data-text",
-                        "value": "if($kendo-enable-color-system, k-color( on-app-surface ), k-get-theme-color-var( neutral-160 ))",
+                        "name": "kendo-list-option-label-text",
+                        "value": "$kendo-subtle-text",
                         "scope": "default",
                         "line": {
                             "start": 278,
@@ -137321,23 +138023,23 @@
                         "path": "fluent/scss/list/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-on-app-surface, #323130)",
+                    "resolvedValue": "var(--kendo-color-subtle, #605e5c)",
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The color of the 'Option Label' text.\n",
+                    "description": "The color of the disabled 'Option Label' text.\n",
                     "commentRange": {
-                        "start": 280,
-                        "end": 281
+                        "start": 279,
+                        "end": 280
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-list-option-label-text",
-                        "value": "$kendo-subtle-text",
+                        "name": "kendo-list-option-label-disabled-text",
+                        "value": "$kendo-disabled-text",
                         "scope": "default",
                         "line": {
-                            "start": 282,
-                            "end": 282
+                            "start": 281,
+                            "end": 281
                         }
                     },
                     "group": [
@@ -137348,23 +138050,23 @@
                         "path": "fluent/scss/list/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-subtle, #605e5c)",
+                    "resolvedValue": "color-mix(in srgb, var(--kendo-color-on-app-surface, #323130) 46%, transparent)",
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The color of the disabled 'Option Label' text.\n",
+                    "description": "The text color of the 'No Data' text.\n",
                     "commentRange": {
-                        "start": 283,
-                        "end": 284
+                        "start": 6,
+                        "end": 7
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-list-option-label-disabled-text",
-                        "value": "$kendo-disabled-text",
+                        "name": "kendo-no-data-text",
+                        "value": "if($kendo-enable-color-system, k-color( on-app-surface ), k-get-theme-color-var( neutral-160 ))",
                         "scope": "default",
                         "line": {
-                            "start": 285,
-                            "end": 285
+                            "start": 8,
+                            "end": 8
                         }
                     },
                     "group": [
@@ -137372,10 +138074,10 @@
                     ],
                     "access": "public",
                     "file": {
-                        "path": "fluent/scss/list/_variables.scss",
+                        "path": "fluent/scss/no-data/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "color-mix(in srgb, var(--kendo-color-on-app-surface, #323130) 46%, transparent)",
+                    "resolvedValue": "var(--kendo-color-on-app-surface, #323130)",
                     "resolvedType": "String"
                 }
             ]
@@ -143135,6 +143837,39 @@
                 }
             ]
         },
+        {
+            "id": "no-data",
+            "title": "NoData",
+            "variables": [
+                {
+                    "description": "The minimum height of the 'No Data' text container.\n",
+                    "commentRange": {
+                        "start": 3,
+                        "end": 4
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-no-data-min-height",
+                        "value": "140px",
+                        "scope": "default",
+                        "line": {
+                            "start": 5,
+                            "end": 5
+                        }
+                    },
+                    "group": [
+                        "no-data"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/no-data/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "140px",
+                    "resolvedType": "Number"
+                }
+            ]
+        },
         {
             "id": "notification",
             "title": "Notification",
@@ -144884,7 +145619,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-orgchart-line-v-height",
-                        "value": "25px",
+                        "value": "k-spacing(6)",
                         "scope": "default",
                         "line": {
                             "start": 152,
@@ -144899,8 +145634,8 @@
                         "path": "fluent/scss/orgchart/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "25px",
-                    "resolvedType": "Number"
+                    "resolvedValue": "var(--kendo-spacing-6, 1.5rem)",
+                    "resolvedType": "String"
                 }
             ]
         },
@@ -145804,6 +146539,195 @@
                     },
                     "resolvedValue": "var(--kendo-color-subtle, #605e5c)",
                     "resolvedType": "String"
+                },
+                {
+                    "description": "The vertical padding of the PDFViewer popup.\n",
+                    "commentRange": {
+                        "start": 103,
+                        "end": 104
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-pdf-viewer-popup-padding-x",
+                        "value": "k-spacing(2)",
+                        "scope": "default",
+                        "line": {
+                            "start": 105,
+                            "end": 105
+                        }
+                    },
+                    "group": [
+                        "pdf-viewer"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/pdf-viewer/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-spacing-2, 0.5rem)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The horizontal padding of the PDFViewer popup.\n",
+                    "commentRange": {
+                        "start": 106,
+                        "end": 107
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-pdf-viewer-popup-padding-y",
+                        "value": "$kendo-pdf-viewer-popup-padding-x",
+                        "scope": "default",
+                        "line": {
+                            "start": 108,
+                            "end": 108
+                        }
+                    },
+                    "group": [
+                        "pdf-viewer"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/pdf-viewer/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-spacing-2, 0.5rem)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The border color of the PDFViewer selected highlight annotation.\n",
+                    "commentRange": {
+                        "start": 110,
+                        "end": 111
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-pdf-viewer-highlight-annotation-border",
+                        "value": "if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 ))",
+                        "scope": "default",
+                        "line": {
+                            "start": 112,
+                            "end": 112
+                        }
+                    },
+                    "group": [
+                        "pdf-viewer"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/pdf-viewer/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-color-primary, #0078d4)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The background color of the PDFViewer hover highlight annotation.\n",
+                    "commentRange": {
+                        "start": 113,
+                        "end": 114
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-pdf-viewer-highlight-annotation-hover-border",
+                        "value": "if($kendo-enable-color-system, k-color( primary-hover ), k-get-theme-color-var( primary-110 ))",
+                        "scope": "default",
+                        "line": {
+                            "start": 115,
+                            "end": 115
+                        }
+                    },
+                    "group": [
+                        "pdf-viewer"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/pdf-viewer/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-color-primary-hover, #106ebe)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The border color of the PDFViewer selected free text annotation.\n",
+                    "commentRange": {
+                        "start": 116,
+                        "end": 117
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-pdf-viewer-free-text-annotation-border",
+                        "value": "if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 ))",
+                        "scope": "default",
+                        "line": {
+                            "start": 118,
+                            "end": 118
+                        }
+                    },
+                    "group": [
+                        "pdf-viewer"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/pdf-viewer/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-color-primary, #0078d4)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The placeholder text color of the PDFViewer free text annotation.\n",
+                    "commentRange": {
+                        "start": 119,
+                        "end": 120
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-pdf-viewer-free-text-annotation-placeholder-text",
+                        "value": "rgba(124, 22, 27, 0.5)",
+                        "scope": "default",
+                        "line": {
+                            "start": 121,
+                            "end": 121
+                        }
+                    },
+                    "group": [
+                        "pdf-viewer"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/pdf-viewer/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "rgba(124, 22, 27, 0.5)",
+                    "resolvedType": "Color"
+                },
+                {
+                    "description": "The text color of the PDFViewer free text annotation.\n",
+                    "commentRange": {
+                        "start": 122,
+                        "end": 123
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-pdf-viewer-free-text-annotation-text",
+                        "value": "rgba(124, 22, 27, 0.7)",
+                        "scope": "default",
+                        "line": {
+                            "start": 124,
+                            "end": 124
+                        }
+                    },
+                    "group": [
+                        "pdf-viewer"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/pdf-viewer/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "rgba(124, 22, 27, 0.7)",
+                    "resolvedType": "Color"
                 }
             ]
         },
@@ -163751,11 +164675,38 @@
                     "resolvedValue": "var(--kendo-spacing-1\\.5, 0.375rem)",
                     "resolvedType": "String"
                 },
+                {
+                    "description": "The border radius of the Stepper label.\n",
+                    "commentRange": {
+                        "start": 36,
+                        "end": 37
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-stepper-label-border-radius",
+                        "value": "k-border-radius(xxl)",
+                        "scope": "default",
+                        "line": {
+                            "start": 38,
+                            "end": 38
+                        }
+                    },
+                    "group": [
+                        "stepper"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/stepper/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-border-radius-xxl, 1rem)",
+                    "resolvedType": "String"
+                },
                 {
                     "description": "The horizontal padding of the Stepper content.\n",
                     "commentRange": {
-                        "start": 37,
-                        "end": 38
+                        "start": 40,
+                        "end": 41
                     },
                     "context": {
                         "type": "variable",
@@ -163763,8 +164714,8 @@
                         "value": "k-spacing(5)",
                         "scope": "default",
                         "line": {
-                            "start": 39,
-                            "end": 39
+                            "start": 42,
+                            "end": 42
                         }
                     },
                     "group": [
@@ -163781,8 +164732,8 @@
                 {
                     "description": "The vertical padding of the Stepper content.\n",
                     "commentRange": {
-                        "start": 40,
-                        "end": 41
+                        "start": 43,
+                        "end": 44
                     },
                     "context": {
                         "type": "variable",
@@ -163790,8 +164741,8 @@
                         "value": "k-spacing(3)",
                         "scope": "default",
                         "line": {
-                            "start": 42,
-                            "end": 42
+                            "start": 45,
+                            "end": 45
                         }
                     },
                     "group": [
@@ -163808,8 +164759,8 @@
                 {
                     "description": "The width of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 44,
-                        "end": 45
+                        "start": 47,
+                        "end": 48
                     },
                     "context": {
                         "type": "variable",
@@ -163817,8 +164768,8 @@
                         "value": "k-spacing(7.5)",
                         "scope": "default",
                         "line": {
-                            "start": 46,
-                            "end": 46
+                            "start": 49,
+                            "end": 49
                         }
                     },
                     "group": [
@@ -163835,8 +164786,8 @@
                 {
                     "description": "The height of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 47,
-                        "end": 48
+                        "start": 50,
+                        "end": 51
                     },
                     "context": {
                         "type": "variable",
@@ -163844,8 +164795,8 @@
                         "value": "$kendo-stepper-indicator-width",
                         "scope": "default",
                         "line": {
-                            "start": 49,
-                            "end": 49
+                            "start": 52,
+                            "end": 52
                         }
                     },
                     "group": [
@@ -163862,8 +164813,8 @@
                 {
                     "description": "The border width of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 50,
-                        "end": 51
+                        "start": 53,
+                        "end": 54
                     },
                     "context": {
                         "type": "variable",
@@ -163871,8 +164822,8 @@
                         "value": "1px",
                         "scope": "default",
                         "line": {
-                            "start": 52,
-                            "end": 52
+                            "start": 55,
+                            "end": 55
                         }
                     },
                     "group": [
@@ -163889,8 +164840,8 @@
                 {
                     "description": "The border radius of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 53,
-                        "end": 54
+                        "start": 56,
+                        "end": 57
                     },
                     "context": {
                         "type": "variable",
@@ -163898,8 +164849,8 @@
                         "value": "50%",
                         "scope": "default",
                         "line": {
-                            "start": 55,
-                            "end": 55
+                            "start": 58,
+                            "end": 58
                         }
                     },
                     "group": [
@@ -163916,8 +164867,8 @@
                 {
                     "description": "The border width of the focused Stepper indicator.\n",
                     "commentRange": {
-                        "start": 57,
-                        "end": 58
+                        "start": 60,
+                        "end": 61
                     },
                     "context": {
                         "type": "variable",
@@ -163925,8 +164876,8 @@
                         "value": "$kendo-stepper-indicator-border-width",
                         "scope": "default",
                         "line": {
-                            "start": 59,
-                            "end": 59
+                            "start": 62,
+                            "end": 62
                         }
                     },
                     "group": [
@@ -163943,8 +164894,8 @@
                 {
                     "description": "The size of the focused Stepper indicator.\n",
                     "commentRange": {
-                        "start": 60,
-                        "end": 61
+                        "start": 63,
+                        "end": 64
                     },
                     "context": {
                         "type": "variable",
@@ -163952,8 +164903,8 @@
                         "value": "k-spacing(0.5)",
                         "scope": "default",
                         "line": {
-                            "start": 62,
-                            "end": 62
+                            "start": 65,
+                            "end": 65
                         }
                     },
                     "group": [
@@ -163970,8 +164921,8 @@
                 {
                     "description": "The offset of the Stepper's focused indicator.\n",
                     "commentRange": {
-                        "start": 63,
-                        "end": 64
+                        "start": 66,
+                        "end": 67
                     },
                     "context": {
                         "type": "variable",
@@ -163979,8 +164930,8 @@
                         "value": "3px",
                         "scope": "default",
                         "line": {
-                            "start": 65,
-                            "end": 65
+                            "start": 68,
+                            "end": 68
                         }
                     },
                     "group": [
@@ -163997,8 +164948,8 @@
                 {
                     "description": "The calculated offset of the Stepper's focused indicator.\n",
                     "commentRange": {
-                        "start": 66,
-                        "end": 67
+                        "start": 69,
+                        "end": 70
                     },
                     "context": {
                         "type": "variable",
@@ -164006,8 +164957,8 @@
                         "value": "calc( #{$kendo-stepper-indicator-focus-border-width} + #{$kendo-stepper-indicator-focus-offset} )",
                         "scope": "default",
                         "line": {
-                            "start": 68,
-                            "end": 68
+                            "start": 71,
+                            "end": 71
                         }
                     },
                     "group": [
@@ -164024,8 +164975,8 @@
                 {
                     "description": "The background color of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 70,
-                        "end": 71
+                        "start": 73,
+                        "end": 74
                     },
                     "context": {
                         "type": "variable",
@@ -164033,8 +164984,8 @@
                         "value": "var( --kendo-component-bg, initial )",
                         "scope": "default",
                         "line": {
-                            "start": 72,
-                            "end": 72
+                            "start": 75,
+                            "end": 75
                         }
                     },
                     "group": [
@@ -164051,8 +165002,8 @@
                 {
                     "description": "The text color of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 73,
-                        "end": 74
+                        "start": 76,
+                        "end": 77
                     },
                     "context": {
                         "type": "variable",
@@ -164060,8 +165011,8 @@
                         "value": "var( --kendo-component-text, initial )",
                         "scope": "default",
                         "line": {
-                            "start": 75,
-                            "end": 75
+                            "start": 78,
+                            "end": 78
                         }
                     },
                     "group": [
@@ -164078,8 +165029,8 @@
                 {
                     "description": "The border color of the Stepper indicator.\n",
                     "commentRange": {
-                        "start": 76,
-                        "end": 77
+                        "start": 79,
+                        "end": 80
                     },
                     "context": {
                         "type": "variable",
@@ -164087,8 +165038,8 @@
                         "value": "if($kendo-enable-color-system, k-color( border ), k-get-theme-color-var( neutral-110 ))",
                         "scope": "default",
                         "line": {
-                            "start": 78,
-                            "end": 78
+                            "start": 81,
+                            "end": 81
                         }
                     },
                     "group": [
@@ -164105,8 +165056,8 @@
                 {
                     "description": "The background color of the hovered Stepper indicator.\n",
                     "commentRange": {
-                        "start": 80,
-                        "end": 81
+                        "start": 83,
+                        "end": 84
                     },
                     "context": {
                         "type": "variable",
@@ -164114,8 +165065,8 @@
                         "value": "var( --kendo-hover-bg, initial )",
                         "scope": "default",
                         "line": {
-                            "start": 82,
-                            "end": 82
+                            "start": 85,
+                            "end": 85
                         }
                     },
                     "group": [
@@ -164132,8 +165083,8 @@
                 {
                     "description": "The text color of the hovered Stepper indicator.\n",
                     "commentRange": {
-                        "start": 83,
-                        "end": 84
+                        "start": 86,
+                        "end": 87
                     },
                     "context": {
                         "type": "variable",
@@ -164141,8 +165092,8 @@
                         "value": "var( --kendo-hover-text, initial )",
                         "scope": "default",
                         "line": {
-                            "start": 85,
-                            "end": 85
+                            "start": 88,
+                            "end": 88
                         }
                     },
                     "group": [
@@ -164159,8 +165110,8 @@
                 {
                     "description": "The border color of the hovered Stepper indicator.\n",
                     "commentRange": {
-                        "start": 86,
-                        "end": 87
+                        "start": 89,
+                        "end": 90
                     },
                     "context": {
                         "type": "variable",
@@ -164168,8 +165119,8 @@
                         "value": "$kendo-stepper-indicator-border",
                         "scope": "default",
                         "line": {
-                            "start": 88,
-                            "end": 88
+                            "start": 91,
+                            "end": 91
                         }
                     },
                     "group": [
@@ -164186,8 +165137,8 @@
                 {
                     "description": "The background color of the disabled Stepper indicator.\n",
                     "commentRange": {
-                        "start": 90,
-                        "end": 91
+                        "start": 93,
+                        "end": 94
                     },
                     "context": {
                         "type": "variable",
@@ -164195,8 +165146,8 @@
                         "value": "var( --kendo-disabled-bg, initial )",
                         "scope": "default",
                         "line": {
-                            "start": 92,
-                            "end": 92
+                            "start": 95,
+                            "end": 95
                         }
                     },
                     "group": [
@@ -164213,8 +165164,8 @@
                 {
                     "description": "The text color of the disabled Stepper indicator.\n",
                     "commentRange": {
-                        "start": 93,
-                        "end": 94
+                        "start": 96,
+                        "end": 97
                     },
                     "context": {
                         "type": "variable",
@@ -164222,8 +165173,8 @@
                         "value": "var( --kendo-disabled-text, initial)",
                         "scope": "default",
                         "line": {
-                            "start": 95,
-                            "end": 95
+                            "start": 98,
+                            "end": 98
                         }
                     },
                     "group": [
@@ -164240,8 +165191,8 @@
                 {
                     "description": "The border color of the disabled Stepper indicator.\n",
                     "commentRange": {
-                        "start": 96,
-                        "end": 97
+                        "start": 99,
+                        "end": 100
                     },
                     "context": {
                         "type": "variable",
@@ -164249,8 +165200,8 @@
                         "value": "var( --kendo-disabled-border, initial )",
                         "scope": "default",
                         "line": {
-                            "start": 98,
-                            "end": 98
+                            "start": 101,
+                            "end": 101
                         }
                     },
                     "group": [
@@ -164267,8 +165218,8 @@
                 {
                     "description": "The background color of the Stepper's done indicator.\n",
                     "commentRange": {
-                        "start": 100,
-                        "end": 101
+                        "start": 103,
+                        "end": 104
                     },
                     "context": {
                         "type": "variable",
@@ -164276,8 +165227,8 @@
                         "value": "if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 ))",
                         "scope": "default",
                         "line": {
-                            "start": 102,
-                            "end": 102
+                            "start": 105,
+                            "end": 105
                         }
                     },
                     "group": [
@@ -164294,8 +165245,8 @@
                 {
                     "description": "The text color of the Stepper's done indicator.\n",
                     "commentRange": {
-                        "start": 103,
-                        "end": 104
+                        "start": 106,
+                        "end": 107
                     },
                     "context": {
                         "type": "variable",
@@ -164303,8 +165254,8 @@
                         "value": "if($kendo-enable-color-system, k-color( on-primary ), $kendo-color-white)",
                         "scope": "default",
                         "line": {
-                            "start": 105,
-                            "end": 105
+                            "start": 108,
+                            "end": 108
                         }
                     },
                     "group": [
@@ -164321,8 +165272,8 @@
                 {
                     "description": "The border color of the Stepper's done indicator.\n",
                     "commentRange": {
-                        "start": 106,
-                        "end": 107
+                        "start": 109,
+                        "end": 110
                     },
                     "context": {
                         "type": "variable",
@@ -164330,8 +165281,8 @@
                         "value": "$kendo-stepper-indicator-done-bg",
                         "scope": "default",
                         "line": {
-                            "start": 108,
-                            "end": 108
+                            "start": 111,
+                            "end": 111
                         }
                     },
                     "group": [
@@ -164348,8 +165299,8 @@
                 {
                     "description": "The background color of the Stepper's hovered done indicator.\n",
                     "commentRange": {
-                        "start": 110,
-                        "end": 111
+                        "start": 113,
+                        "end": 114
                     },
                     "context": {
                         "type": "variable",
@@ -164357,8 +165308,8 @@
                         "value": "if($kendo-enable-color-system, k-color( primary-hover ), k-get-theme-color-var( primary-110 ))",
                         "scope": "default",
                         "line": {
-                            "start": 112,
-                            "end": 112
+                            "start": 115,
+                            "end": 115
                         }
                     },
                     "group": [
@@ -164375,8 +165326,8 @@
                 {
                     "description": "The text color of the Stepper's hovered done indicator.\n",
                     "commentRange": {
-                        "start": 113,
-                        "end": 114
+                        "start": 116,
+                        "end": 117
                     },
                     "context": {
                         "type": "variable",
@@ -164384,8 +165335,8 @@
                         "value": "$kendo-stepper-indicator-done-text",
                         "scope": "default",
                         "line": {
-                            "start": 115,
-                            "end": 115
+                            "start": 118,
+                            "end": 118
                         }
                     },
                     "group": [
@@ -164402,8 +165353,8 @@
                 {
                     "description": "The border color of the Stepper's hovered done indicator.\n",
                     "commentRange": {
-                        "start": 116,
-                        "end": 117
+                        "start": 119,
+                        "end": 120
                     },
                     "context": {
                         "type": "variable",
@@ -164411,8 +165362,8 @@
                         "value": "$kendo-stepper-indicator-done-hover-bg",
                         "scope": "default",
                         "line": {
-                            "start": 118,
-                            "end": 118
+                            "start": 121,
+                            "end": 121
                         }
                     },
                     "group": [
@@ -164429,8 +165380,8 @@
                 {
                     "description": "The background color of the Stepper's disabled done indicator.\n",
                     "commentRange": {
-                        "start": 120,
-                        "end": 121
+                        "start": 123,
+                        "end": 124
                     },
                     "context": {
                         "type": "variable",
@@ -164438,8 +165389,8 @@
                         "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 22%, transparent), k-get-theme-color-var( primary-30 ))",
                         "scope": "default",
                         "line": {
-                            "start": 122,
-                            "end": 122
+                            "start": 125,
+                            "end": 125
                         }
                     },
                     "group": [
@@ -164456,8 +165407,8 @@
                 {
                     "description": "The text color of the Stepper's disabled done indicator.\n",
                     "commentRange": {
-                        "start": 123,
-                        "end": 124
+                        "start": 126,
+                        "end": 127
                     },
                     "context": {
                         "type": "variable",
@@ -164465,8 +165416,8 @@
                         "value": "var( --kendo-disabled-text, initial )",
                         "scope": "default",
                         "line": {
-                            "start": 125,
-                            "end": 125
+                            "start": 128,
+                            "end": 128
                         }
                     },
                     "group": [
@@ -164483,8 +165434,8 @@
                 {
                     "description": "The border color of the Stepper's disabled done indicator.\n",
                     "commentRange": {
-                        "start": 126,
-                        "end": 127
+                        "start": 129,
+                        "end": 130
                     },
                     "context": {
                         "type": "variable",
@@ -164492,8 +165443,8 @@
                         "value": "var( --kendo-disabled-border, initial )",
                         "scope": "default",
                         "line": {
-                            "start": 128,
-                            "end": 128
+                            "start": 131,
+                            "end": 131
                         }
                     },
                     "group": [
@@ -164510,8 +165461,8 @@
                 {
                     "description": "The background color of the Stepper current indicator.\n",
                     "commentRange": {
-                        "start": 130,
-                        "end": 131
+                        "start": 133,
+                        "end": 134
                     },
                     "context": {
                         "type": "variable",
@@ -164519,8 +165470,8 @@
                         "value": "if($kendo-enable-color-system, k-color( primary-active ), k-get-theme-color-var( primary-120 ))",
                         "scope": "default",
                         "line": {
-                            "start": 132,
-                            "end": 132
+                            "start": 135,
+                            "end": 135
                         }
                     },
                     "group": [
@@ -164537,8 +165488,8 @@
                 {
                     "description": "The text color of the Stepper current indicator.\n",
                     "commentRange": {
-                        "start": 133,
-                        "end": 134
+                        "start": 136,
+                        "end": 137
                     },
                     "context": {
                         "type": "variable",
@@ -164546,8 +165497,8 @@
                         "value": "$kendo-stepper-indicator-done-text",
                         "scope": "default",
                         "line": {
-                            "start": 135,
-                            "end": 135
+                            "start": 138,
+                            "end": 138
                         }
                     },
                     "group": [
@@ -164564,8 +165515,8 @@
                 {
                     "description": "The border color of the Stepper current indicator.\n",
                     "commentRange": {
-                        "start": 136,
-                        "end": 137
+                        "start": 139,
+                        "end": 140
                     },
                     "context": {
                         "type": "variable",
@@ -164573,8 +165524,8 @@
                         "value": "$kendo-stepper-indicator-current-bg",
                         "scope": "default",
                         "line": {
-                            "start": 138,
-                            "end": 138
+                            "start": 141,
+                            "end": 141
                         }
                     },
                     "group": [
@@ -164591,8 +165542,8 @@
                 {
                     "description": "The background color of the Stepper's hovered current indicator.\n",
                     "commentRange": {
-                        "start": 140,
-                        "end": 141
+                        "start": 143,
+                        "end": 144
                     },
                     "context": {
                         "type": "variable",
@@ -164600,8 +165551,8 @@
                         "value": "$kendo-stepper-indicator-done-hover-bg",
                         "scope": "default",
                         "line": {
-                            "start": 142,
-                            "end": 142
+                            "start": 145,
+                            "end": 145
                         }
                     },
                     "group": [
@@ -164618,8 +165569,8 @@
                 {
                     "description": "The text color of the Stepper's hovered current indicator.\n",
                     "commentRange": {
-                        "start": 143,
-                        "end": 144
+                        "start": 146,
+                        "end": 147
                     },
                     "context": {
                         "type": "variable",
@@ -164627,8 +165578,8 @@
                         "value": "$kendo-stepper-indicator-done-hover-text",
                         "scope": "default",
                         "line": {
-                            "start": 145,
-                            "end": 145
+                            "start": 148,
+                            "end": 148
                         }
                     },
                     "group": [
@@ -164645,8 +165596,8 @@
                 {
                     "description": "The border color of the Stepper's hovered current indicator.\n",
                     "commentRange": {
-                        "start": 146,
-                        "end": 147
+                        "start": 149,
+                        "end": 150
                     },
                     "context": {
                         "type": "variable",
@@ -164654,8 +165605,8 @@
                         "value": "$kendo-stepper-indicator-done-hover-border",
                         "scope": "default",
                         "line": {
-                            "start": 148,
-                            "end": 148
+                            "start": 151,
+                            "end": 151
                         }
                     },
                     "group": [
@@ -164672,8 +165623,8 @@
                 {
                     "description": "The background color of the Stepper's disabled current indicator.\n",
                     "commentRange": {
-                        "start": 150,
-                        "end": 151
+                        "start": 153,
+                        "end": 154
                     },
                     "context": {
                         "type": "variable",
@@ -164681,8 +165632,8 @@
                         "value": "$kendo-stepper-indicator-done-disabled-bg",
                         "scope": "default",
                         "line": {
-                            "start": 152,
-                            "end": 152
+                            "start": 155,
+                            "end": 155
                         }
                     },
                     "group": [
@@ -164699,8 +165650,8 @@
                 {
                     "description": "The text color of the Stepper's disabled current indicator.\n",
                     "commentRange": {
-                        "start": 153,
-                        "end": 154
+                        "start": 156,
+                        "end": 157
                     },
                     "context": {
                         "type": "variable",
@@ -164708,8 +165659,8 @@
                         "value": "$kendo-stepper-indicator-done-disabled-text",
                         "scope": "default",
                         "line": {
-                            "start": 155,
-                            "end": 155
+                            "start": 158,
+                            "end": 158
                         }
                     },
                     "group": [
@@ -164726,8 +165677,8 @@
                 {
                     "description": "The border color of the Stepper's disabled current indicator.\n",
                     "commentRange": {
-                        "start": 156,
-                        "end": 157
+                        "start": 159,
+                        "end": 160
                     },
                     "context": {
                         "type": "variable",
@@ -164735,8 +165686,8 @@
                         "value": "$kendo-stepper-indicator-done-disabled-border",
                         "scope": "default",
                         "line": {
-                            "start": 158,
-                            "end": 158
+                            "start": 161,
+                            "end": 161
                         }
                     },
                     "group": [
@@ -164753,8 +165704,8 @@
                 {
                     "description": "The text color of the Stepper label.\n",
                     "commentRange": {
-                        "start": 160,
-                        "end": 161
+                        "start": 163,
+                        "end": 164
                     },
                     "context": {
                         "type": "variable",
@@ -164762,8 +165713,8 @@
                         "value": "inherit",
                         "scope": "default",
                         "line": {
-                            "start": 162,
-                            "end": 162
+                            "start": 165,
+                            "end": 165
                         }
                     },
                     "group": [
@@ -164780,8 +165731,8 @@
                 {
                     "description": "The success text color of the Stepper label.\n",
                     "commentRange": {
-                        "start": 163,
-                        "end": 164
+                        "start": 166,
+                        "end": 167
                     },
                     "context": {
                         "type": "variable",
@@ -164789,8 +165740,8 @@
                         "value": "if($kendo-enable-color-system, k-color( success-on-surface ), k-get-theme-color-var( success-190 ))",
                         "scope": "default",
                         "line": {
-                            "start": 165,
-                            "end": 165
+                            "start": 168,
+                            "end": 168
                         }
                     },
                     "group": [
@@ -164807,8 +165758,8 @@
                 {
                     "description": "The error text color of the Stepper label.\n",
                     "commentRange": {
-                        "start": 166,
-                        "end": 167
+                        "start": 169,
+                        "end": 170
                     },
                     "context": {
                         "type": "variable",
@@ -164816,8 +165767,8 @@
                         "value": "if($kendo-enable-color-system, k-color( error-on-surface ), k-get-theme-color-var( error-190 ))",
                         "scope": "default",
                         "line": {
-                            "start": 168,
-                            "end": 168
+                            "start": 171,
+                            "end": 171
                         }
                     },
                     "group": [
@@ -164834,8 +165785,8 @@
                 {
                     "description": "The text color of the hovered Stepper label.\n",
                     "commentRange": {
-                        "start": 169,
-                        "end": 170
+                        "start": 172,
+                        "end": 173
                     },
                     "context": {
                         "type": "variable",
@@ -164843,8 +165794,8 @@
                         "value": "$kendo-stepper-text",
                         "scope": "default",
                         "line": {
-                            "start": 171,
-                            "end": 171
+                            "start": 174,
+                            "end": 174
                         }
                     },
                     "group": [
@@ -164861,8 +165812,8 @@
                 {
                     "description": "The text color of the disabled Stepper label.\n",
                     "commentRange": {
-                        "start": 172,
-                        "end": 173
+                        "start": 175,
+                        "end": 176
                     },
                     "context": {
                         "type": "variable",
@@ -164870,8 +165821,8 @@
                         "value": "var( --kendo-disabled-text, initial )",
                         "scope": "default",
                         "line": {
-                            "start": 174,
-                            "end": 174
+                            "start": 177,
+                            "end": 177
                         }
                     },
                     "group": [
@@ -164888,8 +165839,8 @@
                 {
                     "description": "The font weight of the disabled Stepper label.\n",
                     "commentRange": {
-                        "start": 175,
-                        "end": 176
+                        "start": 178,
+                        "end": 179
                     },
                     "context": {
                         "type": "variable",
@@ -164897,8 +165848,8 @@
                         "value": "var( --kendo-font-weight-bold, bold )",
                         "scope": "default",
                         "line": {
-                            "start": 177,
-                            "end": 177
+                            "start": 180,
+                            "end": 180
                         }
                     },
                     "group": [
@@ -164915,8 +165866,8 @@
                 {
                     "description": "The text color of the optional Stepper label.\n",
                     "commentRange": {
-                        "start": 179,
-                        "end": 180
+                        "start": 182,
+                        "end": 183
                     },
                     "context": {
                         "type": "variable",
@@ -164924,8 +165875,8 @@
                         "value": "if($kendo-enable-color-system, k-color( subtle ), k-get-theme-color-var( neutral-130 ))",
                         "scope": "default",
                         "line": {
-                            "start": 181,
-                            "end": 181
+                            "start": 184,
+                            "end": 184
                         }
                     },
                     "group": [
@@ -164942,8 +165893,8 @@
                 {
                     "description": "The font size of the optional Stepper label.\n",
                     "commentRange": {
-                        "start": 182,
-                        "end": 183
+                        "start": 185,
+                        "end": 186
                     },
                     "context": {
                         "type": "variable",
@@ -164951,8 +165902,8 @@
                         "value": "inherit",
                         "scope": "default",
                         "line": {
-                            "start": 184,
-                            "end": 184
+                            "start": 187,
+                            "end": 187
                         }
                     },
                     "group": [
@@ -164969,8 +165920,8 @@
                 {
                     "description": "The font style of the optional Stepper label.\n",
                     "commentRange": {
-                        "start": 185,
-                        "end": 186
+                        "start": 188,
+                        "end": 189
                     },
                     "context": {
                         "type": "variable",
@@ -164978,8 +165929,8 @@
                         "value": "italic",
                         "scope": "default",
                         "line": {
-                            "start": 187,
-                            "end": 187
+                            "start": 190,
+                            "end": 190
                         }
                     },
                     "group": [
@@ -164996,8 +165947,8 @@
                 {
                     "description": "The size of the Stepper ProgressBar.\n",
                     "commentRange": {
-                        "start": 189,
-                        "end": 190
+                        "start": 192,
+                        "end": 193
                     },
                     "context": {
                         "type": "variable",
@@ -165005,8 +165956,8 @@
                         "value": "k-spacing(0.5)",
                         "scope": "default",
                         "line": {
-                            "start": 191,
-                            "end": 191
+                            "start": 194,
+                            "end": 194
                         }
                     },
                     "group": [
@@ -165023,8 +165974,8 @@
                 {
                     "description": "The property name of the Stepper transition.\n",
                     "commentRange": {
-                        "start": 193,
-                        "end": 194
+                        "start": 196,
+                        "end": 197
                     },
                     "context": {
                         "type": "variable",
@@ -165032,8 +165983,8 @@
                         "value": "none",
                         "scope": "default",
                         "line": {
-                            "start": 195,
-                            "end": 195
+                            "start": 198,
+                            "end": 198
                         }
                     },
                     "group": [
@@ -165050,8 +166001,8 @@
                 {
                     "description": "The duration of the Stepper transition.\n",
                     "commentRange": {
-                        "start": 196,
-                        "end": 197
+                        "start": 199,
+                        "end": 200
                     },
                     "context": {
                         "type": "variable",
@@ -165059,8 +166010,8 @@
                         "value": "300ms",
                         "scope": "default",
                         "line": {
-                            "start": 198,
-                            "end": 198
+                            "start": 201,
+                            "end": 201
                         }
                     },
                     "group": [
@@ -165077,8 +166028,8 @@
                 {
                     "description": "The timing function of the Stepper transition.\n",
                     "commentRange": {
-                        "start": 199,
-                        "end": 200
+                        "start": 202,
+                        "end": 203
                     },
                     "context": {
                         "type": "variable",
@@ -165086,8 +166037,8 @@
                         "value": "cubic-bezier(.4, 0, .2, 1) 0ms",
                         "scope": "default",
                         "line": {
-                            "start": 201,
-                            "end": 201
+                            "start": 204,
+                            "end": 204
                         }
                     },
                     "group": [
@@ -173739,15 +174690,15 @@
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The color of the separator border of the Toolbar.\n",
+                    "description": "The text color of the outline Toolbar.\n",
                     "commentRange": {
                         "start": 58,
                         "end": 59
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-toolbar-separator-border",
-                        "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
+                        "name": "kendo-toolbar-outline-text",
+                        "value": "null",
                         "scope": "default",
                         "line": {
                             "start": 60,
@@ -173762,23 +174713,50 @@
                         "path": "fluent/scss/toolbar/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "color-mix(in srgb, var(--kendo-color-on-app-surface, #323130) 28%, transparent)",
+                    "resolvedValue": "null",
+                    "resolvedType": "Null"
+                },
+                {
+                    "description": "The color of the border around the outline Toolbar.\n",
+                    "commentRange": {
+                        "start": 61,
+                        "end": 62
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-toolbar-outline-border",
+                        "value": "k-color(border)",
+                        "scope": "default",
+                        "line": {
+                            "start": 63,
+                            "end": 63
+                        }
+                    },
+                    "group": [
+                        "toolbar"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/toolbar/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-color-border, #8a8886)",
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The width of the input in the Toolbar.\n",
+                    "description": "The width of the border around the outline Toolbar.\n",
                     "commentRange": {
-                        "start": 62,
-                        "end": 63
+                        "start": 64,
+                        "end": 65
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-toolbar-input-width",
-                        "value": "10em",
+                        "name": "kendo-toolbar-outline-border-width",
+                        "value": "$kendo-toolbar-border-width",
                         "scope": "default",
                         "line": {
-                            "start": 64,
-                            "end": 64
+                            "start": 66,
+                            "end": 66
                         }
                     },
                     "group": [
@@ -173789,23 +174767,77 @@
                         "path": "fluent/scss/toolbar/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "10em",
+                    "resolvedValue": "1px",
                     "resolvedType": "Number"
                 },
                 {
-                    "description": "The border width of the focused Toolbar item.\n",
+                    "description": "The text color of the flat Toolbar.\n",
                     "commentRange": {
-                        "start": 66,
-                        "end": 67
+                        "start": 68,
+                        "end": 69
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-toolbar-item-focus-outline-width",
+                        "name": "kendo-toolbar-flat-text",
+                        "value": "null",
+                        "scope": "default",
+                        "line": {
+                            "start": 70,
+                            "end": 70
+                        }
+                    },
+                    "group": [
+                        "toolbar"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/toolbar/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "null",
+                    "resolvedType": "Null"
+                },
+                {
+                    "description": "The color of the border around the flat Toolbar.\n",
+                    "commentRange": {
+                        "start": 71,
+                        "end": 72
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-toolbar-flat-border",
+                        "value": "$kendo-toolbar-border",
+                        "scope": "default",
+                        "line": {
+                            "start": 73,
+                            "end": 73
+                        }
+                    },
+                    "group": [
+                        "toolbar"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/toolbar/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-component-border, initial)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "Border width of the flat Toolbar.\n",
+                    "commentRange": {
+                        "start": 74,
+                        "end": 75
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-toolbar-flat-border-width",
                         "value": "1px",
                         "scope": "default",
                         "line": {
-                            "start": 68,
-                            "end": 68
+                            "start": 76,
+                            "end": 76
                         }
                     },
                     "group": [
@@ -173820,19 +174852,19 @@
                     "resolvedType": "Number"
                 },
                 {
-                    "description": "The border style of the focused Toolbar item.\n",
+                    "description": "The color of the separator border of the Toolbar.\n",
                     "commentRange": {
-                        "start": 69,
-                        "end": 70
+                        "start": 78,
+                        "end": 79
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-toolbar-item-focus-outline-style",
-                        "value": "solid",
+                        "name": "kendo-toolbar-separator-border",
+                        "value": "inherit",
                         "scope": "default",
                         "line": {
-                            "start": 71,
-                            "end": 71
+                            "start": 80,
+                            "end": 80
                         }
                     },
                     "group": [
@@ -173843,23 +174875,23 @@
                         "path": "fluent/scss/toolbar/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "solid",
+                    "resolvedValue": "inherit",
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The border color of the focused Toolbar item.\n",
+                    "description": "The width of the input in the Toolbar.\n",
                     "commentRange": {
-                        "start": 72,
-                        "end": 73
+                        "start": 82,
+                        "end": 83
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-toolbar-item-focus-outline-color",
-                        "value": "if($kendo-enable-color-system, k-color( base-emphasis ), k-get-theme-color-var( neutral-130 ))",
+                        "name": "kendo-toolbar-input-width",
+                        "value": "10em",
                         "scope": "default",
                         "line": {
-                            "start": 74,
-                            "end": 74
+                            "start": 84,
+                            "end": 84
                         }
                     },
                     "group": [
@@ -173870,23 +174902,23 @@
                         "path": "fluent/scss/toolbar/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-color-base-emphasis, #605e5c)",
-                    "resolvedType": "String"
+                    "resolvedValue": "10em",
+                    "resolvedType": "Number"
                 },
                 {
-                    "description": "Border width of the flat Toolbar.\n",
+                    "description": "The border width of the focused Toolbar item.\n",
                     "commentRange": {
-                        "start": 76,
-                        "end": 77
+                        "start": 86,
+                        "end": 87
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-toolbar-flat-border-width",
+                        "name": "kendo-toolbar-item-focus-outline-width",
                         "value": "1px",
                         "scope": "default",
                         "line": {
-                            "start": 78,
-                            "end": 78
+                            "start": 88,
+                            "end": 88
                         }
                     },
                     "group": [
@@ -173900,11 +174932,65 @@
                     "resolvedValue": "1px",
                     "resolvedType": "Number"
                 },
+                {
+                    "description": "The border style of the focused Toolbar item.\n",
+                    "commentRange": {
+                        "start": 89,
+                        "end": 90
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-toolbar-item-focus-outline-style",
+                        "value": "solid",
+                        "scope": "default",
+                        "line": {
+                            "start": 91,
+                            "end": 91
+                        }
+                    },
+                    "group": [
+                        "toolbar"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/toolbar/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "solid",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The border color of the focused Toolbar item.\n",
+                    "commentRange": {
+                        "start": 92,
+                        "end": 93
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-toolbar-item-focus-outline-color",
+                        "value": "if($kendo-enable-color-system, k-color( base-emphasis ), k-get-theme-color-var( neutral-130 ))",
+                        "scope": "default",
+                        "line": {
+                            "start": 94,
+                            "end": 94
+                        }
+                    },
+                    "group": [
+                        "toolbar"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "fluent/scss/toolbar/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-color-base-emphasis, #605e5c)",
+                    "resolvedType": "String"
+                },
                 {
                     "description": "The sizes map for the Toolbar.\n",
                     "commentRange": {
-                        "start": 80,
-                        "end": 81
+                        "start": 96,
+                        "end": 97
                     },
                     "context": {
                         "type": "variable",
@@ -173912,8 +174998,8 @@
                         "value": "(\n    sm: (\n        padding-x: $kendo-toolbar-sm-padding-x,\n        padding-y: $kendo-toolbar-sm-padding-y,\n        spacing: $kendo-toolbar-sm-spacing\n    ),\n    md: (\n        padding-x: $kendo-toolbar-md-padding-x,\n        padding-y: $kendo-toolbar-md-padding-y,\n        spacing: $kendo-toolbar-md-spacing\n    ),\n    lg: (\n        padding-x: $kendo-toolbar-lg-padding-x,\n        padding-y: $kendo-toolbar-lg-padding-y,\n        spacing: $kendo-toolbar-lg-spacing\n    )\n)",
                         "scope": "default",
                         "line": {
-                            "start": 82,
-                            "end": 98
+                            "start": 98,
+                            "end": 114
                         }
                     },
                     "group": [