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

package/dist/meta/sassdoc-raw-data.json

@@ -39651,15 +39651,15 @@
         }
     },
     {
-        "description": "The vertical border of the Grid footer.\n",
+        "description": "The indent size for nested grouping rows.\n",
         "commentRange": {
             "start": 482,
             "end": 483
         },
         "context": {
             "type": "variable",
-            "name": "kendo-grid-group-footer-border-y",
-            "value": "1px",
+            "name": "kendo-grid-grouping-indent-size",
+            "value": "k-spacing(6)",
             "scope": "default",
             "line": {
                 "start": 484,
@@ -39675,11 +39675,61 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The margin at the end of the checkbox in grouping rows.\n",
+        "commentRange": {
+            "start": 485,
+            "end": 486
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-grid-grouping-row-checkbox-margin-end",
+            "value": "k-spacing(3)",
+            "scope": "default",
+            "line": {
+                "start": 487,
+                "end": 487
+            }
+        },
+        "group": [
+            "grid"
+        ],
+        "access": "public",
+        "file": {
+            "path": "grid/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical border of the Grid footer.\n",
+        "commentRange": {
+            "start": 488,
+            "end": 489
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-grid-group-footer-border-y",
+            "value": "1px",
+            "scope": "default",
+            "line": {
+                "start": 490,
+                "end": 490
+            }
+        },
+        "group": [
+            "grid"
+        ],
+        "access": "public",
+        "file": {
+            "path": "grid/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The background color of the Grid row resize indicator.\n",
         "commentRange": {
-            "start": 486,
-            "end": 487
+            "start": 492,
+            "end": 493
         },
         "context": {
             "type": "variable",
@@ -39687,8 +39737,8 @@
             "value": "color-mix(in srgb, k-color(on-base) 20%, transparent)",
             "scope": "default",
             "line": {
-                "start": 488,
-                "end": 488
+                "start": 494,
+                "end": 494
             }
         },
         "group": [
@@ -39703,8 +39753,8 @@
     {
         "description": "The background color of the active Grid row resize indicator.\n",
         "commentRange": {
-            "start": 489,
-            "end": 490
+            "start": 495,
+            "end": 496
         },
         "context": {
             "type": "variable",
@@ -39712,8 +39762,8 @@
             "value": "k-color(primary)",
             "scope": "default",
             "line": {
-                "start": 491,
-                "end": 491
+                "start": 497,
+                "end": 497
             }
         },
         "group": [
@@ -39728,8 +39778,8 @@
     {
         "description": "The height of the Grid row resize indicator.\n",
         "commentRange": {
-            "start": 492,
-            "end": 493
+            "start": 498,
+            "end": 499
         },
         "context": {
             "type": "variable",
@@ -39737,8 +39787,8 @@
             "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
-                "start": 494,
-                "end": 494
+                "start": 500,
+                "end": 500
             }
         },
         "group": [
@@ -39753,8 +39803,8 @@
     {
         "description": "The horizontal padding of the Grid stack layout cells.\n",
         "commentRange": {
-            "start": 496,
-            "end": 497
+            "start": 502,
+            "end": 503
         },
         "context": {
             "type": "variable",
@@ -39762,8 +39812,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 498,
-                "end": 498
+                "start": 504,
+                "end": 504
             }
         },
         "group": [
@@ -39778,8 +39828,8 @@
     {
         "description": "The vertical padding of the Grid stack layout cells.\n",
         "commentRange": {
-            "start": 499,
-            "end": 500
+            "start": 505,
+            "end": 506
         },
         "context": {
             "type": "variable",
@@ -39787,8 +39837,8 @@
             "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
-                "start": 501,
-                "end": 501
+                "start": 507,
+                "end": 507
             }
         },
         "group": [
@@ -39803,8 +39853,8 @@
     {
         "description": "The column gap of the Grid stack layout.\n",
         "commentRange": {
-            "start": 503,
-            "end": 504
+            "start": 509,
+            "end": 510
         },
         "context": {
             "type": "variable",
@@ -39812,8 +39862,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 505,
-                "end": 505
+                "start": 511,
+                "end": 511
             }
         },
         "group": [
@@ -39828,8 +39878,8 @@
     {
         "description": "The column gap of the editable Grid stack layout.\n",
         "commentRange": {
-            "start": 506,
-            "end": 507
+            "start": 512,
+            "end": 513
         },
         "context": {
             "type": "variable",
@@ -39837,8 +39887,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 508,
-                "end": 508
+                "start": 514,
+                "end": 514
             }
         },
         "group": [
@@ -39853,8 +39903,8 @@
     {
         "description": "The width of the hierarchy column in the Grid stack layout.\n",
         "commentRange": {
-            "start": 510,
-            "end": 511
+            "start": 516,
+            "end": 517
         },
         "context": {
             "type": "variable",
@@ -39862,8 +39912,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 512,
-                "end": 512
+                "start": 518,
+                "end": 518
             }
         },
         "group": [
@@ -39878,8 +39928,8 @@
     {
         "description": "The font size of the Grid stack layout column header.\n",
         "commentRange": {
-            "start": 514,
-            "end": 515
+            "start": 520,
+            "end": 521
         },
         "context": {
             "type": "variable",
@@ -39887,8 +39937,8 @@
             "value": "var( --kendo-font-size-sm, inherit )",
             "scope": "default",
             "line": {
-                "start": 516,
-                "end": 516
+                "start": 522,
+                "end": 522
             }
         },
         "group": [
@@ -39903,8 +39953,8 @@
     {
         "description": "The font weight of the Grid stack layout column header.\n",
         "commentRange": {
-            "start": 517,
-            "end": 518
+            "start": 523,
+            "end": 524
         },
         "context": {
             "type": "variable",
@@ -39912,8 +39962,8 @@
             "value": "var( --kendo-font-weight-bold, bold )",
             "scope": "default",
             "line": {
-                "start": 519,
-                "end": 519
+                "start": 525,
+                "end": 525
             }
         },
         "group": [
@@ -39928,8 +39978,8 @@
     {
         "description": "The height of the Grid stack layout expandable row shadow.\n",
         "commentRange": {
-            "start": 520,
-            "end": 521
+            "start": 526,
+            "end": 527
         },
         "context": {
             "type": "variable",
@@ -39937,8 +39987,8 @@
             "value": "k-spacing(2.5)",
             "scope": "default",
             "line": {
-                "start": 522,
-                "end": 522
+                "start": 528,
+                "end": 528
             }
         },
         "group": [
@@ -39953,8 +40003,8 @@
     {
         "description": "The color of the Grid stack layout column header.\n",
         "commentRange": {
-            "start": 524,
-            "end": 525
+            "start": 530,
+            "end": 531
         },
         "context": {
             "type": "variable",
@@ -39962,8 +40012,8 @@
             "value": "color-mix(in srgb, k-color(subtle) 75%, k-color(on-app-surface))",
             "scope": "default",
             "line": {
-                "start": 526,
-                "end": 526
+                "start": 532,
+                "end": 532
             }
         },
         "group": [
@@ -39978,8 +40028,8 @@
     {
         "description": "The outline color of the Grid stack layout focused cell.\n",
         "commentRange": {
-            "start": 527,
-            "end": 528
+            "start": 533,
+            "end": 534
         },
         "context": {
             "type": "variable",
@@ -39987,8 +40037,8 @@
             "value": "k-color(subtle)",
             "scope": "default",
             "line": {
-                "start": 529,
-                "end": 529
+                "start": 535,
+                "end": 535
             }
         },
         "group": [
@@ -40003,8 +40053,8 @@
     {
         "description": "The Grid stack layout expandable row shadow.\n",
         "commentRange": {
-            "start": 530,
-            "end": 531
+            "start": 536,
+            "end": 537
         },
         "context": {
             "type": "variable",
@@ -40012,8 +40062,8 @@
             "value": "k-elevation(2)",
             "scope": "default",
             "line": {
-                "start": 532,
-                "end": 532
+                "start": 538,
+                "end": 538
             }
         },
         "group": [
@@ -40028,8 +40078,8 @@
     {
         "description": "The font weight of the pinned source row in the Grid.\n",
         "commentRange": {
-            "start": 534,
-            "end": 535
+            "start": 540,
+            "end": 541
         },
         "context": {
             "type": "variable",
@@ -40037,8 +40087,8 @@
             "value": "var( --kendo-font-weight-bold, 700 )",
             "scope": "default",
             "line": {
-                "start": 536,
-                "end": 536
+                "start": 542,
+                "end": 542
             }
         },
         "group": [

package/dist/meta/variables.json

@@ -12265,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.4",
+    "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.4",
+    "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.4",
+  "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.4",
-    "@progress/kendo-theme-utils": "14.2.0-dev.4"
+    "@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

@@ -479,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;
@@ -667,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,