@progress/kendo-theme-fluent 12.3.1-dev.9 → 13.0.0-dev.0

package/lib/swatches/all.json

@@ -3,7 +3,7 @@
     "name": "All",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "12.3.1-dev.9",
+    "version": "13.0.0-dev.0",
     "api": "modern",
     "previewColors": [
         "#ffffff",

package/lib/swatches/fluent-1-dark.json

@@ -3,7 +3,7 @@
     "name": "Fluent 1 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "12.3.1-dev.9",
+    "version": "13.0.0-dev.0",
     "previewColors": [
         "#1b1a19",
         "#21201f",

package/lib/swatches/fluent-1.json

@@ -3,7 +3,7 @@
     "name": "Fluent 1",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "12.3.1-dev.9",
+    "version": "13.0.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#faf9f8",

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

@@ -3,7 +3,7 @@
     "name": "Fluent Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "12.3.1-dev.9",
+    "version": "13.0.0-dev.0",
     "previewColors": [
         "#1F1F1F",
         "#292929",

package/lib/swatches/fluent-main.json

@@ -3,7 +3,7 @@
     "name": "Fluent Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "12.3.1-dev.9",
+    "version": "13.0.0-dev.0",
     "previewColors": [
         "#fafafa",
         "#ffffff",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-fluent",
   "description": "A css variables based theme for Kendo UI that follows the Fluent design system guidelines.",
-  "version": "12.3.1-dev.9",
+  "version": "13.0.0-dev.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -54,13 +54,13 @@
     "postpublish": "echo 'no postpublish for the Fluent theme'"
   },
   "dependencies": {
-    "@progress/kendo-svg-icons": "^4.5.0",
-    "@progress/kendo-theme-core": "12.3.1-dev.9",
-    "@progress/kendo-theme-utils": "12.3.1-dev.9"
+    "@progress/kendo-svg-icons": "^4.6.0",
+    "@progress/kendo-theme-core": "13.0.0-dev.0",
+    "@progress/kendo-theme-utils": "13.0.0-dev.0"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "e6025541f799e3406a80a4482195258ab21dd08a"
+  "gitHead": "38e27eadee8553fb04c4e46f57812022ff2e149b"
 }

package/scss/appbar/_variables.scss

@@ -2,6 +2,11 @@
 @use "../core/z-index/index.scss" as *;
 @use "../core/_index.scss" as *;
 
+/// The default theme color of the AppBar.
+/// @group appbar
+/// @role default
+$kendo-appbar-default-theme-color: "light" !default;
+
 /// The horizontal margin of the AppBar.
 /// @group appbar
 $kendo-appbar-margin-x: var( --kendo-appbar-margin-x, k-spacing(0) ) !default;
@@ -58,21 +63,6 @@ $kendo-appbar-dark-bg: k-color(dark) !default;
 /// @group appbar
 $kendo-appbar-dark-text: k-color(on-dark) !default;
 
-/// The theme colors map for the AppBar variations.
-/// @group appbar
-$kendo-appbar-theme-colors: (
-    "primary": k-color(primary),
-    "secondary": k-color(secondary),
-    "tertiary": k-color(tertiary),
-    "info": k-color(info),
-    "success": k-color(success),
-    "warning": k-color(warning),
-    "error": k-color(error),
-    "dark": k-color(dark),
-    "light": k-color(light),
-    "inverse": if($kendo-is-dark-theme, k-color(light), k-color(dark)),
-) !default;
-
 @forward "@progress/kendo-theme-core/scss/components/appbar/_variables.scss" with (
     $kendo-appbar-margin-x: $kendo-appbar-margin-x,
     $kendo-appbar-margin-y: $kendo-appbar-margin-y,
@@ -88,5 +78,5 @@ $kendo-appbar-theme-colors: (
     $kendo-appbar-dark-bg: $kendo-appbar-dark-bg,
     $kendo-appbar-light-text: $kendo-appbar-light-text,
     $kendo-appbar-dark-text: $kendo-appbar-dark-text,
-    $kendo-appbar-theme-colors: $kendo-appbar-theme-colors
+    $kendo-appbar-default-theme-color: $kendo-appbar-default-theme-color
 );

package/scss/avatar/_variables.scss

@@ -1,10 +1,31 @@
 @use "sass:map";
 @use "../core/_index.scss" as *;
 
+/// The default theme color of the Avatar.
+/// @group avatar
+/// @role default
+$kendo-avatar-default-theme-color: "primary" !default;
+/// The default fill mode of the Avatar.
+/// @group avatar
+/// @role default
+$kendo-avatar-default-fill-mode: "solid" !default;
+/// The default roundness of the Avatar.
+/// @group avatar
+/// @role default
+$kendo-avatar-default-roundness: "full" !default;
+/// The default size of the Avatar.
+/// @group avatar
+/// @role default
+$kendo-avatar-default-size: "md" !default;
+
 /// The border width of the Avatar.
 /// @group avatar
 $kendo-avatar-border-width: var( --kendo-avatar-border-width, 1px ) !default;
 
+/// The border radius of the Avatar.
+/// @group avatar
+$kendo-avatar-border-radius: null !default;
+
 /// The font family of the Avatar.
 /// @group avatar
 $kendo-avatar-font-family: var( --kendo-avatar-font-family, var( --kendo-font-family, inherit ) ) !default;
@@ -15,34 +36,27 @@ $kendo-avatar-font-size: var( --kendo-avatar-font-size, var( --kendo-font-size,
 /// @group avatar
 $kendo-avatar-line-height: var( --kendo-avatar-line-height, var( --kendo-line-height, inherit ) ) !default;
 
-/// The sizes map of the Avatar.
+/// The small size of the Avatar.
 /// @group avatar
-$kendo-avatar-sizes: (
-    sm: k-spacing(4),
-    md: k-spacing(8),
-    lg: k-spacing(16)
-) !default;
-
-/// The theme colors map for the Avatar variations.
-/// @group avatar
-$kendo-avatar-theme-colors: (
-    "primary": k-color(primary),
-    "secondary": k-color(secondary),
-    "tertiary": k-color(tertiary),
-    "info": k-color(info),
-    "success": k-color(success),
-    "warning": k-color(warning),
-    "error": k-color(error),
-    "dark": k-color(dark),
-    "light": k-color(light),
-    "inverse": if($kendo-is-dark-theme, k-color(light), k-color(dark))
-) !default;
+$kendo-avatar-sm-size: k-spacing(4) !default;
+/// The medium size of the Avatar.
+/// @group avatar
+$kendo-avatar-md-size: k-spacing(8) !default;
+/// The large size of the Avatar.
+/// @group avatar
+$kendo-avatar-lg-size: k-spacing(16) !default;
 
 @forward "@progress/kendo-theme-core/scss/components/avatar/_variables.scss" with (
+    $kendo-avatar-default-theme-color: $kendo-avatar-default-theme-color,
+    $kendo-avatar-default-fill-mode: $kendo-avatar-default-fill-mode,
+    $kendo-avatar-default-roundness: $kendo-avatar-default-roundness,
+    $kendo-avatar-default-size: $kendo-avatar-default-size,
     $kendo-avatar-border-width: $kendo-avatar-border-width,
+    $kendo-avatar-border-radius: $kendo-avatar-border-radius,
     $kendo-avatar-font-family: $kendo-avatar-font-family,
     $kendo-avatar-font-size: $kendo-avatar-font-size,
     $kendo-avatar-line-height: $kendo-avatar-line-height,
-    $kendo-avatar-sizes: $kendo-avatar-sizes,
-    $kendo-avatar-theme-colors: $kendo-avatar-theme-colors
+    $kendo-avatar-sm-size: $kendo-avatar-sm-size,
+    $kendo-avatar-md-size: $kendo-avatar-md-size,
+    $kendo-avatar-lg-size: $kendo-avatar-lg-size
 );

package/scss/badge/_theme.scss

@@ -1,24 +1,38 @@
 @use "sass:map";
 @use "../core/_index.scss" as *;
 @use "./_variables.scss" as *;
+@use "../core/functions/index.scss" as *;
 @use "@progress/kendo-theme-core/scss/components/badge/_theme.scss" as *;
 
 @mixin kendo-badge--theme() {
     @include kendo-badge--theme-base();
 
-    .k-badge-solid-base {
-        color: $kendo-badge-text;
-        background-color: $kendo-badge-bg;
-        border-color: $kendo-badge-border;
-    }
+    .k-badge {
 
-    .k-badge-outline-base {
-        border-color: $kendo-badge-border;
-    }
+        #{k-when-default($kendo-badge-default-fill-mode, "solid")}
+        &.k-badge-solid {
+            #{k-when-default($kendo-badge-default-theme-color, "base")}
+            &.k-badge-base {
+                color: $kendo-badge-text;
+                background-color: $kendo-badge-bg;
+                border-color: $kendo-badge-border;
+            }
+        }
 
-    @each $name, $color in $kendo-badge-theme-colors {
-        .k-badge-outline-#{$name} {
-            color: k-color(#{$name}-on-surface);
+        #{k-when-default($kendo-badge-default-fill-mode, "outline")}
+        &.k-badge-outline {
+            #{k-when-default($kendo-badge-default-theme-color, "base")}
+            &.k-badge-base {
+                border-color: $kendo-badge-border;
+            }
+
+            @each $name in $kendo-badge-theme-colors {
+                #{k-when-default($kendo-badge-default-theme-color, $name)}
+                &.k-badge-#{$name} {
+                    color: k-color(#{$name}-on-surface);
+                }
+            }
         }
     }
+
 }

package/scss/badge/_variables.scss

@@ -1,6 +1,23 @@
 @use "sass:map";
 @use "../core/_index.scss" as *;
 
+/// The default theme color of the Badge.
+/// @group badge
+/// @role default
+$kendo-badge-default-theme-color: "primary" !default;
+/// The default fill mode of the Badge.
+/// @group badge
+/// @role default
+$kendo-badge-default-fill-mode: "solid" !default;
+/// The default size of the Badge.
+/// @group badge
+/// @role default
+$kendo-badge-default-size: "md" !default;
+/// The default roundness of the Badge.
+/// @group badge
+/// @role default
+$kendo-badge-default-roundness: "md" !default;
+
 /// The background color of the Badge.
 /// @group badge
 $kendo-badge-bg: var( --kendo-badge-bg, k-color(surface-alt) ) !default;
@@ -70,48 +87,12 @@ $kendo-badge-md-min-width: calc( #{$kendo-badge-md-line-height} * 1em + #{$kendo
 $kendo-badge-lg-min-width: calc( #{$kendo-badge-lg-line-height} * 1em + #{$kendo-badge-lg-padding-y} * 2 + #{$kendo-badge-border-width} * 2 ) !default;
 
 
-/// The sizes map for the Badge.
-/// @group badge
-$kendo-badge-sizes: (
-    sm: (
-        padding-x: $kendo-badge-sm-padding-x,
-        padding-y: $kendo-badge-sm-padding-y,
-        font-size: $kendo-badge-sm-font-size,
-        line-height: $kendo-badge-sm-line-height,
-        min-width: $kendo-badge-sm-min-width
-    ),
-    md: (
-        padding-x: $kendo-badge-md-padding-x,
-        padding-y: $kendo-badge-md-padding-y,
-        font-size: $kendo-badge-md-font-size,
-        line-height: $kendo-badge-md-line-height,
-        min-width: $kendo-badge-md-min-width
-    ),
-    lg: (
-        padding-x: $kendo-badge-lg-padding-x,
-        padding-y: $kendo-badge-lg-padding-y,
-        font-size: $kendo-badge-lg-font-size,
-        line-height: $kendo-badge-lg-line-height,
-        min-width: $kendo-badge-lg-min-width
-    )
-) !default;
-
-/// The theme colors map for the Badge variations.
-/// @group badge
-$kendo-badge-theme-colors: (
-    "primary": k-color(primary),
-    "secondary": k-color(secondary),
-    "tertiary": k-color(tertiary),
-    "info": k-color(info),
-    "success": k-color(success),
-    "warning": k-color(warning),
-    "error": k-color(error),
-    "dark": k-color(dark),
-    "light": k-color(light),
-    "inverse": if($kendo-is-dark-theme, k-color(light), k-color(dark)),
-) !default;
 
 @forward "@progress/kendo-theme-core/scss/components/badge/_variables.scss" with (
+    $kendo-badge-default-theme-color: $kendo-badge-default-theme-color,
+    $kendo-badge-default-fill-mode: $kendo-badge-default-fill-mode,
+    $kendo-badge-default-size: $kendo-badge-default-size,
+    $kendo-badge-default-roundness: $kendo-badge-default-roundness,
     $kendo-badge-border-width: $kendo-badge-border-width,
     $kendo-badge-sm-padding-x: $kendo-badge-sm-padding-x,
     $kendo-badge-md-padding-x: $kendo-badge-md-padding-x,
@@ -127,7 +108,5 @@ $kendo-badge-theme-colors: (
     $kendo-badge-lg-line-height: $kendo-badge-lg-line-height,
     $kendo-badge-sm-min-width: $kendo-badge-sm-min-width,
     $kendo-badge-md-min-width: $kendo-badge-md-min-width,
-    $kendo-badge-lg-min-width: $kendo-badge-lg-min-width,
-    $kendo-badge-sizes: $kendo-badge-sizes,
-    $kendo-badge-theme-colors: $kendo-badge-theme-colors
+    $kendo-badge-lg-min-width: $kendo-badge-lg-min-width
 );

package/scss/bottom-navigation/_theme.scss

@@ -1,5 +1,6 @@
 @use "sass:map";
 @use "../core/_index.scss" as *;
+@use "../core/functions/index.scss" as *;
 @use "./_variables.scss" as *;
 @use "@progress/kendo-theme-core/scss/components/bottom-navigation/_theme.scss" as *;
 
@@ -7,74 +8,88 @@
 
     @include kendo-bottom-navigation--theme-base();
 
-    @each $name, $color in $kendo-bottom-navigation-theme-colors {
-        .k-bottom-nav-solid-#{$name} {
-            color: k-color(on-#{$name});
-            background-color: k-color(#{$name});
-            border-color: k-color(#{$name});
+    .k-bottom-nav {
 
-            .k-bottom-nav-item {
-                &:focus,
-                &.k-focus {
+        // Fillmode: solid
+        #{k-when-default($kendo-bottom-nav-default-fill-mode, "solid")}
+        &.k-bottom-nav-solid {
+            // Theme colors
+            @each $name in $kendo-bottom-navigation-theme-colors {
+                #{k-when-default($kendo-bottom-nav-default-theme-color, $name)}
+                &.k-bottom-nav-#{$name} {
                     color: k-color(on-#{$name});
                     background-color: k-color(#{$name});
                     border-color: k-color(#{$name});
-                    box-shadow: 0 0 0 2px k-color(border-alt) inset, 0 0 0 3px k-color(surface) inset;
-                }
 
-                &:active,
-                &.k-active,
-                &.k-selected {
-                    color: k-color(on-#{$name});
-                    background-color: k-color(#{$name}-active);
-                    border-color: k-color(#{$name}-active);
-                }
+                    .k-bottom-nav-item {
+                        &:focus,
+                        &.k-focus {
+                            color: k-color(on-#{$name});
+                            background-color: k-color(#{$name});
+                            border-color: k-color(#{$name});
+                            box-shadow: 0 0 0 2px k-color(border-alt) inset, 0 0 0 3px k-color(surface) inset;
+                        }
 
-                &:disabled,
-                &.k-disabled {
-                    color: color-mix(in srgb, k-color(on-#{$name}) 46%, transparent);
-                    background-color: inherit;
-                    border-color: transparent;
+                        &:active,
+                        &.k-active,
+                        &.k-selected {
+                            color: k-color(on-#{$name});
+                            background-color: k-color(#{$name}-active);
+                            border-color: k-color(#{$name}-active);
+                        }
+
+                        &:disabled,
+                        &.k-disabled {
+                            color: color-mix(in srgb, k-color(on-#{$name}) 46%, transparent);
+                            background-color: inherit;
+                            border-color: transparent;
+                        }
+                    }
                 }
             }
         }
-    }
 
-    @each $name, $color in $kendo-bottom-navigation-theme-colors {
-        .k-bottom-nav-flat-#{$name} {
-            color: k-color(on-app-surface);
-            background-color: k-color(app-surface);
-            border-color: color-mix(in srgb, k-color(border) 16%, transparent);
+        // Fillmode: flat
+        #{k-when-default($kendo-bottom-nav-default-fill-mode, "flat")}
+        &.k-bottom-nav-flat {
+            // Theme colors
+            @each $name in $kendo-bottom-navigation-theme-colors {
+                #{k-when-default($kendo-bottom-nav-default-theme-color, $name)}
+                &.k-bottom-nav-#{$name} {
+                    color: k-color(on-app-surface);
+                    background-color: k-color(app-surface);
+                    border-color: color-mix(in srgb, k-color(border) 16%, transparent);
 
-            .k-bottom-nav-item {
-                &:focus,
-                &.k-focus {
-                    color: k-color(#{$name}-on-surface);
-                    background-color: inherit;
-                    border-color: transparent;
-                    box-shadow: 0 0 0 2px k-color(border-alt) inset;
-                }
+                    .k-bottom-nav-item {
+                        &:focus,
+                        &.k-focus {
+                            color: k-color(#{$name}-on-surface);
+                            background-color: inherit;
+                            border-color: transparent;
+                            box-shadow: 0 0 0 2px k-color(border-alt) inset;
+                        }
 
-                &:active,
-                &.k-active,
-                &.k-selected {
-                    color: k-color(#{$name}-on-surface);
-                    background-color: inherit;
-                    border-color: transparent;
-                }
+                        &:active,
+                        &.k-active,
+                        &.k-selected {
+                            color: k-color(#{$name}-on-surface);
+                            background-color: inherit;
+                            border-color: transparent;
+                        }
+
+                        &:disabled,
+                        &.k-disabled {
+                            color: color-mix(in srgb, k-color(on-app-surface) 46%, transparent);
+                            background-color: initial;
+                            border-color: initial;
+                        }
+                    }
 
-                &:disabled,
-                &.k-disabled {
-                    color: color-mix(in srgb, k-color(on-app-surface) 46%, transparent);
-                    background-color: initial;
-                    border-color: initial;
+                    @if ($name == "warning" or $name == "dark" or $name == "inverse") {
+                        border-color: k-color(#{$name});
+                    }
                 }
             }
         }
-        @if ($name == "warning" or $name == "dark" or $name == "inverse") {
-            .k-bottom-nav-flat-#{$name} {
-                border-color: k-color(#{$name});
-            }
-        }
     }
 }

package/scss/bottom-navigation/_variables.scss

@@ -1,6 +1,15 @@
 @use "sass:map";
 @use "../core/_index.scss" as *;
 
+/// The default theme color of the BottomNavigation.
+/// @group bottom-navigation
+/// @role default
+$kendo-bottom-nav-default-theme-color: "primary" !default;
+/// The default fill mode of the BottomNavigation.
+/// @group bottom-navigation
+/// @role default
+$kendo-bottom-nav-default-fill-mode: "flat" !default;
+
 /// The horizontal padding of the BottomNavigation.
 /// @group bottom-navigation
 $kendo-bottom-nav-padding-x: var( --kendo-bottom-nav-padding-x, k-spacing(1.5) ) !default;
@@ -62,23 +71,9 @@ $kendo-bottom-nav-flat-bg: var( --kendo-bottom-nav-bg, k-color(app-surface) ) !d
 /// @group bottom-navigation
 $kendo-bottom-nav-flat-border: var( --kendo-bottom-nav-border, k-color(border) ) !default;
 
-/// The navigation theme colors of the BottomNavigation.
-/// @group bottom-navigation
-$kendo-bottom-navigation-theme-colors: (
-    "base": k-color(base),
-    "primary": k-color(primary),
-    "secondary": k-color(secondary),
-    "tertiary": k-color(tertiary),
-    "info": k-color(info),
-    "success": k-color(success),
-    "warning": k-color(warning),
-    "error": k-color(error),
-    "dark": k-color(dark),
-    "light": k-color(light),
-    "inverse": if($kendo-is-dark-theme, k-color(light), k-color(dark))
-) !default;
-
 @forward "@progress/kendo-theme-core/scss/components/bottom-navigation/_variables.scss" with (
+    $kendo-bottom-nav-default-theme-color: $kendo-bottom-nav-default-theme-color,
+    $kendo-bottom-nav-default-fill-mode: $kendo-bottom-nav-default-fill-mode,
     $kendo-bottom-nav-padding-x: $kendo-bottom-nav-padding-x,
     $kendo-bottom-nav-padding-y: $kendo-bottom-nav-padding-y,
     $kendo-bottom-nav-gap: $kendo-bottom-nav-gap,
@@ -97,6 +92,5 @@ $kendo-bottom-navigation-theme-colors: (
     $kendo-bottom-nav-shadow: $kendo-bottom-nav-shadow,
     $kendo-bottom-nav-flat-text: $kendo-bottom-nav-flat-text,
     $kendo-bottom-nav-flat-bg: $kendo-bottom-nav-flat-bg,
-    $kendo-bottom-nav-flat-border: $kendo-bottom-nav-flat-border,
-    $kendo-bottom-navigation-theme-colors: $kendo-bottom-navigation-theme-colors
+    $kendo-bottom-nav-flat-border: $kendo-bottom-nav-flat-border
 );

package/scss/breadcrumb/_variables.scss

@@ -2,6 +2,11 @@
 @use "../core/_index.scss" as *;
 @use "../icons/_variables.scss" as *;
 
+/// The default size of the Breadcrumb.
+/// @group breadcrumb
+/// @role default
+$kendo-breadcrumb-default-size: "md" !default;
+
 /// The horizontal margin of the Breadcrumb
 /// @group breadcrumb
 $kendo-breadcrumb-margin-x: var( --kendo-breadcrumb-margin-x, k-spacing(0) ) !default;
@@ -236,36 +241,8 @@ $kendo-breadcrumb-lg-icon-link-padding-x: var( --kendo-breadcrumb-icon-link-padd
 $kendo-breadcrumb-link-icon-spacing: k-spacing(0.5) !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;
-
 @forward "@progress/kendo-theme-core/scss/components/breadcrumb/_variables.scss" with (
+    $kendo-breadcrumb-default-size: $kendo-breadcrumb-default-size,
     $kendo-breadcrumb-border-width: $kendo-breadcrumb-border-width,
     $kendo-breadcrumb-margin-x: $kendo-breadcrumb-margin-x,
     $kendo-breadcrumb-margin-y: $kendo-breadcrumb-margin-y,
@@ -322,5 +299,4 @@ $kendo-breadcrumb-sizes: (
     $kendo-breadcrumb-current-item-bg: $kendo-breadcrumb-current-item-bg,
     $kendo-breadcrumb-current-item-text: $kendo-breadcrumb-current-item-text,
     $kendo-breadcrumb-current-item-border: $kendo-breadcrumb-current-item-border,
-    $kendo-breadcrumb-sizes: $kendo-breadcrumb-sizes
 );