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

package/dist/meta/variables.json

@@ -1196,8 +1196,8 @@
         "value": "null"
     },
     "kendo-list-header-font-weight": {
-        "type": "Null",
-        "value": "null"
+        "type": "Number",
+        "value": "700"
     },
     "kendo-list-item-padding-x": {
         "type": "Null",
@@ -1332,8 +1332,8 @@
         "value": "null"
     },
     "kendo-list-group-item-font-weight": {
-        "type": "Null",
-        "value": "null"
+        "type": "Number",
+        "value": "700"
     },
     "kendo-list-sizes": {
         "type": "Map",
@@ -5605,7 +5605,7 @@
     },
     "kendo-treeview-indent": {
         "type": "Number",
-        "value": "16px"
+        "value": "24px"
     },
     "kendo-treeview-item-padding-x": {
         "type": "Number",
@@ -5647,9 +5647,33 @@
         "type": "Number",
         "value": "4px"
     },
+    "kendo-treeview-sm-checkbox-padding-x": {
+        "type": "Number",
+        "value": "4px"
+    },
+    "kendo-treeview-md-checkbox-padding-x": {
+        "type": "Number",
+        "value": "4px"
+    },
+    "kendo-treeview-lg-checkbox-padding-x": {
+        "type": "Number",
+        "value": "4px"
+    },
+    "kendo-treeview-sm-checkbox-padding-y": {
+        "type": "Number",
+        "value": "2px"
+    },
+    "kendo-treeview-md-checkbox-padding-y": {
+        "type": "Number",
+        "value": "2px"
+    },
+    "kendo-treeview-lg-checkbox-padding-y": {
+        "type": "Null",
+        "value": "null"
+    },
     "kendo-treeview-sizes": {
         "type": "Map",
-        "value": "(sm: (font-size: 14px, line-height: 1.4285714286, item-padding-x: 8px, item-padding-y: 2px), md: (font-size: 14px, line-height: 1.4285714286, item-padding-x: 8px, item-padding-y: 4px), lg: (font-size: 16px, line-height: 1.5, item-padding-x: 8px, item-padding-y: 8px))"
+        "value": "(sm: (font-size: 14px, line-height: 1.4285714286, item-padding-x: 8px, item-padding-y: 2px, checkbox-padding-x: 4px, checkbox-padding-y: 2px), md: (font-size: 14px, line-height: 1.4285714286, item-padding-x: 8px, item-padding-y: 4px, checkbox-padding-x: 4px, checkbox-padding-y: 2px), lg: (font-size: 16px, line-height: 1.5, item-padding-x: 8px, item-padding-y: 8px, checkbox-padding-x: 4px, checkbox-padding-y: null))"
     },
     "kendo-treeview-bg": {
         "type": "Null",
@@ -8683,6 +8707,14 @@
         "type": "Number",
         "value": "7px"
     },
+    "kendo-splitter-collapse-icon-padding-x": {
+        "type": "Null",
+        "value": "null"
+    },
+    "kendo-splitter-collapse-icon-padding-y": {
+        "type": "Number",
+        "value": "2px"
+    },
     "kendo-splitbar-bg": {
         "type": "Color",
         "value": "#fafafa"

package/lib/swatches/default-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "6.4.1-dev.1",
+    "version": "6.5.0-dev.0",
     "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.4.1-dev.1",
+    "version": "6.5.0-dev.0",
     "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.4.1-dev.1",
+    "version": "6.5.0-dev.0",
     "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.4.1-dev.1",
+    "version": "6.5.0-dev.0",
     "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.4.1-dev.1",
+    "version": "6.5.0-dev.0",
     "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.4.1-dev.1",
+    "version": "6.5.0-dev.0",
     "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.4.1-dev.1",
+    "version": "6.5.0-dev.0",
     "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.4.1-dev.1",
+    "version": "6.5.0-dev.0",
     "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.4.1-dev.1",
+    "version": "6.5.0-dev.0",
     "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.4.1-dev.1",
+    "version": "6.5.0-dev.0",
     "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.4.1-dev.1",
+    "version": "6.5.0-dev.0",
     "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.4.1-dev.1",
+    "version": "6.5.0-dev.0",
     "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.4.1-dev.1",
+  "version": "6.5.0-dev.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -50,8 +50,8 @@
   },
   "dependencies": {
     "@progress/kendo-font-icons": "1.5.0",
-    "@progress/kendo-theme-core": "6.4.1-dev.1",
-    "@progress/kendo-theme-utils": "6.4.1-dev.1"
+    "@progress/kendo-theme-core": "6.5.0-dev.0",
+    "@progress/kendo-theme-utils": "6.5.0-dev.0"
   },
