@neuravision/construct 2.1.3 → 2.1.5

package/CHANGELOG.md

@@ -5,6 +5,38 @@ 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
+
+- Button: custom icons composed into the `.ct-button__icon` slot (a `.ct-icon` — also when
+  wrapped by a framework component host — or a bare `<svg>`) now adopt the slot's size,
+  completing the composition contract introduced for the chip slot in 2.1.3. The slot size
+  is expressed as `--ct-button-icon-size` (default `--icon-sm`); context overrides like the
+  modal header's larger close icon set the custom property and flow through to composed
+  content. Consumers that override `.ct-button__icon` dimensions directly should switch to
+  `--ct-button-icon-size` so composed icons follow.
+- Card & Modal: header/footer slots hidden via the `hidden` attribute (e.g. by framework
+  wrappers when no content is projected) now actually disappear. The slots' `display: flex`
+  previously overrode the UA stylesheet's `[hidden] { display: none }`, so every card
+  without footer content rendered a ghost divider plus spacing at the bottom edge (same
+  for modals without a footer). New guards: `.ct-card__header[hidden]`,
+  `.ct-card__footer[hidden]`, `.ct-modal__footer[hidden]`.
+
 ## [2.1.3] - 2026-07-17
 
 ### Fixed

package/components/button.css

@@ -186,13 +186,29 @@
 }
 
 .ct-button__icon {
-  width: var(--icon-sm);
-  height: var(--icon-sm);
+  --ct-button-icon-size: var(--icon-sm);
+
+  width: var(--ct-button-icon-size);
+  height: var(--ct-button-icon-size);
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }
 
+/* Composed icon content adopts the slot's size — same composition
+   contract as `.ct-chip__icon` (see chip.css). `.ct-icon` carries a
+   fixed `--icon-md` box of its own that would overflow the slot; the
+   size is restated via the slot's custom property because `width: 100%`
+   does not resolve through an intermediate framework component host.
+   Context overrides (e.g. `.ct-modal__header`) set
+   `--ct-button-icon-size` and flow through to composed content. */
+.ct-button__icon .ct-icon,
+.ct-button__icon > svg {
+  width: var(--ct-button-icon-size);
+  height: var(--ct-button-icon-size);
+  font-size: var(--ct-button-icon-size);
+}
+
 @media (pointer: coarse) {
   .ct-button {
     min-width: var(--control-height-sm);

package/components/card.css

@@ -46,6 +46,15 @@
   border-top: var(--border-thin) solid var(--color-border-subtle);
 }
 
+/* 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;
+}
+
 :is(a, button, [role='button'], [role='link']).ct-card--interactive {
   cursor: pointer;
   transition: box-shadow var(--duration-fast) var(--easing-standard),

package/components/modal.css

@@ -46,8 +46,7 @@
 }
 
 .ct-modal__header .ct-button__icon {
-  width: var(--icon-lg);
-  height: var(--icon-lg);
+  --ct-button-icon-size: var(--icon-lg);
 }
 
 .ct-modal__body {
@@ -65,6 +64,13 @@
   flex-wrap: wrap;
 }
 
+/* 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;
+}
+
 /* Modal size variants */
 
 .ct-modal--sm .ct-modal__dialog {

package/package.json

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