@onemrvapublic/design-system-theme 17.3.156 → 17.4.1

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/README.md +1 -24
  2. package/components/_button.scss +18 -18
  3. package/components/_container.scss +35 -41
  4. package/components/{input.scss → _input.scss} +45 -53
  5. package/components/_table.scss +10 -5
  6. package/esm2022/lib/theme.module.mjs +5 -5
  7. package/fesm2022/onemrvapublic-design-system-theme.mjs +4 -4
  8. package/fesm2022/onemrvapublic-design-system-theme.mjs.map +1 -1
  9. package/index.scss +7 -3
  10. package/package.json +27 -27
package/README.md CHANGED
@@ -1,24 +1 @@
1
- # Theme
2
-
3
- This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.1.0.
4
-
5
- ## Code scaffolding
6
-
7
- Run `ng generate component component-name --project theme` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project theme`.
8
- > Note: Don't forget to add `--project theme` or else it will be added to the default project in your `angular.json` file.
9
-
10
- ## Build
11
-
12
- Run `ng build theme` to build the project. The build artifacts will be stored in the `dist/` directory.
13
-
14
- ## Publishing
15
-
16
- After building your library with `ng build theme`, go to the dist folder `cd dist/theme` and run `npm publish`.
17
-
18
- ## Running unit tests
19
-
20
- Run `ng test theme` to execute the unit tests via [Karma](https://karma-runner.github.io).
21
-
22
- ## Further help
23
-
24
- To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
1
+ # Design System Theme
package/components/_button.scss CHANGED
@@ -1,21 +1,19 @@
1
- @use "@angular/material" as mat;
2
- @use "sass:map";
3
- @use "./µ";
4
- @import "../utilities/variables";
1
+ @use '@angular/material' as mat;
2
+ @use 'sass:map';
3
+ @use './µ';
4
+ @import '../utilities/variables';
5
5
 
6
6
  @mixin theme($theme) {
7
-
8
7
  @include mat.button-base($theme);
9
8
  @include mat.button-theme($theme);
10
9
 
11
- $spacer: map-get($theme, "spacer");
10
+ $spacer: map-get($theme, 'spacer');
12
11
  $accent400: µ.accent($theme, 400);
13
12
  $accent500: µ.accent($theme, 500);
14
13
  $accent-gradient: transparent
15
14
  linear-gradient(90deg, $accent400 0%, $accent500 100%) 0% 0% no-repeat
16
15
  padding-box;
17
16
  .mat-mdc-button-base {
18
-
19
17
  &.mat-error {
20
18
  color: µ.error($theme);
21
19
  }
@@ -33,10 +31,11 @@
33
31
  }
34
32
  &:hover:not(:disabled):not(.mdc-icon-button) {
35
33
  mat-icon {
36
- font-variation-settings: "FILL" 1;
34
+ font-variation-settings: 'FILL' 1;
37
35
  }
38
36
  }
39
37
  }
38
+
40
39
  .mat-mdc-icon-button.onemrva-icon-button {
41
40
  outline: 1px solid µ.primary($theme);
42
41
  border: 3px solid white;
@@ -78,9 +77,7 @@
78
77
  .mat-mdc-button-base:not(.mat-mdc-icon-button):not(
79
78
  .mat-mdc-datepicker-close-button
80
79
  ):not(.mat-mdc-mini-fab) {
81
- -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
82
- -moz-box-sizing: border-box; /* Firefox, other Gecko */
83
- box-sizing: border-box; /* Opera/IE 8+ */
80
+ box-sizing: border-box;
84
81
  position: relative;
85
82
 
86
83
  &:not(.mat-mdc-fab):not(.mat-mdc-mini-fab) {
@@ -89,6 +86,9 @@
89
86
 
90
87
  &.mat-mdc-outlined-button {
91
88
  padding: $spacer 2 * $spacer;
89
+ .mat-mdc-button-persistent-ripple::before {
90
+ --mat-outlined-button-state-layer-color: µ.primary('500-contrast');
91
+ }
92
92
  }
93
93
 
94
94
  vertical-align: middle;
@@ -131,8 +131,8 @@
131
131
 
132
132
  > :first-child::before {
133
133
  //noinspection CssNoGenericFontName
134
- font-family: "Material Icons";
135
- content: "\e876";
134
+ font-family: 'Material Icons';
135
+ content: '\e876';
136
136
  font-size: 16px;
137
137
  margin-right: 8px;
138
138
  vertical-align: bottom;
@@ -262,22 +262,22 @@
262
262
 
263
263
  &.mat-error {
264
264
  background: µ.error($theme);
265
- color: µ.error($theme, "500-contrast");
265
+ color: µ.error($theme, '500-contrast');
266
266
  }
267
267
 
268
268
  &.mat-success {
269
269
  background: µ.success($theme);
270
- color: µ.success($theme, "500-contrast");
270
+ color: µ.success($theme, '500-contrast');
271
271
  }
272
272
 
273
273
  &.mat-info {
274
274
  background: µ.info($theme);
275
- color: µ.info($theme, "500-contrast");
275
+ color: µ.info($theme, '500-contrast');
276
276
  }
277
277
 
278
278
  &.mat-grayscale {
279
279
  background: µ.grayscale($theme);
280
- color: µ.grayscale($theme, "500-contrast");
280
+ color: µ.grayscale($theme, '500-contrast');
281
281
  }
282
282
 
283
283
  &:disabled {
@@ -291,7 +291,7 @@
291
291
  @mixin nsOutline($shift) {
292
292
  &:after {
293
293
  position: absolute;
294
- content: "";
294
+ content: '';
295
295
  top: $shift;
296
296
  left: $shift;
297
297
  right: $shift;
package/components/_container.scss CHANGED
@@ -1,47 +1,41 @@
1
1
  @use '../utilities/media';
2
2
 
3
3
  @mixin theme($theme, $breakpoints) {
4
- .container-fluid {
5
- width: 100%;
6
- padding: 0 16px;
7
- }
8
-
9
- .container {
10
- width: 100%;
11
- padding-right: 16px;
12
- padding-left: 16px;
13
- margin-right: auto;
14
- margin-left: auto;
15
- box-sizing: border-box;
4
+ .container {
5
+ width: 100%;
6
+ padding-right: 8px;
7
+ padding-left: 8px;
8
+ margin-right: auto;
9
+ margin-left: auto;
10
+ box-sizing: border-box;
16
11
 
17
- @include media.media($breakpoints, xsmall) {
18
- max-width: 100%;
19
- }
20
- @include media.media($breakpoints, small) {
21
- max-width: #{map-get(map-get($breakpoints, small), min)}px;
22
- }
23
- @include media.media($breakpoints, medium) {
24
- max-width: #{map-get(map-get($breakpoints, medium), min)}px;
25
- }
26
- @include media.media($breakpoints, large) {
27
- max-width: #{map-get(map-get($breakpoints, large), min)}px;
28
- }
29
- @include media.media($breakpoints, xlarge) {
30
- max-width: calc(100% - 112px);
31
- margin-left: 56px;
32
- margin-right: 56px;
33
- }
34
- @include media.media($breakpoints, xxlarge) {
35
- margin-right: auto;
36
- margin-left: auto;
37
- max-width: #{map-get(map-get($breakpoints, xxlarge), min) - 112}px;
38
- }
39
-
40
- //
41
- // DO NOT UNCOMMENT
42
- //
43
- // @include media.media(xlarge) {
44
- // max-width: #{map-get(map-get($breakpoints, xlarge), min) - 16}px;
45
- // }
12
+ @include media.media($breakpoints, small) {
13
+ padding-right: 16px;
14
+ padding-left: 16px;
15
+ }
16
+ @include media.media($breakpoints, medium) {
17
+ padding-right: 24px;
18
+ padding-left: 24px;
46
19
  }
20
+ @include media.media($breakpoints, large) {
21
+ padding-right: 48px;
22
+ padding-left: 48px;
23
+ }
24
+ @include media.media($breakpoints, xlarge) {
25
+ padding-right: 56px;
26
+ padding-left: 56px;
27
+ }
28
+ @include media.media($breakpoints, xxlarge) {
29
+ margin-right: auto;
30
+ margin-left: auto;
31
+ max-width: #{map-get(map-get($breakpoints, xxlarge), min) - 112}px;
32
+ }
33
+
34
+ //
35
+ // DO NOT UNCOMMENT
36
+ //
37
+ // @include media.media(xlarge) {
38
+ // max-width: #{map-get(map-get($breakpoints, xlarge), min) - 16}px;
39
+ // }
40
+ }
47
41
  }
package/components/{input.scss → _input.scss} RENAMED
@@ -1,7 +1,7 @@
1
- @use "@angular/material" as mat;
2
- @use "./µ";
3
- @use "sass:map";
4
- @import "../utilities/variables";
1
+ @use '@angular/material' as mat;
2
+ @use './µ';
3
+ @use 'sass:map';
4
+ @import '../utilities/variables';
5
5
 
6
6
  @mixin inputStyle($color) {
7
7
  &.mat-focused,
@@ -12,6 +12,7 @@
12
12
  border-width: 2px;
13
13
  border-color: $color;
14
14
  }
15
+
15
16
  .mdc-notched-outline__notch {
16
17
  border-width: 2px;
17
18
  border-bottom-color: $color;
@@ -21,26 +22,41 @@
21
22
  }
22
23
 
23
24
  @mixin theme($theme) {
25
+ --mat-form-field-container-height: 44px;
26
+ --mat-form-field-outlined-label-text-populated-size: 12px;
24
27
 
25
28
  @include mat.input-base($theme);
26
29
  @include mat.input-theme($theme);
27
30
 
28
-
29
-
31
+ .mat-mdc-text-field-wrapper.mdc-text-field--outlined
32
+ .mdc-notched-outline--upgraded
33
+ .mdc-floating-label--float-above {
34
+ --mat-mdc-form-field-label-transform: translateY(
35
+ calc(calc(10px + var(--mat-form-field-container-height) / 2) * -1)
36
+ );
37
+ }
30
38
 
31
39
  .mat-mdc-form-field {
32
- line-height: 1.125;
40
+ line-height: 26px;
41
+ padding: 8px;
42
+ --mat-mdc-form-field-floating-label-scale: 1;
33
43
 
34
- .mat-mdc-form-field-required-marker{
44
+ .mat-mdc-form-field-required-marker {
35
45
  color: µ.error($theme, 500);
36
46
  }
37
47
 
48
+ .mat-mdc-text-field-wrapper {
49
+ padding: 0 8px;
50
+ }
51
+
38
52
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
39
53
  color: µ.grayscale($theme, 900);
40
54
  }
41
55
 
42
- .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
43
- top: 25px;
56
+ .mat-mdc-text-field-wrapper
57
+ .mat-mdc-form-field-flex
58
+ .mat-mdc-floating-label {
59
+ //top: 25px;
44
60
  }
45
61
 
46
62
  .mat-mdc-form-field-hint-spacer {
@@ -48,7 +64,7 @@
48
64
  }
49
65
 
50
66
  .mat-mdc-form-field-hint-wrapper {
51
- padding: 0;
67
+ padding: 4px 0;
52
68
  }
53
69
 
54
70
  .mat-mdc-form-field-icon-suffix {
@@ -74,7 +90,7 @@
74
90
  .mat-icon {
75
91
  float: left;
76
92
  font-size: 16px;
77
- font-variation-settings: "FILL" 1;
93
+ font-variation-settings: 'FILL' 1;
78
94
  margin-right: 8px;
79
95
  vertical-align: baseline;
80
96
  flex: 0 0 16px;
@@ -99,7 +115,9 @@
99
115
  &.mat-form-field-onemrva-warning {
100
116
  &.mat-focused,
101
117
  &:hover {
102
- .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
118
+ .mat-mdc-text-field-wrapper
119
+ .mat-mdc-form-field-flex
120
+ .mat-mdc-floating-label {
103
121
  left: 3px;
104
122
  }
105
123
  }
@@ -120,7 +138,7 @@
120
138
  .mat-icon {
121
139
  float: left;
122
140
  font-size: 16px;
123
- font-variation-settings: "FILL" 1;
141
+ font-variation-settings: 'FILL' 1;
124
142
  margin-right: 8px;
125
143
  vertical-align: baseline;
126
144
  flex: 0 0 16px;
@@ -132,6 +150,7 @@
132
150
  .mat-mdc-form-field-hint-wrapper {
133
151
  padding: 0;
134
152
  position: static;
153
+
135
154
  .mat-warn {
136
155
  margin-bottom: 8px;
137
156
  padding: 8px 1em;
@@ -144,7 +163,7 @@
144
163
  .mat-icon {
145
164
  float: left;
146
165
  font-size: 16px;
147
- font-variation-settings: "FILL" 1;
166
+ font-variation-settings: 'FILL' 1;
148
167
  margin-right: 8px;
149
168
  vertical-align: baseline;
150
169
  flex: 0 0 16px;
@@ -158,7 +177,9 @@
158
177
  ) {
159
178
  &.mat-focused,
160
179
  &:hover {
161
- .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
180
+ .mat-mdc-text-field-wrapper
181
+ .mat-mdc-form-field-flex
182
+ .mat-mdc-floating-label {
162
183
  left: 3px;
163
184
  }
164
185
  }
@@ -169,6 +190,7 @@
169
190
  border-color: µ.grayscale($theme, 200);
170
191
  outline: 1px solid transparent;
171
192
  }
193
+
172
194
  .mdc-notched-outline__notch {
173
195
  border-bottom-color: µ.grayscale($theme, 200);
174
196
  outline: 1px solid transparent;
@@ -192,6 +214,7 @@
192
214
  border-width: 2px;
193
215
  border-color: µ.error($theme);
194
216
  }
217
+
195
218
  .mdc-notched-outline__notch {
196
219
  border-width: 2px;
197
220
  border-bottom-color: µ.error($theme);
@@ -217,6 +240,7 @@
217
240
  border-width: 2px;
218
241
  border-color: µ.warn($theme, 600);
219
242
  }
243
+
220
244
  .mdc-notched-outline__notch {
221
245
  border-width: 2px;
222
246
  border-bottom-color: µ.warn($theme, 600);
@@ -232,42 +256,10 @@
232
256
  }
233
257
  }
234
258
 
235
- .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
236
- min-height: 46px;
237
- padding: 12px 0;
259
+ .mat-mdc-text-field-wrapper.mdc-text-field--outlined
260
+ .mat-mdc-form-field-infix {
261
+ padding: 8px 0;
262
+ display: flex;
263
+ align-items: center;
238
264
  }
239
265
  }
240
-
241
- // @mixin theme($theme) {
242
-
243
- // // vertical alignment of the select arrow
244
- // .mat-form-field-appearance-outline .mat-select-arrow-wrapper {
245
- // transform: translateY(20%);
246
- // }
247
-
248
- // mat-option {
249
- // .mat-pseudo-checkbox {
250
- // border: 2px solid µ.grayscale($theme);
251
- // }
252
- // .mat-pseudo-checkbox-checked, .mat-pseudo-checkbox-indeterminate {
253
- // background: $onemrva-accent-gradient !important;
254
- // border: none !important;
255
- // }
256
- // .mat-option-text {
257
-
258
- // color: µ.grayscale($theme, 700) !important;
259
- // }
260
- // .mat-pseudo-checkbox-checked::after {
261
- // top: 4.4px;
262
- // left: 3px;
263
- // }
264
- // }
265
-
266
- // // mat-date-range-input .mat-date-range-input-separator {
267
- // // border-left: 1px solid red;
268
- // // height: 48px;
269
- // // margin: -11px 5px -15px;
270
- // // width: 0;
271
- // // overflow: hidden;
272
- // // }
273
- // }
package/components/_table.scss CHANGED
@@ -1,7 +1,7 @@
1
- @use "@angular/material" as mat;
2
- @use "sass:map";
3
- @use "./µ";
4
- @import "../utilities/variables";
1
+ @use '@angular/material' as mat;
2
+ @use 'sass:map';
3
+ @use './µ';
4
+ @import '../utilities/variables';
5
5
 
6
6
  @mixin theme($theme) {
7
7
  @include mat.table-base($theme);
@@ -9,10 +9,15 @@
9
9
 
10
10
  .mat-mdc-table {
11
11
  th.mat-mdc-header-cell {
12
- color: black;
13
12
  font-weight: 600;
14
13
  border-bottom: 2px solid µ.grayscale($theme, 200);
15
14
  font-size: 16px;
15
+ color: µ.grayscale($theme, 700);
16
+ font-family: mat.get-theme-typography($theme, 'headline-1', font-family);
17
+ font-style: normal;
18
+ line-height: 16px; /* 162.5% */
19
+ vertical-align: bottom;
20
+ padding-bottom: 16px;
16
21
  }
17
22
 
18
23
  .mat-mdc-row:last-child {
package/esm2022/lib/theme.module.mjs CHANGED
@@ -2,9 +2,9 @@ import { NgModule } from '@angular/core';
2
2
  import { MAT_FORM_FIELD_DEFAULT_OPTIONS, } from '@angular/material/form-field';
3
3
  import * as i0 from "@angular/core";
4
4
  export class OnemrvaThemeModule {
5
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: OnemrvaThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
6
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.7", ngImport: i0, type: OnemrvaThemeModule }); }
7
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: OnemrvaThemeModule, providers: [
5
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: OnemrvaThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
6
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: OnemrvaThemeModule }); }
7
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: OnemrvaThemeModule, providers: [
8
8
  {
9
9
  provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,
10
10
  useValue: {
@@ -14,7 +14,7 @@ export class OnemrvaThemeModule {
14
14
  },
15
15
  ] }); }
16
16
  }
17
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: OnemrvaThemeModule, decorators: [{
17
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: OnemrvaThemeModule, decorators: [{
18
18
  type: NgModule,
19
19
  args: [{
20
20
  providers: [
@@ -29,4 +29,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
29
29
  imports: []
30
30
  }]
31
31
  }] });
32
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb25lbXJ2YS90aGVtZS9zcmMvbGliL3RoZW1lLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFFTCw4QkFBOEIsR0FDL0IsTUFBTSw4QkFBOEIsQ0FBQzs7QUFpQnRDLE1BQU0sT0FBTyxrQkFBa0I7OEdBQWxCLGtCQUFrQjsrR0FBbEIsa0JBQWtCOytHQUFsQixrQkFBa0IsYUFibEI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsOEJBQThCO2dCQUN2QyxRQUFRLEVBQUU7b0JBQ1IsVUFBVSxFQUFFLFNBQVM7b0JBQ3JCLFVBQVUsRUFBRSxRQUFRO2lCQUNTO2FBQ2hDO1NBQ0Y7OzJGQUtVLGtCQUFrQjtrQkFkOUIsUUFBUTttQkFBQztvQkFDUixTQUFTLEVBQUU7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLDhCQUE4Qjs0QkFDdkMsUUFBUSxFQUFFO2dDQUNSLFVBQVUsRUFBRSxTQUFTO2dDQUNyQixVQUFVLEVBQUUsUUFBUTs2QkFDUzt5QkFDaEM7cUJBQ0Y7b0JBQ0QsT0FBTyxFQUFFLEVBRVI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgTWF0Rm9ybUZpZWxkRGVmYXVsdE9wdGlvbnMsXG4gIE1BVF9GT1JNX0ZJRUxEX0RFRkFVTFRfT1BUSU9OUyxcbn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XG5pbXBvcnQge01BVF9FWFBBTlNJT05fUEFORUxfREVGQVVMVF9PUFRJT05TLCBNYXRFeHBhbnNpb25QYW5lbERlZmF1bHRPcHRpb25zfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZXhwYW5zaW9uXCI7XG5cbkBOZ01vZHVsZSh7XG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE1BVF9GT1JNX0ZJRUxEX0RFRkFVTFRfT1BUSU9OUyxcbiAgICAgIHVzZVZhbHVlOiB7XG4gICAgICAgIGFwcGVhcmFuY2U6ICdvdXRsaW5lJyxcbiAgICAgICAgZmxvYXRMYWJlbDogJ2Fsd2F5cycsXG4gICAgICB9IGFzIE1hdEZvcm1GaWVsZERlZmF1bHRPcHRpb25zLFxuICAgIH0sXG4gIF0sXG4gIGltcG9ydHM6IFtcblxuICBdXG59KVxuZXhwb3J0IGNsYXNzIE9uZW1ydmFUaGVtZU1vZHVsZSB7fVxuIl19
32
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb25lbXJ2YS90aGVtZS9zcmMvbGliL3RoZW1lLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFFTCw4QkFBOEIsR0FDL0IsTUFBTSw4QkFBOEIsQ0FBQzs7QUFpQnRDLE1BQU0sT0FBTyxrQkFBa0I7K0dBQWxCLGtCQUFrQjtnSEFBbEIsa0JBQWtCO2dIQUFsQixrQkFBa0IsYUFibEI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsOEJBQThCO2dCQUN2QyxRQUFRLEVBQUU7b0JBQ1IsVUFBVSxFQUFFLFNBQVM7b0JBQ3JCLFVBQVUsRUFBRSxRQUFRO2lCQUNTO2FBQ2hDO1NBQ0Y7OzRGQUtVLGtCQUFrQjtrQkFkOUIsUUFBUTttQkFBQztvQkFDUixTQUFTLEVBQUU7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLDhCQUE4Qjs0QkFDdkMsUUFBUSxFQUFFO2dDQUNSLFVBQVUsRUFBRSxTQUFTO2dDQUNyQixVQUFVLEVBQUUsUUFBUTs2QkFDUzt5QkFDaEM7cUJBQ0Y7b0JBQ0QsT0FBTyxFQUFFLEVBRVI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgTWF0Rm9ybUZpZWxkRGVmYXVsdE9wdGlvbnMsXG4gIE1BVF9GT1JNX0ZJRUxEX0RFRkFVTFRfT1BUSU9OUyxcbn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XG5pbXBvcnQge01BVF9FWFBBTlNJT05fUEFORUxfREVGQVVMVF9PUFRJT05TLCBNYXRFeHBhbnNpb25QYW5lbERlZmF1bHRPcHRpb25zfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZXhwYW5zaW9uXCI7XG5cbkBOZ01vZHVsZSh7XG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE1BVF9GT1JNX0ZJRUxEX0RFRkFVTFRfT1BUSU9OUyxcbiAgICAgIHVzZVZhbHVlOiB7XG4gICAgICAgIGFwcGVhcmFuY2U6ICdvdXRsaW5lJyxcbiAgICAgICAgZmxvYXRMYWJlbDogJ2Fsd2F5cycsXG4gICAgICB9IGFzIE1hdEZvcm1GaWVsZERlZmF1bHRPcHRpb25zLFxuICAgIH0sXG4gIF0sXG4gIGltcG9ydHM6IFtcblxuICBdXG59KVxuZXhwb3J0IGNsYXNzIE9uZW1ydmFUaGVtZU1vZHVsZSB7fVxuIl19
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: "17.3.7", ngImport: i0, type: OnemrvaThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
7
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.7", ngImport: i0, type: OnemrvaThemeModule }); }
8
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: OnemrvaThemeModule, providers: [
6
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: OnemrvaThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
7
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: OnemrvaThemeModule }); }
8
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", 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: "17.3.7", ngImport: i0, type: OnemrvaThemeModule, decorators: [{
18
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: OnemrvaThemeModule, decorators: [{
19
19
  type: NgModule,
20
20
  args: [{
21
21
  providers: [
package/fesm2022/onemrvapublic-design-system-theme.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"onemrvapublic-design-system-theme.mjs","sources":["../../../../projects/onemrva/theme/src/lib/theme.module.ts","../../../../projects/onemrva/theme/src/index.ts","../../../../projects/onemrva/theme/src/onemrvapublic-design-system-theme.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport {\n MatFormFieldDefaultOptions,\n MAT_FORM_FIELD_DEFAULT_OPTIONS,\n} from '@angular/material/form-field';\nimport {MAT_EXPANSION_PANEL_DEFAULT_OPTIONS, MatExpansionPanelDefaultOptions} from \"@angular/material/expansion\";\n\n@NgModule({\n providers: [\n {\n provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,\n useValue: {\n appearance: 'outline',\n floatLabel: 'always',\n } as MatFormFieldDefaultOptions,\n },\n ],\n imports: [\n\n ]\n})\nexport class OnemrvaThemeModule {}\n","/*\n * Public API Surface of theme\n */\n\nexport * from './lib/theme.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAqBa,kBAAkB,CAAA;8GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAAlB,kBAAkB,EAAA,CAAA,CAAA,EAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,EAblB,SAAA,EAAA;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,8BAA8B;AACvC,gBAAA,QAAQ,EAAE;AACR,oBAAA,UAAU,EAAE,SAAS;AACrB,oBAAA,UAAU,EAAE,QAAQ;AACS,iBAAA;AAChC,aAAA;AACF,SAAA,EAAA,CAAA,CAAA,EAAA;;2FAKU,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAd9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,SAAS,EAAE;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,8BAA8B;AACvC,4BAAA,QAAQ,EAAE;AACR,gCAAA,UAAU,EAAE,SAAS;AACrB,gCAAA,UAAU,EAAE,QAAQ;AACS,6BAAA;AAChC,yBAAA;AACF,qBAAA;AACD,oBAAA,OAAO,EAAE,EAER;AACF,iBAAA,CAAA;;;ACpBD;;AAEG;;ACFH;;AAEG;;;;"}
1
+ {"version":3,"file":"onemrvapublic-design-system-theme.mjs","sources":["../../../../projects/onemrva/theme/src/lib/theme.module.ts","../../../../projects/onemrva/theme/src/index.ts","../../../../projects/onemrva/theme/src/onemrvapublic-design-system-theme.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport {\n MatFormFieldDefaultOptions,\n MAT_FORM_FIELD_DEFAULT_OPTIONS,\n} from '@angular/material/form-field';\nimport {MAT_EXPANSION_PANEL_DEFAULT_OPTIONS, MatExpansionPanelDefaultOptions} from \"@angular/material/expansion\";\n\n@NgModule({\n providers: [\n {\n provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,\n useValue: {\n appearance: 'outline',\n floatLabel: 'always',\n } as MatFormFieldDefaultOptions,\n },\n ],\n imports: [\n\n ]\n})\nexport class OnemrvaThemeModule {}\n","/*\n * Public API Surface of theme\n */\n\nexport * from './lib/theme.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAqBa,kBAAkB,CAAA;+GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;gHAAlB,kBAAkB,EAAA,CAAA,CAAA,EAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,EAblB,SAAA,EAAA;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,8BAA8B;AACvC,gBAAA,QAAQ,EAAE;AACR,oBAAA,UAAU,EAAE,SAAS;AACrB,oBAAA,UAAU,EAAE,QAAQ;AACS,iBAAA;AAChC,aAAA;AACF,SAAA,EAAA,CAAA,CAAA,EAAA;;4FAKU,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAd9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,SAAS,EAAE;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,8BAA8B;AACvC,4BAAA,QAAQ,EAAE;AACR,gCAAA,UAAU,EAAE,SAAS;AACrB,gCAAA,UAAU,EAAE,QAAQ;AACS,6BAAA;AAChC,yBAAA;AACF,qBAAA;AACD,oBAAA,OAAO,EAAE,EAER;AACF,iBAAA,CAAA;;;ACpBD;;AAEG;;ACFH;;AAEG;;;;"}
package/index.scss CHANGED
@@ -22,7 +22,7 @@
22
22
  @forward './components/table' as tables-*;
23
23
  @forward './components/toolbar' as toolbar-*;
24
24
  @forward './components/tabs' as tabs-*;
25
- @forward './components/input' as input-*;
25
+ @forward 'components/input' as input-*;
26
26
  @forward './components/stepper' as stepper-*;
27
27
  @forward './components/icon' as icon-*;
28
28
  @forward './components/tooltip' as tooltip-*;
@@ -73,7 +73,7 @@
73
73
  @use './components/slide-toggle' as slide-toggle;
74
74
  @use 'components/table';
75
75
  @use './components/tabs';
76
- @use './components/input' as input;
76
+ @use 'components/input' as input;
77
77
  @use './components/stepper';
78
78
  @use './components/icon';
79
79
  @use './components/tooltip';
@@ -109,8 +109,9 @@
109
109
  margin: 0;
110
110
  // font-family: sans-serif;
111
111
  }
112
+
112
113
  mat-drawer-container {
113
- background-color: white !important ;
114
+ background-color: white !important;
114
115
  }
115
116
  }
116
117
  }
@@ -118,12 +119,15 @@
118
119
  @mixin font-theme() {
119
120
  @include fonts.theme(variables.$onemrva-theme);
120
121
  }
122
+
121
123
  @mixin spacing-theme() {
122
124
  @include spacing.spacing();
123
125
  }
126
+
124
127
  @mixin grid-theme() {
125
128
  @include grid.grid();
126
129
  }
130
+
127
131
  @mixin utilities-theme() {
128
132
  @include utilities.utilities();
129
133
  }
package/package.json CHANGED
@@ -1,30 +1,30 @@
1
1
  {
2
- "name": "@onemrvapublic/design-system-theme",
3
- "version": "17.3.156",
4
- "publishConfig": {
5
- "access": "public"
2
+ "name": "@onemrvapublic/design-system-theme",
3
+ "version": "17.4.1",
4
+ "publishConfig": {
5
+ "access": "public"
6
+ },
7
+ "peerDependencies": {
8
+ "@angular/common": "^17.0.4",
9
+ "@angular/core": "^17.0.4",
10
+ "@angular/material": "^17.2.0"
11
+ },
12
+ "dependencies": {
13
+ "tslib": "^2.3.0"
14
+ },
15
+ "exports": {
16
+ ".": {
17
+ "sass": "./index.scss",
18
+ "types": "./index.d.ts",
19
+ "esm2022": "./esm2022/onemrvapublic-design-system-theme.mjs",
20
+ "esm": "./esm2022/onemrvapublic-design-system-theme.mjs",
21
+ "default": "./fesm2022/onemrvapublic-design-system-theme.mjs"
6
22
  },
7
- "peerDependencies": {
8
- "@angular/common": "^17.0.4",
9
- "@angular/core": "^17.0.4",
10
- "@angular/material": "^17.2.0"
11
- },
12
- "dependencies": {
13
- "tslib": "^2.3.0"
14
- },
15
- "exports": {
16
- ".": {
17
- "sass": "./index.scss",
18
- "types": "./index.d.ts",
19
- "esm2022": "./esm2022/onemrvapublic-design-system-theme.mjs",
20
- "esm": "./esm2022/onemrvapublic-design-system-theme.mjs",
21
- "default": "./fesm2022/onemrvapublic-design-system-theme.mjs"
22
- },
23
- "./package.json": {
24
- "default": "./package.json"
25
- }
26
- },
27
- "module": "fesm2022/onemrvapublic-design-system-theme.mjs",
28
- "typings": "index.d.ts",
29
- "sideEffects": false
23
+ "./package.json": {
24
+ "default": "./package.json"
25
+ }
26
+ },
27
+ "module": "fesm2022/onemrvapublic-design-system-theme.mjs",
28
+ "typings": "index.d.ts",
29
+ "sideEffects": false
30
30
  }