aril 0.0.76 → 0.0.78

package/theme/styles/theme/base/components/input/_checkbox.scss

@@ -92,3 +92,8 @@ p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
 p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
 	@include invalid-input();
 }
+
+p-triStateCheckbox {
+	display: flex;
+	align-items: center;
+}

package/theme/styles/theme/base/components/panel/_panel.scss

@@ -49,6 +49,7 @@
 	.p-panel-icons {
 		display: flex;
 		align-items: center;
+		color: var(--muted-foreground);
 	}
 
 	.p-panel-icons-end {

package/theme/styles/theme/dark/_variables.scss

@@ -359,7 +359,7 @@ $panelHeaderBg: $shade800 !default;
 $panelHeaderTextColor: $shade000 !default;
 $panelHeaderFontWeight: 700 !default;
 $panelHeaderPadding: 1.25rem !default;
-$panelToggleableHeaderPadding: 0.25rem 1.25rem !default;
+$panelToggleableHeaderPadding: 0.5rem 1.25rem !default;
 
 $panelHeaderHoverBg: $hoverBg !default;
 $panelHeaderHoverBorderColor: $shade600 !default;

package/theme/styles/theme/light/_variables.scss

@@ -358,7 +358,7 @@ $panelHeaderBg: $shade100 !default;
 $panelHeaderTextColor: $shade800 !default;
 $panelHeaderFontWeight: 700 !default;
 $panelHeaderPadding: 1.25rem !default;
-$panelToggleableHeaderPadding: 0.25rem 1.25rem !default;
+$panelToggleableHeaderPadding: 0.5rem 1.25rem !default;
 
 $panelHeaderHoverBg: $shade200 !default;
 $panelHeaderHoverBorderColor: $shade300 !default;
@@ -669,7 +669,7 @@ $menuBorder: 1px solid $shade300 !default;
 $menuTextColor: $shade700 !default;
 $menuitemPadding: 0.75rem 1.25rem !default;
 $menuitemBorderRadius: 0 !default;
-$menuitemTextColor: $shade700 !default;
+$menuitemTextColor: $shade600 !default;
 $menuitemIconColor: $shade600 !default;
 $menuitemTextHoverColor: $shade700 !default;
 $menuitemIconHoverColor: $shade600 !default;
@@ -921,4 +921,5 @@ $imagePreviewActionIconBorderRadius: 50% !default;
 	--highlight-text-color: #{$highlightTextColor};
 	color-scheme: light;
 	--transition-duration: #{$transitionDuration};
+	--primary-foreground: #fefefe;
 }

package/ui/calendar/src/calendar.component.d.ts

@@ -18,6 +18,8 @@ export declare class CalendarComponent extends BaseInputComponent implements OnI
     minDate: import("@angular/core").InputSignal<number | undefined, number | undefined>;
     maxDate: import("@angular/core").InputSignal<number | undefined, number | undefined>;
     inputStyle: import("@angular/core").InputSignal<object | undefined, object | undefined>;
+    inputStyleClass: import("@angular/core").InputSignal<string | undefined, string | undefined>;
+    autoZIndex: import("@angular/core").InputSignal<boolean, boolean>;
     inline: import("@angular/core").InputSignal<boolean, boolean>;
     showIcon: import("@angular/core").InputSignal<boolean, boolean>;
     showTime: import("@angular/core").InputSignal<boolean, boolean>;
@@ -36,6 +38,6 @@ export declare class CalendarComponent extends BaseInputComponent implements OnI
     _dateFormat: import("@angular/core").Signal<"MM/yy" | "yy" | "dd/MM/yy">;
     setLocale(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "aril-calendar[ngModel], aril-calendar[formControl], aril-calendar[formControlName]", never, { "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "inputStyle": { "alias": "inputStyle"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "showTime": { "alias": "showTime"; "required": false; "isSignal": true; }; "showWeek": { "alias": "showWeek"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "numberOfMonthToShow": { "alias": "numberOfMonthToShow"; "required": false; "isSignal": true; }; "view": { "alias": "view"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "showOnFocus": { "alias": "showOnFocus"; "required": false; "isSignal": true; }; "timeOnly": { "alias": "timeOnly"; "required": false; "isSignal": true; }; }, {}, never, ["[header]", "[footer]"], true, [{ directive: typeof i1.ValueAccessorDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "aril-calendar[ngModel], aril-calendar[formControl], aril-calendar[formControlName]", never, { "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "inputStyle": { "alias": "inputStyle"; "required": false; "isSignal": true; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; "isSignal": true; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "showTime": { "alias": "showTime"; "required": false; "isSignal": true; }; "showWeek": { "alias": "showWeek"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "numberOfMonthToShow": { "alias": "numberOfMonthToShow"; "required": false; "isSignal": true; }; "view": { "alias": "view"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "showOnFocus": { "alias": "showOnFocus"; "required": false; "isSignal": true; }; "timeOnly": { "alias": "timeOnly"; "required": false; "isSignal": true; }; }, {}, never, ["[header]", "[footer]"], true, [{ directive: typeof i1.ValueAccessorDirective; inputs: {}; outputs: {}; }]>;
 }
 export {};

package/ui/panel/src/panel.component.d.ts

@@ -2,9 +2,11 @@ import * as i0 from "@angular/core";
 export declare class PanelComponent {
     toggleable: import("@angular/core").InputSignal<boolean, boolean>;
     canFullScreen: import("@angular/core").InputSignal<boolean, boolean>;
+    collapsed: import("@angular/core").InputSignal<boolean, boolean>;
+    styleClass: import("@angular/core").InputSignal<string | undefined, string | undefined>;
     showFooter: import("@angular/core").InputSignal<boolean, boolean>;
     isFullScreen: boolean;
     toggleFullScreen(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PanelComponent, "aril-panel", never, { "toggleable": { "alias": "toggleable"; "required": false; "isSignal": true; }; "canFullScreen": { "alias": "canFullScreen"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; }, {}, never, ["[header]", "[tools]", "[body]", "[footer]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PanelComponent, "aril-panel", never, { "toggleable": { "alias": "toggleable"; "required": false; "isSignal": true; }; "canFullScreen": { "alias": "canFullScreen"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; }, {}, never, ["[header]", "[tools]", "[body]", "[footer]"], true, never>;
 }