@progress/kendo-theme-material 14.2.0-dev.1 → 14.2.0-dev.2

package/dist/meta/variables.json

@@ -1786,6 +1786,18 @@
         "type": "String",
         "value": "var(--kendo-spacing-4)"
     },
+    "kendo-list-sm-sticky-header-padding-y": {
+        "type": "String",
+        "value": "var(--kendo-spacing-1\\.5)"
+    },
+    "kendo-list-md-sticky-header-padding-y": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2)"
+    },
+    "kendo-list-lg-sticky-header-padding-y": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2\\.5)"
+    },
     "kendo-list-header-border-width": {
         "type": "List",
         "value": "(0 0 1px)"
@@ -2028,7 +2040,7 @@
     },
     "kendo-list-sizes": {
         "type": "Map",
-        "value": "(sm: (font-size: var(--kendo-font-size-lg), line-height: var(--kendo-line-height-lg), header-padding-x: var(--kendo-spacing-4), header-padding-y: var(--kendo-spacing-2), header-font-size: null, header-line-height: null, item-padding-x: var(--kendo-spacing-4), item-padding-y: var(--kendo-spacing-2), item-font-size: null, item-line-height: null, group-item-padding-x: var(--kendo-spacing-3), group-item-padding-y: var(--kendo-spacing-3\\.5), group-item-font-size: var(--kendo-font-size-md), group-item-line-height: var(--kendo-line-height), item-group-label-padding-x: var(--kendo-spacing-1), item-group-label-padding-y: var(--kendo-spacing-0\\.5), item-group-label-font-size: var(--kendo-font-size-sm), item-group-label-line-height: var(--kendo-line-height-xs), filter-padding-x: var(--kendo-spacing-4), filter-padding-y: var(--kendo-spacing-0\\.5)), md: (font-size: var(--kendo-font-size-lg), line-height: var(--kendo-line-height-lg), header-padding-x: var(--kendo-spacing-4), header-padding-y: var(--kendo-spacing-3), header-font-size: null, header-line-height: null, item-padding-x: var(--kendo-spacing-4), item-padding-y: var(--kendo-spacing-3), item-font-size: null, item-line-height: null, group-item-padding-x: var(--kendo-spacing-3), group-item-padding-y: var(--kendo-spacing-3\\.5), group-item-font-size: var(--kendo-font-size-md), group-item-line-height: var(--kendo-line-height), item-group-label-padding-x: var(--kendo-spacing-1), item-group-label-padding-y: var(--kendo-spacing-0\\.5), item-group-label-font-size: var(--kendo-font-size-sm), item-group-label-line-height: var(--kendo-line-height-xs), filter-padding-x: var(--kendo-spacing-4), filter-padding-y: var(--kendo-spacing-1)), lg: (font-size: var(--kendo-font-size-lg), line-height: var(--kendo-line-height-lg), header-padding-x: var(--kendo-spacing-4), header-padding-y: var(--kendo-spacing-4), header-font-size: null, header-line-height: null, item-padding-x: var(--kendo-spacing-4), item-padding-y: var(--kendo-spacing-4), item-font-size: null, item-line-height: null, group-item-padding-x: var(--kendo-spacing-3), group-item-padding-y: var(--kendo-spacing-3\\.5), group-item-font-size: var(--kendo-font-size-md), group-item-line-height: var(--kendo-line-height), item-group-label-padding-x: var(--kendo-spacing-1), item-group-label-padding-y: var(--kendo-spacing-0\\.5), item-group-label-font-size: var(--kendo-font-size-sm), item-group-label-line-height: var(--kendo-line-height-xs), filter-padding-x: var(--kendo-spacing-4), filter-padding-y: var(--kendo-spacing-1\\.5)))",
+        "value": "(sm: (font-size: var(--kendo-font-size-lg), line-height: var(--kendo-line-height-lg), header-padding-x: var(--kendo-spacing-4), header-padding-y: var(--kendo-spacing-2), header-font-size: null, header-line-height: null, item-padding-x: var(--kendo-spacing-4), item-padding-y: var(--kendo-spacing-2), item-font-size: null, item-line-height: null, group-item-padding-x: var(--kendo-spacing-3), group-item-padding-y: var(--kendo-spacing-3\\.5), group-item-font-size: var(--kendo-font-size-md), group-item-line-height: var(--kendo-line-height), item-group-label-padding-x: var(--kendo-spacing-1), item-group-label-padding-y: var(--kendo-spacing-0\\.5), item-group-label-font-size: var(--kendo-font-size-sm), item-group-label-line-height: var(--kendo-line-height-xs), filter-padding-x: var(--kendo-spacing-4), filter-padding-y: var(--kendo-spacing-0\\.5), sticky-header-padding-y: var(--kendo-spacing-1\\.5)), md: (font-size: var(--kendo-font-size-lg), line-height: var(--kendo-line-height-lg), header-padding-x: var(--kendo-spacing-4), header-padding-y: var(--kendo-spacing-3), header-font-size: null, header-line-height: null, item-padding-x: var(--kendo-spacing-4), item-padding-y: var(--kendo-spacing-3), item-font-size: null, item-line-height: null, group-item-padding-x: var(--kendo-spacing-3), group-item-padding-y: var(--kendo-spacing-3\\.5), group-item-font-size: var(--kendo-font-size-md), group-item-line-height: var(--kendo-line-height), item-group-label-padding-x: var(--kendo-spacing-1), item-group-label-padding-y: var(--kendo-spacing-0\\.5), item-group-label-font-size: var(--kendo-font-size-sm), item-group-label-line-height: var(--kendo-line-height-xs), filter-padding-x: var(--kendo-spacing-4), filter-padding-y: var(--kendo-spacing-1), sticky-header-padding-y: var(--kendo-spacing-2)), lg: (font-size: var(--kendo-font-size-lg), line-height: var(--kendo-line-height-lg), header-padding-x: var(--kendo-spacing-4), header-padding-y: var(--kendo-spacing-4), header-font-size: null, header-line-height: null, item-padding-x: var(--kendo-spacing-4), item-padding-y: var(--kendo-spacing-4), item-font-size: null, item-line-height: null, group-item-padding-x: var(--kendo-spacing-3), group-item-padding-y: var(--kendo-spacing-3\\.5), group-item-font-size: var(--kendo-font-size-md), group-item-line-height: var(--kendo-line-height), item-group-label-padding-x: var(--kendo-spacing-1), item-group-label-padding-y: var(--kendo-spacing-0\\.5), item-group-label-font-size: var(--kendo-font-size-sm), item-group-label-line-height: var(--kendo-line-height-xs), filter-padding-x: var(--kendo-spacing-4), filter-padding-y: var(--kendo-spacing-1\\.5), sticky-header-padding-y: var(--kendo-spacing-2\\.5)))",
         "prettyValue": {
             "sm": {
                 "font-size": "var(--kendo-font-size-lg)",
@@ -2050,7 +2062,8 @@
                 "item-group-label-font-size": "var(--kendo-font-size-sm)",
                 "item-group-label-line-height": "var(--kendo-line-height-xs)",
                 "filter-padding-x": "var(--kendo-spacing-4)",
-                "filter-padding-y": "var(--kendo-spacing-0\\.5)"
+                "filter-padding-y": "var(--kendo-spacing-0\\.5)",
+                "sticky-header-padding-y": "var(--kendo-spacing-1\\.5)"
             },
             "md": {
                 "font-size": "var(--kendo-font-size-lg)",
@@ -2072,7 +2085,8 @@
                 "item-group-label-font-size": "var(--kendo-font-size-sm)",
                 "item-group-label-line-height": "var(--kendo-line-height-xs)",
                 "filter-padding-x": "var(--kendo-spacing-4)",
-                "filter-padding-y": "var(--kendo-spacing-1)"
+                "filter-padding-y": "var(--kendo-spacing-1)",
+                "sticky-header-padding-y": "var(--kendo-spacing-2)"
             },
             "lg": {
                 "font-size": "var(--kendo-font-size-lg)",
@@ -2094,7 +2108,8 @@
                 "item-group-label-font-size": "var(--kendo-font-size-sm)",
                 "item-group-label-line-height": "var(--kendo-line-height-xs)",
                 "filter-padding-x": "var(--kendo-spacing-4)",
-                "filter-padding-y": "var(--kendo-spacing-1\\.5)"
+                "filter-padding-y": "var(--kendo-spacing-1\\.5)",
+                "sticky-header-padding-y": "var(--kendo-spacing-2\\.5)"
             }
         }
     },
