@onemrvapublic/design-system-theme 19.0.0-develop.8 → 19.0.0-develop.9

package/components/_toolbar.scss

@@ -18,7 +18,7 @@
     &.sticky {
       position: sticky !important;
       bottom: 0 !important;
-      top: 90px !important;
+      top: var(--layout-header-height, 0);
       background-color: µ.primary($theme, 50);
       .spacer {
         flex: 1 1 auto;

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

@@ -3,9 +3,9 @@ import { NgModule } from '@angular/core';
 import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
 
 class OnemrvaThemeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: OnemrvaThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: OnemrvaThemeModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: OnemrvaThemeModule, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: OnemrvaThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.3", ngImport: i0, type: OnemrvaThemeModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: OnemrvaThemeModule, providers: [
             {
                 provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,
                 useValue: {
@@ -15,7 +15,7 @@ class OnemrvaThemeModule {
             },
         ] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: OnemrvaThemeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImport: i0, type: OnemrvaThemeModule, decorators: [{
             type: NgModule,
             args: [{
                     providers: [

package/index.scss

@@ -104,9 +104,7 @@
         map.get(variables.$onemrva-theme, typography),
         body-1
       ); // HWKTMP for some reason the sans-serif version is configured somewhere but where...
-    }
 
-    body {
       margin: 0;
     }
 
@@ -140,6 +138,37 @@
   @include mat.typography-hierarchy(variables.$onemrva-theme);
 }
 
+@mixin fixes($theme) {
+  onemrva-layout {
+    --layout-header-height: 92px;
+  }
+  // Material design doesn't support h5 and h6 natively
+  .mat-typography {
+    h4 {
+      font: 700 20px / 35px
+        #{mat.get-theme-typography($theme, 'button', font-family)};
+      letter-spacing: normal;
+      margin: 0 0 16px;
+    }
+
+    h5,
+    h6 {
+      font-family: Poppins, sans-serif;
+      font-weight: 600;
+    }
+
+    h5 {
+      font-size: 18px;
+      line-height: 32px;
+    }
+
+    h6 {
+      font-size: 16px;
+      line-height: 28px;
+    }
+  }
+}
+
 // Base for Web components
 @mixin base($production: true) {
   @include reset();
@@ -147,6 +176,7 @@
   @include links.theme(variables.$onemrva-theme);
   @include hacks.theme(variables.$onemrva-theme);
   @include core();
+  @include fixes(variables.$onemrva-theme);
 }
 
 // Load everything (size does not matter)
@@ -201,31 +231,5 @@
   @include spacing.spacing();
   @include grid.grid();
   @include utilities.utilities();
-
-  // Material design doesn't support h5 and h6 natively
-  .mat-typography {
-    h4 {
-      font:
-        700 20px / 35px Source Sans Pro,
-        sans-serif;
-      letter-spacing: normal;
-      margin: 0 0 16px;
-    }
-
-    h5,
-    h6 {
-      font-family: Poppins, sans-serif;
-      font-weight: 600;
-    }
-
-    h5 {
-      font-size: 18px;
-      line-height: 32px;
-    }
-
-    h6 {
-      font-size: 16px;
-      line-height: 28px;
-    }
-  }
+  @include fixes(variables.$onemrva-theme);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@onemrvapublic/design-system-theme",
-    "version": "v19.0.0-develop.8",
+    "version": "v19.0.0-develop.9",
     "publishConfig": {
         "access": "public"
     },