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

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

@@ -3325,7 +3325,7 @@
         }
     },
     {
-        "description": "The horizontal margin of the breadcrumb\n",
+        "description": "The horizontal margin of the Breadcrumb\n",
         "commentRange": {
             "start": 5,
             "end": 6
@@ -3350,7 +3350,7 @@
         }
     },
     {
-        "description": "The vertical margin of the breadcrumb\n",
+        "description": "The vertical margin of the Breadcrumb\n",
         "commentRange": {
             "start": 8,
             "end": 9
@@ -3375,7 +3375,7 @@
         }
     },
     {
-        "description": "The horizontal padding of the breadcrumb\n",
+        "description": "The horizontal padding of the Breadcrumb\n",
         "commentRange": {
             "start": 11,
             "end": 12
@@ -3400,7 +3400,7 @@
         }
     },
     {
-        "description": "The vertical padding of the breadcrumb\n",
+        "description": "The vertical padding of the Breadcrumb\n",
         "commentRange": {
             "start": 14,
             "end": 15
@@ -3425,10 +3425,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",
@@ -3436,8 +3436,8 @@
             "value": "0px",
             "scope": "default",
             "line": {
-                "start": 19,
-                "end": 19
+                "start": 20,
+                "end": 20
             }
         },
         "group": [
@@ -3450,10 +3450,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",
@@ -3461,8 +3461,8 @@
             "value": "var( --kendo-font-family, inherit )",
             "scope": "default",
             "line": {
-                "start": 22,
-                "end": 22
+                "start": 24,
+                "end": 24
             }
         },
         "group": [
@@ -3475,10 +3475,10 @@
         }
     },
     {
-        "description": "The font size of the breadcrumb\n",
+        "description": "",
         "commentRange": {
-            "start": 23,
-            "end": 24
+            "start": 27,
+            "end": 27
         },
         "context": {
             "type": "variable",
@@ -3486,8 +3486,8 @@
             "value": "var( --kendo-font-size, inherit )",
             "scope": "default",
             "line": {
-                "start": 25,
-                "end": 25
+                "start": 28,
+                "end": 28
             }
         },
         "group": [
@@ -3500,10 +3500,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",
@@ -3511,8 +3586,8 @@
             "value": "var( --kendo-line-height, normal )",
             "scope": "default",
             "line": {
-                "start": 28,
-                "end": 28
+                "start": 41,
+                "end": 41
             }
         },
         "group": [
@@ -3525,10 +3600,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",
@@ -3536,8 +3686,8 @@
             "value": "var( --kendo-component-bg, initial )",
             "scope": "default",
             "line": {
-                "start": 31,
-                "end": 31
+                "start": 54,
+                "end": 54
             }
         },
         "group": [
@@ -3550,19 +3700,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": [
@@ -3575,10 +3725,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",
@@ -3586,8 +3736,8 @@
             "value": "transparent",
             "scope": "default",
             "line": {
-                "start": 37,
-                "end": 37
+                "start": 60,
+                "end": 60
             }
         },
         "group": [
@@ -3602,8 +3752,8 @@
     {
         "description": "The box shadow of the focused breadcrumb\n",
         "commentRange": {
-            "start": 38,
-            "end": 39
+            "start": 61,
+            "end": 62
         },
         "context": {
             "type": "variable",
@@ -3611,8 +3761,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": [
@@ -3625,10 +3775,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",
@@ -3636,8 +3786,8 @@
             "value": "map.get( $kendo-spacing, 2 )",
             "scope": "default",
             "line": {
-                "start": 44,
-                "end": 44
+                "start": 67,
+                "end": 67
             }
         },
         "group": [
@@ -3650,19 +3800,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": [
@@ -3675,10 +3925,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",
@@ -3686,8 +3986,8 @@
             "value": "0px",
             "scope": "default",
             "line": {
-                "start": 50,
-                "end": 50
+                "start": 93,
+                "end": 93
             }
         },
         "group": [
@@ -3700,10 +4000,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",
@@ -3711,8 +4011,8 @@
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 53,
-                "end": 53
+                "start": 96,
+                "end": 96
             }
         },
         "group": [
@@ -3725,10 +4025,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",
@@ -3736,8 +4036,8 @@
             "value": "transparent",
             "scope": "default",
             "line": {
-                "start": 56,
-                "end": 56
+                "start": 99,
+                "end": 99
             }
         },
         "group": [
@@ -3750,19 +4050,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": [
@@ -3775,10 +4075,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",
@@ -3786,8 +4086,8 @@
             "value": "transparent",
             "scope": "default",
             "line": {
-                "start": 62,
-                "end": 62
+                "start": 105,
+                "end": 105
             }
         },
         "group": [
@@ -3802,8 +4102,8 @@
     {
         "description": "The background color of the hovered breadcrumb link\n",
         "commentRange": {
-            "start": 63,
-            "end": 64
+            "start": 106,
+            "end": 107
         },
         "context": {
             "type": "variable",
@@ -3811,8 +4111,8 @@
             "value": "var( --kendo-hover-bg, initial )",
             "scope": "default",
             "line": {
-                "start": 65,
-                "end": 65
+                "start": 108,
+                "end": 108
             }
         },
         "group": [
@@ -3827,8 +4127,8 @@
     {
         "description": "The text color of the hovered breadcrumb link\n",
         "commentRange": {
-            "start": 66,
-            "end": 67
+            "start": 109,
+            "end": 110
         },
         "context": {
             "type": "variable",
@@ -3836,8 +4136,8 @@
             "value": "k-get-theme-color-var( neutral-160 )",
             "scope": "default",
             "line": {
-                "start": 68,
-                "end": 68
+                "start": 111,
+                "end": 111
             }
         },
         "group": [
@@ -3852,8 +4152,8 @@
     {
         "description": "The border color of the hovered breadcrumb link\n",
         "commentRange": {
-            "start": 69,
-            "end": 70
+            "start": 112,
+            "end": 113
         },
         "context": {
             "type": "variable",
@@ -3861,8 +4161,8 @@
             "value": "var( --kendo-hover-border, initial )",
             "scope": "default",
             "line": {
-                "start": 71,
-                "end": 71
+                "start": 114,
+                "end": 114
             }
         },
         "group": [
@@ -3877,8 +4177,8 @@
     {
         "description": "The background color of the active breadcrumb link\n",
         "commentRange": {
-            "start": 72,
-            "end": 73
+            "start": 115,
+            "end": 116
         },
         "context": {
             "type": "variable",
@@ -3886,8 +4186,8 @@
             "value": "var( --kendo-selected-bg, initial )",
             "scope": "default",
             "line": {
-                "start": 74,
-                "end": 74
+                "start": 117,
+                "end": 117
             }
         },
         "group": [
@@ -3902,8 +4202,8 @@
     {
         "description": "The text color of the active breadcrumb link\n",
         "commentRange": {
-            "start": 75,
-            "end": 76
+            "start": 118,
+            "end": 119
         },
         "context": {
             "type": "variable",
@@ -3911,8 +4211,8 @@
             "value": "var( --kendo-selected-text, initial )",
             "scope": "default",
             "line": {
-                "start": 77,
-                "end": 77
+                "start": 120,
+                "end": 120
             }
         },
         "group": [
@@ -3927,8 +4227,8 @@
     {
         "description": "The border color of the active breadcrumb link\n",
         "commentRange": {
-            "start": 78,
-            "end": 79
+            "start": 121,
+            "end": 122
         },
         "context": {
             "type": "variable",
@@ -3936,8 +4236,8 @@
             "value": "k-get-theme-color-var( neutral-30 )",
             "scope": "default",
             "line": {
-                "start": 80,
-                "end": 80
+                "start": 123,
+                "end": 123
             }
         },
         "group": [
@@ -3952,8 +4252,8 @@
     {
         "description": "The background color of the focused breadcrumb link\n",
         "commentRange": {
-            "start": 81,
-            "end": 82
+            "start": 124,
+            "end": 125
         },
         "context": {
             "type": "variable",
@@ -3961,8 +4261,8 @@
             "value": "transparent",
             "scope": "default",
             "line": {
-                "start": 83,
-                "end": 83
+                "start": 126,
+                "end": 126
             }
         },
         "group": [
@@ -3977,8 +4277,8 @@
     {
         "description": "The text color of the focused breadcrumb link\n",
         "commentRange": {
-            "start": 84,
-            "end": 85
+            "start": 127,
+            "end": 128
         },
         "context": {
             "type": "variable",
@@ -3986,8 +4286,8 @@
             "value": "k-get-theme-color-var( neutral-190 )",
             "scope": "default",
             "line": {
-                "start": 86,
-                "end": 86
+                "start": 129,
+                "end": 129
             }
         },
         "group": [
@@ -4002,17 +4302,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": [
@@ -4025,10 +4325,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",
@@ -4036,8 +4336,8 @@
             "value": "var( --kendo-hover-bg, initial )",
             "scope": "default",
             "line": {
-                "start": 92,
-                "end": 92
+                "start": 135,
+                "end": 135
             }
         },
         "group": [
@@ -4052,8 +4352,8 @@
     {
         "description": "The background color of the disabled breadcrumb link\n",
         "commentRange": {
-            "start": 93,
-            "end": 94
+            "start": 136,
+            "end": 137
         },
         "context": {
             "type": "variable",
@@ -4061,8 +4361,8 @@
             "value": "none",
             "scope": "default",
             "line": {
-                "start": 95,
-                "end": 95
+                "start": 138,
+                "end": 138
             }
         },
         "group": [
@@ -4077,8 +4377,8 @@
     {
         "description": "The text color of the disabled breadcrumb link\n",
         "commentRange": {
-            "start": 96,
-            "end": 97
+            "start": 139,
+            "end": 140
         },
         "context": {
             "type": "variable",
@@ -4086,8 +4386,8 @@
             "value": "var( --kendo-disabled-text, initial )",
             "scope": "default",
             "line": {
-                "start": 98,
-                "end": 98
+                "start": 141,
+                "end": 141
             }
         },
         "group": [
@@ -4102,8 +4402,8 @@
     {
         "description": "The border color of the disabled breadcrumb link\n",
         "commentRange": {
-            "start": 99,
-            "end": 100
+            "start": 142,
+            "end": 143
         },
         "context": {
             "type": "variable",
@@ -4111,8 +4411,8 @@
             "value": "none",
             "scope": "default",
             "line": {
-                "start": 101,
-                "end": 101
+                "start": 144,
+                "end": 144
             }
         },
         "group": [
@@ -4125,10 +4425,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",
@@ -4136,8 +4436,8 @@
             "value": "var( --kendo-component-bg, initial )",
             "scope": "default",
             "line": {
-                "start": 104,
-                "end": 104
+                "start": 147,
+                "end": 147
             }
         },
         "group": [
@@ -4152,8 +4452,8 @@
     {
         "description": "The text color of the selected breadcrumb link\n",
         "commentRange": {
-            "start": 105,
-            "end": 106
+            "start": 148,
+            "end": 149
         },
         "context": {
             "type": "variable",
@@ -4161,8 +4461,8 @@
             "value": "k-get-theme-color-var( neutral-160 )",
             "scope": "default",
             "line": {
-                "start": 107,
-                "end": 107
+                "start": 150,
+                "end": 150
             }
         },
         "group": [
@@ -4177,8 +4477,8 @@
     {
         "description": "The border color of the selected breadcrumb link\n",
         "commentRange": {
-            "start": 108,
-            "end": 109
+            "start": 151,
+            "end": 152
         },
         "context": {
             "type": "variable",
@@ -4186,8 +4486,8 @@
             "value": "transparent",
             "scope": "default",
             "line": {
-                "start": 110,
-                "end": 110
+                "start": 153,
+                "end": 153
             }
         },
         "group": [
@@ -4202,8 +4502,8 @@
     {
         "description": "The font weight of the selected breadcrumb link\n",
         "commentRange": {
-            "start": 111,
-            "end": 112
+            "start": 154,
+            "end": 155
         },
         "context": {
             "type": "variable",
@@ -4211,8 +4511,8 @@
             "value": "var( --kendo-font-weight-bold, bold )",
             "scope": "default",
             "line": {
-                "start": 113,
-                "end": 113
+                "start": 156,
+                "end": 156
             }
         },
         "group": [
@@ -4225,10 +4525,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",
@@ -4236,8 +4536,8 @@
             "value": "$kendo-breadcrumb-link-bg",
             "scope": "default",
             "line": {
-                "start": 117,
-                "end": 117
+                "start": 160,
+                "end": 160
             }
         },
         "group": [
@@ -4250,10 +4550,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",
@@ -4261,8 +4561,8 @@
             "value": "$kendo-breadcrumb-link-text",
             "scope": "default",
             "line": {
-                "start": 120,
-                "end": 120
+                "start": 163,
+                "end": 163
             }
         },
         "group": [
@@ -4275,10 +4575,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",
@@ -4286,8 +4586,8 @@
             "value": "$kendo-breadcrumb-link-border",
             "scope": "default",
             "line": {
-                "start": 123,
-                "end": 123
+                "start": 166,
+                "end": 166
             }
         },
         "group": [
@@ -4302,8 +4602,8 @@
     {
         "description": "The background color of the hovered breadcrumb root link\n",
         "commentRange": {
-            "start": 124,
-            "end": 125
+            "start": 167,
+            "end": 168
         },
         "context": {
             "type": "variable",
@@ -4311,8 +4611,8 @@
             "value": "$kendo-breadcrumb-link-hover-bg",
             "scope": "default",
             "line": {
-                "start": 126,
-                "end": 126
+                "start": 169,
+                "end": 169
             }
         },
         "group": [
@@ -4327,8 +4627,8 @@
     {
         "description": "The text color of the hovered breadcrumb root link\n",
         "commentRange": {
-            "start": 127,
-            "end": 128
+            "start": 170,
+            "end": 171
         },
         "context": {
             "type": "variable",
@@ -4336,8 +4636,8 @@
             "value": "$kendo-breadcrumb-link-hover-text",
             "scope": "default",
             "line": {
-                "start": 129,
-                "end": 129
+                "start": 172,
+                "end": 172
             }
         },
         "group": [
@@ -4352,8 +4652,8 @@
     {
         "description": "The border color of the hovered breadcrumb root link\n",
         "commentRange": {
-            "start": 130,
-            "end": 131
+            "start": 173,
+            "end": 174
         },
         "context": {
             "type": "variable",
@@ -4361,8 +4661,8 @@
             "value": "$kendo-breadcrumb-link-hover-border",
             "scope": "default",
             "line": {
-                "start": 132,
-                "end": 132
+                "start": 175,
+                "end": 175
             }
         },
         "group": [
@@ -4377,8 +4677,8 @@
     {
         "description": "The background color of the active breadcrumb root link\n",
         "commentRange": {
-            "start": 133,
-            "end": 134
+            "start": 176,
+            "end": 177
         },
         "context": {
             "type": "variable",
@@ -4386,8 +4686,8 @@
             "value": "$kendo-breadcrumb-link-active-bg",
             "scope": "default",
             "line": {
-                "start": 135,
-                "end": 135
+                "start": 178,
+                "end": 178
             }
         },
         "group": [
@@ -4402,8 +4702,8 @@
     {
         "description": "The text color of the active breadcrumb root link\n",
         "commentRange": {
-            "start": 136,
-            "end": 137
+            "start": 179,
+            "end": 180
         },
         "context": {
             "type": "variable",
@@ -4411,8 +4711,8 @@
             "value": "$kendo-breadcrumb-link-active-text",
             "scope": "default",
             "line": {
-                "start": 138,
-                "end": 138
+                "start": 181,
+                "end": 181
             }
         },
         "group": [
@@ -4427,8 +4727,8 @@
     {
         "description": "The border color of the active breadcrumb root link\n",
         "commentRange": {
-            "start": 139,
-            "end": 140
+            "start": 182,
+            "end": 183
         },
         "context": {
             "type": "variable",
@@ -4436,8 +4736,8 @@
             "value": "$kendo-breadcrumb-link-active-border",
             "scope": "default",
             "line": {
-                "start": 141,
-                "end": 141
+                "start": 184,
+                "end": 184
             }
         },
         "group": [
@@ -4452,8 +4752,8 @@
     {
         "description": "The background color of the focused breadcrumb root link\n",
         "commentRange": {
-            "start": 142,
-            "end": 143
+            "start": 185,
+            "end": 186
         },
         "context": {
             "type": "variable",
@@ -4461,8 +4761,8 @@
             "value": "$kendo-breadcrumb-link-focus-bg",
             "scope": "default",
             "line": {
-                "start": 144,
-                "end": 144
+                "start": 187,
+                "end": 187
             }
         },
         "group": [
@@ -4477,8 +4777,8 @@
     {
         "description": "The text color of the focused breadcrumb root link\n",
         "commentRange": {
-            "start": 145,
-            "end": 146
+            "start": 188,
+            "end": 189
         },
         "context": {
             "type": "variable",
@@ -4486,8 +4786,8 @@
             "value": "$kendo-breadcrumb-link-focus-text",
             "scope": "default",
             "line": {
-                "start": 147,
-                "end": 147
+                "start": 190,
+                "end": 190
             }
         },
         "group": [
@@ -4502,8 +4802,8 @@
     {
         "description": "The border color of the focused breadcrumb root link\n",
         "commentRange": {
-            "start": 148,
-            "end": 149
+            "start": 191,
+            "end": 192
         },
         "context": {
             "type": "variable",
@@ -4511,8 +4811,8 @@
             "value": "$kendo-breadcrumb-link-focus-shadow",
             "scope": "default",
             "line": {
-                "start": 150,
-                "end": 150
+                "start": 193,
+                "end": 193
             }
         },
         "group": [
@@ -4525,10 +4825,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",
@@ -4536,8 +4836,8 @@
             "value": "$kendo-breadcrumb-link-focus-hover-bg",
             "scope": "default",
             "line": {
-                "start": 153,
-                "end": 153
+                "start": 196,
+                "end": 196
             }
         },
         "group": [
@@ -4552,8 +4852,8 @@
     {
         "description": "The text color of the disabled breadcrumb root link\n",
         "commentRange": {
-            "start": 154,
-            "end": 155
+            "start": 197,
+            "end": 198
         },
         "context": {
             "type": "variable",
@@ -4561,8 +4861,8 @@
             "value": "$kendo-breadcrumb-link-disabled-text",
             "scope": "default",
             "line": {
-                "start": 156,
-                "end": 156
+                "start": 199,
+                "end": 199
             }
         },
         "group": [
@@ -4575,19 +4875,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": [
@@ -4600,19 +5000,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": [
@@ -11050,15 +11525,15 @@
         }
     },
     {
-        "description": "The horizontal padding of the toolbar in the chat.\n",
+        "description": "The spacing of the toolbar in the chat.\n",
         "commentRange": {
             "start": 115,
             "end": 116
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-toolbar-padding-x",
-            "value": "$kendo-toolbar-md-padding-x",
+            "name": "kendo-chat-toolbar-spacing",
+            "value": "$kendo-toolbar-md-spacing",
             "scope": "default",
             "line": {
                 "start": 117,
@@ -11075,15 +11550,15 @@
         }
     },
     {
-        "description": "The vertical padding of the toolbar in the chat.\n",
+        "description": "The background of the toolbar in the chat.\n",
         "commentRange": {
             "start": 118,
             "end": 119
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-toolbar-padding-y",
-            "value": "$kendo-toolbar-md-padding-y",
+            "name": "kendo-chat-toolbar-bg",
+            "value": "$kendo-toolbar-bg",
             "scope": "default",
             "line": {
                 "start": 120,
@@ -11100,15 +11575,15 @@
         }
     },
     {
-        "description": "The spacing of the toolbar in the chat.\n",
+        "description": "The text of the toolbar in the chat.\n",
         "commentRange": {
             "start": 121,
             "end": 122
         },
         "context": {
             "type": "variable",
-            "name": "kendo-chat-toolbar-spacing",
-            "value": "$kendo-toolbar-md-spacing",
+            "name": "kendo-chat-toolbar-text",
+            "value": "$kendo-toolbar-text",
             "scope": "default",
             "line": {
                 "start": 123,
@@ -11125,69 +11600,19 @@
         }
     },
     {
-        "description": "The background of the toolbar in the chat.\n",
+        "description": "The border of the toolbar in the chat.\n",
         "commentRange": {
             "start": 124,
             "end": 125
         },
-        "context": {
-            "type": "variable",
-            "name": "kendo-chat-toolbar-bg",
-            "value": "$kendo-toolbar-bg",
-            "scope": "default",
-            "line": {
-                "start": 126,
-                "end": 126
-            }
-        },
-        "group": [
-            "chat"
-        ],
-        "access": "public",
-        "file": {
-            "path": "chat/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The text of the toolbar in the chat.\n",
-        "commentRange": {
-            "start": 127,
-            "end": 128
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-chat-toolbar-text",
-            "value": "$kendo-toolbar-text",
-            "scope": "default",
-            "line": {
-                "start": 129,
-                "end": 129
-            }
-        },
-        "group": [
-            "chat"
-        ],
-        "access": "public",
-        "file": {
-            "path": "chat/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The border of the toolbar in the chat.\n",
-        "commentRange": {
-            "start": 130,
-            "end": 131
-        },
         "context": {
             "type": "variable",
             "name": "kendo-chat-toolbar-border",
             "value": "inherit",
             "scope": "default",
             "line": {
-                "start": 132,
-                "end": 132
+                "start": 126,
+                "end": 126
             }
         },
         "group": [
@@ -11202,8 +11627,8 @@
     {
         "description": "The horizontal padding of the quick reply in the chat.\n",
         "commentRange": {
-            "start": 134,
-            "end": 135
+            "start": 128,
+            "end": 129
         },
         "context": {
             "type": "variable",
@@ -11211,8 +11636,8 @@
             "value": "map.get( $kendo-spacing, 3 )",
             "scope": "default",
             "line": {
-                "start": 136,
-                "end": 136
+                "start": 130,
+                "end": 130
             }
         },
         "group": [
@@ -11227,8 +11652,8 @@
     {
         "description": "The vertical padding of the quick reply in the chat.\n",
         "commentRange": {
-            "start": 137,
-            "end": 138
+            "start": 131,
+            "end": 132
         },
         "context": {
             "type": "variable",
@@ -11236,8 +11661,8 @@
             "value": "map.get( $kendo-spacing, 2 )",
             "scope": "default",
             "line": {
-                "start": 139,
-                "end": 139
+                "start": 133,
+                "end": 133
             }
         },
         "group": [
@@ -11252,8 +11677,8 @@
     {
         "description": "The spacing of the quick reply in the chat.\n",
         "commentRange": {
-            "start": 140,
-            "end": 141
+            "start": 134,
+            "end": 135
         },
         "context": {
             "type": "variable",
@@ -11261,8 +11686,8 @@
             "value": "map.get( $kendo-spacing, 2 )",
             "scope": "default",
             "line": {
-                "start": 142,
-                "end": 142
+                "start": 136,
+                "end": 136
             }
         },
         "group": [
@@ -11277,8 +11702,8 @@
     {
         "description": "The line height of the quick reply in the chat.\n",
         "commentRange": {
-            "start": 143,
-            "end": 144
+            "start": 137,
+            "end": 138
         },
         "context": {
             "type": "variable",
@@ -11286,8 +11711,8 @@
             "value": "$kendo-chat-bubble-line-height",
             "scope": "default",
             "line": {
-                "start": 145,
-                "end": 145
+                "start": 139,
+                "end": 139
             }
         },
         "group": [
@@ -11302,8 +11727,8 @@
     {
         "description": "The background of the chat.\n",
         "commentRange": {
-            "start": 147,
-            "end": 148
+            "start": 141,
+            "end": 142
         },
         "context": {
             "type": "variable",
@@ -11311,8 +11736,8 @@
             "value": "k-get-theme-color-var( neutral-10 )",
             "scope": "default",
             "line": {
-                "start": 149,
-                "end": 149
+                "start": 143,
+                "end": 143
             }
         },
         "group": [
@@ -11327,8 +11752,8 @@
     {
         "description": "The text of the chat.\n",
         "commentRange": {
-            "start": 150,
-            "end": 151
+            "start": 144,
+            "end": 145
         },
         "context": {
             "type": "variable",
@@ -11336,8 +11761,8 @@
             "value": "k-get-theme-color-var( neutral-190 )",
             "scope": "default",
             "line": {
-                "start": 152,
-                "end": 152
+                "start": 146,
+                "end": 146
             }
         },
         "group": [
@@ -11352,8 +11777,8 @@
     {
         "description": "The border of the chat.\n",
         "commentRange": {
-            "start": 153,
-            "end": 154
+            "start": 147,
+            "end": 148
         },
         "context": {
             "type": "variable",
@@ -11361,8 +11786,8 @@
             "value": "k-get-theme-color-var( neutral-30 )",
             "scope": "default",
             "line": {
-                "start": 155,
-                "end": 155
+                "start": 149,
+                "end": 149
             }
         },
         "group": [
@@ -11377,8 +11802,8 @@
     {
         "description": "The background of the bubble in the chat.\n",
         "commentRange": {
-            "start": 157,
-            "end": 158
+            "start": 151,
+            "end": 152
         },
         "context": {
             "type": "variable",
@@ -11386,8 +11811,8 @@
             "value": "var( --kendo-component-bg, inherit )",
             "scope": "default",
             "line": {
-                "start": 159,
-                "end": 159
+                "start": 153,
+                "end": 153
             }
         },
         "group": [
@@ -11402,8 +11827,8 @@
     {
         "description": "The text of the bubble in the chat.\n",
         "commentRange": {
-            "start": 160,
-            "end": 161
+            "start": 154,
+            "end": 155
         },
         "context": {
             "type": "variable",
@@ -11411,8 +11836,8 @@
             "value": "var( --kendo-component-text, inherit )",
             "scope": "default",
             "line": {
-                "start": 162,
-                "end": 162
+                "start": 156,
+                "end": 156
             }
         },
         "group": [
@@ -11427,8 +11852,8 @@
     {
         "description": "The border of the bubble in the chat.\n",
         "commentRange": {
-            "start": 163,
-            "end": 164
+            "start": 157,
+            "end": 158
         },
         "context": {
             "type": "variable",
@@ -11436,8 +11861,8 @@
             "value": "$kendo-chat-bubble-bg",
             "scope": "default",
             "line": {
-                "start": 165,
-                "end": 165
+                "start": 159,
+                "end": 159
             }
         },
         "group": [
@@ -11452,8 +11877,8 @@
     {
         "description": "The box shadow of the bubble in the chat.\n",
         "commentRange": {
-            "start": 166,
-            "end": 167
+            "start": 160,
+            "end": 161
         },
         "context": {
             "type": "variable",
@@ -11461,8 +11886,8 @@
             "value": "var( --kendo-box-shadow-depth-1, none )",
             "scope": "default",
             "line": {
-                "start": 168,
-                "end": 168
+                "start": 162,
+                "end": 162
             }
         },
         "group": [
@@ -11477,8 +11902,8 @@
     {
         "description": "The hover shadow of the bubble in the chat.\n",
         "commentRange": {
-            "start": 169,
-            "end": 170
+            "start": 163,
+            "end": 164
         },
         "context": {
             "type": "variable",
@@ -11486,8 +11911,8 @@
             "value": "var( --kendo-box-shadow-depth-3, none )",
             "scope": "default",
             "line": {
-                "start": 171,
-                "end": 171
+                "start": 165,
+                "end": 165
             }
         },
         "group": [
@@ -11502,8 +11927,8 @@
     {
         "description": "The selected shadow of the bubble in the chat.\n",
         "commentRange": {
-            "start": 172,
-            "end": 173
+            "start": 166,
+            "end": 167
         },
         "context": {
             "type": "variable",
@@ -11511,8 +11936,8 @@
             "value": "var( --kendo-box-shadow-depth-3, none )",
             "scope": "default",
             "line": {
-                "start": 174,
-                "end": 174
+                "start": 168,
+                "end": 168
             }
         },
         "group": [
@@ -11527,8 +11952,8 @@
     {
         "description": "The background of the alt bubble in the chat.\n",
         "commentRange": {
-            "start": 176,
-            "end": 177
+            "start": 170,
+            "end": 171
         },
         "context": {
             "type": "variable",
@@ -11536,8 +11961,8 @@
             "value": "k-get-theme-color-var( primary-100 )",
             "scope": "default",
             "line": {
-                "start": 178,
-                "end": 178
+                "start": 172,
+                "end": 172
             }
         },
         "group": [
@@ -11552,8 +11977,8 @@
     {
         "description": "The text of the alt bubble in the chat.\n",
         "commentRange": {
-            "start": 179,
-            "end": 180
+            "start": 173,
+            "end": 174
         },
         "context": {
             "type": "variable",
@@ -11561,8 +11986,8 @@
             "value": "var( --kendo-component-bg, inherit )",
             "scope": "default",
             "line": {
-                "start": 181,
-                "end": 181
+                "start": 175,
+                "end": 175
             }
         },
         "group": [
@@ -11577,8 +12002,8 @@
     {
         "description": "The border of the alt bubble in the chat.\n",
         "commentRange": {
-            "start": 182,
-            "end": 183
+            "start": 176,
+            "end": 177
         },
         "context": {
             "type": "variable",
@@ -11586,8 +12011,8 @@
             "value": "$kendo-chat-alt-bubble-bg",
             "scope": "default",
             "line": {
-                "start": 184,
-                "end": 184
+                "start": 178,
+                "end": 178
             }
         },
         "group": [
@@ -11602,8 +12027,8 @@
     {
         "description": "The shadow of the alt bubble in the chat.\n",
         "commentRange": {
-            "start": 185,
-            "end": 186
+            "start": 179,
+            "end": 180
         },
         "context": {
             "type": "variable",
@@ -11611,8 +12036,8 @@
             "value": "var( --kendo-box-shadow-depth-1, none )",
             "scope": "default",
             "line": {
-                "start": 187,
-                "end": 187
+                "start": 181,
+                "end": 181
             }
         },
         "group": [
@@ -11627,8 +12052,8 @@
     {
         "description": "The hover shadow of the alt bubble in the chat.\n",
         "commentRange": {
-            "start": 188,
-            "end": 189
+            "start": 182,
+            "end": 183
         },
         "context": {
             "type": "variable",
@@ -11636,8 +12061,8 @@
             "value": "var( --kendo-box-shadow-depth-1, none )",
             "scope": "default",
             "line": {
-                "start": 190,
-                "end": 190
+                "start": 184,
+                "end": 184
             }
         },
         "group": [
@@ -11652,8 +12077,8 @@
     {
         "description": "The selected shadow of the alt bubble in the chat.\n",
         "commentRange": {
-            "start": 191,
-            "end": 192
+            "start": 185,
+            "end": 186
         },
         "context": {
             "type": "variable",
@@ -11661,8 +12086,8 @@
             "value": "var( --kendo-box-shadow-depth-1, none )",
             "scope": "default",
             "line": {
-                "start": 193,
-                "end": 193
+                "start": 187,
+                "end": 187
             }
         },
         "group": [
@@ -11677,8 +12102,8 @@
     {
         "description": "The background of quick reply in the chat.\n",
         "commentRange": {
-            "start": 195,
-            "end": 196
+            "start": 189,
+            "end": 190
         },
         "context": {
             "type": "variable",
@@ -11686,8 +12111,8 @@
             "value": "transparent",
             "scope": "default",
             "line": {
-                "start": 197,
-                "end": 197
+                "start": 191,
+                "end": 191
             }
         },
         "group": [
@@ -11702,8 +12127,8 @@
     {
         "description": "The text of quick reply in the chat.\n",
         "commentRange": {
-            "start": 198,
-            "end": 199
+            "start": 192,
+            "end": 193
         },
         "context": {
             "type": "variable",
@@ -11711,8 +12136,8 @@
             "value": "k-get-theme-color-var( primary-100 )",
             "scope": "default",
             "line": {
-                "start": 200,
-                "end": 200
+                "start": 194,
+                "end": 194
             }
         },
         "group": [
@@ -11727,8 +12152,8 @@
     {
         "description": "The border of quick reply in the chat.\n",
         "commentRange": {
-            "start": 201,
-            "end": 202
+            "start": 195,
+            "end": 196
         },
         "context": {
             "type": "variable",
@@ -11736,8 +12161,8 @@
             "value": "k-get-theme-color-var( primary-100 )",
             "scope": "default",
             "line": {
-                "start": 203,
-                "end": 203
+                "start": 197,
+                "end": 197
             }
         },
         "group": [
@@ -11752,8 +12177,8 @@
     {
         "description": "The hover background of quick reply in the chat.\n",
         "commentRange": {
-            "start": 205,
-            "end": 206
+            "start": 199,
+            "end": 200
         },
         "context": {
             "type": "variable",
@@ -11761,8 +12186,8 @@
             "value": "k-get-theme-color-var( primary-100 )",
             "scope": "default",
             "line": {
-                "start": 207,
-                "end": 207
+                "start": 201,
+                "end": 201
             }
         },
         "group": [
@@ -11777,8 +12202,8 @@
     {
         "description": "The text of quick reply in the chat.\n",
         "commentRange": {
-            "start": 208,
-            "end": 209
+            "start": 202,
+            "end": 203
         },
         "context": {
             "type": "variable",
@@ -11786,8 +12211,8 @@
             "value": "var( --kendo-component-bg, inherit )",
             "scope": "default",
             "line": {
-                "start": 210,
-                "end": 210
+                "start": 204,
+                "end": 204
             }
         },
         "group": [
@@ -11802,8 +12227,8 @@
     {
         "description": "The hover border of quick reply in the chat.\n",
         "commentRange": {
-            "start": 211,
-            "end": 212
+            "start": 205,
+            "end": 206
         },
         "context": {
             "type": "variable",
@@ -11811,8 +12236,8 @@
             "value": "k-get-theme-color-var( primary-100 )",
             "scope": "default",
             "line": {
-                "start": 213,
-                "end": 213
+                "start": 207,
+                "end": 207
             }
         },
         "group": [
@@ -28424,44 +28849,19 @@
         }
     },
     {
-        "description": "Default width of the grid cell placeholder.\n",
+        "description": "Font size of the grid sort index.\n",
         "commentRange": {
             "start": 322,
             "end": 323
         },
-        "context": {
-            "type": "variable",
-            "name": "kendo-grid-cell-placeholder-width",
-            "value": "80%",
-            "scope": "default",
-            "line": {
-                "start": 324,
-                "end": 324
-            }
-        },
-        "group": [
-            "grid"
-        ],
-        "access": "public",
-        "file": {
-            "path": "grid/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "Font size of the grid sort index.\n",
-        "commentRange": {
-            "start": 326,
-            "end": 327
-        },
         "context": {
             "type": "variable",
             "name": "kendo-grid-sort-index-font-size",
             "value": "var( --kendo-font-size-sm, inherit )",
             "scope": "default",
             "line": {
-                "start": 328,
-                "end": 328
+                "start": 324,
+                "end": 324
             }
         },
         "group": [
@@ -28476,8 +28876,8 @@
     {
         "description": "Default height of the grid sort index.\n",
         "commentRange": {
-            "start": 329,
-            "end": 330
+            "start": 325,
+            "end": 326
         },
         "context": {
             "type": "variable",
@@ -28485,8 +28885,8 @@
             "value": "var( --kendo-icon-size, 1rem )",
             "scope": "default",
             "line": {
-                "start": 331,
-                "end": 331
+                "start": 327,
+                "end": 327
             }
         },
         "group": [
@@ -28501,8 +28901,8 @@
     {
         "description": "Horizontal offset of the grid sort index.\n",
         "commentRange": {
-            "start": 332,
-            "end": 333
+            "start": 328,
+            "end": 329
         },
         "context": {
             "type": "variable",
@@ -28510,8 +28910,8 @@
             "value": "calc( var( --kendo-icon-spacing, .5rem ) / 4 )",
             "scope": "default",
             "line": {
-                "start": 334,
-                "end": 334
+                "start": 330,
+                "end": 330
             }
         },
         "group": [
@@ -28526,8 +28926,8 @@
     {
         "description": "Vertical offset of the grid sort index.\n",
         "commentRange": {
-            "start": 335,
-            "end": 336
+            "start": 331,
+            "end": 332
         },
         "context": {
             "type": "variable",
@@ -28535,8 +28935,8 @@
             "value": "map.get( $kendo-spacing, 0.5 )",
             "scope": "default",
             "line": {
-                "start": 337,
-                "end": 337
+                "start": 333,
+                "end": 333
             }
         },
         "group": [
@@ -28551,8 +28951,8 @@
     {
         "description": "Spacing of the grid sort icon.\n",
         "commentRange": {
-            "start": 338,
-            "end": 339
+            "start": 334,
+            "end": 335
         },
         "context": {
             "type": "variable",
@@ -28560,8 +28960,8 @@
             "value": "var( --kendo-icon-lg-spacing, .5rem )",
             "scope": "default",
             "line": {
-                "start": 340,
-                "end": 340
+                "start": 336,
+                "end": 336
             }
         },
         "group": [
@@ -28576,8 +28976,8 @@
     {
         "description": "Text color of the grid sort indicator.\n",
         "commentRange": {
-            "start": 341,
-            "end": 342
+            "start": 337,
+            "end": 338
         },
         "context": {
             "type": "variable",
@@ -28585,8 +28985,8 @@
             "value": "k-get-theme-color-var( neutral-130 )",
             "scope": "default",
             "line": {
-                "start": 343,
-                "end": 343
+                "start": 339,
+                "end": 339
             }
         },
         "group": [
@@ -28601,8 +29001,8 @@
     {
         "description": "Text color of the grid sort order indicator.\n",
         "commentRange": {
-            "start": 344,
-            "end": 345
+            "start": 340,
+            "end": 341
         },
         "context": {
             "type": "variable",
@@ -28610,8 +29010,8 @@
             "value": "k-get-theme-color-var( primary-100 )",
             "scope": "default",
             "line": {
-                "start": 346,
-                "end": 346
+                "start": 342,
+                "end": 342
             }
         },
         "group": [
@@ -28626,8 +29026,8 @@
     {
         "description": "Background color of the sorted grid cells.\n",
         "commentRange": {
-            "start": 347,
-            "end": 348
+            "start": 343,
+            "end": 344
         },
         "context": {
             "type": "variable",
@@ -28635,8 +29035,8 @@
             "value": "k-get-theme-color-var( neutral-10 )",
             "scope": "default",
             "line": {
-                "start": 349,
-                "end": 349
+                "start": 345,
+                "end": 345
             }
         },
         "group": [
@@ -28651,8 +29051,8 @@
     {
         "description": "Horizontal padding of the grid command cells.\n",
         "commentRange": {
-            "start": 351,
-            "end": 352
+            "start": 347,
+            "end": 348
         },
         "context": {
             "type": "variable",
@@ -28660,8 +29060,8 @@
             "value": "calc( #{$kendo-table-cell-padding-y} - (#{$kendo-button-calc-size} - #{$kendo-line-height-em} ) / 2 )",
             "scope": "default",
             "line": {
-                "start": 353,
-                "end": 353
+                "start": 349,
+                "end": 349
             }
         },
         "group": [
@@ -28676,8 +29076,8 @@
     {
         "description": "Vertical padding of the grid command cells.\n",
         "commentRange": {
-            "start": 354,
-            "end": 355
+            "start": 350,
+            "end": 351
         },
         "context": {
             "type": "variable",
@@ -28685,8 +29085,8 @@
             "value": "map.get( $kendo-spacing, 2 )",
             "scope": "default",
             "line": {
-                "start": 356,
-                "end": 356
+                "start": 352,
+                "end": 352
             }
         },
         "group": [
@@ -28701,8 +29101,8 @@
     {
         "description": "Horizontal padding of the grid group indicator.\n",
         "commentRange": {
-            "start": 358,
-            "end": 359
+            "start": 354,
+            "end": 355
         },
         "context": {
             "type": "variable",
@@ -28710,8 +29110,8 @@
             "value": "$kendo-button-md-padding-x",
             "scope": "default",
             "line": {
-                "start": 360,
-                "end": 360
+                "start": 356,
+                "end": 356
             }
         },
         "group": [
@@ -28726,8 +29126,8 @@
     {
         "description": "Vertical padding of the grid group indicator.\n",
         "commentRange": {
-            "start": 361,
-            "end": 362
+            "start": 357,
+            "end": 358
         },
         "context": {
             "type": "variable",
@@ -28735,8 +29135,8 @@
             "value": "$kendo-button-md-padding-y",
             "scope": "default",
             "line": {
-                "start": 363,
-                "end": 363
+                "start": 359,
+                "end": 359
             }
         },
         "group": [
@@ -28751,8 +29151,8 @@
     {
         "description": "Border width of the grid group indicator.\n",
         "commentRange": {
-            "start": 364,
-            "end": 365
+            "start": 360,
+            "end": 361
         },
         "context": {
             "type": "variable",
@@ -28760,8 +29160,8 @@
             "value": "$kendo-button-border-width",
             "scope": "default",
             "line": {
-                "start": 366,
-                "end": 366
+                "start": 362,
+                "end": 362
             }
         },
         "group": [
@@ -28776,8 +29176,8 @@
     {
         "description": "Border radius of the grid group indicator.\n",
         "commentRange": {
-            "start": 367,
-            "end": 368
+            "start": 363,
+            "end": 364
         },
         "context": {
             "type": "variable",
@@ -28785,8 +29185,8 @@
             "value": "var( --kendo-border-radius-md, #{$kendo-border-radius-md} )",
             "scope": "default",
             "line": {
-                "start": 369,
-                "end": 369
+                "start": 365,
+                "end": 365
             }
         },
         "group": [
@@ -28801,8 +29201,8 @@
     {
         "description": "Spacing of the grid group indicator.\n",
         "commentRange": {
-            "start": 370,
-            "end": 371
+            "start": 366,
+            "end": 367
         },
         "context": {
             "type": "variable",
@@ -28810,8 +29210,8 @@
             "value": "$kendo-table-cell-padding-y",
             "scope": "default",
             "line": {
-                "start": 372,
-                "end": 372
+                "start": 368,
+                "end": 368
             }
         },
         "group": [
@@ -28826,8 +29226,8 @@
     {
         "description": "Text color of the grid group indicator.\n",
         "commentRange": {
-            "start": 373,
-            "end": 374
+            "start": 369,
+            "end": 370
         },
         "context": {
             "type": "variable",
@@ -28835,8 +29235,8 @@
             "value": "var( --kendo-component-text, initial )",
             "scope": "default",
             "line": {
-                "start": 375,
-                "end": 375
+                "start": 371,
+                "end": 371
             }
         },
         "group": [
@@ -28851,8 +29251,8 @@
     {
         "description": "Background color of the grid group indicator.\n",
         "commentRange": {
-            "start": 376,
-            "end": 377
+            "start": 372,
+            "end": 373
         },
         "context": {
             "type": "variable",
@@ -28860,8 +29260,8 @@
             "value": "var( --kendo-component-bg, initial )",
             "scope": "default",
             "line": {
-                "start": 378,
-                "end": 378
+                "start": 374,
+                "end": 374
             }
         },
         "group": [
@@ -28876,8 +29276,8 @@
     {
         "description": "Border color of the grid group indicator.\n",
         "commentRange": {
-            "start": 379,
-            "end": 380
+            "start": 375,
+            "end": 376
         },
         "context": {
             "type": "variable",
@@ -28885,8 +29285,8 @@
             "value": "k-get-theme-color-var( neutral-110 )",
             "scope": "default",
             "line": {
-                "start": 381,
-                "end": 381
+                "start": 377,
+                "end": 377
             }
         },
         "group": [
@@ -28901,8 +29301,8 @@
     {
         "description": "Text color of the grid group indicator icon.\n",
         "commentRange": {
-            "start": 382,
-            "end": 383
+            "start": 378,
+            "end": 379
         },
         "context": {
             "type": "variable",
@@ -28910,8 +29310,8 @@
             "value": "k-get-theme-color-var( neutral-130 )",
             "scope": "default",
             "line": {
-                "start": 384,
-                "end": 384
+                "start": 380,
+                "end": 380
             }
         },
         "group": [
@@ -28926,8 +29326,8 @@
     {
         "description": "Horizontal border width of the grid group footer.\n",
         "commentRange": {
-            "start": 386,
-            "end": 387
+            "start": 382,
+            "end": 383
         },
         "context": {
             "type": "variable",
@@ -28935,8 +29335,8 @@
             "value": "0px",
             "scope": "default",
             "line": {
-                "start": 388,
-                "end": 388
+                "start": 384,
+                "end": 384
             }
         },
         "group": [
@@ -28951,8 +29351,8 @@
     {
         "description": "Vertical border width of the grid group footer.\n",
         "commentRange": {
-            "start": 389,
-            "end": 390
+            "start": 385,
+            "end": 386
         },
         "context": {
             "type": "variable",
@@ -28960,8 +29360,8 @@
             "value": "0px",
             "scope": "default",
             "line": {
-                "start": 391,
-                "end": 391
+                "start": 387,
+                "end": 387
             }
         },
         "group": [
@@ -28976,8 +29376,8 @@
     {
         "description": "Text color of the grid group drop clue.\n",
         "commentRange": {
-            "start": 393,
-            "end": 394
+            "start": 389,
+            "end": 390
         },
         "context": {
             "type": "variable",
@@ -28985,8 +29385,8 @@
             "value": "k-get-theme-color-var( primary-100 )",
             "scope": "default",
             "line": {
-                "start": 395,
-                "end": 395
+                "start": 391,
+                "end": 391
             }
         },
         "group": [
@@ -29001,8 +29401,8 @@
     {
         "description": "Border width of the grid sticky cell.\n",
         "commentRange": {
-            "start": 397,
-            "end": 398
+            "start": 393,
+            "end": 394
         },
         "context": {
             "type": "variable",
@@ -29010,8 +29410,8 @@
             "value": "$kendo-grid-border-width",
             "scope": "default",
             "line": {
-                "start": 399,
-                "end": 399
+                "start": 395,
+                "end": 395
             }
         },
         "group": [
@@ -29026,8 +29426,8 @@
     {
         "description": "Background color of the grid sticky cell.\n",
         "commentRange": {
-            "start": 400,
-            "end": 401
+            "start": 396,
+            "end": 397
         },
         "context": {
             "type": "variable",
@@ -29035,8 +29435,8 @@
             "value": "var( --kendo-component-bg, initial )",
             "scope": "default",
             "line": {
-                "start": 402,
-                "end": 402
+                "start": 398,
+                "end": 398
             }
         },
         "group": [
@@ -29051,8 +29451,8 @@
     {
         "description": "Text color of the grid sticky cell.\n",
         "commentRange": {
-            "start": 403,
-            "end": 404
+            "start": 399,
+            "end": 400
         },
         "context": {
             "type": "variable",
@@ -29060,8 +29460,8 @@
             "value": "$kendo-grid-text",
             "scope": "default",
             "line": {
-                "start": 405,
-                "end": 405
+                "start": 401,
+                "end": 401
             }
         },
         "group": [
@@ -29076,8 +29476,8 @@
     {
         "description": "Border color of the grid sticky cell.\n",
         "commentRange": {
-            "start": 406,
-            "end": 407
+            "start": 402,
+            "end": 403
         },
         "context": {
             "type": "variable",
@@ -29085,8 +29485,8 @@
             "value": "k-get-theme-color-var( neutral-90 )",
             "scope": "default",
             "line": {
-                "start": 408,
-                "end": 408
+                "start": 404,
+                "end": 404
             }
         },
         "group": [
@@ -29101,8 +29501,8 @@
     {
         "description": "Alt background color of the grid sticky cell.\n",
         "commentRange": {
-            "start": 409,
-            "end": 410
+            "start": 405,
+            "end": 406
         },
         "context": {
             "type": "variable",
@@ -29110,8 +29510,8 @@
             "value": "$kendo-grid-sticky-bg",
             "scope": "default",
             "line": {
-                "start": 411,
-                "end": 411
+                "start": 407,
+                "end": 407
             }
         },
         "group": [
@@ -29126,8 +29526,8 @@
     {
         "description": "Hover background color of the grid sticky cell.\n",
         "commentRange": {
-            "start": 412,
-            "end": 413
+            "start": 408,
+            "end": 409
         },
         "context": {
             "type": "variable",
@@ -29135,8 +29535,8 @@
             "value": "$kendo-grid-hover-bg",
             "scope": "default",
             "line": {
-                "start": 414,
-                "end": 414
+                "start": 410,
+                "end": 410
             }
         },
         "group": [
@@ -29151,8 +29551,8 @@
     {
         "description": "Background color of the grid sticky header.\n",
         "commentRange": {
-            "start": 416,
-            "end": 417
+            "start": 412,
+            "end": 413
         },
         "context": {
             "type": "variable",
@@ -29160,8 +29560,8 @@
             "value": "$kendo-grid-header-bg",
             "scope": "default",
             "line": {
-                "start": 418,
-                "end": 418
+                "start": 414,
+                "end": 414
             }
         },
         "group": [
@@ -29176,8 +29576,8 @@
     {
         "description": "Text color of the grid sticky header.\n",
         "commentRange": {
-            "start": 419,
-            "end": 420
+            "start": 415,
+            "end": 416
         },
         "context": {
             "type": "variable",
@@ -29185,8 +29585,8 @@
             "value": "$kendo-grid-header-text",
             "scope": "default",
             "line": {
-                "start": 421,
-                "end": 421
+                "start": 417,
+                "end": 417
             }
         },
         "group": [
@@ -29201,8 +29601,8 @@
     {
         "description": "Border color of the grid sticky header.\n",
         "commentRange": {
-            "start": 422,
-            "end": 423
+            "start": 418,
+            "end": 419
         },
         "context": {
             "type": "variable",
@@ -29210,8 +29610,8 @@
             "value": "$kendo-grid-sticky-border",
             "scope": "default",
             "line": {
-                "start": 424,
-                "end": 424
+                "start": 420,
+                "end": 420
             }
         },
         "group": [
@@ -29226,8 +29626,8 @@
     {
         "description": "Background color of the grid sticky footer.\n",
         "commentRange": {
-            "start": 426,
-            "end": 427
+            "start": 422,
+            "end": 423
         },
         "context": {
             "type": "variable",
@@ -29235,8 +29635,8 @@
             "value": "$kendo-grid-header-bg",
             "scope": "default",
             "line": {
-                "start": 428,
-                "end": 428
+                "start": 424,
+                "end": 424
             }
         },
         "group": [
@@ -29251,8 +29651,8 @@
     {
         "description": "Hover background color of the grid sticky footer.\n",
         "commentRange": {
-            "start": 429,
-            "end": 430
+            "start": 425,
+            "end": 426
         },
         "context": {
             "type": "variable",
@@ -29260,8 +29660,8 @@
             "value": "$kendo-grid-hover-bg",
             "scope": "default",
             "line": {
-                "start": 431,
-                "end": 431
+                "start": 427,
+                "end": 427
             }
         },
         "group": [
@@ -29276,8 +29676,8 @@
     {
         "description": "Selected background color of the grid sticky cells.\n",
         "commentRange": {
-            "start": 433,
-            "end": 434
+            "start": 429,
+            "end": 430
         },
         "context": {
             "type": "variable",
@@ -29285,8 +29685,8 @@
             "value": "$kendo-grid-selected-bg",
             "scope": "default",
             "line": {
-                "start": 435,
-                "end": 435
+                "start": 431,
+                "end": 431
             }
         },
         "group": [
@@ -29301,8 +29701,8 @@
     {
         "description": "Alt selected background color of the grid sticky cells.\n",
         "commentRange": {
-            "start": 436,
-            "end": 437
+            "start": 432,
+            "end": 433
         },
         "context": {
             "type": "variable",
@@ -29310,8 +29710,8 @@
             "value": "$kendo-grid-sticky-selected-bg",
             "scope": "default",
             "line": {
-                "start": 438,
-                "end": 438
+                "start": 434,
+                "end": 434
             }
         },
         "group": [
@@ -29326,8 +29726,8 @@
     {
         "description": "Selected hover background color of the grid sticky cells.\n",
         "commentRange": {
-            "start": 439,
-            "end": 440
+            "start": 435,
+            "end": 436
         },
         "context": {
             "type": "variable",
@@ -29335,8 +29735,8 @@
             "value": "$kendo-grid-selected-hover-bg",
             "scope": "default",
             "line": {
-                "start": 441,
-                "end": 441
+                "start": 437,
+                "end": 437
             }
         },
         "group": [
@@ -29351,8 +29751,8 @@
     {
         "description": "Horizontal padding of the grid filter menu container.\n",
         "commentRange": {
-            "start": 443,
-            "end": 444
+            "start": 439,
+            "end": 440
         },
         "context": {
             "type": "variable",
@@ -29360,8 +29760,8 @@
             "value": "map.get( $kendo-spacing, 3 )",
             "scope": "default",
             "line": {
-                "start": 445,
-                "end": 445
+                "start": 441,
+                "end": 441
             }
         },
         "group": [
@@ -29376,8 +29776,8 @@
     {
         "description": "Vertical padding of the grid filter menu container.\n",
         "commentRange": {
-            "start": 446,
-            "end": 447
+            "start": 442,
+            "end": 443
         },
         "context": {
             "type": "variable",
@@ -29385,8 +29785,8 @@
             "value": "map.get( $kendo-spacing, 3 )",
             "scope": "default",
             "line": {
-                "start": 448,
-                "end": 448
+                "start": 444,
+                "end": 444
             }
         },
         "group": [
@@ -29401,8 +29801,8 @@
     {
         "description": "Default width of the grid column menu.\n",
         "commentRange": {
-            "start": 450,
-            "end": 451
+            "start": 446,
+            "end": 447
         },
         "context": {
             "type": "variable",
@@ -29410,8 +29810,8 @@
             "value": "230px",
             "scope": "default",
             "line": {
-                "start": 452,
-                "end": 452
+                "start": 448,
+                "end": 448
             }
         },
         "group": [
@@ -29426,8 +29826,8 @@
     {
         "description": "Max width of the grid column menu.\n",
         "commentRange": {
-            "start": 453,
-            "end": 454
+            "start": 449,
+            "end": 450
         },
         "context": {
             "type": "variable",
@@ -29435,8 +29835,8 @@
             "value": "320px",
             "scope": "default",
             "line": {
-                "start": 455,
-                "end": 455
+                "start": 451,
+                "end": 451
             }
         },
         "group": [
@@ -29451,8 +29851,8 @@
     {
         "description": "Spacing of the grid column menu.\n",
         "commentRange": {
-            "start": 456,
-            "end": 457
+            "start": 452,
+            "end": 453
         },
         "context": {
             "type": "variable",
@@ -29460,8 +29860,8 @@
             "value": "map.get( $kendo-spacing, 2 )",
             "scope": "default",
             "line": {
-                "start": 458,
-                "end": 458
+                "start": 454,
+                "end": 454
             }
         },
         "group": [
@@ -29476,8 +29876,8 @@
     {
         "description": "Focus shadow of the grid column menu.\n",
         "commentRange": {
-            "start": 459,
-            "end": 460
+            "start": 455,
+            "end": 456
         },
         "context": {
             "type": "variable",
@@ -29485,8 +29885,8 @@
             "value": "var( --kendo-box-shadow-depth-1, none )",
             "scope": "default",
             "line": {
-                "start": 461,
-                "end": 461
+                "start": 457,
+                "end": 457
             }
         },
         "group": [
@@ -29501,8 +29901,8 @@
     {
         "description": "Background color of the grid column menu.\n",
         "commentRange": {
-            "start": 462,
-            "end": 463
+            "start": 458,
+            "end": 459
         },
         "context": {
             "type": "variable",
@@ -29510,8 +29910,8 @@
             "value": "var( --kendo-component-bg, inherit )",
             "scope": "default",
             "line": {
-                "start": 464,
-                "end": 464
+                "start": 460,
+                "end": 460
             }
         },
         "group": [
@@ -29526,8 +29926,8 @@
     {
         "description": "Text color of the grid column menu.\n",
         "commentRange": {
-            "start": 465,
-            "end": 466
+            "start": 461,
+            "end": 462
         },
         "context": {
             "type": "variable",
@@ -29535,8 +29935,8 @@
             "value": "var( --kendo-component-text, inherit )",
             "scope": "default",
             "line": {
-                "start": 467,
-                "end": 467
+                "start": 463,
+                "end": 463
             }
         },
         "group": [
@@ -29551,8 +29951,8 @@
     {
         "description": "Border color of the grid column menu.\n",
         "commentRange": {
-            "start": 468,
-            "end": 469
+            "start": 464,
+            "end": 465
         },
         "context": {
             "type": "variable",
@@ -29560,8 +29960,8 @@
             "value": "var( --kendo-component-border, inherit )",
             "scope": "default",
             "line": {
-                "start": 470,
-                "end": 470
+                "start": 466,
+                "end": 466
             }
         },
         "group": [
@@ -29576,8 +29976,8 @@
     {
         "description": "Font size of the grid column menu checkbox container.\n",
         "commentRange": {
-            "start": 472,
-            "end": 473
+            "start": 468,
+            "end": 469
         },
         "context": {
             "type": "variable",
@@ -29585,8 +29985,8 @@
             "value": "$kendo-list-md-font-size",
             "scope": "default",
             "line": {
-                "start": 474,
-                "end": 474
+                "start": 470,
+                "end": 470
             }
         },
         "group": [
@@ -29601,8 +30001,8 @@
     {
         "description": "Line height of the grid column menu checkbox container.\n",
         "commentRange": {
-            "start": 475,
-            "end": 476
+            "start": 471,
+            "end": 472
         },
         "context": {
             "type": "variable",
@@ -29610,8 +30010,8 @@
             "value": "$kendo-list-md-line-height",
             "scope": "default",
             "line": {
-                "start": 477,
-                "end": 477
+                "start": 473,
+                "end": 473
             }
         },
         "group": [
@@ -29626,8 +30026,8 @@
     {
         "description": "Vertical padding of the grid column menu items wrap.\n",
         "commentRange": {
-            "start": 479,
-            "end": 480
+            "start": 475,
+            "end": 476
         },
         "context": {
             "type": "variable",
@@ -29635,8 +30035,8 @@
             "value": "map.get( $kendo-spacing, 2 )",
             "scope": "default",
             "line": {
-                "start": 481,
-                "end": 481
+                "start": 477,
+                "end": 477
             }
         },
         "group": [
@@ -29651,8 +30051,8 @@
     {
         "description": "Horizontal padding of the grid column menu items wrap.\n",
         "commentRange": {
-            "start": 482,
-            "end": 483
+            "start": 478,
+            "end": 479
         },
         "context": {
             "type": "variable",
@@ -29660,8 +30060,8 @@
             "value": "map.get( $kendo-spacing, 2 )",
             "scope": "default",
             "line": {
-                "start": 484,
-                "end": 484
+                "start": 480,
+                "end": 480
             }
         },
         "group": [
@@ -29676,8 +30076,8 @@
     {
         "description": "Horizontal padding of the grid column menu item.\n",
         "commentRange": {
-            "start": 486,
-            "end": 487
+            "start": 482,
+            "end": 483
         },
         "context": {
             "type": "variable",
@@ -29685,8 +30085,8 @@
             "value": "$kendo-list-md-item-padding-y",
             "scope": "default",
             "line": {
-                "start": 488,
-                "end": 488
+                "start": 484,
+                "end": 484
             }
         },
         "group": [
@@ -29701,8 +30101,8 @@
     {
         "description": "Vertical padding of the grid column menu item.\n",
         "commentRange": {
-            "start": 489,
-            "end": 490
+            "start": 485,
+            "end": 486
         },
         "context": {
             "type": "variable",
@@ -29710,8 +30110,8 @@
             "value": "$kendo-list-md-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 491,
-                "end": 491
+                "start": 487,
+                "end": 487
             }
         },
         "group": [
@@ -29726,8 +30126,8 @@
     {
         "description": "Spacing of the grid column menu item.\n",
         "commentRange": {
-            "start": 492,
-            "end": 493
+            "start": 488,
+            "end": 489
         },
         "context": {
             "type": "variable",
@@ -29735,8 +30135,8 @@
             "value": "$kendo-list-md-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 494,
-                "end": 494
+                "start": 490,
+                "end": 490
             }
         },
         "group": [
@@ -29751,8 +30151,8 @@
     {
         "description": "Icon spacing of the grid column menu item.\n",
         "commentRange": {
-            "start": 495,
-            "end": 496
+            "start": 491,
+            "end": 492
         },
         "context": {
             "type": "variable",
@@ -29760,8 +30160,8 @@
             "value": "var( --kendo-icon-spacing, .5rem )",
             "scope": "default",
             "line": {
-                "start": 497,
-                "end": 497
+                "start": 493,
+                "end": 493
             }
         },
         "group": [
@@ -29776,8 +30176,8 @@
     {
         "description": "Background color of the grid column menu item.\n",
         "commentRange": {
-            "start": 498,
-            "end": 499
+            "start": 494,
+            "end": 495
         },
         "context": {
             "type": "variable",
@@ -29785,8 +30185,8 @@
             "value": "$kendo-list-item-bg",
             "scope": "default",
             "line": {
-                "start": 500,
-                "end": 500
+                "start": 496,
+                "end": 496
             }
         },
         "group": [
@@ -29801,8 +30201,8 @@
     {
         "description": "Text color of the grid column menu item.\n",
         "commentRange": {
-            "start": 501,
-            "end": 502
+            "start": 497,
+            "end": 498
         },
         "context": {
             "type": "variable",
@@ -29810,8 +30210,8 @@
             "value": "$kendo-list-item-text",
             "scope": "default",
             "line": {
-                "start": 503,
-                "end": 503
+                "start": 499,
+                "end": 499
             }
         },
         "group": [
@@ -29826,8 +30226,8 @@
     {
         "description": "Hover background color of the grid column menu item.\n",
         "commentRange": {
-            "start": 504,
-            "end": 505
+            "start": 500,
+            "end": 501
         },
         "context": {
             "type": "variable",
@@ -29835,8 +30235,8 @@
             "value": "$kendo-list-item-hover-bg",
             "scope": "default",
             "line": {
-                "start": 506,
-                "end": 506
+                "start": 502,
+                "end": 502
             }
         },
         "group": [
@@ -29851,8 +30251,8 @@
     {
         "description": "Hover text color of the grid column menu item.\n",
         "commentRange": {
-            "start": 507,
-            "end": 508
+            "start": 503,
+            "end": 504
         },
         "context": {
             "type": "variable",
@@ -29860,8 +30260,8 @@
             "value": "$kendo-list-item-hover-text",
             "scope": "default",
             "line": {
-                "start": 509,
-                "end": 509
+                "start": 505,
+                "end": 505
             }
         },
         "group": [
@@ -29876,8 +30276,8 @@
     {
         "description": "Selected background color of the grid column menu item.\n",
         "commentRange": {
-            "start": 510,
-            "end": 511
+            "start": 506,
+            "end": 507
         },
         "context": {
             "type": "variable",
@@ -29885,8 +30285,8 @@
             "value": "$kendo-list-item-selected-bg",
             "scope": "default",
             "line": {
-                "start": 512,
-                "end": 512
+                "start": 508,
+                "end": 508
             }
         },
         "group": [
@@ -29901,8 +30301,8 @@
     {
         "description": "Selected text color of the grid column menu item.\n",
         "commentRange": {
-            "start": 513,
-            "end": 514
+            "start": 509,
+            "end": 510
         },
         "context": {
             "type": "variable",
@@ -29910,8 +30310,8 @@
             "value": "$kendo-list-item-selected-text",
             "scope": "default",
             "line": {
-                "start": 515,
-                "end": 515
+                "start": 511,
+                "end": 511
             }
         },
         "group": [
@@ -29926,8 +30326,8 @@
     {
         "description": "Focus shadow of the grid column menu item.\n",
         "commentRange": {
-            "start": 516,
-            "end": 517
+            "start": 512,
+            "end": 513
         },
         "context": {
             "type": "variable",
@@ -29935,8 +30335,8 @@
             "value": "$kendo-list-item-focus-shadow",
             "scope": "default",
             "line": {
-                "start": 518,
-                "end": 518
+                "start": 514,
+                "end": 514
             }
         },
         "group": [
@@ -29951,8 +30351,8 @@
     {
         "description": "Text color of the grid column menu item icon.\n",
         "commentRange": {
-            "start": 519,
-            "end": 520
+            "start": 515,
+            "end": 516
         },
         "context": {
             "type": "variable",
@@ -29960,8 +30360,8 @@
             "value": "$kendo-list-item-icon-text",
             "scope": "default",
             "line": {
-                "start": 521,
-                "end": 521
+                "start": 517,
+                "end": 517
             }
         },
         "group": [
@@ -29976,8 +30376,8 @@
     {
         "description": "Vertical padding of the grid column menu group header.\n",
         "commentRange": {
-            "start": 523,
-            "end": 524
+            "start": 519,
+            "end": 520
         },
         "context": {
             "type": "variable",
@@ -29985,8 +30385,8 @@
             "value": "$kendo-grid-column-menu-item-padding-y",
             "scope": "default",
             "line": {
-                "start": 525,
-                "end": 525
+                "start": 521,
+                "end": 521
             }
         },
         "group": [
@@ -30001,8 +30401,8 @@
     {
         "description": "Horizontal padding of the grid column menu group header.\n",
         "commentRange": {
-            "start": 526,
-            "end": 527
+            "start": 522,
+            "end": 523
         },
         "context": {
             "type": "variable",
@@ -30010,8 +30410,8 @@
             "value": "$kendo-grid-column-menu-item-padding-x",
             "scope": "default",
             "line": {
-                "start": 528,
-                "end": 528
+                "start": 524,
+                "end": 524
             }
         },
         "group": [
@@ -30026,8 +30426,8 @@
     {
         "description": "Border width of the grid column menu group header.\n",
         "commentRange": {
-            "start": 529,
-            "end": 530
+            "start": 525,
+            "end": 526
         },
         "context": {
             "type": "variable",
@@ -30035,8 +30435,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 531,
-                "end": 531
+                "start": 527,
+                "end": 527
             }
         },
         "group": [
@@ -30051,8 +30451,8 @@
     {
         "description": "Border style of the grid column menu group header.\n",
         "commentRange": {
-            "start": 532,
-            "end": 533
+            "start": 528,
+            "end": 529
         },
         "context": {
             "type": "variable",
@@ -30060,8 +30460,8 @@
             "value": "solid",
             "scope": "default",
             "line": {
-                "start": 534,
-                "end": 534
+                "start": 530,
+                "end": 530
             }
         },
         "group": [
@@ -30076,8 +30476,8 @@
     {
         "description": "Font size of the grid column menu group header.\n",
         "commentRange": {
-            "start": 535,
-            "end": 536
+            "start": 531,
+            "end": 532
         },
         "context": {
             "type": "variable",
@@ -30085,8 +30485,8 @@
             "value": "var( --kendo-font-size-sm, inherit )",
             "scope": "default",
             "line": {
-                "start": 537,
-                "end": 537
+                "start": 533,
+                "end": 533
             }
         },
         "group": [
@@ -30101,8 +30501,8 @@
     {
         "description": "Font weight of the grid column menu group header.\n",
         "commentRange": {
-            "start": 538,
-            "end": 539
+            "start": 534,
+            "end": 535
         },
         "context": {
             "type": "variable",
@@ -30110,8 +30510,8 @@
             "value": "var( --kendo-font-weight-bold, normal )",
             "scope": "default",
             "line": {
-                "start": 540,
-                "end": 540
+                "start": 536,
+                "end": 536
             }
         },
         "group": [
@@ -30126,8 +30526,8 @@
     {
         "description": "Line height of the grid column menu group header.\n",
         "commentRange": {
-            "start": 541,
-            "end": 542
+            "start": 537,
+            "end": 538
         },
         "context": {
             "type": "variable",
@@ -30135,8 +30535,8 @@
             "value": "var( --kendo-line-height, normal )",
             "scope": "default",
             "line": {
-                "start": 543,
-                "end": 543
+                "start": 539,
+                "end": 539
             }
         },
         "group": [
@@ -30151,8 +30551,8 @@
     {
         "description": "Text transform of the grid column menu group header.\n",
         "commentRange": {
-            "start": 544,
-            "end": 545
+            "start": 540,
+            "end": 541
         },
         "context": {
             "type": "variable",
@@ -30160,8 +30560,8 @@
             "value": "uppercase",
             "scope": "default",
             "line": {
-                "start": 546,
-                "end": 546
+                "start": 542,
+                "end": 542
             }
         },
         "group": [
@@ -30176,8 +30576,8 @@
     {
         "description": "Background color of the grid column menu group.\n",
         "commentRange": {
-            "start": 548,
-            "end": 549
+            "start": 544,
+            "end": 545
         },
         "context": {
             "type": "variable",
@@ -30185,8 +30585,8 @@
             "value": "var( --kendo-component-bg, inherit )",
             "scope": "default",
             "line": {
-                "start": 550,
-                "end": 550
+                "start": 546,
+                "end": 546
             }
         },
         "group": [
@@ -30201,8 +30601,8 @@
     {
         "description": "Text color of the grid column menu group.\n",
         "commentRange": {
-            "start": 551,
-            "end": 552
+            "start": 547,
+            "end": 548
         },
         "context": {
             "type": "variable",
@@ -30210,8 +30610,8 @@
             "value": "var( --kendo-component-text, inherit )",
             "scope": "default",
             "line": {
-                "start": 553,
-                "end": 553
+                "start": 549,
+                "end": 549
             }
         },
         "group": [
@@ -30226,8 +30626,8 @@
     {
         "description": "Border color of the grid column menu group.\n",
         "commentRange": {
-            "start": 554,
-            "end": 555
+            "start": 550,
+            "end": 551
         },
         "context": {
             "type": "variable",
@@ -30235,8 +30635,8 @@
             "value": "var( --kendo-component-border, inherit)",
             "scope": "default",
             "line": {
-                "start": 556,
-                "end": 556
+                "start": 552,
+                "end": 552
             }
         },
         "group": [
@@ -30251,8 +30651,8 @@
     {
         "description": "Horizontal padding of the tabstrip content in the grid tabbed column menu.\n",
         "commentRange": {
-            "start": 558,
-            "end": 559
+            "start": 554,
+            "end": 555
         },
         "context": {
             "type": "variable",
@@ -30260,8 +30660,8 @@
             "value": "0",
             "scope": "default",
             "line": {
-                "start": 560,
-                "end": 560
+                "start": 556,
+                "end": 556
             }
         },
         "group": [
@@ -30276,8 +30676,8 @@
     {
         "description": "Vertical padding of the tabstrip content in the grid tabbed column menu.\n",
         "commentRange": {
-            "start": 561,
-            "end": 562
+            "start": 557,
+            "end": 558
         },
         "context": {
             "type": "variable",
@@ -30285,8 +30685,8 @@
             "value": "map.get( $kendo-spacing, 3 )",
             "scope": "default",
             "line": {
-                "start": 563,
-                "end": 563
+                "start": 559,
+                "end": 559
             }
         },
         "group": [
@@ -30301,8 +30701,8 @@
     {
         "description": "Background color of the grid tabbed column menu.\n",
         "commentRange": {
-            "start": 565,
-            "end": 566
+            "start": 561,
+            "end": 562
         },
         "context": {
             "type": "variable",
@@ -30310,8 +30710,8 @@
             "value": "var( --kendo-base-bg, inherit )",
             "scope": "default",
             "line": {
-                "start": 567,
-                "end": 567
+                "start": 563,
+                "end": 563
             }
         },
         "group": [
@@ -30326,8 +30726,8 @@
     {
         "description": "Default width of the grid drag cell.\n",
         "commentRange": {
-            "start": 569,
-            "end": 570
+            "start": 565,
+            "end": 566
         },
         "context": {
             "type": "variable",
@@ -30335,8 +30735,8 @@
             "value": "calc( var( --kendo-icon-size, 1rem ) * 2.25 )",
             "scope": "default",
             "line": {
-                "start": 571,
-                "end": 571
+                "start": 567,
+                "end": 567
             }
         },
         "group": [
@@ -30351,8 +30751,8 @@
     {
         "description": "Default width of the grid hierarchy cell.\n",
         "commentRange": {
-            "start": 572,
-            "end": 573
+            "start": 568,
+            "end": 569
         },
         "context": {
             "type": "variable",
@@ -30360,8 +30760,8 @@
             "value": "calc( var( --kendo-icon-size, 1rem ) * 2 )",
             "scope": "default",
             "line": {
-                "start": 574,
-                "end": 574
+                "start": 570,
+                "end": 570
             }
         },
         "group": [
@@ -30376,8 +30776,8 @@
     {
         "description": "Spacing of the grid filterable icon.\n",
         "commentRange": {
-            "start": 575,
-            "end": 576
+            "start": 571,
+            "end": 572
         },
         "context": {
             "type": "variable",
@@ -30385,8 +30785,8 @@
             "value": "calc( #{$kendo-button-calc-size} + #{$kendo-grid-header-menu-spacing} )",
             "scope": "default",
             "line": {
-                "start": 577,
-                "end": 577
+                "start": 573,
+                "end": 573
             }
         },
         "group": [
@@ -30401,8 +30801,8 @@
     {
         "description": "Background color of the grid row resize indicator\n",
         "commentRange": {
-            "start": 579,
-            "end": 580
+            "start": 575,
+            "end": 576
         },
         "context": {
             "type": "variable",
@@ -30410,8 +30810,8 @@
             "value": "k-get-theme-color-var( neutral-90 )",
             "scope": "default",
             "line": {
-                "start": 581,
-                "end": 581
+                "start": 577,
+                "end": 577
             }
         },
         "group": [
@@ -30426,8 +30826,8 @@
     {
         "description": "Active background color of the grid row indicator\n",
         "commentRange": {
-            "start": 582,
-            "end": 583
+            "start": 578,
+            "end": 579
         },
         "context": {
             "type": "variable",
@@ -30435,8 +30835,8 @@
             "value": "k-get-theme-color-var( primary-100 )",
             "scope": "default",
             "line": {
-                "start": 584,
-                "end": 584
+                "start": 580,
+                "end": 580
             }
         },
         "group": [
@@ -30451,8 +30851,8 @@
     {
         "description": "Height of the grid row resize indicator\n",
         "commentRange": {
-            "start": 585,
-            "end": 586
+            "start": 581,
+            "end": 582
         },
         "context": {
             "type": "variable",
@@ -30460,8 +30860,8 @@
             "value": "map.get( $kendo-spacing, 0.5 )",
             "scope": "default",
             "line": {
-                "start": 587,
-                "end": 587
+                "start": 583,
+                "end": 583
             }
         },
         "group": [
@@ -42849,44 +43249,19 @@
         }
     },
     {
-        "description": "The spacing between the Pager sections.\n",
+        "description": "The border radius of the Pager items.\n",
         "commentRange": {
             "start": 64,
             "end": 65
         },
-        "context": {
-            "type": "variable",
-            "name": "kendo-pager-section-spacing",
-            "value": "1em",
-            "scope": "default",
-            "line": {
-                "start": 66,
-                "end": 66
-            }
-        },
-        "group": [
-            "pager"
-        ],
-        "access": "public",
-        "file": {
-            "path": "pager/_variables.scss",
-            "name": "_variables.scss"
-        }
-    },
-    {
-        "description": "The border radius of the Pager items.\n",
-        "commentRange": {
-            "start": 68,
-            "end": 69
-        },
         "context": {
             "type": "variable",
             "name": "kendo-pager-item-border-radius",
             "value": "0",
             "scope": "default",
             "line": {
-                "start": 70,
-                "end": 70
+                "start": 66,
+                "end": 66
             }
         },
         "group": [
@@ -42901,8 +43276,8 @@
     {
         "description": "The spacing around the Pager items.\n",
         "commentRange": {
-            "start": 71,
-            "end": 72
+            "start": 67,
+            "end": 68
         },
         "context": {
             "type": "variable",
@@ -42910,8 +43285,8 @@
             "value": "null",
             "scope": "default",
             "line": {
-                "start": 73,
-                "end": 73
+                "start": 69,
+                "end": 69
             }
         },
         "group": [
@@ -42926,8 +43301,8 @@
     {
         "description": "The spacing between the item groups of the small Pager.\n",
         "commentRange": {
-            "start": 75,
-            "end": 76
+            "start": 71,
+            "end": 72
         },
         "context": {
             "type": "variable",
@@ -42935,8 +43310,8 @@
             "value": "map.get( $kendo-spacing, 2 )",
             "scope": "default",
             "line": {
-                "start": 77,
-                "end": 77
+                "start": 73,
+                "end": 73
             }
         },
         "group": [
@@ -42951,8 +43326,8 @@
     {
         "description": "The spacing between the item groups of the medium Pager.\n",
         "commentRange": {
-            "start": 78,
-            "end": 79
+            "start": 74,
+            "end": 75
         },
         "context": {
             "type": "variable",
@@ -42960,8 +43335,8 @@
             "value": "map.get( $kendo-spacing, 2 )",
             "scope": "default",
             "line": {
-                "start": 80,
-                "end": 80
+                "start": 76,
+                "end": 76
             }
         },
         "group": [
@@ -42976,8 +43351,8 @@
     {
         "description": "The spacing between the item groups of the large Pager.\n",
         "commentRange": {
-            "start": 81,
-            "end": 82
+            "start": 77,
+            "end": 78
         },
         "context": {
             "type": "variable",
@@ -42985,8 +43360,8 @@
             "value": "map.get( $kendo-spacing, 2 )",
             "scope": "default",
             "line": {
-                "start": 83,
-                "end": 83
+                "start": 79,
+                "end": 79
             }
         },
         "group": [
@@ -43001,8 +43376,8 @@
     {
         "description": "The text color of the Pagers' sizes label.\n",
         "commentRange": {
-            "start": 85,
-            "end": 86
+            "start": 81,
+            "end": 82
         },
         "context": {
             "type": "variable",
@@ -43010,8 +43385,8 @@
             "value": "k-get-theme-color-var( neutral-190 )",
             "scope": "default",
             "line": {
-                "start": 87,
-                "end": 87
+                "start": 83,
+                "end": 83
             }
         },
         "group": [
@@ -43026,8 +43401,8 @@
     {
         "description": "The text color of the Pagers' info label.\n",
         "commentRange": {
-            "start": 89,
-            "end": 90
+            "start": 85,
+            "end": 86
         },
         "context": {
             "type": "variable",
@@ -43035,8 +43410,8 @@
             "value": "k-get-theme-color-var( neutral-130 )",
             "scope": "default",
             "line": {
-                "start": 91,
-                "end": 91
+                "start": 87,
+                "end": 87
             }
         },
         "group": [
@@ -43051,8 +43426,8 @@
     {
         "description": "The width of the Inputs in the Pager.\n",
         "commentRange": {
-            "start": 93,
-            "end": 94
+            "start": 89,
+            "end": 90
         },
         "context": {
             "type": "variable",
@@ -43060,8 +43435,8 @@
             "value": "5em",
             "scope": "default",
             "line": {
-                "start": 95,
-                "end": 95
+                "start": 91,
+                "end": 91
             }
         },
         "group": [
@@ -43076,8 +43451,8 @@
     {
         "description": "The width of the DropDowns in the Pager.\n",
         "commentRange": {
-            "start": 96,
-            "end": 97
+            "start": 92,
+            "end": 93
         },
         "context": {
             "type": "variable",
@@ -43085,8 +43460,8 @@
             "value": "5em",
             "scope": "default",
             "line": {
-                "start": 98,
-                "end": 98
+                "start": 94,
+                "end": 94
             }
         },
         "group": [
@@ -43101,8 +43476,8 @@
     {
         "description": "The sizes map of the Pager.\n",
         "commentRange": {
-            "start": 100,
-            "end": 101
+            "start": 96,
+            "end": 97
         },
         "context": {
             "type": "variable",
@@ -43110,8 +43485,8 @@
             "value": "(\n    sm: (\n        padding-x: $kendo-pager-sm-padding-x,\n        padding-y: $kendo-pager-sm-padding-y,\n        item-group-spacing: $kendo-pager-sm-item-group-spacing\n    ),\n    md: (\n        padding-x: $kendo-pager-md-padding-x,\n        padding-y: $kendo-pager-md-padding-y,\n        item-group-spacing: $kendo-pager-md-item-group-spacing\n    ),\n    lg: (\n        padding-x: $kendo-pager-lg-padding-x,\n        padding-y: $kendo-pager-lg-padding-y,\n        item-group-spacing: $kendo-pager-lg-item-group-spacing\n    )\n)",
             "scope": "default",
             "line": {
-                "start": 102,
-                "end": 118
+                "start": 98,
+                "end": 114
             }
         },
         "group": [
@@ -63599,8 +63974,8 @@
     {
         "description": "The width of the border around the TileLayout.\n",
         "commentRange": {
-            "start": 5,
-            "end": 6
+            "start": 6,
+            "end": 7
         },
         "context": {
             "type": "variable",
@@ -63608,8 +63983,8 @@
             "value": "0px",
             "scope": "default",
             "line": {
-                "start": 7,
-                "end": 7
+                "start": 8,
+                "end": 8
             }
         },
         "group": [
@@ -63624,8 +63999,8 @@
     {
         "description": "The background color of the TileLayout.\n",
         "commentRange": {
-            "start": 8,
-            "end": 9
+            "start": 9,
+            "end": 10
         },
         "context": {
             "type": "variable",
@@ -63633,8 +64008,58 @@
             "value": "k-get-theme-color-var( neutral-10 )",
             "scope": "default",
             "line": {
-                "start": 10,
-                "end": 10
+                "start": 11,
+                "end": 11
+            }
+        },
+        "group": [
+            "tilelayout"
+        ],
+        "access": "public",
+        "file": {
+            "path": "tilelayout/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The horizontal padding of the TileLayout.\n",
+        "commentRange": {
+            "start": 13,
+            "end": 14
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-tile-layout-padding-x",
+            "value": "map.get( $kendo-spacing, 4 )",
+            "scope": "default",
+            "line": {
+                "start": 15,
+                "end": 15
+            }
+        },
+        "group": [
+            "tilelayout"
+        ],
+        "access": "public",
+        "file": {
+            "path": "tilelayout/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical padding of the TileLayout\n",
+        "commentRange": {
+            "start": 17,
+            "end": 18
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-tile-layout-padding-y",
+            "value": "$kendo-tile-layout-padding-x",
+            "scope": "default",
+            "line": {
+                "start": 19,
+                "end": 19
             }
         },
         "group": [
@@ -63649,8 +64074,8 @@
     {
         "description": "The width of the border around the TileLayout hint.\n",
         "commentRange": {
-            "start": 12,
-            "end": 13
+            "start": 21,
+            "end": 22
         },
         "context": {
             "type": "variable",
@@ -63658,8 +64083,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 14,
-                "end": 14
+                "start": 23,
+                "end": 23
             }
         },
         "group": [
@@ -63674,8 +64099,8 @@
     {
         "description": "The radius of the border around the TileLayout hint.\n",
         "commentRange": {
-            "start": 15,
-            "end": 16
+            "start": 24,
+            "end": 25
         },
         "context": {
             "type": "variable",
@@ -63683,8 +64108,8 @@
             "value": "var( --kendo-border-radius-lg, initial )",
             "scope": "default",
             "line": {
-                "start": 17,
-                "end": 17
+                "start": 26,
+                "end": 26
             }
         },
         "group": [
@@ -63699,8 +64124,8 @@
     {
         "description": "The color of the border around the TileLayout hint.\n",
         "commentRange": {
-            "start": 18,
-            "end": 19
+            "start": 27,
+            "end": 28
         },
         "context": {
             "type": "variable",
@@ -63708,8 +64133,8 @@
             "value": "var( --kendo-component-border, initial )",
             "scope": "default",
             "line": {
-                "start": 20,
-                "end": 20
+                "start": 29,
+                "end": 29
             }
         },
         "group": [
@@ -63724,8 +64149,8 @@
     {
         "description": "The background color of the TileLayout hint.\n",
         "commentRange": {
-            "start": 21,
-            "end": 22
+            "start": 30,
+            "end": 31
         },
         "context": {
             "type": "variable",
@@ -63733,8 +64158,8 @@
             "value": "rgba(255, 255, 255, .2)",
             "scope": "default",
             "line": {
-                "start": 23,
-                "end": 23
+                "start": 32,
+                "end": 32
             }
         },
         "group": [