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

package/dist/meta/variables.json

@@ -7399,6 +7399,10 @@
         "type": "Color",
         "value": "rgba(0, 0, 0, 0.08)"
     },
+    "kendo-breadcrumb-border-width": {
+        "type": "Number",
+        "value": "0px"
+    },
     "kendo-breadcrumb-margin-x": {
         "type": "Null",
         "value": "null"
@@ -7415,10 +7419,6 @@
         "type": "Null",
         "value": "null"
     },
-    "kendo-breadcrumb-border-width": {
-        "type": "Number",
-        "value": "0px"
-    },
     "kendo-breadcrumb-font-family": {
         "type": "String",
         "value": "inherit"
@@ -7427,10 +7427,34 @@
         "type": "Number",
         "value": "14px"
     },
+    "kendo-breadcrumb-sm-font-size": {
+        "type": "Number",
+        "value": "14px"
+    },
+    "kendo-breadcrumb-md-font-size": {
+        "type": "Number",
+        "value": "14px"
+    },
+    "kendo-breadcrumb-lg-font-size": {
+        "type": "Number",
+        "value": "16px"
+    },
     "kendo-breadcrumb-line-height": {
         "type": "Number",
         "value": "1.4285714286"
     },
+    "kendo-breadcrumb-sm-line-height": {
+        "type": "Number",
+        "value": "1.4285714286"
+    },
+    "kendo-breadcrumb-md-line-height": {
+        "type": "Number",
+        "value": "1.4285714286"
+    },
+    "kendo-breadcrumb-lg-line-height": {
+        "type": "Number",
+        "value": "1.5"
+    },
     "kendo-breadcrumb-bg": {
         "type": "Color",
         "value": "#ffffff"
@@ -7443,38 +7467,86 @@
         "type": "Color",
         "value": "rgba(0, 0, 0, 0.08)"
     },
+    "kendo-breadcrumb-focus-shadow": {
+        "type": "List",
+        "value": "0 0 2px 1px rgba(0, 0, 0, 0.06)"
+    },
     "kendo-breadcrumb-link-padding-x": {
         "type": "Number",
         "value": "8px"
     },
+    "kendo-breadcrumb-sm-link-padding-x": {
+        "type": "Number",
+        "value": "8px"
+    },
+    "kendo-breadcrumb-md-link-padding-x": {
+        "type": "Number",
+        "value": "8px"
+    },
+    "kendo-breadcrumb-lg-link-padding-x": {
+        "type": "Number",
+        "value": "8px"
+    },
     "kendo-breadcrumb-link-padding-y": {
         "type": "Number",
         "value": "6px"
     },
