@progress/kendo-theme-fluent 6.6.1-dev.0 → 6.7.0-dev.0

package/dist/meta/sassdoc-data.json

@@ -3326,7 +3326,7 @@
             }
         },
         {
-            "description": "The horizontal margin of the breadcrumb\n",
+            "description": "The horizontal margin of the Breadcrumb\n",
             "commentRange": {
                 "start": 5,
                 "end": 6
@@ -3351,7 +3351,7 @@
             }
         },
         {
-            "description": "The vertical margin of the breadcrumb\n",
+            "description": "The vertical margin of the Breadcrumb\n",
             "commentRange": {
                 "start": 8,
                 "end": 9
@@ -3376,7 +3376,7 @@
             }
         },
         {
-            "description": "The horizontal padding of the breadcrumb\n",
+            "description": "The horizontal padding of the Breadcrumb\n",
             "commentRange": {
                 "start": 11,
                 "end": 12
@@ -3401,7 +3401,7 @@
             }
         },
         {
-            "description": "The vertical padding of the breadcrumb\n",
+            "description": "The vertical padding of the Breadcrumb\n",
             "commentRange": {
                 "start": 14,
                 "end": 15
@@ -3426,10 +3426,10 @@
             }
         },
         {
-            "description": "The width of the border around the breadcrumb\n",
+            "description": "The width of the border around the Breadcrumb\n",
             "commentRange": {
-                "start": 17,
-                "end": 18
+                "start": 18,
+                "end": 19
             },
             "context": {
                 "type": "variable",
@@ -3437,8 +3437,8 @@
                 "value": "0px",
                 "scope": "default",
                 "line": {
-                    "start": 19,
-                    "end": 19
+                    "start": 20,
+                    "end": 20
                 }
             },
             "group": [
@@ -3451,10 +3451,10 @@
             }
         },
         {
-            "description": "The font family of the breadcrumb\n",
+            "description": "The font family of the Breadcrumb\n",
             "commentRange": {
-                "start": 20,
-                "end": 21
+                "start": 22,
+                "end": 23
             },
             "context": {
                 "type": "variable",
@@ -3462,8 +3462,8 @@
                 "value": "var( --kendo-font-family, inherit )",
                 "scope": "default",
                 "line": {
-                    "start": 22,
-                    "end": 22
+                    "start": 24,
+                    "end": 24
                 }
             },
             "group": [
@@ -3476,41 +3476,16 @@
             }
         },
         {
-            "description": "The font size of the breadcrumb\n",
+            "description": "",
             "commentRange": {
-                "start": 23,
-                "end": 24
+                "start": 27,
+                "end": 27
             },
             "context": {
                 "type": "variable",
                 "name": "kendo-breadcrumb-font-size",
                 "value": "var( --kendo-font-size, inherit )",
                 "scope": "default",
-                "line": {
-                    "start": 25,
-                    "end": 25
-                }
-            },
-            "group": [
-                "breadcrumb"
-            ],
-            "access": "public",
-            "file": {
-                "path": "breadcrumb/_variables.scss",
-                "name": "_variables.scss"
-            }
-        },
-        {
-            "description": "The line height of the breadcrumb\n",
-            "commentRange": {
-                "start": 26,
-                "end": 27
-            },
-            "context": {
-                "type": "variable",
-                "name": "kendo-breadcrumb-line-height",
-                "value": "var( --kendo-line-height, normal )",
-                "scope": "default",
                 "line": {
                     "start": 28,
                     "end": 28
@@ -3526,15 +3501,15 @@
             }
         },
         {
-            "description": "The background color of the breadcrumb\n",
+            "description": "The font size of the small breadcrumb.\n",
             "commentRange": {
                 "start": 29,
                 "end": 30
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-bg",
-                "value": "var( --kendo-component-bg, initial )",
+                "name": "kendo-breadcrumb-sm-font-size",
+                "value": "var( --kendo-font-size-md, inherit )",
                 "scope": "default",
                 "line": {
                     "start": 31,
@@ -3551,15 +3526,15 @@
             }
         },
         {
-            "description": "The text color of the breadcrumb\n",
+            "description": "The font size of the medium breadcrumb.\n",
             "commentRange": {
                 "start": 32,
                 "end": 33
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-text",
-                "value": "k-get-theme-color-var( neutral-130 )",
+                "name": "kendo-breadcrumb-md-font-size",
+                "value": "var( --kendo-font-size-md, inherit )",
                 "scope": "default",
                 "line": {
                     "start": 34,
@@ -3576,15 +3551,15 @@
             }
         },
         {
-            "description": "The border color of the breadcrumb\n",
+            "description": "The font size of the large breadcrumb.\n",
             "commentRange": {
                 "start": 35,
                 "end": 36
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-border",
-                "value": "transparent",
+                "name": "kendo-breadcrumb-lg-font-size",
+                "value": "var( --kendo-font-size-md, inherit )",
                 "scope": "default",
                 "line": {
                     "start": 37,
@@ -3601,19 +3576,19 @@
             }
         },
         {
-            "description": "The box shadow of the focused breadcrumb\n",
+            "description": "The line height used along with the $kendo-font-size variable of the Breadcrumb.\n",
             "commentRange": {
-                "start": 38,
-                "end": 39
+                "start": 39,
+                "end": 40
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-focus-shadow",
-                "value": "0 0 0 1px k-get-theme-color-var( neutral-30 )",
+                "name": "kendo-breadcrumb-line-height",
+                "value": "var( --kendo-line-height, normal )",
                 "scope": "default",
                 "line": {
-                    "start": 40,
-                    "end": 40
+                    "start": 41,
+                    "end": 41
                 }
             },
             "group": [
@@ -3626,15 +3601,15 @@
             }
         },
         {
-            "description": "The horizontal padding of the breadcrumb link\n",
+            "description": "The line height used along with the $kendo-font-size variable of the small breadcrumb.\n",
             "commentRange": {
                 "start": 42,
                 "end": 43
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-link-padding-x",
-                "value": "map.get( $kendo-spacing, 2 )",
+                "name": "kendo-breadcrumb-sm-line-height",
+                "value": "var( --kendo-line-height, normal )",
                 "scope": "default",
                 "line": {
                     "start": 44,
@@ -3651,15 +3626,15 @@
             }
         },
         {
-            "description": "The vertical padding of the breadcrumb link\n",
+            "description": "The line height used along with the $kendo-font-size variable of the medium breadcrumb.\n",
             "commentRange": {
                 "start": 45,
                 "end": 46
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-link-padding-y",
-                "value": "map.get( $kendo-spacing, 1.5 )",
+                "name": "kendo-breadcrumb-md-line-height",
+                "value": "var( --kendo-line-height, normal )",
                 "scope": "default",
                 "line": {
                     "start": 47,
@@ -3676,15 +3651,15 @@
             }
         },
         {
-            "description": "The radius of the border around the breadcrumb link\n",
+            "description": "The line height used along with the $kendo-font-size variable of the large breadcrumb.\n",
             "commentRange": {
                 "start": 48,
                 "end": 49
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-link-border-radius",
-                "value": "0px",
+                "name": "kendo-breadcrumb-lg-line-height",
+                "value": "var( --kendo-line-height, normal )",
                 "scope": "default",
                 "line": {
                     "start": 50,
@@ -3701,44 +3676,19 @@
             }
         },
         {
-            "description": "The initial text color of the breadcrumb link\n",
-            "commentRange": {
-                "start": 51,
-                "end": 52
-            },
-            "context": {
-                "type": "variable",
-                "name": "kendo-breadcrumb-link-initial-text",
-                "value": "inherit",
-                "scope": "default",
-                "line": {
-                    "start": 53,
-                    "end": 53
-                }
-            },
-            "group": [
-                "breadcrumb"
-            ],
-            "access": "public",
-            "file": {
-                "path": "breadcrumb/_variables.scss",
-                "name": "_variables.scss"
-            }
-        },
-        {
-            "description": "The background color of the breadcrumb link\n",
+            "description": "The background color of the Breadcrumb\n",
             "commentRange": {
-                "start": 54,
-                "end": 55
+                "start": 52,
+                "end": 53
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-link-bg",
-                "value": "transparent",
+                "name": "kendo-breadcrumb-bg",
+                "value": "var( --kendo-component-bg, initial )",
                 "scope": "default",
                 "line": {
-                    "start": 56,
-                    "end": 56
+                    "start": 54,
+                    "end": 54
                 }
             },
             "group": [
@@ -3751,19 +3701,19 @@
             }
         },
         {
-            "description": "The text color of the breadcrumb link\n",
+            "description": "The text color of the Breadcrumb\n",
             "commentRange": {
-                "start": 57,
-                "end": 58
+                "start": 55,
+                "end": 56
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-link-text",
-                "value": "k-get-theme-color-var( neutral-130 )",
+                "name": "kendo-breadcrumb-text",
+                "value": "get-theme-color-var( neutral-130 )",
                 "scope": "default",
                 "line": {
-                    "start": 59,
-                    "end": 59
+                    "start": 57,
+                    "end": 57
                 }
             },
             "group": [
@@ -3776,19 +3726,19 @@
             }
         },
         {
-            "description": "The borer color of the breadcrumb link\n",
+            "description": "The border color of the Breadcrumb\n",
             "commentRange": {
-                "start": 60,
-                "end": 61
+                "start": 58,
+                "end": 59
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-link-border",
+                "name": "kendo-breadcrumb-border",
                 "value": "transparent",
                 "scope": "default",
                 "line": {
-                    "start": 62,
-                    "end": 62
+                    "start": 60,
+                    "end": 60
                 }
             },
             "group": [
@@ -3801,19 +3751,19 @@
             }
         },
         {
-            "description": "The background color of the hovered breadcrumb link\n",
+            "description": "The box shadow of the focused breadcrumb\n",
             "commentRange": {
-                "start": 63,
-                "end": 64
+                "start": 61,
+                "end": 62
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-link-hover-bg",
-                "value": "var( --kendo-hover-bg, initial )",
+                "name": "kendo-breadcrumb-focus-shadow",
+                "value": "0 0 0 1px k-get-theme-color-var( neutral-30 )",
                 "scope": "default",
                 "line": {
-                    "start": 65,
-                    "end": 65
+                    "start": 63,
+                    "end": 63
                 }
             },
             "group": [
@@ -3826,19 +3776,19 @@
             }
         },
         {
-            "description": "The text color of the hovered breadcrumb link\n",
+            "description": "The horizontal padding of the Breadcrumb link\n",
             "commentRange": {
-                "start": 66,
-                "end": 67
+                "start": 65,
+                "end": 66
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-link-hover-text",
-                "value": "k-get-theme-color-var( neutral-160 )",
+                "name": "kendo-breadcrumb-link-padding-x",
+                "value": "map.get( $kendo-spacing, 2 )",
                 "scope": "default",
                 "line": {
-                    "start": 68,
-                    "end": 68
+                    "start": 67,
+                    "end": 67
                 }
             },
             "group": [
@@ -3851,19 +3801,19 @@
             }
         },
         {
-            "description": "The border color of the hovered breadcrumb link\n",
+            "description": "The horizontal padding of the small Breadcrumb link.\n",
             "commentRange": {
-                "start": 69,
-                "end": 70
+                "start": 68,
+                "end": 69
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-link-hover-border",
-                "value": "var( --kendo-hover-border, initial )",
+                "name": "kendo-breadcrumb-sm-link-padding-x",
+                "value": "map.get( $kendo-spacing, 2 )",
                 "scope": "default",
                 "line": {
-                    "start": 71,
-                    "end": 71
+                    "start": 70,
+                    "end": 70
                 }
             },
             "group": [
@@ -3876,19 +3826,19 @@
             }
         },
         {
-            "description": "The background color of the active breadcrumb link\n",
+            "description": "The horizontal padding of the medium Breadcrumb link.\n",
             "commentRange": {
-                "start": 72,
-                "end": 73
+                "start": 71,
+                "end": 72
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-link-active-bg",
-                "value": "var( --kendo-selected-bg, initial )",
+                "name": "kendo-breadcrumb-md-link-padding-x",
+                "value": "$kendo-breadcrumb-link-padding-x",
                 "scope": "default",
                 "line": {
-                    "start": 74,
-                    "end": 74
+                    "start": 73,
+                    "end": 73
                 }
             },
             "group": [
@@ -3901,19 +3851,19 @@
             }
         },
         {
-            "description": "The text color of the active breadcrumb link\n",
+            "description": "The horizontal padding of the large Breadcrumb link.\n",
             "commentRange": {
-                "start": 75,
-                "end": 76
+                "start": 74,
+                "end": 75
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-link-active-text",
-                "value": "var( --kendo-selected-text, initial )",
+                "name": "kendo-breadcrumb-lg-link-padding-x",
+                "value": "map.get( $kendo-spacing, 2 )",
                 "scope": "default",
                 "line": {
-                    "start": 77,
-                    "end": 77
+                    "start": 76,
+                    "end": 76
                 }
             },
             "group": [
@@ -3926,15 +3876,15 @@
             }
         },
         {
-            "description": "The border color of the active breadcrumb link\n",
+            "description": "The vertical padding of the Breadcrumb link\n",
             "commentRange": {
                 "start": 78,
                 "end": 79
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-link-active-border",
-                "value": "k-get-theme-color-var( neutral-30 )",
+                "name": "kendo-breadcrumb-link-padding-y",
+                "value": "map.get( $kendo-spacing, 2 )",
                 "scope": "default",
                 "line": {
                     "start": 80,
@@ -3951,15 +3901,15 @@
             }
         },
         {
-            "description": "The background color of the focused breadcrumb link\n",
+            "description": "The vertical padding of the small Breadcrumb link.\n",
             "commentRange": {
                 "start": 81,
                 "end": 82
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-link-focus-bg",
-                "value": "transparent",
+                "name": "kendo-breadcrumb-sm-link-padding-y",
+                "value": "map.get( $kendo-spacing, 1.5 )",
                 "scope": "default",
                 "line": {
                     "start": 83,
@@ -3976,15 +3926,15 @@
             }
         },
         {
-            "description": "The text color of the focused breadcrumb link\n",
+            "description": "The vertical padding of the medium Breadcrumb link.\n",
             "commentRange": {
                 "start": 84,
                 "end": 85
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-link-focus-text",
-                "value": "k-get-theme-color-var( neutral-190 )",
+                "name": "kendo-breadcrumb-md-link-padding-y",
+                "value": "$kendo-breadcrumb-link-padding-y",
                 "scope": "default",
                 "line": {
                     "start": 86,
@@ -4001,15 +3951,15 @@
             }
         },
         {
-            "description": "The box shadow of the focused breadcrumb link\n",
+            "description": "The vertical padding of the large Breadcrumb link.\n",
             "commentRange": {
                 "start": 87,
                 "end": 88
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-link-focus-shadow",
-                "value": "inset 0 0 0 1px k-get-theme-color-var( neutral-130 )",
+                "name": "kendo-breadcrumb-lg-link-padding-y",
+                "value": "map.get( $kendo-spacing, 2.5 )",
                 "scope": "default",
                 "line": {
                     "start": 89,
@@ -4026,19 +3976,19 @@
             }
         },
         {
-            "description": "The focus and hover background color of the breadcrumb link\n",
+            "description": "The radius of the border around the Breadcrumb link\n",
             "commentRange": {
-                "start": 90,
-                "end": 91
+                "start": 91,
+                "end": 92
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-link-focus-hover-bg",
-                "value": "var( --kendo-hover-bg, initial )",
+                "name": "kendo-breadcrumb-link-border-radius",
+                "value": "0px",
                 "scope": "default",
                 "line": {
-                    "start": 92,
-                    "end": 92
+                    "start": 93,
+                    "end": 93
                 }
             },
             "group": [
@@ -4051,19 +4001,19 @@
             }
         },
         {
-            "description": "The background color of the disabled breadcrumb link\n",
+            "description": "The initial text color of the Breadcrumb link\n",
             "commentRange": {
-                "start": 93,
-                "end": 94
+                "start": 94,
+                "end": 95
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-link-disabled-bg",
-                "value": "none",
+                "name": "kendo-breadcrumb-link-initial-text",
+                "value": "inherit",
                 "scope": "default",
                 "line": {
-                    "start": 95,
-                    "end": 95
+                    "start": 96,
+                    "end": 96
                 }
             },
             "group": [
@@ -4076,19 +4026,19 @@
             }
         },
         {
-            "description": "The text color of the disabled breadcrumb link\n",
+            "description": "The background color of the Breadcrumb link\n",
             "commentRange": {
-                "start": 96,
-                "end": 97
+                "start": 97,
+                "end": 98
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-link-disabled-text",
-                "value": "var( --kendo-disabled-text, initial )",
+                "name": "kendo-breadcrumb-link-bg",
+                "value": "transparent",
                 "scope": "default",
                 "line": {
-                    "start": 98,
-                    "end": 98
+                    "start": 99,
+                    "end": 99
                 }
             },
             "group": [
@@ -4101,19 +4051,19 @@
             }
         },
         {
-            "description": "The border color of the disabled breadcrumb link\n",
+            "description": "The text color of the Breadcrumb link\n",
             "commentRange": {
-                "start": 99,
-                "end": 100
+                "start": 100,
+                "end": 101
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-link-disabled-border",
-                "value": "none",
+                "name": "kendo-breadcrumb-link-text",
+                "value": "get-theme-color-var( neutral-130 )",
                 "scope": "default",
                 "line": {
-                    "start": 101,
-                    "end": 101
+                    "start": 102,
+                    "end": 102
                 }
             },
             "group": [
@@ -4126,19 +4076,19 @@
             }
         },
         {
-            "description": "The background color of selected the breadcrumb link\n",
+            "description": "The borer color of the Breadcrumb link\n",
             "commentRange": {
-                "start": 102,
-                "end": 103
+                "start": 103,
+                "end": 104
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-link-selected-bg",
-                "value": "var( --kendo-component-bg, initial )",
+                "name": "kendo-breadcrumb-link-border",
+                "value": "transparent",
                 "scope": "default",
                 "line": {
-                    "start": 104,
-                    "end": 104
+                    "start": 105,
+                    "end": 105
                 }
             },
             "group": [
@@ -4151,19 +4101,19 @@
             }
         },
         {
-            "description": "The text color of the selected breadcrumb link\n",
+            "description": "The background color of the hovered breadcrumb link\n",
             "commentRange": {
-                "start": 105,
-                "end": 106
+                "start": 106,
+                "end": 107
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-link-selected-text",
-                "value": "k-get-theme-color-var( neutral-160 )",
+                "name": "kendo-breadcrumb-link-hover-bg",
+                "value": "var( --kendo-hover-bg, initial )",
                 "scope": "default",
                 "line": {
-                    "start": 107,
-                    "end": 107
+                    "start": 108,
+                    "end": 108
                 }
             },
             "group": [
@@ -4176,19 +4126,19 @@
             }
         },
         {
-            "description": "The border color of the selected breadcrumb link\n",
+            "description": "The text color of the hovered breadcrumb link\n",
             "commentRange": {
-                "start": 108,
-                "end": 109
+                "start": 109,
+                "end": 110
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-link-selected-border",
-                "value": "transparent",
+                "name": "kendo-breadcrumb-link-hover-text",
+                "value": "k-get-theme-color-var( neutral-160 )",
                 "scope": "default",
                 "line": {
-                    "start": 110,
-                    "end": 110
+                    "start": 111,
+                    "end": 111
                 }
             },
             "group": [
@@ -4201,19 +4151,19 @@
             }
         },
         {
-            "description": "The font weight of the selected breadcrumb link\n",
+            "description": "The border color of the hovered breadcrumb link\n",
             "commentRange": {
-                "start": 111,
-                "end": 112
+                "start": 112,
+                "end": 113
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-link-selected-font-weight",
-                "value": "var( --kendo-font-weight-bold, bold )",
+                "name": "kendo-breadcrumb-link-hover-border",
+                "value": "var( --kendo-hover-border, initial )",
                 "scope": "default",
                 "line": {
-                    "start": 113,
-                    "end": 113
+                    "start": 114,
+                    "end": 114
                 }
             },
             "group": [
@@ -4226,15 +4176,15 @@
             }
         },
         {
-            "description": "The background color of the breadcrumb root link\n",
+            "description": "The background color of the active breadcrumb link\n",
             "commentRange": {
                 "start": 115,
                 "end": 116
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-root-link-bg",
-                "value": "$kendo-breadcrumb-link-bg",
+                "name": "kendo-breadcrumb-link-active-bg",
+                "value": "var( --kendo-selected-bg, initial )",
                 "scope": "default",
                 "line": {
                     "start": 117,
@@ -4251,15 +4201,15 @@
             }
         },
         {
-            "description": "The text color of the breadcrumb root link\n",
+            "description": "The text color of the active breadcrumb link\n",
             "commentRange": {
                 "start": 118,
                 "end": 119
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-root-link-text",
-                "value": "$kendo-breadcrumb-link-text",
+                "name": "kendo-breadcrumb-link-active-text",
+                "value": "var( --kendo-selected-text, initial )",
                 "scope": "default",
                 "line": {
                     "start": 120,
@@ -4276,15 +4226,15 @@
             }
         },
         {
-            "description": "The border color of the breadcrumb root link\n",
+            "description": "The border color of the active breadcrumb link\n",
             "commentRange": {
                 "start": 121,
                 "end": 122
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-root-link-border",
-                "value": "$kendo-breadcrumb-link-border",
+                "name": "kendo-breadcrumb-link-active-border",
+                "value": "k-get-theme-color-var( neutral-30 )",
                 "scope": "default",
                 "line": {
                     "start": 123,
@@ -4301,15 +4251,15 @@
             }
         },
         {
-            "description": "The background color of the hovered breadcrumb root link\n",
+            "description": "The background color of the focused breadcrumb link\n",
             "commentRange": {
                 "start": 124,
                 "end": 125
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-root-link-hover-bg",
-                "value": "$kendo-breadcrumb-link-hover-bg",
+                "name": "kendo-breadcrumb-link-focus-bg",
+                "value": "transparent",
                 "scope": "default",
                 "line": {
                     "start": 126,
@@ -4326,15 +4276,15 @@
             }
         },
         {
-            "description": "The text color of the hovered breadcrumb root link\n",
+            "description": "The text color of the focused breadcrumb link\n",
             "commentRange": {
                 "start": 127,
                 "end": 128
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-root-link-hover-text",
-                "value": "$kendo-breadcrumb-link-hover-text",
+                "name": "kendo-breadcrumb-link-focus-text",
+                "value": "k-get-theme-color-var( neutral-190 )",
                 "scope": "default",
                 "line": {
                     "start": 129,
@@ -4351,15 +4301,15 @@
             }
         },
         {
-            "description": "The border color of the hovered breadcrumb root link\n",
+            "description": "The box shadow of the focused breadcrumb link\n",
             "commentRange": {
                 "start": 130,
                 "end": 131
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-root-link-hover-border",
-                "value": "$kendo-breadcrumb-link-hover-border",
+                "name": "kendo-breadcrumb-link-focus-shadow",
+                "value": "inset 0 0 0 1px get-theme-color-var( neutral-130 )",
                 "scope": "default",
                 "line": {
                     "start": 132,
@@ -4376,15 +4326,15 @@
             }
         },
         {
-            "description": "The background color of the active breadcrumb root link\n",
+            "description": "The focus and hover background color of the Breadcrumb link\n",
             "commentRange": {
                 "start": 133,
                 "end": 134
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-root-link-active-bg",
-                "value": "$kendo-breadcrumb-link-active-bg",
+                "name": "kendo-breadcrumb-link-focus-hover-bg",
+                "value": "var( --kendo-hover-bg, initial )",
                 "scope": "default",
                 "line": {
                     "start": 135,
@@ -4401,15 +4351,15 @@
             }
         },
         {
-            "description": "The text color of the active breadcrumb root link\n",
+            "description": "The background color of the disabled breadcrumb link\n",
             "commentRange": {
                 "start": 136,
                 "end": 137
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-root-link-active-text",
-                "value": "$kendo-breadcrumb-link-active-text",
+                "name": "kendo-breadcrumb-link-disabled-bg",
+                "value": "none",
                 "scope": "default",
                 "line": {
                     "start": 138,
@@ -4426,15 +4376,15 @@
             }
         },
         {
-            "description": "The border color of the active breadcrumb root link\n",
+            "description": "The text color of the disabled breadcrumb link\n",
             "commentRange": {
                 "start": 139,
                 "end": 140
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-root-link-active-border",
-                "value": "$kendo-breadcrumb-link-active-border",
+                "name": "kendo-breadcrumb-link-disabled-text",
+                "value": "var( --kendo-disabled-text, initial )",
                 "scope": "default",
                 "line": {
                     "start": 141,
@@ -4451,15 +4401,15 @@
             }
         },
         {
-            "description": "The background color of the focused breadcrumb root link\n",
+            "description": "The border color of the disabled breadcrumb link\n",
             "commentRange": {
                 "start": 142,
                 "end": 143
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-root-link-focus-bg",
-                "value": "$kendo-breadcrumb-link-focus-bg",
+                "name": "kendo-breadcrumb-link-disabled-border",
+                "value": "none",
                 "scope": "default",
                 "line": {
                     "start": 144,
@@ -4476,15 +4426,15 @@
             }
         },
         {
-            "description": "The text color of the focused breadcrumb root link\n",
+            "description": "The background color of selected the Breadcrumb link\n",
             "commentRange": {
                 "start": 145,
                 "end": 146
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-root-link-focus-text",
-                "value": "$kendo-breadcrumb-link-focus-text",
+                "name": "kendo-breadcrumb-link-selected-bg",
+                "value": "var( --kendo-component-bg, initial )",
                 "scope": "default",
                 "line": {
                     "start": 147,
@@ -4501,15 +4451,15 @@
             }
         },
         {
-            "description": "The border color of the focused breadcrumb root link\n",
+            "description": "The text color of the selected breadcrumb link\n",
             "commentRange": {
                 "start": 148,
                 "end": 149
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-root-link-focus-shadow",
-                "value": "$kendo-breadcrumb-link-focus-shadow",
+                "name": "kendo-breadcrumb-link-selected-text",
+                "value": "k-get-theme-color-var( neutral-160 )",
                 "scope": "default",
                 "line": {
                     "start": 150,
@@ -4526,15 +4476,15 @@
             }
         },
         {
-            "description": "The focus and hover background color of the breadcrumb root link\n",
+            "description": "The border color of the selected breadcrumb link\n",
             "commentRange": {
                 "start": 151,
                 "end": 152
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-root-link-focus-hover-bg",
-                "value": "$kendo-breadcrumb-link-focus-hover-bg",
+                "name": "kendo-breadcrumb-link-selected-border",
+                "value": "transparent",
                 "scope": "default",
                 "line": {
                     "start": 153,
@@ -4551,15 +4501,15 @@
             }
         },
         {
-            "description": "The text color of the disabled breadcrumb root link\n",
+            "description": "The font weight of the selected breadcrumb link\n",
             "commentRange": {
                 "start": 154,
                 "end": 155
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-root-link-disabled-text",
-                "value": "$kendo-breadcrumb-link-disabled-text",
+                "name": "kendo-breadcrumb-link-selected-font-weight",
+                "value": "var( --kendo-font-weight-bold, bold )",
                 "scope": "default",
                 "line": {
                     "start": 156,
@@ -4576,19 +4526,19 @@
             }
         },
         {
-            "description": "The horizontal padding of the breadcrumb link icon\n",
+            "description": "The background color of the Breadcrumb root link\n",
             "commentRange": {
-                "start": 162,
-                "end": 163
+                "start": 158,
+                "end": 159
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-icon-link-padding-x",
-                "value": "$kendo-breadcrumb-link-padding-x",
+                "name": "kendo-breadcrumb-root-link-bg",
+                "value": "$kendo-breadcrumb-link-bg",
                 "scope": "default",
                 "line": {
-                    "start": 164,
-                    "end": 164
+                    "start": 160,
+                    "end": 160
                 }
             },
             "group": [
@@ -4601,19 +4551,19 @@
             }
         },
         {
-            "description": "The vertical padding of the breadcrumb link icon\n",
+            "description": "The text color of the Breadcrumb root link\n",
             "commentRange": {
-                "start": 165,
-                "end": 166
+                "start": 161,
+                "end": 162
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-breadcrumb-icon-link-padding-y",
-                "value": "$kendo-breadcrumb-icon-link-padding-x",
+                "name": "kendo-breadcrumb-root-link-text",
+                "value": "$kendo-breadcrumb-link-text",
                 "scope": "default",
                 "line": {
-                    "start": 167,
-                    "end": 167
+                    "start": 163,
+                    "end": 163
                 }
             },
             "group": [
@@ -4626,135 +4576,660 @@
             }
         },
         {
-            "description": "Spacing between the action buttons.\n",
+            "description": "The border color of the Breadcrumb root link\n",
             "commentRange": {
-                "start": 23,
-                "end": 24
+                "start": 164,
+                "end": 165
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-actions-button-spacing",
-                "value": "map.get( $kendo-spacing, 2 )",
+                "name": "kendo-breadcrumb-root-link-border",
+                "value": "$kendo-breadcrumb-link-border",
                 "scope": "default",
                 "line": {
-                    "start": 25,
-                    "end": 25
+                    "start": 166,
+                    "end": 166
                 }
             },
             "group": [
-                "button"
+                "breadcrumb"
             ],
             "access": "public",
             "file": {
-                "path": "action-buttons/_variables.scss",
+                "path": "breadcrumb/_variables.scss",
                 "name": "_variables.scss"
             }
         },
         {
-            "description": "The width of the border around the Button.\n",
+            "description": "The background color of the hovered breadcrumb root link\n",
             "commentRange": {
-                "start": 5,
-                "end": 6
+                "start": 167,
+                "end": 168
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-button-border-width",
-                "value": "1px",
+                "name": "kendo-breadcrumb-root-link-hover-bg",
+                "value": "$kendo-breadcrumb-link-hover-bg",
                 "scope": "default",
                 "line": {
-                    "start": 7,
-                    "end": 7
+                    "start": 169,
+                    "end": 169
                 }
             },
             "group": [
-                "button"
+                "breadcrumb"
             ],
             "access": "public",
             "file": {
-                "path": "button/_variables.scss",
+                "path": "breadcrumb/_variables.scss",
                 "name": "_variables.scss"
             }
         },
         {
-            "description": "The horizontal padding of the small Button.\n",
+            "description": "The text color of the hovered breadcrumb root link\n",
             "commentRange": {
-                "start": 9,
-                "end": 10
+                "start": 170,
+                "end": 171
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-button-sm-padding-x",
-                "value": "map.get( $kendo-spacing, 5 )",
+                "name": "kendo-breadcrumb-root-link-hover-text",
+                "value": "$kendo-breadcrumb-link-hover-text",
                 "scope": "default",
                 "line": {
-                    "start": 11,
-                    "end": 11
+                    "start": 172,
+                    "end": 172
                 }
             },
             "group": [
-                "button"
+                "breadcrumb"
             ],
             "access": "public",
             "file": {
-                "path": "button/_variables.scss",
+                "path": "breadcrumb/_variables.scss",
                 "name": "_variables.scss"
             }
         },
         {
-            "description": "The horizontal padding of the medium Button.\n",
+            "description": "The border color of the hovered breadcrumb root link\n",
             "commentRange": {
-                "start": 12,
-                "end": 13
+                "start": 173,
+                "end": 174
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-button-md-padding-x",
-                "value": "map.get( $kendo-spacing, 5 )",
+                "name": "kendo-breadcrumb-root-link-hover-border",
+                "value": "$kendo-breadcrumb-link-hover-border",
                 "scope": "default",
                 "line": {
-                    "start": 14,
-                    "end": 14
+                    "start": 175,
+                    "end": 175
                 }
             },
             "group": [
-                "button"
+                "breadcrumb"
             ],
             "access": "public",
             "file": {
-                "path": "button/_variables.scss",
+                "path": "breadcrumb/_variables.scss",
                 "name": "_variables.scss"
             }
         },
         {
-            "description": "The horizontal padding of the large Button.\n",
+            "description": "The background color of the active breadcrumb root link\n",
             "commentRange": {
-                "start": 15,
-                "end": 16
+                "start": 176,
+                "end": 177
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-button-lg-padding-x",
-                "value": "map.get( $kendo-spacing, 5 )",
+                "name": "kendo-breadcrumb-root-link-active-bg",
+                "value": "$kendo-breadcrumb-link-active-bg",
                 "scope": "default",
                 "line": {
-                    "start": 17,
-                    "end": 17
+                    "start": 178,
+                    "end": 178
                 }
             },
             "group": [
-                "button"
+                "breadcrumb"
             ],
             "access": "public",
             "file": {
-                "path": "button/_variables.scss",
+                "path": "breadcrumb/_variables.scss",
                 "name": "_variables.scss"
             }
         },
         {
-            "description": "The vertical padding of the small Button.\n",
+            "description": "The text color of the active breadcrumb root link\n",
             "commentRange": {
-                "start": 19,
-                "end": 20
+                "start": 179,
+                "end": 180
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-breadcrumb-root-link-active-text",
+                "value": "$kendo-breadcrumb-link-active-text",
+                "scope": "default",
+                "line": {
+                    "start": 181,
+                    "end": 181
+                }
+            },
+            "group": [
+                "breadcrumb"
+            ],
+            "access": "public",
+            "file": {
+                "path": "breadcrumb/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The border color of the active breadcrumb root link\n",
+            "commentRange": {
+                "start": 182,
+                "end": 183
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-breadcrumb-root-link-active-border",
+                "value": "$kendo-breadcrumb-link-active-border",
+                "scope": "default",
+                "line": {
+                    "start": 184,
+                    "end": 184
+                }
+            },
+            "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": 185,
+                "end": 186
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-breadcrumb-root-link-focus-bg",
+                "value": "$kendo-breadcrumb-link-focus-bg",
+                "scope": "default",
+                "line": {
+                    "start": 187,
+                    "end": 187
+                }
+            },
+            "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": 188,
+                "end": 189
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-breadcrumb-root-link-focus-text",
+                "value": "$kendo-breadcrumb-link-focus-text",
+                "scope": "default",
+                "line": {
+                    "start": 190,
+                    "end": 190
+                }
+            },
+            "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": 191,
+                "end": 192
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-breadcrumb-root-link-focus-shadow",
+                "value": "$kendo-breadcrumb-link-focus-shadow",
+                "scope": "default",
+                "line": {
+                    "start": 193,
+                    "end": 193
+                }
+            },
+            "group": [
+                "breadcrumb"
+            ],
+            "access": "public",
+            "file": {
+                "path": "breadcrumb/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The focus and hover background color of the Breadcrumb root link\n",
+            "commentRange": {
+                "start": 194,
+                "end": 195
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-breadcrumb-root-link-focus-hover-bg",
+                "value": "$kendo-breadcrumb-link-focus-hover-bg",
+                "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 disabled breadcrumb root link\n",
+            "commentRange": {
+                "start": 197,
+                "end": 198
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-breadcrumb-root-link-disabled-text",
+                "value": "$kendo-breadcrumb-link-disabled-text",
+                "scope": "default",
+                "line": {
+                    "start": 199,
+                    "end": 199
+                }
+            },
+            "group": [
+                "breadcrumb"
+            ],
+            "access": "public",
+            "file": {
+                "path": "breadcrumb/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The vertical padding of the Breadcrumb link icon\n",
+            "commentRange": {
+                "start": 205,
+                "end": 206
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-breadcrumb-icon-link-padding-y",
+                "value": "map.get( $kendo-spacing, 2.5 )",
+                "scope": "default",
+                "line": {
+                    "start": 207,
+                    "end": 207
+                }
+            },
+            "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": 208,
+                "end": 209
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-breadcrumb-sm-icon-link-padding-y",
+                "value": "map.get( $kendo-spacing, 2 )",
+                "scope": "default",
+                "line": {
+                    "start": 210,
+                    "end": 210
+                }
+            },
+            "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": 211,
+                "end": 212
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-breadcrumb-md-icon-link-padding-y",
+                "value": "$kendo-breadcrumb-icon-link-padding-y",
+                "scope": "default",
+                "line": {
+                    "start": 213,
+                    "end": 213
+                }
+            },
+            "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": 214,
+                "end": 215
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-breadcrumb-lg-icon-link-padding-y",
+                "value": "map.get( $kendo-spacing, 3 )",
+                "scope": "default",
+                "line": {
+                    "start": 216,
+                    "end": 216
+                }
+            },
+            "group": [
+                "breadcrumb"
+            ],
+            "access": "public",
+            "file": {
+                "path": "breadcrumb/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The horizontal padding of the Breadcrumb link icon\n",
+            "commentRange": {
+                "start": 218,
+                "end": 219
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-breadcrumb-icon-link-padding-x",
+                "value": "$kendo-breadcrumb-icon-link-padding-y",
+                "scope": "default",
+                "line": {
+                    "start": 220,
+                    "end": 220
+                }
+            },
+            "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": 221,
+                "end": 222
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-breadcrumb-sm-icon-link-padding-x",
+                "value": "$kendo-breadcrumb-sm-icon-link-padding-y",
+                "scope": "default",
+                "line": {
+                    "start": 223,
+                    "end": 223
+                }
+            },
+            "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": 224,
+                "end": 225
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-breadcrumb-md-icon-link-padding-x",
+                "value": "$kendo-breadcrumb-icon-link-padding-x",
+                "scope": "default",
+                "line": {
+                    "start": 226,
+                    "end": 226
+                }
+            },
+            "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": 227,
+                "end": 228
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-breadcrumb-lg-icon-link-padding-x",
+                "value": "$kendo-breadcrumb-lg-icon-link-padding-y",
+                "scope": "default",
+                "line": {
+                    "start": 229,
+                    "end": 229
+                }
+            },
+            "group": [
+                "breadcrumb"
+            ],
+            "access": "public",
+            "file": {
+                "path": "breadcrumb/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The sizes map for the Breadcrumb.\n",
+            "commentRange": {
+                "start": 235,
+                "end": 236
+            },
+            "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": 237,
+                    "end": 262
+                }
+            },
+            "group": [
+                "breadcrumb"
+            ],
+            "access": "public",
+            "file": {
+                "path": "breadcrumb/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "Spacing between the action buttons.\n",
+            "commentRange": {
+                "start": 23,
+                "end": 24
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-actions-button-spacing",
+                "value": "map.get( $kendo-spacing, 2 )",
+                "scope": "default",
+                "line": {
+                    "start": 25,
+                    "end": 25
+                }
+            },
+            "group": [
+                "button"
+            ],
+            "access": "public",
+            "file": {
+                "path": "action-buttons/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The width of the border around the Button.\n",
+            "commentRange": {
+                "start": 5,
+                "end": 6
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-button-border-width",
+                "value": "1px",
+                "scope": "default",
+                "line": {
+                    "start": 7,
+                    "end": 7
+                }
+            },
+            "group": [
+                "button"
+            ],
+            "access": "public",
+            "file": {
+                "path": "button/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The horizontal padding of the small Button.\n",
+            "commentRange": {
+                "start": 9,
+                "end": 10
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-button-sm-padding-x",
+                "value": "map.get( $kendo-spacing, 5 )",
+                "scope": "default",
+                "line": {
+                    "start": 11,
+                    "end": 11
+                }
+            },
+            "group": [
+                "button"
+            ],
+            "access": "public",
+            "file": {
+                "path": "button/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The horizontal padding of the medium Button.\n",
+            "commentRange": {
+                "start": 12,
+                "end": 13
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-button-md-padding-x",
+                "value": "map.get( $kendo-spacing, 5 )",
+                "scope": "default",
+                "line": {
+                    "start": 14,
+                    "end": 14
+                }
+            },
+            "group": [
+                "button"
+            ],
+            "access": "public",
+            "file": {
+                "path": "button/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The horizontal padding of the large Button.\n",
+            "commentRange": {
+                "start": 15,
+                "end": 16
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-button-lg-padding-x",
+                "value": "map.get( $kendo-spacing, 5 )",
+                "scope": "default",
+                "line": {
+                    "start": 17,
+                    "end": 17
+                }
+            },
+            "group": [
+                "button"
+            ],
+            "access": "public",
+            "file": {
+                "path": "button/_variables.scss",
+                "name": "_variables.scss"
+            }
+        },
+        {
+            "description": "The vertical padding of the small Button.\n",
+            "commentRange": {
+                "start": 19,
+                "end": 20
             },
             "context": {
                 "type": "variable",
@@ -74226,7 +74701,7 @@
             "title": "Breadcrumb",
             "variables": [
                 {
-                    "description": "The horizontal margin of the breadcrumb\n",
+                    "description": "The horizontal margin of the Breadcrumb\n",
                     "commentRange": {
                         "start": 5,
                         "end": 6
@@ -74251,7 +74726,7 @@
                     }
                 },
                 {
-                    "description": "The vertical margin of the breadcrumb\n",
+                    "description": "The vertical margin of the Breadcrumb\n",
                     "commentRange": {
                         "start": 8,
                         "end": 9
@@ -74276,7 +74751,7 @@
                     }
                 },
                 {
-                    "description": "The horizontal padding of the breadcrumb\n",
+                    "description": "The horizontal padding of the Breadcrumb\n",
                     "commentRange": {
                         "start": 11,
                         "end": 12
@@ -74301,7 +74776,7 @@
                     }
                 },
                 {
-                    "description": "The vertical padding of the breadcrumb\n",
+                    "description": "The vertical padding of the Breadcrumb\n",
                     "commentRange": {
                         "start": 14,
                         "end": 15
@@ -74326,10 +74801,10 @@
                     }
                 },
                 {
-                    "description": "The width of the border around the breadcrumb\n",
+                    "description": "The width of the border around the Breadcrumb\n",
                     "commentRange": {
-                        "start": 17,
-                        "end": 18
+                        "start": 18,
+                        "end": 19
                     },
                     "context": {
                         "type": "variable",
@@ -74337,8 +74812,8 @@
                         "value": "0px",
                         "scope": "default",
                         "line": {
-                            "start": 19,
-                            "end": 19
+                            "start": 20,
+                            "end": 20
                         }
                     },
                     "group": [
@@ -74351,10 +74826,10 @@
                     }
                 },
                 {
-                    "description": "The font family of the breadcrumb\n",
+                    "description": "The font family of the Breadcrumb\n",
                     "commentRange": {
-                        "start": 20,
-                        "end": 21
+                        "start": 22,
+                        "end": 23
                     },
                     "context": {
                         "type": "variable",
@@ -74362,8 +74837,8 @@
                         "value": "var( --kendo-font-family, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 22,
-                            "end": 22
+                            "start": 24,
+                            "end": 24
                         }
                     },
                     "group": [
@@ -74376,10 +74851,10 @@
                     }
                 },
                 {
-                    "description": "The font size of the breadcrumb\n",
+                    "description": "",
                     "commentRange": {
-                        "start": 23,
-                        "end": 24
+                        "start": 27,
+                        "end": 27
                     },
                     "context": {
                         "type": "variable",
@@ -74387,8 +74862,8 @@
                         "value": "var( --kendo-font-size, inherit )",
                         "scope": "default",
                         "line": {
-                            "start": 25,
-                            "end": 25
+                            "start": 28,
+                            "end": 28
                         }
                     },
                     "group": [
@@ -74401,10 +74876,85 @@
                     }
                 },
                 {
-                    "description": "The line height of the breadcrumb\n",
+                    "description": "The font size of the small breadcrumb.\n",
                     "commentRange": {
-                        "start": 26,
-                        "end": 27
+                        "start": 29,
+                        "end": 30
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-breadcrumb-sm-font-size",
+                        "value": "var( --kendo-font-size-md, inherit )",
+                        "scope": "default",
+                        "line": {
+                            "start": 31,
+                            "end": 31
+                        }
+                    },
+                    "group": [
+                        "breadcrumb"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "breadcrumb/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                },
+                {
+                    "description": "The font size of the medium breadcrumb.\n",
+                    "commentRange": {
+                        "start": 32,
+                        "end": 33
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-breadcrumb-md-font-size",
+                        "value": "var( --kendo-font-size-md, inherit )",
+                        "scope": "default",
+                        "line": {
+                            "start": 34,
+                            "end": 34
+                        }
+                    },
+                    "group": [
+                        "breadcrumb"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "breadcrumb/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                },
+                {
+                    "description": "The font size of the large breadcrumb.\n",
+                    "commentRange": {
+                        "start": 35,
+                        "end": 36
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-breadcrumb-lg-font-size",
+                        "value": "var( --kendo-font-size-md, inherit )",
+                        "scope": "default",
+                        "line": {
+                            "start": 37,
+                            "end": 37
+                        }
+                    },
+                    "group": [
+                        "breadcrumb"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "breadcrumb/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                },
+                {
+                    "description": "The line height used along with the $kendo-font-size variable of the Breadcrumb.\n",
+                    "commentRange": {
+                        "start": 39,
+                        "end": 40
                     },
                     "context": {
                         "type": "variable",
@@ -74412,8 +74962,8 @@
                         "value": "var( --kendo-line-height, normal )",
                         "scope": "default",
                         "line": {
-                            "start": 28,
-                            "end": 28
+                            "start": 41,
+                            "end": 41
                         }
                     },
                     "group": [
@@ -74426,10 +74976,85 @@
                     }
                 },
                 {
-                    "description": "The background color of the breadcrumb\n",
+                    "description": "The line height used along with the $kendo-font-size variable of the small breadcrumb.\n",
                     "commentRange": {
-                        "start": 29,
-                        "end": 30
+                        "start": 42,
+                        "end": 43
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-breadcrumb-sm-line-height",
+                        "value": "var( --kendo-line-height, normal )",
+                        "scope": "default",
+                        "line": {
+                            "start": 44,
+                            "end": 44
+                        }
+                    },
+                    "group": [
+                        "breadcrumb"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "breadcrumb/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                },
+                {
+                    "description": "The line height used along with the $kendo-font-size variable of the medium breadcrumb.\n",
+                    "commentRange": {
+                        "start": 45,
+                        "end": 46
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-breadcrumb-md-line-height",
+                        "value": "var( --kendo-line-height, normal )",
+                        "scope": "default",
+                        "line": {
+                            "start": 47,
+                            "end": 47
+                        }
+                    },
+                    "group": [
+                        "breadcrumb"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "breadcrumb/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                },
+                {
+                    "description": "The line height used along with the $kendo-font-size variable of the large breadcrumb.\n",
+                    "commentRange": {
+                        "start": 48,
+                        "end": 49
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-breadcrumb-lg-line-height",
+                        "value": "var( --kendo-line-height, normal )",
+                        "scope": "default",
+                        "line": {
+                            "start": 50,
+                            "end": 50
+                        }
+                    },
+                    "group": [
+                        "breadcrumb"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "breadcrumb/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                },
+                {
+                    "description": "The background color of the Breadcrumb\n",
+                    "commentRange": {
+                        "start": 52,
+                        "end": 53
                     },
                     "context": {
                         "type": "variable",
@@ -74437,8 +75062,8 @@
                         "value": "var( --kendo-component-bg, initial )",
                         "scope": "default",
                         "line": {
-                            "start": 31,
-                            "end": 31
+                            "start": 54,
+                            "end": 54
                         }
                     },
                     "group": [
@@ -74451,19 +75076,19 @@
                     }
                 },
                 {
-                    "description": "The text color of the breadcrumb\n",
+                    "description": "The text color of the Breadcrumb\n",
                     "commentRange": {
-                        "start": 32,
-                        "end": 33
+                        "start": 55,
+                        "end": 56
                     },
                     "context": {
                         "type": "variable",
                         "name": "kendo-breadcrumb-text",
-                        "value": "k-get-theme-color-var( neutral-130 )",
+                        "value": "get-theme-color-var( neutral-130 )",
                         "scope": "default",
                         "line": {
-                            "start": 34,
-                            "end": 34
+                            "start": 57,
+                            "end": 57
                         }
                     },
                     "group": [
@@ -74476,10 +75101,10 @@
                     }
                 },
                 {
-                    "description": "The border color of the breadcrumb\n",
+                    "description": "The border color of the Breadcrumb\n",
                     "commentRange": {
-                        "start": 35,
-                        "end": 36
+                        "start": 58,
+                        "end": 59
                     },
                     "context": {
                         "type": "variable",
@@ -74487,8 +75112,8 @@
                         "value": "transparent",
                         "scope": "default",
                         "line": {
-                            "start": 37,
-                            "end": 37
+                            "start": 60,
+                            "end": 60
                         }
                     },
                     "group": [
@@ -74503,8 +75128,8 @@
                 {
                     "description": "The box shadow of the focused breadcrumb\n",
                     "commentRange": {
-                        "start": 38,
-                        "end": 39
+                        "start": 61,
+                        "end": 62
                     },
                     "context": {
                         "type": "variable",
@@ -74512,8 +75137,8 @@
                         "value": "0 0 0 1px k-get-theme-color-var( neutral-30 )",
                         "scope": "default",
                         "line": {
-                            "start": 40,
-                            "end": 40
+                            "start": 63,
+                            "end": 63
                         }
                     },
                     "group": [
@@ -74526,10 +75151,10 @@
                     }
                 },
                 {
-                    "description": "The horizontal padding of the breadcrumb link\n",
+                    "description": "The horizontal padding of the Breadcrumb link\n",
                     "commentRange": {
-                        "start": 42,
-                        "end": 43
+                        "start": 65,
+                        "end": 66
                     },
                     "context": {
                         "type": "variable",
@@ -74537,8 +75162,8 @@
                         "value": "map.get( $kendo-spacing, 2 )",
                         "scope": "default",
                         "line": {
-                            "start": 44,
-                            "end": 44
+                            "start": 67,
+                            "end": 67
                         }
                     },
                     "group": [
@@ -74551,19 +75176,119 @@
                     }
                 },
                 {
-                    "description": "The vertical padding of the breadcrumb link\n",
+                    "description": "The horizontal padding of the small Breadcrumb link.\n",
                     "commentRange": {
-                        "start": 45,
-                        "end": 46
+                        "start": 68,
+                        "end": 69
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-breadcrumb-sm-link-padding-x",
+                        "value": "map.get( $kendo-spacing, 2 )",
+                        "scope": "default",
+                        "line": {
+                            "start": 70,
+                            "end": 70
+                        }
+                    },
+                    "group": [
+                        "breadcrumb"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "breadcrumb/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                },
+                {
+                    "description": "The horizontal padding of the medium Breadcrumb link.\n",
+                    "commentRange": {
+                        "start": 71,
+                        "end": 72
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-breadcrumb-md-link-padding-x",
+                        "value": "$kendo-breadcrumb-link-padding-x",
+                        "scope": "default",
+                        "line": {
+                            "start": 73,
+                            "end": 73
+                        }
+                    },
+                    "group": [
+                        "breadcrumb"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "breadcrumb/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                },
+                {
+                    "description": "The horizontal padding of the large Breadcrumb link.\n",
+                    "commentRange": {
+                        "start": 74,
+                        "end": 75
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-breadcrumb-lg-link-padding-x",
+                        "value": "map.get( $kendo-spacing, 2 )",
+                        "scope": "default",
+                        "line": {
+                            "start": 76,
+                            "end": 76
+                        }
+                    },
+                    "group": [
+                        "breadcrumb"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "breadcrumb/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                },
+                {
+                    "description": "The vertical padding of the Breadcrumb link\n",
+                    "commentRange": {
+                        "start": 78,
+                        "end": 79
                     },
                     "context": {
                         "type": "variable",
                         "name": "kendo-breadcrumb-link-padding-y",
+                        "value": "map.get( $kendo-spacing, 2 )",
+                        "scope": "default",
+                        "line": {
+                            "start": 80,
+                            "end": 80
+                        }
+                    },
+                    "group": [
+                        "breadcrumb"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "breadcrumb/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                },
+                {
+                    "description": "The vertical padding of the small Breadcrumb link.\n",
+                    "commentRange": {
+                        "start": 81,
+                        "end": 82
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-breadcrumb-sm-link-padding-y",
                         "value": "map.get( $kendo-spacing, 1.5 )",
                         "scope": "default",
                         "line": {
-                            "start": 47,
-                            "end": 47
+                            "start": 83,
+                            "end": 83
                         }
                     },
                     "group": [
@@ -74576,10 +75301,60 @@
                     }
                 },
                 {
-                    "description": "The radius of the border around the breadcrumb link\n",
+                    "description": "The vertical padding of the medium Breadcrumb link.\n",
                     "commentRange": {
-                        "start": 48,
-                        "end": 49
+                        "start": 84,
+                        "end": 85
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-breadcrumb-md-link-padding-y",
+                        "value": "$kendo-breadcrumb-link-padding-y",
+                        "scope": "default",
+                        "line": {
+                            "start": 86,
+                            "end": 86
+                        }
+                    },
+                    "group": [
+                        "breadcrumb"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "breadcrumb/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                },
+                {
+                    "description": "The vertical padding of the large Breadcrumb link.\n",
+                    "commentRange": {
+                        "start": 87,
+                        "end": 88
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-breadcrumb-lg-link-padding-y",
+                        "value": "map.get( $kendo-spacing, 2.5 )",
+                        "scope": "default",
+                        "line": {
+                            "start": 89,
+                            "end": 89
+                        }
+                    },
+                    "group": [
+                        "breadcrumb"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "breadcrumb/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                },
+                {
+                    "description": "The radius of the border around the Breadcrumb link\n",
+                    "commentRange": {
+                        "start": 91,
+                        "end": 92
                     },
                     "context": {
                         "type": "variable",
@@ -74587,8 +75362,8 @@
                         "value": "0px",
                         "scope": "default",
                         "line": {
-                            "start": 50,
-                            "end": 50
+                            "start": 93,
+                            "end": 93
                         }
                     },
                     "group": [
@@ -74601,10 +75376,10 @@
                     }
                 },
                 {
-                    "description": "The initial text color of the breadcrumb link\n",
+                    "description": "The initial text color of the Breadcrumb link\n",
                     "commentRange": {
-                        "start": 51,
-                        "end": 52
+                        "start": 94,
+                        "end": 95
                     },
                     "context": {
                         "type": "variable",
@@ -74612,8 +75387,8 @@
                         "value": "inherit",
                         "scope": "default",
                         "line": {
-                            "start": 53,
-                            "end": 53
+                            "start": 96,
+                            "end": 96
                         }
                     },
                     "group": [
@@ -74626,10 +75401,10 @@
                     }
                 },
                 {
-                    "description": "The background color of the breadcrumb link\n",
+                    "description": "The background color of the Breadcrumb link\n",
                     "commentRange": {
-                        "start": 54,
-                        "end": 55
+                        "start": 97,
+                        "end": 98
                     },
                     "context": {
                         "type": "variable",
@@ -74637,8 +75412,8 @@
                         "value": "transparent",
                         "scope": "default",
                         "line": {
-                            "start": 56,
-                            "end": 56
+                            "start": 99,
+                            "end": 99
                         }
                     },
                     "group": [
@@ -74651,19 +75426,19 @@
                     }
                 },
                 {
-                    "description": "The text color of the breadcrumb link\n",
+                    "description": "The text color of the Breadcrumb link\n",
                     "commentRange": {
-                        "start": 57,
-                        "end": 58
+                        "start": 100,
+                        "end": 101
                     },
                     "context": {
                         "type": "variable",
                         "name": "kendo-breadcrumb-link-text",
-                        "value": "k-get-theme-color-var( neutral-130 )",
+                        "value": "get-theme-color-var( neutral-130 )",
                         "scope": "default",
                         "line": {
-                            "start": 59,
-                            "end": 59
+                            "start": 102,
+                            "end": 102
                         }
                     },
                     "group": [
@@ -74676,10 +75451,10 @@
                     }
                 },
                 {
-                    "description": "The borer color of the breadcrumb link\n",
+                    "description": "The borer color of the Breadcrumb link\n",
                     "commentRange": {
-                        "start": 60,
-                        "end": 61
+                        "start": 103,
+                        "end": 104
                     },
                     "context": {
                         "type": "variable",
@@ -74687,8 +75462,8 @@
                         "value": "transparent",
                         "scope": "default",
                         "line": {
-                            "start": 62,
-                            "end": 62
+                            "start": 105,
+                            "end": 105
                         }
                     },
                     "group": [
@@ -74703,8 +75478,8 @@
                 {
                     "description": "The background color of the hovered breadcrumb link\n",
                     "commentRange": {
-                        "start": 63,
-                        "end": 64
+                        "start": 106,
+                        "end": 107
                     },
                     "context": {
                         "type": "variable",
@@ -74712,8 +75487,8 @@
                         "value": "var( --kendo-hover-bg, initial )",
                         "scope": "default",
                         "line": {
-                            "start": 65,
-                            "end": 65
+                            "start": 108,
+                            "end": 108
                         }
                     },
                     "group": [
@@ -74728,8 +75503,8 @@
                 {
                     "description": "The text color of the hovered breadcrumb link\n",
                     "commentRange": {
-                        "start": 66,
-                        "end": 67
+                        "start": 109,
+                        "end": 110
                     },
                     "context": {
                         "type": "variable",
@@ -74737,8 +75512,8 @@
                         "value": "k-get-theme-color-var( neutral-160 )",
                         "scope": "default",
                         "line": {
-                            "start": 68,
-                            "end": 68
+                            "start": 111,
+                            "end": 111
                         }
                     },
                     "group": [
@@ -74753,8 +75528,8 @@
                 {
                     "description": "The border color of the hovered breadcrumb link\n",
                     "commentRange": {
-                        "start": 69,
-                        "end": 70
+                        "start": 112,
+                        "end": 113
                     },
                     "context": {
                         "type": "variable",
@@ -74762,8 +75537,8 @@
                         "value": "var( --kendo-hover-border, initial )",
                         "scope": "default",
                         "line": {
-                            "start": 71,
-                            "end": 71
+                            "start": 114,
+                            "end": 114
                         }
                     },
                     "group": [
@@ -74778,8 +75553,8 @@
                 {
                     "description": "The background color of the active breadcrumb link\n",
                     "commentRange": {
-                        "start": 72,
-                        "end": 73
+                        "start": 115,
+                        "end": 116
                     },
                     "context": {
                         "type": "variable",
@@ -74787,8 +75562,8 @@
                         "value": "var( --kendo-selected-bg, initial )",
                         "scope": "default",
                         "line": {
-                            "start": 74,
-                            "end": 74
+                            "start": 117,
+                            "end": 117
                         }
                     },
                     "group": [
@@ -74803,8 +75578,8 @@
                 {
                     "description": "The text color of the active breadcrumb link\n",
                     "commentRange": {
-                        "start": 75,
-                        "end": 76
+                        "start": 118,
+                        "end": 119
                     },
                     "context": {
                         "type": "variable",
@@ -74812,8 +75587,8 @@
                         "value": "var( --kendo-selected-text, initial )",
                         "scope": "default",
                         "line": {
-                            "start": 77,
-                            "end": 77
+                            "start": 120,
+                            "end": 120
                         }
                     },
                     "group": [
@@ -74828,8 +75603,8 @@
                 {
                     "description": "The border color of the active breadcrumb link\n",
                     "commentRange": {
-                        "start": 78,
-                        "end": 79
+                        "start": 121,
+                        "end": 122
                     },
                     "context": {
                         "type": "variable",
@@ -74837,8 +75612,8 @@
                         "value": "k-get-theme-color-var( neutral-30 )",
                         "scope": "default",
                         "line": {
-                            "start": 80,
-                            "end": 80
+                            "start": 123,
+                            "end": 123
                         }
                     },
                     "group": [
@@ -74853,8 +75628,8 @@
                 {
                     "description": "The background color of the focused breadcrumb link\n",
                     "commentRange": {
-                        "start": 81,
-                        "end": 82
+                        "start": 124,
+                        "end": 125
                     },
                     "context": {
                         "type": "variable",
@@ -74862,8 +75637,8 @@
                         "value": "transparent",
                         "scope": "default",
                         "line": {
-                            "start": 83,
-                            "end": 83
+                            "start": 126,
+                            "end": 126
                         }
                     },
                     "group": [
@@ -74878,8 +75653,8 @@
                 {
                     "description": "The text color of the focused breadcrumb link\n",
                     "commentRange": {
-                        "start": 84,
-                        "end": 85
+                        "start": 127,
+                        "end": 128
                     },
                     "context": {
                         "type": "variable",
@@ -74887,8 +75662,8 @@
                         "value": "k-get-theme-color-var( neutral-190 )",
                         "scope": "default",
                         "line": {
-                            "start": 86,
-                            "end": 86
+                            "start": 129,
+                            "end": 129
                         }
                     },
                     "group": [
@@ -74903,17 +75678,17 @@
                 {
                     "description": "The box shadow of the focused breadcrumb link\n",
                     "commentRange": {
-                        "start": 87,
-                        "end": 88
+                        "start": 130,
+                        "end": 131
                     },
                     "context": {
                         "type": "variable",
                         "name": "kendo-breadcrumb-link-focus-shadow",
-                        "value": "inset 0 0 0 1px k-get-theme-color-var( neutral-130 )",
+                        "value": "inset 0 0 0 1px get-theme-color-var( neutral-130 )",
                         "scope": "default",
                         "line": {
-                            "start": 89,
-                            "end": 89
+                            "start": 132,
+                            "end": 132
                         }
                     },
                     "group": [
@@ -74926,10 +75701,10 @@
                     }
                 },
                 {
-                    "description": "The focus and hover background color of the breadcrumb link\n",
+                    "description": "The focus and hover background color of the Breadcrumb link\n",
                     "commentRange": {
-                        "start": 90,
-                        "end": 91
+                        "start": 133,
+                        "end": 134
                     },
                     "context": {
                         "type": "variable",
@@ -74937,8 +75712,8 @@
                         "value": "var( --kendo-hover-bg, initial )",
                         "scope": "default",
                         "line": {
-                            "start": 92,
-                            "end": 92
+                            "start": 135,
+                            "end": 135
                         }
                     },
                     "group": [
@@ -74953,8 +75728,8 @@
                 {
                     "description": "The background color of the disabled breadcrumb link\n",
                     "commentRange": {
-                        "start": 93,
-                        "end": 94
+                        "start": 136,
+                        "end": 137
                     },
                     "context": {
                         "type": "variable",
@@ -74962,8 +75737,8 @@
                         "value": "none",
                         "scope": "default",
                         "line": {
-                            "start": 95,
-                            "end": 95
+                            "start": 138,
+                            "end": 138
                         }
                     },
                     "group": [
@@ -74978,8 +75753,8 @@
                 {
                     "description": "The text color of the disabled breadcrumb link\n",
                     "commentRange": {
-                        "start": 96,
-                        "end": 97
+                        "start": 139,
+                        "end": 140
                     },
                     "context": {
                         "type": "variable",
@@ -74987,8 +75762,8 @@
                         "value": "var( --kendo-disabled-text, initial )",
                         "scope": "default",
                         "line": {
-                            "start": 98,
-                            "end": 98
+                            "start": 141,
+                            "end": 141
                         }
                     },
                     "group": [
@@ -75003,8 +75778,8 @@
                 {
                     "description": "The border color of the disabled breadcrumb link\n",
                     "commentRange": {
-                        "start": 99,
-                        "end": 100
+                        "start": 142,
+                        "end": 143
                     },
                     "context": {
                         "type": "variable",
@@ -75012,8 +75787,8 @@
                         "value": "none",
                         "scope": "default",
                         "line": {
-                            "start": 101,
-                            "end": 101
+                            "start": 144,
+                            "end": 144
                         }
                     },
                     "group": [
@@ -75026,10 +75801,10 @@
                     }
                 },
                 {
-                    "description": "The background color of selected the breadcrumb link\n",
+                    "description": "The background color of selected the Breadcrumb link\n",
                     "commentRange": {
-                        "start": 102,
-                        "end": 103
+                        "start": 145,
+                        "end": 146
                     },
                     "context": {
                         "type": "variable",
@@ -75037,8 +75812,8 @@
                         "value": "var( --kendo-component-bg, initial )",
                         "scope": "default",
                         "line": {
-                            "start": 104,
-                            "end": 104
+                            "start": 147,
+                            "end": 147
                         }
                     },
                     "group": [
@@ -75053,8 +75828,8 @@
                 {
                     "description": "The text color of the selected breadcrumb link\n",
                     "commentRange": {
-                        "start": 105,
-                        "end": 106
+                        "start": 148,
+                        "end": 149
                     },
                     "context": {
                         "type": "variable",
@@ -75062,8 +75837,8 @@
                         "value": "k-get-theme-color-var( neutral-160 )",
                         "scope": "default",
                         "line": {
-                            "start": 107,
-                            "end": 107
+                            "start": 150,
+                            "end": 150
                         }
                     },
                     "group": [
@@ -75078,8 +75853,8 @@
                 {
                     "description": "The border color of the selected breadcrumb link\n",
                     "commentRange": {
-                        "start": 108,
-                        "end": 109
+                        "start": 151,
+                        "end": 152
                     },
                     "context": {
                         "type": "variable",
@@ -75087,8 +75862,8 @@
                         "value": "transparent",
                         "scope": "default",
                         "line": {
-                            "start": 110,
-                            "end": 110
+                            "start": 153,
+                            "end": 153
                         }
                     },
                     "group": [
@@ -75103,8 +75878,8 @@
                 {
                     "description": "The font weight of the selected breadcrumb link\n",
                     "commentRange": {
-                        "start": 111,
-                        "end": 112
+                        "start": 154,
+                        "end": 155
                     },
                     "context": {
                         "type": "variable",
@@ -75112,8 +75887,8 @@
                         "value": "var( --kendo-font-weight-bold, bold )",
                         "scope": "default",
                         "line": {
-                            "start": 113,
-                            "end": 113
+                            "start": 156,
+                            "end": 156
                         }
                     },
                     "group": [
@@ -75126,10 +75901,10 @@
                     }
                 },
                 {
-                    "description": "The background color of the breadcrumb root link\n",
+                    "description": "The background color of the Breadcrumb root link\n",
                     "commentRange": {
-                        "start": 115,
-                        "end": 116
+                        "start": 158,
+                        "end": 159
                     },
                     "context": {
                         "type": "variable",
@@ -75137,8 +75912,8 @@
                         "value": "$kendo-breadcrumb-link-bg",
                         "scope": "default",
                         "line": {
-                            "start": 117,
-                            "end": 117
+                            "start": 160,
+                            "end": 160
                         }
                     },
                     "group": [
@@ -75151,10 +75926,10 @@
                     }
                 },
                 {
-                    "description": "The text color of the breadcrumb root link\n",
+                    "description": "The text color of the Breadcrumb root link\n",
                     "commentRange": {
-                        "start": 118,
-                        "end": 119
+                        "start": 161,
+                        "end": 162
                     },
                     "context": {
                         "type": "variable",
@@ -75162,8 +75937,8 @@
                         "value": "$kendo-breadcrumb-link-text",
                         "scope": "default",
                         "line": {
-                            "start": 120,
-                            "end": 120
+                            "start": 163,
+                            "end": 163
                         }
                     },
                     "group": [
@@ -75176,10 +75951,10 @@
                     }
                 },
                 {
-                    "description": "The border color of the breadcrumb root link\n",
+                    "description": "The border color of the Breadcrumb root link\n",
                     "commentRange": {
-                        "start": 121,
-                        "end": 122
+                        "start": 164,
+                        "end": 165
                     },
                     "context": {
                         "type": "variable",
@@ -75187,8 +75962,8 @@
                         "value": "$kendo-breadcrumb-link-border",
                         "scope": "default",
                         "line": {
-                            "start": 123,
-                            "end": 123
+                            "start": 166,
+                            "end": 166
                         }
                     },
                     "group": [
@@ -75203,8 +75978,8 @@
                 {
                     "description": "The background color of the hovered breadcrumb root link\n",
                     "commentRange": {
-                        "start": 124,
-                        "end": 125
+                        "start": 167,
+                        "end": 168
                     },
                     "context": {
                         "type": "variable",
@@ -75212,8 +75987,8 @@
                         "value": "$kendo-breadcrumb-link-hover-bg",
                         "scope": "default",
                         "line": {
-                            "start": 126,
-                            "end": 126
+                            "start": 169,
+                            "end": 169
                         }
                     },
                     "group": [
@@ -75228,8 +76003,8 @@
                 {
                     "description": "The text color of the hovered breadcrumb root link\n",
                     "commentRange": {
-                        "start": 127,
-                        "end": 128
+                        "start": 170,
+                        "end": 171
                     },
                     "context": {
                         "type": "variable",
@@ -75237,8 +76012,8 @@
                         "value": "$kendo-breadcrumb-link-hover-text",
                         "scope": "default",
                         "line": {
-                            "start": 129,
-                            "end": 129
+                            "start": 172,
+                            "end": 172
                         }
                     },
                     "group": [
@@ -75253,8 +76028,8 @@
                 {
                     "description": "The border color of the hovered breadcrumb root link\n",
                     "commentRange": {
-                        "start": 130,
-                        "end": 131
+                        "start": 173,
+                        "end": 174
                     },
                     "context": {
                         "type": "variable",
@@ -75262,8 +76037,8 @@
                         "value": "$kendo-breadcrumb-link-hover-border",
                         "scope": "default",
                         "line": {
-                            "start": 132,
-                            "end": 132
+                            "start": 175,
+                            "end": 175
                         }
                     },
                     "group": [
@@ -75278,8 +76053,8 @@
                 {
                     "description": "The background color of the active breadcrumb root link\n",
                     "commentRange": {
-                        "start": 133,
-                        "end": 134
+                        "start": 176,
+                        "end": 177
                     },
                     "context": {
                         "type": "variable",
@@ -75287,8 +76062,8 @@
                         "value": "$kendo-breadcrumb-link-active-bg",
                         "scope": "default",
                         "line": {
-                            "start": 135,
-                            "end": 135
+                            "start": 178,
+                            "end": 178
                         }
                     },
                     "group": [
@@ -75303,8 +76078,8 @@
                 {
                     "description": "The text color of the active breadcrumb root link\n",
                     "commentRange": {
-                        "start": 136,
-                        "end": 137
+                        "start": 179,
+                        "end": 180
                     },
                     "context": {
                         "type": "variable",
@@ -75312,8 +76087,8 @@
                         "value": "$kendo-breadcrumb-link-active-text",
                         "scope": "default",
                         "line": {
-                            "start": 138,
-                            "end": 138
+                            "start": 181,
+                            "end": 181
                         }
                     },
                     "group": [
@@ -75328,8 +76103,8 @@
                 {
                     "description": "The border color of the active breadcrumb root link\n",
                     "commentRange": {
-                        "start": 139,
-                        "end": 140
+                        "start": 182,
+                        "end": 183
                     },
                     "context": {
                         "type": "variable",
@@ -75337,8 +76112,8 @@
                         "value": "$kendo-breadcrumb-link-active-border",
                         "scope": "default",
                         "line": {
-                            "start": 141,
-                            "end": 141
+                            "start": 184,
+                            "end": 184
                         }
                     },
                     "group": [
@@ -75353,8 +76128,8 @@
                 {
                     "description": "The background color of the focused breadcrumb root link\n",
                     "commentRange": {
-                        "start": 142,
-                        "end": 143
+                        "start": 185,
+                        "end": 186
                     },
                     "context": {
                         "type": "variable",
@@ -75362,8 +76137,8 @@
                         "value": "$kendo-breadcrumb-link-focus-bg",
                         "scope": "default",
                         "line": {
-                            "start": 144,
-                            "end": 144
+                            "start": 187,
+                            "end": 187
                         }
                     },
                     "group": [
@@ -75378,8 +76153,8 @@
                 {
                     "description": "The text color of the focused breadcrumb root link\n",
                     "commentRange": {
-                        "start": 145,
-                        "end": 146
+                        "start": 188,
+                        "end": 189
                     },
                     "context": {
                         "type": "variable",
@@ -75387,8 +76162,8 @@
                         "value": "$kendo-breadcrumb-link-focus-text",
                         "scope": "default",
                         "line": {
-                            "start": 147,
-                            "end": 147
+                            "start": 190,
+                            "end": 190
                         }
                     },
                     "group": [
@@ -75403,8 +76178,8 @@
                 {
                     "description": "The border color of the focused breadcrumb root link\n",
                     "commentRange": {
-                        "start": 148,
-                        "end": 149
+                        "start": 191,
+                        "end": 192
                     },
                     "context": {
                         "type": "variable",
@@ -75412,8 +76187,8 @@
                         "value": "$kendo-breadcrumb-link-focus-shadow",
                         "scope": "default",
                         "line": {
-                            "start": 150,
-                            "end": 150
+                            "start": 193,
+                            "end": 193
                         }
                     },
                     "group": [
@@ -75426,10 +76201,10 @@
                     }
                 },
                 {
-                    "description": "The focus and hover background color of the breadcrumb root link\n",
+                    "description": "The focus and hover background color of the Breadcrumb root link\n",
                     "commentRange": {
-                        "start": 151,
-                        "end": 152
+                        "start": 194,
+                        "end": 195
                     },
                     "context": {
                         "type": "variable",
@@ -75437,8 +76212,8 @@
                         "value": "$kendo-breadcrumb-link-focus-hover-bg",
                         "scope": "default",
                         "line": {
-                            "start": 153,
-                            "end": 153
+                            "start": 196,
+                            "end": 196
                         }
                     },
                     "group": [
@@ -75453,8 +76228,8 @@
                 {
                     "description": "The text color of the disabled breadcrumb root link\n",
                     "commentRange": {
-                        "start": 154,
-                        "end": 155
+                        "start": 197,
+                        "end": 198
                     },
                     "context": {
                         "type": "variable",
@@ -75462,8 +76237,8 @@
                         "value": "$kendo-breadcrumb-link-disabled-text",
                         "scope": "default",
                         "line": {
-                            "start": 156,
-                            "end": 156
+                            "start": 199,
+                            "end": 199
                         }
                     },
                     "group": [
@@ -75476,19 +76251,119 @@
                     }
                 },
                 {
-                    "description": "The horizontal padding of the breadcrumb link icon\n",
+                    "description": "The vertical padding of the Breadcrumb link icon\n",
                     "commentRange": {
-                        "start": 162,
-                        "end": 163
+                        "start": 205,
+                        "end": 206
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-breadcrumb-icon-link-padding-y",
+                        "value": "map.get( $kendo-spacing, 2.5 )",
+                        "scope": "default",
+                        "line": {
+                            "start": 207,
+                            "end": 207
+                        }
+                    },
+                    "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": 208,
+                        "end": 209
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-breadcrumb-sm-icon-link-padding-y",
+                        "value": "map.get( $kendo-spacing, 2 )",
+                        "scope": "default",
+                        "line": {
+                            "start": 210,
+                            "end": 210
+                        }
+                    },
+                    "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": 211,
+                        "end": 212
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-breadcrumb-md-icon-link-padding-y",
+                        "value": "$kendo-breadcrumb-icon-link-padding-y",
+                        "scope": "default",
+                        "line": {
+                            "start": 213,
+                            "end": 213
+                        }
+                    },
+                    "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": 214,
+                        "end": 215
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-breadcrumb-lg-icon-link-padding-y",
+                        "value": "map.get( $kendo-spacing, 3 )",
+                        "scope": "default",
+                        "line": {
+                            "start": 216,
+                            "end": 216
+                        }
+                    },
+                    "group": [
+                        "breadcrumb"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "breadcrumb/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                },
+                {
+                    "description": "The horizontal padding of the Breadcrumb link icon\n",
+                    "commentRange": {
+                        "start": 218,
+                        "end": 219
                     },
                     "context": {
                         "type": "variable",
                         "name": "kendo-breadcrumb-icon-link-padding-x",
-                        "value": "$kendo-breadcrumb-link-padding-x",
+                        "value": "$kendo-breadcrumb-icon-link-padding-y",
                         "scope": "default",
                         "line": {
-                            "start": 164,
-                            "end": 164
+                            "start": 220,
+                            "end": 220
                         }
                     },
                     "group": [
@@ -75501,19 +76376,94 @@
                     }
                 },
                 {
-                    "description": "The vertical padding of the breadcrumb link icon\n",
+                    "description": "The horizontal padding of the small Breadcrumb link icon.\n",
                     "commentRange": {
-                        "start": 165,
-                        "end": 166
+                        "start": 221,
+                        "end": 222
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-breadcrumb-icon-link-padding-y",
+                        "name": "kendo-breadcrumb-sm-icon-link-padding-x",
+                        "value": "$kendo-breadcrumb-sm-icon-link-padding-y",
+                        "scope": "default",
+                        "line": {
+                            "start": 223,
+                            "end": 223
+                        }
+                    },
+                    "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": 224,
+                        "end": 225
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-breadcrumb-md-icon-link-padding-x",
                         "value": "$kendo-breadcrumb-icon-link-padding-x",
                         "scope": "default",
                         "line": {
-                            "start": 167,
-                            "end": 167
+                            "start": 226,
+                            "end": 226
+                        }
+                    },
+                    "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": 227,
+                        "end": 228
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-breadcrumb-lg-icon-link-padding-x",
+                        "value": "$kendo-breadcrumb-lg-icon-link-padding-y",
+                        "scope": "default",
+                        "line": {
+                            "start": 229,
+                            "end": 229
+                        }
+                    },
+                    "group": [
+                        "breadcrumb"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "breadcrumb/_variables.scss",
+                        "name": "_variables.scss"
+                    }
+                },
+                {
+                    "description": "The sizes map for the Breadcrumb.\n",
+                    "commentRange": {
+                        "start": 235,
+                        "end": 236
+                    },
+                    "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": 237,
+                            "end": 262
                         }
                     },
                     "group": [