aril 0.0.69 → 0.0.71

package/theme/layout/app/layout/app.layout.component.html

@@ -2,7 +2,7 @@
 	<app-sidebar></app-sidebar>
 	<div class="layout-content-wrapper">
 		<app-topbar></app-topbar>
-		<div class="layout-content" style="margin: 1rem;">
+		<div class="layout-content card border-round-top-md min-h-screen border-noround-bottom" style="margin: 1rem;">
 			<router-outlet></router-outlet>
 		</div>
 	</div>

package/theme/styles/layout/_fonts.scss

@@ -26,7 +26,7 @@
 	src:
 		local(''),
 		url('../../fonts/poppins-v20-latin-600.woff2') format('woff2'),
-		/* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../fonts/poppins-v20-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+		/* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../fonts/poppins-v20-latin-600.woff') format('woff'); 
 }
 /* poppins-700 - latin */
 @font-face {
@@ -36,5 +36,58 @@
 	src:
 		local(''),
 		url('../../fonts/poppins-v20-latin-700.woff2') format('woff2'),
-		/* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../fonts/poppins-v20-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+		/* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../fonts/poppins-v20-latin-700.woff') format('woff');
 }
+
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 200;
+	src:
+		local(''),
+		url('../../fonts/Inter/woff/Inter18pt-ExtraLight.woff2') format('woff2'),
+		/* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../fonts/Inter/woff/Inter18pt-ExtraLight.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 400;
+	src:
+		local(''),
+		url('../../fonts/Inter/woff/Inter18pt-Regular.woff2') format('woff2'),
+		/* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../fonts/Inter/woff/Inter18pt-Regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 500;
+	src:
+		local(''),
+		url('../../fonts/Inter/woff/Inter18pt-Medium.woff2') format('woff2'),
+		/* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../fonts/Inter/woff/Inter18pt-Medium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 600;
+	src:
+		local(''),
+		url('../../fonts/Inter/woff/Inter18pt-SemiBold.woff2') format('woff2'),
+		/* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../fonts/Inter/woff/Inter18pt-SemiBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+@font-face {
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 700;
+	src:
+		local(''),
+		url('../../fonts/Inter/woff/Inter18pt-Bold.woff2') format('woff2'),
+		/* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../fonts/Inter/woff/Inter18pt-Bold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+

package/theme/styles/layout/_topbar.scss

@@ -6,7 +6,7 @@
 	background: #fff;
 	box-shadow: 0px 4px 50px 0px #D9DDFC;
 	padding: 1rem;
-	
+
 
 	.topbar-start {
 		display: flex;
@@ -48,6 +48,11 @@
 		list-style: none;
 
 		li {
+
+			button {
+				 background-color: var(--Accent-accent-500, #F8FAFC) !important;
+			}
+
 			&.topbar-profile {
 				margin-left: 1.5rem;
 				display: inline-flex;
@@ -92,9 +97,9 @@
 }
 
 .vertical-line {
-    border-left: 1.5px solid  var(--Muted-Foreground, #6B7280);;
+	border-left: 1.5px solid var(--muted-foreground);
 	width: 30px;
 	height: 0px;
 	transform: rotate(90deg);
-    margin-left: 10px;           
+	margin-left: 10px;
 }

package/theme/styles/layout/preloading.scss

@@ -15,12 +15,12 @@
 		border-radius: 50%;
 		text-align: center;
 		line-height: 150px;
-		font-family: sans-serif;
+		font-family: var(--font-family);
 		font-size: 20px;
-		color: #6366f1;
+		color: var(--primary-color);
 		letter-spacing: 4px;
 		text-transform: uppercase;
-		text-shadow: 0 0 10px #6366f1;
+		text-shadow: 0 0 10px var(--primary-color);
 		box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
 
 		&:before {
@@ -31,8 +31,8 @@
 			width: 100%;
 			height: 100%;
 			border: 3px solid transparent;
-			border-top: 3px solid #6366f1;
-			border-right: 3px solid #6366f1;
+			border-top: 3px solid var(--primary-color);
+			border-right: 3px solid var(--primary-color);
 			border-radius: 50%;
 			animation: preloader-rotate-c 1s linear infinite;
 		}
@@ -55,10 +55,10 @@
 			width: 16px;
 			height: 16px;
 			border-radius: 50%;
-			background: #6366f1;
+			background: var(--primary-color);
 			top: -6px;
 			right: -8px;
-			box-shadow: 0 0 20px #6366f1;
+			box-shadow: 0 0 20px var(--primary-color);
 		}
 	}
 }

package/theme/styles/theme/base/_common.scss

@@ -74,3 +74,5 @@
 		}
 	}
 }
+
+

package/theme/styles/theme/base/components/data/_datatable.scss

@@ -298,11 +298,11 @@
 		}
 
 		.p-datatable-thead > tr > th {
-			@include scaledPadding($tableHeaderCellPadding, $tableScaleSM);
+			padding: 12px !important;//@include scaledPadding($tableHeaderCellPadding, $tableScaleSM);
 		}
 
 		.p-datatable-tbody > tr > td {
-			@include scaledPadding($tableBodyCellPadding, $tableScaleSM);
+			padding: 12px !important;//@include scaledPadding($tableBodyCellPadding, $tableScaleSM);
 		}
 
 		.p-datatable-tfoot > tr > td {
@@ -320,11 +320,11 @@
 		}
 
 		.p-datatable-thead > tr > th {
-			@include scaledPadding($tableHeaderCellPadding, $tableScaleLG);
+			padding: 12px !important;//@include scaledPadding($tableHeaderCellPadding, $tableScaleSM);
 		}
 
 		.p-datatable-tbody > tr > td {
-			@include scaledPadding($tableBodyCellPadding, $tableScaleLG);
+			padding: 12px !important;//@include scaledPadding($tableBodyCellPadding, $tableScaleLG);
 		}
 
 		.p-datatable-tfoot > tr > td {

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

@@ -134,3 +134,8 @@ p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd {
 		right: $buttonIconOnlyWidth + nth($inputPadding, 2);
 	}
 }
+
+
+.p-autocomplete.p-component.p-inputwrapper {
+    height: 2.25em !important;
+}

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

@@ -25,7 +25,7 @@ $shade900: #111827 !default; //ground surface
 $hoverBg: rgba(255, 255, 255, 0.03) !default;
 
 //global
-$fontFamily: 'Poppins', sans-serif !default;
+$fontFamily: 'Inter', 'Poppins' !default;
 $fontSize: 1rem !default;
 $fontWeight: normal !default;
 $textColor: $shade000 !default;
@@ -864,10 +864,10 @@ $imagePreviewActionIconFontSize: 1.5rem !default;
 $imagePreviewActionIconBorderRadius: 50% !default;
 
 :root {
-	font-family: 'Poppins', sans-serif;
+	font-family: 'Inter';
 	font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
 	font-variation-settings: normal;
-	--font-family: 'Poppins', sans-serif;
+	--font-family: 'Inter';
 	--font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
 	--surface-a: #{$shade800};
 	--surface-b: #{$shade900};

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

@@ -26,7 +26,7 @@ $shade800: #374151 !default; //unused
 $shade900: #1f2937 !default; //unused
 
 //global
-$fontFamily: 'Poppins', sans-serif !default;
+$fontFamily: 'Inter';
 $fontSize: 1rem !default;
 $fontWeight: normal !default;
 $textColor: $shade700 !default;
@@ -80,7 +80,7 @@ $inputBg: $shade000 !default;
 $inputTextColor: $shade700 !default;
 $inputIconColor: $shade600 !default;
 $inputBorder: 1px solid $shade400 !default;
-$inputHoverBorderColor: #d7def9  !default;
+$inputHoverBorderColor: #d7def9 !default;
 $inputFocusBorderColor: #d7def9 !default;
 $inputErrorBorderColor: $errorColor !default;
 $inputPlaceholderTextColor: $shade600 !default;
@@ -857,10 +857,10 @@ $imagePreviewActionIconFontSize: 1.5rem !default;
 $imagePreviewActionIconBorderRadius: 50% !default;
 
 :root {
-	font-family: 'Poppins', sans-serif;
+	font-family: 'Inter';
 	font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
 	font-variation-settings: normal;
-	--font-family: 'Poppins', sans-serif;
+	--font-family: 'Inter';
 	--font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
 	--surface-a: #{$shade000};
 	--surface-b: #{$shade100};
@@ -896,16 +896,18 @@ $imagePreviewActionIconBorderRadius: 50% !default;
 	--content-padding: #{$panelContentPadding};
 	--inline-spacing: #{$inlineSpacing};
 	--border-radius: #{$borderRadius};
-	--surface-ground: #EFF3F8;
+	--surface-ground: #eff3f8;
 
 	--surface-section: #ffffff;
 	--surface-card: #ffffff;
-	--surface-overlay: #F8FAFC;
+	--surface-overlay: #f8fafc;
 	--surface-border: #dfe7ef;
 	--surface-hover: #f6f9fc;
 	--focus-ring: #{$focusShadow};
 	--maskbg: #{$maskBg};
 	--highlight-bg: #{$highlightBg};
+	--muted-foreground: #6b7280;
+	--card-foreground: #4b5563;
 	--highlight-text-color: #{$highlightTextColor};
 	color-scheme: light;
 	--transition-duration: #{$transitionDuration};

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

@@ -8,6 +8,7 @@ export declare class NumberComponent extends BaseInputComponent {
     showButtons: import("@angular/core").InputSignal<boolean, boolean>;
     placeholder: import("@angular/core").InputSignal<string, string>;
     prefix: import("@angular/core").InputSignal<string | undefined, string | undefined>;
+    locale: import("@angular/core").InputSignal<string, string>;
     suffix: import("@angular/core").InputSignal<string | undefined, string | undefined>;
     maxlength: import("@angular/core").InputSignal<any, any>;
     showClear: import("@angular/core").InputSignal<boolean, boolean>;
@@ -23,6 +24,6 @@ export declare class NumberComponent extends BaseInputComponent {
         width?: undefined;
     }>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumberComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NumberComponent, "aril-number[ngModel], aril-number[formControl], aril-number[formControlName]", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "showButtons": { "alias": "showButtons"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "useGrouping": { "alias": "useGrouping"; "required": false; "isSignal": true; }; "maxDigits": { "alias": "maxDigits"; "required": false; "isSignal": true; }; "minDigits": { "alias": "minDigits"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "inputStyle": { "alias": "inputStyle"; "required": false; "isSignal": true; }; "buttonLayout": { "alias": "buttonLayout"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.ValueAccessorDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NumberComponent, "aril-number[ngModel], aril-number[formControl], aril-number[formControlName]", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "showButtons": { "alias": "showButtons"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "useGrouping": { "alias": "useGrouping"; "required": false; "isSignal": true; }; "maxDigits": { "alias": "maxDigits"; "required": false; "isSignal": true; }; "minDigits": { "alias": "minDigits"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "inputStyle": { "alias": "inputStyle"; "required": false; "isSignal": true; }; "buttonLayout": { "alias": "buttonLayout"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.ValueAccessorDirective; inputs: {}; outputs: {}; }]>;
 }
 export {};