@brickclay-org/ui 0.0.81 → 0.0.83

package/index.d.ts

@@ -540,7 +540,7 @@ declare class BkButton {
 }
 
 type IconButtonSize = 'xxxsm' | 'xxsm' | 'xsm' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
-type IconButtonVariant = 'primary' | 'secondary';
+type IconButtonVariant = 'primary' | 'secondary' | 'none';
 declare class BkIconButton {
     icon: string;
     alt: string;
@@ -549,10 +549,13 @@ declare class BkIconButton {
     disabled: boolean;
     buttonClass: string;
     clicked: EventEmitter<boolean>;
+    hovered: EventEmitter<boolean>;
     onClick(event: Event): void;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
     get buttonClasses(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<BkIconButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BkIconButton, "bk-icon-button", never, { "icon": { "alias": "icon"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "buttonClass": { "alias": "buttonClass"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BkIconButton, "bk-icon-button", never, { "icon": { "alias": "icon"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "buttonClass": { "alias": "buttonClass"; "required": false; }; }, { "clicked": "clicked"; "hovered": "hovered"; }, never, never, true, never>;
 }
 
 interface GroupItem {
@@ -928,6 +931,7 @@ declare class BkInputChips implements ControlValueAccessor, AfterViewInit {
     static ɵcmp: i0.ɵɵComponentDeclaration<BkInputChips, "bk-input-chips", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; }, { "input": "input"; "change": "change"; "focus": "focus"; "blur": "blur"; }, never, never, true, never>;
 }
 
+type TabIconDirection = 'left' | 'right';
 interface TabItem {
     id: string;
     label: string;
@@ -935,6 +939,9 @@ interface TabItem {
     iconActive?: string;
     iconAlt?: string;
     disabled?: boolean;
+    direction?: TabIconDirection;
+    iconTooltip?: string | string[];
+    iconTooltipDirection?: 'left' | 'right' | 'top' | 'bottom';
 }
 declare class BkTabs {
     list: TabItem[];
@@ -1941,6 +1948,7 @@ declare class BkColumnFilterService {
 declare class BkColumnSelect implements ControlValueAccessor, OnChanges {
     columnFilterService: BkColumnFilterService;
     searchable: boolean;
+    buttonClass: string;
     cacheKey: string;
     columns: string[];
     isOpened: boolean;
@@ -1967,7 +1975,7 @@ declare class BkColumnSelect implements ControlValueAccessor, OnChanges {
     onClick(event: Event): void;
     get list(): ColumnFilterOption[];
     static ɵfac: i0.ɵɵFactoryDeclaration<BkColumnSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BkColumnSelect, "bk-column-select", never, { "searchable": { "alias": "searchable"; "required": false; }; "cacheKey": { "alias": "cacheKey"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "isOpened": { "alias": "isOpened"; "required": false; }; }, { "isOpenedChange": "isOpenedChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BkColumnSelect, "bk-column-select", never, { "searchable": { "alias": "searchable"; "required": false; }; "buttonClass": { "alias": "buttonClass"; "required": false; }; "cacheKey": { "alias": "cacheKey"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "isOpened": { "alias": "isOpened"; "required": false; }; }, { "isOpenedChange": "isOpenedChange"; }, never, never, true, never>;
 }
 
 declare class BkFilePicker implements ControlValueAccessor, Validator {
@@ -2071,4 +2079,4 @@ declare class BkLoader {
 }
 
 export { BKTooltipDirective, BK_DEFAULT_DIALOG_CONFIG, BK_DIALOG_DATA, BK_DIALOG_GLOBAL_CONFIG, BkAvatar, BkAvatarUploader, BkBadge, BkButton, BkButtonGroup, BkCalendarManagerService, BkCheckbox, BkColumnFilterService, BkColumnSelect, BkCustomCalendar, BkDialogActions, BkDialogClose, BkDialogContent, BkDialogModule, BkDialogRef, BkDialogService, BkDialogTitle, BkFileCard, BkFilePicker, BkGrid, BkHierarchicalSelect, BkIconButton, BkInput, BkInputChips, BkLoader, BkPagination, BkPill, BkRadioButton, BkScheduledDatePicker, BkSelect, BkSpinner, BkTabs, BkTextarea, BkTimePicker, BkToastr, BkToastrService, BkToggle, BkValidator, BrickclayIcons, BrickclayLib, CalendarModule, CalendarSelection, ColumnFilterOption, getDialogBackdropAnimation, getDialogPanelAnimation };
-export type { AvatarFallback, AvatarSize, AvatarVariant, BadgeColor, BadgeSize, BadgeVariant, BkAnimationKeyframes, BkAvatarFallback, BkAvatarSize, BkDialogAnimation, BkDialogConfig, BkDialogPosition, BkInputAutoCapitalize, BkInputAutoComplete, BkInputMode, BkInputType, BkLoaderVariant, BkPageSize, BkTextAreaAutoCapitalize, BkTextAreaAutoComplete, BkTextAreaInputMode, ButtonSize, ButtonVariant, CalendarRange, CountryOption, DotPosition, DotStatus, FileState, GroupItem, GroupMode, HierarchicalNode, IconButtonSize, IconButtonVariant, IconOrientation, PillColor, PillSize, PillVariant, ScheduledDateSelection, SortDirection, SpinnerSize, TabItem, TableAction, TableBadge, TableColumn, TableIcon, TimeConfiguration, ToastConfig, ToastMessage, ToastMethodOptions, ToastPosition, ToastSeverity };
+export type { AvatarFallback, AvatarSize, AvatarVariant, BadgeColor, BadgeSize, BadgeVariant, BkAnimationKeyframes, BkAvatarFallback, BkAvatarSize, BkDialogAnimation, BkDialogConfig, BkDialogPosition, BkInputAutoCapitalize, BkInputAutoComplete, BkInputMode, BkInputType, BkLoaderVariant, BkPageSize, BkTextAreaAutoCapitalize, BkTextAreaAutoComplete, BkTextAreaInputMode, ButtonSize, ButtonVariant, CalendarRange, CountryOption, DotPosition, DotStatus, FileState, GroupItem, GroupMode, HierarchicalNode, IconButtonSize, IconButtonVariant, IconOrientation, PillColor, PillSize, PillVariant, ScheduledDateSelection, SortDirection, SpinnerSize, TabIconDirection, TabItem, TableAction, TableBadge, TableColumn, TableIcon, TimeConfiguration, ToastConfig, ToastMessage, ToastMethodOptions, ToastPosition, ToastSeverity };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brickclay-org/ui",
-  "version": "0.0.81",
+  "version": "0.0.83",
   "schematics": "./schematics/collection.json",
   "ng-add": {
     "save": "dependencies"

package/src/lib/ui-icon-button/ui-icon-button.css

@@ -26,6 +26,17 @@
 
 }
 
+/* 3. None: No background, border, or shadow — icon only */
+.btn-icon.none {
+  @apply bg-transparent border-0 shadow-none text-[#6B7080] outline-transparent
+  outline-0  focus-visible:outline-none focus-visible:border-0
+  active:opacity-80
+  disabled:opacity-50 disabled:cursor-not-allowed;
+}
+
+.btn-icon.primary {
+  @apply border-0
+}
 
 /* --- SIZES (Square Dimensions) --- */
 /* These specific heights match the calculated height of your text buttons */