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

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

@@ -38159,7 +38159,7 @@
         "context": {
             "type": "variable",
             "name": "kendo-grid-grouping-row-border-top",
-            "value": "0px",
+            "value": "1px",
             "scope": "default",
             "line": {
                 "start": 472,
@@ -38176,15 +38176,15 @@
         }
     },
     {
-        "description": "The vertical border of the Grid footer.\n",
+        "description": "The indent size for nested grouping rows.\n",
         "commentRange": {
             "start": 473,
             "end": 474
         },
         "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": 475,
@@ -38200,11 +38200,61 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The margin at the end of the checkbox in grouping rows.\n",
+        "commentRange": {
+            "start": 476,
+            "end": 477
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-grid-grouping-row-checkbox-margin-end",
+            "value": "k-spacing(3)",
+            "scope": "default",
+            "line": {
+                "start": 478,
+                "end": 478
+            }
+        },
+        "group": [
+            "grid"
+        ],
+        "access": "public",
+        "file": {
+            "path": "grid/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The vertical border of the Grid footer.\n",
+        "commentRange": {
+            "start": 479,
+            "end": 480
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-grid-group-footer-border-y",
+            "value": "1px",
+            "scope": "default",
+            "line": {
+                "start": 481,
+                "end": 481
+            }
+        },
+        "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": 477,
-            "end": 478
+            "start": 483,
+            "end": 484
         },
         "context": {
             "type": "variable",
@@ -38212,8 +38262,8 @@
             "value": "color-mix(in srgb, k-color(on-base) 20%, transparent)",
             "scope": "default",
             "line": {
-                "start": 479,
-                "end": 479
+                "start": 485,
+                "end": 485
             }
         },
         "group": [
@@ -38228,8 +38278,8 @@
     {
         "description": "The background color of the active Grid row resize indicator.\n",
         "commentRange": {
-            "start": 480,
-            "end": 481
+            "start": 486,
+            "end": 487
         },
         "context": {
             "type": "variable",
@@ -38237,8 +38287,8 @@
             "value": "k-color(primary)",
             "scope": "default",
             "line": {
-                "start": 482,
-                "end": 482
+                "start": 488,
+                "end": 488
             }
         },
         "group": [
@@ -38253,8 +38303,8 @@
     {
         "description": "The height of the Grid row resize indicator.\n",
         "commentRange": {
-            "start": 483,
-            "end": 484
+            "start": 489,
+            "end": 490
         },
         "context": {
             "type": "variable",
@@ -38262,8 +38312,8 @@
             "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
-                "start": 485,
-                "end": 485
+                "start": 491,
+                "end": 491
             }
         },
         "group": [
@@ -38278,8 +38328,8 @@
     {
         "description": "The horizontal padding of the Grid stack layout cells.\n",
         "commentRange": {
-            "start": 487,
-            "end": 488
+            "start": 493,
+            "end": 494
         },
         "context": {
             "type": "variable",
@@ -38287,8 +38337,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 489,
-                "end": 489
+                "start": 495,
+                "end": 495
             }
         },
         "group": [
@@ -38303,8 +38353,8 @@
     {
         "description": "The vertical padding of the Grid stack layout cells.\n",
         "commentRange": {
-            "start": 490,
-            "end": 491
+            "start": 496,
+            "end": 497
         },
         "context": {
             "type": "variable",
@@ -38312,8 +38362,8 @@
             "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
-                "start": 492,
-                "end": 492
+                "start": 498,
+                "end": 498
             }
         },
         "group": [
@@ -38328,8 +38378,8 @@
     {
         "description": "The column gap of the Grid stack layout.\n",
         "commentRange": {
-            "start": 494,
-            "end": 495
+            "start": 500,
+            "end": 501
         },
         "context": {
             "type": "variable",
@@ -38337,8 +38387,8 @@
             "value": "k-spacing(1)",
             "scope": "default",
             "line": {
-                "start": 496,
-                "end": 496
+                "start": 502,
+                "end": 502
             }
         },
         "group": [
@@ -38353,8 +38403,8 @@
     {
         "description": "The column gap of the editable Grid stack layout.\n",
         "commentRange": {
-            "start": 497,
-            "end": 498
+            "start": 503,
+            "end": 504
         },
         "context": {
             "type": "variable",
@@ -38362,8 +38412,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 499,
-                "end": 499
+                "start": 505,
+                "end": 505
             }
         },
         "group": [
@@ -38378,8 +38428,8 @@
     {
         "description": "The width of the hierarchy column in the Grid stack layout.\n",
         "commentRange": {
-            "start": 501,
-            "end": 502
+            "start": 507,
+            "end": 508
         },
         "context": {
             "type": "variable",
@@ -38387,8 +38437,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 503,
-                "end": 503
+                "start": 509,
+                "end": 509
             }
         },
         "group": [
@@ -38403,8 +38453,8 @@
     {
         "description": "The font size of the Grid stack layout column header.\n",
         "commentRange": {
-            "start": 505,
-            "end": 506
+            "start": 511,
+            "end": 512
         },
         "context": {
             "type": "variable",
@@ -38412,8 +38462,8 @@
             "value": "var(--kendo-font-size-sm)",
             "scope": "default",
             "line": {
-                "start": 507,
-                "end": 507
+                "start": 513,
+                "end": 513
             }
         },
         "group": [
@@ -38428,8 +38478,8 @@
     {
         "description": "The font weight of the Grid stack layout column header.\n",
         "commentRange": {
-            "start": 508,
-            "end": 509
+            "start": 514,
+            "end": 515
         },
         "context": {
             "type": "variable",
@@ -38437,8 +38487,8 @@
             "value": "var(--kendo-font-weight-bold)",
             "scope": "default",
             "line": {
-                "start": 510,
-                "end": 510
+                "start": 516,
+                "end": 516
             }
         },
         "group": [
@@ -38453,8 +38503,8 @@
     {
         "description": "The height of the Grid stack layout expandable row shadow.\n",
         "commentRange": {
-            "start": 511,
-            "end": 512
+            "start": 517,
+            "end": 518
         },
         "context": {
             "type": "variable",
@@ -38462,8 +38512,8 @@
             "value": "k-spacing(2.5)",
             "scope": "default",
             "line": {
-                "start": 513,
-                "end": 513
+                "start": 519,
+                "end": 519
             }
         },
         "group": [
@@ -38478,8 +38528,8 @@
     {
         "description": "The color of the Grid stack layout column header.\n",
         "commentRange": {
-            "start": 515,
-            "end": 516
+            "start": 521,
+            "end": 522
         },
         "context": {
             "type": "variable",
@@ -38487,8 +38537,8 @@
             "value": "k-color(subtle)",
             "scope": "default",
             "line": {
-                "start": 517,
-                "end": 517
+                "start": 523,
+                "end": 523
             }
         },
         "group": [
@@ -38503,8 +38553,8 @@
     {
         "description": "The outline color of the Grid stack layout focused cell.\n",
         "commentRange": {
-            "start": 518,
-            "end": 519
+            "start": 524,
+            "end": 525
         },
         "context": {
             "type": "variable",
@@ -38512,8 +38562,8 @@
             "value": "color-mix(in srgb, k-color(on-app-surface) 20%, transparent)",
             "scope": "default",
             "line": {
-                "start": 520,
-                "end": 520
+                "start": 526,
+                "end": 526
             }
         },
         "group": [
@@ -38528,8 +38578,8 @@
     {
         "description": "The Grid stack layout expandable row shadow.\n",
         "commentRange": {
-            "start": 521,
-            "end": 522
+            "start": 527,
+            "end": 528
         },
         "context": {
             "type": "variable",
@@ -38537,8 +38587,8 @@
             "value": "k-elevation(1)",
             "scope": "default",
             "line": {
-                "start": 523,
-                "end": 523
+                "start": 529,
+                "end": 529
             }
         },
         "group": [
@@ -38553,8 +38603,8 @@
     {
         "description": "The font weight of the pinned source row in the Grid.\n",
         "commentRange": {
-            "start": 525,
-            "end": 526
+            "start": 531,
+            "end": 532
         },
         "context": {
             "type": "variable",
@@ -38562,8 +38612,8 @@
             "value": "var(--kendo-font-weight-semibold)",
             "scope": "default",
             "line": {
-                "start": 527,
-                "end": 527
+                "start": 533,
+                "end": 533
             }
         },
         "group": [

package/dist/meta/variables.json

@@ -11930,6 +11930,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": "String",
         "value": "var(--kendo-spacing-1)"
@@ -12108,7 +12116,7 @@
     },
     "kendo-grid-grouping-row-border-top": {
         "type": "Number",
-        "value": "0px"
+        "value": "1px"
     },
     "kendo-grid-group-footer-border-y": {
         "type": "Number",

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.4",
+    "version": "14.2.0-dev.5",
     "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.4",
+    "version": "14.2.0-dev.5",
     "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.4",
+    "version": "14.2.0-dev.5",
     "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.4",
+    "version": "14.2.0-dev.5",
     "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.4",
+    "version": "14.2.0-dev.5",
     "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.4",
+    "version": "14.2.0-dev.5",
     "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.4",
+    "version": "14.2.0-dev.5",
     "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.4",
+    "version": "14.2.0-dev.5",
     "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.4",
+    "version": "14.2.0-dev.5",
     "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.4",
+    "version": "14.2.0-dev.5",
     "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.4",
+    "version": "14.2.0-dev.5",
     "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.4",
+    "version": "14.2.0-dev.5",
     "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.4",
+    "version": "14.2.0-dev.5",
     "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.4",
+    "version": "14.2.0-dev.5",
     "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.4",
+    "version": "14.2.0-dev.5",
     "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.4",
+    "version": "14.2.0-dev.5",
     "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.4",
+    "version": "14.2.0-dev.5",
     "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.4",
+  "version": "14.2.0-dev.5",
   "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.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

@@ -33,6 +33,12 @@
                 border-inline-start: 1px solid;
             }
         }
+
+        .k-master-row:has(+ .k-detail-row) {
+            > .k-table-td:not(.k-group-cell) {
+                border-block-end-width: 0;
+            }
+        }
     }
 
     .k-grid-pinned-container {

package/scss/grid/_variables.scss

@@ -469,7 +469,13 @@ $kendo-grid-hierarchy-col-width: 32px !default;
 
 /// The grouping border top of the Grid row.
 /// @group grid
-$kendo-grid-grouping-row-border-top: 0px !default;
+$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;
@@ -658,6 +664,8 @@ $kendo-grid-pinned-source-font-weight: var(--kendo-font-weight-semibold) !defaul
     $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,