@eagami/ui 5.34.0 → 5.35.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eagami/ui",
-  "version": "5.34.0",
+  "version": "5.35.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/types/eagami-ui.d.ts

@@ -979,11 +979,13 @@ declare class BadgeComponent {
     readonly variant: _angular_core.InputSignal<BadgeVariant>;
     readonly size: _angular_core.InputSignal<BadgeSize>;
     readonly shape: _angular_core.InputSignal<BadgeShape>;
+    readonly uppercase: _angular_core.InputSignal<boolean>;
     readonly hostClasses: _angular_core.Signal<{
         [x: string]: boolean;
+        'ea-badge--uppercase': boolean;
     }>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BadgeComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BadgeComponent, "ea-badge", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BadgeComponent, "ea-badge", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "uppercase": { "alias": "uppercase"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 /** Visual style of the separator rendered between breadcrumb items. */
@@ -1034,8 +1036,9 @@ type ButtonType = 'button' | 'submit' | 'reset';
  * Standard action button supporting primary, secondary, ghost, and danger
  * variants. Includes a loading state that swaps the label for a spinner while
  * preserving the rendered width. Chrome is tunable per instance via
- * `--ea-button-padding` and `--ea-button-min-height`, which is how an
- * icon-only button comes down to little more than its glyph.
+ * `--ea-button-padding`, `--ea-button-min-height` and `--ea-button-radius`,
+ * which is how an icon-only button comes down to little more than its glyph
+ * and how a call-to-action becomes a pill.
  */
 declare class ButtonComponent {
     readonly variant: _angular_core.InputSignal<ButtonVariant>;
@@ -1044,6 +1047,7 @@ declare class ButtonComponent {
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly loading: _angular_core.InputSignal<boolean>;
     readonly fullWidth: _angular_core.InputSignal<boolean>;
+    readonly uppercase: _angular_core.InputSignal<boolean>;
     /** Optional icon component rendered to the left of the label. */
     readonly icon: _angular_core.InputSignal<Type<unknown> | undefined>;
     readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
@@ -1054,12 +1058,13 @@ declare class ButtonComponent {
     readonly hostClasses: _angular_core.Signal<{
         [x: string]: boolean;
         'ea-button--full-width': boolean;
+        'ea-button--uppercase': boolean;
         'ea-button--loading': boolean;
         'ea-button--disabled': boolean;
     }>;
     handleClick(event: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "ea-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaCurrent": { "alias": "aria-current"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, ["[slot=prefix]", "*", "[slot=suffix]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "ea-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "uppercase": { "alias": "uppercase"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaCurrent": { "alias": "aria-current"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, ["[slot=prefix]", "*", "[slot=suffix]"], true, never>;
 }
 
 /** Visual style of a card surface. */
@@ -3872,6 +3877,7 @@ declare class TagComponent {
      * navigation, since roles like `combobox` forbid focusable descendants.
      */
     readonly removeTabbable: _angular_core.InputSignal<boolean>;
+    readonly uppercase: _angular_core.InputSignal<boolean>;
     /** Fires when the user activates the remove button on a `removable` tag. */
     readonly removed: _angular_core.OutputEmitterRef<void>;
     /** Full label text, held only while the rendered label is clipped. */
@@ -3884,6 +3890,7 @@ declare class TagComponent {
     readonly hostClasses: _angular_core.Signal<{
         [x: string]: boolean;
         'ea-tag--disabled': boolean;
+        'ea-tag--uppercase': boolean;
     }>;
     /** `maxWidth` as a CSS length; a bare number is px, as the input documents. */
     protected readonly resolvedMaxWidth: _angular_core.Signal<string | null>;
@@ -3899,7 +3906,7 @@ declare class TagComponent {
      */
     private watchLabel;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TagComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagComponent, "ea-tag", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "removeTabbable": { "alias": "removeTabbable"; "required": false; "isSignal": true; }; }, { "removed": "removed"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagComponent, "ea-tag", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "removeTabbable": { "alias": "removeTabbable"; "required": false; "isSignal": true; }; "uppercase": { "alias": "uppercase"; "required": false; "isSignal": true; }; }, { "removed": "removed"; }, never, ["*"], true, never>;
 }
 
 /** Visual size of the textarea. */