-  "gitHead": "6f485dfea68d56b41252d6545667f2839e1ac84e"
+  "gitHead": "b5525f1c4c71eb78873e1fb170ae20cd50a8468d"
 }

package/scss/chip/_layout.scss

@@ -137,6 +137,10 @@
             padding-inline: $_padding-x;
             font-size: $_font-size;
             line-height: $_line-height;
+
+            .k-chip-action {
+                padding: $_padding-y;
+            }
         }
 
         .k-chip-avatar {

package/scss/dropdowntree/_layout.scss

@@ -7,13 +7,12 @@
     .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;
         }

package/scss/icons/_layout.scss

@@ -56,7 +56,11 @@ $ki-icon-size: $kendo-icon-size;
     }
 
     .k-icon-action {
+        display: inline-flex;
         padding: $kendo-icon-padding;
+        line-height: 1;
+        align-items: center;
+        vertical-align: middle;
         cursor: pointer;
     }
 

package/scss/list/_layout.scss

@@ -113,6 +113,7 @@
         }
     }
     .k-list-item-text,
+    .k-list-header-text,
     .k-list-optionlabel {
         &::before {
             content: "\200b";

package/scss/list/_variables.scss

@@ -52,7 +52,7 @@ $kendo-list-lg-header-line-height: null !default;
 
 /// The font weight of the List header.
 /// @group list
-$kendo-list-header-font-weight: null !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
@@ -116,7 +116,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: null !default;
+$kendo-list-group-item-font-weight: $kendo-font-weight-bold !default;
 
 
 /// The map with the sizes of the List.

package/scss/scheduler/_layout.scss

@@ -22,6 +22,7 @@
         th,
         td,
         div,
+        .k-scheduler-edit-dialog,
         > * {
             border-color: inherit;
         }

package/scss/splitter/_layout.scss

@@ -56,6 +56,7 @@
         .k-collapse-prev,
         .k-collapse-next {
             cursor: pointer;
+            padding: $kendo-splitter-collapse-icon-padding-y $kendo-splitter-collapse-icon-padding-x;
         }
 
     }

package/scss/splitter/_variables.scss

@@ -12,6 +12,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;

package/scss/spreadsheet/_variables.scss

@@ -38,3 +38,4 @@ $kendo-spreadsheet-drawing-outline-width: 2px !default;
 $kendo-spreadsheet-drawing-anchor-bg: rgba( $kendo-selected-bg, .25 ) !default;
 
 $kendo-spreadsheet-dropzone-spacing-y: k-map-get( $kendo-spacing, 4 ) !default;
+

package/scss/treelist/_layout.scss

@@ -100,6 +100,12 @@
         margin-inline: .5em;
     }
 
+    .k-treelist-toggle {
+        margin-block: -$kendo-icon-padding;
+        padding: $kendo-icon-padding;
+        cursor: pointer;
+    }
+
 }
 
 

package/scss/treeview/_layout.scss

@@ -73,13 +73,18 @@
 
     // 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
@@ -91,8 +96,6 @@
     // Checkbox
     .k-treeview .k-checkbox-wrap,
     .k-treeview .k-checkbox-wrapper {
-        margin-left: $kendo-icon-spacing;
-        margin-right: $kendo-icon-spacing;
         align-self: center;
     }
 
@@ -148,12 +151,6 @@
             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;
@@ -178,6 +175,8 @@
         $_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;
@@ -187,6 +186,11 @@
                 padding-block: $_item-padding-y;
                 padding-inline: $_item-padding-x;
             }
+
+            .k-checkbox-wrap {
+                padding-block: $_checkbox-padding-y;
+                padding-inline: $_checkbox-padding-x;
+            }
         }
     }
 

package/scss/treeview/_variables.scss

@@ -29,7 +29,7 @@ $kendo-treeview-md-line-height: $kendo-line-height-md !default;
 $kendo-treeview-lg-line-height: $kendo-line-height-lg !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
@@ -62,6 +62,25 @@ $kendo-treeview-item-border-width: 0px !default;
 /// @group treeview
 $kendo-treeview-item-border-radius: $kendo-border-radius-md !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: $kendo-treeview-sm-checkbox-padding-y !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
@@ -70,19 +89,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;
 
@@ -159,3 +184,4 @@ $kendo-treeview-loadmore-focus-border: null !default;
 /// The box shadow of the focused Load More button in the TreeView.
 /// @group treeview
 $kendo-treeview-loadmore-focus-shadow: $kendo-treeview-item-focus-shadow !default;
+