@onemrvapublic/design-system 21.7.5-develop.1 → 21.7.5-develop.4

package/fesm2022/onemrvapublic-design-system.mjs

@@ -1,5 +1,5 @@
 // Auto-generated — do not edit
-const VERSION = '21.7.5-develop.1';
+const VERSION = '21.7.5-develop.4';
 
 const ɵɵtsModuleIndicatorApiExtractorWorkaround = true;
 

package/fesm2022/onemrvapublic-design-system.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"onemrvapublic-design-system.mjs","sources":["../../../../projects/onemrva/design-system/version.ts","../../../../projects/onemrva/design-system/index.ts","../../../../projects/onemrva/design-system/onemrvapublic-design-system.ts"],"sourcesContent":["// Auto-generated — do not edit\nexport const VERSION = '21.7.5-develop.1';\n","export { VERSION } from './version';\n\nexport const ɵɵtsModuleIndicatorApiExtractorWorkaround = true;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA;AACO,MAAM,OAAO,GAAG;;ACChB,MAAM,yCAAyC,GAAG;;ACFzD;;AAEG;;;;"}
+{"version":3,"file":"onemrvapublic-design-system.mjs","sources":["../../../../projects/onemrva/design-system/version.ts","../../../../projects/onemrva/design-system/index.ts","../../../../projects/onemrva/design-system/onemrvapublic-design-system.ts"],"sourcesContent":["// Auto-generated — do not edit\nexport const VERSION = '21.7.5-develop.4';\n","export { VERSION } from './version';\n\nexport const ɵɵtsModuleIndicatorApiExtractorWorkaround = true;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA;AACO,MAAM,OAAO,GAAG;;ACChB,MAAM,yCAAyC,GAAG;;ACFzD;;AAEG;;;;"}

package/layout/src/components/layout/layout.component.scss

@@ -133,6 +133,10 @@
 
       &.collapsed {
         --sideNavWidth: var(--sideNavWidthCollapsed);
+
+        onemrva-layout-left-sidenav {
+          width: var(--sideNavWidthCollapsed);
+        }
       }
 
       grid-template-areas:
@@ -193,7 +197,9 @@
         flex-direction: column;
         flex-grow: 1;
         width: 95%;
-        max-width: 1400px;
+        // Decision made 19/05/2026 to increase to this number
+        // to support large screens, but not lose full-width capability
+        max-width: 1920px;
         margin-left: auto;
         margin-right: auto;
       }

package/layout/src/components/layout-left-sidenav/layout-left-sidenav.component.scss

