@progress/kendo-theme-meridian 14.2.0-dev.3 → 14.2.0-dev.5

package/dist/meta/variables.json

@@ -12173,6 +12173,18 @@
         "type": "String",
         "value": "var(--kendo-color-border)"
     },
+    "kendo-grid-add-row-bg": {
+        "type": "String",
+        "value": "var(--kendo-color-surface)"
+    },
+    "kendo-grid-add-row-text": {
+        "type": "String",
+        "value": "color-mix(in srgb, var(--kendo-color-subtle) 75%, var(--kendo-color-on-app-surface))"
+    },
+    "kendo-grid-add-row-border": {
+        "type": "String",
+        "value": "var(--kendo-color-border)"
+    },
     "kendo-grid-footer-bg": {
         "type": "String",
         "value": "var(--kendo-color-surface)"
@@ -12253,6 +12265,14 @@
         "type": "String",
         "value": "var(--kendo-color-on-app-surface)"
     },
+    "kendo-grid-grouping-indent-size": {
+        "type": "String",
+        "value": "var(--kendo-spacing-6)"
+    },
+    "kendo-grid-grouping-row-checkbox-margin-end": {
+        "type": "String",
+        "value": "var(--kendo-spacing-3)"
+    },
     "kendo-grid-sorted-icon-spacing": {
         "type": "Calculation",
         "value": "calc(var(--kendo-spacing-2) - 1px)"

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

@@ -3,7 +3,7 @@
     "name": "Meridian Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-meridian",
-    "version": "14.2.0-dev.3",
+    "version": "14.2.0-dev.5",
     "previewColors": [
         "oklch(13.85% 0.0249 273.24deg)",
         "oklch(23.28% 0.0218 272.75deg)",

package/lib/swatches/meridian-main.json

@@ -3,7 +3,7 @@
     "name": "Meridian Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-meridian",
-    "version": "14.2.0-dev.3",
+    "version": "14.2.0-dev.5",
     "previewColors": [
         "oklch(100% 0 0deg)",
         "oklch(98.46% 0.0017 247.84deg)",

package/package.json

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

package/scss/grid/_layout.scss

@@ -44,15 +44,23 @@
             }
         }
 
-        .k-table .k-table-row .k-table-group-td {
-            border-width: 0;
+        .k-master-row:has(+ .k-detail-row) {
+            > .k-table-td:not(.k-group-cell) {
+                border-block-end-width: 0;
+            }
         }
 
-        .k-grouping-row + .k-table-row .k-table-td {
-            border-block-start-width: 0;
+        .k-grouping-row .k-table-td {
+            border-block-end-width: 0;
         }
 
-        .k-grouping-row + .k-master-row .k-table-td {
+        .k-grouping-row .k-grouping-row-content {
+            padding: k-spacing(1);
+            margin: calc( #{k-spacing(1)} * -1 );
+        }
+
+        .k-grouping-row + .k-master-row .k-table-td,
+        .k-grouping-row + .k-master-row .k-group-cell {
             border-block-start-width: $kendo-grid-grouping-row-border-top;
         }
 
@@ -84,10 +92,6 @@
         font-weight: var(--kendo-font-weight-medium, 500);
     }
 
-    .k-table-group-row .k-table-td {
-        border-block-end-width: 0;
-    }
-
     // Row-span cells use an inset shadow for all borders,
     // so zero out the td's own borders to avoid doubling.
     .k-grid .k-table-td-row-span {

package/scss/grid/_variables.scss

@@ -221,6 +221,16 @@ $kendo-grid-header-text: color-mix(in srgb, k-color(subtle) 75%, k-color(on-app-
 /// @group grid
 $kendo-grid-header-border: $kendo-table-header-border !default;
 
+/// The background color of Grid add row.
+/// @group grid
+$kendo-grid-add-row-bg: k-color(surface) !default;
+/// The text color of Grid add row.
+/// @group grid
+$kendo-grid-add-row-text: color-mix(in srgb, k-color(subtle) 75%, k-color(on-app-surface)) !default;
+/// The border color of Grid add row.
+/// @group grid
+$kendo-grid-add-row-border: k-color(border) !default;
+
 /// The background color of Grid footer.
 /// @group grid
 $kendo-grid-footer-bg: $kendo-grid-header-bg !default;
@@ -469,6 +479,12 @@ $kendo-grid-hierarchy-col-width: ($kendo-icon-size * 2) !default;
 /// The grouping border top of the Grid row.
 /// @group grid
 $kendo-grid-grouping-row-border-top: 1px !default;
+/// The indent size for nested grouping rows.
+/// @group grid
+$kendo-grid-grouping-indent-size: k-spacing(6) !default;
+/// The margin at the end of the checkbox in grouping rows.
+/// @group grid
+$kendo-grid-grouping-row-checkbox-margin-end: k-spacing(3) !default;
 /// The vertical border of the Grid footer.
 /// @group grid
 $kendo-grid-group-footer-border-y: 1px !default;
@@ -593,6 +609,9 @@ $kendo-grid-pinned-source-font-weight: var( --kendo-font-weight-bold, 700 ) !def
     $kendo-grid-header-bg: $kendo-grid-header-bg,
     $kendo-grid-header-text: $kendo-grid-header-text,
     $kendo-grid-header-border: $kendo-grid-header-border,
+    $kendo-grid-add-row-bg: $kendo-grid-add-row-bg,
+    $kendo-grid-add-row-text: $kendo-grid-add-row-text,
+    $kendo-grid-add-row-border: $kendo-grid-add-row-border,
     $kendo-grid-footer-bg: $kendo-grid-footer-bg,
     $kendo-grid-footer-text: $kendo-grid-footer-text,
     $kendo-grid-footer-border: $kendo-grid-footer-border,
@@ -654,6 +673,8 @@ $kendo-grid-pinned-source-font-weight: var( --kendo-font-weight-bold, 700 ) !def
     $kendo-grid-drag-cell-width: $kendo-grid-drag-cell-width,
     $kendo-grid-hierarchy-col-width: $kendo-grid-hierarchy-col-width,
     $kendo-grid-grouping-row-border-top: $kendo-grid-grouping-row-border-top,
+    $kendo-grid-grouping-indent-size: $kendo-grid-grouping-indent-size,
+    $kendo-grid-grouping-row-checkbox-margin-end: $kendo-grid-grouping-row-checkbox-margin-end,
     $kendo-grid-group-footer-border-y: $kendo-grid-group-footer-border-y,
     $kendo-grid-row-resizer-hover-bg: $kendo-grid-row-resizer-hover-bg,
     $kendo-grid-row-resizer-active-bg: $kendo-grid-row-resizer-active-bg,