@onemrvapublic/design-system 22.3.0-develop.5 → 22.4.0-develop.1

package/fesm2022/onemrvapublic-design-system.mjs

@@ -1,5 +1,5 @@
 // Auto-generated — do not edit
-const VERSION = '22.3.0-develop.5';
+const VERSION = '22.4.0-develop.1';
 
 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 = '22.3.0-develop.5';\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 = '22.4.0-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;;;;"}

package/mat-panel/src/onemrva-mat-panel-block.component.scss

@@ -0,0 +1,23 @@
+onemrva-mat-panel-block {
+  font: var(--mat-sys-body-medium);
+
+  &.title {
+    font: var(--mat-sys-headline-small);
+    color: var(--mat-panel-title-color);
+  }
+}
+
+.panel-block {
+  display: flex;
+  flex-direction: column;
+
+  [blockkey] {
+    color: var(--Secondary-Secondary, #5f5c6d);
+    font: var(--mat-sys-body-small);
+  }
+
+  [blockValue] {
+    color: var(--Surface-On-Surface, #242424);
+    font: var(--mat-sys-body-large);
+  }
+}

package/mat-panel/src/onemrva-mat-panel-content.scss

@@ -6,3 +6,8 @@
     margin: 0;
   }
 }
+
+.panel-blocks {
+  display: flex;
+  align-items: center;
+}

package/mat-panel/src/onemrva-mat-panel-title.scss

@@ -1,14 +1,17 @@
 .onemrva-mat-panel-title {
-  font: var(--mat-sys-title-large);
-  color: var(--mat-panel-title-color);
   display: flex;
   justify-content: space-between;
   width: 100%;
   align-items: center;
 }
 
+onemrva-mat-panel-block {
+  display: flex;
+  align-items: center;
+}
+
 .is-expandable {
   .onemrva-mat-panel-title {
-    width: calc(100% - 50px);
+    align-items: center;
   }
 }

package/mat-panel/src/onemrva-mat-panel.component.scss

@@ -3,11 +3,18 @@
 :host {
   border-radius: var(--border-radius);
   border: 1px solid var(--mat-sys-outline-variant);
-  padding: var(--triple-spacer);
+  padding: var(--double-spacer) var(--triple-spacer);
   display: block;
   position: relative;
   background: var(--mat-sys-surface-container-lowest);
 
+  hr {
+    margin-left: var(--triple-spacer);
+    border: 0;
+    border-radius: 0;
+    border-right: 1px solid var(--mat-sys-outline-variant);
+  }
+
   &.is-expandable {
     padding: 0;
     @include mat.expansion-overrides(
@@ -33,10 +40,14 @@
     }
   }
 
-  &[class*=' mat-'],
-  &[class^='mat-'] {
+  &.mat-primary {
+    --mat-panel-title-color: var(--mat-sys-on-primary-container);
+  }
+
+  &[class*=' mat-primary'],
+  &[class^='mat-primary'] {
     background: var(--mat-sys-primary-container);
-    color: var(--mat-sys-on-primary-container);
+    //color: var(--mat-sys-on-primary-container);
     //border: none;
   }
   &.mat-accent {

package/package.json

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

package/theme/overrides/_expansion.scss

@@ -22,7 +22,9 @@
       padding: 0;
 
       .mat-expansion-indicator {
-        margin-right: 12px;
+        margin-left: 24px;
+        display: flex;
+        justify-content: flex-end;
       }
     }
 

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

@@ -51,9 +51,10 @@ declare class OnemrvaMatPanelTitleComponent implements AfterViewInit {
  */
 declare class OnemrvaMatPanelContentComponent {
     readonly customNgClass: _angular_core.InputSignal<any>;
+    hasBlocks: _angular_core.InputSignal<boolean>;
     readonly template: _angular_core.Signal<TemplateRef<any> | undefined>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatPanelContentComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OnemrvaMatPanelContentComponent, "onemrva-mat-panel-content", never, { "customNgClass": { "alias": "customNgClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OnemrvaMatPanelContentComponent, "onemrva-mat-panel-content", never, { "customNgClass": { "alias": "customNgClass"; "required": false; "isSignal": true; }; "hasBlocks": { "alias": "hasBlocks"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 /**
@@ -102,9 +103,25 @@ declare class OnemrvaMatPanelComponent implements AfterViewInit {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<OnemrvaMatPanelComponent, "onemrva-mat-panel", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "data_cy": { "alias": "data_cy"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expandedChange": "expandedChange"; }, ["panel", "title", "content", "icon"], never, true, never>;
 }
 
+/**
+ * Content slot inside an onemrva-mat-panel.
+ *
+ * Exposes 1 input and 0 outputs.
+ * Inputs: customNgClass: any.
+ * Outputs: none.
+ *
+ * @MatKeywords panel, accordion, content, expansion
+ * @MatGroup Layout
+ */
+declare class OnemrvaMatPanelBlockComponent {
+    isTitle: _angular_core.InputSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatPanelBlockComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OnemrvaMatPanelBlockComponent, "onemrva-mat-panel-block", never, { "isTitle": { "alias": "isTitle"; "required": false; "isSignal": true; }; }, {}, never, ["[blockKey]", "[blockValue]", "*"], true, never>;
+}
+
 declare class OnemrvaMatPanelModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatPanelModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<OnemrvaMatPanelModule, never, [typeof OnemrvaMatPanelComponent, typeof OnemrvaMatPanelTitleComponent, typeof OnemrvaMatPanelContentComponent, typeof OnemrvaMatPanelTitleActionComponent, typeof OnemrvaMatPanelIconComponent], [typeof OnemrvaMatPanelComponent, typeof OnemrvaMatPanelTitleComponent, typeof OnemrvaMatPanelContentComponent, typeof OnemrvaMatPanelTitleActionComponent, typeof OnemrvaMatPanelIconComponent]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<OnemrvaMatPanelModule, never, [typeof OnemrvaMatPanelComponent, typeof OnemrvaMatPanelTitleComponent, typeof OnemrvaMatPanelContentComponent, typeof OnemrvaMatPanelTitleActionComponent, typeof OnemrvaMatPanelIconComponent, typeof OnemrvaMatPanelBlockComponent], [typeof OnemrvaMatPanelComponent, typeof OnemrvaMatPanelTitleComponent, typeof OnemrvaMatPanelContentComponent, typeof OnemrvaMatPanelTitleActionComponent, typeof OnemrvaMatPanelIconComponent, typeof OnemrvaMatPanelBlockComponent]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<OnemrvaMatPanelModule>;
 }
 
@@ -113,4 +130,4 @@ declare class MatExpansionPanelHeaderArrowDivider {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MatExpansionPanelHeaderArrowDivider, "mat-expansion-panel-header-arrow-divider", never, {}, {}, never, never, true, never>;
 }
 
-export { MatExpansionPanelHeaderArrowDivider, OnemrvaMatPanelComponent, OnemrvaMatPanelContentComponent, OnemrvaMatPanelIconComponent, OnemrvaMatPanelModule, OnemrvaMatPanelTitleActionComponent, OnemrvaMatPanelTitleComponent };
+export { MatExpansionPanelHeaderArrowDivider, OnemrvaMatPanelBlockComponent, OnemrvaMatPanelComponent, OnemrvaMatPanelContentComponent, OnemrvaMatPanelIconComponent, OnemrvaMatPanelModule, OnemrvaMatPanelTitleActionComponent, OnemrvaMatPanelTitleComponent };

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

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