@@ -2126,6 +2141,10 @@
         "type": "Null",
         "value": "null"
     },
+    "kendo-list-sticky-header-shadow": {
+        "type": "List",
+        "value": "(0 2px 4px 0 rgba(0, 0, 0, 0.08))"
+    },
     "kendo-list-item-bg": {
         "type": "Null",
         "value": "null"
@@ -11892,8 +11911,8 @@
         "value": "var(--kendo-font-weight-bold)"
     },
     "kendo-grid-grouping-row-bg": {
-        "type": "Color",
-        "value": "transparent"
+        "type": "String",
+        "value": "var(--kendo-color-surface)"
     },
     "kendo-grid-grouping-row-text": {
         "type": "String",

package/lib/swatches/material-2-dark.json

@@ -3,7 +3,7 @@
     "name": "Material 2 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "14.2.0-dev.1",
+    "version": "14.2.0-dev.2",
     "previewColors": [
         "oklch(18.22% 0.0000 0deg)",
         "oklch(24.78% 0.0000 0deg)",

package/lib/swatches/material-2.json

@@ -3,7 +3,7 @@
     "name": "Material 2",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "14.2.0-dev.1",
+    "version": "14.2.0-dev.2",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(90.67% 0.0001 0deg)",

package/lib/swatches/material-aqua-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Aqua Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "14.2.0-dev.1",
+    "version": "14.2.0-dev.2",
     "previewColors": [
         "oklch(18.22% 0.0000 0deg)",
         "oklch(24.78% 0.0000 0deg)",

package/lib/swatches/material-arctic.json

@@ -3,7 +3,7 @@
     "name": "Material Arctic",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "14.2.0-dev.1",
+    "version": "14.2.0-dev.2",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(90.67% 0.0001 0deg)",

package/lib/swatches/material-burnt-teal.json

@@ -3,7 +3,7 @@
     "name": "Material Burnt Teal",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "14.2.0-dev.1",
+    "version": "14.2.0-dev.2",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(90.67% 0.0001 0deg)",

package/lib/swatches/material-dataviz-v4.json

@@ -3,7 +3,7 @@
     "name": "Material Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "14.2.0-dev.1",
+    "version": "14.2.0-dev.2",
     "previewColors": [
         "oklch(47.82% 0.1590 271.40deg)",
         "oklch(65.82% 0.1691 248.83deg)",

package/lib/swatches/material-eggplant.json

@@ -3,7 +3,7 @@
     "name": "Material Eggplant",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "14.2.0-dev.1",
+    "version": "14.2.0-dev.2",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(90.67% 0.0001 0deg)",

package/lib/swatches/material-lime-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Lime Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "14.2.0-dev.1",
+    "version": "14.2.0-dev.2",
     "previewColors": [
         "oklch(18.22% 0.0000 0deg)",
         "oklch(24.78% 0.0000 0deg)",

package/lib/swatches/material-lime.json

@@ -3,7 +3,7 @@
     "name": "Material Lime",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "14.2.0-dev.1",
+    "version": "14.2.0-dev.2",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(90.67% 0.0001 0deg)",

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

@@ -3,7 +3,7 @@
     "name": "Material Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "14.2.0-dev.1",
+    "version": "14.2.0-dev.2",
     "previewColors": [
         "oklch(18.74% 0.0124 300.35deg)",
         "oklch(28.59% 0.0130 298.53deg)",

package/lib/swatches/material-main.json

@@ -3,7 +3,7 @@
     "name": "Material Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "14.2.0-dev.1",
+    "version": "14.2.0-dev.2",
     "previewColors": [
         "oklch(99.15% 0.0062 316.78deg)",
         "oklch(96.92% 0.0102 310.65deg)",

package/lib/swatches/material-nova.json

@@ -3,7 +3,7 @@
     "name": "Material Nova",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "14.2.0-dev.1",
+    "version": "14.2.0-dev.2",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(90.67% 0.0001 0deg)",

package/lib/swatches/material-pacific-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Pacific Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "14.2.0-dev.1",
+    "version": "14.2.0-dev.2",
     "previewColors": [
         "oklch(18.22% 0.0000 0deg)",
         "oklch(24.78% 0.0000 0deg)",

package/lib/swatches/material-pacific.json

@@ -3,7 +3,7 @@
     "name": "Material Pacific Light",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "14.2.0-dev.1",
+    "version": "14.2.0-dev.2",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(90.67% 0.0001 0deg)",

package/lib/swatches/material-sky-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Sky Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "14.2.0-dev.1",
+    "version": "14.2.0-dev.2",
     "previewColors": [
         "oklch(18.22% 0.0000 0deg)",
         "oklch(24.78% 0.0000 0deg)",

package/lib/swatches/material-sky.json

@@ -3,7 +3,7 @@
     "name": "Material Sky",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "14.2.0-dev.1",
+    "version": "14.2.0-dev.2",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(90.67% 0.0001 0deg)",

package/lib/swatches/material-smoke.json

@@ -3,7 +3,7 @@
     "name": "Material Smoke",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "14.2.0-dev.1",
+    "version": "14.2.0-dev.2",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(90.67% 0.0001 0deg)",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-material",
   "description": "Material theme for Kendo UI",
-  "version": "14.2.0-dev.1",
+  "version": "14.2.0-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -55,8 +55,8 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.9.0",
-    "@progress/kendo-theme-core": "14.2.0-dev.1",
-    "@progress/kendo-theme-utils": "14.2.0-dev.1"
+    "@progress/kendo-theme-core": "14.2.0-dev.2",
+    "@progress/kendo-theme-utils": "14.2.0-dev.2"
   },
   "directories": {
     "doc": "docs",

package/scss/grid/_layout.scss

@@ -17,6 +17,22 @@
         .k-command-cell .k-button {
             @include box-shadow( none );
         }
+
+        .k-grouping-row .k-table-td,
+        .k-table-group-td {
+            border-block-end-width: 0;
+        }
+
+        .k-grouping-row + .k-master-row .k-table-td {
+            border-block-start-width: 1px;
+        }
+
+        .k-detail-row,
+        .k-master-row {
+            .k-group-cell + :not(.k-group-cell) {
+                border-inline-start: 1px solid;
+            }
+        }
     }
 
     .k-grid-pinned-container {

package/scss/grid/_theme.scss

@@ -18,6 +18,17 @@
         .k-master-row .k-grid-content-sticky {
             border-block-end-color: $kendo-grid-header-border;
         }
+
+        .k-master-row .k-group-cell {
+            border-block-color: transparent;
+        }
+
+        .k-detail-row,
+        .k-master-row {
+            .k-group-cell + :not(.k-group-cell) {
+                border-inline-start-color: k-color(border);
+            }
+        }
     }
 
     .k-grid-header {

package/scss/grid/_variables.scss

@@ -287,7 +287,7 @@ $kendo-grid-selection-aggregates-font-weight: var(--kendo-font-weight-bold) !def
 
 /// The background color of the Grid row.
 /// @group grid
-$kendo-grid-grouping-row-bg: transparent !default;
+$kendo-grid-grouping-row-bg: k-color(surface) !default;
 
 /// The background color of the Grid grouping header.
 /// @group grid

package/scss/list/_variables.scss

@@ -66,6 +66,16 @@ $kendo-list-md-header-padding-y: k-spacing(3) !default;
 /// @group list
 $kendo-list-lg-header-padding-y: k-spacing(4) !default;
 
+/// The vertical padding of the small List sticky header.
+/// @group list
+$kendo-list-sm-sticky-header-padding-y: k-spacing(1.5) !default;
+/// The vertical padding of the medium List sticky header.
+/// @group list
+$kendo-list-md-sticky-header-padding-y: k-spacing(2) !default;
+/// The vertical padding of the large List sticky header.
+/// @group list
+$kendo-list-lg-sticky-header-padding-y: k-spacing(2.5) !default;
+
 /// The border width of the List header.
 /// @group list
 $kendo-list-header-border-width: 0 0 1px !default;
@@ -294,7 +304,6 @@ $kendo-list-header-border: inherit !default;
 /// @group list
 $kendo-list-header-shadow: null !default;
 
-
 /// The background color of the List items.
 /// @group list
 $kendo-list-item-bg: null !default;
@@ -322,6 +331,10 @@ $kendo-list-item-focus-text: null !default;
 /// @group list
 $kendo-list-item-focus-shadow: inset 0 0 0 2px color-mix(in srgb, k-color(on-app-surface) 20%, transparent) !default;
 
+/// The box shadow of the List sticky header.
+/// @group list
+$kendo-list-sticky-header-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08) !default;
+
 /// The background color of the selected List items.
 /// @group list
 $kendo-list-item-selected-bg: k-color(primary-subtle) !default;
@@ -382,6 +395,9 @@ $kendo-list-item-description-text: k-color(subtle) !default;
     $kendo-list-sm-header-padding-y: $kendo-list-sm-header-padding-y,
     $kendo-list-md-header-padding-y: $kendo-list-md-header-padding-y,
     $kendo-list-lg-header-padding-y: $kendo-list-lg-header-padding-y,
+    $kendo-list-sm-sticky-header-padding-y: $kendo-list-sm-sticky-header-padding-y,
+    $kendo-list-md-sticky-header-padding-y: $kendo-list-md-sticky-header-padding-y,
+    $kendo-list-lg-sticky-header-padding-y: $kendo-list-lg-sticky-header-padding-y,
     $kendo-list-header-border-width: $kendo-list-header-border-width,
     $kendo-list-header-font-size: $kendo-list-header-font-size,
     $kendo-list-sm-header-font-size: $kendo-list-sm-header-font-size,
@@ -457,6 +473,7 @@ $kendo-list-item-description-text: k-color(subtle) !default;
     $kendo-list-item-focus-bg: $kendo-list-item-focus-bg,
     $kendo-list-item-focus-text: $kendo-list-item-focus-text,
     $kendo-list-item-focus-shadow: $kendo-list-item-focus-shadow,
+    $kendo-list-sticky-header-shadow: $kendo-list-sticky-header-shadow,
     $kendo-list-item-selected-bg: $kendo-list-item-selected-bg,
     $kendo-list-item-selected-text: $kendo-list-item-selected-text,
     $kendo-list-item-selected-hover-bg: $kendo-list-item-selected-hover-bg,