@progress/kendo-theme-fluent 12.1.0-dev.2 → 12.1.0-dev.4

package/dist/meta/sassdoc-data.json

@@ -8170,46 +8170,19 @@
             "resolvedType": "String"
         },
         {
-            "description": "The text color of the calendar header.\n",
+            "description": "The border color of the calendar header.\n",
             "commentRange": {
                 "start": 51,
                 "end": 52
             },
-            "context": {
-                "type": "variable",
-                "name": "kendo-calendar-header-text",
-                "value": "var( --kendo-calendar-header-text, #{$kendo-calendar-text} )",
-                "scope": "default",
-                "line": {
-                    "start": 53,
-                    "end": 53
-                }
-            },
-            "group": [
-                "calendar"
-            ],
-            "access": "public",
-            "file": {
-                "path": "fluent/scss/calendar/_variables.scss",
-                "name": "_variables.scss"
-            },
-            "resolvedValue": "var(--kendo-calendar-header-text, var(--kendo-calendar-text, var(--kendo-color-on-app-surface, #242424)))",
-            "resolvedType": "String"
-        },
-        {
-            "description": "The border color of the calendar header.\n",
-            "commentRange": {
-                "start": 54,
-                "end": 55
-            },
             "context": {
                 "type": "variable",
                 "name": "kendo-calendar-header-border",
                 "value": "var( --kendo-calendar-header-border, #{$kendo-calendar-border} )",
                 "scope": "default",
                 "line": {
-                    "start": 56,
-                    "end": 56
+                    "start": 53,
+                    "end": 53
                 }
             },
             "group": [
@@ -8226,8 +8199,8 @@
         {
             "description": "The spacing between the navigation buttons of the Calendar.\n",
             "commentRange": {
-                "start": 58,
-                "end": 59
+                "start": 55,
+                "end": 56
             },
             "context": {
                 "type": "variable",
@@ -8235,8 +8208,8 @@
                 "value": "var( --kendo-calendar-nav-gap, k-spacing(0) )",
                 "scope": "default",
                 "line": {
-                    "start": 60,
-                    "end": 60
+                    "start": 57,
+                    "end": 57
                 }
             },
             "group": [
@@ -8253,8 +8226,8 @@
         {
             "description": "The horizontal padding of the calendar footer.\n",
             "commentRange": {
-                "start": 62,
-                "end": 63
+                "start": 59,
+                "end": 60
             },
             "context": {
                 "type": "variable",
@@ -8262,8 +8235,8 @@
                 "value": "var( --kendo-calendar-footer-padding-x, k-spacing(1) )",
                 "scope": "default",
                 "line": {
-                    "start": 64,
-                    "end": 64
+                    "start": 61,
+                    "end": 61
                 }
             },
             "group": [
@@ -8280,8 +8253,8 @@
         {
             "description": "The vertical padding of the calendar footer.\n",
             "commentRange": {
-                "start": 65,
-                "end": 66
+                "start": 62,
+                "end": 63
             },
             "context": {
                 "type": "variable",
@@ -8289,8 +8262,8 @@
                 "value": "var( --kendo-calendar-footer-padding-y, k-spacing(1) )",
                 "scope": "default",
                 "line": {
-                    "start": 67,
-                    "end": 67
+                    "start": 64,
+                    "end": 64
                 }
             },
             "group": [
@@ -8307,8 +8280,8 @@
         {
             "description": "The horizontal padding of the calendar cell.\n",
             "commentRange": {
-                "start": 69,
-                "end": 70
+                "start": 66,
+                "end": 67
             },
             "context": {
                 "type": "variable",
@@ -8316,8 +8289,8 @@
                 "value": "k-spacing(1)",
                 "scope": "default",
                 "line": {
-                    "start": 71,
-                    "end": 71
+                    "start": 68,
+                    "end": 68
                 }
             },
             "group": [
@@ -8334,8 +8307,8 @@
         {
             "description": "The vertical padding of the calendar cell.\n",
             "commentRange": {
-                "start": 72,
-                "end": 73
+                "start": 69,
+                "end": 70
             },
             "context": {
                 "type": "variable",
@@ -8343,8 +8316,8 @@
                 "value": "$kendo-calendar-cell-padding-x",
                 "scope": "default",
                 "line": {
-                    "start": 74,
-                    "end": 74
+                    "start": 71,
+                    "end": 71
                 }
             },
             "group": [
@@ -8361,8 +8334,8 @@
         {
             "description": "The border radius of the calendar cell.\n",
             "commentRange": {
-                "start": 75,
-                "end": 76
+                "start": 72,
+                "end": 73
             },
             "context": {
                 "type": "variable",
@@ -8370,8 +8343,8 @@
                 "value": "var( --kendo-calendar-cell-border-radius, var( --kendo-calendar-border-radius-md, var( --kendo-border-radius-md, 0) ) )",
                 "scope": "default",
                 "line": {
-                    "start": 77,
-                    "end": 77
+                    "start": 74,
+                    "end": 74
                 }
             },
             "group": [
@@ -8388,8 +8361,8 @@
         {
             "description": "The horizontal padding of the calendar header cell.\n",
             "commentRange": {
-                "start": 79,
-                "end": 80
+                "start": 76,
+                "end": 77
             },
             "context": {
                 "type": "variable",
@@ -8397,8 +8370,8 @@
                 "value": "var( --kendo-calendar-header-cell-padding-x, k-spacing(0.5) )",
                 "scope": "default",
                 "line": {
-                    "start": 81,
-                    "end": 81
+                    "start": 78,
+                    "end": 78
                 }
             },
             "group": [
@@ -8415,8 +8388,8 @@
         {
             "description": "Th vertical padding of the calendar header cell.\n",
             "commentRange": {
-                "start": 82,
-                "end": 83
+                "start": 79,
+                "end": 80
             },
             "context": {
                 "type": "variable",
@@ -8424,8 +8397,8 @@
                 "value": "var( --kendo-calendar-header-cell-padding-y, k-spacing(0.5) )",
                 "scope": "default",
                 "line": {
-                    "start": 84,
-                    "end": 84
+                    "start": 81,
+                    "end": 81
                 }
             },
             "group": [
@@ -8442,8 +8415,8 @@
         {
             "description": "The width of the calendar header cell.\n",
             "commentRange": {
-                "start": 85,
-                "end": 86
+                "start": 82,
+                "end": 83
             },
             "context": {
                 "type": "variable",
@@ -8451,8 +8424,8 @@
                 "value": "var( --kendo-calendar-header-cell-width, #{$kendo-calendar-cell-size} )",
                 "scope": "default",
                 "line": {
-                    "start": 87,
-                    "end": 87
+                    "start": 84,
+                    "end": 84
                 }
             },
             "group": [
@@ -8469,8 +8442,8 @@
         {
             "description": "The height of the calendar header cell.\n",
             "commentRange": {
-                "start": 88,
-                "end": 89
+                "start": 85,
+                "end": 86
             },
             "context": {
                 "type": "variable",
@@ -8478,8 +8451,8 @@
                 "value": "var( --kendo-calendar-header-cell-height, #{$kendo-calendar-cell-size} )",
                 "scope": "default",
                 "line": {
-                    "start": 90,
-                    "end": 90
+                    "start": 87,
+                    "end": 87
                 }
             },
             "group": [
@@ -8496,8 +8469,8 @@
         {
             "description": "The font size of the calendar header cell.\n",
             "commentRange": {
-                "start": 91,
-                "end": 92
+                "start": 88,
+                "end": 89
             },
             "context": {
                 "type": "variable",
@@ -8505,8 +8478,8 @@
                 "value": "var( --kendo-calendar-header-cell-font-size, var( --kendo-calendar-font-size-sm, var( --kendo-font-size-sm, inherit ) ) )",
                 "scope": "default",
                 "line": {
-                    "start": 93,
-                    "end": 93
+                    "start": 90,
+                    "end": 90
                 }
             },
             "group": [
@@ -8523,8 +8496,8 @@
         {
             "description": "The line height of the calendar header cell.\n",
             "commentRange": {
-                "start": 94,
-                "end": 95
+                "start": 91,
+                "end": 92
             },
             "context": {
                 "type": "variable",
@@ -8532,8 +8505,8 @@
                 "value": "var( --kendo-calendar-header-cell-line-height, 2 )",
                 "scope": "default",
                 "line": {
-                    "start": 96,
-                    "end": 96
+                    "start": 93,
+                    "end": 93
                 }
             },
             "group": [
@@ -8550,8 +8523,8 @@
         {
             "description": "The text color of the calendar header cell.\n",
             "commentRange": {
-                "start": 97,
-                "end": 98
+                "start": 94,
+                "end": 95
             },
             "context": {
                 "type": "variable",
@@ -8559,8 +8532,8 @@
                 "value": "var( --kendo-calendar-header-cell-text, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 99,
-                    "end": 99
+                    "start": 96,
+                    "end": 96
                 }
             },
             "group": [
@@ -8577,8 +8550,8 @@
         {
             "description": "The horizontal padding of the calendar captions.\n",
             "commentRange": {
-                "start": 101,
-                "end": 102
+                "start": 98,
+                "end": 99
             },
             "context": {
                 "type": "variable",
@@ -8586,8 +8559,8 @@
                 "value": "var( --kendo-calendar-caption-padding-x, k-spacing(3) )",
                 "scope": "default",
                 "line": {
-                    "start": 103,
-                    "end": 103
+                    "start": 100,
+                    "end": 100
                 }
             },
             "group": [
@@ -8604,8 +8577,8 @@
         {
             "description": "The vertical padding of the calendar captions.\n",
             "commentRange": {
-                "start": 104,
-                "end": 105
+                "start": 101,
+                "end": 102
             },
             "context": {
                 "type": "variable",
@@ -8613,8 +8586,8 @@
                 "value": "var( --kendo-calendar-caption-padding-y, k-spacing(1) )",
                 "scope": "default",
                 "line": {
-                    "start": 106,
-                    "end": 106
+                    "start": 103,
+                    "end": 103
                 }
             },
             "group": [
@@ -8631,8 +8604,8 @@
         {
             "description": "The height of the calendar captions.\n",
             "commentRange": {
-                "start": 107,
-                "end": 108
+                "start": 104,
+                "end": 105
             },
             "context": {
                 "type": "variable",
@@ -8640,8 +8613,8 @@
                 "value": "var( --kendo-calendar-caption-height, #{$kendo-calendar-cell-size} )",
                 "scope": "default",
                 "line": {
-                    "start": 109,
-                    "end": 109
+                    "start": 106,
+                    "end": 106
                 }
             },
             "group": [
@@ -8658,8 +8631,8 @@
         {
             "description": "The font size of the calendar captions.\n",
             "commentRange": {
-                "start": 110,
-                "end": 111
+                "start": 107,
+                "end": 108
             },
             "context": {
                 "type": "variable",
@@ -8667,8 +8640,8 @@
                 "value": "var( --kendo-calendar-caption-font-size, var( --kendo-calendar-font-size-sm, var( --kendo-font-size-sm, inherit ) ) )",
                 "scope": "default",
                 "line": {
-                    "start": 112,
-                    "end": 112
+                    "start": 109,
+                    "end": 109
                 }
             },
             "group": [
@@ -8685,8 +8658,8 @@
         {
             "description": "The line height of the calendar captions.\n",
             "commentRange": {
-                "start": 113,
-                "end": 114
+                "start": 110,
+                "end": 111
             },
             "context": {
                 "type": "variable",
@@ -8694,8 +8667,8 @@
                 "value": "var( --kendo-calendar-caption-line-height, normal )",
                 "scope": "default",
                 "line": {
-                    "start": 115,
-                    "end": 115
+                    "start": 112,
+                    "end": 112
                 }
             },
             "group": [
@@ -8712,8 +8685,8 @@
         {
             "description": "Font weight of the calendar captions.\n",
             "commentRange": {
-                "start": 116,
-                "end": 117
+                "start": 113,
+                "end": 114
             },
             "context": {
                 "type": "variable",
@@ -8721,8 +8694,8 @@
                 "value": "var( --kendo-calendar-caption-font-weight, bold )",
                 "scope": "default",
                 "line": {
-                    "start": 118,
-                    "end": 118
+                    "start": 115,
+                    "end": 115
                 }
             },
             "group": [
@@ -8739,8 +8712,8 @@
         {
             "description": "The text color of the calendar captions.\n",
             "commentRange": {
-                "start": 119,
-                "end": 120
+                "start": 116,
+                "end": 117
             },
             "context": {
                 "type": "variable",
@@ -8748,8 +8721,8 @@
                 "value": "var( --kendo-calendar-caption-color, k-color(subtle) )",
                 "scope": "default",
                 "line": {
-                    "start": 121,
-                    "end": 121
+                    "start": 118,
+                    "end": 118
                 }
             },
             "group": [
@@ -8766,8 +8739,8 @@
         {
             "description": "The width of the Calendar view.\n",
             "commentRange": {
-                "start": 123,
-                "end": 124
+                "start": 120,
+                "end": 121
             },
             "context": {
                 "type": "variable",
@@ -8775,8 +8748,8 @@
                 "value": "var( --kendo-calendar-view-width, calc(#{$kendo-calendar-cell-size} * 7) )",
                 "scope": "default",
                 "line": {
-                    "start": 125,
-                    "end": 125
+                    "start": 122,
+                    "end": 122
                 }
             },
             "group": [
@@ -8793,8 +8766,8 @@
         {
             "description": "The height of the Calendar view.\n",
             "commentRange": {
-                "start": 126,
-                "end": 127
+                "start": 123,
+                "end": 124
             },
             "context": {
                 "type": "variable",
@@ -8802,8 +8775,8 @@
                 "value": "var( --kendo-calendar-view-height, calc(#{$kendo-calendar-cell-size} * 7) )",
                 "scope": "default",
                 "line": {
-                    "start": 128,
-                    "end": 128
+                    "start": 125,
+                    "end": 125
                 }
             },
             "group": [
@@ -8820,8 +8793,8 @@
         {
             "description": "The bottom padding of Calendar views.\n",
             "commentRange": {
-                "start": 130,
-                "end": 131
+                "start": 127,
+                "end": 128
             },
             "context": {
                 "type": "variable",
@@ -8829,8 +8802,8 @@
                 "value": "var( --kendo-calendar-view-padding-block-end, k-spacing(1) )",
                 "scope": "default",
                 "line": {
-                    "start": 132,
-                    "end": 132
+                    "start": 129,
+                    "end": 129
                 }
             },
             "group": [
@@ -8847,8 +8820,8 @@
         {
             "description": "The spacing between the views in the multiview Calendar.\n",
             "commentRange": {
-                "start": 133,
-                "end": 134
+                "start": 130,
+                "end": 131
             },
             "context": {
                 "type": "variable",
@@ -8856,8 +8829,8 @@
                 "value": "var( --kendo-calendar-view-gap, k-spacing(4) )",
                 "scope": "default",
                 "line": {
-                    "start": 135,
-                    "end": 135
+                    "start": 132,
+                    "end": 132
                 }
             },
             "group": [
@@ -8874,8 +8847,8 @@
         {
             "description": "The background color of the calendar weekend cell.\n",
             "commentRange": {
-                "start": 137,
-                "end": 138
+                "start": 134,
+                "end": 135
             },
             "context": {
                 "type": "variable",
@@ -8883,8 +8856,8 @@
                 "value": "var( --kendo-calendar-weekend-bg, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 139,
-                    "end": 139
+                    "start": 136,
+                    "end": 136
                 }
             },
             "group": [
@@ -8901,8 +8874,8 @@
         {
             "description": "The text color of the calendar weekend cell.\n",
             "commentRange": {
-                "start": 140,
-                "end": 141
+                "start": 137,
+                "end": 138
             },
             "context": {
                 "type": "variable",
@@ -8910,8 +8883,8 @@
                 "value": "var( --kendo-calendar-weekend-text, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 142,
-                    "end": 142
+                    "start": 139,
+                    "end": 139
                 }
             },
             "group": [
@@ -8928,8 +8901,8 @@
         {
             "description": "The text color of the calendar today cell.\n",
             "commentRange": {
-                "start": 144,
-                "end": 145
+                "start": 141,
+                "end": 142
             },
             "context": {
                 "type": "variable",
@@ -8937,8 +8910,8 @@
                 "value": "var( --kendo-calendar-today-text, k-color(on-primary) )",
                 "scope": "default",
                 "line": {
-                    "start": 146,
-                    "end": 146
+                    "start": 143,
+                    "end": 143
                 }
             },
             "group": [
@@ -8955,8 +8928,8 @@
         {
             "description": "The background color of the calendar today cell.\n",
             "commentRange": {
-                "start": 147,
-                "end": 148
+                "start": 144,
+                "end": 145
             },
             "context": {
                 "type": "variable",
@@ -8964,8 +8937,8 @@
                 "value": "var( --kendo-calendar-today-bg, k-color(primary) )",
                 "scope": "default",
                 "line": {
-                    "start": 149,
-                    "end": 149
+                    "start": 146,
+                    "end": 146
                 }
             },
             "group": [
@@ -8982,8 +8955,8 @@
         {
             "description": "The text color of the calendar today cell when hovered.\n",
             "commentRange": {
-                "start": 150,
-                "end": 151
+                "start": 147,
+                "end": 148
             },
             "context": {
                 "type": "variable",
@@ -8991,8 +8964,8 @@
                 "value": "var( --kendo-calendar-today-hover-text, k-color(on-primary) )",
                 "scope": "default",
                 "line": {
-                    "start": 152,
-                    "end": 152
+                    "start": 149,
+                    "end": 149
                 }
             },
             "group": [
@@ -9009,8 +8982,8 @@
         {
             "description": "The background color of the calendar today cell when hovered.\n",
             "commentRange": {
-                "start": 153,
-                "end": 154
+                "start": 150,
+                "end": 151
             },
             "context": {
                 "type": "variable",
@@ -9018,8 +8991,8 @@
                 "value": "var( --kendo-calendar-today-hover-bg, $kendo-calendar-today-bg )",
                 "scope": "default",
                 "line": {
-                    "start": 155,
-                    "end": 155
+                    "start": 152,
+                    "end": 152
                 }
             },
             "group": [
@@ -9036,8 +9009,8 @@
         {
             "description": "The border radius of the calendar today cell.\n",
             "commentRange": {
-                "start": 156,
-                "end": 157
+                "start": 153,
+                "end": 154
             },
             "context": {
                 "type": "variable",
@@ -9045,8 +9018,8 @@
                 "value": "var( --kendo-calendar-today-border-radius, 9999px )",
                 "scope": "default",
                 "line": {
-                    "start": 158,
-                    "end": 158
+                    "start": 155,
+                    "end": 155
                 }
             },
             "group": [
@@ -9063,8 +9036,8 @@
         {
             "description": "The font weight of the current day in the Calendar.\n",
             "commentRange": {
-                "start": 159,
-                "end": 160
+                "start": 156,
+                "end": 157
             },
             "context": {
                 "type": "variable",
@@ -9072,8 +9045,8 @@
                 "value": "var( --kendo-calendar-today-font-weight, var( --kendo-calendar-font-weight-normal, var( --kendo-font-weight-normal, normal ) ) )",
                 "scope": "default",
                 "line": {
-                    "start": 161,
-                    "end": 161
+                    "start": 158,
+                    "end": 158
                 }
             },
             "group": [
@@ -9090,8 +9063,8 @@
         {
             "description": "The box shadow of the current day in the Calendar.\n",
             "commentRange": {
-                "start": 162,
-                "end": 163
+                "start": 159,
+                "end": 160
             },
             "context": {
                 "type": "variable",
@@ -9099,8 +9072,8 @@
                 "value": "var( --kendo-calendar-today-box-shadow, null )",
                 "scope": "default",
                 "line": {
-                    "start": 164,
-                    "end": 164
+                    "start": 161,
+                    "end": 161
                 }
             },
             "group": [
@@ -9117,8 +9090,8 @@
         {
             "description": "The background color of the calendar week number cell.\n",
             "commentRange": {
-                "start": 166,
-                "end": 167
+                "start": 163,
+                "end": 164
             },
             "context": {
                 "type": "variable",
@@ -9126,8 +9099,8 @@
                 "value": "var( --kendo-calendar-week-number-bg, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 168,
-                    "end": 168
+                    "start": 165,
+                    "end": 165
                 }
             },
             "group": [
@@ -9144,8 +9117,8 @@
         {
             "description": "The text color of the calendar week number cell.\n",
             "commentRange": {
-                "start": 169,
-                "end": 170
+                "start": 166,
+                "end": 167
             },
             "context": {
                 "type": "variable",
@@ -9153,8 +9126,8 @@
                 "value": "var( --kendo-calendar-week-number-text, k-color(subtle) )",
                 "scope": "default",
                 "line": {
-                    "start": 171,
-                    "end": 171
+                    "start": 168,
+                    "end": 168
                 }
             },
             "group": [
@@ -9171,8 +9144,8 @@
         {
             "description": "The background color of the other months calendar cells.\n",
             "commentRange": {
-                "start": 173,
-                "end": 174
+                "start": 170,
+                "end": 171
             },
             "context": {
                 "type": "variable",
@@ -9180,8 +9153,8 @@
                 "value": "var( --kendo-calendar-other-month-bg, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 175,
-                    "end": 175
+                    "start": 172,
+                    "end": 172
                 }
             },
             "group": [
@@ -9198,8 +9171,8 @@
         {
             "description": "The text color of the other months calendar cells.\n",
             "commentRange": {
-                "start": 176,
-                "end": 177
+                "start": 173,
+                "end": 174
             },
             "context": {
                 "type": "variable",
@@ -9207,8 +9180,8 @@
                 "value": "var( --kendo-calendar-other-month-text, k-color(subtle))",
                 "scope": "default",
                 "line": {
-                    "start": 178,
-                    "end": 178
+                    "start": 175,
+                    "end": 175
                 }
             },
             "group": [
@@ -9225,8 +9198,8 @@
         {
             "description": "The background color of the calendar cells when hovered.\n",
             "commentRange": {
-                "start": 180,
-                "end": 181
+                "start": 177,
+                "end": 178
             },
             "context": {
                 "type": "variable",
@@ -9234,8 +9207,8 @@
                 "value": "var( --kendo-calendar-cell-hover-bg, color-mix(in srgb, k-color(primary-subtle) 75%, k-color(on-primary)) )",
                 "scope": "default",
                 "line": {
-                    "start": 182,
-                    "end": 182
+                    "start": 179,
+                    "end": 179
                 }
             },
             "group": [
@@ -9252,8 +9225,8 @@
         {
             "description": "The text color of the calendar cells when hovered.\n",
             "commentRange": {
-                "start": 183,
-                "end": 184
+                "start": 180,
+                "end": 181
             },
             "context": {
                 "type": "variable",
@@ -9261,8 +9234,8 @@
                 "value": "var( --kendo-calendar-cell-hover-text, k-color(on-base) )",
                 "scope": "default",
                 "line": {
-                    "start": 185,
-                    "end": 185
+                    "start": 182,
+                    "end": 182
                 }
             },
             "group": [
@@ -9279,8 +9252,8 @@
         {
             "description": "The background color of the selected calendar cell.\n",
             "commentRange": {
-                "start": 187,
-                "end": 188
+                "start": 184,
+                "end": 185
             },
             "context": {
                 "type": "variable",
@@ -9288,8 +9261,8 @@
                 "value": "var( --kendo-calendar-cell-selected-bg, k-color(primary-subtle-hover) )",
                 "scope": "default",
                 "line": {
-                    "start": 189,
-                    "end": 189
+                    "start": 186,
+                    "end": 186
                 }
             },
             "group": [
@@ -9306,8 +9279,8 @@
         {
             "description": "The text color of the selected calendar cell.\n",
             "commentRange": {
-                "start": 190,
-                "end": 191
+                "start": 187,
+                "end": 188
             },
             "context": {
                 "type": "variable",
@@ -9315,8 +9288,8 @@
                 "value": "var( --kendo-calendar-cell-selected-text, k-color(on-base) )",
                 "scope": "default",
                 "line": {
-                    "start": 192,
-                    "end": 192
+                    "start": 189,
+                    "end": 189
                 }
             },
             "group": [
@@ -9333,8 +9306,8 @@
         {
             "description": "The border color of the selected calendar cell.\n",
             "commentRange": {
-                "start": 193,
-                "end": 194
+                "start": 190,
+                "end": 191
             },
             "context": {
                 "type": "variable",
@@ -9342,8 +9315,8 @@
                 "value": "var( --kendo-calendar-cell-selected-border, k-color(primary-on-surface) )",
                 "scope": "default",
                 "line": {
-                    "start": 195,
-                    "end": 195
+                    "start": 192,
+                    "end": 192
                 }
             },
             "group": [
@@ -9360,8 +9333,8 @@
         {
             "description": "The shadow of the selected calendar cell.\n",
             "commentRange": {
-                "start": 196,
-                "end": 197
+                "start": 193,
+                "end": 194
             },
             "context": {
                 "type": "variable",
@@ -9369,8 +9342,8 @@
                 "value": "var( --kendo-calendar-cell-selected-shadow, null )",
                 "scope": "default",
                 "line": {
-                    "start": 198,
-                    "end": 198
+                    "start": 195,
+                    "end": 195
                 }
             },
             "group": [
@@ -9387,8 +9360,8 @@
         {
             "description": "The background color of the selected calendar cell when hovered.\n",
             "commentRange": {
-                "start": 200,
-                "end": 201
+                "start": 197,
+                "end": 198
             },
             "context": {
                 "type": "variable",
@@ -9396,8 +9369,8 @@
                 "value": "var( --kendo-calendar-cell-selected-hover-bg, k-color(primary-subtle-hover) )",
                 "scope": "default",
                 "line": {
-                    "start": 202,
-                    "end": 202
+                    "start": 199,
+                    "end": 199
                 }
             },
             "group": [
@@ -9414,8 +9387,8 @@
         {
             "description": "The text color of the selected calendar cell when hovered.\n",
             "commentRange": {
-                "start": 203,
-                "end": 204
+                "start": 200,
+                "end": 201
             },
             "context": {
                 "type": "variable",
@@ -9423,8 +9396,8 @@
                 "value": "var( --kendo-calendar-cell-selected-hover-text, k-color(on-base) )",
                 "scope": "default",
                 "line": {
-                    "start": 205,
-                    "end": 205
+                    "start": 202,
+                    "end": 202
                 }
             },
             "group": [
@@ -9441,8 +9414,8 @@
         {
             "description": "The shadow of the selected calendar cell when focused.\n",
             "commentRange": {
-                "start": 207,
-                "end": 208
+                "start": 204,
+                "end": 205
             },
             "context": {
                 "type": "variable",
@@ -9450,8 +9423,8 @@
                 "value": "var( --kendo-calendar-cell-focus-shadow, inset 0 0 0 2px k-color(primary) )",
                 "scope": "default",
                 "line": {
-                    "start": 209,
-                    "end": 209
+                    "start": 206,
+                    "end": 206
                 }
             },
             "group": [
@@ -9468,8 +9441,8 @@
         {
             "description": "The shadow of the selected calendar cell when selected and focused.\n",
             "commentRange": {
-                "start": 210,
-                "end": 211
+                "start": 207,
+                "end": 208
             },
             "context": {
                 "type": "variable",
@@ -9477,8 +9450,8 @@
                 "value": "var( --kendo-calendar-cell-selected-focus-shadow, #{$kendo-calendar-cell-focus-shadow} )",
                 "scope": "default",
                 "line": {
-                    "start": 212,
-                    "end": 212
+                    "start": 209,
+                    "end": 209
                 }
             },
             "group": [
@@ -9495,8 +9468,8 @@
         {
             "description": "The width of the navigation in the infinite Calendar.\n",
             "commentRange": {
-                "start": 217,
-                "end": 218
+                "start": 214,
+                "end": 215
             },
             "context": {
                 "type": "variable",
@@ -9504,8 +9477,8 @@
                 "value": "var( --kendo-calendar-navigation-width, 5em )",
                 "scope": "default",
                 "line": {
-                    "start": 219,
-                    "end": 219
+                    "start": 216,
+                    "end": 216
                 }
             },
             "group": [
@@ -9522,8 +9495,8 @@
         {
             "description": "The height of the navigation items in the infinite Calendar.\n",
             "commentRange": {
-                "start": 220,
-                "end": 221
+                "start": 217,
+                "end": 218
             },
             "context": {
                 "type": "variable",
@@ -9531,8 +9504,8 @@
                 "value": "var( --kendo-calendar-navigation-item-height, 2em )",
                 "scope": "default",
                 "line": {
-                    "start": 222,
-                    "end": 222
+                    "start": 219,
+                    "end": 219
                 }
             },
             "group": [
@@ -9549,8 +9522,8 @@
         {
             "description": "The background color of the navigation in the infinite Calendar.\n",
             "commentRange": {
-                "start": 224,
-                "end": 225
+                "start": 221,
+                "end": 222
             },
             "context": {
                 "type": "variable",
@@ -9558,8 +9531,8 @@
                 "value": "var( --kendo-calendar-navigation-bg, k-color(surface) )",
                 "scope": "default",
                 "line": {
-                    "start": 226,
-                    "end": 226
+                    "start": 223,
+                    "end": 223
                 }
             },
             "group": [
@@ -9576,17 +9549,17 @@
         {
             "description": "The text color of the navigation in the infinite Calendar.\n",
             "commentRange": {
-                "start": 227,
-                "end": 228
+                "start": 224,
+                "end": 225
             },
             "context": {
                 "type": "variable",
                 "name": "kendo-calendar-navigation-text",
-                "value": "var( --kendo-calendar-navigation-text, #{$kendo-calendar-header-text} )",
+                "value": "var( --kendo-calendar-navigation-text, k-color(on-app-surface) )",
                 "scope": "default",
                 "line": {
-                    "start": 229,
-                    "end": 229
+                    "start": 226,
+                    "end": 226
                 }
             },
             "group": [
@@ -9597,14 +9570,14 @@
                 "path": "fluent/scss/calendar/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-calendar-navigation-text, var(--kendo-calendar-header-text, var(--kendo-calendar-text, var(--kendo-color-on-app-surface, #242424))))",
+            "resolvedValue": "var(--kendo-calendar-navigation-text, var(--kendo-color-on-app-surface, #242424))",
             "resolvedType": "String"
         },
         {
             "description": "The border color of the navigation in the infinite Calendar.\n",
             "commentRange": {
-                "start": 230,
-                "end": 231
+                "start": 227,
+                "end": 228
             },
             "context": {
                 "type": "variable",
@@ -9612,8 +9585,8 @@
                 "value": "var( --kendo-calendar-navigation-border, #{$kendo-calendar-header-border} )",
                 "scope": "default",
                 "line": {
-                    "start": 232,
-                    "end": 232
+                    "start": 229,
+                    "end": 229
                 }
             },
             "group": [
@@ -9630,8 +9603,8 @@
         {
             "description": "The text color of the hovered items in the calendar navigation.\n",
             "commentRange": {
-                "start": 234,
-                "end": 235
+                "start": 231,
+                "end": 232
             },
             "context": {
                 "type": "variable",
@@ -9639,8 +9612,8 @@
                 "value": "var( --kendo-calendar-navigation-hover-text, k-color(primary-hover) )",
                 "scope": "default",
                 "line": {
-                    "start": 236,
-                    "end": 236
+                    "start": 233,
+                    "end": 233
                 }
             },
             "group": [
@@ -9657,8 +9630,8 @@
         {
             "description": "The text color of the marker in the Calendar navigation.\n",
             "commentRange": {
-                "start": 237,
-                "end": 238
+                "start": 234,
+                "end": 235
             },
             "context": {
                 "type": "variable",
@@ -9666,8 +9639,8 @@
                 "value": "var( --kendo-calendar-navigation-marker-text, currentColor )",
                 "scope": "default",
                 "line": {
-                    "start": 239,
-                    "end": 239
+                    "start": 236,
+                    "end": 236
                 }
             },
             "group": [
@@ -9684,8 +9657,8 @@
         {
             "description": "The background color of the navigation in the infinite Calendar.\n",
             "commentRange": {
-                "start": 243,
-                "end": 244
+                "start": 240,
+                "end": 241
             },
             "context": {
                 "type": "variable",
@@ -9693,8 +9666,8 @@
                 "value": "var( --kendo-infinite-calendar-header-padding-x, k-spacing(3) )",
                 "scope": "default",
                 "line": {
-                    "start": 246,
-                    "end": 246
+                    "start": 243,
+                    "end": 243
                 }
             },
             "group": [
@@ -9711,8 +9684,8 @@
         {
             "description": "The background color of the navigation in the infinite Calendar.\n",
             "commentRange": {
-                "start": 247,
-                "end": 248
+                "start": 244,
+                "end": 245
             },
             "context": {
                 "type": "variable",
@@ -9720,8 +9693,8 @@
                 "value": "var( --kendo-infinite-calendar-header-padding-y, k-spacing(3) k-spacing(1) )",
                 "scope": "default",
                 "line": {
-                    "start": 249,
-                    "end": 249
+                    "start": 246,
+                    "end": 246
                 }
             },
             "group": [
@@ -9738,8 +9711,8 @@
         {
             "description": "The horizontal padding of the infinite Calendar.\n",
             "commentRange": {
-                "start": 251,
-                "end": 252
+                "start": 248,
+                "end": 249
             },
             "context": {
                 "type": "variable",
@@ -9747,8 +9720,8 @@
                 "value": "var( --kendo-infinite-calendar-view-padding-x, k-spacing(3) )",
                 "scope": "default",
                 "line": {
-                    "start": 253,
-                    "end": 253
+                    "start": 250,
+                    "end": 250
                 }
             },
             "group": [
@@ -9765,8 +9738,8 @@
         {
             "description": "The vertical padding of the infinite Calendar.\n",
             "commentRange": {
-                "start": 254,
-                "end": 255
+                "start": 251,
+                "end": 252
             },
             "context": {
                 "type": "variable",
@@ -9774,8 +9747,8 @@
                 "value": "var( --kendo-infinite-calendar-view-padding-y, k-spacing(0) )",
                 "scope": "default",
                 "line": {
-                    "start": 256,
-                    "end": 256
+                    "start": 253,
+                    "end": 253
                 }
             },
             "group": [
@@ -9792,8 +9765,8 @@
         {
             "description": "The height of the infinite Calendar view.\n",
             "commentRange": {
-                "start": 258,
-                "end": 259
+                "start": 255,
+                "end": 256
             },
             "context": {
                 "type": "variable",
@@ -9801,8 +9774,8 @@
                 "value": "var( --kendo-infinite-calendar-view-height, calc( #{$kendo-calendar-cell-size} * 9 ) )",
                 "scope": "default",
                 "line": {
-                    "start": 260,
-                    "end": 260
+                    "start": 257,
+                    "end": 257
                 }
             },
             "group": [
@@ -9819,8 +9792,8 @@
         {
             "description": "The background color of the range selection in the Calendar.\n",
             "commentRange": {
-                "start": 264,
-                "end": 265
+                "start": 261,
+                "end": 262
             },
             "context": {
                 "type": "variable",
@@ -9828,8 +9801,8 @@
                 "value": "var( --kendo-calendar-range-bg, k-color(primary-subtle-hover) )",
                 "scope": "default",
                 "line": {
-                    "start": 266,
-                    "end": 266
+                    "start": 263,
+                    "end": 263
                 }
             },
             "group": [
@@ -9846,8 +9819,8 @@
         {
             "description": "The text color of the range selection in the Calendar.\n",
             "commentRange": {
-                "start": 267,
-                "end": 268
+                "start": 264,
+                "end": 265
             },
             "context": {
                 "type": "variable",
@@ -9855,8 +9828,8 @@
                 "value": "var( --kendo-calendar-range-text, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 269,
-                    "end": 269
+                    "start": 266,
+                    "end": 266
                 }
             },
             "group": [
@@ -9873,8 +9846,8 @@
         {
             "description": "The border radius of the range cells in the Calendar.\n",
             "commentRange": {
-                "start": 270,
-                "end": 271
+                "start": 267,
+                "end": 268
             },
             "context": {
                 "type": "variable",
@@ -9882,8 +9855,8 @@
                 "value": "k-border-radius(md)",
                 "scope": "default",
                 "line": {
-                    "start": 272,
-                    "end": 272
+                    "start": 269,
+                    "end": 269
                 }
             },
             "group": [
@@ -9900,8 +9873,8 @@
         {
             "description": "The font size of the small Calendar.\n",
             "commentRange": {
-                "start": 276,
-                "end": 277
+                "start": 273,
+                "end": 274
             },
             "context": {
                 "type": "variable",
@@ -9909,8 +9882,8 @@
                 "value": "var( --kendo-calendar-sm-font-size, var( --kendo-calendar-font-size-sm, var( --kendo-font-size-sm, inherit ) ) )",
                 "scope": "default",
                 "line": {
-                    "start": 278,
-                    "end": 278
+                    "start": 275,
+                    "end": 275
                 }
             },
             "group": [
@@ -9927,8 +9900,8 @@
         {
             "description": "The line height of the small Calendar.\n",
             "commentRange": {
-                "start": 279,
-                "end": 280
+                "start": 276,
+                "end": 277
             },
             "context": {
                 "type": "variable",
@@ -9936,8 +9909,8 @@
                 "value": "var( --kendo-calendar-sm-line-height, var( --kendo-calendar-line-height-sm, var( --kendo-line-height-sm, normal ) ) )",
                 "scope": "default",
                 "line": {
-                    "start": 281,
-                    "end": 281
+                    "start": 278,
+                    "end": 278
                 }
             },
             "group": [
@@ -9954,8 +9927,8 @@
         {
             "description": "The size of the cells in the small Calendar.\n",
             "commentRange": {
-                "start": 282,
-                "end": 283
+                "start": 279,
+                "end": 280
             },
             "context": {
                 "type": "variable",
@@ -9963,8 +9936,8 @@
                 "value": "var( --kendo-calendar-sm-cell-size, 24px )",
                 "scope": "default",
                 "line": {
-                    "start": 284,
-                    "end": 284
+                    "start": 281,
+                    "end": 281
                 }
             },
             "group": [
@@ -9981,8 +9954,8 @@
         {
             "description": "The horizontal padding of the cells in the small Calendar.\n",
             "commentRange": {
-                "start": 285,
-                "end": 286
+                "start": 282,
+                "end": 283
             },
             "context": {
                 "type": "variable",
@@ -9990,8 +9963,8 @@
                 "value": "var( --kendo-calendar-sm-cell-padding-x, k-spacing(0.5) )",
                 "scope": "default",
                 "line": {
-                    "start": 287,
-                    "end": 287
+                    "start": 284,
+                    "end": 284
                 }
             },
             "group": [
@@ -10008,8 +9981,8 @@
         {
             "description": "The vertical padding of the cells in the small Calendar.\n",
             "commentRange": {
-                "start": 288,
-                "end": 289
+                "start": 285,
+                "end": 286
             },
             "context": {
                 "type": "variable",
@@ -10017,8 +9990,8 @@
                 "value": "var( --kendo-calendar-sm-cell-padding-y, k-spacing(0.5) )",
                 "scope": "default",
                 "line": {
-                    "start": 290,
-                    "end": 290
+                    "start": 287,
+                    "end": 287
                 }
             },
             "group": [
@@ -10035,8 +10008,8 @@
         {
             "description": "The font size of the cells in the small Calendar.\n",
             "commentRange": {
-                "start": 291,
-                "end": 292
+                "start": 288,
+                "end": 289
             },
             "context": {
                 "type": "variable",
@@ -10044,8 +10017,8 @@
                 "value": "var( --kendo-calendar-sm-cell-font-size, var( --kendo-calendar-font-size-sm, var( --kendo-font-size-sm, inherit ) ) )",
                 "scope": "default",
                 "line": {
-                    "start": 293,
-                    "end": 293
+                    "start": 290,
+                    "end": 290
                 }
             },
             "group": [
@@ -10062,8 +10035,8 @@
         {
             "description": "The font size of the medium Calendar.\n",
             "commentRange": {
-                "start": 295,
-                "end": 296
+                "start": 292,
+                "end": 293
             },
             "context": {
                 "type": "variable",
@@ -10071,8 +10044,8 @@
                 "value": "var( --kendo-calendar-md-font-size, var( --kendo-calendar-font-size, var( --kendo-font-size, inherit ) ) )",
                 "scope": "default",
                 "line": {
-                    "start": 297,
-                    "end": 297
+                    "start": 294,
+                    "end": 294
                 }
             },
             "group": [
@@ -10089,8 +10062,8 @@
         {
             "description": "The line height of the medium Calendar.\n",
             "commentRange": {
-                "start": 298,
-                "end": 299
+                "start": 295,
+                "end": 296
             },
             "context": {
                 "type": "variable",
@@ -10098,8 +10071,8 @@
                 "value": "var( --kendo-calendar-md-line-height, var( --kendo-calendar-line-height, var( --kendo-line-height, normal ) ) )",
                 "scope": "default",
                 "line": {
-                    "start": 300,
-                    "end": 300
+                    "start": 297,
+                    "end": 297
                 }
             },
             "group": [
@@ -10116,8 +10089,8 @@
         {
             "description": "The size of the cells in the medium Calendar.\n",
             "commentRange": {
-                "start": 301,
-                "end": 302
+                "start": 298,
+                "end": 299
             },
             "context": {
                 "type": "variable",
@@ -10125,8 +10098,8 @@
                 "value": "var( --kendo-calendar-md-cell-size, $kendo-calendar-cell-size )",
                 "scope": "default",
                 "line": {
-                    "start": 303,
-                    "end": 303
+                    "start": 300,
+                    "end": 300
                 }
             },
             "group": [
@@ -10143,8 +10116,8 @@
         {
             "description": "The horizontal padding of the cells in the medium Calendar.\n",
             "commentRange": {
-                "start": 304,
-                "end": 305
+                "start": 301,
+                "end": 302
             },
             "context": {
                 "type": "variable",
@@ -10152,8 +10125,8 @@
                 "value": "var( --kendo-calendar-md-cell-padding-x, k-spacing(1) )",
                 "scope": "default",
                 "line": {
-                    "start": 306,
-                    "end": 306
+                    "start": 303,
+                    "end": 303
                 }
             },
             "group": [
@@ -10170,8 +10143,8 @@
         {
             "description": "The vertical padding of the cells in the medium Calendar.\n",
             "commentRange": {
-                "start": 307,
-                "end": 308
+                "start": 304,
+                "end": 305
             },
             "context": {
                 "type": "variable",
@@ -10179,8 +10152,8 @@
                 "value": "var( --kendo-calendar-md-cell-padding-y, k-spacing(1) )",
                 "scope": "default",
                 "line": {
-                    "start": 309,
-                    "end": 309
+                    "start": 306,
+                    "end": 306
                 }
             },
             "group": [
@@ -10197,8 +10170,8 @@
         {
             "description": "The font size of the cells in the medium Calendar.\n",
             "commentRange": {
-                "start": 310,
-                "end": 311
+                "start": 307,
+                "end": 308
             },
             "context": {
                 "type": "variable",
@@ -10206,8 +10179,8 @@
                 "value": "var( --kendo-calendar-md-cell-font-size, var( --kendo-calendar-font-size-sm, var( --kendo-font-size-sm, inherit ) ) )",
                 "scope": "default",
                 "line": {
-                    "start": 312,
-                    "end": 312
+                    "start": 309,
+                    "end": 309
                 }
             },
             "group": [
@@ -10224,8 +10197,8 @@
         {
             "description": "The font size of the large Calendar.\n",
             "commentRange": {
-                "start": 314,
-                "end": 315
+                "start": 311,
+                "end": 312
             },
             "context": {
                 "type": "variable",
@@ -10233,8 +10206,8 @@
                 "value": "var( --kendo-calendar-lg-font-size, var( --kendo-calendar-font-size, var( --kendo-font-size, inherit ) ) )",
                 "scope": "default",
                 "line": {
-                    "start": 316,
-                    "end": 316
+                    "start": 313,
+                    "end": 313
                 }
             },
             "group": [
@@ -10251,8 +10224,8 @@
         {
             "description": "The line height of the large Calendar.\n",
             "commentRange": {
-                "start": 317,
-                "end": 318
+                "start": 314,
+                "end": 315
             },
             "context": {
                 "type": "variable",
@@ -10260,8 +10233,8 @@
                 "value": "var( --kendo-calendar-lg-line-height, var( --kendo-calendar-line-height, var( --kendo-line-height, normal ) ) )",
                 "scope": "default",
                 "line": {
-                    "start": 319,
-                    "end": 319
+                    "start": 316,
+                    "end": 316
                 }
             },
             "group": [
@@ -10278,8 +10251,8 @@
         {
             "description": "The size of the cells in the large Calendar.\n",
             "commentRange": {
-                "start": 320,
-                "end": 321
+                "start": 317,
+                "end": 318
             },
             "context": {
                 "type": "variable",
@@ -10287,8 +10260,8 @@
                 "value": "var( --kendo-calendar-lg-cell-size, 36px )",
                 "scope": "default",
                 "line": {
-                    "start": 322,
-                    "end": 322
+                    "start": 319,
+                    "end": 319
                 }
             },
             "group": [
@@ -10305,8 +10278,8 @@
         {
             "description": "The horizontal padding of the cells in the large Calendar.\n",
             "commentRange": {
-                "start": 323,
-                "end": 324
+                "start": 320,
+                "end": 321
             },
             "context": {
                 "type": "variable",
@@ -10314,8 +10287,8 @@
                 "value": "var( --kendo-calendar-lg-cell-padding-x, k-spacing(1) )",
                 "scope": "default",
                 "line": {
-                    "start": 325,
-                    "end": 325
+                    "start": 322,
+                    "end": 322
                 }
             },
             "group": [
@@ -10332,8 +10305,8 @@
         {
             "description": "The vertical padding of the cells in the large Calendar.\n",
             "commentRange": {
-                "start": 326,
-                "end": 327
+                "start": 323,
+                "end": 324
             },
             "context": {
                 "type": "variable",
@@ -10341,8 +10314,8 @@
                 "value": "var( --kendo-calendar-lg-cell-padding-y, k-spacing(1) )",
                 "scope": "default",
                 "line": {
-                    "start": 328,
-                    "end": 328
+                    "start": 325,
+                    "end": 325
                 }
             },
             "group": [
@@ -10359,8 +10332,8 @@
         {
             "description": "The font size of the cells in the large Calendar.\n",
             "commentRange": {
-                "start": 329,
-                "end": 330
+                "start": 326,
+                "end": 327
             },
             "context": {
                 "type": "variable",
@@ -10368,8 +10341,8 @@
                 "value": "var( --kendo-calendar-lg-cell-font-size, var( --kendo-calendar-font-size, var( --kendo-font-size, inherit ) ) )",
                 "scope": "default",
                 "line": {
-                    "start": 331,
-                    "end": 331
+                    "start": 328,
+                    "end": 328
                 }
             },
             "group": [
@@ -10386,8 +10359,8 @@
         {
             "description": "The sizes Map of the Calendar.\n",
             "commentRange": {
-                "start": 333,
-                "end": 334
+                "start": 330,
+                "end": 331
             },
             "context": {
                 "type": "variable",
@@ -10395,8 +10368,8 @@
                 "value": "(\n    sm: (\n        font-size: $kendo-calendar-sm-font-size,\n        line-height: $kendo-calendar-sm-line-height,\n        cell-size: $kendo-calendar-sm-cell-size,\n        cell-padding-x: $kendo-calendar-sm-cell-padding-y,\n        cell-padding-y: $kendo-calendar-sm-cell-padding-x,\n        cell-font-size: $kendo-calendar-sm-cell-font-size\n    ),\n    md: (\n        font-size: $kendo-calendar-md-font-size,\n        line-height: $kendo-calendar-md-line-height,\n        cell-size: $kendo-calendar-md-cell-size,\n        cell-padding-x: $kendo-calendar-md-cell-padding-y,\n        cell-padding-y: $kendo-calendar-md-cell-padding-x,\n        cell-font-size: $kendo-calendar-md-cell-font-size\n    ),\n    lg: (\n        font-size: $kendo-calendar-lg-font-size,\n        line-height: $kendo-calendar-lg-line-height,\n        cell-size: $kendo-calendar-lg-cell-size,\n        cell-padding-x: $kendo-calendar-lg-cell-padding-y,\n        cell-padding-y: $kendo-calendar-lg-cell-padding-x,\n        cell-font-size: $kendo-calendar-lg-cell-font-size\n    )\n)",
                 "scope": "default",
                 "line": {
-                    "start": 335,
-                    "end": 360
+                    "start": 332,
+                    "end": 357
                 }
             },
             "group": [
@@ -12003,15 +11976,15 @@
             "resolvedType": "Number"
         },
         {
-            "description": "The size of the Avatar in the Card.\n",
+            "description": "The spacing between the Avatar and the text in the Card.\n",
             "commentRange": {
                 "start": 148,
                 "end": 149
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-card-avatar-size",
-                "value": "3rem",
+                "name": "kendo-card-avatar-spacing",
+                "value": "k-spacing(2)",
                 "scope": "default",
                 "line": {
                     "start": 150,
@@ -12026,41 +11999,14 @@
                 "path": "fluent/scss/card/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "3rem",
-            "resolvedType": "Number"
-        },
-        {
-            "description": "The spacing between the Avatar and the text in the Card.\n",
-            "commentRange": {
-                "start": 151,
-                "end": 152
-            },
-            "context": {
-                "type": "variable",
-                "name": "kendo-card-avatar-spacing",
-                "value": "$kendo-card-header-padding-x",
-                "scope": "default",
-                "line": {
-                    "start": 153,
-                    "end": 153
-                }
-            },
-            "group": [
-                "card"
-            ],
-            "access": "public",
-            "file": {
-                "path": "fluent/scss/card/_variables.scss",
-                "name": "_variables.scss"
-            },
-            "resolvedValue": "var(--kendo-card-header-padding-x, var(--kendo-spacing-3, 0.75rem))",
+            "resolvedValue": "var(--kendo-spacing-2, 0.5rem)",
             "resolvedType": "String"
         },
         {
             "description": "The horizontal padding of the Card actions.\n",
             "commentRange": {
-                "start": 155,
-                "end": 156
+                "start": 152,
+                "end": 153
             },
             "context": {
                 "type": "variable",
@@ -12068,8 +12014,8 @@
                 "value": "var( --kendo-card-actions-padding-x, k-spacing(3) )",
                 "scope": "default",
                 "line": {
-                    "start": 157,
-                    "end": 157
+                    "start": 154,
+                    "end": 154
                 }
             },
             "group": [
@@ -12086,8 +12032,8 @@
         {
             "description": "The vertical padding of the Card actions.\n",
             "commentRange": {
-                "start": 158,
-                "end": 159
+                "start": 155,
+                "end": 156
             },
             "context": {
                 "type": "variable",
@@ -12095,8 +12041,8 @@
                 "value": "var( --kendo-card-actions-padding-y, k-spacing(3) )",
                 "scope": "default",
                 "line": {
-                    "start": 160,
-                    "end": 160
+                    "start": 157,
+                    "end": 157
                 }
             },
             "group": [
@@ -12113,8 +12059,8 @@
         {
             "description": "The top border width of the Card actions.\n",
             "commentRange": {
-                "start": 161,
-                "end": 162
+                "start": 158,
+                "end": 159
             },
             "context": {
                 "type": "variable",
@@ -12122,8 +12068,8 @@
                 "value": "var( --kendo-card-actions-border-width, 0 )",
                 "scope": "default",
                 "line": {
-                    "start": 163,
-                    "end": 163
+                    "start": 160,
+                    "end": 160
                 }
             },
             "group": [
@@ -12140,8 +12086,8 @@
         {
             "description": "The spacing between the Card actions.\n",
             "commentRange": {
-                "start": 164,
-                "end": 165
+                "start": 161,
+                "end": 162
             },
             "context": {
                 "type": "variable",
@@ -12149,8 +12095,8 @@
                 "value": "var( --kendo-card-actions-gap, k-spacing(3) )",
                 "scope": "default",
                 "line": {
-                    "start": 166,
-                    "end": 166
+                    "start": 163,
+                    "end": 163
                 }
             },
             "group": [
@@ -12167,8 +12113,8 @@
         {
             "description": "The border radius of the scroll button in the Card deck.\n",
             "commentRange": {
-                "start": 168,
-                "end": 169
+                "start": 165,
+                "end": 166
             },
             "context": {
                 "type": "variable",
@@ -12176,8 +12122,8 @@
                 "value": "0",
                 "scope": "default",
                 "line": {
-                    "start": 170,
-                    "end": 170
+                    "start": 167,
+                    "end": 167
                 }
             },
             "group": [
@@ -12194,8 +12140,8 @@
         {
             "description": "The border radius of the scroll button in the Card deck.\n",
             "commentRange": {
-                "start": 171,
-                "end": 172
+                "start": 168,
+                "end": 169
             },
             "context": {
                 "type": "variable",
@@ -12203,8 +12149,8 @@
                 "value": "calc( -1 * #{$kendo-button-border-width} )",
                 "scope": "default",
                 "line": {
-                    "start": 173,
-                    "end": 173
+                    "start": 170,
+                    "end": 170
                 }
             },
             "group": [
@@ -12221,8 +12167,8 @@
         {
             "description": "The size of the Card callout.\n",
             "commentRange": {
-                "start": 175,
-                "end": 176
+                "start": 172,
+                "end": 173
             },
             "context": {
                 "type": "variable",
@@ -12230,8 +12176,8 @@
                 "value": "20px",
                 "scope": "default",
                 "line": {
-                    "start": 177,
-                    "end": 177
+                    "start": 174,
+                    "end": 174
                 }
             },
             "group": [
@@ -23464,7 +23410,7 @@
                 "path": "fluent/scss/core/color-system/_swatch.scss",
                 "name": "_swatch.scss"
             },
-            "resolvedValue": "(app-surface: #fafafa, on-app-surface: #242424, subtle: #707070, surface: #ffffff, surface-alt: #ffffff, border: rgba(36, 36, 36, 0.72), border-alt: #000000, base-subtle: #f5f5f5, base-subtle-hover: #ebebeb, base-subtle-active: #e0e0e0, base: #ffffff, base-hover: #f5f5f5, base-active: #ebebeb, base-emphasis: #d1d1d1, base-on-subtle: #242424, on-base: #242424, base-on-surface: #242424, primary-subtle: #ebf3fc, primary-subtle-hover: #cfe4fa, primary-subtle-active: #96c6fa, primary: #0f6cbd, primary-hover: #115ea3, primary-active: #0f548c, primary-emphasis: #abd1f8, primary-on-subtle: #0a2e4a, on-primary: #ffffff, primary-on-surface: #0f6cbd, secondary-subtle: #f0f0f0, secondary-subtle-hover: #fafafa, secondary-subtle-active: #ffffff, secondary: #ebebeb, secondary-hover: #f5f5f5, secondary-active: #fafafa, secondary-emphasis: #e0e0e0, secondary-on-subtle: #616161, on-secondary: #616161, secondary-on-surface: #616161, tertiary-subtle: #fdf5fc, tertiary-subtle-hover: #f5daf2, tertiary-subtle-active: #edbbe7, tertiary: #c239b3, tertiary-hover: #af33a1, tertiary-active: #962c8a, tertiary-emphasis: #edbbe7, tertiary-on-subtle: #af33a1, on-tertiary: #ffffff, tertiary-on-surface: #c239b3, info-subtle: #f6fafe, info-subtle-hover: #dcedfa, info-subtle-active: #bfddf5, info: #3a96dd, info-hover: #3991d5, info-active: #4fa1e1, info-emphasis: #bfddf5, info-on-subtle: #20547c, on-info: #242424, info-on-surface: #3487c7, success-subtle: #f1faf1, success-subtle-hover: #c9eac9, success-subtle-active: #9fd89f, success: #107c10, success-hover: #0e700e, success-active: #0c5e0c, success-emphasis: #9fd89f, success-on-subtle: #0e700e, on-success: #ffffff, success-on-surface: #107c10, warning-subtle: #fff9f5, warning-subtle-hover: #fee5d7, warning-subtle-active: #fdcfb4, warning: #f7630c, warning-hover: #de590b, warning-active: #bc4b09, warning-emphasis: #fdcfb4, warning-on-subtle: #8a3707, on-warning: #242424, warning-on-surface: #8a3707, error-subtle: #fdf3f4, error-subtle-hover: #f6d1d5, error-subtle-active: #eeacb2, error: #c50f1f, error-hover: #b10e1c, error-active: #960b18, error-emphasis: #eeacb2, error-on-subtle: #b10e1c, on-error: #ffffff, error-on-surface: #c50f1f, light-subtle: #ffffff, light-subtle-hover: #f5f5f5, light-subtle-active: #ebebeb, light: #ebebeb, light-hover: #f5f5f5, light-active: #f0f0f0, light-emphasis: #e0e0e0, light-on-subtle: #616161, on-light: #242424, light-on-surface: #ffffff, dark-subtle: #000000, dark-subtle-hover: #242424, dark-subtle-active: #333333, dark: #242424, dark-hover: #424242, dark-active: #333333, dark-emphasis: #616161, dark-on-subtle: #ffffff, on-dark: #ffffff, dark-on-surface: #616161, inverse-subtle: #000000, inverse-subtle-hover: #242424, inverse-subtle-active: #333333, inverse: #242424, inverse-hover: #424242, inverse-active: #333333, inverse-emphasis: #616161, inverse-on-subtle: #ffffff, on-inverse: #ffffff, inverse-on-surface: #616161, series-a: #2aa0a4, series-a-bold: #20787b, series-a-bolder: #155052, series-a-subtle: #5fb8bb, series-a-subtler: #94cfd1, series-b: #ae8c00, series-b-bold: #826900, series-b-bolder: #574600, series-b-subtle: #c2a940, series-b-subtler: #d7c580, series-c: #e3008c, series-c-bold: #aa0069, series-c-bolder: #720046, series-c-subtle: #ea40a9, series-c-subtler: #f180c5, series-d: #13a10e, series-d-bold: #0e790b, series-d-bolder: #0a5107, series-d-subtle: #4eb94a, series-d-subtler: #89d086, series-e: #637cef, series-e-bold: #4a5db3, series-e-bolder: #323e78, series-e-subtle: #c3b1db, series-e-subtler: #a58bca, series-f: #CA5010, series-f-bold: #973C0C, series-f-bolder: #652808, series-f-subtle: #D77C4C, series-f-subtler: #E5A787)",
+            "resolvedValue": "(app-surface: #fafafa, on-app-surface: #242424, subtle: #707070, surface: #ffffff, surface-alt: #ffffff, border: rgba(36, 36, 36, 0.72), border-alt: #000000, base-subtle: #f5f5f5, base-subtle-hover: #ebebeb, base-subtle-active: #e0e0e0, base: #ffffff, base-hover: #f5f5f5, base-active: #ebebeb, base-emphasis: #d1d1d1, base-on-subtle: #242424, on-base: #242424, base-on-surface: #242424, primary-subtle: #ebf3fc, primary-subtle-hover: #cfe4fa, primary-subtle-active: #96c6fa, primary: #0f6cbd, primary-hover: #115ea3, primary-active: #0f548c, primary-emphasis: #abd1f8, primary-on-subtle: #0a2e4a, on-primary: #ffffff, primary-on-surface: #0f6cbd, secondary-subtle: #f0f0f0, secondary-subtle-hover: #fafafa, secondary-subtle-active: #ffffff, secondary: #ebebeb, secondary-hover: #f5f5f5, secondary-active: #fafafa, secondary-emphasis: #e0e0e0, secondary-on-subtle: #616161, on-secondary: #616161, secondary-on-surface: #616161, tertiary-subtle: #fdf5fc, tertiary-subtle-hover: #f5daf2, tertiary-subtle-active: #edbbe7, tertiary: #c239b3, tertiary-hover: #af33a1, tertiary-active: #962c8a, tertiary-emphasis: #edbbe7, tertiary-on-subtle: #af33a1, on-tertiary: #ffffff, tertiary-on-surface: #c239b3, info-subtle: #f6fafe, info-subtle-hover: #dcedfa, info-subtle-active: #bfddf5, info: #3a96dd, info-hover: #3991d5, info-active: #4fa1e1, info-emphasis: #bfddf5, info-on-subtle: #20547c, on-info: #242424, info-on-surface: #3487c7, success-subtle: #f1faf1, success-subtle-hover: #c9eac9, success-subtle-active: #9fd89f, success: #107c10, success-hover: #0e700e, success-active: #0c5e0c, success-emphasis: #9fd89f, success-on-subtle: #0e700e, on-success: #ffffff, success-on-surface: #107c10, warning-subtle: #fff9f5, warning-subtle-hover: #fee5d7, warning-subtle-active: #fdcfb4, warning: #f7630c, warning-hover: #de590b, warning-active: #bc4b09, warning-emphasis: #fdcfb4, warning-on-subtle: #8a3707, on-warning: #242424, warning-on-surface: #8a3707, error-subtle: #fdf3f4, error-subtle-hover: #f6d1d5, error-subtle-active: #eeacb2, error: #c50f1f, error-hover: #b10e1c, error-active: #960b18, error-emphasis: #eeacb2, error-on-subtle: #b10e1c, on-error: #ffffff, error-on-surface: #c50f1f, light-subtle: #ffffff, light-subtle-hover: #f5f5f5, light-subtle-active: #ebebeb, light: #ebebeb, light-hover: #f5f5f5, light-active: #f0f0f0, light-emphasis: #e0e0e0, light-on-subtle: #616161, on-light: #242424, light-on-surface: #ffffff, dark-subtle: #000000, dark-subtle-hover: #242424, dark-subtle-active: #333333, dark: #242424, dark-hover: #424242, dark-active: #333333, dark-emphasis: #616161, dark-on-subtle: #ffffff, on-dark: #ffffff, dark-on-surface: #616161, inverse-subtle: #616161, inverse-subtle-hover: #8a8a8a, inverse-subtle-active: #707070, inverse: #242424, inverse-hover: #424242, inverse-active: #333333, inverse-emphasis: #707070, inverse-on-subtle: #ffffff, on-inverse: #ffffff, inverse-on-surface: #616161, series-a: #2aa0a4, series-a-bold: #20787b, series-a-bolder: #155052, series-a-subtle: #5fb8bb, series-a-subtler: #94cfd1, series-b: #ae8c00, series-b-bold: #826900, series-b-bolder: #574600, series-b-subtle: #c2a940, series-b-subtler: #d7c580, series-c: #e3008c, series-c-bold: #aa0069, series-c-bolder: #720046, series-c-subtle: #ea40a9, series-c-subtler: #f180c5, series-d: #13a10e, series-d-bold: #0e790b, series-d-bolder: #0a5107, series-d-subtle: #4eb94a, series-d-subtler: #89d086, series-e: #637cef, series-e-bold: #4a5db3, series-e-bolder: #323e78, series-e-subtle: #c3b1db, series-e-subtler: #a58bca, series-f: #CA5010, series-f-bold: #973C0C, series-f-bolder: #652808, series-f-subtle: #D77C4C, series-f-subtler: #E5A787)",
             "resolvedType": "Map",
             "prettyValue": {
                 "app-surface": "#fafafa",
@@ -23574,13 +23520,13 @@
                 "dark-on-subtle": "#ffffff",
                 "on-dark": "#ffffff",
                 "dark-on-surface": "#616161",
-                "inverse-subtle": "#000000",
-                "inverse-subtle-hover": "#242424",
-                "inverse-subtle-active": "#333333",
+                "inverse-subtle": "#616161",
+                "inverse-subtle-hover": "#8a8a8a",
+                "inverse-subtle-active": "#707070",
                 "inverse": "#242424",
                 "inverse-hover": "#424242",
                 "inverse-active": "#333333",
-                "inverse-emphasis": "#616161",
+                "inverse-emphasis": "#707070",
                 "inverse-on-subtle": "#ffffff",
                 "on-inverse": "#ffffff",
                 "inverse-on-surface": "#616161",
@@ -25785,7 +25731,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-drawer-scrollbar-hover-color",
-                "value": "var( --kendo-drawer-scrollbar-hover-color, color-mix(in srgb, k-color(on-app-surface) 60%, transparent) )",
+                "value": "var( --kendo-drawer-scrollbar-hover-color, $kendo-drawer-scrollbar-color )",
                 "scope": "default",
                 "line": {
                     "start": 48,
@@ -25800,7 +25746,7 @@
                 "path": "fluent/scss/drawer/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-drawer-scrollbar-hover-color, color-mix(in srgb, var(--kendo-color-on-app-surface, #242424) 60%, transparent))",
+            "resolvedValue": "var(--kendo-drawer-scrollbar-hover-color, var(--kendo-drawer-scrollbar-color, color-mix(in srgb, var(--kendo-color-on-app-surface, #242424) 46%, transparent)))",
             "resolvedType": "String"
         },
         {
@@ -30548,7 +30494,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-filter-preview-operator-text",
-                "value": "var( --kendo-filter-preview-operator-text, #{k-color(subtle)} )",
+                "value": "var( --kendo-filter-preview-operator-text, #{k-color(on-app-surface)} )",
                 "scope": "default",
                 "line": {
                     "start": 31,
@@ -30563,7 +30509,7 @@
                 "path": "fluent/scss/filter/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-filter-preview-operator-text, var(--kendo-color-subtle, #707070))",
+            "resolvedValue": "var(--kendo-filter-preview-operator-text, var(--kendo-color-on-app-surface, #242424))",
             "resolvedType": "String"
         },
         {
@@ -34072,7 +34018,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-gantt-summary-bg",
-                "value": "var(--kendo-gantt-summary-bg, k-color(dark-emphasis))",
+                "value": "var(--kendo-gantt-summary-bg, k-color(inverse-subtle))",
                 "scope": "default",
                 "line": {
                     "start": 82,
@@ -34087,7 +34033,7 @@
                 "path": "fluent/scss/gantt/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-gantt-summary-bg, var(--kendo-color-dark-emphasis, #616161))",
+            "resolvedValue": "var(--kendo-gantt-summary-bg, var(--kendo-color-inverse-subtle, #616161))",
             "resolvedType": "String"
         },
         {
@@ -34099,7 +34045,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-gantt-summary-progress-bg",
-                "value": "var(--kendo-gantt-summary-progress-bg, k-color(dark))",
+                "value": "var(--kendo-gantt-summary-progress-bg, k-color(inverse))",
                 "scope": "default",
                 "line": {
                     "start": 85,
@@ -34114,7 +34060,7 @@
                 "path": "fluent/scss/gantt/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-gantt-summary-progress-bg, var(--kendo-color-dark, #242424))",
+            "resolvedValue": "var(--kendo-gantt-summary-progress-bg, var(--kendo-color-inverse, #242424))",
             "resolvedType": "String"
         },
         {
@@ -34261,7 +34207,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-gantt-task-bg",
-                "value": "var(--kendo-gantt-task-bg, #{k-color(subtle)})",
+                "value": "var(--kendo-gantt-task-bg, #{k-color(inverse-subtle)})",
                 "scope": "default",
                 "line": {
                     "start": 104,
@@ -34276,7 +34222,7 @@
                 "path": "fluent/scss/gantt/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-gantt-task-bg, var(--kendo-color-subtle, #707070))",
+            "resolvedValue": "var(--kendo-gantt-task-bg, var(--kendo-color-inverse-subtle, #616161))",
             "resolvedType": "String"
         },
         {
@@ -34288,7 +34234,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-gantt-task-text",
-                "value": "var(--kendo-gantt-task-text, #{k-color(app-surface)})",
+                "value": "var(--kendo-gantt-task-text, #{k-color(on-inverse)})",
                 "scope": "default",
                 "line": {
                     "start": 107,
@@ -34303,7 +34249,7 @@
                 "path": "fluent/scss/gantt/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-gantt-task-text, var(--kendo-color-app-surface, #fafafa))",
+            "resolvedValue": "var(--kendo-gantt-task-text, var(--kendo-color-on-inverse, #ffffff))",
             "resolvedType": "String"
         },
         {
@@ -34342,7 +34288,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-gantt-task-progress-bg",
-                "value": "var(--kendo-gantt-task-progress-bg, #{k-color(on-app-surface)})",
+                "value": "var(--kendo-gantt-task-progress-bg, #{k-color(inverse)})",
                 "scope": "default",
                 "line": {
                     "start": 113,
@@ -34357,7 +34303,7 @@
                 "path": "fluent/scss/gantt/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-gantt-task-progress-bg, var(--kendo-color-on-app-surface, #242424))",
+            "resolvedValue": "var(--kendo-gantt-task-progress-bg, var(--kendo-color-inverse, #242424))",
             "resolvedType": "String"
         },
         {
@@ -34369,7 +34315,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-gantt-task-progress-hover-bg",
-                "value": "var(--kendo-gantt-task-progress-hover-bg, #{k-color(on-app-surface)})",
+                "value": "var(--kendo-gantt-task-progress-hover-bg, #{k-color(inverse-hover)})",
                 "scope": "default",
                 "line": {
                     "start": 116,
@@ -34384,7 +34330,7 @@
                 "path": "fluent/scss/gantt/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-gantt-task-progress-hover-bg, var(--kendo-color-on-app-surface, #242424))",
+            "resolvedValue": "var(--kendo-gantt-task-progress-hover-bg, var(--kendo-color-inverse-hover, #424242))",
             "resolvedType": "String"
         },
         {
@@ -50410,13 +50356,13 @@
                 "path": "fluent/scss/notification/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "(\"inverse\": (color: var(--kendo-color-inverse-on-subtle, #ffffff), background-color: var(--kendo-color-dark-subtle, #000000), border: var(--kendo-color-inverse-emphasis, #616161)), \"light\": (color: var(--kendo-color-light-on-subtle, #616161), background-color: var(--kendo-color-light-subtle, #ffffff), border: var(--kendo-color-light-emphasis, #e0e0e0)), \"dark\": (color: var(--kendo-color-dark-on-subtle, #ffffff), background-color: var(--kendo-color-dark-subtle, #000000), border: var(--kendo-color-dark-emphasis, #616161)), \"error\": (color: var(--kendo-color-error-on-subtle, #b10e1c), background-color: var(--kendo-color-error-subtle, #fdf3f4), border: var(--kendo-color-error-emphasis, #eeacb2)), \"warning\": (color: var(--kendo-color-warning-on-subtle, #8a3707), background-color: var(--kendo-color-warning-subtle, #fff9f5), border: var(--kendo-color-warning-emphasis, #fdcfb4)), \"success\": (color: var(--kendo-color-success-on-subtle, #0e700e), background-color: var(--kendo-color-success-subtle, #f1faf1), border: var(--kendo-color-success-emphasis, #9fd89f)), \"info\": (color: var(--kendo-color-info-on-subtle, #20547c), background-color: var(--kendo-color-info-subtle, #f6fafe), border: var(--kendo-color-info-emphasis, #bfddf5)), \"tertiary\": (color: var(--kendo-color-tertiary-on-subtle, #af33a1), background-color: var(--kendo-color-tertiary-subtle, #fdf5fc), border: var(--kendo-color-tertiary-emphasis, #edbbe7)), \"secondary\": (color: var(--kendo-color-secondary-on-subtle, #616161), background-color: var(--kendo-color-secondary-subtle, #f0f0f0), border: var(--kendo-color-secondary-emphasis, #e0e0e0)), \"primary\": (color: var(--kendo-color-primary-on-subtle, #0a2e4a), background-color: var(--kendo-color-primary-subtle, #ebf3fc), border: var(--kendo-color-primary-emphasis, #abd1f8)))",
+            "resolvedValue": "(\"inverse\": (color: var(--kendo-color-inverse-on-subtle, #ffffff), background-color: var(--kendo-color-dark-subtle, #000000), border: var(--kendo-color-inverse-emphasis, #707070)), \"light\": (color: var(--kendo-color-light-on-subtle, #616161), background-color: var(--kendo-color-light-subtle, #ffffff), border: var(--kendo-color-light-emphasis, #e0e0e0)), \"dark\": (color: var(--kendo-color-dark-on-subtle, #ffffff), background-color: var(--kendo-color-dark-subtle, #000000), border: var(--kendo-color-dark-emphasis, #616161)), \"error\": (color: var(--kendo-color-error-on-subtle, #b10e1c), background-color: var(--kendo-color-error-subtle, #fdf3f4), border: var(--kendo-color-error-emphasis, #eeacb2)), \"warning\": (color: var(--kendo-color-warning-on-subtle, #8a3707), background-color: var(--kendo-color-warning-subtle, #fff9f5), border: var(--kendo-color-warning-emphasis, #fdcfb4)), \"success\": (color: var(--kendo-color-success-on-subtle, #0e700e), background-color: var(--kendo-color-success-subtle, #f1faf1), border: var(--kendo-color-success-emphasis, #9fd89f)), \"info\": (color: var(--kendo-color-info-on-subtle, #20547c), background-color: var(--kendo-color-info-subtle, #f6fafe), border: var(--kendo-color-info-emphasis, #bfddf5)), \"tertiary\": (color: var(--kendo-color-tertiary-on-subtle, #af33a1), background-color: var(--kendo-color-tertiary-subtle, #fdf5fc), border: var(--kendo-color-tertiary-emphasis, #edbbe7)), \"secondary\": (color: var(--kendo-color-secondary-on-subtle, #616161), background-color: var(--kendo-color-secondary-subtle, #f0f0f0), border: var(--kendo-color-secondary-emphasis, #e0e0e0)), \"primary\": (color: var(--kendo-color-primary-on-subtle, #0a2e4a), background-color: var(--kendo-color-primary-subtle, #ebf3fc), border: var(--kendo-color-primary-emphasis, #abd1f8)))",
             "resolvedType": "Map",
             "prettyValue": {
                 "inverse": {
                     "color": "var(--kendo-color-inverse-on-subtle, #ffffff)",
                     "background-color": "var(--kendo-color-dark-subtle, #000000)",
-                    "border": "var(--kendo-color-inverse-emphasis, #616161)"
+                    "border": "var(--kendo-color-inverse-emphasis, #707070)"
                 },
                 "light": {
                     "color": "var(--kendo-color-light-on-subtle, #616161)",
@@ -51905,7 +51851,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-orgchart-card-body-vbox-min-height",
-                "value": "var( --kendo-orgchart-card-body-vbox-min-height, #{$kendo-card-avatar-size} )",
+                "value": "var( --kendo-orgchart-card-body-vbox-min-height, 3em )",
                 "scope": "default",
                 "line": {
                     "start": 139,
@@ -51920,7 +51866,7 @@
                 "path": "fluent/scss/orgchart/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-orgchart-card-body-vbox-min-height, 3rem)",
+            "resolvedValue": "var(--kendo-orgchart-card-body-vbox-min-height, 3em)",
             "resolvedType": "String"
         },
         {
@@ -56254,7 +56200,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-pdf-viewer-free-text-annotation-placeholder-text",
-                "value": "var( --kendo-pdf-viewer-free-text-annotation-placeholder-text, rgba(124, 22, 27, 0.5) )",
+                "value": "var( --kendo-pdf-viewer-free-text-annotation-placeholder-text, k-color(primary-on-subtle) )",
                 "scope": "default",
                 "line": {
                     "start": 121,
@@ -56269,7 +56215,7 @@
                 "path": "fluent/scss/pdf-viewer/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-pdf-viewer-free-text-annotation-placeholder-text, rgba(124, 22, 27, 0.5))",
+            "resolvedValue": "var(--kendo-pdf-viewer-free-text-annotation-placeholder-text, var(--kendo-color-primary-on-subtle, #0a2e4a))",
             "resolvedType": "String"
         },
         {
@@ -56281,7 +56227,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-pdf-viewer-free-text-annotation-text",
-                "value": "var( --kendo-pdf-viewer-free-text-annotation-text, rgba(124, 22, 27, 0.7) )",
+                "value": "var( --kendo-pdf-viewer-free-text-annotation-text, k-color(primary-on-subtle) )",
                 "scope": "default",
                 "line": {
                     "start": 124,
@@ -56296,7 +56242,7 @@
                 "path": "fluent/scss/pdf-viewer/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-pdf-viewer-free-text-annotation-text, rgba(124, 22, 27, 0.7))",
+            "resolvedValue": "var(--kendo-pdf-viewer-free-text-annotation-text, var(--kendo-color-primary-on-subtle, #0a2e4a))",
             "resolvedType": "String"
         },
         {
@@ -78321,8 +78267,8 @@
         {
             "description": "The border width of the current time indicator.\n",
             "commentRange": {
-                "start": 1,
-                "end": 2
+                "start": 3,
+                "end": 4
             },
             "context": {
                 "type": "variable",
@@ -78330,8 +78276,8 @@
                 "value": "var( --kendo-current-time-width, 1px )",
                 "scope": "default",
                 "line": {
-                    "start": 3,
-                    "end": 3
+                    "start": 5,
+                    "end": 5
                 }
             },
             "group": [
@@ -78348,17 +78294,17 @@
         {
             "description": "The color of the current time indicator.\n",
             "commentRange": {
-                "start": 4,
-                "end": 5
+                "start": 6,
+                "end": 7
             },
             "context": {
                 "type": "variable",
                 "name": "kendo-current-time-color",
-                "value": "var( --kendo-current-time-color, #ff0000 )",
+                "value": "var( --kendo-current-time-color, k-color(error-on-surface) )",
                 "scope": "default",
                 "line": {
-                    "start": 6,
-                    "end": 6
+                    "start": 8,
+                    "end": 8
                 }
             },
             "group": [
@@ -78369,7 +78315,7 @@
                 "path": "fluent/scss/time-marker/_variables.scss",
                 "name": "_variables.scss"
             },
-            "resolvedValue": "var(--kendo-current-time-color, #ff0000)",
+            "resolvedValue": "var(--kendo-current-time-color, var(--kendo-color-error-on-surface, #c50f1f))",
             "resolvedType": "String"
         },
         {
@@ -86416,8 +86362,8 @@
         {
             "description": "Theme colors map for the card variations.\n",
             "commentRange": {
-                "start": 179,
-                "end": 179
+                "start": 176,
+                "end": 176
             },
             "context": {
                 "type": "variable",
@@ -86425,8 +86371,8 @@
                 "value": "(\n    \"primary\": k-color(primary),\n    \"secondary\": k-color(secondary),\n    \"tertiary\": k-color(tertiary),\n    \"info\": k-color(info),\n    \"success\": k-color(success),\n    \"warning\": k-color(warning),\n    \"error\": k-color(error),\n    \"dark\": k-color(dark),\n    \"light\": k-color(light),\n    \"inverse\": if($kendo-is-dark-theme, k-color(light), k-color(dark))\n)",
                 "scope": "default",
                 "line": {
-                    "start": 180,
-                    "end": 191
+                    "start": 177,
+                    "end": 188
                 }
             },
             "access": "public",
@@ -90205,8 +90151,8 @@
                 {
                     "description": "Theme colors map for the card variations.\n",
                     "commentRange": {
-                        "start": 179,
-                        "end": 179
+                        "start": 176,
+                        "end": 176
                     },
                     "context": {
                         "type": "variable",
@@ -90214,8 +90160,8 @@
                         "value": "(\n    \"primary\": k-color(primary),\n    \"secondary\": k-color(secondary),\n    \"tertiary\": k-color(tertiary),\n    \"info\": k-color(info),\n    \"success\": k-color(success),\n    \"warning\": k-color(warning),\n    \"error\": k-color(error),\n    \"dark\": k-color(dark),\n    \"light\": k-color(light),\n    \"inverse\": if($kendo-is-dark-theme, k-color(light), k-color(dark))\n)",
                         "scope": "default",
                         "line": {
-                            "start": 180,
-                            "end": 191
+                            "start": 177,
+                            "end": 188
                         }
                     },
                     "access": "public",
@@ -99237,46 +99183,19 @@
                     "resolvedType": "String"
                 },
                 {
-                    "description": "The text color of the calendar header.\n",
+                    "description": "The border color of the calendar header.\n",
                     "commentRange": {
                         "start": 51,
                         "end": 52
                     },
-                    "context": {
-                        "type": "variable",
-                        "name": "kendo-calendar-header-text",
-                        "value": "var( --kendo-calendar-header-text, #{$kendo-calendar-text} )",
-                        "scope": "default",
-                        "line": {
-                            "start": 53,
-                            "end": 53
-                        }
-                    },
-                    "group": [
-                        "calendar"
-                    ],
-                    "access": "public",
-                    "file": {
-                        "path": "fluent/scss/calendar/_variables.scss",
-                        "name": "_variables.scss"
-                    },
-                    "resolvedValue": "var(--kendo-calendar-header-text, var(--kendo-calendar-text, var(--kendo-color-on-app-surface, #242424)))",
-                    "resolvedType": "String"
-                },
-                {
-                    "description": "The border color of the calendar header.\n",
-                    "commentRange": {
-                        "start": 54,
-                        "end": 55
-                    },
                     "context": {
                         "type": "variable",
                         "name": "kendo-calendar-header-border",
                         "value": "var( --kendo-calendar-header-border, #{$kendo-calendar-border} )",
                         "scope": "default",
                         "line": {
-                            "start": 56,
-                            "end": 56
+                            "start": 53,
+                            "end": 53
                         }
                     },
                     "group": [
@@ -99293,8 +99212,8 @@
                 {
                     "description": "The spacing between the navigation buttons of the Calendar.\n",
                     "commentRange": {
-                        "start": 58,
-                        "end": 59
+                        "start": 55,
+                        "end": 56
                     },
                     "context": {
                         "type": "variable",
@@ -99302,8 +99221,8 @@
                         "value": "var( --kendo-calendar-nav-gap, k-spacing(0) )",
                         "scope": "default",
                         "line": {
-                            "start": 60,
-                            "end": 60
+                            "start": 57,
+                            "end": 57
                         }
                     },
                     "group": [
@@ -99320,8 +99239,8 @@
                 {
                     "description": "The horizontal padding of the calendar footer.\n",
                     "commentRange": {
-                        "start": 62,
-                        "end": 63
+                        "start": 59,
+                        "end": 60
                     },
                     "context": {
                         "type": "variable",
@@ -99329,8 +99248,8 @@
                         "value": "var( --kendo-calendar-footer-padding-x, k-spacing(1) )",
                         "scope": "default",
                         "line": {
-                            "start": 64,
-                            "end": 64
+                            "start": 61,
+                            "end": 61
                         }
                     },
                     "group": [
@@ -99347,8 +99266,8 @@
                 {
                     "description": "The vertical padding of the calendar footer.\n",
                     "commentRange": {
-                        "start": 65,
-                        "end": 66
+                        "start": 62,
+                        "end": 63
                     },
                     "context": {
                         "type": "variable",
@@ -99356,8 +99275,8 @@
                         "value": "var( --kendo-calendar-footer-padding-y, k-spacing(1) )",
                         "scope": "default",
                         "line": {
-                            "start": 67,
-                            "end": 67
+                            "start": 64,
+                            "end": 64
                         }
                     },
                     "group": [
@@ -99374,8 +99293,8 @@
                 {
                     "description": "The horizontal padding of the calendar cell.\n",
                     "commentRange": {
-                        "start": 69,
-                        "end": 70
+                        "start": 66,
+                        "end": 67
                     },
                     "context": {
                         "type": "variable",
@@ -99383,8 +99302,8 @@
                         "value": "k-spacing(1)",
                         "scope": "default",
                         "line": {
-                            "start": 71,
-                            "end": 71
+                            "start": 68,
+                            "end": 68
                         }
                     },
                     "group": [
@@ -99401,8 +99320,8 @@
                 {
                     "description": "The vertical padding of the calendar cell.\n",
                     "commentRange": {
-                        "start": 72,
-                        "end": 73
+                        "start": 69,
+                        "end": 70
                     },
                     "context": {
                         "type": "variable",
@@ -99410,8 +99329,8 @@
                         "value": "$kendo-calendar-cell-padding-x",
                         "scope": "default",
                         "line": {
-                            "start": 74,
-                            "end": 74
+                            "start": 71,
+                            "end": 71
                         }
                     },
                     "group": [
@@ -99428,8 +99347,8 @@
                 {
                     "description": "The border radius of the calendar cell.\n",
                     "commentRange": {
-                        "start": 75,
-                        "end": 76
+                        "start": 72,
+                        "end": 73
                     },
                     "context": {
                         "type": "variable",
@@ -99437,8 +99356,8 @@
                         "value": "var( --kendo-calendar-cell-border-radius, var( --kendo-calendar-border-radius-md, var( --kendo-border-radius-md, 0) ) )",
                         "scope": "default",
                         "line": {
-                            "start": 77,
-                            "end": 77
+                            "start": 74,
+                            "end": 74
                         }
                     },
                     "group": [
@@ -99455,8 +99374,8 @@
                 {
                     "description": "The horizontal padding of the calendar header cell.\n",
                     "commentRange": {
-                        "start": 79,
-                        "end": 80
+                        "start": 76,
+                        "end": 77
                     },
                     "context": {
                         "type": "variable",
@@ -99464,8 +99383,8 @@
                         "value": "var( --kendo-calendar-header-cell-padding-x, k-spacing(0.5) )",
                         "scope": "default",
                         "line": {
-                            "start": 81,
-                            "end": 81
+                            "start": 78,
+                            "end": 78
                         }
                     },
                     "group": [
@@ -99482,8 +99401,8 @@
                 {
                     "description": "Th vertical padding of the calendar header cell.\n",
                     "commentRange": {
-                        "start": 82,
-                        "end": 83
+                        "start": 79,
+                        "end": 80
                     },
                     "context": {
                         "type": "variable",
@@ -99491,8 +99410,8 @@
                         "value": "var( --kendo-calendar-header-cell-padding-y, k-spacing(0.5) )",
                         "scope": "default",
                         "line": {
-                            "start": 84,
-                            "end": 84
+                            "start": 81,
+                            "end": 81
                         }
                     },
                     "group": [
@@ -99509,8 +99428,8 @@
                 {
                     "description": "The width of the calendar header cell.\n",
                     "commentRange": {
-                        "start": 85,
-                        "end": 86
+                        "start": 82,
+                        "end": 83
                     },
                     "context": {
                         "type": "variable",
@@ -99518,8 +99437,8 @@
                         "value": "var( --kendo-calendar-header-cell-width, #{$kendo-calendar-cell-size} )",
                         "scope": "default",
                         "line": {
-                            "start": 87,
-                            "end": 87
+                            "start": 84,
+                            "end": 84
                         }
                     },
                     "group": [
@@ -99536,8 +99455,8 @@
                 {
                     "description": "The height of the calendar header cell.\n",
                     "commentRange": {
-                        "start": 88,
-                        "end": 89
+                        "start": 85,
+                        "end": 86
                     },
                     "context": {
                         "type": "variable",
@@ -99545,8 +99464,8 @@
                         "value": "var( --kendo-calendar-header-cell-height, #{$kendo-calendar-cell-size} )",
                         "scope": "default",
                         "line": {
-                            "start": 90,
-                            "end": 90
+                            "start": 87,
+                            "end": 87
                         }
                     },
                     "group": [
@@ -99563,8 +99482,8 @@
                 {
                     "description": "The font size of the calendar header cell.\n",
                     "commentRange": {
-                        "start": 91,
-                        "end": 92
+                        "start": 88,
+                        "end": 89
                     },
                     "context": {
                         "type": "variable",
@@ -99572,8 +99491,8 @@
                         "value": "var( --kendo-calendar-header-cell-font-size, var( --kendo-calendar-font-size-sm, var( --kendo-font-size-sm, inherit ) ) )",
                         "scope": "default",
                         "line": {
-                            "start": 93,
-                            "end": 93
+                            "start": 90,
+                            "end": 90
                         }
                     },
                     "group": [
@@ -99590,8 +99509,8 @@
                 {
                     "description": "The line height of the calendar header cell.\n",
                     "commentRange": {
-                        "start": 94,
-                        "end": 95
+                        "start": 91,
+                        "end": 92
                     },
                     "context": {
                         "type": "variable",
@@ -99599,8 +99518,8 @@
                         "value": "var( --kendo-calendar-header-cell-line-height, 2 )",
                         "scope": "default",
                         "line": {
-                            "start": 96,
-                            "end": 96
+                            "start": 93,
+                            "end": 93
                         }
                     },
                     "group": [
@@ -99617,8 +99536,8 @@
                 {
                     "description": "The text color of the calendar header cell.\n",
                     "commentRange": {
-                        "start": 97,
-                        "end": 98
+                        "start": 94,
+                        "end": 95
                     },
                     "context": {
                         "type": "variable",
@@ -99626,8 +99545,8 @@
                         "value": "var( --kendo-calendar-header-cell-text, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 99,
-                            "end": 99
+                            "start": 96,
+                            "end": 96
                         }
                     },
                     "group": [
@@ -99644,8 +99563,8 @@
                 {
                     "description": "The horizontal padding of the calendar captions.\n",
                     "commentRange": {
-                        "start": 101,
-                        "end": 102
+                        "start": 98,
+                        "end": 99
                     },
                     "context": {
                         "type": "variable",
@@ -99653,8 +99572,8 @@
                         "value": "var( --kendo-calendar-caption-padding-x, k-spacing(3) )",
                         "scope": "default",
                         "line": {
-                            "start": 103,
-                            "end": 103
+                            "start": 100,
+                            "end": 100
                         }
                     },
                     "group": [
@@ -99671,8 +99590,8 @@
                 {
                     "description": "The vertical padding of the calendar captions.\n",
                     "commentRange": {
-                        "start": 104,
-                        "end": 105
+                        "start": 101,
+                        "end": 102
                     },
                     "context": {
                         "type": "variable",
@@ -99680,8 +99599,8 @@
                         "value": "var( --kendo-calendar-caption-padding-y, k-spacing(1) )",
                         "scope": "default",
                         "line": {
-                            "start": 106,
-                            "end": 106
+                            "start": 103,
+                            "end": 103
                         }
                     },
                     "group": [
@@ -99698,8 +99617,8 @@
                 {
                     "description": "The height of the calendar captions.\n",
                     "commentRange": {
-                        "start": 107,
-                        "end": 108
+                        "start": 104,
+                        "end": 105
                     },
                     "context": {
                         "type": "variable",
@@ -99707,8 +99626,8 @@
                         "value": "var( --kendo-calendar-caption-height, #{$kendo-calendar-cell-size} )",
                         "scope": "default",
                         "line": {
-                            "start": 109,
-                            "end": 109
+                            "start": 106,
+                            "end": 106
                         }
                     },
                     "group": [
@@ -99725,8 +99644,8 @@
                 {
                     "description": "The font size of the calendar captions.\n",
                     "commentRange": {
-                        "start": 110,
-                        "end": 111
+                        "start": 107,
+                        "end": 108
                     },
                     "context": {
                         "type": "variable",
@@ -99734,8 +99653,8 @@
                         "value": "var( --kendo-calendar-caption-font-size, var( --kendo-calendar-font-size-sm, var( --kendo-font-size-sm, inherit ) ) )",
                         "scope": "default",
                         "line": {
-                            "start": 112,
-                            "end": 112
+                            "start": 109,
+                            "end": 109
                         }
                     },
                     "group": [
@@ -99752,8 +99671,8 @@
                 {
                     "description": "The line height of the calendar captions.\n",
                     "commentRange": {
-                        "start": 113,
-                        "end": 114
+                        "start": 110,
+                        "end": 111
                     },
                     "context": {
                         "type": "variable",
@@ -99761,8 +99680,8 @@
                         "value": "var( --kendo-calendar-caption-line-height, normal )",
                         "scope": "default",
                         "line": {
-                            "start": 115,
-                            "end": 115
+                            "start": 112,
+                            "end": 112
                         }
                     },
                     "group": [
@@ -99779,8 +99698,8 @@
                 {
                     "description": "Font weight of the calendar captions.\n",
                     "commentRange": {
-                        "start": 116,
-                        "end": 117
+                        "start": 113,
+                        "end": 114
                     },
                     "context": {
                         "type": "variable",
@@ -99788,8 +99707,8 @@
                         "value": "var( --kendo-calendar-caption-font-weight, bold )",
                         "scope": "default",
                         "line": {
-                            "start": 118,
-                            "end": 118
+                            "start": 115,
+                            "end": 115
                         }
                     },
                     "group": [
@@ -99806,8 +99725,8 @@
                 {
                     "description": "The text color of the calendar captions.\n",
                     "commentRange": {
-                        "start": 119,
-                        "end": 120
+                        "start": 116,
+                        "end": 117
                     },
                     "context": {
                         "type": "variable",
@@ -99815,8 +99734,8 @@
                         "value": "var( --kendo-calendar-caption-color, k-color(subtle) )",
                         "scope": "default",
                         "line": {
-                            "start": 121,
-                            "end": 121
+                            "start": 118,
+                            "end": 118
                         }
                     },
                     "group": [
@@ -99833,8 +99752,8 @@
                 {
                     "description": "The width of the Calendar view.\n",
                     "commentRange": {
-                        "start": 123,
-                        "end": 124
+                        "start": 120,
+                        "end": 121
                     },
                     "context": {
                         "type": "variable",
@@ -99842,8 +99761,8 @@
                         "value": "var( --kendo-calendar-view-width, calc(#{$kendo-calendar-cell-size} * 7) )",
                         "scope": "default",
                         "line": {
-                            "start": 125,
-                            "end": 125
+                            "start": 122,
+                            "end": 122
                         }
                     },
                     "group": [
@@ -99860,8 +99779,8 @@
                 {
                     "description": "The height of the Calendar view.\n",
                     "commentRange": {
-                        "start": 126,
-                        "end": 127
+                        "start": 123,
+                        "end": 124
                     },
                     "context": {
                         "type": "variable",
@@ -99869,8 +99788,8 @@
                         "value": "var( --kendo-calendar-view-height, calc(#{$kendo-calendar-cell-size} * 7) )",
                         "scope": "default",
                         "line": {
-                            "start": 128,
-                            "end": 128
+                            "start": 125,
+                            "end": 125
                         }
                     },
                     "group": [
@@ -99887,8 +99806,8 @@
                 {
                     "description": "The bottom padding of Calendar views.\n",
                     "commentRange": {
-                        "start": 130,
-                        "end": 131
+                        "start": 127,
+                        "end": 128
                     },
                     "context": {
                         "type": "variable",
@@ -99896,8 +99815,8 @@
                         "value": "var( --kendo-calendar-view-padding-block-end, k-spacing(1) )",
                         "scope": "default",
                         "line": {
-                            "start": 132,
-                            "end": 132
+                            "start": 129,
+                            "end": 129
                         }
                     },
                     "group": [
@@ -99914,8 +99833,8 @@
                 {
                     "description": "The spacing between the views in the multiview Calendar.\n",
                     "commentRange": {
-                        "start": 133,
-                        "end": 134
+                        "start": 130,
+                        "end": 131
                     },
                     "context": {
                         "type": "variable",
@@ -99923,8 +99842,8 @@
                         "value": "var( --kendo-calendar-view-gap, k-spacing(4) )",
                         "scope": "default",
                         "line": {
-                            "start": 135,
-                            "end": 135
+                            "start": 132,
+                            "end": 132
                         }
                     },
                     "group": [
@@ -99941,8 +99860,8 @@
                 {
                     "description": "The background color of the calendar weekend cell.\n",
                     "commentRange": {
-                        "start": 137,
-                        "end": 138
+                        "start": 134,
+                        "end": 135
                     },
                     "context": {
                         "type": "variable",
@@ -99950,8 +99869,8 @@
                         "value": "var( --kendo-calendar-weekend-bg, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 139,
-                            "end": 139
+                            "start": 136,
+                            "end": 136
                         }
                     },
                     "group": [
@@ -99968,8 +99887,8 @@
                 {
                     "description": "The text color of the calendar weekend cell.\n",
                     "commentRange": {
-                        "start": 140,
-                        "end": 141
+                        "start": 137,
+                        "end": 138
                     },
                     "context": {
                         "type": "variable",
@@ -99977,8 +99896,8 @@
                         "value": "var( --kendo-calendar-weekend-text, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 142,
-                            "end": 142
+                            "start": 139,
+                            "end": 139
                         }
                     },
                     "group": [
@@ -99995,8 +99914,8 @@
                 {
                     "description": "The text color of the calendar today cell.\n",
                     "commentRange": {
-                        "start": 144,
-                        "end": 145
+                        "start": 141,
+                        "end": 142
                     },
                     "context": {
                         "type": "variable",
@@ -100004,8 +99923,8 @@
                         "value": "var( --kendo-calendar-today-text, k-color(on-primary) )",
                         "scope": "default",
                         "line": {
-                            "start": 146,
-                            "end": 146
+                            "start": 143,
+                            "end": 143
                         }
                     },
                     "group": [
@@ -100022,8 +99941,8 @@
                 {
                     "description": "The background color of the calendar today cell.\n",
                     "commentRange": {
-                        "start": 147,
-                        "end": 148
+                        "start": 144,
+                        "end": 145
                     },
                     "context": {
                         "type": "variable",
@@ -100031,8 +99950,8 @@
                         "value": "var( --kendo-calendar-today-bg, k-color(primary) )",
                         "scope": "default",
                         "line": {
-                            "start": 149,
-                            "end": 149
+                            "start": 146,
+                            "end": 146
                         }
                     },
                     "group": [
@@ -100049,8 +99968,8 @@
                 {
                     "description": "The text color of the calendar today cell when hovered.\n",
                     "commentRange": {
-                        "start": 150,
-                        "end": 151
+                        "start": 147,
+                        "end": 148
                     },
                     "context": {
                         "type": "variable",
@@ -100058,8 +99977,8 @@
                         "value": "var( --kendo-calendar-today-hover-text, k-color(on-primary) )",
                         "scope": "default",
                         "line": {
-                            "start": 152,
-                            "end": 152
+                            "start": 149,
+                            "end": 149
                         }
                     },
                     "group": [
@@ -100076,8 +99995,8 @@
                 {
                     "description": "The background color of the calendar today cell when hovered.\n",
                     "commentRange": {
-                        "start": 153,
-                        "end": 154
+                        "start": 150,
+                        "end": 151
                     },
                     "context": {
                         "type": "variable",
@@ -100085,8 +100004,8 @@
                         "value": "var( --kendo-calendar-today-hover-bg, $kendo-calendar-today-bg )",
                         "scope": "default",
                         "line": {
-                            "start": 155,
-                            "end": 155
+                            "start": 152,
+                            "end": 152
                         }
                     },
                     "group": [
@@ -100103,8 +100022,8 @@
                 {
                     "description": "The border radius of the calendar today cell.\n",
                     "commentRange": {
-                        "start": 156,
-                        "end": 157
+                        "start": 153,
+                        "end": 154
                     },
                     "context": {
                         "type": "variable",
@@ -100112,8 +100031,8 @@
                         "value": "var( --kendo-calendar-today-border-radius, 9999px )",
                         "scope": "default",
                         "line": {
-                            "start": 158,
-                            "end": 158
+                            "start": 155,
+                            "end": 155
                         }
                     },
                     "group": [
@@ -100130,8 +100049,8 @@
                 {
                     "description": "The font weight of the current day in the Calendar.\n",
                     "commentRange": {
-                        "start": 159,
-                        "end": 160
+                        "start": 156,
+                        "end": 157
                     },
                     "context": {
                         "type": "variable",
@@ -100139,8 +100058,8 @@
                         "value": "var( --kendo-calendar-today-font-weight, var( --kendo-calendar-font-weight-normal, var( --kendo-font-weight-normal, normal ) ) )",
                         "scope": "default",
                         "line": {
-                            "start": 161,
-                            "end": 161
+                            "start": 158,
+                            "end": 158
                         }
                     },
                     "group": [
@@ -100157,8 +100076,8 @@
                 {
                     "description": "The box shadow of the current day in the Calendar.\n",
                     "commentRange": {
-                        "start": 162,
-                        "end": 163
+                        "start": 159,
+                        "end": 160
                     },
                     "context": {
                         "type": "variable",
@@ -100166,8 +100085,8 @@
                         "value": "var( --kendo-calendar-today-box-shadow, null )",
                         "scope": "default",
                         "line": {
-                            "start": 164,
-                            "end": 164
+                            "start": 161,
+                            "end": 161
                         }
                     },
                     "group": [
@@ -100184,8 +100103,8 @@
                 {
                     "description": "The background color of the calendar week number cell.\n",
                     "commentRange": {
-                        "start": 166,
-                        "end": 167
+                        "start": 163,
+                        "end": 164
                     },
                     "context": {
                         "type": "variable",
@@ -100193,8 +100112,8 @@
                         "value": "var( --kendo-calendar-week-number-bg, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 168,
-                            "end": 168
+                            "start": 165,
+                            "end": 165
                         }
                     },
                     "group": [
@@ -100211,8 +100130,8 @@
                 {
                     "description": "The text color of the calendar week number cell.\n",
                     "commentRange": {
-                        "start": 169,
-                        "end": 170
+                        "start": 166,
+                        "end": 167
                     },
                     "context": {
                         "type": "variable",
@@ -100220,8 +100139,8 @@
                         "value": "var( --kendo-calendar-week-number-text, k-color(subtle) )",
                         "scope": "default",
                         "line": {
-                            "start": 171,
-                            "end": 171
+                            "start": 168,
+                            "end": 168
                         }
                     },
                     "group": [
@@ -100238,8 +100157,8 @@
                 {
                     "description": "The background color of the other months calendar cells.\n",
                     "commentRange": {
-                        "start": 173,
-                        "end": 174
+                        "start": 170,
+                        "end": 171
                     },
                     "context": {
                         "type": "variable",
@@ -100247,8 +100166,8 @@
                         "value": "var( --kendo-calendar-other-month-bg, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 175,
-                            "end": 175
+                            "start": 172,
+                            "end": 172
                         }
                     },
                     "group": [
@@ -100265,8 +100184,8 @@
                 {
                     "description": "The text color of the other months calendar cells.\n",
                     "commentRange": {
-                        "start": 176,
-                        "end": 177
+                        "start": 173,
+                        "end": 174
                     },
                     "context": {
                         "type": "variable",
@@ -100274,8 +100193,8 @@
                         "value": "var( --kendo-calendar-other-month-text, k-color(subtle))",
                         "scope": "default",
                         "line": {
-                            "start": 178,
-                            "end": 178
+                            "start": 175,
+                            "end": 175
                         }
                     },
                     "group": [
@@ -100292,8 +100211,8 @@
                 {
                     "description": "The background color of the calendar cells when hovered.\n",
                     "commentRange": {
-                        "start": 180,
-                        "end": 181
+                        "start": 177,
+                        "end": 178
                     },
                     "context": {
                         "type": "variable",
@@ -100301,8 +100220,8 @@
                         "value": "var( --kendo-calendar-cell-hover-bg, color-mix(in srgb, k-color(primary-subtle) 75%, k-color(on-primary)) )",
                         "scope": "default",
                         "line": {
-                            "start": 182,
-                            "end": 182
+                            "start": 179,
+                            "end": 179
                         }
                     },
                     "group": [
@@ -100319,8 +100238,8 @@
                 {
                     "description": "The text color of the calendar cells when hovered.\n",
                     "commentRange": {
-                        "start": 183,
-                        "end": 184
+                        "start": 180,
+                        "end": 181
                     },
                     "context": {
                         "type": "variable",
@@ -100328,8 +100247,8 @@
                         "value": "var( --kendo-calendar-cell-hover-text, k-color(on-base) )",
                         "scope": "default",
                         "line": {
-                            "start": 185,
-                            "end": 185
+                            "start": 182,
+                            "end": 182
                         }
                     },
                     "group": [
@@ -100346,8 +100265,8 @@
                 {
                     "description": "The background color of the selected calendar cell.\n",
                     "commentRange": {
-                        "start": 187,
-                        "end": 188
+                        "start": 184,
+                        "end": 185
                     },
                     "context": {
                         "type": "variable",
@@ -100355,8 +100274,8 @@
                         "value": "var( --kendo-calendar-cell-selected-bg, k-color(primary-subtle-hover) )",
                         "scope": "default",
                         "line": {
-                            "start": 189,
-                            "end": 189
+                            "start": 186,
+                            "end": 186
                         }
                     },
                     "group": [
@@ -100373,8 +100292,8 @@
                 {
                     "description": "The text color of the selected calendar cell.\n",
                     "commentRange": {
-                        "start": 190,
-                        "end": 191
+                        "start": 187,
+                        "end": 188
                     },
                     "context": {
                         "type": "variable",
@@ -100382,8 +100301,8 @@
                         "value": "var( --kendo-calendar-cell-selected-text, k-color(on-base) )",
                         "scope": "default",
                         "line": {
-                            "start": 192,
-                            "end": 192
+                            "start": 189,
+                            "end": 189
                         }
                     },
                     "group": [
@@ -100400,8 +100319,8 @@
                 {
                     "description": "The border color of the selected calendar cell.\n",
                     "commentRange": {
-                        "start": 193,
-                        "end": 194
+                        "start": 190,
+                        "end": 191
                     },
                     "context": {
                         "type": "variable",
@@ -100409,8 +100328,8 @@
                         "value": "var( --kendo-calendar-cell-selected-border, k-color(primary-on-surface) )",
                         "scope": "default",
                         "line": {
-                            "start": 195,
-                            "end": 195
+                            "start": 192,
+                            "end": 192
                         }
                     },
                     "group": [
@@ -100427,8 +100346,8 @@
                 {
                     "description": "The shadow of the selected calendar cell.\n",
                     "commentRange": {
-                        "start": 196,
-                        "end": 197
+                        "start": 193,
+                        "end": 194
                     },
                     "context": {
                         "type": "variable",
@@ -100436,8 +100355,8 @@
                         "value": "var( --kendo-calendar-cell-selected-shadow, null )",
                         "scope": "default",
                         "line": {
-                            "start": 198,
-                            "end": 198
+                            "start": 195,
+                            "end": 195
                         }
                     },
                     "group": [
@@ -100454,8 +100373,8 @@
                 {
                     "description": "The background color of the selected calendar cell when hovered.\n",
                     "commentRange": {
-                        "start": 200,
-                        "end": 201
+                        "start": 197,
+                        "end": 198
                     },
                     "context": {
                         "type": "variable",
@@ -100463,8 +100382,8 @@
                         "value": "var( --kendo-calendar-cell-selected-hover-bg, k-color(primary-subtle-hover) )",
                         "scope": "default",
                         "line": {
-                            "start": 202,
-                            "end": 202
+                            "start": 199,
+                            "end": 199
                         }
                     },
                     "group": [
@@ -100481,8 +100400,8 @@
                 {
                     "description": "The text color of the selected calendar cell when hovered.\n",
                     "commentRange": {
-                        "start": 203,
-                        "end": 204
+                        "start": 200,
+                        "end": 201
                     },
                     "context": {
                         "type": "variable",
@@ -100490,8 +100409,8 @@
                         "value": "var( --kendo-calendar-cell-selected-hover-text, k-color(on-base) )",
                         "scope": "default",
                         "line": {
-                            "start": 205,
-                            "end": 205
+                            "start": 202,
+                            "end": 202
                         }
                     },
                     "group": [
@@ -100508,8 +100427,8 @@
                 {
                     "description": "The shadow of the selected calendar cell when focused.\n",
                     "commentRange": {
-                        "start": 207,
-                        "end": 208
+                        "start": 204,
+                        "end": 205
                     },
                     "context": {
                         "type": "variable",
@@ -100517,8 +100436,8 @@
                         "value": "var( --kendo-calendar-cell-focus-shadow, inset 0 0 0 2px k-color(primary) )",
                         "scope": "default",
                         "line": {
-                            "start": 209,
-                            "end": 209
+                            "start": 206,
+                            "end": 206
                         }
                     },
                     "group": [
@@ -100535,8 +100454,8 @@
                 {
                     "description": "The shadow of the selected calendar cell when selected and focused.\n",
                     "commentRange": {
-                        "start": 210,
-                        "end": 211
+                        "start": 207,
+                        "end": 208
                     },
                     "context": {
                         "type": "variable",
@@ -100544,8 +100463,8 @@
                         "value": "var( --kendo-calendar-cell-selected-focus-shadow, #{$kendo-calendar-cell-focus-shadow} )",
                         "scope": "default",
                         "line": {
-                            "start": 212,
-                            "end": 212
+                            "start": 209,
+                            "end": 209
                         }
                     },
                     "group": [
@@ -100562,8 +100481,8 @@
                 {
                     "description": "The width of the navigation in the infinite Calendar.\n",
                     "commentRange": {
-                        "start": 217,
-                        "end": 218
+                        "start": 214,
+                        "end": 215
                     },
                     "context": {
                         "type": "variable",
@@ -100571,8 +100490,8 @@
                         "value": "var( --kendo-calendar-navigation-width, 5em )",
                         "scope": "default",
                         "line": {
-                            "start": 219,
-                            "end": 219
+                            "start": 216,
+                            "end": 216
                         }
                     },
                     "group": [
@@ -100589,8 +100508,8 @@
                 {
                     "description": "The height of the navigation items in the infinite Calendar.\n",
                     "commentRange": {
-                        "start": 220,
-                        "end": 221
+                        "start": 217,
+                        "end": 218
                     },
                     "context": {
                         "type": "variable",
@@ -100598,8 +100517,8 @@
                         "value": "var( --kendo-calendar-navigation-item-height, 2em )",
                         "scope": "default",
                         "line": {
-                            "start": 222,
-                            "end": 222
+                            "start": 219,
+                            "end": 219
                         }
                     },
                     "group": [
@@ -100616,8 +100535,8 @@
                 {
                     "description": "The background color of the navigation in the infinite Calendar.\n",
                     "commentRange": {
-                        "start": 224,
-                        "end": 225
+                        "start": 221,
+                        "end": 222
                     },
                     "context": {
                         "type": "variable",
@@ -100625,8 +100544,8 @@
                         "value": "var( --kendo-calendar-navigation-bg, k-color(surface) )",
                         "scope": "default",
                         "line": {
-                            "start": 226,
-                            "end": 226
+                            "start": 223,
+                            "end": 223
                         }
                     },
                     "group": [
@@ -100643,17 +100562,17 @@
                 {
                     "description": "The text color of the navigation in the infinite Calendar.\n",
                     "commentRange": {
-                        "start": 227,
-                        "end": 228
+                        "start": 224,
+                        "end": 225
                     },
                     "context": {
                         "type": "variable",
                         "name": "kendo-calendar-navigation-text",
-                        "value": "var( --kendo-calendar-navigation-text, #{$kendo-calendar-header-text} )",
+                        "value": "var( --kendo-calendar-navigation-text, k-color(on-app-surface) )",
                         "scope": "default",
                         "line": {
-                            "start": 229,
-                            "end": 229
+                            "start": 226,
+                            "end": 226
                         }
                     },
                     "group": [
@@ -100664,14 +100583,14 @@
                         "path": "fluent/scss/calendar/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-calendar-navigation-text, var(--kendo-calendar-header-text, var(--kendo-calendar-text, var(--kendo-color-on-app-surface, #242424))))",
+                    "resolvedValue": "var(--kendo-calendar-navigation-text, var(--kendo-color-on-app-surface, #242424))",
                     "resolvedType": "String"
                 },
                 {
                     "description": "The border color of the navigation in the infinite Calendar.\n",
                     "commentRange": {
-                        "start": 230,
-                        "end": 231
+                        "start": 227,
+                        "end": 228
                     },
                     "context": {
                         "type": "variable",
@@ -100679,8 +100598,8 @@
                         "value": "var( --kendo-calendar-navigation-border, #{$kendo-calendar-header-border} )",
                         "scope": "default",
                         "line": {
-                            "start": 232,
-                            "end": 232
+                            "start": 229,
+                            "end": 229
                         }
                     },
                     "group": [
@@ -100697,8 +100616,8 @@
                 {
                     "description": "The text color of the hovered items in the calendar navigation.\n",
                     "commentRange": {
-                        "start": 234,
-                        "end": 235
+                        "start": 231,
+                        "end": 232
                     },
                     "context": {
                         "type": "variable",
@@ -100706,8 +100625,8 @@
                         "value": "var( --kendo-calendar-navigation-hover-text, k-color(primary-hover) )",
                         "scope": "default",
                         "line": {
-                            "start": 236,
-                            "end": 236
+                            "start": 233,
+                            "end": 233
                         }
                     },
                     "group": [
@@ -100724,8 +100643,8 @@
                 {
                     "description": "The text color of the marker in the Calendar navigation.\n",
                     "commentRange": {
-                        "start": 237,
-                        "end": 238
+                        "start": 234,
+                        "end": 235
                     },
                     "context": {
                         "type": "variable",
@@ -100733,8 +100652,8 @@
                         "value": "var( --kendo-calendar-navigation-marker-text, currentColor )",
                         "scope": "default",
                         "line": {
-                            "start": 239,
-                            "end": 239
+                            "start": 236,
+                            "end": 236
                         }
                     },
                     "group": [
@@ -100751,8 +100670,8 @@
                 {
                     "description": "The background color of the navigation in the infinite Calendar.\n",
                     "commentRange": {
-                        "start": 243,
-                        "end": 244
+                        "start": 240,
+                        "end": 241
                     },
                     "context": {
                         "type": "variable",
@@ -100760,8 +100679,8 @@
                         "value": "var( --kendo-infinite-calendar-header-padding-x, k-spacing(3) )",
                         "scope": "default",
                         "line": {
-                            "start": 246,
-                            "end": 246
+                            "start": 243,
+                            "end": 243
                         }
                     },
                     "group": [
@@ -100778,8 +100697,8 @@
                 {
                     "description": "The background color of the navigation in the infinite Calendar.\n",
                     "commentRange": {
-                        "start": 247,
-                        "end": 248
+                        "start": 244,
+                        "end": 245
                     },
                     "context": {
                         "type": "variable",
@@ -100787,8 +100706,8 @@
                         "value": "var( --kendo-infinite-calendar-header-padding-y, k-spacing(3) k-spacing(1) )",
                         "scope": "default",
                         "line": {
-                            "start": 249,
-                            "end": 249
+                            "start": 246,
+                            "end": 246
                         }
                     },
                     "group": [
@@ -100805,8 +100724,8 @@
                 {
                     "description": "The horizontal padding of the infinite Calendar.\n",
                     "commentRange": {
-                        "start": 251,
-                        "end": 252
+                        "start": 248,
+                        "end": 249
                     },
                     "context": {
                         "type": "variable",
@@ -100814,8 +100733,8 @@
                         "value": "var( --kendo-infinite-calendar-view-padding-x, k-spacing(3) )",
                         "scope": "default",
                         "line": {
-                            "start": 253,
-                            "end": 253
+                            "start": 250,
+                            "end": 250
                         }
                     },
                     "group": [
@@ -100832,8 +100751,8 @@
                 {
                     "description": "The vertical padding of the infinite Calendar.\n",
                     "commentRange": {
-                        "start": 254,
-                        "end": 255
+                        "start": 251,
+                        "end": 252
                     },
                     "context": {
                         "type": "variable",
@@ -100841,8 +100760,8 @@
                         "value": "var( --kendo-infinite-calendar-view-padding-y, k-spacing(0) )",
                         "scope": "default",
                         "line": {
-                            "start": 256,
-                            "end": 256
+                            "start": 253,
+                            "end": 253
                         }
                     },
                     "group": [
@@ -100859,8 +100778,8 @@
                 {
                     "description": "The height of the infinite Calendar view.\n",
                     "commentRange": {
-                        "start": 258,
-                        "end": 259
+                        "start": 255,
+                        "end": 256
                     },
                     "context": {
                         "type": "variable",
@@ -100868,8 +100787,8 @@
                         "value": "var( --kendo-infinite-calendar-view-height, calc( #{$kendo-calendar-cell-size} * 9 ) )",
                         "scope": "default",
                         "line": {
-                            "start": 260,
-                            "end": 260
+                            "start": 257,
+                            "end": 257
                         }
                     },
                     "group": [
@@ -100886,8 +100805,8 @@
                 {
                     "description": "The background color of the range selection in the Calendar.\n",
                     "commentRange": {
-                        "start": 264,
-                        "end": 265
+                        "start": 261,
+                        "end": 262
                     },
                     "context": {
                         "type": "variable",
@@ -100895,8 +100814,8 @@
                         "value": "var( --kendo-calendar-range-bg, k-color(primary-subtle-hover) )",
                         "scope": "default",
                         "line": {
-                            "start": 266,
-                            "end": 266
+                            "start": 263,
+                            "end": 263
                         }
                     },
                     "group": [
@@ -100913,8 +100832,8 @@
                 {
                     "description": "The text color of the range selection in the Calendar.\n",
                     "commentRange": {
-                        "start": 267,
-                        "end": 268
+                        "start": 264,
+                        "end": 265
                     },
                     "context": {
                         "type": "variable",
@@ -100922,8 +100841,8 @@
                         "value": "var( --kendo-calendar-range-text, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 269,
-                            "end": 269
+                            "start": 266,
+                            "end": 266
                         }
                     },
                     "group": [
@@ -100940,8 +100859,8 @@
                 {
                     "description": "The border radius of the range cells in the Calendar.\n",
                     "commentRange": {
-                        "start": 270,
-                        "end": 271
+                        "start": 267,
+                        "end": 268
                     },
                     "context": {
                         "type": "variable",
@@ -100949,8 +100868,8 @@
                         "value": "k-border-radius(md)",
                         "scope": "default",
                         "line": {
-                            "start": 272,
-                            "end": 272
+                            "start": 269,
+                            "end": 269
                         }
                     },
                     "group": [
@@ -100967,8 +100886,8 @@
                 {
                     "description": "The font size of the small Calendar.\n",
                     "commentRange": {
-                        "start": 276,
-                        "end": 277
+                        "start": 273,
+                        "end": 274
                     },
                     "context": {
                         "type": "variable",
@@ -100976,8 +100895,8 @@
                         "value": "var( --kendo-calendar-sm-font-size, var( --kendo-calendar-font-size-sm, var( --kendo-font-size-sm, inherit ) ) )",
                         "scope": "default",
                         "line": {
-                            "start": 278,
-                            "end": 278
+                            "start": 275,
+                            "end": 275
                         }
                     },
                     "group": [
@@ -100994,8 +100913,8 @@
                 {
                     "description": "The line height of the small Calendar.\n",
                     "commentRange": {
-                        "start": 279,
-                        "end": 280
+                        "start": 276,
+                        "end": 277
                     },
                     "context": {
                         "type": "variable",
@@ -101003,8 +100922,8 @@
                         "value": "var( --kendo-calendar-sm-line-height, var( --kendo-calendar-line-height-sm, var( --kendo-line-height-sm, normal ) ) )",
                         "scope": "default",
                         "line": {
-                            "start": 281,
-                            "end": 281
+                            "start": 278,
+                            "end": 278
                         }
                     },
                     "group": [
@@ -101021,8 +100940,8 @@
                 {
                     "description": "The size of the cells in the small Calendar.\n",
                     "commentRange": {
-                        "start": 282,
-                        "end": 283
+                        "start": 279,
+                        "end": 280
                     },
                     "context": {
                         "type": "variable",
@@ -101030,8 +100949,8 @@
                         "value": "var( --kendo-calendar-sm-cell-size, 24px )",
                         "scope": "default",
                         "line": {
-                            "start": 284,
-                            "end": 284
+                            "start": 281,
+                            "end": 281
                         }
                     },
                     "group": [
@@ -101048,8 +100967,8 @@
                 {
                     "description": "The horizontal padding of the cells in the small Calendar.\n",
                     "commentRange": {
-                        "start": 285,
-                        "end": 286
+                        "start": 282,
+                        "end": 283
                     },
                     "context": {
                         "type": "variable",
@@ -101057,8 +100976,8 @@
                         "value": "var( --kendo-calendar-sm-cell-padding-x, k-spacing(0.5) )",
                         "scope": "default",
                         "line": {
-                            "start": 287,
-                            "end": 287
+                            "start": 284,
+                            "end": 284
                         }
                     },
                     "group": [
@@ -101075,8 +100994,8 @@
                 {
                     "description": "The vertical padding of the cells in the small Calendar.\n",
                     "commentRange": {
-                        "start": 288,
-                        "end": 289
+                        "start": 285,
+                        "end": 286
                     },
                     "context": {
                         "type": "variable",
@@ -101084,8 +101003,8 @@
                         "value": "var( --kendo-calendar-sm-cell-padding-y, k-spacing(0.5) )",
                         "scope": "default",
                         "line": {
-                            "start": 290,
-                            "end": 290
+                            "start": 287,
+                            "end": 287
                         }
                     },
                     "group": [
@@ -101102,8 +101021,8 @@
                 {
                     "description": "The font size of the cells in the small Calendar.\n",
                     "commentRange": {
-                        "start": 291,
-                        "end": 292
+                        "start": 288,
+                        "end": 289
                     },
                     "context": {
                         "type": "variable",
@@ -101111,8 +101030,8 @@
                         "value": "var( --kendo-calendar-sm-cell-font-size, var( --kendo-calendar-font-size-sm, var( --kendo-font-size-sm, inherit ) ) )",
                         "scope": "default",
                         "line": {
-                            "start": 293,
-                            "end": 293
+                            "start": 290,
+                            "end": 290
                         }
                     },
                     "group": [
@@ -101129,8 +101048,8 @@
                 {
                     "description": "The font size of the medium Calendar.\n",
                     "commentRange": {
-                        "start": 295,
-                        "end": 296
+                        "start": 292,
+                        "end": 293
                     },
                     "context": {
                         "type": "variable",
@@ -101138,8 +101057,8 @@
                         "value": "var( --kendo-calendar-md-font-size, var( --kendo-calendar-font-size, var( --kendo-font-size, inherit ) ) )",
                         "scope": "default",
                         "line": {
-                            "start": 297,
-                            "end": 297
+                            "start": 294,
+                            "end": 294
                         }
                     },
                     "group": [
@@ -101156,8 +101075,8 @@
                 {
                     "description": "The line height of the medium Calendar.\n",
                     "commentRange": {
-                        "start": 298,
-                        "end": 299
+                        "start": 295,
+                        "end": 296
                     },
                     "context": {
                         "type": "variable",
@@ -101165,8 +101084,8 @@
                         "value": "var( --kendo-calendar-md-line-height, var( --kendo-calendar-line-height, var( --kendo-line-height, normal ) ) )",
                         "scope": "default",
                         "line": {
-                            "start": 300,
-                            "end": 300
+                            "start": 297,
+                            "end": 297
                         }
                     },
                     "group": [
@@ -101183,8 +101102,8 @@
                 {
                     "description": "The size of the cells in the medium Calendar.\n",
                     "commentRange": {
-                        "start": 301,
-                        "end": 302
+                        "start": 298,
+                        "end": 299
                     },
                     "context": {
                         "type": "variable",
@@ -101192,8 +101111,8 @@
                         "value": "var( --kendo-calendar-md-cell-size, $kendo-calendar-cell-size )",
                         "scope": "default",
                         "line": {
-                            "start": 303,
-                            "end": 303
+                            "start": 300,
+                            "end": 300
                         }
                     },
                     "group": [
@@ -101210,8 +101129,8 @@
                 {
                     "description": "The horizontal padding of the cells in the medium Calendar.\n",
                     "commentRange": {
-                        "start": 304,
-                        "end": 305
+                        "start": 301,
+                        "end": 302
                     },
                     "context": {
                         "type": "variable",
@@ -101219,8 +101138,8 @@
                         "value": "var( --kendo-calendar-md-cell-padding-x, k-spacing(1) )",
                         "scope": "default",
                         "line": {
-                            "start": 306,
-                            "end": 306
+                            "start": 303,
+                            "end": 303
                         }
                     },
                     "group": [
@@ -101237,8 +101156,8 @@
                 {
                     "description": "The vertical padding of the cells in the medium Calendar.\n",
                     "commentRange": {
-                        "start": 307,
-                        "end": 308
+                        "start": 304,
+                        "end": 305
                     },
                     "context": {
                         "type": "variable",
@@ -101246,8 +101165,8 @@
                         "value": "var( --kendo-calendar-md-cell-padding-y, k-spacing(1) )",
                         "scope": "default",
                         "line": {
-                            "start": 309,
-                            "end": 309
+                            "start": 306,
+                            "end": 306
                         }
                     },
                     "group": [
@@ -101264,8 +101183,8 @@
                 {
                     "description": "The font size of the cells in the medium Calendar.\n",
                     "commentRange": {
-                        "start": 310,
-                        "end": 311
+                        "start": 307,
+                        "end": 308
                     },
                     "context": {
                         "type": "variable",
@@ -101273,8 +101192,8 @@
                         "value": "var( --kendo-calendar-md-cell-font-size, var( --kendo-calendar-font-size-sm, var( --kendo-font-size-sm, inherit ) ) )",
                         "scope": "default",
                         "line": {
-                            "start": 312,
-                            "end": 312
+                            "start": 309,
+                            "end": 309
                         }
                     },
                     "group": [
@@ -101291,8 +101210,8 @@
                 {
                     "description": "The font size of the large Calendar.\n",
                     "commentRange": {
-                        "start": 314,
-                        "end": 315
+                        "start": 311,
+                        "end": 312
                     },
                     "context": {
                         "type": "variable",
@@ -101300,8 +101219,8 @@
                         "value": "var( --kendo-calendar-lg-font-size, var( --kendo-calendar-font-size, var( --kendo-font-size, inherit ) ) )",
                         "scope": "default",
                         "line": {
-                            "start": 316,
-                            "end": 316
+                            "start": 313,
+                            "end": 313
                         }
                     },
                     "group": [
@@ -101318,8 +101237,8 @@
                 {
                     "description": "The line height of the large Calendar.\n",
                     "commentRange": {
-                        "start": 317,
-                        "end": 318
+                        "start": 314,
+                        "end": 315
                     },
                     "context": {
                         "type": "variable",
@@ -101327,8 +101246,8 @@
                         "value": "var( --kendo-calendar-lg-line-height, var( --kendo-calendar-line-height, var( --kendo-line-height, normal ) ) )",
                         "scope": "default",
                         "line": {
-                            "start": 319,
-                            "end": 319
+                            "start": 316,
+                            "end": 316
                         }
                     },
                     "group": [
@@ -101345,8 +101264,8 @@
                 {
                     "description": "The size of the cells in the large Calendar.\n",
                     "commentRange": {
-                        "start": 320,
-                        "end": 321
+                        "start": 317,
+                        "end": 318
                     },
                     "context": {
                         "type": "variable",
@@ -101354,8 +101273,8 @@
                         "value": "var( --kendo-calendar-lg-cell-size, 36px )",
                         "scope": "default",
                         "line": {
-                            "start": 322,
-                            "end": 322
+                            "start": 319,
+                            "end": 319
                         }
                     },
                     "group": [
@@ -101372,8 +101291,8 @@
                 {
                     "description": "The horizontal padding of the cells in the large Calendar.\n",
                     "commentRange": {
-                        "start": 323,
-                        "end": 324
+                        "start": 320,
+                        "end": 321
                     },
                     "context": {
                         "type": "variable",
@@ -101381,8 +101300,8 @@
                         "value": "var( --kendo-calendar-lg-cell-padding-x, k-spacing(1) )",
                         "scope": "default",
                         "line": {
-                            "start": 325,
-                            "end": 325
+                            "start": 322,
+                            "end": 322
                         }
                     },
                     "group": [
@@ -101399,8 +101318,8 @@
                 {
                     "description": "The vertical padding of the cells in the large Calendar.\n",
                     "commentRange": {
-                        "start": 326,
-                        "end": 327
+                        "start": 323,
+                        "end": 324
                     },
                     "context": {
                         "type": "variable",
@@ -101408,8 +101327,8 @@
                         "value": "var( --kendo-calendar-lg-cell-padding-y, k-spacing(1) )",
                         "scope": "default",
                         "line": {
-                            "start": 328,
-                            "end": 328
+                            "start": 325,
+                            "end": 325
                         }
                     },
                     "group": [
@@ -101426,8 +101345,8 @@
                 {
                     "description": "The font size of the cells in the large Calendar.\n",
                     "commentRange": {
-                        "start": 329,
-                        "end": 330
+                        "start": 326,
+                        "end": 327
                     },
                     "context": {
                         "type": "variable",
@@ -101435,8 +101354,8 @@
                         "value": "var( --kendo-calendar-lg-cell-font-size, var( --kendo-calendar-font-size, var( --kendo-font-size, inherit ) ) )",
                         "scope": "default",
                         "line": {
-                            "start": 331,
-                            "end": 331
+                            "start": 328,
+                            "end": 328
                         }
                     },
                     "group": [
@@ -101453,8 +101372,8 @@
                 {
                     "description": "The sizes Map of the Calendar.\n",
                     "commentRange": {
-                        "start": 333,
-                        "end": 334
+                        "start": 330,
+                        "end": 331
                     },
                     "context": {
                         "type": "variable",
@@ -101462,8 +101381,8 @@
                         "value": "(\n    sm: (\n        font-size: $kendo-calendar-sm-font-size,\n        line-height: $kendo-calendar-sm-line-height,\n        cell-size: $kendo-calendar-sm-cell-size,\n        cell-padding-x: $kendo-calendar-sm-cell-padding-y,\n        cell-padding-y: $kendo-calendar-sm-cell-padding-x,\n        cell-font-size: $kendo-calendar-sm-cell-font-size\n    ),\n    md: (\n        font-size: $kendo-calendar-md-font-size,\n        line-height: $kendo-calendar-md-line-height,\n        cell-size: $kendo-calendar-md-cell-size,\n        cell-padding-x: $kendo-calendar-md-cell-padding-y,\n        cell-padding-y: $kendo-calendar-md-cell-padding-x,\n        cell-font-size: $kendo-calendar-md-cell-font-size\n    ),\n    lg: (\n        font-size: $kendo-calendar-lg-font-size,\n        line-height: $kendo-calendar-lg-line-height,\n        cell-size: $kendo-calendar-lg-cell-size,\n        cell-padding-x: $kendo-calendar-lg-cell-padding-y,\n        cell-padding-y: $kendo-calendar-lg-cell-padding-x,\n        cell-font-size: $kendo-calendar-lg-cell-font-size\n    )\n)",
                         "scope": "default",
                         "line": {
-                            "start": 335,
-                            "end": 360
+                            "start": 332,
+                            "end": 357
                         }
                     },
                     "group": [
@@ -103082,15 +103001,15 @@
                     "resolvedType": "Number"
                 },
                 {
-                    "description": "The size of the Avatar in the Card.\n",
+                    "description": "The spacing between the Avatar and the text in the Card.\n",
                     "commentRange": {
                         "start": 148,
                         "end": 149
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-card-avatar-size",
-                        "value": "3rem",
+                        "name": "kendo-card-avatar-spacing",
+                        "value": "k-spacing(2)",
                         "scope": "default",
                         "line": {
                             "start": 150,
@@ -103105,41 +103024,14 @@
                         "path": "fluent/scss/card/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "3rem",
-                    "resolvedType": "Number"
-                },
-                {
-                    "description": "The spacing between the Avatar and the text in the Card.\n",
-                    "commentRange": {
-                        "start": 151,
-                        "end": 152
-                    },
-                    "context": {
-                        "type": "variable",
-                        "name": "kendo-card-avatar-spacing",
-                        "value": "$kendo-card-header-padding-x",
-                        "scope": "default",
-                        "line": {
-                            "start": 153,
-                            "end": 153
-                        }
-                    },
-                    "group": [
-                        "card"
-                    ],
-                    "access": "public",
-                    "file": {
-                        "path": "fluent/scss/card/_variables.scss",
-                        "name": "_variables.scss"
-                    },
-                    "resolvedValue": "var(--kendo-card-header-padding-x, var(--kendo-spacing-3, 0.75rem))",
+                    "resolvedValue": "var(--kendo-spacing-2, 0.5rem)",
                     "resolvedType": "String"
                 },
                 {
                     "description": "The horizontal padding of the Card actions.\n",
                     "commentRange": {
-                        "start": 155,
-                        "end": 156
+                        "start": 152,
+                        "end": 153
                     },
                     "context": {
                         "type": "variable",
@@ -103147,8 +103039,8 @@
                         "value": "var( --kendo-card-actions-padding-x, k-spacing(3) )",
                         "scope": "default",
                         "line": {
-                            "start": 157,
-                            "end": 157
+                            "start": 154,
+                            "end": 154
                         }
                     },
                     "group": [
@@ -103165,8 +103057,8 @@
                 {
                     "description": "The vertical padding of the Card actions.\n",
                     "commentRange": {
-                        "start": 158,
-                        "end": 159
+                        "start": 155,
+                        "end": 156
                     },
                     "context": {
                         "type": "variable",
@@ -103174,8 +103066,8 @@
                         "value": "var( --kendo-card-actions-padding-y, k-spacing(3) )",
                         "scope": "default",
                         "line": {
-                            "start": 160,
-                            "end": 160
+                            "start": 157,
+                            "end": 157
                         }
                     },
                     "group": [
@@ -103192,8 +103084,8 @@
                 {
                     "description": "The top border width of the Card actions.\n",
                     "commentRange": {
-                        "start": 161,
-                        "end": 162
+                        "start": 158,
+                        "end": 159
                     },
                     "context": {
                         "type": "variable",
@@ -103201,8 +103093,8 @@
                         "value": "var( --kendo-card-actions-border-width, 0 )",
                         "scope": "default",
                         "line": {
-                            "start": 163,
-                            "end": 163
+                            "start": 160,
+                            "end": 160
                         }
                     },
                     "group": [
@@ -103219,8 +103111,8 @@
                 {
                     "description": "The spacing between the Card actions.\n",
                     "commentRange": {
-                        "start": 164,
-                        "end": 165
+                        "start": 161,
+                        "end": 162
                     },
                     "context": {
                         "type": "variable",
@@ -103228,8 +103120,8 @@
                         "value": "var( --kendo-card-actions-gap, k-spacing(3) )",
                         "scope": "default",
                         "line": {
-                            "start": 166,
-                            "end": 166
+                            "start": 163,
+                            "end": 163
                         }
                     },
                     "group": [
@@ -103246,8 +103138,8 @@
                 {
                     "description": "The border radius of the scroll button in the Card deck.\n",
                     "commentRange": {
-                        "start": 168,
-                        "end": 169
+                        "start": 165,
+                        "end": 166
                     },
                     "context": {
                         "type": "variable",
@@ -103255,8 +103147,8 @@
                         "value": "0",
                         "scope": "default",
                         "line": {
-                            "start": 170,
-                            "end": 170
+                            "start": 167,
+                            "end": 167
                         }
                     },
                     "group": [
@@ -103273,8 +103165,8 @@
                 {
                     "description": "The border radius of the scroll button in the Card deck.\n",
                     "commentRange": {
-                        "start": 171,
-                        "end": 172
+                        "start": 168,
+                        "end": 169
                     },
                     "context": {
                         "type": "variable",
@@ -103282,8 +103174,8 @@
                         "value": "calc( -1 * #{$kendo-button-border-width} )",
                         "scope": "default",
                         "line": {
-                            "start": 173,
-                            "end": 173
+                            "start": 170,
+                            "end": 170
                         }
                     },
                     "group": [
@@ -103300,8 +103192,8 @@
                 {
                     "description": "The size of the Card callout.\n",
                     "commentRange": {
-                        "start": 175,
-                        "end": 176
+                        "start": 172,
+                        "end": 173
                     },
                     "context": {
                         "type": "variable",
@@ -103309,8 +103201,8 @@
                         "value": "20px",
                         "scope": "default",
                         "line": {
-                            "start": 177,
-                            "end": 177
+                            "start": 174,
+                            "end": 174
                         }
                     },
                     "group": [
@@ -110754,7 +110646,7 @@
                         "path": "fluent/scss/core/color-system/_swatch.scss",
                         "name": "_swatch.scss"
                     },
-                    "resolvedValue": "(app-surface: #fafafa, on-app-surface: #242424, subtle: #707070, surface: #ffffff, surface-alt: #ffffff, border: rgba(36, 36, 36, 0.72), border-alt: #000000, base-subtle: #f5f5f5, base-subtle-hover: #ebebeb, base-subtle-active: #e0e0e0, base: #ffffff, base-hover: #f5f5f5, base-active: #ebebeb, base-emphasis: #d1d1d1, base-on-subtle: #242424, on-base: #242424, base-on-surface: #242424, primary-subtle: #ebf3fc, primary-subtle-hover: #cfe4fa, primary-subtle-active: #96c6fa, primary: #0f6cbd, primary-hover: #115ea3, primary-active: #0f548c, primary-emphasis: #abd1f8, primary-on-subtle: #0a2e4a, on-primary: #ffffff, primary-on-surface: #0f6cbd, secondary-subtle: #f0f0f0, secondary-subtle-hover: #fafafa, secondary-subtle-active: #ffffff, secondary: #ebebeb, secondary-hover: #f5f5f5, secondary-active: #fafafa, secondary-emphasis: #e0e0e0, secondary-on-subtle: #616161, on-secondary: #616161, secondary-on-surface: #616161, tertiary-subtle: #fdf5fc, tertiary-subtle-hover: #f5daf2, tertiary-subtle-active: #edbbe7, tertiary: #c239b3, tertiary-hover: #af33a1, tertiary-active: #962c8a, tertiary-emphasis: #edbbe7, tertiary-on-subtle: #af33a1, on-tertiary: #ffffff, tertiary-on-surface: #c239b3, info-subtle: #f6fafe, info-subtle-hover: #dcedfa, info-subtle-active: #bfddf5, info: #3a96dd, info-hover: #3991d5, info-active: #4fa1e1, info-emphasis: #bfddf5, info-on-subtle: #20547c, on-info: #242424, info-on-surface: #3487c7, success-subtle: #f1faf1, success-subtle-hover: #c9eac9, success-subtle-active: #9fd89f, success: #107c10, success-hover: #0e700e, success-active: #0c5e0c, success-emphasis: #9fd89f, success-on-subtle: #0e700e, on-success: #ffffff, success-on-surface: #107c10, warning-subtle: #fff9f5, warning-subtle-hover: #fee5d7, warning-subtle-active: #fdcfb4, warning: #f7630c, warning-hover: #de590b, warning-active: #bc4b09, warning-emphasis: #fdcfb4, warning-on-subtle: #8a3707, on-warning: #242424, warning-on-surface: #8a3707, error-subtle: #fdf3f4, error-subtle-hover: #f6d1d5, error-subtle-active: #eeacb2, error: #c50f1f, error-hover: #b10e1c, error-active: #960b18, error-emphasis: #eeacb2, error-on-subtle: #b10e1c, on-error: #ffffff, error-on-surface: #c50f1f, light-subtle: #ffffff, light-subtle-hover: #f5f5f5, light-subtle-active: #ebebeb, light: #ebebeb, light-hover: #f5f5f5, light-active: #f0f0f0, light-emphasis: #e0e0e0, light-on-subtle: #616161, on-light: #242424, light-on-surface: #ffffff, dark-subtle: #000000, dark-subtle-hover: #242424, dark-subtle-active: #333333, dark: #242424, dark-hover: #424242, dark-active: #333333, dark-emphasis: #616161, dark-on-subtle: #ffffff, on-dark: #ffffff, dark-on-surface: #616161, inverse-subtle: #000000, inverse-subtle-hover: #242424, inverse-subtle-active: #333333, inverse: #242424, inverse-hover: #424242, inverse-active: #333333, inverse-emphasis: #616161, inverse-on-subtle: #ffffff, on-inverse: #ffffff, inverse-on-surface: #616161, series-a: #2aa0a4, series-a-bold: #20787b, series-a-bolder: #155052, series-a-subtle: #5fb8bb, series-a-subtler: #94cfd1, series-b: #ae8c00, series-b-bold: #826900, series-b-bolder: #574600, series-b-subtle: #c2a940, series-b-subtler: #d7c580, series-c: #e3008c, series-c-bold: #aa0069, series-c-bolder: #720046, series-c-subtle: #ea40a9, series-c-subtler: #f180c5, series-d: #13a10e, series-d-bold: #0e790b, series-d-bolder: #0a5107, series-d-subtle: #4eb94a, series-d-subtler: #89d086, series-e: #637cef, series-e-bold: #4a5db3, series-e-bolder: #323e78, series-e-subtle: #c3b1db, series-e-subtler: #a58bca, series-f: #CA5010, series-f-bold: #973C0C, series-f-bolder: #652808, series-f-subtle: #D77C4C, series-f-subtler: #E5A787)",
+                    "resolvedValue": "(app-surface: #fafafa, on-app-surface: #242424, subtle: #707070, surface: #ffffff, surface-alt: #ffffff, border: rgba(36, 36, 36, 0.72), border-alt: #000000, base-subtle: #f5f5f5, base-subtle-hover: #ebebeb, base-subtle-active: #e0e0e0, base: #ffffff, base-hover: #f5f5f5, base-active: #ebebeb, base-emphasis: #d1d1d1, base-on-subtle: #242424, on-base: #242424, base-on-surface: #242424, primary-subtle: #ebf3fc, primary-subtle-hover: #cfe4fa, primary-subtle-active: #96c6fa, primary: #0f6cbd, primary-hover: #115ea3, primary-active: #0f548c, primary-emphasis: #abd1f8, primary-on-subtle: #0a2e4a, on-primary: #ffffff, primary-on-surface: #0f6cbd, secondary-subtle: #f0f0f0, secondary-subtle-hover: #fafafa, secondary-subtle-active: #ffffff, secondary: #ebebeb, secondary-hover: #f5f5f5, secondary-active: #fafafa, secondary-emphasis: #e0e0e0, secondary-on-subtle: #616161, on-secondary: #616161, secondary-on-surface: #616161, tertiary-subtle: #fdf5fc, tertiary-subtle-hover: #f5daf2, tertiary-subtle-active: #edbbe7, tertiary: #c239b3, tertiary-hover: #af33a1, tertiary-active: #962c8a, tertiary-emphasis: #edbbe7, tertiary-on-subtle: #af33a1, on-tertiary: #ffffff, tertiary-on-surface: #c239b3, info-subtle: #f6fafe, info-subtle-hover: #dcedfa, info-subtle-active: #bfddf5, info: #3a96dd, info-hover: #3991d5, info-active: #4fa1e1, info-emphasis: #bfddf5, info-on-subtle: #20547c, on-info: #242424, info-on-surface: #3487c7, success-subtle: #f1faf1, success-subtle-hover: #c9eac9, success-subtle-active: #9fd89f, success: #107c10, success-hover: #0e700e, success-active: #0c5e0c, success-emphasis: #9fd89f, success-on-subtle: #0e700e, on-success: #ffffff, success-on-surface: #107c10, warning-subtle: #fff9f5, warning-subtle-hover: #fee5d7, warning-subtle-active: #fdcfb4, warning: #f7630c, warning-hover: #de590b, warning-active: #bc4b09, warning-emphasis: #fdcfb4, warning-on-subtle: #8a3707, on-warning: #242424, warning-on-surface: #8a3707, error-subtle: #fdf3f4, error-subtle-hover: #f6d1d5, error-subtle-active: #eeacb2, error: #c50f1f, error-hover: #b10e1c, error-active: #960b18, error-emphasis: #eeacb2, error-on-subtle: #b10e1c, on-error: #ffffff, error-on-surface: #c50f1f, light-subtle: #ffffff, light-subtle-hover: #f5f5f5, light-subtle-active: #ebebeb, light: #ebebeb, light-hover: #f5f5f5, light-active: #f0f0f0, light-emphasis: #e0e0e0, light-on-subtle: #616161, on-light: #242424, light-on-surface: #ffffff, dark-subtle: #000000, dark-subtle-hover: #242424, dark-subtle-active: #333333, dark: #242424, dark-hover: #424242, dark-active: #333333, dark-emphasis: #616161, dark-on-subtle: #ffffff, on-dark: #ffffff, dark-on-surface: #616161, inverse-subtle: #616161, inverse-subtle-hover: #8a8a8a, inverse-subtle-active: #707070, inverse: #242424, inverse-hover: #424242, inverse-active: #333333, inverse-emphasis: #707070, inverse-on-subtle: #ffffff, on-inverse: #ffffff, inverse-on-surface: #616161, series-a: #2aa0a4, series-a-bold: #20787b, series-a-bolder: #155052, series-a-subtle: #5fb8bb, series-a-subtler: #94cfd1, series-b: #ae8c00, series-b-bold: #826900, series-b-bolder: #574600, series-b-subtle: #c2a940, series-b-subtler: #d7c580, series-c: #e3008c, series-c-bold: #aa0069, series-c-bolder: #720046, series-c-subtle: #ea40a9, series-c-subtler: #f180c5, series-d: #13a10e, series-d-bold: #0e790b, series-d-bolder: #0a5107, series-d-subtle: #4eb94a, series-d-subtler: #89d086, series-e: #637cef, series-e-bold: #4a5db3, series-e-bolder: #323e78, series-e-subtle: #c3b1db, series-e-subtler: #a58bca, series-f: #CA5010, series-f-bold: #973C0C, series-f-bolder: #652808, series-f-subtle: #D77C4C, series-f-subtler: #E5A787)",
                     "resolvedType": "Map",
                     "prettyValue": {
                         "app-surface": "#fafafa",
@@ -110864,13 +110756,13 @@
                         "dark-on-subtle": "#ffffff",
                         "on-dark": "#ffffff",
                         "dark-on-surface": "#616161",
-                        "inverse-subtle": "#000000",
-                        "inverse-subtle-hover": "#242424",
-                        "inverse-subtle-active": "#333333",
+                        "inverse-subtle": "#616161",
+                        "inverse-subtle-hover": "#8a8a8a",
+                        "inverse-subtle-active": "#707070",
                         "inverse": "#242424",
                         "inverse-hover": "#424242",
                         "inverse-active": "#333333",
-                        "inverse-emphasis": "#616161",
+                        "inverse-emphasis": "#707070",
                         "inverse-on-subtle": "#ffffff",
                         "on-inverse": "#ffffff",
                         "inverse-on-surface": "#616161",
@@ -117178,7 +117070,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-drawer-scrollbar-hover-color",
-                        "value": "var( --kendo-drawer-scrollbar-hover-color, color-mix(in srgb, k-color(on-app-surface) 60%, transparent) )",
+                        "value": "var( --kendo-drawer-scrollbar-hover-color, $kendo-drawer-scrollbar-color )",
                         "scope": "default",
                         "line": {
                             "start": 48,
@@ -117193,7 +117085,7 @@
                         "path": "fluent/scss/drawer/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-drawer-scrollbar-hover-color, color-mix(in srgb, var(--kendo-color-on-app-surface, #242424) 60%, transparent))",
+                    "resolvedValue": "var(--kendo-drawer-scrollbar-hover-color, var(--kendo-drawer-scrollbar-color, color-mix(in srgb, var(--kendo-color-on-app-surface, #242424) 46%, transparent)))",
                     "resolvedType": "String"
                 },
                 {
@@ -121983,7 +121875,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-filter-preview-operator-text",
-                        "value": "var( --kendo-filter-preview-operator-text, #{k-color(subtle)} )",
+                        "value": "var( --kendo-filter-preview-operator-text, #{k-color(on-app-surface)} )",
                         "scope": "default",
                         "line": {
                             "start": 31,
@@ -121998,7 +121890,7 @@
                         "path": "fluent/scss/filter/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-filter-preview-operator-text, var(--kendo-color-subtle, #707070))",
+                    "resolvedValue": "var(--kendo-filter-preview-operator-text, var(--kendo-color-on-app-surface, #242424))",
                     "resolvedType": "String"
                 },
                 {
@@ -125531,7 +125423,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-gantt-summary-bg",
-                        "value": "var(--kendo-gantt-summary-bg, k-color(dark-emphasis))",
+                        "value": "var(--kendo-gantt-summary-bg, k-color(inverse-subtle))",
                         "scope": "default",
                         "line": {
                             "start": 82,
@@ -125546,7 +125438,7 @@
                         "path": "fluent/scss/gantt/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-gantt-summary-bg, var(--kendo-color-dark-emphasis, #616161))",
+                    "resolvedValue": "var(--kendo-gantt-summary-bg, var(--kendo-color-inverse-subtle, #616161))",
                     "resolvedType": "String"
                 },
                 {
@@ -125558,7 +125450,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-gantt-summary-progress-bg",
-                        "value": "var(--kendo-gantt-summary-progress-bg, k-color(dark))",
+                        "value": "var(--kendo-gantt-summary-progress-bg, k-color(inverse))",
                         "scope": "default",
                         "line": {
                             "start": 85,
@@ -125573,7 +125465,7 @@
                         "path": "fluent/scss/gantt/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-gantt-summary-progress-bg, var(--kendo-color-dark, #242424))",
+                    "resolvedValue": "var(--kendo-gantt-summary-progress-bg, var(--kendo-color-inverse, #242424))",
                     "resolvedType": "String"
                 },
                 {
@@ -125720,7 +125612,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-gantt-task-bg",
-                        "value": "var(--kendo-gantt-task-bg, #{k-color(subtle)})",
+                        "value": "var(--kendo-gantt-task-bg, #{k-color(inverse-subtle)})",
                         "scope": "default",
                         "line": {
                             "start": 104,
@@ -125735,7 +125627,7 @@
                         "path": "fluent/scss/gantt/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-gantt-task-bg, var(--kendo-color-subtle, #707070))",
+                    "resolvedValue": "var(--kendo-gantt-task-bg, var(--kendo-color-inverse-subtle, #616161))",
                     "resolvedType": "String"
                 },
                 {
@@ -125747,7 +125639,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-gantt-task-text",
-                        "value": "var(--kendo-gantt-task-text, #{k-color(app-surface)})",
+                        "value": "var(--kendo-gantt-task-text, #{k-color(on-inverse)})",
                         "scope": "default",
                         "line": {
                             "start": 107,
@@ -125762,7 +125654,7 @@
                         "path": "fluent/scss/gantt/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-gantt-task-text, var(--kendo-color-app-surface, #fafafa))",
+                    "resolvedValue": "var(--kendo-gantt-task-text, var(--kendo-color-on-inverse, #ffffff))",
                     "resolvedType": "String"
                 },
                 {
@@ -125801,7 +125693,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-gantt-task-progress-bg",
-                        "value": "var(--kendo-gantt-task-progress-bg, #{k-color(on-app-surface)})",
+                        "value": "var(--kendo-gantt-task-progress-bg, #{k-color(inverse)})",
                         "scope": "default",
                         "line": {
                             "start": 113,
@@ -125816,7 +125708,7 @@
                         "path": "fluent/scss/gantt/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-gantt-task-progress-bg, var(--kendo-color-on-app-surface, #242424))",
+                    "resolvedValue": "var(--kendo-gantt-task-progress-bg, var(--kendo-color-inverse, #242424))",
                     "resolvedType": "String"
                 },
                 {
@@ -125828,7 +125720,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-gantt-task-progress-hover-bg",
-                        "value": "var(--kendo-gantt-task-progress-hover-bg, #{k-color(on-app-surface)})",
+                        "value": "var(--kendo-gantt-task-progress-hover-bg, #{k-color(inverse-hover)})",
                         "scope": "default",
                         "line": {
                             "start": 116,
@@ -125843,7 +125735,7 @@
                         "path": "fluent/scss/gantt/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-gantt-task-progress-hover-bg, var(--kendo-color-on-app-surface, #242424))",
+                    "resolvedValue": "var(--kendo-gantt-task-progress-hover-bg, var(--kendo-color-inverse-hover, #424242))",
                     "resolvedType": "String"
                 },
                 {
@@ -141971,13 +141863,13 @@
                         "path": "fluent/scss/notification/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "(\"inverse\": (color: var(--kendo-color-inverse-on-subtle, #ffffff), background-color: var(--kendo-color-dark-subtle, #000000), border: var(--kendo-color-inverse-emphasis, #616161)), \"light\": (color: var(--kendo-color-light-on-subtle, #616161), background-color: var(--kendo-color-light-subtle, #ffffff), border: var(--kendo-color-light-emphasis, #e0e0e0)), \"dark\": (color: var(--kendo-color-dark-on-subtle, #ffffff), background-color: var(--kendo-color-dark-subtle, #000000), border: var(--kendo-color-dark-emphasis, #616161)), \"error\": (color: var(--kendo-color-error-on-subtle, #b10e1c), background-color: var(--kendo-color-error-subtle, #fdf3f4), border: var(--kendo-color-error-emphasis, #eeacb2)), \"warning\": (color: var(--kendo-color-warning-on-subtle, #8a3707), background-color: var(--kendo-color-warning-subtle, #fff9f5), border: var(--kendo-color-warning-emphasis, #fdcfb4)), \"success\": (color: var(--kendo-color-success-on-subtle, #0e700e), background-color: var(--kendo-color-success-subtle, #f1faf1), border: var(--kendo-color-success-emphasis, #9fd89f)), \"info\": (color: var(--kendo-color-info-on-subtle, #20547c), background-color: var(--kendo-color-info-subtle, #f6fafe), border: var(--kendo-color-info-emphasis, #bfddf5)), \"tertiary\": (color: var(--kendo-color-tertiary-on-subtle, #af33a1), background-color: var(--kendo-color-tertiary-subtle, #fdf5fc), border: var(--kendo-color-tertiary-emphasis, #edbbe7)), \"secondary\": (color: var(--kendo-color-secondary-on-subtle, #616161), background-color: var(--kendo-color-secondary-subtle, #f0f0f0), border: var(--kendo-color-secondary-emphasis, #e0e0e0)), \"primary\": (color: var(--kendo-color-primary-on-subtle, #0a2e4a), background-color: var(--kendo-color-primary-subtle, #ebf3fc), border: var(--kendo-color-primary-emphasis, #abd1f8)))",
+                    "resolvedValue": "(\"inverse\": (color: var(--kendo-color-inverse-on-subtle, #ffffff), background-color: var(--kendo-color-dark-subtle, #000000), border: var(--kendo-color-inverse-emphasis, #707070)), \"light\": (color: var(--kendo-color-light-on-subtle, #616161), background-color: var(--kendo-color-light-subtle, #ffffff), border: var(--kendo-color-light-emphasis, #e0e0e0)), \"dark\": (color: var(--kendo-color-dark-on-subtle, #ffffff), background-color: var(--kendo-color-dark-subtle, #000000), border: var(--kendo-color-dark-emphasis, #616161)), \"error\": (color: var(--kendo-color-error-on-subtle, #b10e1c), background-color: var(--kendo-color-error-subtle, #fdf3f4), border: var(--kendo-color-error-emphasis, #eeacb2)), \"warning\": (color: var(--kendo-color-warning-on-subtle, #8a3707), background-color: var(--kendo-color-warning-subtle, #fff9f5), border: var(--kendo-color-warning-emphasis, #fdcfb4)), \"success\": (color: var(--kendo-color-success-on-subtle, #0e700e), background-color: var(--kendo-color-success-subtle, #f1faf1), border: var(--kendo-color-success-emphasis, #9fd89f)), \"info\": (color: var(--kendo-color-info-on-subtle, #20547c), background-color: var(--kendo-color-info-subtle, #f6fafe), border: var(--kendo-color-info-emphasis, #bfddf5)), \"tertiary\": (color: var(--kendo-color-tertiary-on-subtle, #af33a1), background-color: var(--kendo-color-tertiary-subtle, #fdf5fc), border: var(--kendo-color-tertiary-emphasis, #edbbe7)), \"secondary\": (color: var(--kendo-color-secondary-on-subtle, #616161), background-color: var(--kendo-color-secondary-subtle, #f0f0f0), border: var(--kendo-color-secondary-emphasis, #e0e0e0)), \"primary\": (color: var(--kendo-color-primary-on-subtle, #0a2e4a), background-color: var(--kendo-color-primary-subtle, #ebf3fc), border: var(--kendo-color-primary-emphasis, #abd1f8)))",
                     "resolvedType": "Map",
                     "prettyValue": {
                         "inverse": {
                             "color": "var(--kendo-color-inverse-on-subtle, #ffffff)",
                             "background-color": "var(--kendo-color-dark-subtle, #000000)",
-                            "border": "var(--kendo-color-inverse-emphasis, #616161)"
+                            "border": "var(--kendo-color-inverse-emphasis, #707070)"
                         },
                         "light": {
                             "color": "var(--kendo-color-light-on-subtle, #616161)",
@@ -143478,7 +143370,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-orgchart-card-body-vbox-min-height",
-                        "value": "var( --kendo-orgchart-card-body-vbox-min-height, #{$kendo-card-avatar-size} )",
+                        "value": "var( --kendo-orgchart-card-body-vbox-min-height, 3em )",
                         "scope": "default",
                         "line": {
                             "start": 139,
@@ -143493,7 +143385,7 @@
                         "path": "fluent/scss/orgchart/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-orgchart-card-body-vbox-min-height, 3rem)",
+                    "resolvedValue": "var(--kendo-orgchart-card-body-vbox-min-height, 3em)",
                     "resolvedType": "String"
                 },
                 {
@@ -144624,7 +144516,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-pdf-viewer-free-text-annotation-placeholder-text",
-                        "value": "var( --kendo-pdf-viewer-free-text-annotation-placeholder-text, rgba(124, 22, 27, 0.5) )",
+                        "value": "var( --kendo-pdf-viewer-free-text-annotation-placeholder-text, k-color(primary-on-subtle) )",
                         "scope": "default",
                         "line": {
                             "start": 121,
@@ -144639,7 +144531,7 @@
                         "path": "fluent/scss/pdf-viewer/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-pdf-viewer-free-text-annotation-placeholder-text, rgba(124, 22, 27, 0.5))",
+                    "resolvedValue": "var(--kendo-pdf-viewer-free-text-annotation-placeholder-text, var(--kendo-color-primary-on-subtle, #0a2e4a))",
                     "resolvedType": "String"
                 },
                 {
@@ -144651,7 +144543,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-pdf-viewer-free-text-annotation-text",
-                        "value": "var( --kendo-pdf-viewer-free-text-annotation-text, rgba(124, 22, 27, 0.7) )",
+                        "value": "var( --kendo-pdf-viewer-free-text-annotation-text, k-color(primary-on-subtle) )",
                         "scope": "default",
                         "line": {
                             "start": 124,
@@ -144666,7 +144558,7 @@
                         "path": "fluent/scss/pdf-viewer/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-pdf-viewer-free-text-annotation-text, rgba(124, 22, 27, 0.7))",
+                    "resolvedValue": "var(--kendo-pdf-viewer-free-text-annotation-text, var(--kendo-color-primary-on-subtle, #0a2e4a))",
                     "resolvedType": "String"
                 }
             ]
@@ -170247,8 +170139,8 @@
                 {
                     "description": "The border width of the current time indicator.\n",
                     "commentRange": {
-                        "start": 1,
-                        "end": 2
+                        "start": 3,
+                        "end": 4
                     },
                     "context": {
                         "type": "variable",
@@ -170256,8 +170148,8 @@
                         "value": "var( --kendo-current-time-width, 1px )",
                         "scope": "default",
                         "line": {
-                            "start": 3,
-                            "end": 3
+                            "start": 5,
+                            "end": 5
                         }
                     },
                     "group": [
@@ -170274,17 +170166,17 @@
                 {
                     "description": "The color of the current time indicator.\n",
                     "commentRange": {
-                        "start": 4,
-                        "end": 5
+                        "start": 6,
+                        "end": 7
                     },
                     "context": {
                         "type": "variable",
                         "name": "kendo-current-time-color",
-                        "value": "var( --kendo-current-time-color, #ff0000 )",
+                        "value": "var( --kendo-current-time-color, k-color(error-on-surface) )",
                         "scope": "default",
                         "line": {
-                            "start": 6,
-                            "end": 6
+                            "start": 8,
+                            "end": 8
                         }
                     },
                     "group": [
@@ -170295,7 +170187,7 @@
                         "path": "fluent/scss/time-marker/_variables.scss",
                         "name": "_variables.scss"
                     },
-                    "resolvedValue": "var(--kendo-current-time-color, #ff0000)",
+                    "resolvedValue": "var(--kendo-current-time-color, var(--kendo-color-error-on-surface, #c50f1f))",
                     "resolvedType": "String"
                 }
             ]