@progress/kendo-theme-bootstrap 6.5.0-dev.2 → 6.5.1-dev.0

package/dist/all.css

@@ -36829,20 +36829,20 @@ select.k-picker-lg {
 .k-input-solid {
     border-color: #ced4da;
     color: #212529;
-    background-color: #fff;
+    background-color: #ffffff;
 }
 
 .k-input-solid:focus, .k-input-solid.k-focus {
     border-color: #86b7fe;
     color: #212529;
-    background-color: #fff;
+    background-color: #ffffff;
     box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }
 
 .k-input-solid:focus-within {
     border-color: #86b7fe;
     color: #212529;
-    background-color: #fff;
+    background-color: #ffffff;
     box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }
 
@@ -43650,6 +43650,8 @@ kendo-card-footer {
     box-sizing: border-box;
     outline: 0;
     font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-size: 1rem;
+    line-height: 1.5;
     display: flex;
     flex-direction: row;
     -webkit-touch-callout: none;
@@ -43693,6 +43695,8 @@ kendo-card-footer {
 .k-breadcrumb-link,
 .k-breadcrumb-root-link {
     border-radius: 0.375rem;
+    padding-block: 0.5rem;
+    padding-inline: 0.75rem;
     color: inherit;
     text-decoration: none;
     white-space: nowrap;
@@ -43706,12 +43710,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: 0.75rem;
+}
+
 .k-breadcrumb-link > .k-image,
 .k-breadcrumb-icontext-link .k-icon,
 .k-breadcrumb-icontext-link .k-svg-icon {
     margin-inline-end: 0.5rem;
 }
 
+.k-breadcrumb-icon-link {
+    padding-block: 0.75rem;
+    padding-inline: 0.75rem;
+}
+
 .k-breadcrumb-delimiter,
 .k-breadcrumb-delimiter-icon {
     color: inherit;
@@ -43726,54 +43739,6 @@ kendo-card-footer {
     border-color: transparent;
 }
 
-.k-breadcrumb-sm {
-    font-size: 0.875rem;
-    line-height: 1.4285714286;
-}
-
-.k-breadcrumb-sm .k-breadcrumb-link,
-.k-breadcrumb-sm .k-breadcrumb-root-link {
-    padding-block: 0.375rem;
-    padding-inline: 0.75rem;
-}
-
-.k-breadcrumb-sm .k-breadcrumb-icon-link {
-    padding-block: 0.5rem;
-    padding-inline: 0.5rem;
-}
-
-.k-breadcrumb-md {
-    font-size: 1rem;
-    line-height: 1.5;
-}
-
-.k-breadcrumb-md .k-breadcrumb-link,
-.k-breadcrumb-md .k-breadcrumb-root-link {
-    padding-block: 0.5rem;
-    padding-inline: 0.75rem;
-}
-
-.k-breadcrumb-md .k-breadcrumb-icon-link {
-    padding-block: 0.75rem;
-    padding-inline: 0.75rem;
-}
-
-.k-breadcrumb-lg {
-    font-size: 1rem;
-    line-height: 1.5;
-}
-
-.k-breadcrumb-lg .k-breadcrumb-link,
-.k-breadcrumb-lg .k-breadcrumb-root-link {
-    padding-block: 0.625rem;
-    padding-inline: 0.75rem;
-}
-
-.k-breadcrumb-lg .k-breadcrumb-icon-link {
-    padding-block: 0.875rem;
-    padding-inline: 0.875rem;
-}
-
 .k-breadcrumb-link,
 .k-breadcrumb-root-link {
     text-decoration: underline;
@@ -49952,6 +49917,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 .k-treelist-toggle {
     margin-block: -0.25rem;
     padding: 0.25rem;
+    box-sizing: content-box;
     cursor: pointer;
 }
 

package/dist/all.scss

@@ -1729,6 +1729,31 @@ $svg-escaped-characters: (
 
 // #endregion
 
+// #endregion
+// #region @import "./_bootstrap-overrides.scss"; -> scss/_bootstrap-overrides.scss
+$kendo-is-dark-theme: false !default;
+
+$gray-100: #f8f9fa !default;
+$gray-200: #e9ecef !default;
+$gray-300: #dee2e6 !default;
+$gray-400: #ced4da !default;
+$gray-500: #adb5bd !default;
+$gray-600: #6c757d !default;
+$gray-700: #495057 !default;
+$gray-800: #343a40 !default;
+$gray-900: #212529 !default;
+
+$kendo-body-bg: #ffffff !default;
+
+$kendo-component-bg: $kendo-body-bg !default;
+$kendo-component-text: k-contrast-color( $kendo-component-bg, $gray-900, $gray-100 ) !default;
+$kendo-component-border: if( k-is-light( $kendo-component-bg ), $gray-300, $gray-700 ) !default;
+
+$input-bg: $kendo-component-bg !default;
+$input-color: k-contrast-color( $input-bg, $gray-900, $gray-300 ) !default;
+$input-border-color: if( k-is-light( $input-bg ), $gray-400, $gray-600 ) !default;
+$input-placeholder-color: k-contrast-color( $input-bg, $gray-600, $gray-400 ) !default;
+
 // #endregion
 // #region @import "bootstrap/scss/_functions.scss"; -> node_modules/bootstrap/scss/_functions.scss
 // Bootstrap functions
@@ -4041,30 +4066,6 @@ $kendo-invalid-shadow: 0 0 0 .25rem rgba( $kendo-invalid-border, .25 ) !default;
 // Loading
 $kendo-loading-opacity: .3 !default;
 $kendo-zindex-loading: 100 !default;
-// #endregion
-// #region @import "../_bootstrap-overrides.scss"; -> scss/_bootstrap-overrides.scss
-$kendo-is-dark-theme: false !default;
-
-$gray-100: #f8f9fa !default;
-$gray-200: #e9ecef !default;
-$gray-300: #dee2e6 !default;
-$gray-400: #ced4da !default;
-$gray-500: #adb5bd !default;
-$gray-600: #6c757d !default;
-$gray-700: #495057 !default;
-$gray-800: #343a40 !default;
-$gray-900: #212529 !default;
-
-$kendo-body-bg: $kendo-color-white !default;
-
-$kendo-component-bg: $kendo-body-bg !default;
-$kendo-component-text: k-contrast-color( $kendo-component-bg, $gray-900, $gray-100 ) !default;
-$kendo-component-border: if( k-is-light( $kendo-component-bg ), $gray-300, $gray-700 ) !default;
-
-$input-bg: $kendo-component-bg !default;
-$input-color: k-contrast-color( $input-bg, $gray-700, $gray-300 ) !default;
-$input-border-color: if( k-is-light( $input-bg ), $gray-400, $gray-600 ) !default;
-$input-placeholder-color: k-contrast-color( $input-bg, $gray-600, $gray-400 ) !default;
 
 // #endregion
 
@@ -41961,236 +41962,63 @@ $_kendo-module-meta: (
 // #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-sm !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: k-math-div( 20, 14 ) !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, 3 ) !default;
-/// The horizontal padding of the small Breadcrumb link.
-/// @group breadcrumb
-$kendo-breadcrumb-sm-link-padding-x: k-map-get( $kendo-spacing, 3 ) !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, 3 ) !default;
-
-/// The vertical padding of the Breadcrumb link.
-/// @group breadcrumb
 $kendo-breadcrumb-link-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
-/// The vertical padding of the small Breadcrumb link.
-/// @group breadcrumb
-$kendo-breadcrumb-sm-link-padding-y: k-map-get( $kendo-spacing, 1.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, 2.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, 3 ) !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.5 ) !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-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 background color of the Breadcrumb link.
-/// @group breadcrumb
+$kendo-breadcrumb-link-initial-text: inherit !default;
+
 $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: null !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: 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: inset 0 0 0 3px rgba( $kendo-breadcrumb-text, .25 ) !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: $kendo-link-text !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: null !default;
-/// The text color of the hovered Breadcrumb root link.
-/// @group breadcrumb
 $kendo-breadcrumb-root-link-hover-text: $kendo-link-hover-text !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: $kendo-color-secondary !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
@@ -42208,6 +42036,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;
@@ -42259,6 +42089,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;
@@ -42272,12 +42104,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,
@@ -42296,34 +42137,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;
-            }
-        }
-    }
-
 }
 
 
@@ -52650,6 +52463,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;
     }