@progress/kendo-theme-core 12.3.1-dev.8 → 13.0.0-dev.0

package/dist/meta/sassdoc-data.json

@@ -63,249 +63,699 @@
             }
         },
         {
-            "description": "The color white.\nNote: you cannot change this value.\n",
+            "description": "The theme colors map of the AppBar.\n",
             "commentRange": {
-                "start": 3,
-                "end": 6
+                "start": 27,
+                "end": 28
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-color-white",
-                "value": "#ffffff",
-                "scope": "private",
+                "name": "kendo-appbar-theme-colors",
+                "value": "(\"inherit\", \"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+                "scope": "default",
                 "line": {
-                    "start": 7,
-                    "end": 7
+                    "start": 29,
+                    "end": 29
                 }
             },
-            "type": "Color",
             "group": [
-                "color-system"
+                "appbar"
             ],
             "access": "public",
             "file": {
-                "path": "core/scss/color-system/_constants.scss",
-                "name": "_constants.scss"
-            },
-            "resolvedValue": "#ffffff",
-            "resolvedType": "Color"
+                "path": "core/scss/components/appbar/_variables.scss",
+                "name": "_variables.scss"
+            }
         },
         {
-            "description": "The color black.\nNote: you cannot change this value.\n",
+            "description": "The sizes map of the Avatar.\n",
             "commentRange": {
-                "start": 9,
-                "end": 12
+                "start": 24,
+                "end": 25
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-color-black",
-                "value": "#000000",
-                "scope": "private",
+                "name": "kendo-avatar-sizes",
+                "value": "(\n    sm: $kendo-avatar-sm-size,\n    md: $kendo-avatar-md-size,\n    lg: $kendo-avatar-lg-size\n)",
+                "scope": "default",
                 "line": {
-                    "start": 13,
-                    "end": 13
+                    "start": 26,
+                    "end": 30
                 }
             },
-            "type": "Color",
             "group": [
-                "color-system"
+                "avatar"
             ],
             "access": "public",
             "file": {
-                "path": "core/scss/color-system/_constants.scss",
-                "name": "_constants.scss"
-            },
-            "resolvedValue": "#000000",
-            "resolvedType": "Color"
+                "path": "core/scss/components/avatar/_variables.scss",
+                "name": "_variables.scss"
+            }
         },
         {
-            "description": "The color transparent.\nNote: you cannot change this value.\n",
+            "description": "The theme colors map of the Avatar.\n",
             "commentRange": {
-                "start": 15,
-                "end": 18
+                "start": 32,
+                "end": 33
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-color-rgba-transparent",
-                "value": "rgba(0, 0, 0, 0)",
-                "scope": "private",
+                "name": "kendo-avatar-theme-colors",
+                "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+                "scope": "default",
                 "line": {
-                    "start": 19,
-                    "end": 19
+                    "start": 34,
+                    "end": 34
                 }
             },
-            "type": "Color",
             "group": [
-                "color-system"
+                "avatar"
             ],
             "access": "public",
             "file": {
-                "path": "core/scss/color-system/_constants.scss",
-                "name": "_constants.scss"
+                "path": "core/scss/components/avatar/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The sizes map of the Badge.\n",
+            "commentRange": {
+                "start": 33,
+                "end": 34
             },
-            "resolvedValue": "rgba(0, 0, 0, 0)",
-            "resolvedType": "Color"
+            "context": {
+                "type": "variable",
+                "name": "kendo-badge-sizes",
+                "value": "(\n    sm: (\n        padding-x: $kendo-badge-sm-padding-x,\n        padding-y: $kendo-badge-sm-padding-y,\n        font-size: $kendo-badge-sm-font-size,\n        line-height: $kendo-badge-sm-line-height,\n        min-width: $kendo-badge-sm-min-width\n    ),\n    md: (\n        padding-x: $kendo-badge-md-padding-x,\n        padding-y: $kendo-badge-md-padding-y,\n        font-size: $kendo-badge-md-font-size,\n        line-height: $kendo-badge-md-line-height,\n        min-width: $kendo-badge-md-min-width\n    ),\n    lg: (\n        padding-x: $kendo-badge-lg-padding-x,\n        padding-y: $kendo-badge-lg-padding-y,\n        font-size: $kendo-badge-lg-font-size,\n        line-height: $kendo-badge-lg-line-height,\n        min-width: $kendo-badge-lg-min-width\n    )\n)",
+                "scope": "default",
+                "line": {
+                    "start": 35,
+                    "end": 57
+                }
+            },
+            "group": [
+                "badge"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/badge/_variables.scss",
+                "name": "_variables.scss"
+            }
         },
         {
-            "description": "A gradient that goes from transparent to black.\nNote: you cannot change this value.\n",
+            "description": "The theme colors map of the Badge.\n",
             "commentRange": {
-                "start": 21,
-                "end": 24
+                "start": 61,
+                "end": 62
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-gradient-transparent-to-black",
-                "value": "rgba(black, 0), black",
-                "scope": "private",
+                "name": "kendo-badge-theme-colors",
+                "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+                "scope": "default",
                 "line": {
-                    "start": 25,
-                    "end": 25
+                    "start": 63,
+                    "end": 63
                 }
             },
-            "type": "Gradient",
             "group": [
-                "color-system"
+                "badge"
             ],
             "access": "public",
             "file": {
-                "path": "core/scss/color-system/_constants.scss",
-                "name": "_constants.scss"
+                "path": "core/scss/components/badge/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The theme colors map of the BottomNavigation.\n",
+            "commentRange": {
+                "start": 31,
+                "end": 32
             },
-            "resolvedValue": "(rgba(0, 0, 0, 0), black)",
-            "resolvedType": "Gradient"
+            "context": {
+                "type": "variable",
+                "name": "kendo-bottom-navigation-theme-colors",
+                "value": "(\"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+                "scope": "default",
+                "line": {
+                    "start": 33,
+                    "end": 33
+                }
+            },
+            "group": [
+                "bottom-navigation"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/bottom-navigation/_variables.scss",
+                "name": "_variables.scss"
+            }
         },
         {
-            "description": "A gradient that goes from transparent to white.\nNote: you cannot change this value.\n",
+            "description": "The sizes map of the Breadcrumb.\n",
             "commentRange": {
-                "start": 27,
-                "end": 30
+                "start": 81,
+                "end": 82
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-gradient-transparent-to-white",
-                "value": "rgba(white, 0), white",
-                "scope": "private",
+                "name": "kendo-breadcrumb-sizes",
+                "value": "(\n    sm: (\n        link-padding-x: $kendo-breadcrumb-sm-link-padding-x,\n        link-padding-y: $kendo-breadcrumb-sm-link-padding-y,\n        icon-link-padding-x: $kendo-breadcrumb-sm-icon-link-padding-x,\n        icon-link-padding-y: $kendo-breadcrumb-sm-icon-link-padding-y,\n        font-size: $kendo-breadcrumb-sm-font-size,\n        line-height: $kendo-breadcrumb-sm-line-height\n    ),\n    md: (\n        link-padding-x: $kendo-breadcrumb-md-link-padding-x,\n        link-padding-y: $kendo-breadcrumb-md-link-padding-y,\n        icon-link-padding-x: $kendo-breadcrumb-md-icon-link-padding-x,\n        icon-link-padding-y: $kendo-breadcrumb-md-icon-link-padding-y,\n        font-size: $kendo-breadcrumb-md-font-size,\n        line-height: $kendo-breadcrumb-md-line-height\n    ),\n    lg: (\n        link-padding-x: $kendo-breadcrumb-lg-link-padding-x,\n        link-padding-y: $kendo-breadcrumb-lg-link-padding-y,\n        icon-link-padding-x: $kendo-breadcrumb-lg-icon-link-padding-x,\n        icon-link-padding-y: $kendo-breadcrumb-lg-icon-link-padding-y,\n        font-size: $kendo-breadcrumb-lg-font-size,\n        line-height: $kendo-breadcrumb-lg-line-height\n    )\n)",
+                "scope": "default",
                 "line": {
-                    "start": 31,
-                    "end": 31
+                    "start": 83,
+                    "end": 108
                 }
             },
-            "type": "Gradient",
             "group": [
-                "color-system"
+                "breadcrumb"
             ],
             "access": "public",
             "file": {
-                "path": "core/scss/color-system/_constants.scss",
-                "name": "_constants.scss"
+                "path": "core/scss/components/breadcrumb/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The theme colors map of the Button.\n",
+            "commentRange": {
+                "start": 108,
+                "end": 109
             },
-            "resolvedValue": "(rgba(255, 255, 255, 0), white)",
-            "resolvedType": "Gradient"
+            "context": {
+                "type": "variable",
+                "name": "kendo-button-theme-colors",
+                "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+                "scope": "default",
+                "line": {
+                    "start": 110,
+                    "end": 110
+                }
+            },
+            "group": [
+                "button"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/button/_variables.scss",
+                "name": "_variables.scss"
+            }
         },
         {
-            "description": "A gradient that goes from black to transparent.\nNote: you cannot change this value.\n",
+            "description": "The sizes map of the Button.\n",
             "commentRange": {
-                "start": 33,
-                "end": 36
+                "start": 112,
+                "end": 113
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-gradient-black-to-transparent",
-                "value": "black, rgba(black, 0)",
-                "scope": "private",
+                "name": "kendo-button-sizes",
+                "value": "(\n    sm: (\n        padding-x: $kendo-button-sm-padding-x,\n        padding-y: $kendo-button-sm-padding-y,\n        font-size: $kendo-button-sm-font-size,\n        line-height: $kendo-button-sm-line-height\n    ),\n    md: (\n        padding-x: $kendo-button-md-padding-x,\n        padding-y: $kendo-button-md-padding-y,\n        font-size: $kendo-button-md-font-size,\n        line-height: $kendo-button-md-line-height\n    ),\n    lg: (\n        padding-x: $kendo-button-lg-padding-x,\n        padding-y: $kendo-button-lg-padding-y,\n        font-size: $kendo-button-lg-font-size,\n        line-height: $kendo-button-lg-line-height\n    )\n)",
+                "scope": "default",
                 "line": {
-                    "start": 37,
-                    "end": 37
+                    "start": 114,
+                    "end": 133
                 }
             },
-            "type": "Gradient",
             "group": [
-                "color-system"
+                "button"
             ],
             "access": "public",
             "file": {
-                "path": "core/scss/color-system/_constants.scss",
-                "name": "_constants.scss"
+                "path": "core/scss/components/button/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The sizes map of the Calendar.\n",
+            "commentRange": {
+                "start": 143,
+                "end": 144
             },
-            "resolvedValue": "(black, rgba(0, 0, 0, 0))",
-            "resolvedType": "Gradient"
+            "context": {
+                "type": "variable",
+                "name": "kendo-calendar-sizes",
+                "value": "(\n    sm: (\n        font-size: $kendo-calendar-sm-font-size,\n        line-height: $kendo-calendar-sm-line-height,\n        cell-size: $kendo-calendar-sm-cell-size,\n        cell-padding-x: $kendo-calendar-sm-cell-padding-x,\n        cell-padding-y: $kendo-calendar-sm-cell-padding-y\n    ),\n    md: (\n        font-size: $kendo-calendar-md-font-size,\n        line-height: $kendo-calendar-md-line-height,\n        cell-size: $kendo-calendar-md-cell-size,\n        cell-padding-x: $kendo-calendar-md-cell-padding-x,\n        cell-padding-y: $kendo-calendar-md-cell-padding-y\n    ),\n    lg: (\n        font-size: $kendo-calendar-lg-font-size,\n        line-height: $kendo-calendar-lg-line-height,\n        cell-size: $kendo-calendar-lg-cell-size,\n        cell-padding-x: $kendo-calendar-lg-cell-padding-x,\n        cell-padding-y: $kendo-calendar-lg-cell-padding-y\n    )\n)",
+                "scope": "default",
+                "line": {
+                    "start": 145,
+                    "end": 167
+                }
+            },
+            "group": [
+                "calendar"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/calendar/_variables.scss",
+                "name": "_variables.scss"
+            }
         },
         {
-            "description": "A gradient that goes from white to transparent.\nNote: you cannot change this value.\n",
+            "description": "The theme colors map of the Card.\n",
             "commentRange": {
-                "start": 39,
-                "end": 42
+                "start": 75,
+                "end": 76
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-gradient-white-to-transparent",
-                "value": "white, rgba(white, 0)",
-                "scope": "private",
+                "name": "kendo-card-theme-colors",
+                "value": "(\"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+                "scope": "default",
                 "line": {
-                    "start": 43,
-                    "end": 43
+                    "start": 77,
+                    "end": 77
                 }
             },
-            "type": "Gradient",
             "group": [
-                "color-system"
+                "card"
             ],
             "access": "public",
             "file": {
-                "path": "core/scss/color-system/_constants.scss",
-                "name": "_constants.scss"
+                "path": "core/scss/components/card/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The sizes map of the CheckBox.\n",
+            "commentRange": {
+                "start": 17,
+                "end": 18
             },
-            "resolvedValue": "(white, rgba(255, 255, 255, 0))",
-            "resolvedType": "Gradient"
+            "context": {
+                "type": "variable",
+                "name": "kendo-checkbox-sizes",
+                "value": "(\n    sm: (\n        size: $kendo-checkbox-sm-size,\n        glyph-size: $kendo-checkbox-sm-glyph-size,\n        ripple-size: $kendo-checkbox-sm-ripple-size\n    ),\n    md: (\n        size: $kendo-checkbox-md-size,\n        glyph-size: $kendo-checkbox-md-glyph-size,\n        ripple-size: $kendo-checkbox-md-ripple-size\n    ),\n    lg: (\n        size: $kendo-checkbox-lg-size,\n        glyph-size: $kendo-checkbox-lg-glyph-size,\n        ripple-size: $kendo-checkbox-lg-ripple-size\n    )\n)",
+                "scope": "default",
+                "line": {
+                    "start": 19,
+                    "end": 35
+                }
+            },
+            "group": [
+                "checkbox"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/checkbox/_variables.scss",
+                "name": "_variables.scss"
+            }
         },
         {
-            "description": "A gradient that cycles through the colors of the rainbow.\nNote: you cannot change this value.\n",
+            "description": "The sizes map of the Chip.\n",
             "commentRange": {
-                "start": 45,
-                "end": 48
+                "start": 36,
+                "end": 37
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-gradient-rainbow",
-                "value": "#ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000",
-                "scope": "private",
+                "name": "kendo-chip-sizes",
+                "value": "(\n    sm: (\n        padding-x: $kendo-chip-sm-padding-x,\n        padding-y: $kendo-chip-sm-padding-y,\n        font-size: $kendo-chip-sm-font-size,\n        line-height: $kendo-chip-sm-line-height\n    ),\n    md: (\n        padding-x: $kendo-chip-md-padding-x,\n        padding-y: $kendo-chip-md-padding-y,\n        font-size: $kendo-chip-md-font-size,\n        line-height: $kendo-chip-md-line-height\n    ),\n    lg: (\n        padding-x: $kendo-chip-lg-padding-x,\n        padding-y: $kendo-chip-lg-padding-y,\n        font-size: $kendo-chip-lg-font-size,\n        line-height: $kendo-chip-lg-line-height\n    )\n)",
+                "scope": "default",
                 "line": {
-                    "start": 49,
-                    "end": 49
+                    "start": 38,
+                    "end": 57
                 }
             },
-            "type": "Gradient",
             "group": [
-                "color-system"
+                "chip"
             ],
             "access": "public",
             "file": {
-                "path": "core/scss/color-system/_constants.scss",
-                "name": "_constants.scss"
+                "path": "core/scss/components/chip/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The sizes of the Chip list.\n",
+            "commentRange": {
+                "start": 64,
+                "end": 65
             },
-            "resolvedValue": "(#ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000)",
-            "resolvedType": "Gradient"
+            "context": {
+                "type": "variable",
+                "name": "kendo-chip-list-sizes",
+                "value": "(\n    sm: $kendo-chip-list-size-sm,\n    md: $kendo-chip-list-size-md,\n    lg: $kendo-chip-list-size-lg\n)",
+                "scope": "default",
+                "line": {
+                    "start": 66,
+                    "end": 70
+                }
+            },
+            "group": [
+                "chip"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/chip/_variables.scss",
+                "name": "_variables.scss"
+            }
         },
         {
-            "description": "The global default Colors map.\n",
+            "description": "The theme colors map of the Chip.\n",
             "commentRange": {
-                "start": 174,
-                "end": 423
+                "start": 75,
+                "end": 76
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-colors",
-                "value": "$default-colors",
+                "name": "kendo-chip-theme-colors",
+                "value": "(\"base\", \"error\", \"info\", \"warning\", \"success\")",
                 "scope": "default",
                 "line": {
-                    "start": 424,
-                    "end": 424
+                    "start": 77,
+                    "end": 77
                 }
             },
             "group": [
-                "color-system"
+                "chip"
             ],
-            "subGroup": [
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/chip/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The size map of the ColorEditor.\n",
+            "commentRange": {
+                "start": 58,
+                "end": 59
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-color-editor-sizes",
+                "value": "(\n    sm: (\n        min-width: $kendo-color-editor-sm-min-width,\n        header-padding-x: $kendo-color-editor-sm-header-padding-x,\n        header-padding-y: $kendo-color-editor-sm-header-padding-y,\n        views-padding-x: $kendo-color-editor-sm-views-padding-x,\n        views-padding-y: $kendo-color-editor-sm-views-padding-y,\n        preview-gap: $kendo-color-editor-sm-preview-gap,\n        preview-width: $kendo-color-editor-sm-color-preview-width,\n        preview-height: $kendo-color-editor-sm-color-preview-height,\n\n    ),\n    md: (\n        min-width: $kendo-color-editor-md-min-width,\n        header-padding-x: $kendo-color-editor-md-header-padding-x,\n        header-padding-y: $kendo-color-editor-md-header-padding-y,\n        views-padding-x: $kendo-color-editor-md-views-padding-x,\n        views-padding-y: $kendo-color-editor-md-views-padding-y,\n        preview-gap: $kendo-color-editor-md-preview-gap,\n        preview-width: $kendo-color-editor-md-color-preview-width,\n        preview-height: $kendo-color-editor-md-color-preview-height,\n    ),\n    lg: (\n        min-width: $kendo-color-editor-lg-min-width,\n        header-padding-x: $kendo-color-editor-lg-header-padding-x,\n        header-padding-y: $kendo-color-editor-lg-header-padding-y,\n        views-padding-x: $kendo-color-editor-lg-views-padding-x,\n        views-padding-y: $kendo-color-editor-lg-views-padding-y,\n        preview-gap: $kendo-color-editor-lg-preview-gap,\n        preview-width: $kendo-color-editor-lg-color-preview-width,\n        preview-height: $kendo-color-editor-lg-color-preview-height,\n    )\n)",
+                "scope": "default",
+                "line": {
+                    "start": 60,
+                    "end": 92
+                }
+            },
+            "group": [
+                "color-editor"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/coloreditor/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The size map of the ColorGradient.\n",
+            "commentRange": {
+                "start": 87,
+                "end": 88
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-color-gradient-sizes",
+                "value": "(\n    sm: (\n        width: $kendo-color-gradient-sm-width,\n        vertical-slider-height: $kendo-color-gradient-sm-slider-vertical-size,\n        rectangle-height: $kendo-color-gradient-sm-canvas-rectangle-height,\n        input-width: $kendo-color-gradient-sm-input-width,\n        gap: $kendo-color-gradient-sm-gap,\n        canvas-gap: $kendo-color-gradient-sm-canvas-gap,\n        padding-x: $kendo-color-gradient-sm-padding-x,\n        padding-y: $kendo-color-gradient-sm-padding-y\n    ),\n    md: (\n        width: $kendo-color-gradient-md-width,\n        vertical-slider-height: $kendo-color-gradient-md-slider-vertical-size,\n        rectangle-height: $kendo-color-gradient-md-canvas-rectangle-height,\n        input-width: $kendo-color-gradient-md-input-width,\n        gap: $kendo-color-gradient-md-gap,\n        canvas-gap: $kendo-color-gradient-md-canvas-gap,\n        padding-x: $kendo-color-gradient-md-padding-x,\n        padding-y: $kendo-color-gradient-md-padding-y\n    ),\n    lg: (\n        width: $kendo-color-gradient-lg-width,\n        vertical-slider-height: $kendo-color-gradient-lg-slider-vertical-size,\n        rectangle-height: $kendo-color-gradient-lg-canvas-rectangle-height,\n        input-width: $kendo-color-gradient-lg-input-width,\n        gap: $kendo-color-gradient-lg-gap,\n        canvas-gap: $kendo-color-gradient-lg-canvas-gap,\n        padding-x: $kendo-color-gradient-lg-padding-x,\n        padding-y: $kendo-color-gradient-lg-padding-y\n    )\n)",
+                "scope": "default",
+                "line": {
+                    "start": 89,
+                    "end": 120
+                }
+            },
+            "group": [
+                "color-gradient"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/colorgradient/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The size map of the ColorPalette.\n",
+            "commentRange": {
+                "start": 22,
+                "end": 23
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-color-palette-sizes",
+                "value": "(\n    sm: (\n        width: $kendo-color-palette-sm-tile-width,\n        height: $kendo-color-palette-sm-tile-height\n    ),\n    md: (\n        width: $kendo-color-palette-md-tile-width,\n        height: $kendo-color-palette-md-tile-height\n    ),\n    lg: (\n        width: $kendo-color-palette-lg-tile-width,\n        height: $kendo-color-palette-lg-tile-height\n    )\n)",
+                "scope": "default",
+                "line": {
+                    "start": 24,
+                    "end": 37
+                }
+            },
+            "group": [
+                "color-palette"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/colorpalette/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The color white.\nNote: you cannot change this value.\n",
+            "commentRange": {
+                "start": 3,
+                "end": 6
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-color-white",
+                "value": "#ffffff",
+                "scope": "private",
+                "line": {
+                    "start": 7,
+                    "end": 7
+                }
+            },
+            "type": "Color",
+            "group": [
+                "color-system"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/color-system/_constants.scss",
+                "name": "_constants.scss"
+            },
+            "resolvedValue": "#ffffff",
+            "resolvedType": "Color"
+        },
+        {
+            "description": "The color black.\nNote: you cannot change this value.\n",
+            "commentRange": {
+                "start": 9,
+                "end": 12
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-color-black",
+                "value": "#000000",
+                "scope": "private",
+                "line": {
+                    "start": 13,
+                    "end": 13
+                }
+            },
+            "type": "Color",
+            "group": [
+                "color-system"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/color-system/_constants.scss",
+                "name": "_constants.scss"
+            },
+            "resolvedValue": "#000000",
+            "resolvedType": "Color"
+        },
+        {
+            "description": "The color transparent.\nNote: you cannot change this value.\n",
+            "commentRange": {
+                "start": 15,
+                "end": 18
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-color-rgba-transparent",
+                "value": "rgba(0, 0, 0, 0)",
+                "scope": "private",
+                "line": {
+                    "start": 19,
+                    "end": 19
+                }
+            },
+            "type": "Color",
+            "group": [
+                "color-system"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/color-system/_constants.scss",
+                "name": "_constants.scss"
+            },
+            "resolvedValue": "rgba(0, 0, 0, 0)",
+            "resolvedType": "Color"
+        },
+        {
+            "description": "A gradient that goes from transparent to black.\nNote: you cannot change this value.\n",
+            "commentRange": {
+                "start": 21,
+                "end": 24
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-gradient-transparent-to-black",
+                "value": "rgba(black, 0), black",
+                "scope": "private",
+                "line": {
+                    "start": 25,
+                    "end": 25
+                }
+            },
+            "type": "Gradient",
+            "group": [
+                "color-system"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/color-system/_constants.scss",
+                "name": "_constants.scss"
+            },
+            "resolvedValue": "(rgba(0, 0, 0, 0), black)",
+            "resolvedType": "Gradient"
+        },
+        {
+            "description": "A gradient that goes from transparent to white.\nNote: you cannot change this value.\n",
+            "commentRange": {
+                "start": 27,
+                "end": 30
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-gradient-transparent-to-white",
+                "value": "rgba(white, 0), white",
+                "scope": "private",
+                "line": {
+                    "start": 31,
+                    "end": 31
+                }
+            },
+            "type": "Gradient",
+            "group": [
+                "color-system"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/color-system/_constants.scss",
+                "name": "_constants.scss"
+            },
+            "resolvedValue": "(rgba(255, 255, 255, 0), white)",
+            "resolvedType": "Gradient"
+        },
+        {
+            "description": "A gradient that goes from black to transparent.\nNote: you cannot change this value.\n",
+            "commentRange": {
+                "start": 33,
+                "end": 36
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-gradient-black-to-transparent",
+                "value": "black, rgba(black, 0)",
+                "scope": "private",
+                "line": {
+                    "start": 37,
+                    "end": 37
+                }
+            },
+            "type": "Gradient",
+            "group": [
+                "color-system"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/color-system/_constants.scss",
+                "name": "_constants.scss"
+            },
+            "resolvedValue": "(black, rgba(0, 0, 0, 0))",
+            "resolvedType": "Gradient"
+        },
+        {
+            "description": "A gradient that goes from white to transparent.\nNote: you cannot change this value.\n",
+            "commentRange": {
+                "start": 39,
+                "end": 42
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-gradient-white-to-transparent",
+                "value": "white, rgba(white, 0)",
+                "scope": "private",
+                "line": {
+                    "start": 43,
+                    "end": 43
+                }
+            },
+            "type": "Gradient",
+            "group": [
+                "color-system"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/color-system/_constants.scss",
+                "name": "_constants.scss"
+            },
+            "resolvedValue": "(white, rgba(255, 255, 255, 0))",
+            "resolvedType": "Gradient"
+        },
+        {
+            "description": "A gradient that cycles through the colors of the rainbow.\nNote: you cannot change this value.\n",
+            "commentRange": {
+                "start": 45,
+                "end": 48
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-gradient-rainbow",
+                "value": "#ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000",
+                "scope": "private",
+                "line": {
+                    "start": 49,
+                    "end": 49
+                }
+            },
+            "type": "Gradient",
+            "group": [
+                "color-system"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/color-system/_constants.scss",
+                "name": "_constants.scss"
+            },
+            "resolvedValue": "(#ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000)",
+            "resolvedType": "Gradient"
+        },
+        {
+            "description": "The global default Colors map.\n",
+            "commentRange": {
+                "start": 174,
+                "end": 423
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-colors",
+                "value": "$default-colors",
+                "scope": "default",
+                "line": {
+                    "start": 424,
+                    "end": 424
+                }
+            },
+            "group": [
+                "color-system"
+            ],
+            "subGroup": [
                 {
                     "name": "misc",
                     "value": [
@@ -1471,6 +1921,81 @@
                 "series-f-subtler": "#ff82ae"
             }
         },
+        {
+            "description": "The sizes map for the ColumnMenu.\n",
+            "commentRange": {
+                "start": 24,
+                "end": 25
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-column-menu-sizes",
+                "value": "(\n    sm: (\n        padding-x: $kendo-column-menu-item-sm-padding-x,\n        padding-y: $kendo-column-menu-item-sm-padding-y,\n        font-size: $kendo-column-menu-sm-font-size,\n        line-height: $kendo-column-menu-sm-line-height\n    ),\n    md: (\n        padding-x: $kendo-column-menu-item-md-padding-x,\n        padding-y: $kendo-column-menu-item-md-padding-y,\n        font-size: $kendo-column-menu-md-font-size,\n        line-height: $kendo-column-menu-md-line-height\n    ),\n    lg: (\n        padding-x: $kendo-column-menu-item-lg-padding-x,\n        padding-y: $kendo-column-menu-item-lg-padding-y,\n        font-size: $kendo-column-menu-lg-font-size,\n        line-height: $kendo-column-menu-lg-line-height\n    )\n)",
+                "scope": "default",
+                "line": {
+                    "start": 26,
+                    "end": 45
+                }
+            },
+            "group": [
+                "column-menu"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/column-menu/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The sizes map of the DateTimePicker.\n",
+            "commentRange": {
+                "start": 9,
+                "end": 10
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-datetime-sizes",
+                "value": "(\n    sm: (\n        width: $kendo-datetime-sm-width\n    ),\n    md: (\n        width: $kendo-datetime-md-width\n    ),\n    lg: (\n        width: $kendo-datetime-lg-width\n    )\n)",
+                "scope": "default",
+                "line": {
+                    "start": 11,
+                    "end": 21
+                }
+            },
+            "group": [
+                "date-time-picker"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/datetimepicker/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The theme colors map of the Dialog.\n",
+            "commentRange": {
+                "start": 16,
+                "end": 17
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-dialog-theme-colors",
+                "value": "(\"primary\", \"light\", \"dark\")",
+                "scope": "default",
+                "line": {
+                    "start": 18,
+                    "end": 18
+                }
+            },
+            "group": [
+                "dialog"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/dialog/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
         {
             "description": "The global default Elevation map.\n",
             "commentRange": {
@@ -1509,6 +2034,231 @@
                 "9": "(0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12))"
             }
         },
+        {
+            "description": "The theme colors map of the FloatingActionButton.\n",
+            "commentRange": {
+                "start": 66,
+                "end": 67
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-fab-theme-colors",
+                "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+                "scope": "default",
+                "line": {
+                    "start": 68,
+                    "end": 68
+                }
+            },
+            "group": [
+                "floating-action-button"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/fab/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The sizes map of the FloatingActionButton.\n",
+            "commentRange": {
+                "start": 70,
+                "end": 71
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-fab-sizes",
+                "value": "(\n    sm: (\n        padding-x: $kendo-fab-sm-padding-x,\n        padding-y: $kendo-fab-sm-padding-y\n    ),\n    md: (\n        padding-x: $kendo-fab-md-padding-x,\n        padding-y: $kendo-fab-md-padding-y\n    ),\n    lg: (\n        padding-x: $kendo-fab-lg-padding-x,\n        padding-y: $kendo-fab-lg-padding-y\n    )\n)",
+                "scope": "default",
+                "line": {
+                    "start": 72,
+                    "end": 85
+                }
+            },
+            "group": [
+                "floating-action-button"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/fab/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The sizes map of the Form.\n",
+            "commentRange": {
+                "start": 64,
+                "end": 65
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-form-sizes",
+                "value": "(\n    sm: (\n        form-rows-spacing: $kendo-form-sm-rows-spacing\n    ),\n    md: (\n        form-rows-spacing: $kendo-form-md-rows-spacing\n    ),\n    lg: (\n        form-rows-spacing: $kendo-form-lg-rows-spacing\n    )\n)",
+                "scope": "default",
+                "line": {
+                    "start": 66,
+                    "end": 76
+                }
+            },
+            "group": [
+                "form"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/forms/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The sizes map of the Grid.\n",
+            "commentRange": {
+                "start": 66,
+                "end": 67
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-grid-sizes",
+                "value": "(\n    sm: (\n        header-padding-x: $kendo-grid-sm-header-padding-x,\n        header-padding-y: $kendo-grid-sm-header-padding-y,\n        grouping-header-padding-x: $kendo-grid-sm-grouping-header-padding-x,\n        grouping-header-padding-y: $kendo-grid-sm-grouping-header-padding-y,\n        cell-padding-x: $kendo-grid-sm-cell-padding-x,\n        cell-padding-y: $kendo-grid-sm-cell-padding-y,\n        filter-cell-padding-x: $kendo-grid-sm-filter-cell-padding-x,\n        filter-cell-padding-y: $kendo-grid-sm-filter-cell-padding-y,\n        edit-cell-padding-x: $kendo-grid-sm-edit-cell-padding-x,\n        edit-cell-padding-y: $kendo-grid-sm-edit-cell-padding-y,\n        button-padding-y: $kendo-button-sm-padding-y,\n        button-calc-size: $kendo-button-sm-calc-size,\n        group-dropclue-height: $kendo-grid-sm-group-dropclue-height,\n        selection-aggregates-padding-x: $kendo-grid-sm-selection-aggregates-padding-x,\n        selection-aggregates-padding-y: $kendo-grid-sm-selection-aggregates-padding-y\n    ),\n    md: (\n        header-padding-x: $kendo-grid-md-header-padding-x,\n        header-padding-y: $kendo-grid-md-header-padding-y,\n        grouping-header-padding-x: $kendo-grid-md-grouping-header-padding-x,\n        grouping-header-padding-y: $kendo-grid-md-grouping-header-padding-y,\n        cell-padding-x: $kendo-grid-md-cell-padding-x,\n        cell-padding-y: $kendo-grid-md-cell-padding-y,\n        filter-cell-padding-x: $kendo-grid-md-filter-cell-padding-x,\n        filter-cell-padding-y: $kendo-grid-md-filter-cell-padding-y,\n        edit-cell-padding-x: $kendo-grid-md-edit-cell-padding-x,\n        edit-cell-padding-y: $kendo-grid-md-edit-cell-padding-y,\n        button-padding-y: $kendo-button-md-padding-y,\n        button-calc-size: $kendo-button-md-calc-size,\n        group-dropclue-height: $kendo-grid-md-group-dropclue-height,\n        selection-aggregates-padding-x: $kendo-grid-md-selection-aggregates-padding-x,\n        selection-aggregates-padding-y: $kendo-grid-md-selection-aggregates-padding-y\n    ),\n)",
+                "scope": "default",
+                "line": {
+                    "start": 68,
+                    "end": 103
+                }
+            },
+            "group": [
+                "grid"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/grid/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The sizes map of the Input.\n",
+            "commentRange": {
+                "start": 38,
+                "end": 39
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-input-sizes",
+                "value": "(\n    sm: (\n        padding-x: $kendo-input-sm-padding-x,\n        padding-y: $kendo-input-sm-padding-y,\n        font-size: $kendo-input-sm-font-size,\n        line-height: $kendo-input-sm-line-height,\n        button-padding-x: $kendo-input-sm-padding-y,\n        button-padding-y: $kendo-input-sm-padding-y,\n    ),\n    md: (\n        padding-x: $kendo-input-md-padding-x,\n        padding-y: $kendo-input-md-padding-y,\n        font-size: $kendo-input-md-font-size,\n        line-height: $kendo-input-md-line-height,\n        button-padding-x: $kendo-input-md-padding-y,\n        button-padding-y: $kendo-input-md-padding-y,\n    ),\n    lg: (\n        padding-x: $kendo-input-lg-padding-x,\n        padding-y: $kendo-input-lg-padding-y,\n        font-size: $kendo-input-lg-font-size,\n        line-height: $kendo-input-lg-line-height,\n        button-padding-x: $kendo-input-lg-padding-y,\n        button-padding-y: $kendo-input-lg-padding-y\n    )\n)",
+                "scope": "default",
+                "line": {
+                    "start": 40,
+                    "end": 65
+                }
+            },
+            "group": [
+                "input"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/input/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The sizes map of the List.\n",
+            "commentRange": {
+                "start": 103,
+                "end": 104
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-list-sizes",
+                "value": "(\n    sm: (\n        font-size: $kendo-list-sm-font-size,\n        line-height: $kendo-list-sm-line-height,\n        header-padding-x: $kendo-list-sm-header-padding-x,\n        header-padding-y: $kendo-list-sm-header-padding-y,\n        header-font-size: $kendo-list-sm-header-font-size,\n        header-line-height: $kendo-list-sm-header-line-height,\n        item-padding-x: $kendo-list-sm-item-padding-x,\n        item-padding-y: $kendo-list-sm-item-padding-y,\n        item-font-size: $kendo-list-sm-item-font-size,\n        item-line-height: $kendo-list-sm-item-line-height,\n        group-item-padding-x: $kendo-list-sm-group-item-padding-x,\n        group-item-padding-y: $kendo-list-sm-group-item-padding-y,\n        group-item-font-size: $kendo-list-sm-group-item-font-size,\n        group-item-line-height: $kendo-list-sm-group-item-line-height,\n        item-group-label-padding-x: $kendo-list-item-group-label-sm-padding-x,\n        item-group-label-padding-y: $kendo-list-item-group-label-sm-padding-y,\n        item-group-label-font-size: $kendo-list-item-group-label-sm-font-size,\n        item-group-label-line-height: $kendo-list-item-group-label-sm-line-height,\n        filter-padding-x: $kendo-list-sm-filter-padding-x,\n        filter-padding-y: $kendo-list-sm-filter-padding-y\n    ),\n    md: (\n        font-size: $kendo-list-md-font-size,\n        line-height: $kendo-list-md-line-height,\n        header-padding-x: $kendo-list-md-header-padding-x,\n        header-padding-y: $kendo-list-md-header-padding-y,\n        header-font-size: $kendo-list-md-header-font-size,\n        header-line-height: $kendo-list-md-header-line-height,\n        item-padding-x: $kendo-list-md-item-padding-x,\n        item-padding-y: $kendo-list-md-item-padding-y,\n        item-font-size: $kendo-list-md-item-font-size,\n        item-line-height: $kendo-list-md-item-line-height,\n        group-item-padding-x: $kendo-list-md-group-item-padding-x,\n        group-item-padding-y: $kendo-list-md-group-item-padding-y,\n        group-item-font-size: $kendo-list-md-group-item-font-size,\n        group-item-line-height: $kendo-list-md-group-item-line-height,\n        item-group-label-padding-x: $kendo-list-item-group-label-md-padding-x,\n        item-group-label-padding-y: $kendo-list-item-group-label-md-padding-y,\n        item-group-label-font-size: $kendo-list-item-group-label-md-font-size,\n        item-group-label-line-height: $kendo-list-item-group-label-md-line-height,\n        filter-padding-x: $kendo-list-md-filter-padding-x,\n        filter-padding-y: $kendo-list-md-filter-padding-y\n    ),\n    lg: (\n        font-size: $kendo-list-lg-font-size,\n        line-height: $kendo-list-lg-line-height,\n        header-padding-x: $kendo-list-lg-header-padding-x,\n        header-padding-y: $kendo-list-lg-header-padding-y,\n        header-font-size: $kendo-list-lg-header-font-size,\n        header-line-height: $kendo-list-lg-header-line-height,\n        item-padding-x: $kendo-list-lg-item-padding-x,\n        item-padding-y: $kendo-list-lg-item-padding-y,\n        item-font-size: $kendo-list-lg-item-font-size,\n        item-line-height: $kendo-list-lg-item-line-height,\n        group-item-padding-x: $kendo-list-lg-group-item-padding-x,\n        group-item-padding-y: $kendo-list-lg-group-item-padding-y,\n        group-item-font-size: $kendo-list-lg-group-item-font-size,\n        group-item-line-height: $kendo-list-lg-group-item-line-height,\n        item-group-label-padding-x: $kendo-list-item-group-label-lg-padding-x,\n        item-group-label-padding-y: $kendo-list-item-group-label-lg-padding-y,\n        item-group-label-font-size: $kendo-list-item-group-label-lg-font-size,\n        item-group-label-line-height: $kendo-list-item-group-label-lg-line-height,\n        filter-padding-x: $kendo-list-lg-filter-padding-x,\n        filter-padding-y: $kendo-list-lg-filter-padding-y\n    )\n)",
+                "scope": "default",
+                "line": {
+                    "start": 105,
+                    "end": 172
+                }
+            },
+            "group": [
+                "list"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/list/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The theme colors map of the Loader.\n",
+            "commentRange": {
+                "start": 57,
+                "end": 58
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-loader-theme-colors",
+                "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+                "scope": "default",
+                "line": {
+                    "start": 59,
+                    "end": 59
+                }
+            },
+            "group": [
+                "loader"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/loader/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The sizes map of the Menu group.\n",
+            "commentRange": {
+                "start": 113,
+                "end": 114
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-menu-group-sizes",
+                "value": "(\n    sm: (\n        font-size: $kendo-menu-popup-sm-font-size,\n        line-height: $kendo-menu-popup-sm-line-height,\n        item-padding-y: $kendo-menu-popup-sm-item-padding-y,\n        item-padding-x: $kendo-menu-popup-sm-item-padding-x,\n        item-padding-end: $kendo-menu-popup-sm-item-padding-end,\n        item-icon-margin-start: $kendo-menu-popup-sm-item-icon-margin-start,\n        item-icon-margin-end: $kendo-menu-popup-sm-item-icon-margin-end\n    ),\n    md: (\n        font-size: $kendo-menu-popup-md-font-size,\n        line-height: $kendo-menu-popup-md-line-height,\n        item-padding-y: $kendo-menu-popup-md-item-padding-y,\n        item-padding-x: $kendo-menu-popup-md-item-padding-x,\n        item-padding-end: $kendo-menu-popup-md-item-padding-end,\n        item-icon-margin-start: $kendo-menu-popup-md-item-icon-margin-start,\n        item-icon-margin-end: $kendo-menu-popup-md-item-icon-margin-end\n    ),\n    lg: (\n        font-size: $kendo-menu-popup-lg-font-size,\n        line-height: $kendo-menu-popup-lg-line-height,\n        item-padding-y: $kendo-menu-popup-lg-item-padding-y,\n        item-padding-x: $kendo-menu-popup-lg-item-padding-x,\n        item-padding-end: $kendo-menu-popup-lg-item-padding-end,\n        item-icon-margin-start: $kendo-menu-popup-lg-item-icon-margin-start,\n        item-icon-margin-end: $kendo-menu-popup-lg-item-icon-margin-end\n    )\n)",
+                "scope": "default",
+                "line": {
+                    "start": 115,
+                    "end": 143
+                }
+            },
+            "group": [
+                "menu"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/menu/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The theme colors map of the MessageBox.\n",
+            "commentRange": {
+                "start": 20,
+                "end": 21
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-message-box-theme-colors",
+                "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+                "scope": "default",
+                "line": {
+                    "start": 22,
+                    "end": 22
+                }
+            },
+            "group": [
+                "message-box"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/messagebox/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
         {
             "description": "The global map of motion easing tokens.\n",
             "commentRange": {
@@ -1782,6 +2532,81 @@
                 }
             }
         },
+        {
+            "description": "The sizes map of the OTPInput.\n",
+            "commentRange": {
+                "start": 15,
+                "end": 16
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-otp-sizes",
+                "value": "(\n    sm: (\n        gap: $kendo-otp-sm-gap,\n        separator-padding-x: $kendo-otp-sm-separator-padding-x,\n        input-width: $kendo-otp-sm-input-width\n    ),\n    md: (\n        gap: $kendo-otp-md-gap,\n        separator-padding-x: $kendo-otp-md-separator-padding-x,\n        input-width: $kendo-otp-md-input-width\n    ),\n    lg: (\n        gap: $kendo-otp-lg-gap,\n        separator-padding-x: $kendo-otp-lg-separator-padding-x,\n        input-width: $kendo-otp-lg-input-width\n    )\n)",
+                "scope": "default",
+                "line": {
+                    "start": 17,
+                    "end": 33
+                }
+            },
+            "group": [
+                "otp"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/otp/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The theme colors map of the Overlay.\n",
+            "commentRange": {
+                "start": 6,
+                "end": 7
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-overlay-theme-colors",
+                "value": "(\"dark\", \"light\", \"inverse\")",
+                "scope": "default",
+                "line": {
+                    "start": 8,
+                    "end": 8
+                }
+            },
+            "group": [
+                "overlay"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/overlay/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The sizes map of the Pager.\n",
+            "commentRange": {
+                "start": 38,
+                "end": 39
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-pager-sizes",
+                "value": "(\n    sm: (\n        padding-x: $kendo-pager-sm-padding-x,\n        padding-y: $kendo-pager-sm-padding-y,\n        item-group-spacing: $kendo-pager-sm-item-group-spacing,\n        item-min-width: $kendo-pager-sm-item-min-width\n    ),\n    md: (\n        padding-x: $kendo-pager-md-padding-x,\n        padding-y: $kendo-pager-md-padding-y,\n        item-group-spacing: $kendo-pager-md-item-group-spacing,\n        item-min-width: $kendo-pager-md-item-min-width\n    ),\n    lg: (\n        padding-x: $kendo-pager-lg-padding-x,\n        padding-y: $kendo-pager-lg-padding-y,\n        item-group-spacing: $kendo-pager-lg-item-group-spacing,\n        item-min-width: $kendo-pager-lg-item-min-width\n    )\n)",
+                "scope": "default",
+                "line": {
+                    "start": 40,
+                    "end": 59
+                }
+            },
+            "group": [
+                "pager"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/pager/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
         {
             "description": "The Gray Palette provides colors to the Base, Secondary, Light, Dark, and Inverse variable groups.\n",
             "commentRange": {
@@ -2593,6 +3418,56 @@
                 "full": "9999px"
             }
         },
+        {
+            "description": "The sizes map of the RadioButton.\n",
+            "commentRange": {
+                "start": 18,
+                "end": 19
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-radio-sizes",
+                "value": "(\n    sm: (\n        size: $kendo-radio-sm-size,\n        glyph-size: $kendo-radio-sm-glyph-size,\n        ripple-size: $kendo-radio-sm-ripple-size\n    ),\n    md: (\n        size: $kendo-radio-md-size,\n        glyph-size: $kendo-radio-md-glyph-size,\n        ripple-size: $kendo-radio-md-ripple-size\n    ),\n    lg: (\n        size: $kendo-radio-lg-size,\n        glyph-size: $kendo-radio-lg-glyph-size,\n        ripple-size: $kendo-radio-lg-ripple-size\n    )\n)",
+                "scope": "default",
+                "line": {
+                    "start": 20,
+                    "end": 36
+                }
+            },
+            "group": [
+                "radio"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/radio/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The sizes map of the Signature.\n",
+            "commentRange": {
+                "start": 27,
+                "end": 28
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-signature-sizes",
+                "value": "(\n    sm: (\n        padding-x: $kendo-signature-sm-padding-x,\n        padding-y: $kendo-signature-sm-padding-y,\n        line-size: $kendo-signature-sm-line-size\n    ),\n    md: (\n        padding-x: $kendo-signature-md-padding-x,\n        padding-y: $kendo-signature-md-padding-y,\n        line-size: $kendo-signature-md-line-size\n    ),\n    lg: (\n        padding-x: $kendo-signature-lg-padding-x,\n        padding-y: $kendo-signature-lg-padding-y,\n        line-size: $kendo-signature-lg-line-size\n    )\n)",
+                "scope": "default",
+                "line": {
+                    "start": 29,
+                    "end": 45
+                }
+            },
+            "group": [
+                "signature"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/signature/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
         {
             "description": "The global default Spacing map.\n",
             "commentRange": {
@@ -2662,6 +3537,181 @@
                 "7.5": "1.875rem"
             }
         },
+        {
+            "description": "The theme colors map of the Suggestion.\n",
+            "commentRange": {
+                "start": 15,
+                "end": 16
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-suggestion-theme-colors",
+                "value": "(\"base\", \"primary\", \"secondary\")",
+                "scope": "default",
+                "line": {
+                    "start": 17,
+                    "end": 17
+                }
+            },
+            "group": [
+                "suggestion"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/suggestion/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The map with the different Switch sizes.\n",
+            "commentRange": {
+                "start": 117,
+                "end": 118
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-switch-sizes",
+                "value": "(\n    sm: ( font-size: $kendo-switch-sm-font-size, track-width: $kendo-switch-sm-track-width, track-height: $kendo-switch-sm-track-height, thumb-width: $kendo-switch-sm-thumb-width, thumb-height: $kendo-switch-sm-thumb-height, thumb-offset: $kendo-switch-sm-thumb-offset, label-offset: $kendo-switch-sm-label-offset ),\n    md: ( font-size: $kendo-switch-md-font-size, track-width: $kendo-switch-md-track-width, track-height: $kendo-switch-md-track-height, thumb-width: $kendo-switch-md-thumb-width, thumb-height: $kendo-switch-md-thumb-height, thumb-offset: $kendo-switch-md-thumb-offset, label-offset: $kendo-switch-md-label-offset ),\n    lg: ( font-size: $kendo-switch-lg-font-size, track-width: $kendo-switch-lg-track-width, track-height: $kendo-switch-lg-track-height, thumb-width: $kendo-switch-lg-thumb-width, thumb-height: $kendo-switch-lg-thumb-height, thumb-offset: $kendo-switch-lg-thumb-offset, label-offset: $kendo-switch-lg-label-offset )\n)",
+                "scope": "default",
+                "line": {
+                    "start": 119,
+                    "end": 123
+                }
+            },
+            "group": [
+                "switch"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/switch/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The sizes map of the Table.\n",
+            "commentRange": {
+                "start": 22,
+                "end": 23
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-table-sizes",
+                "value": "(\n    sm: (\n        font-size: var( --kendo-font-size, inherit ),\n        line-height: var( --kendo-line-height, normal ),\n        cell-padding-x: $kendo-table-sm-cell-padding-x,\n        cell-padding-y: $kendo-table-sm-cell-padding-y\n    ),\n    md: (\n        font-size: var( --kendo-font-size, inherit ),\n        line-height: var( --kendo-line-height, normal ),\n        cell-padding-x: $kendo-table-md-cell-padding-x,\n        cell-padding-y: $kendo-table-md-cell-padding-y\n    ),\n    lg: (\n        font-size: var( --kendo-font-size, inherit ),\n        line-height: var( --kendo-line-height, normal ),\n        cell-padding-x: $kendo-table-lg-cell-padding-x,\n        cell-padding-y: $kendo-table-lg-cell-padding-y\n    )\n)",
+                "scope": "default",
+                "line": {
+                    "start": 24,
+                    "end": 43
+                }
+            },
+            "group": [
+                "table"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/table/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The sizes map of the TabStrip.\n",
+            "commentRange": {
+                "start": 80,
+                "end": 81
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-tabstrip-sizes",
+                "value": "(\n    sm: (\n        font-size: $kendo-tabstrip-sm-font-size,\n        line-height: $kendo-tabstrip-sm-line-height,\n        item-padding-x: $kendo-tabstrip-sm-item-padding-x,\n        item-padding-y: $kendo-tabstrip-sm-item-padding-y\n    ),\n    md: (\n        font-size: $kendo-tabstrip-md-font-size,\n        line-height: $kendo-tabstrip-md-line-height,\n        item-padding-x: $kendo-tabstrip-md-item-padding-x,\n        item-padding-y: $kendo-tabstrip-md-item-padding-y\n    ),\n    lg: (\n        font-size: $kendo-tabstrip-lg-font-size,\n        line-height: $kendo-tabstrip-lg-line-height,\n        item-padding-x: $kendo-tabstrip-lg-item-padding-x,\n        item-padding-y: $kendo-tabstrip-lg-item-padding-y\n    )\n)",
+                "scope": "default",
+                "line": {
+                    "start": 82,
+                    "end": 101
+                }
+            },
+            "group": [
+                "tabstrip"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/tabstrip/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The sizes map of the TimeSelector.\n",
+            "commentRange": {
+                "start": 59,
+                "end": 60
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-time-selector-sizes",
+                "value": "(\n    sm: (\n        font-size: $kendo-time-selector-sm-font-size,\n        line-height: $kendo-time-selector-sm-line-height,\n        list-item-padding-x: $kendo-time-selector-sm-list-item-padding-x,\n        list-item-padding-y: $kendo-time-selector-sm-list-item-padding-y\n    ),\n    md: (\n        font-size: $kendo-time-selector-md-font-size,\n        line-height: $kendo-time-selector-md-line-height,\n        list-item-padding-x: $kendo-time-selector-md-list-item-padding-x,\n        list-item-padding-y: $kendo-time-selector-md-list-item-padding-y\n    ),\n    lg: (\n        font-size: $kendo-time-selector-lg-font-size,\n        line-height: $kendo-time-selector-lg-line-height,\n        list-item-padding-x: $kendo-time-selector-lg-list-item-padding-x,\n        list-item-padding-y: $kendo-time-selector-lg-list-item-padding-y\n    )\n)",
+                "scope": "default",
+                "line": {
+                    "start": 61,
+                    "end": 80
+                }
+            },
+            "group": [
+                "time-selector"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/timeselector/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The sizes map of the ToolBar.\n",
+            "commentRange": {
+                "start": 58,
+                "end": 59
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-toolbar-sizes",
+                "value": "(\n    sm: (\n        padding-x: $kendo-toolbar-sm-padding-x,\n        padding-y: $kendo-toolbar-sm-padding-y,\n        spacing: $kendo-toolbar-sm-spacing,\n        separator-height: $kendo-toolbar-sm-separator-height\n    ),\n    md: (\n        padding-x: $kendo-toolbar-md-padding-x,\n        padding-y: $kendo-toolbar-md-padding-y,\n        spacing: $kendo-toolbar-md-spacing,\n        separator-height: $kendo-toolbar-md-separator-height\n    ),\n    lg: (\n        padding-x: $kendo-toolbar-lg-padding-x,\n        padding-y: $kendo-toolbar-lg-padding-y,\n        spacing: $kendo-toolbar-lg-spacing,\n        separator-height: $kendo-toolbar-lg-separator-height\n    )\n)",
+                "scope": "default",
+                "line": {
+                    "start": 60,
+                    "end": 79
+                }
+            },
+            "group": [
+                "toolbar"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/toolbar/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The sizes map of the TreeView.\n",
+            "commentRange": {
+                "start": 33,
+                "end": 34
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-treeview-sizes",
+                "value": "(\n    sm: (\n        font-size: $kendo-treeview-sm-font-size,\n        line-height: $kendo-treeview-sm-line-height,\n        item-padding-x: $kendo-treeview-sm-item-padding-x,\n        item-padding-y: $kendo-treeview-sm-item-padding-y,\n        checkbox-padding-x: $kendo-treeview-sm-checkbox-padding-x,\n        checkbox-padding-y: $kendo-treeview-sm-checkbox-padding-y\n    ),\n    md: (\n        font-size: $kendo-treeview-md-font-size,\n        line-height: $kendo-treeview-md-line-height,\n        item-padding-x: $kendo-treeview-md-item-padding-x,\n        item-padding-y: $kendo-treeview-md-item-padding-y,\n        checkbox-padding-x: $kendo-treeview-md-checkbox-padding-x,\n        checkbox-padding-y: $kendo-treeview-md-checkbox-padding-y\n    ),\n    lg: (\n        font-size: $kendo-treeview-lg-font-size,\n        line-height: $kendo-treeview-lg-line-height,\n        item-padding-x: $kendo-treeview-lg-item-padding-x,\n        item-padding-y: $kendo-treeview-lg-item-padding-y,\n        checkbox-padding-x: $kendo-treeview-lg-checkbox-padding-x,\n        checkbox-padding-y: $kendo-treeview-lg-checkbox-padding-y\n    )\n)",
+                "scope": "default",
+                "line": {
+                    "start": 35,
+                    "end": 60
+                }
+            },
+            "group": [
+                "treeview"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/treeview/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
         {
             "description": "The base font size across all components.\n",
             "commentRange": {
@@ -3808,6 +4858,56 @@
                 "sans-serif": "(system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")",
                 "monospace": "(SFMono-Regular, Menlo, Monaco, Consolas, \"Roboto Mono\", \"Ubuntu Mono\", \"Lucida Console\", \"Courier New\", monospace)"
             }
+        },
+        {
+            "description": "The sizes map of the Window.\n",
+            "commentRange": {
+                "start": 42,
+                "end": 43
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-window-sizes",
+                "value": "(\n    auto: null,\n    sm: 300px,\n    md: 800px,\n    lg: 1200px\n)",
+                "scope": "default",
+                "line": {
+                    "start": 44,
+                    "end": 49
+                }
+            },
+            "group": [
+                "window"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/window/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The theme colors map of the Window.\n",
+            "commentRange": {
+                "start": 51,
+                "end": 52
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-window-theme-colors",
+                "value": "(\"primary\", \"light\", \"dark\")",
+                "scope": "default",
+                "line": {
+                    "start": 53,
+                    "end": 53
+                }
+            },
+            "group": [
+                "window"
+            ],
+            "access": "public",
+            "file": {
+                "path": "core/scss/components/window/_variables.scss",
+                "name": "_variables.scss"
+            }
         }
     ],
     "mixins": [
@@ -6655,9 +7755,52 @@
                     "description": "The color to desaturate."
                 },
                 {
-                    "type": "Number",
-                    "name": "amount",
-                    "description": "The amount to desaturate the color."
+                    "type": "Number",
+                    "name": "amount",
+                    "description": "The amount to desaturate the color."
+                }
+            ]
+        },
+        {
+            "description": "Returns a SCSS selector self-reference (\"&\") when the current value matches the default value,\notherwise returns null. This is useful for conditionally applying styles only when a component\noption is set to its default value, allowing default styles to be grouped together.\n",
+            "commentRange": {
+                "start": 4,
+                "end": 9
+            },
+            "context": {
+                "type": "function",
+                "name": "k-when-default",
+                "code": "\n  @if meta.type-of($current) == \"list\" {\n    @return if(list.index($current, $default) != null, \"&,\", null);\n  }\n  @return if($default == $current, \"&,\", null);\n",
+                "line": {
+                    "start": 11,
+                    "end": 16
+                },
+                "signature": "k-when-default($default, $current)"
+            },
+            "return": {
+                "type": "String | Null",
+                "description": "Returns \"&,\" when values match, null otherwise."
+            },
+            "access": "public",
+            "group": [
+                "undefined"
+            ],
+            "require": [],
+            "file": {
+                "path": "core/scss/functions/_default.scss",
+                "name": "_default.scss"
+            },
+            "examples": [],
+            "parameters": [
+                {
+                    "type": "String",
+                    "name": "default",
+                    "description": "The default value to compare against."
+                },
+                {
+                    "type": "String | List",
+                    "name": "current",
+                    "description": "The current value to check. Can be a single value or a list of values."
                 }
             ]
         },
@@ -8256,253 +9399,585 @@
             },
             "usedBy": [
                 {
-                    "description": "Escapes special characters in a class name\n",
+                    "description": "Escapes special characters in a class name\n",
+                    "context": {
+                        "type": "function",
+                        "name": "k-escape-class-name",
+                        "code": "\n    $_text: $text;\n\n    @each $char, $rep in $_kendo-escape-class-name {\n        $_text: k-string-replace( $_text, string.unquote( $char ), string.unquote( $rep ) );\n    }\n\n    @return $_text;\n",
+                        "line": {
+                            "start": 74,
+                            "end": 82
+                        },
+                        "signature": "k-escape-class-name($text)"
+                    }
+                }
+            ],
+            "examples": [
+                {
+                    "type": "scss",
+                    "code": "@debug k-string-replace( \"foo bar\", \"bar\", \"baz\" ); // => \"foo baz\"",
+                    "description": "Usage"
+                }
+            ],
+            "parameters": [
+                {
+                    "type": "String",
+                    "name": "string",
+                    "description": "The string to process."
+                },
+                {
+                    "type": "String",
+                    "name": "search",
+                    "description": "The substring to look for."
+                },
+                {
+                    "type": "String",
+                    "name": "replace",
+                    "description": "The replacement string."
+                }
+            ]
+        },
+        {
+            "description": "Escapes special characters in a class name\n",
+            "commentRange": {
+                "start": 71,
+                "end": 73
+            },
+            "context": {
+                "type": "function",
+                "name": "k-escape-class-name",
+                "code": "\n    $_text: $text;\n\n    @each $char, $rep in $_kendo-escape-class-name {\n        $_text: k-string-replace( $_text, string.unquote( $char ), string.unquote( $rep ) );\n    }\n\n    @return $_text;\n",
+                "line": {
+                    "start": 74,
+                    "end": 82
+                },
+                "signature": "k-escape-class-name($text)"
+            },
+            "return": {
+                "type": "String",
+                "description": "The escaped string"
+            },
+            "access": "public",
+            "group": [
+                "undefined"
+            ],
+            "require": [
+                {
+                    "type": "function",
+                    "name": "k-string-replace"
+                }
+            ],
+            "file": {
+                "path": "core/scss/functions/_string.scss",
+                "name": "_string.scss"
+            },
+            "examples": [],
+            "parameters": [
+                {
+                    "type": "String",
+                    "name": "text",
+                    "description": "The string to escape"
+                }
+            ]
+        },
+        {
+            "description": "Return a z-index value based on layer and number of steps.\n",
+            "commentRange": {
+                "start": 23,
+                "end": 27
+            },
+            "context": {
+                "type": "function",
+                "name": "k-z-index",
+                "code": "\n    $layer-value: map.get($kendo-z-layers, $layer);\n\n    @if not $layer-value {\n        @error \"Layer '#{$layer}' not found in $kendo-z-layers map.\";\n    }\n\n    @return $layer-value + ($n * $kendo-z-step) + $delta;\n",
+                "line": {
+                    "start": 28,
+                    "end": 36
+                },
+                "signature": "k-z-index($layer, $Number, $Balancing)"
+            },
+            "return": {
+                "type": "Number",
+                "description": "Calculated z-index value."
+            },
+            "access": "public",
+            "group": [
+                "undefined"
+            ],
+            "require": [],
+            "throw": [
+                "Layer "
+            ],
+            "file": {
+                "path": "core/scss/z-index/index.scss",
+                "name": "index.scss"
+            },
+            "examples": [],
+            "parameters": [
+                {
+                    "type": "String",
+                    "name": "layer",
+                    "description": "The layer key from the $kendo-z-layers map."
+                },
+                {
+                    "type": "Number} $n [0] - {Optional",
+                    "name": "Number",
+                    "description": "of steps above the base layer."
+                },
+                {
+                    "type": "Number} $delta [0] - {Deprecated, Optional",
+                    "name": "Balancing",
+                    "description": "value."
+                }
+            ]
+        }
+    ],
+    "placeholders": [],
+    "css": [
+        {
+            "description": "This class could be assigned to elements which should be visually hidden, but remain accessible for screen readers.\n    @name .k-sr-only\n    @group accessibility\n",
+            "commentRange": {
+                "start": 3,
+                "end": 5
+            },
+            "context": {
+                "type": "css",
+                "name": ".k-sr-only",
+                "value": "position: absolute;\n        inset-inline-start: -1px;\n        width: 1px;\n        height: 1px;\n        overflow: hidden;",
+                "line": {
+                    "start": 6,
+                    "end": 15
+                }
+            },
+            "access": "public",
+            "group": [
+                "undefined"
+            ],
+            "file": {
+                "path": "core/scss/styles/_accessibility.scss",
+                "name": "_accessibility.scss"
+            }
+        }
+    ],
+    "variableGroups": [
+        {
+            "id": "accessibility",
+            "title": "Accessibility",
+            "variables": [
+                {
+                    "description": "",
+                    "commentRange": {
+                        "start": 555,
+                        "end": 559
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "wcag-dark",
+                        "value": "black",
+                        "scope": "default",
+                        "line": {
+                            "start": 560,
+                            "end": 560
+                        }
+                    },
+                    "link": [
+                        {
+                            "url": "https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast",
+                            "caption": ""
+                        },
+                        {
+                            "url": "https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests",
+                            "caption": "Default dark color for WCAG 2.0."
+                        }
+                    ],
+                    "type": "Color",
+                    "group": [
+                        "accessibility"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/functions/_color.scss",
+                        "name": "_color.scss"
+                    }
+                },
+                {
+                    "description": "Default light color for WCAG 2.0.\n",
+                    "commentRange": {
+                        "start": 561,
+                        "end": 563
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "wcag-light",
+                        "value": "white",
+                        "scope": "default",
+                        "line": {
+                            "start": 564,
+                            "end": 564
+                        }
+                    },
+                    "type": "Color",
+                    "group": [
+                        "accessibility"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/functions/_color.scss",
+                        "name": "_color.scss"
+                    }
+                }
+            ]
+        },
+        {
+            "id": "appbar",
+            "title": "Appbar",
+            "variables": [
+                {
+                    "description": "The theme colors map of the AppBar.\n",
+                    "commentRange": {
+                        "start": 27,
+                        "end": 28
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-appbar-theme-colors",
+                        "value": "(\"inherit\", \"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+                        "scope": "default",
+                        "line": {
+                            "start": 29,
+                            "end": 29
+                        }
+                    },
+                    "group": [
+                        "appbar"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/appbar/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                }
+            ]
+        },
+        {
+            "id": "avatar",
+            "title": "Avatar",
+            "variables": [
+                {
+                    "description": "The sizes map of the Avatar.\n",
+                    "commentRange": {
+                        "start": 24,
+                        "end": 25
+                    },
                     "context": {
-                        "type": "function",
-                        "name": "k-escape-class-name",
-                        "code": "\n    $_text: $text;\n\n    @each $char, $rep in $_kendo-escape-class-name {\n        $_text: k-string-replace( $_text, string.unquote( $char ), string.unquote( $rep ) );\n    }\n\n    @return $_text;\n",
+                        "type": "variable",
+                        "name": "kendo-avatar-sizes",
+                        "value": "(\n    sm: $kendo-avatar-sm-size,\n    md: $kendo-avatar-md-size,\n    lg: $kendo-avatar-lg-size\n)",
+                        "scope": "default",
                         "line": {
-                            "start": 74,
-                            "end": 82
-                        },
-                        "signature": "k-escape-class-name($text)"
+                            "start": 26,
+                            "end": 30
+                        }
+                    },
+                    "group": [
+                        "avatar"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/avatar/_variables.scss",
+                        "name": "_variables.scss"
                     }
-                }
-            ],
-            "examples": [
-                {
-                    "type": "scss",
-                    "code": "@debug k-string-replace( \"foo bar\", \"bar\", \"baz\" ); // => \"foo baz\"",
-                    "description": "Usage"
-                }
-            ],
-            "parameters": [
-                {
-                    "type": "String",
-                    "name": "string",
-                    "description": "The string to process."
-                },
-                {
-                    "type": "String",
-                    "name": "search",
-                    "description": "The substring to look for."
                 },
                 {
-                    "type": "String",
-                    "name": "replace",
-                    "description": "The replacement string."
+                    "description": "The theme colors map of the Avatar.\n",
+                    "commentRange": {
+                        "start": 32,
+                        "end": 33
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-avatar-theme-colors",
+                        "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+                        "scope": "default",
+                        "line": {
+                            "start": 34,
+                            "end": 34
+                        }
+                    },
+                    "group": [
+                        "avatar"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/avatar/_variables.scss",
+                        "name": "_variables.scss"
+                    }
                 }
             ]
         },
         {
-            "description": "Escapes special characters in a class name\n",
-            "commentRange": {
-                "start": 71,
-                "end": 73
-            },
-            "context": {
-                "type": "function",
-                "name": "k-escape-class-name",
-                "code": "\n    $_text: $text;\n\n    @each $char, $rep in $_kendo-escape-class-name {\n        $_text: k-string-replace( $_text, string.unquote( $char ), string.unquote( $rep ) );\n    }\n\n    @return $_text;\n",
-                "line": {
-                    "start": 74,
-                    "end": 82
-                },
-                "signature": "k-escape-class-name($text)"
-            },
-            "return": {
-                "type": "String",
-                "description": "The escaped string"
-            },
-            "access": "public",
-            "group": [
-                "undefined"
-            ],
-            "require": [
+            "id": "badge",
+            "title": "Badge",
+            "variables": [
                 {
-                    "type": "function",
-                    "name": "k-string-replace"
-                }
-            ],
-            "file": {
-                "path": "core/scss/functions/_string.scss",
-                "name": "_string.scss"
-            },
-            "examples": [],
-            "parameters": [
+                    "description": "The sizes map of the Badge.\n",
+                    "commentRange": {
+                        "start": 33,
+                        "end": 34
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-badge-sizes",
+                        "value": "(\n    sm: (\n        padding-x: $kendo-badge-sm-padding-x,\n        padding-y: $kendo-badge-sm-padding-y,\n        font-size: $kendo-badge-sm-font-size,\n        line-height: $kendo-badge-sm-line-height,\n        min-width: $kendo-badge-sm-min-width\n    ),\n    md: (\n        padding-x: $kendo-badge-md-padding-x,\n        padding-y: $kendo-badge-md-padding-y,\n        font-size: $kendo-badge-md-font-size,\n        line-height: $kendo-badge-md-line-height,\n        min-width: $kendo-badge-md-min-width\n    ),\n    lg: (\n        padding-x: $kendo-badge-lg-padding-x,\n        padding-y: $kendo-badge-lg-padding-y,\n        font-size: $kendo-badge-lg-font-size,\n        line-height: $kendo-badge-lg-line-height,\n        min-width: $kendo-badge-lg-min-width\n    )\n)",
+                        "scope": "default",
+                        "line": {
+                            "start": 35,
+                            "end": 57
+                        }
+                    },
+                    "group": [
+                        "badge"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/badge/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                },
                 {
-                    "type": "String",
-                    "name": "text",
-                    "description": "The string to escape"
+                    "description": "The theme colors map of the Badge.\n",
+                    "commentRange": {
+                        "start": 61,
+                        "end": 62
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-badge-theme-colors",
+                        "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+                        "scope": "default",
+                        "line": {
+                            "start": 63,
+                            "end": 63
+                        }
+                    },
+                    "group": [
+                        "badge"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/badge/_variables.scss",
+                        "name": "_variables.scss"
+                    }
                 }
             ]
         },
         {
-            "description": "Return a z-index value based on layer and number of steps.\n",
-            "commentRange": {
-                "start": 23,
-                "end": 27
-            },
-            "context": {
-                "type": "function",
-                "name": "k-z-index",
-                "code": "\n    $layer-value: map.get($kendo-z-layers, $layer);\n\n    @if not $layer-value {\n        @error \"Layer '#{$layer}' not found in $kendo-z-layers map.\";\n    }\n\n    @return $layer-value + ($n * $kendo-z-step) + $delta;\n",
-                "line": {
-                    "start": 28,
-                    "end": 36
+            "id": "radii",
+            "title": "Border Radius",
+            "variables": [
+                {
+                    "description": "The none border radius used across the Components.\n",
+                    "commentRange": {
+                        "start": 4,
+                        "end": 5
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-border-radius-none",
+                        "value": "map.get($kendo-spacing, 0)",
+                        "scope": "default",
+                        "line": {
+                            "start": 6,
+                            "end": 6
+                        }
+                    },
+                    "group": [
+                        "radii"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/border-radii/index.scss",
+                        "name": "index.scss"
+                    },
+                    "resolvedValue": "0px",
+                    "resolvedType": "Number"
                 },
-                "signature": "k-z-index($layer, $Number, $Balancing)"
-            },
-            "return": {
-                "type": "Number",
-                "description": "Calculated z-index value."
-            },
-            "access": "public",
-            "group": [
-                "undefined"
-            ],
-            "require": [],
-            "throw": [
-                "Layer "
-            ],
-            "file": {
-                "path": "core/scss/z-index/index.scss",
-                "name": "index.scss"
-            },
-            "examples": [],
-            "parameters": [
                 {
-                    "type": "String",
-                    "name": "layer",
-                    "description": "The layer key from the $kendo-z-layers map."
+                    "description": "The extra small border radius used across the Components.\n",
+                    "commentRange": {
+                        "start": 7,
+                        "end": 8
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-border-radius-xs",
+                        "value": "map.get($kendo-spacing, 1px)",
+                        "scope": "default",
+                        "line": {
+                            "start": 9,
+                            "end": 9
+                        }
+                    },
+                    "group": [
+                        "radii"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/border-radii/index.scss",
+                        "name": "index.scss"
+                    },
+                    "resolvedValue": "1px",
+                    "resolvedType": "Number"
+                },
+                {
+                    "description": "The small border radius used across the Components.\n",
+                    "commentRange": {
+                        "start": 10,
+                        "end": 11
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-border-radius-sm",
+                        "value": "map.get($kendo-spacing, 0.5)",
+                        "scope": "default",
+                        "line": {
+                            "start": 12,
+                            "end": 12
+                        }
+                    },
+                    "group": [
+                        "radii"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/border-radii/index.scss",
+                        "name": "index.scss"
+                    },
+                    "resolvedValue": "0.125rem",
+                    "resolvedType": "Number"
+                },
+                {
+                    "description": "The medium border radius used across the Components.\n",
+                    "commentRange": {
+                        "start": 13,
+                        "end": 14
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-border-radius-md",
+                        "value": "map.get($kendo-spacing, 1)",
+                        "scope": "default",
+                        "line": {
+                            "start": 15,
+                            "end": 15
+                        }
+                    },
+                    "group": [
+                        "radii"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/border-radii/index.scss",
+                        "name": "index.scss"
+                    },
+                    "resolvedValue": "0.25rem",
+                    "resolvedType": "Number"
                 },
                 {
-                    "type": "Number} $n [0] - {Optional",
-                    "name": "Number",
-                    "description": "of steps above the base layer."
+                    "description": "The large border radius used across the Components.\n",
+                    "commentRange": {
+                        "start": 16,
+                        "end": 17
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-border-radius-lg",
+                        "value": "map.get($kendo-spacing, 1.5)",
+                        "scope": "default",
+                        "line": {
+                            "start": 18,
+                            "end": 18
+                        }
+                    },
+                    "group": [
+                        "radii"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/border-radii/index.scss",
+                        "name": "index.scss"
+                    },
+                    "resolvedValue": "0.375rem",
+                    "resolvedType": "Number"
                 },
                 {
-                    "type": "Number} $delta [0] - {Deprecated, Optional",
-                    "name": "Balancing",
-                    "description": "value."
-                }
-            ]
-        }
-    ],
-    "placeholders": [],
-    "css": [
-        {
-            "description": "This class could be assigned to elements which should be visually hidden, but remain accessible for screen readers.\n    @name .k-sr-only\n    @group accessibility\n",
-            "commentRange": {
-                "start": 3,
-                "end": 5
-            },
-            "context": {
-                "type": "css",
-                "name": ".k-sr-only",
-                "value": "position: absolute;\n        inset-inline-start: -1px;\n        width: 1px;\n        height: 1px;\n        overflow: hidden;",
-                "line": {
-                    "start": 6,
-                    "end": 15
-                }
-            },
-            "access": "public",
-            "group": [
-                "undefined"
-            ],
-            "file": {
-                "path": "core/scss/styles/_accessibility.scss",
-                "name": "_accessibility.scss"
-            }
-        }
-    ],
-    "variableGroups": [
-        {
-            "id": "accessibility",
-            "title": "Accessibility",
-            "variables": [
-                {
-                    "description": "",
+                    "description": "The extra large border radius used across the Components.\n",
                     "commentRange": {
-                        "start": 555,
-                        "end": 559
+                        "start": 19,
+                        "end": 20
                     },
                     "context": {
                         "type": "variable",
-                        "name": "wcag-dark",
-                        "value": "black",
+                        "name": "kendo-border-radius-xl",
+                        "value": "map.get($kendo-spacing, 2)",
                         "scope": "default",
                         "line": {
-                            "start": 560,
-                            "end": 560
+                            "start": 21,
+                            "end": 21
                         }
                     },
-                    "link": [
-                        {
-                            "url": "https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast",
-                            "caption": ""
-                        },
-                        {
-                            "url": "https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests",
-                            "caption": "Default dark color for WCAG 2.0."
-                        }
-                    ],
-                    "type": "Color",
                     "group": [
-                        "accessibility"
+                        "radii"
                     ],
                     "access": "public",
                     "file": {
-                        "path": "core/scss/functions/_color.scss",
-                        "name": "_color.scss"
-                    }
+                        "path": "core/scss/border-radii/index.scss",
+                        "name": "index.scss"
+                    },
+                    "resolvedValue": "0.5rem",
+                    "resolvedType": "Number"
                 },
                 {
-                    "description": "Default light color for WCAG 2.0.\n",
+                    "description": "The third largest border radius used across the Components.\n",
                     "commentRange": {
-                        "start": 561,
-                        "end": 563
+                        "start": 22,
+                        "end": 23
                     },
                     "context": {
                         "type": "variable",
-                        "name": "wcag-light",
-                        "value": "white",
+                        "name": "kendo-border-radius-xxl",
+                        "value": "map.get($kendo-spacing, 3)",
                         "scope": "default",
                         "line": {
-                            "start": 564,
-                            "end": 564
+                            "start": 24,
+                            "end": 24
                         }
                     },
-                    "type": "Color",
                     "group": [
-                        "accessibility"
+                        "radii"
                     ],
                     "access": "public",
                     "file": {
-                        "path": "core/scss/functions/_color.scss",
-                        "name": "_color.scss"
-                    }
-                }
-            ]
-        },
-        {
-            "id": "radii",
-            "title": "Border Radius",
-            "variables": [
+                        "path": "core/scss/border-radii/index.scss",
+                        "name": "index.scss"
+                    },
+                    "resolvedValue": "0.75rem",
+                    "resolvedType": "Number"
+                },
                 {
-                    "description": "The none border radius used across the Components.\n",
+                    "description": "The second largest border radius used across the Components.\n",
                     "commentRange": {
-                        "start": 4,
-                        "end": 5
+                        "start": 25,
+                        "end": 26
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-border-radius-none",
-                        "value": "map.get($kendo-spacing, 0)",
+                        "name": "kendo-border-radius-xxxl",
+                        "value": "map.get($kendo-spacing, 4)",
                         "scope": "default",
                         "line": {
-                            "start": 6,
-                            "end": 6
+                            "start": 27,
+                            "end": 27
                         }
                     },
                     "group": [
@@ -8513,23 +9988,23 @@
                         "path": "core/scss/border-radii/index.scss",
                         "name": "index.scss"
                     },
-                    "resolvedValue": "0px",
+                    "resolvedValue": "1rem",
                     "resolvedType": "Number"
                 },
                 {
-                    "description": "The extra small border radius used across the Components.\n",
+                    "description": "The largest border radius used across the Components.\n",
                     "commentRange": {
-                        "start": 7,
-                        "end": 8
+                        "start": 28,
+                        "end": 29
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-border-radius-xs",
-                        "value": "map.get($kendo-spacing, 1px)",
+                        "name": "kendo-border-radius-full",
+                        "value": "9999px",
                         "scope": "default",
                         "line": {
-                            "start": 9,
-                            "end": 9
+                            "start": 30,
+                            "end": 30
                         }
                     },
                     "group": [
@@ -8540,234 +10015,337 @@
                         "path": "core/scss/border-radii/index.scss",
                         "name": "index.scss"
                     },
-                    "resolvedValue": "1px",
+                    "resolvedValue": "9999px",
                     "resolvedType": "Number"
                 },
                 {
-                    "description": "The small border radius used across the Components.\n",
+                    "description": "The global radii Map.\n",
+                    "commentRange": {
+                        "start": 46,
+                        "end": 47
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-border-radii",
+                        "value": "$default-border-radii",
+                        "scope": "default",
+                        "line": {
+                            "start": 48,
+                            "end": 48
+                        }
+                    },
+                    "group": [
+                        "radii"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/border-radii/index.scss",
+                        "name": "index.scss"
+                    },
+                    "resolvedValue": "(none: 0px, xs: 1px, sm: 0.125rem, md: 0.25rem, lg: 0.375rem, xl: 0.5rem, xxl: 0.75rem, xxxl: 1rem, full: 9999px)",
+                    "resolvedType": "Map",
+                    "prettyValue": {
+                        "none": "0px",
+                        "xs": "1px",
+                        "sm": "0.125rem",
+                        "md": "0.25rem",
+                        "lg": "0.375rem",
+                        "xl": "0.5rem",
+                        "xxl": "0.75rem",
+                        "xxxl": "1rem",
+                        "full": "9999px"
+                    }
+                }
+            ]
+        },
+        {
+            "id": "bottom-navigation",
+            "title": "BottomNavigation",
+            "variables": [
+                {
+                    "description": "The theme colors map of the BottomNavigation.\n",
+                    "commentRange": {
+                        "start": 31,
+                        "end": 32
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-bottom-navigation-theme-colors",
+                        "value": "(\"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+                        "scope": "default",
+                        "line": {
+                            "start": 33,
+                            "end": 33
+                        }
+                    },
+                    "group": [
+                        "bottom-navigation"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/bottom-navigation/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                }
+            ]
+        },
+        {
+            "id": "breadcrumb",
+            "title": "Breadcrumb",
+            "variables": [
+                {
+                    "description": "The sizes map of the Breadcrumb.\n",
+                    "commentRange": {
+                        "start": 81,
+                        "end": 82
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-breadcrumb-sizes",
+                        "value": "(\n    sm: (\n        link-padding-x: $kendo-breadcrumb-sm-link-padding-x,\n        link-padding-y: $kendo-breadcrumb-sm-link-padding-y,\n        icon-link-padding-x: $kendo-breadcrumb-sm-icon-link-padding-x,\n        icon-link-padding-y: $kendo-breadcrumb-sm-icon-link-padding-y,\n        font-size: $kendo-breadcrumb-sm-font-size,\n        line-height: $kendo-breadcrumb-sm-line-height\n    ),\n    md: (\n        link-padding-x: $kendo-breadcrumb-md-link-padding-x,\n        link-padding-y: $kendo-breadcrumb-md-link-padding-y,\n        icon-link-padding-x: $kendo-breadcrumb-md-icon-link-padding-x,\n        icon-link-padding-y: $kendo-breadcrumb-md-icon-link-padding-y,\n        font-size: $kendo-breadcrumb-md-font-size,\n        line-height: $kendo-breadcrumb-md-line-height\n    ),\n    lg: (\n        link-padding-x: $kendo-breadcrumb-lg-link-padding-x,\n        link-padding-y: $kendo-breadcrumb-lg-link-padding-y,\n        icon-link-padding-x: $kendo-breadcrumb-lg-icon-link-padding-x,\n        icon-link-padding-y: $kendo-breadcrumb-lg-icon-link-padding-y,\n        font-size: $kendo-breadcrumb-lg-font-size,\n        line-height: $kendo-breadcrumb-lg-line-height\n    )\n)",
+                        "scope": "default",
+                        "line": {
+                            "start": 83,
+                            "end": 108
+                        }
+                    },
+                    "group": [
+                        "breadcrumb"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/breadcrumb/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                }
+            ]
+        },
+        {
+            "id": "button",
+            "title": "Button",
+            "variables": [
+                {
+                    "description": "The theme colors map of the Button.\n",
                     "commentRange": {
-                        "start": 10,
-                        "end": 11
+                        "start": 108,
+                        "end": 109
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-border-radius-sm",
-                        "value": "map.get($kendo-spacing, 0.5)",
+                        "name": "kendo-button-theme-colors",
+                        "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
                         "scope": "default",
                         "line": {
-                            "start": 12,
-                            "end": 12
+                            "start": 110,
+                            "end": 110
                         }
                     },
                     "group": [
-                        "radii"
+                        "button"
                     ],
                     "access": "public",
                     "file": {
-                        "path": "core/scss/border-radii/index.scss",
-                        "name": "index.scss"
-                    },
-                    "resolvedValue": "0.125rem",
-                    "resolvedType": "Number"
+                        "path": "core/scss/components/button/_variables.scss",
+                        "name": "_variables.scss"
+                    }
                 },
                 {
-                    "description": "The medium border radius used across the Components.\n",
+                    "description": "The sizes map of the Button.\n",
                     "commentRange": {
-                        "start": 13,
-                        "end": 14
+                        "start": 112,
+                        "end": 113
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-border-radius-md",
-                        "value": "map.get($kendo-spacing, 1)",
+                        "name": "kendo-button-sizes",
+                        "value": "(\n    sm: (\n        padding-x: $kendo-button-sm-padding-x,\n        padding-y: $kendo-button-sm-padding-y,\n        font-size: $kendo-button-sm-font-size,\n        line-height: $kendo-button-sm-line-height\n    ),\n    md: (\n        padding-x: $kendo-button-md-padding-x,\n        padding-y: $kendo-button-md-padding-y,\n        font-size: $kendo-button-md-font-size,\n        line-height: $kendo-button-md-line-height\n    ),\n    lg: (\n        padding-x: $kendo-button-lg-padding-x,\n        padding-y: $kendo-button-lg-padding-y,\n        font-size: $kendo-button-lg-font-size,\n        line-height: $kendo-button-lg-line-height\n    )\n)",
                         "scope": "default",
                         "line": {
-                            "start": 15,
-                            "end": 15
+                            "start": 114,
+                            "end": 133
                         }
                     },
                     "group": [
-                        "radii"
+                        "button"
                     ],
                     "access": "public",
                     "file": {
-                        "path": "core/scss/border-radii/index.scss",
-                        "name": "index.scss"
-                    },
-                    "resolvedValue": "0.25rem",
-                    "resolvedType": "Number"
-                },
+                        "path": "core/scss/components/button/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                }
+            ]
+        },
+        {
+            "id": "calendar",
+            "title": "Calendar",
+            "variables": [
                 {
-                    "description": "The large border radius used across the Components.\n",
+                    "description": "The sizes map of the Calendar.\n",
                     "commentRange": {
-                        "start": 16,
-                        "end": 17
+                        "start": 143,
+                        "end": 144
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-border-radius-lg",
-                        "value": "map.get($kendo-spacing, 1.5)",
+                        "name": "kendo-calendar-sizes",
+                        "value": "(\n    sm: (\n        font-size: $kendo-calendar-sm-font-size,\n        line-height: $kendo-calendar-sm-line-height,\n        cell-size: $kendo-calendar-sm-cell-size,\n        cell-padding-x: $kendo-calendar-sm-cell-padding-x,\n        cell-padding-y: $kendo-calendar-sm-cell-padding-y\n    ),\n    md: (\n        font-size: $kendo-calendar-md-font-size,\n        line-height: $kendo-calendar-md-line-height,\n        cell-size: $kendo-calendar-md-cell-size,\n        cell-padding-x: $kendo-calendar-md-cell-padding-x,\n        cell-padding-y: $kendo-calendar-md-cell-padding-y\n    ),\n    lg: (\n        font-size: $kendo-calendar-lg-font-size,\n        line-height: $kendo-calendar-lg-line-height,\n        cell-size: $kendo-calendar-lg-cell-size,\n        cell-padding-x: $kendo-calendar-lg-cell-padding-x,\n        cell-padding-y: $kendo-calendar-lg-cell-padding-y\n    )\n)",
                         "scope": "default",
                         "line": {
-                            "start": 18,
-                            "end": 18
+                            "start": 145,
+                            "end": 167
                         }
                     },
                     "group": [
-                        "radii"
+                        "calendar"
                     ],
                     "access": "public",
                     "file": {
-                        "path": "core/scss/border-radii/index.scss",
-                        "name": "index.scss"
-                    },
-                    "resolvedValue": "0.375rem",
-                    "resolvedType": "Number"
-                },
+                        "path": "core/scss/components/calendar/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                }
+            ]
+        },
+        {
+            "id": "card",
+            "title": "Card",
+            "variables": [
                 {
-                    "description": "The extra large border radius used across the Components.\n",
+                    "description": "The theme colors map of the Card.\n",
                     "commentRange": {
-                        "start": 19,
-                        "end": 20
+                        "start": 75,
+                        "end": 76
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-border-radius-xl",
-                        "value": "map.get($kendo-spacing, 2)",
+                        "name": "kendo-card-theme-colors",
+                        "value": "(\"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
                         "scope": "default",
                         "line": {
-                            "start": 21,
-                            "end": 21
+                            "start": 77,
+                            "end": 77
                         }
                     },
                     "group": [
-                        "radii"
+                        "card"
                     ],
                     "access": "public",
                     "file": {
-                        "path": "core/scss/border-radii/index.scss",
-                        "name": "index.scss"
-                    },
-                    "resolvedValue": "0.5rem",
-                    "resolvedType": "Number"
-                },
+                        "path": "core/scss/components/card/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                }
+            ]
+        },
+        {
+            "id": "checkbox",
+            "title": "Checkbox",
+            "variables": [
                 {
-                    "description": "The third largest border radius used across the Components.\n",
+                    "description": "The sizes map of the CheckBox.\n",
                     "commentRange": {
-                        "start": 22,
-                        "end": 23
+                        "start": 17,
+                        "end": 18
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-border-radius-xxl",
-                        "value": "map.get($kendo-spacing, 3)",
+                        "name": "kendo-checkbox-sizes",
+                        "value": "(\n    sm: (\n        size: $kendo-checkbox-sm-size,\n        glyph-size: $kendo-checkbox-sm-glyph-size,\n        ripple-size: $kendo-checkbox-sm-ripple-size\n    ),\n    md: (\n        size: $kendo-checkbox-md-size,\n        glyph-size: $kendo-checkbox-md-glyph-size,\n        ripple-size: $kendo-checkbox-md-ripple-size\n    ),\n    lg: (\n        size: $kendo-checkbox-lg-size,\n        glyph-size: $kendo-checkbox-lg-glyph-size,\n        ripple-size: $kendo-checkbox-lg-ripple-size\n    )\n)",
                         "scope": "default",
                         "line": {
-                            "start": 24,
-                            "end": 24
+                            "start": 19,
+                            "end": 35
                         }
                     },
                     "group": [
-                        "radii"
+                        "checkbox"
                     ],
                     "access": "public",
                     "file": {
-                        "path": "core/scss/border-radii/index.scss",
-                        "name": "index.scss"
-                    },
-                    "resolvedValue": "0.75rem",
-                    "resolvedType": "Number"
-                },
+                        "path": "core/scss/components/checkbox/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                }
+            ]
+        },
+        {
+            "id": "chip",
+            "title": "Chip",
+            "variables": [
                 {
-                    "description": "The second largest border radius used across the Components.\n",
+                    "description": "The sizes map of the Chip.\n",
                     "commentRange": {
-                        "start": 25,
-                        "end": 26
+                        "start": 36,
+                        "end": 37
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-border-radius-xxxl",
-                        "value": "map.get($kendo-spacing, 4)",
+                        "name": "kendo-chip-sizes",
+                        "value": "(\n    sm: (\n        padding-x: $kendo-chip-sm-padding-x,\n        padding-y: $kendo-chip-sm-padding-y,\n        font-size: $kendo-chip-sm-font-size,\n        line-height: $kendo-chip-sm-line-height\n    ),\n    md: (\n        padding-x: $kendo-chip-md-padding-x,\n        padding-y: $kendo-chip-md-padding-y,\n        font-size: $kendo-chip-md-font-size,\n        line-height: $kendo-chip-md-line-height\n    ),\n    lg: (\n        padding-x: $kendo-chip-lg-padding-x,\n        padding-y: $kendo-chip-lg-padding-y,\n        font-size: $kendo-chip-lg-font-size,\n        line-height: $kendo-chip-lg-line-height\n    )\n)",
                         "scope": "default",
                         "line": {
-                            "start": 27,
-                            "end": 27
+                            "start": 38,
+                            "end": 57
                         }
                     },
                     "group": [
-                        "radii"
+                        "chip"
                     ],
                     "access": "public",
                     "file": {
-                        "path": "core/scss/border-radii/index.scss",
-                        "name": "index.scss"
-                    },
-                    "resolvedValue": "1rem",
-                    "resolvedType": "Number"
+                        "path": "core/scss/components/chip/_variables.scss",
+                        "name": "_variables.scss"
+                    }
                 },
                 {
-                    "description": "The largest border radius used across the Components.\n",
+                    "description": "The sizes of the Chip list.\n",
                     "commentRange": {
-                        "start": 28,
-                        "end": 29
+                        "start": 64,
+                        "end": 65
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-border-radius-full",
-                        "value": "9999px",
+                        "name": "kendo-chip-list-sizes",
+                        "value": "(\n    sm: $kendo-chip-list-size-sm,\n    md: $kendo-chip-list-size-md,\n    lg: $kendo-chip-list-size-lg\n)",
                         "scope": "default",
                         "line": {
-                            "start": 30,
-                            "end": 30
+                            "start": 66,
+                            "end": 70
                         }
                     },
                     "group": [
-                        "radii"
+                        "chip"
                     ],
                     "access": "public",
                     "file": {
-                        "path": "core/scss/border-radii/index.scss",
-                        "name": "index.scss"
-                    },
-                    "resolvedValue": "9999px",
-                    "resolvedType": "Number"
+                        "path": "core/scss/components/chip/_variables.scss",
+                        "name": "_variables.scss"
+                    }
                 },
                 {
-                    "description": "The global radii Map.\n",
+                    "description": "The theme colors map of the Chip.\n",
                     "commentRange": {
-                        "start": 46,
-                        "end": 47
+                        "start": 75,
+                        "end": 76
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-border-radii",
-                        "value": "$default-border-radii",
+                        "name": "kendo-chip-theme-colors",
+                        "value": "(\"base\", \"error\", \"info\", \"warning\", \"success\")",
                         "scope": "default",
                         "line": {
-                            "start": 48,
-                            "end": 48
+                            "start": 77,
+                            "end": 77
                         }
                     },
                     "group": [
-                        "radii"
+                        "chip"
                     ],
                     "access": "public",
                     "file": {
-                        "path": "core/scss/border-radii/index.scss",
-                        "name": "index.scss"
-                    },
-                    "resolvedValue": "(none: 0px, xs: 1px, sm: 0.125rem, md: 0.25rem, lg: 0.375rem, xl: 0.5rem, xxl: 0.75rem, xxxl: 1rem, full: 9999px)",
-                    "resolvedType": "Map",
-                    "prettyValue": {
-                        "none": "0px",
-                        "xs": "1px",
-                        "sm": "0.125rem",
-                        "md": "0.25rem",
-                        "lg": "0.375rem",
-                        "xl": "0.5rem",
-                        "xxl": "0.75rem",
-                        "xxxl": "1rem",
-                        "full": "9999px"
+                        "path": "core/scss/components/chip/_variables.scss",
+                        "name": "_variables.scss"
                     }
                 }
             ]
@@ -10187,6 +11765,192 @@
                 }
             ]
         },
+        {
+            "id": "color-editor",
+            "title": "ColorEditor",
+            "variables": [
+                {
+                    "description": "The size map of the ColorEditor.\n",
+                    "commentRange": {
+                        "start": 58,
+                        "end": 59
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-color-editor-sizes",
+                        "value": "(\n    sm: (\n        min-width: $kendo-color-editor-sm-min-width,\n        header-padding-x: $kendo-color-editor-sm-header-padding-x,\n        header-padding-y: $kendo-color-editor-sm-header-padding-y,\n        views-padding-x: $kendo-color-editor-sm-views-padding-x,\n        views-padding-y: $kendo-color-editor-sm-views-padding-y,\n        preview-gap: $kendo-color-editor-sm-preview-gap,\n        preview-width: $kendo-color-editor-sm-color-preview-width,\n        preview-height: $kendo-color-editor-sm-color-preview-height,\n\n    ),\n    md: (\n        min-width: $kendo-color-editor-md-min-width,\n        header-padding-x: $kendo-color-editor-md-header-padding-x,\n        header-padding-y: $kendo-color-editor-md-header-padding-y,\n        views-padding-x: $kendo-color-editor-md-views-padding-x,\n        views-padding-y: $kendo-color-editor-md-views-padding-y,\n        preview-gap: $kendo-color-editor-md-preview-gap,\n        preview-width: $kendo-color-editor-md-color-preview-width,\n        preview-height: $kendo-color-editor-md-color-preview-height,\n    ),\n    lg: (\n        min-width: $kendo-color-editor-lg-min-width,\n        header-padding-x: $kendo-color-editor-lg-header-padding-x,\n        header-padding-y: $kendo-color-editor-lg-header-padding-y,\n        views-padding-x: $kendo-color-editor-lg-views-padding-x,\n        views-padding-y: $kendo-color-editor-lg-views-padding-y,\n        preview-gap: $kendo-color-editor-lg-preview-gap,\n        preview-width: $kendo-color-editor-lg-color-preview-width,\n        preview-height: $kendo-color-editor-lg-color-preview-height,\n    )\n)",
+                        "scope": "default",
+                        "line": {
+                            "start": 60,
+                            "end": 92
+                        }
+                    },
+                    "group": [
+                        "color-editor"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/coloreditor/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                }
+            ]
+        },
+        {
+            "id": "color-gradient",
+            "title": "ColorGradient",
+            "variables": [
+                {
+                    "description": "The size map of the ColorGradient.\n",
+                    "commentRange": {
+                        "start": 87,
+                        "end": 88
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-color-gradient-sizes",
+                        "value": "(\n    sm: (\n        width: $kendo-color-gradient-sm-width,\n        vertical-slider-height: $kendo-color-gradient-sm-slider-vertical-size,\n        rectangle-height: $kendo-color-gradient-sm-canvas-rectangle-height,\n        input-width: $kendo-color-gradient-sm-input-width,\n        gap: $kendo-color-gradient-sm-gap,\n        canvas-gap: $kendo-color-gradient-sm-canvas-gap,\n        padding-x: $kendo-color-gradient-sm-padding-x,\n        padding-y: $kendo-color-gradient-sm-padding-y\n    ),\n    md: (\n        width: $kendo-color-gradient-md-width,\n        vertical-slider-height: $kendo-color-gradient-md-slider-vertical-size,\n        rectangle-height: $kendo-color-gradient-md-canvas-rectangle-height,\n        input-width: $kendo-color-gradient-md-input-width,\n        gap: $kendo-color-gradient-md-gap,\n        canvas-gap: $kendo-color-gradient-md-canvas-gap,\n        padding-x: $kendo-color-gradient-md-padding-x,\n        padding-y: $kendo-color-gradient-md-padding-y\n    ),\n    lg: (\n        width: $kendo-color-gradient-lg-width,\n        vertical-slider-height: $kendo-color-gradient-lg-slider-vertical-size,\n        rectangle-height: $kendo-color-gradient-lg-canvas-rectangle-height,\n        input-width: $kendo-color-gradient-lg-input-width,\n        gap: $kendo-color-gradient-lg-gap,\n        canvas-gap: $kendo-color-gradient-lg-canvas-gap,\n        padding-x: $kendo-color-gradient-lg-padding-x,\n        padding-y: $kendo-color-gradient-lg-padding-y\n    )\n)",
+                        "scope": "default",
+                        "line": {
+                            "start": 89,
+                            "end": 120
+                        }
+                    },
+                    "group": [
+                        "color-gradient"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/colorgradient/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                }
+            ]
+        },
+        {
+            "id": "color-palette",
+            "title": "ColorPalette",
+            "variables": [
+                {
+                    "description": "The size map of the ColorPalette.\n",
+                    "commentRange": {
+                        "start": 22,
+                        "end": 23
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-color-palette-sizes",
+                        "value": "(\n    sm: (\n        width: $kendo-color-palette-sm-tile-width,\n        height: $kendo-color-palette-sm-tile-height\n    ),\n    md: (\n        width: $kendo-color-palette-md-tile-width,\n        height: $kendo-color-palette-md-tile-height\n    ),\n    lg: (\n        width: $kendo-color-palette-lg-tile-width,\n        height: $kendo-color-palette-lg-tile-height\n    )\n)",
+                        "scope": "default",
+                        "line": {
+                            "start": 24,
+                            "end": 37
+                        }
+                    },
+                    "group": [
+                        "color-palette"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/colorpalette/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                }
+            ]
+        },
+        {
+            "id": "column-menu",
+            "title": "ColumnMenu",
+            "variables": [
+                {
+                    "description": "The sizes map for the ColumnMenu.\n",
+                    "commentRange": {
+                        "start": 24,
+                        "end": 25
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-column-menu-sizes",
+                        "value": "(\n    sm: (\n        padding-x: $kendo-column-menu-item-sm-padding-x,\n        padding-y: $kendo-column-menu-item-sm-padding-y,\n        font-size: $kendo-column-menu-sm-font-size,\n        line-height: $kendo-column-menu-sm-line-height\n    ),\n    md: (\n        padding-x: $kendo-column-menu-item-md-padding-x,\n        padding-y: $kendo-column-menu-item-md-padding-y,\n        font-size: $kendo-column-menu-md-font-size,\n        line-height: $kendo-column-menu-md-line-height\n    ),\n    lg: (\n        padding-x: $kendo-column-menu-item-lg-padding-x,\n        padding-y: $kendo-column-menu-item-lg-padding-y,\n        font-size: $kendo-column-menu-lg-font-size,\n        line-height: $kendo-column-menu-lg-line-height\n    )\n)",
+                        "scope": "default",
+                        "line": {
+                            "start": 26,
+                            "end": 45
+                        }
+                    },
+                    "group": [
+                        "column-menu"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/column-menu/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                }
+            ]
+        },
+        {
+            "id": "date-time-picker",
+            "title": "DateTimePicker",
+            "variables": [
+                {
+                    "description": "The sizes map of the DateTimePicker.\n",
+                    "commentRange": {
+                        "start": 9,
+                        "end": 10
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-datetime-sizes",
+                        "value": "(\n    sm: (\n        width: $kendo-datetime-sm-width\n    ),\n    md: (\n        width: $kendo-datetime-md-width\n    ),\n    lg: (\n        width: $kendo-datetime-lg-width\n    )\n)",
+                        "scope": "default",
+                        "line": {
+                            "start": 11,
+                            "end": 21
+                        }
+                    },
+                    "group": [
+                        "date-time-picker"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/datetimepicker/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                }
+            ]
+        },
+        {
+            "id": "dialog",
+            "title": "Dialog",
+            "variables": [
+                {
+                    "description": "The theme colors map of the Dialog.\n",
+                    "commentRange": {
+                        "start": 16,
+                        "end": 17
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-dialog-theme-colors",
+                        "value": "(\"primary\", \"light\", \"dark\")",
+                        "scope": "default",
+                        "line": {
+                            "start": 18,
+                            "end": 18
+                        }
+                    },
+                    "group": [
+                        "dialog"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/dialog/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                }
+            ]
+        },
         {
             "id": "elevation",
             "title": "Elevation",
@@ -10231,6 +11995,279 @@
                 }
             ]
         },
+        {
+            "id": "floating-action-button",
+            "title": "FloatingActionButton",
+            "variables": [
+                {
+                    "description": "The theme colors map of the FloatingActionButton.\n",
+                    "commentRange": {
+                        "start": 66,
+                        "end": 67
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-fab-theme-colors",
+                        "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+                        "scope": "default",
+                        "line": {
+                            "start": 68,
+                            "end": 68
+                        }
+                    },
+                    "group": [
+                        "floating-action-button"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/fab/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                },
+                {
+                    "description": "The sizes map of the FloatingActionButton.\n",
+                    "commentRange": {
+                        "start": 70,
+                        "end": 71
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-fab-sizes",
+                        "value": "(\n    sm: (\n        padding-x: $kendo-fab-sm-padding-x,\n        padding-y: $kendo-fab-sm-padding-y\n    ),\n    md: (\n        padding-x: $kendo-fab-md-padding-x,\n        padding-y: $kendo-fab-md-padding-y\n    ),\n    lg: (\n        padding-x: $kendo-fab-lg-padding-x,\n        padding-y: $kendo-fab-lg-padding-y\n    )\n)",
+                        "scope": "default",
+                        "line": {
+                            "start": 72,
+                            "end": 85
+                        }
+                    },
+                    "group": [
+                        "floating-action-button"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/fab/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                }
+            ]
+        },
+        {
+            "id": "form",
+            "title": "Form",
+            "variables": [
+                {
+                    "description": "The sizes map of the Form.\n",
+                    "commentRange": {
+                        "start": 64,
+                        "end": 65
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-form-sizes",
+                        "value": "(\n    sm: (\n        form-rows-spacing: $kendo-form-sm-rows-spacing\n    ),\n    md: (\n        form-rows-spacing: $kendo-form-md-rows-spacing\n    ),\n    lg: (\n        form-rows-spacing: $kendo-form-lg-rows-spacing\n    )\n)",
+                        "scope": "default",
+                        "line": {
+                            "start": 66,
+                            "end": 76
+                        }
+                    },
+                    "group": [
+                        "form"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/forms/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                }
+            ]
+        },
+        {
+            "id": "grid",
+            "title": "Grid",
+            "variables": [
+                {
+                    "description": "The sizes map of the Grid.\n",
+                    "commentRange": {
+                        "start": 66,
+                        "end": 67
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-grid-sizes",
+                        "value": "(\n    sm: (\n        header-padding-x: $kendo-grid-sm-header-padding-x,\n        header-padding-y: $kendo-grid-sm-header-padding-y,\n        grouping-header-padding-x: $kendo-grid-sm-grouping-header-padding-x,\n        grouping-header-padding-y: $kendo-grid-sm-grouping-header-padding-y,\n        cell-padding-x: $kendo-grid-sm-cell-padding-x,\n        cell-padding-y: $kendo-grid-sm-cell-padding-y,\n        filter-cell-padding-x: $kendo-grid-sm-filter-cell-padding-x,\n        filter-cell-padding-y: $kendo-grid-sm-filter-cell-padding-y,\n        edit-cell-padding-x: $kendo-grid-sm-edit-cell-padding-x,\n        edit-cell-padding-y: $kendo-grid-sm-edit-cell-padding-y,\n        button-padding-y: $kendo-button-sm-padding-y,\n        button-calc-size: $kendo-button-sm-calc-size,\n        group-dropclue-height: $kendo-grid-sm-group-dropclue-height,\n        selection-aggregates-padding-x: $kendo-grid-sm-selection-aggregates-padding-x,\n        selection-aggregates-padding-y: $kendo-grid-sm-selection-aggregates-padding-y\n    ),\n    md: (\n        header-padding-x: $kendo-grid-md-header-padding-x,\n        header-padding-y: $kendo-grid-md-header-padding-y,\n        grouping-header-padding-x: $kendo-grid-md-grouping-header-padding-x,\n        grouping-header-padding-y: $kendo-grid-md-grouping-header-padding-y,\n        cell-padding-x: $kendo-grid-md-cell-padding-x,\n        cell-padding-y: $kendo-grid-md-cell-padding-y,\n        filter-cell-padding-x: $kendo-grid-md-filter-cell-padding-x,\n        filter-cell-padding-y: $kendo-grid-md-filter-cell-padding-y,\n        edit-cell-padding-x: $kendo-grid-md-edit-cell-padding-x,\n        edit-cell-padding-y: $kendo-grid-md-edit-cell-padding-y,\n        button-padding-y: $kendo-button-md-padding-y,\n        button-calc-size: $kendo-button-md-calc-size,\n        group-dropclue-height: $kendo-grid-md-group-dropclue-height,\n        selection-aggregates-padding-x: $kendo-grid-md-selection-aggregates-padding-x,\n        selection-aggregates-padding-y: $kendo-grid-md-selection-aggregates-padding-y\n    ),\n)",
+                        "scope": "default",
+                        "line": {
+                            "start": 68,
+                            "end": 103
+                        }
+                    },
+                    "group": [
+                        "grid"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/grid/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                }
+            ]
+        },
+        {
+            "id": "input",
+            "title": "Input",
+            "variables": [
+                {
+                    "description": "The sizes map of the Input.\n",
+                    "commentRange": {
+                        "start": 38,
+                        "end": 39
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-input-sizes",
+                        "value": "(\n    sm: (\n        padding-x: $kendo-input-sm-padding-x,\n        padding-y: $kendo-input-sm-padding-y,\n        font-size: $kendo-input-sm-font-size,\n        line-height: $kendo-input-sm-line-height,\n        button-padding-x: $kendo-input-sm-padding-y,\n        button-padding-y: $kendo-input-sm-padding-y,\n    ),\n    md: (\n        padding-x: $kendo-input-md-padding-x,\n        padding-y: $kendo-input-md-padding-y,\n        font-size: $kendo-input-md-font-size,\n        line-height: $kendo-input-md-line-height,\n        button-padding-x: $kendo-input-md-padding-y,\n        button-padding-y: $kendo-input-md-padding-y,\n    ),\n    lg: (\n        padding-x: $kendo-input-lg-padding-x,\n        padding-y: $kendo-input-lg-padding-y,\n        font-size: $kendo-input-lg-font-size,\n        line-height: $kendo-input-lg-line-height,\n        button-padding-x: $kendo-input-lg-padding-y,\n        button-padding-y: $kendo-input-lg-padding-y\n    )\n)",
+                        "scope": "default",
+                        "line": {
+                            "start": 40,
+                            "end": 65
+                        }
+                    },
+                    "group": [
+                        "input"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/input/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                }
+            ]
+        },
+        {
+            "id": "list",
+            "title": "List",
+            "variables": [
+                {
+                    "description": "The sizes map of the List.\n",
+                    "commentRange": {
+                        "start": 103,
+                        "end": 104
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-list-sizes",
+                        "value": "(\n    sm: (\n        font-size: $kendo-list-sm-font-size,\n        line-height: $kendo-list-sm-line-height,\n        header-padding-x: $kendo-list-sm-header-padding-x,\n        header-padding-y: $kendo-list-sm-header-padding-y,\n        header-font-size: $kendo-list-sm-header-font-size,\n        header-line-height: $kendo-list-sm-header-line-height,\n        item-padding-x: $kendo-list-sm-item-padding-x,\n        item-padding-y: $kendo-list-sm-item-padding-y,\n        item-font-size: $kendo-list-sm-item-font-size,\n        item-line-height: $kendo-list-sm-item-line-height,\n        group-item-padding-x: $kendo-list-sm-group-item-padding-x,\n        group-item-padding-y: $kendo-list-sm-group-item-padding-y,\n        group-item-font-size: $kendo-list-sm-group-item-font-size,\n        group-item-line-height: $kendo-list-sm-group-item-line-height,\n        item-group-label-padding-x: $kendo-list-item-group-label-sm-padding-x,\n        item-group-label-padding-y: $kendo-list-item-group-label-sm-padding-y,\n        item-group-label-font-size: $kendo-list-item-group-label-sm-font-size,\n        item-group-label-line-height: $kendo-list-item-group-label-sm-line-height,\n        filter-padding-x: $kendo-list-sm-filter-padding-x,\n        filter-padding-y: $kendo-list-sm-filter-padding-y\n    ),\n    md: (\n        font-size: $kendo-list-md-font-size,\n        line-height: $kendo-list-md-line-height,\n        header-padding-x: $kendo-list-md-header-padding-x,\n        header-padding-y: $kendo-list-md-header-padding-y,\n        header-font-size: $kendo-list-md-header-font-size,\n        header-line-height: $kendo-list-md-header-line-height,\n        item-padding-x: $kendo-list-md-item-padding-x,\n        item-padding-y: $kendo-list-md-item-padding-y,\n        item-font-size: $kendo-list-md-item-font-size,\n        item-line-height: $kendo-list-md-item-line-height,\n        group-item-padding-x: $kendo-list-md-group-item-padding-x,\n        group-item-padding-y: $kendo-list-md-group-item-padding-y,\n        group-item-font-size: $kendo-list-md-group-item-font-size,\n        group-item-line-height: $kendo-list-md-group-item-line-height,\n        item-group-label-padding-x: $kendo-list-item-group-label-md-padding-x,\n        item-group-label-padding-y: $kendo-list-item-group-label-md-padding-y,\n        item-group-label-font-size: $kendo-list-item-group-label-md-font-size,\n        item-group-label-line-height: $kendo-list-item-group-label-md-line-height,\n        filter-padding-x: $kendo-list-md-filter-padding-x,\n        filter-padding-y: $kendo-list-md-filter-padding-y\n    ),\n    lg: (\n        font-size: $kendo-list-lg-font-size,\n        line-height: $kendo-list-lg-line-height,\n        header-padding-x: $kendo-list-lg-header-padding-x,\n        header-padding-y: $kendo-list-lg-header-padding-y,\n        header-font-size: $kendo-list-lg-header-font-size,\n        header-line-height: $kendo-list-lg-header-line-height,\n        item-padding-x: $kendo-list-lg-item-padding-x,\n        item-padding-y: $kendo-list-lg-item-padding-y,\n        item-font-size: $kendo-list-lg-item-font-size,\n        item-line-height: $kendo-list-lg-item-line-height,\n        group-item-padding-x: $kendo-list-lg-group-item-padding-x,\n        group-item-padding-y: $kendo-list-lg-group-item-padding-y,\n        group-item-font-size: $kendo-list-lg-group-item-font-size,\n        group-item-line-height: $kendo-list-lg-group-item-line-height,\n        item-group-label-padding-x: $kendo-list-item-group-label-lg-padding-x,\n        item-group-label-padding-y: $kendo-list-item-group-label-lg-padding-y,\n        item-group-label-font-size: $kendo-list-item-group-label-lg-font-size,\n        item-group-label-line-height: $kendo-list-item-group-label-lg-line-height,\n        filter-padding-x: $kendo-list-lg-filter-padding-x,\n        filter-padding-y: $kendo-list-lg-filter-padding-y\n    )\n)",
+                        "scope": "default",
+                        "line": {
+                            "start": 105,
+                            "end": 172
+                        }
+                    },
+                    "group": [
+                        "list"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/list/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                }
+            ]
+        },
+        {
+            "id": "loader",
+            "title": "Loader",
+            "variables": [
+                {
+                    "description": "The theme colors map of the Loader.\n",
+                    "commentRange": {
+                        "start": 57,
+                        "end": 58
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-loader-theme-colors",
+                        "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+                        "scope": "default",
+                        "line": {
+                            "start": 59,
+                            "end": 59
+                        }
+                    },
+                    "group": [
+                        "loader"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/loader/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                }
+            ]
+        },
+        {
+            "id": "menu",
+            "title": "Menu",
+            "variables": [
+                {
+                    "description": "The sizes map of the Menu group.\n",
+                    "commentRange": {
+                        "start": 113,
+                        "end": 114
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-menu-group-sizes",
+                        "value": "(\n    sm: (\n        font-size: $kendo-menu-popup-sm-font-size,\n        line-height: $kendo-menu-popup-sm-line-height,\n        item-padding-y: $kendo-menu-popup-sm-item-padding-y,\n        item-padding-x: $kendo-menu-popup-sm-item-padding-x,\n        item-padding-end: $kendo-menu-popup-sm-item-padding-end,\n        item-icon-margin-start: $kendo-menu-popup-sm-item-icon-margin-start,\n        item-icon-margin-end: $kendo-menu-popup-sm-item-icon-margin-end\n    ),\n    md: (\n        font-size: $kendo-menu-popup-md-font-size,\n        line-height: $kendo-menu-popup-md-line-height,\n        item-padding-y: $kendo-menu-popup-md-item-padding-y,\n        item-padding-x: $kendo-menu-popup-md-item-padding-x,\n        item-padding-end: $kendo-menu-popup-md-item-padding-end,\n        item-icon-margin-start: $kendo-menu-popup-md-item-icon-margin-start,\n        item-icon-margin-end: $kendo-menu-popup-md-item-icon-margin-end\n    ),\n    lg: (\n        font-size: $kendo-menu-popup-lg-font-size,\n        line-height: $kendo-menu-popup-lg-line-height,\n        item-padding-y: $kendo-menu-popup-lg-item-padding-y,\n        item-padding-x: $kendo-menu-popup-lg-item-padding-x,\n        item-padding-end: $kendo-menu-popup-lg-item-padding-end,\n        item-icon-margin-start: $kendo-menu-popup-lg-item-icon-margin-start,\n        item-icon-margin-end: $kendo-menu-popup-lg-item-icon-margin-end\n    )\n)",
+                        "scope": "default",
+                        "line": {
+                            "start": 115,
+                            "end": 143
+                        }
+                    },
+                    "group": [
+                        "menu"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/menu/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                }
+            ]
+        },
+        {
+            "id": "message-box",
+            "title": "MessageBox",
+            "variables": [
+                {
+                    "description": "The theme colors map of the MessageBox.\n",
+                    "commentRange": {
+                        "start": 20,
+                        "end": 21
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-message-box-theme-colors",
+                        "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"dark\", \"light\", \"inverse\")",
+                        "scope": "default",
+                        "line": {
+                            "start": 22,
+                            "end": 22
+                        }
+                    },
+                    "group": [
+                        "message-box"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/messagebox/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                }
+            ]
+        },
         {
             "id": "motion",
             "title": "Motion",
@@ -10510,6 +12547,99 @@
                 }
             ]
         },
+        {
+            "id": "otp",
+            "title": "Otp",
+            "variables": [
+                {
+                    "description": "The sizes map of the OTPInput.\n",
+                    "commentRange": {
+                        "start": 15,
+                        "end": 16
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-otp-sizes",
+                        "value": "(\n    sm: (\n        gap: $kendo-otp-sm-gap,\n        separator-padding-x: $kendo-otp-sm-separator-padding-x,\n        input-width: $kendo-otp-sm-input-width\n    ),\n    md: (\n        gap: $kendo-otp-md-gap,\n        separator-padding-x: $kendo-otp-md-separator-padding-x,\n        input-width: $kendo-otp-md-input-width\n    ),\n    lg: (\n        gap: $kendo-otp-lg-gap,\n        separator-padding-x: $kendo-otp-lg-separator-padding-x,\n        input-width: $kendo-otp-lg-input-width\n    )\n)",
+                        "scope": "default",
+                        "line": {
+                            "start": 17,
+                            "end": 33
+                        }
+                    },
+                    "group": [
+                        "otp"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/otp/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                }
+            ]
+        },
+        {
+            "id": "overlay",
+            "title": "Overlay",
+            "variables": [
+                {
+                    "description": "The theme colors map of the Overlay.\n",
+                    "commentRange": {
+                        "start": 6,
+                        "end": 7
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-overlay-theme-colors",
+                        "value": "(\"dark\", \"light\", \"inverse\")",
+                        "scope": "default",
+                        "line": {
+                            "start": 8,
+                            "end": 8
+                        }
+                    },
+                    "group": [
+                        "overlay"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/overlay/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                }
+            ]
+        },
+        {
+            "id": "pager",
+            "title": "Pager",
+            "variables": [
+                {
+                    "description": "The sizes map of the Pager.\n",
+                    "commentRange": {
+                        "start": 38,
+                        "end": 39
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-pager-sizes",
+                        "value": "(\n    sm: (\n        padding-x: $kendo-pager-sm-padding-x,\n        padding-y: $kendo-pager-sm-padding-y,\n        item-group-spacing: $kendo-pager-sm-item-group-spacing,\n        item-min-width: $kendo-pager-sm-item-min-width\n    ),\n    md: (\n        padding-x: $kendo-pager-md-padding-x,\n        padding-y: $kendo-pager-md-padding-y,\n        item-group-spacing: $kendo-pager-md-item-group-spacing,\n        item-min-width: $kendo-pager-md-item-min-width\n    ),\n    lg: (\n        padding-x: $kendo-pager-lg-padding-x,\n        padding-y: $kendo-pager-lg-padding-y,\n        item-group-spacing: $kendo-pager-lg-item-group-spacing,\n        item-min-width: $kendo-pager-lg-item-min-width\n    )\n)",
+                        "scope": "default",
+                        "line": {
+                            "start": 40,
+                            "end": 59
+                        }
+                    },
+                    "group": [
+                        "pager"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/pager/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                }
+            ]
+        },
         {
             "id": "palette",
             "title": "Palette",
@@ -11046,6 +13176,68 @@
                 }
             ]
         },
+        {
+            "id": "radio",
+            "title": "Radio",
+            "variables": [
+                {
+                    "description": "The sizes map of the RadioButton.\n",
+                    "commentRange": {
+                        "start": 18,
+                        "end": 19
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-radio-sizes",
+                        "value": "(\n    sm: (\n        size: $kendo-radio-sm-size,\n        glyph-size: $kendo-radio-sm-glyph-size,\n        ripple-size: $kendo-radio-sm-ripple-size\n    ),\n    md: (\n        size: $kendo-radio-md-size,\n        glyph-size: $kendo-radio-md-glyph-size,\n        ripple-size: $kendo-radio-md-ripple-size\n    ),\n    lg: (\n        size: $kendo-radio-lg-size,\n        glyph-size: $kendo-radio-lg-glyph-size,\n        ripple-size: $kendo-radio-lg-ripple-size\n    )\n)",
+                        "scope": "default",
+                        "line": {
+                            "start": 20,
+                            "end": 36
+                        }
+                    },
+                    "group": [
+                        "radio"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/radio/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                }
+            ]
+        },
+        {
+            "id": "signature",
+            "title": "Signature",
+            "variables": [
+                {
+                    "description": "The sizes map of the Signature.\n",
+                    "commentRange": {
+                        "start": 27,
+                        "end": 28
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-signature-sizes",
+                        "value": "(\n    sm: (\n        padding-x: $kendo-signature-sm-padding-x,\n        padding-y: $kendo-signature-sm-padding-y,\n        line-size: $kendo-signature-sm-line-size\n    ),\n    md: (\n        padding-x: $kendo-signature-md-padding-x,\n        padding-y: $kendo-signature-md-padding-y,\n        line-size: $kendo-signature-md-line-size\n    ),\n    lg: (\n        padding-x: $kendo-signature-lg-padding-x,\n        padding-y: $kendo-signature-lg-padding-y,\n        line-size: $kendo-signature-lg-line-size\n    )\n)",
+                        "scope": "default",
+                        "line": {
+                            "start": 29,
+                            "end": 45
+                        }
+                    },
+                    "group": [
+                        "signature"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/signature/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                }
+            ]
+        },
         {
             "id": "spacing",
             "title": "Spacing",
@@ -11121,6 +13313,223 @@
                 }
             ]
         },
+        {
+            "id": "suggestion",
+            "title": "Suggestion",
+            "variables": [
+                {
+                    "description": "The theme colors map of the Suggestion.\n",
+                    "commentRange": {
+                        "start": 15,
+                        "end": 16
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-suggestion-theme-colors",
+                        "value": "(\"base\", \"primary\", \"secondary\")",
+                        "scope": "default",
+                        "line": {
+                            "start": 17,
+                            "end": 17
+                        }
+                    },
+                    "group": [
+                        "suggestion"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/suggestion/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                }
+            ]
+        },
+        {
+            "id": "switch",
+            "title": "Switch",
+            "variables": [
+                {
+                    "description": "The map with the different Switch sizes.\n",
+                    "commentRange": {
+                        "start": 117,
+                        "end": 118
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-switch-sizes",
+                        "value": "(\n    sm: ( font-size: $kendo-switch-sm-font-size, track-width: $kendo-switch-sm-track-width, track-height: $kendo-switch-sm-track-height, thumb-width: $kendo-switch-sm-thumb-width, thumb-height: $kendo-switch-sm-thumb-height, thumb-offset: $kendo-switch-sm-thumb-offset, label-offset: $kendo-switch-sm-label-offset ),\n    md: ( font-size: $kendo-switch-md-font-size, track-width: $kendo-switch-md-track-width, track-height: $kendo-switch-md-track-height, thumb-width: $kendo-switch-md-thumb-width, thumb-height: $kendo-switch-md-thumb-height, thumb-offset: $kendo-switch-md-thumb-offset, label-offset: $kendo-switch-md-label-offset ),\n    lg: ( font-size: $kendo-switch-lg-font-size, track-width: $kendo-switch-lg-track-width, track-height: $kendo-switch-lg-track-height, thumb-width: $kendo-switch-lg-thumb-width, thumb-height: $kendo-switch-lg-thumb-height, thumb-offset: $kendo-switch-lg-thumb-offset, label-offset: $kendo-switch-lg-label-offset )\n)",
+                        "scope": "default",
+                        "line": {
+                            "start": 119,
+                            "end": 123
+                        }
+                    },
+                    "group": [
+                        "switch"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/switch/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                }
+            ]
+        },
+        {
+            "id": "table",
+            "title": "Table",
+            "variables": [
+                {
+                    "description": "The sizes map of the Table.\n",
+                    "commentRange": {
+                        "start": 22,
+                        "end": 23
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-table-sizes",
+                        "value": "(\n    sm: (\n        font-size: var( --kendo-font-size, inherit ),\n        line-height: var( --kendo-line-height, normal ),\n        cell-padding-x: $kendo-table-sm-cell-padding-x,\n        cell-padding-y: $kendo-table-sm-cell-padding-y\n    ),\n    md: (\n        font-size: var( --kendo-font-size, inherit ),\n        line-height: var( --kendo-line-height, normal ),\n        cell-padding-x: $kendo-table-md-cell-padding-x,\n        cell-padding-y: $kendo-table-md-cell-padding-y\n    ),\n    lg: (\n        font-size: var( --kendo-font-size, inherit ),\n        line-height: var( --kendo-line-height, normal ),\n        cell-padding-x: $kendo-table-lg-cell-padding-x,\n        cell-padding-y: $kendo-table-lg-cell-padding-y\n    )\n)",
+                        "scope": "default",
+                        "line": {
+                            "start": 24,
+                            "end": 43
+                        }
+                    },
+                    "group": [
+                        "table"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/table/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                }
+            ]
+        },
+        {
+            "id": "tabstrip",
+            "title": "Tabstrip",
+            "variables": [
+                {
+                    "description": "The sizes map of the TabStrip.\n",
+                    "commentRange": {
+                        "start": 80,
+                        "end": 81
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-tabstrip-sizes",
+                        "value": "(\n    sm: (\n        font-size: $kendo-tabstrip-sm-font-size,\n        line-height: $kendo-tabstrip-sm-line-height,\n        item-padding-x: $kendo-tabstrip-sm-item-padding-x,\n        item-padding-y: $kendo-tabstrip-sm-item-padding-y\n    ),\n    md: (\n        font-size: $kendo-tabstrip-md-font-size,\n        line-height: $kendo-tabstrip-md-line-height,\n        item-padding-x: $kendo-tabstrip-md-item-padding-x,\n        item-padding-y: $kendo-tabstrip-md-item-padding-y\n    ),\n    lg: (\n        font-size: $kendo-tabstrip-lg-font-size,\n        line-height: $kendo-tabstrip-lg-line-height,\n        item-padding-x: $kendo-tabstrip-lg-item-padding-x,\n        item-padding-y: $kendo-tabstrip-lg-item-padding-y\n    )\n)",
+                        "scope": "default",
+                        "line": {
+                            "start": 82,
+                            "end": 101
+                        }
+                    },
+                    "group": [
+                        "tabstrip"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/tabstrip/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                }
+            ]
+        },
+        {
+            "id": "time-selector",
+            "title": "TimeSelector",
+            "variables": [
+                {
+                    "description": "The sizes map of the TimeSelector.\n",
+                    "commentRange": {
+                        "start": 59,
+                        "end": 60
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-time-selector-sizes",
+                        "value": "(\n    sm: (\n        font-size: $kendo-time-selector-sm-font-size,\n        line-height: $kendo-time-selector-sm-line-height,\n        list-item-padding-x: $kendo-time-selector-sm-list-item-padding-x,\n        list-item-padding-y: $kendo-time-selector-sm-list-item-padding-y\n    ),\n    md: (\n        font-size: $kendo-time-selector-md-font-size,\n        line-height: $kendo-time-selector-md-line-height,\n        list-item-padding-x: $kendo-time-selector-md-list-item-padding-x,\n        list-item-padding-y: $kendo-time-selector-md-list-item-padding-y\n    ),\n    lg: (\n        font-size: $kendo-time-selector-lg-font-size,\n        line-height: $kendo-time-selector-lg-line-height,\n        list-item-padding-x: $kendo-time-selector-lg-list-item-padding-x,\n        list-item-padding-y: $kendo-time-selector-lg-list-item-padding-y\n    )\n)",
+                        "scope": "default",
+                        "line": {
+                            "start": 61,
+                            "end": 80
+                        }
+                    },
+                    "group": [
+                        "time-selector"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/timeselector/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                }
+            ]
+        },
+        {
+            "id": "toolbar",
+            "title": "Toolbar",
+            "variables": [
+                {
+                    "description": "The sizes map of the ToolBar.\n",
+                    "commentRange": {
+                        "start": 58,
+                        "end": 59
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-toolbar-sizes",
+                        "value": "(\n    sm: (\n        padding-x: $kendo-toolbar-sm-padding-x,\n        padding-y: $kendo-toolbar-sm-padding-y,\n        spacing: $kendo-toolbar-sm-spacing,\n        separator-height: $kendo-toolbar-sm-separator-height\n    ),\n    md: (\n        padding-x: $kendo-toolbar-md-padding-x,\n        padding-y: $kendo-toolbar-md-padding-y,\n        spacing: $kendo-toolbar-md-spacing,\n        separator-height: $kendo-toolbar-md-separator-height\n    ),\n    lg: (\n        padding-x: $kendo-toolbar-lg-padding-x,\n        padding-y: $kendo-toolbar-lg-padding-y,\n        spacing: $kendo-toolbar-lg-spacing,\n        separator-height: $kendo-toolbar-lg-separator-height\n    )\n)",
+                        "scope": "default",
+                        "line": {
+                            "start": 60,
+                            "end": 79
+                        }
+                    },
+                    "group": [
+                        "toolbar"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/toolbar/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                }
+            ]
+        },
+        {
+            "id": "treeview",
+            "title": "Treeview",
+            "variables": [
+                {
+                    "description": "The sizes map of the TreeView.\n",
+                    "commentRange": {
+                        "start": 33,
+                        "end": 34
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-treeview-sizes",
+                        "value": "(\n    sm: (\n        font-size: $kendo-treeview-sm-font-size,\n        line-height: $kendo-treeview-sm-line-height,\n        item-padding-x: $kendo-treeview-sm-item-padding-x,\n        item-padding-y: $kendo-treeview-sm-item-padding-y,\n        checkbox-padding-x: $kendo-treeview-sm-checkbox-padding-x,\n        checkbox-padding-y: $kendo-treeview-sm-checkbox-padding-y\n    ),\n    md: (\n        font-size: $kendo-treeview-md-font-size,\n        line-height: $kendo-treeview-md-line-height,\n        item-padding-x: $kendo-treeview-md-item-padding-x,\n        item-padding-y: $kendo-treeview-md-item-padding-y,\n        checkbox-padding-x: $kendo-treeview-md-checkbox-padding-x,\n        checkbox-padding-y: $kendo-treeview-md-checkbox-padding-y\n    ),\n    lg: (\n        font-size: $kendo-treeview-lg-font-size,\n        line-height: $kendo-treeview-lg-line-height,\n        item-padding-x: $kendo-treeview-lg-item-padding-x,\n        item-padding-y: $kendo-treeview-lg-item-padding-y,\n        checkbox-padding-x: $kendo-treeview-lg-checkbox-padding-x,\n        checkbox-padding-y: $kendo-treeview-lg-checkbox-padding-y\n    )\n)",
+                        "scope": "default",
+                        "line": {
+                            "start": 35,
+                            "end": 60
+                        }
+                    },
+                    "group": [
+                        "treeview"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/treeview/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                }
+            ]
+        },
         {
             "id": "typography",
             "title": "Typography",
@@ -12273,6 +14682,62 @@
                     }
                 }
             ]
+        },
+        {
+            "id": "window",
+            "title": "Window",
+            "variables": [
+                {
+                    "description": "The sizes map of the Window.\n",
+                    "commentRange": {
+                        "start": 42,
+                        "end": 43
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-window-sizes",
+                        "value": "(\n    auto: null,\n    sm: 300px,\n    md: 800px,\n    lg: 1200px\n)",
+                        "scope": "default",
+                        "line": {
+                            "start": 44,
+                            "end": 49
+                        }
+                    },
+                    "group": [
+                        "window"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/window/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                },
+                {
+                    "description": "The theme colors map of the Window.\n",
+                    "commentRange": {
+                        "start": 51,
+                        "end": 52
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-window-theme-colors",
+                        "value": "(\"primary\", \"light\", \"dark\")",
+                        "scope": "default",
+                        "line": {
+                            "start": 53,
+                            "end": 53
+                        }
+                    },
+                    "group": [
+                        "window"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "core/scss/components/window/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                }
+            ]
         }
     ],
     "meta": {