@eagami/ui 5.64.0 → 5.65.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eagami/ui",
-  "version": "5.64.0",
+  "version": "5.65.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/type-scale.spec.ts

@@ -21,6 +21,9 @@ const SUB_BODY_SCALE: Record<string, number> = {
   micro: 0.625,
 };
 
+/** Brand lockups keep the proportions of the logo artwork, not the UI type scale. */
+const BRAND_LOCKUPS = new Set(['eagami-wordmark/eagami-wordmark.component.scss']);
+
 function libStylesheets(): { name: string; css: string }[] {
   const lib = join(SRC, 'src/lib');
   return readdirSync(lib, { recursive: true, encoding: 'utf8' })
@@ -56,7 +59,9 @@ describe('Type scale', () => {
   it('draws text below the body line from the shared scale', () => {
     const allowed = new Set(Object.values(SUB_BODY_SCALE));
     const offScale: string[] = [];
-    for (const { name, css } of libStylesheets()) {
+    for (const { name, css } of libStylesheets().filter(
+      ({ name }) => !BRAND_LOCKUPS.has(name),
+    )) {
       for (const [declaration, value] of css.matchAll(
         /(?:font-size|--ea-field-(?:label|messages)-size):\s*([\d.]+)em\b/g,
       )) {

package/types/eagami-ui.d.ts

@@ -1137,6 +1137,7 @@ export declare class AvatarEditorComponent implements OnDestroy {
     'ea-avatar-editor--has-image': boolean;
     'ea-avatar-editor--drag-over': boolean;
   }>;
+  private readonly destroyRef;
   private readonly injector;
   private readonly boundWheel;
   constructor();
@@ -4471,20 +4472,22 @@ export type EagamiWordmarkVariant = 'default' | 'byline' | 'tagline';
 /** Layout of the wordmark: `stacked` for multi-line, `inline` for a single line with em-dash separators. */
 export type EagamiWordmarkLayout = 'stacked' | 'inline';
 /**
- * Branded eagami wordmark logo. `size` is the brand text's font-size in px
- * and the rest of the lockup scales proportionally from it; supports three
- * content variants paired with stacked or inline layouts.
+ * Branded eagami wordmark logo. `size` is the brand text's font-size, in px or
+ * inherited from the surrounding text, and the rest of the lockup scales
+ * proportionally from it; supports three content variants paired with stacked
+ * or inline layouts.
  */
 export declare class EagamiWordmarkComponent {
   protected readonly i18n: EagamiI18nService;
   /** Content variant. */
   readonly variant: import("@angular/core").InputSignal<EagamiWordmarkVariant>;
   readonly layout: import("@angular/core").InputSignal<EagamiWordmarkLayout>;
-  readonly size: import("@angular/core").InputSignal<number>;
+  /** Brand text size in px, or `'inherit'` to match the surrounding text. */
+  readonly size: import("@angular/core").InputSignal<number | "inherit">;
   /** Renders the wordmark as a link to eagami.com; disable to embed it inside a custom link or static context. */
   readonly linked: import("@angular/core").InputSignal<boolean>;
-  /** Clamps size to a 10px floor and falls back to the default when cleared. */
-  protected readonly resolvedSize: import("@angular/core").Signal<number>;
+  /** Clamps px sizes to a 10px floor and falls back to the default when cleared. */
+  protected readonly resolvedSize: import("@angular/core").Signal<string>;
   protected readonly showOverline: import("@angular/core").Signal<boolean>;
   protected readonly showTagline: import("@angular/core").Signal<boolean>;
   protected readonly brandText: import("@angular/core").Signal<string>;
@@ -9015,6 +9018,61 @@ export declare class ToastComponent {
     };
   }, {}, never, never, true, never>;
 }
+export type ToggleChipSize = EaSize;
+/**
+ * Pill-shaped toggle button for filters and feature pickers. Projected content,
+ * an optional leading icon and a label, names it, and a check marks it as on,
+ * so its state never rests on colour alone.
+ */
+export declare class ToggleChipComponent {
+  /** Whether the chip is on, two-way bindable via [(selected)]. */
+  readonly selected: import("@angular/core").ModelSignal<boolean>;
+  readonly size: import("@angular/core").InputSignal<EaSize>;
+  /** Disables the chip and blocks toggling. */
+  readonly disabled: import("@angular/core").InputSignal<boolean>;
+  /** Accessible label for a chip whose projected content has no visible text. */
+  readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
+  /** Id of an element that describes what the chip turns on, announced with its name. */
+  readonly ariaDescribedby: import("@angular/core").InputSignal<string | undefined>;
+  /** Fires with the new state whenever the user toggles the chip. */
+  readonly changed: import("@angular/core").OutputEmitterRef<boolean>;
+  protected readonly classes: import("@angular/core").Signal<{
+    [x: string]: boolean;
+    'ea-toggle-chip--selected': boolean;
+  }>;
+  protected toggle(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<ToggleChipComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<ToggleChipComponent, "ea-toggle-chip", never, {
+    "selected": {
+      "alias": "selected";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "aria-label";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaDescribedby": {
+      "alias": "aria-describedby";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "selected": "selectedChange";
+    "changed": "changed";
+  }, never, ["*"], true, never>;
+}
 /**
  * A single transferable item in an `<ea-transfer-list>`.
  *
@@ -10545,8 +10603,16 @@ export declare class EagamiIconComponent extends IconComponentBase {
   static readonly category: IconCategory;
   static readonly isBrand = true;
   static readonly tags: ReadonlyArray<string>;
+  /** Slowly swings the heron's raised leg back and forth. Off under reduced motion. */
+  readonly animated: import("@angular/core").InputSignal<boolean>;
   static ɵfac: i0.ɵɵFactoryDeclaration<EagamiIconComponent, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<EagamiIconComponent, "ea-icon-eagami", never, {}, {}, never, never, true, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<EagamiIconComponent, "ea-icon-eagami", never, {
+    "animated": {
+      "alias": "animated";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
 }
 export declare class EditIconComponent extends IconComponentBase {
   static readonly slug = "edit";