npm - @progress/kendo-theme-core - Versions diffs - 10.0.0 → 10.0.2-dev.0 - Mend

@progress/kendo-theme-core 10.0.0 → 10.0.2-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/meta/sassdoc-data.json +2217 -229
package/dist/meta/sassdoc-raw-data.json +997 -3
package/package.json +2 -2
package/scss/color-system/_swatch.scss +248 -1

package/dist/meta/sassdoc-data.json CHANGED Viewed

@@ -290,7 +290,7 @@
             "description": "The global default Colors map.\n",
             "commentRange": {
                 "start": 174,
-                "end": 175
+                "end": 423
             },
             "context": {
                 "type": "variable",
@@ -298,236 +298,1230 @@
                 "value": "$_default-colors",
                 "scope": "default",
                 "line": {
-                    "start": 176,
-                    "end": 176
+                    "start": 424,
+                    "end": 424
                 }
             },
             "group": [
                 "color-system"
             ],
-            "access": "public",
-            "file": {
-                "path": "core/scss/color-system/_swatch.scss",
-                "name": "_swatch.scss"
-            },
-            "usedBy": [
+            "subGroup": [
+                {
+                    "name": "misc",
+                    "value": [
+                        "app-surface",
+                        "on-app-surface",
+                        "subtle",
+                        "surface",
+                        "surface-alt",
+                        "border",
+                        "border-alt"
+                    ],
+                    "description": "The Misc variable group."
+                },
+                {
+                    "name": "base",
+                    "value": [
+                        "base-subtle",
+                        "base-subtle-hover",
+                        "base-subtle-active",
+                        "base",
+                        "base-hover",
+                        "base-active",
+                        "base-emphasis",
+                        "base-on-subtle",
+                        "on-base",
+                        "base-on-surface"
+                    ],
+                    "description": "The Base variable group."
+                },
+                {
+                    "name": "primary",
+                    "value": [
+                        "primary-subtle",
+                        "primary-subtle-hover",
+                        "primary-subtle-active",
+                        "primary",
+                        "primary-hover",
+                        "primary-active",
+                        "primary-emphasis",
+                        "primary-on-subtle",
+                        "on-primary",
+                        "primary-on-surface"
+                    ],
+                    "description": "The Primary variable group."
+                },
+                {
+                    "name": "secondary",
+                    "value": [
+                        "secondary-subtle",
+                        "secondary-subtle-hover",
+                        "secondary-subtle-active",
+                        "secondary",
+                        "secondary-hover",
+                        "secondary-active",
+                        "secondary-emphasis",
+                        "secondary-on-subtle",
+                        "on-secondary",
+                        "secondary-on-surface"
+                    ],
+                    "description": "The Secondary variable group."
+                },
+                {
+                    "name": "tertiary",
+                    "value": [
+                        "tertiary-subtle",
+                        "tertiary-subtle-hover",
+                        "tertiary-subtle-active",
+                        "tertiary",
+                        "tertiary-hover",
+                        "tertiary-active",
+                        "tertiary-emphasis",
+                        "tertiary-on-subtle",
+                        "on-tertiary",
+                        "tertiary-on-surface"
+                    ],
+                    "description": "The Tertiary variable group."
+                },
+                {
+                    "name": "info",
+                    "value": [
+                        "info-subtle",
+                        "info-subtle-hover",
+                        "info-subtle-active",
+                        "info",
+                        "info-hover",
+                        "info-active",
+                        "info-emphasis",
+                        "info-on-subtle",
+                        "on-info",
+                        "info-on-surface"
+                    ],
+                    "description": "The Info variable group."
+                },
+                {
+                    "name": "success",
+                    "value": [
+                        "success-subtle",
+                        "success-subtle-hover",
+                        "success-subtle-active",
+                        "success",
+                        "success-hover",
+                        "success-active",
+                        "success-emphasis",
+                        "success-on-subtle",
+                        "on-success",
+                        "success-on-surface"
+                    ],
+                    "description": "The Success variable group."
+                },
+                {
+                    "name": "warning",
+                    "value": [
+                        "warning-subtle",
+                        "warning-subtle-hover",
+                        "warning-subtle-active",
+                        "warning",
+                        "warning-hover",
+                        "warning-active",
+                        "warning-emphasis",
+                        "warning-on-subtle",
+                        "on-warning",
+                        "warning-on-surface"
+                    ],
+                    "description": "The Warning variable group."
+                },
+                {
+                    "name": "error",
+                    "value": [
+                        "error-subtle",
+                        "error-subtle-hover",
+                        "error-subtle-active",
+                        "error",
+                        "error-hover",
+                        "error-active",
+                        "error-emphasis",
+                        "error-on-subtle",
+                        "on-error",
+                        "error-on-surface"
+                    ],
+                    "description": "The Error variable group."
+                },
                 {
-                    "description": "Takes a color name from the $kendo-colors map as a parameter\nand returns a CSS variable with the actual color as a fallback\n",
-                    "context": {
-                        "type": "function",
-                        "name": "k-color",
-                        "code": "\n    $_color: map.get($kendo-colors, $key);\n\n    @if ($_color) {\n        @return var(--kendo-color-#{$key}, $_color);\n    } @else {\n        @error \"Color Variable \\`#{$key}\\` does not exists in the color collection.\";\n    }\n",
-                        "line": {
-                            "start": 321,
-                            "end": 329
-                        },
-                        "signature": "k-color($key)"
-                    }
-                }
-            ],
-            "resolvedValue": "(app-surface: #ffffff, on-app-surface: #3d3d3d, subtle: #666666, surface: #fafafa, surface-alt: #ffffff, border: rgba(0, 0, 0, 0.08), border-alt: rgba(0, 0, 0, 0.16), base-subtle: #ebebeb, base-subtle-hover: #e0e0e0, base-subtle-active: #d6d6d6, base: #f5f5f5, base-hover: #ebebeb, base-active: #d6d6d6, base-emphasis: #c2c2c2, base-on-subtle: #3d3d3d, on-base: #3d3d3d, base-on-surface: #3d3d3d, primary-subtle: #ffeceb, primary-subtle-hover: #ffdedb, primary-subtle-active: #ffc8c4, primary: #ff6358, primary-hover: #ea5a51, primary-active: #d45349, primary-emphasis: #ff9d97, primary-on-subtle: #5c201c, on-primary: #ffffff, primary-on-surface: #ff6358, secondary-subtle: #fafafa, secondary-subtle-hover: #f5f5f5, secondary-subtle-active: #ebebeb, secondary: #666666, secondary-hover: #525252, secondary-active: #3d3d3d, secondary-emphasis: #e0e0e0, secondary-on-subtle: #141414, on-secondary: #ffffff, secondary-on-surface: #292929, tertiary-subtle: #d8f1fd, tertiary-subtle-hover: #c5eafc, tertiary-subtle-active: #a3dffb, tertiary: #03a9f4, tertiary-hover: #039ae0, tertiary-active: #028ccb, tertiary-emphasis: #61c9f9, tertiary-on-subtle: #023f5c, on-tertiary: #ffffff, tertiary-on-surface: #028ccb, info-subtle: #d2e2fb, info-subtle-hover: #bdd4f8, info-subtle-active: #80acf4, info: #0058e9, info-hover: #0052d6, info-active: #004ac2, info-emphasis: #6098f2, info-on-subtle: #002259, on-info: #ffffff, info-on-surface: #004ac2, success-subtle: #dcf0d3, success-subtle-hover: #cbe9bf, success-subtle-active: #b7e1a5, success: #37b400, success-hover: #32a500, success-active: #2d9600, success-emphasis: #81d15f, success-on-subtle: #1c5a00, on-success: #ffffff, success-on-surface: #2d9600, warning-subtle: #fff4d3, warning-subtle-hover: #ffeebd, warning-subtle-active: #ffe79e, warning: #ffc000, warning-hover: #eaaf00, warning-active: #d49f00, warning-emphasis: #ffd760, warning-on-subtle: #5e4700, on-warning: #3d3d3d, warning-on-surface: #ffc000, error-subtle: #fcddda, error-subtle-hover: #fbc8c3, error-subtle-active: #f98b80, error: #f31700, error-hover: #df1600, error-active: #ca1400, error-emphasis: #f76f60, error-on-subtle: #7a0c00, on-error: #ffffff, error-on-surface: #ca1400, light-subtle: #fafafa, light-subtle-hover: #f5f5f5, light-subtle-active: #ebebeb, light: #ebebeb, light-hover: #e0e0e0, light-active: #d6d6d6, light-emphasis: #d6d6d6, light-on-subtle: #141414, on-light: #000000, light-on-surface: #e0e0e0, dark-subtle: #c2c2c2, dark-subtle-hover: #adadad, dark-subtle-active: #999999, dark: #3d3d3d, dark-hover: #292929, dark-active: #1f1f1f, dark-emphasis: #666666, dark-on-subtle: #1f1f1f, on-dark: #ffffff, dark-on-surface: #141414, inverse-subtle: #c2c2c2, inverse-subtle-hover: #adadad, inverse-subtle-active: #999999, inverse: #3d3d3d, inverse-hover: #292929, inverse-active: #1f1f1f, inverse-emphasis: #666666, inverse-on-subtle: #1f1f1f, on-inverse: #ffffff, inverse-on-surface: #141414, series-a: #ff6358, series-a-bold: #bf4a42, series-a-bolder: #80322c, series-a-subtle: #ffb1ac, series-a-subtler: #ff8a82, series-b: #ffe162, series-b-bold: #bfa94a, series-b-bolder: #807131, series-b-subtle: #fff0b1, series-b-subtler: #ffe989, series-c: #4cd180, series-c-bold: #399d60, series-c-bolder: #266940, series-c-subtle: #a6e8c0, series-c-subtler: #79dda0, series-d: #4b5ffa, series-d-bold: #3847bc, series-d-bolder: #26307d, series-d-subtle: #a5affd, series-d-subtler: #7887fb, series-e: #ac58ff, series-e-bold: #8142bf, series-e-bolder: #562c80, series-e-subtle: #d6acff, series-e-subtler: #c182ff, series-f: #ff5892, series-f-bold: #bf426e, series-f-bolder: #802c49, series-f-subtle: #ffacc9, series-f-subtler: #ff82ae)",
-            "resolvedType": "Map",
-            "prettyValue": {
-                "app-surface": "#ffffff",
-                "on-app-surface": "#3d3d3d",
-                "subtle": "#666666",
-                "surface": "#fafafa",
-                "surface-alt": "#ffffff",
-                "border": "rgba(0, 0, 0, 0.08)",
-                "border-alt": "rgba(0, 0, 0, 0.16)",
-                "base-subtle": "#ebebeb",
-                "base-subtle-hover": "#e0e0e0",
-                "base-subtle-active": "#d6d6d6",
-                "base": "#f5f5f5",
-                "base-hover": "#ebebeb",
-                "base-active": "#d6d6d6",
-                "base-emphasis": "#c2c2c2",
-                "base-on-subtle": "#3d3d3d",
-                "on-base": "#3d3d3d",
-                "base-on-surface": "#3d3d3d",
-                "primary-subtle": "#ffeceb",
-                "primary-subtle-hover": "#ffdedb",
-                "primary-subtle-active": "#ffc8c4",
-                "primary": "#ff6358",
-                "primary-hover": "#ea5a51",
-                "primary-active": "#d45349",
-                "primary-emphasis": "#ff9d97",
-                "primary-on-subtle": "#5c201c",
-                "on-primary": "#ffffff",
-                "primary-on-surface": "#ff6358",
-                "secondary-subtle": "#fafafa",
-                "secondary-subtle-hover": "#f5f5f5",
-                "secondary-subtle-active": "#ebebeb",
-                "secondary": "#666666",
-                "secondary-hover": "#525252",
-                "secondary-active": "#3d3d3d",
-                "secondary-emphasis": "#e0e0e0",
-                "secondary-on-subtle": "#141414",
-                "on-secondary": "#ffffff",
-                "secondary-on-surface": "#292929",
-                "tertiary-subtle": "#d8f1fd",
-                "tertiary-subtle-hover": "#c5eafc",
-                "tertiary-subtle-active": "#a3dffb",
-                "tertiary": "#03a9f4",
-                "tertiary-hover": "#039ae0",
-                "tertiary-active": "#028ccb",
-                "tertiary-emphasis": "#61c9f9",
-                "tertiary-on-subtle": "#023f5c",
-                "on-tertiary": "#ffffff",
-                "tertiary-on-surface": "#028ccb",
-                "info-subtle": "#d2e2fb",
-                "info-subtle-hover": "#bdd4f8",
-                "info-subtle-active": "#80acf4",
-                "info": "#0058e9",
-                "info-hover": "#0052d6",
-                "info-active": "#004ac2",
-                "info-emphasis": "#6098f2",
-                "info-on-subtle": "#002259",
-                "on-info": "#ffffff",
-                "info-on-surface": "#004ac2",
-                "success-subtle": "#dcf0d3",
-                "success-subtle-hover": "#cbe9bf",
-                "success-subtle-active": "#b7e1a5",
-                "success": "#37b400",
-                "success-hover": "#32a500",
-                "success-active": "#2d9600",
-                "success-emphasis": "#81d15f",
-                "success-on-subtle": "#1c5a00",
-                "on-success": "#ffffff",
-                "success-on-surface": "#2d9600",
-                "warning-subtle": "#fff4d3",
-                "warning-subtle-hover": "#ffeebd",
-                "warning-subtle-active": "#ffe79e",
-                "warning": "#ffc000",
-                "warning-hover": "#eaaf00",
-                "warning-active": "#d49f00",
-                "warning-emphasis": "#ffd760",
-                "warning-on-subtle": "#5e4700",
-                "on-warning": "#3d3d3d",
-                "warning-on-surface": "#ffc000",
-                "error-subtle": "#fcddda",
-                "error-subtle-hover": "#fbc8c3",
-                "error-subtle-active": "#f98b80",
-                "error": "#f31700",
-                "error-hover": "#df1600",
-                "error-active": "#ca1400",
-                "error-emphasis": "#f76f60",
-                "error-on-subtle": "#7a0c00",
-                "on-error": "#ffffff",
-                "error-on-surface": "#ca1400",
-                "light-subtle": "#fafafa",
-                "light-subtle-hover": "#f5f5f5",
-                "light-subtle-active": "#ebebeb",
-                "light": "#ebebeb",
-                "light-hover": "#e0e0e0",
-                "light-active": "#d6d6d6",
-                "light-emphasis": "#d6d6d6",
-                "light-on-subtle": "#141414",
-                "on-light": "#000000",
-                "light-on-surface": "#e0e0e0",
-                "dark-subtle": "#c2c2c2",
-                "dark-subtle-hover": "#adadad",
-                "dark-subtle-active": "#999999",
-                "dark": "#3d3d3d",
-                "dark-hover": "#292929",
-                "dark-active": "#1f1f1f",
-                "dark-emphasis": "#666666",
-                "dark-on-subtle": "#1f1f1f",
-                "on-dark": "#ffffff",
-                "dark-on-surface": "#141414",
-                "inverse-subtle": "#c2c2c2",
-                "inverse-subtle-hover": "#adadad",
-                "inverse-subtle-active": "#999999",
-                "inverse": "#3d3d3d",
-                "inverse-hover": "#292929",
-                "inverse-active": "#1f1f1f",
-                "inverse-emphasis": "#666666",
-                "inverse-on-subtle": "#1f1f1f",
-                "on-inverse": "#ffffff",
-                "inverse-on-surface": "#141414",
-                "series-a": "#ff6358",
-                "series-a-bold": "#bf4a42",
-                "series-a-bolder": "#80322c",
-                "series-a-subtle": "#ffb1ac",
-                "series-a-subtler": "#ff8a82",
-                "series-b": "#ffe162",
-                "series-b-bold": "#bfa94a",
-                "series-b-bolder": "#807131",
-                "series-b-subtle": "#fff0b1",
-                "series-b-subtler": "#ffe989",
-                "series-c": "#4cd180",
-                "series-c-bold": "#399d60",
-                "series-c-bolder": "#266940",
-                "series-c-subtle": "#a6e8c0",
-                "series-c-subtler": "#79dda0",
-                "series-d": "#4b5ffa",
-                "series-d-bold": "#3847bc",
-                "series-d-bolder": "#26307d",
-                "series-d-subtle": "#a5affd",
-                "series-d-subtler": "#7887fb",
-                "series-e": "#ac58ff",
-                "series-e-bold": "#8142bf",
-                "series-e-bolder": "#562c80",
-                "series-e-subtle": "#d6acff",
-                "series-e-subtler": "#c182ff",
-                "series-f": "#ff5892",
-                "series-f-bold": "#bf426e",
-                "series-f-bolder": "#802c49",
-                "series-f-subtle": "#ffacc9",
-                "series-f-subtler": "#ff82ae"
-            }
-        },
-        {
-            "description": "The global default Elevation map.\n",
-            "commentRange": {
-                "start": 42,
-                "end": 43
-            },
-            "context": {
-                "type": "variable",
-                "name": "kendo-elevation",
-                "value": "$_default-elevation",
-                "scope": "default",
-                "line": {
-                    "start": 44,
-                    "end": 44
+                    "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": [
+                        "inverse-subtle",
+                        "inverse-subtle-hover",
+                        "inverse-subtle-active",
+                        "inverse",
+                        "inverse-hover",
+                        "inverse-active",
+                        "inverse-emphasis",
+                        "inverse-on-subtle",
+                        "on-inverse",
+                        "inverse-on-surface"
+                    ],
+                    "description": "The Inverse variable group."
+                },
+                {
+                    "name": "series-a",
+                    "value": [
+                        "series-a",
+                        "series-a-bold",
+                        "series-a-bolder",
+                        "series-a-subtle",
+                        "series-a-subtler"
+                    ],
+                    "description": "The Series A variable group."
+                },
+                {
+                    "name": "series-b",
+                    "value": [
+                        "series-b",
+                        "series-b-bold",
+                        "series-b-bolder",
+                        "series-b-subtle",
+                        "series-b-subtler"
+                    ],
+                    "description": "The Series B variable group."
+                },
+                {
+                    "name": "series-c",
+                    "value": [
+                        "series-c",
+                        "series-c-bold",
+                        "series-c-bolder",
+                        "series-c-subtle",
+                        "series-c-subtler"
+                    ],
+                    "description": "The Series C variable group."
+                },
+                {
+                    "name": "series-d",
+                    "value": [
+                        "series-d",
+                        "series-d-bold",
+                        "series-d-bolder",
+                        "series-d-subtle",
+                        "series-d-subtler"
+                    ],
+                    "description": "The Series D variable group."
+                },
+                {
+                    "name": "series-e",
+                    "value": [
+                        "series-e",
+                        "series-e-bold",
+                        "series-e-bolder",
+                        "series-e-subtle",
+                        "series-e-subtler"
+                    ],
+                    "description": "The Series E variable group."
+                },
+                {
+                    "name": "series-f",
+                    "value": [
+                        "series-f",
+                        "series-f-bold",
+                        "series-f-bolder",
+                        "series-f-subtle",
+                        "series-f-subtler"
+                    ],
+                    "description": "The Series F variable group."
                 }
-            },
-            "group": [
-                "elevation"
             ],
-            "access": "public",
-            "file": {
-                "path": "core/scss/elevation/index.import.scss",
-                "name": "index.import.scss"
-            },
-            "resolvedValue": "(1: (0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12)), 2: (0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12)), 3: (0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12)), 4: (0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12)), 5: (0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)), 6: (0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12)), 7: (0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12)), 8: (0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12)), 9: (0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12)))",
-            "resolvedType": "Map",
-            "prettyValue": {
-                "1": "(0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12))",
-                "2": "(0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12))",
-                "3": "(0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12))",
-                "4": "(0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12))",
-                "5": "(0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12))",
-                "6": "(0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12))",
-                "7": "(0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12))",
-                "8": "(0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12))",
-                "9": "(0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12))"
-            }
-        },
-        {
-            "description": "The Gray Palette provides colors to the Base, Secondary, Light, Dark, and Inverse variable groups.\n",
-            "commentRange": {
-                "start": 223,
-                "end": 224
-            },
-            "context": {
-                "type": "variable",
-                "name": "kendo-palette-gray",
-                "value": "$_default-palette-gray",
-                "scope": "default",
-                "line": {
-                    "start": 225,
+            "property": [
+                {
+                    "type": "Color",
+                    "name": "app-surface",
+                    "description": "The background color of the application."
+                },
+                {
+                    "type": "Color",
+                    "name": "on-app-surface",
+                    "description": "The text color of the application."
+                },
+                {
+                    "type": "Color",
+                    "name": "subtle",
+                    "description": "The subtle text color."
+                },
+                {
+                    "type": "Color",
+                    "name": "surface",
+                    "description": "The background color of the components' chrome area."
+                },
+                {
+                    "type": "Color",
+                    "name": "surface-alt",
+                    "description": "The alternative background color of the components' chrome area."
+                },
+                {
+                    "type": "Color",
+                    "name": "border",
+                    "description": "The border color of the application."
+                },
+                {
+                    "type": "Color",
+                    "name": "border-alt",
+                    "description": "The alternative border color of the application."
+                },
+                {
+                    "type": "Color",
+                    "name": "base-subtle",
+                    "description": "The base subtle background color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "base-subtle-hover",
+                    "description": "The base subtle background color variable for the hover state."
+                },
+                {
+                    "type": "Color",
+                    "name": "base-subtle-active",
+                    "description": "The base subtle background color variable for the active state."
+                },
+                {
+                    "type": "Color",
+                    "name": "base",
+                    "description": "The base background color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "base-hover",
+                    "description": "The base background color variable for the hover state."
+                },
+                {
+                    "type": "Color",
+                    "name": "base-active",
+                    "description": "The base background color variable for the active state."
+                },
+                {
+                    "type": "Color",
+                    "name": "base-emphasis",
+                    "description": "The emphasized base color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "base-on-subtle",
+                    "description": "The text color variable for content on base subtle."
+                },
+                {
+                    "type": "Color",
+                    "name": "on-base",
+                    "description": "The text color variable for content on base."
+                },
+                {
+                    "type": "Color",
+                    "name": "base-on-surface",
+                    "description": "The text color variable for content on surface."
+                },
+                {
+                    "type": "Color",
+                    "name": "primary-subtle",
+                    "description": "The primary subtle background color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "primary-subtle-hover",
+                    "description": "The primary subtle background color variable for the hover state."
+                },
+                {
+                    "type": "Color",
+                    "name": "primary-subtle-active",
+                    "description": "The primary subtle background color variable for the active state."
+                },
+                {
+                    "type": "Color",
+                    "name": "primary",
+                    "description": "The primary background color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "primary-hover",
+                    "description": "The primary background color variable for the hover state."
+                },
+                {
+                    "type": "Color",
+                    "name": "primary-active",
+                    "description": "The primary background color variable for the active state."
+                },
+                {
+                    "type": "Color",
+                    "name": "primary-emphasis",
+                    "description": "The emphasized primary color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "primary-on-subtle",
+                    "description": "The text color variable for content on primary subtle."
+                },
+                {
+                    "type": "Color",
+                    "name": "on-primary",
+                    "description": "The text color variable for content on primary."
+                },
+                {
+                    "type": "Color",
+                    "name": "primary-on-surface",
+                    "description": "The text color variable for content on surface."
+                },
+                {
+                    "type": "Color",
+                    "name": "secondary-subtle",
+                    "description": "The secondary subtle background color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "secondary-subtle-hover",
+                    "description": "The secondary subtle background color variable for the hover state."
+                },
+                {
+                    "type": "Color",
+                    "name": "secondary-subtle-active",
+                    "description": "The secondary subtle background color variable for the active state."
+                },
+                {
+                    "type": "Color",
+                    "name": "secondary",
+                    "description": "The secondary background color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "secondary-hover",
+                    "description": "The secondary background color variable for the hover state."
+                },
+                {
+                    "type": "Color",
+                    "name": "secondary-active",
+                    "description": "The secondary background color variable for the active state."
+                },
+                {
+                    "type": "Color",
+                    "name": "secondary-emphasis",
+                    "description": "The emphasized secondary color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "secondary-on-subtle",
+                    "description": "The text color variable for content on secondary subtle."
+                },
+                {
+                    "type": "Color",
+                    "name": "on-secondary",
+                    "description": "The text color variable for content on secondary."
+                },
+                {
+                    "type": "Color",
+                    "name": "secondary-on-surface",
+                    "description": "The text color variable for content on surface."
+                },
+                {
+                    "type": "Color",
+                    "name": "tertiary-subtle",
+                    "description": "The tertiary subtle background color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "tertiary-subtle-hover",
+                    "description": "The tertiary subtle background color variable for the hover state."
+                },
+                {
+                    "type": "Color",
+                    "name": "tertiary-subtle-active",
+                    "description": "The tertiary subtle background color variable for the active state."
+                },
+                {
+                    "type": "Color",
+                    "name": "tertiary",
+                    "description": "The tertiary background color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "tertiary-hover",
+                    "description": "The tertiary background color variable for the hover state."
+                },
+                {
+                    "type": "Color",
+                    "name": "tertiary-active",
+                    "description": "The tertiary background color variable for the active state."
+                },
+                {
+                    "type": "Color",
+                    "name": "tertiary-emphasis",
+                    "description": "The emphasized tertiary color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "tertiary-on-subtle",
+                    "description": "The text color variable for content on tertiary subtle."
+                },
+                {
+                    "type": "Color",
+                    "name": "on-tertiary",
+                    "description": "The text color variable for content on tertiary."
+                },
+                {
+                    "type": "Color",
+                    "name": "tertiary-on-surface",
+                    "description": "The text color variable for content on surface."
+                },
+                {
+                    "type": "Color",
+                    "name": "info-subtle",
+                    "description": "The info subtle background color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "info-subtle-hover",
+                    "description": "The info subtle background color variable for the hover state."
+                },
+                {
+                    "type": "Color",
+                    "name": "info-subtle-active",
+                    "description": "The info subtle background color variable for the active state."
+                },
+                {
+                    "type": "Color",
+                    "name": "info",
+                    "description": "The info background color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "info-hover",
+                    "description": "The info background color variable for the hover state."
+                },
+                {
+                    "type": "Color",
+                    "name": "info-active",
+                    "description": "The info background color variable for the active state."
+                },
+                {
+                    "type": "Color",
+                    "name": "info-emphasis",
+                    "description": "The emphasized info color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "info-on-subtle",
+                    "description": "The text color variable for content on info subtle."
+                },
+                {
+                    "type": "Color",
+                    "name": "on-info",
+                    "description": "The text color variable for content on info."
+                },
+                {
+                    "type": "Color",
+                    "name": "info-on-surface",
+                    "description": "The text color variable for content on surface."
+                },
+                {
+                    "type": "Color",
+                    "name": "success-subtle",
+                    "description": "The success subtle background color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "success-subtle-hover",
+                    "description": "The success subtle background color variable for the hover state."
+                },
+                {
+                    "type": "Color",
+                    "name": "success-subtle-active",
+                    "description": "The success subtle background color variable for the active state."
+                },
+                {
+                    "type": "Color",
+                    "name": "success",
+                    "description": "The success background color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "success-hover",
+                    "description": "The success background color variable for the hover state."
+                },
+                {
+                    "type": "Color",
+                    "name": "success-active",
+                    "description": "The success background color variable for the active state."
+                },
+                {
+                    "type": "Color",
+                    "name": "success-emphasis",
+                    "description": "The emphasized success color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "success-on-subtle",
+                    "description": "The text color variable for content on success subtle."
+                },
+                {
+                    "type": "Color",
+                    "name": "on-success",
+                    "description": "The text color variable for content on success."
+                },
+                {
+                    "type": "Color",
+                    "name": "success-on-surface",
+                    "description": "The text color variable for content on surface."
+                },
+                {
+                    "type": "Color",
+                    "name": "warning-subtle",
+                    "description": "The warning subtle background color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "warning-subtle-hover",
+                    "description": "The warning subtle background color variable for the hover state."
+                },
+                {
+                    "type": "Color",
+                    "name": "warning-subtle-active",
+                    "description": "The warning subtle background color variable for the active state."
+                },
+                {
+                    "type": "Color",
+                    "name": "warning",
+                    "description": "The warning background color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "warning-hover",
+                    "description": "The warning background color variable for the hover state."
+                },
+                {
+                    "type": "Color",
+                    "name": "warning-active",
+                    "description": "The warning background color variable for the active state."
+                },
+                {
+                    "type": "Color",
+                    "name": "warning-emphasis",
+                    "description": "The emphasized warning color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "warning-on-subtle",
+                    "description": "The text color variable for content on warning subtle."
+                },
+                {
+                    "type": "Color",
+                    "name": "on-warning",
+                    "description": "The text color variable for content on warning."
+                },
+                {
+                    "type": "Color",
+                    "name": "warning-on-surface",
+                    "description": "The text color variable for content on surface."
+                },
+                {
+                    "type": "Color",
+                    "name": "error-subtle",
+                    "description": "The error subtle background color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "error-subtle-hover",
+                    "description": "The error subtle background color variable for the hover state."
+                },
+                {
+                    "type": "Color",
+                    "name": "error-subtle-active",
+                    "description": "The error subtle background color variable for the active state."
+                },
+                {
+                    "type": "Color",
+                    "name": "error",
+                    "description": "The error background color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "error-hover",
+                    "description": "The error background color variable for the hover state."
+                },
+                {
+                    "type": "Color",
+                    "name": "error-active",
+                    "description": "The error background color variable for the active state."
+                },
+                {
+                    "type": "Color",
+                    "name": "error-emphasis",
+                    "description": "The emphasized error color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "error-on-subtle",
+                    "description": "The text color variable for content on error subtle."
+                },
+                {
+                    "type": "Color",
+                    "name": "on-error",
+                    "description": "The text color variable for content on error."
+                },
+                {
+                    "type": "Color",
+                    "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",
+                    "description": "The inverse subtle background color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "inverse-subtle-hover",
+                    "description": "The inverse subtle background color variable for the hover state."
+                },
+                {
+                    "type": "Color",
+                    "name": "inverse-subtle-active",
+                    "description": "The inverse subtle background color variable for the active state."
+                },
+                {
+                    "type": "Color",
+                    "name": "inverse",
+                    "description": "The inverse background color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "inverse-hover",
+                    "description": "The inverse background color variable for the hover state."
+                },
+                {
+                    "type": "Color",
+                    "name": "inverse-active",
+                    "description": "The inverse background color variable for the active state."
+                },
+                {
+                    "type": "Color",
+                    "name": "inverse-emphasis",
+                    "description": "The emphasized inverse color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "inverse-on-subtle",
+                    "description": "The text color variable for content on inverse subtle."
+                },
+                {
+                    "type": "Color",
+                    "name": "on-inverse",
+                    "description": "The text color variable for content on inverse."
+                },
+                {
+                    "type": "Color",
+                    "name": "inverse-on-surface",
+                    "description": "The text color variable for content on surface."
+                },
+                {
+                    "type": "Color",
+                    "name": "series-a",
+                    "description": "The series A color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "series-a-bold",
+                    "description": "The bold series A color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "series-a-bolder",
+                    "description": "The bolder series A color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "series-a-subtle",
+                    "description": "The subtle series A color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "series-a-subtler",
+                    "description": "The subtler series A color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "series-b",
+                    "description": "The series B color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "series-b-bold",
+                    "description": "The bold series B color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "series-b-bolder",
+                    "description": "The bolder series B color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "series-b-subtle",
+                    "description": "The subtle series B color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "series-b-subtler",
+                    "description": "The subtler series B color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "series-c",
+                    "description": "The series C color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "series-c-bold",
+                    "description": "The bold series C color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "series-c-bolder",
+                    "description": "The bolder series C color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "series-c-subtle",
+                    "description": "The subtle series C color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "series-c-subtler",
+                    "description": "The subtler series C color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "series-d",
+                    "description": "The series D color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "series-d-bold",
+                    "description": "The bold series D color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "series-d-bolder",
+                    "description": "The bolder series D color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "series-d-subtle",
+                    "description": "The subtle series D color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "series-d-subtler",
+                    "description": "The subtler series D color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "series-e",
+                    "description": "The series E color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "series-e-bold",
+                    "description": "The bold series E color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "series-e-bolder",
+                    "description": "The bolder series E color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "series-e-subtle",
+                    "description": "The subtle series E color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "series-e-subtler",
+                    "description": "The subtler series E color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "series-f",
+                    "description": "The series F color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "series-f-bold",
+                    "description": "The bold series F color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "series-f-bolder",
+                    "description": "The bolder series F color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "series-f-subtle",
+                    "description": "The subtle series F color variable."
+                },
+                {
+                    "type": "Color",
+                    "name": "series-f-subtler",
+                    "description": "The subtler series F color variable."
+                }
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/color-system/_swatch.scss",
+                "name": "_swatch.scss"
+            },
+            "usedBy": [
+                {
+                    "description": "Takes a color name from the $kendo-colors map as a parameter\nand returns a CSS variable with the actual color as a fallback\n",
+                    "context": {
+                        "type": "function",
+                        "name": "k-color",
+                        "code": "\n    $_color: map.get($kendo-colors, $key);\n\n    @if ($_color) {\n        @return var(--kendo-color-#{$key}, $_color);\n    } @else {\n        @error \"Color Variable \\`#{$key}\\` does not exists in the color collection.\";\n    }\n",
+                        "line": {
+                            "start": 321,
+                            "end": 329
+                        },
+                        "signature": "k-color($key)"
+                    }
+                }
+            ],
+            "resolvedValue": "(app-surface: #ffffff, on-app-surface: #3d3d3d, subtle: #666666, surface: #fafafa, surface-alt: #ffffff, border: rgba(0, 0, 0, 0.08), border-alt: rgba(0, 0, 0, 0.16), base-subtle: #ebebeb, base-subtle-hover: #e0e0e0, base-subtle-active: #d6d6d6, base: #f5f5f5, base-hover: #ebebeb, base-active: #d6d6d6, base-emphasis: #c2c2c2, base-on-subtle: #3d3d3d, on-base: #3d3d3d, base-on-surface: #3d3d3d, primary-subtle: #ffeceb, primary-subtle-hover: #ffdedb, primary-subtle-active: #ffc8c4, primary: #ff6358, primary-hover: #ea5a51, primary-active: #d45349, primary-emphasis: #ff9d97, primary-on-subtle: #5c201c, on-primary: #ffffff, primary-on-surface: #ff6358, secondary-subtle: #fafafa, secondary-subtle-hover: #f5f5f5, secondary-subtle-active: #ebebeb, secondary: #666666, secondary-hover: #525252, secondary-active: #3d3d3d, secondary-emphasis: #e0e0e0, secondary-on-subtle: #141414, on-secondary: #ffffff, secondary-on-surface: #292929, tertiary-subtle: #d8f1fd, tertiary-subtle-hover: #c5eafc, tertiary-subtle-active: #a3dffb, tertiary: #03a9f4, tertiary-hover: #039ae0, tertiary-active: #028ccb, tertiary-emphasis: #61c9f9, tertiary-on-subtle: #023f5c, on-tertiary: #ffffff, tertiary-on-surface: #028ccb, info-subtle: #d2e2fb, info-subtle-hover: #bdd4f8, info-subtle-active: #80acf4, info: #0058e9, info-hover: #0052d6, info-active: #004ac2, info-emphasis: #6098f2, info-on-subtle: #002259, on-info: #ffffff, info-on-surface: #004ac2, success-subtle: #dcf0d3, success-subtle-hover: #cbe9bf, success-subtle-active: #b7e1a5, success: #37b400, success-hover: #32a500, success-active: #2d9600, success-emphasis: #81d15f, success-on-subtle: #1c5a00, on-success: #ffffff, success-on-surface: #2d9600, warning-subtle: #fff4d3, warning-subtle-hover: #ffeebd, warning-subtle-active: #ffe79e, warning: #ffc000, warning-hover: #eaaf00, warning-active: #d49f00, warning-emphasis: #ffd760, warning-on-subtle: #5e4700, on-warning: #3d3d3d, warning-on-surface: #ffc000, error-subtle: #fcddda, error-subtle-hover: #fbc8c3, error-subtle-active: #f98b80, error: #f31700, error-hover: #df1600, error-active: #ca1400, error-emphasis: #f76f60, error-on-subtle: #7a0c00, on-error: #ffffff, error-on-surface: #ca1400, light-subtle: #fafafa, light-subtle-hover: #f5f5f5, light-subtle-active: #ebebeb, light: #ebebeb, light-hover: #e0e0e0, light-active: #d6d6d6, light-emphasis: #d6d6d6, light-on-subtle: #141414, on-light: #000000, light-on-surface: #e0e0e0, dark-subtle: #c2c2c2, dark-subtle-hover: #adadad, dark-subtle-active: #999999, dark: #3d3d3d, dark-hover: #292929, dark-active: #1f1f1f, dark-emphasis: #666666, dark-on-subtle: #1f1f1f, on-dark: #ffffff, dark-on-surface: #141414, inverse-subtle: #c2c2c2, inverse-subtle-hover: #adadad, inverse-subtle-active: #999999, inverse: #3d3d3d, inverse-hover: #292929, inverse-active: #1f1f1f, inverse-emphasis: #666666, inverse-on-subtle: #1f1f1f, on-inverse: #ffffff, inverse-on-surface: #141414, series-a: #ff6358, series-a-bold: #bf4a42, series-a-bolder: #80322c, series-a-subtle: #ffb1ac, series-a-subtler: #ff8a82, series-b: #ffe162, series-b-bold: #bfa94a, series-b-bolder: #807131, series-b-subtle: #fff0b1, series-b-subtler: #ffe989, series-c: #4cd180, series-c-bold: #399d60, series-c-bolder: #266940, series-c-subtle: #a6e8c0, series-c-subtler: #79dda0, series-d: #4b5ffa, series-d-bold: #3847bc, series-d-bolder: #26307d, series-d-subtle: #a5affd, series-d-subtler: #7887fb, series-e: #ac58ff, series-e-bold: #8142bf, series-e-bolder: #562c80, series-e-subtle: #d6acff, series-e-subtler: #c182ff, series-f: #ff5892, series-f-bold: #bf426e, series-f-bolder: #802c49, series-f-subtle: #ffacc9, series-f-subtler: #ff82ae)",
+            "resolvedType": "Map",
+            "prettyValue": {
+                "app-surface": "#ffffff",
+                "on-app-surface": "#3d3d3d",
+                "subtle": "#666666",
+                "surface": "#fafafa",
+                "surface-alt": "#ffffff",
+                "border": "rgba(0, 0, 0, 0.08)",
+                "border-alt": "rgba(0, 0, 0, 0.16)",
+                "base-subtle": "#ebebeb",
+                "base-subtle-hover": "#e0e0e0",
+                "base-subtle-active": "#d6d6d6",
+                "base": "#f5f5f5",
+                "base-hover": "#ebebeb",
+                "base-active": "#d6d6d6",
+                "base-emphasis": "#c2c2c2",
+                "base-on-subtle": "#3d3d3d",
+                "on-base": "#3d3d3d",
+                "base-on-surface": "#3d3d3d",
+                "primary-subtle": "#ffeceb",
+                "primary-subtle-hover": "#ffdedb",
+                "primary-subtle-active": "#ffc8c4",
+                "primary": "#ff6358",
+                "primary-hover": "#ea5a51",
+                "primary-active": "#d45349",
+                "primary-emphasis": "#ff9d97",
+                "primary-on-subtle": "#5c201c",
+                "on-primary": "#ffffff",
+                "primary-on-surface": "#ff6358",
+                "secondary-subtle": "#fafafa",
+                "secondary-subtle-hover": "#f5f5f5",
+                "secondary-subtle-active": "#ebebeb",
+                "secondary": "#666666",
+                "secondary-hover": "#525252",
+                "secondary-active": "#3d3d3d",
+                "secondary-emphasis": "#e0e0e0",
+                "secondary-on-subtle": "#141414",
+                "on-secondary": "#ffffff",
+                "secondary-on-surface": "#292929",
+                "tertiary-subtle": "#d8f1fd",
+                "tertiary-subtle-hover": "#c5eafc",
+                "tertiary-subtle-active": "#a3dffb",
+                "tertiary": "#03a9f4",
+                "tertiary-hover": "#039ae0",
+                "tertiary-active": "#028ccb",
+                "tertiary-emphasis": "#61c9f9",
+                "tertiary-on-subtle": "#023f5c",
+                "on-tertiary": "#ffffff",
+                "tertiary-on-surface": "#028ccb",
+                "info-subtle": "#d2e2fb",
+                "info-subtle-hover": "#bdd4f8",
+                "info-subtle-active": "#80acf4",
+                "info": "#0058e9",
+                "info-hover": "#0052d6",
+                "info-active": "#004ac2",
+                "info-emphasis": "#6098f2",
+                "info-on-subtle": "#002259",
+                "on-info": "#ffffff",
+                "info-on-surface": "#004ac2",
+                "success-subtle": "#dcf0d3",
+                "success-subtle-hover": "#cbe9bf",
+                "success-subtle-active": "#b7e1a5",
+                "success": "#37b400",
+                "success-hover": "#32a500",
+                "success-active": "#2d9600",
+                "success-emphasis": "#81d15f",
+                "success-on-subtle": "#1c5a00",
+                "on-success": "#ffffff",
+                "success-on-surface": "#2d9600",
+                "warning-subtle": "#fff4d3",
+                "warning-subtle-hover": "#ffeebd",
+                "warning-subtle-active": "#ffe79e",
+                "warning": "#ffc000",
+                "warning-hover": "#eaaf00",
+                "warning-active": "#d49f00",
+                "warning-emphasis": "#ffd760",
+                "warning-on-subtle": "#5e4700",
+                "on-warning": "#3d3d3d",
+                "warning-on-surface": "#ffc000",
+                "error-subtle": "#fcddda",
+                "error-subtle-hover": "#fbc8c3",
+                "error-subtle-active": "#f98b80",
+                "error": "#f31700",
+                "error-hover": "#df1600",
+                "error-active": "#ca1400",
+                "error-emphasis": "#f76f60",
+                "error-on-subtle": "#7a0c00",
+                "on-error": "#ffffff",
+                "error-on-surface": "#ca1400",
+                "light-subtle": "#fafafa",
+                "light-subtle-hover": "#f5f5f5",
+                "light-subtle-active": "#ebebeb",
+                "light": "#ebebeb",
+                "light-hover": "#e0e0e0",
+                "light-active": "#d6d6d6",
+                "light-emphasis": "#d6d6d6",
+                "light-on-subtle": "#141414",
+                "on-light": "#000000",
+                "light-on-surface": "#e0e0e0",
+                "dark-subtle": "#c2c2c2",
+                "dark-subtle-hover": "#adadad",
+                "dark-subtle-active": "#999999",
+                "dark": "#3d3d3d",
+                "dark-hover": "#292929",
+                "dark-active": "#1f1f1f",
+                "dark-emphasis": "#666666",
+                "dark-on-subtle": "#1f1f1f",
+                "on-dark": "#ffffff",
+                "dark-on-surface": "#141414",
+                "inverse-subtle": "#c2c2c2",
+                "inverse-subtle-hover": "#adadad",
+                "inverse-subtle-active": "#999999",
+                "inverse": "#3d3d3d",
+                "inverse-hover": "#292929",
+                "inverse-active": "#1f1f1f",
+                "inverse-emphasis": "#666666",
+                "inverse-on-subtle": "#1f1f1f",
+                "on-inverse": "#ffffff",
+                "inverse-on-surface": "#141414",
+                "series-a": "#ff6358",
+                "series-a-bold": "#bf4a42",
+                "series-a-bolder": "#80322c",
+                "series-a-subtle": "#ffb1ac",
+                "series-a-subtler": "#ff8a82",
+                "series-b": "#ffe162",
+                "series-b-bold": "#bfa94a",
+                "series-b-bolder": "#807131",
+                "series-b-subtle": "#fff0b1",
+                "series-b-subtler": "#ffe989",
+                "series-c": "#4cd180",
+                "series-c-bold": "#399d60",
+                "series-c-bolder": "#266940",
+                "series-c-subtle": "#a6e8c0",
+                "series-c-subtler": "#79dda0",
+                "series-d": "#4b5ffa",
+                "series-d-bold": "#3847bc",
+                "series-d-bolder": "#26307d",
+                "series-d-subtle": "#a5affd",
+                "series-d-subtler": "#7887fb",
+                "series-e": "#ac58ff",
+                "series-e-bold": "#8142bf",
+                "series-e-bolder": "#562c80",
+                "series-e-subtle": "#d6acff",
+                "series-e-subtler": "#c182ff",
+                "series-f": "#ff5892",
+                "series-f-bold": "#bf426e",
+                "series-f-bolder": "#802c49",
+                "series-f-subtle": "#ffacc9",
+                "series-f-subtler": "#ff82ae"
+            }
+        },
+        {
+            "description": "The global default Elevation map.\n",
+            "commentRange": {
+                "start": 42,
+                "end": 43
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-elevation",
+                "value": "$_default-elevation",
+                "scope": "default",
+                "line": {
+                    "start": 44,
+                    "end": 44
+                }
+            },
+            "group": [
+                "elevation"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/elevation/index.import.scss",
+                "name": "index.import.scss"
+            },
+            "resolvedValue": "(1: (0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12)), 2: (0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12)), 3: (0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12)), 4: (0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12)), 5: (0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)), 6: (0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12)), 7: (0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12)), 8: (0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12)), 9: (0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12)))",
+            "resolvedType": "Map",
+            "prettyValue": {
+                "1": "(0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12))",
+                "2": "(0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12))",
+                "3": "(0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12))",
+                "4": "(0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12))",
+                "5": "(0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12))",
+                "6": "(0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12))",
+                "7": "(0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12))",
+                "8": "(0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12))",
+                "9": "(0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12))"
+            }
+        },
+        {
+            "description": "The Gray Palette provides colors to the Base, Secondary, Light, Dark, and Inverse variable groups.\n",
+            "commentRange": {
+                "start": 223,
+                "end": 224
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-palette-gray",
+                "value": "$_default-palette-gray",
+                "scope": "default",
+                "line": {
+                    "start": 225,
                     "end": 225
                 }
             },
@@ -10515,7 +11509,7 @@
                     "description": "The global default Colors map.\n",
                     "commentRange": {
                         "start": 174,
-                        "end": 175
+                        "end": 423
                     },
                     "context": {
                         "type": "variable",
@@ -10523,12 +11517,1006 @@
                         "value": "$_default-colors",
                         "scope": "default",
                         "line": {
-                            "start": 176,
-                            "end": 176
+                            "start": 424,
+                            "end": 424
+                        }
+                    },
+                    "group": [
+                        "color-system"
+                    ],
+                    "subGroup": [
+                        {
+                            "name": "misc",
+                            "value": [
+                                "app-surface",
+                                "on-app-surface",
+                                "subtle",
+                                "surface",
+                                "surface-alt",
+                                "border",
+                                "border-alt"
+                            ],
+                            "description": "The Misc variable group."
+                        },
+                        {
+                            "name": "base",
+                            "value": [
+                                "base-subtle",
+                                "base-subtle-hover",
+                                "base-subtle-active",
+                                "base",
+                                "base-hover",
+                                "base-active",
+                                "base-emphasis",
+                                "base-on-subtle",
+                                "on-base",
+                                "base-on-surface"
+                            ],
+                            "description": "The Base variable group."
+                        },
+                        {
+                            "name": "primary",
+                            "value": [
+                                "primary-subtle",
+                                "primary-subtle-hover",
+                                "primary-subtle-active",
+                                "primary",
+                                "primary-hover",
+                                "primary-active",
+                                "primary-emphasis",
+                                "primary-on-subtle",
+                                "on-primary",
+                                "primary-on-surface"
+                            ],
+                            "description": "The Primary variable group."
+                        },
+                        {
+                            "name": "secondary",
+                            "value": [
+                                "secondary-subtle",
+                                "secondary-subtle-hover",
+                                "secondary-subtle-active",
+                                "secondary",
+                                "secondary-hover",
+                                "secondary-active",
+                                "secondary-emphasis",
+                                "secondary-on-subtle",
+                                "on-secondary",
+                                "secondary-on-surface"
+                            ],
+                            "description": "The Secondary variable group."
+                        },
+                        {
+                            "name": "tertiary",
+                            "value": [
+                                "tertiary-subtle",
+                                "tertiary-subtle-hover",
+                                "tertiary-subtle-active",
+                                "tertiary",
+                                "tertiary-hover",
+                                "tertiary-active",
+                                "tertiary-emphasis",
+                                "tertiary-on-subtle",
+                                "on-tertiary",
+                                "tertiary-on-surface"
+                            ],
+                            "description": "The Tertiary variable group."
+                        },
+                        {
+                            "name": "info",
+                            "value": [
+                                "info-subtle",
+                                "info-subtle-hover",
+                                "info-subtle-active",
+                                "info",
+                                "info-hover",
+                                "info-active",
+                                "info-emphasis",
+                                "info-on-subtle",
+                                "on-info",
+                                "info-on-surface"
+                            ],
+                            "description": "The Info variable group."
+                        },
+                        {
+                            "name": "success",
+                            "value": [
+                                "success-subtle",
+                                "success-subtle-hover",
+                                "success-subtle-active",
+                                "success",
+                                "success-hover",
+                                "success-active",
+                                "success-emphasis",
+                                "success-on-subtle",
+                                "on-success",
+                                "success-on-surface"
+                            ],
+                            "description": "The Success variable group."
+                        },
+                        {
+                            "name": "warning",
+                            "value": [
+                                "warning-subtle",
+                                "warning-subtle-hover",
+                                "warning-subtle-active",
+                                "warning",
+                                "warning-hover",
+                                "warning-active",
+                                "warning-emphasis",
+                                "warning-on-subtle",
+                                "on-warning",
+                                "warning-on-surface"
+                            ],
+                            "description": "The Warning variable group."
+                        },
+                        {
+                            "name": "error",
+                            "value": [
+                                "error-subtle",
+                                "error-subtle-hover",
+                                "error-subtle-active",
+                                "error",
+                                "error-hover",
+                                "error-active",
+                                "error-emphasis",
+                                "error-on-subtle",
+                                "on-error",
+                                "error-on-surface"
+                            ],
+                            "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": [
+                                "inverse-subtle",
+                                "inverse-subtle-hover",
+                                "inverse-subtle-active",
+                                "inverse",
+                                "inverse-hover",
+                                "inverse-active",
+                                "inverse-emphasis",
+                                "inverse-on-subtle",
+                                "on-inverse",
+                                "inverse-on-surface"
+                            ],
+                            "description": "The Inverse variable group."
+                        },
+                        {
+                            "name": "series-a",
+                            "value": [
+                                "series-a",
+                                "series-a-bold",
+                                "series-a-bolder",
+                                "series-a-subtle",
+                                "series-a-subtler"
+                            ],
+                            "description": "The Series A variable group."
+                        },
+                        {
+                            "name": "series-b",
+                            "value": [
+                                "series-b",
+                                "series-b-bold",
+                                "series-b-bolder",
+                                "series-b-subtle",
+                                "series-b-subtler"
+                            ],
+                            "description": "The Series B variable group."
+                        },
+                        {
+                            "name": "series-c",
+                            "value": [
+                                "series-c",
+                                "series-c-bold",
+                                "series-c-bolder",
+                                "series-c-subtle",
+                                "series-c-subtler"
+                            ],
+                            "description": "The Series C variable group."
+                        },
+                        {
+                            "name": "series-d",
+                            "value": [
+                                "series-d",
+                                "series-d-bold",
+                                "series-d-bolder",
+                                "series-d-subtle",
+                                "series-d-subtler"
+                            ],
+                            "description": "The Series D variable group."
+                        },
+                        {
+                            "name": "series-e",
+                            "value": [
+                                "series-e",
+                                "series-e-bold",
+                                "series-e-bolder",
+                                "series-e-subtle",
+                                "series-e-subtler"
+                            ],
+                            "description": "The Series E variable group."
+                        },
+                        {
+                            "name": "series-f",
+                            "value": [
+                                "series-f",
+                                "series-f-bold",
+                                "series-f-bolder",
+                                "series-f-subtle",
+                                "series-f-subtler"
+                            ],
+                            "description": "The Series F variable group."
+                        }
+                    ],
+                    "property": [
+                        {
+                            "type": "Color",
+                            "name": "app-surface",
+                            "description": "The background color of the application."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "on-app-surface",
+                            "description": "The text color of the application."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "subtle",
+                            "description": "The subtle text color."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "surface",
+                            "description": "The background color of the components' chrome area."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "surface-alt",
+                            "description": "The alternative background color of the components' chrome area."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "border",
+                            "description": "The border color of the application."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "border-alt",
+                            "description": "The alternative border color of the application."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "base-subtle",
+                            "description": "The base subtle background color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "base-subtle-hover",
+                            "description": "The base subtle background color variable for the hover state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "base-subtle-active",
+                            "description": "The base subtle background color variable for the active state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "base",
+                            "description": "The base background color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "base-hover",
+                            "description": "The base background color variable for the hover state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "base-active",
+                            "description": "The base background color variable for the active state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "base-emphasis",
+                            "description": "The emphasized base color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "base-on-subtle",
+                            "description": "The text color variable for content on base subtle."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "on-base",
+                            "description": "The text color variable for content on base."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "base-on-surface",
+                            "description": "The text color variable for content on surface."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "primary-subtle",
+                            "description": "The primary subtle background color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "primary-subtle-hover",
+                            "description": "The primary subtle background color variable for the hover state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "primary-subtle-active",
+                            "description": "The primary subtle background color variable for the active state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "primary",
+                            "description": "The primary background color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "primary-hover",
+                            "description": "The primary background color variable for the hover state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "primary-active",
+                            "description": "The primary background color variable for the active state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "primary-emphasis",
+                            "description": "The emphasized primary color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "primary-on-subtle",
+                            "description": "The text color variable for content on primary subtle."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "on-primary",
+                            "description": "The text color variable for content on primary."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "primary-on-surface",
+                            "description": "The text color variable for content on surface."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "secondary-subtle",
+                            "description": "The secondary subtle background color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "secondary-subtle-hover",
+                            "description": "The secondary subtle background color variable for the hover state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "secondary-subtle-active",
+                            "description": "The secondary subtle background color variable for the active state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "secondary",
+                            "description": "The secondary background color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "secondary-hover",
+                            "description": "The secondary background color variable for the hover state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "secondary-active",
+                            "description": "The secondary background color variable for the active state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "secondary-emphasis",
+                            "description": "The emphasized secondary color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "secondary-on-subtle",
+                            "description": "The text color variable for content on secondary subtle."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "on-secondary",
+                            "description": "The text color variable for content on secondary."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "secondary-on-surface",
+                            "description": "The text color variable for content on surface."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "tertiary-subtle",
+                            "description": "The tertiary subtle background color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "tertiary-subtle-hover",
+                            "description": "The tertiary subtle background color variable for the hover state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "tertiary-subtle-active",
+                            "description": "The tertiary subtle background color variable for the active state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "tertiary",
+                            "description": "The tertiary background color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "tertiary-hover",
+                            "description": "The tertiary background color variable for the hover state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "tertiary-active",
+                            "description": "The tertiary background color variable for the active state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "tertiary-emphasis",
+                            "description": "The emphasized tertiary color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "tertiary-on-subtle",
+                            "description": "The text color variable for content on tertiary subtle."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "on-tertiary",
+                            "description": "The text color variable for content on tertiary."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "tertiary-on-surface",
+                            "description": "The text color variable for content on surface."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "info-subtle",
+                            "description": "The info subtle background color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "info-subtle-hover",
+                            "description": "The info subtle background color variable for the hover state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "info-subtle-active",
+                            "description": "The info subtle background color variable for the active state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "info",
+                            "description": "The info background color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "info-hover",
+                            "description": "The info background color variable for the hover state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "info-active",
+                            "description": "The info background color variable for the active state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "info-emphasis",
+                            "description": "The emphasized info color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "info-on-subtle",
+                            "description": "The text color variable for content on info subtle."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "on-info",
+                            "description": "The text color variable for content on info."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "info-on-surface",
+                            "description": "The text color variable for content on surface."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "success-subtle",
+                            "description": "The success subtle background color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "success-subtle-hover",
+                            "description": "The success subtle background color variable for the hover state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "success-subtle-active",
+                            "description": "The success subtle background color variable for the active state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "success",
+                            "description": "The success background color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "success-hover",
+                            "description": "The success background color variable for the hover state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "success-active",
+                            "description": "The success background color variable for the active state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "success-emphasis",
+                            "description": "The emphasized success color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "success-on-subtle",
+                            "description": "The text color variable for content on success subtle."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "on-success",
+                            "description": "The text color variable for content on success."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "success-on-surface",
+                            "description": "The text color variable for content on surface."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "warning-subtle",
+                            "description": "The warning subtle background color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "warning-subtle-hover",
+                            "description": "The warning subtle background color variable for the hover state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "warning-subtle-active",
+                            "description": "The warning subtle background color variable for the active state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "warning",
+                            "description": "The warning background color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "warning-hover",
+                            "description": "The warning background color variable for the hover state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "warning-active",
+                            "description": "The warning background color variable for the active state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "warning-emphasis",
+                            "description": "The emphasized warning color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "warning-on-subtle",
+                            "description": "The text color variable for content on warning subtle."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "on-warning",
+                            "description": "The text color variable for content on warning."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "warning-on-surface",
+                            "description": "The text color variable for content on surface."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "error-subtle",
+                            "description": "The error subtle background color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "error-subtle-hover",
+                            "description": "The error subtle background color variable for the hover state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "error-subtle-active",
+                            "description": "The error subtle background color variable for the active state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "error",
+                            "description": "The error background color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "error-hover",
+                            "description": "The error background color variable for the hover state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "error-active",
+                            "description": "The error background color variable for the active state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "error-emphasis",
+                            "description": "The emphasized error color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "error-on-subtle",
+                            "description": "The text color variable for content on error subtle."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "on-error",
+                            "description": "The text color variable for content on error."
+                        },
+                        {
+                            "type": "Color",
+                            "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",
+                            "description": "The inverse subtle background color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "inverse-subtle-hover",
+                            "description": "The inverse subtle background color variable for the hover state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "inverse-subtle-active",
+                            "description": "The inverse subtle background color variable for the active state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "inverse",
+                            "description": "The inverse background color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "inverse-hover",
+                            "description": "The inverse background color variable for the hover state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "inverse-active",
+                            "description": "The inverse background color variable for the active state."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "inverse-emphasis",
+                            "description": "The emphasized inverse color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "inverse-on-subtle",
+                            "description": "The text color variable for content on inverse subtle."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "on-inverse",
+                            "description": "The text color variable for content on inverse."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "inverse-on-surface",
+                            "description": "The text color variable for content on surface."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "series-a",
+                            "description": "The series A color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "series-a-bold",
+                            "description": "The bold series A color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "series-a-bolder",
+                            "description": "The bolder series A color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "series-a-subtle",
+                            "description": "The subtle series A color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "series-a-subtler",
+                            "description": "The subtler series A color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "series-b",
+                            "description": "The series B color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "series-b-bold",
+                            "description": "The bold series B color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "series-b-bolder",
+                            "description": "The bolder series B color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "series-b-subtle",
+                            "description": "The subtle series B color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "series-b-subtler",
+                            "description": "The subtler series B color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "series-c",
+                            "description": "The series C color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "series-c-bold",
+                            "description": "The bold series C color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "series-c-bolder",
+                            "description": "The bolder series C color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "series-c-subtle",
+                            "description": "The subtle series C color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "series-c-subtler",
+                            "description": "The subtler series C color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "series-d",
+                            "description": "The series D color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "series-d-bold",
+                            "description": "The bold series D color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "series-d-bolder",
+                            "description": "The bolder series D color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "series-d-subtle",
+                            "description": "The subtle series D color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "series-d-subtler",
+                            "description": "The subtler series D color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "series-e",
+                            "description": "The series E color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "series-e-bold",
+                            "description": "The bold series E color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "series-e-bolder",
+                            "description": "The bolder series E color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "series-e-subtle",
+                            "description": "The subtle series E color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "series-e-subtler",
+                            "description": "The subtler series E color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "series-f",
+                            "description": "The series F color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "series-f-bold",
+                            "description": "The bold series F color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "series-f-bolder",
+                            "description": "The bolder series F color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "series-f-subtle",
+                            "description": "The subtle series F color variable."
+                        },
+                        {
+                            "type": "Color",
+                            "name": "series-f-subtler",
+                            "description": "The subtler series F color variable."
                         }
-                    },
-                    "group": [
-                        "color-system"
                     ],
                     "access": "public",
                     "file": {