@progress/kendo-theme-core 13.2.0-dev.3 → 14.0.0-dev.0

package/dist/meta/sassdoc-data.json

@@ -65,17 +65,17 @@
         {
             "description": "The theme colors map of the AppBar.\n",
             "commentRange": {
-                "start": 27,
-                "end": 28
+                "start": 22,
+                "end": 23
             },
             "context": {
                 "type": "variable",
                 "name": "kendo-appbar-theme-colors",
-                "value": "(\"inherit\", \"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+                "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"inverse\")",
                 "scope": "default",
                 "line": {
-                    "start": 29,
-                    "end": 29
+                    "start": 24,
+                    "end": 24
                 }
             },
             "group": [
@@ -121,7 +121,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-avatar-theme-colors",
-                "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+                "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\")",
                 "scope": "default",
                 "line": {
                     "start": 34,
@@ -171,7 +171,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-badge-theme-colors",
-                "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+                "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\")",
                 "scope": "default",
                 "line": {
                     "start": 63,
@@ -190,17 +190,17 @@
         {
             "description": "The theme colors map of the BottomNavigation.\n",
             "commentRange": {
-                "start": 31,
-                "end": 32
+                "start": 32,
+                "end": 33
             },
             "context": {
                 "type": "variable",
                 "name": "kendo-bottom-navigation-theme-colors",
-                "value": "(\"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+                "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"inverse\")",
                 "scope": "default",
                 "line": {
-                    "start": 33,
-                    "end": 33
+                    "start": 34,
+                    "end": 34
                 }
             },
             "group": [
@@ -240,17 +240,17 @@
         {
             "description": "The theme colors map of the Button.\n",
             "commentRange": {
-                "start": 114,
-                "end": 115
+                "start": 116,
+                "end": 117
             },
             "context": {
                 "type": "variable",
                 "name": "kendo-button-theme-colors",
-                "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+                "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"inverse\")",
                 "scope": "default",
                 "line": {
-                    "start": 116,
-                    "end": 116
+                    "start": 118,
+                    "end": 118
                 }
             },
             "group": [
@@ -265,8 +265,8 @@
         {
             "description": "The sizes map of the Button.\n",
             "commentRange": {
-                "start": 118,
-                "end": 119
+                "start": 120,
+                "end": 121
             },
             "context": {
                 "type": "variable",
@@ -274,8 +274,8 @@
                 "value": "(\n    xs: (\n        padding-x: $kendo-button-xs-padding-x,\n        padding-y: $kendo-button-xs-padding-y,\n        font-size: $kendo-button-xs-font-size,\n        line-height: $kendo-button-xs-line-height\n    ),\n    sm: (\n        padding-x: $kendo-button-sm-padding-x,\n        padding-y: $kendo-button-sm-padding-y,\n        font-size: $kendo-button-sm-font-size,\n        line-height: $kendo-button-sm-line-height\n    ),\n    md: (\n        padding-x: $kendo-button-md-padding-x,\n        padding-y: $kendo-button-md-padding-y,\n        font-size: $kendo-button-md-font-size,\n        line-height: $kendo-button-md-line-height\n    ),\n    lg: (\n        padding-x: $kendo-button-lg-padding-x,\n        padding-y: $kendo-button-lg-padding-y,\n        font-size: $kendo-button-lg-font-size,\n        line-height: $kendo-button-lg-line-height\n    )\n)",
                 "scope": "default",
                 "line": {
-                    "start": 120,
-                    "end": 145
+                    "start": 122,
+                    "end": 147
                 }
             },
             "group": [
@@ -312,31 +312,6 @@
                 "name": "_variables.scss"
             }
         },
-        {
-            "description": "The theme colors map of the Card.\n",
-            "commentRange": {
-                "start": 75,
-                "end": 76
-            },
-            "context": {
-                "type": "variable",
-                "name": "kendo-card-theme-colors",
-                "value": "(\"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
-                "scope": "default",
-                "line": {
-                    "start": 77,
-                    "end": 77
-                }
-            },
-            "group": [
-                "card"
-            ],
-            "access": "public",
-            "file": {
-                "path": "core/scss/components/card/_variables.scss",
-                "name": "_variables.scss"
-            }
-        },
         {
             "description": "The sizes map of the CheckBox.\n",
             "commentRange": {
@@ -739,8 +714,8 @@
         {
             "description": "The global default Colors map.\n",
             "commentRange": {
-                "start": 193,
-                "end": 447
+                "start": 169,
+                "end": 391
             },
             "context": {
                 "type": "variable",
@@ -748,8 +723,8 @@
                 "value": "$default-colors",
                 "scope": "default",
                 "line": {
-                    "start": 448,
-                    "end": 448
+                    "start": 392,
+                    "end": 392
                 }
             },
             "group": [
@@ -897,38 +872,6 @@
                     ],
                     "description": "The Error variable group."
                 },
-                {
-                    "name": "light",
-                    "value": [
-                        "light-subtle",
-                        "light-subtle-hover",
-                        "light-subtle-active",
-                        "light",
-                        "light-hover",
-                        "light-active",
-                        "light-emphasis",
-                        "light-on-subtle",
-                        "on-light",
-                        "light-on-surface"
-                    ],
-                    "description": "The Light variable group."
-                },
-                {
-                    "name": "dark",
-                    "value": [
-                        "dark-subtle",
-                        "dark-subtle-hover",
-                        "dark-subtle-active",
-                        "dark",
-                        "dark-hover",
-                        "dark-active",
-                        "dark-emphasis",
-                        "dark-on-subtle",
-                        "on-dark",
-                        "dark-on-surface"
-                    ],
-                    "description": "The Dark variable group."
-                },
                 {
                     "name": "inverse",
                     "value": [
@@ -1455,106 +1398,6 @@
                     "name": "error-on-surface",
                     "description": "The text color variable for content on surface."
                 },
-                {
-                    "type": "Color",
-                    "name": "light-subtle",
-                    "description": "The light subtle background color variable."
-                },
-                {
-                    "type": "Color",
-                    "name": "light-subtle-hover",
-                    "description": "The light subtle background color variable for the hover state."
-                },
-                {
-                    "type": "Color",
-                    "name": "light-subtle-active",
-                    "description": "The light subtle background color variable for the active state."
-                },
-                {
-                    "type": "Color",
-                    "name": "light",
-                    "description": "The light background color variable."
-                },
-                {
-                    "type": "Color",
-                    "name": "light-hover",
-                    "description": "The light background color variable for the hover state."
-                },
-                {
-                    "type": "Color",
-                    "name": "light-active",
-                    "description": "The light background color variable for the active state."
-                },
-                {
-                    "type": "Color",
-                    "name": "light-emphasis",
-                    "description": "The emphasized light color variable."
-                },
-                {
-                    "type": "Color",
-                    "name": "light-on-subtle",
-                    "description": "The text color variable for content on light subtle."
-                },
-                {
-                    "type": "Color",
-                    "name": "on-light",
-                    "description": "The text color variable for content on light."
-                },
-                {
-                    "type": "Color",
-                    "name": "light-on-surface",
-                    "description": "The text color variable for content on surface."
-                },
-                {
-                    "type": "Color",
-                    "name": "dark-subtle",
-                    "description": "The dark subtle background color variable."
-                },
-                {
-                    "type": "Color",
-                    "name": "dark-subtle-hover",
-                    "description": "The dark subtle background color variable for the hover state."
-                },
-                {
-                    "type": "Color",
-                    "name": "dark-subtle-active",
-                    "description": "The dark subtle background color variable for the active state."
-                },
-                {
-                    "type": "Color",
-                    "name": "dark",
-                    "description": "The dark background color variable."
-                },
-                {
-                    "type": "Color",
-                    "name": "dark-hover",
-                    "description": "The dark background color variable for the hover state."
-                },
-                {
-                    "type": "Color",
-                    "name": "dark-active",
-                    "description": "The dark background color variable for the active state."
-                },
-                {
-                    "type": "Color",
-                    "name": "dark-emphasis",
-                    "description": "The emphasized dark color variable."
-                },
-                {
-                    "type": "Color",
-                    "name": "dark-on-subtle",
-                    "description": "The text color variable for content on dark subtle."
-                },
-                {
-                    "type": "Color",
-                    "name": "on-dark",
-                    "description": "The text color variable for content on dark."
-                },
-                {
-                    "type": "Color",
-                    "name": "dark-on-surface",
-                    "description": "The text color variable for content on surface."
-                },
                 {
                     "type": "Color",
                     "name": "inverse-subtle",
@@ -1766,7 +1609,7 @@
                 "path": "core/scss/color-system/_swatch.scss",
                 "name": "_swatch.scss"
             },
-            "resolvedValue": "(app-surface: oklch(100% 0 0deg), on-app-surface: oklch(from var(--kendo-color-app-surface) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), subtle: oklch(51.03% 0 0deg), surface: oklch(98.51% 0 0deg), surface-alt: oklch(from var(--kendo-color-surface) calc(l + 0.02) c h), border: oklch(0% 0 0deg / 0.08), border-alt: oklch(0% 0 0deg / 0.16), base-subtle: oklch(from var(--kendo-color-base) calc(l + clamp(-0.03, (0.6 - l) * 99999, 0.03)) c h), base-subtle-hover: oklch(from var(--kendo-color-base) calc(l + clamp(-0.064, (0.6 - l) * 99999, 0.064)) c h), base-subtle-active: oklch(from var(--kendo-color-base) calc(l + clamp(-0.094, (0.6 - l) * 99999, 0.094)) c h), base: oklch(97.02% 0 0deg), base-hover: oklch(from var(--kendo-color-base) calc(l + clamp(-0.03, (0.6 - l) * 99999, 0.03)) c h), base-active: oklch(from var(--kendo-color-base) calc(l + clamp(-0.094, (0.6 - l) * 99999, 0.094)) c h), base-emphasis: oklch(from var(--kendo-color-base) calc(l + clamp(-0.156, (0.6 - l) * 99999, 0.156)) c h), base-on-subtle: oklch(from var(--kendo-color-base) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), on-base: oklch(from var(--kendo-color-base) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), base-on-surface: oklch(from var(--kendo-color-base) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), primary-subtle: oklch(from var(--kendo-color-primary) 0.958 calc(c * 0.11) h), primary-subtle-hover: oklch(from var(--kendo-color-primary) 0.927 calc(c * 0.19) h), primary-subtle-active: oklch(from var(--kendo-color-primary) 0.88 calc(c * 0.33) h), primary: oklch(69.85% 0.1923 27.19deg), primary-hover: oklch(from var(--kendo-color-primary) calc(l - 0.044) calc(c - 0.012) h), primary-active: oklch(from var(--kendo-color-primary) calc(l - 0.088) calc(c - 0.027) h), primary-emphasis: oklch(from var(--kendo-color-primary) calc(l * 0.665 + 0.33) calc(c * 0.61) h), primary-on-subtle: oklch(from var(--kendo-color-primary) calc(l * 0.48) calc(c * 0.47) h), on-primary: oklch(from var(--kendo-color-primary) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), primary-on-surface: oklch(from var(--kendo-color-primary) l c h), secondary-subtle: oklch(from var(--kendo-color-secondary) calc(l * 0.03 + 0.97) calc(c * 0.12) h), secondary-subtle-hover: oklch(from var(--kendo-color-secondary) calc(l * 0.06 + 0.94) calc(c * 0.18) h), secondary-subtle-active: oklch(from var(--kendo-color-secondary) calc(l * 0.12 + 0.88) calc(c * 0.25) h), secondary: oklch(51.03% 0 0deg), secondary-hover: oklch(from var(--kendo-color-secondary) calc(l - 0.072) c h), secondary-active: oklch(from var(--kendo-color-secondary) calc(l - 0.15) c h), secondary-emphasis: oklch(from var(--kendo-color-secondary) calc(l * 0.19 + 0.81) calc(c * 0.55) h), secondary-on-subtle: oklch(from var(--kendo-color-secondary) calc(l * 0.375) c h), on-secondary: oklch(from var(--kendo-color-secondary) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), secondary-on-surface: oklch(from var(--kendo-color-secondary) calc(l * 0.55) c h), tertiary-subtle: oklch(from var(--kendo-color-tertiary) 0.944 calc(c * 0.20) h), tertiary-subtle-hover: oklch(from var(--kendo-color-tertiary) 0.916 calc(c * 0.29) h), tertiary-subtle-active: oklch(from var(--kendo-color-tertiary) 0.872 calc(c * 0.46) h), tertiary: oklch(69.91% 0.157 238.99deg), tertiary-hover: oklch(from var(--kendo-color-tertiary) calc(l + clamp(-0.046, (0.6 - l) * 99999, 0.046)) c h), tertiary-active: oklch(from var(--kendo-color-tertiary) calc(l + clamp(-0.09, (0.6 - l) * 99999, 0.09)) c h), tertiary-emphasis: oklch(from var(--kendo-color-tertiary) calc(l * 0.665 + 0.33) calc(c * 0.75) h), tertiary-on-subtle: oklch(from var(--kendo-color-tertiary) calc(l * 0.50) calc(c * 0.48) h), on-tertiary: oklch(from var(--kendo-color-tertiary) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), tertiary-on-surface: oklch(from var(--kendo-color-tertiary) calc(l * 0.87) c h), info-subtle: oklch(from var(--kendo-color-info) 0.9086 calc(c * 0.17) h), info-subtle-hover: oklch(from var(--kendo-color-info) 0.8646 calc(c * 0.24) h), info-subtle-active: oklch(from var(--kendo-color-info) 0.7417 calc(c * 0.50) h), info: oklch(51.78% 0.2301 261.43deg), info-hover: oklch(from var(--kendo-color-info) calc(l - 0.0286) calc(c - 0.0164) h), info-active: oklch(from var(--kendo-color-info) calc(l - 0.0624) calc(c - 0.032) h), info-emphasis: oklch(from var(--kendo-color-info) calc(l * 0.68 + 0.33) calc(c * 0.64) h), info-on-subtle: oklch(from var(--kendo-color-info) calc(l * 0.52) calc(c * 0.46) h), on-info: oklch(from var(--kendo-color-info) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), info-on-surface: oklch(from var(--kendo-color-info) calc(l * 0.88) calc(c * 0.86) h), success-subtle: oklch(from var(--kendo-color-success) 0.9326 calc(c * 0.20) h), success-subtle-hover: oklch(from var(--kendo-color-success) 0.9012 calc(c * 0.30) h), success-subtle-active: oklch(from var(--kendo-color-success) 0.8647 calc(c * 0.42) h), success: oklch(67.45% 0.2171 139.99deg), success-hover: oklch(from var(--kendo-color-success) calc(l - 0.042) calc(c - 0.0137) h), success-active: oklch(from var(--kendo-color-success) calc(l - 0.0847) calc(c - 0.0275) h), success-emphasis: oklch(from var(--kendo-color-success) calc(l * 0.675 + 0.33) calc(c * 0.78) h), success-on-subtle: oklch(from var(--kendo-color-success) calc(l * 0.61) calc(c * 0.60) h), on-success: oklch(from var(--kendo-color-success) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), success-on-surface: oklch(from var(--kendo-color-success) calc(l * 0.875) calc(c * 0.875) h), warning-subtle: oklch(from var(--kendo-color-warning) 0.9674 calc(c * 0.26) h), warning-subtle-hover: oklch(from var(--kendo-color-warning) 0.9508 calc(c * 0.38) h), warning-subtle-active: oklch(from var(--kendo-color-warning) 0.9312 calc(c * 0.55) h), warning: oklch(84.22% 0.1727 84.58deg), warning-hover: oklch(from var(--kendo-color-warning) calc(l - 0.055) calc(c - 0.011) h), warning-active: oklch(from var(--kendo-color-warning) calc(l - 0.11) calc(c - 0.0225) h), warning-emphasis: oklch(from var(--kendo-color-warning) calc(l * 0.665 + 0.33) calc(c * 0.83) h), warning-on-subtle: oklch(from var(--kendo-color-warning) calc(l * 0.49) calc(c * 0.49) h), on-warning: oklch(from var(--kendo-color-warning) clamp(0.36, (0.6 - l) * 99999, 1) 0 h), warning-on-surface: oklch(from var(--kendo-color-warning) l c h), error-subtle: oklch(from var(--kendo-color-error) 0.9223 calc(c * 0.14) h), error-subtle-hover: oklch(from var(--kendo-color-error) 0.8762 calc(c * 0.24) h), error-subtle-active: oklch(from var(--kendo-color-error) 0.7533 calc(c * 0.56) h), error: oklch(61.07% 0.2435 30.2deg), error-hover: oklch(from var(--kendo-color-error) calc(l - 0.0377) calc(c - 0.0159) h), error-active: oklch(from var(--kendo-color-error) calc(l - 0.0782) calc(c - 0.0326) h), error-emphasis: oklch(from var(--kendo-color-error) calc(l * 0.61 + 0.33) calc(c * 0.70) h), error-on-subtle: oklch(from var(--kendo-color-error) calc(l * 0.61) calc(c * 0.59) h), on-error: oklch(from var(--kendo-color-error) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), error-on-surface: oklch(from var(--kendo-color-error) calc(l * 0.872) calc(c * 0.866) h), light-subtle: oklch(98.51% 0 0deg), light-subtle-hover: oklch(97.02% 0 0deg), light-subtle-active: oklch(94.01% 0 0deg), light: oklch(94.01% 0 0deg), light-hover: oklch(90.67% 0 0deg), light-active: oklch(87.61% 0 0deg), light-emphasis: oklch(87.61% 0 0deg), light-on-subtle: oklch(19.13% 0 0deg), on-light: oklch(0% 0 0deg), light-on-surface: oklch(90.67% 0 0deg), dark-subtle: oklch(81.41% 0 0deg), dark-subtle-hover: oklch(74.76% 0 0deg), dark-subtle-active: oklch(68.3% 0 0deg), dark: oklch(36% 0 0deg), dark-hover: oklch(28.09% 0 0deg), dark-active: oklch(23.93% 0 0deg), dark-emphasis: oklch(51.03% 0 0deg), dark-on-subtle: oklch(23.93% 0 0deg), on-dark: oklch(100% 0 0deg), dark-on-surface: oklch(19.13% 0 0deg), inverse-subtle: oklch(from var(--kendo-color-inverse) calc(l + 0.15) c h), inverse-subtle-hover: oklch(from var(--kendo-color-inverse) calc(l + 0.079) c h), inverse-subtle-active: oklch(from var(--kendo-color-inverse) l c h), inverse: oklch(36% 0 0deg), inverse-hover: oklch(from var(--kendo-color-inverse) calc(l - 0.079) c h), inverse-active: oklch(from var(--kendo-color-inverse) calc(l - 0.121) c h), inverse-emphasis: oklch(from var(--kendo-color-inverse) calc(l + 0.323) c h), inverse-on-subtle: oklch(from var(--kendo-color-inverse) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), on-inverse: oklch(from var(--kendo-color-inverse) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), inverse-on-surface: oklch(from var(--kendo-color-inverse) calc(l * 0.53) c h), series: oklch(69.85% 0.1923 27.19deg), series-a: var(--kendo-color-series), series-a-bold: oklch(from var(--kendo-color-series-a) calc(l * 0.81) calc(c * 0.79) h), series-a-bolder: oklch(from var(--kendo-color-series-a) calc(l * 0.61) calc(c * 0.57) h), series-a-subtle: oklch(from var(--kendo-color-series-a) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-a-subtler: oklch(from var(--kendo-color-series-a) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-b: oklch(from var(--kendo-color-series) calc(l + 0.2128) calc(c - 0.0444) calc(h + 68.82)), series-b-bold: oklch(from var(--kendo-color-series-b) calc(l * 0.81) calc(c * 0.79) h), series-b-bolder: oklch(from var(--kendo-color-series-b) calc(l * 0.61) calc(c * 0.57) h), series-b-subtle: oklch(from var(--kendo-color-series-b) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-b-subtler: oklch(from var(--kendo-color-series-b) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-c: oklch(from var(--kendo-color-series) calc(l + 0.0697) calc(c - 0.0281) calc(h + 125.93)), series-c-bold: oklch(from var(--kendo-color-series-c) calc(l * 0.81) calc(c * 0.79) h), series-c-bolder: oklch(from var(--kendo-color-series-c) calc(l * 0.61) calc(c * 0.57) h), series-c-subtle: oklch(from var(--kendo-color-series-c) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-c-subtler: oklch(from var(--kendo-color-series-c) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-d: oklch(from var(--kendo-color-series) calc(l - 0.1323) calc(c + 0.0372) calc(h + 244.06)), series-d-bold: oklch(from var(--kendo-color-series-d) calc(l * 0.81) calc(c * 0.79) h), series-d-bolder: oklch(from var(--kendo-color-series-d) calc(l * 0.61) calc(c * 0.57) h), series-d-subtle: oklch(from var(--kendo-color-series-d) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-d-subtler: oklch(from var(--kendo-color-series-d) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-e: oklch(from var(--kendo-color-series) calc(l - 0.0581) calc(c + 0.0456) calc(h + 276.18)), series-e-bold: oklch(from var(--kendo-color-series-e) calc(l * 0.81) calc(c * 0.79) h), series-e-bolder: oklch(from var(--kendo-color-series-e) calc(l * 0.61) calc(c * 0.57) h), series-e-subtle: oklch(from var(--kendo-color-series-e) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-e-subtler: oklch(from var(--kendo-color-series-e) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-f: oklch(from var(--kendo-color-series) l calc(c + 0.0143) calc(h - 24.38)), series-f-bold: oklch(from var(--kendo-color-series-f) calc(l * 0.81) calc(c * 0.79) h), series-f-bolder: oklch(from var(--kendo-color-series-f) calc(l * 0.61) calc(c * 0.57) h), series-f-subtle: oklch(from var(--kendo-color-series-f) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-f-subtler: oklch(from var(--kendo-color-series-f) calc(l * 0.79 + 0.21) calc(c * 0.77) h))",
+            "resolvedValue": "(app-surface: oklch(100% 0 0deg), on-app-surface: oklch(from var(--kendo-color-app-surface) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), subtle: oklch(51.03% 0 0deg), surface: oklch(98.51% 0 0deg), surface-alt: oklch(from var(--kendo-color-surface) calc(l + 0.02) c h), border: oklch(0% 0 0deg / 0.08), border-alt: oklch(0% 0 0deg / 0.16), base-subtle: oklch(from var(--kendo-color-base) calc(l + clamp(-0.03, (0.6 - l) * 99999, 0.03)) c h), base-subtle-hover: oklch(from var(--kendo-color-base) calc(l + clamp(-0.064, (0.6 - l) * 99999, 0.064)) c h), base-subtle-active: oklch(from var(--kendo-color-base) calc(l + clamp(-0.094, (0.6 - l) * 99999, 0.094)) c h), base: oklch(97.02% 0 0deg), base-hover: oklch(from var(--kendo-color-base) calc(l + clamp(-0.03, (0.6 - l) * 99999, 0.03)) c h), base-active: oklch(from var(--kendo-color-base) calc(l + clamp(-0.094, (0.6 - l) * 99999, 0.094)) c h), base-emphasis: oklch(from var(--kendo-color-base) calc(l + clamp(-0.156, (0.6 - l) * 99999, 0.156)) c h), base-on-subtle: oklch(from var(--kendo-color-base) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), on-base: oklch(from var(--kendo-color-base) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), base-on-surface: oklch(from var(--kendo-color-base) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), primary-subtle: oklch(from var(--kendo-color-primary) 0.958 calc(c * 0.11) h), primary-subtle-hover: oklch(from var(--kendo-color-primary) 0.927 calc(c * 0.19) h), primary-subtle-active: oklch(from var(--kendo-color-primary) 0.88 calc(c * 0.33) h), primary: oklch(69.85% 0.1923 27.19deg), primary-hover: oklch(from var(--kendo-color-primary) calc(l - 0.044) calc(c - 0.012) h), primary-active: oklch(from var(--kendo-color-primary) calc(l - 0.088) calc(c - 0.027) h), primary-emphasis: oklch(from var(--kendo-color-primary) calc(l * 0.665 + 0.33) calc(c * 0.61) h), primary-on-subtle: oklch(from var(--kendo-color-primary) calc(l * 0.48) calc(c * 0.47) h), on-primary: oklch(from var(--kendo-color-primary) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), primary-on-surface: oklch(from var(--kendo-color-primary) l c h), secondary-subtle: oklch(from var(--kendo-color-secondary) calc(l * 0.03 + 0.97) calc(c * 0.12) h), secondary-subtle-hover: oklch(from var(--kendo-color-secondary) calc(l * 0.06 + 0.94) calc(c * 0.18) h), secondary-subtle-active: oklch(from var(--kendo-color-secondary) calc(l * 0.12 + 0.88) calc(c * 0.25) h), secondary: oklch(51.03% 0 0deg), secondary-hover: oklch(from var(--kendo-color-secondary) calc(l - 0.072) c h), secondary-active: oklch(from var(--kendo-color-secondary) calc(l - 0.15) c h), secondary-emphasis: oklch(from var(--kendo-color-secondary) calc(l * 0.19 + 0.81) calc(c * 0.55) h), secondary-on-subtle: oklch(from var(--kendo-color-secondary) calc(l * 0.375) c h), on-secondary: oklch(from var(--kendo-color-secondary) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), secondary-on-surface: oklch(from var(--kendo-color-secondary) calc(l * 0.55) c h), tertiary-subtle: oklch(from var(--kendo-color-tertiary) 0.944 calc(c * 0.20) h), tertiary-subtle-hover: oklch(from var(--kendo-color-tertiary) 0.916 calc(c * 0.29) h), tertiary-subtle-active: oklch(from var(--kendo-color-tertiary) 0.872 calc(c * 0.46) h), tertiary: oklch(69.91% 0.157 238.99deg), tertiary-hover: oklch(from var(--kendo-color-tertiary) calc(l + clamp(-0.046, (0.6 - l) * 99999, 0.046)) c h), tertiary-active: oklch(from var(--kendo-color-tertiary) calc(l + clamp(-0.09, (0.6 - l) * 99999, 0.09)) c h), tertiary-emphasis: oklch(from var(--kendo-color-tertiary) calc(l * 0.665 + 0.33) calc(c * 0.75) h), tertiary-on-subtle: oklch(from var(--kendo-color-tertiary) calc(l * 0.50) calc(c * 0.48) h), on-tertiary: oklch(from var(--kendo-color-tertiary) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), tertiary-on-surface: oklch(from var(--kendo-color-tertiary) calc(l * 0.87) c h), info-subtle: oklch(from var(--kendo-color-info) 0.9086 calc(c * 0.17) h), info-subtle-hover: oklch(from var(--kendo-color-info) 0.8646 calc(c * 0.24) h), info-subtle-active: oklch(from var(--kendo-color-info) 0.7417 calc(c * 0.50) h), info: oklch(51.78% 0.2301 261.43deg), info-hover: oklch(from var(--kendo-color-info) calc(l - 0.0286) calc(c - 0.0164) h), info-active: oklch(from var(--kendo-color-info) calc(l - 0.0624) calc(c - 0.032) h), info-emphasis: oklch(from var(--kendo-color-info) calc(l * 0.68 + 0.33) calc(c * 0.64) h), info-on-subtle: oklch(from var(--kendo-color-info) calc(l * 0.52) calc(c * 0.46) h), on-info: oklch(from var(--kendo-color-info) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), info-on-surface: oklch(from var(--kendo-color-info) calc(l * 0.88) calc(c * 0.86) h), success-subtle: oklch(from var(--kendo-color-success) 0.9326 calc(c * 0.20) h), success-subtle-hover: oklch(from var(--kendo-color-success) 0.9012 calc(c * 0.30) h), success-subtle-active: oklch(from var(--kendo-color-success) 0.8647 calc(c * 0.42) h), success: oklch(67.45% 0.2171 139.99deg), success-hover: oklch(from var(--kendo-color-success) calc(l - 0.042) calc(c - 0.0137) h), success-active: oklch(from var(--kendo-color-success) calc(l - 0.0847) calc(c - 0.0275) h), success-emphasis: oklch(from var(--kendo-color-success) calc(l * 0.675 + 0.33) calc(c * 0.78) h), success-on-subtle: oklch(from var(--kendo-color-success) calc(l * 0.61) calc(c * 0.60) h), on-success: oklch(from var(--kendo-color-success) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), success-on-surface: oklch(from var(--kendo-color-success) calc(l * 0.875) calc(c * 0.875) h), warning-subtle: oklch(from var(--kendo-color-warning) 0.9674 calc(c * 0.26) h), warning-subtle-hover: oklch(from var(--kendo-color-warning) 0.9508 calc(c * 0.38) h), warning-subtle-active: oklch(from var(--kendo-color-warning) 0.9312 calc(c * 0.55) h), warning: oklch(84.22% 0.1727 84.58deg), warning-hover: oklch(from var(--kendo-color-warning) calc(l - 0.055) calc(c - 0.011) h), warning-active: oklch(from var(--kendo-color-warning) calc(l - 0.11) calc(c - 0.0225) h), warning-emphasis: oklch(from var(--kendo-color-warning) calc(l * 0.665 + 0.33) calc(c * 0.83) h), warning-on-subtle: oklch(from var(--kendo-color-warning) calc(l * 0.49) calc(c * 0.49) h), on-warning: oklch(from var(--kendo-color-warning) clamp(0.36, (0.6 - l) * 99999, 1) 0 h), warning-on-surface: oklch(from var(--kendo-color-warning) l c h), error-subtle: oklch(from var(--kendo-color-error) 0.9223 calc(c * 0.14) h), error-subtle-hover: oklch(from var(--kendo-color-error) 0.8762 calc(c * 0.24) h), error-subtle-active: oklch(from var(--kendo-color-error) 0.7533 calc(c * 0.56) h), error: oklch(61.07% 0.2435 30.2deg), error-hover: oklch(from var(--kendo-color-error) calc(l - 0.0377) calc(c - 0.0159) h), error-active: oklch(from var(--kendo-color-error) calc(l - 0.0782) calc(c - 0.0326) h), error-emphasis: oklch(from var(--kendo-color-error) calc(l * 0.61 + 0.33) calc(c * 0.70) h), error-on-subtle: oklch(from var(--kendo-color-error) calc(l * 0.61) calc(c * 0.59) h), on-error: oklch(from var(--kendo-color-error) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), error-on-surface: oklch(from var(--kendo-color-error) calc(l * 0.872) calc(c * 0.866) h), inverse-subtle: oklch(from var(--kendo-color-inverse) calc(l + 0.15) c h), inverse-subtle-hover: oklch(from var(--kendo-color-inverse) calc(l + 0.079) c h), inverse-subtle-active: oklch(from var(--kendo-color-inverse) l c h), inverse: oklch(36% 0 0deg), inverse-hover: oklch(from var(--kendo-color-inverse) calc(l - 0.079) c h), inverse-active: oklch(from var(--kendo-color-inverse) calc(l - 0.121) c h), inverse-emphasis: oklch(from var(--kendo-color-inverse) calc(l + 0.323) c h), inverse-on-subtle: oklch(from var(--kendo-color-inverse) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), on-inverse: oklch(from var(--kendo-color-inverse) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), inverse-on-surface: oklch(from var(--kendo-color-inverse) calc(l * 0.53) c h), series: oklch(69.85% 0.1923 27.19deg), series-a: var(--kendo-color-series), series-a-bold: oklch(from var(--kendo-color-series-a) calc(l * 0.81) calc(c * 0.79) h), series-a-bolder: oklch(from var(--kendo-color-series-a) calc(l * 0.61) calc(c * 0.57) h), series-a-subtle: oklch(from var(--kendo-color-series-a) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-a-subtler: oklch(from var(--kendo-color-series-a) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-b: oklch(from var(--kendo-color-series) calc(l + 0.2128) calc(c - 0.0444) calc(h + 68.82)), series-b-bold: oklch(from var(--kendo-color-series-b) calc(l * 0.81) calc(c * 0.79) h), series-b-bolder: oklch(from var(--kendo-color-series-b) calc(l * 0.61) calc(c * 0.57) h), series-b-subtle: oklch(from var(--kendo-color-series-b) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-b-subtler: oklch(from var(--kendo-color-series-b) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-c: oklch(from var(--kendo-color-series) calc(l + 0.0697) calc(c - 0.0281) calc(h + 125.93)), series-c-bold: oklch(from var(--kendo-color-series-c) calc(l * 0.81) calc(c * 0.79) h), series-c-bolder: oklch(from var(--kendo-color-series-c) calc(l * 0.61) calc(c * 0.57) h), series-c-subtle: oklch(from var(--kendo-color-series-c) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-c-subtler: oklch(from var(--kendo-color-series-c) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-d: oklch(from var(--kendo-color-series) calc(l - 0.1323) calc(c + 0.0372) calc(h + 244.06)), series-d-bold: oklch(from var(--kendo-color-series-d) calc(l * 0.81) calc(c * 0.79) h), series-d-bolder: oklch(from var(--kendo-color-series-d) calc(l * 0.61) calc(c * 0.57) h), series-d-subtle: oklch(from var(--kendo-color-series-d) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-d-subtler: oklch(from var(--kendo-color-series-d) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-e: oklch(from var(--kendo-color-series) calc(l - 0.0581) calc(c + 0.0456) calc(h + 276.18)), series-e-bold: oklch(from var(--kendo-color-series-e) calc(l * 0.81) calc(c * 0.79) h), series-e-bolder: oklch(from var(--kendo-color-series-e) calc(l * 0.61) calc(c * 0.57) h), series-e-subtle: oklch(from var(--kendo-color-series-e) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-e-subtler: oklch(from var(--kendo-color-series-e) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-f: oklch(from var(--kendo-color-series) l calc(c + 0.0143) calc(h - 24.38)), series-f-bold: oklch(from var(--kendo-color-series-f) calc(l * 0.81) calc(c * 0.79) h), series-f-bolder: oklch(from var(--kendo-color-series-f) calc(l * 0.61) calc(c * 0.57) h), series-f-subtle: oklch(from var(--kendo-color-series-f) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-f-subtler: oklch(from var(--kendo-color-series-f) calc(l * 0.79 + 0.21) calc(c * 0.77) h))",
             "resolvedType": "Map",
             "prettyValue": {
                 "app-surface": "oklch(100% 0 0deg)",
@@ -1856,26 +1699,6 @@
                 "error-on-subtle": "oklch(from var(--kendo-color-error) calc(l * 0.61) calc(c * 0.59) h)",
                 "on-error": "oklch(from var(--kendo-color-error) clamp(0.10, (0.75 - l) * 99999, 1) 0 h)",
                 "error-on-surface": "oklch(from var(--kendo-color-error) calc(l * 0.872) calc(c * 0.866) h)",
-                "light-subtle": "oklch(98.51% 0 0deg)",
-                "light-subtle-hover": "oklch(97.02% 0 0deg)",
-                "light-subtle-active": "oklch(94.01% 0 0deg)",
-                "light": "oklch(94.01% 0 0deg)",
-                "light-hover": "oklch(90.67% 0 0deg)",
-                "light-active": "oklch(87.61% 0 0deg)",
-                "light-emphasis": "oklch(87.61% 0 0deg)",
-                "light-on-subtle": "oklch(19.13% 0 0deg)",
-                "on-light": "oklch(0% 0 0deg)",
-                "light-on-surface": "oklch(90.67% 0 0deg)",
-                "dark-subtle": "oklch(81.41% 0 0deg)",
-                "dark-subtle-hover": "oklch(74.76% 0 0deg)",
-                "dark-subtle-active": "oklch(68.3% 0 0deg)",
-                "dark": "oklch(36% 0 0deg)",
-                "dark-hover": "oklch(28.09% 0 0deg)",
-                "dark-active": "oklch(23.93% 0 0deg)",
-                "dark-emphasis": "oklch(51.03% 0 0deg)",
-                "dark-on-subtle": "oklch(23.93% 0 0deg)",
-                "on-dark": "oklch(100% 0 0deg)",
-                "dark-on-surface": "oklch(19.13% 0 0deg)",
                 "inverse-subtle": "oklch(from var(--kendo-color-inverse) calc(l + 0.15) c h)",
                 "inverse-subtle-hover": "oklch(from var(--kendo-color-inverse) calc(l + 0.079) c h)",
                 "inverse-subtle-active": "oklch(from var(--kendo-color-inverse) l c h)",
@@ -1922,8 +1745,8 @@
         {
             "description": "The sizes map for the ColumnMenu.\n",
             "commentRange": {
-                "start": 24,
-                "end": 25
+                "start": 28,
+                "end": 29
             },
             "context": {
                 "type": "variable",
@@ -1931,8 +1754,8 @@
                 "value": "(\n    sm: (\n        padding-x: $kendo-column-menu-item-sm-padding-x,\n        padding-y: $kendo-column-menu-item-sm-padding-y,\n        font-size: $kendo-column-menu-sm-font-size,\n        line-height: $kendo-column-menu-sm-line-height\n    ),\n    md: (\n        padding-x: $kendo-column-menu-item-md-padding-x,\n        padding-y: $kendo-column-menu-item-md-padding-y,\n        font-size: $kendo-column-menu-md-font-size,\n        line-height: $kendo-column-menu-md-line-height\n    ),\n    lg: (\n        padding-x: $kendo-column-menu-item-lg-padding-x,\n        padding-y: $kendo-column-menu-item-lg-padding-y,\n        font-size: $kendo-column-menu-lg-font-size,\n        line-height: $kendo-column-menu-lg-line-height\n    )\n)",
                 "scope": "default",
                 "line": {
-                    "start": 26,
-                    "end": 45
+                    "start": 30,
+                    "end": 49
                 }
             },
             "group": [
@@ -1969,31 +1792,6 @@
                 "name": "_variables.scss"
             }
         },
-        {
-            "description": "The theme colors map of the Dialog.\n",
-            "commentRange": {
-                "start": 16,
-                "end": 17
-            },
-            "context": {
-                "type": "variable",
-                "name": "kendo-dialog-theme-colors",
-                "value": "(\"primary\", \"light\", \"dark\")",
-                "scope": "default",
-                "line": {
-                    "start": 18,
-                    "end": 18
-                }
-            },
-            "group": [
-                "dialog"
-            ],
-            "access": "public",
-            "file": {
-                "path": "core/scss/components/dialog/_variables.scss",
-                "name": "_variables.scss"
-            }
-        },
         {
             "description": "The global default Elevation map.\n",
             "commentRange": {
@@ -2041,7 +1839,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-fab-theme-colors",
-                "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+                "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\")",
                 "scope": "default",
                 "line": {
                     "start": 68,
@@ -2085,8 +1883,8 @@
         {
             "description": "The sizes map of the Form.\n",
             "commentRange": {
-                "start": 64,
-                "end": 65
+                "start": 70,
+                "end": 71
             },
             "context": {
                 "type": "variable",
@@ -2094,8 +1892,8 @@
                 "value": "(\n    sm: (\n        form-rows-spacing: $kendo-form-sm-rows-spacing\n    ),\n    md: (\n        form-rows-spacing: $kendo-form-md-rows-spacing\n    ),\n    lg: (\n        form-rows-spacing: $kendo-form-lg-rows-spacing\n    )\n)",
                 "scope": "default",
                 "line": {
-                    "start": 66,
-                    "end": 76
+                    "start": 72,
+                    "end": 82
                 }
             },
             "group": [
@@ -2110,8 +1908,8 @@
         {
             "description": "The sizes map of the Grid.\n",
             "commentRange": {
-                "start": 66,
-                "end": 67
+                "start": 71,
+                "end": 72
             },
             "context": {
                 "type": "variable",
@@ -2119,8 +1917,8 @@
                 "value": "(\n    sm: (\n        header-padding-x: $kendo-grid-sm-header-padding-x,\n        header-padding-y: $kendo-grid-sm-header-padding-y,\n        grouping-header-padding-x: $kendo-grid-sm-grouping-header-padding-x,\n        grouping-header-padding-y: $kendo-grid-sm-grouping-header-padding-y,\n        cell-padding-x: $kendo-grid-sm-cell-padding-x,\n        cell-padding-y: $kendo-grid-sm-cell-padding-y,\n        filter-cell-padding-x: $kendo-grid-sm-filter-cell-padding-x,\n        filter-cell-padding-y: $kendo-grid-sm-filter-cell-padding-y,\n        edit-cell-padding-x: $kendo-grid-sm-edit-cell-padding-x,\n        edit-cell-padding-y: $kendo-grid-sm-edit-cell-padding-y,\n        button-padding-y: $kendo-button-sm-padding-y,\n        button-calc-size: $kendo-button-sm-calc-size,\n        group-dropclue-height: $kendo-grid-sm-group-dropclue-height,\n        selection-aggregates-padding-x: $kendo-grid-sm-selection-aggregates-padding-x,\n        selection-aggregates-padding-y: $kendo-grid-sm-selection-aggregates-padding-y\n    ),\n    md: (\n        header-padding-x: $kendo-grid-md-header-padding-x,\n        header-padding-y: $kendo-grid-md-header-padding-y,\n        grouping-header-padding-x: $kendo-grid-md-grouping-header-padding-x,\n        grouping-header-padding-y: $kendo-grid-md-grouping-header-padding-y,\n        cell-padding-x: $kendo-grid-md-cell-padding-x,\n        cell-padding-y: $kendo-grid-md-cell-padding-y,\n        filter-cell-padding-x: $kendo-grid-md-filter-cell-padding-x,\n        filter-cell-padding-y: $kendo-grid-md-filter-cell-padding-y,\n        edit-cell-padding-x: $kendo-grid-md-edit-cell-padding-x,\n        edit-cell-padding-y: $kendo-grid-md-edit-cell-padding-y,\n        button-padding-y: $kendo-button-md-padding-y,\n        button-calc-size: $kendo-button-md-calc-size,\n        group-dropclue-height: $kendo-grid-md-group-dropclue-height,\n        selection-aggregates-padding-x: $kendo-grid-md-selection-aggregates-padding-x,\n        selection-aggregates-padding-y: $kendo-grid-md-selection-aggregates-padding-y\n    ),\n)",
                 "scope": "default",
                 "line": {
-                    "start": 68,
-                    "end": 103
+                    "start": 73,
+                    "end": 108
                 }
             },
             "group": [
@@ -2191,7 +1989,7 @@
             "context": {
                 "type": "variable",
                 "name": "kendo-loader-theme-colors",
-                "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+                "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\")",
                 "scope": "default",
                 "line": {
                     "start": 59,
@@ -2235,17 +2033,17 @@
         {
             "description": "The theme colors map of the MessageBox.\n",
             "commentRange": {
-                "start": 20,
-                "end": 21
+                "start": 21,
+                "end": 22
             },
             "context": {
                 "type": "variable",
                 "name": "kendo-message-box-theme-colors",
-                "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+                "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"inverse\")",
                 "scope": "default",
                 "line": {
-                    "start": 22,
-                    "end": 22
+                    "start": 23,
+                    "end": 23
                 }
             },
             "group": [
@@ -2556,31 +2354,6 @@
                 "name": "_variables.scss"
             }
         },
-        {
-            "description": "The theme colors map of the Overlay.\n",
-            "commentRange": {
-                "start": 6,
-                "end": 7
-            },
-            "context": {
-                "type": "variable",
-                "name": "kendo-overlay-theme-colors",
-                "value": "(\"dark\", \"light\", \"inverse\")",
-                "scope": "default",
-                "line": {
-                    "start": 8,
-                    "end": 8
-                }
-            },
-            "group": [
-                "overlay"
-            ],
-            "access": "public",
-            "file": {
-                "path": "core/scss/components/overlay/_variables.scss",
-                "name": "_variables.scss"
-            }
-        },
         {
             "description": "The sizes map of the Pager.\n",
             "commentRange": {
@@ -3107,17 +2880,17 @@
         {
             "description": "The theme colors map of the Suggestion.\n",
             "commentRange": {
-                "start": 16,
-                "end": 17
+                "start": 17,
+                "end": 18
             },
             "context": {
                 "type": "variable",
                 "name": "kendo-suggestion-theme-colors",
-                "value": "(\"base\", \"primary\", \"secondary\")",
+                "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\")",
                 "scope": "default",
                 "line": {
-                    "start": 18,
-                    "end": 18
+                    "start": 19,
+                    "end": 19
                 }
             },
             "group": [
@@ -3157,17 +2930,17 @@
         {
             "description": "The sizes map of the Table.\n",
             "commentRange": {
-                "start": 22,
-                "end": 23
+                "start": 31,
+                "end": 32
             },
             "context": {
                 "type": "variable",
                 "name": "kendo-table-sizes",
-                "value": "(\n    sm: (\n        font-size: var(--kendo-font-size),\n        line-height: var(--kendo-line-height),\n        cell-padding-x: $kendo-table-sm-cell-padding-x,\n        cell-padding-y: $kendo-table-sm-cell-padding-y\n    ),\n    md: (\n        font-size: var(--kendo-font-size),\n        line-height: var(--kendo-line-height),\n        cell-padding-x: $kendo-table-md-cell-padding-x,\n        cell-padding-y: $kendo-table-md-cell-padding-y\n    ),\n    lg: (\n        font-size: var(--kendo-font-size),\n        line-height: var(--kendo-line-height),\n        cell-padding-x: $kendo-table-lg-cell-padding-x,\n        cell-padding-y: $kendo-table-lg-cell-padding-y\n    )\n)",
+                "value": "(\n    sm: (\n        font-size: $kendo-table-sm-font-size,\n        line-height: $kendo-table-sm-line-height,\n        cell-padding-x: $kendo-table-sm-cell-padding-x,\n        cell-padding-y: $kendo-table-sm-cell-padding-y\n    ),\n    md: (\n        font-size: $kendo-table-md-font-size,\n        line-height: $kendo-table-md-line-height,\n        cell-padding-x: $kendo-table-md-cell-padding-x,\n        cell-padding-y: $kendo-table-md-cell-padding-y\n    ),\n    lg: (\n        font-size: $kendo-table-lg-font-size,\n        line-height: $kendo-table-lg-line-height,\n        cell-padding-x: $kendo-table-lg-cell-padding-x,\n        cell-padding-y: $kendo-table-lg-cell-padding-y\n    )\n)",
                 "scope": "default",
                 "line": {
-                    "start": 24,
-                    "end": 43
+                    "start": 33,
+                    "end": 52
                 }
             },
             "group": [
@@ -3232,8 +3005,8 @@
         {
             "description": "The sizes map of the ToolBar.\n",
             "commentRange": {
-                "start": 59,
-                "end": 60
+                "start": 60,
+                "end": 61
             },
             "context": {
                 "type": "variable",
@@ -3241,8 +3014,8 @@
                 "value": "(\n    sm: (\n        padding-x: $kendo-toolbar-sm-padding-x,\n        padding-y: $kendo-toolbar-sm-padding-y,\n        spacing: $kendo-toolbar-sm-spacing,\n        separator-height: $kendo-toolbar-sm-separator-height\n    ),\n    md: (\n        padding-x: $kendo-toolbar-md-padding-x,\n        padding-y: $kendo-toolbar-md-padding-y,\n        spacing: $kendo-toolbar-md-spacing,\n        separator-height: $kendo-toolbar-md-separator-height\n    ),\n    lg: (\n        padding-x: $kendo-toolbar-lg-padding-x,\n        padding-y: $kendo-toolbar-lg-padding-y,\n        spacing: $kendo-toolbar-lg-spacing,\n        separator-height: $kendo-toolbar-lg-separator-height\n    )\n)",
                 "scope": "default",
                 "line": {
-                    "start": 61,
-                    "end": 80
+                    "start": 62,
+                    "end": 81
                 }
             },
             "group": [
@@ -4429,8 +4202,8 @@
         {
             "description": "The sizes map of the Window.\n",
             "commentRange": {
-                "start": 42,
-                "end": 43
+                "start": 41,
+                "end": 42
             },
             "context": {
                 "type": "variable",
@@ -4438,33 +4211,8 @@
                 "value": "(\n    auto: null,\n    sm: 300px,\n    md: 800px,\n    lg: 1200px\n)",
                 "scope": "default",
                 "line": {
-                    "start": 44,
-                    "end": 49
-                }
-            },
-            "group": [
-                "window"
-            ],
-            "access": "public",
-            "file": {
-                "path": "core/scss/components/window/_variables.scss",
-                "name": "_variables.scss"
-            }
-        },
-        {
-            "description": "The theme colors map of the Window.\n",
-            "commentRange": {
-                "start": 51,
-                "end": 52
-            },
-            "context": {
-                "type": "variable",
-                "name": "kendo-window-theme-colors",
-                "value": "(\"primary\", \"light\", \"dark\")",
-                "scope": "default",
-                "line": {
-                    "start": 53,
-                    "end": 53
+                    "start": 43,
+                    "end": 48
                 }
             },
             "group": [
@@ -9194,17 +8942,17 @@
                 {
                     "description": "The theme colors map of the AppBar.\n",
                     "commentRange": {
-                        "start": 27,
-                        "end": 28
+                        "start": 22,
+                        "end": 23
                     },
                     "context": {
                         "type": "variable",
                         "name": "kendo-appbar-theme-colors",
-                        "value": "(\"inherit\", \"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+                        "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"inverse\")",
                         "scope": "default",
                         "line": {
-                            "start": 29,
-                            "end": 29
+                            "start": 24,
+                            "end": 24
                         }
                     },
                     "group": [
@@ -9256,7 +9004,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-avatar-theme-colors",
-                        "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+                        "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\")",
                         "scope": "default",
                         "line": {
                             "start": 34,
@@ -9312,7 +9060,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-badge-theme-colors",
-                        "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+                        "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\")",
                         "scope": "default",
                         "line": {
                             "start": 63,
@@ -9651,17 +9399,17 @@
                 {
                     "description": "The theme colors map of the BottomNavigation.\n",
                     "commentRange": {
-                        "start": 31,
-                        "end": 32
+                        "start": 32,
+                        "end": 33
                     },
                     "context": {
                         "type": "variable",
                         "name": "kendo-bottom-navigation-theme-colors",
-                        "value": "(\"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+                        "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"inverse\")",
                         "scope": "default",
                         "line": {
-                            "start": 33,
-                            "end": 33
+                            "start": 34,
+                            "end": 34
                         }
                     },
                     "group": [
@@ -9713,17 +9461,17 @@
                 {
                     "description": "The theme colors map of the Button.\n",
                     "commentRange": {
-                        "start": 114,
-                        "end": 115
+                        "start": 116,
+                        "end": 117
                     },
                     "context": {
                         "type": "variable",
                         "name": "kendo-button-theme-colors",
-                        "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+                        "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"inverse\")",
                         "scope": "default",
                         "line": {
-                            "start": 116,
-                            "end": 116
+                            "start": 118,
+                            "end": 118
                         }
                     },
                     "group": [
@@ -9738,8 +9486,8 @@
                 {
                     "description": "The sizes map of the Button.\n",
                     "commentRange": {
-                        "start": 118,
-                        "end": 119
+                        "start": 120,
+                        "end": 121
                     },
                     "context": {
                         "type": "variable",
@@ -9747,8 +9495,8 @@
                         "value": "(\n    xs: (\n        padding-x: $kendo-button-xs-padding-x,\n        padding-y: $kendo-button-xs-padding-y,\n        font-size: $kendo-button-xs-font-size,\n        line-height: $kendo-button-xs-line-height\n    ),\n    sm: (\n        padding-x: $kendo-button-sm-padding-x,\n        padding-y: $kendo-button-sm-padding-y,\n        font-size: $kendo-button-sm-font-size,\n        line-height: $kendo-button-sm-line-height\n    ),\n    md: (\n        padding-x: $kendo-button-md-padding-x,\n        padding-y: $kendo-button-md-padding-y,\n        font-size: $kendo-button-md-font-size,\n        line-height: $kendo-button-md-line-height\n    ),\n    lg: (\n        padding-x: $kendo-button-lg-padding-x,\n        padding-y: $kendo-button-lg-padding-y,\n        font-size: $kendo-button-lg-font-size,\n        line-height: $kendo-button-lg-line-height\n    )\n)",
                         "scope": "default",
                         "line": {
-                            "start": 120,
-                            "end": 145
+                            "start": 122,
+                            "end": 147
                         }
                     },
                     "group": [
@@ -9793,37 +9541,6 @@
                 }
             ]
         },
-        {
-            "id": "card",
-            "title": "Card",
-            "variables": [
-                {
-                    "description": "The theme colors map of the Card.\n",
-                    "commentRange": {
-                        "start": 75,
-                        "end": 76
-                    },
-                    "context": {
-                        "type": "variable",
-                        "name": "kendo-card-theme-colors",
-                        "value": "(\"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
-                        "scope": "default",
-                        "line": {
-                            "start": 77,
-                            "end": 77
-                        }
-                    },
-                    "group": [
-                        "card"
-                    ],
-                    "access": "public",
-                    "file": {
-                        "path": "core/scss/components/card/_variables.scss",
-                        "name": "_variables.scss"
-                    }
-                }
-            ]
-        },
         {
             "id": "checkbox",
             "title": "Checkbox",
@@ -10167,8 +9884,8 @@
                 {
                     "description": "The global default Colors map.\n",
                     "commentRange": {
-                        "start": 193,
-                        "end": 447
+                        "start": 169,
+                        "end": 391
                     },
                     "context": {
                         "type": "variable",
@@ -10176,8 +9893,8 @@
                         "value": "$default-colors",
                         "scope": "default",
                         "line": {
-                            "start": 448,
-                            "end": 448
+                            "start": 392,
+                            "end": 392
                         }
                     },
                     "group": [
@@ -10325,38 +10042,6 @@
                             ],
                             "description": "The Error variable group."
                         },
-                        {
-                            "name": "light",
-                            "value": [
-                                "light-subtle",
-                                "light-subtle-hover",
-                                "light-subtle-active",
-                                "light",
-                                "light-hover",
-                                "light-active",
-                                "light-emphasis",
-                                "light-on-subtle",
-                                "on-light",
-                                "light-on-surface"
-                            ],
-                            "description": "The Light variable group."
-                        },
-                        {
-                            "name": "dark",
-                            "value": [
-                                "dark-subtle",
-                                "dark-subtle-hover",
-                                "dark-subtle-active",
-                                "dark",
-                                "dark-hover",
-                                "dark-active",
-                                "dark-emphasis",
-                                "dark-on-subtle",
-                                "on-dark",
-                                "dark-on-surface"
-                            ],
-                            "description": "The Dark variable group."
-                        },
                         {
                             "name": "inverse",
                             "value": [
@@ -10883,106 +10568,6 @@
                             "name": "error-on-surface",
                             "description": "The text color variable for content on surface."
                         },
-                        {
-                            "type": "Color",
-                            "name": "light-subtle",
-                            "description": "The light subtle background color variable."
-                        },
-                        {
-                            "type": "Color",
-                            "name": "light-subtle-hover",
-                            "description": "The light subtle background color variable for the hover state."
-                        },
-                        {
-                            "type": "Color",
-                            "name": "light-subtle-active",
-                            "description": "The light subtle background color variable for the active state."
-                        },
-                        {
-                            "type": "Color",
-                            "name": "light",
-                            "description": "The light background color variable."
-                        },
-                        {
-                            "type": "Color",
-                            "name": "light-hover",
-                            "description": "The light background color variable for the hover state."
-                        },
-                        {
-                            "type": "Color",
-                            "name": "light-active",
-                            "description": "The light background color variable for the active state."
-                        },
-                        {
-                            "type": "Color",
-                            "name": "light-emphasis",
-                            "description": "The emphasized light color variable."
-                        },
-                        {
-                            "type": "Color",
-                            "name": "light-on-subtle",
-                            "description": "The text color variable for content on light subtle."
-                        },
-                        {
-                            "type": "Color",
-                            "name": "on-light",
-                            "description": "The text color variable for content on light."
-                        },
-                        {
-                            "type": "Color",
-                            "name": "light-on-surface",
-                            "description": "The text color variable for content on surface."
-                        },
-                        {
-                            "type": "Color",
-                            "name": "dark-subtle",
-                            "description": "The dark subtle background color variable."
-                        },
-                        {
-                            "type": "Color",
-                            "name": "dark-subtle-hover",
-                            "description": "The dark subtle background color variable for the hover state."
-                        },
-                        {
-                            "type": "Color",
-                            "name": "dark-subtle-active",
-                            "description": "The dark subtle background color variable for the active state."
-                        },
-                        {
-                            "type": "Color",
-                            "name": "dark",
-                            "description": "The dark background color variable."
-                        },
-                        {
-                            "type": "Color",
-                            "name": "dark-hover",
-                            "description": "The dark background color variable for the hover state."
-                        },
-                        {
-                            "type": "Color",
-                            "name": "dark-active",
-                            "description": "The dark background color variable for the active state."
-                        },
-                        {
-                            "type": "Color",
-                            "name": "dark-emphasis",
-                            "description": "The emphasized dark color variable."
-                        },
-                        {
-                            "type": "Color",
-                            "name": "dark-on-subtle",
-                            "description": "The text color variable for content on dark subtle."
-                        },
-                        {
-                            "type": "Color",
-                            "name": "on-dark",
-                            "description": "The text color variable for content on dark."
-                        },
-                        {
-                            "type": "Color",
-                            "name": "dark-on-surface",
-                            "description": "The text color variable for content on surface."
-                        },
                         {
                             "type": "Color",
                             "name": "inverse-subtle",
@@ -11194,7 +10779,7 @@
                         "path": "core/scss/color-system/_swatch.scss",
                         "name": "_swatch.scss"
                     },
-                    "resolvedValue": "(app-surface: oklch(100% 0 0deg), on-app-surface: oklch(from var(--kendo-color-app-surface) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), subtle: oklch(51.03% 0 0deg), surface: oklch(98.51% 0 0deg), surface-alt: oklch(from var(--kendo-color-surface) calc(l + 0.02) c h), border: oklch(0% 0 0deg / 0.08), border-alt: oklch(0% 0 0deg / 0.16), base-subtle: oklch(from var(--kendo-color-base) calc(l + clamp(-0.03, (0.6 - l) * 99999, 0.03)) c h), base-subtle-hover: oklch(from var(--kendo-color-base) calc(l + clamp(-0.064, (0.6 - l) * 99999, 0.064)) c h), base-subtle-active: oklch(from var(--kendo-color-base) calc(l + clamp(-0.094, (0.6 - l) * 99999, 0.094)) c h), base: oklch(97.02% 0 0deg), base-hover: oklch(from var(--kendo-color-base) calc(l + clamp(-0.03, (0.6 - l) * 99999, 0.03)) c h), base-active: oklch(from var(--kendo-color-base) calc(l + clamp(-0.094, (0.6 - l) * 99999, 0.094)) c h), base-emphasis: oklch(from var(--kendo-color-base) calc(l + clamp(-0.156, (0.6 - l) * 99999, 0.156)) c h), base-on-subtle: oklch(from var(--kendo-color-base) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), on-base: oklch(from var(--kendo-color-base) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), base-on-surface: oklch(from var(--kendo-color-base) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), primary-subtle: oklch(from var(--kendo-color-primary) 0.958 calc(c * 0.11) h), primary-subtle-hover: oklch(from var(--kendo-color-primary) 0.927 calc(c * 0.19) h), primary-subtle-active: oklch(from var(--kendo-color-primary) 0.88 calc(c * 0.33) h), primary: oklch(69.85% 0.1923 27.19deg), primary-hover: oklch(from var(--kendo-color-primary) calc(l - 0.044) calc(c - 0.012) h), primary-active: oklch(from var(--kendo-color-primary) calc(l - 0.088) calc(c - 0.027) h), primary-emphasis: oklch(from var(--kendo-color-primary) calc(l * 0.665 + 0.33) calc(c * 0.61) h), primary-on-subtle: oklch(from var(--kendo-color-primary) calc(l * 0.48) calc(c * 0.47) h), on-primary: oklch(from var(--kendo-color-primary) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), primary-on-surface: oklch(from var(--kendo-color-primary) l c h), secondary-subtle: oklch(from var(--kendo-color-secondary) calc(l * 0.03 + 0.97) calc(c * 0.12) h), secondary-subtle-hover: oklch(from var(--kendo-color-secondary) calc(l * 0.06 + 0.94) calc(c * 0.18) h), secondary-subtle-active: oklch(from var(--kendo-color-secondary) calc(l * 0.12 + 0.88) calc(c * 0.25) h), secondary: oklch(51.03% 0 0deg), secondary-hover: oklch(from var(--kendo-color-secondary) calc(l - 0.072) c h), secondary-active: oklch(from var(--kendo-color-secondary) calc(l - 0.15) c h), secondary-emphasis: oklch(from var(--kendo-color-secondary) calc(l * 0.19 + 0.81) calc(c * 0.55) h), secondary-on-subtle: oklch(from var(--kendo-color-secondary) calc(l * 0.375) c h), on-secondary: oklch(from var(--kendo-color-secondary) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), secondary-on-surface: oklch(from var(--kendo-color-secondary) calc(l * 0.55) c h), tertiary-subtle: oklch(from var(--kendo-color-tertiary) 0.944 calc(c * 0.20) h), tertiary-subtle-hover: oklch(from var(--kendo-color-tertiary) 0.916 calc(c * 0.29) h), tertiary-subtle-active: oklch(from var(--kendo-color-tertiary) 0.872 calc(c * 0.46) h), tertiary: oklch(69.91% 0.157 238.99deg), tertiary-hover: oklch(from var(--kendo-color-tertiary) calc(l + clamp(-0.046, (0.6 - l) * 99999, 0.046)) c h), tertiary-active: oklch(from var(--kendo-color-tertiary) calc(l + clamp(-0.09, (0.6 - l) * 99999, 0.09)) c h), tertiary-emphasis: oklch(from var(--kendo-color-tertiary) calc(l * 0.665 + 0.33) calc(c * 0.75) h), tertiary-on-subtle: oklch(from var(--kendo-color-tertiary) calc(l * 0.50) calc(c * 0.48) h), on-tertiary: oklch(from var(--kendo-color-tertiary) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), tertiary-on-surface: oklch(from var(--kendo-color-tertiary) calc(l * 0.87) c h), info-subtle: oklch(from var(--kendo-color-info) 0.9086 calc(c * 0.17) h), info-subtle-hover: oklch(from var(--kendo-color-info) 0.8646 calc(c * 0.24) h), info-subtle-active: oklch(from var(--kendo-color-info) 0.7417 calc(c * 0.50) h), info: oklch(51.78% 0.2301 261.43deg), info-hover: oklch(from var(--kendo-color-info) calc(l - 0.0286) calc(c - 0.0164) h), info-active: oklch(from var(--kendo-color-info) calc(l - 0.0624) calc(c - 0.032) h), info-emphasis: oklch(from var(--kendo-color-info) calc(l * 0.68 + 0.33) calc(c * 0.64) h), info-on-subtle: oklch(from var(--kendo-color-info) calc(l * 0.52) calc(c * 0.46) h), on-info: oklch(from var(--kendo-color-info) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), info-on-surface: oklch(from var(--kendo-color-info) calc(l * 0.88) calc(c * 0.86) h), success-subtle: oklch(from var(--kendo-color-success) 0.9326 calc(c * 0.20) h), success-subtle-hover: oklch(from var(--kendo-color-success) 0.9012 calc(c * 0.30) h), success-subtle-active: oklch(from var(--kendo-color-success) 0.8647 calc(c * 0.42) h), success: oklch(67.45% 0.2171 139.99deg), success-hover: oklch(from var(--kendo-color-success) calc(l - 0.042) calc(c - 0.0137) h), success-active: oklch(from var(--kendo-color-success) calc(l - 0.0847) calc(c - 0.0275) h), success-emphasis: oklch(from var(--kendo-color-success) calc(l * 0.675 + 0.33) calc(c * 0.78) h), success-on-subtle: oklch(from var(--kendo-color-success) calc(l * 0.61) calc(c * 0.60) h), on-success: oklch(from var(--kendo-color-success) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), success-on-surface: oklch(from var(--kendo-color-success) calc(l * 0.875) calc(c * 0.875) h), warning-subtle: oklch(from var(--kendo-color-warning) 0.9674 calc(c * 0.26) h), warning-subtle-hover: oklch(from var(--kendo-color-warning) 0.9508 calc(c * 0.38) h), warning-subtle-active: oklch(from var(--kendo-color-warning) 0.9312 calc(c * 0.55) h), warning: oklch(84.22% 0.1727 84.58deg), warning-hover: oklch(from var(--kendo-color-warning) calc(l - 0.055) calc(c - 0.011) h), warning-active: oklch(from var(--kendo-color-warning) calc(l - 0.11) calc(c - 0.0225) h), warning-emphasis: oklch(from var(--kendo-color-warning) calc(l * 0.665 + 0.33) calc(c * 0.83) h), warning-on-subtle: oklch(from var(--kendo-color-warning) calc(l * 0.49) calc(c * 0.49) h), on-warning: oklch(from var(--kendo-color-warning) clamp(0.36, (0.6 - l) * 99999, 1) 0 h), warning-on-surface: oklch(from var(--kendo-color-warning) l c h), error-subtle: oklch(from var(--kendo-color-error) 0.9223 calc(c * 0.14) h), error-subtle-hover: oklch(from var(--kendo-color-error) 0.8762 calc(c * 0.24) h), error-subtle-active: oklch(from var(--kendo-color-error) 0.7533 calc(c * 0.56) h), error: oklch(61.07% 0.2435 30.2deg), error-hover: oklch(from var(--kendo-color-error) calc(l - 0.0377) calc(c - 0.0159) h), error-active: oklch(from var(--kendo-color-error) calc(l - 0.0782) calc(c - 0.0326) h), error-emphasis: oklch(from var(--kendo-color-error) calc(l * 0.61 + 0.33) calc(c * 0.70) h), error-on-subtle: oklch(from var(--kendo-color-error) calc(l * 0.61) calc(c * 0.59) h), on-error: oklch(from var(--kendo-color-error) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), error-on-surface: oklch(from var(--kendo-color-error) calc(l * 0.872) calc(c * 0.866) h), light-subtle: oklch(98.51% 0 0deg), light-subtle-hover: oklch(97.02% 0 0deg), light-subtle-active: oklch(94.01% 0 0deg), light: oklch(94.01% 0 0deg), light-hover: oklch(90.67% 0 0deg), light-active: oklch(87.61% 0 0deg), light-emphasis: oklch(87.61% 0 0deg), light-on-subtle: oklch(19.13% 0 0deg), on-light: oklch(0% 0 0deg), light-on-surface: oklch(90.67% 0 0deg), dark-subtle: oklch(81.41% 0 0deg), dark-subtle-hover: oklch(74.76% 0 0deg), dark-subtle-active: oklch(68.3% 0 0deg), dark: oklch(36% 0 0deg), dark-hover: oklch(28.09% 0 0deg), dark-active: oklch(23.93% 0 0deg), dark-emphasis: oklch(51.03% 0 0deg), dark-on-subtle: oklch(23.93% 0 0deg), on-dark: oklch(100% 0 0deg), dark-on-surface: oklch(19.13% 0 0deg), inverse-subtle: oklch(from var(--kendo-color-inverse) calc(l + 0.15) c h), inverse-subtle-hover: oklch(from var(--kendo-color-inverse) calc(l + 0.079) c h), inverse-subtle-active: oklch(from var(--kendo-color-inverse) l c h), inverse: oklch(36% 0 0deg), inverse-hover: oklch(from var(--kendo-color-inverse) calc(l - 0.079) c h), inverse-active: oklch(from var(--kendo-color-inverse) calc(l - 0.121) c h), inverse-emphasis: oklch(from var(--kendo-color-inverse) calc(l + 0.323) c h), inverse-on-subtle: oklch(from var(--kendo-color-inverse) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), on-inverse: oklch(from var(--kendo-color-inverse) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), inverse-on-surface: oklch(from var(--kendo-color-inverse) calc(l * 0.53) c h), series: oklch(69.85% 0.1923 27.19deg), series-a: var(--kendo-color-series), series-a-bold: oklch(from var(--kendo-color-series-a) calc(l * 0.81) calc(c * 0.79) h), series-a-bolder: oklch(from var(--kendo-color-series-a) calc(l * 0.61) calc(c * 0.57) h), series-a-subtle: oklch(from var(--kendo-color-series-a) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-a-subtler: oklch(from var(--kendo-color-series-a) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-b: oklch(from var(--kendo-color-series) calc(l + 0.2128) calc(c - 0.0444) calc(h + 68.82)), series-b-bold: oklch(from var(--kendo-color-series-b) calc(l * 0.81) calc(c * 0.79) h), series-b-bolder: oklch(from var(--kendo-color-series-b) calc(l * 0.61) calc(c * 0.57) h), series-b-subtle: oklch(from var(--kendo-color-series-b) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-b-subtler: oklch(from var(--kendo-color-series-b) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-c: oklch(from var(--kendo-color-series) calc(l + 0.0697) calc(c - 0.0281) calc(h + 125.93)), series-c-bold: oklch(from var(--kendo-color-series-c) calc(l * 0.81) calc(c * 0.79) h), series-c-bolder: oklch(from var(--kendo-color-series-c) calc(l * 0.61) calc(c * 0.57) h), series-c-subtle: oklch(from var(--kendo-color-series-c) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-c-subtler: oklch(from var(--kendo-color-series-c) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-d: oklch(from var(--kendo-color-series) calc(l - 0.1323) calc(c + 0.0372) calc(h + 244.06)), series-d-bold: oklch(from var(--kendo-color-series-d) calc(l * 0.81) calc(c * 0.79) h), series-d-bolder: oklch(from var(--kendo-color-series-d) calc(l * 0.61) calc(c * 0.57) h), series-d-subtle: oklch(from var(--kendo-color-series-d) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-d-subtler: oklch(from var(--kendo-color-series-d) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-e: oklch(from var(--kendo-color-series) calc(l - 0.0581) calc(c + 0.0456) calc(h + 276.18)), series-e-bold: oklch(from var(--kendo-color-series-e) calc(l * 0.81) calc(c * 0.79) h), series-e-bolder: oklch(from var(--kendo-color-series-e) calc(l * 0.61) calc(c * 0.57) h), series-e-subtle: oklch(from var(--kendo-color-series-e) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-e-subtler: oklch(from var(--kendo-color-series-e) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-f: oklch(from var(--kendo-color-series) l calc(c + 0.0143) calc(h - 24.38)), series-f-bold: oklch(from var(--kendo-color-series-f) calc(l * 0.81) calc(c * 0.79) h), series-f-bolder: oklch(from var(--kendo-color-series-f) calc(l * 0.61) calc(c * 0.57) h), series-f-subtle: oklch(from var(--kendo-color-series-f) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-f-subtler: oklch(from var(--kendo-color-series-f) calc(l * 0.79 + 0.21) calc(c * 0.77) h))",
+                    "resolvedValue": "(app-surface: oklch(100% 0 0deg), on-app-surface: oklch(from var(--kendo-color-app-surface) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), subtle: oklch(51.03% 0 0deg), surface: oklch(98.51% 0 0deg), surface-alt: oklch(from var(--kendo-color-surface) calc(l + 0.02) c h), border: oklch(0% 0 0deg / 0.08), border-alt: oklch(0% 0 0deg / 0.16), base-subtle: oklch(from var(--kendo-color-base) calc(l + clamp(-0.03, (0.6 - l) * 99999, 0.03)) c h), base-subtle-hover: oklch(from var(--kendo-color-base) calc(l + clamp(-0.064, (0.6 - l) * 99999, 0.064)) c h), base-subtle-active: oklch(from var(--kendo-color-base) calc(l + clamp(-0.094, (0.6 - l) * 99999, 0.094)) c h), base: oklch(97.02% 0 0deg), base-hover: oklch(from var(--kendo-color-base) calc(l + clamp(-0.03, (0.6 - l) * 99999, 0.03)) c h), base-active: oklch(from var(--kendo-color-base) calc(l + clamp(-0.094, (0.6 - l) * 99999, 0.094)) c h), base-emphasis: oklch(from var(--kendo-color-base) calc(l + clamp(-0.156, (0.6 - l) * 99999, 0.156)) c h), base-on-subtle: oklch(from var(--kendo-color-base) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), on-base: oklch(from var(--kendo-color-base) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), base-on-surface: oklch(from var(--kendo-color-base) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), primary-subtle: oklch(from var(--kendo-color-primary) 0.958 calc(c * 0.11) h), primary-subtle-hover: oklch(from var(--kendo-color-primary) 0.927 calc(c * 0.19) h), primary-subtle-active: oklch(from var(--kendo-color-primary) 0.88 calc(c * 0.33) h), primary: oklch(69.85% 0.1923 27.19deg), primary-hover: oklch(from var(--kendo-color-primary) calc(l - 0.044) calc(c - 0.012) h), primary-active: oklch(from var(--kendo-color-primary) calc(l - 0.088) calc(c - 0.027) h), primary-emphasis: oklch(from var(--kendo-color-primary) calc(l * 0.665 + 0.33) calc(c * 0.61) h), primary-on-subtle: oklch(from var(--kendo-color-primary) calc(l * 0.48) calc(c * 0.47) h), on-primary: oklch(from var(--kendo-color-primary) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), primary-on-surface: oklch(from var(--kendo-color-primary) l c h), secondary-subtle: oklch(from var(--kendo-color-secondary) calc(l * 0.03 + 0.97) calc(c * 0.12) h), secondary-subtle-hover: oklch(from var(--kendo-color-secondary) calc(l * 0.06 + 0.94) calc(c * 0.18) h), secondary-subtle-active: oklch(from var(--kendo-color-secondary) calc(l * 0.12 + 0.88) calc(c * 0.25) h), secondary: oklch(51.03% 0 0deg), secondary-hover: oklch(from var(--kendo-color-secondary) calc(l - 0.072) c h), secondary-active: oklch(from var(--kendo-color-secondary) calc(l - 0.15) c h), secondary-emphasis: oklch(from var(--kendo-color-secondary) calc(l * 0.19 + 0.81) calc(c * 0.55) h), secondary-on-subtle: oklch(from var(--kendo-color-secondary) calc(l * 0.375) c h), on-secondary: oklch(from var(--kendo-color-secondary) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), secondary-on-surface: oklch(from var(--kendo-color-secondary) calc(l * 0.55) c h), tertiary-subtle: oklch(from var(--kendo-color-tertiary) 0.944 calc(c * 0.20) h), tertiary-subtle-hover: oklch(from var(--kendo-color-tertiary) 0.916 calc(c * 0.29) h), tertiary-subtle-active: oklch(from var(--kendo-color-tertiary) 0.872 calc(c * 0.46) h), tertiary: oklch(69.91% 0.157 238.99deg), tertiary-hover: oklch(from var(--kendo-color-tertiary) calc(l + clamp(-0.046, (0.6 - l) * 99999, 0.046)) c h), tertiary-active: oklch(from var(--kendo-color-tertiary) calc(l + clamp(-0.09, (0.6 - l) * 99999, 0.09)) c h), tertiary-emphasis: oklch(from var(--kendo-color-tertiary) calc(l * 0.665 + 0.33) calc(c * 0.75) h), tertiary-on-subtle: oklch(from var(--kendo-color-tertiary) calc(l * 0.50) calc(c * 0.48) h), on-tertiary: oklch(from var(--kendo-color-tertiary) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), tertiary-on-surface: oklch(from var(--kendo-color-tertiary) calc(l * 0.87) c h), info-subtle: oklch(from var(--kendo-color-info) 0.9086 calc(c * 0.17) h), info-subtle-hover: oklch(from var(--kendo-color-info) 0.8646 calc(c * 0.24) h), info-subtle-active: oklch(from var(--kendo-color-info) 0.7417 calc(c * 0.50) h), info: oklch(51.78% 0.2301 261.43deg), info-hover: oklch(from var(--kendo-color-info) calc(l - 0.0286) calc(c - 0.0164) h), info-active: oklch(from var(--kendo-color-info) calc(l - 0.0624) calc(c - 0.032) h), info-emphasis: oklch(from var(--kendo-color-info) calc(l * 0.68 + 0.33) calc(c * 0.64) h), info-on-subtle: oklch(from var(--kendo-color-info) calc(l * 0.52) calc(c * 0.46) h), on-info: oklch(from var(--kendo-color-info) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), info-on-surface: oklch(from var(--kendo-color-info) calc(l * 0.88) calc(c * 0.86) h), success-subtle: oklch(from var(--kendo-color-success) 0.9326 calc(c * 0.20) h), success-subtle-hover: oklch(from var(--kendo-color-success) 0.9012 calc(c * 0.30) h), success-subtle-active: oklch(from var(--kendo-color-success) 0.8647 calc(c * 0.42) h), success: oklch(67.45% 0.2171 139.99deg), success-hover: oklch(from var(--kendo-color-success) calc(l - 0.042) calc(c - 0.0137) h), success-active: oklch(from var(--kendo-color-success) calc(l - 0.0847) calc(c - 0.0275) h), success-emphasis: oklch(from var(--kendo-color-success) calc(l * 0.675 + 0.33) calc(c * 0.78) h), success-on-subtle: oklch(from var(--kendo-color-success) calc(l * 0.61) calc(c * 0.60) h), on-success: oklch(from var(--kendo-color-success) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), success-on-surface: oklch(from var(--kendo-color-success) calc(l * 0.875) calc(c * 0.875) h), warning-subtle: oklch(from var(--kendo-color-warning) 0.9674 calc(c * 0.26) h), warning-subtle-hover: oklch(from var(--kendo-color-warning) 0.9508 calc(c * 0.38) h), warning-subtle-active: oklch(from var(--kendo-color-warning) 0.9312 calc(c * 0.55) h), warning: oklch(84.22% 0.1727 84.58deg), warning-hover: oklch(from var(--kendo-color-warning) calc(l - 0.055) calc(c - 0.011) h), warning-active: oklch(from var(--kendo-color-warning) calc(l - 0.11) calc(c - 0.0225) h), warning-emphasis: oklch(from var(--kendo-color-warning) calc(l * 0.665 + 0.33) calc(c * 0.83) h), warning-on-subtle: oklch(from var(--kendo-color-warning) calc(l * 0.49) calc(c * 0.49) h), on-warning: oklch(from var(--kendo-color-warning) clamp(0.36, (0.6 - l) * 99999, 1) 0 h), warning-on-surface: oklch(from var(--kendo-color-warning) l c h), error-subtle: oklch(from var(--kendo-color-error) 0.9223 calc(c * 0.14) h), error-subtle-hover: oklch(from var(--kendo-color-error) 0.8762 calc(c * 0.24) h), error-subtle-active: oklch(from var(--kendo-color-error) 0.7533 calc(c * 0.56) h), error: oklch(61.07% 0.2435 30.2deg), error-hover: oklch(from var(--kendo-color-error) calc(l - 0.0377) calc(c - 0.0159) h), error-active: oklch(from var(--kendo-color-error) calc(l - 0.0782) calc(c - 0.0326) h), error-emphasis: oklch(from var(--kendo-color-error) calc(l * 0.61 + 0.33) calc(c * 0.70) h), error-on-subtle: oklch(from var(--kendo-color-error) calc(l * 0.61) calc(c * 0.59) h), on-error: oklch(from var(--kendo-color-error) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), error-on-surface: oklch(from var(--kendo-color-error) calc(l * 0.872) calc(c * 0.866) h), inverse-subtle: oklch(from var(--kendo-color-inverse) calc(l + 0.15) c h), inverse-subtle-hover: oklch(from var(--kendo-color-inverse) calc(l + 0.079) c h), inverse-subtle-active: oklch(from var(--kendo-color-inverse) l c h), inverse: oklch(36% 0 0deg), inverse-hover: oklch(from var(--kendo-color-inverse) calc(l - 0.079) c h), inverse-active: oklch(from var(--kendo-color-inverse) calc(l - 0.121) c h), inverse-emphasis: oklch(from var(--kendo-color-inverse) calc(l + 0.323) c h), inverse-on-subtle: oklch(from var(--kendo-color-inverse) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), on-inverse: oklch(from var(--kendo-color-inverse) clamp(0.10, (0.75 - l) * 99999, 1) 0 h), inverse-on-surface: oklch(from var(--kendo-color-inverse) calc(l * 0.53) c h), series: oklch(69.85% 0.1923 27.19deg), series-a: var(--kendo-color-series), series-a-bold: oklch(from var(--kendo-color-series-a) calc(l * 0.81) calc(c * 0.79) h), series-a-bolder: oklch(from var(--kendo-color-series-a) calc(l * 0.61) calc(c * 0.57) h), series-a-subtle: oklch(from var(--kendo-color-series-a) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-a-subtler: oklch(from var(--kendo-color-series-a) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-b: oklch(from var(--kendo-color-series) calc(l + 0.2128) calc(c - 0.0444) calc(h + 68.82)), series-b-bold: oklch(from var(--kendo-color-series-b) calc(l * 0.81) calc(c * 0.79) h), series-b-bolder: oklch(from var(--kendo-color-series-b) calc(l * 0.61) calc(c * 0.57) h), series-b-subtle: oklch(from var(--kendo-color-series-b) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-b-subtler: oklch(from var(--kendo-color-series-b) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-c: oklch(from var(--kendo-color-series) calc(l + 0.0697) calc(c - 0.0281) calc(h + 125.93)), series-c-bold: oklch(from var(--kendo-color-series-c) calc(l * 0.81) calc(c * 0.79) h), series-c-bolder: oklch(from var(--kendo-color-series-c) calc(l * 0.61) calc(c * 0.57) h), series-c-subtle: oklch(from var(--kendo-color-series-c) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-c-subtler: oklch(from var(--kendo-color-series-c) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-d: oklch(from var(--kendo-color-series) calc(l - 0.1323) calc(c + 0.0372) calc(h + 244.06)), series-d-bold: oklch(from var(--kendo-color-series-d) calc(l * 0.81) calc(c * 0.79) h), series-d-bolder: oklch(from var(--kendo-color-series-d) calc(l * 0.61) calc(c * 0.57) h), series-d-subtle: oklch(from var(--kendo-color-series-d) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-d-subtler: oklch(from var(--kendo-color-series-d) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-e: oklch(from var(--kendo-color-series) calc(l - 0.0581) calc(c + 0.0456) calc(h + 276.18)), series-e-bold: oklch(from var(--kendo-color-series-e) calc(l * 0.81) calc(c * 0.79) h), series-e-bolder: oklch(from var(--kendo-color-series-e) calc(l * 0.61) calc(c * 0.57) h), series-e-subtle: oklch(from var(--kendo-color-series-e) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-e-subtler: oklch(from var(--kendo-color-series-e) calc(l * 0.79 + 0.21) calc(c * 0.77) h), series-f: oklch(from var(--kendo-color-series) l calc(c + 0.0143) calc(h - 24.38)), series-f-bold: oklch(from var(--kendo-color-series-f) calc(l * 0.81) calc(c * 0.79) h), series-f-bolder: oklch(from var(--kendo-color-series-f) calc(l * 0.61) calc(c * 0.57) h), series-f-subtle: oklch(from var(--kendo-color-series-f) calc(l * 0.55 + 0.45) calc(c * 0.50) h), series-f-subtler: oklch(from var(--kendo-color-series-f) calc(l * 0.79 + 0.21) calc(c * 0.77) h))",
                     "resolvedType": "Map",
                     "prettyValue": {
                         "app-surface": "oklch(100% 0 0deg)",
@@ -11284,26 +10869,6 @@
                         "error-on-subtle": "oklch(from var(--kendo-color-error) calc(l * 0.61) calc(c * 0.59) h)",
                         "on-error": "oklch(from var(--kendo-color-error) clamp(0.10, (0.75 - l) * 99999, 1) 0 h)",
                         "error-on-surface": "oklch(from var(--kendo-color-error) calc(l * 0.872) calc(c * 0.866) h)",
-                        "light-subtle": "oklch(98.51% 0 0deg)",
-                        "light-subtle-hover": "oklch(97.02% 0 0deg)",
-                        "light-subtle-active": "oklch(94.01% 0 0deg)",
-                        "light": "oklch(94.01% 0 0deg)",
-                        "light-hover": "oklch(90.67% 0 0deg)",
-                        "light-active": "oklch(87.61% 0 0deg)",
-                        "light-emphasis": "oklch(87.61% 0 0deg)",
-                        "light-on-subtle": "oklch(19.13% 0 0deg)",
-                        "on-light": "oklch(0% 0 0deg)",
-                        "light-on-surface": "oklch(90.67% 0 0deg)",
-                        "dark-subtle": "oklch(81.41% 0 0deg)",
-                        "dark-subtle-hover": "oklch(74.76% 0 0deg)",
-                        "dark-subtle-active": "oklch(68.3% 0 0deg)",
-                        "dark": "oklch(36% 0 0deg)",
-                        "dark-hover": "oklch(28.09% 0 0deg)",
-                        "dark-active": "oklch(23.93% 0 0deg)",
-                        "dark-emphasis": "oklch(51.03% 0 0deg)",
-                        "dark-on-subtle": "oklch(23.93% 0 0deg)",
-                        "on-dark": "oklch(100% 0 0deg)",
-                        "dark-on-surface": "oklch(19.13% 0 0deg)",
                         "inverse-subtle": "oklch(from var(--kendo-color-inverse) calc(l + 0.15) c h)",
                         "inverse-subtle-hover": "oklch(from var(--kendo-color-inverse) calc(l + 0.079) c h)",
                         "inverse-subtle-active": "oklch(from var(--kendo-color-inverse) l c h)",
@@ -11449,8 +11014,8 @@
                 {
                     "description": "The sizes map for the ColumnMenu.\n",
                     "commentRange": {
-                        "start": 24,
-                        "end": 25
+                        "start": 28,
+                        "end": 29
                     },
                     "context": {
                         "type": "variable",
@@ -11458,8 +11023,8 @@
                         "value": "(\n    sm: (\n        padding-x: $kendo-column-menu-item-sm-padding-x,\n        padding-y: $kendo-column-menu-item-sm-padding-y,\n        font-size: $kendo-column-menu-sm-font-size,\n        line-height: $kendo-column-menu-sm-line-height\n    ),\n    md: (\n        padding-x: $kendo-column-menu-item-md-padding-x,\n        padding-y: $kendo-column-menu-item-md-padding-y,\n        font-size: $kendo-column-menu-md-font-size,\n        line-height: $kendo-column-menu-md-line-height\n    ),\n    lg: (\n        padding-x: $kendo-column-menu-item-lg-padding-x,\n        padding-y: $kendo-column-menu-item-lg-padding-y,\n        font-size: $kendo-column-menu-lg-font-size,\n        line-height: $kendo-column-menu-lg-line-height\n    )\n)",
                         "scope": "default",
                         "line": {
-                            "start": 26,
-                            "end": 45
+                            "start": 30,
+                            "end": 49
                         }
                     },
                     "group": [
@@ -11504,37 +11069,6 @@
                 }
             ]
         },
-        {
-            "id": "dialog",
-            "title": "Dialog",
-            "variables": [
-                {
-                    "description": "The theme colors map of the Dialog.\n",
-                    "commentRange": {
-                        "start": 16,
-                        "end": 17
-                    },
-                    "context": {
-                        "type": "variable",
-                        "name": "kendo-dialog-theme-colors",
-                        "value": "(\"primary\", \"light\", \"dark\")",
-                        "scope": "default",
-                        "line": {
-                            "start": 18,
-                            "end": 18
-                        }
-                    },
-                    "group": [
-                        "dialog"
-                    ],
-                    "access": "public",
-                    "file": {
-                        "path": "core/scss/components/dialog/_variables.scss",
-                        "name": "_variables.scss"
-                    }
-                }
-            ]
-        },
         {
             "id": "elevation",
             "title": "Elevation",
@@ -11592,7 +11126,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-fab-theme-colors",
-                        "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+                        "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\")",
                         "scope": "default",
                         "line": {
                             "start": 68,
@@ -11642,8 +11176,8 @@
                 {
                     "description": "The sizes map of the Form.\n",
                     "commentRange": {
-                        "start": 64,
-                        "end": 65
+                        "start": 70,
+                        "end": 71
                     },
                     "context": {
                         "type": "variable",
@@ -11651,8 +11185,8 @@
                         "value": "(\n    sm: (\n        form-rows-spacing: $kendo-form-sm-rows-spacing\n    ),\n    md: (\n        form-rows-spacing: $kendo-form-md-rows-spacing\n    ),\n    lg: (\n        form-rows-spacing: $kendo-form-lg-rows-spacing\n    )\n)",
                         "scope": "default",
                         "line": {
-                            "start": 66,
-                            "end": 76
+                            "start": 72,
+                            "end": 82
                         }
                     },
                     "group": [
@@ -11673,8 +11207,8 @@
                 {
                     "description": "The sizes map of the Grid.\n",
                     "commentRange": {
-                        "start": 66,
-                        "end": 67
+                        "start": 71,
+                        "end": 72
                     },
                     "context": {
                         "type": "variable",
@@ -11682,8 +11216,8 @@
                         "value": "(\n    sm: (\n        header-padding-x: $kendo-grid-sm-header-padding-x,\n        header-padding-y: $kendo-grid-sm-header-padding-y,\n        grouping-header-padding-x: $kendo-grid-sm-grouping-header-padding-x,\n        grouping-header-padding-y: $kendo-grid-sm-grouping-header-padding-y,\n        cell-padding-x: $kendo-grid-sm-cell-padding-x,\n        cell-padding-y: $kendo-grid-sm-cell-padding-y,\n        filter-cell-padding-x: $kendo-grid-sm-filter-cell-padding-x,\n        filter-cell-padding-y: $kendo-grid-sm-filter-cell-padding-y,\n        edit-cell-padding-x: $kendo-grid-sm-edit-cell-padding-x,\n        edit-cell-padding-y: $kendo-grid-sm-edit-cell-padding-y,\n        button-padding-y: $kendo-button-sm-padding-y,\n        button-calc-size: $kendo-button-sm-calc-size,\n        group-dropclue-height: $kendo-grid-sm-group-dropclue-height,\n        selection-aggregates-padding-x: $kendo-grid-sm-selection-aggregates-padding-x,\n        selection-aggregates-padding-y: $kendo-grid-sm-selection-aggregates-padding-y\n    ),\n    md: (\n        header-padding-x: $kendo-grid-md-header-padding-x,\n        header-padding-y: $kendo-grid-md-header-padding-y,\n        grouping-header-padding-x: $kendo-grid-md-grouping-header-padding-x,\n        grouping-header-padding-y: $kendo-grid-md-grouping-header-padding-y,\n        cell-padding-x: $kendo-grid-md-cell-padding-x,\n        cell-padding-y: $kendo-grid-md-cell-padding-y,\n        filter-cell-padding-x: $kendo-grid-md-filter-cell-padding-x,\n        filter-cell-padding-y: $kendo-grid-md-filter-cell-padding-y,\n        edit-cell-padding-x: $kendo-grid-md-edit-cell-padding-x,\n        edit-cell-padding-y: $kendo-grid-md-edit-cell-padding-y,\n        button-padding-y: $kendo-button-md-padding-y,\n        button-calc-size: $kendo-button-md-calc-size,\n        group-dropclue-height: $kendo-grid-md-group-dropclue-height,\n        selection-aggregates-padding-x: $kendo-grid-md-selection-aggregates-padding-x,\n        selection-aggregates-padding-y: $kendo-grid-md-selection-aggregates-padding-y\n    ),\n)",
                         "scope": "default",
                         "line": {
-                            "start": 68,
-                            "end": 103
+                            "start": 73,
+                            "end": 108
                         }
                     },
                     "group": [
@@ -11772,7 +11306,7 @@
                     "context": {
                         "type": "variable",
                         "name": "kendo-loader-theme-colors",
-                        "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+                        "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\")",
                         "scope": "default",
                         "line": {
                             "start": 59,
@@ -11828,17 +11362,17 @@
                 {
                     "description": "The theme colors map of the MessageBox.\n",
                     "commentRange": {
-                        "start": 20,
-                        "end": 21
+                        "start": 21,
+                        "end": 22
                     },
                     "context": {
                         "type": "variable",
                         "name": "kendo-message-box-theme-colors",
-                        "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+                        "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"inverse\")",
                         "scope": "default",
                         "line": {
-                            "start": 22,
-                            "end": 22
+                            "start": 23,
+                            "end": 23
                         }
                     },
                     "group": [
@@ -12163,37 +11697,6 @@
                 }
             ]
         },
-        {
-            "id": "overlay",
-            "title": "Overlay",
-            "variables": [
-                {
-                    "description": "The theme colors map of the Overlay.\n",
-                    "commentRange": {
-                        "start": 6,
-                        "end": 7
-                    },
-                    "context": {
-                        "type": "variable",
-                        "name": "kendo-overlay-theme-colors",
-                        "value": "(\"dark\", \"light\", \"inverse\")",
-                        "scope": "default",
-                        "line": {
-                            "start": 8,
-                            "end": 8
-                        }
-                    },
-                    "group": [
-                        "overlay"
-                    ],
-                    "access": "public",
-                    "file": {
-                        "path": "core/scss/components/overlay/_variables.scss",
-                        "name": "_variables.scss"
-                    }
-                }
-            ]
-        },
         {
             "id": "pager",
             "title": "Pager",
@@ -12452,17 +11955,17 @@
                 {
                     "description": "The theme colors map of the Suggestion.\n",
                     "commentRange": {
-                        "start": 16,
-                        "end": 17
+                        "start": 17,
+                        "end": 18
                     },
                     "context": {
                         "type": "variable",
                         "name": "kendo-suggestion-theme-colors",
-                        "value": "(\"base\", \"primary\", \"secondary\")",
+                        "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\")",
                         "scope": "default",
                         "line": {
-                            "start": 18,
-                            "end": 18
+                            "start": 19,
+                            "end": 19
                         }
                     },
                     "group": [
@@ -12514,17 +12017,17 @@
                 {
                     "description": "The sizes map of the Table.\n",
                     "commentRange": {
-                        "start": 22,
-                        "end": 23
+                        "start": 31,
+                        "end": 32
                     },
                     "context": {
                         "type": "variable",
                         "name": "kendo-table-sizes",
-                        "value": "(\n    sm: (\n        font-size: var(--kendo-font-size),\n        line-height: var(--kendo-line-height),\n        cell-padding-x: $kendo-table-sm-cell-padding-x,\n        cell-padding-y: $kendo-table-sm-cell-padding-y\n    ),\n    md: (\n        font-size: var(--kendo-font-size),\n        line-height: var(--kendo-line-height),\n        cell-padding-x: $kendo-table-md-cell-padding-x,\n        cell-padding-y: $kendo-table-md-cell-padding-y\n    ),\n    lg: (\n        font-size: var(--kendo-font-size),\n        line-height: var(--kendo-line-height),\n        cell-padding-x: $kendo-table-lg-cell-padding-x,\n        cell-padding-y: $kendo-table-lg-cell-padding-y\n    )\n)",
+                        "value": "(\n    sm: (\n        font-size: $kendo-table-sm-font-size,\n        line-height: $kendo-table-sm-line-height,\n        cell-padding-x: $kendo-table-sm-cell-padding-x,\n        cell-padding-y: $kendo-table-sm-cell-padding-y\n    ),\n    md: (\n        font-size: $kendo-table-md-font-size,\n        line-height: $kendo-table-md-line-height,\n        cell-padding-x: $kendo-table-md-cell-padding-x,\n        cell-padding-y: $kendo-table-md-cell-padding-y\n    ),\n    lg: (\n        font-size: $kendo-table-lg-font-size,\n        line-height: $kendo-table-lg-line-height,\n        cell-padding-x: $kendo-table-lg-cell-padding-x,\n        cell-padding-y: $kendo-table-lg-cell-padding-y\n    )\n)",
                         "scope": "default",
                         "line": {
-                            "start": 24,
-                            "end": 43
+                            "start": 33,
+                            "end": 52
                         }
                     },
                     "group": [
@@ -12607,8 +12110,8 @@
                 {
                     "description": "The sizes map of the ToolBar.\n",
                     "commentRange": {
-                        "start": 59,
-                        "end": 60
+                        "start": 60,
+                        "end": 61
                     },
                     "context": {
                         "type": "variable",
@@ -12616,8 +12119,8 @@
                         "value": "(\n    sm: (\n        padding-x: $kendo-toolbar-sm-padding-x,\n        padding-y: $kendo-toolbar-sm-padding-y,\n        spacing: $kendo-toolbar-sm-spacing,\n        separator-height: $kendo-toolbar-sm-separator-height\n    ),\n    md: (\n        padding-x: $kendo-toolbar-md-padding-x,\n        padding-y: $kendo-toolbar-md-padding-y,\n        spacing: $kendo-toolbar-md-spacing,\n        separator-height: $kendo-toolbar-md-separator-height\n    ),\n    lg: (\n        padding-x: $kendo-toolbar-lg-padding-x,\n        padding-y: $kendo-toolbar-lg-padding-y,\n        spacing: $kendo-toolbar-lg-spacing,\n        separator-height: $kendo-toolbar-lg-separator-height\n    )\n)",
                         "scope": "default",
                         "line": {
-                            "start": 61,
-                            "end": 80
+                            "start": 62,
+                            "end": 81
                         }
                     },
                     "group": [
@@ -13822,8 +13325,8 @@
                 {
                     "description": "The sizes map of the Window.\n",
                     "commentRange": {
-                        "start": 42,
-                        "end": 43
+                        "start": 41,
+                        "end": 42
                     },
                     "context": {
                         "type": "variable",
@@ -13831,33 +13334,8 @@
                         "value": "(\n    auto: null,\n    sm: 300px,\n    md: 800px,\n    lg: 1200px\n)",
                         "scope": "default",
                         "line": {
-                            "start": 44,
-                            "end": 49
-                        }
-                    },
-                    "group": [
-                        "window"
-                    ],
-                    "access": "public",
-                    "file": {
-                        "path": "core/scss/components/window/_variables.scss",
-                        "name": "_variables.scss"
-                    }
-                },
-                {
-                    "description": "The theme colors map of the Window.\n",
-                    "commentRange": {
-                        "start": 51,
-                        "end": 52
-                    },
-                    "context": {
-                        "type": "variable",
-                        "name": "kendo-window-theme-colors",
-                        "value": "(\"primary\", \"light\", \"dark\")",
-                        "scope": "default",
-                        "line": {
-                            "start": 53,
-                            "end": 53
+                            "start": 43,
+                            "end": 48
                         }
                     },
                     "group": [