@onemrvapublic/design-system-theme 20.1.0-develop.2 → 20.1.0

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: "20.1.2", ngImport: i0, type: OnemrvaThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaThemeModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaThemeModule, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: OnemrvaThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: OnemrvaThemeModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", 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: "20.1.2", ngImport: i0, type: OnemrvaThemeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: OnemrvaThemeModule, decorators: [{
             type: NgModule,
             args: [{
                     providers: [

package/index.scss

@@ -23,6 +23,7 @@
 @forward './overrides/tooltip' as tooltip-*;
 @forward './overrides/toolbar' as toolbar-*;
 @forward './overrides/select' as select-*;
+@forward './overrides/sidenav' as sidenav-*;
 @forward './overrides/fab' as fab-*;
 
 @forward './utilities/variables' show $onemrva-theme;
@@ -67,6 +68,7 @@
 @use 'overrides/tabs';
 @use 'overrides/radio';
 @use 'overrides/select';
+@use 'overrides/sidenav';
 @use 'overrides/slide-toggle';
 @use 'overrides/table';
 @use 'overrides/layout';
@@ -209,6 +211,7 @@
   @include toc.override();
   @include toolbar.override();
   @include stepper.override();
+  @include sidenav.override();
   @include stickers.override();
 
   @include tokens.theme();

package/overrides/_form-field.scss

@@ -36,5 +36,56 @@
         }
       }
     }
+    .mat-mdc-form-field-subscript-wrapper {
+      .mat-mdc-form-field-error-wrapper {
+        padding: 0;
+        mat-error {
+          background-color: var(--mat-sys-error-container);
+          padding: 0 var(--spacer-and-half) 0
+            calc(var(--triple-spacer) + var(--spacer-and-half));
+          font: var(--mat-sys-label-small);
+          border-bottom: 1px solid var(--mat-sys-error);
+          &:before {
+            font-size: 1rem;
+            font-variation-settings:
+              'FILL' 1,
+              'wght' 400,
+              'GRAD' 0,
+              'opsz' 24;
+            content: '\e000';
+            /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
+            font-family: var(--icon-font);
+            position: relative;
+            top: var(--half-spacer);
+            margin-left: calc(-1 * var(--triple-spacer));
+            padding-right: var(--half-spacer);
+          }
+        }
+      }
+    }
+    &.mat-warn {
+      .mat-mdc-form-field-subscript-wrapper {
+        .mat-mdc-form-field-error-wrapper {
+          mat-error {
+            background-color: var(--mat-sys-primary-container);
+            border-bottom: 2px solid var(--mat-sys-primary);
+            &:before {
+              content: '\e002';
+            }
+          }
+        }
+      }
+      @include mat.form-field-overrides(
+        (
+          outlined-error-caret-color: var(--mat-sys-primary),
+          outlined-error-focus-outline-color: var(--mat-sys-primary),
+          outlined-error-focus-label-text-color: var(--mat-sys-primary),
+          outlined-error-hover-label-text-color: var(--mat-sys-primary),
+          outlined-error-hover-outline-color: var(--mat-sys-primary),
+          outlined-error-label-text-color: var(--mat-sys-primary),
+          outlined-error-outline-color: var(--mat-sys-primary),
+        )
+      );
+    }
   }
 }

package/overrides/_sidenav.scss

@@ -0,0 +1,10 @@
+@use '@angular/material' as mat;
+@use 'sass:map';
+
+@mixin override() {
+  @include mat.sidenav-overrides(
+    (
+      container-elevation-shadow: var(--mat-sys-level2),
+    )
+  );
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@onemrvapublic/design-system-theme",
-    "version": "v20.1.0-develop.2",
+    "version": "v20.1.0",
     "publishConfig": {
         "access": "public"
     },

package/palettes/_palette.scss

@@ -52,8 +52,8 @@ $palette: (
     60: #fb6889,
     70: #fa7ca0,
     80: #fb95ad,
-    90: #fcaabf,
-    95: #fcc1d0,
+    90: #fcedf9,
+    95: #fcedfc,
     98: #fcedf4,
     99: #fff6fa,
     100: #ffffff,

package/utilities/_container.scss

@@ -2,6 +2,9 @@
 @use 'sass:map';
 
 @mixin theme($breakpoints) {
+  .onemrva-layout-content {
+    display: flex;
+  }
   .onemrva-layout-container {
     width: 100%;
     padding-right: var(--spacer);

package/utilities/_tokens.scss

@@ -24,6 +24,7 @@
     --paginator-height: 37px;
     --page-size-width: 80px;
 
+    --quad-spacer: 2rem;
     --triple-spacer: 1.5rem;
     --double-spacer: 1rem;
     --spacer-and-half: 0.75rem;