-    "kendo-breadcrumb-link-border-radius": {
+    "kendo-breadcrumb-sm-link-padding-y": {
         "type": "Number",
         "value": "4px"
     },
-    "kendo-breadcrumb-icon-link-padding-x": {
+    "kendo-breadcrumb-md-link-padding-y": {
+        "type": "Number",
+        "value": "6px"
+    },
+    "kendo-breadcrumb-lg-link-padding-y": {
         "type": "Number",
         "value": "8px"
     },
+    "kendo-breadcrumb-link-border-radius": {
+        "type": "Number",
+        "value": "4px"
+    },
     "kendo-breadcrumb-icon-link-padding-y": {
         "type": "Number",
         "value": "8px"
     },
-    "kendo-breadcrumb-root-link-spacing": {
+    "kendo-breadcrumb-sm-icon-link-padding-y": {
+        "type": "Number",
+        "value": "6px"
+    },
+    "kendo-breadcrumb-md-icon-link-padding-y": {
         "type": "Number",
         "value": "8px"
     },
-    "kendo-breadcrumb-link-icon-spacing": {
+    "kendo-breadcrumb-lg-icon-link-padding-y": {
         "type": "Number",
-        "value": "4px"
+        "value": "12px"
+    },
+    "kendo-breadcrumb-icon-link-padding-x": {
+        "type": "Number",
+        "value": "8px"
+    },
+    "kendo-breadcrumb-sm-icon-link-padding-x": {
+        "type": "Number",
+        "value": "6px"
+    },
+    "kendo-breadcrumb-md-icon-link-padding-x": {
+        "type": "Number",
+        "value": "8px"
+    },
+    "kendo-breadcrumb-lg-icon-link-padding-x": {
+        "type": "Number",
+        "value": "12px"
     },
     "kendo-breadcrumb-link-initial-text": {
         "type": "String",
         "value": "inherit"
     },
+    "kendo-breadcrumb-link-icon-spacing": {
+        "type": "Number",
+        "value": "4px"
+    },
     "kendo-breadcrumb-link-bg": {
         "type": "Null",
         "value": "null"
@@ -7567,9 +7639,9 @@
         "type": "Null",
         "value": "null"
     },
-    "kendo-breadcrumb-focus-shadow": {
-        "type": "List",
-        "value": "0 0 2px 1px rgba(0, 0, 0, 0.06)"
+    "kendo-breadcrumb-sizes": {
+        "type": "Map",
+        "value": "(sm: (link-padding-x: 8px, link-padding-y: 4px, icon-link-padding-x: 6px, icon-link-padding-y: 6px, font-size: 14px, line-height: 1.4285714286), md: (link-padding-x: 8px, link-padding-y: 6px, icon-link-padding-x: 8px, icon-link-padding-y: 8px, font-size: 14px, line-height: 1.4285714286), lg: (link-padding-x: 8px, link-padding-y: 8px, icon-link-padding-x: 12px, icon-link-padding-y: 12px, font-size: 16px, line-height: 1.5))"
     },
     "kendo-pager-padding-x": {
         "type": "Number",
@@ -7663,10 +7735,6 @@
         "type": "List",
         "value": "inset 0 0 0 2px rgba(0, 0, 0, 0.13)"
     },
-    "kendo-pager-section-spacing": {
-        "type": "Number",
-        "value": "16px"
-    },
     "kendo-pager-item-border-width": {
         "type": "Number",
         "value": "0px"
@@ -8755,6 +8823,14 @@
         "type": "Color",
         "value": "#fafafa"
     },
+    "kendo-tile-layout-padding-x": {
+        "type": "Number",
+        "value": "16px"
+    },
+    "kendo-tile-layout-padding-y": {
+        "type": "Number",
+        "value": "16px"
+    },
     "kendo-tile-layout-card-border-width": {
         "type": "Number",
         "value": "1px"
@@ -9083,10 +9159,6 @@
         "type": "Number",
         "value": "1px"
     },
-    "kendo-grid-cell-placeholder-line-width": {
-        "type": "Number",
-        "value": "80%"
-    },
     "kendo-grid-bg": {
         "type": "Color",
         "value": "#ffffff"
@@ -11387,14 +11459,6 @@
         "type": "Number",
         "value": "8px"
     },
-    "kendo-chat-toolbar-padding-x": {
-        "type": "Number",
-        "value": "8px"
-    },
-    "kendo-chat-toolbar-padding-y": {
-        "type": "Number",
-        "value": "8px"
-    },
     "kendo-chat-toolbar-spacing": {
         "type": "Number",
         "value": "8px"

package/lib/swatches/default-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.6.1-dev.0",
+    "version": "6.7.0-dev.1",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-dataviz-v4.json

@@ -3,7 +3,7 @@
     "name": "Default Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.6.1-dev.0",
+    "version": "6.7.0-dev.1",
     "api": "legacy",
     "previewColors": [
         "#ff6358",

package/lib/swatches/default-green.json

@@ -3,7 +3,7 @@
     "name": "Default Green",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.6.1-dev.0",
+    "version": "6.7.0-dev.1",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-main-dark.json

@@ -3,7 +3,7 @@
     "name": "Default Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.6.1-dev.0",
+    "version": "6.7.0-dev.1",
     "api": "legacy",
     "previewColors": [
         "#000000",

package/lib/swatches/default-main.json

@@ -3,7 +3,7 @@
     "name": "Default Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.6.1-dev.0",
+    "version": "6.7.0-dev.1",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-nordic.json

@@ -3,7 +3,7 @@
     "name": "Default Nordic",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.6.1-dev.0",
+    "version": "6.7.0-dev.1",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-ocean-blue-a11y.json

@@ -3,7 +3,7 @@
     "name": "Default Ocean Blue A11Y",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.6.1-dev.0",
+    "version": "6.7.0-dev.1",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-ocean-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Ocean Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.6.1-dev.0",
+    "version": "6.7.0-dev.1",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-orange.json

@@ -3,7 +3,7 @@
     "name": "Default Orange",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.6.1-dev.0",
+    "version": "6.7.0-dev.1",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-purple.json

@@ -3,7 +3,7 @@
     "name": "Default Purple",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.6.1-dev.0",
+    "version": "6.7.0-dev.1",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-turquoise.json

@@ -3,7 +3,7 @@
     "name": "Default Turquoise",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.6.1-dev.0",
+    "version": "6.7.0-dev.1",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-urban.json

@@ -3,7 +3,7 @@
     "name": "Default Urban",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.6.1-dev.0",
+    "version": "6.7.0-dev.1",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-default",
   "description": "SASS resources for the default Kendo UI theme",
-  "version": "6.6.1-dev.0",
+  "version": "6.7.0-dev.1",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -50,8 +50,8 @@
   },
   "dependencies": {
     "@progress/kendo-font-icons": "1.8.0",
-    "@progress/kendo-theme-core": "6.6.1-dev.0",
-    "@progress/kendo-theme-utils": "6.6.1-dev.0"
+    "@progress/kendo-theme-core": "6.7.0-dev.1",
+    "@progress/kendo-theme-utils": "6.7.0-dev.1"
   },
-  "gitHead": "9b4a24c9966f1f719705ae2222a1c2a2667ba839"
+  "gitHead": "70c85b28b2e861c628b47fffed4a0284bcf47923"
 }

package/scss/breadcrumb/_layout.scss

@@ -11,8 +11,6 @@
         box-sizing: border-box;
         outline: 0;
         font-family: $kendo-breadcrumb-font-family;
-        font-size: $kendo-breadcrumb-font-size;
-        line-height: $kendo-breadcrumb-line-height;
         display: flex;
         flex-direction: row;
         -webkit-touch-callout: none;
@@ -64,8 +62,6 @@
     .k-breadcrumb-link,
     .k-breadcrumb-root-link {
         @include border-radius( $kendo-breadcrumb-link-border-radius );
-        padding-block: $kendo-breadcrumb-link-padding-y;
-        padding-inline: $kendo-breadcrumb-link-padding-x;
         color: $kendo-breadcrumb-link-initial-text;
         text-decoration: none;
         white-space: nowrap;
@@ -79,21 +75,12 @@
         transition: $kendo-transition;
     }
 
-    .k-breadcrumb-root-link {
-        margin-inline-end: $kendo-breadcrumb-root-link-spacing;
-    }
-
     .k-breadcrumb-link > .k-image,
     .k-breadcrumb-icontext-link .k-icon,
     .k-breadcrumb-icontext-link .k-svg-icon {
         margin-inline-end: $kendo-breadcrumb-link-icon-spacing;
     }
 
-    .k-breadcrumb-icon-link {
-        padding-block: $kendo-breadcrumb-icon-link-padding-y;
-        padding-inline: $kendo-breadcrumb-icon-link-padding-x;
-    }
-
 
     // Breadcrumb delimiter
     .k-breadcrumb-delimiter,
@@ -112,6 +99,34 @@
         }
     }
 
+
+    // Sizes
+    @each $size, $size-props in $kendo-breadcrumb-sizes {
+        $_link-padding-x: k-map-get( $size-props, link-padding-x );
+        $_link-padding-y: k-map-get( $size-props, link-padding-y );
+        $_icon-link-padding-x: k-map-get( $size-props, icon-link-padding-x );
+        $_icon-link-padding-y: k-map-get( $size-props, icon-link-padding-y );
+        $_font-size: k-map-get( $size-props, font-size );
+        $_line-height: k-map-get( $size-props, line-height );
+
+        .k-breadcrumb-#{$size} {
+            font-size: $_font-size;
+            line-height: $_line-height;
+
+
+            .k-breadcrumb-link,
+            .k-breadcrumb-root-link {
+                padding-block: $_link-padding-y;
+                padding-inline: $_link-padding-x;
+            }
+
+            .k-breadcrumb-icon-link {
+                padding-block: $_icon-link-padding-y;
+                padding-inline: $_icon-link-padding-x;
+            }
+        }
+    }
+
 }
 
 

package/scss/breadcrumb/_variables.scss

@@ -1,59 +1,230 @@
 // Breadcrumb
 
+/// The width of the border around the Breadcrumb.
+/// @group breadcrumb
+$kendo-breadcrumb-border-width: 0px !default;
+
+/// The horizontal margin of the Breadcrumb.
+/// @group breadcrumb
 $kendo-breadcrumb-margin-x: null !default;
+/// The vertical margin of the Breadcrumb.
+/// @group breadcrumb
 $kendo-breadcrumb-margin-y: null !default;
+/// The horizontal padding of the Breadcrumb.
+/// @group breadcrumb
 $kendo-breadcrumb-padding-x: null !default;
+/// The vertical padding of the Breadcrumb.
+/// @group breadcrumb
 $kendo-breadcrumb-padding-y: null !default;
-$kendo-breadcrumb-border-width: 0px !default;
 
+/// The font family of the Breadcrumb.
+/// @group breadcrumb
 $kendo-breadcrumb-font-family: $kendo-font-family !default;
+
+/// The font size of the Breadcrumb.
+/// @group breadcrumb
 $kendo-breadcrumb-font-size: $kendo-font-size-md !default;
+/// The font size of the small Breadcrumb.
+/// @group breadcrumb
+$kendo-breadcrumb-sm-font-size: $kendo-font-size-md !default;
+/// The font size of the medium Breadcrumb.
+/// @group breadcrumb
+$kendo-breadcrumb-md-font-size: $kendo-breadcrumb-font-size !default;
+/// The font size of the large Breadcrumb.
+/// @group breadcrumb
+$kendo-breadcrumb-lg-font-size: $kendo-font-size-lg !default;
+
+/// The line-height of the Breadcrumb.
+/// @group breadcrumb
 $kendo-breadcrumb-line-height: $kendo-line-height-md !default;
+/// The line-height of the small Breadcrumb.
+/// @group breadcrumb
+$kendo-breadcrumb-sm-line-height: $kendo-line-height-md !default;
+/// The line-height of the medium Breadcrumb.
+/// @group breadcrumb
+$kendo-breadcrumb-md-line-height: $kendo-breadcrumb-line-height !default;
+/// The line-height of the height Breadcrumb.
+/// @group breadcrumb
+$kendo-breadcrumb-lg-line-height: $kendo-line-height-lg !default;
 
+/// The base background of the Breadcrumb.
+/// @group breadcrumb
 $kendo-breadcrumb-bg: $kendo-component-bg !default;
+/// The base text color of the Breadcrumb.
+/// @group breadcrumb
 $kendo-breadcrumb-text: $kendo-component-text !default;
+/// The base border color of the Breadcrumb.
+/// @group breadcrumb
 $kendo-breadcrumb-border: $kendo-component-border !default;
 
+/// The box shadow of the focused Breadcrumb.
+/// @group breadcrumb
+$kendo-breadcrumb-focus-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default;
+
+/// The horizontal padding of the Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+/// The horizontal padding of the small Breadcrumb link.
+/// @group breadcrumb
+$kendo-breadcrumb-sm-link-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+/// The horizontal padding of the medium Breadcrumb link.
+/// @group breadcrumb
+$kendo-breadcrumb-md-link-padding-x: $kendo-breadcrumb-link-padding-x !default;
+/// The horizontal padding of the large Breadcrumb link.
+/// @group breadcrumb
+$kendo-breadcrumb-lg-link-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
+
+/// The vertical padding of the Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
+/// The vertical padding of the small Breadcrumb link.
+/// @group breadcrumb
+$kendo-breadcrumb-sm-link-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
+/// The vertical padding of the medium Breadcrumb link.
+/// @group breadcrumb
+$kendo-breadcrumb-md-link-padding-y: $kendo-breadcrumb-link-padding-y !default;
+/// The vertical padding of the large Breadcrumb link.
+/// @group breadcrumb
+$kendo-breadcrumb-lg-link-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+
+/// The border-radius of the Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-border-radius: $kendo-border-radius-md !default;
 
-$kendo-breadcrumb-icon-link-padding-x: $kendo-breadcrumb-link-padding-x !default;
-$kendo-breadcrumb-icon-link-padding-y: $kendo-breadcrumb-icon-link-padding-x !default;
+/// The vertical padding of the Breadcrumb link icon.
+/// @group breadcrumb
+$kendo-breadcrumb-icon-link-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
+/// The vertical padding of the small Breadcrumb link icon.
+/// @group breadcrumb
+$kendo-breadcrumb-sm-icon-link-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
+/// The vertical padding of the medium Breadcrumb link icon.
+/// @group breadcrumb
+$kendo-breadcrumb-md-icon-link-padding-y: $kendo-breadcrumb-icon-link-padding-y !default;
+/// The vertical padding of the large Breadcrumb link icon.
+/// @group breadcrumb
+$kendo-breadcrumb-lg-icon-link-padding-y: k-map-get( $kendo-spacing, 3 ) !default;
 
-$kendo-breadcrumb-root-link-spacing: $kendo-breadcrumb-link-padding-x !default;
-$kendo-breadcrumb-link-icon-spacing: $kendo-icon-spacing !default;
+/// The horizontal padding of the Breadcrumb link icon.
+/// @group breadcrumb
+$kendo-breadcrumb-icon-link-padding-x: $kendo-breadcrumb-icon-link-padding-y !default;
+/// The horizontal padding of the small Breadcrumb link icon.
+/// @group breadcrumb
+$kendo-breadcrumb-sm-icon-link-padding-x: $kendo-breadcrumb-sm-icon-link-padding-y !default;
+/// The horizontal padding of the medium Breadcrumb link icon.
+/// @group breadcrumb
+$kendo-breadcrumb-md-icon-link-padding-x: $kendo-breadcrumb-icon-link-padding-x !default;
+/// The horizontal padding of the large Breadcrumb link icon.
+/// @group breadcrumb
+$kendo-breadcrumb-lg-icon-link-padding-x: $kendo-breadcrumb-lg-icon-link-padding-y !default;
 
+/// The text color of the Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-initial-text: inherit !default;
+/// The spacing of the Breadcrumb link icon.
+/// @group breadcrumb
+$kendo-breadcrumb-link-icon-spacing: $kendo-icon-spacing !default;
 
+/// The background color of the Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-bg: null !default;
+/// The text color of the Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-text: $kendo-link-text !default;
+/// The border color of the Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-border: null !default;
 
+/// The background color of the hovered Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-hover-bg: $kendo-base-bg !default;
+/// The text color of the hovered Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-hover-text: $kendo-link-hover-text !default;
+/// The border color of the hovered Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-hover-border: null !default;
 
+/// The background color of the focused Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-focus-bg: null !default;
+/// The text color of the focused Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-focus-text: $kendo-link-text !default;
+/// The border color of the focused Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-focus-border: null !default;
+/// The box shadow of the focused Breadcrumb link.
+/// @group breadcrumb
 $kendo-breadcrumb-link-focus-shadow: $kendo-focus-shadow !default;
 
+/// The background color of the Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-root-link-bg: null !default;
+/// The text color of the Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-root-link-text: null !default;
+/// The border color of the Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-root-link-border: null !default;
 
+/// The background color of the hovered Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-root-link-hover-bg: $kendo-base-bg !default;
+/// The text color of the hovered Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-root-link-hover-text: null !default;
+/// The border color of the hovered Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-root-link-hover-border: null !default;
 
+/// The background color of the focused Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-root-link-focus-bg: null !default;
+/// The text color of the focused Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-root-link-focus-text: null !default;
+/// The border color of the focused Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-root-link-focus-border: null !default;
+/// The box shadow of the focused Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-root-link-focus-shadow: $kendo-breadcrumb-link-focus-shadow !default;
 
+/// The background color of the current Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-current-item-bg: null !default;
+/// The text color of the current Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-current-item-text: null !default;
+/// The border color of the current Breadcrumb root link.
+/// @group breadcrumb
 $kendo-breadcrumb-current-item-border: null !default;
 
-$kendo-breadcrumb-focus-shadow: 0 0 2px 1px rgba(0, 0, 0, .06) !default;
+/// The sizes map for the Breadcrumb.
+/// @group breadcrumb
+$kendo-breadcrumb-sizes: (
+    sm: (
+        link-padding-x: $kendo-breadcrumb-sm-link-padding-x,
+        link-padding-y: $kendo-breadcrumb-sm-link-padding-y,
+        icon-link-padding-x: $kendo-breadcrumb-sm-icon-link-padding-x,
+        icon-link-padding-y: $kendo-breadcrumb-sm-icon-link-padding-y,
+        font-size: $kendo-breadcrumb-sm-font-size,
+        line-height: $kendo-breadcrumb-sm-line-height
+    ),
+    md: (
+        link-padding-x: $kendo-breadcrumb-md-link-padding-x,
+        link-padding-y: $kendo-breadcrumb-md-link-padding-y,
+        icon-link-padding-x: $kendo-breadcrumb-md-icon-link-padding-x,
+        icon-link-padding-y: $kendo-breadcrumb-md-icon-link-padding-y,
+        font-size: $kendo-breadcrumb-md-font-size,
+        line-height: $kendo-breadcrumb-md-line-height
+    ),
+    lg: (
+        link-padding-x: $kendo-breadcrumb-lg-link-padding-x,
+        link-padding-y: $kendo-breadcrumb-lg-link-padding-y,
+        icon-link-padding-x: $kendo-breadcrumb-lg-icon-link-padding-x,
+        icon-link-padding-y: $kendo-breadcrumb-lg-icon-link-padding-y,
+        font-size: $kendo-breadcrumb-lg-font-size,
+        line-height: $kendo-breadcrumb-lg-line-height
+    )
+) !default;