@eagami/ui 5.16.1 → 5.17.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eagami/ui",
-  "version": "5.16.1",
+  "version": "5.17.0",
   "description": "Lightweight, accessible, themeable Angular UI component library and icon set built on CSS custom properties",
   "author": "Michal Wiraszka <michal@eagami.com>",
   "license": "MIT",

package/src/styles/tokens/_typography.scss

@@ -66,10 +66,10 @@
   --text-h4-weight: var(--font-weight-semibold);
   --text-h4-lh: var(--line-height-snug);
 
-  // Page-level subsection title (an `<h2>` under the page `<h1>`). Mirrors
-  // `--text-h4-*` metrics but pins the brand family so it reads as wordmark,
-  // not body. Only composite that pins a font-family.
-  --text-section-heading-size: var(--font-size-xl);
+  // Page-level subsection title (an `<h2>` under the page `<h1>`). Sits between
+  // the h3 and h4 tiers and pins the brand family so it reads as wordmark, not
+  // body. Only composite that pins a font-family.
+  --text-section-heading-size: 1.375rem; // 22px
   --text-section-heading-weight: var(--font-weight-semibold);
   --text-section-heading-lh: var(--line-height-snug);
   --text-section-heading-family: var(--font-family-brand);

package/types/eagami-ui.d.ts

@@ -3769,11 +3769,15 @@ interface Toast {
     message: string;
     variant: ToastVariant;
     duration: number;
+    /** Icon component rendered in place of the variant's own; `null` renders none. */
+    icon?: Type<unknown> | null;
 }
 /** Optional configuration for a toast; defaults to `default` variant and 4s duration. */
 interface ToastOptions {
     variant?: ToastVariant;
     duration?: number;
+    /** Any icon component to render in place of the variant's own; `null` for no icon. */
+    icon?: Type<unknown> | null;
 }
 /**
  * Application-wide notification service. Use the convenience methods