@neuravision/construct 2.1.4 → 2.1.5

package/CHANGELOG.md

@@ -5,6 +5,20 @@ All notable changes to `@neuravision/construct` will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [2.1.5] - 2026-07-17
+
+### Fixed
+
+- **Card & Modal: the 2.1.4 `[hidden]` slot guards are replaced with `:not(:has(*))`
+  empty-slot rules — update immediately if you are on 2.1.4.** The attribute guards
+  trusted the wrapper's projection detection; ng-construct's `AfCard`/`AfModal` detection
+  (`contentChild('[header]')` resolves a template reference name, never a CSS selector)
+  reports "empty" for every slot, so 2.1.4 blanked out populated card headers/footers and
+  every modal footer in consuming apps. The slots now decide visibility purely in CSS:
+  a header/footer wrapper with no projected element hides itself, one with content always
+  renders — regardless of what the wrapper's `hidden` attribute claims. The original
+  2.1.4 goal (no ghost divider under footerless cards/modals) is preserved.
+
 ## [2.1.4] - 2026-07-17
 
 ### Fixed

package/components/card.css

@@ -46,12 +46,12 @@
   border-top: var(--border-thin) solid var(--color-border-subtle);
 }
 
-/* Wrappers hide empty slots via the `hidden` attribute (e.g. framework
-   integrations when no content is projected). The display rules above would
-   otherwise override the UA stylesheet's `[hidden] { display: none }` and
-   leave a ghost divider + spacing behind. */
-.ct-card__header[hidden],
-.ct-card__footer[hidden] {
+/* Slot wrappers render even when no content is projected into them (framework
+   wrappers cannot reliably detect projection, and the `hidden` attribute they
+   set is overridden by the display rules above). Hide slots without projected
+   content so an empty header/footer leaves no ghost spacing or divider. */
+.ct-card__header:not(:has(*)),
+.ct-card__footer:not(:has(*)) {
   display: none;
 }
 

package/components/modal.css

@@ -64,10 +64,10 @@
   flex-wrap: wrap;
 }
 
-/* Wrappers hide the footer via the `hidden` attribute when no content is
-   projected; `display: flex` above would otherwise override the UA
-   stylesheet's `[hidden]` rule and leave a ghost divider behind. */
-.ct-modal__footer[hidden] {
+/* The footer wrapper renders even when no content is projected into it
+   (framework wrappers cannot reliably detect projection). Hide it when
+   empty so footerless modals leave no ghost divider behind. */
+.ct-modal__footer:not(:has(*)) {
   display: none;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neuravision/construct",
-  "version": "2.1.4",
+  "version": "2.1.5",
   "description": "Construct Design System - Accessible, token-based design system for modern web applications",
   "license": "MIT",
   "repository": {