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

package/dist/all.css

@@ -44550,6 +44550,8 @@ kendo-card-footer {
     box-sizing: border-box;
     outline: 0;
     font-family: Roboto, "Helvetica Neue", sans-serif;
+    font-size: 14px;
+    line-height: 2;
     display: flex;
     flex-direction: row;
     -webkit-touch-callout: none;
@@ -44593,6 +44595,8 @@ kendo-card-footer {
 .k-breadcrumb-link,
 .k-breadcrumb-root-link {
     border-radius: 4px;
+    padding-block: 4px;
+    padding-inline: 10px;
     color: inherit;
     text-decoration: none;
     white-space: nowrap;
@@ -44606,12 +44610,21 @@ kendo-card-footer {
     transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
 }
 
+.k-breadcrumb-root-link {
+    margin-inline-end: 10px;
+}
+
 .k-breadcrumb-link > .k-image,
 .k-breadcrumb-icontext-link .k-icon,
 .k-breadcrumb-icontext-link .k-svg-icon {
     margin-inline-end: 8px;
 }
 
+.k-breadcrumb-icon-link {
+    padding-block: 10px;
+    padding-inline: 10px;
+}
+
 .k-breadcrumb-delimiter,
 .k-breadcrumb-delimiter-icon {
     color: inherit;
@@ -44626,54 +44639,6 @@ kendo-card-footer {
     border-color: transparent;
 }
 
-.k-breadcrumb-sm {
-    font-size: 14px;
-    line-height: 2;
-}
-
-.k-breadcrumb-sm .k-breadcrumb-link,
-.k-breadcrumb-sm .k-breadcrumb-root-link {
-    padding-block: 2px;
-    padding-inline: 10px;
-}
-
-.k-breadcrumb-sm .k-breadcrumb-icon-link {
-    padding-block: 8px;
-    padding-inline: 8px;
-}
-
-.k-breadcrumb-md {
-    font-size: 14px;
-    line-height: 2;
-}
-
-.k-breadcrumb-md .k-breadcrumb-link,
-.k-breadcrumb-md .k-breadcrumb-root-link {
-    padding-block: 4px;
-    padding-inline: 10px;
-}
-
-.k-breadcrumb-md .k-breadcrumb-icon-link {
-    padding-block: 10px;
-    padding-inline: 10px;
-}
-
-.k-breadcrumb-lg {
-    font-size: 14px;
-    line-height: 2;
-}
-
-.k-breadcrumb-lg .k-breadcrumb-link,
-.k-breadcrumb-lg .k-breadcrumb-root-link {
-    padding-block: 6px;
-    padding-inline: 10px;
-}
-
-.k-breadcrumb-lg .k-breadcrumb-icon-link {
-    padding-block: 12px;
-    padding-inline: 12px;
-}
-
 .k-breadcrumb {
     border-color: rgba(0, 0, 0, 0.12);
     color: rgba(0, 0, 0, 0.87);
@@ -51337,6 +51302,7 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 .k-treelist-toggle {
     margin-block: -4px;
     padding: 4px;
+    box-sizing: content-box;
     cursor: pointer;
 }
 

package/dist/all.scss

@@ -41800,236 +41800,63 @@ $_kendo-module-meta: (
 // Component
 // #region @import "./_variables.scss"; -> scss/breadcrumb/_variables.scss
 // 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-md !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-md !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( black, .06 ) !default;
-
-/// The horizontal padding of the Breadcrumb link.
-/// @group breadcrumb
 $kendo-breadcrumb-link-padding-x: k-map-get( $kendo-spacing, 2.5 ) !default;
-/// The horizontal padding of the small Breadcrumb link.
-/// @group breadcrumb
-$kendo-breadcrumb-sm-link-padding-x: k-map-get( $kendo-spacing, 2.5 ) !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.5 ) !default;
-
-/// The vertical padding of the Breadcrumb link.
-/// @group breadcrumb
 $kendo-breadcrumb-link-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
-/// The vertical padding of the small Breadcrumb link.
-/// @group breadcrumb
-$kendo-breadcrumb-sm-link-padding-y: k-map-get( $kendo-spacing, 0.5 ) !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, 1.5 ) !default;
-
-/// The border-radius of the Breadcrumb link.
-/// @group breadcrumb
 $kendo-breadcrumb-link-border-radius: $kendo-border-radius-md !default;
 
-/// The vertical padding of the Breadcrumb link icon.
-/// @group breadcrumb
-$kendo-breadcrumb-icon-link-padding-y: k-map-get( $kendo-spacing, 2.5 ) !default;
-/// The vertical padding of the small Breadcrumb link icon.
-/// @group breadcrumb
-$kendo-breadcrumb-sm-icon-link-padding-y: k-map-get( $kendo-spacing, 2 ) !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;
-
-/// 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 spacing of the Breadcrumb link icon.
-/// @group breadcrumb
+$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;
+
+$kendo-breadcrumb-root-link-spacing: $kendo-breadcrumb-link-padding-x !default;
 $kendo-breadcrumb-link-icon-spacing: $kendo-icon-spacing !default;
 
-/// The text color of the Breadcrumb link.
-/// @group breadcrumb
 $kendo-breadcrumb-link-initial-text: inherit !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-color-primary !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-hover-bg !default;
-/// The text color of the hovered Breadcrumb link.
-/// @group breadcrumb
 $kendo-breadcrumb-link-hover-text: null !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: k-map-get( $theme, focus-bg ) !default;
-/// The text color of the focused Breadcrumb link.
-/// @group breadcrumb
 $kendo-breadcrumb-link-focus-text: null !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: null !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-hover-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: k-map-get( $theme, focus-bg ) !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: null !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;
 
-/// 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;
+$kendo-breadcrumb-focus-shadow: 0 0 2px 1px rgba( black, .06 ) !default;
 
 // #endregion
 // #region @import "./_layout.scss"; -> scss/breadcrumb/_layout.scss
@@ -42047,6 +41874,8 @@ $kendo-breadcrumb-sizes: (
         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;
@@ -42098,6 +41927,8 @@ $kendo-breadcrumb-sizes: (
     .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;
@@ -42111,12 +41942,21 @@ $kendo-breadcrumb-sizes: (
         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,
@@ -42135,34 +41975,6 @@ $kendo-breadcrumb-sizes: (
         }
     }
 
-
-    // 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;
-            }
-        }
-    }
-
 }
 
 
@@ -52476,6 +52288,7 @@ $kendo-treelist-footer-row-border-width: 1px !default;
     .k-treelist-toggle {
         margin-block: -$kendo-icon-padding;
         padding: $kendo-icon-padding;
+        box-sizing: content-box;
         cursor: pointer;
     }