@onemrvapublic/design-system-theme 17.2.67 → 17.3.5
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.
- package/components/_button.scss +18 -18
- package/components/_container.scss +35 -41
- package/components/{input.scss → _input.scss} +45 -53
- package/components/_table.scss +10 -5
- package/esm2022/lib/theme.module.mjs +5 -5
- package/fesm2022/onemrvapublic-design-system-theme.mjs +4 -4
- package/fesm2022/onemrvapublic-design-system-theme.mjs.map +1 -1
- package/index.scss +101 -99
- package/package.json +27 -27
package/components/_button.scss
CHANGED
|
@@ -1,21 +1,19 @@
|
|
|
1
|
-
@use
|
|
2
|
-
@use
|
|
3
|
-
@use
|
|
4
|
-
@import
|
|
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,
|
|
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:
|
|
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
|
-
|
|
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:
|
|
135
|
-
content:
|
|
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,
|
|
265
|
+
color: µ.error($theme, '500-contrast');
|
|
266
266
|
}
|
|
267
267
|
|
|
268
268
|
&.mat-success {
|
|
269
269
|
background: µ.success($theme);
|
|
270
|
-
color: µ.success($theme,
|
|
270
|
+
color: µ.success($theme, '500-contrast');
|
|
271
271
|
}
|
|
272
272
|
|
|
273
273
|
&.mat-info {
|
|
274
274
|
background: µ.info($theme);
|
|
275
|
-
color: µ.info($theme,
|
|
275
|
+
color: µ.info($theme, '500-contrast');
|
|
276
276
|
}
|
|
277
277
|
|
|
278
278
|
&.mat-grayscale {
|
|
279
279
|
background: µ.grayscale($theme);
|
|
280
|
-
color: µ.grayscale($theme,
|
|
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;
|
|
@@ -1,47 +1,41 @@
|
|
|
1
1
|
@use '../utilities/media';
|
|
2
2
|
|
|
3
3
|
@mixin theme($theme, $breakpoints) {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
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
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
@use
|
|
2
|
-
@use
|
|
3
|
-
@use
|
|
4
|
-
@import
|
|
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:
|
|
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
|
|
43
|
-
|
|
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:
|
|
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
|
|
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:
|
|
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:
|
|
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
|
|
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
|
|
236
|
-
|
|
237
|
-
padding:
|
|
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
|
|
2
|
-
@use
|
|
3
|
-
@use
|
|
4
|
-
@import
|
|
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 {
|
|
@@ -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.
|
|
6
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.
|
|
7
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.
|
|
5
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: OnemrvaThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
6
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: OnemrvaThemeModule }); }
|
|
7
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", 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.
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", 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,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb25lbXJ2YS90aGVtZS9zcmMvbGliL3RoZW1lLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFFTCw4QkFBOEIsR0FDL0IsTUFBTSw4QkFBOEIsQ0FBQzs7QUFpQnRDLE1BQU0sT0FBTyxrQkFBa0I7K0dBQWxCLGtCQUFrQjtnSEFBbEIsa0JBQWtCO2dIQUFsQixrQkFBa0IsYUFibEI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsOEJBQThCO2dCQUN2QyxRQUFRLEVBQUU7b0JBQ1IsVUFBVSxFQUFFLFNBQVM7b0JBQ3JCLFVBQVUsRUFBRSxRQUFRO2lCQUNTO2FBQ2hDO1NBQ0Y7OzRGQUtVLGtCQUFrQjtrQkFkOUIsUUFBUTttQkFBQztvQkFDUixTQUFTLEVBQUU7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLDhCQUE4Qjs0QkFDdkMsUUFBUSxFQUFFO2dDQUNSLFVBQVUsRUFBRSxTQUFTO2dDQUNyQixVQUFVLEVBQUUsUUFBUTs2QkFDUzt5QkFDaEM7cUJBQ0Y7b0JBQ0QsT0FBTyxFQUFFLEVBRVI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgTWF0Rm9ybUZpZWxkRGVmYXVsdE9wdGlvbnMsXG4gIE1BVF9GT1JNX0ZJRUxEX0RFRkFVTFRfT1BUSU9OUyxcbn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XG5pbXBvcnQge01BVF9FWFBBTlNJT05fUEFORUxfREVGQVVMVF9PUFRJT05TLCBNYXRFeHBhbnNpb25QYW5lbERlZmF1bHRPcHRpb25zfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZXhwYW5zaW9uXCI7XG5cbkBOZ01vZHVsZSh7XG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE1BVF9GT1JNX0ZJRUxEX0RFRkFVTFRfT1BUSU9OUyxcbiAgICAgIHVzZVZhbHVlOiB7XG4gICAgICAgIGFwcGVhcmFuY2U6ICdvdXRsaW5lJyxcbiAgICAgICAgZmxvYXRMYWJlbDogJ2Fsd2F5cycsXG4gICAgICB9IGFzIE1hdEZvcm1GaWVsZERlZmF1bHRPcHRpb25zLFxuICAgIH0sXG4gIF0sXG4gIGltcG9ydHM6IFtcblxuICBdXG59KVxuZXhwb3J0IGNsYXNzIE9uZW1ydmFUaGVtZU1vZHVsZSB7fVxuIl19
|
|
@@ -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
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.
|
|
8
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.
|
|
6
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: OnemrvaThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: OnemrvaThemeModule }); }
|
|
8
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", 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.
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: OnemrvaThemeModule, decorators: [{
|
|
19
19
|
type: NgModule,
|
|
20
20
|
args: [{
|
|
21
21
|
providers: [
|
|
@@ -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
|
|
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
|
@@ -1,97 +1,97 @@
|
|
|
1
|
-
@forward
|
|
2
|
-
@forward
|
|
3
|
-
@forward
|
|
4
|
-
@forward
|
|
5
|
-
@forward
|
|
6
|
-
@forward
|
|
7
|
-
@forward
|
|
8
|
-
@forward
|
|
9
|
-
@forward
|
|
10
|
-
@forward
|
|
11
|
-
@forward
|
|
12
|
-
@forward
|
|
13
|
-
@forward
|
|
14
|
-
@forward
|
|
15
|
-
@forward
|
|
16
|
-
@forward
|
|
17
|
-
@forward
|
|
18
|
-
@forward
|
|
19
|
-
@forward
|
|
20
|
-
@forward
|
|
21
|
-
@forward
|
|
22
|
-
@forward
|
|
23
|
-
@forward
|
|
24
|
-
@forward
|
|
25
|
-
@forward
|
|
26
|
-
@forward
|
|
27
|
-
@forward
|
|
28
|
-
@forward
|
|
29
|
-
@forward
|
|
30
|
-
@forward
|
|
31
|
-
@forward
|
|
32
|
-
@forward
|
|
33
|
-
@forward
|
|
34
|
-
@forward
|
|
35
|
-
@forward
|
|
36
|
-
@forward
|
|
37
|
-
@forward
|
|
38
|
-
@forward
|
|
39
|
-
|
|
40
|
-
@forward
|
|
41
|
-
@forward
|
|
42
|
-
@forward
|
|
43
|
-
|
|
44
|
-
@forward
|
|
45
|
-
@forward
|
|
46
|
-
@forward
|
|
47
|
-
|
|
48
|
-
@use
|
|
49
|
-
@use
|
|
50
|
-
|
|
51
|
-
@use
|
|
52
|
-
@use
|
|
53
|
-
@use
|
|
54
|
-
@use
|
|
55
|
-
@use
|
|
56
|
-
@use
|
|
57
|
-
@use
|
|
58
|
-
@use
|
|
59
|
-
@use
|
|
60
|
-
@use
|
|
61
|
-
@use
|
|
62
|
-
@use
|
|
63
|
-
@use
|
|
64
|
-
@use
|
|
65
|
-
@use
|
|
66
|
-
@use
|
|
67
|
-
@use
|
|
68
|
-
@use
|
|
69
|
-
@use
|
|
70
|
-
@use
|
|
71
|
-
@use
|
|
72
|
-
@use
|
|
73
|
-
@use
|
|
74
|
-
@use
|
|
75
|
-
@use
|
|
76
|
-
@use
|
|
77
|
-
@use
|
|
78
|
-
@use
|
|
79
|
-
@use
|
|
80
|
-
@use
|
|
81
|
-
@use
|
|
82
|
-
@use
|
|
83
|
-
@use
|
|
84
|
-
@use
|
|
85
|
-
@use
|
|
86
|
-
@use
|
|
87
|
-
@use
|
|
88
|
-
@use
|
|
89
|
-
|
|
90
|
-
@use
|
|
91
|
-
@use
|
|
92
|
-
@use
|
|
93
|
-
@use
|
|
94
|
-
@use
|
|
1
|
+
@forward './components/autocomplete' as autocomplete-*;
|
|
2
|
+
@forward './components/button' as button-*;
|
|
3
|
+
@forward './components/button-toggle' as button-toggle-*;
|
|
4
|
+
@forward './components/cards' as cards-*;
|
|
5
|
+
@forward './components/checkbox' as checkbox-*;
|
|
6
|
+
@forward './components/chips' as chips-*;
|
|
7
|
+
@forward './components/choice-chips' as choice-chips-*;
|
|
8
|
+
@forward './components/container' as container-*;
|
|
9
|
+
@forward './components/datepicker' as datepicker-*;
|
|
10
|
+
@forward './components/drag-and-drop' as drag-and-drop-*;
|
|
11
|
+
@forward './components/dialogs' as dialogs-*;
|
|
12
|
+
@forward './components/expansion' as expansion-*;
|
|
13
|
+
@forward './components/form-field' as form-field-*;
|
|
14
|
+
@forward './components/links' as links-*;
|
|
15
|
+
@forward './components/lists' as lists-*;
|
|
16
|
+
@forward './components/menu' as menu-*;
|
|
17
|
+
@forward './components/progress-bar' as progress-bar-*;
|
|
18
|
+
@forward './components/radio' as radio-*;
|
|
19
|
+
@forward './components/snack-bar' as snack-bar-*;
|
|
20
|
+
@forward './components/sidenav' as sidenav-*;
|
|
21
|
+
@forward './components/slide-toggle' as slide-toggle-*;
|
|
22
|
+
@forward './components/table' as tables-*;
|
|
23
|
+
@forward './components/toolbar' as toolbar-*;
|
|
24
|
+
@forward './components/tabs' as tabs-*;
|
|
25
|
+
@forward 'components/input' as input-*;
|
|
26
|
+
@forward './components/stepper' as stepper-*;
|
|
27
|
+
@forward './components/icon' as icon-*;
|
|
28
|
+
@forward './components/tooltip' as tooltip-*;
|
|
29
|
+
@forward './components/select' as select-*;
|
|
30
|
+
@forward './components/slider' as slider-*;
|
|
31
|
+
@forward './components/fab' as fab-*;
|
|
32
|
+
@forward './components/tree' as tree-*;
|
|
33
|
+
@forward './components/sort' as sort-*;
|
|
34
|
+
@forward './components/grid-list' as grid-list-*;
|
|
35
|
+
@forward './components/divider' as divider-*;
|
|
36
|
+
@forward './components/badge' as badge-*;
|
|
37
|
+
@forward './components/bottom-sheet' as bottom-sheet-*;
|
|
38
|
+
@forward './components/icon-button' as icon-button-*;
|
|
39
|
+
|
|
40
|
+
@forward 'utilities/variables' show $onemrva-theme;
|
|
41
|
+
@forward 'utilities/variables' show $breakpoints;
|
|
42
|
+
@forward 'utilities/variables' show $onemrva-accent-gradient;
|
|
43
|
+
|
|
44
|
+
@forward 'utilities/spacing' show spacing;
|
|
45
|
+
@forward 'utilities/grid' show grid;
|
|
46
|
+
@forward 'utilities/utilities' show utilities;
|
|
47
|
+
|
|
48
|
+
@use 'sass:map';
|
|
49
|
+
@use '@angular/material' as mat;
|
|
50
|
+
|
|
51
|
+
@use './components/autocomplete';
|
|
52
|
+
@use './components/button';
|
|
53
|
+
@use './components/button-toggle';
|
|
54
|
+
@use './components/icon-button';
|
|
55
|
+
@use './components/cards';
|
|
56
|
+
@use './components/checkbox';
|
|
57
|
+
@use './components/chips';
|
|
58
|
+
@use './components/choice-chips' as choice-chips;
|
|
59
|
+
@use './components/container';
|
|
60
|
+
@use './components/datepicker';
|
|
61
|
+
@use './components/dialogs';
|
|
62
|
+
@use './components/drag-and-drop' as drag-and-drop;
|
|
63
|
+
@use './components/expansion' as expansion;
|
|
64
|
+
@use './components/form-field' as form-field;
|
|
65
|
+
@use './components/links';
|
|
66
|
+
@use './components/lists';
|
|
67
|
+
@use './components/menu';
|
|
68
|
+
@use './components/progress-bar' as progress-bar;
|
|
69
|
+
@use './components/radio';
|
|
70
|
+
@use 'components/snack-bar';
|
|
71
|
+
@use './components/sidenav';
|
|
72
|
+
@use './components/slider';
|
|
73
|
+
@use './components/slide-toggle' as slide-toggle;
|
|
74
|
+
@use 'components/table';
|
|
75
|
+
@use './components/tabs';
|
|
76
|
+
@use 'components/input' as input;
|
|
77
|
+
@use './components/stepper';
|
|
78
|
+
@use './components/icon';
|
|
79
|
+
@use './components/tooltip';
|
|
80
|
+
@use './components/select';
|
|
81
|
+
@use './components/toolbar';
|
|
82
|
+
@use './components/fab';
|
|
83
|
+
@use './components/tree';
|
|
84
|
+
@use './components/sort';
|
|
85
|
+
@use './components/grid-list';
|
|
86
|
+
@use './components/divider';
|
|
87
|
+
@use './components/badge';
|
|
88
|
+
@use './components/bottom-sheet';
|
|
89
|
+
|
|
90
|
+
@use 'utilities/utilities';
|
|
91
|
+
@use 'utilities/fonts';
|
|
92
|
+
@use 'utilities/spacing';
|
|
93
|
+
@use 'utilities/grid';
|
|
94
|
+
@use 'utilities/variables' as variables;
|
|
95
95
|
|
|
96
96
|
@mixin reset() {
|
|
97
97
|
@at-root {
|
|
@@ -103,15 +103,15 @@
|
|
|
103
103
|
map.get(variables.$onemrva-theme, typography),
|
|
104
104
|
body-1
|
|
105
105
|
); // HWKTMP for some reason the sans-serif version is configured somewhere but where...
|
|
106
|
-
|
|
107
106
|
}
|
|
108
107
|
|
|
109
108
|
body {
|
|
110
109
|
margin: 0;
|
|
111
110
|
// font-family: sans-serif;
|
|
112
111
|
}
|
|
112
|
+
|
|
113
113
|
mat-drawer-container {
|
|
114
|
-
background-color: white !important
|
|
114
|
+
background-color: white !important;
|
|
115
115
|
}
|
|
116
116
|
}
|
|
117
117
|
}
|
|
@@ -119,12 +119,15 @@
|
|
|
119
119
|
@mixin font-theme() {
|
|
120
120
|
@include fonts.theme(variables.$onemrva-theme);
|
|
121
121
|
}
|
|
122
|
+
|
|
122
123
|
@mixin spacing-theme() {
|
|
123
124
|
@include spacing.spacing();
|
|
124
125
|
}
|
|
126
|
+
|
|
125
127
|
@mixin grid-theme() {
|
|
126
128
|
@include grid.grid();
|
|
127
129
|
}
|
|
130
|
+
|
|
128
131
|
@mixin utilities-theme() {
|
|
129
132
|
@include utilities.utilities();
|
|
130
133
|
}
|
|
@@ -139,7 +142,6 @@
|
|
|
139
142
|
|
|
140
143
|
// Base for Web components
|
|
141
144
|
@mixin base() {
|
|
142
|
-
@include reset();
|
|
143
145
|
@include fonts.theme(variables.$onemrva-theme);
|
|
144
146
|
@include links.theme(variables.$onemrva-theme);
|
|
145
147
|
@include core();
|
|
@@ -147,16 +149,16 @@
|
|
|
147
149
|
|
|
148
150
|
// Load everything (size does not matter)
|
|
149
151
|
@mixin onemrva($b: variables.$breakpoints) {
|
|
150
|
-
|
|
151
152
|
//@include mat.core-theme(variables.$onemrva-theme);
|
|
152
153
|
//@include mat.all-component-themes(variables.$onemrva-theme);
|
|
153
154
|
//@include mat.all-component-typographies(
|
|
154
155
|
// map.get(variables.$onemrva-theme, typography)
|
|
155
156
|
//);
|
|
156
157
|
|
|
157
|
-
@include
|
|
158
|
+
@include reset();
|
|
158
159
|
@include fonts.theme(variables.$onemrva-theme);
|
|
159
160
|
@include links.theme(variables.$onemrva-theme);
|
|
161
|
+
@include core();
|
|
160
162
|
|
|
161
163
|
@include cards.theme(variables.$onemrva-theme);
|
|
162
164
|
@include progress-bar.theme(variables.$onemrva-theme);
|
package/package.json
CHANGED
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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"
|
|
2
|
+
"name": "@onemrvapublic/design-system-theme",
|
|
3
|
+
"version": "17.3.5",
|
|
4
|
+
"publishConfig": {
|
|
5
|
+
"access": "public"
|
|
22
6
|
},
|
|
23
|
-
"
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
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
|
|
30
30
|
}
|