@onemrvapublic/design-system 18.2.4-develop.6 → 18.2.4-develop.8
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.
|
@@ -18,6 +18,10 @@
|
|
|
18
18
|
flex-shrink: 0;
|
|
19
19
|
font-family: utils.fontFamily($theme, 'headline-1');
|
|
20
20
|
font-weight: 500;
|
|
21
|
+
font-size: var(--font-size);
|
|
22
|
+
line-height: calc(var(--size) / 2);
|
|
23
|
+
width: var(--size);
|
|
24
|
+
height: var(--size);
|
|
21
25
|
|
|
22
26
|
&.onemrva-mat-avatar--extrasmall {
|
|
23
27
|
--size: 32px;
|
|
@@ -47,10 +51,6 @@
|
|
|
47
51
|
height: var(--size);
|
|
48
52
|
line-height: calc(var(--size) + var(--resize));
|
|
49
53
|
}
|
|
50
|
-
font-size: var(--font-size);
|
|
51
|
-
line-height: calc(var(--size) / 2);
|
|
52
|
-
width: var(--size);
|
|
53
|
-
height: var(--size);
|
|
54
54
|
|
|
55
55
|
&.mat-accent {
|
|
56
56
|
background: utils.gradient($theme);
|
|
@@ -21,6 +21,13 @@
|
|
|
21
21
|
|
|
22
22
|
onemrva-mat-file-upload {
|
|
23
23
|
.mat-mdc-form-field-error {
|
|
24
|
+
margin-bottom: 8px;
|
|
25
|
+
padding: 8px 1em;
|
|
26
|
+
background-color: #ffebe6;
|
|
27
|
+
border-bottom: 1px solid utils.palette($theme, 'error');
|
|
28
|
+
color: utils.palette($theme, 'error');
|
|
29
|
+
display: flex;
|
|
30
|
+
line-height: 1.125;
|
|
24
31
|
&:before {
|
|
25
32
|
//noinspection CssNoGenericFontName
|
|
26
33
|
font-family: 'Material Icons';
|
|
@@ -32,14 +39,6 @@
|
|
|
32
39
|
vertical-align: baseline;
|
|
33
40
|
flex: 0 0 16px;
|
|
34
41
|
}
|
|
35
|
-
|
|
36
|
-
margin-bottom: 8px;
|
|
37
|
-
padding: 8px 1em;
|
|
38
|
-
background-color: #ffebe6;
|
|
39
|
-
border-bottom: 1px solid utils.palette($theme, 'error');
|
|
40
|
-
color: utils.palette($theme, 'error');
|
|
41
|
-
display: flex;
|
|
42
|
-
line-height: 1.125;
|
|
43
42
|
}
|
|
44
43
|
ul {
|
|
45
44
|
list-style: none;
|
|
@@ -55,6 +54,15 @@
|
|
|
55
54
|
}
|
|
56
55
|
|
|
57
56
|
.onemrva-mat-file-upload-drop-area {
|
|
57
|
+
padding: $spacer * 3;
|
|
58
|
+
text-align: left;
|
|
59
|
+
border: dashed 2px utils.palette($theme, 'grayscale', 500);
|
|
60
|
+
|
|
61
|
+
position: relative;
|
|
62
|
+
border-radius: 16px;
|
|
63
|
+
transition:
|
|
64
|
+
background-color 0.3s ease-in-out,
|
|
65
|
+
border 0.3s ease-in-out;
|
|
58
66
|
mat-icon {
|
|
59
67
|
&.filled {
|
|
60
68
|
vertical-align: bottom;
|
|
@@ -74,19 +82,10 @@
|
|
|
74
82
|
color: utils.palette($theme, 'warn', 600);
|
|
75
83
|
}
|
|
76
84
|
}
|
|
77
|
-
padding: $spacer * 3;
|
|
78
|
-
text-align: left;
|
|
79
|
-
border: dashed 2px utils.palette($theme, 'grayscale', 500);
|
|
80
85
|
|
|
81
86
|
&.fu-error {
|
|
82
87
|
border: dashed 2px utils.palette($theme, 'error', 600);
|
|
83
88
|
}
|
|
84
|
-
|
|
85
|
-
position: relative;
|
|
86
|
-
border-radius: 16px;
|
|
87
|
-
transition:
|
|
88
|
-
background-color 0.3s ease-in-out,
|
|
89
|
-
border 0.3s ease-in-out;
|
|
90
89
|
mat-icon.onemrva-upload {
|
|
91
90
|
color: utils.palette($theme, 'grayscale', 700);
|
|
92
91
|
width: 60px;
|
|
@@ -109,13 +109,12 @@
|
|
|
109
109
|
}
|
|
110
110
|
|
|
111
111
|
span {
|
|
112
|
-
mat-icon {
|
|
113
|
-
color: utils.palette($theme, 'grayscale', '500-contrast');
|
|
114
|
-
}
|
|
115
|
-
|
|
116
112
|
color: utils.palette($theme, 'grayscale', '500-contrast');
|
|
117
113
|
background: utils.palette($theme, 'grayscale', 400);
|
|
118
114
|
outline: 1px solid utils.palette($theme, 'grayscale', 400);
|
|
115
|
+
mat-icon {
|
|
116
|
+
color: utils.palette($theme, 'grayscale', '500-contrast');
|
|
117
|
+
}
|
|
119
118
|
}
|
|
120
119
|
}
|
|
121
120
|
.onemrva-mat-task-title,
|
|
@@ -139,12 +138,12 @@
|
|
|
139
138
|
}
|
|
140
139
|
|
|
141
140
|
span {
|
|
142
|
-
mat-icon {
|
|
143
|
-
color: utils.palette($theme, $color, '500-contrast');
|
|
144
|
-
}
|
|
145
141
|
color: utils.palette($theme, $color, '500-contrast');
|
|
146
142
|
background: utils.palette($theme, $color, $weight);
|
|
147
143
|
outline: 1px solid utils.palette($theme, $color, $weight);
|
|
144
|
+
mat-icon {
|
|
145
|
+
color: utils.palette($theme, $color, '500-contrast');
|
|
146
|
+
}
|
|
148
147
|
}
|
|
149
148
|
}
|
|
150
149
|
}
|