@rivet-health/design-system 40.0.0 → 40.2.0

package/lib/input/date/date.component.d.ts

@@ -11,14 +11,16 @@ export declare class DateComponent extends InputLabelComponent {
     placeholder: string;
     disabled: boolean;
     size: DateComponent.Size;
+    showClearButton: boolean;
     headerTemplate?: TemplateRef<void>;
     activeYearMonth: Date;
     readonly open$: BehaviorSubject<boolean>;
     set open(v: boolean);
     get open(): boolean;
-    valueChange: EventEmitter<Date>;
+    valueChange: EventEmitter<Date | undefined>;
+    clearValue(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateComponent, "riv-date", never, { "min": "min"; "max": "max"; "value": "value"; "placeholder": "placeholder"; "disabled": "disabled"; "size": "size"; "open": "open"; }, { "valueChange": "valueChange"; }, ["headerTemplate"], never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateComponent, "riv-date", never, { "min": "min"; "max": "max"; "value": "value"; "placeholder": "placeholder"; "disabled": "disabled"; "size": "size"; "showClearButton": "showClearButton"; "open": "open"; }, { "valueChange": "valueChange"; }, ["headerTemplate"], never, false>;
 }
 export declare namespace DateComponent {
     const Sizes: readonly ["xsmall", "small", "medium", "large", "xlarge"];

package/lib/overlay/modal/dialog/dialog.component.d.ts

@@ -3,9 +3,11 @@ import * as i0 from "@angular/core";
 export declare class DialogComponent {
     title?: string;
     minWidth?: string;
+    customBody: boolean;
+    customFooter: boolean;
     close: EventEmitter<void>;
     handleKeydown(event: KeyboardEvent): void;
     readonly hook: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "riv-dialog", never, { "title": "title"; "minWidth": "minWidth"; }, { "close": "close"; }, never, ["*", "footer"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "riv-dialog", never, { "title": "title"; "minWidth": "minWidth"; "customBody": "customBody"; "customFooter": "customFooter"; }, { "close": "close"; }, never, ["*", "footer"], false>;
 }

package/package.json

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

package/styles/global.css

@@ -39,6 +39,20 @@
     padding: 0;
   }
 
+  /* Default layout for the <footer> projected into riv-dialog's footer slot.
+     Defined here (rather than in dialog.component.css) so it reaches the
+     projected element, which keeps its parent component's view encapsulation.
+     The selector targets the .riv-dialog-footer wrapper instead of `riv-dialog`
+     because riv-modal teleports the dialog subtree out of the <riv-dialog> host
+     (via the *riv-overlay outlet), so the footer is not a DOM descendant of
+     <riv-dialog> at runtime. */
+  .riv-dialog-footer:not(.custom) > footer {
+    padding: var(--size-medium);
+    display: flex;
+    justify-content: flex-end;
+    gap: var(--size-small);
+  }
+
   /* Divider utilities */
   .riv-divider {
     width: 100%;