@progress/kendo-theme-material 6.5.0-dev.1 → 6.5.0

package/dist/meta/sassdoc-raw-data.json

@@ -1599,1531 +1599,6 @@
             "name": "_variables.scss"
         }
     },
-    {
-        "description": "The width of the border around the Breadcrumb.\n",
-        "commentRange": {
-            "start": 3,
-            "end": 4
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-border-width",
-            "value": "0px",
-            "scope": "default",
-            "line": {
-                "start": 5,
-                "end": 5
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The horizontal margin of the Breadcrumb.\n",
-        "commentRange": {
-            "start": 7,
-            "end": 8
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-margin-x",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 9,
-                "end": 9
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The vertical margin of the Breadcrumb.\n",
-        "commentRange": {
-            "start": 10,
-            "end": 11
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-margin-y",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 12,
-                "end": 12
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The horizontal padding of the Breadcrumb.\n",
-        "commentRange": {
-            "start": 13,
-            "end": 14
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-padding-x",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 15,
-                "end": 15
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The vertical padding of the Breadcrumb.\n",
-        "commentRange": {
-            "start": 16,
-            "end": 17
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-padding-y",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 18,
-                "end": 18
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The font family of the Breadcrumb.\n",
-        "commentRange": {
-            "start": 20,
-            "end": 21
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-font-family",
-            "value": "$kendo-font-family",
-            "scope": "default",
-            "line": {
-                "start": 22,
-                "end": 22
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The font size of the Breadcrumb.\n",
-        "commentRange": {
-            "start": 24,
-            "end": 25
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-font-size",
-            "value": "$kendo-font-size-md",
-            "scope": "default",
-            "line": {
-                "start": 26,
-                "end": 26
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The font size of the small Breadcrumb.\n",
-        "commentRange": {
-            "start": 27,
-            "end": 28
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-sm-font-size",
-            "value": "$kendo-font-size-md",
-            "scope": "default",
-            "line": {
-                "start": 29,
-                "end": 29
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The font size of the medium Breadcrumb.\n",
-        "commentRange": {
-            "start": 30,
-            "end": 31
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-md-font-size",
-            "value": "$kendo-breadcrumb-font-size",
-            "scope": "default",
-            "line": {
-                "start": 32,
-                "end": 32
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The font size of the large Breadcrumb.\n",
-        "commentRange": {
-            "start": 33,
-            "end": 34
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-lg-font-size",
-            "value": "$kendo-font-size-md",
-            "scope": "default",
-            "line": {
-                "start": 35,
-                "end": 35
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The line-height of the Breadcrumb.\n",
-        "commentRange": {
-            "start": 37,
-            "end": 38
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-line-height",
-            "value": "$kendo-line-height-md",
-            "scope": "default",
-            "line": {
-                "start": 39,
-                "end": 39
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The line-height of the small Breadcrumb.\n",
-        "commentRange": {
-            "start": 40,
-            "end": 41
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-sm-line-height",
-            "value": "$kendo-line-height-md",
-            "scope": "default",
-            "line": {
-                "start": 42,
-                "end": 42
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The line-height of the medium Breadcrumb.\n",
-        "commentRange": {
-            "start": 43,
-            "end": 44
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-md-line-height",
-            "value": "$kendo-breadcrumb-line-height",
-            "scope": "default",
-            "line": {
-                "start": 45,
-                "end": 45
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The line-height of the height Breadcrumb.\n",
-        "commentRange": {
-            "start": 46,
-            "end": 47
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-lg-line-height",
-            "value": "$kendo-line-height-md",
-            "scope": "default",
-            "line": {
-                "start": 48,
-                "end": 48
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The base background of the Breadcrumb.\n",
-        "commentRange": {
-            "start": 50,
-            "end": 51
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-bg",
-            "value": "$kendo-component-bg",
-            "scope": "default",
-            "line": {
-                "start": 52,
-                "end": 52
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The base text color of the Breadcrumb.\n",
-        "commentRange": {
-            "start": 53,
-            "end": 54
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-text",
-            "value": "$kendo-component-text",
-            "scope": "default",
-            "line": {
-                "start": 55,
-                "end": 55
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The base border color of the Breadcrumb.\n",
-        "commentRange": {
-            "start": 56,
-            "end": 57
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-border",
-            "value": "$kendo-component-border",
-            "scope": "default",
-            "line": {
-                "start": 58,
-                "end": 58
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The box shadow of the focused Breadcrumb.\n",
-        "commentRange": {
-            "start": 60,
-            "end": 61
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-focus-shadow",
-            "value": "0 0 2px 1px rgba( black, .06 )",
-            "scope": "default",
-            "line": {
-                "start": 62,
-                "end": 62
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The horizontal padding of the Breadcrumb link.\n",
-        "commentRange": {
-            "start": 64,
-            "end": 65
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-link-padding-x",
-            "value": "k-map-get( $kendo-spacing, 2.5 )",
-            "scope": "default",
-            "line": {
-                "start": 66,
-                "end": 66
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The horizontal padding of the small Breadcrumb link.\n",
-        "commentRange": {
-            "start": 67,
-            "end": 68
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-sm-link-padding-x",
-            "value": "k-map-get( $kendo-spacing, 2.5 )",
-            "scope": "default",
-            "line": {
-                "start": 69,
-                "end": 69
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The horizontal padding of the medium Breadcrumb link.\n",
-        "commentRange": {
-            "start": 70,
-            "end": 71
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-md-link-padding-x",
-            "value": "$kendo-breadcrumb-link-padding-x",
-            "scope": "default",
-            "line": {
-                "start": 72,
-                "end": 72
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The horizontal padding of the large Breadcrumb link.\n",
-        "commentRange": {
-            "start": 73,
-            "end": 74
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-lg-link-padding-x",
-            "value": "k-map-get( $kendo-spacing, 2.5 )",
-            "scope": "default",
-            "line": {
-                "start": 75,
-                "end": 75
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The vertical padding of the Breadcrumb link.\n",
-        "commentRange": {
-            "start": 77,
-            "end": 78
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-link-padding-y",
-            "value": "k-map-get( $kendo-spacing, 1 )",
-            "scope": "default",
-            "line": {
-                "start": 79,
-                "end": 79
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The vertical padding of the small Breadcrumb link.\n",
-        "commentRange": {
-            "start": 80,
-            "end": 81
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-sm-link-padding-y",
-            "value": "k-map-get( $kendo-spacing, 0.5 )",
-            "scope": "default",
-            "line": {
-                "start": 82,
-                "end": 82
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The vertical padding of the medium Breadcrumb link.\n",
-        "commentRange": {
-            "start": 83,
-            "end": 84
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-md-link-padding-y",
-            "value": "$kendo-breadcrumb-link-padding-y",
-            "scope": "default",
-            "line": {
-                "start": 85,
-                "end": 85
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The vertical padding of the large Breadcrumb link.\n",
-        "commentRange": {
-            "start": 86,
-            "end": 87
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-lg-link-padding-y",
-            "value": "k-map-get( $kendo-spacing, 1.5 )",
-            "scope": "default",
-            "line": {
-                "start": 88,
-                "end": 88
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The border-radius of the Breadcrumb link.\n",
-        "commentRange": {
-            "start": 90,
-            "end": 91
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-link-border-radius",
-            "value": "$kendo-border-radius-md",
-            "scope": "default",
-            "line": {
-                "start": 92,
-                "end": 92
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The vertical padding of the Breadcrumb link icon.\n",
-        "commentRange": {
-            "start": 94,
-            "end": 95
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-icon-link-padding-y",
-            "value": "k-map-get( $kendo-spacing, 2.5 )",
-            "scope": "default",
-            "line": {
-                "start": 96,
-                "end": 96
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The vertical padding of the small Breadcrumb link icon.\n",
-        "commentRange": {
-            "start": 97,
-            "end": 98
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-sm-icon-link-padding-y",
-            "value": "k-map-get( $kendo-spacing, 2 )",
-            "scope": "default",
-            "line": {
-                "start": 99,
-                "end": 99
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The vertical padding of the medium Breadcrumb link icon.\n",
-        "commentRange": {
-            "start": 100,
-            "end": 101
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-md-icon-link-padding-y",
-            "value": "$kendo-breadcrumb-icon-link-padding-y",
-            "scope": "default",
-            "line": {
-                "start": 102,
-                "end": 102
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The vertical padding of the large Breadcrumb link icon.\n",
-        "commentRange": {
-            "start": 103,
-            "end": 104
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-lg-icon-link-padding-y",
-            "value": "k-map-get( $kendo-spacing, 3 )",
-            "scope": "default",
-            "line": {
-                "start": 105,
-                "end": 105
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The horizontal padding of the Breadcrumb link icon.\n",
-        "commentRange": {
-            "start": 107,
-            "end": 108
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-icon-link-padding-x",
-            "value": "$kendo-breadcrumb-icon-link-padding-y",
-            "scope": "default",
-            "line": {
-                "start": 109,
-                "end": 109
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The horizontal padding of the small Breadcrumb link icon.\n",
-        "commentRange": {
-            "start": 110,
-            "end": 111
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-sm-icon-link-padding-x",
-            "value": "$kendo-breadcrumb-sm-icon-link-padding-y",
-            "scope": "default",
-            "line": {
-                "start": 112,
-                "end": 112
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The horizontal padding of the medium Breadcrumb link icon.\n",
-        "commentRange": {
-            "start": 113,
-            "end": 114
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-md-icon-link-padding-x",
-            "value": "$kendo-breadcrumb-icon-link-padding-x",
-            "scope": "default",
-            "line": {
-                "start": 115,
-                "end": 115
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The horizontal padding of the large Breadcrumb link icon.\n",
-        "commentRange": {
-            "start": 116,
-            "end": 117
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-lg-icon-link-padding-x",
-            "value": "$kendo-breadcrumb-lg-icon-link-padding-y",
-            "scope": "default",
-            "line": {
-                "start": 118,
-                "end": 118
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The spacing of the Breadcrumb link icon.\n",
-        "commentRange": {
-            "start": 120,
-            "end": 121
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-link-icon-spacing",
-            "value": "$kendo-icon-spacing",
-            "scope": "default",
-            "line": {
-                "start": 122,
-                "end": 122
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The text color of the Breadcrumb link.\n",
-        "commentRange": {
-            "start": 124,
-            "end": 125
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-link-initial-text",
-            "value": "inherit",
-            "scope": "default",
-            "line": {
-                "start": 126,
-                "end": 126
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The background color of the Breadcrumb link.\n",
-        "commentRange": {
-            "start": 128,
-            "end": 129
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-link-bg",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 130,
-                "end": 130
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The text color of the Breadcrumb link.\n",
-        "commentRange": {
-            "start": 131,
-            "end": 132
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-link-text",
-            "value": "$kendo-color-primary",
-            "scope": "default",
-            "line": {
-                "start": 133,
-                "end": 133
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The border color of the Breadcrumb link.\n",
-        "commentRange": {
-            "start": 134,
-            "end": 135
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-link-border",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 136,
-                "end": 136
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The background color of the hovered Breadcrumb link.\n",
-        "commentRange": {
-            "start": 138,
-            "end": 139
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-link-hover-bg",
-            "value": "$kendo-hover-bg",
-            "scope": "default",
-            "line": {
-                "start": 140,
-                "end": 140
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The text color of the hovered Breadcrumb link.\n",
-        "commentRange": {
-            "start": 141,
-            "end": 142
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-link-hover-text",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 143,
-                "end": 143
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The border color of the hovered Breadcrumb link.\n",
-        "commentRange": {
-            "start": 144,
-            "end": 145
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-link-hover-border",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 146,
-                "end": 146
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The background color of the focused Breadcrumb link.\n",
-        "commentRange": {
-            "start": 148,
-            "end": 149
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-link-focus-bg",
-            "value": "k-map-get( $theme, focus-bg )",
-            "scope": "default",
-            "line": {
-                "start": 150,
-                "end": 150
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The text color of the focused Breadcrumb link.\n",
-        "commentRange": {
-            "start": 151,
-            "end": 152
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-link-focus-text",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 153,
-                "end": 153
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The border color of the focused Breadcrumb link.\n",
-        "commentRange": {
-            "start": 154,
-            "end": 155
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-link-focus-border",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 156,
-                "end": 156
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The box shadow of the focused Breadcrumb link.\n",
-        "commentRange": {
-            "start": 157,
-            "end": 158
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-link-focus-shadow",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 159,
-                "end": 159
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The background color of the Breadcrumb root link.\n",
-        "commentRange": {
-            "start": 161,
-            "end": 162
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-root-link-bg",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 163,
-                "end": 163
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The text color of the Breadcrumb root link.\n",
-        "commentRange": {
-            "start": 164,
-            "end": 165
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-root-link-text",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 166,
-                "end": 166
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The border color of the Breadcrumb root link.\n",
-        "commentRange": {
-            "start": 167,
-            "end": 168
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-root-link-border",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 169,
-                "end": 169
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The background color of the hovered Breadcrumb root link.\n",
-        "commentRange": {
-            "start": 171,
-            "end": 172
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-root-link-hover-bg",
-            "value": "$kendo-hover-bg",
-            "scope": "default",
-            "line": {
-                "start": 173,
-                "end": 173
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The text color of the hovered Breadcrumb root link.\n",
-        "commentRange": {
-            "start": 174,
-            "end": 175
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-root-link-hover-text",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 176,
-                "end": 176
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The border color of the hovered Breadcrumb root link.\n",
-        "commentRange": {
-            "start": 177,
-            "end": 178
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-root-link-hover-border",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 179,
-                "end": 179
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The background color of the focused Breadcrumb root link.\n",
-        "commentRange": {
-            "start": 181,
-            "end": 182
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-root-link-focus-bg",
-            "value": "k-map-get( $theme, focus-bg )",
-            "scope": "default",
-            "line": {
-                "start": 183,
-                "end": 183
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The text color of the focused Breadcrumb root link.\n",
-        "commentRange": {
-            "start": 184,
-            "end": 185
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-root-link-focus-text",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 186,
-                "end": 186
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The border color of the focused Breadcrumb root link.\n",
-        "commentRange": {
-            "start": 187,
-            "end": 188
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-root-link-focus-border",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 189,
-                "end": 189
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The box shadow of the focused Breadcrumb root link.\n",
-        "commentRange": {
-            "start": 190,
-            "end": 191
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-root-link-focus-shadow",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 192,
-                "end": 192
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The background color of the current Breadcrumb root link.\n",
-        "commentRange": {
-            "start": 194,
-            "end": 195
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-current-item-bg",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 196,
-                "end": 196
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The text color of the current Breadcrumb root link.\n",
-        "commentRange": {
-            "start": 197,
-            "end": 198
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-current-item-text",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 199,
-                "end": 199
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The border color of the current Breadcrumb root link.\n",
-        "commentRange": {
-            "start": 200,
-            "end": 201
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-breadcrumb-current-item-border",
-            "value": "null",
-            "scope": "default",
-            "line": {
-                "start": 202,
-                "end": 202
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The sizes map for the Breadcrumb.\n",
-        "commentRange": {
-            "start": 204,
-            "end": 205
-        },
-        "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": 206,
-                "end": 231
-            }
-        },
-        "group": [
-            "breadcrumb"
-        ],
-        "access": "public",
-        "file": {
-            "path": "breadcrumb/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
     {
         "description": "The width of the border around the Button.\n",
         "commentRange": {
@@ -8057,28 +6532,80 @@
         },
         "context": {
             "type": "variable",
-            "name": "kendo-color-gradient-contrast-spacer",
-            "value": "k-map-get( $kendo-spacing, 2 )",
-            "scope": "default",
+            "name": "kendo-color-gradient-contrast-spacer",
+            "value": "k-map-get( $kendo-spacing, 2 )",
+            "scope": "default",
+            "line": {
+                "start": 136,
+                "end": 136
+            }
+        },
+        "group": [
+            "cologradient"
+        ],
+        "access": "public",
+        "file": {
+            "path": "colorgradient/_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": "_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "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": 136,
-                "end": 136
+                "start": 13,
+                "end": 13
             }
         },
+        "type": "Color",
         "group": [
-            "cologradient"
+            "color-system"
         ],
         "access": "public",
         "file": {
-            "path": "colorgradient/_variables.scss",
+            "path": "_variables.scss",
             "name": "_variables.scss"
         }
     },
     {
         "description": "The color that focuses the user attention.\nUsed for primary buttons and for elements of primary importance across the theme.\n",
         "commentRange": {
-            "start": 154,
-            "end": 157
+            "start": 165,
+            "end": 168
         },
         "context": {
             "type": "variable",
@@ -8086,8 +6613,8 @@
             "value": "material-color( $primary-palette, main )",
             "scope": "default",
             "line": {
-                "start": 158,
-                "end": 158
+                "start": 169,
+                "end": 169
             }
         },
         "group": [
@@ -8103,8 +6630,8 @@
     {
         "description": "The color used along with the primary color denoted by $kendo-color-primary.\nUsed to provide contrast between the background and foreground colors.\n",
         "commentRange": {
-            "start": 162,
-            "end": 165
+            "start": 173,
+            "end": 176
         },
         "context": {
             "type": "variable",
@@ -8112,8 +6639,8 @@
             "value": "material-color( $primary-palette, main-contrast )",
             "scope": "default",
             "line": {
-                "start": 166,
-                "end": 166
+                "start": 177,
+                "end": 177
             }
         },
         "group": [
@@ -8129,8 +6656,8 @@
     {
         "description": "The secondary color of the theme.\n",
         "commentRange": {
-            "start": 168,
-            "end": 170
+            "start": 179,
+            "end": 181
         },
         "context": {
             "type": "variable",
@@ -8138,8 +6665,8 @@
             "value": "material-color( $secondary-palette, main )",
             "scope": "default",
             "line": {
-                "start": 171,
-                "end": 171
+                "start": 182,
+                "end": 182
             }
         },
         "group": [
@@ -8155,8 +6682,8 @@
     {
         "description": "The color used along with the secondary color denoted by $kendo-color-secondary.\nUsed to provide contrast between the background and foreground colors.\n",
         "commentRange": {
-            "start": 175,
-            "end": 178
+            "start": 186,
+            "end": 189
         },
         "context": {
             "type": "variable",
@@ -8164,8 +6691,8 @@
             "value": "material-color( $secondary-palette, main-contrast )",
             "scope": "default",
             "line": {
-                "start": 179,
-                "end": 179
+                "start": 190,
+                "end": 190
             }
         },
         "group": [
@@ -8181,8 +6708,8 @@
     {
         "description": "The tertiary color of the theme.\n",
         "commentRange": {
-            "start": 181,
-            "end": 183
+            "start": 192,
+            "end": 194
         },
         "context": {
             "type": "variable",
@@ -8190,8 +6717,8 @@
             "value": "material-color($tertiary-palette, main)",
             "scope": "default",
             "line": {
-                "start": 184,
-                "end": 184
+                "start": 195,
+                "end": 195
             }
         },
         "group": [
@@ -8207,8 +6734,8 @@
     {
         "description": "The color used along with the tertiary color denoted by $kendo-color-tertiary.\nUsed to provide contrast between the background and foreground colors.\n",
         "commentRange": {
-            "start": 188,
-            "end": 191
+            "start": 199,
+            "end": 202
         },
         "context": {
             "type": "variable",
@@ -8216,8 +6743,8 @@
             "value": "material-color($tertiary-palette, main-contrast)",
             "scope": "default",
             "line": {
-                "start": 192,
-                "end": 192
+                "start": 203,
+                "end": 203
             }
         },
         "group": [
@@ -8233,8 +6760,8 @@
     {
         "description": "The color for informational messages and states.\n",
         "commentRange": {
-            "start": 194,
-            "end": 196
+            "start": 205,
+            "end": 207
         },
         "context": {
             "type": "variable",
@@ -8242,8 +6769,8 @@
             "value": "#0058e9",
             "scope": "default",
             "line": {
-                "start": 197,
-                "end": 197
+                "start": 208,
+                "end": 208
             }
         },
         "group": [
@@ -8259,8 +6786,8 @@
     {
         "description": "The color for success messages and states.\n",
         "commentRange": {
-            "start": 201,
-            "end": 203
+            "start": 212,
+            "end": 214
         },
         "context": {
             "type": "variable",
@@ -8268,8 +6795,8 @@
             "value": "#37b400",
             "scope": "default",
             "line": {
-                "start": 204,
-                "end": 204
+                "start": 215,
+                "end": 215
             }
         },
         "group": [
@@ -8285,8 +6812,8 @@
     {
         "description": "The color for warning messages and states.\n",
         "commentRange": {
-            "start": 208,
-            "end": 210
+            "start": 219,
+            "end": 221
         },
         "context": {
             "type": "variable",
@@ -8294,8 +6821,8 @@
             "value": "#ffc000",
             "scope": "default",
             "line": {
-                "start": 211,
-                "end": 211
+                "start": 222,
+                "end": 222
             }
         },
         "group": [
@@ -8311,8 +6838,8 @@
     {
         "description": "The color for error messages and states.\n",
         "commentRange": {
-            "start": 215,
-            "end": 217
+            "start": 226,
+            "end": 228
         },
         "context": {
             "type": "variable",
@@ -8320,8 +6847,8 @@
             "value": "#f31700",
             "scope": "default",
             "line": {
-                "start": 218,
-                "end": 218
+                "start": 229,
+                "end": 229
             }
         },
         "group": [
@@ -8337,8 +6864,8 @@
     {
         "description": "The dark color of the theme.\n",
         "commentRange": {
-            "start": 222,
-            "end": 224
+            "start": 233,
+            "end": 235
         },
         "context": {
             "type": "variable",
@@ -8346,8 +6873,8 @@
             "value": "get-base-hue( gray, 800 )",
             "scope": "default",
             "line": {
-                "start": 225,
-                "end": 225
+                "start": 236,
+                "end": 236
             }
         },
         "group": [
@@ -8363,8 +6890,8 @@
     {
         "description": "The light color of the theme.\n",
         "commentRange": {
-            "start": 227,
-            "end": 229
+            "start": 238,
+            "end": 240
         },
         "context": {
             "type": "variable",
@@ -8372,8 +6899,8 @@
             "value": "get-base-hue( gray, 100 )",
             "scope": "default",
             "line": {
-                "start": 230,
-                "end": 230
+                "start": 241,
+                "end": 241
             }
         },
         "group": [
@@ -8389,8 +6916,8 @@
     {
         "description": "Inverse color of the theme. Depending on the theme luminance dark or light, it will be light or dark\n",
         "commentRange": {
-            "start": 232,
-            "end": 233
+            "start": 243,
+            "end": 244
         },
         "context": {
             "type": "variable",
@@ -8398,8 +6925,8 @@
             "value": "if( $kendo-is-dark-theme, $kendo-color-light, $kendo-color-dark )",
             "scope": "default",
             "line": {
-                "start": 234,
-                "end": 234
+                "start": 245,
+                "end": 245
             }
         },
         "group": [
@@ -8411,6 +6938,58 @@
             "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/color-system/_color-system-material.scss",
+            "name": "_color-system-material.scss"
+        }
+    },
+    {
+        "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/color-system/_color-system-material.scss",
+            "name": "_color-system-material.scss"
+        }
+    },
     {
         "description": "The spacer of the ColorEditor.\n",
         "commentRange": {
@@ -9214,8 +7793,8 @@
     {
         "description": "Background color of a component.\nNote: do not use this variable directly. Instead derive it as `$component-name-bg` e.g. `$kendo-grid-bg: $kendo-component-bg !default;`.\n",
         "commentRange": {
-            "start": 326,
-            "end": 328
+            "start": 337,
+            "end": 339
         },
         "context": {
             "type": "variable",
@@ -9223,8 +7802,8 @@
             "value": "k-map-get( $theme, component-bg )",
             "scope": "default",
             "line": {
-                "start": 329,
-                "end": 329
+                "start": 340,
+                "end": 340
             }
         },
         "group": [
@@ -9239,8 +7818,8 @@
     {
         "description": "Text color of a component.\nNote: do not use this variable directly. Instead derive it as `$component-name-text` e.g. `$kendo-grid-text: $kendo-component-text !default;`.\n",
         "commentRange": {
-            "start": 330,
-            "end": 332
+            "start": 341,
+            "end": 343
         },
         "context": {
             "type": "variable",
@@ -9248,8 +7827,8 @@
             "value": "k-map-get( $theme, component-text )",
             "scope": "default",
             "line": {
-                "start": 333,
-                "end": 333
+                "start": 344,
+                "end": 344
             }
         },
         "group": [
@@ -9264,8 +7843,8 @@
     {
         "description": "Border color of a component.\nNote: do not use this variable directly. Instead derive it as `$component-name-border` e.g. `$kendo-grid-border: $kendo-component-border !default;`.\n",
         "commentRange": {
-            "start": 334,
-            "end": 336
+            "start": 345,
+            "end": 347
         },
         "context": {
             "type": "variable",
@@ -9273,8 +7852,8 @@
             "value": "k-map-get( $theme, component-border )",
             "scope": "default",
             "line": {
-                "start": 337,
-                "end": 337
+                "start": 348,
+                "end": 348
             }
         },
         "group": [
@@ -25614,8 +24193,8 @@
     {
         "description": "Color of shadows\n",
         "commentRange": {
-            "start": 79,
-            "end": 80
+            "start": 89,
+            "end": 90
         },
         "context": {
             "type": "variable",
@@ -25623,8 +24202,8 @@
             "value": "k-map-get( $theme, elevation )",
             "scope": "default",
             "line": {
-                "start": 81,
-                "end": 81
+                "start": 91,
+                "end": 91
             }
         },
         "group": [
@@ -25639,8 +24218,8 @@
     {
         "description": "Shadow for switch.\nEquivalent to material elevation 1.\n",
         "commentRange": {
-            "start": 82,
-            "end": 84
+            "start": 93,
+            "end": 95
         },
         "context": {
             "type": "variable",
@@ -25648,8 +24227,8 @@
             "value": "0 2px 1px -1px rgba( $elevation, .2 ), 0 1px 1px 0 rgba( $elevation, .14 ), 0 1px 3px 0 rgba( $elevation, .12 )",
             "scope": "default",
             "line": {
-                "start": 85,
-                "end": 85
+                "start": 96,
+                "end": 96
             }
         },
         "group": [
@@ -25664,8 +24243,8 @@
     {
         "description": "Shadow for resting state of button, card and other widgets.\nEquivalent to material elevation 2.\n",
         "commentRange": {
-            "start": 86,
-            "end": 88
+            "start": 97,
+            "end": 99
         },
         "context": {
             "type": "variable",
@@ -25673,8 +24252,8 @@
             "value": "0 3px 1px -2px rgba( $elevation, .2 ), 0 2px 2px 0 rgba( $elevation, .14 ), 0 1px 5px 0 rgba( $elevation, .12 )",
             "scope": "default",
             "line": {
-                "start": 89,
-                "end": 89
+                "start": 100,
+                "end": 100
             }
         },
         "group": [
@@ -25689,8 +24268,8 @@
     {
         "description": "Shadow for menu, popups and raised state of button and card.\nEquivalent to material elevation 8.\n",
         "commentRange": {
-            "start": 90,
-            "end": 92
+            "start": 101,
+            "end": 103
         },
         "context": {
             "type": "variable",
@@ -25698,8 +24277,8 @@
             "value": "0 5px 5px -3px rgba( $elevation, .2 ), 0 8px 10px 1px rgba( $elevation, .14 ), 0 3px 14px 2px rgba( $elevation, .12 )",
             "scope": "default",
             "line": {
-                "start": 93,
-                "end": 93
+                "start": 104,
+                "end": 104
             }
         },
         "group": [
@@ -25714,8 +24293,8 @@
     {
         "description": "Shadow for drawers and other overlaying elements.\nEquivalent to material elevation 16.\n",
         "commentRange": {
-            "start": 94,
-            "end": 96
+            "start": 105,
+            "end": 107
         },
         "context": {
             "type": "variable",
@@ -25723,8 +24302,8 @@
             "value": "0 8px 10px -5px rgba( $elevation, .2 ), 0 16px 24px 2px rgba( $elevation, .14 ), 0 6px 30px 5px rgba( $elevation, .12 )",
             "scope": "default",
             "line": {
-                "start": 97,
-                "end": 97
+                "start": 108,
+                "end": 108
             }
         },
         "group": [
@@ -25739,8 +24318,8 @@
     {
         "description": "Shadow for window and dialog.\nEquivalent to material elevation 24.\n",
         "commentRange": {
-            "start": 98,
-            "end": 100
+            "start": 109,
+            "end": 111
         },
         "context": {
             "type": "variable",
@@ -25748,8 +24327,8 @@
             "value": "0 11px 15px -7px rgba( $elevation, .2 ), 0 24px 38px 3px rgba( $elevation, .14 ), 0 9px 46px 8px rgba( $elevation, .12 )",
             "scope": "default",
             "line": {
-                "start": 101,
-                "end": 101
+                "start": 112,
+                "end": 112
             }
         },
         "group": [
@@ -30989,8 +29568,8 @@
     {
         "description": "Base font size across all components.\n",
         "commentRange": {
-            "start": 253,
-            "end": 254
+            "start": 264,
+            "end": 265
         },
         "context": {
             "type": "variable",
@@ -30998,8 +29577,8 @@
             "value": "14px",
             "scope": "default",
             "line": {
-                "start": 255,
-                "end": 255
+                "start": 266,
+                "end": 266
             }
         },
         "group": [
@@ -31014,8 +29593,8 @@
     {
         "description": "Font family for text.\n",
         "commentRange": {
-            "start": 270,
-            "end": 271
+            "start": 281,
+            "end": 282
         },
         "context": {
             "type": "variable",
@@ -31023,8 +29602,8 @@
             "value": "Roboto, \"Helvetica Neue\", sans-serif",
             "scope": "default",
             "line": {
-                "start": 272,
-                "end": 272
+                "start": 283,
+                "end": 283
             }
         },
         "group": [
@@ -31039,8 +29618,8 @@
     {
         "description": "Font family across all components.\n",
         "commentRange": {
-            "start": 274,
-            "end": 275
+            "start": 285,
+            "end": 286
         },
         "context": {
             "type": "variable",
@@ -31048,8 +29627,8 @@
             "value": "Roboto, \"Helvetica Neue\", sans-serif",
             "scope": "default",
             "line": {
-                "start": 276,
-                "end": 276
+                "start": 287,
+                "end": 287
             }
         },
         "group": [
@@ -31064,8 +29643,8 @@
     {
         "description": "Font family for monospaced text. Used for styling the code.\n",
         "commentRange": {
-            "start": 278,
-            "end": 279
+            "start": 289,
+            "end": 290
         },
         "context": {
             "type": "variable",
@@ -31073,8 +29652,8 @@
             "value": "Consolas, \"Ubuntu Mono\", \"Lucida Console\", \"Courier New\", monospace",
             "scope": "default",
             "line": {
-                "start": 280,
-                "end": 280
+                "start": 291,
+                "end": 291
             }
         },
         "group": [
@@ -31089,8 +29668,8 @@
     {
         "description": "Font family across all components.\n",
         "commentRange": {
-            "start": 282,
-            "end": 283
+            "start": 293,
+            "end": 294
         },
         "context": {
             "type": "variable",
@@ -31098,8 +29677,8 @@
             "value": "Roboto, \"Helvetica Neue\", sans-serif",
             "scope": "default",
             "line": {
-                "start": 284,
-                "end": 284
+                "start": 295,
+                "end": 295
             }
         },
         "group": [
@@ -31114,8 +29693,8 @@
     {
         "description": "Line height used along with $kendo-font-size.\n",
         "commentRange": {
-            "start": 286,
-            "end": 287
+            "start": 297,
+            "end": 298
         },
         "context": {
             "type": "variable",
@@ -31123,8 +29702,8 @@
             "value": "k-math-div( 28, 14 )",
             "scope": "default",
             "line": {
-                "start": 288,
-                "end": 288
+                "start": 299,
+                "end": 299
             }
         },
         "group": [
@@ -31139,8 +29718,8 @@
     {
         "description": "Border radius for all components.\n",
         "commentRange": {
-            "start": 128,
-            "end": 128
+            "start": 139,
+            "end": 139
         },
         "context": {
             "type": "variable",
@@ -31148,8 +29727,8 @@
             "value": "k-map-get( $kendo-spacing, 1 )",
             "scope": "default",
             "line": {
-                "start": 129,
-                "end": 129
+                "start": 140,
+                "end": 140
             }
         },
         "access": "public",
@@ -31164,8 +29743,8 @@
     {
         "description": "The background of the components' chrome area.\n",
         "commentRange": {
-            "start": 340,
-            "end": 340
+            "start": 351,
+            "end": 351
         },
         "context": {
             "type": "variable",
@@ -31173,8 +29752,8 @@
             "value": "k-map-get( $theme, base-bg )",
             "scope": "default",
             "line": {
-                "start": 341,
-                "end": 341
+                "start": 352,
+                "end": 352
             }
         },
         "access": "public",
@@ -31189,8 +29768,8 @@
     {
         "description": "The text color of the components' chrome area.\n",
         "commentRange": {
-            "start": 342,
-            "end": 342
+            "start": 353,
+            "end": 353
         },
         "context": {
             "type": "variable",
@@ -31198,8 +29777,8 @@
             "value": "k-map-get( $theme, component-text )",
             "scope": "default",
             "line": {
-                "start": 343,
-                "end": 343
+                "start": 354,
+                "end": 354
             }
         },
         "access": "public",
@@ -31214,8 +29793,8 @@
     {
         "description": "The border of the components' chrome area.\n",
         "commentRange": {
-            "start": 344,
-            "end": 344
+            "start": 355,
+            "end": 355
         },
         "context": {
             "type": "variable",
@@ -31223,8 +29802,8 @@
             "value": "rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .08 )",
             "scope": "default",
             "line": {
-                "start": 345,
-                "end": 345
+                "start": 356,
+                "end": 356
             }
         },
         "access": "public",
@@ -31239,8 +29818,8 @@
     {
         "description": "The gradient background of the components' chrome area.\n",
         "commentRange": {
-            "start": 346,
-            "end": 346
+            "start": 357,
+            "end": 357
         },
         "context": {
             "type": "variable",
@@ -31248,8 +29827,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 347,
-                "end": 347
+                "start": 358,
+                "end": 358
             }
         },
         "access": "public",
@@ -31264,8 +29843,8 @@
     {
         "description": "The background of hovered items.\n",
         "commentRange": {
-            "start": 349,
-            "end": 349
+            "start": 360,
+            "end": 360
         },
         "context": {
             "type": "variable",
@@ -31273,8 +29852,8 @@
             "value": "k-map-get( $theme, hover-bg )",
             "scope": "default",
             "line": {
-                "start": 350,
-                "end": 350
+                "start": 361,
+                "end": 361
             }
         },
         "access": "public",
@@ -31289,8 +29868,8 @@
     {
         "description": "The text color of hovered items.\n",
         "commentRange": {
-            "start": 351,
-            "end": 351
+            "start": 362,
+            "end": 362
         },
         "context": {
             "type": "variable",
@@ -31298,8 +29877,8 @@
             "value": "$kendo-base-text",
             "scope": "default",
             "line": {
-                "start": 352,
-                "end": 352
+                "start": 363,
+                "end": 363
             }
         },
         "access": "public",
@@ -31314,8 +29893,8 @@
     {
         "description": "The border color of hovered items.\n",
         "commentRange": {
-            "start": 353,
-            "end": 353
+            "start": 364,
+            "end": 364
         },
         "context": {
             "type": "variable",
@@ -31323,8 +29902,8 @@
             "value": "rgba( $kendo-base-border, .15 )",
             "scope": "default",
             "line": {
-                "start": 354,
-                "end": 354
+                "start": 365,
+                "end": 365
             }
         },
         "access": "public",
@@ -31339,8 +29918,8 @@
     {
         "description": "The gradient background of hovered items.\n",
         "commentRange": {
-            "start": 355,
-            "end": 355
+            "start": 366,
+            "end": 366
         },
         "context": {
             "type": "variable",
@@ -31348,8 +29927,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 356,
-                "end": 356
+                "start": 367,
+                "end": 367
             }
         },
         "access": "public",
@@ -31364,8 +29943,8 @@
     {
         "description": "The background of selected items.\n",
         "commentRange": {
-            "start": 358,
-            "end": 358
+            "start": 369,
+            "end": 369
         },
         "context": {
             "type": "variable",
@@ -31373,8 +29952,8 @@
             "value": "$kendo-color-secondary",
             "scope": "default",
             "line": {
-                "start": 359,
-                "end": 359
+                "start": 370,
+                "end": 370
             }
         },
         "access": "public",
@@ -31389,8 +29968,8 @@
     {
         "description": "The text color of selected items.\n",
         "commentRange": {
-            "start": 360,
-            "end": 360
+            "start": 371,
+            "end": 371
         },
         "context": {
             "type": "variable",
@@ -31398,8 +29977,8 @@
             "value": "$kendo-color-secondary-contrast",
             "scope": "default",
             "line": {
-                "start": 361,
-                "end": 361
+                "start": 372,
+                "end": 372
             }
         },
         "access": "public",
@@ -31414,8 +29993,8 @@
     {
         "description": "The border color of selected items.\n",
         "commentRange": {
-            "start": 362,
-            "end": 362
+            "start": 373,
+            "end": 373
         },
         "context": {
             "type": "variable",
@@ -31423,8 +30002,8 @@
             "value": "rgba( $kendo-base-border, .1 )",
             "scope": "default",
             "line": {
-                "start": 363,
-                "end": 363
+                "start": 374,
+                "end": 374
             }
         },
         "access": "public",
@@ -31439,8 +30018,8 @@
     {
         "description": "The gradient background of selected items.\n",
         "commentRange": {
-            "start": 364,
-            "end": 364
+            "start": 375,
+            "end": 375
         },
         "context": {
             "type": "variable",
@@ -31448,8 +30027,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 365,
-                "end": 365
+                "start": 376,
+                "end": 376
             }
         },
         "access": "public",