@progress/kendo-theme-default 8.1.0-dev.0 → 8.1.0-dev.1

package/dist/meta/sassdoc-data.json

@@ -17323,8 +17323,8 @@
         {
             "description": "Icon size.\n",
             "commentRange": {
-                "start": 17,
-                "end": 18
+                "start": 19,
+                "end": 20
             },
             "context": {
                 "type": "variable",
@@ -17332,8 +17332,8 @@
                 "value": "16px",
                 "scope": "default",
                 "line": {
-                    "start": 19,
-                    "end": 19
+                    "start": 21,
+                    "end": 21
                 }
             },
             "group": [
@@ -17350,8 +17350,8 @@
         {
             "description": "xtra small icon size.\n",
             "commentRange": {
-                "start": 20,
-                "end": 21
+                "start": 22,
+                "end": 23
             },
             "context": {
                 "type": "variable",
@@ -17359,8 +17359,8 @@
                 "value": "calc( #{$kendo-icon-size} * .75 )",
                 "scope": "default",
                 "line": {
-                    "start": 22,
-                    "end": 22
+                    "start": 24,
+                    "end": 24
                 }
             },
             "group": [
@@ -17377,8 +17377,8 @@
         {
             "description": "Small icon size.\n",
             "commentRange": {
-                "start": 23,
-                "end": 24
+                "start": 25,
+                "end": 26
             },
             "context": {
                 "type": "variable",
@@ -17386,8 +17386,8 @@
                 "value": "calc( #{$kendo-icon-size} * .875 )",
                 "scope": "default",
                 "line": {
-                    "start": 25,
-                    "end": 25
+                    "start": 27,
+                    "end": 27
                 }
             },
             "group": [
@@ -17404,8 +17404,8 @@
         {
             "description": "Medium icon size.\n",
             "commentRange": {
-                "start": 26,
-                "end": 27
+                "start": 28,
+                "end": 29
             },
             "context": {
                 "type": "variable",
@@ -17413,8 +17413,8 @@
                 "value": "$kendo-icon-size",
                 "scope": "default",
                 "line": {
-                    "start": 28,
-                    "end": 28
+                    "start": 30,
+                    "end": 30
                 }
             },
             "group": [
@@ -17431,8 +17431,8 @@
         {
             "description": "Large icon size.\n",
             "commentRange": {
-                "start": 29,
-                "end": 30
+                "start": 31,
+                "end": 32
             },
             "context": {
                 "type": "variable",
@@ -17440,8 +17440,8 @@
                 "value": "calc( #{$kendo-icon-size} * 1.25 )",
                 "scope": "default",
                 "line": {
-                    "start": 31,
-                    "end": 31
+                    "start": 33,
+                    "end": 33
                 }
             },
             "group": [
@@ -17458,8 +17458,8 @@
         {
             "description": "Extra large icon size.\n",
             "commentRange": {
-                "start": 32,
-                "end": 33
+                "start": 34,
+                "end": 35
             },
             "context": {
                 "type": "variable",
@@ -17467,8 +17467,8 @@
                 "value": "calc( #{$kendo-icon-size} * 1.5 )",
                 "scope": "default",
                 "line": {
-                    "start": 34,
-                    "end": 34
+                    "start": 36,
+                    "end": 36
                 }
             },
             "group": [
@@ -17485,8 +17485,8 @@
         {
             "description": "Double extra large icon size.\n",
             "commentRange": {
-                "start": 35,
-                "end": 36
+                "start": 37,
+                "end": 38
             },
             "context": {
                 "type": "variable",
@@ -17494,8 +17494,8 @@
                 "value": "calc( #{$kendo-icon-size} * 2 )",
                 "scope": "default",
                 "line": {
-                    "start": 37,
-                    "end": 37
+                    "start": 39,
+                    "end": 39
                 }
             },
             "group": [
@@ -17512,8 +17512,8 @@
         {
             "description": "Triple extra large icon size.\n",
             "commentRange": {
-                "start": 38,
-                "end": 39
+                "start": 40,
+                "end": 41
             },
             "context": {
                 "type": "variable",
@@ -17521,8 +17521,8 @@
                 "value": "calc( #{$kendo-icon-size} * 3 )",
                 "scope": "default",
                 "line": {
-                    "start": 40,
-                    "end": 40
+                    "start": 42,
+                    "end": 42
                 }
             },
             "group": [
@@ -17971,8 +17971,8 @@
         {
             "description": "Background color of the component header.\n",
             "commentRange": {
-                "start": 608,
-                "end": 609
+                "start": 605,
+                "end": 606
             },
             "context": {
                 "type": "variable",
@@ -17980,8 +17980,8 @@
                 "value": "$kendo-base-bg",
                 "scope": "default",
                 "line": {
-                    "start": 610,
-                    "end": 610
+                    "start": 607,
+                    "end": 607
                 }
             },
             "group": [
@@ -17998,8 +17998,8 @@
         {
             "description": "Text color of the component header.\n",
             "commentRange": {
-                "start": 611,
-                "end": 612
+                "start": 608,
+                "end": 609
             },
             "context": {
                 "type": "variable",
@@ -18007,8 +18007,8 @@
                 "value": "$kendo-base-text",
                 "scope": "default",
                 "line": {
-                    "start": 613,
-                    "end": 613
+                    "start": 610,
+                    "end": 610
                 }
             },
             "group": [
@@ -18025,8 +18025,8 @@
         {
             "description": "Border color of the component header.\n",
             "commentRange": {
-                "start": 614,
-                "end": 615
+                "start": 611,
+                "end": 612
             },
             "context": {
                 "type": "variable",
@@ -18034,8 +18034,8 @@
                 "value": "$kendo-base-border",
                 "scope": "default",
                 "line": {
-                    "start": 616,
-                    "end": 616
+                    "start": 613,
+                    "end": 613
                 }
             },
             "group": [
@@ -18052,8 +18052,8 @@
         {
             "description": "Gradient of the component header.\n",
             "commentRange": {
-                "start": 617,
-                "end": 618
+                "start": 614,
+                "end": 615
             },
             "context": {
                 "type": "variable",
@@ -18061,8 +18061,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 619,
-                    "end": 619
+                    "start": 616,
+                    "end": 616
                 }
             },
             "group": [
@@ -18079,8 +18079,8 @@
         {
             "description": "Background color of the invalid items.\n",
             "commentRange": {
-                "start": 621,
-                "end": 622
+                "start": 618,
+                "end": 619
             },
             "context": {
                 "type": "variable",
@@ -18088,8 +18088,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 623,
-                    "end": 623
+                    "start": 620,
+                    "end": 620
                 }
             },
             "group": [
@@ -18106,8 +18106,8 @@
         {
             "description": "Text color of the invalid items.\n",
             "commentRange": {
-                "start": 624,
-                "end": 625
+                "start": 621,
+                "end": 622
             },
             "context": {
                 "type": "variable",
@@ -18115,8 +18115,8 @@
                 "value": "$kendo-color-error",
                 "scope": "default",
                 "line": {
-                    "start": 626,
-                    "end": 626
+                    "start": 623,
+                    "end": 623
                 }
             },
             "group": [
@@ -18133,8 +18133,8 @@
         {
             "description": "Border color of the invalid items.\n",
             "commentRange": {
-                "start": 627,
-                "end": 628
+                "start": 624,
+                "end": 625
             },
             "context": {
                 "type": "variable",
@@ -18142,8 +18142,8 @@
                 "value": "$kendo-color-error",
                 "scope": "default",
                 "line": {
-                    "start": 629,
-                    "end": 629
+                    "start": 626,
+                    "end": 626
                 }
             },
             "group": [
@@ -18160,8 +18160,8 @@
         {
             "description": "Shadow of the invalid items.\n",
             "commentRange": {
-                "start": 630,
-                "end": 631
+                "start": 627,
+                "end": 628
             },
             "context": {
                 "type": "variable",
@@ -18169,8 +18169,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 632,
-                    "end": 632
+                    "start": 629,
+                    "end": 629
                 }
             },
             "group": [
@@ -18187,8 +18187,8 @@
         {
             "description": "Background color of the valid items.\n",
             "commentRange": {
-                "start": 634,
-                "end": 635
+                "start": 631,
+                "end": 632
             },
             "context": {
                 "type": "variable",
@@ -18196,8 +18196,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 636,
-                    "end": 636
+                    "start": 633,
+                    "end": 633
                 }
             },
             "group": [
@@ -18214,8 +18214,8 @@
         {
             "description": "Text color of the valid items.\n",
             "commentRange": {
-                "start": 637,
-                "end": 638
+                "start": 634,
+                "end": 635
             },
             "context": {
                 "type": "variable",
@@ -18223,8 +18223,8 @@
                 "value": "$kendo-color-success",
                 "scope": "default",
                 "line": {
-                    "start": 639,
-                    "end": 639
+                    "start": 636,
+                    "end": 636
                 }
             },
             "group": [
@@ -18241,8 +18241,8 @@
         {
             "description": "Border color of the valid items.\n",
             "commentRange": {
-                "start": 640,
-                "end": 641
+                "start": 637,
+                "end": 638
             },
             "context": {
                 "type": "variable",
@@ -18250,8 +18250,8 @@
                 "value": "$kendo-color-success",
                 "scope": "default",
                 "line": {
-                    "start": 642,
-                    "end": 642
+                    "start": 639,
+                    "end": 639
                 }
             },
             "group": [
@@ -18268,8 +18268,8 @@
         {
             "description": "Shadow of the valid items.\n",
             "commentRange": {
-                "start": 643,
-                "end": 644
+                "start": 640,
+                "end": 641
             },
             "context": {
                 "type": "variable",
@@ -18277,8 +18277,8 @@
                 "value": "null",
                 "scope": "default",
                 "line": {
-                    "start": 645,
-                    "end": 645
+                    "start": 642,
+                    "end": 642
                 }
             },
             "group": [
@@ -34853,6 +34853,33 @@
             "resolvedValue": "0.3",
             "resolvedType": "Number"
         },
+        {
+            "description": "The z-index of the Loading indicator.\n",
+            "commentRange": {
+                "start": 127,
+                "end": 128
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-zindex-loading",
+                "value": "100",
+                "scope": "default",
+                "line": {
+                    "start": 129,
+                    "end": 129
+                }
+            },
+            "group": [
+                "loading"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/loader/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "100",
+            "resolvedType": "Number"
+        },
         {
             "description": "Horizontal padding of the menu popup.\n",
             "commentRange": {
@@ -39034,6 +39061,276 @@
                 "15": "#5e2036"
             }
         },
+        {
+            "description": "The border radius of the Panel.\n",
+            "commentRange": {
+                "start": 2,
+                "end": 3
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-panel-border-radius",
+                "value": "k-border-radius(md)",
+                "scope": "private",
+                "line": {
+                    "start": 4,
+                    "end": 4
+                }
+            },
+            "group": [
+                "panel"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/panel/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-border-radius-md, 0.25rem)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The width of the border around the Panel.\n",
+            "commentRange": {
+                "start": 5,
+                "end": 6
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-panel-border-width",
+                "value": "1px",
+                "scope": "private",
+                "line": {
+                    "start": 7,
+                    "end": 7
+                }
+            },
+            "group": [
+                "panel"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/panel/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "1px",
+            "resolvedType": "Number"
+        },
+        {
+            "description": "The style of the border around the Panel.\n",
+            "commentRange": {
+                "start": 8,
+                "end": 9
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-panel-border-style",
+                "value": "solid",
+                "scope": "private",
+                "line": {
+                    "start": 10,
+                    "end": 10
+                }
+            },
+            "group": [
+                "panel"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/panel/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "solid",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The inline padding of the Panel header.\n",
+            "commentRange": {
+                "start": 12,
+                "end": 13
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-panel-header-padding-inline",
+                "value": "k-spacing(2)",
+                "scope": "private",
+                "line": {
+                    "start": 14,
+                    "end": 14
+                }
+            },
+            "group": [
+                "panel"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/panel/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-spacing-2, 0.5rem)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The block padding of the Panel header.\n",
+            "commentRange": {
+                "start": 15,
+                "end": 16
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-panel-header-padding-block",
+                "value": "k-spacing(1)",
+                "scope": "private",
+                "line": {
+                    "start": 17,
+                    "end": 17
+                }
+            },
+            "group": [
+                "panel"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/panel/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-spacing-1, 0.25rem)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The inline padding of the Panel content.\n",
+            "commentRange": {
+                "start": 19,
+                "end": 20
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-panel-content-padding-inline",
+                "value": "k-spacing(2)",
+                "scope": "private",
+                "line": {
+                    "start": 21,
+                    "end": 21
+                }
+            },
+            "group": [
+                "panel"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/panel/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-spacing-2, 0.5rem)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The block padding of the Panel content.\n",
+            "commentRange": {
+                "start": 22,
+                "end": 23
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-panel-content-padding-block",
+                "value": "k-spacing(1)",
+                "scope": "private",
+                "line": {
+                    "start": 24,
+                    "end": 24
+                }
+            },
+            "group": [
+                "panel"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/panel/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-spacing-1, 0.25rem)",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The text color of the Panel.\n",
+            "commentRange": {
+                "start": 26,
+                "end": 27
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-panel-text",
+                "value": "var(--kendo-component-text, #{$kendo-component-text})",
+                "scope": "private",
+                "line": {
+                    "start": 28,
+                    "end": 28
+                }
+            },
+            "group": [
+                "panel"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/panel/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-component-text, var(--kendo-color-on-app-surface, #3d3d3d))",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The background color of the Panel.\n",
+            "commentRange": {
+                "start": 29,
+                "end": 30
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-panel-bg",
+                "value": "var(--kendo-component-bg, #{$kendo-component-bg})",
+                "scope": "private",
+                "line": {
+                    "start": 31,
+                    "end": 31
+                }
+            },
+            "group": [
+                "panel"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/panel/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-component-bg, var(--kendo-color-surface-alt, #ffffff))",
+            "resolvedType": "String"
+        },
+        {
+            "description": "The color of the border around the Panel.\n",
+            "commentRange": {
+                "start": 32,
+                "end": 33
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-panel-border",
+                "value": "var(--kendo-component-border, #{$kendo-component-border})",
+                "scope": "private",
+                "line": {
+                    "start": 34,
+                    "end": 34
+                }
+            },
+            "group": [
+                "panel"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/panel/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "var(--kendo-component-border, var(--kendo-color-border, rgba(0, 0, 0, 0.08)))",
+            "resolvedType": "String"
+        },
         {
             "description": "The horizontal padding of the PanelBar.\n",
             "commentRange": {
@@ -54696,7 +54993,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-stepper-indicator-disabled-text",
-                "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), $kendo-disabled-text)",
+                "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), #8f8f8f)",
                 "scope": "default",
                 "line": {
                     "start": 106,
@@ -55344,7 +55641,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-stepper-label-disabled-text",
-                "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), $kendo-disabled-text)",
+                "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), #8f8f8f)",
                 "scope": "default",
                 "line": {
                     "start": 185,
@@ -61729,6 +62026,60 @@
             "resolvedValue": "rgba(255, 255, 255, 0.2)",
             "resolvedType": "Color"
         },
+        {
+            "description": "The border width of the current time indicator.\n",
+            "commentRange": {
+                "start": 1,
+                "end": 2
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-current-time-width",
+                "value": "1px",
+                "scope": "default",
+                "line": {
+                    "start": 3,
+                    "end": 3
+                }
+            },
+            "group": [
+                "time-marker"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/time-marker/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "1px",
+            "resolvedType": "Number"
+        },
+        {
+            "description": "The color of the current time indicator.\n",
+            "commentRange": {
+                "start": 4,
+                "end": 5
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-current-time-color",
+                "value": "#ff0000",
+                "scope": "default",
+                "line": {
+                    "start": 6,
+                    "end": 6
+                }
+            },
+            "group": [
+                "time-marker"
+            ],
+            "access": "public",
+            "file": {
+                "path": "default/scss/time-marker/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "#ff0000",
+            "resolvedType": "Color"
+        },
         {
             "description": "The horizontal spacing of the Timeline.\n",
             "commentRange": {
@@ -67829,8 +68180,8 @@
         {
             "description": "Box shadow of focused items.\n",
             "commentRange": {
-                "start": 52,
-                "end": 52
+                "start": 53,
+                "end": 53
             },
             "context": {
                 "type": "variable",
@@ -67838,8 +68189,8 @@
                 "value": "inset 0 0 0 2px rgba(0, 0, 0, .13)",
                 "scope": "default",
                 "line": {
-                    "start": 53,
-                    "end": 53
+                    "start": 54,
+                    "end": 54
                 }
             },
             "access": "public",
@@ -67856,8 +68207,8 @@
         {
             "description": "Transition used across all components.\n",
             "commentRange": {
-                "start": 55,
-                "end": 55
+                "start": 56,
+                "end": 56
             },
             "context": {
                 "type": "variable",
@@ -67865,8 +68216,8 @@
                 "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": 56,
-                    "end": 56
+                    "start": 57,
+                    "end": 57
                 }
             },
             "access": "public",
@@ -67880,60 +68231,6 @@
             "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": "Filter used for disabled items.\n",
-            "commentRange": {
-                "start": 59,
-                "end": 59
-            },
-            "context": {
-                "type": "variable",
-                "name": "kendo-disabled-filter",
-                "value": "grayscale(.1)",
-                "scope": "default",
-                "line": {
-                    "start": 60,
-                    "end": 60
-                }
-            },
-            "access": "public",
-            "group": [
-                "undefined"
-            ],
-            "file": {
-                "path": "default/scss/_variables.scss",
-                "name": "_variables.scss"
-            },
-            "resolvedValue": "grayscale(0.1)",
-            "resolvedType": "String"
-        },
-        {
-            "description": "Opacity used for disabled items.\n",
-            "commentRange": {
-                "start": 61,
-                "end": 61
-            },
-            "context": {
-                "type": "variable",
-                "name": "kendo-disabled-opacity",
-                "value": ".6",
-                "scope": "default",
-                "line": {
-                    "start": 62,
-                    "end": 62
-                }
-            },
-            "access": "public",
-            "group": [
-                "undefined"
-            ],
-            "file": {
-                "path": "default/scss/_variables.scss",
-                "name": "_variables.scss"
-            },
-            "resolvedValue": "0.6",
-            "resolvedType": "Number"
-        },
         {
             "description": "The background of the components' chrome area.\n",
             "commentRange": {
@@ -68366,33 +68663,6 @@
             "resolvedValue": "null",
             "resolvedType": "Null"
         },
-        {
-            "description": "Text color of disabled items.\n",
-            "commentRange": {
-                "start": 603,
-                "end": 603
-            },
-            "context": {
-                "type": "variable",
-                "name": "kendo-disabled-text",
-                "value": "#8f8f8f",
-                "scope": "default",
-                "line": {
-                    "start": 604,
-                    "end": 604
-                }
-            },
-            "access": "public",
-            "group": [
-                "undefined"
-            ],
-            "file": {
-                "path": "default/scss/core/color-system/_swatch.scss",
-                "name": "_swatch.scss"
-            },
-            "resolvedValue": "var(--kendo-color-on-app-surface, #3d3d3d)",
-            "resolvedType": "String"
-        },
         {
             "description": "The displays Map.\n",
             "commentRange": {
@@ -72173,6 +72443,141 @@
                 "sans-serif": "system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
                 "monospace": "SFMono-Regular, Menlo, Monaco, Consolas, \"Roboto Mono\", \"Ubuntu Mono\", \"Lucida Console\", \"Courier New\", monospace"
             }
+        },
+        {
+            "description": "The background color of disabled items.\n",
+            "commentRange": {
+                "start": 41,
+                "end": 41
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-disabled-bg",
+                "value": "null",
+                "scope": "default",
+                "line": {
+                    "start": 42,
+                    "end": 42
+                }
+            },
+            "access": "public",
+            "group": [
+                "undefined"
+            ],
+            "file": {
+                "path": "core/scss/color-system/_swatch-legacy.scss",
+                "name": "_swatch-legacy.scss"
+            },
+            "resolvedValue": "null",
+            "resolvedType": "Null"
+        },
+        {
+            "description": "The text color of disabled items.\n",
+            "commentRange": {
+                "start": 43,
+                "end": 43
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-disabled-text",
+                "value": "null",
+                "scope": "default",
+                "line": {
+                    "start": 44,
+                    "end": 44
+                }
+            },
+            "access": "public",
+            "group": [
+                "undefined"
+            ],
+            "file": {
+                "path": "core/scss/color-system/_swatch-legacy.scss",
+                "name": "_swatch-legacy.scss"
+            },
+            "resolvedValue": "null",
+            "resolvedType": "Null"
+        },
+        {
+            "description": "The border color of disabled items.\n",
+            "commentRange": {
+                "start": 45,
+                "end": 45
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-disabled-border",
+                "value": "null",
+                "scope": "default",
+                "line": {
+                    "start": 46,
+                    "end": 46
+                }
+            },
+            "access": "public",
+            "group": [
+                "undefined"
+            ],
+            "file": {
+                "path": "core/scss/color-system/_swatch-legacy.scss",
+                "name": "_swatch-legacy.scss"
+            },
+            "resolvedValue": "null",
+            "resolvedType": "Null"
+        },
+        {
+            "description": "The opacity of disabled items.\n",
+            "commentRange": {
+                "start": 47,
+                "end": 47
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-disabled-opacity",
+                "value": "null",
+                "scope": "default",
+                "line": {
+                    "start": 48,
+                    "end": 48
+                }
+            },
+            "access": "public",
+            "group": [
+                "undefined"
+            ],
+            "file": {
+                "path": "core/scss/color-system/_swatch-legacy.scss",
+                "name": "_swatch-legacy.scss"
+            },
+            "resolvedValue": "0.6",
+            "resolvedType": "Number"
+        },
+        {
+            "description": "The filter of disabled items.\n",
+            "commentRange": {
+                "start": 49,
+                "end": 49
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-disabled-filter",
+                "value": "null",
+                "scope": "default",
+                "line": {
+                    "start": 50,
+                    "end": 50
+                }
+            },
+            "access": "public",
+            "group": [
+                "undefined"
+            ],
+            "file": {
+                "path": "core/scss/color-system/_swatch-legacy.scss",
+                "name": "_swatch-legacy.scss"
+            },
+            "resolvedValue": "grayscale(0.1)",
+            "resolvedType": "String"
         }
     ],
     "mixins": [],
@@ -72187,8 +72592,8 @@
                 {
                     "description": "Icon size.\n",
                     "commentRange": {
-                        "start": 17,
-                        "end": 18
+                        "start": 19,
+                        "end": 20
                     },
                     "context": {
                         "type": "variable",
@@ -72196,8 +72601,8 @@
                         "value": "16px",
                         "scope": "default",
                         "line": {
-                            "start": 19,
-                            "end": 19
+                            "start": 21,
+                            "end": 21
                         }
                     },
                     "group": [
@@ -72214,8 +72619,8 @@
                 {
                     "description": "xtra small icon size.\n",
                     "commentRange": {
-                        "start": 20,
-                        "end": 21
+                        "start": 22,
+                        "end": 23
                     },
                     "context": {
                         "type": "variable",
@@ -72223,8 +72628,8 @@
                         "value": "calc( #{$kendo-icon-size} * .75 )",
                         "scope": "default",
                         "line": {
-                            "start": 22,
-                            "end": 22
+                            "start": 24,
+                            "end": 24
                         }
                     },
                     "group": [
@@ -72241,8 +72646,8 @@
                 {
                     "description": "Small icon size.\n",
                     "commentRange": {
-                        "start": 23,
-                        "end": 24
+                        "start": 25,
+                        "end": 26
                     },
                     "context": {
                         "type": "variable",
@@ -72250,8 +72655,8 @@
                         "value": "calc( #{$kendo-icon-size} * .875 )",
                         "scope": "default",
                         "line": {
-                            "start": 25,
-                            "end": 25
+                            "start": 27,
+                            "end": 27
                         }
                     },
                     "group": [
@@ -72268,8 +72673,8 @@
                 {
                     "description": "Medium icon size.\n",
                     "commentRange": {
-                        "start": 26,
-                        "end": 27
+                        "start": 28,
+                        "end": 29
                     },
                     "context": {
                         "type": "variable",
@@ -72277,8 +72682,8 @@
                         "value": "$kendo-icon-size",
                         "scope": "default",
                         "line": {
-                            "start": 28,
-                            "end": 28
+                            "start": 30,
+                            "end": 30
                         }
                     },
                     "group": [
@@ -72295,8 +72700,8 @@
                 {
                     "description": "Large icon size.\n",
                     "commentRange": {
-                        "start": 29,
-                        "end": 30
+                        "start": 31,
+                        "end": 32
                     },
                     "context": {
                         "type": "variable",
@@ -72304,8 +72709,8 @@
                         "value": "calc( #{$kendo-icon-size} * 1.25 )",
                         "scope": "default",
                         "line": {
-                            "start": 31,
-                            "end": 31
+                            "start": 33,
+                            "end": 33
                         }
                     },
                     "group": [
@@ -72322,8 +72727,8 @@
                 {
                     "description": "Extra large icon size.\n",
                     "commentRange": {
-                        "start": 32,
-                        "end": 33
+                        "start": 34,
+                        "end": 35
                     },
                     "context": {
                         "type": "variable",
@@ -72331,8 +72736,8 @@
                         "value": "calc( #{$kendo-icon-size} * 1.5 )",
                         "scope": "default",
                         "line": {
-                            "start": 34,
-                            "end": 34
+                            "start": 36,
+                            "end": 36
                         }
                     },
                     "group": [
@@ -72349,8 +72754,8 @@
                 {
                     "description": "Double extra large icon size.\n",
                     "commentRange": {
-                        "start": 35,
-                        "end": 36
+                        "start": 37,
+                        "end": 38
                     },
                     "context": {
                         "type": "variable",
@@ -72358,8 +72763,8 @@
                         "value": "calc( #{$kendo-icon-size} * 2 )",
                         "scope": "default",
                         "line": {
-                            "start": 37,
-                            "end": 37
+                            "start": 39,
+                            "end": 39
                         }
                     },
                     "group": [
@@ -72376,8 +72781,8 @@
                 {
                     "description": "Triple extra large icon size.\n",
                     "commentRange": {
-                        "start": 38,
-                        "end": 39
+                        "start": 40,
+                        "end": 41
                     },
                     "context": {
                         "type": "variable",
@@ -72385,8 +72790,8 @@
                         "value": "calc( #{$kendo-icon-size} * 3 )",
                         "scope": "default",
                         "line": {
-                            "start": 40,
-                            "end": 40
+                            "start": 42,
+                            "end": 42
                         }
                     },
                     "group": [
@@ -72754,8 +73159,8 @@
                 {
                     "description": "Box shadow of focused items.\n",
                     "commentRange": {
-                        "start": 52,
-                        "end": 52
+                        "start": 53,
+                        "end": 53
                     },
                     "context": {
                         "type": "variable",
@@ -72763,8 +73168,8 @@
                         "value": "inset 0 0 0 2px rgba(0, 0, 0, .13)",
                         "scope": "default",
                         "line": {
-                            "start": 53,
-                            "end": 53
+                            "start": 54,
+                            "end": 54
                         }
                     },
                     "access": "public",
@@ -72781,8 +73186,8 @@
                 {
                     "description": "Transition used across all components.\n",
                     "commentRange": {
-                        "start": 55,
-                        "end": 55
+                        "start": 56,
+                        "end": 56
                     },
                     "context": {
                         "type": "variable",
@@ -72790,8 +73195,8 @@
                         "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": 56,
-                            "end": 56
+                            "start": 57,
+                            "end": 57
                         }
                     },
                     "access": "public",
@@ -72805,60 +73210,6 @@
                     "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": "Filter used for disabled items.\n",
-                    "commentRange": {
-                        "start": 59,
-                        "end": 59
-                    },
-                    "context": {
-                        "type": "variable",
-                        "name": "kendo-disabled-filter",
-                        "value": "grayscale(.1)",
-                        "scope": "default",
-                        "line": {
-                            "start": 60,
-                            "end": 60
-                        }
-                    },
-                    "access": "public",
-                    "group": [
-                        "undefined"
-                    ],
-                    "file": {
-                        "path": "default/scss/_variables.scss",
-                        "name": "_variables.scss"
-                    },
-                    "resolvedValue": "grayscale(0.1)",
-                    "resolvedType": "String"
-                },
-                {
-                    "description": "Opacity used for disabled items.\n",
-                    "commentRange": {
-                        "start": 61,
-                        "end": 61
-                    },
-                    "context": {
-                        "type": "variable",
-                        "name": "kendo-disabled-opacity",
-                        "value": ".6",
-                        "scope": "default",
-                        "line": {
-                            "start": 62,
-                            "end": 62
-                        }
-                    },
-                    "access": "public",
-                    "group": [
-                        "undefined"
-                    ],
-                    "file": {
-                        "path": "default/scss/_variables.scss",
-                        "name": "_variables.scss"
-                    },
-                    "resolvedValue": "0.6",
-                    "resolvedType": "Number"
-                },
                 {
                     "description": "The background of the components' chrome area.\n",
                     "commentRange": {
@@ -73291,33 +73642,6 @@
                     "resolvedValue": "null",
                     "resolvedType": "Null"
                 },
-                {
-                    "description": "Text color of disabled items.\n",
-                    "commentRange": {
-                        "start": 603,
-                        "end": 603
-                    },
-                    "context": {
-                        "type": "variable",
-                        "name": "kendo-disabled-text",
-                        "value": "#8f8f8f",
-                        "scope": "default",
-                        "line": {
-                            "start": 604,
-                            "end": 604
-                        }
-                    },
-                    "access": "public",
-                    "group": [
-                        "undefined"
-                    ],
-                    "file": {
-                        "path": "default/scss/core/color-system/_swatch.scss",
-                        "name": "_swatch.scss"
-                    },
-                    "resolvedValue": "var(--kendo-color-on-app-surface, #3d3d3d)",
-                    "resolvedType": "String"
-                },
                 {
                     "description": "The displays Map.\n",
                     "commentRange": {
@@ -73374,6 +73698,141 @@
                             "letter-spacing": null
                         }
                     }
+                },
+                {
+                    "description": "The background color of disabled items.\n",
+                    "commentRange": {
+                        "start": 41,
+                        "end": 41
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-disabled-bg",
+                        "value": "null",
+                        "scope": "default",
+                        "line": {
+                            "start": 42,
+                            "end": 42
+                        }
+                    },
+                    "access": "public",
+                    "group": [
+                        "undefined"
+                    ],
+                    "file": {
+                        "path": "core/scss/color-system/_swatch-legacy.scss",
+                        "name": "_swatch-legacy.scss"
+                    },
+                    "resolvedValue": "null",
+                    "resolvedType": "Null"
+                },
+                {
+                    "description": "The text color of disabled items.\n",
+                    "commentRange": {
+                        "start": 43,
+                        "end": 43
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-disabled-text",
+                        "value": "null",
+                        "scope": "default",
+                        "line": {
+                            "start": 44,
+                            "end": 44
+                        }
+                    },
+                    "access": "public",
+                    "group": [
+                        "undefined"
+                    ],
+                    "file": {
+                        "path": "core/scss/color-system/_swatch-legacy.scss",
+                        "name": "_swatch-legacy.scss"
+                    },
+                    "resolvedValue": "null",
+                    "resolvedType": "Null"
+                },
+                {
+                    "description": "The border color of disabled items.\n",
+                    "commentRange": {
+                        "start": 45,
+                        "end": 45
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-disabled-border",
+                        "value": "null",
+                        "scope": "default",
+                        "line": {
+                            "start": 46,
+                            "end": 46
+                        }
+                    },
+                    "access": "public",
+                    "group": [
+                        "undefined"
+                    ],
+                    "file": {
+                        "path": "core/scss/color-system/_swatch-legacy.scss",
+                        "name": "_swatch-legacy.scss"
+                    },
+                    "resolvedValue": "null",
+                    "resolvedType": "Null"
+                },
+                {
+                    "description": "The opacity of disabled items.\n",
+                    "commentRange": {
+                        "start": 47,
+                        "end": 47
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-disabled-opacity",
+                        "value": "null",
+                        "scope": "default",
+                        "line": {
+                            "start": 48,
+                            "end": 48
+                        }
+                    },
+                    "access": "public",
+                    "group": [
+                        "undefined"
+                    ],
+                    "file": {
+                        "path": "core/scss/color-system/_swatch-legacy.scss",
+                        "name": "_swatch-legacy.scss"
+                    },
+                    "resolvedValue": "0.6",
+                    "resolvedType": "Number"
+                },
+                {
+                    "description": "The filter of disabled items.\n",
+                    "commentRange": {
+                        "start": 49,
+                        "end": 49
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-disabled-filter",
+                        "value": "null",
+                        "scope": "default",
+                        "line": {
+                            "start": 50,
+                            "end": 50
+                        }
+                    },
+                    "access": "public",
+                    "group": [
+                        "undefined"
+                    ],
+                    "file": {
+                        "path": "core/scss/color-system/_swatch-legacy.scss",
+                        "name": "_swatch-legacy.scss"
+                    },
+                    "resolvedValue": "grayscale(0.1)",
+                    "resolvedType": "String"
                 }
             ]
         },
@@ -91498,8 +91957,8 @@
                 {
                     "description": "Background color of the component header.\n",
                     "commentRange": {
-                        "start": 608,
-                        "end": 609
+                        "start": 605,
+                        "end": 606
                     },
                     "context": {
                         "type": "variable",
@@ -91507,8 +91966,8 @@
                         "value": "$kendo-base-bg",
                         "scope": "default",
                         "line": {
-                            "start": 610,
-                            "end": 610
+                            "start": 607,
+                            "end": 607
                         }
                     },
                     "group": [
@@ -91525,8 +91984,8 @@
                 {
                     "description": "Text color of the component header.\n",
                     "commentRange": {
-                        "start": 611,
-                        "end": 612
+                        "start": 608,
+                        "end": 609
                     },
                     "context": {
                         "type": "variable",
@@ -91534,8 +91993,8 @@
                         "value": "$kendo-base-text",
                         "scope": "default",
                         "line": {
-                            "start": 613,
-                            "end": 613
+                            "start": 610,
+                            "end": 610
                         }
                     },
                     "group": [
@@ -91552,8 +92011,8 @@
                 {
                     "description": "Border color of the component header.\n",
                     "commentRange": {
-                        "start": 614,
-                        "end": 615
+                        "start": 611,
+                        "end": 612
                     },
                     "context": {
                         "type": "variable",
@@ -91561,8 +92020,8 @@
                         "value": "$kendo-base-border",
                         "scope": "default",
                         "line": {
-                            "start": 616,
-                            "end": 616
+                            "start": 613,
+                            "end": 613
                         }
                     },
                     "group": [
@@ -91579,8 +92038,8 @@
                 {
                     "description": "Gradient of the component header.\n",
                     "commentRange": {
-                        "start": 617,
-                        "end": 618
+                        "start": 614,
+                        "end": 615
                     },
                     "context": {
                         "type": "variable",
@@ -91588,8 +92047,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 619,
-                            "end": 619
+                            "start": 616,
+                            "end": 616
                         }
                     },
                     "group": [
@@ -91606,8 +92065,8 @@
                 {
                     "description": "Background color of the invalid items.\n",
                     "commentRange": {
-                        "start": 621,
-                        "end": 622
+                        "start": 618,
+                        "end": 619
                     },
                     "context": {
                         "type": "variable",
@@ -91615,8 +92074,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 623,
-                            "end": 623
+                            "start": 620,
+                            "end": 620
                         }
                     },
                     "group": [
@@ -91633,8 +92092,8 @@
                 {
                     "description": "Text color of the invalid items.\n",
                     "commentRange": {
-                        "start": 624,
-                        "end": 625
+                        "start": 621,
+                        "end": 622
                     },
                     "context": {
                         "type": "variable",
@@ -91642,8 +92101,8 @@
                         "value": "$kendo-color-error",
                         "scope": "default",
                         "line": {
-                            "start": 626,
-                            "end": 626
+                            "start": 623,
+                            "end": 623
                         }
                     },
                     "group": [
@@ -91660,8 +92119,8 @@
                 {
                     "description": "Border color of the invalid items.\n",
                     "commentRange": {
-                        "start": 627,
-                        "end": 628
+                        "start": 624,
+                        "end": 625
                     },
                     "context": {
                         "type": "variable",
@@ -91669,8 +92128,8 @@
                         "value": "$kendo-color-error",
                         "scope": "default",
                         "line": {
-                            "start": 629,
-                            "end": 629
+                            "start": 626,
+                            "end": 626
                         }
                     },
                     "group": [
@@ -91687,8 +92146,8 @@
                 {
                     "description": "Shadow of the invalid items.\n",
                     "commentRange": {
-                        "start": 630,
-                        "end": 631
+                        "start": 627,
+                        "end": 628
                     },
                     "context": {
                         "type": "variable",
@@ -91696,8 +92155,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 632,
-                            "end": 632
+                            "start": 629,
+                            "end": 629
                         }
                     },
                     "group": [
@@ -91714,8 +92173,8 @@
                 {
                     "description": "Background color of the valid items.\n",
                     "commentRange": {
-                        "start": 634,
-                        "end": 635
+                        "start": 631,
+                        "end": 632
                     },
                     "context": {
                         "type": "variable",
@@ -91723,8 +92182,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 636,
-                            "end": 636
+                            "start": 633,
+                            "end": 633
                         }
                     },
                     "group": [
@@ -91741,8 +92200,8 @@
                 {
                     "description": "Text color of the valid items.\n",
                     "commentRange": {
-                        "start": 637,
-                        "end": 638
+                        "start": 634,
+                        "end": 635
                     },
                     "context": {
                         "type": "variable",
@@ -91750,8 +92209,8 @@
                         "value": "$kendo-color-success",
                         "scope": "default",
                         "line": {
-                            "start": 639,
-                            "end": 639
+                            "start": 636,
+                            "end": 636
                         }
                     },
                     "group": [
@@ -91768,8 +92227,8 @@
                 {
                     "description": "Border color of the valid items.\n",
                     "commentRange": {
-                        "start": 640,
-                        "end": 641
+                        "start": 637,
+                        "end": 638
                     },
                     "context": {
                         "type": "variable",
@@ -91777,8 +92236,8 @@
                         "value": "$kendo-color-success",
                         "scope": "default",
                         "line": {
-                            "start": 642,
-                            "end": 642
+                            "start": 639,
+                            "end": 639
                         }
                     },
                     "group": [
@@ -91795,8 +92254,8 @@
                 {
                     "description": "Shadow of the valid items.\n",
                     "commentRange": {
-                        "start": 643,
-                        "end": 644
+                        "start": 640,
+                        "end": 641
                     },
                     "context": {
                         "type": "variable",
@@ -91804,8 +92263,8 @@
                         "value": "null",
                         "scope": "default",
                         "line": {
-                            "start": 645,
-                            "end": 645
+                            "start": 642,
+                            "end": 642
                         }
                     },
                     "group": [
@@ -108543,6 +109002,33 @@
                     },
                     "resolvedValue": "0.3",
                     "resolvedType": "Number"
+                },
+                {
+                    "description": "The z-index of the Loading indicator.\n",
+                    "commentRange": {
+                        "start": 127,
+                        "end": 128
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-zindex-loading",
+                        "value": "100",
+                        "scope": "default",
+                        "line": {
+                            "start": 129,
+                            "end": 129
+                        }
+                    },
+                    "group": [
+                        "loading"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/loader/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "100",
+                    "resolvedType": "Number"
                 }
             ]
         },
@@ -113660,6 +114146,282 @@
                 }
             ]
         },
+        {
+            "id": "panel",
+            "title": "Panel",
+            "variables": [
+                {
+                    "description": "The border radius of the Panel.\n",
+                    "commentRange": {
+                        "start": 2,
+                        "end": 3
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-panel-border-radius",
+                        "value": "k-border-radius(md)",
+                        "scope": "private",
+                        "line": {
+                            "start": 4,
+                            "end": 4
+                        }
+                    },
+                    "group": [
+                        "panel"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/panel/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-border-radius-md, 0.25rem)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The width of the border around the Panel.\n",
+                    "commentRange": {
+                        "start": 5,
+                        "end": 6
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-panel-border-width",
+                        "value": "1px",
+                        "scope": "private",
+                        "line": {
+                            "start": 7,
+                            "end": 7
+                        }
+                    },
+                    "group": [
+                        "panel"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/panel/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "1px",
+                    "resolvedType": "Number"
+                },
+                {
+                    "description": "The style of the border around the Panel.\n",
+                    "commentRange": {
+                        "start": 8,
+                        "end": 9
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-panel-border-style",
+                        "value": "solid",
+                        "scope": "private",
+                        "line": {
+                            "start": 10,
+                            "end": 10
+                        }
+                    },
+                    "group": [
+                        "panel"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/panel/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "solid",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The inline padding of the Panel header.\n",
+                    "commentRange": {
+                        "start": 12,
+                        "end": 13
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-panel-header-padding-inline",
+                        "value": "k-spacing(2)",
+                        "scope": "private",
+                        "line": {
+                            "start": 14,
+                            "end": 14
+                        }
+                    },
+                    "group": [
+                        "panel"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/panel/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-spacing-2, 0.5rem)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The block padding of the Panel header.\n",
+                    "commentRange": {
+                        "start": 15,
+                        "end": 16
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-panel-header-padding-block",
+                        "value": "k-spacing(1)",
+                        "scope": "private",
+                        "line": {
+                            "start": 17,
+                            "end": 17
+                        }
+                    },
+                    "group": [
+                        "panel"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/panel/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-spacing-1, 0.25rem)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The inline padding of the Panel content.\n",
+                    "commentRange": {
+                        "start": 19,
+                        "end": 20
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-panel-content-padding-inline",
+                        "value": "k-spacing(2)",
+                        "scope": "private",
+                        "line": {
+                            "start": 21,
+                            "end": 21
+                        }
+                    },
+                    "group": [
+                        "panel"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/panel/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-spacing-2, 0.5rem)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The block padding of the Panel content.\n",
+                    "commentRange": {
+                        "start": 22,
+                        "end": 23
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-panel-content-padding-block",
+                        "value": "k-spacing(1)",
+                        "scope": "private",
+                        "line": {
+                            "start": 24,
+                            "end": 24
+                        }
+                    },
+                    "group": [
+                        "panel"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/panel/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-spacing-1, 0.25rem)",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The text color of the Panel.\n",
+                    "commentRange": {
+                        "start": 26,
+                        "end": 27
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-panel-text",
+                        "value": "var(--kendo-component-text, #{$kendo-component-text})",
+                        "scope": "private",
+                        "line": {
+                            "start": 28,
+                            "end": 28
+                        }
+                    },
+                    "group": [
+                        "panel"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/panel/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-component-text, var(--kendo-color-on-app-surface, #3d3d3d))",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The background color of the Panel.\n",
+                    "commentRange": {
+                        "start": 29,
+                        "end": 30
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-panel-bg",
+                        "value": "var(--kendo-component-bg, #{$kendo-component-bg})",
+                        "scope": "private",
+                        "line": {
+                            "start": 31,
+                            "end": 31
+                        }
+                    },
+                    "group": [
+                        "panel"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/panel/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-component-bg, var(--kendo-color-surface-alt, #ffffff))",
+                    "resolvedType": "String"
+                },
+                {
+                    "description": "The color of the border around the Panel.\n",
+                    "commentRange": {
+                        "start": 32,
+                        "end": 33
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-panel-border",
+                        "value": "var(--kendo-component-border, #{$kendo-component-border})",
+                        "scope": "private",
+                        "line": {
+                            "start": 34,
+                            "end": 34
+                        }
+                    },
+                    "group": [
+                        "panel"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/panel/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "var(--kendo-component-border, var(--kendo-color-border, rgba(0, 0, 0, 0.08)))",
+                    "resolvedType": "String"
+                }
+            ]
+        },
         {
             "id": "panelbar",
             "title": "Panelbar",
@@ -128600,7 +129362,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-stepper-indicator-disabled-text",
-                        "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), $kendo-disabled-text)",
+                        "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), #8f8f8f)",
                         "scope": "default",
                         "line": {
                             "start": 106,
@@ -129248,7 +130010,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-stepper-label-disabled-text",
-                        "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), $kendo-disabled-text)",
+                        "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), #8f8f8f)",
                         "scope": "default",
                         "line": {
                             "start": 185,
@@ -135665,6 +136427,66 @@
                 }
             ]
         },
+        {
+            "id": "time-marker",
+            "title": "TimeMarker",
+            "variables": [
+                {
+                    "description": "The border width of the current time indicator.\n",
+                    "commentRange": {
+                        "start": 1,
+                        "end": 2
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-current-time-width",
+                        "value": "1px",
+                        "scope": "default",
+                        "line": {
+                            "start": 3,
+                            "end": 3
+                        }
+                    },
+                    "group": [
+                        "time-marker"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/time-marker/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "1px",
+                    "resolvedType": "Number"
+                },
+                {
+                    "description": "The color of the current time indicator.\n",
+                    "commentRange": {
+                        "start": 4,
+                        "end": 5
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-current-time-color",
+                        "value": "#ff0000",
+                        "scope": "default",
+                        "line": {
+                            "start": 6,
+                            "end": 6
+                        }
+                    },
+                    "group": [
+                        "time-marker"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "default/scss/time-marker/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "#ff0000",
+                    "resolvedType": "Color"
+                }
+            ]
+        },
         {
             "id": "timeline",
             "title": "Timeline",