@underlayerdev/ui 0.14.6 → 0.14.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@underlayerdev/ui",
-  "version": "0.14.6",
+  "version": "0.14.7",
   "peerDependencies": {
     "@angular/cdk": "^22.0.0",
     "@angular/common": "^22.0.0",

package/types/underlayerdev-ui.d.ts

@@ -136,7 +136,12 @@ type IconWeight = 'medium' | 'bold';
 /** Icon name / glyph key from design tokens (content['icon-glyph']). Valid values match token keys. */
 type IconName = string;
 declare class IconComponent {
-    size: _angular_core.InputSignal<IconSize>;
+    /**
+     * Glyph size. Left unset it renders at '8' on its own, and a container that
+     * sizes its icons (e.g. ul-input) may resize it to fit; set it to keep that
+     * exact size even there.
+     */
+    size: _angular_core.InputSignal<IconSize | undefined>;
     /**
      * Stroke weight of the glyph. Pass `null` to leave it out entirely, so the
      * icon takes the surrounding `font-weight` (e.g. inside bold text) instead
@@ -2049,6 +2054,8 @@ declare class FormFieldHelperComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldHelperComponent, "ul-form-field-helper", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+/** 'bordered' draws a divider on the drawer's right edge; 'borderless' leaves it off. */
+type SidebarAppearance = 'bordered' | 'borderless';
 type SidebarItem = {
     label: string;
     value?: string;
@@ -2063,13 +2070,15 @@ declare class SidebarComponent {
     open: _angular_core.ModelSignal<boolean>;
     closeOnBackdropClick: _angular_core.InputSignal<boolean>;
     hideItemFocusOutline: _angular_core.InputSignal<boolean>;
+    /** Look of the drawer's edge. Use 'borderless' where the sidebar sits beside content that already has its own edge (e.g. a settings page). */
+    appearance: _angular_core.InputSignal<SidebarAppearance>;
     itemSelected: _angular_core.OutputEmitterRef<SidebarItem>;
     close(): void;
     onOverlayClick(): void;
     onItemClick(item: SidebarItem, index: number): void;
     onEscape(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarComponent, "ul-sidebar", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "hideItemFocusOutline": { "alias": "hideItemFocusOutline"; "required": false; "isSignal": true; }; }, { "selectedIndex": "selectedIndexChange"; "open": "openChange"; "itemSelected": "itemSelected"; }, never, ["[ul-sidebar-header]", "[ul-sidebar-nav]", "[ul-sidebar-footer]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarComponent, "ul-sidebar", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "hideItemFocusOutline": { "alias": "hideItemFocusOutline"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; }, { "selectedIndex": "selectedIndexChange"; "open": "openChange"; "itemSelected": "itemSelected"; }, never, ["[ul-sidebar-header]", "[ul-sidebar-nav]", "[ul-sidebar-footer]"], true, never>;
 }
 
 type Status = 'confirm' | 'alert' | 'error' | 'pending' | 'info';
@@ -2191,4 +2200,4 @@ declare class TextareaComponent implements FormValueControl<string> {
 }
 
 export { AccordionComponent, AccordionItemComponent, AreaCodeComponent, AvatarComponent, AvatarGroupComponent, BreadcrumbComponent, ButtonComponent, CalendarComponent, CardComponent, CategoryPickerComponent, CheckboxComponent, CollapseComponent, CustomCurrencyPipe, DockComponent, DockItemComponent, DockItemContentSlotDirective, DropdownComponent, FileInputComponent, FooterComponent, FormFieldHelperComponent, FormFieldLabelComponent, HeroComponent, IconComponent, ImageCropperComponent, ImageNotFoundComponent, ImageNotFoundDirective, InputComponent, ListItemComponent, LongPressDirective, MenuComponent, MenuItemsComponent, MenuTriggerComponent, ModalComponent, NavbarAppNameSlotDirective, NavbarAvatarSlotDirective, NavbarComponent, NavbarLogoSlotDirective, NavbarSearchSlotDirective, PeHeroActionsSlotDirective, PeHeroBadgesSlotDirective, PeHeroContentSlotDirective, PeHeroSubtitleSlotDirective, PeHeroTitleSlotDirective, PillComponent, PriceButtonComponent, RadialComponent, RadioComponent, RadioGroupComponent, RichTextComponent, SearchInputComponent, SearchSelectComponent, SelectComponent, SelectableRowComponent, SidebarComponent, SkeletonComponent, StatusComponent, StepperComponent, TableComponent, TextareaComponent, TextareaFieldDirective, ToastContainerComponent, ToastService, ToggleComponent, TooltipComponent, createFormFieldIds, getFormFieldDescribedBy, toastIcon };
-export type { ActionsDistribution, AvatarData, AvatarSize, BreadcrumbItem, BreadcrumbSeparator, CalendarDay, CalendarMode, CardCaptionSize, CardDirection, CategoryPickerNode, CheckboxZoneType, CollapseVariant, Currency, DockItemVariant, DropdownItem, FileInputAppearance, HeroAction, HeroAlignment, HeroSize, IconName, IconSize, IconWeight, ImageCropperShape, InputAppearance, InputType, ListItemTheme, MediaAspectRatio, MenuItem, ModalVariant, PillSize, PillTheme, PillVariant, RadioGroupOption, RichTextSize, RichTextTone, SalePosition, SearchSelectOption, SearchSuggestion, SelectOption, SidebarItem, SkeletonBorderRadius, SkeletonVariant, SortDirection, Status, TableColumn, TextareaResize, TimeSelection, ToastConfig, ToastKind, ToastWithRole, TooltipPosition };
+export type { ActionsDistribution, AvatarData, AvatarSize, BreadcrumbItem, BreadcrumbSeparator, CalendarDay, CalendarMode, CardCaptionSize, CardDirection, CategoryPickerNode, CheckboxZoneType, CollapseVariant, Currency, DockItemVariant, DropdownItem, FileInputAppearance, HeroAction, HeroAlignment, HeroSize, IconName, IconSize, IconWeight, ImageCropperShape, InputAppearance, InputType, ListItemTheme, MediaAspectRatio, MenuItem, ModalVariant, PillSize, PillTheme, PillVariant, RadioGroupOption, RichTextSize, RichTextTone, SalePosition, SearchSelectOption, SearchSuggestion, SelectOption, SidebarAppearance, SidebarItem, SkeletonBorderRadius, SkeletonVariant, SortDirection, Status, TableColumn, TextareaResize, TimeSelection, ToastConfig, ToastKind, ToastWithRole, TooltipPosition };