@nxgt/material 3.104.0 → 3.106.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @nxgt/material
 
+## 3.106.0
+
+### Minor Changes
+
+- [#2917](https://github.com/softistx/nxgt-material/pull/2917) [`89cc8ce`](https://github.com/softistx/nxgt-material/commit/89cc8cee26365124244a53dd770de8b3be452957) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `DataTable` takes `surface`. `surface="none"` draws the `cards` and `tiles` list without its own surface, so a list inside a page card or a `PanelCard` is no longer a card in a card: the table's fill and padding go, tiles lose the list's border and corners (rows stay split by hairlines) and cards lose their border and fill. Default `'card'`: unchanged.
+
+## 3.105.0
+
+### Minor Changes
+
+- [#2914](https://github.com/softistx/nxgt-material/pull/2914) [`c572dc6`](https://github.com/softistx/nxgt-material/commit/c572dc6159bbba04d3e00e59e89f4f901346b79c) Thanks [@SteveGT96](https://github.com/SteveGT96)! - Sidebar groups can remember their fold state and hide their badge while open. On a `MenuItem` with `children` and `defaultExpanded`, `persistKey` (a string, or `true` to derive the key from `navigation.persistKey` and the `url`) keeps the expanded or folded choice in this browser, read after hydration like the sidebar's own collapse; `badgeWhen: 'collapsed'` draws the parent's `badge` only while the group is folded. Both are optional and default to the previous behaviour.
+
 ## 3.104.0
 
 ### Minor Changes

package/dist/components/ui/collections/data-table/data-table-items-tiles.css

@@ -13,6 +13,15 @@
 		border: 1px solid var(--item-border);
 		border-radius: var(--item-radius);
 	}
+	/* `surface="none"`: no surface of its own, for a list inside a card. The
+	 * rows keep their hairlines; the tints still mix over the parent. */
+	[data-slot="data-table-tiles"][data-surface="none"] {
+		--item-surface: transparent;
+		margin: 0;
+		background: none;
+		border: 0;
+		border-radius: 0;
+	}
 	/* A ServerTable on a phone has no panel of its own: the tile list sits at
 	 * the page gutter, in line with the heading (#2292). */
 	@media (max-width: 767.98px) {
@@ -52,6 +61,11 @@
 		border-end-start-radius: calc(var(--item-radius) - 1px);
 		border-end-end-radius: calc(var(--item-radius) - 1px);
 	}
+	/* `surface="none"`: no rounded first and last row either. */
+	[data-slot="data-table-tiles"][data-surface="none"]
+	> [data-slot="data-table-item"] {
+		border-radius: 0;
+	}
 	[data-slot="data-table-tiles"][data-selectable]
 		> [data-slot="data-table-item"] {
 		padding-inline-start: 3.25rem;

package/dist/components/ui/collections/data-table/data-table-items.css

@@ -73,6 +73,12 @@
 			grid-template-columns: repeat(3, minmax(0, 1fr));
 		}
 	}
+	/* `surface="none"`: the list sits on its parent, with no padding of the
+	 * table's own to take the ring room's 4px back from. */
+	[data-slot="table-wrapper"]:has(> [data-surface="none"]) {
+		margin-inline: 0;
+		width: 100% !important;
+	}
 	[data-slot="data-table-cards"][data-density="compact"] {
 		gap: var(--nxgt-cards-gap, 0.5rem);
 	}
@@ -120,6 +126,22 @@
 		> [data-slot="data-table-item"] {
 		padding: 0.75rem;
 	}
+	/* `surface="none"`: a card draws no border or fill of its own, for a list
+	 * inside a card. In one column the cards are split by hairlines. */
+	[data-slot="data-table-cards"][data-surface="none"] {
+		--item-surface: transparent;
+	}
+	[data-slot="data-table-cards"][data-surface="none"]
+		> [data-slot="data-table-item"] {
+		border-color: transparent;
+	}
+	@container (max-width: 35.999rem) {
+		[data-slot="data-table-cards"][data-surface="none"]
+			> [data-slot="data-table-item"]
+			+ [data-slot="data-table-item"] {
+			border-top-color: var(--item-border);
+		}
+	}
 	[data-slot="data-table-item"] a[data-slot="data-table-item-link"],
 	[data-slot="data-table-item"] button[data-slot="data-table-item-link"] {
 		color: inherit;