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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/fesm2022/onemrvapublic-design-system-theme.mjs +4 -4
  2. package/index.scss +3 -0
  3. package/overrides/_form-field.scss +51 -0
  4. package/overrides/_sidenav.scss +10 -0
  5. package/package.json +1 -1
  6. package/palettes/_palette.scss +2 -2
  7. package/utilities/_container.scss +3 -0
  8. package/utilities/_fonts.scss +12 -0
  9. package/utilities/_tokens.scss +1 -0
  10. package/utilities/_utilities.scss +18 -0
package/fesm2022/onemrvapublic-design-system-theme.mjs CHANGED
@@ -3,9 +3,9 @@ import { NgModule } from '@angular/core';
3
3
  import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
4
4
 
5
5
  class OnemrvaThemeModule {
6
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
7
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaThemeModule }); }
8
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaThemeModule, providers: [
6
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
7
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaThemeModule }); }
8
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaThemeModule, providers: [
9
9
  {
10
10
  provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,
11
11
  useValue: {
@@ -15,7 +15,7 @@ class OnemrvaThemeModule {
15
15
  },
16
16
  ] }); }
17
17
  }
18
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaThemeModule, decorators: [{
18
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaThemeModule, decorators: [{
19
19
  type: NgModule,
20
20
  args: [{
21
21
  providers: [
package/index.scss CHANGED
@@ -23,6 +23,7 @@
23
23
  @forward './overrides/tooltip' as tooltip-*;
24
24
  @forward './overrides/toolbar' as toolbar-*;
25
25
  @forward './overrides/select' as select-*;
26
+ @forward './overrides/sidenav' as sidenav-*;
26
27
  @forward './overrides/fab' as fab-*;
27
28
 
28
29
  @forward './utilities/variables' show $onemrva-theme;
@@ -67,6 +68,7 @@
67
68
  @use 'overrides/tabs';
68
69
  @use 'overrides/radio';
69
70
  @use 'overrides/select';
71
+ @use 'overrides/sidenav';
70
72
  @use 'overrides/slide-toggle';
71
73
  @use 'overrides/table';
72
74
  @use 'overrides/layout';
@@ -209,6 +211,7 @@
209
211
  @include toc.override();
210
212
  @include toolbar.override();
211
213
  @include stepper.override();
214
+ @include sidenav.override();
212
215
  @include stickers.override();
213
216
 
214
217
  @include tokens.theme();
package/overrides/_form-field.scss CHANGED
@@ -36,5 +36,56 @@
36
36
  }
37
37
  }
38
38
  }
39
+ .mat-mdc-form-field-subscript-wrapper {
40
+ .mat-mdc-form-field-error-wrapper {
41
+ padding: 0;
42
+ mat-error {
43
+ background-color: var(--mat-sys-error-container);
44
+ padding: 0 var(--spacer-and-half) 0
45
+ calc(var(--triple-spacer) + var(--spacer-and-half));
46
+ font: var(--mat-sys-label-small);
47
+ border-bottom: 1px solid var(--mat-sys-error);
48
+ &:before {
49
+ font-size: 1rem;
50
+ font-variation-settings:
51
+ 'FILL' 1,
52
+ 'wght' 400,
53
+ 'GRAD' 0,
54
+ 'opsz' 24;
55
+ content: '\e000';
56
+ /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
57
+ font-family: var(--icon-font);
58
+ position: relative;
59
+ top: var(--half-spacer);
60
+ margin-left: calc(-1 * var(--triple-spacer));
61
+ padding-right: var(--half-spacer);
62
+ }
63
+ }
64
+ }
65
+ }
66
+ &.mat-warn {
67
+ .mat-mdc-form-field-subscript-wrapper {
68
+ .mat-mdc-form-field-error-wrapper {
69
+ mat-error {
70
+ background-color: var(--mat-sys-primary-container);
71
+ border-bottom: 2px solid var(--mat-sys-primary);
72
+ &:before {
73
+ content: '\e002';
74
+ }
75
+ }
76
+ }
77
+ }
78
+ @include mat.form-field-overrides(
79
+ (
80
+ outlined-error-caret-color: var(--mat-sys-primary),
81
+ outlined-error-focus-outline-color: var(--mat-sys-primary),
82
+ outlined-error-focus-label-text-color: var(--mat-sys-primary),
83
+ outlined-error-hover-label-text-color: var(--mat-sys-primary),
84
+ outlined-error-hover-outline-color: var(--mat-sys-primary),
85
+ outlined-error-label-text-color: var(--mat-sys-primary),
86
+ outlined-error-outline-color: var(--mat-sys-primary),
87
+ )
88
+ );
89
+ }
39
90
  }
40
91
  }
package/overrides/_sidenav.scss ADDED
@@ -0,0 +1,10 @@
1
+ @use '@angular/material' as mat;
2
+ @use 'sass:map';
3
+
4
+ @mixin override() {
5
+ @include mat.sidenav-overrides(
6
+ (
7
+ container-elevation-shadow: var(--mat-sys-level2),
8
+ )
9
+ );
10
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onemrvapublic/design-system-theme",
3
- "version": "v20.1.0-develop.2",
3
+ "version": "v20.1.0-develop.3",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
package/palettes/_palette.scss CHANGED
@@ -52,8 +52,8 @@ $palette: (
52
52
  60: #fb6889,
53
53
  70: #fa7ca0,
54
54
  80: #fb95ad,
55
- 90: #fcaabf,
56
- 95: #fcc1d0,
55
+ 90: #fcedf9,
56
+ 95: #fcedfc,
57
57
  98: #fcedf4,
58
58
  99: #fff6fa,
59
59
  100: #ffffff,
package/utilities/_container.scss CHANGED
@@ -2,6 +2,9 @@
2
2
  @use 'sass:map';
3
3
 
4
4
  @mixin theme($breakpoints) {
5
+ .onemrva-layout-content {
6
+ display: flex;
7
+ }
5
8
  .onemrva-layout-container {
6
9
  width: 100%;
7
10
  padding-right: var(--spacer);
package/utilities/_fonts.scss CHANGED
@@ -34,6 +34,18 @@
34
34
  color: var(--mat-sys-primary);
35
35
  font-weight: var(--mat-sys-label-large-weight);
36
36
  }
37
+ .bold {
38
+ font-weight: bold;
39
+ }
40
+ .bolder {
41
+ font-weight: bolder;
42
+ }
43
+ .lighter {
44
+ font-weight: lighter;
45
+ }
46
+ .font-weight-normal {
47
+ font-weight: normal;
48
+ }
37
49
 
38
50
  @include mat.theme-overrides(
39
51
  (
package/utilities/_tokens.scss CHANGED
@@ -24,6 +24,7 @@
24
24
  --paginator-height: 37px;
25
25
  --page-size-width: 80px;
26
26
 
27
+ --quad-spacer: 2rem;
27
28
  --triple-spacer: 1.5rem;
28
29
  --double-spacer: 1rem;
29
30
  --spacer-and-half: 0.75rem;
package/utilities/_utilities.scss CHANGED
@@ -158,6 +158,24 @@
158
158
  .d-inline-flex {
159
159
  display: inline-flex !important;
160
160
  }
161
+ .flex-column {
162
+ flex-direction: column;
163
+ }
164
+ .flex-column-reverse {
165
+ flex-direction: column-reverse;
166
+ }
167
+ .flex-row {
168
+ flex-direction: row;
169
+ }
170
+ .flex-row-reverse {
171
+ flex-direction: row-reverse;
172
+ }
173
+ .flex-revert {
174
+ flex-direction: revert;
175
+ }
176
+ .flex-revert-layer {
177
+ flex-direction: revert-layer;
178
+ }
161
179
 
162
180
  @each $breakpoint in variables.$breakpoints {
163
181
  @include media.media(variables.$breakpoints, list.nth($breakpoint, 1)) {