@@ -14,6 +14,8 @@
   }
 
   &.collapsed {
+    width: var(--sideNavWidthCollapsed);
+
     .toggle-container {
       justify-content: center;
     }

package/mat-file-upload/src/components/onemrva-mat-file-panel/onemrva-file-panel.component.scss

@@ -12,10 +12,25 @@ $box-shadow: 0px 3px 3px #312f3a29;
   background-color: var(--mat-sys-primary-container);
   border: 1px solid var(--mat-sys-primary-container);
   padding: var(--double-spacer);
-  display: block;
+  display: flex;
+  flex-direction: column;
 
-  .file-panel-title-action button {
-    color: #6e68ae;
+  .file-panel-title {
+    font: var(--mat-sys-title-medium);
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    width: 100%;
+  }
+
+  .file-panel-title-action {
+    display: flex;
+    align-items: center;
+    max-height: 1em;
+
+    button {
+      color: #6e68ae;
+    }
   }
 
   .file-panel-content {
@@ -40,14 +55,18 @@ $box-shadow: 0px 3px 3px #312f3a29;
   }
 
   .file-panel-title {
-    .file-panel-title-left {
-      display: inline-flex;
-      align-items: center;
-      gap: var(--spacer);
-    }
     font: var(--mat-sys-title-medium);
     margin-bottom: 0;
     color: var(--mat-sys-on-primary-container);
+    display: flex;
+    align-items: center;
+
+    .file-name {
+      display: flex;
+      align-items: center;
+      gap: 0 var(--spacer);
+    }
+
     &:before {
       margin-right: var(--spacer);
       margin-top: var(--quarter-spacer);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onemrvapublic/design-system",
-  "version": "21.7.5-develop.1",
+  "version": "21.7.5-develop.4",
   "description": "Design System Onem/Rva without theme included",
   "publishConfig": {
     "access": "public"

package/theme/utilities/_container.scss

@@ -4,7 +4,7 @@
 @mixin theme() {
   .content-container {
     width: 95%;
-    max-width: 1400px;
+    max-width: 1920px;
     padding: var(--double-spacer);
     margin: auto;
     h1 {

package/types/onemrvapublic-design-system-mat-file-upload.d.ts

@@ -18,7 +18,7 @@ import { HttpEvent } from '@angular/common/http';
 
 interface ProgressFile {
     file?: File;
-    message: string;
+    message?: string;
     progress: number;
     color: OnemrvaMatColor;
     url: string | null;
@@ -42,7 +42,7 @@ interface ReferencedProgressFile extends ProgressFile {
 declare function formatBytes(bytes: number, decimals?: number): string;
 declare function formattedSize(size: number | null, decimals?: number): string;
 declare function convertToProgressFile(id: string, name: string, message?: string, progress?: number, color?: "primary", url?: string | null, enableProgressBar?: boolean, data?: string | null, size?: number, type?: string, maxSize?: null): ProgressFile;
-declare function convertToReferencedProgressFile(id: string, name: string, message?: string, progress?: number, color?: "primary", url?: string | null, enableProgressBar?: boolean, data?: string | null, size?: number, type?: string, maxSize?: null): ReferencedProgressFile;
+declare function convertToReferencedProgressFile(id: string, name: string, message?: undefined, progress?: number, color?: "primary", url?: string | null, enableProgressBar?: boolean, data?: string | null, size?: number, type?: string, maxSize?: null): ReferencedProgressFile;
 
 interface ActionConfig {
     iconName: string;
@@ -60,23 +60,24 @@ declare class OnemrvaFilePanelComponent {
     readonly file: _angular_core.InputSignal<ReferencedProgressFile>;
     readonly actions: _angular_core.InputSignal<ActionConfig[]>;
     readonly showProgress: _angular_core.InputSignal<boolean>;
-    readonly displayDate: _angular_core.InputSignal<string>;
+    readonly displayDate: _angular_core.InputSignal<string | undefined>;
     readonly maxFileSize: _angular_core.InputSignal<number>;
     readonly disabled: _angular_core.InputSignal<boolean>;
-    panelClick: _angular_core.OutputEmitterRef<void>;
+    panelClick: _angular_core.OutputEmitterRef<ReferencedProgressFile>;
     readonly progress: _angular_core.Signal<number>;
     readonly size: _angular_core.Signal<string>;
     readonly color: _angular_core.Signal<OnemrvaMatColor>;
-    protected readonly colorAccent: _angular_core.Signal<"" | null>;
+    protected readonly isAccent: _angular_core.Signal<boolean>;
     protected readonly isError: _angular_core.Signal<boolean>;
     protected readonly isWarn: _angular_core.Signal<boolean>;
     protected readonly isSuccess: _angular_core.Signal<boolean>;
     protected readonly isPrimary: _angular_core.Signal<boolean>;
     protected readonly formattedSize: typeof formattedSize;
     readonly finalActions: _angular_core.Signal<ActionConfig[]>;
+    onActionClick(event: Event, action: any): void;
     onPanelClick(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaFilePanelComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OnemrvaFilePanelComponent, "file-panel", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "dataCy": { "alias": "dataCy"; "required": false; "isSignal": true; }; "file": { "alias": "file"; "required": true; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "showProgress": { "alias": "showProgress"; "required": false; "isSignal": true; }; "displayDate": { "alias": "displayDate"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "panelClick": "panelClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OnemrvaFilePanelComponent, "file-panel", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "dataCy": { "alias": "dataCy"; "required": false; "isSignal": true; }; "file": { "alias": "file"; "required": true; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "showProgress": { "alias": "showProgress"; "required": false; "isSignal": true; }; "displayDate": { "alias": "displayDate"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "panelClick": "panelClick"; }, never, ["*"], true, never>;
 }
 
 declare class OnemrvaMatFileUploadComponent implements OnInit {

package/types/onemrvapublic-design-system.d.ts

@@ -1,4 +1,4 @@
-declare const VERSION = "21.7.5-develop.1";
+declare const VERSION = "21.7.5-develop.4";
 
 declare const ɵɵtsModuleIndicatorApiExtractorWorkaround = true;