@progress/kendo-theme-bootstrap 6.4.1-dev.1 → 6.5.0-dev.0

package/dist/all.css

@@ -30160,7 +30160,11 @@ kendo-sortable {
 }
 
 .k-icon-action {
+    display: inline-flex;
     padding: 0.25rem;
+    line-height: 1;
+    align-items: center;
+    vertical-align: middle;
     cursor: pointer;
 }
 
@@ -30659,7 +30663,7 @@ kendo-sortable {
     border-width: 0;
     border-width: 0 0 1px;
     border-style: solid;
-    font-weight: bold;
+    font-weight: 700;
     white-space: nowrap;
     display: flex;
     flex-flow: row nowrap;
@@ -30713,6 +30717,7 @@ kendo-sortable {
 }
 
 .k-list-item-text::before,
+.k-list-header-text::before,
 .k-list-optionlabel::before {
     content: "\200b";
     width: 0px;
@@ -30727,7 +30732,7 @@ kendo-sortable {
     border-width: 0;
     border-width: 1px 0 0;
     border-style: solid;
-    font-weight: bold;
+    font-weight: 700;
     cursor: default;
     display: flex;
     flex-flow: row nowrap;
@@ -32217,6 +32222,10 @@ kendo-badge-container {
     line-height: 1.25;
 }
 
+.k-chip-sm .k-chip-action {
+    padding: 0.125rem;
+}
+
 .k-chip-avatar {
     width: 1em;
     height: 1em;
@@ -32230,6 +32239,10 @@ kendo-badge-container {
     line-height: 1.25;
 }
 
+.k-chip-md .k-chip-action {
+    padding: 0.25rem;
+}
+
 .k-chip-avatar {
     width: 1em;
     height: 1em;
@@ -32243,6 +32256,10 @@ kendo-badge-container {
     line-height: 1.25;
 }
 
+.k-chip-lg .k-chip-action {
+    padding: 0.375rem;
+}
+
 .k-chip-avatar {
     width: 1em;
     height: 1em;
@@ -39576,13 +39593,13 @@ select.k-picker-lg {
 .k-treeview-item {
     outline-style: none;
     margin: 0;
-    padding: 0 0 0 16px;
+    padding: 0 0 0 24px;
     border-width: 0;
     display: block;
 }
 
 .k-treeview-toggle {
-    margin-left: -16px;
+    margin-inline-start: -24px;
     flex: none;
     display: inline-flex;
     flex-flow: row nowrap;
@@ -39590,14 +39607,18 @@ select.k-picker-lg {
     cursor: pointer;
 }
 
+.k-treeview-toggle .k-icon,
+.k-treeview-toggle .k-svg-icon {
+    padding: 0.25rem;
+    box-sizing: content-box;
+}
+
 .k-treeview-loading {
     margin-right: 0.5rem;
 }
 
 .k-treeview .k-checkbox-wrap,
 .k-treeview .k-checkbox-wrapper {
-    margin-left: 0.5rem;
-    margin-right: 0.5rem;
     align-self: center;
 }
 
@@ -39638,15 +39659,7 @@ select.k-picker-lg {
 .k-treeview.k-rtl .k-treeview-item,
 .k-treeview[dir="rtl"] .k-treeview-item {
     padding-left: 0;
-    padding-right: 16px;
-}
-
-.k-rtl .k-treeview .k-treeview-toggle,
-[dir="rtl"] .k-treeview .k-treeview-toggle,
-.k-treeview.k-rtl .k-treeview-toggle,
-.k-treeview[dir="rtl"] .k-treeview-toggle {
-    margin-left: 0;
-    margin-right: -16px;
+    padding-right: 24px;
 }
 
 .k-rtl .k-treeview .k-treeview-loading,
@@ -39703,6 +39716,11 @@ select.k-picker-lg {
     padding-inline: 0.5rem;
 }
 
+.k-treeview-sm .k-checkbox-wrap {
+    padding-block: 0.125rem;
+    padding-inline: 0.25rem;
+}
+
 .k-treeview-md {
     font-size: 1rem;
     line-height: 1.5;
@@ -39713,6 +39731,10 @@ select.k-picker-lg {
     padding-inline: 0.75rem;
 }
 
+.k-treeview-md .k-checkbox-wrap {
+    padding-inline: 0.25rem;
+}
+
 .k-treeview-lg {
     font-size: 1rem;
     line-height: 1.5;
@@ -39723,6 +39745,10 @@ select.k-picker-lg {
     padding-inline: 0.75rem;
 }
 
+.k-treeview-lg .k-checkbox-wrap {
+    padding-inline: 0.25rem;
+}
+
 .k-treeview-leaf {
     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;
 }
@@ -39763,21 +39789,16 @@ select.k-picker-lg {
     box-shadow: inset 0 0 0 2px rgba(33, 37, 41, 0.15);
 }
 
-.k-popup-dropdowntree,
-.k-dropdowntree-popup,
-.k-multiselecttree-popup {
-    padding: 0;
+.k-popup-dropdowntree .k-treeview,
+.k-dropdowntree-popup .k-treeview,
+.k-multiselecttree-popup .k-treeview {
+    padding-block: 0.25rem;
+    padding-inline: 0.25rem;
 }
 
 .k-popup-dropdowntree .k-check-all,
 .k-dropdowntree-popup .k-check-all,
 .k-multiselecttree-popup .k-check-all {
-    padding: 0.5rem 0.5rem 0;
-}
-
-.k-popup-dropdowntree .k-treeview,
-.k-dropdowntree-popup .k-treeview,
-.k-multiselecttree-popup .k-treeview {
     padding-block: 0.5rem;
     padding-inline: 0.5rem;
 }
@@ -44948,6 +44969,7 @@ kendo-card-footer {
 .k-splitbar .k-collapse-prev,
 .k-splitbar .k-collapse-next {
     cursor: pointer;
+    padding: 0.125rem;
 }
 
 .k-splitbar-draggable-horizontal {
@@ -49629,6 +49651,12 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     margin-inline: .5em;
 }
 
+.k-treelist-toggle {
+    margin-block: -0.25rem;
+    padding: 0.25rem;
+    cursor: pointer;
+}
+
 .k-treelist tr.k-footer td,
 .k-treelist tr.k-footer-template td {
     font-weight: normal;
@@ -52213,6 +52241,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 .k-scheduler th,
 .k-scheduler td,
 .k-scheduler div,
+.k-scheduler .k-scheduler-edit-dialog,
 .k-scheduler > * {
     border-color: inherit;
 }

package/dist/all.scss

@@ -16923,7 +16923,11 @@ $ki-rotate-map: (
     }
 
     .k-icon-action {
+        display: inline-flex;
         padding: $kendo-icon-padding;
+        line-height: 1;
+        align-items: center;
+        vertical-align: middle;
         cursor: pointer;
     }
 
@@ -17472,7 +17476,7 @@ $kendo-list-lg-header-line-height: null !default;
 
 /// The font weight of the List header.
 /// @group list
-$kendo-list-header-font-weight: bold !default;
+$kendo-list-header-font-weight: $kendo-font-weight-bold !default;
 
 /// The horizontal padding of the List items, when no size is set.
 /// @group list
@@ -17536,7 +17540,7 @@ $kendo-list-lg-group-item-line-height: null !default;
 
 /// The font weight of a List group item.
 /// @group list
-$kendo-list-group-item-font-weight: bold !default;
+$kendo-list-group-item-font-weight: $kendo-font-weight-bold !default;
 
 
 /// The map with the sizes of the List.
@@ -18371,6 +18375,7 @@ $kendo-checkbox-ripple-opacity: .25 !default;
         }
     }
     .k-list-item-text,
+    .k-list-header-text,
     .k-list-optionlabel {
         &::before {
             content: "\200b";
@@ -21302,6 +21307,10 @@ $kendo-chip-list-sizes: (
             padding-inline: $_padding-x;
             font-size: $_font-size;
             line-height: $_line-height;
+
+            .k-chip-action {
+                padding: $_padding-y;
+            }
         }
 
         .k-chip-avatar {
@@ -34411,7 +34420,7 @@ $kendo-treeview-lg-line-height: $kendo-line-height-md !default;
 
 /// The indentation of child groups in the TreeView.
 /// @group treeview
-$kendo-treeview-indent: 16px !default;
+$kendo-treeview-indent: 24px !default;
 
 /// The horizontal padding of the TreeView items.
 /// @group treeview
@@ -34444,6 +34453,25 @@ $kendo-treeview-item-border-width: 0px !default;
 /// @group treeview
 $kendo-treeview-item-border-radius: k-map-get( $kendo-spacing, 1 ) !default;
 
+/// The horizontal padding of the checkbox in the small TreeView.
+/// @group treeview
+$kendo-treeview-sm-checkbox-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
+/// The horizontal padding of the checkbox in the medium TreeView.
+/// @group treeview
+$kendo-treeview-md-checkbox-padding-x: $kendo-treeview-sm-checkbox-padding-x !default;
+/// The horizontal padding of the checkbox in the large TreeView.
+/// @group treeview
+$kendo-treeview-lg-checkbox-padding-x: $kendo-treeview-sm-checkbox-padding-x !default;
+/// The vertical padding of the checkbox in the small TreeView.
+/// @group treeview
+$kendo-treeview-sm-checkbox-padding-y: k-map-get( $kendo-spacing, .5 ) !default;
+/// The vertical padding of the checkbox in the medium TreeView.
+/// @group treeview
+$kendo-treeview-md-checkbox-padding-y: null !default;
+/// The vertical padding of the checkbox in the large TreeView.
+/// @group treeview
+$kendo-treeview-lg-checkbox-padding-y: null !default;
+
 
 /// The sizes map of the TreeView.
 /// @group treeview
@@ -34452,19 +34480,25 @@ $kendo-treeview-sizes: (
         font-size: $kendo-treeview-sm-font-size,
         line-height: $kendo-treeview-sm-line-height,
         item-padding-x: $kendo-treeview-sm-item-padding-x,
-        item-padding-y: $kendo-treeview-sm-item-padding-y
+        item-padding-y: $kendo-treeview-sm-item-padding-y,
+        checkbox-padding-x: $kendo-treeview-sm-checkbox-padding-x,
+        checkbox-padding-y: $kendo-treeview-sm-checkbox-padding-y
     ),
     md: (
         font-size: $kendo-treeview-md-font-size,
         line-height: $kendo-treeview-md-line-height,
         item-padding-x: $kendo-treeview-md-item-padding-x,
-        item-padding-y: $kendo-treeview-md-item-padding-y
+        item-padding-y: $kendo-treeview-md-item-padding-y,
+        checkbox-padding-x: $kendo-treeview-md-checkbox-padding-x,
+        checkbox-padding-y: $kendo-treeview-md-checkbox-padding-y
     ),
     lg: (
         font-size: $kendo-treeview-lg-font-size,
         line-height: $kendo-treeview-lg-line-height,
         item-padding-x: $kendo-treeview-lg-item-padding-x,
-        item-padding-y: $kendo-treeview-lg-item-padding-y
+        item-padding-y: $kendo-treeview-lg-item-padding-y,
+        checkbox-padding-x: $kendo-treeview-lg-checkbox-padding-x,
+        checkbox-padding-y: $kendo-treeview-lg-checkbox-padding-y
     )
 ) !default;
 
@@ -34542,6 +34576,7 @@ $kendo-treeview-loadmore-focus-border: null !default;
 /// @group treeview
 $kendo-treeview-loadmore-focus-shadow: $kendo-treeview-item-focus-shadow !default;
 
+
 // #endregion
 // #region @import "./_layout.scss"; -> scss/treeview/_layout.scss
 // #region @import "@progress/kendo-theme-default/scss/treeview/_layout.scss"; -> node_modules/@progress/kendo-theme-default/scss/treeview/_layout.scss
@@ -34620,13 +34655,18 @@ $kendo-treeview-loadmore-focus-shadow: $kendo-treeview-item-focus-shadow !defaul
 
     // Treeview toggle
     .k-treeview-toggle {
-        margin-left: -$kendo-treeview-indent;
+        margin-inline-start: -$kendo-treeview-indent;
         flex: none;
         display: inline-flex;
         flex-flow: row nowrap;
         align-items: center;
         cursor: pointer;
     }
+    .k-treeview-toggle .k-icon,
+    .k-treeview-toggle .k-svg-icon {
+        padding: $kendo-icon-padding;
+        box-sizing: content-box;
+    }
 
 
     // Loading icon
@@ -34638,8 +34678,6 @@ $kendo-treeview-loadmore-focus-shadow: $kendo-treeview-item-focus-shadow !defaul
     // Checkbox
     .k-treeview .k-checkbox-wrap,
     .k-treeview .k-checkbox-wrapper {
-        margin-left: $kendo-icon-spacing;
-        margin-right: $kendo-icon-spacing;
         align-self: center;
     }
 
@@ -34695,12 +34733,6 @@ $kendo-treeview-loadmore-focus-shadow: $kendo-treeview-item-focus-shadow !defaul
             padding-right: $kendo-treeview-indent;
         }
 
-        // Treeview toggle
-        .k-treeview-toggle {
-            margin-left: 0;
-            margin-right: -$kendo-treeview-indent;
-        }
-
         // Loading
         .k-treeview-loading {
             margin-right: 0;
@@ -34725,6 +34757,8 @@ $kendo-treeview-loadmore-focus-shadow: $kendo-treeview-item-focus-shadow !defaul
         $_line-height: k-map-get( $size-props, line-height);
         $_item-padding-x: k-map-get( $size-props, item-padding-x);
         $_item-padding-y: k-map-get( $size-props, item-padding-y);
+        $_checkbox-padding-x: k-map-get( $size-props, checkbox-padding-x );
+        $_checkbox-padding-y: k-map-get( $size-props, checkbox-padding-y );
 
         .k-treeview-#{$size} {
             font-size: $_font-size;
@@ -34734,6 +34768,11 @@ $kendo-treeview-loadmore-focus-shadow: $kendo-treeview-item-focus-shadow !defaul
                 padding-block: $_item-padding-y;
                 padding-inline: $_item-padding-x;
             }
+
+            .k-checkbox-wrap {
+                padding-block: $_checkbox-padding-y;
+                padding-inline: $_checkbox-padding-x;
+            }
         }
     }
 
@@ -34905,13 +34944,12 @@ $kendo-dropdowntree-popup-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
     .k-popup-dropdowntree, // remove legacy class once updated in components
     .k-dropdowntree-popup,
     .k-multiselecttree-popup {
-        padding: 0;
-
-        .k-check-all {
-            padding: $kendo-dropdowntree-popup-padding-y $kendo-dropdowntree-popup-padding-x 0;
+        .k-treeview {
+            padding-block: k-math-div( $kendo-dropdowntree-popup-padding-y, 2 );
+            padding-inline: k-math-div( $kendo-dropdowntree-popup-padding-x, 2 );
         }
 
-        .k-treeview {
+        .k-check-all {
             padding-block: $kendo-dropdowntree-popup-padding-y;
             padding-inline: $kendo-dropdowntree-popup-padding-x;
         }
@@ -44066,6 +44104,8 @@ $kendo-splitter-splitbar-size: k-map-get( $kendo-spacing, 3 ) !default;
 $kendo-splitter-drag-handle-length: 20px !default;
 $kendo-splitter-drag-handle-thickness: 2px !default;
 $kendo-splitter-drag-icon-margin: 7px !default;
+$kendo-splitter-collapse-icon-padding-x: null !default;
+$kendo-splitter-collapse-icon-padding-y: k-map-get( $kendo-spacing, .5 ) !default;
 
 $kendo-splitbar-bg: $kendo-base-bg !default;
 $kendo-splitbar-text: $kendo-base-text !default;
@@ -44137,6 +44177,7 @@ $kendo-splitbar-selected-text: $kendo-selected-text !default;
         .k-collapse-prev,
         .k-collapse-next {
             cursor: pointer;
+            padding: $kendo-splitter-collapse-icon-padding-y $kendo-splitter-collapse-icon-padding-x;
         }
 
     }
@@ -51171,6 +51212,12 @@ $kendo-treelist-footer-row-border-width: 1px !default;
         margin-inline: .5em;
     }
 
+    .k-treelist-toggle {
+        margin-block: -$kendo-icon-padding;
+        padding: $kendo-icon-padding;
+        cursor: pointer;
+    }
+
 }
 
 
@@ -55381,6 +55428,7 @@ $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
         th,
         td,
         div,
+        .k-scheduler-edit-dialog,
         > * {
             border-color: inherit;
         }