@progress/kendo-theme-default 10.2.0-dev.1 → 10.2.0-dev.3

package/dist/meta/sassdoc-data.json

@@ -32053,73 +32053,19 @@
             "resolvedType": "String"
         },
         {
-            "description": "The text color of the Input prefix.\n",
+            "description": "The border color of the invalid Input components.\n",
             "commentRange": {
                 "start": 293,
                 "end": 294
             },
-            "context": {
-                "type": "variable",
-                "name": "kendo-input-prefix-text",
-                "value": "$kendo-subtle-text",
-                "scope": "default",
-                "line": {
-                    "start": 295,
-                    "end": 295
-                }
-            },
-            "group": [
-                "input"
-            ],
-            "access": "public",
-            "file": {
-                "path": "default/scss/input/_variables.scss",
-                "name": "_variables.scss"
-            },
-            "resolvedValue": "var(--kendo-color-subtle, #666666)",
-            "resolvedType": "String"
-        },
-        {
-            "description": "The text color of the Input suffix.\n",
-            "commentRange": {
-                "start": 296,
-                "end": 297
-            },
-            "context": {
-                "type": "variable",
-                "name": "kendo-input-suffix-text",
-                "value": "$kendo-subtle-text",
-                "scope": "default",
-                "line": {
-                    "start": 298,
-                    "end": 298
-                }
-            },
-            "group": [
-                "input"
-            ],
-            "access": "public",
-            "file": {
-                "path": "default/scss/input/_variables.scss",
-                "name": "_variables.scss"
-            },
-            "resolvedValue": "var(--kendo-color-subtle, #666666)",
-            "resolvedType": "String"
-        },
-        {
-            "description": "The border color of the invalid Input components.\n",
-            "commentRange": {
-                "start": 300,
-                "end": 301
-            },
             "context": {
                 "type": "variable",
                 "name": "kendo-input-invalid-border",
                 "value": "$kendo-invalid-border",
                 "scope": "default",
                 "line": {
-                    "start": 302,
-                    "end": 302
+                    "start": 295,
+                    "end": 295
                 }
             },
             "group": [
@@ -32136,8 +32082,8 @@
         {
             "description": "The shadow of the invalid Input components.\n",
             "commentRange": {
-                "start": 303,
-                "end": 304
+                "start": 296,
+                "end": 297
             },
             "context": {
                 "type": "variable",
@@ -32145,8 +32091,8 @@
                 "value": "$kendo-invalid-shadow",
                 "scope": "default",
                 "line": {
-                    "start": 305,
-                    "end": 305
+                    "start": 298,
+                    "end": 298
                 }
             },
             "group": [
@@ -38072,8 +38018,8 @@
         {
             "description": "The row-gap between the elements in the Notification group.\n",
             "commentRange": {
-                "start": 9,
-                "end": 10
+                "start": 10,
+                "end": 11
             },
             "context": {
                 "type": "variable",
@@ -38081,8 +38027,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 11,
-                    "end": 11
+                    "start": 12,
+                    "end": 12
                 }
             },
             "group": [
@@ -38099,8 +38045,8 @@
         {
             "description": "The horizontal padding of the Notification.\n",
             "commentRange": {
-                "start": 13,
-                "end": 14
+                "start": 14,
+                "end": 15
             },
             "context": {
                 "type": "variable",
@@ -38108,8 +38054,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 15,
-                    "end": 15
+                    "start": 16,
+                    "end": 16
                 }
             },
             "group": [
@@ -38126,8 +38072,8 @@
         {
             "description": "The vertical padding of the Notification.\n",
             "commentRange": {
-                "start": 16,
-                "end": 17
+                "start": 17,
+                "end": 18
             },
             "context": {
                 "type": "variable",
@@ -38135,8 +38081,8 @@
                 "value": "k-spacing(1)",
                 "scope": "default",
                 "line": {
-                    "start": 18,
-                    "end": 18
+                    "start": 19,
+                    "end": 19
                 }
             },
             "group": [
@@ -38153,8 +38099,8 @@
         {
             "description": "The width of the border around the Notification.\n",
             "commentRange": {
-                "start": 19,
-                "end": 20
+                "start": 20,
+                "end": 21
             },
             "context": {
                 "type": "variable",
@@ -38162,8 +38108,8 @@
                 "value": "1px",
                 "scope": "default",
                 "line": {
-                    "start": 21,
-                    "end": 21
+                    "start": 22,
+                    "end": 22
                 }
             },
             "group": [
@@ -38180,8 +38126,8 @@
         {
             "description": "The border radius of the Notification.\n",
             "commentRange": {
-                "start": 22,
-                "end": 23
+                "start": 23,
+                "end": 24
             },
             "context": {
                 "type": "variable",
@@ -38189,8 +38135,8 @@
                 "value": "k-border-radius(md)!default",
                 "scope": "private",
                 "line": {
-                    "start": 24,
-                    "end": 24
+                    "start": 25,
+                    "end": 25
                 }
             },
             "group": [
@@ -38207,8 +38153,8 @@
         {
             "description": "The font family of the Notification.\n",
             "commentRange": {
-                "start": 25,
-                "end": 26
+                "start": 26,
+                "end": 27
             },
             "context": {
                 "type": "variable",
@@ -38216,8 +38162,8 @@
                 "value": "var( --kendo-font-family, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 27,
-                    "end": 27
+                    "start": 28,
+                    "end": 28
                 }
             },
             "group": [
@@ -38234,8 +38180,8 @@
         {
             "description": "The font size of the Notification.\n",
             "commentRange": {
-                "start": 28,
-                "end": 29
+                "start": 29,
+                "end": 30
             },
             "context": {
                 "type": "variable",
@@ -38243,8 +38189,8 @@
                 "value": "var( --kendo-font-size-sm, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 30,
-                    "end": 30
+                    "start": 31,
+                    "end": 31
                 }
             },
             "group": [
@@ -38261,8 +38207,8 @@
         {
             "description": "The line height of the Notification.\n",
             "commentRange": {
-                "start": 31,
-                "end": 32
+                "start": 32,
+                "end": 33
             },
             "context": {
                 "type": "variable",
@@ -38270,8 +38216,8 @@
                 "value": "va( --kendo-line-height, normal )",
                 "scope": "default",
                 "line": {
-                    "start": 33,
-                    "end": 33
+                    "start": 34,
+                    "end": 34
                 }
             },
             "group": [
@@ -38288,8 +38234,8 @@
         {
             "description": "The background color of the Notification.\n",
             "commentRange": {
-                "start": 34,
-                "end": 35
+                "start": 35,
+                "end": 36
             },
             "context": {
                 "type": "variable",
@@ -38297,8 +38243,8 @@
                 "value": "$kendo-component-bg",
                 "scope": "default",
                 "line": {
-                    "start": 36,
-                    "end": 36
+                    "start": 37,
+                    "end": 37
                 }
             },
             "group": [
@@ -38315,8 +38261,8 @@
         {
             "description": "The text color of the Notification.\n",
             "commentRange": {
-                "start": 37,
-                "end": 38
+                "start": 38,
+                "end": 39
             },
             "context": {
                 "type": "variable",
@@ -38324,8 +38270,8 @@
                 "value": "$kendo-component-text",
                 "scope": "default",
                 "line": {
-                    "start": 39,
-                    "end": 39
+                    "start": 40,
+                    "end": 40
                 }
             },
             "group": [
@@ -38342,8 +38288,8 @@
         {
             "description": "The border color of the Notification.\n",
             "commentRange": {
-                "start": 40,
-                "end": 41
+                "start": 41,
+                "end": 42
             },
             "context": {
                 "type": "variable",
@@ -38351,8 +38297,8 @@
                 "value": "$kendo-component-border",
                 "scope": "default",
                 "line": {
-                    "start": 42,
-                    "end": 42
+                    "start": 43,
+                    "end": 43
                 }
             },
             "group": [
@@ -38369,8 +38315,8 @@
         {
             "description": "The box shadow of the Notification.\n",
             "commentRange": {
-                "start": 43,
-                "end": 44
+                "start": 44,
+                "end": 45
             },
             "context": {
                 "type": "variable",
@@ -38378,8 +38324,8 @@
                 "value": "$kendo-popup-shadow",
                 "scope": "default",
                 "line": {
-                    "start": 45,
-                    "end": 45
+                    "start": 46,
+                    "end": 46
                 }
             },
             "group": [
@@ -38396,8 +38342,8 @@
         {
             "description": "The horizontal spacing of the Notification icon.\n",
             "commentRange": {
-                "start": 47,
-                "end": 48
+                "start": 48,
+                "end": 49
             },
             "context": {
                 "type": "variable",
@@ -38405,8 +38351,8 @@
                 "value": "$kendo-icon-spacing",
                 "scope": "default",
                 "line": {
-                    "start": 49,
-                    "end": 49
+                    "start": 50,
+                    "end": 50
                 }
             },
             "group": [
@@ -38423,8 +38369,8 @@
         {
             "description": "The theme colors map for the Notification.\n",
             "commentRange": {
-                "start": 65,
-                "end": 66
+                "start": 52,
+                "end": 53
             },
             "context": {
                 "type": "variable",
@@ -38432,8 +38378,8 @@
                 "value": "$kendo-theme-colors",
                 "scope": "default",
                 "line": {
-                    "start": 67,
-                    "end": 67
+                    "start": 54,
+                    "end": 54
                 }
             },
             "group": [
@@ -38462,8 +38408,8 @@
         {
             "description": "The generated theme colors map for the Notification.\n",
             "commentRange": {
-                "start": 68,
-                "end": 69
+                "start": 55,
+                "end": 56
             },
             "context": {
                 "type": "variable",
@@ -38471,8 +38417,8 @@
                 "value": "notification-theme( $kendo-notification-theme-colors )",
                 "scope": "default",
                 "line": {
-                    "start": 70,
-                    "end": 70
+                    "start": 57,
+                    "end": 57
                 }
             },
             "group": [
@@ -44879,38 +44825,11 @@
             "resolvedValue": "rgba(124, 22, 27, 0.5)",
             "resolvedType": "Color"
         },
-        {
-            "description": "The text color of the PDFViewer free text annotation.\n",
-            "commentRange": {
-                "start": 140,
-                "end": 141
-            },
-            "context": {
-                "type": "variable",
-                "name": "kendo-pdf-viewer-free-text-annotation-text",
-                "value": "rgba(124, 22, 27, 0.7)",
-                "scope": "default",
-                "line": {
-                    "start": 142,
-                    "end": 142
-                }
-            },
-            "group": [
-                "pdf-viewer"
-            ],
-            "access": "public",
-            "file": {
-                "path": "default/scss/pdf-viewer/_variables.scss",
-                "name": "_variables.scss"
-            },
-            "resolvedValue": "rgba(124, 22, 27, 0.5)",
-            "resolvedType": "Color"
-        },
         {
             "description": "The background color of the Picker components.\n",
             "commentRange": {
-                "start": 307,
-                "end": 308
+                "start": 300,
+                "end": 301
             },
             "context": {
                 "type": "variable",
@@ -44918,8 +44837,8 @@
                 "value": "$kendo-button-bg",
                 "scope": "default",
                 "line": {
-                    "start": 309,
-                    "end": 309
+                    "start": 302,
+                    "end": 302
                 }
             },
             "group": [
@@ -44936,8 +44855,8 @@
         {
             "description": "The text color of the Picker components.\n",
             "commentRange": {
-                "start": 310,
-                "end": 311
+                "start": 303,
+                "end": 304
             },
             "context": {
                 "type": "variable",
@@ -44945,8 +44864,8 @@
                 "value": "$kendo-button-text",
                 "scope": "default",
                 "line": {
-                    "start": 312,
-                    "end": 312
+                    "start": 305,
+                    "end": 305
                 }
             },
             "group": [
@@ -44963,8 +44882,8 @@
         {
             "description": "The border color of the Picker components.\n",
             "commentRange": {
-                "start": 313,
-                "end": 314
+                "start": 306,
+                "end": 307
             },
             "context": {
                 "type": "variable",
@@ -44972,8 +44891,8 @@
                 "value": "$kendo-button-border",
                 "scope": "default",
                 "line": {
-                    "start": 315,
-                    "end": 315
+                    "start": 308,
+                    "end": 308
                 }
             },
             "group": [
@@ -44990,8 +44909,8 @@
         {
             "description": "The gradient of the Picker components.\n",
             "commentRange": {
-                "start": 316,
-                "end": 317
+                "start": 309,
+                "end": 310
             },
             "context": {
                 "type": "variable",
@@ -44999,8 +44918,8 @@
                 "value": "$kendo-button-gradient",
                 "scope": "default",
                 "line": {
-                    "start": 318,
-                    "end": 318
+                    "start": 311,
+                    "end": 311
                 }
             },
             "group": [
@@ -45017,8 +44936,8 @@
         {
             "description": "The shadow of the Picker components.\n",
             "commentRange": {
-                "start": 319,
-                "end": 320
+                "start": 312,
+                "end": 313
             },
             "context": {
                 "type": "variable",
@@ -45026,8 +44945,8 @@
                 "value": "$kendo-button-shadow",
                 "scope": "default",
                 "line": {
-                    "start": 321,
-                    "end": 321
+                    "start": 314,
+                    "end": 314
                 }
             },
             "group": [
@@ -45044,8 +44963,8 @@
         {
             "description": "The background color of the hovered Picker components.\n",
             "commentRange": {
-                "start": 323,
-                "end": 324
+                "start": 316,
+                "end": 317
             },
             "context": {
                 "type": "variable",
@@ -45053,8 +44972,8 @@
                 "value": "$kendo-button-hover-bg",
                 "scope": "default",
                 "line": {
-                    "start": 325,
-                    "end": 325
+                    "start": 318,
+                    "end": 318
                 }
             },
             "group": [
@@ -45071,8 +44990,8 @@
         {
             "description": "The text color of the hovered Picker components.\n",
             "commentRange": {
-                "start": 326,
-                "end": 327
+                "start": 319,
+                "end": 320
             },
             "context": {
                 "type": "variable",
@@ -45080,8 +44999,8 @@
                 "value": "$kendo-button-hover-text",
                 "scope": "default",
                 "line": {
-                    "start": 328,
-                    "end": 328
+                    "start": 321,
+                    "end": 321
                 }
             },
             "group": [
@@ -45098,8 +45017,8 @@
         {
             "description": "The border color of the hovered Picker components.\n",
             "commentRange": {
-                "start": 329,
-                "end": 330
+                "start": 322,
+                "end": 323
             },
             "context": {
                 "type": "variable",
@@ -45107,8 +45026,8 @@
                 "value": "$kendo-button-hover-border",
                 "scope": "default",
                 "line": {
-                    "start": 331,
-                    "end": 331
+                    "start": 324,
+                    "end": 324
                 }
             },
             "group": [
@@ -45125,8 +45044,8 @@
         {
             "description": "The gradient of the hovered Picker components.\n",
             "commentRange": {
-                "start": 332,
-                "end": 333
+                "start": 325,
+                "end": 326
             },
             "context": {
                 "type": "variable",
@@ -45134,8 +45053,8 @@
                 "value": "$kendo-button-hover-gradient",
                 "scope": "default",
                 "line": {
-                    "start": 334,
-                    "end": 334
+                    "start": 327,
+                    "end": 327
                 }
             },
             "group": [
@@ -45152,8 +45071,8 @@
         {
             "description": "The shadow of the hovered Picker components.\n",
             "commentRange": {
-                "start": 335,
-                "end": 336
+                "start": 328,
+                "end": 329
             },
             "context": {
                 "type": "variable",
@@ -45161,8 +45080,8 @@
                 "value": "$kendo-button-hover-shadow",
                 "scope": "default",
                 "line": {
-                    "start": 337,
-                    "end": 337
+                    "start": 330,
+                    "end": 330
                 }
             },
             "group": [
@@ -45179,8 +45098,8 @@
         {
             "description": "The background color of the focused Picker components.\n",
             "commentRange": {
-                "start": 339,
-                "end": 340
+                "start": 332,
+                "end": 333
             },
             "context": {
                 "type": "variable",
@@ -45188,8 +45107,8 @@
                 "value": "$kendo-button-focus-bg",
                 "scope": "default",
                 "line": {
-                    "start": 341,
-                    "end": 341
+                    "start": 334,
+                    "end": 334
                 }
             },
             "group": [
@@ -45206,8 +45125,8 @@
         {
             "description": "The text color of the focused Picker components.\n",
             "commentRange": {
-                "start": 342,
-                "end": 343
+                "start": 335,
+                "end": 336
             },
             "context": {
                 "type": "variable",
@@ -45215,8 +45134,8 @@
                 "value": "$kendo-button-focus-text",
                 "scope": "default",
                 "line": {
-                    "start": 344,
-                    "end": 344
+                    "start": 337,
+                    "end": 337
                 }
             },
             "group": [
@@ -45233,8 +45152,8 @@
         {
             "description": "The border color of the focused Picker components.\n",
             "commentRange": {
-                "start": 345,
-                "end": 346
+                "start": 338,
+                "end": 339
             },
             "context": {
                 "type": "variable",
@@ -45242,8 +45161,8 @@
                 "value": "$kendo-button-focus-border",
                 "scope": "default",
                 "line": {
-                    "start": 347,
-                    "end": 347
+                    "start": 340,
+                    "end": 340
                 }
             },
             "group": [
@@ -45260,8 +45179,8 @@
         {
             "description": "The gradient of the focused Picker components.\n",
             "commentRange": {
-                "start": 348,
-                "end": 349
+                "start": 341,
+                "end": 342
             },
             "context": {
                 "type": "variable",
@@ -45269,8 +45188,8 @@
                 "value": "$kendo-button-focus-gradient",
                 "scope": "default",
                 "line": {
-                    "start": 350,
-                    "end": 350
+                    "start": 343,
+                    "end": 343
                 }
             },
             "group": [
@@ -45287,8 +45206,8 @@
         {
             "description": "The shadow of the focused Picker components.\n",
             "commentRange": {
-                "start": 351,
-                "end": 352
+                "start": 344,
+                "end": 345
             },
             "context": {
                 "type": "variable",
@@ -45296,8 +45215,8 @@
                 "value": "$kendo-button-focus-shadow",
                 "scope": "default",
                 "line": {
-                    "start": 353,
-                    "end": 353
+                    "start": 346,
+                    "end": 346
                 }
             },
             "group": [
@@ -45314,8 +45233,8 @@
         {
             "description": "The background color of the disabled Picker components.\n",
             "commentRange": {
-                "start": 355,
-                "end": 356
+                "start": 348,
+                "end": 349
             },
             "context": {
                 "type": "variable",
@@ -45323,8 +45242,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 357,
-                    "end": 357
+                    "start": 350,
+                    "end": 350
                 }
             },
             "group": [
@@ -45341,8 +45260,8 @@
         {
             "description": "The text color of the disabled Picker components.\n",
             "commentRange": {
-                "start": 358,
-                "end": 359
+                "start": 351,
+                "end": 352
             },
             "context": {
                 "type": "variable",
@@ -45350,8 +45269,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 360,
-                    "end": 360
+                    "start": 353,
+                    "end": 353
                 }
             },
             "group": [
@@ -45368,8 +45287,8 @@
         {
             "description": "The border color of the disabled Picker components.\n",
             "commentRange": {
-                "start": 361,
-                "end": 362
+                "start": 354,
+                "end": 355
             },
             "context": {
                 "type": "variable",
@@ -45377,8 +45296,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 363,
-                    "end": 363
+                    "start": 356,
+                    "end": 356
                 }
             },
             "group": [
@@ -45395,8 +45314,8 @@
         {
             "description": "The gradient of the disabled Picker components.\n",
             "commentRange": {
-                "start": 364,
-                "end": 365
+                "start": 357,
+                "end": 358
             },
             "context": {
                 "type": "variable",
@@ -45404,8 +45323,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 366,
-                    "end": 366
+                    "start": 359,
+                    "end": 359
                 }
             },
             "group": [
@@ -45422,8 +45341,8 @@
         {
             "description": "The shadow of the disabled Picker components.\n",
             "commentRange": {
-                "start": 367,
-                "end": 368
+                "start": 360,
+                "end": 361
             },
             "context": {
                 "type": "variable",
@@ -45431,8 +45350,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 369,
-                    "end": 369
+                    "start": 362,
+                    "end": 362
                 }
             },
             "group": [
@@ -45449,8 +45368,8 @@
         {
             "description": "The background color of the outline Picker components.\n",
             "commentRange": {
-                "start": 371,
-                "end": 372
+                "start": 364,
+                "end": 365
             },
             "context": {
                 "type": "variable",
@@ -45458,8 +45377,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 373,
-                    "end": 373
+                    "start": 366,
+                    "end": 366
                 }
             },
             "group": [
@@ -45476,8 +45395,8 @@
         {
             "description": "The text color of the outline Picker components.\n",
             "commentRange": {
-                "start": 374,
-                "end": 375
+                "start": 367,
+                "end": 368
             },
             "context": {
                 "type": "variable",
@@ -45485,8 +45404,8 @@
                 "value": "$kendo-button-text",
                 "scope": "default",
                 "line": {
-                    "start": 376,
-                    "end": 376
+                    "start": 369,
+                    "end": 369
                 }
             },
             "group": [
@@ -45503,8 +45422,8 @@
         {
             "description": "The border color of the outline Picker components.\n",
             "commentRange": {
-                "start": 377,
-                "end": 378
+                "start": 370,
+                "end": 371
             },
             "context": {
                 "type": "variable",
@@ -45512,8 +45431,8 @@
                 "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 50%, transparent), rgba( $kendo-picker-outline-text, .5))",
                 "scope": "default",
                 "line": {
-                    "start": 379,
-                    "end": 379
+                    "start": 372,
+                    "end": 372
                 }
             },
             "group": [
@@ -45530,8 +45449,8 @@
         {
             "description": "The background color of the outline hovered Picker components.\n",
             "commentRange": {
-                "start": 381,
-                "end": 382
+                "start": 374,
+                "end": 375
             },
             "context": {
                 "type": "variable",
@@ -45539,8 +45458,8 @@
                 "value": "$kendo-picker-outline-text",
                 "scope": "default",
                 "line": {
-                    "start": 383,
-                    "end": 383
+                    "start": 376,
+                    "end": 376
                 }
             },
             "group": [
@@ -45557,8 +45476,8 @@
         {
             "description": "The text color of the outline hovered Picker components.\n",
             "commentRange": {
-                "start": 384,
-                "end": 385
+                "start": 377,
+                "end": 378
             },
             "context": {
                 "type": "variable",
@@ -45566,8 +45485,8 @@
                 "value": "if($kendo-enable-color-system, k-color( base ), k-contrast-legacy( $kendo-picker-outline-hover-bg ))",
                 "scope": "default",
                 "line": {
-                    "start": 386,
-                    "end": 386
+                    "start": 379,
+                    "end": 379
                 }
             },
             "group": [
@@ -45584,8 +45503,8 @@
         {
             "description": "The border color of the outline hovered Picker components.\n",
             "commentRange": {
-                "start": 387,
-                "end": 388
+                "start": 380,
+                "end": 381
             },
             "context": {
                 "type": "variable",
@@ -45593,8 +45512,8 @@
                 "value": "$kendo-picker-outline-hover-bg",
                 "scope": "default",
                 "line": {
-                    "start": 389,
-                    "end": 389
+                    "start": 382,
+                    "end": 382
                 }
             },
             "group": [
@@ -45611,8 +45530,8 @@
         {
             "description": "The background color of the outline focused Picker components.\n",
             "commentRange": {
-                "start": 391,
-                "end": 392
+                "start": 384,
+                "end": 385
             },
             "context": {
                 "type": "variable",
@@ -45620,8 +45539,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 393,
-                    "end": 393
+                    "start": 386,
+                    "end": 386
                 }
             },
             "group": [
@@ -45638,8 +45557,8 @@
         {
             "description": "The text color of the outline focused Picker components.\n",
             "commentRange": {
-                "start": 394,
-                "end": 395
+                "start": 387,
+                "end": 388
             },
             "context": {
                 "type": "variable",
@@ -45647,8 +45566,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 396,
-                    "end": 396
+                    "start": 389,
+                    "end": 389
                 }
             },
             "group": [
@@ -45665,8 +45584,8 @@
         {
             "description": "The border color of the outline focused Picker components.\n",
             "commentRange": {
-                "start": 397,
-                "end": 398
+                "start": 390,
+                "end": 391
             },
             "context": {
                 "type": "variable",
@@ -45674,8 +45593,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 399,
-                    "end": 399
+                    "start": 392,
+                    "end": 392
                 }
             },
             "group": [
@@ -45692,8 +45611,8 @@
         {
             "description": "The shadow of the outline focused Picker components.\n",
             "commentRange": {
-                "start": 400,
-                "end": 401
+                "start": 393,
+                "end": 394
             },
             "context": {
                 "type": "variable",
@@ -45701,8 +45620,8 @@
                 "value": "$kendo-picker-focus-shadow",
                 "scope": "default",
                 "line": {
-                    "start": 402,
-                    "end": 402
+                    "start": 395,
+                    "end": 395
                 }
             },
             "group": [
@@ -45719,8 +45638,8 @@
         {
             "description": "The background color of the outline hovered and focused Picker components.\n",
             "commentRange": {
-                "start": 404,
-                "end": 405
+                "start": 397,
+                "end": 398
             },
             "context": {
                 "type": "variable",
@@ -45728,8 +45647,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 406,
-                    "end": 406
+                    "start": 399,
+                    "end": 399
                 }
             },
             "group": [
@@ -45746,8 +45665,8 @@
         {
             "description": "The text color of the outline hovered and focused Picker components.\n",
             "commentRange": {
-                "start": 407,
-                "end": 408
+                "start": 400,
+                "end": 401
             },
             "context": {
                 "type": "variable",
@@ -45755,8 +45674,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 409,
-                    "end": 409
+                    "start": 402,
+                    "end": 402
                 }
             },
             "group": [
@@ -45773,8 +45692,8 @@
         {
             "description": "The border color of the outline hovered and focused Picker components.\n",
             "commentRange": {
-                "start": 410,
-                "end": 411
+                "start": 403,
+                "end": 404
             },
             "context": {
                 "type": "variable",
@@ -45782,8 +45701,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 412,
-                    "end": 412
+                    "start": 405,
+                    "end": 405
                 }
             },
             "group": [
@@ -45800,8 +45719,8 @@
         {
             "description": "The background color of the flat Picker components.\n",
             "commentRange": {
-                "start": 414,
-                "end": 415
+                "start": 407,
+                "end": 408
             },
             "context": {
                 "type": "variable",
@@ -45809,8 +45728,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 416,
-                    "end": 416
+                    "start": 409,
+                    "end": 409
                 }
             },
             "group": [
@@ -45827,8 +45746,8 @@
         {
             "description": "The text color of the flat Picker components.\n",
             "commentRange": {
-                "start": 417,
-                "end": 418
+                "start": 410,
+                "end": 411
             },
             "context": {
                 "type": "variable",
@@ -45836,8 +45755,8 @@
                 "value": "$kendo-button-text",
                 "scope": "default",
                 "line": {
-                    "start": 419,
-                    "end": 419
+                    "start": 412,
+                    "end": 412
                 }
             },
             "group": [
@@ -45854,8 +45773,8 @@
         {
             "description": "The border color of the flat Picker components.\n",
             "commentRange": {
-                "start": 420,
-                "end": 421
+                "start": 413,
+                "end": 414
             },
             "context": {
                 "type": "variable",
@@ -45863,8 +45782,8 @@
                 "value": "$kendo-button-border",
                 "scope": "default",
                 "line": {
-                    "start": 422,
-                    "end": 422
+                    "start": 415,
+                    "end": 415
                 }
             },
             "group": [
@@ -45881,8 +45800,8 @@
         {
             "description": "The background color of the flat hovered Picker components.\n",
             "commentRange": {
-                "start": 424,
-                "end": 425
+                "start": 417,
+                "end": 418
             },
             "context": {
                 "type": "variable",
@@ -45890,8 +45809,8 @@
                 "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 4%, transparent), rgba( $kendo-button-text, .04 ))",
                 "scope": "default",
                 "line": {
-                    "start": 426,
-                    "end": 426
+                    "start": 419,
+                    "end": 419
                 }
             },
             "group": [
@@ -45908,8 +45827,8 @@
         {
             "description": "The text color of the flat hovered Picker components.\n",
             "commentRange": {
-                "start": 427,
-                "end": 428
+                "start": 420,
+                "end": 421
             },
             "context": {
                 "type": "variable",
@@ -45917,8 +45836,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 429,
-                    "end": 429
+                    "start": 422,
+                    "end": 422
                 }
             },
             "group": [
@@ -45935,8 +45854,8 @@
         {
             "description": "The border color of the flat hovered Picker components.\n",
             "commentRange": {
-                "start": 430,
-                "end": 431
+                "start": 423,
+                "end": 424
             },
             "context": {
                 "type": "variable",
@@ -45944,8 +45863,8 @@
                 "value": "if($kendo-enable-color-system, k-color( border-alt ), rgba( $kendo-button-border, .16 ))",
                 "scope": "default",
                 "line": {
-                    "start": 432,
-                    "end": 432
+                    "start": 425,
+                    "end": 425
                 }
             },
             "group": [
@@ -45962,8 +45881,8 @@
         {
             "description": "The background color of the flat focused Picker components.\n",
             "commentRange": {
-                "start": 434,
-                "end": 435
+                "start": 427,
+                "end": 428
             },
             "context": {
                 "type": "variable",
@@ -45971,8 +45890,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 436,
-                    "end": 436
+                    "start": 429,
+                    "end": 429
                 }
             },
             "group": [
@@ -45989,8 +45908,8 @@
         {
             "description": "The text color of the flat focused Picker components.\n",
             "commentRange": {
-                "start": 437,
-                "end": 438
+                "start": 430,
+                "end": 431
             },
             "context": {
                 "type": "variable",
@@ -45998,8 +45917,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 439,
-                    "end": 439
+                    "start": 432,
+                    "end": 432
                 }
             },
             "group": [
@@ -46016,8 +45935,8 @@
         {
             "description": "The border color of the flat focused Picker components.\n",
             "commentRange": {
-                "start": 440,
-                "end": 441
+                "start": 433,
+                "end": 434
             },
             "context": {
                 "type": "variable",
@@ -46025,8 +45944,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 442,
-                    "end": 442
+                    "start": 435,
+                    "end": 435
                 }
             },
             "group": [
@@ -46043,8 +45962,8 @@
         {
             "description": "The shadow of the flat focused Picker components.\n",
             "commentRange": {
-                "start": 443,
-                "end": 444
+                "start": 436,
+                "end": 437
             },
             "context": {
                 "type": "variable",
@@ -46052,8 +45971,8 @@
                 "value": "$kendo-picker-focus-shadow",
                 "scope": "default",
                 "line": {
-                    "start": 445,
-                    "end": 445
+                    "start": 438,
+                    "end": 438
                 }
             },
             "group": [
@@ -46070,8 +45989,8 @@
         {
             "description": "The background color of the flat hovered and focused Picker components.\n",
             "commentRange": {
-                "start": 447,
-                "end": 448
+                "start": 440,
+                "end": 441
             },
             "context": {
                 "type": "variable",
@@ -46079,8 +45998,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 449,
-                    "end": 449
+                    "start": 442,
+                    "end": 442
                 }
             },
             "group": [
@@ -46097,8 +46016,8 @@
         {
             "description": "The text color of the flat hovered and focused Picker components.\n",
             "commentRange": {
-                "start": 450,
-                "end": 451
+                "start": 443,
+                "end": 444
             },
             "context": {
                 "type": "variable",
@@ -46106,8 +46025,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 452,
-                    "end": 452
+                    "start": 445,
+                    "end": 445
                 }
             },
             "group": [
@@ -46124,8 +46043,8 @@
         {
             "description": "The border color of the flat hovered and focused Picker components.\n",
             "commentRange": {
-                "start": 453,
-                "end": 454
+                "start": 446,
+                "end": 447
             },
             "context": {
                 "type": "variable",
@@ -46133,8 +46052,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 455,
-                    "end": 455
+                    "start": 448,
+                    "end": 448
                 }
             },
             "group": [
@@ -69858,8 +69777,8 @@
         {
             "description": "The vertical padding of the Tooltip.\n",
             "commentRange": {
-                "start": 7,
-                "end": 8
+                "start": 8,
+                "end": 9
             },
             "context": {
                 "type": "variable",
@@ -69867,8 +69786,8 @@
                 "value": "k-spacing(1)",
                 "scope": "default",
                 "line": {
-                    "start": 9,
-                    "end": 9
+                    "start": 10,
+                    "end": 10
                 }
             },
             "group": [
@@ -69885,8 +69804,8 @@
         {
             "description": "The horizontal padding of the Tooltip.\n",
             "commentRange": {
-                "start": 10,
-                "end": 11
+                "start": 11,
+                "end": 12
             },
             "context": {
                 "type": "variable",
@@ -69894,8 +69813,8 @@
                 "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
-                    "start": 12,
-                    "end": 12
+                    "start": 13,
+                    "end": 13
                 }
             },
             "group": [
@@ -69912,8 +69831,8 @@
         {
             "description": "The width of the border around the Tooltip.\n",
             "commentRange": {
-                "start": 13,
-                "end": 14
+                "start": 14,
+                "end": 15
             },
             "context": {
                 "type": "variable",
@@ -69921,8 +69840,8 @@
                 "value": "0px",
                 "scope": "default",
                 "line": {
-                    "start": 15,
-                    "end": 15
+                    "start": 16,
+                    "end": 16
                 }
             },
             "group": [
@@ -69939,8 +69858,8 @@
         {
             "description": "The border radius of the Tooltip.\n",
             "commentRange": {
-                "start": 16,
-                "end": 17
+                "start": 17,
+                "end": 18
             },
             "context": {
                 "type": "variable",
@@ -69948,8 +69867,8 @@
                 "value": "k-border-radius(md)",
                 "scope": "default",
                 "line": {
-                    "start": 18,
-                    "end": 18
+                    "start": 19,
+                    "end": 19
                 }
             },
             "group": [
@@ -69966,8 +69885,8 @@
         {
             "description": "The font family of the Tooltip.\n",
             "commentRange": {
-                "start": 20,
-                "end": 21
+                "start": 21,
+                "end": 22
             },
             "context": {
                 "type": "variable",
@@ -69975,8 +69894,8 @@
                 "value": "var( --kendo-font-family, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 22,
-                    "end": 22
+                    "start": 23,
+                    "end": 23
                 }
             },
             "group": [
@@ -69993,8 +69912,8 @@
         {
             "description": "The font size of the Tooltip.\n",
             "commentRange": {
-                "start": 23,
-                "end": 24
+                "start": 24,
+                "end": 25
             },
             "context": {
                 "type": "variable",
@@ -70002,8 +69921,8 @@
                 "value": "var( --kendo-font-size, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 25,
-                    "end": 25
+                    "start": 26,
+                    "end": 26
                 }
             },
             "group": [
@@ -70020,8 +69939,8 @@
         {
             "description": "The line height of the Tooltip.\n",
             "commentRange": {
-                "start": 26,
-                "end": 27
+                "start": 27,
+                "end": 28
             },
             "context": {
                 "type": "variable",
@@ -70029,8 +69948,8 @@
                 "value": "var( --kendo-line-height-sm, normal )",
                 "scope": "default",
                 "line": {
-                    "start": 28,
-                    "end": 28
+                    "start": 29,
+                    "end": 29
                 }
             },
             "group": [
@@ -70047,8 +69966,8 @@
         {
             "description": "The font size of the Tooltip title.\n",
             "commentRange": {
-                "start": 30,
-                "end": 31
+                "start": 31,
+                "end": 32
             },
             "context": {
                 "type": "variable",
@@ -70056,8 +69975,8 @@
                 "value": "calc( ( var( --kendo-font-size, .875rem ) * 1.25 ) )",
                 "scope": "default",
                 "line": {
-                    "start": 32,
-                    "end": 32
+                    "start": 33,
+                    "end": 33
                 }
             },
             "group": [
@@ -70074,8 +69993,8 @@
         {
             "description": "The line height of the Tooltip title.\n",
             "commentRange": {
-                "start": 33,
-                "end": 34
+                "start": 34,
+                "end": 35
             },
             "context": {
                 "type": "variable",
@@ -70083,8 +70002,8 @@
                 "value": "var( --kendo-line-height-xs, normal )",
                 "scope": "default",
                 "line": {
-                    "start": 35,
-                    "end": 35
+                    "start": 36,
+                    "end": 36
                 }
             },
             "group": [
@@ -70101,8 +70020,8 @@
         {
             "description": "The size of the Tooltip callout.\n",
             "commentRange": {
-                "start": 37,
-                "end": 38
+                "start": 38,
+                "end": 39
             },
             "context": {
                 "type": "variable",
@@ -70110,8 +70029,8 @@
                 "value": "6px",
                 "scope": "default",
                 "line": {
-                    "start": 39,
-                    "end": 39
+                    "start": 40,
+                    "end": 40
                 }
             },
             "group": [
@@ -70128,8 +70047,8 @@
         {
             "description": "The default background of the Tooltip.\n",
             "commentRange": {
-                "start": 41,
-                "end": 42
+                "start": 42,
+                "end": 43
             },
             "context": {
                 "type": "variable",
@@ -70137,8 +70056,8 @@
                 "value": "if($kendo-enable-color-system, k-color( on-app-surface ), rgba( k-contrast-legacy( $kendo-body-bg ), .75 ))",
                 "scope": "default",
                 "line": {
-                    "start": 43,
-                    "end": 43
+                    "start": 44,
+                    "end": 44
                 }
             },
             "group": [
@@ -70155,8 +70074,8 @@
         {
             "description": "The default text color of the Tooltip.\n",
             "commentRange": {
-                "start": 44,
-                "end": 45
+                "start": 45,
+                "end": 46
             },
             "context": {
                 "type": "variable",
@@ -70164,8 +70083,8 @@
                 "value": "if($kendo-enable-color-system, k-color( app-surface ), k-contrast-legacy( $kendo-tooltip-bg ))",
                 "scope": "default",
                 "line": {
-                    "start": 46,
-                    "end": 46
+                    "start": 47,
+                    "end": 47
                 }
             },
             "group": [
@@ -70182,8 +70101,8 @@
         {
             "description": "The default border color of the Tooltip.\n",
             "commentRange": {
-                "start": 47,
-                "end": 48
+                "start": 48,
+                "end": 49
             },
             "context": {
                 "type": "variable",
@@ -70191,8 +70110,8 @@
                 "value": "$kendo-tooltip-bg",
                 "scope": "default",
                 "line": {
-                    "start": 49,
-                    "end": 49
+                    "start": 50,
+                    "end": 50
                 }
             },
             "group": [
@@ -70209,8 +70128,8 @@
         {
             "description": "The box-shadow of the Tooltip.\n",
             "commentRange": {
-                "start": 51,
-                "end": 52
+                "start": 52,
+                "end": 53
             },
             "context": {
                 "type": "variable",
@@ -70218,8 +70137,8 @@
                 "value": "k-elevation(2)",
                 "scope": "default",
                 "line": {
-                    "start": 53,
-                    "end": 53
+                    "start": 54,
+                    "end": 54
                 }
             },
             "group": [
@@ -70236,8 +70155,8 @@
         {
             "description": "The theme colors map for the Tooltip.\n",
             "commentRange": {
-                "start": 69,
-                "end": 70
+                "start": 56,
+                "end": 57
             },
             "context": {
                 "type": "variable",
@@ -70245,8 +70164,8 @@
                 "value": "$kendo-theme-colors",
                 "scope": "default",
                 "line": {
-                    "start": 71,
-                    "end": 71
+                    "start": 58,
+                    "end": 58
                 }
             },
             "group": [
@@ -70275,8 +70194,8 @@
         {
             "description": "The generated theme colors map for the Tooltip.\n",
             "commentRange": {
-                "start": 72,
-                "end": 73
+                "start": 59,
+                "end": 60
             },
             "context": {
                 "type": "variable",
@@ -70284,8 +70203,8 @@
                 "value": "tooltip-theme( $kendo-tooltip-theme-colors )",
                 "scope": "default",
                 "line": {
-                    "start": 74,
-                    "end": 74
+                    "start": 61,
+                    "end": 61
                 }
             },
             "group": [
@@ -73857,46 +73776,76 @@
             "resolvedType": "Null"
         },
         {
-            "description": "Box shadow of focused items.\n",
+            "description": "The displays Map.\n",
             "commentRange": {
-                "start": 11,
-                "end": 11
+                "start": 308,
+                "end": 309
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-focus-shadow",
-                "value": "inset 0 0 0 2px rgba(0, 0, 0, .13)",
+                "name": "kendo-display",
+                "value": "(\n    1: (\n        font-size: $kendo-display1-font-size,\n        font-family: $kendo-display1-font-family,\n        line-height: $kendo-display1-line-height,\n        font-weight: $kendo-display1-font-weight,\n        letter-spacing: $kendo-display1-letter-spacing\n    ),\n    2: (\n        font-size: $kendo-display2-font-size,\n        font-family: $kendo-display2-font-family,\n        line-height: $kendo-display2-line-height,\n        font-weight: $kendo-display2-font-weight,\n        letter-spacing: $kendo-display2-letter-spacing\n    ),\n    3: (\n        font-size: $kendo-display3-font-size,\n        font-family: $kendo-display3-font-family,\n        line-height: $kendo-display3-line-height,\n        font-weight: $kendo-display3-font-weight,\n        letter-spacing: $kendo-display3-letter-spacing\n    ),\n    4: (\n        font-size: $kendo-display4-font-size,\n        font-family: $kendo-display4-font-family,\n        line-height: $kendo-display4-line-height,\n        font-weight: $kendo-display4-font-weight,\n        letter-spacing: $kendo-display4-letter-spacing\n    )\n)",
                 "scope": "default",
                 "line": {
-                    "start": 12,
-                    "end": 12
+                    "start": 310,
+                    "end": 339
                 }
             },
-            "access": "public",
             "group": [
-                "undefined"
+                "typography"
             ],
+            "access": "public",
             "file": {
-                "path": "default/scss/_variables.scss",
+                "path": "default/scss/typography/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "(inset 0 0 0 2px rgba(0, 0, 0, 0.13))",
-            "resolvedType": "List"
+            "resolvedValue": "(1: (font-size: calc(var(--kendo-font-size, 0.875rem) * 8), font-family: var(--kendo-font-family, inherit), line-height: 1.2, font-weight: var(--kendo-font-weight-light, normal), letter-spacing: null), 2: (font-size: calc(var(--kendo-font-size, 0.875rem) * 7), font-family: var(--kendo-font-family, inherit), line-height: 1.2, font-weight: var(--kendo-font-weight-light, normal), letter-spacing: null), 3: (font-size: calc(var(--kendo-font-size, 0.875rem) * 6), font-family: var(--kendo-font-family, inherit), line-height: 1.2, font-weight: var(--kendo-font-weight-light, normal), letter-spacing: null), 4: (font-size: calc(var(--kendo-font-size, 0.875rem) * 5), font-family: var(--kendo-font-family, inherit), line-height: 1.2, font-weight: var(--kendo-font-weight-light, normal), letter-spacing: null))",
+            "resolvedType": "Map",
+            "prettyValue": {
+                "1": {
+                    "font-size": "calc(var(--kendo-font-size, 0.875rem) * 8)",
+                    "font-family": "var(--kendo-font-family, inherit)",
+                    "line-height": 1.2,
+                    "font-weight": "var(--kendo-font-weight-light, normal)",
+                    "letter-spacing": null
+                },
+                "2": {
+                    "font-size": "calc(var(--kendo-font-size, 0.875rem) * 7)",
+                    "font-family": "var(--kendo-font-family, inherit)",
+                    "line-height": 1.2,
+                    "font-weight": "var(--kendo-font-weight-light, normal)",
+                    "letter-spacing": null
+                },
+                "3": {
+                    "font-size": "calc(var(--kendo-font-size, 0.875rem) * 6)",
+                    "font-family": "var(--kendo-font-family, inherit)",
+                    "line-height": 1.2,
+                    "font-weight": "var(--kendo-font-weight-light, normal)",
+                    "letter-spacing": null
+                },
+                "4": {
+                    "font-size": "calc(var(--kendo-font-size, 0.875rem) * 5)",
+                    "font-family": "var(--kendo-font-family, inherit)",
+                    "line-height": 1.2,
+                    "font-weight": "var(--kendo-font-weight-light, normal)",
+                    "letter-spacing": null
+                }
+            }
         },
         {
-            "description": "Transition used across all components.\n",
+            "description": "Box shadow of focused items.\n",
             "commentRange": {
-                "start": 14,
-                "end": 14
+                "start": 5,
+                "end": 5
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-transition",
-                "value": "color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out",
+                "name": "kendo-focus-shadow",
+                "value": "inset 0 0 0 2px rgba(0, 0, 0, .13)",
                 "scope": "default",
                 "line": {
-                    "start": 15,
-                    "end": 15
+                    "start": 6,
+                    "end": 6
                 }
             },
             "access": "public",
@@ -73907,7 +73856,7 @@
                 "path": "default/scss/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "(color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out)",
+            "resolvedValue": "(inset 0 0 0 2px rgba(0, 0, 0, 0.13))",
             "resolvedType": "List"
         },
         {
@@ -74045,63 +73994,6 @@
             "resolvedValue": "grayscale(0.1)",
             "resolvedType": "String"
         },
-        {
-            "description": "The displays Map.\n",
-            "commentRange": {
-                "start": 308,
-                "end": 308
-            },
-            "context": {
-                "type": "variable",
-                "name": "kendo-display",
-                "value": "(\n    1: (\n        font-size: $kendo-display1-font-size,\n        font-family: $kendo-display1-font-family,\n        line-height: $kendo-display1-line-height,\n        font-weight: $kendo-display1-font-weight,\n        letter-spacing: $kendo-display1-letter-spacing\n    ),\n    2: (\n        font-size: $kendo-display2-font-size,\n        font-family: $kendo-display2-font-family,\n        line-height: $kendo-display2-line-height,\n        font-weight: $kendo-display2-font-weight,\n        letter-spacing: $kendo-display2-letter-spacing\n    ),\n    3: (\n        font-size: $kendo-display3-font-size,\n        font-family: $kendo-display3-font-family,\n        line-height: $kendo-display3-line-height,\n        font-weight: $kendo-display3-font-weight,\n        letter-spacing: $kendo-display3-letter-spacing\n    ),\n    4: (\n        font-size: $kendo-display4-font-size,\n        font-family: $kendo-display4-font-family,\n        line-height: $kendo-display4-line-height,\n        font-weight: $kendo-display4-font-weight,\n        letter-spacing: $kendo-display4-letter-spacing\n    )\n)",
-                "scope": "default",
-                "line": {
-                    "start": 309,
-                    "end": 338
-                }
-            },
-            "access": "public",
-            "group": [
-                "undefined"
-            ],
-            "file": {
-                "path": "default/scss/typography/_variables.scss",
-                "name": "_variables.scss"
-            },
-            "resolvedValue": "(1: (font-size: calc(var(--kendo-font-size, 0.875rem) * 8), font-family: var(--kendo-font-family, inherit), line-height: 1.2, font-weight: var(--kendo-font-weight-light, normal), letter-spacing: null), 2: (font-size: calc(var(--kendo-font-size, 0.875rem) * 7), font-family: var(--kendo-font-family, inherit), line-height: 1.2, font-weight: var(--kendo-font-weight-light, normal), letter-spacing: null), 3: (font-size: calc(var(--kendo-font-size, 0.875rem) * 6), font-family: var(--kendo-font-family, inherit), line-height: 1.2, font-weight: var(--kendo-font-weight-light, normal), letter-spacing: null), 4: (font-size: calc(var(--kendo-font-size, 0.875rem) * 5), font-family: var(--kendo-font-family, inherit), line-height: 1.2, font-weight: var(--kendo-font-weight-light, normal), letter-spacing: null))",
-            "resolvedType": "Map",
-            "prettyValue": {
-                "1": {
-                    "font-size": "calc(var(--kendo-font-size, 0.875rem) * 8)",
-                    "font-family": "var(--kendo-font-family, inherit)",
-                    "line-height": 1.2,
-                    "font-weight": "var(--kendo-font-weight-light, normal)",
-                    "letter-spacing": null
-                },
-                "2": {
-                    "font-size": "calc(var(--kendo-font-size, 0.875rem) * 7)",
-                    "font-family": "var(--kendo-font-family, inherit)",
-                    "line-height": 1.2,
-                    "font-weight": "var(--kendo-font-weight-light, normal)",
-                    "letter-spacing": null
-                },
-                "3": {
-                    "font-size": "calc(var(--kendo-font-size, 0.875rem) * 6)",
-                    "font-family": "var(--kendo-font-family, inherit)",
-                    "line-height": 1.2,
-                    "font-weight": "var(--kendo-font-weight-light, normal)",
-                    "letter-spacing": null
-                },
-                "4": {
-                    "font-size": "calc(var(--kendo-font-size, 0.875rem) * 5)",
-                    "font-family": "var(--kendo-font-family, inherit)",
-                    "line-height": 1.2,
-                    "font-weight": "var(--kendo-font-weight-light, normal)",
-                    "letter-spacing": null
-                }
-            }
-        },
         {
             "description": "The width of the border around the Upload.\n",
             "commentRange": {
@@ -79548,8 +79440,8 @@
                 {
                     "description": "Box shadow of focused items.\n",
                     "commentRange": {
-                        "start": 11,
-                        "end": 11
+                        "start": 5,
+                        "end": 5
                     },
                     "context": {
                         "type": "variable",
@@ -79557,8 +79449,8 @@
                         "value": "inset 0 0 0 2px rgba(0, 0, 0, .13)",
                         "scope": "default",
                         "line": {
-                            "start": 12,
-                            "end": 12
+                            "start": 6,
+                            "end": 6
                         }
                     },
                     "access": "public",
@@ -79572,33 +79464,6 @@
                     "resolvedValue": "(inset 0 0 0 2px rgba(0, 0, 0, 0.13))",
                     "resolvedType": "List"
                 },
-                {
-                    "description": "Transition used across all components.\n",
-                    "commentRange": {
-                        "start": 14,
-                        "end": 14
-                    },
-                    "context": {
-                        "type": "variable",
-                        "name": "kendo-transition",
-                        "value": "color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out",
-                        "scope": "default",
-                        "line": {
-                            "start": 15,
-                            "end": 15
-                        }
-                    },
-                    "access": "public",
-                    "group": [
-                        "undefined"
-                    ],
-                    "file": {
-                        "path": "default/scss/_variables.scss",
-                        "name": "_variables.scss"
-                    },
-                    "resolvedValue": "(color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out)",
-                    "resolvedType": "List"
-                },
                 {
                     "description": "The background color of disabled items.\n",
                     "commentRange": {
@@ -79733,63 +79598,6 @@
                     },
                     "resolvedValue": "grayscale(0.1)",
                     "resolvedType": "String"
-                },
-                {
-                    "description": "The displays Map.\n",
-                    "commentRange": {
-                        "start": 308,
-                        "end": 308
-                    },
-                    "context": {
-                        "type": "variable",
-                        "name": "kendo-display",
-                        "value": "(\n    1: (\n        font-size: $kendo-display1-font-size,\n        font-family: $kendo-display1-font-family,\n        line-height: $kendo-display1-line-height,\n        font-weight: $kendo-display1-font-weight,\n        letter-spacing: $kendo-display1-letter-spacing\n    ),\n    2: (\n        font-size: $kendo-display2-font-size,\n        font-family: $kendo-display2-font-family,\n        line-height: $kendo-display2-line-height,\n        font-weight: $kendo-display2-font-weight,\n        letter-spacing: $kendo-display2-letter-spacing\n    ),\n    3: (\n        font-size: $kendo-display3-font-size,\n        font-family: $kendo-display3-font-family,\n        line-height: $kendo-display3-line-height,\n        font-weight: $kendo-display3-font-weight,\n        letter-spacing: $kendo-display3-letter-spacing\n    ),\n    4: (\n        font-size: $kendo-display4-font-size,\n        font-family: $kendo-display4-font-family,\n        line-height: $kendo-display4-line-height,\n        font-weight: $kendo-display4-font-weight,\n        letter-spacing: $kendo-display4-letter-spacing\n    )\n)",
-                        "scope": "default",
-                        "line": {
-                            "start": 309,
-                            "end": 338
-                        }
-                    },
-                    "access": "public",
-                    "group": [
-                        "undefined"
-                    ],
-                    "file": {
-                        "path": "default/scss/typography/_variables.scss",
-                        "name": "_variables.scss"
-                    },
-                    "resolvedValue": "(1: (font-size: calc(var(--kendo-font-size, 0.875rem) * 8), font-family: var(--kendo-font-family, inherit), line-height: 1.2, font-weight: var(--kendo-font-weight-light, normal), letter-spacing: null), 2: (font-size: calc(var(--kendo-font-size, 0.875rem) * 7), font-family: var(--kendo-font-family, inherit), line-height: 1.2, font-weight: var(--kendo-font-weight-light, normal), letter-spacing: null), 3: (font-size: calc(var(--kendo-font-size, 0.875rem) * 6), font-family: var(--kendo-font-family, inherit), line-height: 1.2, font-weight: var(--kendo-font-weight-light, normal), letter-spacing: null), 4: (font-size: calc(var(--kendo-font-size, 0.875rem) * 5), font-family: var(--kendo-font-family, inherit), line-height: 1.2, font-weight: var(--kendo-font-weight-light, normal), letter-spacing: null))",
-                    "resolvedType": "Map",
-                    "prettyValue": {
-                        "1": {
-                            "font-size": "calc(var(--kendo-font-size, 0.875rem) * 8)",
-                            "font-family": "var(--kendo-font-family, inherit)",
-                            "line-height": 1.2,
-                            "font-weight": "var(--kendo-font-weight-light, normal)",
-                            "letter-spacing": null
-                        },
-                        "2": {
-                            "font-size": "calc(var(--kendo-font-size, 0.875rem) * 7)",
-                            "font-family": "var(--kendo-font-family, inherit)",
-                            "line-height": 1.2,
-                            "font-weight": "var(--kendo-font-weight-light, normal)",
-                            "letter-spacing": null
-                        },
-                        "3": {
-                            "font-size": "calc(var(--kendo-font-size, 0.875rem) * 6)",
-                            "font-family": "var(--kendo-font-family, inherit)",
-                            "line-height": 1.2,
-                            "font-weight": "var(--kendo-font-weight-light, normal)",
-                            "letter-spacing": null
-                        },
-                        "4": {
-                            "font-size": "calc(var(--kendo-font-size, 0.875rem) * 5)",
-                            "font-family": "var(--kendo-font-family, inherit)",
-                            "line-height": 1.2,
-                            "font-weight": "var(--kendo-font-weight-light, normal)",
-                            "letter-spacing": null
-                        }
-                    }
                 }
             ]
         },
@@ -113855,73 +113663,19 @@
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The text color of the Input prefix.\n",
+                    "description": "The border color of the invalid Input components.\n",
                     "commentRange": {
                         "start": 293,
                         "end": 294
                     },
-                    "context": {
-                        "type": "variable",
-                        "name": "kendo-input-prefix-text",
-                        "value": "$kendo-subtle-text",
-                        "scope": "default",
-                        "line": {
-                            "start": 295,
-                            "end": 295
-                        }
-                    },
-                    "group": [
-                        "input"
-                    ],
-                    "access": "public",
-                    "file": {
-                        "path": "default/scss/input/_variables.scss",
-                        "name": "_variables.scss"
-                    },
-                    "resolvedValue": "var(--kendo-color-subtle, #666666)",
-                    "resolvedType": "String"
-                },
-                {
-                    "description": "The text color of the Input suffix.\n",
-                    "commentRange": {
-                        "start": 296,
-                        "end": 297
-                    },
-                    "context": {
-                        "type": "variable",
-                        "name": "kendo-input-suffix-text",
-                        "value": "$kendo-subtle-text",
-                        "scope": "default",
-                        "line": {
-                            "start": 298,
-                            "end": 298
-                        }
-                    },
-                    "group": [
-                        "input"
-                    ],
-                    "access": "public",
-                    "file": {
-                        "path": "default/scss/input/_variables.scss",
-                        "name": "_variables.scss"
-                    },
-                    "resolvedValue": "var(--kendo-color-subtle, #666666)",
-                    "resolvedType": "String"
-                },
-                {
-                    "description": "The border color of the invalid Input components.\n",
-                    "commentRange": {
-                        "start": 300,
-                        "end": 301
-                    },
                     "context": {
                         "type": "variable",
                         "name": "kendo-input-invalid-border",
                         "value": "$kendo-invalid-border",
                         "scope": "default",
                         "line": {
-                            "start": 302,
-                            "end": 302
+                            "start": 295,
+                            "end": 295
                         }
                     },
                     "group": [
@@ -113938,8 +113692,8 @@
                 {
                     "description": "The shadow of the invalid Input components.\n",
                     "commentRange": {
-                        "start": 303,
-                        "end": 304
+                        "start": 296,
+                        "end": 297
                     },
                     "context": {
                         "type": "variable",
@@ -113947,8 +113701,8 @@
                         "value": "$kendo-invalid-shadow",
                         "scope": "default",
                         "line": {
-                            "start": 305,
-                            "end": 305
+                            "start": 298,
+                            "end": 298
                         }
                     },
                     "group": [
@@ -119940,8 +119694,8 @@
                 {
                     "description": "The row-gap between the elements in the Notification group.\n",
                     "commentRange": {
-                        "start": 9,
-                        "end": 10
+                        "start": 10,
+                        "end": 11
                     },
                     "context": {
                         "type": "variable",
@@ -119949,8 +119703,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 11,
-                            "end": 11
+                            "start": 12,
+                            "end": 12
                         }
                     },
                     "group": [
@@ -119967,8 +119721,8 @@
                 {
                     "description": "The horizontal padding of the Notification.\n",
                     "commentRange": {
-                        "start": 13,
-                        "end": 14
+                        "start": 14,
+                        "end": 15
                     },
                     "context": {
                         "type": "variable",
@@ -119976,8 +119730,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 15,
-                            "end": 15
+                            "start": 16,
+                            "end": 16
                         }
                     },
                     "group": [
@@ -119994,8 +119748,8 @@
                 {
                     "description": "The vertical padding of the Notification.\n",
                     "commentRange": {
-                        "start": 16,
-                        "end": 17
+                        "start": 17,
+                        "end": 18
                     },
                     "context": {
                         "type": "variable",
@@ -120003,8 +119757,8 @@
                         "value": "k-spacing(1)",
                         "scope": "default",
                         "line": {
-                            "start": 18,
-                            "end": 18
+                            "start": 19,
+                            "end": 19
                         }
                     },
                     "group": [
@@ -120021,8 +119775,8 @@
                 {
                     "description": "The width of the border around the Notification.\n",
                     "commentRange": {
-                        "start": 19,
-                        "end": 20
+                        "start": 20,
+                        "end": 21
                     },
                     "context": {
                         "type": "variable",
@@ -120030,8 +119784,8 @@
                         "value": "1px",
                         "scope": "default",
                         "line": {
-                            "start": 21,
-                            "end": 21
+                            "start": 22,
+                            "end": 22
                         }
                     },
                     "group": [
@@ -120048,8 +119802,8 @@
                 {
                     "description": "The border radius of the Notification.\n",
                     "commentRange": {
-                        "start": 22,
-                        "end": 23
+                        "start": 23,
+                        "end": 24
                     },
                     "context": {
                         "type": "variable",
@@ -120057,8 +119811,8 @@
                         "value": "k-border-radius(md)!default",
                         "scope": "private",
                         "line": {
-                            "start": 24,
-                            "end": 24
+                            "start": 25,
+                            "end": 25
                         }
                     },
                     "group": [
@@ -120075,8 +119829,8 @@
                 {
                     "description": "The font family of the Notification.\n",
                     "commentRange": {
-                        "start": 25,
-                        "end": 26
+                        "start": 26,
+                        "end": 27
                     },
                     "context": {
                         "type": "variable",
@@ -120084,8 +119838,8 @@
                         "value": "var( --kendo-font-family, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 27,
-                            "end": 27
+                            "start": 28,
+                            "end": 28
                         }
                     },
                     "group": [
@@ -120102,8 +119856,8 @@
                 {
                     "description": "The font size of the Notification.\n",
                     "commentRange": {
-                        "start": 28,
-                        "end": 29
+                        "start": 29,
+                        "end": 30
                     },
                     "context": {
                         "type": "variable",
@@ -120111,8 +119865,8 @@
                         "value": "var( --kendo-font-size-sm, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 30,
-                            "end": 30
+                            "start": 31,
+                            "end": 31
                         }
                     },
                     "group": [
@@ -120129,8 +119883,8 @@
                 {
                     "description": "The line height of the Notification.\n",
                     "commentRange": {
-                        "start": 31,
-                        "end": 32
+                        "start": 32,
+                        "end": 33
                     },
                     "context": {
                         "type": "variable",
@@ -120138,8 +119892,8 @@
                         "value": "va( --kendo-line-height, normal )",
                         "scope": "default",
                         "line": {
-                            "start": 33,
-                            "end": 33
+                            "start": 34,
+                            "end": 34
                         }
                     },
                     "group": [
@@ -120156,8 +119910,8 @@
                 {
                     "description": "The background color of the Notification.\n",
                     "commentRange": {
-                        "start": 34,
-                        "end": 35
+                        "start": 35,
+                        "end": 36
                     },
                     "context": {
                         "type": "variable",
@@ -120165,8 +119919,8 @@
                         "value": "$kendo-component-bg",
                         "scope": "default",
                         "line": {
-                            "start": 36,
-                            "end": 36
+                            "start": 37,
+                            "end": 37
                         }
                     },
                     "group": [
@@ -120183,8 +119937,8 @@
                 {
                     "description": "The text color of the Notification.\n",
                     "commentRange": {
-                        "start": 37,
-                        "end": 38
+                        "start": 38,
+                        "end": 39
                     },
                     "context": {
                         "type": "variable",
@@ -120192,8 +119946,8 @@
                         "value": "$kendo-component-text",
                         "scope": "default",
                         "line": {
-                            "start": 39,
-                            "end": 39
+                            "start": 40,
+                            "end": 40
                         }
                     },
                     "group": [
@@ -120210,8 +119964,8 @@
                 {
                     "description": "The border color of the Notification.\n",
                     "commentRange": {
-                        "start": 40,
-                        "end": 41
+                        "start": 41,
+                        "end": 42
                     },
                     "context": {
                         "type": "variable",
@@ -120219,8 +119973,8 @@
                         "value": "$kendo-component-border",
                         "scope": "default",
                         "line": {
-                            "start": 42,
-                            "end": 42
+                            "start": 43,
+                            "end": 43
                         }
                     },
                     "group": [
@@ -120237,8 +119991,8 @@
                 {
                     "description": "The box shadow of the Notification.\n",
                     "commentRange": {
-                        "start": 43,
-                        "end": 44
+                        "start": 44,
+                        "end": 45
                     },
                     "context": {
                         "type": "variable",
@@ -120246,8 +120000,8 @@
                         "value": "$kendo-popup-shadow",
                         "scope": "default",
                         "line": {
-                            "start": 45,
-                            "end": 45
+                            "start": 46,
+                            "end": 46
                         }
                     },
                     "group": [
@@ -120264,8 +120018,8 @@
                 {
                     "description": "The horizontal spacing of the Notification icon.\n",
                     "commentRange": {
-                        "start": 47,
-                        "end": 48
+                        "start": 48,
+                        "end": 49
                     },
                     "context": {
                         "type": "variable",
@@ -120273,8 +120027,8 @@
                         "value": "$kendo-icon-spacing",
                         "scope": "default",
                         "line": {
-                            "start": 49,
-                            "end": 49
+                            "start": 50,
+                            "end": 50
                         }
                     },
                     "group": [
@@ -120291,8 +120045,8 @@
                 {
                     "description": "The theme colors map for the Notification.\n",
                     "commentRange": {
-                        "start": 65,
-                        "end": 66
+                        "start": 52,
+                        "end": 53
                     },
                     "context": {
                         "type": "variable",
@@ -120300,8 +120054,8 @@
                         "value": "$kendo-theme-colors",
                         "scope": "default",
                         "line": {
-                            "start": 67,
-                            "end": 67
+                            "start": 54,
+                            "end": 54
                         }
                     },
                     "group": [
@@ -120330,8 +120084,8 @@
                 {
                     "description": "The generated theme colors map for the Notification.\n",
                     "commentRange": {
-                        "start": 68,
-                        "end": 69
+                        "start": 55,
+                        "end": 56
                     },
                     "context": {
                         "type": "variable",
@@ -120339,8 +120093,8 @@
                         "value": "notification-theme( $kendo-notification-theme-colors )",
                         "scope": "default",
                         "line": {
-                            "start": 70,
-                            "end": 70
+                            "start": 57,
+                            "end": 57
                         }
                     },
                     "group": [
@@ -123015,33 +122769,6 @@
                     },
                     "resolvedValue": "rgba(124, 22, 27, 0.5)",
                     "resolvedType": "Color"
-                },
-                {
-                    "description": "The text color of the PDFViewer free text annotation.\n",
-                    "commentRange": {
-                        "start": 140,
-                        "end": 141
-                    },
-                    "context": {
-                        "type": "variable",
-                        "name": "kendo-pdf-viewer-free-text-annotation-text",
-                        "value": "rgba(124, 22, 27, 0.7)",
-                        "scope": "default",
-                        "line": {
-                            "start": 142,
-                            "end": 142
-                        }
-                    },
-                    "group": [
-                        "pdf-viewer"
-                    ],
-                    "access": "public",
-                    "file": {
-                        "path": "default/scss/pdf-viewer/_variables.scss",
-                        "name": "_variables.scss"
-                    },
-                    "resolvedValue": "rgba(124, 22, 27, 0.5)",
-                    "resolvedType": "Color"
                 }
             ]
         },
@@ -127355,8 +127082,8 @@
                 {
                     "description": "The background color of the Picker components.\n",
                     "commentRange": {
-                        "start": 307,
-                        "end": 308
+                        "start": 300,
+                        "end": 301
                     },
                     "context": {
                         "type": "variable",
@@ -127364,8 +127091,8 @@
                         "value": "$kendo-button-bg",
                         "scope": "default",
                         "line": {
-                            "start": 309,
-                            "end": 309
+                            "start": 302,
+                            "end": 302
                         }
                     },
                     "group": [
@@ -127382,8 +127109,8 @@
                 {
                     "description": "The text color of the Picker components.\n",
                     "commentRange": {
-                        "start": 310,
-                        "end": 311
+                        "start": 303,
+                        "end": 304
                     },
                     "context": {
                         "type": "variable",
@@ -127391,8 +127118,8 @@
                         "value": "$kendo-button-text",
                         "scope": "default",
                         "line": {
-                            "start": 312,
-                            "end": 312
+                            "start": 305,
+                            "end": 305
                         }
                     },
                     "group": [
@@ -127409,8 +127136,8 @@
                 {
                     "description": "The border color of the Picker components.\n",
                     "commentRange": {
-                        "start": 313,
-                        "end": 314
+                        "start": 306,
+                        "end": 307
                     },
                     "context": {
                         "type": "variable",
@@ -127418,8 +127145,8 @@
                         "value": "$kendo-button-border",
                         "scope": "default",
                         "line": {
-                            "start": 315,
-                            "end": 315
+                            "start": 308,
+                            "end": 308
                         }
                     },
                     "group": [
@@ -127436,8 +127163,8 @@
                 {
                     "description": "The gradient of the Picker components.\n",
                     "commentRange": {
-                        "start": 316,
-                        "end": 317
+                        "start": 309,
+                        "end": 310
                     },
                     "context": {
                         "type": "variable",
@@ -127445,8 +127172,8 @@
                         "value": "$kendo-button-gradient",
                         "scope": "default",
                         "line": {
-                            "start": 318,
-                            "end": 318
+                            "start": 311,
+                            "end": 311
                         }
                     },
                     "group": [
@@ -127463,8 +127190,8 @@
                 {
                     "description": "The shadow of the Picker components.\n",
                     "commentRange": {
-                        "start": 319,
-                        "end": 320
+                        "start": 312,
+                        "end": 313
                     },
                     "context": {
                         "type": "variable",
@@ -127472,8 +127199,8 @@
                         "value": "$kendo-button-shadow",
                         "scope": "default",
                         "line": {
-                            "start": 321,
-                            "end": 321
+                            "start": 314,
+                            "end": 314
                         }
                     },
                     "group": [
@@ -127490,8 +127217,8 @@
                 {
                     "description": "The background color of the hovered Picker components.\n",
                     "commentRange": {
-                        "start": 323,
-                        "end": 324
+                        "start": 316,
+                        "end": 317
                     },
                     "context": {
                         "type": "variable",
@@ -127499,8 +127226,8 @@
                         "value": "$kendo-button-hover-bg",
                         "scope": "default",
                         "line": {
-                            "start": 325,
-                            "end": 325
+                            "start": 318,
+                            "end": 318
                         }
                     },
                     "group": [
@@ -127517,8 +127244,8 @@
                 {
                     "description": "The text color of the hovered Picker components.\n",
                     "commentRange": {
-                        "start": 326,
-                        "end": 327
+                        "start": 319,
+                        "end": 320
                     },
                     "context": {
                         "type": "variable",
@@ -127526,8 +127253,8 @@
                         "value": "$kendo-button-hover-text",
                         "scope": "default",
                         "line": {
-                            "start": 328,
-                            "end": 328
+                            "start": 321,
+                            "end": 321
                         }
                     },
                     "group": [
@@ -127544,8 +127271,8 @@
                 {
                     "description": "The border color of the hovered Picker components.\n",
                     "commentRange": {
-                        "start": 329,
-                        "end": 330
+                        "start": 322,
+                        "end": 323
                     },
                     "context": {
                         "type": "variable",
@@ -127553,8 +127280,8 @@
                         "value": "$kendo-button-hover-border",
                         "scope": "default",
                         "line": {
-                            "start": 331,
-                            "end": 331
+                            "start": 324,
+                            "end": 324
                         }
                     },
                     "group": [
@@ -127571,8 +127298,8 @@
                 {
                     "description": "The gradient of the hovered Picker components.\n",
                     "commentRange": {
-                        "start": 332,
-                        "end": 333
+                        "start": 325,
+                        "end": 326
                     },
                     "context": {
                         "type": "variable",
@@ -127580,8 +127307,8 @@
                         "value": "$kendo-button-hover-gradient",
                         "scope": "default",
                         "line": {
-                            "start": 334,
-                            "end": 334
+                            "start": 327,
+                            "end": 327
                         }
                     },
                     "group": [
@@ -127598,8 +127325,8 @@
                 {
                     "description": "The shadow of the hovered Picker components.\n",
                     "commentRange": {
-                        "start": 335,
-                        "end": 336
+                        "start": 328,
+                        "end": 329
                     },
                     "context": {
                         "type": "variable",
@@ -127607,8 +127334,8 @@
                         "value": "$kendo-button-hover-shadow",
                         "scope": "default",
                         "line": {
-                            "start": 337,
-                            "end": 337
+                            "start": 330,
+                            "end": 330
                         }
                     },
                     "group": [
@@ -127625,8 +127352,8 @@
                 {
                     "description": "The background color of the focused Picker components.\n",
                     "commentRange": {
-                        "start": 339,
-                        "end": 340
+                        "start": 332,
+                        "end": 333
                     },
                     "context": {
                         "type": "variable",
@@ -127634,8 +127361,8 @@
                         "value": "$kendo-button-focus-bg",
                         "scope": "default",
                         "line": {
-                            "start": 341,
-                            "end": 341
+                            "start": 334,
+                            "end": 334
                         }
                     },
                     "group": [
@@ -127652,8 +127379,8 @@
                 {
                     "description": "The text color of the focused Picker components.\n",
                     "commentRange": {
-                        "start": 342,
-                        "end": 343
+                        "start": 335,
+                        "end": 336
                     },
                     "context": {
                         "type": "variable",
@@ -127661,8 +127388,8 @@
                         "value": "$kendo-button-focus-text",
                         "scope": "default",
                         "line": {
-                            "start": 344,
-                            "end": 344
+                            "start": 337,
+                            "end": 337
                         }
                     },
                     "group": [
@@ -127679,8 +127406,8 @@
                 {
                     "description": "The border color of the focused Picker components.\n",
                     "commentRange": {
-                        "start": 345,
-                        "end": 346
+                        "start": 338,
+                        "end": 339
                     },
                     "context": {
                         "type": "variable",
@@ -127688,8 +127415,8 @@
                         "value": "$kendo-button-focus-border",
                         "scope": "default",
                         "line": {
-                            "start": 347,
-                            "end": 347
+                            "start": 340,
+                            "end": 340
                         }
                     },
                     "group": [
@@ -127706,8 +127433,8 @@
                 {
                     "description": "The gradient of the focused Picker components.\n",
                     "commentRange": {
-                        "start": 348,
-                        "end": 349
+                        "start": 341,
+                        "end": 342
                     },
                     "context": {
                         "type": "variable",
@@ -127715,8 +127442,8 @@
                         "value": "$kendo-button-focus-gradient",
                         "scope": "default",
                         "line": {
-                            "start": 350,
-                            "end": 350
+                            "start": 343,
+                            "end": 343
                         }
                     },
                     "group": [
@@ -127733,8 +127460,8 @@
                 {
                     "description": "The shadow of the focused Picker components.\n",
                     "commentRange": {
-                        "start": 351,
-                        "end": 352
+                        "start": 344,
+                        "end": 345
                     },
                     "context": {
                         "type": "variable",
@@ -127742,8 +127469,8 @@
                         "value": "$kendo-button-focus-shadow",
                         "scope": "default",
                         "line": {
-                            "start": 353,
-                            "end": 353
+                            "start": 346,
+                            "end": 346
                         }
                     },
                     "group": [
@@ -127760,8 +127487,8 @@
                 {
                     "description": "The background color of the disabled Picker components.\n",
                     "commentRange": {
-                        "start": 355,
-                        "end": 356
+                        "start": 348,
+                        "end": 349
                     },
                     "context": {
                         "type": "variable",
@@ -127769,8 +127496,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 357,
-                            "end": 357
+                            "start": 350,
+                            "end": 350
                         }
                     },
                     "group": [
@@ -127787,8 +127514,8 @@
                 {
                     "description": "The text color of the disabled Picker components.\n",
                     "commentRange": {
-                        "start": 358,
-                        "end": 359
+                        "start": 351,
+                        "end": 352
                     },
                     "context": {
                         "type": "variable",
@@ -127796,8 +127523,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 360,
-                            "end": 360
+                            "start": 353,
+                            "end": 353
                         }
                     },
                     "group": [
@@ -127814,8 +127541,8 @@
                 {
                     "description": "The border color of the disabled Picker components.\n",
                     "commentRange": {
-                        "start": 361,
-                        "end": 362
+                        "start": 354,
+                        "end": 355
                     },
                     "context": {
                         "type": "variable",
@@ -127823,8 +127550,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 363,
-                            "end": 363
+                            "start": 356,
+                            "end": 356
                         }
                     },
                     "group": [
@@ -127841,8 +127568,8 @@
                 {
                     "description": "The gradient of the disabled Picker components.\n",
                     "commentRange": {
-                        "start": 364,
-                        "end": 365
+                        "start": 357,
+                        "end": 358
                     },
                     "context": {
                         "type": "variable",
@@ -127850,8 +127577,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 366,
-                            "end": 366
+                            "start": 359,
+                            "end": 359
                         }
                     },
                     "group": [
@@ -127868,8 +127595,8 @@
                 {
                     "description": "The shadow of the disabled Picker components.\n",
                     "commentRange": {
-                        "start": 367,
-                        "end": 368
+                        "start": 360,
+                        "end": 361
                     },
                     "context": {
                         "type": "variable",
@@ -127877,8 +127604,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 369,
-                            "end": 369
+                            "start": 362,
+                            "end": 362
                         }
                     },
                     "group": [
@@ -127895,8 +127622,8 @@
                 {
                     "description": "The background color of the outline Picker components.\n",
                     "commentRange": {
-                        "start": 371,
-                        "end": 372
+                        "start": 364,
+                        "end": 365
                     },
                     "context": {
                         "type": "variable",
@@ -127904,8 +127631,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 373,
-                            "end": 373
+                            "start": 366,
+                            "end": 366
                         }
                     },
                     "group": [
@@ -127922,8 +127649,8 @@
                 {
                     "description": "The text color of the outline Picker components.\n",
                     "commentRange": {
-                        "start": 374,
-                        "end": 375
+                        "start": 367,
+                        "end": 368
                     },
                     "context": {
                         "type": "variable",
@@ -127931,8 +127658,8 @@
                         "value": "$kendo-button-text",
                         "scope": "default",
                         "line": {
-                            "start": 376,
-                            "end": 376
+                            "start": 369,
+                            "end": 369
                         }
                     },
                     "group": [
@@ -127949,8 +127676,8 @@
                 {
                     "description": "The border color of the outline Picker components.\n",
                     "commentRange": {
-                        "start": 377,
-                        "end": 378
+                        "start": 370,
+                        "end": 371
                     },
                     "context": {
                         "type": "variable",
@@ -127958,8 +127685,8 @@
                         "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 50%, transparent), rgba( $kendo-picker-outline-text, .5))",
                         "scope": "default",
                         "line": {
-                            "start": 379,
-                            "end": 379
+                            "start": 372,
+                            "end": 372
                         }
                     },
                     "group": [
@@ -127976,8 +127703,8 @@
                 {
                     "description": "The background color of the outline hovered Picker components.\n",
                     "commentRange": {
-                        "start": 381,
-                        "end": 382
+                        "start": 374,
+                        "end": 375
                     },
                     "context": {
                         "type": "variable",
@@ -127985,8 +127712,8 @@
                         "value": "$kendo-picker-outline-text",
                         "scope": "default",
                         "line": {
-                            "start": 383,
-                            "end": 383
+                            "start": 376,
+                            "end": 376
                         }
                     },
                     "group": [
@@ -128003,8 +127730,8 @@
                 {
                     "description": "The text color of the outline hovered Picker components.\n",
                     "commentRange": {
-                        "start": 384,
-                        "end": 385
+                        "start": 377,
+                        "end": 378
                     },
                     "context": {
                         "type": "variable",
@@ -128012,8 +127739,8 @@
                         "value": "if($kendo-enable-color-system, k-color( base ), k-contrast-legacy( $kendo-picker-outline-hover-bg ))",
                         "scope": "default",
                         "line": {
-                            "start": 386,
-                            "end": 386
+                            "start": 379,
+                            "end": 379
                         }
                     },
                     "group": [
@@ -128030,8 +127757,8 @@
                 {
                     "description": "The border color of the outline hovered Picker components.\n",
                     "commentRange": {
-                        "start": 387,
-                        "end": 388
+                        "start": 380,
+                        "end": 381
                     },
                     "context": {
                         "type": "variable",
@@ -128039,8 +127766,8 @@
                         "value": "$kendo-picker-outline-hover-bg",
                         "scope": "default",
                         "line": {
-                            "start": 389,
-                            "end": 389
+                            "start": 382,
+                            "end": 382
                         }
                     },
                     "group": [
@@ -128057,8 +127784,8 @@
                 {
                     "description": "The background color of the outline focused Picker components.\n",
                     "commentRange": {
-                        "start": 391,
-                        "end": 392
+                        "start": 384,
+                        "end": 385
                     },
                     "context": {
                         "type": "variable",
@@ -128066,8 +127793,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 393,
-                            "end": 393
+                            "start": 386,
+                            "end": 386
                         }
                     },
                     "group": [
@@ -128084,8 +127811,8 @@
                 {
                     "description": "The text color of the outline focused Picker components.\n",
                     "commentRange": {
-                        "start": 394,
-                        "end": 395
+                        "start": 387,
+                        "end": 388
                     },
                     "context": {
                         "type": "variable",
@@ -128093,8 +127820,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 396,
-                            "end": 396
+                            "start": 389,
+                            "end": 389
                         }
                     },
                     "group": [
@@ -128111,8 +127838,8 @@
                 {
                     "description": "The border color of the outline focused Picker components.\n",
                     "commentRange": {
-                        "start": 397,
-                        "end": 398
+                        "start": 390,
+                        "end": 391
                     },
                     "context": {
                         "type": "variable",
@@ -128120,8 +127847,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 399,
-                            "end": 399
+                            "start": 392,
+                            "end": 392
                         }
                     },
                     "group": [
@@ -128138,8 +127865,8 @@
                 {
                     "description": "The shadow of the outline focused Picker components.\n",
                     "commentRange": {
-                        "start": 400,
-                        "end": 401
+                        "start": 393,
+                        "end": 394
                     },
                     "context": {
                         "type": "variable",
@@ -128147,8 +127874,8 @@
                         "value": "$kendo-picker-focus-shadow",
                         "scope": "default",
                         "line": {
-                            "start": 402,
-                            "end": 402
+                            "start": 395,
+                            "end": 395
                         }
                     },
                     "group": [
@@ -128165,8 +127892,8 @@
                 {
                     "description": "The background color of the outline hovered and focused Picker components.\n",
                     "commentRange": {
-                        "start": 404,
-                        "end": 405
+                        "start": 397,
+                        "end": 398
                     },
                     "context": {
                         "type": "variable",
@@ -128174,8 +127901,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 406,
-                            "end": 406
+                            "start": 399,
+                            "end": 399
                         }
                     },
                     "group": [
@@ -128192,8 +127919,8 @@
                 {
                     "description": "The text color of the outline hovered and focused Picker components.\n",
                     "commentRange": {
-                        "start": 407,
-                        "end": 408
+                        "start": 400,
+                        "end": 401
                     },
                     "context": {
                         "type": "variable",
@@ -128201,8 +127928,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 409,
-                            "end": 409
+                            "start": 402,
+                            "end": 402
                         }
                     },
                     "group": [
@@ -128219,8 +127946,8 @@
                 {
                     "description": "The border color of the outline hovered and focused Picker components.\n",
                     "commentRange": {
-                        "start": 410,
-                        "end": 411
+                        "start": 403,
+                        "end": 404
                     },
                     "context": {
                         "type": "variable",
@@ -128228,8 +127955,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 412,
-                            "end": 412
+                            "start": 405,
+                            "end": 405
                         }
                     },
                     "group": [
@@ -128246,8 +127973,8 @@
                 {
                     "description": "The background color of the flat Picker components.\n",
                     "commentRange": {
-                        "start": 414,
-                        "end": 415
+                        "start": 407,
+                        "end": 408
                     },
                     "context": {
                         "type": "variable",
@@ -128255,8 +127982,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 416,
-                            "end": 416
+                            "start": 409,
+                            "end": 409
                         }
                     },
                     "group": [
@@ -128273,8 +128000,8 @@
                 {
                     "description": "The text color of the flat Picker components.\n",
                     "commentRange": {
-                        "start": 417,
-                        "end": 418
+                        "start": 410,
+                        "end": 411
                     },
                     "context": {
                         "type": "variable",
@@ -128282,8 +128009,8 @@
                         "value": "$kendo-button-text",
                         "scope": "default",
                         "line": {
-                            "start": 419,
-                            "end": 419
+                            "start": 412,
+                            "end": 412
                         }
                     },
                     "group": [
@@ -128300,8 +128027,8 @@
                 {
                     "description": "The border color of the flat Picker components.\n",
                     "commentRange": {
-                        "start": 420,
-                        "end": 421
+                        "start": 413,
+                        "end": 414
                     },
                     "context": {
                         "type": "variable",
@@ -128309,8 +128036,8 @@
                         "value": "$kendo-button-border",
                         "scope": "default",
                         "line": {
-                            "start": 422,
-                            "end": 422
+                            "start": 415,
+                            "end": 415
                         }
                     },
                     "group": [
@@ -128327,8 +128054,8 @@
                 {
                     "description": "The background color of the flat hovered Picker components.\n",
                     "commentRange": {
-                        "start": 424,
-                        "end": 425
+                        "start": 417,
+                        "end": 418
                     },
                     "context": {
                         "type": "variable",
@@ -128336,8 +128063,8 @@
                         "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 4%, transparent), rgba( $kendo-button-text, .04 ))",
                         "scope": "default",
                         "line": {
-                            "start": 426,
-                            "end": 426
+                            "start": 419,
+                            "end": 419
                         }
                     },
                     "group": [
@@ -128354,8 +128081,8 @@
                 {
                     "description": "The text color of the flat hovered Picker components.\n",
                     "commentRange": {
-                        "start": 427,
-                        "end": 428
+                        "start": 420,
+                        "end": 421
                     },
                     "context": {
                         "type": "variable",
@@ -128363,8 +128090,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 429,
-                            "end": 429
+                            "start": 422,
+                            "end": 422
                         }
                     },
                     "group": [
@@ -128381,8 +128108,8 @@
                 {
                     "description": "The border color of the flat hovered Picker components.\n",
                     "commentRange": {
-                        "start": 430,
-                        "end": 431
+                        "start": 423,
+                        "end": 424
                     },
                     "context": {
                         "type": "variable",
@@ -128390,8 +128117,8 @@
                         "value": "if($kendo-enable-color-system, k-color( border-alt ), rgba( $kendo-button-border, .16 ))",
                         "scope": "default",
                         "line": {
-                            "start": 432,
-                            "end": 432
+                            "start": 425,
+                            "end": 425
                         }
                     },
                     "group": [
@@ -128408,8 +128135,8 @@
                 {
                     "description": "The background color of the flat focused Picker components.\n",
                     "commentRange": {
-                        "start": 434,
-                        "end": 435
+                        "start": 427,
+                        "end": 428
                     },
                     "context": {
                         "type": "variable",
@@ -128417,8 +128144,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 436,
-                            "end": 436
+                            "start": 429,
+                            "end": 429
                         }
                     },
                     "group": [
@@ -128435,8 +128162,8 @@
                 {
                     "description": "The text color of the flat focused Picker components.\n",
                     "commentRange": {
-                        "start": 437,
-                        "end": 438
+                        "start": 430,
+                        "end": 431
                     },
                     "context": {
                         "type": "variable",
@@ -128444,8 +128171,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 439,
-                            "end": 439
+                            "start": 432,
+                            "end": 432
                         }
                     },
                     "group": [
@@ -128462,8 +128189,8 @@
                 {
                     "description": "The border color of the flat focused Picker components.\n",
                     "commentRange": {
-                        "start": 440,
-                        "end": 441
+                        "start": 433,
+                        "end": 434
                     },
                     "context": {
                         "type": "variable",
@@ -128471,8 +128198,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 442,
-                            "end": 442
+                            "start": 435,
+                            "end": 435
                         }
                     },
                     "group": [
@@ -128489,8 +128216,8 @@
                 {
                     "description": "The shadow of the flat focused Picker components.\n",
                     "commentRange": {
-                        "start": 443,
-                        "end": 444
+                        "start": 436,
+                        "end": 437
                     },
                     "context": {
                         "type": "variable",
@@ -128498,8 +128225,8 @@
                         "value": "$kendo-picker-focus-shadow",
                         "scope": "default",
                         "line": {
-                            "start": 445,
-                            "end": 445
+                            "start": 438,
+                            "end": 438
                         }
                     },
                     "group": [
@@ -128516,8 +128243,8 @@
                 {
                     "description": "The background color of the flat hovered and focused Picker components.\n",
                     "commentRange": {
-                        "start": 447,
-                        "end": 448
+                        "start": 440,
+                        "end": 441
                     },
                     "context": {
                         "type": "variable",
@@ -128525,8 +128252,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 449,
-                            "end": 449
+                            "start": 442,
+                            "end": 442
                         }
                     },
                     "group": [
@@ -128543,8 +128270,8 @@
                 {
                     "description": "The text color of the flat hovered and focused Picker components.\n",
                     "commentRange": {
-                        "start": 450,
-                        "end": 451
+                        "start": 443,
+                        "end": 444
                     },
                     "context": {
                         "type": "variable",
@@ -128552,8 +128279,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 452,
-                            "end": 452
+                            "start": 445,
+                            "end": 445
                         }
                     },
                     "group": [
@@ -128570,8 +128297,8 @@
                 {
                     "description": "The border color of the flat hovered and focused Picker components.\n",
                     "commentRange": {
-                        "start": 453,
-                        "end": 454
+                        "start": 446,
+                        "end": 447
                     },
                     "context": {
                         "type": "variable",
@@ -128579,8 +128306,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 455,
-                            "end": 455
+                            "start": 448,
+                            "end": 448
                         }
                     },
                     "group": [
@@ -152523,8 +152250,8 @@
                 {
                     "description": "The vertical padding of the Tooltip.\n",
                     "commentRange": {
-                        "start": 7,
-                        "end": 8
+                        "start": 8,
+                        "end": 9
                     },
                     "context": {
                         "type": "variable",
@@ -152532,8 +152259,8 @@
                         "value": "k-spacing(1)",
                         "scope": "default",
                         "line": {
-                            "start": 9,
-                            "end": 9
+                            "start": 10,
+                            "end": 10
                         }
                     },
                     "group": [
@@ -152550,8 +152277,8 @@
                 {
                     "description": "The horizontal padding of the Tooltip.\n",
                     "commentRange": {
-                        "start": 10,
-                        "end": 11
+                        "start": 11,
+                        "end": 12
                     },
                     "context": {
                         "type": "variable",
@@ -152559,8 +152286,8 @@
                         "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
-                            "start": 12,
-                            "end": 12
+                            "start": 13,
+                            "end": 13
                         }
                     },
                     "group": [
@@ -152577,8 +152304,8 @@
                 {
                     "description": "The width of the border around the Tooltip.\n",
                     "commentRange": {
-                        "start": 13,
-                        "end": 14
+                        "start": 14,
+                        "end": 15
                     },
                     "context": {
                         "type": "variable",
@@ -152586,8 +152313,8 @@
                         "value": "0px",
                         "scope": "default",
                         "line": {
-                            "start": 15,
-                            "end": 15
+                            "start": 16,
+                            "end": 16
                         }
                     },
                     "group": [
@@ -152604,8 +152331,8 @@
                 {
                     "description": "The border radius of the Tooltip.\n",
                     "commentRange": {
-                        "start": 16,
-                        "end": 17
+                        "start": 17,
+                        "end": 18
                     },
                     "context": {
                         "type": "variable",
@@ -152613,8 +152340,8 @@
                         "value": "k-border-radius(md)",
                         "scope": "default",
                         "line": {
-                            "start": 18,
-                            "end": 18
+                            "start": 19,
+                            "end": 19
                         }
                     },
                     "group": [
@@ -152631,8 +152358,8 @@
                 {
                     "description": "The font family of the Tooltip.\n",
                     "commentRange": {
-                        "start": 20,
-                        "end": 21
+                        "start": 21,
+                        "end": 22
                     },
                     "context": {
                         "type": "variable",
@@ -152640,8 +152367,8 @@
                         "value": "var( --kendo-font-family, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 22,
-                            "end": 22
+                            "start": 23,
+                            "end": 23
                         }
                     },
                     "group": [
@@ -152658,8 +152385,8 @@
                 {
                     "description": "The font size of the Tooltip.\n",
                     "commentRange": {
-                        "start": 23,
-                        "end": 24
+                        "start": 24,
+                        "end": 25
                     },
                     "context": {
                         "type": "variable",
@@ -152667,8 +152394,8 @@
                         "value": "var( --kendo-font-size, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 25,
-                            "end": 25
+                            "start": 26,
+                            "end": 26
                         }
                     },
                     "group": [
@@ -152685,8 +152412,8 @@
                 {
                     "description": "The line height of the Tooltip.\n",
                     "commentRange": {
-                        "start": 26,
-                        "end": 27
+                        "start": 27,
+                        "end": 28
                     },
                     "context": {
                         "type": "variable",
@@ -152694,8 +152421,8 @@
                         "value": "var( --kendo-line-height-sm, normal )",
                         "scope": "default",
                         "line": {
-                            "start": 28,
-                            "end": 28
+                            "start": 29,
+                            "end": 29
                         }
                     },
                     "group": [
@@ -152712,8 +152439,8 @@
                 {
                     "description": "The font size of the Tooltip title.\n",
                     "commentRange": {
-                        "start": 30,
-                        "end": 31
+                        "start": 31,
+                        "end": 32
                     },
                     "context": {
                         "type": "variable",
@@ -152721,8 +152448,8 @@
                         "value": "calc( ( var( --kendo-font-size, .875rem ) * 1.25 ) )",
                         "scope": "default",
                         "line": {
-                            "start": 32,
-                            "end": 32
+                            "start": 33,
+                            "end": 33
                         }
                     },
                     "group": [
@@ -152739,8 +152466,8 @@
                 {
                     "description": "The line height of the Tooltip title.\n",
                     "commentRange": {
-                        "start": 33,
-                        "end": 34
+                        "start": 34,
+                        "end": 35
                     },
                     "context": {
                         "type": "variable",
@@ -152748,8 +152475,8 @@
                         "value": "var( --kendo-line-height-xs, normal )",
                         "scope": "default",
                         "line": {
-                            "start": 35,
-                            "end": 35
+                            "start": 36,
+                            "end": 36
                         }
                     },
                     "group": [
@@ -152766,8 +152493,8 @@
                 {
                     "description": "The size of the Tooltip callout.\n",
                     "commentRange": {
-                        "start": 37,
-                        "end": 38
+                        "start": 38,
+                        "end": 39
                     },
                     "context": {
                         "type": "variable",
@@ -152775,8 +152502,8 @@
                         "value": "6px",
                         "scope": "default",
                         "line": {
-                            "start": 39,
-                            "end": 39
+                            "start": 40,
+                            "end": 40
                         }
                     },
                     "group": [
@@ -152793,8 +152520,8 @@
                 {
                     "description": "The default background of the Tooltip.\n",
                     "commentRange": {
-                        "start": 41,
-                        "end": 42
+                        "start": 42,
+                        "end": 43
                     },
                     "context": {
                         "type": "variable",
@@ -152802,8 +152529,8 @@
                         "value": "if($kendo-enable-color-system, k-color( on-app-surface ), rgba( k-contrast-legacy( $kendo-body-bg ), .75 ))",
                         "scope": "default",
                         "line": {
-                            "start": 43,
-                            "end": 43
+                            "start": 44,
+                            "end": 44
                         }
                     },
                     "group": [
@@ -152820,8 +152547,8 @@
                 {
                     "description": "The default text color of the Tooltip.\n",
                     "commentRange": {
-                        "start": 44,
-                        "end": 45
+                        "start": 45,
+                        "end": 46
                     },
                     "context": {
                         "type": "variable",
@@ -152829,8 +152556,8 @@
                         "value": "if($kendo-enable-color-system, k-color( app-surface ), k-contrast-legacy( $kendo-tooltip-bg ))",
                         "scope": "default",
                         "line": {
-                            "start": 46,
-                            "end": 46
+                            "start": 47,
+                            "end": 47
                         }
                     },
                     "group": [
@@ -152847,8 +152574,8 @@
                 {
                     "description": "The default border color of the Tooltip.\n",
                     "commentRange": {
-                        "start": 47,
-                        "end": 48
+                        "start": 48,
+                        "end": 49
                     },
                     "context": {
                         "type": "variable",
@@ -152856,8 +152583,8 @@
                         "value": "$kendo-tooltip-bg",
                         "scope": "default",
                         "line": {
-                            "start": 49,
-                            "end": 49
+                            "start": 50,
+                            "end": 50
                         }
                     },
                     "group": [
@@ -152874,8 +152601,8 @@
                 {
                     "description": "The box-shadow of the Tooltip.\n",
                     "commentRange": {
-                        "start": 51,
-                        "end": 52
+                        "start": 52,
+                        "end": 53
                     },
                     "context": {
                         "type": "variable",
@@ -152883,8 +152610,8 @@
                         "value": "k-elevation(2)",
                         "scope": "default",
                         "line": {
-                            "start": 53,
-                            "end": 53
+                            "start": 54,
+                            "end": 54
                         }
                     },
                     "group": [
@@ -152901,8 +152628,8 @@
                 {
                     "description": "The theme colors map for the Tooltip.\n",
                     "commentRange": {
-                        "start": 69,
-                        "end": 70
+                        "start": 56,
+                        "end": 57
                     },
                     "context": {
                         "type": "variable",
@@ -152910,8 +152637,8 @@
                         "value": "$kendo-theme-colors",
                         "scope": "default",
                         "line": {
-                            "start": 71,
-                            "end": 71
+                            "start": 58,
+                            "end": 58
                         }
                     },
                     "group": [
@@ -152940,8 +152667,8 @@
                 {
                     "description": "The generated theme colors map for the Tooltip.\n",
                     "commentRange": {
-                        "start": 72,
-                        "end": 73
+                        "start": 59,
+                        "end": 60
                     },
                     "context": {
                         "type": "variable",
@@ -152949,8 +152676,8 @@
                         "value": "tooltip-theme( $kendo-tooltip-theme-colors )",
                         "scope": "default",
                         "line": {
-                            "start": 74,
-                            "end": 74
+                            "start": 61,
+                            "end": 61
                         }
                     },
                     "group": [
@@ -156539,6 +156266,63 @@
                     "resolvedValue": "null",
                     "resolvedType": "Null"
                 },
+                {
+                    "description": "The displays Map.\n",
+                    "commentRange": {
+                        "start": 308,
+                        "end": 309
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-display",
+                        "value": "(\n    1: (\n        font-size: $kendo-display1-font-size,\n        font-family: $kendo-display1-font-family,\n        line-height: $kendo-display1-line-height,\n        font-weight: $kendo-display1-font-weight,\n        letter-spacing: $kendo-display1-letter-spacing\n    ),\n    2: (\n        font-size: $kendo-display2-font-size,\n        font-family: $kendo-display2-font-family,\n        line-height: $kendo-display2-line-height,\n        font-weight: $kendo-display2-font-weight,\n        letter-spacing: $kendo-display2-letter-spacing\n    ),\n    3: (\n        font-size: $kendo-display3-font-size,\n        font-family: $kendo-display3-font-family,\n        line-height: $kendo-display3-line-height,\n        font-weight: $kendo-display3-font-weight,\n        letter-spacing: $kendo-display3-letter-spacing\n    ),\n    4: (\n        font-size: $kendo-display4-font-size,\n        font-family: $kendo-display4-font-family,\n        line-height: $kendo-display4-line-height,\n        font-weight: $kendo-display4-font-weight,\n        letter-spacing: $kendo-display4-letter-spacing\n    )\n)",
+                        "scope": "default",
+                        "line": {
+                            "start": 310,
+                            "end": 339
+                        }
+                    },
+                    "group": [
+                        "typography"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/typography/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "(1: (font-size: calc(var(--kendo-font-size, 0.875rem) * 8), font-family: var(--kendo-font-family, inherit), line-height: 1.2, font-weight: var(--kendo-font-weight-light, normal), letter-spacing: null), 2: (font-size: calc(var(--kendo-font-size, 0.875rem) * 7), font-family: var(--kendo-font-family, inherit), line-height: 1.2, font-weight: var(--kendo-font-weight-light, normal), letter-spacing: null), 3: (font-size: calc(var(--kendo-font-size, 0.875rem) * 6), font-family: var(--kendo-font-family, inherit), line-height: 1.2, font-weight: var(--kendo-font-weight-light, normal), letter-spacing: null), 4: (font-size: calc(var(--kendo-font-size, 0.875rem) * 5), font-family: var(--kendo-font-family, inherit), line-height: 1.2, font-weight: var(--kendo-font-weight-light, normal), letter-spacing: null))",
+                    "resolvedType": "Map",
+                    "prettyValue": {
+                        "1": {
+                            "font-size": "calc(var(--kendo-font-size, 0.875rem) * 8)",
+                            "font-family": "var(--kendo-font-family, inherit)",
+                            "line-height": 1.2,
+                            "font-weight": "var(--kendo-font-weight-light, normal)",
+                            "letter-spacing": null
+                        },
+                        "2": {
+                            "font-size": "calc(var(--kendo-font-size, 0.875rem) * 7)",
+                            "font-family": "var(--kendo-font-family, inherit)",
+                            "line-height": 1.2,
+                            "font-weight": "var(--kendo-font-weight-light, normal)",
+                            "letter-spacing": null
+                        },
+                        "3": {
+                            "font-size": "calc(var(--kendo-font-size, 0.875rem) * 6)",
+                            "font-family": "var(--kendo-font-family, inherit)",
+                            "line-height": 1.2,
+                            "font-weight": "var(--kendo-font-weight-light, normal)",
+                            "letter-spacing": null
+                        },
+                        "4": {
+                            "font-size": "calc(var(--kendo-font-size, 0.875rem) * 5)",
+                            "font-family": "var(--kendo-font-family, inherit)",
+                            "line-height": 1.2,
+                            "font-weight": "var(--kendo-font-weight-light, normal)",
+                            "letter-spacing": null
+                        }
+                    }
+                },
                 {
                     "description": "The base font size across all components.\n",
                     "commentRange": {