@rivet-health/design-system 40.44.2 → 40.44.4

package/lib/layout/card/card-link.component.d.ts

@@ -1,4 +1,5 @@
-import { ElementRef, OnChanges, Renderer2, SimpleChanges } from '@angular/core';
+import { ElementRef, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges } from '@angular/core';
+import { CardComponent } from './card.component';
 import * as i0 from "@angular/core";
 /**
  * Makes a `riv-card` activate, applied to a native `<a>` or `<button>` inside
@@ -34,18 +35,27 @@ import * as i0 from "@angular/core";
  * When `stretch` is used, keep the visible link text meaningful on its own —
  * it is the accessible name for the whole card.
  */
-export declare class CardLinkComponent implements OnChanges {
+export declare class CardLinkComponent implements OnInit, OnChanges, OnDestroy {
     private readonly el;
     private readonly renderer;
-    constructor(el: ElementRef, renderer: Renderer2);
+    private readonly card;
+    constructor(el: ElementRef, renderer: Renderer2, card: CardComponent | null);
     /** Whether the hit area covers the whole card or only the wrapped region. */
     mode: CardLinkComponent.Mode;
     disabled?: boolean;
     get classes(): string;
     get ariaDisabled(): 'true' | null;
     get tabIndex(): '-1' | null;
+    /**
+     * Tells the enclosing card when this link covers it, so the card raises the
+     * same hover shadow as a clickable one. Registered on init too, since an
+     * unbound `mode` defaults to `stretch` without triggering `ngOnChanges`.
+     */
+    ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CardLinkComponent, never>;
+    ngOnDestroy(): void;
+    private registerStretch;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardLinkComponent, [null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CardLinkComponent, "[riv-card-link]", never, { "mode": { "alias": "mode"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare namespace CardLinkComponent {

package/lib/layout/card/card.component.d.ts

@@ -114,15 +114,17 @@ export declare class CardComponent implements OnInit {
     /** Corner radius, matching the `--border-radius-*` tokens. */
     radius: CardComponent.Radius;
     /**
-     * Shadow raised on hover, matching the `--depth-*` tokens. Defaults to `1`
-     * for a clickable card, `2` for a clickable elevated card, and `none`
-     * otherwise. A hover shadow reads as clickable, so set it on a card that
-     * is not `clickable` only when the card's own controls make it interactive.
+     * Shadow raised on hover, matching the `--depth-*` tokens. This shadow is
+     * the card's only hover feedback; the surface is not tinted. Defaults to `1`
+     * for a card that activates as a whole — `clickable`, or holding an enabled
+     * stretch `[riv-card-link]` — `2` for such a card when elevated, and `none`
+     * otherwise. A hover shadow reads as clickable, so set it on any other card
+     * only when the card's own controls make it interactive.
      */
     hoverDepth?: CardComponent.Depth;
     /**
-     * Makes the whole surface activate, emitting `cardClick`. Adds the hover
-     * affordance and keyboard support.
+     * Makes the whole surface activate, emitting `cardClick`. Adds keyboard
+     * support and a hover shadow (see `hoverDepth`).
      */
     clickable: boolean;
     /**
@@ -154,6 +156,8 @@ export declare class CardComponent implements OnInit {
     private titleId?;
     /** Set by a projected `riv-card-header` that is expandable. */
     private expandRegionId?;
+    /** Set by a projected `[riv-card-link]` whose overlay covers the card. */
+    private stretchLink;
     /**
      * Id an expandable header's toggle points `aria-controls` at, worn by a
      * projected `riv-card-content`.
@@ -183,6 +187,12 @@ export declare class CardComponent implements OnInit {
      * longer the one in use.
      */
     clearRegionId(id: string): void;
+    /**
+     * Records whether an enabled stretch `[riv-card-link]` covers the card, which
+     * makes the whole surface activate and so earns the clickable hover shadow.
+     * Called by `riv-card-link`; not part of the public API.
+     */
+    setStretchLink(present: boolean): void;
     /**
      * Element whose text names the click target, unless `clickLabel` is set. The
      * host id is read from the DOM rather than cached, so a bound `[id]` that

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rivet-health/design-system",
-  "version": "40.44.2",
+  "version": "40.44.4",
   "peerDependencies": {
     "@angular/animations": ">=14.0.0",
     "@angular/common": ">=14.0.0",